/*! * Bootstrap v4.5.2 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { /* background: 0 0; */ color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; /* background: url(owl.video.play.png) no-repeat; */ cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } /* -- action colors */ /* //translate */ /* //animation */ /* =============== common mixins start =================== */ /*appearance*/ /* //transform */ /* //transition */ /* @import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap"); */ ::placeholder { /* Firefox */ font-style: italic; font-weight: 400; color: rgba(0, 0, 0, 0.3); } :-ms-input-placeholder { /* Internet Explorer 10-11 */ /* Firefox */ font-style: italic; font-weight: 400; color: rgba(0, 0, 0, 0.3); } ::-ms-input-placeholder { /* Microsoft Edge */ /* Firefox */ font-style: italic; font-weight: 400; color: rgba(0, 0, 0, 0.3); } /* ================ common mixins end ============== */ /* ====== Common Style :: Start */ * { font-family: "Heebo", sans-serif; font-size: 14px; } html { overflow: hidden; } body { background-color: #ffffff; position: relative; width: 100%; max-width: 100%; margin: 0 auto; height: 100%; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); } body a.ux-button { text-decoration: none; } body.body-transparent { background-color: transparent; } body.body-tpin { background-color: #efefef; } @media (max-width: 1439px) { body { border: 0px solid rgba(0, 0, 0, 0); } } @keyframes snowtheme { 0% { background-position: 0 0%; } 100% { background-position: 0 100%; } } input, select, textarea { background: transparent; } a { cursor: pointer; color: rgba(0, 0, 0, 0.85); text-decoration: none; } a:hover { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } /*a, a:hover, a:focus, a:active {text-decoration: none;}*/ a, a:hover, a:focus { outline: none; } input:hover, input:focus, select:hover, select:focus, input[type=checkbox], input[type=checkbox]:focus, input[type=radio], input[type=radio]:focus, .form-control:focus { outline: none; box-shadow: none; } /* //&:focus */ h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } p { margin-bottom: 0; } p.title { color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 18px; } li { list-style-type: none; } ul { padding-left: 0; } em { font-style: normal; } small { color: rgba(0, 0, 0, 0.5); } .radio, .checkbox { margin-top: 0; margin-bottom: 0; } .space-margin { margin: 0 -15px; } .vspacer5 { height: 5px; display: block; width: 100%; clear: both; } .vspacer10 { height: 10px; display: block; width: 100%; clear: both; } .vspacer20 { height: 20px; display: block; width: 100%; clear: both; } @media (max-width: 767px) { .vspacer20.customize { height: 5px !important; } } .vspacer30 { height: 30px; display: block; width: 100%; clear: both; } @media (max-width: 767px) { .vspacer30.customize { height: 15px !important; } } .vspacer40 { height: 40px; display: block; width: 100%; clear: both; } .congrats { text-align: center; margin-top: 100px; } .congrats img { height: 100px; } .vspacer50 { height: 50px; display: block; width: 100%; clear: both; } .vspacer100 { height: 100px; display: block; width: 100%; clear: both; } .vspacer150 { height: 150px; display: block; width: 100%; clear: both; } .row1 { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media screen and (max-width: 767px) { .row1 { margin-left: -15px; margin-right: -15px; } .row1 .col-1, .row1 .col-2, .row1 .col-3, .row1 .col-4, .row1 .col-5, .row1 .col-6, .row1 .col-7, .row1 .col-8, .row1 .col-9, .row1 .col-10, .row1 .col-11, .row1 .col-12, .row1 .col, .row1 .col-auto, .row1 .col-sm-1, .row1 .col-sm-2, .row1 .col-sm-3, .row1 .col-sm-4, .row1 .col-sm-5, .row1 .col-sm-6, .row1 .col-sm-7, .row1 .col-sm-8, .row1 .col-sm-9, .row1 .col-sm-10, .row1 .col-sm-11, .row1 .col-sm-12, .row1 .col-sm, .row1 .col-sm-auto, .row1 .col-md-1, .row1 .col-md-2, .row1 .col-md-3, .row1 .col-md-4, .row1 .col-md-5, .row1 .col-md-6, .row1 .col-md-7, .row1 .col-md-8, .row1 .col-md-9, .row1 .col-md-10, .row1 .col-md-11, .row1 .col-md-12, .row1 .col-md, .row1 .col-md-auto, .row1 .col-lg-1, .row1 .col-lg-2, .row1 .col-lg-3, .row1 .col-lg-4, .row1 .col-lg-5, .row1 .col-lg-6, .row1 .col-lg-7, .row1 .col-lg-8, .row1 .col-lg-9, .row1 .col-lg-10, .row1 .col-lg-11, .row1 .col-lg-12, .row1 .col-lg, .row1 .col-lg-auto, .row1 .col-xl-1, .row1 .col-xl-2, .row1 .col-xl-3, .row1 .col-xl-4, .row1 .col-xl-5, .row1 .col-xl-6, .row1 .col-xl-7, .row1 .col-xl-8, .row1 .col-xl-9, .row1 .col-xl-10, .row1 .col-xl-11, .row1 .col-xl-12, .row1 .col-xl, .row1 .col-xl-auto { padding-left: 15px; padding-right: 15px; } } .row2 { display: flex; flex-wrap: wrap; margin-right: -8px; margin-left: -8px; } @media screen and (max-width: 991px) { .row2 { margin-left: -8px; margin-right: -8px; } .row2 .col-1, .row2 .col-2, .row2 .col-3, .row2 .col-4, .row2 .col-5, .row2 .col-6, .row2 .col-7, .row2 .col-8, .row2 .col-9, .row2 .col-10, .row2 .col-11, .row2 .col-12, .row2 .col, .row2 .col-auto, .row2 .col-sm-1, .row2 .col-sm-2, .row2 .col-sm-3, .row2 .col-sm-4, .row2 .col-sm-5, .row2 .col-sm-6, .row2 .col-sm-7, .row2 .col-sm-8, .row2 .col-sm-9, .row2 .col-sm-10, .row2 .col-sm-11, .row2 .col-sm-12, .row2 .col-sm, .row2 .col-sm-auto, .row2 .col-md-1, .row2 .col-md-2, .row2 .col-md-3, .row2 .col-md-4, .row2 .col-md-5, .row2 .col-md-6, .row2 .col-md-7, .row2 .col-md-8, .row2 .col-md-9, .row2 .col-md-10, .row2 .col-md-11, .row2 .col-md-12, .row2 .col-md, .row2 .col-md-auto, .row2 .col-lg-1, .row2 .col-lg-2, .row2 .col-lg-3, .row2 .col-lg-4, .row2 .col-lg-5, .row2 .col-lg-6, .row2 .col-lg-7, .row2 .col-lg-8, .row2 .col-lg-9, .row2 .col-lg-10, .row2 .col-lg-11, .row2 .col-lg-12, .row2 .col-lg, .row2 .col-lg-auto, .row2 .col-xl-1, .row2 .col-xl-2, .row2 .col-xl-3, .row2 .col-xl-4, .row2 .col-xl-5, .row2 .col-xl-6, .row2 .col-xl-7, .row2 .col-xl-8, .row2 .col-xl-9, .row2 .col-xl-10, .row2 .col-xl-11, .row2 .col-xl-12, .row2 .col-xl, .row2 .col-xl-auto { padding-left: 8px; padding-right: 8px; } } .row3 { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media screen and (max-width: 991px) { .row3 { margin-left: -10px; margin-right: -10px; } .row3 .col-1, .row3 .col-2, .row3 .col-3, .row3 .col-4, .row3 .col-5, .row3 .col-6, .row3 .col-7, .row3 .col-8, .row3 .col-9, .row3 .col-10, .row3 .col-11, .row3 .col-12, .row3 .col, .row3 .col-auto, .row3 .col-sm-1, .row3 .col-sm-2, .row3 .col-sm-3, .row3 .col-sm-4, .row3 .col-sm-5, .row3 .col-sm-6, .row3 .col-sm-7, .row3 .col-sm-8, .row3 .col-sm-9, .row3 .col-sm-10, .row3 .col-sm-11, .row3 .col-sm-12, .row3 .col-sm, .row3 .col-sm-auto, .row3 .col-md-1, .row3 .col-md-2, .row3 .col-md-3, .row3 .col-md-4, .row3 .col-md-5, .row3 .col-md-6, .row3 .col-md-7, .row3 .col-md-8, .row3 .col-md-9, .row3 .col-md-10, .row3 .col-md-11, .row3 .col-md-12, .row3 .col-md, .row3 .col-md-auto, .row3 .col-lg-1, .row3 .col-lg-2, .row3 .col-lg-3, .row3 .col-lg-4, .row3 .col-lg-5, .row3 .col-lg-6, .row3 .col-lg-7, .row3 .col-lg-8, .row3 .col-lg-9, .row3 .col-lg-10, .row3 .col-lg-11, .row3 .col-lg-12, .row3 .col-lg, .row3 .col-lg-auto, .row3 .col-xl-1, .row3 .col-xl-2, .row3 .col-xl-3, .row3 .col-xl-4, .row3 .col-xl-5, .row3 .col-xl-6, .row3 .col-xl-7, .row3 .col-xl-8, .row3 .col-xl-9, .row3 .col-xl-10, .row3 .col-xl-11, .row3 .col-xl-12, .row3 .col-xl, .row3 .col-xl-auto { padding-left: 5px; padding-right: 5px; } } .row4 { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media screen and (min-width: 300px) { .row4 { margin-left: -5px; margin-right: -5px; } .row4 .col-1, .row4 .col-2, .row4 .col-3, .row4 .col-4, .row4 .col-5, .row4 .col-6, .row4 .col-7, .row4 .col-8, .row4 .col-9, .row4 .col-10, .row4 .col-11, .row4 .col-12, .row4 .col, .row4 .col-auto, .row4 .col-sm-1, .row4 .col-sm-2, .row4 .col-sm-3, .row4 .col-sm-4, .row4 .col-sm-5, .row4 .col-sm-6, .row4 .col-sm-7, .row4 .col-sm-8, .row4 .col-sm-9, .row4 .col-sm-10, .row4 .col-sm-11, .row4 .col-sm-12, .row4 .col-sm, .row4 .col-sm-auto, .row4 .col-md-1, .row4 .col-md-2, .row4 .col-md-3, .row4 .col-md-4, .row4 .col-md-5, .row4 .col-md-6, .row4 .col-md-7, .row4 .col-md-8, .row4 .col-md-9, .row4 .col-md-10, .row4 .col-md-11, .row4 .col-md-12, .row4 .col-md, .row4 .col-md-auto, .row4 .col-lg-1, .row4 .col-lg-2, .row4 .col-lg-3, .row4 .col-lg-4, .row4 .col-lg-5, .row4 .col-lg-6, .row4 .col-lg-7, .row4 .col-lg-8, .row4 .col-lg-9, .row4 .col-lg-10, .row4 .col-lg-11, .row4 .col-lg-12, .row4 .col-lg, .row4 .col-lg-auto, .row4 .col-xl-1, .row4 .col-xl-2, .row4 .col-xl-3, .row4 .col-xl-4, .row4 .col-xl-5, .row4 .col-xl-6, .row4 .col-xl-7, .row4 .col-xl-8, .row4 .col-xl-9, .row4 .col-xl-10, .row4 .col-xl-11, .row4 .col-xl-12, .row4 .col-xl, .row4 .col-xl-auto { padding-left: 5px; padding-right: 5px; } } .row5 { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media screen and (min-width: 300px) { .row5 { margin-left: -10px; margin-right: -10px; } .row5 .col-1, .row5 .col-2, .row5 .col-3, .row5 .col-4, .row5 .col-5, .row5 .col-6, .row5 .col-7, .row5 .col-8, .row5 .col-9, .row5 .col-10, .row5 .col-11, .row5 .col-12, .row5 .col, .row5 .col-auto, .row5 .col-sm-1, .row5 .col-sm-2, .row5 .col-sm-3, .row5 .col-sm-4, .row5 .col-sm-5, .row5 .col-sm-6, .row5 .col-sm-7, .row5 .col-sm-8, .row5 .col-sm-9, .row5 .col-sm-10, .row5 .col-sm-11, .row5 .col-sm-12, .row5 .col-sm, .row5 .col-sm-auto, .row5 .col-md-1, .row5 .col-md-2, .row5 .col-md-3, .row5 .col-md-4, .row5 .col-md-5, .row5 .col-md-6, .row5 .col-md-7, .row5 .col-md-8, .row5 .col-md-9, .row5 .col-md-10, .row5 .col-md-11, .row5 .col-md-12, .row5 .col-md, .row5 .col-md-auto, .row5 .col-lg-1, .row5 .col-lg-2, .row5 .col-lg-3, .row5 .col-lg-4, .row5 .col-lg-5, .row5 .col-lg-6, .row5 .col-lg-7, .row5 .col-lg-8, .row5 .col-lg-9, .row5 .col-lg-10, .row5 .col-lg-11, .row5 .col-lg-12, .row5 .col-lg, .row5 .col-lg-auto, .row5 .col-xl-1, .row5 .col-xl-2, .row5 .col-xl-3, .row5 .col-xl-4, .row5 .col-xl-5, .row5 .col-xl-6, .row5 .col-xl-7, .row5 .col-xl-8, .row5 .col-xl-9, .row5 .col-xl-10, .row5 .col-xl-11, .row5 .col-xl-12, .row5 .col-xl, .row5 .col-xl-auto { padding-left: 3px; padding-right: 3px; } } .full-width1 { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .no-gutters { margin-left: 5px; margin-right: 5px; } @media screen and (max-width: 767px) { .no-gutters { margin-left: 15px; margin-right: 15px; } } .minus-nav { left: 0 !important; } .minus-rt-col { margin-left: 0 !important; } @keyframes compactmenu { 0% { right: 0px; opacity: 0; } 100% { right: -20px; opacity: 1; } } @keyframes compactmenu2 { 0% { right: -20px; opacity: 1; } 100% { right: 0px; opacity: 0; } } .global-nav { background-color: #e4ecfb; background-repeat: no-repeat; background-size: cover; position: fixed; left: 13px; top: 78px; bottom: 0; width: 320px; display: flex; flex-direction: column; padding-bottom: 0px; z-index: 9; height: 100vh; transition: all 0.4s ease; border-top-left-radius: 8px; border-top-right-radius: 8px; /* //&.nav-showing */ } @media (max-width: 991px) { .global-nav { z-index: 92; width: 250px; left: -290px; } } @media (max-width: 1440px) { .global-nav { width: 226px; } } .global-nav.compact { width: 70px; transition: all 0.1s ease; } .global-nav.whitebg { background-image: none !important; background-color: #ffffff; } @media (min-width: 991px) { .global-nav.whitebg { border-right: 1px solid rgba(0, 0, 0, 0.08); } } .global-nav .menuslider { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; opacity: 0; border-radius: 0 5px 5px 0; padding: 15px 5px; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #1d3a95; transition: all 0.5s; transition-delay: 5s; cursor: pointer; } .global-nav .menuslider.active img { transform: rotate(0deg); } .global-nav .menuslider img { transition: all 0.5s ease; width: 10px; transform: rotate(180deg); transform-origin: middle; } @media (max-width: 992px) { .global-nav .menuslider { display: none; } } .global-nav .navcolor { position: relative; z-index: 999; } .global-nav .nav-header { position: relative; height: 65px; display: none; /* //.brand-logo */ /*user-details*/ /*user-details1*/ } .global-nav .nav-header.mob-header { position: relative; height: 116px; display: block; } .global-nav .nav-header a.btn-closeglnav { position: absolute; content: ""; width: 32px; height: 32px; display: block; right: -34px; top: 20px; margin-top: -16px; z-index: 1; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; } .global-nav .nav-header a.btn-closeglnav::before { content: ""; display: block; width: 2px; height: 22px; background-color: white; position: absolute; left: 50%; margin-left: -1px; bottom: 5px; transform: rotate(45deg); } .global-nav .nav-header a.btn-closeglnav::after { content: ""; display: block; width: 2px; height: 22px; background-color: white; position: absolute; left: 50%; margin-left: -1px; bottom: 5px; transform: rotate(45deg); transform: rotate(-45deg); } .global-nav .nav-header a.btn-closeglnav:hover { background-color: rgba(255, 255, 255, 0.1); } .global-nav .nav-header h4 { margin: 0; padding: 26px 15px; color: rgba(255, 255, 255, 0.9); display: block; font-size: 16px; text-align: left; text-transform: uppercase; } @media (max-width: 992px) { .global-nav .nav-header h4 { display: none; } } .global-nav .nav-header .brand-logo { min-height: 69px; display: block; padding: 15px 10px; margin: 0px; border-bottom: 1px solid rgba(0, 51, 161, 0.1); /*width: $navigationWidth;*/ /* //img */ } .global-nav .nav-header .brand-logo img { margin: 0 auto; text-align: center; width: 100%; max-width: 130px; height: auto; padding-top: 0px; height: auto; transition: all 0.8s ease; } @media (max-width: 800px) { .global-nav .nav-header .brand-logo img { max-width: 120px; height: auto; width: 100%; margin: 0px auto; text-align: center; } } .global-nav .nav-header .user-details { display: block; margin: 10px 10px; text-align: left; cursor: pointer; /*round-circle*/ } .global-nav .nav-header .user-details img, .global-nav .nav-header .user-details .in-details { display: inline-block; text-align: left; } .global-nav .nav-header .user-details img h5, .global-nav .nav-header .user-details .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 4px; text-align: left; font-size: 1.1rem; color: #ffffff; } .global-nav .nav-header .user-details img small, .global-nav .nav-header .user-details .in-details small { color: rgba(255, 255, 255, 0.5); font-size: 10px; margin: 0px 0px 0px 4px; } .global-nav .nav-header .user-details .round-circle { display: inline-block; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: white; border-image: initial; border-radius: 100%; background: rgb(237, 237, 237); margin: 0px auto 7px; overflow: hidden; margin: 0 auto; } .global-nav .nav-header .user-details .round-circle img { display: block; width: 100%; height: 100%; } @media (min-width: 992px) { .global-nav .nav-header .user-details { display: none; } } .global-nav .nav-header .user-details1 { display: block; padding: 50px 15px 15px 15px; text-align: left; cursor: pointer; background-color: #0750c6; /*round-circle*/ } .global-nav .nav-header .user-details1 img, .global-nav .nav-header .user-details1 .in-details { display: inline-block; text-align: left; } .global-nav .nav-header .user-details1 img h5, .global-nav .nav-header .user-details1 .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 0px; text-align: left; font-size: 1.1rem; line-height: 1rem; color: #ffffff; } .global-nav .nav-header .user-details1 img small, .global-nav .nav-header .user-details1 .in-details small { color: rgba(255, 255, 255, 0.6); font-size: 0.7rem; line-height: 0.6rem; margin: 0px 0px; } .global-nav .nav-header .user-details1 .round-circle { display: block; width: 60px; height: 60px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #002b88; border: 1px solid #003bbb; margin: 0px auto 7px; overflow: hidden; margin: 5px 0; text-align: center; } .global-nav .nav-header .user-details1 .round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .global-nav .nav-items { height: 100%; overflow: hidden; overflow-y: auto; } .global-nav .nav-items .nav-header { /* //.brand-logo */ /*user-details*/ /*user-details1*/ } .global-nav .nav-items .nav-header a.btn-closeglnav { position: absolute; width: 32px; height: 32px; display: block; right: -34px; top: 20px; margin-top: -16px; z-index: 1; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; } .global-nav .nav-items .nav-header a.btn-closeglnav::before { content: ""; display: block; width: 2px; height: 22px; background-color: white; position: absolute; left: 50%; margin-left: -1px; top: 5px; transform: rotate(45deg); } .global-nav .nav-items .nav-header a.btn-closeglnav::after { content: ""; display: block; width: 2px; height: 22px; background-color: white; position: absolute; left: 50%; margin-left: -1px; top: 5px; transform: rotate(45deg); transform: rotate(-45deg); } .global-nav .nav-items .nav-header a.btn-closeglnav:hover { background-color: rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { .global-nav .nav-items .nav-header a.btn-closeglnav { display: none; } } .global-nav .nav-items .nav-header h4 { margin: 0; padding: 26px 15px; color: rgba(255, 255, 255, 0.9); display: block; font-size: 16px; text-align: left; text-transform: uppercase; } @media (max-width: 992px) { .global-nav .nav-items .nav-header h4 { display: none; } } .global-nav .nav-items .nav-header .brand-logo { min-height: 69px; display: block; padding: 15px 10px; margin: 0px; border-bottom: 1px solid rgba(0, 51, 161, 0.1); /*width: $navigationWidth;*/ /* //img */ } .global-nav .nav-items .nav-header .brand-logo img { margin: 0 auto; text-align: center; width: 100%; max-width: 130px; height: auto; padding-top: 0px; height: auto; transition: all 0.8s ease; } @media (max-width: 800px) { .global-nav .nav-items .nav-header .brand-logo img { max-width: 120px; height: auto; width: 100%; margin: 0px auto; text-align: center; } } .global-nav .nav-items .nav-header .user-details { display: block; margin: 10px 10px; text-align: left; cursor: pointer; /*round-circle*/ } .global-nav .nav-items .nav-header .user-details img, .global-nav .nav-items .nav-header .user-details .in-details { display: inline-block; text-align: left; } .global-nav .nav-items .nav-header .user-details img h5, .global-nav .nav-items .nav-header .user-details .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 4px; text-align: left; font-size: 1.1rem; color: #ffffff; } .global-nav .nav-items .nav-header .user-details img small, .global-nav .nav-items .nav-header .user-details .in-details small { color: rgba(255, 255, 255, 0.5); font-size: 10px; margin: 0px 0px 0px 4px; } .global-nav .nav-items .nav-header .user-details .round-circle { display: inline-block; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: white; border-image: initial; border-radius: 100%; background: rgb(237, 237, 237); margin: 0px auto 7px; overflow: hidden; margin: 0 auto; } .global-nav .nav-items .nav-header .user-details .round-circle img { display: block; width: 100%; height: 100%; } @media (min-width: 992px) { .global-nav .nav-items .nav-header .user-details { display: none; } } .global-nav .nav-items .nav-header .user-details1 { display: block; padding: 50px 15px 15px 15px; text-align: left; cursor: pointer; background-color: #0033a1; /*round-circle*/ } .global-nav .nav-items .nav-header .user-details1 img, .global-nav .nav-items .nav-header .user-details1 .in-details { display: inline-block; text-align: left; } .global-nav .nav-items .nav-header .user-details1 img h5, .global-nav .nav-items .nav-header .user-details1 .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 0px; text-align: left; font-size: 1.1rem; line-height: 1rem; color: #ffffff; } .global-nav .nav-items .nav-header .user-details1 img small, .global-nav .nav-items .nav-header .user-details1 .in-details small { color: rgba(255, 255, 255, 0.6); font-size: 0.7rem; line-height: 0.6rem; margin: 0px 0px; } .global-nav .nav-items .nav-header .user-details1 .round-circle { display: block; width: 60px; height: 60px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #002b88; border: 1px solid #003bbb; margin: 0px auto 7px; overflow: hidden; margin: 5px 0; text-align: center; } .global-nav .nav-items .nav-header .user-details1 .round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } @media (min-width: 992px) { .global-nav .nav-items .nav-header .user-details1 { display: none; } } .global-nav .nav-items .lst-nav-items { margin: 0px 0; padding: 0; border-radius: 0px; list-style: none; height: calc(100vh - 115px); overflow-x: hidden; overflow-y: auto; border-top-left-radius: 8px; border-top-right-radius: 8px; } .global-nav .nav-items .lst-nav-items li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* //.subnavigation-items */ } .global-nav .nav-items .lst-nav-items li a { color: #000000; padding: 10px 15px; padding-left: 6px; display: block; font-size: 16px; border-radius: 0px; position: relative; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); min-height: 44px; } .global-nav .nav-items .lst-nav-items li a.compact { width: 100%; display: block; font-size: 0rem; line-height: 0rem; padding: 10px 4px; margin: 0px auto; text-align: center; } .global-nav .nav-items .lst-nav-items li a.compact img { height: 26px; width: 26px; margin: 0px auto; display: block; text-align: center; } .global-nav .nav-items .lst-nav-items li a em { font-size: 1rem; text-align: left; transition: all 0.3s ease-in-out; } .global-nav .nav-items .lst-nav-items li a em.compact { width: 100%; display: block; font-size: 0.7rem; line-height: 0.7rem; margin: 0px auto; text-align: center; transition: all 0.3s ease-in-out; } .global-nav .nav-items .lst-nav-items li a svg { transition: all 0.3s ease-in-out; height: 22px; width: 22px; display: inline-block; margin: 0 auto; text-align: left; margin-bottom: 5px; margin-right: 12px; fill: #0033a1; vertical-align: middle; } .global-nav .nav-items .lst-nav-items li a svg.compact { height: 25px; width: 25px; margin: 0px auto; margin-bottom: 5px; display: block; text-align: center; } .global-nav .nav-items .lst-nav-items li a img { transition: all 0.3s ease; width: 28px; height: 28px; padding: 0; display: inline-block; vertical-align: middle; position: relative; margin-top: 0px; margin-right: 3px; } .global-nav .nav-items .lst-nav-items li a img._black { display: inline-block; opacity: 0.8; } .global-nav .nav-items .lst-nav-items li a.glnv-dropdown span.chevron { display: block; width: 12px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -5px; transition: all 0.3s ease-out; right: 12px; } .global-nav .nav-items .lst-nav-items li a.glnv-dropdown span.chevron.compact { display: none; } .global-nav .nav-items .lst-nav-items li a.glnv-dropdown span.chevron::after { content: ""; background: url('bluedownarrow.svg') no-repeat center right; background-position: bottom 7px right 6px; background-size: 25px; width: 25px; height: 25px; display: block; margin-left: 2px; } .global-nav .nav-items .lst-nav-items li a.dashboard.active img { content: url('dashboard-w.svg'); } .global-nav .nav-items .lst-nav-items li a.dashboard:hover img { content: url('dashboard-w.svg'); } .global-nav .nav-items .lst-nav-items li a.acc_summary.active img { content: url('accounts-w.svg'); } .global-nav .nav-items .lst-nav-items li a.acc_summary:hover img { content: url('accounts-w.svg'); } .global-nav .nav-items .lst-nav-items li a.loans.active img { content: url('loans-w.svg'); } .global-nav .nav-items .lst-nav-items li a.loans:hover img { content: url('loans-w.svg'); } .global-nav .nav-items .lst-nav-items li a.tdeposit.active img { content: url('tdeposit-w.svg'); } .global-nav .nav-items .lst-nav-items li a.tdeposit:hover img { content: url('tdeposit-w.svg'); } .global-nav .nav-items .lst-nav-items li a.savings.active img { content: url('savings-w.svg'); } .global-nav .nav-items .lst-nav-items li a.savings:hover img { content: url('savings-w.svg'); } .global-nav .nav-items .lst-nav-items li a.oth-acc.active img { content: url('otheraccounts-w.svg'); } .global-nav .nav-items .lst-nav-items li a.oth-acc:hover img { content: url('otheraccounts-w.svg'); } .global-nav .nav-items .lst-nav-items li a.fund-trf.active img { content: url('fundtransfer-w.svg'); } .global-nav .nav-items .lst-nav-items li a.fund-trf:hover img { content: url('fundtransfer-w.svg'); } .global-nav .nav-items .lst-nav-items li a.calc.active img { content: url('calc-w.svg'); } .global-nav .nav-items .lst-nav-items li a.calc:hover img { content: url('calc-w.svg'); } .global-nav .nav-items .lst-nav-items li a.inq.active img { content: url('inquiry-w.svg'); } .global-nav .nav-items .lst-nav-items li a.inq:hover img { content: url('inquiry-w.svg'); } .global-nav .nav-items .lst-nav-items li a:hover { background-color: #002678; color: white; text-decoration: none; border-radius: 0px; } .global-nav .nav-items .lst-nav-items li a:hover.glnv-dropdown span.chevron::after { content: ""; background: url('whitedownarrow.svg') no-repeat center right; background-position: bottom 7px right 6px; background-size: 25px; width: 25px; height: 25px; display: block; border-right: 0; margin-left: 2px; } .global-nav .nav-items .lst-nav-items li a:hover svg { fill: #fff200; } .global-nav .nav-items .lst-nav-items li a.active { background-color: #00319c; color: white; } .global-nav .nav-items .lst-nav-items li a.active.glnv-dropdown span.chevron::after { content: ""; background: url('whiteuparrow.svg') no-repeat center right; background-position: bottom 7px right 6px; background-size: 25px; width: 25px; height: 25px; display: block; margin-left: 2px; } .global-nav .nav-items .lst-nav-items li a.active.collapse-submenuheader.glnv-dropdown span.chevron::after { content: ""; background: url('whitedownarrow.svg') no-repeat center right; background-position: bottom 7px right 6px; background-size: 25px; width: 25px; height: 25px; display: block; margin-left: 2px; } .global-nav .nav-items .lst-nav-items li a.active svg { fill: white; } .global-nav .nav-items .lst-nav-items li a.item-selected { border-left: 10px solid white; background-color: rgba(0, 51, 161, 0.6); } .global-nav .nav-items .lst-nav-items li a.item-selected span.chevron { transform: rotate(225deg); } .global-nav .nav-items .lst-nav-items li a.item-selected svg { fill: #fff200; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items { display: none; max-height: auto; overflow-x: hidden; overflow-y: auto; background-color: #ffffff; color: #ffffff; /* //.lst-subnavigation */ } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items.compact { position: absolute; left: 70px; margin-top: -60px; width: 200px; height: auto; background-color: rgba(239, 239, 239, 0.95); border-radius: 5px; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items.open { display: block; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items.inside-submenu ul.lst-subnavigation li a { color: #7b7c7e; font-size: 0.8rem; padding: 3px 7px 3px 12px; margin: 2px 0; min-height: 31px; overflow: hidden; word-break: normal; text-overflow: ellipsis; white-space: nowrap; border-radius: 0; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items.inside-submenu ul.lst-subnavigation li a.active { background-color: #e5f5ff; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items.inside-submenu ul.lst-subnavigation li a.active:after { width: 2px; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation { list-style: none; margin: 0; padding: 0; padding: 3px; height: auto; /* //li */ } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li { display: block; /* //a */ } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li > a { display: block; padding: 8px 16px 8px 16px; font-weight: 500; color: rgba(0, 0, 0, 0.75); font-size: 0.95rem; margin: 0; line-height: 1.9rem; border-radius: 6px; text-align: left; position: relative; /* //&:hover */ /* //&.glsubnavi-active */ } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li > a img { width: 10px; height: 10px; opacity: 0.7; margin-top: 1px; margin-right: 6px; vertical-align: middle; position: relative; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li > a img svg { fill: rgba(255, 255, 255, 0.9); width: 10px; height: 10px; margin-right: 5px; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li > a:hover { background-color: #e5f5ff; /*color: $white;*/ text-decoration: none; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li > a.active { background-color: #ffffff; /*color: $white;*/ text-decoration: none; font-weight: 600; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li > a.active:after { position: absolute; left: 5px; height: 20px; width: 4px; background-color: #0033A1; content: ""; top: 50%; transform: translateY(-50%); border-radius: 20px; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li > a.glsubnavi-active { background-color: rgba(0, 51, 161, 0.3); text-decoration: none; } .global-nav .nav-items .lst-nav-items li .mysubnavigation-items .lst-subnavigation > li:last-of-type { border-bottom: none; } .global-nav .nav-items .lst-nav-items1 { margin: 2px 0; padding: 0; border-radius: 0px; list-style: none; height: calc(100vh - 134px); overflow: auto; } .global-nav .nav-items .lst-nav-items1 li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; /* //.subnavigation-items */ } .global-nav .nav-items .lst-nav-items1 li a { color: rgba(0, 0, 0, 0.75); padding: 10px 2px; padding-left: 0px; display: block; text-align: center; font-size: 0.7rem; line-height: 0.8rem; border-radius: 0px; position: relative; text-decoration: none; border-left: 0px solid white; transition: all 0.4s ease; } .global-nav .nav-items .lst-nav-items1 li a em { font-size: 0.7rem; text-align: center; transition: all 0.3s ease; } .global-nav .nav-items .lst-nav-items1 li a svg { transition: all 0.3s ease; height: 25px; width: 25px; display: block; margin: 5px auto; fill: #00287d; text-align: center; padding: 0; } .global-nav .nav-items .lst-nav-items1 li a img { transition: all 0.3s ease; width: 25px; height: 25px; text-align: center; padding: 0; display: block; margin: 5px auto; position: relative; } .global-nav .nav-items .lst-nav-items1 li a img._black { display: inline-block; opacity: 0.8; } .global-nav .nav-items .lst-nav-items1 li a:hover { background-color: #00287d; text-decoration: none; border-radius: 0px; } .global-nav .nav-items .lst-nav-items1 li a:hover svg { fill: #fff200; } .global-nav .nav-items .lst-nav-items1 li a.glnv-dropdown span.chevron { display: none; width: 12px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -5px; transition: all 0.3s ease-out; right: 12px; } .global-nav .nav-items .lst-nav-items1 li a.glnv-dropdown span.chevron::after { content: ""; width: 8px; height: 8px; border: 2px solid rgba(255, 255, 255, 0.8); display: block; border-top: 0; border-right: 0; margin-left: 2px; transform: rotate(-135deg); } .global-nav .nav-items .lst-nav-items1 li a.active { background-color: #002b88; } .global-nav .nav-items .lst-nav-items1 li a.active span.chevron { transform: rotate(90deg); } .global-nav .nav-items .lst-nav-items1 li a.active svg { fill: #fff200; } .global-nav .nav-items .lst-nav-items1 li a.item-selected { border-left: 10px solid white; background-color: #002b88; } .global-nav .nav-items .lst-nav-items1 li a.item-selected span.chevron { transform: rotate(90deg); } .global-nav .nav-items .lst-nav-items1 li a.item-selected svg { fill: #ffffff; } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items { display: none; position: absolute; left: 100px; margin-top: -67px; width: 200px; height: auto; overflow: auto; background-color: rgba(186, 188, 191, 0.9); color: #ffffff; transition: all 0.3s ease-out; /* //.lst-subnavigation */ } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items.open { display: block; } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation { list-style: none; margin: 0; padding: 0; padding-left: 0; height: auto; /* //li */ } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation > li { display: block; /* //a */ } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation > li > a { display: block; padding: 10px 10px 10px 10px; font-weight: 500; color: rgba(255, 255, 255, 0.6); font-size: 14px; /* //&:hover */ /* //&.glsubnavi-active */ } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation > li > a img { width: 10px; height: 10px; opacity: 0.7; margin-top: 1px; margin-right: 6px; vertical-align: middle; position: relative; } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation > li > a img svg { fill: rgba(255, 255, 255, 0.9); width: 10px; height: 10px; margin-right: 5px; } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation > li > a:hover { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation > li > a.active { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .global-nav .nav-items .lst-nav-items1 li .mysubnavigation-items .lst-subnavigation > li > a.glsubnavi-active { background-color: rgba(0, 51, 161, 0.2); color: #ffffff; text-decoration: none; } .global-nav .nav-items .lst-nav-item { margin: 2px 0; padding: 0; border-radius: 0px; list-style: none; height: calc(100vh - 160px); overflow: auto; } .global-nav .nav-items .lst-nav-item li { display: block; /* //.subnavigation-items */ } .global-nav .nav-items .lst-nav-item li a { color: rgba(0, 0, 0, 0.65); padding: 12px 15px; display: block; font-size: 0.95rem; border-radius: 0px; position: relative; text-decoration: none; border-left: 0px solid white; transition: all 0.4s ease; min-height: 44px; } .global-nav .nav-items .lst-nav-item li a em { font-size: 14px; transition: all 0.3s ease; } .global-nav .nav-items .lst-nav-item li a svg { transition: all 0.3s ease; width: 22px; height: 22px; display: inline-block; position: relative; margin: 0 auto; margin-bottom: 2px; margin-right: 8px; fill: #0033a1; vertical-align: middle; } .global-nav .nav-items .lst-nav-item li a svg .stroke { stroke: #0033a1; stroke-width: 0.4; } .global-nav .nav-items .lst-nav-item li a img { transition: all 0.3s ease; width: 22px; height: 22px; padding: 0; display: inline-block; vertical-align: middle; position: relative; margin-bottom: 2px; margin-right: 8px; } .global-nav .nav-items .lst-nav-item li a img._black { display: inline-block; opacity: 0.8; } .global-nav .nav-items .lst-nav-item li a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: none; border-radius: 0px; } .global-nav .nav-items .lst-nav-item li a:hover svg { fill: rgba(0, 51, 161, 0.8); } .global-nav .nav-items .lst-nav-item li a.glnv-dropdown span.chevron { display: block; width: 12px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -5px; transition: all 0.3s ease-out; right: 12px; } .global-nav .nav-items .lst-nav-item li a.glnv-dropdown span.chevron::after { content: ""; width: 8px; height: 8px; border: 2px solid rgba(255, 255, 255, 0.8); display: block; border-top: 0; border-right: 0; margin-left: 2px; transform: rotate(-135deg); } .global-nav .nav-items .lst-nav-item li a.active { color: rgba(0, 51, 161, 0.9); } .global-nav .nav-items .lst-nav-item li a.active span.chevron { transform: rotate(90deg); } .global-nav .nav-items .lst-nav-item li a.active svg { fill: #ffffff; } .global-nav .nav-items .lst-nav-item li a.item-selected { color: rgba(0, 51, 161, 0.9); } .global-nav .nav-items .lst-nav-item li a.item-selected span.chevron { transform: rotate(90deg); } .global-nav .nav-items .lst-nav-item li a.item-selected svg { fill: #ffffff; } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items { display: none; max-height: auto; overflow: auto; background-color: rgba(0, 51, 161, 0.2); color: #ffffff; /* //.lst-subnavigation */ } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items.open { display: block; } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation { list-style: none; margin: 0; padding: 0; padding-left: 0; /* //li */ } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li { display: block; /* //a */ } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a { display: block; padding: 10px 20px 10px 35px; font-weight: 500; color: rgba(255, 255, 255, 0.6); font-size: 14px; /* //&:hover */ /* //&.glsubnavi-active */ } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a img { width: 10px; height: 10px; opacity: 0.7; margin-top: 1px; margin-right: 6px; vertical-align: middle; position: relative; } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a img svg { fill: rgba(255, 255, 255, 0.9); width: 10px; height: 10px; margin-right: 5px; } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a:hover { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a.active { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .global-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a.glsubnavi-active { background-color: rgba(0, 51, 161, 0.2); color: #ffffff; text-decoration: none; } .global-nav .nav-items .logo1 { cursor: pointer; display: block; position: relative; border-bottom: 1px solid #404040; } .global-nav .nav-items .logo1 img { height: 36px; margin: 5px; } @media (min-width: 768px) { .global-nav .nav-items .logo1 { display: none; } } .global-nav .nav-content { display: flex; justify-content: space-between; align-items: bottom; padding: 0px 15px 0px 15px; background-color: transparent; border-top: 0px solid rgba(255, 255, 255, 0.1); } @media (max-width: 992px) { .global-nav .nav-content { border-top: 1px solid rgba(0, 0, 0, 0.08); } } .global-nav .nav-content .inner1 { display: block; width: 100%; height: auto; } .global-nav .nav-content .inner1 em { font-size: 0.95rem; color: rgba(0, 0, 0, 0.75); } .global-nav .nav-content .inner1 a { font-size: 0.95rem; color: rgba(0, 0, 0, 0.75); padding-right: 5px; font-style: normal; display: block; margin: 12px 0; text-decoration: none; word-wrap: break-word; } .global-nav .nav-content .inner1 a svg { width: 18px; height: 18px; display: inline-block; margin: 0 auto; position: relative; margin-bottom: 2px; margin-right: 8px; fill: #0033a1; vertical-align: middle; } .global-nav .nav-content .inner1 a img { width: 18px; height: 18px; padding: 0; display: inline-block; margin: 0 auto; margin-bottom: 2px; margin-right: 8px; vertical-align: middle; position: relative; } .global-nav .nav-content .inner1 a:hover { color: rgba(0, 51, 161, 0.9); } .global-nav .nav-content .inner1 a:hover svg { fill: rgba(0, 51, 161, 0.8); } .global-nav .nav-content .inner1 .custom-control { margin: 0px 5px; margin-top: 12px; } .global-nav .nav-content .inner1 .custom-control .custom-switch { padding-left: 4rem; } .global-nav .nav-footer { display: flex; justify-content: space-between; align-items: bottom; padding: 5px 15px; padding-bottom: 32px; border-top: 1px solid rgba(0, 0, 0, 0); background-color: transparent; } @media (max-width: 991px) { .global-nav .nav-footer { border-top: 1px solid rgba(0, 0, 0, 0.08); padding-bottom: 5px; } } @media (max-width: 767px) { .global-nav .nav-footer { border-top: 1px solid rgba(0, 0, 0, 0.08); } } .global-nav .nav-footer.pad { padding: 12px 15px; } .global-nav .nav-footer .poweredby { padding: 0; width: 100%; } .global-nav .nav-footer .poweredby a { font-size: 1rem; color: rgba(0, 0, 0, 0.6); padding-right: 5px; font-style: normal; text-decoration: none; } .global-nav .nav-footer .poweredby a:hover { color: rgba(0, 0, 0, 0.7); } .global-nav .nav-footer .poweredby img { font-size: 0.8rem; height: auto; padding-right: 5px; font-style: normal; } .global-nav .nav-footer .poweredby p { font-size: 0.8rem; color: rgba(255, 255, 255, 0.6); padding-top: 2px; font-style: normal; } .global-nav .nav-footer .poweredby p.compact { font-size: 0.7rem; } .global-nav .nav-footer .poweredby p img { width: 18px; height: 18px; padding-right: 5px; opacity: 0.8; } .global-nav .nav-footer .poweredby .btop { margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #004bee; } .global-nav .nav-footer .poweredby svg { fill: #ffffff; } .global-nav .nav-footer .powered { padding: 0; width: 100%; } .global-nav .nav-footer .powered a { font-size: 1rem; color: #ef164f; padding-right: 5px; font-style: normal; text-decoration: none; } .global-nav .nav-footer .powered a svg { height: 22px; width: 22px; display: inline-block; margin: 0 auto; margin-bottom: 5px; margin-right: 8px; fill: #b60c39; vertical-align: middle; } .global-nav .nav-footer .powered a img { width: 22px; height: 22px; padding: 0; display: inline-block; margin: 0 auto; margin-bottom: 2px; margin-right: 8px; vertical-align: middle; position: relative; } .global-nav .nav-footer .powered a:hover { color: #9e0b32; } .global-nav .nav-footer .powered a:hover svg { fill: #9e0b32; } .global-nav .nav-footer .powered img { font-size: 0.8rem; height: auto; padding-right: 5px; font-style: normal; } .global-nav .nav-footer .powered p { font-size: 0.8rem; color: rgba(0, 0, 0, 0.35); margin: 4px 0; text-align: right; font-weight: 400; font-style: normal; } .global-nav .nav-footer .powered p img { width: 18px; height: 18px; padding-right: 5px; opacity: 0.8; } .global-nav .nav-footer .powered .btop { margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #004bee; } .global-nav .nav-footer .powered svg { fill: #ffffff; } .global-nav.nav-showing { left: 0; /* //.btn-closenav */ } .global-nav.nav-showing .btn-closenav { position: absolute; top: 30px; right: -45px; z-index: 161; padding: 8px; margin-top: -20px; margin-left: -20px; transition: all 0.2s ease-in; /* //img */ /* //&:active */ } .global-nav.nav-showing .btn-closenav img { width: 24px; height: 24px; } .global-nav.nav-showing .btn-closenav:active { transform: scale(0.94); } .global-nav .nav-items .lst-nav-items::-webkit-scrollbar { width: 6px; } /* Track */ .global-nav .nav-items .lst-nav-items::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ .global-nav .nav-items .lst-nav-items::-webkit-scrollbar-thumb { background: #3496ee; border-radius: 10px; } /* Handle on hover */ .global-nav .nav-items .lst-nav-items::-webkit-scrollbar-thumb:hover { background: #3496ee; } .fullwidth-nav { background-color: #0033a1; background-repeat: no-repeat; background-size: cover; position: absolute; left: -100%; top: 0; bottom: 0; width: 100%; display: flex; flex-direction: column; padding-bottom: 0px; z-index: 9; height: 100vh; transition: all 0.4s ease; /* //&.nav-showing */ } .fullwidth-nav.compact { width: 100px; transition: all 0.1s ease; } .fullwidth-nav.whitebg { background-image: none !important; background-color: #ffffff; } @media (min-width: 991px) { .fullwidth-nav.whitebg { border-right: 1px solid rgba(0, 0, 0, 0.08); } } .fullwidth-nav:hover .menuslider { right: -20px; opacity: 1; transition-delay: 0s; } .fullwidth-nav .menuslider { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; opacity: 0; border-radius: 0 5px 5px 0; padding: 15px 5px; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #1d3a95; transition: all 0.5s; transition-delay: 5s; cursor: pointer; } .fullwidth-nav .menuslider.active img { transform: rotate(0deg); } .fullwidth-nav .menuslider img { transition: all 0.5s ease; width: 10px; transform: rotate(180deg); transform-origin: middle; } @media (max-width: 992px) { .fullwidth-nav .menuslider { display: none; } } .fullwidth-nav .navcolor { position: relative; z-index: 999; } .fullwidth-nav .nav-header { /* //.brand-logo */ /*user-details*/ /*user-details1*/ } .fullwidth-nav .nav-header a.btn-closeglnav { position: absolute; width: 32px; height: 32px; display: block; right: -34px; top: 20px; margin-top: -16px; z-index: 1; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; } .fullwidth-nav .nav-header a.btn-closeglnav::before { content: ""; display: block; width: 2px; height: 22px; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 50%; margin-left: -1px; top: 5px; transform: rotate(45deg); } .fullwidth-nav .nav-header a.btn-closeglnav::after { content: ""; display: block; width: 2px; height: 22px; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 50%; margin-left: -1px; top: 5px; transform: rotate(45deg); transform: rotate(-45deg); } .fullwidth-nav .nav-header a.btn-closeglnav:hover { background-color: rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { .fullwidth-nav .nav-header a.btn-closeglnav { display: none; } } .fullwidth-nav .nav-header h4 { margin: 0; padding: 26px 15px; color: rgba(255, 255, 255, 0.9); display: block; font-size: 16px; text-align: left; text-transform: uppercase; } @media (max-width: 992px) { .fullwidth-nav .nav-header h4 { display: none; } } .fullwidth-nav .nav-header .brand-logo { min-height: 69px; display: block; padding: 15px 10px; margin: 0px; border-bottom: 1px solid rgba(0, 51, 161, 0.1); /*width: $navigationWidth;*/ /* //img */ } .fullwidth-nav .nav-header .brand-logo img { margin: 0 auto; text-align: center; width: 100%; max-width: 130px; height: auto; padding-top: 0px; height: auto; transition: all 0.8s ease; } @media (max-width: 800px) { .fullwidth-nav .nav-header .brand-logo img { max-width: 120px; height: auto; width: 100%; margin: 0px auto; text-align: center; } } .fullwidth-nav .nav-header .user-details { display: block; margin: 10px 10px; text-align: left; cursor: pointer; /*round-circle*/ } .fullwidth-nav .nav-header .user-details img, .fullwidth-nav .nav-header .user-details .in-details { display: inline-block; text-align: left; } .fullwidth-nav .nav-header .user-details img h5, .fullwidth-nav .nav-header .user-details .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 4px; text-align: left; font-size: 1.1rem; color: #ffffff; } .fullwidth-nav .nav-header .user-details img small, .fullwidth-nav .nav-header .user-details .in-details small { color: rgba(255, 255, 255, 0.5); font-size: 10px; margin: 0px 0px 0px 4px; } .fullwidth-nav .nav-header .user-details .round-circle { display: inline-block; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: white; border-image: initial; border-radius: 100%; background: rgb(237, 237, 237); margin: 0px auto 7px; overflow: hidden; margin: 0 auto; } .fullwidth-nav .nav-header .user-details .round-circle img { display: block; width: 100%; height: 100%; } @media (min-width: 992px) { .fullwidth-nav .nav-header .user-details { display: none; } } .fullwidth-nav .nav-header .user-details1 { display: block; padding: 28px 15px 15px 15px; text-align: left; cursor: pointer; background-color: #0033a1; /*round-circle*/ } .fullwidth-nav .nav-header .user-details1 img, .fullwidth-nav .nav-header .user-details1 .in-details { display: inline-block; text-align: left; } .fullwidth-nav .nav-header .user-details1 img h5, .fullwidth-nav .nav-header .user-details1 .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 0px; text-align: left; font-size: 1.1rem; line-height: 1rem; color: #ffffff; } .fullwidth-nav .nav-header .user-details1 img small, .fullwidth-nav .nav-header .user-details1 .in-details small { color: rgba(255, 255, 255, 0.6); font-size: 0.7rem; line-height: 0.6rem; margin: 0px 0px; } .fullwidth-nav .nav-header .user-details1 .round-circle { display: block; width: 60px; height: 60px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #002b88; border: 1px solid #003bbb; margin: 0px auto 7px; overflow: hidden; margin: 5px 0; text-align: center; } .fullwidth-nav .nav-header .user-details1 .round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .fullwidth-nav .nav-items { height: 100%; overflow: hidden; margin-top: 57px; overflow-y: auto; } @media (min-width: 767px) { .fullwidth-nav .nav-items { margin-top: 68px; } } .fullwidth-nav .nav-items .nav-header { /* //.brand-logo */ /*user-details*/ /*user-details1*/ } .fullwidth-nav .nav-items .nav-header a.btn-closeglnav { position: absolute; width: 32px; height: 32px; display: block; right: -34px; top: 20px; margin-top: -16px; z-index: 1; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; } .fullwidth-nav .nav-items .nav-header a.btn-closeglnav::before { content: ""; display: block; width: 2px; height: 22px; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 50%; margin-left: -1px; top: 5px; transform: rotate(45deg); } .fullwidth-nav .nav-items .nav-header a.btn-closeglnav::after { content: ""; display: block; width: 2px; height: 22px; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 50%; margin-left: -1px; top: 5px; transform: rotate(45deg); transform: rotate(-45deg); } .fullwidth-nav .nav-items .nav-header a.btn-closeglnav:hover { background-color: rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { .fullwidth-nav .nav-items .nav-header a.btn-closeglnav { display: none; } } .fullwidth-nav .nav-items .nav-header h4 { margin: 0; padding: 26px 15px; color: rgba(255, 255, 255, 0.9); display: block; font-size: 16px; text-align: left; text-transform: uppercase; } @media (max-width: 992px) { .fullwidth-nav .nav-items .nav-header h4 { display: none; } } .fullwidth-nav .nav-items .nav-header .brand-logo { min-height: 69px; display: block; padding: 15px 10px; margin: 0px; border-bottom: 1px solid rgba(0, 51, 161, 0.1); /*width: $navigationWidth;*/ /* //img */ } .fullwidth-nav .nav-items .nav-header .brand-logo img { margin: 0 auto; text-align: center; width: 100%; max-width: 200px; height: auto; padding-top: 0px; height: auto; transition: all 0.8s ease; } @media (max-width: 800px) { .fullwidth-nav .nav-items .nav-header .brand-logo img { max-width: 185px; height: auto; width: 100%; margin: 0px auto; text-align: center; } } .fullwidth-nav .nav-items .nav-header .user-details { display: block; margin: 10px 10px; text-align: left; cursor: pointer; /*round-circle*/ } .fullwidth-nav .nav-items .nav-header .user-details img, .fullwidth-nav .nav-items .nav-header .user-details .in-details { display: inline-block; text-align: left; } .fullwidth-nav .nav-items .nav-header .user-details img h5, .fullwidth-nav .nav-items .nav-header .user-details .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 4px; text-align: left; font-size: 1.1rem; color: #ffffff; } .fullwidth-nav .nav-items .nav-header .user-details img small, .fullwidth-nav .nav-items .nav-header .user-details .in-details small { color: rgba(255, 255, 255, 0.5); font-size: 10px; margin: 0px 0px 0px 4px; } .fullwidth-nav .nav-items .nav-header .user-details .round-circle { display: inline-block; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: white; border-image: initial; border-radius: 100%; background: rgb(237, 237, 237); margin: 0px auto 7px; overflow: hidden; margin: 0 auto; } .fullwidth-nav .nav-items .nav-header .user-details .round-circle img { display: block; width: 100%; height: 100%; } @media (min-width: 992px) { .fullwidth-nav .nav-items .nav-header .user-details { display: none; } } .fullwidth-nav .nav-items .nav-header .user-details1 { display: block; padding: 28px 15px 15px 15px; text-align: left; cursor: pointer; background-color: #0033a1; /*round-circle*/ } .fullwidth-nav .nav-items .nav-header .user-details1 img, .fullwidth-nav .nav-items .nav-header .user-details1 .in-details { display: inline-block; text-align: left; } .fullwidth-nav .nav-items .nav-header .user-details1 img h5, .fullwidth-nav .nav-items .nav-header .user-details1 .in-details h5 { text-transform: capitalize; margin: 4px 0px 0px 0px; text-align: left; font-size: 1.1rem; line-height: 1rem; color: #ffffff; } .fullwidth-nav .nav-items .nav-header .user-details1 img small, .fullwidth-nav .nav-items .nav-header .user-details1 .in-details small { color: rgba(255, 255, 255, 0.6); font-size: 0.7rem; line-height: 0.6rem; margin: 0px 0px; } .fullwidth-nav .nav-items .nav-header .user-details1 .round-circle { display: block; width: 60px; height: 60px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #002b88; border: 1px solid #003bbb; margin: 0px auto 7px; overflow: hidden; margin: 5px 0; text-align: center; } .fullwidth-nav .nav-items .nav-header .user-details1 .round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } @media (min-width: 992px) { .fullwidth-nav .nav-items .nav-header .user-details1 { display: none; } } .fullwidth-nav .nav-items .lst-nav-item { margin: 0px 0; padding: 0; border-radius: 0px; list-style: none; overflow: auto; display: flex; /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ justify-content: space-around; } .fullwidth-nav .nav-items .lst-nav-item li { float: left; width: 33.3333333333%; margin-right: 0%; text-align: center; cursor: pointer; /* //.subnavigation-items */ } .fullwidth-nav .nav-items .lst-nav-item li:nth-child(3n) { margin-right: 0; } .fullwidth-nav .nav-items .lst-nav-item li a { color: rgba(255, 255, 255, 0.9); padding: 15px 8px; display: block; font-size: 0.85rem; line-height: 1rem; font-weight: 400; border-radius: 0px; position: relative; text-decoration: none; border-left: 0px solid white; transition: all 0.4s ease; text-transform: inherit; text-align: center; margin: 0 auto; height: auto; cursor: pointer; } @media (min-width: 767px) { .fullwidth-nav .nav-items .lst-nav-item li a { height: auto; padding: 30px 5px; } } .fullwidth-nav .nav-items .lst-nav-item li a em { font-size: 0.85rem; transition: all 0.3s ease; min-height: 40px; display: block; display: block; text-align: center; font-weight: 400; padding: 0px 0px; line-height: 0.9rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } @media (min-width: 767px) { .fullwidth-nav .nav-items .lst-nav-item li a em { min-height: auto; padding: 0px 0px; } } .fullwidth-nav .nav-items .lst-nav-item li a svg { transition: all 0.3s ease; width: 20px; height: 20px; display: block; position: relative; margin: 5px auto; text-align: center; fill: #0033a1; } .fullwidth-nav .nav-items .lst-nav-item li a svg .stroke { stroke: #0033a1; stroke-width: 0.4; } .fullwidth-nav .nav-items .lst-nav-item li a img { transition: all 0.3s ease; width: 20px; height: 20px; padding: 0; display: block; margin: 5px auto; margin-bottom: 10px; text-align: center; position: relative; } .fullwidth-nav .nav-items .lst-nav-item li a img.custom-width { width: 40px; height: 20px; text-align: center; } .fullwidth-nav .nav-items .lst-nav-item li a:hover { color: rgba(255, 255, 255, 0.9); text-decoration: none; border-radius: 0px; } .fullwidth-nav .nav-items .lst-nav-item li a:hover svg { fill: rgba(0, 51, 161, 0.8); } .fullwidth-nav .nav-items .lst-nav-item li a.glnv-dropdown span.chevron { display: block; width: 12px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -5px; transition: all 0.3s ease-out; right: 12px; } .fullwidth-nav .nav-items .lst-nav-item li a.glnv-dropdown span.chevron::after { content: ""; width: 8px; height: 8px; border: 2px solid rgba(255, 255, 255, 0.8); display: block; border-top: 0; border-right: 0; margin-left: 2px; transform: rotate(-135deg); } .fullwidth-nav .nav-items .lst-nav-item li a.active { color: rgba(255, 255, 255, 0.9); } .fullwidth-nav .nav-items .lst-nav-item li a.active span.chevron { transform: rotate(90deg); } .fullwidth-nav .nav-items .lst-nav-item li a.active svg { fill: #ffffff; } .fullwidth-nav .nav-items .lst-nav-item li a.item-selected { color: rgba(0, 51, 161, 0.9); } .fullwidth-nav .nav-items .lst-nav-item li a.item-selected span.chevron { transform: rotate(90deg); } .fullwidth-nav .nav-items .lst-nav-item li a.item-selected svg { fill: #ffffff; } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items { display: none; max-height: auto; overflow: auto; background-color: rgba(186, 188, 191, 0.2); color: #ffffff; /* //.lst-subnavigation */ } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items.open { display: block; } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation { list-style: none; margin: 0; padding: 0; padding-left: 0; /* //li */ } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li { display: block; /* //a */ } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a { display: block; padding: 10px 20px 10px 35px; font-weight: 500; color: rgba(255, 255, 255, 0.6); font-size: 14px; /* //&:hover */ /* //&.glsubnavi-active */ } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a img { width: 10px; height: 10px; opacity: 0.7; margin-top: 1px; margin-right: 6px; vertical-align: middle; position: relative; } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a img svg { fill: rgba(255, 255, 255, 0.9); width: 10px; height: 10px; margin-right: 5px; } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a:hover { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a.active { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .fullwidth-nav .nav-items .lst-nav-item li .mysubnavigation-items .lst-subnavigation > li > a.glsubnavi-active { background-color: rgba(0, 51, 161, 0.2); color: #ffffff; text-decoration: none; } .fullwidth-nav .nav-items .lst-nav-item li:active { background-color: #002b88; color: rgba(255, 255, 255, 0.9); text-decoration: none; border-radius: 0px; } .fullwidth-nav .nav-items .lst-nav-item li:active svg { fill: rgba(0, 51, 161, 0.8); } .fullwidth-nav .nav-items .logo1 { cursor: pointer; display: block; position: relative; border-bottom: 1px solid #404040; } .fullwidth-nav .nav-items .logo1 img { height: 36px; margin: 5px; } @media (min-width: 768px) { .fullwidth-nav .nav-items .logo1 { display: none; } } .fullwidth-nav .nav-content { display: flex; justify-content: space-between; align-items: bottom; padding: 0px 15px 0px 15px; background-color: transparent; border-top: 0px solid rgba(255, 255, 255, 0.1); } @media (max-width: 992px) { .fullwidth-nav .nav-content { border-top: 1px solid rgba(0, 0, 0, 0.08); } } .fullwidth-nav .nav-content .inner1 { display: block; width: 100%; height: auto; } .fullwidth-nav .nav-content .inner1 em { font-size: 0.85rem; color: rgba(0, 0, 0, 0.75); } .fullwidth-nav .nav-content .inner1 a { font-size: 0.95rem; color: rgba(0, 0, 0, 0.75); padding-right: 5px; font-style: normal; display: block; margin: 12px 0; text-decoration: none; word-wrap: break-word; } .fullwidth-nav .nav-content .inner1 a svg { width: 18px; height: 18px; display: inline-block; margin: 0 auto; position: relative; margin-bottom: 2px; margin-right: 8px; fill: #0033a1; vertical-align: middle; } .fullwidth-nav .nav-content .inner1 a img { width: 18px; height: 18px; padding: 0; display: inline-block; margin: 0 auto; margin-bottom: 2px; margin-right: 8px; vertical-align: middle; position: relative; } .fullwidth-nav .nav-content .inner1 a:hover { color: rgba(0, 51, 161, 0.9); } .fullwidth-nav .nav-content .inner1 a:hover svg { fill: rgba(0, 51, 161, 0.8); } .fullwidth-nav .nav-content .inner1 .custom-control { margin: 0px 5px; margin-top: 12px; } .fullwidth-nav .nav-content .inner1 .custom-control .custom-switch { padding-left: 4rem; } .fullwidth-nav .nav-footer { display: flex; justify-content: space-between; align-items: bottom; padding: 5px 15px; padding-bottom: 32px; background-color: transparent; } .fullwidth-nav .nav-footer.bg-color { background-color: whitesmoke; padding: 10px 15px; } .fullwidth-nav .nav-footer.pad { padding: 12px 15px; } .fullwidth-nav .nav-footer .poweredby { padding: 0; width: 100%; } .fullwidth-nav .nav-footer .poweredby a { font-size: 1rem; color: rgba(0, 0, 0, 0.6); padding-right: 5px; font-style: normal; text-decoration: none; } .fullwidth-nav .nav-footer .poweredby a:hover { color: rgba(0, 0, 0, 0.7); } .fullwidth-nav .nav-footer .poweredby img { font-size: 0.8rem; height: auto; padding-right: 5px; font-style: normal; } .fullwidth-nav .nav-footer .poweredby p { font-size: 0.8rem; color: rgba(0, 0, 0, 0.6); padding-top: 2px; font-style: normal; } .fullwidth-nav .nav-footer .poweredby p.compact { font-size: 0.7rem; } .fullwidth-nav .nav-footer .poweredby p img { width: 18px; height: 18px; padding-right: 5px; opacity: 0.8; } .fullwidth-nav .nav-footer .poweredby .btop { margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #004bee; } .fullwidth-nav .nav-footer .poweredby svg { fill: #ffffff; } .fullwidth-nav .nav-footer .link { padding: 0; width: 100%; } .fullwidth-nav .nav-footer .link a { font-size: 1rem; color: black; padding-right: 0px; font-style: normal; text-decoration: none; } .fullwidth-nav .nav-footer .link a svg { height: 22px; width: 22px; display: inline-block; margin: 0 auto; margin-bottom: 5px; margin-right: 8px; fill: #b60c39; vertical-align: middle; } .fullwidth-nav .nav-footer .link a img { width: 22px; height: 22px; padding: 0; display: inline-block; margin: 0 auto; margin-bottom: 2px; margin-right: 8px; vertical-align: middle; position: relative; } .fullwidth-nav .nav-footer .link a:active { color: rgba(0, 0, 0, 0.8); } .fullwidth-nav .nav-footer .link img { font-size: 0.8rem; height: auto; padding-right: 5px; font-style: normal; } .fullwidth-nav .nav-footer .link p { font-size: 0.8rem; color: rgba(0, 0, 0, 0.35); margin: 4px 0; text-align: right; font-weight: 400; font-style: normal; } .fullwidth-nav .nav-footer .link p img { width: 18px; height: 18px; padding-right: 5px; opacity: 0.8; } .fullwidth-nav .nav-footer .link .btop { margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #004bee; } .fullwidth-nav .nav-footer .link svg { fill: #ffffff; } .fullwidth-nav .nav-footer .powered { padding: 0; width: 100%; } .fullwidth-nav .nav-footer .powered a { font-size: 1rem; color: #ef164f; padding-right: 5px; font-style: normal; text-decoration: none; } .fullwidth-nav .nav-footer .powered a svg { height: 18px; width: 18px; display: inline-block; margin: 0 auto; margin-bottom: 5px; margin-right: 8px; fill: #b60c39; vertical-align: middle; } .fullwidth-nav .nav-footer .powered a img { width: 18px; height: 18px; padding: 0; display: inline-block; margin: 0 auto; margin-bottom: 2px; margin-right: 8px; vertical-align: middle; position: relative; } .fullwidth-nav .nav-footer .powered a:hover { color: #9e0b32; } .fullwidth-nav .nav-footer .powered a:hover svg { fill: #9e0b32; } .fullwidth-nav .nav-footer .powered img { font-size: 0.8rem; height: auto; padding-right: 5px; font-style: normal; } .fullwidth-nav .nav-footer .powered p { font-size: 0.8rem; color: rgba(0, 0, 0, 0.35); margin: 4px 0; text-align: right; font-weight: 400; font-style: normal; } .fullwidth-nav .nav-footer .powered p img { width: 18px; height: 18px; padding-right: 5px; opacity: 0.8; } .fullwidth-nav .nav-footer .powered .btop { margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #004bee; } .fullwidth-nav .nav-footer .powered svg { fill: #ffffff; } .fullwidth-nav.open { left: 0; transition: all 0.4s ease; } .global-nav .nav-items .lst-nav-items li a.active svg { fill: #000; } .body-splash { overflow: hidden; background-color: #ffffff; width: 100%; height: 100vh; position: relative; } .body-splash .splash-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background-image: url('splash-bg.png'); height: 100vh; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: bottom center; animation: fadeversion 5s forwards; -moz-animation: fadeversion 5s forwards; /* Firefox */ -webkit-animation: fadeversion 5s forwards; /* Safari and Chrome */ -o-animation: fadeversion 5s forwards; /* Opera */ } @keyframes fadeversion { 0% { opacity: 0; } 100% { opacity: 1; } } .body-splash .rise-title { animation: title-rise 1.5s forwards; opacity: 0; } @keyframes title-rise { from { top: 100%; opacity: 0; } to { top: 50%; opacity: 1; } } @media (min-height: 800px) { @keyframes title-rise { from { top: 100%; opacity: 0; } to { top: 50%; opacity: 1; } } } .body-splash .fade-icons { animation: fadeicons 2s forwards; -moz-animation: fadeicons 2s forwards; /* Firefox */ -ms-animation: fadeicons 2s forwards; /* Internet Explo*/ -webkit-animation: fadeicons 2s forwards; /* Safari and Chrome */ -o-animation: fadeicons 3s forwards; /* Opera */ animation-delay: 1s; opacity: 0; } @keyframes fadeicons { 0% { opacity: 0; } 100% { opacity: 1; } } .login-section1 { width: 100%; height: auto; border-radius: 50px; background-color: rgba(255, 255, 255, 0.8); padding: 5px 25px; border: none; display: block; position: relative; } .login-section1 h3 { color: #0056a1; font-weight: 400; margin: 0px; font-size: 1.4rem; line-height: 1.2px; letter-spacing: 0.5px; color: #334750; margin: 16px 0; text-align: left; position: relative; display: inline-block; } .login-section1 h3::after { position: absolute; content: ""; width: 100%; height: 2px; bottom: -16px; left: 0; background-color: #babcbf; } .login-section1 .grey-container { display: block; background-color: whitesmoke; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 2px solid #0033a1; width: 100%; height: auto; padding: 15px 0 30px 0; word-wrap: break-word; position: relative; margin-bottom: 30px; } .login-section1 .grey-container .rounded-button { position: absolute; content: ""; bottom: -25px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 100%; overflow: hidden; background-color: #babcbf; border: 1px solid #babcbf; text-transform: capitalize; color: white; padding: 0.5rem 0.5rem; cursor: pointer; text-align: center; z-index: 0; box-shadow: none; outline: none; } .login-section1 .grey-container .rounded-button img { width: 36px; height: 36px; margin: 0 auto; text-align: center; } .login-section1 .grey-container .rounded-button:hover { background-color: #b2b4b8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .login-section1 .grey-container .rounded-button:active { background-color: #b2b4b8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .login-section1 .grey-container .rounded-button.active { background-color: #b2b4b8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .login-section1 .grey-container .rounded-button:focus { outline: none; background-color: #b2b4b8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .login-section1 .sim-list { margin: 10px 0px 10px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .login-section1 .sim-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .login-section1 .sim-list li { text-decoration: none; list-style: none; margin: 10px auto; display: block; margin: 0 auto; text-align: center; } .login-section1 .sim-list li a { text-decoration: none; width: 100%; border-radius: 6px; height: auto; background: transparent; overflow: hidden; } .login-section1 .sim-list li a img { width: 35px; height: 35px; margin: 2px 0; text-align: center; fill: #0033A1; } .login-section1 .sim-list li a svg { width: 35px; height: 35px; margin: 2px 0; text-align: center; fill: rgba(186, 188, 191, 0.8); } .login-section1 .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .login-section1 .sim-list li a.active img { width: 35px; height: 35px; margin: 2px 0; text-align: center; } .login-section1 .sim-list li a.active svg { width: 35px; height: 35px; margin: 2px 0; text-align: center; fill: #babcbf; } .login-section1 .sim-list li a.active em { color: #babcbf; } .login-section1 em { font-size: 0.85rem; font-weight: 400; text-align: center; display: block; text-transform: inherit; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .login-section1 em.primary { color: #0033a1; } .login-section1 em span { font-size: 0.8rem; font-weight: 400; color: rgba(0, 0, 0, 0.7); } .login-section1 em a { font-size: 0.85rem; font-weight: 500; text-align: center; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #0033a1; } .login-section1 em a.col-w { color: rgba(255, 255, 255, 0.8); margin-top: 12px; } .login-section1 em a:hover { text-decoration: underline; color: #0033a1; } .login-section1 a.link-txt { font-size: 0.85rem; font-weight: 500; text-align: center; display: block; text-decoration: none; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.9); margin-top: 25px; } .login-section1 a.link-txt.col-w { color: rgba(255, 255, 255, 0.8); margin-top: 12px; display: block; } .login-section1 a.link-txt:hover { text-decoration: underline; color: rgba(0, 0, 0, 0.9); } .chat-bot { position: absolute; content: ""; right: 10px; bottom: 45px; display: block; width: 76px; height: 76px; z-index: 1; } .chat-bot .chat-button { position: relative; display: block; width: 76px; height: 76px; border-radius: 5px; overflow: hidden; background-color: transparent; border: none; padding: 0; cursor: pointer; text-align: center; z-index: 0; box-shadow: none; outline: none; } .chat-bot .chat-button img { width: 74px; height: 74px; margin: 0 auto; text-align: center; opacity: 1; } .chat-bot .chat-button:hover { opacity: 0.9; } .chat-bot .chat-button:focus { outline: none; opacity: 0.9; } @keyframes uparrow { 0% { transform: translateY(0); opacity: 0.4; } 100% { transform: translateY(-0.4em); opacity: 0.9; } } @keyframes downarrow { 0% { transform: translateY(0); opacity: 0.4; } 100% { transform: translateY(0.4em); opacity: 0.9; } } @keyframes rightarrow { 0% { transform: translateX(0); opacity: 0.4; } 100% { transform: translateX(0.4em); opacity: 0.9; } } .prelogin-page { padding: 0px 0 0; background-color: #ffffff; background-size: initial; background-repeat: repeat top center; position: relative; margin: 0 auto; width: 100%; background-size: 800px; overflow: auto; /*.login-container*/ /*.login-container1*/ } .prelogin-page.bg-custom { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: #ffffff; height: 100vh; overflow-y: auto; background-repeat: no-repeat; background-size: cover; background-position: top left; } .prelogin-page.bg-custom.no-bg { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: #ffffff; height: 100vh; overflow-y: auto; background-repeat: no-repeat; background-size: cover; background-position: top left; } .prelogin-page.bg-custom.no-bg::after { background-image: none; height: 210px; width: 100%; z-index: 0; content: ""; left: 0; top: 0; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: top center; } .prelogin-page.bg-custom::after { background-image: url('grey-bg-mob.png'); height: 210px; width: 100%; z-index: 0; content: ""; left: 0; top: 0; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: top center; } .prelogin-page.blue-bg { position: relative; top: 2%; bottom: 0px; width: 97%; min-height: 95vh; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: 10; } .prelogin-page.blue-bg.feedback-bg { background-image: url('feedback_bg.svg'); } .prelogin-page.blue-bg.sm-ht-bg::after { height: 250px; } .prelogin-page.full-bg { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: #ffffff; height: 100vh; overflow-y: auto; background-repeat: no-repeat; background-size: cover; background-position: top left; } .prelogin-page.full-bg::after { background-image: url('Grey-Background-mob.png'); height: 100%; width: 100%; z-index: 0; content: ""; left: 0; top: 0; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: top right; } @media (max-width: 767px) { .prelogin-page.full-bg2 { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: #ffffff; height: 100vh; overflow-y: auto; background-repeat: no-repeat; background-size: cover; background-position: top left; } .prelogin-page.full-bg2::after { background-image: url('Grey-Background-mob.png'); height: 100%; width: 100%; z-index: 0; content: ""; left: 0; top: 0; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: top right; } } .prelogin-page.iphone12 .footer-container { border-bottom: 30px solid !important; } @media (max-width: 767px) { .prelogin-page { background-size: initial; background-repeat: repeat top center; } } .prelogin-page.mob-login { padding: 0px 0 0; } @media (max-width: 767px) { .prelogin-page.mob-login { padding: 0px 0 0; } } @media (max-width: 767px) { .prelogin-page.login-page { height: 100vh; background: transparent; background-size: initial; padding: 0px 0 0; } } @media (min-width: 801px) and (max-width: 991px) { .prelogin-page { background-size: initial; } } @media (max-width: 767px) { .prelogin-page { padding: 60px 0 0; } } .prelogin-page.h100 { height: 100%; } .prelogin-page .inner-header { position: relative; z-index: 2; padding: 10px 0px; } @media (max-width: 767px) { .prelogin-page .inner-header { padding: 18px 0 18px; display: none; } } .prelogin-page .inner-header h4 { color: #ffffff; font-size: 22px; text-align: center; font-weight: 400; font-family: "Heebo", sans-serif; } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .inner-header h4 { font-size: 18px; } } .fnt-large .prelogin-page .inner-header h4 { font-size: 25px; } .fnt-xlarge .prelogin-page .inner-header h4 { font-size: 26px; } @media (max-width: 767px) { .prelogin-page .inner-header h4 { font-size: 16px; } } .prelogin-page .inner-header a { position: absolute; top: -5px; } .prelogin-page .inner-header a.close-registration { right: 12px; padding: 5px 0; } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .inner-header a.close-registration { padding: 0px 0; } } @media (max-width: 767px) { .prelogin-page .inner-header a.close-registration { font-size: 0px; padding: 6px 6px; border-radius: 5px; } } .prelogin-page .inner-header a.close-registration img { width: 15px; height: 15px; margin-right: 5px; } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .inner-header a.close-registration img { width: 14px; height: 14px; margin-right: 5px; } } @media (max-width: 767px) { .prelogin-page .inner-header a.close-registration img { width: 15px; height: 15px; margin-top: -2px; margin-right: 0px; } } @media (min-width: 767px) { .prelogin-page .inner-header a.close-registration:hover { text-decoration: underline; } } .prelogin-page .inner-header a.close-registration:active { opacity: 0.8; } @media (max-width: 767px) { .prelogin-page .inner-header a.close-registration:active { transform: scale(0.94); opacity: 1; background: rgba(0, 0, 0, 0.07); } } .prelogin-page .inner-header a.prev-tab { color: #ffffff; font-size: 12px; font-family: "Heebo", sans-serif; left: 5px; padding: 5px 0; text-decoration: none; } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .inner-header a.prev-tab { padding: 1px 0; } } .fnt-large .prelogin-page .inner-header a.prev-tab { font-size: 13px; } .fnt-xlarge .prelogin-page .inner-header a.prev-tab { font-size: 14px; } @media (max-width: 767px) { .prelogin-page .inner-header a.prev-tab { font-size: 0px; padding: 6px 6px; border-radius: 5px; } } .prelogin-page .inner-header a.prev-tab img { width: 24px; height: 24px; margin-right: 5px; margin-top: 4px; } @media (max-width: 767px) { .prelogin-page .inner-header a.prev-tab img { width: 20px; height: 20px; margin-top: -2px; margin-right: 0px; } } @media (min-width: 767px) { .prelogin-page .inner-header a.prev-tab:hover { text-decoration: underline; } } .prelogin-page .inner-header a.prev-tab:active { opacity: 0.8; } @media (max-width: 767px) { .prelogin-page .inner-header a.prev-tab:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); opacity: 0.8; } } .prelogin-page .inner-header a.closewindow { color: #ffffff; font-size: 12px; font-family: "Heebo", sans-serif; right: 15px; } .fnt-large .prelogin-page .inner-header a.closewindow { font-size: 13px; } .fnt-xlarge .prelogin-page .inner-header a.closewindow { font-size: 14px; } @media (max-width: 767px) { .prelogin-page .inner-header a.closewindow { font-size: 0px; } } .prelogin-page .inner-header a.closewindow img { height: 15px; } @media (max-width: 767px) { .prelogin-page .inner-header a.closewindow img { height: 18px; margin-top: 2px; } } .prelogin-page div.services-item { padding: 16px 30px 10px 10px; border-bottom: 1px solid #e6e6e6; } .prelogin-page div.services-item:last-of-type { border-bottom: none; } .prelogin-page div.services-item a:hover { text-decoration: none; } .prelogin-page div.services-item a h5 { color: #000000; margin: 3px 0 6px; font-size: 1rem; } .prelogin-page div.services-item a h5 em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(270deg); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; display: block; top: 50%; margin-top: -7px; } .prelogin-page div.services-item a img { width: 30px; margin-top: 0.1rem; } .prelogin-page div.services-item a p { color: #858585; } .prelogin-page div.services-item.unable-login-cause { padding: 16px 34px 16px 16px; border-bottom: 1px solid #e6e6e6; margin: 0 auto; width: 850px; background-color: white; border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); } .prelogin-page div.services-item.unable-login-cause a:hover, .prelogin-page div.services-item.unable-login-cause a:focus { text-decoration: none; } .prelogin-page div.services-item.unable-login-cause h5 { color: #0b3196; font-size: 1.1rem; font-weight: 600; margin-top: 17px; } .prelogin-page div.services-item.unable-login-cause h5 em { right: 0px; margin-top: -4px; background-size: 12px; } .prelogin-page div.services-item.unable-login-cause span.img-circle { display: block; background: rgb(224, 237, 255); background: linear-gradient(0deg, #E0EDFF 0%, #F7E5D6 100%); padding: 5px; width: 54px; height: 54px; border-radius: 100%; } .prelogin-page div.services-item.unable-login-cause span.img-circle img { width: 40px; } .prelogin-page div.services-item.unable-login-cause span.img-circle.acc-locked { padding: 4px; } .prelogin-page .registration-steps { position: relative; overflow: auto; padding: 20px 15px 10px 15px; z-index: 10; } @media (max-width: 767px) { .prelogin-page .registration-steps { position: static; height: calc(100vh - 10px); padding: 75px 15px 10px 15px; } } .prelogin-page .registration-steps h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 3px 0; color: rgba(0, 0, 0, 0.7); text-align: left; font-weight: 500; } @media (min-width: 768px) { .prelogin-page .registration-steps h5.custom-h5 { text-align: center; } } @media (max-width: 767px) { .prelogin-page .registration-steps h5.custom-h5 { text-align: left; font-size: 1rem; line-height: 1.2rem; } } .prelogin-page .registration-steps h6 { font-size: 0.85rem; line-height: 1rem; margin: 2px 0; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 500; } .prelogin-page .registration-steps h6.dark-text { color: rgba(0, 0, 0, 0.85); font-weight: 600; } .prelogin-page .registration-steps h6.success-text { color: #0033a1; font-weight: 500; } .prelogin-page .unable-login-container, .prelogin-page .fgt-pwd-container, .prelogin-page .reg-success-container { margin: 0 auto; position: relative; width: 850px; max-width: 100%; z-index: 2; border-radius: 8px; background-color: #ffffff; padding: 20px 20px 0px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .unable-login-container, .prelogin-page .fgt-pwd-container, .prelogin-page .reg-success-container { padding: 15px; } } .prelogin-page .unable-login-container .ux-selection, .prelogin-page .fgt-pwd-container .ux-selection, .prelogin-page .reg-success-container .ux-selection { float: none; margin-bottom: 15px; width: 30%; } @media (max-width: 767px) { .prelogin-page .unable-login-container, .prelogin-page .fgt-pwd-container, .prelogin-page .reg-success-container { min-height: auto; border-radius: 6px; } } @media (max-width: 1100px) { .prelogin-page .unable-login-container, .prelogin-page .fgt-pwd-container, .prelogin-page .reg-success-container { min-height: auto; } } .prelogin-page .unable-login-back-title { width: 850px; max-width: 100%; margin: 0 auto; position: relative; max-width: 100%; z-index: 2; } .prelogin-page .registration-title { width: 865px; max-width: 100%; margin: 0 auto; position: relative; max-width: 100%; z-index: 2; } .prelogin-page .reg-success-container { width: 850px; padding: 15px 15px 23px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); } .prelogin-page .reg-success-container .brand-logo { margin: 0 auto; text-align: center; } .prelogin-page .reg-success-container .brand-logo img { width: 100px; height: 100px; } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .fgt-pwd-container { padding: 15px 15px 5px; } } .prelogin-page .fgt-pwd-container .description { font-size: 13px; } .prelogin-page .locate-us-map-container { width: 800px; margin: 0 auto; position: relative; max-width: 100%; z-index: 2; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: #ffffff; padding: 0px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2); } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .locate-us-map-container { width: 750px; } } .prelogin-page .contact-us-div { border-top: 1px solid #ccc; padding: 30px 50px 0px 70px; } .prelogin-page .contact-us-div h6 { color: rgba(0, 0, 0, 0.8); } .prelogin-page .contact-us-div p.address_text { color: #000000; font-size: 13px; } .prelogin-page .contact-us-div ul.lst-contact-us { padding-left: 1em; } .prelogin-page .contact-us-div ul.lst-contact-us li { display: block; padding: 10px 0 10px 20px; list-style-position: inside; list-style-type: none; text-indent: -3em; } .prelogin-page .contact-us-div ul.lst-contact-us li img { width: 24px; height: 24px; margin-right: 16px; } .prelogin-page .contact-us-div ul.lst-contact-us li address { font-size: 13px; color: #000000; display: inline; } .prelogin-page .contact-us-div ul.lst-contact-us li address span { font-size: 12px; } .prelogin-page .contact-us-div ul.lst-socials { margin-top: 10px; } .prelogin-page .contact-us-div ul.lst-socials li { display: inline; margin-right: 4px; } .prelogin-page .contact-us-div ul.lst-socials li a { text-decoration: none; } .prelogin-page .contact-us-div ul.lst-socials li a img { width: 24px; height: 24px; } .prelogin-page .registration-container { width: 850px; margin: 0 auto; position: relative; max-width: 100%; z-index: 2; border-radius: 8px; background-color: #ffffff; padding: 20px 20px 0px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); } @media (min-width: 768px) and (max-width: 1000px) { .prelogin-page .registration-container { width: 750px; } } .prelogin-page .registration-container img.contact-us-banner { width: 380px; } .prelogin-page .registration-container .address-div { margin-top: 15px; } .prelogin-page .registration-container .address-div .office-header { border-bottom: 1px solid #ccc; padding: 5px 10px; } .prelogin-page .registration-container .address-div .office-header h5 { color: #000000; } .prelogin-page .registration-container .address-div .office-address { padding: 10px 10px 0; } .prelogin-page .registration-container .address-div .office-address address { font-size: 14px; line-height: 20px; color: #000000; margin-bottom: 0; } .prelogin-page .registration-container .address-div .office-address ul.lst-addr-contact li { display: inline; padding: 4px; } .prelogin-page .registration-container .address-div .office-address ul.lst-addr-contact li img { width: 26px; height: 26px; } .prelogin-page .registration-container .ux-footer { position: absolute; left: 0; width: 100%; bottom: 0; background-color: #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .prelogin-page .registration-container .ux-footer.bg-none { background-color: transparent; } @media (max-width: 767px) { .prelogin-page .registration-container .ux-footer.bg-none { background-color: white; } } @media (max-width: 767px) { .prelogin-page .registration-container .ux-footer { position: fixed; padding: 10px 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .prelogin-page .registration-container .ux-footer button, .prelogin-page .registration-container .ux-footer a { width: 100%; max-width: 260px; } .prelogin-page .registration-container .ux-footer button.cancel-btn, .prelogin-page .registration-container .ux-footer a.cancel-btn { display: none; } } .prelogin-page .registration-container .step-list { display: none; } @media (max-width: 767px) { .prelogin-page .registration-container .step-list { display: block; } } .prelogin-page .registration-container .check-availability { color: #0033A1; text-decoration: none; font-size: 12px; text-transform: capitalize; } .prelogin-page .registration-container .accType-block { border: 1px solid #E2E2E2; border-radius: 5px; padding: 34px 25px; background-color: #F8F8F8; position: relative; transition: 0.3s; } .prelogin-page .registration-container .accType-block h4 { font-size: 14px; line-height: 16px; color: #000000; margin-bottom: 33px; text-align: center; } .prelogin-page .registration-container .accType-block input[type=radio] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; opacity: 0; } .prelogin-page .registration-container .accType-block ul { margin: 0 0 40px; } .prelogin-page .registration-container .accType-block ul li { display: block; font-size: 12px; color: #727272; } .prelogin-page .registration-container .accType-block:hover { background-color: #ffffff; } .prelogin-page .registration-container .accType-block.active { border: 1px solid #0033A1; background-color: #ffffff; } .prelogin-page .registration-container .link-upi-account { margin-top: 40px; } .prelogin-page .registration-container .link-upi-account label { font-size: 14px; line-height: 16px; margin-bottom: 10px; color: #000000; } .fnt-large .prelogin-page .registration-container .link-upi-account label { font-size: 15px; line-height: 17px; } .fnt-xlarge .prelogin-page .registration-container .link-upi-account label { font-size: 16px; line-height: 18px; } .prelogin-page .registration-container .link-upi-account a { border: 1px solid #C4C4C4; padding: 10px; background-color: #ffffff; display: block; width: 268px; max-width: 100%; border-radius: 5px; } .prelogin-page .registration-container .link-upi-account a img { width: 33px; float: left; } .prelogin-page .registration-container .link-upi-account a .txt-block { width: calc(100% - 33px); float: left; padding-left: 30px; } .prelogin-page .registration-container .link-upi-account a span { font-size: 18px; color: #000000; display: block; line-height: 18px; margin: 5px 0px; } .fnt-large .prelogin-page .registration-container .link-upi-account a span { font-size: 19px; line-height: 20px; } .fnt-xlarge .prelogin-page .registration-container .link-upi-account a span { font-size: 20px; line-height: 21px; } .prelogin-page .registration-container .link-upi-account a b { font-size: 14px; color: #102027; display: block; font-weight: normal; } .fnt-large .prelogin-page .registration-container .link-upi-account a b { font-size: 15px; line-height: 17px; } .fnt-xlarge .prelogin-page .registration-container .link-upi-account a b { font-size: 16px; line-height: 18px; } .prelogin-page .registration-container .channel-tab { margin: 20px 0; padding: 0; } @media (max-width: 767px) { .prelogin-page .registration-container .channel-tab { margin: 0 0 15px; } } .prelogin-page .registration-container .channel-tab li { display: inline-block; vertical-align: middle; margin-right: 10px; } .prelogin-page .registration-container .channel-tab li a { display: block; padding: 15px 36px; border-radius: 5px; background-color: #F7F8FA; color: #BEBEBE; text-decoration: none; } @media (max-width: 767px) { .prelogin-page .registration-container .channel-tab li a { padding: 10px 20px; } } .prelogin-page .registration-container .channel-tab li a.active { background-color: #ffffff; color: #0033A1; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .prelogin-page .registration-container .channel-tab li a img { display: block; margin: 0 auto 5px; width: 32px; height: 24px; object-fit: contain; } .prelogin-page .registration-container .creditials-tab-panel { border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to right, #ffffff, #F7F8FA); padding: 30px 20px; } .prelogin-page .registration-container .creditials-tab-panel .main-pannel { display: none; } .prelogin-page .registration-container .creditials-tab-panel .main-pannel.active { display: block; } .prelogin-page .registration-container .tab-block { width: calc(100% - 250px); float: left; padding: 30px; } @media (max-width: 991px) { .prelogin-page .registration-container .tab-block { padding: 30px 15px; } } .prelogin-page .registration-container .tab-block .tempstep { display: none; } .prelogin-page .registration-container .tab-block .tempstep.active { display: block; } .prelogin-page .registration-container .tab-block img { max-width: 100%; } .prelogin-page .registration-container .tab-block.success-page { text-align: center; padding: 125px 0; } @media (max-width: 767px) { .prelogin-page .registration-container .tab-block.success-page { padding: 60px 15px; } .prelogin-page .registration-container .tab-block.success-page h3 { font-size: 20px; line-height: 24px; } } .prelogin-page .registration-container .tab-block.success-page h2 { color: #0056a1; margin: 10px 0; font-size: 36px; line-height: 38px; } .fnt-large .prelogin-page .registration-container .tab-block.success-page h2 { font-size: 37px; line-height: 38px; } .fnt-xlarge .prelogin-page .registration-container .tab-block.success-page h2 { font-size: 38px; line-height: 39px; } @media (max-width: 767px) { .prelogin-page .registration-container .tab-block.success-page h2 { font-size: 28px; line-height: 30px; } } .prelogin-page .registration-container .tab-block.success-page h4 { text-align: center; } @media (max-width: 767px) { .prelogin-page .registration-container .tab-block.success-page .ux-success-button { position: fixed; padding: 10px 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); left: 0; display: block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0) !important; bottom: 0; text-align: center; background-color: #ffffff; } .prelogin-page .registration-container .tab-block.success-page .ux-success-button button { width: 100%; } } @media (max-width: 767px) { .prelogin-page .registration-container .tab-block { width: 100%; padding: 5px 0px; } } .prelogin-page .registration-container p.description.grey { color: rgba(0, 0, 0, 0.6); } .prelogin-page .registrationsteps-block { background-color: #ffffff; min-height: 650px; padding: 20px 20px 40px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; border-radius: 8px; background-image: linear-gradient(#ffffff, #F7F8FA); } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .registrationsteps-block { padding: 15px 15px 40px; } } @media (max-width: 767px) { .prelogin-page .registrationsteps-block { min-height: auto; border-radius: 6px; } } @media (max-width: 1100px) { .prelogin-page .registrationsteps-block { min-height: auto; } } .prelogin-page .registrationsteps-block.eq-pad { padding: 20px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.eq-pad { padding: 10px 10px; } } .prelogin-page .registrationsteps-block.custom-pad { padding: 20px 60px; } @media (min-width: 768px) and (max-width: 1100px) { .prelogin-page .registrationsteps-block.custom-pad { padding: 20px 40px; } } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.custom-pad { padding: 15px 15px; } } .prelogin-page .registrationsteps-block.acc-opening-page { padding: 0 0 20px; } @media (min-width: 1401px) { .prelogin-page .registrationsteps-block.custom-pad2 { padding: 20px 20px 20px; } } @media (min-width: 768px) and (max-width: 1400px) { .prelogin-page .registrationsteps-block.custom-pad2 { padding: 15px 15px 15px; } } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.custom-pad2 { padding: 10px 15px 10px 15px; } } @media (max-width: 767px) { .prelogin-page .registrationsteps-block { min-height: auto; padding: 10px 15px 40px 15px; border-radius: 6px; margin-bottom: 52px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); } } .prelogin-page .registrationsteps-block.success-page { text-align: center; padding: 50px 15px; } .prelogin-page .registrationsteps-block.success-page .success-img { width: 100%; height: auto; text-align: center; margin: 0 auto; } .prelogin-page .registrationsteps-block.success-page .success-img img { width: 100%; max-width: 320px; height: auto; text-align: center; margin: 0 auto; } .prelogin-page .registrationsteps-block.success-page h3 { color: #13A443; font-size: 36px; line-height: 40px; margin: 20px 0 20px; } .prelogin-page .registrationsteps-block.success-page h3.default-text { color: rgba(0, 0, 0, 0.75); font-size: 36px; line-height: 40px; margin: 20px 0 20px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page h3.default-text { font-size: 24px; line-height: 24px; margin: 15px 0 10px; } } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page h3 { font-size: 24px; line-height: 24px; margin: 15px 0 10px; } } .prelogin-page .registrationsteps-block.success-page h4 { color: #13A443; font-size: 26px; line-height: 32px; margin: 20px 0 20px; text-align: center; margin: 0 auto; } .prelogin-page .registrationsteps-block.success-page h4.default-text { color: rgba(0, 0, 0, 0.75); font-size: 26px; line-height: 32px; margin: 20px 0 20px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page h4.default-text { font-size: 20px; line-height: 20px; margin: 15px 0 10px; } } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page h4 { font-size: 20px; line-height: 20px; margin: 15px 0 10px; } } [theme=dark] .prelogin-page .registrationsteps-block.success-page h4 { color: #ffffff; } .prelogin-page .registrationsteps-block.success-page h5 { font-weight: 500; font-size: 1.3rem; text-align: center; margin: 6px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .prelogin-page .registrationsteps-block.success-page h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .prelogin-page .registrationsteps-block.success-page h5 a:hover { color: rgba(0, 0, 0, 0.7); } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page h5 { font-size: 1.1rem; line-height: 1.2rem; } } .prelogin-page .registrationsteps-block.success-page h6 { font-weight: 500; font-size: 1.1rem; text-align: center; margin: 10px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page h6 { font-size: 0.95rem; line-height: 1rem; } } .prelogin-page .registrationsteps-block.success-page p { color: rgba(0, 0, 0, 0.75); font-weight: 500; font-size: 0.95rem; text-align: center; margin: 20px 0; margin-top: 30px; line-height: 1.3rem; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page p { font-size: 0.8rem; line-height: 1.2rem; margin: 10px 0; margin-top: 10px; } } .prelogin-page .registrationsteps-block.success-page span { color: #62727B; font-size: 20px; line-height: 25px; display: block; margin-bottom: 30px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block.success-page span { font-size: 15px; line-height: 15px; margin-bottom: 20px; } } .prelogin-page .registrationsteps-block.success-page a { text-decoration: none; } .prelogin-page .registrationsteps-block .acc-opening-success { padding: 50px 0px 20px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success { padding: 10px 0px 20px; } } .prelogin-page .registrationsteps-block .acc-opening-success h3 { color: #0033A1; font-size: 36px; line-height: 36px; margin-bottom: 5px; margin-top: 20px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success h3 { font-size: 25px; line-height: 28px; } } .prelogin-page .registrationsteps-block .acc-opening-success h6 { font-size: 16px; color: #444444; line-height: 16px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success h6 { font-size: 12px; line-height: 14px; margin-top: 10px; } } .prelogin-page .registrationsteps-block .acc-opening-success p { font-size: 18px; color: #000000; line-height: 23px; width: 730px; margin: 0 auto 20px; display: block; max-width: 100%; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success p { font-size: 14px; line-height: 16px; } } .prelogin-page .registrationsteps-block .acc-opening-success .accDetails { border-bottom: 1px solid #dedede; padding: 0 20px 5px; margin: 15px -15px 0px; } .prelogin-page .registrationsteps-block .acc-opening-success .accDetails span { color: #0033A1; position: relative; padding-right: 15px; margin-top: 20px; margin-bottom: 5px; display: inline-block; display: none; font-size: 1rem; } .prelogin-page .registrationsteps-block .acc-opening-success .accDetails span:after { content: ""; height: 8px; width: 8px; border-right: 2px solid #0033A1; border-bottom: 2px solid #0033A1; transform: rotate(45deg); position: absolute; right: 0px; top: 2px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success .accDetails span { display: inline-block; } } .prelogin-page .registrationsteps-block .acc-opening-success .account-details { background-color: rgba(0, 51, 161, 0.1); padding: 30px 0; margin: 20px 0; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success .account-details { padding: 15px 0 0; margin: 0px -15px 20px; display: none; } } .prelogin-page .registrationsteps-block .acc-opening-success .account-details .row { width: 900px; margin: 0 auto; max-width: 100%; } .prelogin-page .registrationsteps-block .acc-opening-success .account-details label { display: block; font-size: 14px; color: #000000; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success .account-details label { margin-bottom: 5px; } } .prelogin-page .registrationsteps-block .acc-opening-success .account-details b { font-size: 16px; color: #000000; display: block; line-height: 18px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .acc-opening-success .account-details b { margin-bottom: 15px; } } .prelogin-page .registrationsteps-block .banner-img { min-height: 550px; margin-bottom: 20px; background-color: #dedede; } .prelogin-page .registrationsteps-block .pageHeader { padding: 30px 0px 20px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .pageHeader { padding: 0px 0 10px; } } .prelogin-page .registrationsteps-block .pageHeader h3 { color: #0033a1; font-size: 24px; line-height: 20px; margin: 15px 0px; font-weight: 500; text-align: left; display: block; } .fnt-large .prelogin-page .registrationsteps-block .pageHeader h3 { font-size: 25px; line-height: 26px; } .fnt-xlarge .prelogin-page .registrationsteps-block .pageHeader h3 { font-size: 26px; line-height: 27px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .pageHeader h3 { text-align: left; font-size: 1.2rem; font-family: "Heebo", sans-serif; font-weight: 400; line-height: 1.6rem; margin: 5px 0px; display: block; } } .prelogin-page .registrationsteps-block .pageHeader h4 { color: #0033a1; font-size: 22px; line-height: 20px; margin: 15px 0px; font-weight: 500; text-align: left; display: block; } .fnt-large .prelogin-page .registrationsteps-block .pageHeader h4 { font-size: 25px; line-height: 26px; } .fnt-xlarge .prelogin-page .registrationsteps-block .pageHeader h4 { font-size: 26px; line-height: 27px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .pageHeader h4 { text-align: left; font-size: 1.2rem; font-family: "Heebo", sans-serif; font-weight: 400; line-height: 1.6rem; margin: 5px 0px; display: block; } } .prelogin-page .registrationsteps-block .pageHeader h6 { color: rgba(0, 0, 0, 0.55); font-size: 0.9rem; line-height: 1rem; margin: 5px 0px; font-weight: 500; text-align: left; display: block; } .prelogin-page .registrationsteps-block .pageHeader h6.green-text { color: #0033a1; font-size: 0.9rem; line-height: 1rem; font-weight: 500; } .prelogin-page .registrationsteps-block .pageHeader span { color: #60747e; display: block; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .pageHeader span { font-size: 12px; line-height: 12px; } } .prelogin-page .registrationsteps-block .middle-block { width: 450px; padding: 0 45px; max-width: 100%; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .middle-block { padding: 0 15px; width: 100%; } } .prelogin-page .registrationsteps-block .middle-block .button-block { margin-top: 60px; } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .middle-block .button-block { margin-top: 20px; } } .prelogin-page .registrationsteps-block .background-block { width: calc(100% - 450px); background-size: contain; background-repeat: no-repeat; min-height: 650px; } @media (max-width: 1100px) { .prelogin-page .registrationsteps-block .background-block { min-height: auto; } } @media (max-width: 767px) { .prelogin-page .registrationsteps-block .background-block { min-height: auto; display: none; } } .prelogin-page .registrationsteps-block .checkbox-block { width: 950px; max-width: 100%; margin: 100px auto 0; } .prelogin-page .lang-container { padding: 15px 0px 5px; margin: 0 auto; position: relative; width: 850px; max-width: 100%; z-index: 2; border-radius: 8px; background-color: #ffffff; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); } .prelogin-page .lang-container .lang-checkbox-container ul.lst-lang li { padding: 5px; list-style-type: none; border-top: 1px solid #e5e5e5; text-align: center; } .prelogin-page .lang-container .lang-checkbox-container ul.lst-lang li:last-of-type { border-bottom: 1px solid #e5e5e5; } .prelogin-page .lang-container .lang-checkbox-container ul.lst-lang li div.ux-selection { float: none; } .prelogin-page .slider-section { position: relative; background: transparent; width: 100%; height: auto; margin: 0 auto; clear: both; } @media (min-height: 710px) { .prelogin-page .slider-section { margin-top: 50px; } } @media (min-height: 800px) { .prelogin-page .slider-section { margin-top: 100px; } } .prelogin-page.bg1 { background-size: cover; background-color: #0f2145; z-index: 9; } .prelogin-page .full-container { display: block; margin: 0 auto; width: 100%; position: relative; overflow: auto; padding-bottom: 20px; padding-top: 60px; } @media (max-width: 1400) { .prelogin-page .full-container { padding-top: 10px; } } @media (max-width: 767px) { .prelogin-page .full-container { height: calc(100vh - 50px); padding-top: 0px; } } .prelogin-page .full-container.halfBackground:after { background-image: url('grey-bg.png'); height: 50vh; width: 100%; z-index: 1; content: ""; left: 0; top: 0; position: absolute; background-repeat: repeat; } @media (max-width: 767px) { .prelogin-page .full-container.halfBackground:after { background-image: none; } } .prelogin-page .full-container.halfBackground2:after { height: 350px; width: 100%; z-index: 1; content: ""; left: 0; top: 0; position: absolute; background-size: contain; } @media (max-width: 767px) { .prelogin-page .full-container.halfBackground2:after { background-image: none; height: 100vh; } } @media (max-width: 767px) { .prelogin-page .full-container.halfBackground2.mylanguage { height: 100vh; } } .prelogin-page .full-container.halfBackground2.mylanguage:after { height: 350px; } .prelogin-page .central-box { position: relative; height: 100%; display: flex; } .prelogin-page .central-box .card1 { content: " "; position: absolute; top: 10px; left: -100px; width: 551px; height: 665px; z-index: 0; } .prelogin-page .central-box .brand-logo1 { position: absolute; content: ""; top: -90px; left: 50%; width: 280px; height: 70px; text-align: center; margin-left: -140px; } .prelogin-page .central-box .brand-logo1 img { width: 100%; height: auto; max-width: 270px; margin: 0 auto; text-align: center; } .prelogin-page .central-box1 { position: relative; height: auto; display: flex; } .prelogin-page .login-container { max-width: 1300px; min-height: auto; position: relative; margin: 0 auto 0; height: 100%; background: rgba(255, 255, 255, 0.8); border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); width: 100%; height: auto; z-index: 9; } .prelogin-page .login-container.inner1 { width: 90%; max-width: 100%; min-height: auto; position: relative; margin: 2% auto; } @media (max-width: 1400px) { .prelogin-page .login-container.inner1 { width: 100%; max-width: 90%; margin: 0 auto; } } @media (max-width: 1100px) { .prelogin-page .login-container.inner1 { width: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 900px) { .prelogin-page .login-container.inner1 { width: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 767px) { .prelogin-page .login-container.inner1 { width: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 400px) { .prelogin-page .login-container.inner1 { width: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 767px) { .prelogin-page .login-container { box-shadow: 0 1px 8px rgba(0, 0, 0, 0); } } @media (max-width: 991px) { .prelogin-page .login-container { min-height: auto; } } @media (max-width: 480px) { .prelogin-page .login-container { overflow: hidden; } } .prelogin-page .login-container.min-height { min-height: auto !important; } .prelogin-page .login-container.backnone { background: transparent !important; } @media (max-width: 920px) { .prelogin-page .login-container { background: transparent; } } @media (max-width: 1400px) { .prelogin-page .login-container { width: 900px; margin: 0 auto 0; } } @media (min-width: 767px) and (max-width: 991px) { .prelogin-page .login-container { width: 500px; } } @media (max-width: 767px) { .prelogin-page .login-container { width: 100%; padding: 0 10px; margin: 30px auto 0; } } @media (max-width: 480px) { .prelogin-page .login-container { width: 100%; } } .prelogin-page .login-container { /*.banner-container*/ /*.loginform-container*/ } .prelogin-page .login-container .language-container1 { text-align: center; flex: 1 1 100%; display: flex; flex-direction: column; height: auto; height: auto; position: relative; background-color: #ffffff; border-radius: 10px; padding: 5px 0px 30px 0px; z-index: 99; } @media (max-width: 767px) { .prelogin-page .login-container .language-container1 { background-color: transparent; padding: 0px 0px 0px 0px; } } .prelogin-page .login-container .language-container1 .login-form1 { padding: 0px 0px; width: 100%; position: relative; background: #ffffff; z-index: 999; border-radius: 10px; height: auto; } .prelogin-page .login-container .language-container1 .login-form1.bg-img { background-size: inherit; background-position: center 2%; } @media (max-width: 767px) { .prelogin-page .login-container .language-container1 .login-form1.bg-img { background: none; } } .prelogin-page .login-container .language-container1 .login-form1 h5 { font-weight: 400; font-size: 0.9rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: left; } .prelogin-page .login-container .language-container1 .login-form1 h5 span a { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .prelogin-page .login-container .language-container1 .login-form1 h5 span a:hover { text-decoration: underline; } .prelogin-page .login-container .language-container1 .login-form1 em { font-weight: 400; font-size: 16px; line-height: 1rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: right; margin-right: 50px; } .prelogin-page .login-container .language-container1 .login-form1 .login-header { text-align: center; margin: 0 auto; overflow: hidden; background: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 1px 5px 5px rgba(0, 0, 0, 0.08); display: block; clear: both; } .prelogin-page .login-container .language-container1 .login-form1 .login-header .brand-logo { display: block; padding: 0px; margin: 0px auto; text-align: center; } .prelogin-page .login-container .language-container1 .login-form1 .login-header .brand-logo img { width: 100%; margin: 8px 0; max-width: 160px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 992px) { .prelogin-page .login-container .language-container1 .login-form1 .login-header .brand-logo img { width: 150px; height: auto; } } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .login-header .brand-logo img { width: 100px; height: auto; margin: 5px 0; } } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .login-header { border-top-left-radius: 0px; border-top-right-radius: 0px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 { padding: 0.45rem 1rem; margin: 0 auto; width: 100%; overflow: hidden; margin-bottom: 10px; position: relative; margin-top: -50px; background-color: transparent; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.mar-b { margin-bottom: 245px; } @media (max-width: 767px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.mar-b { margin-bottom: 8px; margin-top: -8px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.bg1 { background-color: transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1.8rem 1rem 1.5rem 1rem; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.bg1 { padding: 0.5rem 1rem 0.5rem 1rem; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.bg1 h4 { font-size: 1.8rem; font-weight: 500; line-height: 1.6rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.bg1 h4 { font-size: 1.3rem; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.bg1.mar-b { margin-bottom: 230px; } @media (max-width: 767px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading2.bg1.mar-b { margin-bottom: 0px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 h3 { font-size: 1.6rem; font-weight: 500; line-height: 1.4rem; text-align: center; color: white; display: inline-block; margin: 2px 0; } @media (max-width: 767px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 h3 { font-size: 16px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 em { font-size: 1.2rem; font-weight: 500; line-height: 1.4rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 em { font-size: 1rem; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 button { float: right; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 button.ux-btn-header { background: transparent; border: none; margin: 0; margin-left: 0px; padding: 0px 5px; border-radius: 6px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; vertical-align: top; opacity: 1; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 button.ux-btn-header img { width: 13px; height: 13px; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 button.ux-btn-header img.img-b { width: 25px; height: 25px; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 button.ux-btn-header img.img-b { width: 14px; height: 14px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading2 button.ux-btn-header:hover { opacity: 0.8; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading { padding: 0.45rem 1rem; margin: 0 auto; width: 100%; overflow: hidden; margin-bottom: 10px; background-color: #efefef; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading.mar-b { margin-bottom: 230px; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading.mar-b { margin-bottom: 120px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading.bg1 { background-color: transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1.8rem 1rem 1.5rem 1rem; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading.bg1 { padding: 0.5rem 1rem 0.5rem 1rem; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading.bg1 h4 { font-size: 1.8rem; font-weight: 500; line-height: 1.6rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading.bg1 h4 { font-size: 1.3rem; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading.bg1.mar-b { margin-bottom: 230px; } @media (max-width: 767px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading.bg1.mar-b { margin-bottom: 0px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading em { font-size: 1.2rem; font-weight: 500; line-height: 1.4rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading em { font-size: 1rem; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading button { float: right; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading button.ux-btn-header { background: transparent; border: none; margin: 0; margin-left: 0px; padding: 0px 5px; border-radius: 6px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; vertical-align: top; opacity: 1; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading button.ux-btn-header img { width: 13px; height: 13px; } .prelogin-page .login-container .language-container1 .login-form1 .main-heading button.ux-btn-header img.img-b { width: 25px; height: 25px; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 .main-heading button.ux-btn-header img.img-b { width: 14px; height: 14px; } } .prelogin-page .login-container .language-container1 .login-form1 .main-heading button.ux-btn-header:hover { opacity: 0.8; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list { list-style: bullet; margin-left: 15px; margin-bottom: 15px; /*list-style-position: inside;*/ } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li { position: relative; opacity: 0.8; font-size: 0.6rem; line-height: 1.3; opacity: 0.8; text-align: left; margin-bottom: 5px; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li em { font-size: 1rem; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li em { font-size: 0.9rem; } } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li h4 { text-align: left; color: rgba(0, 0, 0, 0.75); margin: 2px 0; font-weight: 400; font-size: 1.3rem; } @media (max-width: 480px) { .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li h4 { font-size: 1.15rem; } } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li:before { content: ""; border-radius: 100%; background-color: rgba(0, 0, 0, 0.5); width: 6px; height: 6px; position: absolute; top: 5px; left: -15px; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li.step-matched { opacity: 1; color: #03914a; font-size: 1rem; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li.step-matched em { color: #03914a; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li.step-matched em span { color: rgba(0, 0, 0, 0.4); font-size: 1rem; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li.step-matched:before { background-color: #03914a; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li.step-unmatched { opacity: 1; color: #CE0E41; } .prelogin-page .login-container .language-container1 .login-form1 ul.step-list li.step-unmatched:before { background-color: #CE0E41; } .prelogin-page .login-container .banner-container { flex: 1 1 50%; overflow: hidden; position: relative; height: auto; padding: 20px; z-index: 1; /*.banner-content*/ /*.left-image*/ /*.left-content*/ } .prelogin-page .login-container .banner-container.bg { /* background-image: url("../assets/images/background/loginBG2.png"); */ background-position: top center; background-size: cover; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } @media (min-width: 1400px) and (max-width: 1920px) { .prelogin-page .login-container .banner-container { flex: 1 50%; } } @media (min-width: 768px) and (max-width: 1000px) { .prelogin-page .login-container .banner-container { flex: 1 1 50%; display: none; } } @media (min-width: 300px) and (max-width: 768px) { .prelogin-page .login-container .banner-container { flex: 1 1 50%; display: none; } } .prelogin-page .login-container .banner-container .banner-content { opacity: 0.9; color: #0033A1; border-radius: 20px 0 0 20px; line-height: 1.5; padding: 70px 20px; /*links*/ } .prelogin-page .login-container .banner-container .banner-content p { color: #ffffff; font-size: 1.9rem; letter-spacing: 1px; font-weight: 400; } .prelogin-page .login-container .banner-container .banner-content h1 { font-weight: 800; font-size: 2.3rem; color: #ffffff; } .prelogin-page .login-container .banner-container .banner-content .links { display: block; } .prelogin-page .login-container .banner-container .banner-content .links ul { margin: 6px 0rem; } .prelogin-page .login-container .banner-container .banner-content .links ul li { display: inline-block; padding: 0 12px; font-size: 0.9rem; text-align: center; border-right: 2px solid rgba(255, 255, 255, 0.3); color: white; box-sizing: border-box; cursor: default; } .prelogin-page .login-container .banner-container .banner-content .links ul li a { display: inline-block; /*text-decoration:underline;*/ color: white; } .prelogin-page .login-container .banner-container .banner-content .links ul li a:hover { color: rgba(255, 255, 255, 0.9); /*text-decoration:underline;*/ cursor: default; } .prelogin-page .login-container .banner-container .banner-content .links ul li:last-child { border-right: none !important; } .prelogin-page .login-container .banner-container .banner-content .links ul li:last-child a { border-right: none !important; } .prelogin-page .login-container .banner-container .banner-content .list-inline-item { display: inline-block; border-right: 1px solid #0035a6; padding-right: 15px; font-size: 1.69rem; } .prelogin-page .login-container .banner-container .banner-content .list-inline-item:last-child { border-right: 0; } .prelogin-page .login-container .banner-container .left-image { position: relative; margin: 0px 0px 0px 0px; text-align: center; } .prelogin-page .login-container .banner-container .left-image:before { content: " "; display: inline-block; vertical-align: middle; height: 100%; } .prelogin-page .login-container .banner-container .left-image img { width: 100%; max-width: 390px; height: auto; vertical-align: middle; display: inline-block; } .prelogin-page .login-container .banner-container .left-content { position: absolute; bottom: 25px; margin: 20px 0px 0px 0px; width: 100%; left: 0; padding: 0 20px; } .prelogin-page .login-container .banner-container .left-content h5 { font-weight: 600; font-size: 1rem; text-align: left; line-height: 1.2rem; color: rgba(255, 255, 255, 0.95); text-transform: initial; } .fnt-large .prelogin-page .login-container .banner-container .left-content h5 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .banner-container .left-content h5 { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .banner-container .left-content p { font-weight: 400; font-size: 12px; text-align: left; line-height: 1.2rem; color: rgba(255, 255, 255, 0.4); } .prelogin-page .login-container .banner-container .secure-img { position: absolute; bottom: 20px; right: 20px; margin: 0px; width: 120px; height: 55px; } .prelogin-page .login-container .banner-container .secure-img img { width: 100%; max-width: 120px; height: auto; text-align: center; } .prelogin-page .login-container .banner-container .keyboard-section { display: none; position: absolute; content: " "; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; margin: 0px auto; background-color: rgba(51, 71, 80, 0.8); border-bottom-left-radius: 10px; border-top-left-radius: 10px; text-align: center; } .prelogin-page .login-container .banner-container .keyboard-section.show { display: block; } .prelogin-page .login-container .banner-container .keyboard-section .keyboard-inner { position: relative; width: 94%; height: 260px; margin: auto; top: 50%; margin-top: -130px; background-color: white; border-radius: 5px; } .prelogin-page .login-container .loginform-container { text-align: center; flex: 1 1 50%; display: flex; flex-direction: column; height: auto; height: auto; position: relative; background-color: #ffffff; border-bottom-right-radius: 10px; border-top-right-radius: 10px; z-index: 9; /*.login-form*/ /*.login-form1*/ } .prelogin-page .login-container .loginform-container.radius { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } @media (min-width: 1400px) and (max-width: 1920px) { .prelogin-page .login-container .loginform-container { flex: 1 1 50%; } } @media (min-width: 768px) and (max-width: 1000px) { .prelogin-page .login-container .loginform-container { width: 100%; flex: none; margin: 0 auto; } } @media (max-width: 991px) { .prelogin-page .login-container .loginform-container { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } } .prelogin-page .login-container .loginform-container .login-form { padding: 20px 20px 25px; position: relative; background: #ffffff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 999; height: auto; left: 0px; width: 400px; margin: 0 auto; max-width: 100%; /*.fgt-txt*/ /*.fgt-txt*/ /*.link-txt*/ /*.setpassword-rule*/ /*.reset-pwd*/ } @media (min-width: 991px) and (max-width: 1400px) { .prelogin-page .login-container .loginform-container .login-form { padding: 15px 40px 15px; } } @media (min-width: 768px) and (max-width: 991px) { .prelogin-page .login-container .loginform-container .login-form { padding: 20px 40px 20px; } } .prelogin-page .login-container .loginform-container .login-form .ux-input { margin: 10px 0; position: relative; } .prelogin-page .login-container .loginform-container .login-form .ux-input .text-right { position: relative; z-index: 99; } @media (min-width: 991px) and (max-width: 1400px) { .prelogin-page .login-container .loginform-container .login-form .ux-input { margin: 5px 0; position: relative; } } .prelogin-page .login-container .loginform-container .login-form.radius1 { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form.radius1 { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } } .prelogin-page .login-container .loginform-container .login-form.pad1 { padding: 24px 30px; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form.pad1 { padding: 20px 10px; } } @media (max-width: 991px) { .prelogin-page .login-container .loginform-container .login-form { border-radius: 10px; width: 100%; background-color: rgba(255, 255, 255, 0.8); } } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form { padding: 20px 15px; } } .prelogin-page .login-container .loginform-container .login-form h5 { font-weight: 400; font-size: 0.9rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: left; } .prelogin-page .login-container .loginform-container .login-form h5 span a { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .prelogin-page .login-container .loginform-container .login-form h5 span a:hover { text-decoration: underline; } .prelogin-page .login-container .loginform-container .login-form em { font-weight: 400; font-size: 0.7rem; line-height: 1rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: right; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button { background-color: #ffffff; border: 1px solid #0033A1; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 150px; padding: 0.5rem 0.7rem; font-weight: 500; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 2px 2px; z-index: 0; /*text-transform: uppercase;*/ border-radius: 50px; background-position: center; transition: background 0.8s; box-shadow: 0px 3px 6px transparent; /* //img */ /* //em */ /* //&.sm */ /*primary*/ /* //&.secondary */ /* //&.success */ /* //&.disabled */ /*&.full-width*/ /*&:not([href]):not([tabindex]){ color: $brand-primary-color; }*/ } .fnt-large .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button, .fnt-large .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button, .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button img, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button img { margin-top: -5px; width: 15px; height: 15px; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button em, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button em { font-style: normal; font-size: 0.8rem; padding-left: 5px; color: #ffffff; vertical-align: middle; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.sm, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.sm { padding: 0.7rem 3rem; /* //em */ } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.sm, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.sm { padding: 0.5rem 0.1rem; } } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.sm em, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.sm em { font-size: 0.75rem; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.primary, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.primary { background: transparent linear-gradient(90deg, #629A04 0%, #007C3D 100%) 0% 0% no-repeat; color: white; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button:hover, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button:hover { color: rgba(255, 255, 255, 0.8); background: transparent linear-gradient(90deg, #629A04 0%, #007C3D 100%) 0% 0% no-repeat; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button:active, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button:active { color: rgba(255, 255, 255, 0.8); background: transparent linear-gradient(90deg, #629A04 0%, #007C3D 100%) 0% 0% no-repeat; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button:focus, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button:focus { outline: none; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.secondary, .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.db-active, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.secondary, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.db-active { color: #0033a1; background: rgba(255, 255, 255, 0.9); background-position: center; transition: background 0.8s; /* //&.sm */ } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.secondary:hover, .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.db-active:hover, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.secondary:hover, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.db-active:hover { color: rgba(0, 51, 161, 0.8); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.secondary:active, .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.db-active:active, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.secondary:active, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.db-active:active { color: rgba(0, 51, 161, 0.8); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.secondary em, .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.db-active em, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.secondary em, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.db-active em { color: #0033A1; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.secondary.sm, .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.db-active.sm, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.secondary.sm, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.db-active.sm { /* //em */ } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.secondary.sm em, .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.db-active.sm em, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.secondary.sm em, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.db-active.sm em { color: #0033A1; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.success, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.success { color: #ffffff; border: 1px solid #03914a; background: #03914a; background-position: center; transition: background 0.8s; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.success:hover, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.success:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.success:active, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.success:active { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.disable, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.disable { background-color: rgba(0, 0, 0, 0.09); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); cursor: not-allowed; outline: none; text-shadow: none; /*&::before {content: none;}*/ } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.disable:hover, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.disable:hover { box-shadow: none; background: none; background-color: #e8e8e8; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.disable:active, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.disable:active { background-color: none; box-shadow: none; transition: none; background: none; background-color: rgba(0, 0, 0, 0.09); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.disable em, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.disable em { color: rgba(0, 0, 0, 0.4); } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button img, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button img { margin-top: -5px; width: 15px; height: 15px; } .prelogin-page .login-container .loginform-container .login-form .formfooter .ux-button.full-width, .prelogin-page .login-container .loginform-container .login-form .formfooter a.ux-button.full-width { width: 300px; text-transform: capitalize; } .prelogin-page .login-container .loginform-container .login-form .login-heading { text-align: center; } .prelogin-page .login-container .loginform-container .login-form .login-heading h2 { font-weight: 800; font-size: 0.7rem; line-height: 1; } .prelogin-page .login-container .loginform-container .login-form .login-heading h3 { font-weight: 600; font-size: 1.4rem; line-height: 1; margin: 0px 0px 5px 0; color: #0033a1; text-align: left; } .prelogin-page .login-container .loginform-container .login-form .login-heading h3 span { font-size: 1.4rem; line-height: 1; color: rgba(0, 51, 161, 0.85); } .prelogin-page .login-container .loginform-container .login-form .login-heading h4 { font-weight: 500; font-size: 1rem; text-align: left; line-height: 1.6rem; color: rgba(0, 51, 161, 0.65); text-transform: initial; } .fnt-large .prelogin-page .login-container .loginform-container .login-form .login-heading h4 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .login-heading h4 { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form .login-heading h4.success { color: rgba(3, 145, 74, 0.85); } @media (max-width: 450px) { .prelogin-page .login-container .loginform-container .login-form .login-heading h4 { font-size: 1.2rem; text-align: left; line-height: 1.2rem; } } .prelogin-page .login-container .loginform-container .login-form .login-heading h5 { font-weight: 400; font-size: 0.9rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 51, 161, 0.5); text-align: left; } .prelogin-page .login-container .loginform-container .login-form .login-heading h5 span a { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .prelogin-page .login-container .loginform-container .login-form .login-heading h5 span a:hover { text-decoration: underline; } .prelogin-page .login-container .loginform-container .login-form .login-heading em { font-size: 0.8rem; color: rgba(0, 0, 0, 0.4); line-height: 1; } .prelogin-page .login-container .loginform-container .login-form .login-heading em.fbold { font-weight: 600 !important; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form .login-heading h3 { font-size: 21px; } } .prelogin-page .login-container .loginform-container .login-form .login-heading .brand-logo { display: block; padding: 5px 0px 10px 0px; margin: 0 auto; text-align: center; } .prelogin-page .login-container .loginform-container .login-form .login-heading .brand-logo img { width: 100%; max-width: 140px; height: auto; display: block; float: none; text-align: center; margin: 0 auto; position: relative; transition: all 0.8s ease; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form .login-heading .brand-logo img { width: 150px; } } .prelogin-page .login-container .loginform-container .login-form .login-heading .brand-logo1 { display: block; padding: 5px 0px; margin: 0 auto; text-align: center; } .prelogin-page .login-container .loginform-container .login-form .login-heading .brand-logo1 img { width: 100%; max-width: 160px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form .login-heading .brand-logo1 img { width: 150px; } } .prelogin-page .login-container .loginform-container .login-form .success-box { padding: 20px 0px; width: 100%; height: auto; display: block; text-align: center; } .prelogin-page .login-container .loginform-container .login-form .success-box h2 { font-size: 2.4rem; color: #03914a; font-weight: 500; text-align: center; margin: 5px 0; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form .success-box h2 { font-size: 1.8rem; } } .prelogin-page .login-container .loginform-container .login-form .success-box h4 { font-size: 1.2rem; color: rgba(0, 51, 161, 0.8); text-align: center; margin: 3px 0; } .prelogin-page .login-container .loginform-container .login-form .success-box h4 span { color: #0033A1; margin-left: 5px; font-size: 1.1rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form .success-box h4 span { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .success-box h4 span { font-size: 1.3rem; line-height: 1.4rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form .success-box h4 { font-size: 0.9rem; } } .prelogin-page .login-container .loginform-container .login-form .success-box h3 { font-size: 1.4rem; color: rgba(0, 0, 0, 0.85); text-align: center; margin: 8px 0; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form .success-box h3 { font-size: 1.1rem; } } .prelogin-page .login-container .loginform-container .login-form .success-box img { width: 130px; height: 130px; text-align: center; margin: 2px; } .prelogin-page .login-container .loginform-container .login-form .success-box svg { width: 130px; height: 130px; text-align: center; margin: 20px; } .prelogin-page .login-container .loginform-container .login-form .details-section { padding: 20px 10px; position: relative; background: rgba(0, 0, 0, 0.04); z-index: 999; height: auto; margin: 10px auto; } .prelogin-page .login-container .loginform-container .login-form .ux-component { padding: 0.7rem 0rem 0.8rem 0; } .prelogin-page .login-container .loginform-container .login-form .fgt-txt { font-size: 0.9rem; font-weight: 500; color: rgba(0, 0, 0, 0.6); text-align: center; text-decoration: none; } .prelogin-page .login-container .loginform-container .login-form .fgt-txt.mar-t { margin-top: 70px; } @media (max-width: 1300px) { .prelogin-page .login-container .loginform-container .login-form .fgt-txt.mar-t { margin-top: 30px; } } .prelogin-page .login-container .loginform-container .login-form .fgt-txt a { color: #0033A1; cursor: pointer; } .prelogin-page .login-container .loginform-container .login-form .fgt-txt a:hover { text-decoration: none; } .prelogin-page .login-container .loginform-container .login-form .Bmtric-txt { display: none; font-size: 15px; font-weight: 600; color: rgba(0, 0, 0, 0.6); text-align: center; } .fnt-large .prelogin-page .login-container .loginform-container .login-form .Bmtric-txt { font-size: 16px; line-height: 18px; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .Bmtric-txt { font-size: 17px; line-height: 19px; } .prelogin-page .login-container .loginform-container .login-form .Bmtric-txt a { color: #0033A1; cursor: pointer; } .prelogin-page .login-container .loginform-container .login-form .Bmtric-txt a:hover { text-decoration: underline; } .prelogin-page .login-container .loginform-container .login-form .Bmtric-txt img { width: 36px; margin-left: 5px; } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form .Bmtric-txt { display: block; } } .prelogin-page .login-container .loginform-container .login-form a.reg-txt { font-size: 0.85rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; display: inline-block; } .fnt-large .prelogin-page .login-container .loginform-container .login-form a.reg-txt { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form a.reg-txt { font-size: 1.1rem; line-height: 1.2rem; } .prelogin-page .login-container .loginform-container .login-form a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .prelogin-page .login-container .loginform-container .login-form a.reg-txt:hover { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } .prelogin-page .login-container .loginform-container .login-form a.link-txt { font-size: 0.85rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.85); display: block; } .fnt-large .prelogin-page .login-container .loginform-container .login-form a.link-txt { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form a.link-txt { font-size: 1.1rem; line-height: 1.2rem; } .prelogin-page .login-container .loginform-container .login-form a.link-txt.mar-custom { margin-top: 20px; } @media (max-height: 600px) { .prelogin-page .login-container .loginform-container .login-form a.link-txt.mar-custom { margin-top: 2px; } } .prelogin-page .login-container .loginform-container .login-form a.link-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form a.link-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .prelogin-page .login-container .loginform-container .login-form a.link-txt:hover { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .prelogin-page .login-container .loginform-container .login-form .register-link { font-size: 0.9rem; font-weight: 600; text-align: center; display: block; } .fnt-large .prelogin-page .login-container .loginform-container .login-form .register-link { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .register-link { font-size: 1.1rem; line-height: 1.2rem; } .prelogin-page .login-container .loginform-container .login-form .register-link a { color: #0033A1; cursor: pointer; } .prelogin-page .login-container .loginform-container .login-form .register-link a:hover { text-decoration: underline; } @media (min-width: 1001px) { .prelogin-page .login-container .loginform-container .login-form .register-link a { display: none; } } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule { position: relative; font-size: 0.8rem; text-align: left; /* ul.rule-list*/ } .fnt-large .prelogin-page .login-container .loginform-container .login-form .setpassword-rule { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .setpassword-rule { font-size: 1rem; line-height: 1.1rem; } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list { list-style: bullet; margin-left: 15px; /*list-style-position: inside;*/ } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li { position: relative; opacity: 0.8; font-size: 0.6rem; line-height: 1.3; opacity: 0.8; margin-bottom: 5px; /*&.rule-matched*/ /*&.rule-matched*/ } .fnt-large .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li { font-size: 0.7rem; line-height: 0.8rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li { font-size: 0.8rem; line-height: 0.9rem; } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li:before { content: " "; border-radius: 100%; background-color: rgba(0, 0, 0, 0.5); width: 6px; height: 6px; position: absolute; top: 5px; left: -15px; } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li.rule-matched { opacity: 1; color: #03914a; } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li.rule-matched:before { background-color: #03914a; } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li.rule-unmatched { opacity: 1; color: #CE0E41; } .prelogin-page .login-container .loginform-container .login-form .setpassword-rule ul.rule-list li.rule-unmatched:before { background-color: #CE0E41; } .prelogin-page .login-container .loginform-container .login-form .reset-pwd { text-align: center; } .prelogin-page .login-container .loginform-container .login-form .reset-pwd img { width: 100px; height: 100px; } .prelogin-page .login-container .loginform-container .login-form .reset-pwd h4 { text-align: center; font-size: 1.25rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form .reset-pwd h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .reset-pwd h4 { font-size: 1.4rem; line-height: 1.5rem; } .prelogin-page .login-container .loginform-container .login-form .resend-otp .otp-time { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); } .fnt-large .prelogin-page .login-container .loginform-container .login-form .resend-otp .otp-time { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form .resend-otp .otp-time { font-size: 0.9rem; line-height: 1rem; } .prelogin-page .login-container .loginform-container .login-form1 { padding: 0px 0px; width: 100%; position: relative; background: #ffffff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 999; height: auto; /*.fgt-txt*/ /*.fgt-txt*/ /*.setpassword-rule*/ /*.reset-pwd*/ } .prelogin-page .login-container .loginform-container .login-form1.bg-img { background-size: inherit; background-position: center 2%; } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form1.bg-img { background: none; } } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form1.bg-img .grid-container { padding: 15px 15px; display: block; background: rgba(255, 255, 255, 0.95); } .prelogin-page .login-container .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-size: 1.2rem; font-weight: 700; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-size: 1.4rem; line-height: 1.5rem; } } @media (max-width: 767px) and (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-weight: 500; } } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } .prelogin-page .login-container .loginform-container .login-form1.radius1 { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1.radius1 { border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } } .prelogin-page .login-container .loginform-container .login-form1 h5 { font-weight: 400; font-size: 0.9rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: left; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 h5 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 h5 { font-size: 1.1rem; line-height: 1.2rem; } .prelogin-page .login-container .loginform-container .login-form1 h5 span a { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 h5 span a { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 h5 span a { font-size: 1.1rem; line-height: 1.2rem; } .prelogin-page .login-container .loginform-container .login-form1 h5 span a:hover { text-decoration: underline; } .prelogin-page .login-container .loginform-container .login-form1 em { font-weight: 400; font-size: 0.7rem; line-height: 1rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: right; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 em { font-size: 0.8rem; line-height: 1.1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 em { font-size: 0.9rem; line-height: 1.2rem; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button { background-color: #ffffff; border: 1px solid #0033A1; text-transform: capitalize; color: #0033A1; font-size: 1rem; padding: 0.7rem 0.7rem; font-weight: 500; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 2px 2px; z-index: 0; /*text-transform: uppercase;*/ border-radius: 6px; background-position: center; transition: background 0.8s; box-shadow: 0px 3px 6px transparent; /* //img */ /* //em */ /* //&.sm */ /*primary*/ /* //&.secondary */ /* //&.success */ /* //&.disabled */ /*&.full-width*/ /*&:not([href]):not([tabindex]){ color: $brand-primary-color; }*/ } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button, .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button, .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button img, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button img { margin-top: -5px; width: 15px; height: 15px; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button em { font-style: normal; font-size: 0.8rem; padding-left: 5px; color: #ffffff; vertical-align: middle; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button em, .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button em { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button em, .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button em { font-size: 1rem; line-height: 1.1rem; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.sm, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.sm { padding: 0.7rem 3rem; /* //em */ } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.sm em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.sm em { font-size: 0.75rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.sm em, .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.sm em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.sm em, .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.sm em { font-size: 0.9rem; line-height: 1rem; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.primary, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.primary { background-color: #0033A1; color: #ffffff; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button:hover, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button:hover { color: #ffffff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background: rgba(0, 51, 161, 0.8) radial-gradient(circle, transparent 1%, rgba(0, 51, 161, 0.8) 1%) center/15000%; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button:active, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button:active { background-color: #ffffff; background-size: 100%; transition: background 0s; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button:focus, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button:focus { outline: none; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.secondary, .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.db-active, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.secondary, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.db-active { color: #0033A1; background: rgba(255, 255, 255, 0.9); background-position: center; transition: background 0.8s; /* //&.sm */ } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.secondary:hover, .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.db-active:hover, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.secondary:hover, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.db-active:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background: rgba(255, 255, 255, 0.5) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.5) 1%) center/15000%; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.secondary:active, .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.db-active:active, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.secondary:active, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.db-active:active { background-color: #0033A1; background-size: 100%; transition: background 0s; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.secondary em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.db-active em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.secondary em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.db-active em { color: #0033A1; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.secondary.sm, .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.db-active.sm, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.secondary.sm, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.db-active.sm { /* //em */ } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.secondary.sm em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.db-active.sm em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.secondary.sm em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.db-active.sm em { color: #0033A1; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.success, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.success { color: #ffffff; border: 1px solid #03914a; background: #03914a; background-position: center; transition: background 0.8s; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.success:hover, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.success:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background: rgba(3, 145, 74, 0.5) radial-gradient(circle, transparent 1%, rgba(3, 145, 74, 0.5) 1%) center/15000%; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.success:active, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.success:active { background-color: #03914a; background-size: 100%; transition: background 0s; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.disable, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.disable { background-color: rgba(0, 0, 0, 0.09); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); cursor: not-allowed; outline: none; text-shadow: none; /*&::before {content: none;}*/ } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.disable:hover, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.disable:hover { box-shadow: none; background: none; background-color: #e8e8e8; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.disable:active, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.disable:active { background-color: none; box-shadow: none; transition: none; background: none; background-color: rgba(0, 0, 0, 0.09); } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.disable em, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.disable em { color: rgba(0, 0, 0, 0.4); } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button img, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button img { margin-top: -5px; width: 15px; height: 15px; } .prelogin-page .login-container .loginform-container .login-form1 .formfooter .ux-button.full-width, .prelogin-page .login-container .loginform-container .login-form1 .formfooter a.ux-button.full-width { width: 300px; text-transform: capitalize; } .prelogin-page .login-container .loginform-container .login-form1 .login-header { text-align: center; margin: 0 auto; overflow: hidden; background: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 1px 5px 5px rgba(0, 0, 0, 0.08); display: block; clear: both; } .prelogin-page .login-container .loginform-container .login-form1 .login-header .brand-logo { display: block; padding: 0px; margin: 0px auto; text-align: center; } .prelogin-page .login-container .loginform-container .login-form1 .login-header .brand-logo img { width: 100%; margin: 8px 0; max-width: 160px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form1 .login-header .brand-logo img { width: 150px; height: auto; } } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .login-header .brand-logo img { width: 100px; height: auto; margin: 5px 0; } } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .login-header { border-top-left-radius: 0px; border-top-right-radius: 0px; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading { padding: 0.45rem 1rem; margin: 0 auto; width: 100%; overflow: hidden; margin-bottom: 10px; background-color: #efefef; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading.mar-b { margin-bottom: 250px; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading.mar-b { margin-bottom: 120px; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1 { background-color: transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1.8rem 1rem 1.5rem 1rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1 { padding: 0.5rem 1rem 0.5rem 1rem; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 1.8rem; font-weight: 500; line-height: 1.6rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 1.9rem; line-height: 1.7rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 2rem; line-height: 1.8rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 1.3rem; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1.mar-b { margin-bottom: 245px; } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading.bg1.mar-b { margin-bottom: 0px; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading em { font-size: 1.2rem; font-weight: 500; line-height: 1.4rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading em { font-size: 1rem; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading button { float: right; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading button.ux-btn-header { background: transparent; border: none; margin: 0; margin-left: 0px; padding: 0px 5px; border-radius: 6px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; vertical-align: top; opacity: 1; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading button.ux-btn-header img { width: 13px; height: 13px; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading button.ux-btn-header img.img-b { width: 25px; height: 25px; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading button.ux-btn-header img.img-b { width: 14px; height: 14px; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading button.ux-btn-header:hover { opacity: 0.8; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 { padding: 0.45rem 1rem; margin: 0 auto; width: 100%; overflow: hidden; margin-bottom: 10px; position: relative; margin-top: -40px; background-color: transparent; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.mar-b { margin-bottom: 245px; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.mar-b { margin-bottom: 120px; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.bg1 { background-color: transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1.8rem 1rem 1.5rem 1rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.bg1 { padding: 0.5rem 1rem 0.5rem 1rem; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.bg1 h4 { font-size: 1.8rem; font-weight: 500; line-height: 1.6rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.bg1 h4 { font-size: 1.3rem; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.bg1.mar-b { margin-bottom: 230px; } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading2.bg1.mar-b { margin-bottom: 0px; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 h3 { font-size: 1.6rem; font-weight: 500; line-height: 1.4rem; text-align: center; color: white; display: inline-block; margin: 2px 0; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 h3 { font-size: 1rem; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 em { font-size: 1.2rem; font-weight: 500; line-height: 1.4rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 em { font-size: 1.3rem; line-height: 1.5rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 em { font-size: 1.4rem; line-height: 1.6rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 em { font-size: 1rem; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 button { float: right; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 button.ux-btn-header { background: transparent; border: none; margin: 0; margin-left: 0px; padding: 0px 5px; border-radius: 6px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; vertical-align: top; opacity: 1; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 button.ux-btn-header img { width: 13px; height: 13px; } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 button.ux-btn-header img.img-b { width: 25px; height: 25px; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 button.ux-btn-header img.img-b { width: 14px; height: 14px; } } .prelogin-page .login-container .loginform-container .login-form1 .main-heading2 button.ux-btn-header:hover { opacity: 0.8; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list { list-style: bullet; margin-left: 15px; margin-bottom: 2px; /*list-style-position: inside;*/ } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li { position: relative; opacity: 0.8; font-size: 0.6rem; line-height: 1.3; opacity: 0.8; text-align: left; margin-bottom: 5px; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li { font-size: 0.7rem; line-height: 0.8rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li { font-size: 0.8rem; line-height: 0.9rem; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li em { font-size: 1rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li em { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li em { font-size: 1.2rem; line-height: 1.3rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li em { font-size: 0.9rem; } } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li h4 { text-align: left; color: rgba(0, 0, 0, 0.75); margin: 2px 0; font-weight: 400; font-size: 1.3rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li h4 { font-size: 1.4rem; line-height: 1.5rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li h4 { font-size: 1.5rem; line-height: 1.6rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li h4 { font-size: 1.15rem; } } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li:before { content: " "; border-radius: 100%; background-color: rgba(0, 0, 0, 0.5); width: 6px; height: 6px; position: absolute; top: 5px; left: -15px; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched { opacity: 1; color: #03914a; font-size: 1rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched em { color: #03914a; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched em span { color: rgba(0, 0, 0, 0.4); font-size: 1rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched em span { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched em span { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-matched:before { background-color: #03914a; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-unmatched { opacity: 1; color: #CE0E41; } .prelogin-page .login-container .loginform-container .login-form1 ul.step-list li.step-unmatched:before { background-color: #CE0E41; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading { text-align: center; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h2 { font-weight: 800; font-size: 0.7rem; line-height: 1; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading h2 { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading h2 { font-size: 0.9rem; line-height: 1rem; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h3 { font-weight: 500; font-size: 1.4rem; line-height: 1; margin: 0px 0px 8px 0; color: rgba(0, 0, 0, 0.85); text-align: left; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading h3 { font-size: 1.5rem; line-height: 0.1 0.5rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading h3 { font-size: 1.5rem; line-height: 1.6rem; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h3 span { font-size: 1.4rem; line-height: 1; color: rgba(0, 51, 161, 0.85); } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading h3 span { font-size: 1.5rem; line-height: 1.5rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading h3 span { font-size: 1.5rem; line-height: 1.6rem; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h4 { font-weight: 500; font-size: 1rem; text-align: left; line-height: 1.4rem; color: rgba(0, 51, 161, 0.65); text-transform: initial; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading h4 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading h4 { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h4.success { color: rgba(3, 145, 74, 0.85); } @media (max-width: 450px) { .prelogin-page .login-container .loginform-container .login-form1 .login-heading h4 { font-size: 1rem; text-align: left; line-height: 1.2rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading h4 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading h4 { font-size: 1.2rem; line-height: 1.3rem; } } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h5 { font-weight: 400; font-size: 0.9rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 51, 161, 0.5); text-align: left; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading h5 { font-size: 1rem; line-height: 1.3rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading h5 { font-size: 1.1rem; line-height: 1.4rem; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h5 span a { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading h5 span a { font-size: 1rem; line-height: 1.3rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading h5 span a { font-size: 1.1rem; line-height: 1.4rem; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading h5 span a:hover { text-decoration: underline; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading em { font-size: 0.8rem; color: rgba(0, 0, 0, 0.4); line-height: 1; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .login-heading em { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .login-heading em { font-size: 1rem; line-height: 1.1rem; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading em.fbold { font-weight: 600 !important; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form1 .login-heading h3 { font-size: 21px; } } .prelogin-page .login-container .loginform-container .login-form1 .login-heading .brand-logo { display: block; padding: 5px 0px; margin: 0 auto; text-align: center; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading .brand-logo img { width: 100%; max-width: 160px; height: auto; display: block; float: left; position: relative; transition: all 0.8s ease; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form1 .login-heading .brand-logo img { width: 150px; } } .prelogin-page .login-container .loginform-container .login-form1 .login-heading .brand-logo1 { display: block; padding: 5px 0px; margin: 0 auto; text-align: center; } .prelogin-page .login-container .loginform-container .login-form1 .login-heading .brand-logo1 img { width: 100%; max-width: 160px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form1 .login-heading .brand-logo1 img { width: 150px; } } .prelogin-page .login-container .loginform-container .login-form1 .success-box { padding: 20px 0px; width: 100%; height: auto; display: block; text-align: center; } .prelogin-page .login-container .loginform-container .login-form1 .success-box h2 { font-size: 2.4rem; color: #03914a; font-weight: 500; text-align: center; margin: 5px 0; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .success-box h2 { font-size: 2.5rem; line-height: 2.6rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .success-box h2 { font-size: 2.6rem; line-height: 2.7rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .success-box h2 { font-size: 1.8rem; } } .prelogin-page .login-container .loginform-container .login-form1 .success-box h4 { font-size: 1.2rem; color: rgba(0, 51, 161, 0.8); text-align: center; margin: 3px 0; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .success-box h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .success-box h4 { font-size: 1.4rem; line-height: 1.5rem; } .prelogin-page .login-container .loginform-container .login-form1 .success-box h4 span { color: #0033A1; margin-left: 5px; font-size: 1.1rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .success-box h4 span { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .success-box h4 span { font-size: 1.3rem; line-height: 1.4rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .success-box h4 { font-size: 0.9rem; } } .prelogin-page .login-container .loginform-container .login-form1 .success-box h3 { font-size: 1.4rem; color: rgba(0, 0, 0, 0.85); text-align: center; margin: 8px 0; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .success-box h3 { font-size: 1.5rem; line-height: 1.6rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .success-box h3 { font-size: 1.6rem; line-height: 1.7rem; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .success-box h3 { font-size: 1.1rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .success-box h3 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .success-box h3 { font-size: 1.3rem; line-height: 1.4rem; } } .prelogin-page .login-container .loginform-container .login-form1 .success-box img { width: 130px; height: 130px; text-align: center; margin: 2px; } .prelogin-page .login-container .loginform-container .login-form1 .success-box svg { width: 130px; height: 130px; text-align: center; margin: 20px; } .prelogin-page .login-container .loginform-container .login-form1 .details-section { padding: 8px 40px; position: relative; background: rgba(0, 0, 0, 0.04); z-index: 999; height: auto; margin: 10px auto; box-sizing: border-box; } @media (max-width: 480px) { .prelogin-page .login-container .loginform-container .login-form1 .details-section { padding: 10px 15px; } } .prelogin-page .login-container .loginform-container .login-form1 .ux-component { padding: 0.7rem 0rem 0.8rem 0; } .prelogin-page .login-container .loginform-container .login-form1 .fgt-txt { font-size: 0.8rem; font-weight: 600; color: rgba(0, 0, 0, 0.6); text-align: center; text-decoration: underline; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .fgt-txt { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .fgt-txt { font-size: 1rem; line-height: 1.1rem; } .prelogin-page .login-container .loginform-container .login-form1 .fgt-txt a { color: #0033A1; cursor: pointer; } .prelogin-page .login-container .loginform-container .login-form1 .fgt-txt a:hover { text-decoration: none; } .prelogin-page .login-container .loginform-container .login-form1 .Bmtric-txt { display: none; font-size: 15px; font-weight: 600; color: rgba(0, 0, 0, 0.6); text-align: center; text-decoration: underline; } .prelogin-page .login-container .loginform-container .login-form1 .Bmtric-txt a { color: #0033A1; cursor: pointer; } .prelogin-page .login-container .loginform-container .login-form1 .Bmtric-txt a:hover { text-decoration: none; } .prelogin-page .login-container .loginform-container .login-form1 .Bmtric-txt img { width: 36px; margin-left: 5px; } @media (max-width: 767px) { .prelogin-page .login-container .loginform-container .login-form1 .Bmtric-txt { display: block; } } .prelogin-page .login-container .loginform-container .login-form1 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 a.reg-txt { font-size: 1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 a.reg-txt { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form1 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .prelogin-page .login-container .loginform-container .login-form1 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .prelogin-page .login-container .loginform-container .login-form1 a.reg-txt:hover { text-decoration: none; } .prelogin-page .login-container .loginform-container .login-form1 .register-link { font-size: 0.9rem; font-weight: 600; text-align: center; display: block; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .register-link { font-size: 1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .register-link { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container .loginform-container .login-form1 .register-link a { color: #0033A1; cursor: pointer; } .prelogin-page .login-container .loginform-container .login-form1 .register-link a:hover { text-decoration: underline; } @media (min-width: 1001px) { .prelogin-page .login-container .loginform-container .login-form1 .register-link a { display: none; } } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule { position: relative; font-size: 0.8rem; text-align: left; /* ul.rule-list*/ } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule { font-size: 1rem; line-height: 1.1rem; } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list { list-style: bullet; margin-left: 15px; /*list-style-position: inside;*/ } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li { position: relative; opacity: 0.8; font-size: 0.6rem; line-height: 1.3; opacity: 0.8; margin-bottom: 5px; /*&.rule-matched*/ /*&.rule-matched*/ } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li { font-size: 0.7rem; line-height: 0.8rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li { font-size: 0.8rem; line-height: 0.9rem; } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li:before { content: ""; border-radius: 100%; background-color: rgba(0, 0, 0, 0.5); width: 6px; height: 6px; position: absolute; top: 5px; left: -15px; } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li.rule-matched { opacity: 1; color: #03914a; } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li.rule-matched:before { background-color: #03914a; } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li.rule-unmatched { opacity: 1; color: #CE0E41; } .prelogin-page .login-container .loginform-container .login-form1 .setpassword-rule ul.rule-list li.rule-unmatched:before { background-color: #CE0E41; } .prelogin-page .login-container .loginform-container .login-form1 .reset-pwd { text-align: center; } .prelogin-page .login-container .loginform-container .login-form1 .reset-pwd img { width: 100px; height: 100px; } .prelogin-page .login-container .loginform-container .login-form1 .reset-pwd h4 { text-align: center; font-size: 1.25rem; } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .reset-pwd h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .reset-pwd h4 { font-size: 1.4rem; line-height: 1.5rem; } .prelogin-page .login-container .loginform-container .login-form1 .resend-otp .otp-time { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); } .fnt-large .prelogin-page .login-container .loginform-container .login-form1 .resend-otp .otp-time { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .prelogin-page .login-container .loginform-container .login-form1 .resend-otp .otp-time { font-size: 0.9rem; line-height: 1rem; } .prelogin-page .login-container .regBtn { width: 40%; border: 1px solid #ffffff; } .prelogin-page .login-container em.time { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); line-height: 1; } .fnt-large .prelogin-page .login-container em.time { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .prelogin-page .login-container em.time { font-size: 0.9rem; line-height: 1rem; } .prelogin-page .login-container1 { width: 100%; max-width: 70%; min-height: auto; position: relative; margin: 0 auto; /*.loginform-container*/ } @media (min-width: 1800px) { .prelogin-page .login-container1 { width: 100%; max-width: 70%; margin: 0 auto; } } @media (min-width: 1101px) and (max-width: 1800px) { .prelogin-page .login-container1 { width: 100%; max-width: 90%; } } @media (max-width: 1100px) { .prelogin-page .login-container1 { width: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 480px) { .prelogin-page .login-container1 { width: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 400px) { .prelogin-page .login-container1 { width: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 480px) { .prelogin-page .login-container1 { overflow: hidden; } } .prelogin-page .login-container1 .loginform-container { text-align: center; flex: 1 1 100%; display: flex; flex-direction: column; height: auto; height: auto; position: relative; background-color: #ffffff; border-bottom-right-radius: 10px; border-top-right-radius: 10px; z-index: 99; /*.login-form1*/ } .prelogin-page .login-container1 .loginform-container.radius { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } @media (min-width: 1400px) and (max-width: 1920px) { .prelogin-page .login-container1 .loginform-container { flex: 1 1 45%; } } @media (min-width: 768px) and (max-width: 1000px) { .prelogin-page .login-container1 .loginform-container { width: 90%; flex: none; margin: 0 auto; } } @media (max-width: 991px) { .prelogin-page .login-container1 .loginform-container { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } } .prelogin-page .login-container1 .loginform-container .login-form1 { padding: 0px 0px; width: 100%; position: relative; background: #ffffff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 999; height: auto; } .prelogin-page .login-container1 .loginform-container .login-form1.bg-img { background-size: inherit; background-position: center 10%; } @media (max-width: 767px) { .prelogin-page .login-container1 .loginform-container .login-form1.bg-img .grid-container { padding: 10px 15px; background: rgba(255, 255, 255, 0.95); } .prelogin-page .login-container1 .loginform-container .login-form1.bg-img .grid-container .grid-header { padding: 0px 20px 10px; } .prelogin-page .login-container1 .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-size: 1.2rem; font-weight: 500; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-size: 1.4rem; line-height: 1.5rem; } } @media (max-width: 767px) and (max-width: 767px) { .prelogin-page .login-container1 .loginform-container .login-form1.bg-img .grid-container .grid-header h3 { font-weight: 500; } } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } .prelogin-page .login-container1 .loginform-container .login-form1.radius1 { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1.radius1 { border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } } .prelogin-page .login-container1 .loginform-container .login-form1 h5 { font-weight: 400; font-size: 0.9rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: left; } .prelogin-page .login-container1 .loginform-container .login-form1 h5 span a { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 h5 span a { font-size: 1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 h5 span a { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container1 .loginform-container .login-form1 h5 span a:hover { text-decoration: underline; } .prelogin-page .login-container1 .loginform-container .login-form1 em { font-weight: 400; font-size: 0.7rem; line-height: 1rem; margin: 2px 0; color: rgba(0, 0, 0, 0.5); text-align: right; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 em { font-size: 0.8rem; line-height: 1.1rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 em { font-size: 1.1rem; line-height: 1.2rem; } .prelogin-page .login-container1 .loginform-container .login-form1 .login-header { text-align: center; margin: 0 auto; overflow: hidden; background: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 1px 5px 5px rgba(0, 0, 0, 0.08); display: block; clear: both; } .prelogin-page .login-container1 .loginform-container .login-form1 .login-header .brand-logo { display: block; padding: 0px; margin: 0px auto; text-align: center; } .prelogin-page .login-container1 .loginform-container .login-form1 .login-header .brand-logo img { width: 100%; margin: 8px 0; max-width: 160px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 992px) { .prelogin-page .login-container1 .loginform-container .login-form1 .login-header .brand-logo img { width: 150px; height: auto; } } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 .login-header .brand-logo img { width: 100px; height: auto; margin: 5px 0; } } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 .login-header { border-top-left-radius: 0px; border-top-right-radius: 0px; } } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading { padding: 0.45rem 1rem; margin: 0 auto; width: 100%; overflow: hidden; margin-bottom: 10px; background-color: #efefef; } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.mar-b { margin-bottom: 230px; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.mar-b { margin-bottom: 120px; } } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1 { background-color: transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1.8rem 1rem 1.5rem 1rem; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1 { padding: 0.5rem 1rem 0.5rem 1rem; } } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 1.8rem; font-weight: 500; line-height: 1.6rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 1.9rem; line-height: 1.7rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 2rem; line-height: 1.8rem; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1 h4 { font-size: 1.3rem; } } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1.mar-b { margin-bottom: 230px; } @media (max-width: 767px) { .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading.bg1.mar-b { margin-bottom: 0px; } } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading em { font-size: 1.2rem; font-weight: 500; line-height: 1.4rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading em { font-size: 1.3rem; line-height: 1.5rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading em { font-size: 1.4rem; line-height: 1.6rem; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading em { font-size: 1rem; } } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading button { float: right; } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading button.ux-btn-header { background: transparent; border: none; margin: 0; margin-left: 0px; padding: 0px 5px; border-radius: 6px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; vertical-align: top; opacity: 1; } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading button.ux-btn-header img { width: 13px; height: 13px; } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading button.ux-btn-header img.img-b { width: 25px; height: 25px; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading button.ux-btn-header img.img-b { width: 14px; height: 14px; } } .prelogin-page .login-container1 .loginform-container .login-form1 .main-heading button.ux-btn-header:hover { opacity: 0.8; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list { list-style: bullet; margin-left: 15px; margin-bottom: 2px; /*list-style-position: inside;*/ } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li { position: relative; opacity: 0.8; font-size: 0.6rem; line-height: 1.3; opacity: 0.8; text-align: left; margin-bottom: 5px; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li { font-size: 0.7rem; line-height: 0.8rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li { font-size: 0.8rem; line-height: 0.9rem; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li em { font-size: 1rem; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li em { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li em { font-size: 1.2rem; line-height: 1.3rem; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li em { font-size: 0.9rem; } } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li h4 { text-align: left; color: rgba(0, 0, 0, 0.75); margin: 2px 0; font-weight: 400; font-size: 1.3rem; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li h4 { font-size: 1.4rem; line-height: 1.5rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li h4 { font-size: 1.5rem; line-height: 1.6rem; } @media (max-width: 480px) { .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li h4 { font-size: 1.15rem; } } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li:before { content: ""; border-radius: 100%; background-color: rgba(0, 0, 0, 0.5); width: 6px; height: 6px; position: absolute; top: 5px; left: -15px; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched { opacity: 1; color: #03914a; font-size: 1rem; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched em { color: #03914a; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched em span { color: rgba(0, 0, 0, 0.4); font-size: 1rem; } .fnt-large .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched em span { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched em span { font-size: 1.2rem; line-height: 1.3rem; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-matched:before { background-color: #03914a; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-unmatched { opacity: 1; color: #CE0E41; } .prelogin-page .login-container1 .loginform-container .login-form1 ul.step-list li.step-unmatched:before { background-color: #CE0E41; } .prelogin-page .footer-box { background: rgba(0, 0, 0, 0.05); width: 100%; /* height: 100%; */ display: flex; padding: 5px 10px; /* overflow: hidden; */ font-size: 0.6rem; position: absolute; bottom: 0; left: 0; right: 0; } .fnt-large .prelogin-page .footer-box { font-size: 0.7rem; line-height: 0.8rem; } .fnt-xlarge .prelogin-page .footer-box { font-size: 0.8rem; line-height: 0.9rem; } .prelogin-page .footer-box .footer-links { flex: 1 1 55%; } .prelogin-page .footer-box .footer-links li a { display: block; float: left; box-sizing: border-box; padding: 0 10px; /*text-decoration:underline;*/ border-right: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); } .prelogin-page .footer-box .footer-links li a:hover { color: #0033a1; /*text-decoration:underline;*/ } .prelogin-page .footer-box .footer-links li:last-child a { border-right: none; } .prelogin-page .footer-box .copyright-text { color: rgba(0, 0, 0, 0.6); cursor: default; } .prelogin-page .keyboardoverlay { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; opacity: 0; z-index: -1; } .prelogin-page .keyboardoverlay.active { z-index: 999; opacity: 1; } .prelogin-page .keyboardoverlay .keyBoardDiv, .prelogin-page .keyboardoverlay .keyBoardDiv1 { position: static; } .prelogin-page .keyboardoverlay .keyBoardDiv .ui-keyboard, .prelogin-page .keyboardoverlay .keyBoardDiv1 .ui-keyboard { background-color: white; padding: 13px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .prelogin-page .keyboardoverlay .keyBoardDiv .ui-keyboard .ui-keyboard-button, .prelogin-page .keyboardoverlay .keyBoardDiv1 .ui-keyboard .ui-keyboard-button { border: 1px solid #c2c2c3; border-radius: 5px; } .prelogin-page .keyboardoverlay .keyBoardDiv .ui-keyboard .ui-keyboard-button:active, .prelogin-page .keyboardoverlay .keyBoardDiv1 .ui-keyboard .ui-keyboard-button:active { background-color: #0033A1; color: #ffffff; } /* .prelogin-page*/ .prelogin-header img { margin: 7px auto; max-width: 115px; width: 100%; } .bfooter { left: 0; right: 0; bottom: 0px; padding: 10px 15px; z-index: 999; width: 100%; margin: 0 auto; background-color: white; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } @media (min-width: 991px) and (max-width: 1400px) { .bfooter { padding: 5px 15px; } } .bfooter nav.ios-global-nav { position: relative; display: block; /* //.lst-ios-nav */ } .bfooter nav.ios-global-nav .lst-ios-nav { display: flex; margin: 0; padding: 0; list-style: none; /* //li */ } .bfooter nav.ios-global-nav .lst-ios-nav li { flex: 1 1 25%; text-align: center; /* //a */ } .bfooter nav.ios-global-nav .lst-ios-nav li a { padding: 6px 10px; display: block; color: rgba(0, 0, 0, 0.8); text-decoration: none; text-transform: capitalize; font-size: 0.8rem; font-weight: 400; color: rgba(0, 0, 0, 0.6); line-height: 1rem; } @media (min-width: 991px) and (max-width: 1400px) { .bfooter nav.ios-global-nav .lst-ios-nav li a { padding: 2px 10px; } } .fnt-large .bfooter nav.ios-global-nav .lst-ios-nav li a { font-size: 1rem; line-height: 1.2rem; } .fnt-xlarge .bfooter nav.ios-global-nav .lst-ios-nav li a { font-size: 1.2rem; line-height: 1.3rem; } .bfooter nav.ios-global-nav .lst-ios-nav li a.moreOptions span.inav-icon { border-radius: 100px; border: 1px solid #0033A1; padding: 5px; } .bfooter nav.ios-global-nav .lst-ios-nav li a.moreOptions span.inav-icon img { max-width: 100%; max-height: 100%; } .bfooter nav.ios-global-nav .lst-ios-nav li a span.inav-icon { display: block; width: 28px; height: 28px; /*background-color: $failure-red;*/ margin: 0 auto 2px; } .bfooter nav.ios-global-nav .lst-ios-nav li a span.inav-icon img { width: 30px; height: 30px; } .bfooter nav.ios-global-nav .lst-ios-nav li a span.inav-icon svg { width: 24px; height: 24px; } .bfooter nav.ios-global-nav .lst-ios-nav li a:hover { color: rgba(0, 51, 161, 0.9); } .bfooter nav.ios-global-nav .lst-ios-nav li a:focus { color: rgba(0, 51, 161, 0.9); } @media (max-width: 440px) { .bfooter nav.ios-global-nav .lst-ios-nav li a { padding: 6px 6px; font-size: 0.7rem; } } @media (max-width: 991px) { .bfooter { position: relative; } } @media (max-width: 767px) { .bfooter { position: fixed; bottom: 0px; left: 0; width: 100%; padding: 0px 0px; } } @media (max-width: 1600px) { .prelogin-page .full1 { margin: 0 auto; height: auto !important; } } @media (max-width: 1400px) { .prelogin-page .full-container { padding-top: 15px; padding-bottom: 57px; } } @media (max-width: 1100px) { .prelogin-page.full-container.login-container { margin: 12% auto; height: auto !important; } .prelogin-page.full-container.login-container1 { margin: 0 auto; height: auto !important; } .prelogin-page .full1 { margin: 0 auto; height: auto !important; } } @media (max-width: 991px) { .prelogin-page.full-container.login-container { margin: 12% auto; height: auto !important; } .prelogin-page.full-container.login-container1 { margin: 5% auto; height: auto !important; } .prelogin-page .full1 { margin: 0 auto; height: auto !important; } } @media (min-width: 768px) and (max-width: 991px) { .prelogin-page .full1 { margin: 5% auto; height: auto !important; } .prelogin-page.full-container.login-container1 { margin: 5% auto; height: auto !important; } } @media (max-width: 767px) { .prelogin-page .full { background-color: white; height: 100vh; padding-bottom: 75px; padding-top: 59px; } .prelogin-page .full.pad-b { padding-bottom: 0px; } .prelogin-page.full-container.login-container { margin: 12% auto; height: auto !important; } .prelogin-page .full { height: auto !important; } } @media (max-width: 600px) { .prelogin-page.full-container.login-container { height: auto !important; } } @media (max-width: 515px) { .prelogin-page.full-container.login-container { height: auto !important; } } @media (max-width: 400px) { .login-container { height: auto !important; } } @media (max-width: 350px) { .login-container .ux-input { padding-bottom: 0px; } .login-container .ux-input .errormsg { bottom: -15px; } .login-container .vspacer20 { height: 10px; } } .login-bg { width: 100%; min-height: 100%; position: relative; padding: 20px 5px 70px 5px; margin: 0px 0; background-color: transparent; clear: both; z-index: 99; /*.fgt-txt*/ /*.link-txt*/ /* end of span */ } @media (max-height: 600px) { .login-bg { padding: 10px 5px 80px 5px; } } .login-bg .login-header { text-align: center; margin: 0 auto; overflow: hidden; background: transparent; display: block; clear: both; } .login-bg .login-header .brand-logo { display: block; padding: 0px; margin: 0px auto; text-align: center; margin-bottom: 15px; } .login-bg .login-header .brand-logo img { width: 100%; margin: 8px auto; max-width: 120px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 991px) { .login-bg .login-header .brand-logo img { width: 120px; height: auto; } } .login-bg .login-header .brand-logo3 { display: block; padding: 0px; margin: 0px auto; text-align: center; margin-bottom: 15px; } .login-bg .login-header .brand-logo3 img { width: 100%; margin: 8px auto; max-width: 150px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 991px) { .login-bg .login-header .brand-logo3 img { width: 120px; height: auto; } } .login-bg .login-header .brand-logo-corp { display: block; padding: 0px; margin: 0px auto; text-align: center; margin-top: 20px; } .login-bg .login-header .brand-logo-corp img { width: 100%; margin: 8px auto; max-width: 180px; height: auto; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 991px) { .login-bg .login-header .brand-logo-corp img { width: 180px; height: auto; } } .login-bg .login-header .brand-logo2 { display: block; padding: 0px; margin: 0px auto; text-align: center; margin-bottom: 20px; } .login-bg .login-header .brand-logo2 img { width: 100%; margin: 8px auto; height: 15px; float: none; text-align: center; position: relative; transition: all 0.8s ease; } @media (max-width: 991px) { .login-bg .login-header .brand-logo2 img { width: 100%; height: 15px; } } @media (max-height: 600px) { .login-bg .login-header .brand-logo2 { margin-bottom: 0px; } } @media (max-width: 480px) { .login-bg .login-header { border-top-left-radius: 0px; border-top-right-radius: 0px; } } .login-bg h3 { text-align: left; color: rgba(0, 0, 0, 0.8); margin: 3px 0; font-weight: 400; font-size: 1.6rem; } .fnt-large .login-bg h3 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .login-bg h3 { font-size: 1.8rem; line-height: 1.9rem; } .login-bg h4 { text-align: left; color: rgba(0, 0, 0, 0.75); margin: 2px 0; font-weight: 400; font-size: 1.3rem; } .fnt-large .login-bg h4 { font-size: 1.4rem; line-height: 1.5rem; } .fnt-xlarge .login-bg h4 { font-size: 1.5rem; line-height: 1.6rem; } .login-bg h5 { text-align: left; color: rgba(0, 0, 0, 0.75); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .fnt-large .login-bg h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .login-bg h5 { font-size: 1.3rem; line-height: 1.4rem; } .login-bg h6 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 0.95rem; } .fnt-large .login-bg h6 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .login-bg h6 { font-size: 1.2rem; line-height: 1.3rem; } .login-bg a.reg-txt { font-size: 0.8rem; font-weight: 400; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .fnt-large .login-bg a.reg-txt { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .login-bg a.reg-txt { font-size: 1rem; line-height: 1.1rem; } .login-bg a.reg-txt.col-w { color: rgba(255, 255, 255, 0.8); margin-top: 12px; display: block; } .login-bg a.reg-txt:hover { text-decoration: none; color: #0033A1; } .login-bg em.link-txt { font-size: 0.8rem; font-weight: 500; text-align: right; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .fnt-large .login-bg em.link-txt { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .login-bg em.link-txt { font-size: 1rem; line-height: 1.1rem; } .login-bg em.link-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .login-bg em.link-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .login-bg em.link-txt:hover { color: #0033A1; text-decoration: none; } .login-bg h5 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .fnt-large .login-bg h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .login-bg h5 { font-size: 1.3rem; line-height: 1.4rem; } .login-bg span.round-circle1 { background: #bebebe; height: 50px; width: 50px; display: block; overflow: hidden; border-radius: 50px; margin: 0 auto; padding: 7px 2px; border: none; text-align: center; } .login-bg span.round-circle1 img { width: 32px; height: 32px; margin: 2px 0; text-align: center; } .login-bg span.round-circle1 img:hover { opacity: 0.8; } .login-bg .sim-list { margin: 0px auto; padding: 0px; width: 100%; max-width: 180px; height: auto; overflow: hidden; display: flex; } .login-bg .sim-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .login-bg .sim-list li { text-decoration: none; list-style: none; margin: 5px auto; width: 50%; display: block; float: left; text-align: center; } .login-bg .sim-list li a { text-decoration: none; width: 100%; border-radius: 6px; height: auto; background: transparent; overflow: hidden; } .login-bg .sim-list li a img { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: #0033a1; } .login-bg .sim-list li a svg { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: #0033a1; } .login-bg .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .fnt-large .login-bg .sim-list li a em { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .login-bg .sim-list li a em { font-size: 1.1rem; line-height: 1.2rem; } .login-bg .sim-list li a:hover img { width: 30px; height: 30px; margin: 2px 0; text-align: center; } .login-bg .sim-list li a:hover svg { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: rgba(0, 51, 161, 0.8); } .login-bg .sim-list li a:hover em { color: #0033a1; } .login-bg .sim-list li a.active img { width: 30px; height: 30px; margin: 2px 0; text-align: center; } .login-bg .sim-list li a.active svg { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: rgba(0, 51, 161, 0.8); } .login-bg .sim-list li a.active em { color: #0033a1; } .login-bg .sim-list li:nth-child(1) { border-left: 0px solid rgba(0, 0, 0, 0.09); } .login-bg .sim-list li:nth-child(2) { border-left: 1px solid rgba(0, 0, 0, 0.09); } .white-radius-container { width: 100%; height: auto; border-radius: 50px; background-color: rgba(255, 255, 255, 0.8); padding: 0.6rem 0.8rem; border: none; text-align: center; display: block; margin-top: 8px; } .white-radius-container a { font-size: 0.9rem; font-weight: 500; text-align: center; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; /*disabled*/ /*disabled*/ } .fnt-large .white-radius-container a { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .white-radius-container a { font-size: 1.1rem; line-height: 1.2rem; } .white-radius-container a.link-txt { font-size: 0.9rem; font-weight: 500; text-align: center; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; /*disabled*/ } .fnt-large .white-radius-container a.link-txt { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .white-radius-container a.link-txt { font-size: 1.1rem; line-height: 1.2rem; } .white-radius-container a.link-txt:disabled { cursor: not-allowed; text-decoration: none; color: rgba(0, 0, 0, 0.3); } .white-radius-container a:disabled { cursor: not-allowed; text-decoration: none; color: rgba(0, 0, 0, 0.3); } .white-radius-container a.disabled { cursor: not-allowed; text-decoration: none; color: rgba(0, 0, 0, 0.3); } .white-radius-container a:hover { color: #0033A1; text-decoration: underline; /*disabled*/ } .white-radius-container a:hover.disabled { cursor: not-allowed; text-decoration: none; color: rgba(0, 0, 0, 0.3); } .custom-list { width: 100%; height: auto; position: relative; padding: 0px 0; margin: 15px 0px; overflow: hidden; display: block; } .custom-list .list-lft { padding: 2px 0; text-align: left; margin: 0; width: 25%; height: auto; word-wrap: break-word; float: left; vertical-align: top; /* end of span */ } @media (min-width: 767px) { .custom-list .list-lft { width: 15%; height: auto; } } .custom-list .list-lft span.round-circle1 { background: rgba(51, 71, 80, 0.1); height: 64px; width: 64px; display: block; overflow: hidden; border-radius: 50px; margin: 0 auto; padding: 12px 10px; border: none; float: left; } .custom-list .list-lft span.round-circle1 img { width: 42px; height: 42px; margin: 0 auto; text-align: center; } .custom-list .list-lft span.round-circle1 img:hover { opacity: 0.8; } .custom-list .list-rit { float: left; text-align: left; padding: 6px 0; margin: 0; width: 75%; height: auto; vertical-align: top; word-wrap: break-word; } @media (min-width: 767px) { .custom-list .list-rit { width: 85%; height: auto; } } .custom-list .list-rit h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .fnt-large .custom-list .list-rit h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .custom-list .list-rit h5 { font-size: 1.3rem; line-height: 1.4rem; } .custom-list .list-rit h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 20px 5px; line-height: 1rem; color: rgba(0, 0, 0, 0.5); letter-spacing: 0.5px; text-transform: initial; } .fnt-large .custom-list .list-rit h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .custom-list .list-rit h6 { font-size: 1.1rem; line-height: 1.2rem; } .numberConfirmation .modal-content { padding: 30px; } @media (max-width: 767px) { .numberConfirmation .modal-content { padding: 15px; } } @media (max-width: 767px) { .numberConfirmation .modal-content .modal-body { padding: 10px 0px; } } .numberConfirmation .imgblock img { margin: 10px auto 30px; display: block; width: 76px; max-width: 100%; } @media (max-width: 767px) { .numberConfirmation .imgblock img { display: none; } } .numberConfirmation h3 { color: #000000; font-size: 22px; line-height: 24px; text-align: center; margin: 0 0 30px; } .fnt-large .numberConfirmation h3 { font-size: 23px; line-height: 25px; } .fnt-xlarge .numberConfirmation h3 { font-size: 24px; line-height: 26px; } .numberConfirmation h5 { color: #000000; font-size: 14px; line-height: 16px; text-align: center; margin: 0 0 10px; font-weight: 700 !important; } .fnt-large .numberConfirmation h5 { font-size: 15px; line-height: 16px; } .fnt-xlarge .numberConfirmation h5 { font-size: 16px; line-height: 17px; } .numberConfirmation span { font-size: 14px; line-height: 16px; color: #707273; text-align: center; display: block; margin-bottom: 5px; } .fnt-large .numberConfirmation span { font-size: 15px; line-height: 16px; } .fnt-xlarge .numberConfirmation span { font-size: 16px; line-height: 17px; } .numberConfirmation b { color: #0033A1; font-size: 12px; font-weight: normal; } .fnt-large .numberConfirmation b { font-size: 13px; } .fnt-xlarge .numberConfirmation b { font-size: 14px; } .numberConfirmation a { color: #707273; font-size: 12px; text-transform: uppercase; } .numberConfirmation .button-footer { text-align: center; } .numberConfirmation .button-footer button { margin: 0 10px; } .ux-swicthbox { margin: 0 auto; display: block; margin-left: 30px; } .ux-swicthbox label { width: 50px; height: 30px; position: relative; display: block; margin: 0 auto; } .ux-swicthbox label .bar { width: 100%; height: 4px; border-radius: 100px; left: 0; background-color: #cae4d6; } .ux-swicthbox label .bar:after { height: 15px; width: 15px; background-color: #0033A1; content: ""; left: 0px; transition: all 0.5s ease; border-radius: 100px; z-index: 9; position: absolute; top: 50%; transform: translateY(-50%); } .ux-swicthbox label input:checked ~ span.bar:after { left: 35px; } .ux-swicthbox label input { opacity: 0; } .ux-swicthbox label span { position: absolute; top: 50%; transform: translateY(-50%); font-size: 13px; text-transform: uppercase; } .fnt-large .ux-swicthbox label span { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-swicthbox label span { font-size: 16px; line-height: 17px; } .ux-swicthbox input ~ span.mpin { color: rgba(0, 0, 0, 0.65); left: 100%; line-height: 13px; padding-left: 5px; } .ux-swicthbox input ~ span.username { color: #0033a1; right: 100%; line-height: 13px; padding-right: 5px; } .ux-swicthbox input:checked ~ span.mpin { color: #0033a1; } .ux-swicthbox input:checked ~ span.username { color: rgba(0, 0, 0, 0.65); } .locate-us .tabHeading { display: none; padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .locate-us .tabHeading h4 { color: #7a7c7d; float: left; font-size: 14px; font-weight: normal; } .locate-us .tabHeading span { float: right; color: #0033A1; text-transform: uppercase; font-size: 14px; font-weight: normal; } @media (max-width: 767px) { .locate-us .tabHeading { display: block; } } .locate-us .filter-header { border-radius: 15px 15px 0 0; display: none; padding: 10px 20px; background-color: #ffffff; } .locate-us .filter-header h4 { color: #000000; float: left; } .locate-us .filter-header span { width: 15px; float: right; } .locate-us .filter-header span img { max-width: 100%; } @media (max-width: 767px) { .locate-us .filter-header { display: block; } } .locate-us .filter-btn { position: absolute; right: 10px; top: 4px; color: #0033A1; display: none; } .locate-us .acc-slide-content .filter-header { border-bottom: 1px solid #dedede; padding: 10px 15px; text-align: center; position: relative; } .locate-us .acc-slide-content .filter-header .filterClosebtn { position: absolute; right: 15px; top: 10px; } @media (max-width: 767px) { .locate-us { padding: 0 !important; } .locate-us.registrationsteps-block { background-color: transparent !important; background-image: none !important; min-height: auto; } .locate-us .ux-nav-tabs .responsive5 .nav-tabs { padding: 0; } .locate-us .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link { display: inline-block; padding: 0.8rem 0.9rem; } .locate-us .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link.active::after { background-color: #FFF200; border-radius: 100px; } .locate-us .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link { color: #ffffff; opacity: 0.5; } .locate-us .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link.active { opacity: 1; color: #ffffff; } .locate-us .findby-detail ul li { border: 1px solid #0033A1 !important; } .locate-us .search-container .ux-selection { display: inline-block; margin-right: 10px; } .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-body.bg-lg { background-color: #ffffff; } .locate-us .acc-slide-content { position: fixed; bottom: -100%; left: 0; width: 100%; z-index: 99999; transition: 0.3s; border-radius: 20px 20px 0 0; overflow: hidden; } .locate-us .acc-slide-content.active { bottom: 0px; } .locate-us .acc-slide-content .filter-header { display: block; } .locate-us .filter-btn { display: block; } } .locate-us .ux-acc-container .acc-slide { /*box-shadow:none;*/ } @media (max-width: 767px) { .locate-us .ux-acc-container .acc-slide { margin-bottom: 0; } } .locate-us .ux-acc-container .acc-slide { /*box-shadow:none;*/ border: 0px solid rgba(0, 0, 0, 0.056); } @media (max-width: 767px) { .locate-us .ux-acc-container .acc-slide a { display: none; } } .locate-us .ux-acc-container .acc-slide .arrow-toggle { /*box-shadow: 0 1px 12px rgba($black,0.2);*/ } .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-body { padding: 0; } .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-footer { border-top: 1px solid rgba(102, 7, 119, 0.08); padding: 10px; background-color: #ffffff; } .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-footer button + button { margin-left: 15px; } .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-body .search-container h6 { font-weight: 400; font-size: 18px; line-height: 1.2rem; margin: 8px 20px 8px 0; color: #000000; text-align: left; float: left; } .fnt-large .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-body .search-container h6 { font-size: 19px; line-height: 1.3rem; } .fnt-xlarge .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-body .search-container h6 { font-size: 20px; line-height: 1.4rem; } @media (max-width: 767px) { .locate-us .ux-acc-container .acc-slide .acc-slide-content .slide-body .search-container h6 { float: none; } } .locate-us .findby-detail { padding: 10px 20px; } .locate-us .findby-detail ul { margin-bottom: 0; white-space: nowrap; overflow-x: auto; /*li*/ } .locate-us .findby-detail ul li { position: relative; display: inline-block; vertical-align: middle; background-color: #ffffff; border-radius: 100px; border: 1px solid #ffffff; padding: 6px 20px 6px 22px; margin-bottom: 10px; margin-right: 20px; } @media (max-width: 767px) { .locate-us .findby-detail ul li { margin-right: 10px; } } .locate-us .findby-detail ul li img { width: 18px; height: 18px; display: inherit; vertical-align: middle; display: none; } .locate-us .findby-detail ul li input { width: 100%; position: absolute; left: 0; height: 100%; opacity: 0; z-index: 10; } .locate-us .findby-detail ul li input:checked ~ em { color: #0033A1; } .locate-us .findby-detail ul li input:checked ~ em:before { display: block; } .locate-us .findby-detail ul li input:checked ~ em:after { opacity: 1; } .locate-us .findby-detail ul li em { font-size: 12px; display: inherit; vertical-align: middle; margin-left: 5px; color: #BDC2C7; position: relative; opacity: 0.8; z-index: 4; } .fnt-large .locate-us .findby-detail ul li em { font-size: 13px; } .fnt-xlarge .locate-us .findby-detail ul li em { font-size: 14px; } .locate-us .findby-detail ul li em:after { content: ""; top: 50%; left: -20px; transform: translateY(-50%); position: absolute; border-radius: 100%; height: 15px; width: 15px; background-color: #0033A1; opacity: 0.5; } .locate-us .findby-detail ul li em:before { transform: translateY(-50%); content: ""; top: 50%; left: -16px; position: absolute; border-radius: 100%; height: 6px; width: 6px; background-color: #ffffff; z-index: 9; display: none; } .locate-us .findby-detail ul li.bank img { /*fill:$action-danger-color;*/ } .locate-us .findby-detail ul li.atm img { /*fill:$action-success-color;*/ } .locate-us .branch-searchresult { border: 1px solid rgba(0, 0, 0, 0.15); } .locate-us .branch-searchresult.active { background: #b0d7c3; } @media (max-width: 767px) { .locate-us .branch-searchresult { border: none; } } .locate-us .branch-searchresult .branch-lst { flex: 40%; } .locate-us .branch-searchresult .branch-lst ul { margin-bottom: 0; } .locate-us .branch-searchresult .branch-lst ul li { display: flex; align-items: center; justify-content: center; padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .locate-us .branch-searchresult .branch-lst ul li.result-info { border-bottom: 1px solid rgba(0, 51, 161, 0.9); display: flex; align-items: left; justify-content: left; } @media (max-width: 767px) { .locate-us .branch-searchresult .branch-lst ul li.result-info { display: none; } } .locate-us .branch-searchresult .branch-lst ul li.result-info h6 { text-align: left; display: inline-block; font-size: 0.9rem; line-height: 1rem; color: rgba(0, 0, 0, 0.65); } .locate-us .branch-searchresult .branch-lst ul li.result-info h6 span { font-size: 0.9rem; line-height: 1rem; color: #0033a1; } .locate-us .branch-searchresult .branch-lst ul li:last-child { /*border-bottom:none;*/ } .locate-us .branch-searchresult .branch-lst ul li span.branch-type { position: relative; border-radius: 100%; flex: inherit; margin-right: 10px; width: 50px; height: 50px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-type img { width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail { flex: 1; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail b { display: block; font-size: 16px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail em { display: block; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail p { margin-bottom: 5px; font-size: 14px; color: #000000; position: relative; padding-left: 25px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail p img { width: 15px; position: absolute; left: 0; top: 5px; height: 15px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail a { font-size: 14px; color: #000000; text-decoration: none; position: relative; padding-left: 25px; display: inline-block; margin-bottom: 5px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail a img { width: 15px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail a.services { padding-right: 25px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail a.services:after { background: url('arrow-down-rb.png') no-repeat center; transform: rotate(0deg); transition: all 0.5s ease; opacity: 1; content: ""; width: 14px; height: 14px; background-size: 14px; position: absolute; top: 29%; top: 50%; right: 0px; display: block; margin-top: -7px; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail a.services.active:after { transform: rotate(180deg); } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail .service-list { margin: 0 -15px; background-color: #ececec; padding: 15px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; display: none; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail .service-list ul { margin: 0 0 0 15px; padding: 0; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail .service-list ul li { display: block; color: #000000; opacity: 0.5; position: relative; padding: 5px 0; border: none; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail .service-list ul li:after { height: 8px; position: absolute; width: 8px; border-radius: 100px; content: ""; top: 11px; right: 100%; margin-right: 10px; background-color: #9a9a9a; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail .service-list ul li.active { opacity: 1; } .locate-us .branch-searchresult .branch-lst ul li span.branch-detail .service-list ul li.active:after { background-color: #0033A1; } .locate-us .branch-searchresult .branch-lst ul li.bank span.branch-type { background: rgba(206, 14, 65, 0.3); } .locate-us .branch-searchresult .branch-lst ul li.atm span.branch-type { background: #e5f1f7; } .locate-us .branch-searchresult .branch-map { flex: 60%; padding: 0px; border-left: 1px solid rgba(0, 0, 0, 0.15); } .locate-us .branch-searchresult .branch-map img { width: 100%; height: auto; } .locate-us .branch-searchresult .ux-nav-tabs { width: 100%; } .locate-us .branch-searchresult .ux-nav-tabs .responsive5 .nav-tabs { background-color: #0033A1; margin-top: 0; border-bottom: 1px solid #dee2e6 !important; } @media (min-width: 768px) { .locate-us .branch-searchresult .ux-nav-tabs .responsive5 .nav-tabs { display: none; border-bottom: none; } } .locate-us .branch-searchresult .ux-nav-tabs .tab-content { background-color: transparent; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: none; overflow: hidden; margin: 0; } .locate-us .branch-searchresult .ux-nav-tabs .tab-content h5.near-me { font-size: 16px; color: #0033A1; text-align: center; padding: 5px 0; } @media (max-width: 767px) { .locate-us .branch-searchresult .ux-nav-tabs .tab-content { padding: 0px; background-color: #ffffff; } } @media (min-width: 768px) { .locate-us .branch-searchresult .ux-nav-tabs .tab-content { background-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; margin: 0; display: flex; } } @media (min-width: 768px) { .locate-us .branch-searchresult .ux-nav-tabs .tab-content .fade:not(.show) { opacity: 1; } } .locate-us .branch-searchresult .tab-content > .tab-active, .locate-us .branch-searchresult .tab-content > .tab-pane { display: inline-block; } @media (max-width: 767px) { .locate-us .branch-searchresult .tab-content > .tab-pane { display: none; } } @media (max-width: 767px) { .locate-us .branch-searchresult .tab-content > .tab-pane.active { display: block; } } .locate-us .branch-searchresult .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link.active::after { width: 100%; left: 0; margin-left: 0; } .more-service { /*.service-list*/ } @media (max-width: 767px) { .more-service { padding: 0 !important; } } .more-service .moreservice-container { max-width: 600px; display: block; margin: 0 auto; } @media (max-width: 767px) { .more-service .moreservice-container { max-width: 100%; height: calc(100vh - 166px); margin: 2px 0; overflow: auto; } } @media (max-width: 340px) { .more-service .moreservice-container { max-width: 100%; height: calc(100vh - 142px); margin: 2px 0; overflow: auto; } } .more-service img { margin: 0 auto; display: block; width: 100%; } @media (max-width: 767px) { .more-service img { display: none; } } .more-service .service-list { border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 10px 0px; padding-bottom: 0; margin-top: 10px; /*box-shadow: rgba($black,0.1) 0px 0px 4px;*/ } @media (max-width: 767px) { .more-service .service-list { border: none; padding: 0px 0px; margin-top: 0px; } } .more-service .service-list ul { margin-bottom: 0; } .more-service .service-list ul li { padding: 15px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: left; font-size: 1rem; display: block; word-wrap: break-word; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); } @media (max-width: 767px) { .more-service .service-list ul li { padding: 15px 15px; } } .more-service .service-list ul li a { text-decoration: none; color: rgba(0, 0, 0, 0.85); text-align: left; font-size: 1rem; line-height: 1.2rem; display: block; } .more-service .service-list ul li a img { width: 26px; height: 26px; display: inline-block; position: relative; margin-right: 5px; margin-top: -2px; } @media (max-width: 767px) { .more-service .service-list ul li a img { width: 24px; height: 24px; } } .more-service .service-list ul li a:hover { color: #0033a1; } .more-service .service-list ul li:last-child { border-bottom: none; } /*.more-service*/ .modal-body p { margin-bottom: 1rem; } .prelogin-page .full-container.halfBackground.forLogin .ux-nav-tabs .tab-content .ux-button { width: 120px; } .whitebg-box.custom-whitebg { padding: 15px 40px; } @media (min-height: 600px) { .whitebg-box.custom-margine { margin-top: 25px; } } .custom-prev-tab { display: block; margin: 0 auto; text-align: left; margin-bottom: 5px; margin-right: 12px; fill: #007c3d; vertical-align: middle; } .custom-prev-tab img { width: 20px; height: 20px; padding: 1px 1px; margin: 0%; display: inline-block; } .custom-prev-tab em { font-size: 0.8serm; display: inline-block; padding: 5px; } .custom-panel.creditials-tab-panel { border-radius: o !important; box-shadow: none !important; background-image: none !important; padding: 30px 0 !important; } .custom-panel.creditials-tab-panel.custom-pad { padding-top: 10px !important; } .token-expired { float: left; } .grp-digit { width: 100%; height: 40px; margin-right: 8px; text-align: center; color: #007C3D; font-size: 25px; display: inline-block; padding: 0; margin-bottom: 20px !important; } .input-data, .card-pin { width: 40px; height: 40px; margin-right: 8px; text-align: center; font-size: 18px; color: #007C3D; font-size: 25px; display: inline-block; padding: 0; margin-bottom: 20px !important; } .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th { padding: 0px !important; } .img-block { width: 100%; height: auto; text-align: center; margin: 0 auto; } .entry-content { padding: 0px 0px; } .entry-content.custom-pad { padding: 5px 0px; } .ux-input { margin: 10px 0; position: relative; /*input*/ /* For IE10 */ /*select*/ /*ux-label-values*/ /*ux-drop-select*/ /*.fgt-txt*/ } .ux-input.floating-error .errormsg { position: absolute; bottom: 5px; left: 0; } .ux-input.search-field { padding: 15px 0px; } .ux-input.search-field .lensImg { width: 20px; height: 20px; position: absolute; margin-top: -31px; margin-left: 2px; z-index: 10; } .ux-input.search-field .clearImg { width: 20px; height: 20px; margin-top: -29px; position: absolute; z-index: 10; left: 92%; } .ux-input.search-field input { padding: 11px 11px 11px 27px !important; border: none; margin-right: 16px; font-size: 13px; position: relative; z-index: 5; } @media (max-width: 480px) { .ux-input { margin: 8px 0; } } .ux-input .right-img2 { right: 2px; position: absolute; top: 0px; width: 16px; height: 16px; cursor: pointer; } .ux-input .info-icon-img { position: relative; width: 16px; height: 16px; margin-left: 4px; cursor: pointer; } .ux-input .info-icon-img img { width: 16px; height: 16px; text-align: center; } .ux-input label { display: block; margin-bottom: 0px; font-weight: 400; color: #6b7079; font-size: 0.85em; text-align: left; } .fnt-large .ux-input label { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input label { font-size: 1rem; line-height: 1.1rem; } .ux-input label.black { color: #000000; } .ux-input label.bold { font-weight: 500; } .ux-input label .tick-img { width: 12px; display: inline-block; } .ux-input label.checkbox-lbl { display: inline; margin-left: 26px; vertical-align: super; } .ux-input label.focused { color: rgba(0, 0, 0, 0.65); } .ux-input label.custom-file-label { font-size: 0.95rem; color: rgba(0, 0, 0, 0.55); } .ux-input label.custom-label { font-size: 0.95rem; color: rgba(0, 0, 0, 0.85); } .ux-input label.custom-text2 { display: block; margin-top: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.85); font-size: 0.9em; } .ux-input label.text1 { margin-top: 32px; text-align: center; } @media (max-width: 767px) { .ux-input label.text1 { margin-top: 5px; } } .ux-input h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 3px 0; color: rgba(0, 0, 0, 0.9); text-align: left; font-weight: 500; } .ux-input h6 { font-size: 0.85rem; line-height: 1rem; margin: 2px 0; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 500; } .ux-input h6.dark-text { color: rgba(0, 0, 0, 0.85); font-weight: 600; } .ux-input h6.success-text { color: #0033a1; font-weight: 500; } .ux-input.mt3 { margin-top: 1rem !important; } @media (min-width: 767px) { .ux-input.mt3 { margin-top: 1rem !important; } } .ux-input.mt5 { margin-top: 1rem !important; } @media (min-width: 767px) { .ux-input.mt5 { margin-top: 2.5rem !important; } } .ux-input.file-upload .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 0; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem 0.375rem 0rem; line-height: 1.5; font-size: 0.95rem; color: rgba(0, 0, 0, 0.55); background-color: transparent !important; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0; } .ux-input.file-upload .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; display: block; height: calc(2.25rem + 2px - 2px); padding: 0.375rem 0.2rem; line-height: 1.5; width: 65px; text-align: right; font-size: 0.75rem; color: #0033a1; content: "Browse" !important; background-position: 0% 25%; background-size: 14px; background-repeat: no-repeat; background-color: transparent; border: none; border-radius: 0 0.25rem 0.25rem 0; cursor: pointer; } .ux-input.file-upload .custom-file-input:focus ~ .custom-file-label { border-color: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 #0033A1; } .ux-input.file-upload .custom-file-input.active ~ .custom-file-label { border-color: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 #0033A1; } .ux-input h4 { font-weight: 400; font-size: 1.2rem; line-height: 1.4rem; margin: 2px 0; color: rgba(0, 0, 0, 0.85); text-align: left; } .fnt-large .ux-input h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .ux-input h4 { font-size: 1.4rem; line-height: 1.5rem; } .ux-input h6 { text-align: left; color: rgba(0, 51, 161, 0.65); } .ux-input h6.success { color: rgba(3, 145, 74, 0.8); } .ux-input em { display: block; clear: both; font-size: 0.8rem; margin-bottom: 0; text-align: left; } .fnt-large .ux-input em { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input em { font-size: 1rem; line-height: 1.1rem; } .ux-input em.mar-top { margin-top: 22px; } @media (max-width: 767px) { .ux-input em.mar-top { margin-top: 0px; } } .ux-input em.error-message { text-align: left; color: #ce0e41; display: block; } .ux-input em.success-message { text-align: left; color: #03914a; display: block; } .ux-input em.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .ux-input em.info-message span { font-size: 0.75rem; } .ux-input em.info-message span.success { color: #0033a1; } .ux-input em.info-message2 { text-align: left; color: rgba(0, 0, 0, 0.6); display: block; font-size: 0.85rem; line-height: 1.2rem; } [theme=dark] .ux-input em.info-message2 { color: #ffffff; } .ux-input em.message { display: inline-block; text-align: left; font-size: 0.9rem; line-height: 1rem; color: rgba(0, 0, 0, 0.4); } .fnt-large .ux-input em.message { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input em.message { font-size: 1.2rem; line-height: 1.3rem; } [theme=dark] .ux-input em.message { color: #ffffff; } .ux-input em.message1 { display: inline-block; text-align: left; font-size: 0.8rem; line-height: 1.1rem; color: rgba(0, 0, 0, 0.6); } .fnt-large .ux-input em.message1 { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input em.message1 { font-size: 1rem; line-height: 1.1rem; } [theme=dark] .ux-input em.message1 { color: #ffffff; } .ux-input em.mandatory { color: #ed0d0d; display: inline-block; margin-left: 3px; } .ux-input.rounded-icons { padding-left: 56px; } .ux-input.rounded-icons h5 { font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; margin: 2px 0px 8px 0px; color: rgba(0, 0, 0, 0.85); text-align: left; } .fnt-large .ux-input.rounded-icons h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .ux-input.rounded-icons h5 { font-size: 1.3rem; line-height: 1.4rem; } .ux-input.rounded-icons .span-round { position: absolute; top: 5px; left: 0; height: 50px; width: 50px; background-color: #ffffff; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 50%; text-align: center; } .ux-input.rounded-icons .span-round img { position: relative; top: 12px; width: 20px; height: 20px; } .ux-input .info { display: flex; background-color: rgba(0, 51, 161, 0.05); padding: 8px 8px; position: relative; margin-top: -4px; clear: both; overflow: hidden; } .ux-input .info em { font-size: 0.8rem; line-height: 0.9rem; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.5); } .fnt-large .ux-input .info em { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .info em { font-size: 1rem; line-height: 1.1rem; } .ux-input .info em.message { display: inline-block; font-size: 0.8rem; line-height: 1rem; color: rgba(0, 0, 0, 0.4); } .fnt-large .ux-input .info em.message { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .info em.message { font-size: 1rem; line-height: 1.1rem; } .ux-input .info em.message span.success { font-size: 0.8rem; margin-left: 3px; color: #0033a1; } .fnt-large .ux-input .info em.message span.success { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .info em.message span.success { font-size: 1rem; line-height: 1.1rem; } .ux-input.grey-select { padding: 0px 0; position: relative; margin-top: -5px; /*input*/ /*select*/ } .ux-input.grey-select input[type=text], .ux-input.grey-select input[type=password], .ux-input.grey-select input[type=tel], .ux-input.grey-select input[type=date], .ux-input.grey-select input[type=time], .ux-input.grey-select select, .ux-input.grey-select textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.8); display: block; width: 100%; font-size: 1rem; height: 30px; padding: 0px 40px 0px 8px; } .fnt-large .ux-input.grey-select input[type=text], .fnt-large .ux-input.grey-select input[type=password], .fnt-large .ux-input.grey-select input[type=tel], .fnt-large .ux-input.grey-select input[type=date], .fnt-large .ux-input.grey-select input[type=time], .fnt-large .ux-input.grey-select select, .fnt-large .ux-input.grey-select textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.grey-select input[type=text], .fnt-xlarge .ux-input.grey-select input[type=password], .fnt-xlarge .ux-input.grey-select input[type=tel], .fnt-xlarge .ux-input.grey-select input[type=date], .fnt-xlarge .ux-input.grey-select input[type=time], .fnt-xlarge .ux-input.grey-select select, .fnt-xlarge .ux-input.grey-select textarea { font-size: 1.2rem; line-height: 1.3rem; } @media (max-width: 767px) { .ux-input.grey-select input[type=text], .ux-input.grey-select input[type=password], .ux-input.grey-select input[type=tel], .ux-input.grey-select input[type=date], .ux-input.grey-select input[type=time], .ux-input.grey-select select, .ux-input.grey-select textarea { font-size: 0.65rem; margin-top: 4px; margin-bottom: 0px; height: 24px; padding: 0px 20px 0px 8px; } } .ux-input.grey-select input[type=text].active, .ux-input.grey-select input[type=password].active, .ux-input.grey-select input[type=tel].active, .ux-input.grey-select input[type=date].active, .ux-input.grey-select input[type=time].active, .ux-input.grey-select select.active, .ux-input.grey-select textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.grey-select input[type=text]:focus, .ux-input.grey-select input[type=password]:focus, .ux-input.grey-select input[type=tel]:focus, .ux-input.grey-select input[type=date]:focus, .ux-input.grey-select input[type=time]:focus, .ux-input.grey-select select:focus, .ux-input.grey-select textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.grey-select input[type=text]::placeholder, .ux-input.grey-select input[type=password]::placeholder, .ux-input.grey-select input[type=tel]::placeholder, .ux-input.grey-select input[type=date]::placeholder, .ux-input.grey-select input[type=time]::placeholder, .ux-input.grey-select select::placeholder, .ux-input.grey-select textarea::placeholder { font-style: normal; } .ux-input.grey-select select { background: url('arrow-down-r.png') no-repeat center right; -webkit-appearance: none; appearance: none; background-position: bottom 6px right 10px; background-size: 15px; } .ux-input.grey-select select [theme=dark] { background-color: rgba(255, 255, 255, 0.5); } .ux-input.grey-select select.chosen-select { width: 100%; } .ux-input.grey-select select::-ms-expand { display: none; } @media (max-width: 767px) { .ux-input.grey-select select { background-position: bottom 3px right 5px; } } .ux-input.white-input { padding: 0px 0; position: relative; /*input*/ } .ux-input.white-input label { display: block; margin-bottom: 0px; font-weight: 500; color: rgba(255, 255, 255, 0.65); font-size: 0.75rem; text-align: center; } .fnt-large .ux-input.white-input label { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .ux-input.white-input label { font-size: 0.9rem; line-height: 1rem; } .ux-input.white-input.mar-tb { margin-top: 15px; margin-bottom: 5px; } @media (max-width: 359px) { .ux-input.white-input.mar-tb { margin-top: 5px; margin-bottom: 5px; } } .ux-input.white-input input[type=text], .ux-input.white-input input[type=password], .ux-input.white-input input[type=tel], .ux-input.white-input input[type=number], .ux-input.white-input input[type=date], .ux-input.white-input input[type=time], .ux-input.white-input input[type=email], .ux-input.white-input select, .ux-input.white-input textarea { border: none; border-bottom: 0px solid rgba(0, 0, 0, 0); box-shadow: none; margin-bottom: 5px; color: white; display: inline-block; margin: 0 auto; font-size: 2.4rem; font-weight: 500; text-align: center; height: 46px; padding: 0px 8px 0px 8px; position: relative; } .fnt-large .ux-input.white-input input[type=text], .fnt-large .ux-input.white-input input[type=password], .fnt-large .ux-input.white-input input[type=tel], .fnt-large .ux-input.white-input input[type=number], .fnt-large .ux-input.white-input input[type=date], .fnt-large .ux-input.white-input input[type=time], .fnt-large .ux-input.white-input input[type=email], .fnt-large .ux-input.white-input select, .fnt-large .ux-input.white-input textarea { font-size: 2.5rem; line-height: 2.6rem; } .fnt-xlarge .ux-input.white-input input[type=text], .fnt-xlarge .ux-input.white-input input[type=password], .fnt-xlarge .ux-input.white-input input[type=tel], .fnt-xlarge .ux-input.white-input input[type=number], .fnt-xlarge .ux-input.white-input input[type=date], .fnt-xlarge .ux-input.white-input input[type=time], .fnt-xlarge .ux-input.white-input input[type=email], .fnt-xlarge .ux-input.white-input select, .fnt-xlarge .ux-input.white-input textarea { font-size: 2.6rem; line-height: 2.7rem; } .ux-input.white-input input[type=text].ng-invalid, .ux-input.white-input input[type=password].ng-invalid, .ux-input.white-input input[type=tel].ng-invalid, .ux-input.white-input input[type=number].ng-invalid, .ux-input.white-input input[type=date].ng-invalid, .ux-input.white-input input[type=time].ng-invalid, .ux-input.white-input input[type=email].ng-invalid, .ux-input.white-input select.ng-invalid, .ux-input.white-input textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: none; } .ux-input.white-input input[type=text].ng-invalid.ng-untouched, .ux-input.white-input input[type=password].ng-invalid.ng-untouched, .ux-input.white-input input[type=tel].ng-invalid.ng-untouched, .ux-input.white-input input[type=number].ng-invalid.ng-untouched, .ux-input.white-input input[type=date].ng-invalid.ng-untouched, .ux-input.white-input input[type=time].ng-invalid.ng-untouched, .ux-input.white-input input[type=email].ng-invalid.ng-untouched, .ux-input.white-input select.ng-invalid.ng-untouched, .ux-input.white-input textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0); box-shadow: none; } .ux-input.white-input input[type=text].active, .ux-input.white-input input[type=password].active, .ux-input.white-input input[type=tel].active, .ux-input.white-input input[type=number].active, .ux-input.white-input input[type=date].active, .ux-input.white-input input[type=time].active, .ux-input.white-input input[type=email].active, .ux-input.white-input select.active, .ux-input.white-input textarea.active { border-bottom: 0px solid #0750c6; box-shadow: 0 0px 0 0 #0750c6; } .ux-input.white-input input[type=text]:focus, .ux-input.white-input input[type=password]:focus, .ux-input.white-input input[type=tel]:focus, .ux-input.white-input input[type=number]:focus, .ux-input.white-input input[type=date]:focus, .ux-input.white-input input[type=time]:focus, .ux-input.white-input input[type=email]:focus, .ux-input.white-input select:focus, .ux-input.white-input textarea:focus { border-bottom: 0px solid #0750c6; box-shadow: 0 0px 0 0 #0750c6; } .ux-input.white-input input[type=text]::placeholder, .ux-input.white-input input[type=password]::placeholder, .ux-input.white-input input[type=tel]::placeholder, .ux-input.white-input input[type=number]::placeholder, .ux-input.white-input input[type=date]::placeholder, .ux-input.white-input input[type=time]::placeholder, .ux-input.white-input input[type=email]::placeholder, .ux-input.white-input select::placeholder, .ux-input.white-input textarea::placeholder { font-style: normal !important; color: rgba(255, 255, 255, 0.9); } .ux-input.white-input input[type=text]:disabled, .ux-input.white-input input[type=password]:disabled, .ux-input.white-input input[type=tel]:disabled, .ux-input.white-input input[type=number]:disabled, .ux-input.white-input input[type=date]:disabled, .ux-input.white-input input[type=time]:disabled, .ux-input.white-input input[type=email]:disabled, .ux-input.white-input select:disabled, .ux-input.white-input textarea:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.5); cursor: not-allowed; border-bottom: 1px solid rgba(0, 0, 0, 0); box-shadow: none; } .ux-input.white-input input[type=text] .rupee-icon, .ux-input.white-input input[type=password] .rupee-icon, .ux-input.white-input input[type=tel] .rupee-icon, .ux-input.white-input input[type=number] .rupee-icon, .ux-input.white-input input[type=date] .rupee-icon, .ux-input.white-input input[type=time] .rupee-icon, .ux-input.white-input input[type=email] .rupee-icon, .ux-input.white-input select .rupee-icon, .ux-input.white-input textarea .rupee-icon { position: absolute; color: white; text-align: center; padding: 0px; left: -1px; height: 34px; width: 34px; top: 3px; opacity: 1; text-decoration: none; } .ux-input.white-input input[type=text] .rupee-icon img, .ux-input.white-input input[type=password] .rupee-icon img, .ux-input.white-input input[type=tel] .rupee-icon img, .ux-input.white-input input[type=number] .rupee-icon img, .ux-input.white-input input[type=date] .rupee-icon img, .ux-input.white-input input[type=time] .rupee-icon img, .ux-input.white-input input[type=email] .rupee-icon img, .ux-input.white-input select .rupee-icon img, .ux-input.white-input textarea .rupee-icon img { width: 34px; height: 34px; } .ux-input.white-input input[type=text] .rupee-icon img.disabled, .ux-input.white-input input[type=password] .rupee-icon img.disabled, .ux-input.white-input input[type=tel] .rupee-icon img.disabled, .ux-input.white-input input[type=number] .rupee-icon img.disabled, .ux-input.white-input input[type=date] .rupee-icon img.disabled, .ux-input.white-input input[type=time] .rupee-icon img.disabled, .ux-input.white-input input[type=email] .rupee-icon img.disabled, .ux-input.white-input select .rupee-icon img.disabled, .ux-input.white-input textarea .rupee-icon img.disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input input[type=text] .rupee-icon img:disabled, .ux-input.white-input input[type=password] .rupee-icon img:disabled, .ux-input.white-input input[type=tel] .rupee-icon img:disabled, .ux-input.white-input input[type=number] .rupee-icon img:disabled, .ux-input.white-input input[type=date] .rupee-icon img:disabled, .ux-input.white-input input[type=time] .rupee-icon img:disabled, .ux-input.white-input input[type=email] .rupee-icon img:disabled, .ux-input.white-input select .rupee-icon img:disabled, .ux-input.white-input textarea .rupee-icon img:disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input input[type=text] .rupee-icon.disabled, .ux-input.white-input input[type=password] .rupee-icon.disabled, .ux-input.white-input input[type=tel] .rupee-icon.disabled, .ux-input.white-input input[type=number] .rupee-icon.disabled, .ux-input.white-input input[type=date] .rupee-icon.disabled, .ux-input.white-input input[type=time] .rupee-icon.disabled, .ux-input.white-input input[type=email] .rupee-icon.disabled, .ux-input.white-input select .rupee-icon.disabled, .ux-input.white-input textarea .rupee-icon.disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input input[type=text] .rupee-icon:disabled, .ux-input.white-input input[type=password] .rupee-icon:disabled, .ux-input.white-input input[type=tel] .rupee-icon:disabled, .ux-input.white-input input[type=number] .rupee-icon:disabled, .ux-input.white-input input[type=date] .rupee-icon:disabled, .ux-input.white-input input[type=time] .rupee-icon:disabled, .ux-input.white-input input[type=email] .rupee-icon:disabled, .ux-input.white-input select .rupee-icon:disabled, .ux-input.white-input textarea .rupee-icon:disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input .rupee-icon { position: absolute; color: white; text-align: center; padding: 0px; left: -1px; height: 34px; width: 34px; top: 3px; opacity: 1; text-decoration: none; } .ux-input.white-input .rupee-icon img { width: 34px; height: 34px; } .ux-input.white-input .rupee-icon img.disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input .rupee-icon img:disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input .rupee-icon.disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input .rupee-icon:disabled { opacity: 0.5; cursor: not-allowed; } .ux-input.white-input p { font-size: 0.75rem; margin-bottom: 0; text-align: center; } .fnt-large .ux-input.white-input p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.white-input p { font-size: 1rem; line-height: 1.1rem; } .ux-input.white-input p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input.white-input p.error-message { text-align: center; color: #CE0E41; display: block; } .ux-input.white-input p.success-message { text-align: center; color: #03914a; display: block; } .ux-input.white-input p.info-message { text-align: center; color: rgba(0, 0, 0, 0.65); display: block; } .ux-input.white-input p.info-message span { font-size: 0.75rem; } .ux-input.white-input p.info-message span.success { color: #0033a1; } .ux-input.dark-input { padding: 0px 0; position: relative; /*input*/ } .ux-input.dark-input.mar-tb { margin-top: 15px; margin-bottom: 10px; } @media (max-width: 359px) { .ux-input.dark-input.mar-tb { margin-top: 6px; margin-bottom: 0px; } } .ux-input.dark-input input[type=text], .ux-input.dark-input input[type=password], .ux-input.dark-input input[type=tel], .ux-input.dark-input input[type=date], .ux-input.dark-input input[type=time], .ux-input.dark-input select, .ux-input.dark-input textarea { border: none; border-bottom: 0px solid rgba(0, 0, 0, 0.4); background-color: #002982 !important; border-radius: 6px; box-shadow: none; margin-bottom: 5px; color: white; display: block; width: 100%; font-size: 0.9rem; font-weight: 400; text-align: center; height: 39px; padding: 0px 8px 0px 8px; position: relative; } .fnt-large .ux-input.dark-input input[type=text], .fnt-large .ux-input.dark-input input[type=password], .fnt-large .ux-input.dark-input input[type=tel], .fnt-large .ux-input.dark-input input[type=date], .fnt-large .ux-input.dark-input input[type=time], .fnt-large .ux-input.dark-input select, .fnt-large .ux-input.dark-input textarea { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .ux-input.dark-input input[type=text], .fnt-xlarge .ux-input.dark-input input[type=password], .fnt-xlarge .ux-input.dark-input input[type=tel], .fnt-xlarge .ux-input.dark-input input[type=date], .fnt-xlarge .ux-input.dark-input input[type=time], .fnt-xlarge .ux-input.dark-input select, .fnt-xlarge .ux-input.dark-input textarea { font-size: 1.1rem; line-height: 1.2rem; } .ux-input.dark-input input[type=text].active, .ux-input.dark-input input[type=password].active, .ux-input.dark-input input[type=tel].active, .ux-input.dark-input input[type=date].active, .ux-input.dark-input input[type=time].active, .ux-input.dark-input select.active, .ux-input.dark-input textarea.active { border-bottom: 0px solid #0033A1; box-shadow: 0 0px 0 0 #0033A1; } .ux-input.dark-input input[type=text]:focus, .ux-input.dark-input input[type=password]:focus, .ux-input.dark-input input[type=tel]:focus, .ux-input.dark-input input[type=date]:focus, .ux-input.dark-input input[type=time]:focus, .ux-input.dark-input select:focus, .ux-input.dark-input textarea:focus { border-bottom: 0px solid #0033A1; box-shadow: 0 0px 0 0 #0033A1; } .ux-input.dark-input input[type=text]::placeholder, .ux-input.dark-input input[type=password]::placeholder, .ux-input.dark-input input[type=tel]::placeholder, .ux-input.dark-input input[type=date]::placeholder, .ux-input.dark-input input[type=time]::placeholder, .ux-input.dark-input select::placeholder, .ux-input.dark-input textarea::placeholder { font-style: italic; color: rgba(255, 255, 255, 0.4); } .ux-input.dark-input input[type=text]:disabled, .ux-input.dark-input input[type=password]:disabled, .ux-input.dark-input input[type=tel]:disabled, .ux-input.dark-input input[type=date]:disabled, .ux-input.dark-input input[type=time]:disabled, .ux-input.dark-input select:disabled, .ux-input.dark-input textarea:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.5); cursor: not-allowed; border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .ux-input.dark-input p { font-size: 0.75rem; margin-bottom: 0; text-align: center !important; } .fnt-large .ux-input.dark-input p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.dark-input p { font-size: 1rem; line-height: 1.1rem; } .ux-input.dark-input p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input.dark-input p.error-message { text-align: center !important; color: #CE0E41; display: block; } .ux-input.dark-input p.success-message { text-align: center !important; color: #03914a; display: block; } .ux-input.dark-input p.info-message { text-align: center !important; color: rgba(0, 0, 0, 0.5); display: block; } .ux-input.dark-input p.info-message span { font-size: 0.75rem; } .ux-input.dark-input p.info-message span.success { color: #0033a1; } .ux-input.twoicons input[type=text], .ux-input.twoicons input[type=password], .ux-input.twoicons input[type=number], .ux-input.twoicons input[type=tel], .ux-input.twoicons input[type=date], .ux-input.twoicons input[type=time], .ux-input.twoicons select, .ux-input.twoicons textarea { padding: 5px 25px 5px 25px; } .ux-input.twoicons .left-img { left: 2px; position: absolute; bottom: 10px; } .ux-input.twoicons .right-img { right: 2px; position: absolute; bottom: 9px; width: 16px; height: 16px; cursor: pointer; } .ux-input.right-icon input[type=text], .ux-input.right-icon input[type=password], .ux-input.right-icon input[type=number], .ux-input.right-icon input[type=tel], .ux-input.right-icon input[type=date], .ux-input.right-icon input[type=time], .ux-input.right-icon select, .ux-input.right-icon textarea { padding: 5px 25px 5px 10px; } .ux-input.right-icon .left-img { left: 2px; position: absolute; bottom: 10px; } .ux-input.right-icon .right-img { right: 2px; position: absolute; top: 28px; width: 16px; height: 16px; cursor: pointer; } .ux-input input[type=checkbox] { -webkit-appearance: none; appearance: none; cursor: pointer; position: absolute; top: 0; width: 1.1em; height: 1.1em; border-radius: 3px; border: 2px solid rgba(0, 0, 0, 0.3); vertical-align: middle; background-color: #ffffff; } .ux-input input[type=checkbox]:after { content: ""; position: absolute; top: 0.06em; left: 0.33em; box-sizing: border-box; width: 0.45em; height: 0.73em; transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; display: none; } .ux-input input[type=checkbox]:checked { background-color: #0033A1; border: none !important; } .ux-input input[type=checkbox]:checked:after { display: block; } .ux-input input[type=text], .ux-input input[type=password], .ux-input input[type=number], .ux-input input[type=tel], .ux-input input[type=date], .ux-input input[type=time], .ux-input input[type=email], .ux-input select, .ux-input textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0px; box-shadow: none; margin-bottom: 5px; color: #000000; display: block; width: 100%; font-size: 1rem; height: 32px; padding: 5px 5px 0px 10px; } [theme=dark] .ux-input input[type=text], [theme=dark] .ux-input input[type=password], [theme=dark] .ux-input input[type=number], [theme=dark] .ux-input input[type=tel], [theme=dark] .ux-input input[type=date], [theme=dark] .ux-input input[type=time], [theme=dark] .ux-input input[type=email], [theme=dark] .ux-input select, [theme=dark] .ux-input textarea { border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.6); } .ux-input input[type=text]::-webkit-input-placeholder, .ux-input input[type=password]::-webkit-input-placeholder, .ux-input input[type=number]::-webkit-input-placeholder, .ux-input input[type=tel]::-webkit-input-placeholder, .ux-input input[type=date]::-webkit-input-placeholder, .ux-input input[type=time]::-webkit-input-placeholder, .ux-input input[type=email]::-webkit-input-placeholder, .ux-input select::-webkit-input-placeholder, .ux-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ } [theme=dark] .ux-input input[type=text]::-webkit-input-placeholder, [theme=dark] .ux-input input[type=password]::-webkit-input-placeholder, [theme=dark] .ux-input input[type=number]::-webkit-input-placeholder, [theme=dark] .ux-input input[type=tel]::-webkit-input-placeholder, [theme=dark] .ux-input input[type=date]::-webkit-input-placeholder, [theme=dark] .ux-input input[type=time]::-webkit-input-placeholder, [theme=dark] .ux-input input[type=email]::-webkit-input-placeholder, [theme=dark] .ux-input select::-webkit-input-placeholder, [theme=dark] .ux-input textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .ux-input input[type=text]::-moz-placeholder, .ux-input input[type=password]::-moz-placeholder, .ux-input input[type=number]::-moz-placeholder, .ux-input input[type=tel]::-moz-placeholder, .ux-input input[type=date]::-moz-placeholder, .ux-input input[type=time]::-moz-placeholder, .ux-input input[type=email]::-moz-placeholder, .ux-input select::-moz-placeholder, .ux-input textarea::-moz-placeholder { /* Firefox 19+ */ } [theme=dark] .ux-input input[type=text]::-moz-placeholder, [theme=dark] .ux-input input[type=password]::-moz-placeholder, [theme=dark] .ux-input input[type=number]::-moz-placeholder, [theme=dark] .ux-input input[type=tel]::-moz-placeholder, [theme=dark] .ux-input input[type=date]::-moz-placeholder, [theme=dark] .ux-input input[type=time]::-moz-placeholder, [theme=dark] .ux-input input[type=email]::-moz-placeholder, [theme=dark] .ux-input select::-moz-placeholder, [theme=dark] .ux-input textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } .ux-input input[type=text]:-ms-input-placeholder, .ux-input input[type=password]:-ms-input-placeholder, .ux-input input[type=number]:-ms-input-placeholder, .ux-input input[type=tel]:-ms-input-placeholder, .ux-input input[type=date]:-ms-input-placeholder, .ux-input input[type=time]:-ms-input-placeholder, .ux-input input[type=email]:-ms-input-placeholder, .ux-input select:-ms-input-placeholder, .ux-input textarea:-ms-input-placeholder { /* IE 10+ */ } [theme=dark] .ux-input input[type=text]:-ms-input-placeholder, [theme=dark] .ux-input input[type=password]:-ms-input-placeholder, [theme=dark] .ux-input input[type=number]:-ms-input-placeholder, [theme=dark] .ux-input input[type=tel]:-ms-input-placeholder, [theme=dark] .ux-input input[type=date]:-ms-input-placeholder, [theme=dark] .ux-input input[type=time]:-ms-input-placeholder, [theme=dark] .ux-input input[type=email]:-ms-input-placeholder, [theme=dark] .ux-input select:-ms-input-placeholder, [theme=dark] .ux-input textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } .ux-input input[type=text]:-moz-placeholder, .ux-input input[type=password]:-moz-placeholder, .ux-input input[type=number]:-moz-placeholder, .ux-input input[type=tel]:-moz-placeholder, .ux-input input[type=date]:-moz-placeholder, .ux-input input[type=time]:-moz-placeholder, .ux-input input[type=email]:-moz-placeholder, .ux-input select:-moz-placeholder, .ux-input textarea:-moz-placeholder { /* Firefox 18- */ } [theme=dark] .ux-input input[type=text]:-moz-placeholder, [theme=dark] .ux-input input[type=password]:-moz-placeholder, [theme=dark] .ux-input input[type=number]:-moz-placeholder, [theme=dark] .ux-input input[type=tel]:-moz-placeholder, [theme=dark] .ux-input input[type=date]:-moz-placeholder, [theme=dark] .ux-input input[type=time]:-moz-placeholder, [theme=dark] .ux-input input[type=email]:-moz-placeholder, [theme=dark] .ux-input select:-moz-placeholder, [theme=dark] .ux-input textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } .ux-input input[type=text].dob, .ux-input input[type=password].dob, .ux-input input[type=number].dob, .ux-input input[type=tel].dob, .ux-input input[type=date].dob, .ux-input input[type=time].dob, .ux-input input[type=email].dob, .ux-input select.dob, .ux-input textarea.dob { position: relative; z-index: 9; } .fnt-large .ux-input input[type=text], .fnt-large .ux-input input[type=password], .fnt-large .ux-input input[type=number], .fnt-large .ux-input input[type=tel], .fnt-large .ux-input input[type=date], .fnt-large .ux-input input[type=time], .fnt-large .ux-input input[type=email], .fnt-large .ux-input select, .fnt-large .ux-input textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input input[type=text], .fnt-xlarge .ux-input input[type=password], .fnt-xlarge .ux-input input[type=number], .fnt-xlarge .ux-input input[type=tel], .fnt-xlarge .ux-input input[type=date], .fnt-xlarge .ux-input input[type=time], .fnt-xlarge .ux-input input[type=email], .fnt-xlarge .ux-input select, .fnt-xlarge .ux-input textarea { font-size: 1.2rem; line-height: 1.3rem; } .ux-input input[type=text].active, .ux-input input[type=password].active, .ux-input input[type=number].active, .ux-input input[type=tel].active, .ux-input input[type=date].active, .ux-input input[type=time].active, .ux-input input[type=email].active, .ux-input select.active, .ux-input textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input input[type=text].ng-invalid, .ux-input input[type=password].ng-invalid, .ux-input input[type=number].ng-invalid, .ux-input input[type=tel].ng-invalid, .ux-input input[type=date].ng-invalid, .ux-input input[type=time].ng-invalid, .ux-input input[type=email].ng-invalid, .ux-input select.ng-invalid, .ux-input textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input input[type=text].ng-invalid.ng-untouched, .ux-input input[type=password].ng-invalid.ng-untouched, .ux-input input[type=number].ng-invalid.ng-untouched, .ux-input input[type=tel].ng-invalid.ng-untouched, .ux-input input[type=date].ng-invalid.ng-untouched, .ux-input input[type=time].ng-invalid.ng-untouched, .ux-input input[type=email].ng-invalid.ng-untouched, .ux-input select.ng-invalid.ng-untouched, .ux-input textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input input[type=text]:focus, .ux-input input[type=password]:focus, .ux-input input[type=number]:focus, .ux-input input[type=tel]:focus, .ux-input input[type=date]:focus, .ux-input input[type=time]:focus, .ux-input input[type=email]:focus, .ux-input select:focus, .ux-input textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input input[type=text]::placeholder, .ux-input input[type=password]::placeholder, .ux-input input[type=number]::placeholder, .ux-input input[type=tel]::placeholder, .ux-input input[type=date]::placeholder, .ux-input input[type=time]::placeholder, .ux-input input[type=email]::placeholder, .ux-input select::placeholder, .ux-input textarea::placeholder { font-style: normal; } .ux-input input[type=text]::placeholder, .ux-input input[type=password]::placeholder, .ux-input input[type=number]::placeholder, .ux-input input[type=tel]::placeholder, .ux-input input[type=date]::placeholder, .ux-input input[type=time]::placeholder, .ux-input input[type=email]::placeholder, .ux-input select::placeholder, .ux-input textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input input[type=text]::-ms-input-placeholder, .ux-input input[type=password]::-ms-input-placeholder, .ux-input input[type=number]::-ms-input-placeholder, .ux-input input[type=tel]::-ms-input-placeholder, .ux-input input[type=date]::-ms-input-placeholder, .ux-input input[type=time]::-ms-input-placeholder, .ux-input input[type=email]::-ms-input-placeholder, .ux-input select::-ms-input-placeholder, .ux-input textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input input[type=text]::-ms-input-placeholder, .ux-input input[type=password]::-ms-input-placeholder, .ux-input input[type=number]::-ms-input-placeholder, .ux-input input[type=tel]::-ms-input-placeholder, .ux-input input[type=date]::-ms-input-placeholder, .ux-input input[type=time]::-ms-input-placeholder, .ux-input input[type=email]::-ms-input-placeholder, .ux-input select::-ms-input-placeholder, .ux-input textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input input[type=text]:disabled, .ux-input input[type=password]:disabled, .ux-input input[type=number]:disabled, .ux-input input[type=tel]:disabled, .ux-input input[type=date]:disabled, .ux-input input[type=time]:disabled, .ux-input input[type=email]:disabled, .ux-input select:disabled, .ux-input textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } [theme=dark] .ux-input input[type=text]:disabled, [theme=dark] .ux-input input[type=password]:disabled, [theme=dark] .ux-input input[type=number]:disabled, [theme=dark] .ux-input input[type=tel]:disabled, [theme=dark] .ux-input input[type=date]:disabled, [theme=dark] .ux-input input[type=time]:disabled, [theme=dark] .ux-input input[type=email]:disabled, [theme=dark] .ux-input select:disabled, [theme=dark] .ux-input textarea:disabled { background-color: #505050; color: #ffffff; } .ux-input.digit-input { /*input*/ } .ux-input.digit-input input[type=text], .ux-input.digit-input input[type=password], .ux-input.digit-input input[type=number], .ux-input.digit-input input[type=tel], .ux-input.digit-input input[type=date], .ux-input.digit-input select, .ux-input.digit-input textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.6); display: block; width: 100%; font-size: 1rem; height: 39px; padding: 5px 35px 5px 110px; } .fnt-large .ux-input.digit-input input[type=text], .fnt-large .ux-input.digit-input input[type=password], .fnt-large .ux-input.digit-input input[type=number], .fnt-large .ux-input.digit-input input[type=tel], .fnt-large .ux-input.digit-input input[type=date], .fnt-large .ux-input.digit-input select, .fnt-large .ux-input.digit-input textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.digit-input input[type=text], .fnt-xlarge .ux-input.digit-input input[type=password], .fnt-xlarge .ux-input.digit-input input[type=number], .fnt-xlarge .ux-input.digit-input input[type=tel], .fnt-xlarge .ux-input.digit-input input[type=date], .fnt-xlarge .ux-input.digit-input select, .fnt-xlarge .ux-input.digit-input textarea { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.digit-input input[type=text].active, .ux-input.digit-input input[type=password].active, .ux-input.digit-input input[type=number].active, .ux-input.digit-input input[type=tel].active, .ux-input.digit-input input[type=date].active, .ux-input.digit-input select.active, .ux-input.digit-input textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.digit-input input[type=text].ng-invalid, .ux-input.digit-input input[type=password].ng-invalid, .ux-input.digit-input input[type=number].ng-invalid, .ux-input.digit-input input[type=tel].ng-invalid, .ux-input.digit-input input[type=date].ng-invalid, .ux-input.digit-input select.ng-invalid, .ux-input.digit-input textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input.digit-input input[type=text].ng-invalid.ng-untouched, .ux-input.digit-input input[type=password].ng-invalid.ng-untouched, .ux-input.digit-input input[type=number].ng-invalid.ng-untouched, .ux-input.digit-input input[type=tel].ng-invalid.ng-untouched, .ux-input.digit-input input[type=date].ng-invalid.ng-untouched, .ux-input.digit-input select.ng-invalid.ng-untouched, .ux-input.digit-input textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input.digit-input input[type=text]:focus, .ux-input.digit-input input[type=password]:focus, .ux-input.digit-input input[type=number]:focus, .ux-input.digit-input input[type=tel]:focus, .ux-input.digit-input input[type=date]:focus, .ux-input.digit-input select:focus, .ux-input.digit-input textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.digit-input input[type=text]::placeholder, .ux-input.digit-input input[type=password]::placeholder, .ux-input.digit-input input[type=number]::placeholder, .ux-input.digit-input input[type=tel]::placeholder, .ux-input.digit-input input[type=date]::placeholder, .ux-input.digit-input select::placeholder, .ux-input.digit-input textarea::placeholder { font-style: normal; } .ux-input.digit-input input[type=text]::placeholder, .ux-input.digit-input input[type=password]::placeholder, .ux-input.digit-input input[type=number]::placeholder, .ux-input.digit-input input[type=tel]::placeholder, .ux-input.digit-input input[type=date]::placeholder, .ux-input.digit-input select::placeholder, .ux-input.digit-input textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input.digit-input input[type=text]::-ms-input-placeholder, .ux-input.digit-input input[type=password]::-ms-input-placeholder, .ux-input.digit-input input[type=number]::-ms-input-placeholder, .ux-input.digit-input input[type=tel]::-ms-input-placeholder, .ux-input.digit-input input[type=date]::-ms-input-placeholder, .ux-input.digit-input select::-ms-input-placeholder, .ux-input.digit-input textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input.digit-input input[type=text]::-ms-input-placeholder, .ux-input.digit-input input[type=password]::-ms-input-placeholder, .ux-input.digit-input input[type=number]::-ms-input-placeholder, .ux-input.digit-input input[type=tel]::-ms-input-placeholder, .ux-input.digit-input input[type=date]::-ms-input-placeholder, .ux-input.digit-input select::-ms-input-placeholder, .ux-input.digit-input textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input.digit-input input[type=text]:disabled, .ux-input.digit-input input[type=password]:disabled, .ux-input.digit-input input[type=number]:disabled, .ux-input.digit-input input[type=tel]:disabled, .ux-input.digit-input input[type=date]:disabled, .ux-input.digit-input select:disabled, .ux-input.digit-input textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.custom-input2 { /*input*/ } .ux-input.custom-input2 input[type=text], .ux-input.custom-input2 input[type=password], .ux-input.custom-input2 input[type=number], .ux-input.custom-input2 input[type=tel], .ux-input.custom-input2 input[type=date], .ux-input.custom-input2 select, .ux-input.custom-input2 textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.6); display: block; width: 100%; font-size: 1rem; height: 39px; padding: 5px 65px 5px 0px; } .fnt-large .ux-input.custom-input2 input[type=text], .fnt-large .ux-input.custom-input2 input[type=password], .fnt-large .ux-input.custom-input2 input[type=number], .fnt-large .ux-input.custom-input2 input[type=tel], .fnt-large .ux-input.custom-input2 input[type=date], .fnt-large .ux-input.custom-input2 select, .fnt-large .ux-input.custom-input2 textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.custom-input2 input[type=text], .fnt-xlarge .ux-input.custom-input2 input[type=password], .fnt-xlarge .ux-input.custom-input2 input[type=number], .fnt-xlarge .ux-input.custom-input2 input[type=tel], .fnt-xlarge .ux-input.custom-input2 input[type=date], .fnt-xlarge .ux-input.custom-input2 select, .fnt-xlarge .ux-input.custom-input2 textarea { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.custom-input2 input[type=text].active, .ux-input.custom-input2 input[type=password].active, .ux-input.custom-input2 input[type=number].active, .ux-input.custom-input2 input[type=tel].active, .ux-input.custom-input2 input[type=date].active, .ux-input.custom-input2 select.active, .ux-input.custom-input2 textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.custom-input2 input[type=text].ng-invalid, .ux-input.custom-input2 input[type=password].ng-invalid, .ux-input.custom-input2 input[type=number].ng-invalid, .ux-input.custom-input2 input[type=tel].ng-invalid, .ux-input.custom-input2 input[type=date].ng-invalid, .ux-input.custom-input2 select.ng-invalid, .ux-input.custom-input2 textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input.custom-input2 input[type=text].ng-invalid.ng-untouched, .ux-input.custom-input2 input[type=password].ng-invalid.ng-untouched, .ux-input.custom-input2 input[type=number].ng-invalid.ng-untouched, .ux-input.custom-input2 input[type=tel].ng-invalid.ng-untouched, .ux-input.custom-input2 input[type=date].ng-invalid.ng-untouched, .ux-input.custom-input2 select.ng-invalid.ng-untouched, .ux-input.custom-input2 textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input.custom-input2 input[type=text]:focus, .ux-input.custom-input2 input[type=password]:focus, .ux-input.custom-input2 input[type=number]:focus, .ux-input.custom-input2 input[type=tel]:focus, .ux-input.custom-input2 input[type=date]:focus, .ux-input.custom-input2 select:focus, .ux-input.custom-input2 textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.custom-input2 input[type=text]::placeholder, .ux-input.custom-input2 input[type=password]::placeholder, .ux-input.custom-input2 input[type=number]::placeholder, .ux-input.custom-input2 input[type=tel]::placeholder, .ux-input.custom-input2 input[type=date]::placeholder, .ux-input.custom-input2 select::placeholder, .ux-input.custom-input2 textarea::placeholder { font-style: normal; } .ux-input.custom-input2 input[type=text]::placeholder, .ux-input.custom-input2 input[type=password]::placeholder, .ux-input.custom-input2 input[type=number]::placeholder, .ux-input.custom-input2 input[type=tel]::placeholder, .ux-input.custom-input2 input[type=date]::placeholder, .ux-input.custom-input2 select::placeholder, .ux-input.custom-input2 textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input.custom-input2 input[type=text]::-ms-input-placeholder, .ux-input.custom-input2 input[type=password]::-ms-input-placeholder, .ux-input.custom-input2 input[type=number]::-ms-input-placeholder, .ux-input.custom-input2 input[type=tel]::-ms-input-placeholder, .ux-input.custom-input2 input[type=date]::-ms-input-placeholder, .ux-input.custom-input2 select::-ms-input-placeholder, .ux-input.custom-input2 textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input.custom-input2 input[type=text]::-ms-input-placeholder, .ux-input.custom-input2 input[type=password]::-ms-input-placeholder, .ux-input.custom-input2 input[type=number]::-ms-input-placeholder, .ux-input.custom-input2 input[type=tel]::-ms-input-placeholder, .ux-input.custom-input2 input[type=date]::-ms-input-placeholder, .ux-input.custom-input2 select::-ms-input-placeholder, .ux-input.custom-input2 textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input.custom-input2 input[type=text]:disabled, .ux-input.custom-input2 input[type=password]:disabled, .ux-input.custom-input2 input[type=number]:disabled, .ux-input.custom-input2 input[type=tel]:disabled, .ux-input.custom-input2 input[type=date]:disabled, .ux-input.custom-input2 select:disabled, .ux-input.custom-input2 textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.custom-input3 { position: relative; /*input*/ } .ux-input.custom-input3 input[type=text], .ux-input.custom-input3 input[type=password], .ux-input.custom-input3 input[type=number], .ux-input.custom-input3 input[type=tel], .ux-input.custom-input3 input[type=date], .ux-input.custom-input3 input[type=time], .ux-input.custom-input3 input[type=email], .ux-input.custom-input3 select, .ux-input.custom-input3 textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0px; box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.6); display: block; width: 100%; font-size: 1rem; height: 39px; padding: 10px 5px 5px 10px; } [theme=dark] .ux-input.custom-input3 input[type=text], [theme=dark] .ux-input.custom-input3 input[type=password], [theme=dark] .ux-input.custom-input3 input[type=number], [theme=dark] .ux-input.custom-input3 input[type=tel], [theme=dark] .ux-input.custom-input3 input[type=date], [theme=dark] .ux-input.custom-input3 input[type=time], [theme=dark] .ux-input.custom-input3 input[type=email], [theme=dark] .ux-input.custom-input3 select, [theme=dark] .ux-input.custom-input3 textarea { border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.6); } .fnt-large .ux-input.custom-input3 input[type=text], .fnt-large .ux-input.custom-input3 input[type=password], .fnt-large .ux-input.custom-input3 input[type=number], .fnt-large .ux-input.custom-input3 input[type=tel], .fnt-large .ux-input.custom-input3 input[type=date], .fnt-large .ux-input.custom-input3 input[type=time], .fnt-large .ux-input.custom-input3 input[type=email], .fnt-large .ux-input.custom-input3 select, .fnt-large .ux-input.custom-input3 textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.custom-input3 input[type=text], .fnt-xlarge .ux-input.custom-input3 input[type=password], .fnt-xlarge .ux-input.custom-input3 input[type=number], .fnt-xlarge .ux-input.custom-input3 input[type=tel], .fnt-xlarge .ux-input.custom-input3 input[type=date], .fnt-xlarge .ux-input.custom-input3 input[type=time], .fnt-xlarge .ux-input.custom-input3 input[type=email], .fnt-xlarge .ux-input.custom-input3 select, .fnt-xlarge .ux-input.custom-input3 textarea { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.custom-input3 input[type=text].active, .ux-input.custom-input3 input[type=password].active, .ux-input.custom-input3 input[type=number].active, .ux-input.custom-input3 input[type=tel].active, .ux-input.custom-input3 input[type=date].active, .ux-input.custom-input3 input[type=time].active, .ux-input.custom-input3 input[type=email].active, .ux-input.custom-input3 select.active, .ux-input.custom-input3 textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.custom-input3 input[type=text].ng-invalid, .ux-input.custom-input3 input[type=password].ng-invalid, .ux-input.custom-input3 input[type=number].ng-invalid, .ux-input.custom-input3 input[type=tel].ng-invalid, .ux-input.custom-input3 input[type=date].ng-invalid, .ux-input.custom-input3 input[type=time].ng-invalid, .ux-input.custom-input3 input[type=email].ng-invalid, .ux-input.custom-input3 select.ng-invalid, .ux-input.custom-input3 textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input.custom-input3 input[type=text].ng-invalid.ng-untouched, .ux-input.custom-input3 input[type=password].ng-invalid.ng-untouched, .ux-input.custom-input3 input[type=number].ng-invalid.ng-untouched, .ux-input.custom-input3 input[type=tel].ng-invalid.ng-untouched, .ux-input.custom-input3 input[type=date].ng-invalid.ng-untouched, .ux-input.custom-input3 input[type=time].ng-invalid.ng-untouched, .ux-input.custom-input3 input[type=email].ng-invalid.ng-untouched, .ux-input.custom-input3 select.ng-invalid.ng-untouched, .ux-input.custom-input3 textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input.custom-input3 input[type=text]:focus, .ux-input.custom-input3 input[type=password]:focus, .ux-input.custom-input3 input[type=number]:focus, .ux-input.custom-input3 input[type=tel]:focus, .ux-input.custom-input3 input[type=date]:focus, .ux-input.custom-input3 input[type=time]:focus, .ux-input.custom-input3 input[type=email]:focus, .ux-input.custom-input3 select:focus, .ux-input.custom-input3 textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.custom-input3 input[type=text]::placeholder, .ux-input.custom-input3 input[type=password]::placeholder, .ux-input.custom-input3 input[type=number]::placeholder, .ux-input.custom-input3 input[type=tel]::placeholder, .ux-input.custom-input3 input[type=date]::placeholder, .ux-input.custom-input3 input[type=time]::placeholder, .ux-input.custom-input3 input[type=email]::placeholder, .ux-input.custom-input3 select::placeholder, .ux-input.custom-input3 textarea::placeholder { font-style: normal; } .ux-input.custom-input3 input[type=text]::placeholder, .ux-input.custom-input3 input[type=password]::placeholder, .ux-input.custom-input3 input[type=number]::placeholder, .ux-input.custom-input3 input[type=tel]::placeholder, .ux-input.custom-input3 input[type=date]::placeholder, .ux-input.custom-input3 input[type=time]::placeholder, .ux-input.custom-input3 input[type=email]::placeholder, .ux-input.custom-input3 select::placeholder, .ux-input.custom-input3 textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input.custom-input3 input[type=text]::-ms-input-placeholder, .ux-input.custom-input3 input[type=password]::-ms-input-placeholder, .ux-input.custom-input3 input[type=number]::-ms-input-placeholder, .ux-input.custom-input3 input[type=tel]::-ms-input-placeholder, .ux-input.custom-input3 input[type=date]::-ms-input-placeholder, .ux-input.custom-input3 input[type=time]::-ms-input-placeholder, .ux-input.custom-input3 input[type=email]::-ms-input-placeholder, .ux-input.custom-input3 select::-ms-input-placeholder, .ux-input.custom-input3 textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input.custom-input3 input[type=text]::-ms-input-placeholder, .ux-input.custom-input3 input[type=password]::-ms-input-placeholder, .ux-input.custom-input3 input[type=number]::-ms-input-placeholder, .ux-input.custom-input3 input[type=tel]::-ms-input-placeholder, .ux-input.custom-input3 input[type=date]::-ms-input-placeholder, .ux-input.custom-input3 input[type=time]::-ms-input-placeholder, .ux-input.custom-input3 input[type=email]::-ms-input-placeholder, .ux-input.custom-input3 select::-ms-input-placeholder, .ux-input.custom-input3 textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input.custom-input3 input[type=text]:disabled, .ux-input.custom-input3 input[type=password]:disabled, .ux-input.custom-input3 input[type=number]:disabled, .ux-input.custom-input3 input[type=tel]:disabled, .ux-input.custom-input3 input[type=date]:disabled, .ux-input.custom-input3 input[type=time]:disabled, .ux-input.custom-input3 input[type=email]:disabled, .ux-input.custom-input3 select:disabled, .ux-input.custom-input3 textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.custom-input3 .show-bankinfo { position: absolute; background-color: white; color: #0033a1; font-size: 1.2rem; font-weight: 700; text-align: center; padding: 6px 4px 10px 4px; left: -1px; height: 35px; width: 65px; top: 22px; text-decoration: none; } .fnt-large .ux-input.custom-input3 .show-bankinfo { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.custom-input3 .show-bankinfo { font-size: 1rem; line-height: 1.1rem; } .ux-input.custom-input3 .show-bankinfo.disabled { display: none; cursor: not-allowed; } .ux-input.digit-input1 { /*input*/ } .ux-input.digit-input1 input[type=text], .ux-input.digit-input1 input[type=password], .ux-input.digit-input1 input[type=number], .ux-input.digit-input1 input[type=tel], .ux-input.digit-input1 input[type=date], .ux-input.digit-input1 select, .ux-input.digit-input1 textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.6); display: block; width: 100%; font-size: 1rem; height: 39px; padding: 5px 110px 5px 0px; } .fnt-large .ux-input.digit-input1 input[type=text], .fnt-large .ux-input.digit-input1 input[type=password], .fnt-large .ux-input.digit-input1 input[type=number], .fnt-large .ux-input.digit-input1 input[type=tel], .fnt-large .ux-input.digit-input1 input[type=date], .fnt-large .ux-input.digit-input1 select, .fnt-large .ux-input.digit-input1 textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.digit-input1 input[type=text], .fnt-xlarge .ux-input.digit-input1 input[type=password], .fnt-xlarge .ux-input.digit-input1 input[type=number], .fnt-xlarge .ux-input.digit-input1 input[type=tel], .fnt-xlarge .ux-input.digit-input1 input[type=date], .fnt-xlarge .ux-input.digit-input1 select, .fnt-xlarge .ux-input.digit-input1 textarea { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.digit-input1 input[type=text].active, .ux-input.digit-input1 input[type=password].active, .ux-input.digit-input1 input[type=number].active, .ux-input.digit-input1 input[type=tel].active, .ux-input.digit-input1 input[type=date].active, .ux-input.digit-input1 select.active, .ux-input.digit-input1 textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.digit-input1 input[type=text].ng-invalid, .ux-input.digit-input1 input[type=password].ng-invalid, .ux-input.digit-input1 input[type=number].ng-invalid, .ux-input.digit-input1 input[type=tel].ng-invalid, .ux-input.digit-input1 input[type=date].ng-invalid, .ux-input.digit-input1 select.ng-invalid, .ux-input.digit-input1 textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input.digit-input1 input[type=text].ng-invalid.ng-untouched, .ux-input.digit-input1 input[type=password].ng-invalid.ng-untouched, .ux-input.digit-input1 input[type=number].ng-invalid.ng-untouched, .ux-input.digit-input1 input[type=tel].ng-invalid.ng-untouched, .ux-input.digit-input1 input[type=date].ng-invalid.ng-untouched, .ux-input.digit-input1 select.ng-invalid.ng-untouched, .ux-input.digit-input1 textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input.digit-input1 input[type=text]:focus, .ux-input.digit-input1 input[type=password]:focus, .ux-input.digit-input1 input[type=number]:focus, .ux-input.digit-input1 input[type=tel]:focus, .ux-input.digit-input1 input[type=date]:focus, .ux-input.digit-input1 select:focus, .ux-input.digit-input1 textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.digit-input1 input[type=text]::placeholder, .ux-input.digit-input1 input[type=password]::placeholder, .ux-input.digit-input1 input[type=number]::placeholder, .ux-input.digit-input1 input[type=tel]::placeholder, .ux-input.digit-input1 input[type=date]::placeholder, .ux-input.digit-input1 select::placeholder, .ux-input.digit-input1 textarea::placeholder { font-style: normal; } .ux-input.digit-input1 input[type=text]::placeholder, .ux-input.digit-input1 input[type=password]::placeholder, .ux-input.digit-input1 input[type=number]::placeholder, .ux-input.digit-input1 input[type=tel]::placeholder, .ux-input.digit-input1 input[type=date]::placeholder, .ux-input.digit-input1 select::placeholder, .ux-input.digit-input1 textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input.digit-input1 input[type=text]::-ms-input-placeholder, .ux-input.digit-input1 input[type=password]::-ms-input-placeholder, .ux-input.digit-input1 input[type=number]::-ms-input-placeholder, .ux-input.digit-input1 input[type=tel]::-ms-input-placeholder, .ux-input.digit-input1 input[type=date]::-ms-input-placeholder, .ux-input.digit-input1 select::-ms-input-placeholder, .ux-input.digit-input1 textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input.digit-input1 input[type=text]::-ms-input-placeholder, .ux-input.digit-input1 input[type=password]::-ms-input-placeholder, .ux-input.digit-input1 input[type=number]::-ms-input-placeholder, .ux-input.digit-input1 input[type=tel]::-ms-input-placeholder, .ux-input.digit-input1 input[type=date]::-ms-input-placeholder, .ux-input.digit-input1 select::-ms-input-placeholder, .ux-input.digit-input1 textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input.digit-input1 input[type=text]:disabled, .ux-input.digit-input1 input[type=password]:disabled, .ux-input.digit-input1 input[type=number]:disabled, .ux-input.digit-input1 input[type=tel]:disabled, .ux-input.digit-input1 input[type=date]:disabled, .ux-input.digit-input1 select:disabled, .ux-input.digit-input1 textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.digit-input2 { /*input*/ } .ux-input.digit-input2 input[type=text], .ux-input.digit-input2 input[type=password], .ux-input.digit-input2 input[type=number], .ux-input.digit-input2 input[type=tel], .ux-input.digit-input2 input[type=date], .ux-input.digit-input2 select, .ux-input.digit-input2 textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.7); display: block; width: 135px; letter-spacing: 1.5px; font-size: 14px; text-align: left; height: 39px; padding: 5px 5px 5px 0px; } .fnt-large .ux-input.digit-input2 input[type=text], .fnt-large .ux-input.digit-input2 input[type=password], .fnt-large .ux-input.digit-input2 input[type=number], .fnt-large .ux-input.digit-input2 input[type=tel], .fnt-large .ux-input.digit-input2 input[type=date], .fnt-large .ux-input.digit-input2 select, .fnt-large .ux-input.digit-input2 textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.digit-input2 input[type=text], .fnt-xlarge .ux-input.digit-input2 input[type=password], .fnt-xlarge .ux-input.digit-input2 input[type=number], .fnt-xlarge .ux-input.digit-input2 input[type=tel], .fnt-xlarge .ux-input.digit-input2 input[type=date], .fnt-xlarge .ux-input.digit-input2 select, .fnt-xlarge .ux-input.digit-input2 textarea { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.digit-input2 input[type=text].active, .ux-input.digit-input2 input[type=password].active, .ux-input.digit-input2 input[type=number].active, .ux-input.digit-input2 input[type=tel].active, .ux-input.digit-input2 input[type=date].active, .ux-input.digit-input2 select.active, .ux-input.digit-input2 textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.digit-input2 input[type=text].ng-invalid, .ux-input.digit-input2 input[type=password].ng-invalid, .ux-input.digit-input2 input[type=number].ng-invalid, .ux-input.digit-input2 input[type=tel].ng-invalid, .ux-input.digit-input2 input[type=date].ng-invalid, .ux-input.digit-input2 select.ng-invalid, .ux-input.digit-input2 textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input.digit-input2 input[type=text].ng-invalid.ng-untouched, .ux-input.digit-input2 input[type=password].ng-invalid.ng-untouched, .ux-input.digit-input2 input[type=number].ng-invalid.ng-untouched, .ux-input.digit-input2 input[type=tel].ng-invalid.ng-untouched, .ux-input.digit-input2 input[type=date].ng-invalid.ng-untouched, .ux-input.digit-input2 select.ng-invalid.ng-untouched, .ux-input.digit-input2 textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input.digit-input2 input[type=text]:focus, .ux-input.digit-input2 input[type=password]:focus, .ux-input.digit-input2 input[type=number]:focus, .ux-input.digit-input2 input[type=tel]:focus, .ux-input.digit-input2 input[type=date]:focus, .ux-input.digit-input2 select:focus, .ux-input.digit-input2 textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.digit-input2 input[type=text]::placeholder, .ux-input.digit-input2 input[type=password]::placeholder, .ux-input.digit-input2 input[type=number]::placeholder, .ux-input.digit-input2 input[type=tel]::placeholder, .ux-input.digit-input2 input[type=date]::placeholder, .ux-input.digit-input2 select::placeholder, .ux-input.digit-input2 textarea::placeholder { font-style: normal; letter-spacing: 0.2px; } .ux-input.digit-input2 input[type=text]::placeholder, .ux-input.digit-input2 input[type=password]::placeholder, .ux-input.digit-input2 input[type=number]::placeholder, .ux-input.digit-input2 input[type=tel]::placeholder, .ux-input.digit-input2 input[type=date]::placeholder, .ux-input.digit-input2 select::placeholder, .ux-input.digit-input2 textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input.digit-input2 input[type=text]::-ms-input-placeholder, .ux-input.digit-input2 input[type=password]::-ms-input-placeholder, .ux-input.digit-input2 input[type=number]::-ms-input-placeholder, .ux-input.digit-input2 input[type=tel]::-ms-input-placeholder, .ux-input.digit-input2 input[type=date]::-ms-input-placeholder, .ux-input.digit-input2 select::-ms-input-placeholder, .ux-input.digit-input2 textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input.digit-input2 input[type=text]::-ms-input-placeholder, .ux-input.digit-input2 input[type=password]::-ms-input-placeholder, .ux-input.digit-input2 input[type=number]::-ms-input-placeholder, .ux-input.digit-input2 input[type=tel]::-ms-input-placeholder, .ux-input.digit-input2 input[type=date]::-ms-input-placeholder, .ux-input.digit-input2 select::-ms-input-placeholder, .ux-input.digit-input2 textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input.digit-input2 input[type=text]:disabled, .ux-input.digit-input2 input[type=password]:disabled, .ux-input.digit-input2 input[type=number]:disabled, .ux-input.digit-input2 input[type=tel]:disabled, .ux-input.digit-input2 input[type=date]:disabled, .ux-input.digit-input2 select:disabled, .ux-input.digit-input2 textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.password1 { /*input*/ } .ux-input.password1 label { display: block; margin: 5px 0px 15px 0px; font-weight: 500; color: rgba(0, 0, 0, 0.85); font-family: "Heebo", sans-serif; font-size: 1.1rem; text-align: center; } .fnt-large .ux-input.password1 label { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.password1 label { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.password1 input[type=password], .ux-input.password1 input[type=number], .ux-input.password1 input[type=text], .ux-input.password1 input[type=tel], .ux-input.password1 input[type=date], .ux-input.password1 input[type=time] { border-bottom: 1px solid rgba(0, 0, 0, 0.6); border-radius: 0px; box-shadow: none !important; margin-top: 5px; margin-bottom: 5px; background: #ffffff; color: rgba(0, 51, 161, 0.9); display: block; width: 100%; font-size: 1rem; line-height: normal !important; text-align: center; height: 39px; padding: 0px; -webkit-text-security: disc !important; -moz-text-security: disc !important; -ms-text-security: disc !important; -o-text-security: disc !important; } .fnt-large .ux-input.password1 input[type=password], .fnt-large .ux-input.password1 input[type=number], .fnt-large .ux-input.password1 input[type=text], .fnt-large .ux-input.password1 input[type=tel], .fnt-large .ux-input.password1 input[type=date], .fnt-large .ux-input.password1 input[type=time] { font-size: 1.1rem; line-height: 23px; } .fnt-xlarge .ux-input.password1 input[type=password], .fnt-xlarge .ux-input.password1 input[type=number], .fnt-xlarge .ux-input.password1 input[type=text], .fnt-xlarge .ux-input.password1 input[type=tel], .fnt-xlarge .ux-input.password1 input[type=date], .fnt-xlarge .ux-input.password1 input[type=time] { font-size: 1.2rem; line-height: 24px; } .ux-input.password1 input[type=password].ng-invalid, .ux-input.password1 input[type=number].ng-invalid, .ux-input.password1 input[type=text].ng-invalid, .ux-input.password1 input[type=tel].ng-invalid, .ux-input.password1 input[type=date].ng-invalid, .ux-input.password1 input[type=time].ng-invalid { border-bottom: 2px solid #dc3545; box-shadow: none !important; } .ux-input.password1 input[type=password].ng-invalid.ng-untouched, .ux-input.password1 input[type=number].ng-invalid.ng-untouched, .ux-input.password1 input[type=text].ng-invalid.ng-untouched, .ux-input.password1 input[type=tel].ng-invalid.ng-untouched, .ux-input.password1 input[type=date].ng-invalid.ng-untouched, .ux-input.password1 input[type=time].ng-invalid.ng-untouched { border-bottom: 2px solid rgba(0, 0, 0, 0.3); box-shadow: none !important; } .ux-input.password1 input[type=password].active, .ux-input.password1 input[type=number].active, .ux-input.password1 input[type=text].active, .ux-input.password1 input[type=tel].active, .ux-input.password1 input[type=date].active, .ux-input.password1 input[type=time].active { border-bottom: 2px solid #0033A1; box-shadow: none !important; } .ux-input.password1 input[type=password]:focus, .ux-input.password1 input[type=number]:focus, .ux-input.password1 input[type=text]:focus, .ux-input.password1 input[type=tel]:focus, .ux-input.password1 input[type=date]:focus, .ux-input.password1 input[type=time]:focus { border-bottom: 2px solid #0033A1; box-shadow: none !important; } .ux-input.password1 input[type=password]::-webkit-input-placeholder, .ux-input.password1 input[type=number]::-webkit-input-placeholder, .ux-input.password1 input[type=text]::-webkit-input-placeholder, .ux-input.password1 input[type=tel]::-webkit-input-placeholder, .ux-input.password1 input[type=date]::-webkit-input-placeholder, .ux-input.password1 input[type=time]::-webkit-input-placeholder { /* Edge */ color: rgba(0, 0, 0, 0.2); position: relative; top: -1px; } .ux-input.password1 input[type=password]::-moz-input-placeholder, .ux-input.password1 input[type=number]::-moz-input-placeholder, .ux-input.password1 input[type=text]::-moz-input-placeholder, .ux-input.password1 input[type=tel]::-moz-input-placeholder, .ux-input.password1 input[type=date]::-moz-input-placeholder, .ux-input.password1 input[type=time]::-moz-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.2); } .ux-input.password1 input[type=password]::placeholder, .ux-input.password1 input[type=number]::placeholder, .ux-input.password1 input[type=text]::placeholder, .ux-input.password1 input[type=tel]::placeholder, .ux-input.password1 input[type=date]::placeholder, .ux-input.password1 input[type=time]::placeholder { color: rgba(0, 0, 0, 0.6); font-size: 14px; } .ux-input.password1 input[type=password]:disabled, .ux-input.password1 input[type=number]:disabled, .ux-input.password1 input[type=text]:disabled, .ux-input.password1 input[type=tel]:disabled, .ux-input.password1 input[type=date]:disabled, .ux-input.password1 input[type=time]:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important; } .ux-input.password1 input[type=password] #partitioned, .ux-input.password1 input[type=number] #partitioned, .ux-input.password1 input[type=text] #partitioned, .ux-input.password1 input[type=tel] #partitioned, .ux-input.password1 input[type=date] #partitioned, .ux-input.password1 input[type=time] #partitioned { padding-left: 15px; letter-spacing: 42px; border: 0; background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 50px 1px; background-repeat: repeat-x; background-position-x: 35px; width: 220px; min-width: 220px; } .ux-input.password1 input[type=password] #divInner, .ux-input.password1 input[type=number] #divInner, .ux-input.password1 input[type=text] #divInner, .ux-input.password1 input[type=tel] #divInner, .ux-input.password1 input[type=date] #divInner, .ux-input.password1 input[type=time] #divInner { left: 0; position: sticky; } .ux-input.password1 input[type=password] #divOuter, .ux-input.password1 input[type=number] #divOuter, .ux-input.password1 input[type=text] #divOuter, .ux-input.password1 input[type=tel] #divOuter, .ux-input.password1 input[type=date] #divOuter, .ux-input.password1 input[type=time] #divOuter { width: 190px; overflow: hidden; } .ux-input.password1 input[type=number]::-webkit-inner-spin-button, .ux-input.password1 input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .ux-input.password1 input[type=number] { -webkit-appearance: textfield; appearance: textfield; } .ux-input.password1 p { font-size: 0.8rem; margin-bottom: 0; text-align: left; } .fnt-large .ux-input.password1 p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.password1 p { font-size: 1rem; line-height: 1.1rem; } .ux-input.password1 p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input.password1 p.error-message { text-align: left; color: #CE0E41; display: block; } .ux-input.password1 p.success-message { text-align: left; color: #03914a; display: block; } .ux-input.password1 p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .ux-input.password1 p.info-message span { font-size: 0.75rem; } .ux-input.password1 p.info-message span.success { color: #0033a1; } .ux-input.debit-number { /*input*/ } .ux-input.debit-number label { display: block; margin-bottom: 0px; font-family: "helveticaneuemedium"; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-size: 1rem; text-align: center; } .fnt-large .ux-input.debit-number label { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.debit-number label { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.debit-number input[type=password], .ux-input.debit-number input[type=number], .ux-input.debit-number input[type=text], .ux-input.debit-number input[type=tel], .ux-input.debit-number input[type=date], .ux-input.debit-number input[type=time] { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: none !important; margin-top: 5px; margin-bottom: 5px; background: #ffffff; color: rgba(0, 0, 0, 0.6); display: block; width: 100%; font-size: 1rem; line-height: normal !important; text-align: center; height: 39px; padding: 0px; } .fnt-large .ux-input.debit-number input[type=password], .fnt-large .ux-input.debit-number input[type=number], .fnt-large .ux-input.debit-number input[type=text], .fnt-large .ux-input.debit-number input[type=tel], .fnt-large .ux-input.debit-number input[type=date], .fnt-large .ux-input.debit-number input[type=time] { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.debit-number input[type=password], .fnt-xlarge .ux-input.debit-number input[type=number], .fnt-xlarge .ux-input.debit-number input[type=text], .fnt-xlarge .ux-input.debit-number input[type=tel], .fnt-xlarge .ux-input.debit-number input[type=date], .fnt-xlarge .ux-input.debit-number input[type=time] { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.debit-number input[type=password].ng-invalid, .ux-input.debit-number input[type=number].ng-invalid, .ux-input.debit-number input[type=text].ng-invalid, .ux-input.debit-number input[type=tel].ng-invalid, .ux-input.debit-number input[type=date].ng-invalid, .ux-input.debit-number input[type=time].ng-invalid { border: 2px solid #dc3545; box-shadow: none !important; } .ux-input.debit-number input[type=password].ng-invalid.ng-untouched, .ux-input.debit-number input[type=number].ng-invalid.ng-untouched, .ux-input.debit-number input[type=text].ng-invalid.ng-untouched, .ux-input.debit-number input[type=tel].ng-invalid.ng-untouched, .ux-input.debit-number input[type=date].ng-invalid.ng-untouched, .ux-input.debit-number input[type=time].ng-invalid.ng-untouched { border: 2px solid rgba(0, 0, 0, 0.3); box-shadow: none !important; } .ux-input.debit-number input[type=password].active, .ux-input.debit-number input[type=number].active, .ux-input.debit-number input[type=text].active, .ux-input.debit-number input[type=tel].active, .ux-input.debit-number input[type=date].active, .ux-input.debit-number input[type=time].active { border: 2px solid #0033A1 !important; border-bottom: 2px solid #0033A1; box-shadow: none !important; } .ux-input.debit-number input[type=password]:focus, .ux-input.debit-number input[type=number]:focus, .ux-input.debit-number input[type=text]:focus, .ux-input.debit-number input[type=tel]:focus, .ux-input.debit-number input[type=date]:focus, .ux-input.debit-number input[type=time]:focus { border: 2px solid #0033A1 !important; border-bottom: 2px solid #0033A1; box-shadow: none !important; } .ux-input.debit-number input[type=password]::-webkit-input-placeholder, .ux-input.debit-number input[type=number]::-webkit-input-placeholder, .ux-input.debit-number input[type=text]::-webkit-input-placeholder, .ux-input.debit-number input[type=tel]::-webkit-input-placeholder, .ux-input.debit-number input[type=date]::-webkit-input-placeholder, .ux-input.debit-number input[type=time]::-webkit-input-placeholder { /* Edge */ color: rgba(0, 0, 0, 0.2); position: relative; top: 1px; } .ux-input.debit-number input[type=password]::-moz-input-placeholder, .ux-input.debit-number input[type=number]::-moz-input-placeholder, .ux-input.debit-number input[type=text]::-moz-input-placeholder, .ux-input.debit-number input[type=tel]::-moz-input-placeholder, .ux-input.debit-number input[type=date]::-moz-input-placeholder, .ux-input.debit-number input[type=time]::-moz-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.2); } .ux-input.debit-number input[type=password]::placeholder, .ux-input.debit-number input[type=number]::placeholder, .ux-input.debit-number input[type=text]::placeholder, .ux-input.debit-number input[type=tel]::placeholder, .ux-input.debit-number input[type=date]::placeholder, .ux-input.debit-number input[type=time]::placeholder { color: rgba(0, 0, 0, 0.2); font-size: 14px; } .ux-input.debit-number input[type=password]:disabled, .ux-input.debit-number input[type=number]:disabled, .ux-input.debit-number input[type=text]:disabled, .ux-input.debit-number input[type=tel]:disabled, .ux-input.debit-number input[type=date]:disabled, .ux-input.debit-number input[type=time]:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border: 2px solid rgba(0, 0, 0, 0.1) !important; } .ux-input.debit-number input[type=number]::-webkit-inner-spin-button, .ux-input.debit-number input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .ux-input.debit-number input[type=number] { -webkit-appearance: textfield; appearance: textfield; } .ux-input.debit-number p { font-size: 0.8rem; margin-bottom: 0; text-align: left; } .fnt-large .ux-input.debit-number p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.debit-number p { font-size: 1rem; line-height: 1.1rem; } .ux-input.debit-number p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input.debit-number p.error-message { text-align: left; color: #CE0E41; display: block; } .ux-input.debit-number p.success-message { text-align: left; color: #03914a; display: block; } .ux-input.debit-number p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .ux-input.greenbg-input { padding: 0px 0; position: relative; /*input*/ /*select*/ } @media (min-width: 767px) { .ux-input.greenbg-input { margin: 2px 0px; } } @media (max-width: 767px) { .ux-input.greenbg-input { margin: 0px 0px; } } .ux-input.greenbg-input .hide-d { display: inline-block; } @media (min-width: 767px) { .ux-input.greenbg-input .hide-d { display: none; } } .ux-input.greenbg-input label { display: block; margin-bottom: 0px; font-weight: 500; color: white; font-size: 0.85rem; text-align: left; } .fnt-large .ux-input.greenbg-input label { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .ux-input.greenbg-input label { font-size: 0.9rem; line-height: 1rem; } [theme=light] .ux-input.greenbg-input label { color: #000000; } @media (min-width: 767px) { .ux-input.greenbg-input label { margin: 6px 0; font-size: 1rem; } } @media (max-width: 767px) { .ux-input.greenbg-input label { margin: 3px 5px; } } .ux-input.greenbg-input input[type=text], .ux-input.greenbg-input input[type=password], .ux-input.greenbg-input input[type=tel], .ux-input.greenbg-input input[type=date], .ux-input.greenbg-input input[type=time], .ux-input.greenbg-input select, .ux-input.greenbg-input textarea { border: none; border-bottom: 0px solid rgba(0, 0, 0, 0.4); background-color: #002482 !important; border-radius: 20px; box-shadow: none; margin-bottom: 5px; color: white; display: block; width: 100%; font-size: 0.9rem; font-weight: 400; text-align: left; height: 32px; padding: 4px 20px 4px 6px; position: relative; } .fnt-large .ux-input.greenbg-input input[type=text], .fnt-large .ux-input.greenbg-input input[type=password], .fnt-large .ux-input.greenbg-input input[type=tel], .fnt-large .ux-input.greenbg-input input[type=date], .fnt-large .ux-input.greenbg-input input[type=time], .fnt-large .ux-input.greenbg-input select, .fnt-large .ux-input.greenbg-input textarea { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .ux-input.greenbg-input input[type=text], .fnt-xlarge .ux-input.greenbg-input input[type=password], .fnt-xlarge .ux-input.greenbg-input input[type=tel], .fnt-xlarge .ux-input.greenbg-input input[type=date], .fnt-xlarge .ux-input.greenbg-input input[type=time], .fnt-xlarge .ux-input.greenbg-input select, .fnt-xlarge .ux-input.greenbg-input textarea { font-size: 1.1rem; line-height: 1.2rem; } @media (min-width: 767px) { .ux-input.greenbg-input input[type=text], .ux-input.greenbg-input input[type=password], .ux-input.greenbg-input input[type=tel], .ux-input.greenbg-input input[type=date], .ux-input.greenbg-input input[type=time], .ux-input.greenbg-input select, .ux-input.greenbg-input textarea { min-width: 160px; font-size: 0.85rem; } } .ux-input.greenbg-input input[type=text].active, .ux-input.greenbg-input input[type=password].active, .ux-input.greenbg-input input[type=tel].active, .ux-input.greenbg-input input[type=date].active, .ux-input.greenbg-input input[type=time].active, .ux-input.greenbg-input select.active, .ux-input.greenbg-input textarea.active { border-bottom: 0px solid #0033A1; box-shadow: 0 0px 0 0 #0033A1; } .ux-input.greenbg-input input[type=text]:focus, .ux-input.greenbg-input input[type=password]:focus, .ux-input.greenbg-input input[type=tel]:focus, .ux-input.greenbg-input input[type=date]:focus, .ux-input.greenbg-input input[type=time]:focus, .ux-input.greenbg-input select:focus, .ux-input.greenbg-input textarea:focus { border-bottom: 0px solid #0033A1; box-shadow: 0 0px 0 0 #0033A1; } .ux-input.greenbg-input input[type=text]::placeholder, .ux-input.greenbg-input input[type=password]::placeholder, .ux-input.greenbg-input input[type=tel]::placeholder, .ux-input.greenbg-input input[type=date]::placeholder, .ux-input.greenbg-input input[type=time]::placeholder, .ux-input.greenbg-input select::placeholder, .ux-input.greenbg-input textarea::placeholder { font-style: italic; color: rgba(255, 255, 255, 0.4); } .ux-input.greenbg-input input[type=text]:disabled, .ux-input.greenbg-input input[type=password]:disabled, .ux-input.greenbg-input input[type=tel]:disabled, .ux-input.greenbg-input input[type=date]:disabled, .ux-input.greenbg-input input[type=time]:disabled, .ux-input.greenbg-input select:disabled, .ux-input.greenbg-input textarea:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.5); cursor: not-allowed; border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .ux-input.greenbg-input select { background: url('arrow-down-w.png') no-repeat center right; -webkit-appearance: none; appearance: none; background-position: bottom 10px right 8px; background-size: 12px; } .ux-input.greenbg-input select::-ms-expand { display: none; } .ux-input.greenbg-input select:disabled { background: url('arrow-down-rd.png') no-repeat center right; -webkit-appearance: none; appearance: none; background-position: bottom 11px right 10px; background-size: 15px; color: rgba(0, 0, 0, 0.6); background-color: #efefef; cursor: not-allowed; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.greenbg-input p { font-size: 0.75rem; margin-bottom: 0; text-align: center !important; } .fnt-large .ux-input.greenbg-input p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.greenbg-input p { font-size: 1rem; line-height: 1.1rem; } .ux-input.greenbg-input p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input.greenbg-input p.error-message { text-align: center !important; color: #CE0E41; display: block; } .ux-input.greenbg-input p.success-message { text-align: center !important; color: #03914a; display: block; } .ux-input.greenbg-input p.info-message { text-align: center !important; color: rgba(255, 255, 255, 0.9); display: block; } .ux-input.greenbg-input p.info-message span { font-size: 0.75rem; } .ux-input.greenbg-input p.info-message span.success { color: #0033a1; } .ux-input.greenbg-input p.info-message2 { color: rgba(255, 255, 255, 0.7); background-color: #002482 !important; border-radius: 20px; font-size: 0.85rem; line-height: 1.1rem; text-align: right; display: inline-block; padding: 4px 15px 4px 15px; } .ux-input.greenbg-input p.info-message2 span { font-size: 0.95rem; color: rgba(255, 255, 255, 0.9); line-height: 1.2rem; margin-left: 5px; } [theme=light] .ux-input.greenbg-input p.info-message2 span { color: #000000; } @media (max-width: 767px) { .ux-input.greenbg-input p.info-message2 span { font-size: 0.85rem; margin: 0px 0px 0px 5px; } } .ux-input.greenbg-input p.info-message2 i { font-style: normal; font-size: 0.95rem; } @media (max-width: 767px) { .ux-input.greenbg-input p.info-message2 i { font-size: 0.85rem; } } @media (max-width: 767px) { .ux-input.greenbg-input p.info-message2 { background-color: transparent !important; display: block; text-align: right !important; border-radius: 0px; padding: 1px 1px 1px 1px; font-size: 0.8rem; } .ux-input.greenbg-input p.info-message2.hide-m { display: none; } } .ux-input.greenbg-input p.info-message2.with-bg span { text-align: right; float: right; color: white; font-size: 0.9rem; line-height: 1rem; } [theme=light] .ux-input.greenbg-input p.info-message2.with-bg span { color: #000000; } .ux-input.greenbg-input p.info-message2.with-bg i { font-style: normal; font-size: 0.9rem; text-align: left; display: inline-block; } @media (min-width: 767px) { .ux-input.greenbg-input p.info-message2.with-bg i { display: none !important; } } @media (max-width: 767px) { .ux-input.greenbg-input p.info-message2.with-bg i { color: rgba(255, 255, 255, 0.6); text-align: left; display: inline-block; } } @media (max-width: 767px) { .ux-input.greenbg-input p.info-message2.with-bg { border: none; border-bottom: 0px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 40, 145, 0.8) !important; border-radius: 20px; box-shadow: none; margin-bottom: 5px; color: rgba(255, 255, 255, 0.6); width: 100%; font-size: 0.9rem; line-height: 1rem; font-weight: 400; text-align: left !important; padding: 10px 12px 8px 12px; position: relative; display: block; } .ux-input.greenbg-input p.info-message2.with-bg i { display: inline-block; text-align: left; } } .ux-input.greenbg-input p.info-message2.with-bg2 { background-color: #0033a1 !important; } .ux-input.greenbg-input p.info-message2.with-bg2 span { text-align: right; float: right; color: white; font-size: 0.9rem; line-height: 1rem; } [theme=light] .ux-input.greenbg-input p.info-message2.with-bg2 span { color: #000000; } .ux-input.greenbg-input p.info-message2.with-bg2 i { font-style: normal; font-size: 0.9rem; text-align: left; display: inline-block; } @media (min-width: 767px) { .ux-input.greenbg-input p.info-message2.with-bg2 i { display: none !important; } } @media (max-width: 767px) { .ux-input.greenbg-input p.info-message2.with-bg2 i { color: rgba(255, 255, 255, 0.75); text-align: left; display: inline-block; } } @media (max-width: 767px) { .ux-input.greenbg-input p.info-message2.with-bg2 { border: none; border-bottom: none; background-color: #0033a1 !important; border-radius: 20px; box-shadow: none; margin-bottom: 5px; color: rgba(255, 255, 255, 0.8); width: 100%; font-size: 0.9rem; line-height: 1rem; font-weight: 400; text-align: left !important; padding: 10px 12px 8px 12px; position: relative; display: block; } .ux-input.greenbg-input p.info-message2.with-bg2 i { display: inline-block; text-align: left; } } @media (max-width: 767px) { .ux-input.greenbg-input .hide-m { display: none; } } .ux-input.search-input { /*input*/ } .ux-input.search-input input[type=text], .ux-input.search-input input[type=password], .ux-input.search-input input[type=number], .ux-input.search-input input[type=tel], .ux-input.search-input input[type=date], .ux-input.search-input input[type=time], .ux-input.search-input input[type=email] { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0px; box-shadow: none; margin-bottom: 0px; color: rgba(0, 0, 0, 0.6); display: block; width: 100%; font-size: 1rem; height: 39px; padding: 5px 5px 5px 30px; position: relative; } [theme=dark] .ux-input.search-input input[type=text], [theme=dark] .ux-input.search-input input[type=password], [theme=dark] .ux-input.search-input input[type=number], [theme=dark] .ux-input.search-input input[type=tel], [theme=dark] .ux-input.search-input input[type=date], [theme=dark] .ux-input.search-input input[type=time], [theme=dark] .ux-input.search-input input[type=email] { border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.6); } .fnt-large .ux-input.search-input input[type=text], .fnt-large .ux-input.search-input input[type=password], .fnt-large .ux-input.search-input input[type=number], .fnt-large .ux-input.search-input input[type=tel], .fnt-large .ux-input.search-input input[type=date], .fnt-large .ux-input.search-input input[type=time], .fnt-large .ux-input.search-input input[type=email] { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.search-input input[type=text], .fnt-xlarge .ux-input.search-input input[type=password], .fnt-xlarge .ux-input.search-input input[type=number], .fnt-xlarge .ux-input.search-input input[type=tel], .fnt-xlarge .ux-input.search-input input[type=date], .fnt-xlarge .ux-input.search-input input[type=time], .fnt-xlarge .ux-input.search-input input[type=email] { font-size: 1.2rem; line-height: 1.3rem; } [theme=dark] .ux-input.search-input input[type=text], [theme=dark] .ux-input.search-input input[type=password], [theme=dark] .ux-input.search-input input[type=number], [theme=dark] .ux-input.search-input input[type=tel], [theme=dark] .ux-input.search-input input[type=date], [theme=dark] .ux-input.search-input input[type=time], [theme=dark] .ux-input.search-input input[type=email] { color: #ffffff; } .ux-input.search-input input[type=text].active, .ux-input.search-input input[type=password].active, .ux-input.search-input input[type=number].active, .ux-input.search-input input[type=tel].active, .ux-input.search-input input[type=date].active, .ux-input.search-input input[type=time].active, .ux-input.search-input input[type=email].active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.search-input input[type=text].ng-invalid, .ux-input.search-input input[type=password].ng-invalid, .ux-input.search-input input[type=number].ng-invalid, .ux-input.search-input input[type=tel].ng-invalid, .ux-input.search-input input[type=date].ng-invalid, .ux-input.search-input input[type=time].ng-invalid, .ux-input.search-input input[type=email].ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input.search-input input[type=text].ng-invalid.ng-untouched, .ux-input.search-input input[type=password].ng-invalid.ng-untouched, .ux-input.search-input input[type=number].ng-invalid.ng-untouched, .ux-input.search-input input[type=tel].ng-invalid.ng-untouched, .ux-input.search-input input[type=date].ng-invalid.ng-untouched, .ux-input.search-input input[type=time].ng-invalid.ng-untouched, .ux-input.search-input input[type=email].ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input.search-input input[type=text]:focus, .ux-input.search-input input[type=password]:focus, .ux-input.search-input input[type=number]:focus, .ux-input.search-input input[type=tel]:focus, .ux-input.search-input input[type=date]:focus, .ux-input.search-input input[type=time]:focus, .ux-input.search-input input[type=email]:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.search-input input[type=text]::placeholder, .ux-input.search-input input[type=password]::placeholder, .ux-input.search-input input[type=number]::placeholder, .ux-input.search-input input[type=tel]::placeholder, .ux-input.search-input input[type=date]::placeholder, .ux-input.search-input input[type=time]::placeholder, .ux-input.search-input input[type=email]::placeholder { font-style: normal; } .ux-input.search-input input[type=text]::placeholder, .ux-input.search-input input[type=password]::placeholder, .ux-input.search-input input[type=number]::placeholder, .ux-input.search-input input[type=tel]::placeholder, .ux-input.search-input input[type=date]::placeholder, .ux-input.search-input input[type=time]::placeholder, .ux-input.search-input input[type=email]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input.search-input input[type=text]::-ms-input-placeholder, .ux-input.search-input input[type=password]::-ms-input-placeholder, .ux-input.search-input input[type=number]::-ms-input-placeholder, .ux-input.search-input input[type=tel]::-ms-input-placeholder, .ux-input.search-input input[type=date]::-ms-input-placeholder, .ux-input.search-input input[type=time]::-ms-input-placeholder, .ux-input.search-input input[type=email]::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input.search-input input[type=text]::-ms-input-placeholder, .ux-input.search-input input[type=password]::-ms-input-placeholder, .ux-input.search-input input[type=number]::-ms-input-placeholder, .ux-input.search-input input[type=tel]::-ms-input-placeholder, .ux-input.search-input input[type=date]::-ms-input-placeholder, .ux-input.search-input input[type=time]::-ms-input-placeholder, .ux-input.search-input input[type=email]::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input.search-input input[type=text]:disabled, .ux-input.search-input input[type=password]:disabled, .ux-input.search-input input[type=number]:disabled, .ux-input.search-input input[type=tel]:disabled, .ux-input.search-input input[type=date]:disabled, .ux-input.search-input input[type=time]:disabled, .ux-input.search-input input[type=email]:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.search-input .show-searchicon { background: url('search-s.png') no-repeat center center; background-size: 16px; position: absolute; left: 5px; height: 16px; width: 16px; top: 12px; } .ux-input.expiry-input { /*input*/ } .ux-input.expiry-input label { display: block; margin-bottom: 0px; font-family: "helveticaneuemedium"; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-size: 1rem; text-align: center; } .fnt-large .ux-input.expiry-input label { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.expiry-input label { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.expiry-input input[type=password], .ux-input.expiry-input input[type=number], .ux-input.expiry-input input[type=text], .ux-input.expiry-input input[type=tel], .ux-input.expiry-input input[type=date], .ux-input.expiry-input input[type=time] { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: none !important; margin-top: 5px; margin-bottom: 5px; background: #ffffff; color: rgba(0, 51, 161, 0.9); display: block; width: 100%; font-size: 1rem; line-height: normal !important; text-align: center; height: 39px; padding: 0px; } .fnt-large .ux-input.expiry-input input[type=password], .fnt-large .ux-input.expiry-input input[type=number], .fnt-large .ux-input.expiry-input input[type=text], .fnt-large .ux-input.expiry-input input[type=tel], .fnt-large .ux-input.expiry-input input[type=date], .fnt-large .ux-input.expiry-input input[type=time] { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.expiry-input input[type=password], .fnt-xlarge .ux-input.expiry-input input[type=number], .fnt-xlarge .ux-input.expiry-input input[type=text], .fnt-xlarge .ux-input.expiry-input input[type=tel], .fnt-xlarge .ux-input.expiry-input input[type=date], .fnt-xlarge .ux-input.expiry-input input[type=time] { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.expiry-input input[type=password].ng-invalid, .ux-input.expiry-input input[type=number].ng-invalid, .ux-input.expiry-input input[type=text].ng-invalid, .ux-input.expiry-input input[type=tel].ng-invalid, .ux-input.expiry-input input[type=date].ng-invalid, .ux-input.expiry-input input[type=time].ng-invalid { border: 2px solid #dc3545; box-shadow: none !important; } .ux-input.expiry-input input[type=password].ng-invalid.ng-untouched, .ux-input.expiry-input input[type=number].ng-invalid.ng-untouched, .ux-input.expiry-input input[type=text].ng-invalid.ng-untouched, .ux-input.expiry-input input[type=tel].ng-invalid.ng-untouched, .ux-input.expiry-input input[type=date].ng-invalid.ng-untouched, .ux-input.expiry-input input[type=time].ng-invalid.ng-untouched { border: 2px solid rgba(0, 0, 0, 0.3); box-shadow: none !important; } .ux-input.expiry-input input[type=password].active, .ux-input.expiry-input input[type=number].active, .ux-input.expiry-input input[type=text].active, .ux-input.expiry-input input[type=tel].active, .ux-input.expiry-input input[type=date].active, .ux-input.expiry-input input[type=time].active { border: 2px solid #0033A1 !important; box-shadow: none !important; } .ux-input.expiry-input input[type=password]:focus, .ux-input.expiry-input input[type=number]:focus, .ux-input.expiry-input input[type=text]:focus, .ux-input.expiry-input input[type=tel]:focus, .ux-input.expiry-input input[type=date]:focus, .ux-input.expiry-input input[type=time]:focus { border: 2px solid #0033A1 !important; box-shadow: none !important; } .ux-input.expiry-input input[type=password]::-webkit-input-placeholder, .ux-input.expiry-input input[type=number]::-webkit-input-placeholder, .ux-input.expiry-input input[type=text]::-webkit-input-placeholder, .ux-input.expiry-input input[type=tel]::-webkit-input-placeholder, .ux-input.expiry-input input[type=date]::-webkit-input-placeholder, .ux-input.expiry-input input[type=time]::-webkit-input-placeholder { /* Edge */ color: rgba(0, 0, 0, 0.4); position: relative; top: -1px; font-style: normal; } .ux-input.expiry-input input[type=password]::-moz-input-placeholder, .ux-input.expiry-input input[type=number]::-moz-input-placeholder, .ux-input.expiry-input input[type=text]::-moz-input-placeholder, .ux-input.expiry-input input[type=tel]::-moz-input-placeholder, .ux-input.expiry-input input[type=date]::-moz-input-placeholder, .ux-input.expiry-input input[type=time]::-moz-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.4); font-style: normal; } .ux-input.expiry-input input[type=password]::placeholder, .ux-input.expiry-input input[type=number]::placeholder, .ux-input.expiry-input input[type=text]::placeholder, .ux-input.expiry-input input[type=tel]::placeholder, .ux-input.expiry-input input[type=date]::placeholder, .ux-input.expiry-input input[type=time]::placeholder { color: rgba(0, 0, 0, 0.4); font-style: normal; } .ux-input.expiry-input input[type=password]:disabled, .ux-input.expiry-input input[type=number]:disabled, .ux-input.expiry-input input[type=text]:disabled, .ux-input.expiry-input input[type=tel]:disabled, .ux-input.expiry-input input[type=date]:disabled, .ux-input.expiry-input input[type=time]:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border: 2px solid rgba(0, 0, 0, 0.1) !important; } .ux-input.expiry-input input[type=number]::-webkit-inner-spin-button, .ux-input.expiry-input input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .ux-input.expiry-input input[type=number] { -webkit-appearance: textfield; appearance: textfield; } .ux-input.expiry-input p { font-size: 0.8rem; margin-bottom: 0; text-align: left; } .fnt-large .ux-input.expiry-input p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.expiry-input p { font-size: 1rem; line-height: 1.1rem; } .ux-input.expiry-input p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input.expiry-input p.error-message { text-align: left; color: #CE0E41; display: block; } .ux-input.expiry-input p.success-message { text-align: left; color: #03914a; display: block; } .ux-input.expiry-input p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .ux-input.expiry-input p.info-message span { font-size: 0.75rem; } .ux-input.expiry-input p.info-message span.success { color: #0033a1; } .ux-input.custom-input1 label { display: block; margin-bottom: 5px; color: rgba(0, 0, 0, 0.7); } [theme=dark] .ux-input.custom-input1 label { color: #ffffff; } .ux-input.custom-input1 .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .ux-input.custom-input1 .form-control1 { display: flex; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; height: 39px; font-weight: 400; line-height: 1.5; color: #495057; background-color: rgba(0, 0, 0, 0.06); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin-right: 5px; position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .fnt-large .ux-input.custom-input1 .form-control1 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.custom-input1 .form-control1 { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.custom-input1 .form-control1.active { border: 1px solid #0033A1; box-shadow: none; } .ux-input.custom-input1 .form-control1.ng-invalid { border: 1px solid #dc3545; box-shadow: none; } .ux-input.custom-input1 .form-control1.ng-invalid.ng-untouched { border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: none; } .ux-input.custom-input1 .form-control1:focus { border: 1px solid #0033A1; box-shadow: none; } .ux-input.custom-input1 .form-control1::placeholder { font-style: normal; } .ux-input.custom-input1 .form-control1::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.45); opacity: 1; /* Firefox */ } .ux-input.custom-input1 .form-control1::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.45); } .ux-input.custom-input1 .form-control1::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.45); } .ux-input.custom-input1 .form-control1:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border: 2px solid rgba(0, 0, 0, 0.1); box-shadow: none; } .ux-input.whitebg-input { padding: 15px 30px; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); position: relative; border-radius: 10px; margin-top: 60px; clear: both; /*input*/ } @media (max-height: 570px) { .ux-input.whitebg-input { margin-top: 40px; } } .ux-input.whitebg-input label { display: block; margin-bottom: 20px; font-weight: 500; color: rgba(0, 51, 161, 0.85); font-size: 0.8rem; text-align: center; } .fnt-large .ux-input.whitebg-input label { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.whitebg-input label { font-size: 1rem; line-height: 1.1rem; } .ux-input.whitebg-input input[type=text], .ux-input.whitebg-input input[type=password], .ux-input.whitebg-input input[type=number], .ux-input.whitebg-input input[type=tel], .ux-input.whitebg-input input[type=date], .ux-input.whitebg-input input[type=time], .ux-input.whitebg-input select, .ux-input.whitebg-input textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.6); display: block; text-align: center; width: 100%; font-size: 1rem; height: 39px; padding: 5px 5px 5px 5px; } .fnt-large .ux-input.whitebg-input input[type=text], .fnt-large .ux-input.whitebg-input input[type=password], .fnt-large .ux-input.whitebg-input input[type=number], .fnt-large .ux-input.whitebg-input input[type=tel], .fnt-large .ux-input.whitebg-input input[type=date], .fnt-large .ux-input.whitebg-input input[type=time], .fnt-large .ux-input.whitebg-input select, .fnt-large .ux-input.whitebg-input textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input.whitebg-input input[type=text], .fnt-xlarge .ux-input.whitebg-input input[type=password], .fnt-xlarge .ux-input.whitebg-input input[type=number], .fnt-xlarge .ux-input.whitebg-input input[type=tel], .fnt-xlarge .ux-input.whitebg-input input[type=date], .fnt-xlarge .ux-input.whitebg-input input[type=time], .fnt-xlarge .ux-input.whitebg-input select, .fnt-xlarge .ux-input.whitebg-input textarea { font-size: 1.2rem; line-height: 1.3rem; } .ux-input.whitebg-input input[type=text].active, .ux-input.whitebg-input input[type=password].active, .ux-input.whitebg-input input[type=number].active, .ux-input.whitebg-input input[type=tel].active, .ux-input.whitebg-input input[type=date].active, .ux-input.whitebg-input input[type=time].active, .ux-input.whitebg-input select.active, .ux-input.whitebg-input textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.whitebg-input input[type=text].ng-invalid, .ux-input.whitebg-input input[type=password].ng-invalid, .ux-input.whitebg-input input[type=number].ng-invalid, .ux-input.whitebg-input input[type=tel].ng-invalid, .ux-input.whitebg-input input[type=date].ng-invalid, .ux-input.whitebg-input input[type=time].ng-invalid, .ux-input.whitebg-input select.ng-invalid, .ux-input.whitebg-input textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .ux-input.whitebg-input input[type=text].ng-invalid.ng-untouched, .ux-input.whitebg-input input[type=password].ng-invalid.ng-untouched, .ux-input.whitebg-input input[type=number].ng-invalid.ng-untouched, .ux-input.whitebg-input input[type=tel].ng-invalid.ng-untouched, .ux-input.whitebg-input input[type=date].ng-invalid.ng-untouched, .ux-input.whitebg-input input[type=time].ng-invalid.ng-untouched, .ux-input.whitebg-input select.ng-invalid.ng-untouched, .ux-input.whitebg-input textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .ux-input.whitebg-input input[type=text]:focus, .ux-input.whitebg-input input[type=password]:focus, .ux-input.whitebg-input input[type=number]:focus, .ux-input.whitebg-input input[type=tel]:focus, .ux-input.whitebg-input input[type=date]:focus, .ux-input.whitebg-input input[type=time]:focus, .ux-input.whitebg-input select:focus, .ux-input.whitebg-input textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input.whitebg-input input[type=text]::placeholder, .ux-input.whitebg-input input[type=password]::placeholder, .ux-input.whitebg-input input[type=number]::placeholder, .ux-input.whitebg-input input[type=tel]::placeholder, .ux-input.whitebg-input input[type=date]::placeholder, .ux-input.whitebg-input input[type=time]::placeholder, .ux-input.whitebg-input select::placeholder, .ux-input.whitebg-input textarea::placeholder { font-style: normal; } .ux-input.whitebg-input input[type=text]::placeholder, .ux-input.whitebg-input input[type=password]::placeholder, .ux-input.whitebg-input input[type=number]::placeholder, .ux-input.whitebg-input input[type=tel]::placeholder, .ux-input.whitebg-input input[type=date]::placeholder, .ux-input.whitebg-input input[type=time]::placeholder, .ux-input.whitebg-input select::placeholder, .ux-input.whitebg-input textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.4); opacity: 1; /* Firefox */ } .ux-input.whitebg-input input[type=text]::-ms-input-placeholder, .ux-input.whitebg-input input[type=password]::-ms-input-placeholder, .ux-input.whitebg-input input[type=number]::-ms-input-placeholder, .ux-input.whitebg-input input[type=tel]::-ms-input-placeholder, .ux-input.whitebg-input input[type=date]::-ms-input-placeholder, .ux-input.whitebg-input input[type=time]::-ms-input-placeholder, .ux-input.whitebg-input select::-ms-input-placeholder, .ux-input.whitebg-input textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.4); } .ux-input.whitebg-input input[type=text]::-ms-input-placeholder, .ux-input.whitebg-input input[type=password]::-ms-input-placeholder, .ux-input.whitebg-input input[type=number]::-ms-input-placeholder, .ux-input.whitebg-input input[type=tel]::-ms-input-placeholder, .ux-input.whitebg-input input[type=date]::-ms-input-placeholder, .ux-input.whitebg-input input[type=time]::-ms-input-placeholder, .ux-input.whitebg-input select::-ms-input-placeholder, .ux-input.whitebg-input textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.4); } .ux-input.whitebg-input input[type=text]:disabled, .ux-input.whitebg-input input[type=password]:disabled, .ux-input.whitebg-input input[type=number]:disabled, .ux-input.whitebg-input input[type=tel]:disabled, .ux-input.whitebg-input input[type=date]:disabled, .ux-input.whitebg-input input[type=time]:disabled, .ux-input.whitebg-input select:disabled, .ux-input.whitebg-input textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.whitebg-input p { font-size: 0.8rem; margin-bottom: 0; text-align: left; } .fnt-large .ux-input.whitebg-input p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input.whitebg-input p { font-size: 1rem; line-height: 1.1rem; } .ux-input.whitebg-input p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input.whitebg-input p.error-message { text-align: left; color: #CE0E41; display: block; } .ux-input.whitebg-input p.success-message { text-align: left; color: #03914a; display: block; } .ux-input.whitebg-input p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .ux-input.whitebg-input p.info-message span { font-size: 0.75rem; } .ux-input.whitebg-input p.info-message span.success { color: #0033a1; } .ux-input input[type=date] { padding: 5px 8px; } .ux-input input[type=number] { -webkit-appearance: textfield; appearance: textfield; } .ux-input.open-dropdown { height: 75px; overflow-y: visible; position: relative; z-index: 10; } .ux-input.open-dropdown select { min-height: 75px !important; height: auto !important; overflow-x: scroll; background-color: white; border: 1px solid #ccc; background-image: none; position: absolute; } .ux-input select::-ms-expand { display: none; } .ux-input select { background: url('bluedownarrow.svg') no-repeat center right; -webkit-appearance: none; appearance: none; background-position: bottom 0px right 6px; background-size: 25px; height: 32px; -webkit-padding-start: 10px; -webkit-padding-end: 28px; } .ux-input select::-ms-expand { display: none; } .ux-input select:disabled { background: url('arrow-down-rd.png') no-repeat center right; -webkit-appearance: none; appearance: none; background-position: bottom 11px right 6px; background-size: 15px; color: rgba(0, 0, 0, 0.6); background-color: #efefef; cursor: not-allowed; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input textarea { width: 100%; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); max-height: 120px; } .ux-input textarea:focus { outline: none; } .ux-input textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .ux-input p { font-size: 0.8rem; margin-bottom: 0; text-align: left; } .fnt-large .ux-input p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input p { font-size: 1rem; line-height: 1.1rem; } [theme=dark] .ux-input p { color: #ffffff; } .ux-input p.col-w { color: rgba(255, 255, 255, 0.9); } .ux-input p.error-message { text-align: left; color: #CE0E41; display: block; } .ux-input p.success-message { text-align: left; color: #03914a; display: block; } .ux-input p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } [theme=dark] .ux-input p.info-message { color: #ffffff; } .ux-input p.info-message span { font-size: 0.75rem; } .ux-input p.info-message span.success { color: #0033a1; } .ux-input p span { display: inline-block; font-size: 0.9rem; margin: 4px 0px; text-align: left; } .ux-input p span.success-text { text-align: left; color: #03914a; font-size: 0.9rem; margin: 4px 0px; display: block; } .ux-input p span.info-text { text-align: left; color: rgba(0, 0, 0, 0.5); font-size: 0.9rem; margin: 4px 0px; display: block; } .ux-input .currency { position: absolute; right: 8px; top: 37px; } .ux-input.input-error { color: #CE0E41; text-align: left; } .ux-input.input-error input[type=text], .ux-input.input-error input[type=password], .ux-input.input-error input[type=tel], .ux-input.input-error input[type=date], .ux-input.input-error input[type=time], .ux-input.input-error select, .ux-input.input-error textarea { border-bottom: 1px solid rgba(206, 14, 65, 0.5); box-shadow: 0 1px 0 0 rgba(206, 14, 65, 0.5); } .ux-input.input-success { color: #03914a; text-align: left; } .ux-input.input-success input[type=text], .ux-input.input-success input[type=password], .ux-input.input-success input[type=tel], .ux-input.input-success input[type=date], .ux-input.input-success input[type=time], .ux-input.input-success select, .ux-input.input-success textarea { border-bottom: 1px solid rgba(19, 164, 67, 0.5); box-shadow: 0 1px 0 0 rgba(3, 145, 74, 0.5); } .ux-input.input-info { color: rgba(0, 0, 0, 0.5); text-align: left; } .ux-input .show-pwd { background: url('hide.svg') no-repeat center center; background-size: 18px; position: absolute; right: 3px; height: 18px; width: 18px; top: 30px; } .ux-input .show-pwd.showing { background: url('visible.svg') no-repeat center center; background-size: 18px; } .ux-input .show-keyboard { background: url('hardware.png') no-repeat center center; background-size: 30px; position: absolute; right: 3px; height: 18px; width: 33px; top: 21px; } @media (max-width: 767px) { .ux-input .show-keyboard { display: none; } } .ux-input .pwd-info { position: absolute; right: 5px; height: 16px; width: 16px; top: 0px; } @media (max-width: 767px) { .ux-input .pwd-info { display: none; } } .ux-input .pwd-info img { height: 16px; width: 16px; } .ux-input .show-search { background: url('search-s.png') no-repeat center center; background-size: 16px; position: absolute; right: 5px; height: 16px; width: 16px; top: 30px; } .ux-input .show-match { background: url('toast-success.png') no-repeat center center; background-size: 18px; position: absolute; right: 5px; height: 18px; width: 18px; top: 24px; transition: all 0.3s ease-out; } .ux-input .show-info { background-size: 50px; position: absolute; right: 0px; height: 18px; width: 33px; top: 32px; text-decoration: none; font-size: 0.85rem; } .fnt-large .ux-input .show-info { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .show-info { font-size: 1rem; line-height: 1.1rem; } .ux-input .show-info:hover { color: #0033a1; text-decoration: underline; } .ux-input .show-info.disabled { display: none; cursor: not-allowed; } .ux-input .show-currency { background: url('rupee.png') no-repeat center center; background-size: 11px; position: absolute; left: 0px; height: 11px; width: 11px; top: 31px; text-decoration: none; } @media (max-width: 767px) { .ux-input .show-currency { top: 31px; } } .ux-input .rupee-icon { position: absolute; color: white; text-align: center; padding: 0px; left: -1px; height: 34px; width: 34px; top: 3px; text-decoration: none; opacity: 1; } .ux-input .rupee-icon img { width: 34px; height: 34px; } .ux-input .rupee-icon img.disabled { opacity: 0.5; cursor: not-allowed; } .ux-input .rupee-icon img:disabled { opacity: 0.5; cursor: not-allowed; } .ux-input .rupee-icon.disabled { opacity: 0.5; cursor: not-allowed; } .ux-input .rupee-icon:disabled { opacity: 0.5; cursor: not-allowed; } .ux-input .show-info1 { background-size: 90px; position: absolute; right: 0px; height: 18px; width: 90px; text-align: left; top: 32px; text-decoration: none; font-size: 0.8rem; } .fnt-large .ux-input .show-info1 { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .show-info1 { font-size: 1rem; line-height: 1.1rem; } .ux-input .show-info1:hover { color: #0033a1; text-decoration: underline; } .ux-input .show-info1.disabled { display: none; cursor: not-allowed; } .ux-input span.show-info2 { background-size: 50px; position: absolute; right: 0px; background-color: white; height: 30px; width: 35px; letter-spacing: 0.5px; top: 32px; text-decoration: none; font-size: 1rem; } [theme=dark] .ux-input span.show-info2 { color: #ffffff; background-color: transparent; } .fnt-large .ux-input span.show-info2 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input span.show-info2 { font-size: 1.2rem; line-height: 1.3rem; } .ux-input span.show-info2.light-bg { background-color: #fcfdfd; } .ux-input span.show-info2.disabled { display: none; cursor: not-allowed; } .ux-input span.show-digit { background-size: 50px; position: absolute; left: 0px; background-color: white; height: 36px; width: 102px; top: 26px; text-decoration: none; font-size: 1rem; color: rgba(0, 0, 0, 0.5); } .fnt-large .ux-input span.show-digit { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input span.show-digit { font-size: 1.2rem; line-height: 1.3rem; } .ux-input span.show-digit.disabled { display: none; cursor: not-allowed; } .ux-input span.show-digit1 { background-size: 50px; position: absolute; right: 0px; background-color: white; height: 36px; width: 102px; text-align: right; top: 26px; text-decoration: none; font-size: 1rem; color: rgba(0, 0, 0, 0.5); } .fnt-large .ux-input span.show-digit1 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input span.show-digit1 { font-size: 1.2rem; line-height: 1.3rem; } .ux-input span.show-digit1.disabled { display: none; cursor: not-allowed; } .ux-input span.show-digit2 { background-size: 50px; position: absolute; left: 128px; background-color: white; height: 35px; width: 60px; text-align: left; top: 26px; text-decoration: none; font-size: 14px; color: rgba(0, 0, 0, 0.85); } .fnt-large .ux-input span.show-digit2 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .ux-input span.show-digit2 { font-size: 1.2rem; line-height: 1.3rem; } .ux-input span.show-digit2.disabled { display: none; cursor: not-allowed; } .ux-input .show-link { background-size: 90px; position: absolute; right: 0px; height: 18px; width: 90px; text-align: right; top: 0px; text-decoration: none; font-size: 0.8rem; } .fnt-large .ux-input .show-link { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .show-link { font-size: 1rem; line-height: 1.1rem; } .ux-input .show-link:hover { color: #0033a1; text-decoration: underline; } .ux-input .show-link.disabled { display: none; cursor: not-allowed; } .ux-input .show-link3 { background-size: 90px; position: absolute; right: 0px; height: 18px; width: 90px; text-align: right; top: 30px; text-decoration: none; text-transform: uppercase; font-size: 0.8rem; } .fnt-large .ux-input .show-link3 { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .show-link3 { font-size: 1rem; line-height: 1.1rem; } .ux-input .show-link3:hover { color: #0033a1; text-decoration: underline; } .ux-input .show-link3.disabled { display: none; cursor: not-allowed; } .ux-input .show-link4 { background-size: 150px; position: absolute; right: -150px; height: 20px; width: 150px; text-align: right; top: 30px; font-size: 0.8rem; } @media (max-width: 767px) { .ux-input .show-link4 { right: 0px; top: 0px; } } .ux-input .show-link4 em { font-size: 0.85rem; font-weight: 600; text-align: left; margin-right: 20px; display: inline-block; color: rgba(0, 0, 0, 0.85); } [theme=dark] .ux-input .show-link4 em { color: #ffffff; } @media (max-width: 767px) { .ux-input .show-link4 em { display: none; } } .ux-input .show-link4 a { font-size: 0.9rem; text-align: left; display: inline-block; text-decoration: none; color: #0033a1; } .ux-input .show-link4 a img { width: 16px; height: 16px; position: relative; margin-top: -3px; margin-right: 3px; } .ux-input .show-link4 a:hover { color: #0033a1; text-decoration: underline; } .fnt-large .ux-input .show-link4 { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .show-link4 { font-size: 1rem; line-height: 1.1rem; } .ux-input .show-link4.disabled { display: none; cursor: not-allowed; } .ux-input .show-pwd-number { background: url('visible.png') no-repeat center center; background-size: 18px; position: absolute; right: 3px; height: 18px; width: 18px; top: 33px; } .ux-input .show-pwd-number.showing { background: url('hide.png') no-repeat center center; background-size: 18px; } .ux-input .ux-dropdown { background-color: #0033a1; position: absolute; right: 0px; height: 37px; width: 37px; top: 14px; border-radius: 2px; } @media (min-width: 481px) { .ux-input .ux-dropdown { height: 39px; } } .ux-input .ux-dropdown span.chevron { display: block; width: 13px; height: 13px; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -6px; margin-left: -7px; transition: all 0.3s ease-out; } .ux-input .ux-dropdown span.chevron::after { content: ""; width: 12px; height: 12px; border: 2px solid rgba(255, 255, 255, 0.8); display: block; border-top: 0; border-right: 0; margin-left: 0px; transform: rotate(-45deg); } .ux-input .ux-dropdown.active span.chevron { transform: rotate(180deg); } .ux-input .ux-dropdown.active svg { fill: #ffffff; } .ux-input .calendar-disable { background: url('calendar-bd.png') no-repeat center center; background-size: 16px; position: absolute; right: 4px; height: 18px; width: 18px; top: 30px; } .ux-input .calendar-disable.cal-top { top: 12px; } .ux-input .calendar-enable { background: url('calendar-b.svg') no-repeat center center; background-size: 16px; position: absolute; right: 4px; height: 18px; width: 18px; top: 30px; } .ux-input .calendar-enable.cal-top { top: 12px; } .ux-input .right-text { position: absolute; right: 0px; top: 36px; font-size: 11px; text-decoration: none; } .fnt-large .ux-input .right-text { font-size: 12px; line-height: 13px; } .fnt-xlarge .ux-input .right-text { font-size: 13px; line-height: 14px; } .ux-input .calendar-ic { background: url('calendar-b.svg') no-repeat center center; background-size: 24px; position: absolute; right: 4px; height: 24px; width: 24px; top: 18px; } .ux-input .calendar-ic.cal-top { top: 21px; } .ux-input .clock-ic { background: url('clock-g.png') no-repeat center center; background-size: 16px; position: absolute; right: 4px; height: 18px; width: 18px; top: 18px; } .ux-input .clock-ic.cal-top { top: 23px; } .ux-input .show-phonebook { background: url('phone-book.png') no-repeat center center; background-size: 18px; position: absolute; right: 0px; height: 18px; width: 18px; top: 30px; } .ux-input .show-phonebook1 { background: url('phone-book.png') no-repeat center center; background-size: 18px; position: absolute; right: 10px; height: 18px; width: 18px; top: 30px; } .ux-input .show-phonebook2 { background: url('phone-book.png') no-repeat center center; background-size: 18px; position: absolute; right: 40px; height: 18px; width: 18px; top: 30px; } .ux-input .show-qr { background-size: 44px; position: absolute; right: -11px; height: 50px; width: 50px; top: 20px; } @media (min-width: 767px) { .ux-input .show-qr { left: 50%; margin-left: -25px; } } .ux-input .show-qr2 { background-size: 44px; position: absolute; right: -5px; background-color: #ffffff; height: 50px; width: 40px; top: 20px; } .ux-input .search-ic { background: url('search-s.png') no-repeat center center; background-size: 18px; position: absolute; right: 0px; height: 18px; width: 18px; top: 30px; } .ux-input.ux-label-values { /*label-values*/ } .ux-input.ux-label-values .input-values { display: none; } .ux-input.ux-label-values .label-values { display: block; /*inline*/ } .ux-input.ux-label-values .label-values .inline { margin-bottom: 5px; } .ux-input.ux-label-values .label-values .inline h6 { display: inline-block; } .ux-input.ux-label-values .label-values .inline .title { font-weight: normal; margin-right: 10px; color: rgba(0, 0, 0, 0.7); } .ux-input.ux-drop-select select { max-width: 50px; display: inline-block; font-size: 12px; border-bottom: none; } .fnt-large .ux-input.ux-drop-select select { font-size: 13px; line-height: 14px; } .fnt-xlarge .ux-input.ux-drop-select select { font-size: 14px; line-height: 15px; } .ux-input.ux-disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.6); cursor: not-allowed; } [theme=dark] .ux-input.ux-disabled { background-color: #505050; } .ux-input.ux-disabled label { color: rgba(0, 0, 0, 0.5); } [theme=dark] .ux-input.ux-disabled label { color: #ffffff; } .ux-input.ux-disabled input { color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-disabled input:focus { border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: not-allowed; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-disabled textarea { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-disabled textarea:focus { border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: not-allowed; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-disabled .calendar-ic { background-size: 16px; position: absolute; right: 4px; height: 18px; width: 18px; top: 18px; } .ux-input.ux-disabled .calendar-ic.cal-top { top: 25px; } .ux-input.ux-disabled select { background: url('arrow-down-rd.png') no-repeat center right; -webkit-appearance: none; appearance: none; text-overflow: ellipsis; -webkit-padding-end: 28px; background-position: bottom 11px right 10px; background-size: 15px; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-disabled select:focus { border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: not-allowed; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-readonly label { padding-left: 0px; } .ux-input.ux-readonly input { color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-readonly textarea { color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input.ux-readonly .calendar-ic { background: url('calendar-b.svg') no-repeat center center; background-size: 24px; position: absolute; right: 4px; height: 24px; width: 24px; top: 18px; } .ux-input.ux-readonly .calendar-ic.cal-top { top: 28px; } .ux-input.ux-readonly select { background: url('arrow-down-rd.png') no-repeat center right; -webkit-appearance: none; appearance: none; color: rgba(0, 0, 0, 0.6); background-position: bottom 11px right 10px; background-size: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .ux-input a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: left; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .fnt-large .ux-input a.reg-txt { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .ux-input a.reg-txt { font-size: 1.1rem; line-height: 1.2rem; } .ux-input a.reg-txt.mar-top { margin-top: 32px; display: inline-block; } @media (max-width: 767px) { .ux-input a.reg-txt.mar-top { margin-top: 0px; margin-bottom: 5px; } } .ux-input a.reg-txt:hover { text-decoration: underline; } .ux-input .btn1 { margin-top: 20px; } @media (max-width: 767px) { .ux-input .btn1 { margin-top: 0px; margin: 0 auto; display: block; text-align: center; } } .ux-input .message { font-size: 0.75rem; color: rgba(0, 0, 0, 0.4); } .fnt-large .ux-input .message { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-input .message { font-size: 1rem; line-height: 1.1rem; } .ux-input .message1 { font-size: 0.9rem; color: rgba(0, 0, 0, 0.6); } .fnt-large .ux-input .message1 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .ux-input .message1 { font-size: 1.1rem; line-height: 1.2rem; } .ux-input input[type=checkbox]:checked + label.checkbox-lbl { color: #000000 !important; } /*ux-input*/ /* -- Toggle Switch starts*/ label.toggle { position: relative; cursor: pointer; display: inline-block; margin-bottom: 0; line-height: 0; padding: 0 5px; border-radius: 20px; /* //input[type="checkbox"] */ /* //&.sm */ } label.toggle em, label.toggle b { vertical-align: super; display: inline-block; font-style: normal; zoom: 1; opacity: 0.5; font-weight: 500; font-size: 0.8rem; text-transform: none; color: #0033A1; } .fnt-large label.toggle em, .fnt-large label.toggle b { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge label.toggle em, .fnt-xlarge label.toggle b { font-size: 1rem; line-height: 1.1rem; } label.toggle input[type=checkbox] { position: relative; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0.2); background-color: #ffffff; border-radius: 20px; width: 44px; height: 20px; -webkit-appearance: none; appearance: none; /* //&::before */ /* //&:checked */ /* //&:disabled */ /* //&:focus */ } label.toggle input[type=checkbox]::before { content: ""; width: 18px; height: 18px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); background: rgba(255, 255, 255, 0.9); border-radius: 100%; position: absolute; left: 9px; top: -1px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } label.toggle input[type=checkbox]:checked { border-color: #0033A1; background-color: #0033A1; /* //&:disabled */ } label.toggle input[type=checkbox]:checked::before { background: #ffffff; transform: translate(22px, 0); } label.toggle input[type=checkbox]:checked:disabled { border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); } label.toggle input[type=checkbox]:checked:disabled::before { background: rgba(255, 255, 255, 0.7); } label.toggle input[type=checkbox]:checked ~ b { zoom: 1; filter: alpha(opacity=100); opacity: 1; } label.toggle input[type=checkbox]:disabled { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); } label.toggle input[type=checkbox]:disabled::before { background: rgba(255, 255, 255, 0.1); } label.toggle input[type=checkbox]:focus { outline: none; } label.toggle.label-inactive em { opacity: 1; } /* //label.toggle */ .label-values { display: none; } @keyframes ripple { 0% { transform: scale(0, 0); opacity: 1; } 20% { transform: scale(25, 25); opacity: 1; } 100% { opacity: 0; transform: scale(40, 40); } } .ux-otp-input { text-align: center; /* input */ /* em */ } .ux-otp-input input { width: 130px; display: inline-block; font-size: 24px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; margin-bottom: 10px; background: transparent; color: #000000; text-align: center; letter-spacing: 4px; } .fnt-large .ux-otp-input input { font-size: 25px; line-height: 26px; } .fnt-xlarge .ux-otp-input input { font-size: 26px; line-height: 27px; } .ux-otp-input em { display: block; font-size: 12px; color: rgba(0, 0, 0, 0.5); } .fnt-large .ux-otp-input em { font-size: 13px; line-height: 14px; } .fnt-xlarge .ux-otp-input em { font-size: 14px; line-height: 15px; } .ux-otp-input.input-error { color: #0033A1; } /*ux-otp-input*/ .ux-large-btn { max-width: 170px; } .ux-noteborder { border: 1px dashed rgba(0, 0, 0, 0.4); padding: 10px; } /* ---------------------------- Check/Radio Component :: Start --------------------------- */ .ux-selection { display: inline-block; margin: 5px 0; margin-right: 5px; text-align: left; float: left; /*benefit*/ /* //label */ } .ux-selection.input-error { color: #CE0E41; text-align: left; } .ux-selection.input-error label.ux-selection1 span.checkmark { border-color: #CE0E41; } .ux-selection.input-error p.error-message { text-align: left; color: #CE0E41; display: block; font-size: 0.8rem; } @media (max-height: 700px) { .ux-selection.mar-custom { margin: 10px 0 5px 0; } } .ux-selection.dis-b { display: block; width: 100%; margin: 4px 0px 4px 0; } @media (max-width: 991px) { .ux-selection.dis-b { margin: 15px 0px 4px 0; } } .ux-selection.pad-r { padding-right: 20px; } .ux-selection small.message { display: inline-block; font-size: 0.75rem; line-height: 0.9rem; color: rgba(0, 0, 0, 0.4); } .fnt-large .ux-selection small.message { font-size: 0.8rem; line-height: 1rem; } .fnt-xlarge .ux-selection small.message { font-size: 0.9rem; line-height: 1.1rem; } [theme=dark] .ux-selection small.message { color: #ffffff !important; } .ux-selection.benefit input[type=radio] { top: 20px; } .ux-selection label { display: inline-block; position: relative; padding-left: 26px; color: rgba(0, 0, 0, 0.8); margin-right: 10px; line-height: 1.35rem; word-wrap: break-word; font-size: 0.95rem; /* //input[type="radio"] */ /* //input[type="checkbox"] */ /* //em */ } [theme=dark] .ux-selection label { color: #ffffff !important; } .fnt-large .ux-selection label { font-size: 1rem; line-height: 1.4rem; } .fnt-xlarge .ux-selection label { font-size: 1.1rem; line-height: 1.5rem; } .ux-selection label a.tncLink { font-size: 0.95rem; color: #002891; } .ux-selection label.lang-sel { color: #0033a1; font-weight: 400; } .ux-selection label.pad-custom { padding-left: 20px; } .ux-selection label.pad-custom1 { padding-left: 68px; } .ux-selection label.pad-custom2 { padding-left: 30px; } .ux-selection label.pad-left { padding-left: 0px; } .ux-selection label.pad-r { padding-right: 30px; margin-right: 0px; } .ux-selection label.mar-custom { margin-right: 0px; } .ux-selection label span { position: relative; color: rgba(0, 51, 161, 0.5); } [theme=dark] .ux-selection label span { color: #ffffff; } .ux-selection label span img { position: absolute; left: -35px; top: 0px; margin: 0px; width: 28px; height: 28px; } .ux-selection label span.fs-1 { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); font-weight: 500; margin: 3px 0px; } .fnt-large .ux-selection label span.fs-1 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .ux-selection label span.fs-1 { font-size: 1.3rem; line-height: 1.4rem; } [theme=dark] .ux-selection label span.fs-1 { color: #ffffff; } .ux-selection label span.fs-2 { font-size: 0.8rem; color: rgba(0, 51, 161, 0.5); font-weight: 400; margin: 3px 0px; } .fnt-large .ux-selection label span.fs-2 { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-selection label span.fs-2 { font-size: 1rem; line-height: 1.2rem; } [theme=dark] .ux-selection label span.fs-2 { color: #ffffff; } .ux-selection label h4 { text-align: left; font-size: 1.2rem; font-weight: 500; color: rgba(0, 0, 0, 0.85); } .fnt-large .ux-selection label h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .ux-selection label h4 { font-size: 1.4rem; line-height: 1.5rem; } [theme=dark] .ux-selection label h4 { color: #ffffff; } .ux-selection label h4 span { display: inline-block; position: relative; color: rgba(0, 51, 161, 0.85); margin-right: 2px; font-size: 1.2rem; font-weight: 500; } .ux-selection label input[type=radio], .ux-selection label input[type=checkbox] { position: absolute; left: 0; top: 50%; width: 20px; height: 20px; border: 2px solid rgba(0, 0, 0, 0.3); display: block; margin: 0; margin-top: -10px; -webkit-appearance: none; appearance: none; } .ux-selection label input[type=radio] { border-radius: 100%; /* //input:checked */ } .ux-selection label input[type=radio]:checked { border-color: #0033a1; background-color: #0033a1; border-width: 2px; /* //$::after */ /* //&:disabled */ } .ux-selection label input[type=radio]:checked::after { content: ""; position: absolute; width: 10px; height: 10px; left: 50%; top: 50%; background-color: white; margin-top: -5px; margin-left: -5px; border-radius: 100%; } .ux-selection label input[type=radio]:checked:disabled { border-color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .ux-selection label input[type=radio]:checked:disabled::after { border-color: rgba(0, 0, 0, 0.3); } .ux-selection label input[type=checkbox] { border-radius: 4px; background: #0033a1; -ms-background: #0033a1; /* //&:checked */ /* //&:disabled */ } .ux-selection label input[type=checkbox]:checked { border-color: #0033a1; -ms-border-color: #0033a1; border-width: 2px; -ms-border-width: 2px; background: #0033a1; -ms-background: #0033a1; /* //&::after */ } .ux-selection label input[type=checkbox]:checked::after { content: ""; position: absolute; width: 12px; height: 6px; border: 2px solid white; border-top: 0px solid transparent; border-right: 0px solid transparent; -ms-border: 2px solid white; -ms-border-top: 0px solid transparent; -ms-border-right: 0px solid transparent; left: 50%; top: 50%; margin-left: -6px; margin-top: -4px; transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .ux-selection label input[type=checkbox]:disabled { border-color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .ux-selection label input[type=checkbox]:disabled::after { border-color: rgba(0, 0, 0, 0.3); } .ux-selection label input[type=radio]:disabled, .ux-selection label input[type=checkbox]:disabled { background: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .ux-selection label input[type=radio]:disabled::before, .ux-selection label input[type=checkbox]:disabled::before { content: none; } .ux-selection label input[type=radio]:disabled ~ em, .ux-selection label input[type=checkbox]:disabled ~ em { cursor: not-allowed; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } .ux-selection label em { display: block; color: rgba(0, 0, 0, 0.8); /* //i */ } .ux-selection label em i { font-size: 80%; font-style: normal; padding: 4px; } /* //.ux-selection */ .benefit-selected { background-color: rgba(0, 51, 161, 0.1); } .custom-checkbox { display: inline-block; } .custom-checkbox label { min-height: 5px; padding-right: 25px; } /* custom-checkbox */ /* ---------------------------- Check/Radio Component :: End --------------------------- */ .accept-terms { text-align: center; } .accept-terms .ux-selection { display: block; } /*accept-terms*/ .selection-group .ux-selection { display: block; margin: 10px 0; } /*selection-group*/ /* ---------------------------- File Upload Input :: Start --------------------------- */ .file-input { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; position: relative; transition: all 0.3s ease; cursor: pointer; background-color: rgba(255, 255, 255, 0.9); text-align: center; /* //input[type="file"] */ /* //label */ /* //&:hover */ /* //&.fileuploading */ } .file-input input[type=file] { width: 0px; height: 0px; zoom: 1; filter: alpha(opacity=0); opacity: 0; position: absolute; z-index: -1; overflow: hidden; } .file-input label { display: block; padding: 15px 10px; margin: 0; /*// @include transition(all .3s ease);*/ /* //h4 */ /* //p */ /* //&::before */ } .file-input label h4 { margin: 0; padding: 0 0 5px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; text-align: center; } .fnt-large .file-input label h4 { font-size: 17px; line-height: 18px; } .fnt-xlarge .file-input label h4 { font-size: 18px; line-height: 19px; } .file-input label p { margin: 0; padding: 0; font-size: 0.7rem; text-align: center !important; } .fnt-large .file-input label p { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .file-input label p { font-size: 0.9rem; line-height: 1rem; } .file-input label::before { content: ""; border: 1px dashed rgba(0, 0, 0, 0.2); position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border-radius: 8px; z-index: 0; transition: all 0.3s ease; } .file-input:hover { border-color: rgba(0, 117, 176, 0.6); background-color: rgba(0, 117, 176, 0.08); } .file-input:hover label::before { border-color: rgba(0, 117, 176, 0.6); } .file-input.fileuploading { border-color: rgba(3, 145, 74, 0.6); background-color: rgba(3, 145, 74, 0.08); } .file-input.fileuploading label::before { border-color: rgba(3, 145, 74, 0.6); } /* //.file-input */ /* ---------------------------- File Upload Input :: End --------------------------- */ /* ====== Toast Message :: Start */ .msg-toast { position: fixed; background: #333; color: #ffffff; /*top: 100px;*/ top: 75px; left: 50%; width: 300px; margin-left: -150px; z-index: 200; text-align: center; /*@include box-shadow(0 0 10px rgba($black, .7));*/ zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translate(0, -20%); /*@include transition(all .3s cubic-bezier(.25, .5, .5, .9));*/ transition: all 0.2s ease-in; /* //em */ /* //&.msg-success */ /* //&.msg-error */ /* //&.msg-warning */ /* //&.msg-close */ /* //&.msg-showing */ } .msg-toast em { padding: 10px 20px; display: block; font-weight: normal; font-style: normal; font-size: 15px; } .fnt-large .msg-toast em { font-size: 16px; line-height: 17px; } .fnt-xlarge .msg-toast em { font-size: 17px; line-height: 18px; } .msg-toast.msg-success { /*color: darken($action-success-color, 20%);*/ background: #03914a; box-shadow: 0 0 10px rgba(3, 145, 74, 0.7); } .msg-toast.msg-error { background-color: #0033A1; /*color: darken($action-danger-color, 20%);*/ /*background: rgba($action-danger-color, 1);*/ /*@include box-shadow(0 0 10px rgba($action-danger-color, .7));*/ } .msg-toast.msg-warning { /*color: darken($action-warning-color, 20%);*/ color: rgba(0, 0, 0, 0.9); background: #fff200; box-shadow: 0 0 10px rgba(255, 242, 0, 0.7); } .msg-toast.msg-close { padding-right: 30px; cursor: pointer; /* //&::before */ } .msg-toast.msg-close::before { content: ""; position: absolute; background: url('cross-w.png') no-repeat center; background-size: 14px; display: block; width: 20px; height: 20px; right: 5px; top: 50%; margin-top: -10px; } .msg-toast.msg-showing { transform: translate(0, 0); zoom: 1; filter: alpha(opacity=100); opacity: 1; } /* //.msg-toast */ /* ====== Toast Message :: End */ @keyframes hover-color { from { border-color: #c0c0c0; } to { border-color: #3e97eb; } } /* customize radio,checkbox & swith button */ .el-radio { position: relative; display: inline-block; font-size: 100%; margin-right: 15px; } .el-radio > input[type=radio] { display: none; } .el-radio > input[type=radio] + .el-radio-style { position: relative; display: inline-block; width: 1.4em; height: 1.4em; vertical-align: middle; cursor: pointer; } .el-radio > input[type=radio] + .el-radio-style:hover:before { border-color: #20a0ff; } .el-radio > input[type=radio] + .el-radio-style:before { position: absolute; top: 0; left: 0; display: inline-block; width: 1.4em; height: 1.4em; content: ""; border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 50%; } .el-radio > input[type=radio] + .el-radio-style:after { position: absolute; display: none; content: ""; top: 0.4em; left: 0.4em; width: 0.6em; height: 0.6em; border-radius: 50%; background: #20a0ff; } .el-radio > input[type=radio]:checked + .el-radio-style:before { animation-name: none; border: 2px solid #20a0ff; } .el-radio > input[type=radio]:checked + .el-radio-style:after { display: block; } .el-radio > input[type=radio]:checked[disabled] + .el-radio-style:before { border: 2px solid rgba(0, 0, 0, 0.2); } .el-radio > input[type=radio]:checked[disabled] + .el-radio-style:after { background-color: white; border: 2px solid rgba(0, 0, 0, 0.4); } .el-radio span { margin: 1px 5px; } .el-radio > input[type=radio][disabled] { cursor: not-allowed; } .el-radio > input[type=radio][disabled] + .el-radio-style { cursor: not-allowed; color: #D3DCE6; } .el-radio > input[type=radio][disabled] + .el-radio-style:hover { cursor: not-allowed; } .el-radio > input[type=radio][disabled] + .el-radio-style:hover:before { animation-name: none; } .el-radio > input[type=radio][disabled] + .el-radio-style:before { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.4); } .el-radio > input[type=radio][disabled] + .el-radio-style:after { cursor: not-allowed; } .el-checkbox { position: relative; display: inline-block; font-size: 100%; margin-right: 15px; } .el-checkbox > input[type=checkbox] { display: none; } .el-checkbox > input[type=checkbox] + .el-checkbox-style { position: relative; display: inline-block; width: 1.4em; height: 1.4em; vertical-align: middle; cursor: pointer; } .el-checkbox > input[type=checkbox] + .el-checkbox-style:hover:before { border-color: #20a0ff; } .el-checkbox > input[type=checkbox] + .el-checkbox-style:before { position: absolute; top: 0; left: 0; display: inline-block; width: 1.4em; height: 1.4em; content: ""; border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 3px; } .el-checkbox > input[type=checkbox] + .el-checkbox-style:after { position: absolute; display: none; content: ""; top: 0.15em; left: 0.5em; box-sizing: border-box; width: 0.4em; height: 0.85em; transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .el-checkbox > input[type=checkbox]:checked + .el-checkbox-style:before { animation-name: none; border: #20a0ff; background: #20a0ff; } .el-checkbox > input[type=checkbox]:checked + .el-checkbox-style:after { display: block; } .el-checkbox > input[type=checkbox]:checked[disabled] + .el-checkbox-style:before { background-color: rgba(0, 0, 0, 0.2); border: 2px solid rgba(0, 0, 0, 0.4); } .el-checkbox span { margin: 1px 5px; } .el-checkbox > input[type=checkbox][disabled] { cursor: not-allowed; } .el-checkbox > input[type=checkbox][disabled] + .el-checkbox-style { cursor: not-allowed; color: #D3DCE6; } .el-checkbox > input[type=checkbox][disabled] + .el-checkbox-style:hover { cursor: not-allowed; } .el-checkbox > input[type=checkbox][disabled] + .el-checkbox-style:hover:before { animation-name: none; border: 2px solid rgba(0, 0, 0, 0.2); } .el-checkbox > input[type=checkbox][disabled] + .el-checkbox-style:before { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); border: 2px solid rgba(0, 0, 0, 0.4); } .el-checkbox > input[type=checkbox][disabled] + .el-checkbox-style:after { cursor: not-allowed; } label.el-radio { display: block; cursor: pointer; } label.el-checkbox { display: block; cursor: pointer; } .el-radio.el-radio-blue > input[type=radio] + label:hover:before { border-color: #0033a1; } .el-radio.el-radio-blue > input[type=radio] + label:after { background: #0033a1; } .el-radio.el-radio-blue > input[type=radio]:checked + label:before { border-color: #0033a1; } .el-radio.el-radio-blue > input[type=radio]:checked[disabled] + label:before { border-color: rgba(0, 0, 0, 0.4); } .el-radio.el-radio-blue > input[type=radio]:checked[disabled] + label:after { background: rgba(0, 0, 0, 0.4); } .el-radio.el-radio-blue > input[type=radio][disabled] + label:hover:before { border-color: rgba(0, 0, 0, 0.4); } .el-switch-main { margin: 0 2px; } .el-switch-main em { font-size: 0.8rem; color: rgba(0, 0, 0, 0.6); } .fnt-large .el-switch-main em { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .el-switch-main em { font-size: 1rem; line-height: 1.1rem; } [theme=dark] .el-switch-main em { color: #ffffff; } .el-switch-main .el-switch { box-sizing: border-box; display: inline-block; font-size: 100%; height: 1.4em; position: relative; } .el-switch-main .el-switch .el-switch-style { height: 1.3em; left: 0; background: rgba(0, 0, 0, 0.2); border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 0.8em; display: inline-block; position: relative; top: 5px; transition: all 0.3s ease-in-out; width: 3em; cursor: pointer; } .el-switch-main .el-switch .el-switch-style:before { display: block; content: ""; height: 1.2em; position: absolute; width: 1.2em; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); border-radius: 50%; left: 0.1em; top: -0.1em; transition: all 0.3s ease-in-out; } .el-switch-main .el-switch > input[type=checkbox] { display: none; } .el-switch-main .el-switch > input[type=checkbox]:checked + .el-switch-style { background-color: #0033A1; } .el-switch-main .el-switch > input[type=checkbox]:checked + .el-switch-style:before { left: 50%; } .el-switch-main .el-switch > input[type=checkbox]:checked[disabled] + .el-switch-style { background-color: rgba(0, 0, 0, 0.2); } .el-switch-main .el-switch > input[type=checkbox][disabled] + .el-switch-style { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.2); } .el-switch-style { box-sizing: border-box; } .el-switch-style:before { box-sizing: border-box; } .el-switch.el-switch-blue > input[type=checkbox]:checked + .el-switch-style { background-color: #20a0ff; } .el-switch.el-switch-blue > input[type=checkbox]:checked[disabled] + .el-switch-style { background-color: #b0d7f5; } .el-switch.el-switch-green > input[type=checkbox]:checked + .el-switch-style { background-color: #13ce66; } .el-switch.el-switch-green > input[type=checkbox]:checked[disabled] + .el-switch-style { background-color: #a1efc4; } .el-switch.el-switch-red > input[type=checkbox]:checked + .el-switch-style { background-color: #ff4949; } .el-switch.el-switch-red > input[type=checkbox]:checked[disabled] + .el-switch-style { background-color: #f9b3b3; } .el-switch.el-switch-yellow > input[type=checkbox]:checked + .el-switch-style { background-color: #f7ba2a; } .el-switch.el-switch-yellow > input[type=checkbox]:checked[disabled] + .el-switch-style { background-color: #fbeac1; } .el-radio.el-radio-sm { font-size: 85%; } .el-checkbox.el-checkbox-sm { font-size: 85%; } .el-switch.el-switch-sm { font-size: 85%; } .el-radio.el-radio-lg { font-size: 125%; } .el-checkbox.el-checkbox-lg { font-size: 125%; } .el-switch.el-switch-lg { font-size: 125%; } /* customize radio,checkbox & swith button */ /* Customize the label (the container) */ /* checkbox */ .ux-selection1 { display: inline-block; position: relative; padding-left: 25px; margin-bottom: 5px; margin-right: 12px; font-size: 14px; } .fnt-large .ux-selection1 { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-selection1 { font-size: 16px; line-height: 17px; } .ux-selection1.mar-rcustom { margin-right: 0px; } .ux-selection1 label { color: rgba(0, 0, 0, 0.65); } [theme=dark] .ux-selection1 label { color: #ffffff; } .ux-selection1 label.fsmall { font-size: 0.7rem; } .fnt-large .ux-selection1 label.fsmall { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .ux-selection1 label.fsmall { font-size: 0.9rem; line-height: 1rem; } .ux-selection1 label a { color: #0033a1; text-decoration: none; font-size: 0.95rem; } .ux-selection1 label a:hover { text-decoration: underline; } .ux-selection1 label.custom-label { font-size: 0.8rem; cursor: default; color: rgba(0, 0, 0, 0.6); text-align: justify; } .fnt-large .ux-selection1 label.custom-label { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-selection1 label.custom-label { font-size: 1rem; line-height: 1.1rem; } [theme=dark] .ux-selection1 label.custom-label { color: #ffffff; } .ux-selection1 input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; width: 1.3em; height: 1.3em; } .ux-selection1 input:checked { /* //&:disabled */ } .ux-selection1 input:checked ~ .checkmark { background-color: #0033A1; border: none !important; } .ux-selection1 input:checked ~ .checkmark:after { display: block; } .ux-selection1 .checkmark:after { top: 0.19em; left: 0.43em; box-sizing: border-box; width: 0.45em; height: 0.75em; transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; } .ux-selection1.disabled label { cursor: not-allowed; } .ux-selection1.disabled input { position: absolute; opacity: 0; height: 0; width: 0; } .ux-selection1.disabled input:checked { /* //&:disabled */ } .ux-selection1.disabled input:checked ~ .checkmark { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); } .ux-selection1.disabled input:checked ~ .checkmark:after { display: block; } .ux-selection1.disabled .checkmark:after { top: 0.02em; left: 0.35em; box-sizing: border-box; width: 0.5em; height: 0.85em; transform: rotate(45deg); border-right: 2px solid rgba(0, 0, 0, 0.3); border-bottom: 2px solid rgba(0, 0, 0, 0.3); } .ux-selection1 .checkmark { cursor: pointer; position: absolute; top: 0; left: 0; width: 1.3em; height: 1.3em; border-radius: 3px; border: 2px solid rgba(0, 0, 0, 0.3); vertical-align: middle; background-color: #ffffff; } [theme=dark] .ux-selection1 .checkmark { border: 2px solid #ffffff; } .ux-selection1 .checkmark:after { content: ""; position: absolute; display: none; } .ux-selection1 .checkmark.disabled { cursor: not-allowed; background-color: #f3f3f3; } /* radio button */ .ux-selection2 { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0px; margin-right: 12px; cursor: pointer; font-size: 14px; } .fnt-large .ux-selection2 { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-selection2 { font-size: 16px; line-height: 17px; } .ux-selection2:has(input[type=radio]) { color: #858a97; } .ux-selection2:has(input[type=radio]:checked) { color: #000000; } .ux-selection2.dis-custom { display: block; } .ux-selection2 label span { display: inline-block; position: relative; color: rgba(0, 51, 161, 0.85); margin-right: 2px; line-height: 1.35rem; font-size: 0.95rem; } .ux-selection2 input { position: absolute; opacity: 0; cursor: pointer; } .ux-selection2 input:checked ~ .checkmark { background-color: #0033A1; border: 2px solid #002b88; } .ux-selection2 input:checked ~ .checkmark:after { display: block; } .ux-selection2 .checkmark:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: white; } .ux-selection2.disabled label { cursor: not-allowed; } .ux-selection2.disabled input { position: absolute; opacity: 0; height: 0; width: 0; } .ux-selection2.disabled input:checked { /* //&:disabled */ } .ux-selection2.disabled input:checked ~ .checkmark { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.4); } .ux-selection2.disabled input:checked ~ .checkmark:after { display: block; } .ux-selection2.disabled .checkmark:after { top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: white; } .ux-selection2 .checkmark { cursor: pointer; position: absolute; top: 0; left: 0; width: 1.3em; height: 1.3em; background-color: #ffffff; border: 2px solid #6d7484; border-radius: 50%; } [theme=dark] .ux-selection2 .checkmark { border: 2px solid rgba(255, 255, 255, 0.8); } .ux-selection2 .checkmark:after { content: ""; position: absolute; display: none; } .ux-selection2 .checkmark.disabled { cursor: not-allowed; background-color: #f3f3f3; } .ux-selection5 { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 5px; margin-right: 12px; cursor: pointer; font-size: 14px; } .fnt-large .ux-selection5 { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-selection5 { font-size: 16px; line-height: 17px; } .ux-selection5 input { position: absolute; opacity: 0; cursor: pointer; } .ux-selection5 input:checked ~ .checkmark { background-color: #0033A1; border: 2px solid #002b88; } .ux-selection5 input:checked ~ .checkmark:after { display: block; } .ux-selection5 .checkmark:after { top: 4px; left: 4px; width: 9px; height: 9px; border-radius: 50%; background: white; } .ux-selection5.disabled label { cursor: not-allowed; } .ux-selection5.disabled input { position: absolute; opacity: 0; height: 0; width: 0; } .ux-selection5.disabled input:checked { /* //&:disabled */ } .ux-selection5.disabled input:checked ~ .checkmark { cursor: not-allowed; background-color: #f3f3f3; border: 2px solid rgba(0, 0, 0, 0.4); } .ux-selection5.disabled input:checked ~ .checkmark:after { display: block; } .ux-selection5.disabled .checkmark:after { top: 4px; left: 4px; width: 9px; height: 9px; border-radius: 50%; background: white; } .ux-selection5 .checkmark { cursor: pointer; position: absolute; top: 20px; left: 0; width: 1.5em; height: 1.5em; background-color: rgba(0, 0, 0, 0.05); border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 50%; } .ux-selection5 .checkmark:after { content: ""; position: absolute; display: none; } .ux-selection5 .checkmark.disabled { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.05); } .ux-selection4 { display: block; width: 100%; position: relative; padding-left: 15px; margin-bottom: 5px; cursor: pointer; font-size: 14px; } .fnt-large .ux-selection4 { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-selection4 { font-size: 16px; line-height: 17px; } .ux-selection4 input { position: absolute; opacity: 0; cursor: pointer; } .ux-selection4 input:checked ~ .checkmark { background-color: #0033A1; border: 2px solid #002b88; } .ux-selection4 input:checked ~ .checkmark:after { display: block; } .ux-selection4 .checkmark:after { top: 4px; right: 4px; width: 9px; height: 9px; border-radius: 50%; background: white; } .ux-selection4.disabled label { cursor: not-allowed; } .ux-selection4.disabled input { position: absolute; opacity: 0; height: 0; width: 0; } .ux-selection4.disabled input:checked { /* //&:disabled */ } .ux-selection4.disabled input:checked ~ .checkmark { cursor: not-allowed; background-color: #f3f3f3; border: 2px solid rgba(0, 0, 0, 0.4); } .ux-selection4.disabled input:checked ~ .checkmark:after { display: block; } .ux-selection4.disabled .checkmark:after { top: 4px; right: 4px; width: 9px; height: 9px; border-radius: 50%; background: white; } .ux-selection4 .checkmark { cursor: pointer; position: absolute; top: 20px; right: 0px; width: 1.5em; height: 1.5em; background-color: rgba(0, 0, 0, 0.05); border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 50%; } [theme=dark] .ux-selection4 .checkmark { border: 2px solid #ffffff; } .ux-selection4 .checkmark:after { content: ""; position: absolute; display: none; } .ux-selection4 .checkmark.disabled { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.05); } .ux-selection6 { display: block; width: 100%; position: relative; padding-left: 15px; margin-bottom: 5px; cursor: pointer; font-size: 14px; } .fnt-large .ux-selection6 { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-selection6 { font-size: 16px; line-height: 17px; } .ux-selection6 input { position: absolute; opacity: 0; cursor: pointer; } .ux-selection6 input:checked ~ .checkmark { background-color: #0033A1; border: 2px solid #002b88; } .ux-selection6 input:checked ~ .checkmark:after { display: block; } .ux-selection6 .checkmark:after { top: 4px; right: 4px; width: 9px; height: 9px; border-radius: 50%; background: white; } .ux-selection6.disabled label { cursor: not-allowed; } .ux-selection6.disabled input { position: absolute; opacity: 0; height: 0; width: 0; } .ux-selection6.disabled input:checked { /* //&:disabled */ } .ux-selection6.disabled input:checked ~ .checkmark { cursor: not-allowed; background-color: #f3f3f3; border: 2px solid rgba(0, 0, 0, 0.4); } .ux-selection6.disabled input:checked ~ .checkmark:after { display: block; } .ux-selection6.disabled .checkmark:after { top: 4px; right: 4px; width: 9px; height: 9px; border-radius: 50%; background: white; } .ux-selection6 .checkmark { position: absolute; top: 8px; left: 0px; width: 1.5em; height: 1.5em; background-color: rgba(0, 0, 0, 0.05); border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 50%; } [theme=dark] .ux-selection6 .checkmark { color: #ffffff; border: 2px solid #ffffff; } .ux-selection6 .checkmark:after { content: ""; position: absolute; display: none; } .ux-selection6 .checkmark.disabled { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.05); } .ux-selection-custom { display: inline-block; position: relative; padding-left: 25px; margin-bottom: 5px; margin-right: 12px; font-size: 14px; -webkit-user-select: none; user-select: none; } .fnt-large .ux-selection-custom { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-selection-custom { font-size: 16px; line-height: 17px; } .ux-selection-custom.mar-rcustom { margin-right: 0px; } .ux-selection-custom label { color: rgba(255, 255, 255, 0.85); font-size: 0.8rem; line-height: 0.9rem; } .fnt-large .ux-selection-custom label { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-selection-custom label { font-size: 1rem; line-height: 1.1rem; } .ux-selection-custom label a { color: white; text-decoration: underline; } .ux-selection-custom label a:hover { text-decoration: none; } .ux-selection-custom label.custom-label { font-size: 0.8rem; cursor: default; color: rgba(0, 0, 0, 0.6); text-align: justify; } .fnt-large .ux-selection-custom label.custom-label { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-selection-custom label.custom-label { font-size: 1rem; line-height: 1.1rem; } .ux-selection-custom input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; width: 1.3em; height: 1.3em; } .ux-selection-custom input:checked { /* //&:disabled */ } .ux-selection-custom input:checked ~ .checkmark { background-color: #ffffff; } .ux-selection-custom input:checked ~ .checkmark:after { display: block; } .ux-selection-custom .checkmark:after { top: 0.02em; left: 0.35em; box-sizing: border-box; width: 0.5em; height: 0.85em; transform: rotate(45deg); border-right: 2px solid #0033a1; border-bottom: 2px solid #0033a1; } .ux-selection-custom.disabled label { cursor: not-allowed; } .ux-selection-custom.disabled input { position: absolute; opacity: 0; height: 0; width: 0; } .ux-selection-custom.disabled input:checked { /* //&:disabled */ } .ux-selection-custom.disabled input:checked ~ .checkmark { cursor: not-allowed; background-color: #f3f3f3; } .ux-selection-custom.disabled input:checked ~ .checkmark:after { display: block; } .ux-selection-custom.disabled .checkmark:after { top: 0.02em; left: 0.35em; box-sizing: border-box; width: 0.5em; height: 0.85em; transform: rotate(45deg); border-right: 2px solid rgba(0, 0, 0, 0.3); border-bottom: 2px solid rgba(0, 0, 0, 0.3); } .ux-selection-custom .checkmark { cursor: pointer; position: absolute; top: 0; left: 0; width: 1.3em; height: 1.3em; border-radius: 3px; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.8); } .ux-selection-custom .checkmark:after { content: ""; position: absolute; display: none; } .ux-selection-custom .checkmark.disabled { cursor: not-allowed; background-color: rgba(255, 255, 255, 0.2); } .ux-selection3 { display: inline-block; position: relative; padding-left: 25px; margin-bottom: 5px; margin-right: 12px; font-size: 14px; } .fnt-large .ux-selection3 { font-size: 15px; line-height: 16px; } .fnt-xlarge .ux-selection3 { font-size: 16px; line-height: 17px; } .ux-selection3.mar-rcustom { margin-right: 0px; } .ux-selection3 label { color: rgba(0, 0, 0, 0.65); } [theme=dark] .ux-selection3 label { color: #ffffff; } .ux-selection3 label.fsmall { font-size: 0.7rem; } .fnt-large .ux-selection3 label.fsmall { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .ux-selection3 label.fsmall { font-size: 0.9rem; line-height: 1rem; } .ux-selection3 label a { color: #0033a1; text-decoration: none; font-size: 0.95rem; } .ux-selection3 label a:hover { text-decoration: underline; } .ux-selection3 label.custom-label { font-size: 0.8rem; cursor: default; color: rgba(0, 0, 0, 0.6); text-align: justify; } .fnt-large .ux-selection3 label.custom-label { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .ux-selection3 label.custom-label { font-size: 1rem; line-height: 1.1rem; } [theme=dark] .ux-selection3 label.custom-label { color: #ffffff; } .ux-selection3 input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; width: 1.1em; height: 1.1em; } .ux-selection3 input:checked { /* //&:disabled */ } .ux-selection3 input:checked ~ .checkmark { background-color: #0033A1; border: none !important; } .ux-selection3 input:checked ~ .checkmark:after { display: block; } .ux-selection3 .checkmark:after { top: 0.15em; left: 0.33em; box-sizing: border-box; width: 0.45em; height: 0.73em; transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; } .ux-selection3.disabled label { cursor: not-allowed; } .ux-selection3.disabled input { position: absolute; opacity: 0; height: 0; width: 0; } .ux-selection3.disabled input:checked { /* //&:disabled */ } .ux-selection3.disabled input:checked ~ .checkmark { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); } .ux-selection3.disabled input:checked ~ .checkmark:after { display: block; } .ux-selection3.disabled .checkmark:after { top: 0.02em; left: 0.35em; box-sizing: border-box; width: 0.5em; height: 0.85em; transform: rotate(45deg); border-right: 2px solid rgba(0, 0, 0, 0.3); border-bottom: 2px solid rgba(0, 0, 0, 0.3); } .ux-selection3 .checkmark { cursor: pointer; position: absolute; top: 0; left: 0; width: 1.1em; height: 1.1em; border-radius: 3px; border: 2px solid rgba(0, 0, 0, 0.3); vertical-align: middle; background-color: #ffffff; } [theme=dark] .ux-selection3 .checkmark { border: 2px solid #ffffff; } .ux-selection3 .checkmark:after { content: ""; position: absolute; display: none; } .ux-selection3 .checkmark.disabled { cursor: not-allowed; background-color: #f3f3f3; } /* Rounded sliders */ .switch { position: relative; display: inline-block; width: 46px; height: 20px; } .switch em { font-size: 0.5rem; } .fnt-large .switch em { font-size: 0.6rem; line-height: 0.7rem; } .fnt-xlarge .switch em { font-size: 0.7rem; line-height: 0.8rem; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgna(#000000, 0.3); transition: 0.4s; } .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 3px; background-color: #ffffff; transition: 0.4s; } input:checked + .slider { background-color: #0033a1; } input:checked + .slider:before { transform: translateX(26px); } input:focus + .slider { box-shadow: 0 0 1px #0033a1; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .btn-toggle.btn-secondary { color: #6b7381; background: #bdc1c8; } .btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381; } .btn-toggle.btn-secondary.active { background-color: #ff8300; } .custom-control { position: relative; display: inline-block; margin: 5px; min-height: 1.40625rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.20313rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #ffffff; border-color: rgba(0, 51, 161, 0.3); background-color: rgba(0, 51, 161, 0.3); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: transparent; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #0033a1; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgba(0, 0, 0, 0.4); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #ffffff; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.4); } .custom-control-input:disabled ~ .custom-control-label { color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .custom-control-input[disabled] ~ .custom-control-label { color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .custom-control-input[disabled] ~ .custom-control-label::before { background-color: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; font-size: 0.65rem; color: rgba(255, 255, 255, 0.4); padding-top: 5px; cursor: pointer; } .fnt-large .custom-control-label { font-size: 0.7rem; line-height: 0.8rem; } .fnt-xlarge .custom-control-label { font-size: 0.8rem; line-height: 0.9rem; } .custom-control-label::before { position: absolute; top: 0.5rem; left: -1.5rem; display: block; width: 1rem; height: 0.7rem; pointer-events: none; content: ""; background-color: rgba(0, 0, 0, 0.3); border: 0px solid rgba(0, 0, 0, 0.4); box-shadow: none; } .custom-control-label::after { position: absolute; top: 0.20313rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-switch { padding-left: 3.5rem; } .custom-switch .custom-control-label::before { left: -3.5rem; width: 2.6rem; pointer-events: all; border-radius: 0.5625rem; } .custom-switch .custom-control-label::after { top: 0.23rem; left: -3.5rem; width: 1.125rem; height: 1.125rem; background-color: #ededed; border-radius: 0.5625rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #0033a1; transform: translateX(1.5rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(44, 123, 229, 0.5); } .custom-control2 .custom-control { position: relative; display: inline-block; margin: 5px; min-height: 1.40625rem; padding-left: 1.5rem; } .custom-control2 .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control2 .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.20313rem; opacity: 0; } .custom-control2 .custom-control-input:checked ~ .custom-control-label::before { color: #ffffff; border-color: rgba(0, 51, 161, 0.3); background-color: rgba(0, 51, 161, 0.3); } .custom-control2 .custom-control-input:focus ~ .custom-control-label::before { box-shadow: transparent; } .custom-control2 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #0033a1; } .custom-control2 .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-control2 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgba(0, 0, 0, 0.4); } .custom-control2 .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #ffffff; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.4); } .custom-control2 .custom-control-input:disabled ~ .custom-control-label { color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .custom-control2 .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .custom-control2 .custom-control-input[disabled] ~ .custom-control-label { color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .custom-control2 .custom-control-input[disabled] ~ .custom-control-label::before { background-color: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .custom-control2 .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; font-size: 0.65rem; color: rgba(255, 255, 255, 0.4); padding-top: 5px; cursor: pointer; } .fnt-large .custom-control2 .custom-control-label { font-size: 0.7rem; line-height: 0.8rem; } .fnt-xlarge .custom-control2 .custom-control-label { font-size: 0.8rem; line-height: 0.9rem; } .custom-control2 .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1.2rem; pointer-events: none; content: ""; background-color: rgba(0, 0, 0, 0.2); border: 0px solid rgba(0, 0, 0, 0.4); box-shadow: none; } .custom-control2 .custom-control-label::after { position: absolute; top: 0.20313rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-control2 .custom-switch { padding-left: 3.5rem; } .custom-control2 .custom-switch .custom-control-label::before { left: -3.5rem; width: 2.6rem; pointer-events: all; border-radius: 0.5625rem; } .custom-control2 .custom-switch .custom-control-label::after { top: 0.26rem; left: -3.5rem; width: 1.125rem; height: 1.125rem; background-color: #bdc2c7; border-radius: 0.5625rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .custom-control2 .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #0033a1; transform: translateX(1.5rem); } .custom-control2 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(44, 123, 229, 0.5); } .errormsg { width: 100%; position: relative; z-index: 9; text-align: left; clear: both; font-size: 0.75rem; margin-bottom: 0; color: #ce0e41; display: block; } input[type=text].otpinput { text-align: center; letter-spacing: 30px; } input[type=text].otpinput::-webkit-input-placeholder { /* Chrome/Opera/Safari */ letter-spacing: 1px; text-align: left; } input[type=text].otpinput::-moz-placeholder { /* Firefox 19+ */ letter-spacing: 1px; text-align: left; } input[type=text].otpinput:-ms-input-placeholder { /* IE 10+ */ letter-spacing: 1px; text-align: left; } input[type=text].otpinput:-moz-placeholder { /* Firefox 18- */ letter-spacing: 1px; text-align: left; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .btn-group-xs > .btn, .btn-xs { padding: 3px 15px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .fnt-large .btn-group-xs > .btn, .fnt-large .btn-xs { font-size: 13px; line-height: 14px; } .fnt-xlarge .btn-group-xs > .btn, .fnt-xlarge .btn-xs { font-size: 14px; line-height: 15px; } .btn-group-xs > .btn:focus, .btn-xs:focus { outline: none; box-shadow: none; } .btn-group-xs > .btn.disabled, .btn-xs.disabled { cursor: not-allowed; } .btn-info1 { background-color: #0033a1; border-color: #ccc; color: #ffffff; outline: none !important; z-index: 0 !important; } .btn-info1:hover { color: #ffffff; background-color: #0033a1; } .btn-default { color: rgba(0, 0, 0, 0.75); background-color: #fff; border-color: #ccc; } ::placeholder { font-style: normal; } .whitebg-input { padding: 15px 30px; background-color: rgba(255, 255, 255, 0.8); position: relative; border-radius: 10px; margin-top: 20px; clear: both; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); /*.link-txt*/ /*input*/ } @media (min-height: 700px) { .whitebg-input { padding: 25px 30px; } } .whitebg-input.custom-border { border: 2px solid #0033A1; } .whitebg-input.mat-t { margin-top: 30px; } @media (max-height: 420px) { .whitebg-input.mar-custom { margin-bottom: 30px; } } @media (max-height: 650px) { .whitebg-input { margin-top: 0px; } } .whitebg-input h4 { font-size: 1.2rem; color: rgba(0, 0, 0, 0.8); text-align: center; margin: 2px 0; font-weight: 500; line-height: 1.2rem; } .whitebg-input h4 span { color: #0033A1; margin-left: 5px; font-size: 1.1rem; } .fnt-large .whitebg-input h4 span { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .whitebg-input h4 span { font-size: 1.3rem; line-height: 1.4rem; } @media (max-width: 767px) { .whitebg-input h4 { font-size: 1.1rem; } } .whitebg-input h6 { font-size: 0.8rem; color: rgba(0, 0, 0, 0.75); line-height: 0.8rem; text-align: center; margin: 1px 0; font-weight: 500; } .whitebg-input .mhc-logo { margin: 8px auto; width: 100%; max-width: 71px; height: auto; display: block; text-align: center; } .whitebg-input .mhc-customer { margin: 10px auto; width: 100%; max-width: 80px; height: auto; display: block; text-align: center; } .whitebg-input label { display: block; margin-bottom: 20px; font-family: "helveticaneuemedium"; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-size: 0.8rem; text-align: center; } .fnt-large .whitebg-input label { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .whitebg-input label { font-size: 1rem; line-height: 1.1rem; } .whitebg-input label.small-message { font-weight: 400; color: rgba(0, 0, 0, 0.65); font-size: 0.85rem; } .fnt-large .whitebg-input label.small-message { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .whitebg-input label.small-message { font-size: 1rem; line-height: 1.1rem; } .whitebg-input.psb-login label { margin-bottom: 0px; text-align: left; } .whitebg-input em.link-txt { font-size: 0.8rem; font-weight: 400; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; display: block; margin-top: 8px; } .fnt-large .whitebg-input em.link-txt { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .whitebg-input em.link-txt { font-size: 1rem; line-height: 1.1rem; } .whitebg-input em.link-txt:hover { color: #0033A1; text-decoration: none; } .whitebg-input input[type=text], .whitebg-input input[type=password], .whitebg-input input[type=number], .whitebg-input input[type=tel], .whitebg-input input[type=date], .whitebg-input input[type=time], .whitebg-input select, .whitebg-input textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.6); display: block; text-align: left; width: 100%; font-size: 1rem; height: 39px; padding: 5px 5px 5px 5px; } .fnt-large .whitebg-input input[type=text], .fnt-large .whitebg-input input[type=password], .fnt-large .whitebg-input input[type=number], .fnt-large .whitebg-input input[type=tel], .fnt-large .whitebg-input input[type=date], .fnt-large .whitebg-input input[type=time], .fnt-large .whitebg-input select, .fnt-large .whitebg-input textarea { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .whitebg-input input[type=text], .fnt-xlarge .whitebg-input input[type=password], .fnt-xlarge .whitebg-input input[type=number], .fnt-xlarge .whitebg-input input[type=tel], .fnt-xlarge .whitebg-input input[type=date], .fnt-xlarge .whitebg-input input[type=time], .fnt-xlarge .whitebg-input select, .fnt-xlarge .whitebg-input textarea { font-size: 1.2rem; line-height: 1.3rem; } .whitebg-input input[type=text].active, .whitebg-input input[type=password].active, .whitebg-input input[type=number].active, .whitebg-input input[type=tel].active, .whitebg-input input[type=date].active, .whitebg-input input[type=time].active, .whitebg-input select.active, .whitebg-input textarea.active { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .whitebg-input input[type=text].ng-invalid, .whitebg-input input[type=password].ng-invalid, .whitebg-input input[type=number].ng-invalid, .whitebg-input input[type=tel].ng-invalid, .whitebg-input input[type=date].ng-invalid, .whitebg-input input[type=time].ng-invalid, .whitebg-input select.ng-invalid, .whitebg-input textarea.ng-invalid { border-bottom: 1px solid #dc3545; box-shadow: 0 1px 0 0 #dc3545; } .whitebg-input input[type=text].ng-invalid.ng-untouched, .whitebg-input input[type=password].ng-invalid.ng-untouched, .whitebg-input input[type=number].ng-invalid.ng-untouched, .whitebg-input input[type=tel].ng-invalid.ng-untouched, .whitebg-input input[type=date].ng-invalid.ng-untouched, .whitebg-input input[type=time].ng-invalid.ng-untouched, .whitebg-input select.ng-invalid.ng-untouched, .whitebg-input textarea.ng-invalid.ng-untouched { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); } .whitebg-input input[type=text]:focus, .whitebg-input input[type=password]:focus, .whitebg-input input[type=number]:focus, .whitebg-input input[type=tel]:focus, .whitebg-input input[type=date]:focus, .whitebg-input input[type=time]:focus, .whitebg-input select:focus, .whitebg-input textarea:focus { border-bottom: 1px solid #0033A1; box-shadow: 0 1px 0 0 #0033A1; } .whitebg-input input[type=text]::placeholder, .whitebg-input input[type=password]::placeholder, .whitebg-input input[type=number]::placeholder, .whitebg-input input[type=tel]::placeholder, .whitebg-input input[type=date]::placeholder, .whitebg-input input[type=time]::placeholder, .whitebg-input select::placeholder, .whitebg-input textarea::placeholder { font-style: normal; } .whitebg-input input[type=text]::placeholder, .whitebg-input input[type=password]::placeholder, .whitebg-input input[type=number]::placeholder, .whitebg-input input[type=tel]::placeholder, .whitebg-input input[type=date]::placeholder, .whitebg-input input[type=time]::placeholder, .whitebg-input select::placeholder, .whitebg-input textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.4); opacity: 1; /* Firefox */ } .whitebg-input input[type=text]::-ms-input-placeholder, .whitebg-input input[type=password]::-ms-input-placeholder, .whitebg-input input[type=number]::-ms-input-placeholder, .whitebg-input input[type=tel]::-ms-input-placeholder, .whitebg-input input[type=date]::-ms-input-placeholder, .whitebg-input input[type=time]::-ms-input-placeholder, .whitebg-input select::-ms-input-placeholder, .whitebg-input textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.4); } .whitebg-input input[type=text]::-ms-input-placeholder, .whitebg-input input[type=password]::-ms-input-placeholder, .whitebg-input input[type=number]::-ms-input-placeholder, .whitebg-input input[type=tel]::-ms-input-placeholder, .whitebg-input input[type=date]::-ms-input-placeholder, .whitebg-input input[type=time]::-ms-input-placeholder, .whitebg-input select::-ms-input-placeholder, .whitebg-input textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0, 0, 0, 0.4); } .whitebg-input input[type=text]:disabled, .whitebg-input input[type=password]:disabled, .whitebg-input input[type=number]:disabled, .whitebg-input input[type=tel]:disabled, .whitebg-input input[type=date]:disabled, .whitebg-input input[type=time]:disabled, .whitebg-input select:disabled, .whitebg-input textarea:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.6); cursor: not-allowed; border-bottom: 2px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .toggle-col { position: relative; display: block; width: 90px; text-align: left; float: left; } .toggle-col.f-right { text-align: right; float: right; } .toggle-col input[type=checkbox] { position: absolute; left: 0; top: 0; width: 100%; z-index: 99; height: 100%; opacity: 0; cursor: pointer; } .toggle-col input[type=checkbox]:checked ~ div { background-color: rgba(0, 51, 161, 0.2); } [theme=dark] .toggle-col input[type=checkbox]:checked ~ div { background-color: rgba(255, 255, 255, 0.8); } .toggle-col input[type=checkbox]:checked ~ div:hover span { color: #0033a1; cursor: pointer; } .toggle-col input[type=checkbox]:checked ~ div:after { background-color: #0033a1; transform: translateX(17px); } [theme=dark] .toggle-col input[type=checkbox]:checked ~ div:after { background-color: #0056a1; } .toggle-col input[type=checkbox]:checked ~ div > span { color: #0033a1; } [theme=dark] .toggle-col input[type=checkbox]:checked ~ div > span { color: #ffffff; } .toggle-col .flat-toggle { width: 30px; display: block; border-radius: 8px; height: 14px; background-color: rgba(0, 0, 0, 0.2); position: relative; margin: 10px 0; -webkit-user-select: none; -o-user-select: none; user-select: none; } .toggle-col .flat-toggle:after { border-radius: 100%; background-color: #bdc2c7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: -1px; width: 15px; height: 15px; content: ""; transform: translateX(0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .toggle-col .flat-toggle span { margin-left: 35px; float: left; position: relative; top: -1px; color: rgba(0, 0, 0, 0.4); font-size: 0.85rem; white-space: nowrap; display: block; cursor: pointer; } [theme=dark] .toggle-col .flat-toggle span { color: rgba(255, 255, 255, 0.4); } .toggle-col .flat-toggle:hover { cursor: pointer; } .toggle-col .flat-toggle:hover span { color: black; cursor: pointer; } .toggle-col2 { position: relative; display: block; width: 90px; text-align: left; float: left; } .toggle-col2.f-right { text-align: right; float: right; } .toggle-col2 input[type=checkbox] { position: absolute; left: 0; top: 0; width: 100%; z-index: 99; height: 100%; opacity: 0; cursor: pointer; } .toggle-col2 input[type=checkbox]:checked ~ div { background-color: rgba(0, 51, 161, 0.2); } [theme=dark] .toggle-col2 input[type=checkbox]:checked ~ div { background-color: rgba(255, 255, 255, 0.8); } .toggle-col2 input[type=checkbox]:checked ~ div:hover span { color: #0033a1; cursor: pointer; } .toggle-col2 input[type=checkbox]:checked ~ div:after { background-color: #0033a1; transform: translateX(17px); } [theme=dark] .toggle-col2 input[type=checkbox]:checked ~ div:after { background-color: #0056a1; } .toggle-col2 input[type=checkbox]:checked ~ div > span { color: #0033a1; } [theme=dark] .toggle-col2 input[type=checkbox]:checked ~ div > span { color: #ffffff; } .toggle-col2 .flat-toggle { width: 30px; display: block; border-radius: 8px; height: 14px; background-color: rgba(0, 0, 0, 0.2); position: relative; margin: 10px 0; -webkit-user-select: none; -o-user-select: none; user-select: none; } .toggle-col2 .flat-toggle:after { border-radius: 100%; background-color: #bdc2c7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: -1px; width: 15px; height: 15px; content: ""; transform: translateX(0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .toggle-col2 .flat-toggle span { margin-left: 35px; float: left; position: relative; top: -1px; color: rgba(0, 0, 0, 0.4); font-size: 0.85rem; white-space: nowrap; display: block; cursor: pointer; } [theme=dark] .toggle-col2 .flat-toggle span { color: rgba(255, 255, 255, 0.4); } .toggle-col2 .flat-toggle:hover { cursor: pointer; } .toggle-col2 .flat-toggle:hover span { color: black; cursor: pointer; } .toggle-col3 { position: relative; display: block; width: 138px; text-align: left; float: right; } .toggle-col3.f-right { text-align: right; float: right; } .toggle-col3 input[type=checkbox] { position: absolute; left: 0; top: 0; width: 100%; z-index: 99; height: 100%; opacity: 0; cursor: pointer; } .toggle-col3 input[type=checkbox]:checked ~ div { background-color: rgba(0, 51, 161, 0.2); } [theme=dark] .toggle-col3 input[type=checkbox]:checked ~ div { background-color: rgba(255, 255, 255, 0.8); } .toggle-col3 input[type=checkbox]:checked ~ div:hover span { color: #0033a1; cursor: pointer; } .toggle-col3 input[type=checkbox]:checked ~ div:after { background-color: #0033a1; transform: translateX(17px); } [theme=dark] .toggle-col3 input[type=checkbox]:checked ~ div:after { background-color: #0056a1; } .toggle-col3 input[type=checkbox]:checked ~ div > span { color: #0033a1; } [theme=dark] .toggle-col3 input[type=checkbox]:checked ~ div > span { color: #ffffff; } .toggle-col3 .flat-toggle { width: 30px; display: block; border-radius: 8px; height: 14px; background-color: rgba(0, 0, 0, 0.2); position: relative; margin: 10px 0; -webkit-user-select: none; -o-user-select: none; user-select: none; } .toggle-col3 .flat-toggle:after { border-radius: 100%; background-color: #bdc2c7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: -1px; width: 15px; height: 15px; content: ""; transform: translateX(0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .toggle-col3 .flat-toggle span { margin-left: 35px; float: left; position: relative; top: 0px; color: rgba(0, 0, 0, 0.55); font-size: 0.85rem; white-space: nowrap; display: block; cursor: pointer; } [theme=dark] .toggle-col3 .flat-toggle span { color: #ffffff; } .toggle-col3 .flat-toggle:hover { cursor: pointer; } .toggle-col3 .flat-toggle:hover span { color: black; cursor: pointer; } .toggle-col-custom { position: relative; display: block; width: 90px; text-align: left; float: left; } .toggle-col-custom.f-right { text-align: right; float: right; } .toggle-col-custom input[type=checkbox] { position: absolute; left: 0; top: 0; width: 100%; z-index: 99; height: 100%; opacity: 0; cursor: pointer; } .toggle-col-custom input[type=checkbox]:checked ~ div { background-color: rgba(0, 51, 161, 0.2); } [theme=dark] .toggle-col-custom input[type=checkbox]:checked ~ div { background-color: rgba(255, 255, 255, 0.8); } .toggle-col-custom input[type=checkbox]:checked ~ div:hover span { color: #0033a1; cursor: pointer; } .toggle-col-custom input[type=checkbox]:checked ~ div:after { background-color: #0033a1; transform: translateX(17px); } [theme=dark] .toggle-col-custom input[type=checkbox]:checked ~ div:after { background-color: #0056a1; } .toggle-col-custom input[type=checkbox]:checked ~ div > span { color: #0033a1; } .toggle-col-custom .flat-toggle { width: 28px; display: block; border-radius: 4px; height: 5px; background-color: rgba(0, 0, 0, 0.1); position: relative; margin: 10px 0; -webkit-user-select: none; -o-user-select: none; user-select: none; } .toggle-col-custom .flat-toggle:after { border-radius: 100%; background-color: #babfc5; position: absolute; left: 0; top: -4px; width: 13px; height: 13px; content: ""; transform: translateX(0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .toggle-col-custom .flat-toggle span { margin-left: 35px; float: left; position: relative; top: -7px; color: rgba(0, 0, 0, 0.4); font-size: 0.85rem; white-space: nowrap; display: block; cursor: pointer; } .toggle-col-custom .flat-toggle:hover { cursor: pointer; } .toggle-col-custom .flat-toggle:hover span { color: black; cursor: pointer; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; background-color: transparent; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; padding: 0.552rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; box-shadow: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .fnt-large .btn { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .btn { font-size: 1.2rem; line-height: 1.3rem; } .btn.btn-primary2 { color: #fff; background-color: #0033a1; border-color: #0033a1; box-shadow: none !important; } .btn.btn-primary2 img { text-align: center; } .btn.btn-primary2:hover { color: #fff; background-color: rgba(0, 51, 161, 0.9); border-color: #0033a1; box-shadow: none !important; } .btn.btn-primary2:focus { color: #fff; background-color: rgba(0, 51, 161, 0.9); border-color: #0033a1; box-shadow: none !important; } .btn.btn-primary2:active { color: #fff; background-color: rgba(0, 51, 161, 0.9); border-color: #0033a1; box-shadow: none !important; } .btn.btn-primary2.active { color: #fff; background-color: rgba(0, 51, 161, 0.9); border-color: #0033a1; box-shadow: none !important; } .btn:disabled { background-color: #efefef; color: rgba(0, 0, 0, 0.5); cursor: not-allowed; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem 0.375rem 0rem; line-height: 1.5; font-size: 0.95rem; color: rgba(0, 0, 0, 0.55); background-color: transparent !important; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(2.25rem + 2px - 2px); padding: 0.375rem 0.2rem; line-height: 1.5; font-size: 0.75rem; color: #0033a1; content: "" !important; background-image: url('arrow-top.png'); background-position: -10% 10%; background-repeat: no-repeat; background-color: transparent; border: none; border-radius: 0 0.25rem 0.25rem 0; cursor: pointer; } .custom-file-input:focus ~ .custom-file-label { border-color: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 #0033A1; } .custom-file-input.active ~ .custom-file-label { border-color: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 #0033A1; } a.show-link2 { text-align: right; float: right; text-decoration: none; color: #0033a1; font-size: 0.9rem; } .fnt-large a.show-link2 { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge a.show-link2 { font-size: 1rem; line-height: 1.1rem; } a.show-link2:hover { color: #0033a1; text-decoration: underline; } a.show-link2.disabled { color: rgba(0, 0, 0, 0.5); cursor: not-allowed; } .pay-rupee { opacity: 0; position: absolute; left: 0; width: 100%; height: 100%; z-index: 99; } .payment { /* border-bottom: 0px solid #0075B0; */ /* box-shadow: 0 0px 0 0 #0075b0; */ border: none; border-bottom: 0px solid rgba(0, 0, 0, 0); box-shadow: none; margin-bottom: 5px; color: white; display: block; margin: 0 auto; font-size: 2.4rem; font-weight: 500; text-align: center; height: 46px; padding: 0px 8px 0px 8px; position: relative; } .payment:disabled { background-color: transparent; color: rgba(255, 255, 255, 0.5); cursor: not-allowed; border-bottom: 0px solid rgba(0, 0, 0, 0); box-shadow: none; } .custom-selectbox { border: none; border-bottom: 0px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 40, 145, 0.8); border-radius: 20px; box-shadow: none; margin-bottom: 5px; color: white; display: none; width: 100%; font-size: 0.9rem; font-weight: 400; text-align: left; padding: 8px 20px 8px 15px; position: relative; cursor: pointer; } .fnt-large .custom-selectbox { font-size: 1rem; line-height: 1.1rem; } .custom-selectbox span { font-size: 0.9rem; text-align: left; line-height: 1rem; margin: 2px 0; color: white; } .fnt-xlarge .custom-selectbox { font-size: 1.1rem; line-height: 1.2rem; } @media (max-width: 767px) { .custom-selectbox { display: block; } } .custom-selectbox .right-arrow { background: url('arrow-down-w.png') no-repeat center center; position: absolute; content: ""; width: 12px; height: 12px; right: 12px; top: 10px; background-size: 12px; cursor: pointer; } .custom-selectbox2 { border: none; border-bottom: 0px solid rgba(0, 0, 0, 0.4); background-color: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); box-shadow: none; margin-bottom: 5px; color: rgba(0, 0, 0, 0.6); display: none; width: 100%; font-size: 0.9rem; font-weight: 400; text-align: left; padding: 8px 20px 8px 15px; position: relative; cursor: pointer; } .ux-disabled .custom-selectbox2 { background-color: #efefef; color: rgba(0, 0, 0, 0.6); } .fnt-large .custom-selectbox2 { font-size: 1rem; line-height: 1.1rem; } .custom-selectbox2 span { font-size: 0.9rem; text-align: left; line-height: 1rem; margin: 2px 0; color: rgba(0, 0, 0, 0.6); } .fnt-xlarge .custom-selectbox2 { font-size: 1.1rem; line-height: 1.2rem; } @media (max-width: 767px) { .custom-selectbox2 { display: block; } } .custom-selectbox2 .right-arrow { background: url('arrow-down-r.png') no-repeat center center; position: absolute; content: ""; width: 12px; height: 12px; right: 12px; top: 10px; background-size: 12px; cursor: pointer; } .ux-disabled .custom-selectbox2 .right-arrow { background: url('arrow-down-rd.png') no-repeat center center; } .hideDetails { display: none; } input[type=range] { -webkit-appearance: none; margin: 8px 0; width: 100%; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; animate: 0.2s; border-radius: 25px; background-color: linear-gradient(to right, #002891 0%, #002891 0%, #e6e7ea 0%, #e6e7ea 100%); } input[type=range]::-webkit-slider-thumb { height: 15px; width: 15px; border-radius: 50%; background: #0033a1; box-shadow: 0 0 4px 0 rgb(0, 0, 0); cursor: pointer; -webkit-appearance: none; margin-top: -5px; border: 3px solid white; } .custom-text3 { font-size: 2rem; text-align: center; color: rgba(0, 0, 0, 0.85); margin: 0 10px; display: inline-block; vertical-align: middle; } .link-text { font-size: 0.85rem; font-weight: 400; text-align: left; text-decoration: none; color: rgba(0, 51, 161, 0.85); text-transform: inherit; display: inline-block; } .link-text a { font-size: 0.85rem; font-weight: 500; text-align: right; text-decoration: none; color: #0033a1; text-transform: capitalize; display: inline-block; } .fnt-large .link-text a { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .link-text a { font-size: 1.1rem; line-height: 1.2rem; } .link-text a.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .link-text a.mar-top { margin-top: 5px; margin-bottom: 5px; } } .link-text a:hover { color: rgba(0, 51, 161, 0.85); text-decoration: underline; } .link-text:hover { color: rgba(0, 51, 161, 0.85); text-decoration: underline; } a.link-txt { font-size: 0.85rem; font-weight: 500; text-align: right; text-decoration: none; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; display: inline-block; } .fnt-large a.link-txt { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge a.link-txt { font-size: 1.1rem; line-height: 1.2rem; } a.link-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { a.link-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } a.link-txt:hover { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } p.custom-text2 { font-size: 2rem; text-align: center; color: rgba(0, 0, 0, 0.85); margin: 10px auto; } input::-ms-reveal, input::-ms-clear { display: none; } table .show-desktop { display: table-cell; } @media (max-width: 767px) { table .show-desktop { display: none; } } table .show-mobile { display: none; } @media (max-width: 767px) { table .show-mobile { display: table-cell; word-break: break-all; } } table .show-mobile.credit div, table .show-mobile.debit div { white-space: nowrap; } input.payment_amt { height: 40px; text-align: center; border: none; line-height: 40px; font-size: 34px; font-weight: 500; } .ux-component5 { position: relative; border-radius: 10px; margin: 0 auto; max-width: 100%; width: 260px; border: 1px solid #ddd; } @media (min-width: 1480px) { .ux-component5 { width: 100%; } } .ux-component5.pad-t { padding: 15px 0; } .ux-component5 .heading { font-size: 14px; } @media (min-width: 767px) { .ux-component5 { max-width: 100%; } } .ux-component5.w100 { max-width: 100%; display: block; clear: both; } .ux-component5.mar-tb { margin: 8px auto; } .ux-component5.white1 { background-color: rgba(255, 255, 255, 0.9); } .ux-component5.white { background-color: rgba(255, 255, 255, 0.9); } .ux-component5.white > a { display: block; } .ux-component5.white > a:hover span { color: rgba(0, 0, 0, 0.5); } .ux-component5.white > a:hover span i { color: orange; } .ux-component5.white > a:hover em { color: rgba(0, 0, 0, 0.7); } .ux-component5.white > a .corpaction-event { padding: 10px 15px; } .ux-component5.white > a .corpaction-event span { color: #eb1c23; } .ux-component5.white > a .corpaction-event em { font-size: 14px; } .fnt-large .ux-component5.white > a .corpaction-event em { font-size: 15px; } .fnt-xlarge .ux-component5.white > a .corpaction-event em { font-size: 16px; } .ux-component5.white > a .corpaction-event.event-heading span { font-size: 14px; } .fnt-large .ux-component5.white > a .corpaction-event.event-heading span { font-size: 15px; } .fnt-xlarge .ux-component5.white > a .corpaction-event.event-heading span { font-size: 16px; } .ux-component5.white:hover span { color: rgba(0, 0, 0, 0.5); } .ux-component5.white:hover span i { color: orange; } .ux-component5.white:hover em { color: rgba(0, 0, 0, 0.7); } .ux-component5.white:hover div.updt-txt span { color: #ffffff; } .ux-component5.white h5 { font-size: 1.3rem; font-weight: 500; line-height: 1.6rem; display: block; text-align: left; color: white; margin: 2px 0; clear: both; } .fnt-large .ux-component5.white h5 { font-size: 1.4rem; } .fnt-xlarge .ux-component5.white h5 { font-size: 1.5rem; } @media (min-width: 767px) and (max-width: 1100px) { .ux-component5.white h5 { font-size: 1.1rem; } } @media (max-width: 480px) { .ux-component5.white h5 { font-size: 1.1rem; } } .ux-component5.white h5 img { width: 15px; height: 15px; margin-right: 2px; margin-top: -4px; position: relative; } @media (min-width: 767px) and (max-width: 1100px) { .ux-component5.white h5 img { width: 12px; height: 12px; } } @media (max-width: 480px) { .ux-component5.white h5 img { width: 12px; height: 12px; } } .ux-component5.white h6 { font-size: 0.75rem; font-weight: 500; display: block; line-height: 1.6rem; text-align: left; color: rgba(255, 255, 255, 0.6); margin: 2px 0; clear: both; } .fnt-large .ux-component5.white h6 { font-size: 0.8rem; } .fnt-xlarge .ux-component5.white h6 { font-size: 0.9rem; } .ux-component5.white .ux-dropdown.dropdown-active .drp-enterdata div.enter-input { display: block; } .ux-component5.white .ux-dropdown.dropdown-error { border-left: 3px solid #b91a0e; background: rgba(185, 26, 14, 0.1); } .ux-component5.white .ux-dropdown.dropdown-showing .drp-showcontent::after { transform: rotate(180deg); } .ux-component5.white .ux-dropdown.dropdown-showing .ux-dropdown-content { display: block; } .ux-component5.white .ux-dropdown.ux-dropdown-readonly em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; } .fnt-large .ux-component5.white .ux-dropdown.ux-dropdown-readonly em { font-size: 17px; } .fnt-xlarge .ux-component5.white .ux-dropdown.ux-dropdown-readonly em { font-size: 18px; } .ux-component5.white .ux-dropdown.ux-comp-selected .drp-enterdata em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5.white .ux-dropdown.ux-comp-selected .drp-enterdata em { font-size: 17px; } .fnt-xlarge .ux-component5.white .ux-dropdown.ux-comp-selected .drp-enterdata em { font-size: 18px; } .ux-component5.white .ux-dropdown.ux-comp-selected .drp-enterdata em.entered-data { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5.white .ux-dropdown.ux-comp-selected .drp-enterdata em.entered-data { font-size: 17px; } .fnt-xlarge .ux-component5.white .ux-dropdown.ux-comp-selected .drp-enterdata em.entered-data { font-size: 18px; } .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active .drp-enterdata em { display: none; } .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active .drp-enterdata em.entered-data { display: none; } .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em { font-size: 17px; } .fnt-xlarge .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em { font-size: 18px; } .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em.entered-data { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 17px; } .fnt-xlarge .ux-component5.white .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 18px; } .ux-component5.white .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5.white .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em { font-size: 17px; } .fnt-xlarge .ux-component5.white .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em { font-size: 18px; } .ux-component5.white .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em.entered-data { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5.white .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 17px; } .fnt-xlarge .ux-component5.white .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 18px; } .ux-component5.white .ux-dropdown.show-range .range-container { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: rgba(0, 0, 0, 0.9); display: block; } .ux-component5.white .range-container { display: none; border-radius: 5px; color: #ffffff; padding: 12px 0; } .ux-component5.white .range-container .updt-txt { text-align: left; } .ux-component5.white .range-container .updt-txt span { color: #ffffff; font-size: 12px; } .ux-component5.white .range-container .ux-button { width: 75px; padding: 4px; margin-top: 2px; font-size: 11px; float: right; } .ux-component5.white .range-container .ranges { width: 100%; border-radius: 5px; } .ux-component5.white .range-container .ranges .slidecontainer { width: 100%; margin-bottom: 10px; } .ux-component5.white .range-container .ranges .slidecontainer p { display: inline-block; width: 32.33%; color: #ffffff; } .ux-component5.white .range-container .ranges .slidecontainer p.end-trgt { color: rgba(255, 255, 255, 0.7); font-size: 11px; } .ux-component5.white .range-container .ranges .slidecontainer p.start-trgt { color: rgba(255, 255, 255, 0.7); font-size: 11px; } .ux-component5.white .range-container .ranges .slidecontainer span { color: #ffffff; } .ux-component5.white .range-container .ranges .slidecontainer .lbl-targetamt { font-size: 11px; font-weight: normal; color: rgba(255, 255, 255, 0.7); text-align: center; } .ux-component5.white .range-container .ranges .slidecontainer .lbl-targetamt span { font-size: 18px; } .ux-component5.white .range-container .ranges .slidecontainer .lbl-targetamt span b { font-size: 50%; opacity: 0.6; font-weight: normal; } .ux-component5.white .range-container .ranges .slidecontainer .slider { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 100px; background: white; outline: none; } .ux-component5.white .range-container .ranges .slidecontainer .slider:hover { opacity: 1; } .ux-component5.white .range-container .ranges .slidecontainer .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #eb1c23; cursor: pointer; } .ux-component5.white .range-container .ranges .slidecontainer .slider::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #eb1c23; cursor: pointer; } .ux-component5.white .range-container .ranges .slidecontainer .ux-button { width: 75px; padding: 5px; font-size: 11px; margin: auto; } .ux-component5.white .range-container:hover { color: #ffffff; } .ux-component5.white .range-container .close-target { text-align: right; } .ux-component5.white .range-container .close-target a img { height: 15px; width: 15px; } .ux-component5 > a { display: block; } .ux-component5 > a:hover span { color: rgba(0, 0, 0, 0.5); } .ux-component5 > a:hover span i { color: orange; } .ux-component5 > a:hover em { color: rgba(0, 0, 0, 0.7); } .ux-component5 > a .corpaction-event { padding: 10px 15px; } .ux-component5 > a .corpaction-event span { color: #eb1c23; } .ux-component5 > a .corpaction-event em { font-size: 14px; } .fnt-large .ux-component5 > a .corpaction-event em { font-size: 15px; } .fnt-xlarge .ux-component5 > a .corpaction-event em { font-size: 16px; } .ux-component5 > a .corpaction-event.event-heading span { font-size: 14px; } .fnt-large .ux-component5 > a .corpaction-event.event-heading span { font-size: 15px; } .fnt-xlarge .ux-component5 > a .corpaction-event.event-heading span { font-size: 16px; } .ux-component5:hover span { color: rgba(0, 0, 0, 0.5); } .ux-component5:hover span i { color: orange; } .ux-component5:hover em { color: rgba(0, 0, 0, 0.7); } .ux-component5:hover div.updt-txt span { color: #ffffff; } .ux-component5 h5 { font-size: 1.3rem; font-weight: 500; line-height: 1.6rem; display: block; text-align: left; color: white; margin: 2px 0; clear: both; } .fnt-large .ux-component5 h5 { font-size: 1.4rem; } .fnt-xlarge .ux-component5 h5 { font-size: 1.5rem; } @media (min-width: 767px) and (max-width: 1100px) { .ux-component5 h5 { font-size: 1.1rem; } } @media (max-width: 480px) { .ux-component5 h5 { font-size: 1.1rem; } } .ux-component5 h5 img { width: 15px; height: 15px; margin-right: 2px; margin-top: -4px; position: relative; } @media (min-width: 767px) and (max-width: 1100px) { .ux-component5 h5 img { width: 12px; height: 12px; } } @media (max-width: 480px) { .ux-component5 h5 img { width: 12px; height: 12px; } } .ux-component5 h6 { font-size: 0.75rem; font-weight: 500; display: block; line-height: 1.6rem; text-align: left; color: rgba(255, 255, 255, 0.6); margin: 2px 0; clear: both; } .fnt-large .ux-component5 h6 { font-size: 0.8rem; } .fnt-xlarge .ux-component5 h6 { font-size: 0.9rem; } .ux-component5 .ux-dropdown { position: relative; } .ux-component5 .ux-dropdown .drp-box { position: relative; cursor: default; } .dashboardMobile .ux-component5 .ux-dropdown .drp-box { margin-bottom: 0px; } .ux-component5 .ux-dropdown .drp-box .progress { border-radius: 1.25rem; height: 7px; cursor: pointer; } .ux-component5 .ux-dropdown .drp-box .target-actions { position: absolute; top: -20px; text-align: center; left: 0; right: 0; } .ux-component5 .ux-dropdown .drp-box .target-actions em { font-size: 11px; color: #28a745; } .ux-component5 .ux-dropdown .drp-box .target-actions a { /*display: inline-block;*/ float: right; } .ux-component5 .ux-dropdown .drp-box .target-actions .target { text-align: center; } .ux-component5 .ux-dropdown .drp-box .target-actions .target a { float: none; } .ux-component5 .ux-dropdown .drp-box .target-actions .target .set-target { display: none; } .ux-component5 .ux-dropdown .drp-box .target-actions .target.set .set-target { display: block; } .ux-component5 .ux-dropdown .drp-box .target-actions .target.set .set-target .ux-button { width: 75px; float: right; padding: 5px; font-size: 11px; margin-bottom: 7px; } .ux-component5 .ux-dropdown .drp-box .total-target { text-align: right; font-size: 0.7rem; line-height: 0.7rem; margin: 1px 0; color: rgba(0, 0, 0, 0.6); } .fnt-large .ux-component5 .ux-dropdown .drp-box .total-target { font-size: 0.8rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .total-target { font-size: 0.9rem; } .ux-component5 .ux-dropdown .drp-box .total-target small { font-size: 0.7rem; line-height: 0.7rem; text-align: right; margin: 1px 0; color: rgba(0, 0, 0, 0.6); } .fnt-large .ux-component5 .ux-dropdown .drp-box .total-target small { font-size: 0.8rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .total-target small { font-size: 0.9rem; } @media (max-height: 767px) { .ux-component5 .ux-dropdown .drp-box .total-target small { font-size: 0.65rem; line-height: 0.7rem; margin: 0px 0; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata { display: block; padding: 11px 11px 0px; text-decoration: none; border-radius: 8px; cursor: default; background: rgba(255, 255, 255, 0.8); cursor: pointer; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata { padding: 8px 10px; margin-top: 5px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata.active { background: rgba(255, 255, 255, 0.8); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .small-icon { width: 50px; height: 50px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .asset-bdr { background-color: #46c42d; border-radius: 46px; position: absolute; width: 10px; height: 90%; top: 5px; left: -8px; left: -2px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .asset-bdr::before { content: " "; display: block; background-color: #ffffff; height: 100%; width: 50%; position: absolute; left: 5px; top: 0; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .liabilities-bdr { background-color: #fe6934; border-radius: 46px; position: absolute; width: 10px; height: 90%; top: 5px; left: -8px; left: -2px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .liabilities-bdr::before { content: " "; display: block; background-color: #ffffff; height: 100%; width: 50%; position: absolute; left: 5px; top: 0; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata span { text-align: center; color: rgba(0, 0, 0, 0.85); font-size: 1.2rem; position: relative; font-weight: 500; text-transform: capitalize; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata span { font-size: 1.3rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata span { font-size: 1.4rem; } @media screen and (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata span { font-size: 0.8rem; line-height: 0.8rem; margin: 5px 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata span em { color: rgba(0, 0, 0, 0.4); font-size: 18px; padding-left: 5px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata span em i { display: inline-block; color: rgba(0, 0, 0, 0.4); font-style: normal; font-size: 10px; padding-left: 5px; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata span em i { font-size: 11px; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata span em i { font-size: 12px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata span em i img { width: 9px; height: 9px; margin-bottom: -1px; position: relative; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata span em i img { margin-bottom: 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata span small { text-transform: capitalize; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section { display: block; width: 100%; height: auto; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info { display: block; width: 100%; height: auto; position: relative; padding: 0px 30px 10px 0px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info { padding: 0px 0px 10px 0px; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info { padding: 0px 22px 0px 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn { position: absolute; top: -5px; right: 0; width: 24px; height: 24px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn { display: none; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn { right: -2px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn button.refresh-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 24px; height: 24px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background: url('visible.svg') no-repeat center center; background-size: 24px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn button.refresh-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn button.refresh-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn button.refresh-btn.active { background: url('hide.svg') no-repeat center center; background-size: 24px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .show-btn button.refresh-btn { width: 20px; height: 20px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn { position: absolute; bottom: 0px; right: 0; width: 24px; height: 24px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn { display: none; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn { right: -2px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn button.refresh-btn { background-color: transparent; border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 24px; height: 24px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn button.refresh-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn button.refresh-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section .card-info .ref-btn button.refresh-btn { width: 24px; height: 24px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 { display: block; width: 100%; height: auto; z-index: 99; position: relative; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info { display: block; width: 100%; height: auto; position: relative; padding: 0px 50px 15px 0px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info { padding: 0px 50px 60px 0px; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info { padding: 0px 50px 60px 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn { position: absolute; top: -5px; right: 0; width: 26px; height: 26px; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn { right: -2px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn button.refresh-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 24px; height: 24px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 2px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background: rgba(0, 0, 0, 0.2) url('visible.png') no-repeat center center; background-size: 24px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn button.refresh-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn button.refresh-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn button.refresh-btn.active { background: rgba(0, 0, 0, 0.2) url('hide.png') no-repeat center center; background-size: 24px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn button.refresh-btn { width: 24px; height: 24px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 { position: absolute; top: -5px; right: 0; width: 26px; height: 26px; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 { right: -2px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 button.refresh-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 24px; height: 24px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 2px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background-size: 24px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 button.refresh-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 button.refresh-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 button.refresh-btn.active { background-size: 24px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .show-btn2 button.refresh-btn { width: 24px; height: 24px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .active-text { position: absolute; top: -2px; right: -2px; width: 50px; height: 20px; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .active-text { top: 0px; right: 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .active-text em { padding: 4px 12px; font-size: 0.6rem; line-height: 8px; text-align: right; float: right; display: block; font-weight: 600; background: rgba(0, 51, 161, 0.6); color: white; border-radius: 10px; text-transform: uppercase; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn { position: absolute; bottom: 0px; right: 0; width: 24px; height: 24px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn { display: none; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn { right: -2px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn button.refresh-btn { background-color: transparent; border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 24px; height: 24px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn button.refresh-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn button.refresh-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .ref-btn button.refresh-btn { width: 20px; height: 20px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 { /* //label.toggle */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h4 { text-align: left; color: rgba(0, 0, 0, 0.85); font-size: 1.2rem; line-height: 1.2rem; position: relative; font-weight: 500; margin: 2px 0; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h4 { font-size: 1.3rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h4 { font-size: 1.4rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h4.white-text { color: white; font-weight: 500; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4); } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h4 { font-size: 1rem; line-height: 1rem; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h4 span { text-align: left; color: rgba(0, 0, 0, 0.85); font-size: 1.3rem; line-height: 1.1rem; font-weight: 600; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h5 { text-align: left; color: rgba(0, 0, 0, 0.85) !important; font-size: 1rem; line-height: 1rem; position: relative; font-weight: 600; margin: 6px 0px 2px 0px; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h5 { font-size: 1.1rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h5 { font-size: 1.2rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h5.white-text { color: white !important; font-weight: 500; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.6); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h6 { text-align: left; color: rgba(0, 0, 0, 0.85); font-size: 0.8rem; line-height: 0.9rem; position: relative; font-weight: 600; margin: 2px 0; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h6 { font-size: 0.9rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h6 { font-size: 1rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h6.light-t { color: rgba(0, 0, 0, 0.65); font-weight: 500; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 h6.white-text { color: white; font-weight: 500; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 em.refresh-amt { cursor: pointer; display: inline-block; padding: 0 5px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 em.refresh-amt img { width: 20px; height: 20px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle { position: relative; cursor: pointer; display: inline-block; margin-bottom: 0; line-height: 0; padding: 0 5px; border-radius: 20px; /* //input[type="checkbox"] */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle em, .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle b { vertical-align: super; display: inline-block; font-style: normal; zoom: 1; opacity: 0.5; font-weight: 500; font-size: 0.7rem; margin-right: 5px; text-transform: none; color: rgba(0, 0, 0, 0.6); } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle em, .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle b { font-size: 0.8rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle em, .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle b { font-size: 0.9rem; } @media screen and (max-width: 480px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle em, .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle b { font-size: 0.56rem; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox] { position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); border-radius: 20px; width: 40px; height: 16px; -webkit-appearance: none; appearance: none; /* //&::before */ /* //&:checked */ /* //&:disabled */ /* //&:focus */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]::before { content: ""; width: 15px; height: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); background: rgba(255, 255, 255, 0.6); border-radius: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:checked { border-color: #0033A1; background-color: #0033A1; /* //&:disabled */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:checked::before { background: #ffffff; transform: translate(22px, 0); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:checked:disabled { border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:checked:disabled::before { background: rgba(255, 255, 255, 0.7); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:checked ~ b { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:disabled { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:disabled::before { background: rgba(255, 255, 255, 0.1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle input[type=checkbox]:focus { outline: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info .card-actions2 label.toggle.label-inactive em { opacity: 1; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info:nth-child(2) { padding: 0px 50px 0px 0px !important; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info:nth-child(2) { padding: 0px 50px 0px 0px !important; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 { display: block; width: 100%; height: auto; position: relative; padding: 15px 0px 0px 55px; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 { padding: 15px 0px 0px 55px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .show-icon { position: absolute; top: 5px; left: 0; width: 50px; height: 50px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .show-icon img { width: 48px; height: 48px; margin: 0 auto; display: block; text-align: center; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 { text-align: right !important; color: rgba(0, 0, 0, 0.9) !important; font-size: 1.1rem !important; line-height: 1.2rem !important; position: relative; font-weight: 600; margin: 2px 0px !important; float: right; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 { font-size: 1.1rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 { font-size: 1.2rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 span { text-align: right !important; color: rgba(0, 0, 0, 0.9) !important; font-size: 1.1rem !important; line-height: 1.2rem !important; position: relative; font-weight: 600; margin: 2px 0px !important; display: inline-block; background-color: none !important; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 span { font-size: 1.1rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 span { font-size: 1.2rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 span.bal-info { display: inline-block; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 span.bal-info-show { display: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h4 img { width: 10px; height: 10px; display: inline-block; margin-right: 0px; margin-top: -2px; position: relative; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h6 { text-align: right; color: rgba(0, 0, 0, 0.8); font-size: 0.8rem; line-height: 0.9rem; position: relative; font-weight: 600; margin: 2px 0; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h6 { font-size: 0.9rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h6 { font-size: 1rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info2 .card-actions3 h6.light-t { color: rgba(0, 0, 0, 0.65); font-weight: 500; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 { display: block; width: 100%; height: auto; position: relative; padding: 0px 0px 6px 0px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 { padding: 0px 0px 6px 0px; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 { padding: 0px 0px 6px 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn { position: absolute; top: -5px; right: 0; width: 50px; height: 24px; text-align: right; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn { right: -2px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.refresh-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 18px; height: 18px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 10px 1px 0; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background: url('hide.svg') no-repeat center center; background-size: 22px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.refresh-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.refresh-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.refresh-btn.active { background: url('visible.svg') no-repeat center center; background-size: 22px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.refresh-btn { width: 20px; height: 20px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.restart-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 18px; height: 18px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background: url('Refresh.svg') no-repeat center center; background-size: 18px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.restart-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.restart-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.restart-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.restart-btn.active { background: url('refresh-bal.svg') no-repeat center center; background-size: 24px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.restart-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .show-btn button.restart-btn { width: 20px; height: 20px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .active-text { position: absolute; top: -2px; right: -2px; width: 50px; height: 20px; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .active-text { top: 0px; right: 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .active-text em { padding: 3px 8px; font-size: 0.6rem; line-height: 8px; text-align: right; float: right; display: block; font-weight: 600; background: rgba(0, 51, 161, 0.2); color: #0033a1; border-radius: 10px; text-transform: uppercase; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn { position: absolute; bottom: 0px; right: 0; width: 24px; height: 24px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn { display: none; } } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn { right: -2px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn button.refresh-btn { background-color: transparent; border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 24px; height: 24px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn button.refresh-btn img { width: 18px; height: 18px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn button.refresh-btn img:hover { opacity: 0.8; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .ref-btn button.refresh-btn { width: 20px; height: 20px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 { /* //label.toggle */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h4 { text-align: center; color: rgba(0, 0, 0, 0.85); font-size: 1rem; line-height: 1.2rem; position: relative; font-weight: 600; margin: 2px 0; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h4 { font-size: 1.3rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h4 { font-size: 1.4rem; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h4 { font-size: 1rem; line-height: 1rem; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h4 span { text-align: left; color: rgba(0, 0, 0, 0.85); font-size: 1.4rem; line-height: 1.2rem; font-size: 600; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h5 { text-align: left; color: rgba(0, 0, 0, 0.85) !important; font-size: 1rem; line-height: 1rem; position: relative; font-weight: 600; margin: 6px 0px 2px 0px; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h5 { font-size: 1.1rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h5 { font-size: 1.2rem; } [theme=dark] .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h5 { color: #ffffff !important; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h6 { text-align: center; color: rgba(0, 0, 0, 0.85); color: #606060; font-size: 0.9rem; line-height: 1.1rem; position: relative; font-weight: 400; margin: 4px 0; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h6 { font-size: 0.9rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h6 { font-size: 1rem; } [theme=dark] .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h6 { color: #ffffff; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 h6.light-t { color: rgba(0, 0, 0, 0.65); font-weight: 500; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 em.refresh-amt { cursor: pointer; display: inline-block; padding: 0 5px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 em.refresh-amt img { width: 20px; height: 20px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle { position: relative; cursor: pointer; display: inline-block; margin-bottom: 0; line-height: 0; padding: 0 5px; border-radius: 20px; /* //input[type="checkbox"] */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle em, .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle b { vertical-align: super; display: inline-block; font-style: normal; zoom: 1; opacity: 0.5; font-weight: 500; font-size: 0.7rem; margin-right: 5px; text-transform: none; color: rgba(0, 0, 0, 0.6); } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle em, .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle b { font-size: 0.8rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle em, .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle b { font-size: 0.9rem; } @media screen and (max-width: 480px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle em, .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle b { font-size: 0.56rem; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox] { position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); border-radius: 20px; width: 40px; height: 16px; -webkit-appearance: none; appearance: none; /* //&::before */ /* //&:checked */ /* //&:disabled */ /* //&:focus */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]::before { content: ""; width: 15px; height: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); background: rgba(255, 255, 255, 0.6); border-radius: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:checked { border-color: #0033A1; background-color: #0033A1; /* //&:disabled */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:checked::before { background: #ffffff; transform: translate(22px, 0); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:checked:disabled { border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:checked:disabled::before { background: rgba(255, 255, 255, 0.7); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:checked ~ b { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:disabled { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:disabled::before { background: rgba(255, 255, 255, 0.1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle input[type=checkbox]:focus { outline: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 label.toggle.label-inactive em { opacity: 1; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-info:last-child { padding: 0px 30px 0px 0px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-info:last-child { padding: 0px 0px 0px 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions { /* //label.toggle */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h4 { text-align: left; color: rgba(0, 0, 0, 0.85); font-size: 1.2rem; line-height: 1.2rem; position: relative; font-weight: 500; margin: 2px 0; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h4 { font-size: 1.3rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h4 { font-size: 1.4rem; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h4 { font-size: 1rem; line-height: 1rem; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h4 span { text-align: left; color: rgba(0, 0, 0, 0.85); font-size: 1.1rem; line-height: 1.1rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h6 { text-align: left; color: rgba(0, 0, 0, 0.6); font-size: 0.8rem; line-height: 0.9rem; position: relative; font-weight: 500; margin: 2px 0; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h6 { font-size: 0.9rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions h6 { font-size: 1rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions em.refresh-amt { cursor: pointer; display: inline-block; padding: 0 5px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions em.refresh-amt img { width: 20px; height: 20px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle { position: relative; cursor: pointer; display: inline-block; margin-bottom: 0; line-height: 0; padding: 0 5px; border-radius: 20px; /* //input[type="checkbox"] */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle em, .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle b { vertical-align: super; display: inline-block; font-style: normal; zoom: 1; opacity: 0.5; font-weight: 500; font-size: 0.7rem; margin-right: 5px; text-transform: none; color: rgba(0, 0, 0, 0.6); } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle em, .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle b { font-size: 0.8rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle em, .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle b { font-size: 0.9rem; } @media screen and (max-width: 480px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle em, .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle b { font-size: 0.56rem; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox] { position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); border-radius: 20px; width: 40px; height: 16px; -webkit-appearance: none; appearance: none; /* //&::before */ /* //&:checked */ /* //&:disabled */ /* //&:focus */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]::before { content: ""; width: 15px; height: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); background: rgba(255, 255, 255, 0.6); border-radius: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:checked { border-color: #0033A1; background-color: #0033A1; /* //&:disabled */ } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:checked::before { background: #ffffff; transform: translate(22px, 0); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:checked:disabled { border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.3); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:checked:disabled::before { background: rgba(255, 255, 255, 0.7); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:checked ~ b { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:disabled { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:disabled::before { background: rgba(255, 255, 255, 0.1); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle input[type=checkbox]:focus { outline: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-actions label.toggle.label-inactive em { opacity: 1; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata span.account-balance { display: block; margin: 0 auto; margin-top: 10px; } @media (max-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata span.account-balance { margin-top: 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata span.account-balance h5 { font-size: 1.1rem; color: rgba(0, 0, 0, 0.85); } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata span.account-balance h5 { font-size: 1.2rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata span.account-balance h5 { font-size: 0.14rem; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data { color: rgba(0, 0, 0, 0.7); font-size: 0.7rem; padding: 6px 1px 0px 1px; font-style: normal; display: inline-block; min-width: 100%; text-align: right; position: relative; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data { font-size: 0.8rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data { font-size: 0.9rem; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data { padding: 0px 0px 0px 0px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data b { font-size: 0.7rem; font-weight: normal; letter-spacing: 0.7px; color: rgba(0, 0, 0, 0.85); } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data b { font-size: 0.8rem; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data b { font-size: 0.9rem; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data b { font-size: 1rem; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data i svg { width: 16px; padding-top: 3px; height: 18px; fill: rgba(0, 0, 0, 0.9); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt { position: absolute; content: ""; width: 14px; height: 14px; right: 0px; cursor: pointer; top: 7px; } @media (min-width: 767px) { .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt { top: 28px; } } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt svg { margin-top: 4px; width: 14px; height: 14px; fill: #0033a1; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt img { width: 13px; height: 13px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt1 { position: relative; content: ""; width: 22px; height: 22px; float: right; cursor: pointer; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt1 .chk-bal { cursor: pointer; display: inline-block !important; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt1 .chk-bal img { width: 22px; height: 22px; display: inline-block !important; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt1 .chk-bal img.hiddenAmt { display: none !important; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt1 .chk-bal.shown img.hiddenAmt { display: inline-block !important; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data .refresh-amt1 .chk-bal.shown img.showAmt { display: none !important; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .entered-data.bal-hide { display: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata strong { display: block; text-align: center; color: rgba(255, 255, 255, 0.5); font-weight: normal; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata div.enter-input { display: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata div.enter-input input { border: none; width: 100%; font-size: 16px; border-bottom: 1px solid #eb1c23; color: #000000; } .fnt-large .ux-component5 .ux-dropdown .drp-box .drp-enterdata div.enter-input input { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown .drp-box .drp-enterdata div.enter-input input { font-size: 18px; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata div.enter-input input:focus { outline: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata em.count { font-weight: normal; font-size: 30px; position: absolute; top: 5px; left: 5px; font-style: italic; color: rgba(235, 28, 35, 0.2); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata.show-amount .entered-data { display: none; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata.show-amount .entered-data.bal-hide { display: inline-block; } .ux-component5 .ux-dropdown .drp-showcontent { display: block; position: absolute; border-left: 1px solid rgba(0, 51, 161, 0.2); top: 0; right: 0; bottom: 0; width: 56px; margin: 15px 0; } .ux-component5 .ux-dropdown .drp-showcontent::after { content: ""; width: 16px; height: 16px; display: inline-block; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: transform 0.45s ease; } .ux-component5 .ux-dropdown .ux-dropdown-content { display: none; border-left: 1px solid #eee; padding: 10px 0; background-color: rgba(0, 0, 0, 0.1); } .ux-component5 .ux-dropdown .acc-detail { background-color: #ffffff; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; display: block; } .ux-component5 .ux-dropdown .acc-detail span { display: block; text-align: center; color: #000000; font-size: 12px; position: relative; font-weight: 500; text-transform: uppercase; } .ux-component5 .ux-dropdown .acc-detail span em { color: rgba(0, 0, 0, 0.4); } .ux-component5 .ux-dropdown .acc-detail span em i { display: inline-block; color: rgba(0, 0, 0, 0.4); font-style: normal; font-size: 10px; padding-left: 5px; } .fnt-large .ux-component5 .ux-dropdown .acc-detail span em i { font-size: 11px; } .fnt-xlarge .ux-component5 .ux-dropdown .acc-detail span em i { font-size: 12px; } .ux-component5 .ux-dropdown .acc-detail span.account-balance { display: block; margin: 0 auto; } .ux-component5 .ux-dropdown .acc-detail em.entered-data { color: rgba(0, 0, 0, 0.7); font-size: 18px; background: rgba(0, 51, 161, 0.14); border-radius: 25px; padding: 1px 25px 0px; border-radius: 25px; font-style: normal; display: inline-block; min-width: 200px; } .ux-component5 .ux-dropdown .acc-detail strong { display: block; text-align: center; color: rgba(0, 0, 0, 0.5); font-weight: normal; } .ux-component5 .ux-dropdown .acc-detail .progress { margin: 5px 0; border-radius: 20px; } .ux-component5 .ux-dropdown .acc-detail .progress .progress-bar { font-size: 12px; } .ux-component5 .ux-dropdown .acc-detail .progress .progress-bar.bg-danger { background-color: #eb1c23; } .ux-component5 .ux-dropdown .acc-detail div.enter-input { display: none; } .ux-component5 .ux-dropdown .acc-detail div.enter-input input { border: none; width: 100%; font-size: 16px; border-bottom: 1px solid #eb1c23; color: black; } .fnt-large .ux-component5 .ux-dropdown .acc-detail div.enter-input input { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown .acc-detail div.enter-input input { font-size: 18px; } .ux-component5 .ux-dropdown .acc-detail div.enter-input input:focus { outline: none; } .ux-component5 .ux-dropdown.dropdown-active .drp-enterdata div.enter-input { display: block; } .ux-component5 .ux-dropdown.dropdown-error { border-left: 3px solid #b91a0e; background: rgba(185, 26, 14, 0.1); } .ux-component5 .ux-dropdown.dropdown-showing .drp-showcontent::after { transform: rotate(180deg); } .ux-component5 .ux-dropdown.dropdown-showing .ux-dropdown-content { display: block; } .ux-component5 .ux-dropdown.ux-dropdown-readonly em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; } .fnt-large .ux-component5 .ux-dropdown.ux-dropdown-readonly em { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown.ux-dropdown-readonly em { font-size: 18px; } .ux-component5 .ux-dropdown.ux-comp-selected .drp-enterdata em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5 .ux-dropdown.ux-comp-selected .drp-enterdata em { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown.ux-comp-selected .drp-enterdata em { font-size: 18px; } .ux-component5 .ux-dropdown.ux-comp-selected .drp-enterdata em.entered-data { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5 .ux-dropdown.ux-comp-selected .drp-enterdata em.entered-data { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown.ux-comp-selected .drp-enterdata em.entered-data { font-size: 18px; } .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active .drp-enterdata em { display: none; } .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active .drp-enterdata em.entered-data { display: none; } .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em { font-size: 18px; } .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em.entered-data { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown.ux-comp-selected.dropdown-active.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 18px; } .ux-component5 .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5 .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em { font-size: 18px; } .ux-component5 .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em.entered-data { display: block; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-style: normal; } .fnt-large .ux-component5 .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 17px; } .fnt-xlarge .ux-component5 .ux-dropdown.ux-comp-selected.ux-dropdown-readonly .drp-enterdata em.entered-data { font-size: 18px; } .ux-component5 .ux-dropdown.show-range .range-container { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: rgba(0, 0, 0, 0.9); display: block; } .ux-component5 .range-container { display: none; border-radius: 5px; color: #ffffff; padding: 12px 0; } .ux-component5 .range-container .updt-txt { text-align: left; } .ux-component5 .range-container .updt-txt span { color: #ffffff; font-size: 12px; } .ux-component5 .range-container .ux-button { width: 75px; padding: 4px; margin-top: 2px; font-size: 11px; float: right; } .ux-component5 .range-container .ranges { width: 100%; border-radius: 5px; } .ux-component5 .range-container .ranges .slidecontainer { width: 100%; margin-bottom: 10px; } .ux-component5 .range-container .ranges .slidecontainer p { display: inline-block; width: 32.33%; color: #ffffff; } .ux-component5 .range-container .ranges .slidecontainer p.end-trgt { color: rgba(255, 255, 255, 0.7); font-size: 11px; } .ux-component5 .range-container .ranges .slidecontainer p.start-trgt { color: rgba(255, 255, 255, 0.7); font-size: 11px; } .ux-component5 .range-container .ranges .slidecontainer span { color: #ffffff; } .ux-component5 .range-container .ranges .slidecontainer .lbl-targetamt { font-size: 11px; font-weight: normal; color: rgba(255, 255, 255, 0.7); text-align: center; } .ux-component5 .range-container .ranges .slidecontainer .lbl-targetamt span { font-size: 18px; } .ux-component5 .range-container .ranges .slidecontainer .lbl-targetamt span b { font-size: 50%; opacity: 0.6; font-weight: normal; } .ux-component5 .range-container .ranges .slidecontainer .slider { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 100px; background: white; outline: none; } .ux-component5 .range-container .ranges .slidecontainer .slider:hover { opacity: 1; } .ux-component5 .range-container .ranges .slidecontainer .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #eb1c23; cursor: pointer; } .ux-component5 .range-container .ranges .slidecontainer .slider::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #eb1c23; cursor: pointer; } .ux-component5 .range-container .ranges .slidecontainer .ux-button { width: 75px; padding: 5px; font-size: 11px; margin: auto; } .ux-component5 .range-container:hover { color: #ffffff; } .ux-component5 .range-container .close-target { text-align: right; } .ux-component5 .range-container .close-target a img { height: 15px; width: 15px; } /* Buttons Style */ .ux-button, a.ux-button { background-color: #ffffff; border: 1px solid #0033A1; text-transform: capitalize; color: #0033A1; font-size: 1rem; font-weight: 500; padding: 0.5rem 0.7rem; max-width: 100%; width: 260px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; z-index: 0; overflow: hidden; vertical-align: middle; outline: none; /*text-transform: uppercase;*/ border-radius: 50px; background-position: center; box-shadow: 0px 3px 6px transparent; /* //img */ /* //em */ /* //&.sm1 */ /* //&.sm */ /* //&.sm2 */ /* //&.sm3 */ /* //&.sm4 */ /* //&.sm */ /* //&.success */ /* //&.disabled */ /* //&.disabled */ /*&.full-width*/ /*&:not([href]):not([tabindex]){ color: $brand-secondary-color; }*/ } .ux-button.custom-bor-rad, a.ux-button.custom-bor-rad { border-radius: 6px; } .ux-button.b-overflow, a.ux-button.b-overflow { overflow: inherit; } @media (max-width: 340px) { .ux-button, a.ux-button { font-size: 0.9rem; } } .ux-button img, a.ux-button img { margin-top: -5px; width: 20px; height: 20px; } .ux-button em, a.ux-button em { font-style: normal; font-size: 0.8rem; padding-left: 5px; color: #ffffff; vertical-align: middle; } .ux-button.md, a.ux-button.md { padding: 0.6rem 0.7rem; width: 350px; max-width: 100%; margin: 0px auto; /* //em */ } @media (max-width: 767px) { .ux-button.md, a.ux-button.md { padding: 0.6rem 0.7rem; width: 100%; max-width: 100%; } } .ux-button.md em, a.ux-button.md em { font-size: 0.8rem; } .ux-button.sm1, a.ux-button.sm1 { padding: 0.6rem 0.7rem; width: 160px; max-width: 100%; margin: 0px auto; margin: 1px 0px; font-size: 0.9rem; /* //em */ } .ux-button.sm1 em, a.ux-button.sm1 em { font-size: 0.8rem; } .ux-button.sm, a.ux-button.sm { padding: 0.4rem 0.7rem; width: 120px; white-space: nowrap; max-width: 100%; margin: 1px 0px; font-size: 0.9rem; max-width: 100%; /* //em */ } .ux-button.sm em, a.ux-button.sm em { font-size: 0.8rem; } .ux-button.sm2, a.ux-button.sm2 { padding: 0.6rem 0.7rem; width: 160px; margin: 1px 0px; display: block; position: relative; margin: 0 auto; max-width: 100%; font-size: 0.9rem; /* //em */ /* point*/ } .ux-button.sm2.w-100, a.ux-button.sm2.w-100 { width: 100%; } .ux-button.sm2 em, a.ux-button.sm2 em { font-size: 0.8rem; } .ux-button.sm2 .point, a.ux-button.sm2 .point { width: 10px; height: 10px; border-radius: 30px; color: #ffffff; padding: 1px 2px; font-size: 0.6rem; line-height: 0.7rem; color: #ffffff; text-align: center; background-color: #f01f57; position: absolute; right: 5px; top: -5px; z-index: 10; } .ux-button.sm3, a.ux-button.sm3 { padding: 0.4rem 0.7rem; width: 100px; display: block; margin: 1px 0px; margin: 0 auto; max-width: 100%; font-size: 0.85rem; /* //em */ } @media (max-width: 991px) { .ux-button.sm3, a.ux-button.sm3 { padding: 0.3rem 0.5rem; font-size: 0.85rem; } } .ux-button.sm3 em, a.ux-button.sm3 em { font-size: 0.75rem; } .ux-button.thin-vpadding, a.ux-button.thin-vpadding { padding: 0.2rem 0.7rem; width: 125px; } .ux-button.sm4, a.ux-button.sm4 { padding: 0.4rem 0.4rem; display: block; margin: 1px 0px; max-width: 100%; font-size: 0.8rem; /* //em */ } @media (max-width: 991px) { .ux-button.sm4, a.ux-button.sm4 { padding: 0.3rem 0.4rem; font-size: 0.8rem; } } .ux-button.sm4 em, a.ux-button.sm4 em { font-size: 0.7rem; } .ux-button.sm-mob, a.ux-button.sm-mob { padding: 0.5rem 0.7rem; width: 160px; margin: 1px 0px; max-width: 100%; } @media (max-width: 767px) { .ux-button.sm-mob, a.ux-button.sm-mob { padding: 0.5rem 0.7rem; width: 260px; text-align: center; max-width: 100%; margin: 0px auto; margin-left: 0px; } } .ux-button.sm-mob2, a.ux-button.sm-mob2 { padding: 0.5rem 0.7rem; width: 160px; margin: 1px 0px; max-width: 100%; } @media (max-width: 767px) { .ux-button.sm-mob2, a.ux-button.sm-mob2 { padding: 0.4rem 0.5rem; font-size: 0.8rem; width: 120px; text-align: center; float: right; max-width: 100%; margin: 0px auto; } } .ux-button.primary, a.ux-button.primary { background-color: #0033A1; color: white; outline: none; /* //img */ } .ux-button.primary img, a.ux-button.primary img { margin-top: -2px; width: 22px; height: 22px; margin-right: 5px; } .ux-button.primary:hover, a.ux-button.primary:hover { background-color: #002e92; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.primary:active, a.ux-button.primary:active { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.primary:focus, a.ux-button.primary:focus { outline: none; } .ux-button.secondary, a.ux-button.secondary { background-color: white; color: #0033a1; border: 1px solid #0033A1; outline: none; /* //img */ } .ux-button.secondary.bor-radius, a.ux-button.secondary.bor-radius { border-radius: 0px; } .ux-button.secondary:hover, a.ux-button.secondary:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.secondary:active, a.ux-button.secondary:active { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.secondary em, a.ux-button.secondary em { color: #BABCBF; } .ux-button.secondary img, a.ux-button.secondary img { margin-top: -2px; width: 22px; height: 22px; margin-right: 5px; } .ux-button.default, a.ux-button.default { background-color: #ececec; color: rgba(0, 0, 0, 0.9); border: 1px solid #efefef; outline: none; /* //img */ } .ux-button.default.bor-radius, a.ux-button.default.bor-radius { border-radius: 0px; } .ux-button.default:hover, a.ux-button.default:hover { background-color: #e5e5e5; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.default:active, a.ux-button.default:active { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.default em, a.ux-button.default em { color: #000000; } .ux-button.default img, a.ux-button.default img { margin-top: -2px; width: 22px; height: 22px; margin-right: 5px; } .ux-button.info, a.ux-button.info { background-color: rgba(253, 129, 83, 0.2); color: #fd8153; outline: none; border: none; /* //img */ } .ux-button.info img, a.ux-button.info img { margin-top: -2px; width: 22px; height: 22px; margin-right: 5px; } .ux-button.info:hover, a.ux-button.info:hover { background-color: rgba(253, 129, 83, 0.3); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.info:active, a.ux-button.info:active { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.info:focus, a.ux-button.info:focus { outline: none; } .ux-button.outline-primary, a.ux-button.outline-primary { color: #0033a1; background: white; background-position: center; outline: none; } .ux-button.outline-primary:hover, a.ux-button.outline-primary:hover { color: rgba(0, 51, 161, 0.8); background: rgba(255, 255, 255, 0.9); border: 1px solid #0033A1; outline: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.outline-primary:active, a.ux-button.outline-primary:active { color: rgba(0, 51, 161, 0.8); background: rgba(255, 255, 255, 0.9); outline: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.outline-primary em, a.ux-button.outline-primary em { color: #0033A1; } .ux-button.outline-primary img, a.ux-button.outline-primary img { margin-top: -2px; width: 22px; height: 22px; margin-right: 5px; } .ux-button.outline-secondary, a.ux-button.outline-secondary { color: #babcbf; border: 1px solid #BABCBF; background: white; background-position: center; outline: none; } .ux-button.outline-secondary:hover, a.ux-button.outline-secondary:hover { color: rgba(186, 188, 191, 0.8); background: rgba(255, 255, 255, 0.9); border: 1px solid #BABCBF; outline: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.outline-secondary:active, a.ux-button.outline-secondary:active { color: rgba(186, 188, 191, 0.8); background: rgba(255, 255, 255, 0.9); outline: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.outline-secondary em, a.ux-button.outline-secondary em { color: #BABCBF; } .ux-button.outline-secondary img, a.ux-button.outline-secondary img { margin-top: -2px; width: 22px; height: 22px; margin-right: 5px; } .ux-button.success, a.ux-button.success { color: #ffffff; border: 1px solid #03914a; background: #03914a; } .ux-button.success:hover, a.ux-button.success:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.success:active, a.ux-button.success:active { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .ux-button.disable, a.ux-button.disable { background: #e8e8e8; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); cursor: not-allowed; outline: none; text-shadow: none; /*&::before {content: none;}*/ } .ux-button.disable:hover, a.ux-button.disable:hover { box-shadow: none; background: none; background: #e8e8e8; color: rgba(0, 0, 0, 0.4); } .ux-button.disable:active, a.ux-button.disable:active { background: none; box-shadow: none; transition: none; background: none; background: rgba(0, 0, 0, 0.09); color: rgba(0, 0, 0, 0.4); } .ux-button.disable em, a.ux-button.disable em { color: rgba(0, 0, 0, 0.4); } .ux-button:disabled, a.ux-button:disabled { background: #e8e8e8; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); cursor: not-allowed; outline: none; text-shadow: none; /*&::before {content: none;}*/ } .ux-button:disabled:hover, a.ux-button:disabled:hover { box-shadow: none; background: none; background: #e8e8e8; color: rgba(0, 0, 0, 0.4); } .ux-button:disabled:active, a.ux-button:disabled:active { background: none; box-shadow: none; transition: none; background: none; background: rgba(0, 0, 0, 0.09); color: rgba(0, 0, 0, 0.4); } .ux-button:disabled em, a.ux-button:disabled em { color: rgba(0, 0, 0, 0.4); } .ux-button img, a.ux-button img { margin-top: -5px; width: 20px; height: 20px; } .ux-button.full-width, a.ux-button.full-width { width: 300px; text-transform: capitalize; } @media (max-width: 767px) { .ux-button, a.ux-button { padding: 0.5rem 0.7rem; } } /* .button*/ .ux-linkbutton, a.ux-linkbutton { background-color: transparent; border: none; padding: 0.2rem 1rem; margin: 0px auto; font-size: 0.85rem; display: inline-block; text-align: center; cursor: pointer; border-radius: 50px; color: rgba(0, 0, 0, 0.65); position: relative; overflow: hidden; vertical-align: middle; /*hover*/ /*primary*/ /*primary*/ /*disable*/ /*disabled*/ } @media (max-width: 480px) { .ux-linkbutton, a.ux-linkbutton { font-size: 0.9rem; } } .ux-linkbutton.custom-pad, a.ux-linkbutton.custom-pad { padding: 20px 20px; } .ux-linkbutton.sm, a.ux-linkbutton.sm { padding: 0.3rem 0.8rem; color: rgba(0, 0, 0, 0.6); margin: 2px auto; font-size: 0.85rem; line-height: 0.8rem; font-weight: 500; border-radius: 50px; } @media (max-width: 768px) { .ux-linkbutton.sm, a.ux-linkbutton.sm { font-size: 0.7rem; padding: 0.2rem 0.6rem; } } .ux-linkbutton.sm1, a.ux-linkbutton.sm1 { padding: 0.3rem 0.8rem; color: rgba(0, 0, 0, 0.6); margin: 2px auto; font-size: 0.85rem; line-height: 0.8rem; font-weight: 500; border-radius: 50px; } @media (max-width: 768px) { .ux-linkbutton.sm1, a.ux-linkbutton.sm1 { font-size: 0.8rem; padding: 0.2rem 0.6rem; } } .ux-linkbutton img, a.ux-linkbutton img { width: 14px !important; height: 14px !important; position: relative; margin-top: -2px; margin-right: 3px; display: inline-block !important; } .ux-linkbutton:hover, a.ux-linkbutton:hover { background-color: rgba(0, 0, 0, 0.03); } .ux-linkbutton.primary, a.ux-linkbutton.primary { color: #0033a1; /*hover*/ } .ux-linkbutton.primary.text-link, a.ux-linkbutton.primary.text-link { color: #0033a1; text-decoration: none; } .ux-linkbutton.primary.text-link:hover, a.ux-linkbutton.primary.text-link:hover { color: rgba(0, 51, 161, 0.8); text-decoration: underline; background-color: transparent; } .ux-linkbutton.primary:hover, a.ux-linkbutton.primary:hover { color: rgba(0, 51, 161, 0.8); background-color: rgba(0, 51, 161, 0.1); } .ux-linkbutton.primary1, a.ux-linkbutton.primary1 { color: #0033a1; /*hover*/ } .ux-linkbutton.primary1:hover, a.ux-linkbutton.primary1:hover { color: rgba(0, 51, 161, 0.8); text-decoration: underline; background-color: rgba(0, 0, 0, 0); } .ux-linkbutton.disable, a.ux-linkbutton.disable { cursor: not-allowed; color: rgba(0, 0, 0, 0.3); background: #e8e8e8; } .ux-linkbutton:disabled, a.ux-linkbutton:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.3); background: #e8e8e8; } .ux-linkbutton:focus, a.ux-linkbutton:focus { outline: none; } /*ux-linkbutton*/ .ux-linkbutton1, a.ux-linkbutton1 { background-color: transparent; border: none; text-transform: capitalize; padding: 0.2rem 1.2rem; margin: 0px auto; display: inline-block; text-align: center; cursor: pointer; border-radius: 50px; color: rgba(0, 0, 0, 0.65); font-size: 0.85rem; line-height: 1rem; position: relative; overflow: hidden; vertical-align: middle; /*hover*/ /*primary*/ /*secondary*/ /*danger*/ /*disable*/ /*disabled*/ } @media (max-width: 767px) { .ux-linkbutton1, a.ux-linkbutton1 { font-size: 0.8rem; } } .ux-linkbutton1.sm, a.ux-linkbutton1.sm { padding: 0.2rem 0.8rem; display: inline-block; color: rgba(0, 0, 0, 0.6); margin: 2px auto; font-size: 0.85rem; line-height: 0.8rem; font-weight: 500; border-radius: 50px; } @media (max-width: 768px) { .ux-linkbutton1.sm, a.ux-linkbutton1.sm { font-size: 0.7rem; padding: 0.2rem 0.6rem; } } .ux-linkbutton1.sm-link, a.ux-linkbutton1.sm-link { padding: 0.2rem 0.2rem; display: inline-block; color: rgba(0, 0, 0, 0.6); margin: 2px auto; font-size: 0.85rem; line-height: 0.8rem; font-weight: 500; border-radius: 50px; } .ux-linkbutton1.sm-link span, a.ux-linkbutton1.sm-link span { color: rgba(0, 0, 0, 0.6); margin: 2px auto; font-size: 0.7rem; font-weight: 500; } .ux-linkbutton1.sm-link span img, a.ux-linkbutton1.sm-link span img { width: 10px; height: 10px; position: relative; margin-top: -2px; margin-right: 2px; } @media (max-width: 768px) { .ux-linkbutton1.sm-link, a.ux-linkbutton1.sm-link { font-size: 0.7rem; padding: 0.2rem 0.2rem; } } .ux-linkbutton1.sm-link2, a.ux-linkbutton1.sm-link2 { padding: 0.2rem 0.2rem; display: inline-block; color: rgba(0, 0, 0, 0.6); margin: 2px auto; font-size: 0.85rem; line-height: 0.8rem; font-weight: 500; border-radius: 50px; } .ux-linkbutton1.sm-link2 span, a.ux-linkbutton1.sm-link2 span { color: #0033a1; font-size: 0.9rem; font-weight: 500; } .ux-linkbutton1.sm-link2 span img, a.ux-linkbutton1.sm-link2 span img { width: 10px; height: 10px; position: relative; margin-top: -2px; margin-right: 2px; } .ux-linkbutton1.sm-link2.primary, a.ux-linkbutton1.sm-link2.primary { color: #0033a1; background-color: transparent; } .ux-linkbutton1.sm-link2.primary:hover, a.ux-linkbutton1.sm-link2.primary:hover { color: rgba(0, 51, 161, 0.8); background-color: transparent; } @media (max-width: 768px) { .ux-linkbutton1.sm-link2, a.ux-linkbutton1.sm-link2 { font-size: 0.9rem; padding: 0.2rem 0.2rem; } } .ux-linkbutton1.sm-link3, a.ux-linkbutton1.sm-link3 { padding: 0.2rem 0.2rem; display: inline-block; color: rgba(0, 0, 0, 0.6); margin: 2px auto; font-size: 0.85rem; line-height: 0.8rem; font-weight: 500; border-radius: 50px; } .ux-linkbutton1.sm-link3 span, a.ux-linkbutton1.sm-link3 span { color: #0033a1; font-size: 0.9rem; font-weight: 500; } .ux-linkbutton1.sm-link3 span img, a.ux-linkbutton1.sm-link3 span img { width: 10px; height: 10px; position: relative; margin-top: -2px; margin-right: 2px; } .ux-linkbutton1.sm-link3.primary, a.ux-linkbutton1.sm-link3.primary { color: #0033a1; background-color: transparent; } .ux-linkbutton1.sm-link3.primary:hover, a.ux-linkbutton1.sm-link3.primary:hover { color: rgba(0, 51, 161, 0.8); background-color: transparent; } @media (max-width: 768px) { .ux-linkbutton1.sm-link3, a.ux-linkbutton1.sm-link3 { font-size: 0.8rem; padding: 0.2rem 0.2rem; } } .ux-linkbutton1 img, a.ux-linkbutton1 img { width: 16px; height: 16px; position: relative; margin-top: -2px; margin-right: 2px; } .ux-linkbutton1:hover, a.ux-linkbutton1:hover { background-color: rgba(0, 0, 0, 0.06); } .ux-linkbutton1.primary, a.ux-linkbutton1.primary { color: #0033A1; background-color: rgba(0, 51, 161, 0.1); /*hover*/ } .ux-linkbutton1.primary:hover, a.ux-linkbutton1.primary:hover { color: #0033A1; background-color: rgba(0, 51, 161, 0.2); } .ux-linkbutton1.secondary, a.ux-linkbutton1.secondary { color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.06); /*hover*/ } .ux-linkbutton1.secondary:hover, a.ux-linkbutton1.secondary:hover { color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.1); } .ux-linkbutton1.info, a.ux-linkbutton1.info { color: #0750c6; background-color: rgba(7, 80, 198, 0.1); /*hover*/ } .ux-linkbutton1.info:hover, a.ux-linkbutton1.info:hover { color: #0750c6; background-color: rgba(7, 80, 198, 0.2); } .ux-linkbutton1.warning, a.ux-linkbutton1.warning { color: #acb2b5; background-color: rgba(226, 228, 229, 0.2); /*hover*/ } .ux-linkbutton1.warning:hover, a.ux-linkbutton1.warning:hover { color: #acb2b5; background-color: rgba(226, 228, 229, 0.3); } .ux-linkbutton1.danger, a.ux-linkbutton1.danger { color: rgba(206, 14, 65, 0.7); background-color: rgba(206, 14, 65, 0.06); /*hover*/ } .ux-linkbutton1.danger:hover, a.ux-linkbutton1.danger:hover { color: rgba(206, 14, 65, 0.7); background-color: rgba(206, 14, 65, 0.1); } .ux-linkbutton1.disable, a.ux-linkbutton1.disable { cursor: not-allowed; color: rgba(0, 0, 0, 0.3); background: #e8e8e8; } .ux-linkbutton1:disabled, a.ux-linkbutton1:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.3); background: #e8e8e8; } .ux-linkbutton1:focus, a.ux-linkbutton1:focus { outline: none; } /*ux-linkbutton1*/ .ux-link, a.ux-link { background-color: transparent; border: none; text-transform: capitalize; padding: 0.5rem 0rem; margin: 0px auto; display: inline-block; text-align: left; cursor: pointer; color: rgba(0, 0, 0, 0.65); font-size: 1rem; line-height: 1rem; position: relative; overflow: hidden; vertical-align: middle; /*primary*/ /*secondary*/ /*disable*/ /*disabled*/ } .ux-link img, a.ux-link img { width: 16px; height: 16px; position: relative; margin-top: -2px; margin-right: 2px; } .ux-link.primary, a.ux-link.primary { color: #babcbf; /*hover*/ } .ux-link.primary:hover, a.ux-link.primary:hover { color: rgba(186, 188, 191, 0.8); } .ux-link.secondary, a.ux-link.secondary { color: #babcbf; /*hover*/ } .ux-link.secondary:hover, a.ux-link.secondary:hover { color: rgba(186, 188, 191, 0.8); } .ux-link.info, a.ux-link.info { color: #0750c6; /*hover*/ } .ux-link.info:hover, a.ux-link.info:hover { color: #0750c6; } .ux-link.disable, a.ux-link.disable { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .ux-link:disabled, a.ux-link:disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .ux-link:focus, a.ux-link:focus { outline: none; } /*ux-link*/ .slider-box { padding: 10px 20px; background-color: transparent; border-radius: 0px; position: relative; z-index: 1; /* -- menu tabs white on gradient */ /* //.menu-tabs */ /* owl-stage-outer */ /* -- carousel transparent/white on gradient */ /*// summary section in gradient box*/ /* //.owl-nav */ /* //.owl-dots */ /*@media (max-width: 767px){ .owl-dots{ display: block; } }*/ } .slider-box .ux-small-scroll { overflow: hidden; } .slider-box .ux-small-scroll.customize span { align-items: center; text-align: center; } .slider-box .ux-small-scroll.customize b { font-size: 52px; font-weight: 200; border-radius: 100px; border: 2px dashed; width: 80%; height: 80%; margin: 0 auto; } .slider-box:after { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0); bottom: 50%; height: 200px; content: ""; left: 0; border-radius: 0 0 8px 8px; } .slider-box.h100 { height: 100px; } .slider-box.pad { padding: 10px 10px; } .slider-box.pad-0 { padding: 0px 0px; } .slider-box.mb0 { margin-bottom: 0px; } .slider-box.bg:before { background-image: none; } .slider-box.mb { margin-bottom: 60px; } @media (max-width: 767px) { .slider-box.mb { margin-bottom: 40px; } } .slider-box .scroll-list { overflow: auto; white-space: nowrap; padding: 0px 0px; margin: 0; width: 100%; height: auto; } @media (max-width: 767px) { .slider-box .scroll-list { overflow: hidden; height: auto; white-space: normal; } } .slider-box .scroll-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .slider-box .scroll-list li { text-decoration: none; list-style: none; margin: 0px 10px; display: inline-block; position: relative; overflow: hidden; } @media (max-width: 767px) { .slider-box .scroll-list li { margin: 1% 1%; width: 22%; } } .slider-box .scroll-list li a { width: 110px; height: 110px; font-size: 1rem; font-weight: 500; line-height: 1.2rem; text-align: center; padding: 8px 8px; background-color: rgba(0, 51, 161, 0.9); border-radius: 6px; color: white; display: block; text-transform: capitalize; cursor: pointer; text-decoration: none; transition: all 0.4s ease; transform: translateY(0px); } @media (max-width: 767px) { .slider-box .scroll-list li a { width: 100%; height: auto; } } .slider-box .scroll-list li a::after { position: absolute; content: ""; bottom: 13px; width: 40px; height: 4px; background-color: transparent; border-radius: 5px; left: 50%; margin-left: -20px; } @media (max-width: 767px) { .slider-box .scroll-list li a::after { bottom: 4px; } } .slider-box .scroll-list li a em { text-align: center; color: white; font-size: 1rem; font-weight: 500; padding: 3px 0; text-transform: capitalize; } .slider-box .scroll-list li a em:hover { opacity: 0.8; } @media (max-width: 767px) { .slider-box .scroll-list li a em { font-size: 0.7rem; } } .slider-box .scroll-list li a img { width: 50px; height: 50px; text-align: center; margin: 6px auto; display: block; } .slider-box .scroll-list li a img:hover { opacity: 0.8; } @media (max-width: 767px) { .slider-box .scroll-list li a img { width: 26px; height: 26px; margin: 4px auto; } } .slider-box .scroll-list li a:hover { background-color: #0033a1; transform: translateY(8px); transition: all 0.4s ease; } @media (max-width: 767px) { .slider-box .scroll-list li a:hover { transform: translateY(0px); } } .slider-box .scroll-list li a:hover::after { background-color: #ffffff; } .slider-box .scroll-list li a.active { background-color: #0033a1; transform: translateY(8px); transition: all 0.4s ease; } @media (max-width: 767px) { .slider-box .scroll-list li a.active { transform: translateY(0px); } } .slider-box .scroll-list li a.active::after { background-color: #ffffff; } @media (max-width: 767px) { .slider-box .scroll-list li.dis-n { display: none; } } @media (max-width: 480px) { .slider-box { padding: 10px 10px 20px; } } .slider-box.h-100:before { position: absolute; content: ""; left: 0; right: 0; top: -1px; bottom: 0; width: 100%; background-repeat: no-repeat; background-size: cover; opacity: 0.15; z-index: 0; height: 100px; } .slider-box .menu-tabs { /* //.lst-menu-tabs */ /* //.menutabs-content */ } .slider-box .menu-tabs .lst-menu-tabs { border-bottom-color: rgba(255, 255, 255, 0.1); /* //li */ } .slider-box .menu-tabs .lst-menu-tabs li { /* //a */ } .slider-box .menu-tabs .lst-menu-tabs li a { /* //&.tab-selected */ } .slider-box .menu-tabs .lst-menu-tabs li a.tab-selected { color: #ffffff; border-color: #ffffff; } .slider-box .fgt-pwd { text-align: center; margin: 0 38%; display: inline-block; color: #ffffff; font-size: 13px; cursor: default; } .slider-box .fgt-pwd span { cursor: pointer; } .slider-box .fgt-pwd:hover { text-decoration: none; } .slider-box .description { /*color: $dark-gray;*/ font-size: 11px; margin-top: 10px; } .slider-box h5.authentication-heading { text-align: center; color: #ffffff; font-size: 14px; margin: 2px auto 14px; text-transform: uppercase; } .slider-box .owl-stage-outer { padding-bottom: 5px; } .slider-box .owl-stage-outer .owl-stage { /*@media screen and (max-width: 992px) { margin-bottom: 10px; }*/ } .slider-box .owl-nav { right: 0p; left: 0; width: 100%; /*@media screen and (min-width: 992px) { display: inline-block; } @media screen and (max-width: 992px) { display: none; }*/ /* //button.owl-prev */ /* //button.owl-next */ } .slider-box .owl-nav .owl-prev, .slider-box .owl-nav .owl-next { display: block; width: 22px; height: 52px; border-radius: 5px; position: absolute; float: left; top: 40%; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); margin-right: 10px; margin-top: -26px; outline: none; font-size: 0px; /* //&.disabled */ } .slider-box .owl-nav .owl-prev span, .slider-box .owl-nav .owl-next span { display: none; } .slider-box .owl-nav .owl-prev.disabled, .slider-box .owl-nav .owl-next.disabled { cursor: default; background-color: #bfbfbf; } .slider-box .owl-nav .owl-prev { background: #ffffff url('left-arrow.png') no-repeat center; background-size: 16px 16px; left: -15px; /* //&.disabled */ } .slider-box .owl-nav .owl-prev.disabled { background: #ffffff url('oic-prev-disabled.png') no-repeat center; background-size: 16px 16px; } .slider-box .owl-nav .owl-next { margin-right: 0; background: #ffffff url('right-arrow.png') no-repeat center; background-size: 16px 16px; right: -15px; /* //&.disabled */ } .slider-box .owl-nav .owl-next.disabled { background: #ffffff url('oic-next-disabled.png') no-repeat center; background-size: 16px 16px; } .slider-box .owl-dots { overflow: hidden; display: block; /*margin-top: -7px;*/ margin-top: 0px !important; left: 50%; position: absolute; margin-left: -35px; /* //button.owl-dot */ } .slider-box .owl-dots button.owl-dot { width: 7px; height: 7px; display: block; float: left; background-color: rgba(0, 0, 0, 0.3); zoom: 1; filter: alpha(opacity=80); opacity: 0.8; border-radius: 7px; margin-right: 8px; outline: none; /* //&.active */ } .slider-box .owl-dots button.owl-dot span { display: none; } .slider-box .owl-dots button.owl-dot.active { background-color: #0033A1; zoom: 1; filter: alpha(opacity=100); opacity: 1; } @media screen and (min-width: 767px) { .slider-box .owl-dots { display: none; } } /*========= modal popup css start ===========*/ .modal { /* .modal-dialogue */ } .modal .modal-dialog { width: 90%; margin: 0 auto; /*&.modal-full*/ /*&.modal-full*/ /*&.modal-sm*/ /*.modal-content*/ } .modal .modal-dialog.modal-full, .modal .modal-dialog.modal-lg { margin: 0 auto; } .modal .modal-dialog.modal-full .modal-content, .modal .modal-dialog.modal-lg .modal-content { height: auto; vertical-align: auto; } .modal .modal-dialog.modal-full { min-width: 100%; } .modal .modal-dialog.modal-sm { margin: 0 auto; } .modal .modal-dialog .modal-content { border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.06); /*.modal-header*/ /*.modal-body*/ /*.modal-footer*/ /*.modal-footer1*/ } .modal .modal-dialog .modal-content.pad-custom { padding: 10px; } .modal .modal-dialog .modal-content.pad-b { padding-bottom: 10px; } .modal .modal-dialog .modal-content .modal-header { padding: 10px 15px; outline: none; border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.1); border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; /*left: 0; right: 0; top: 0; z-index: 10;*/ display: block; background-color: rgba(255, 255, 255, 0.9); /*.mh-top*/ /* .mh-bottom*/ } .modal .modal-dialog .modal-content .modal-header.cust-pad { padding: 10px 15px; } @media (max-height: 600px) { .modal .modal-dialog .modal-content .modal-header.cust-pad { padding: 10px 5px; } } .modal .modal-dialog .modal-content .modal-header .mh-top { background-color: rgba(0, 51, 161, 0.1); padding: 5px 0; text-align: center; } .modal .modal-dialog .modal-content .modal-header .mh-top h4 { margin: 0; padding: 0; font-size: 0.7rem; } .modal .modal-dialog .modal-content .modal-header.bor-n { border-bottom: none !important; } .modal .modal-dialog .modal-content .modal-header .mh-bottom { /*a*/ } .modal .modal-dialog .modal-content .modal-header .mh-bottom h6 { margin: 0; padding: 0; padding: 5px 0px; font-size: 1.3rem; font-weight: 500; color: rgba(0, 0, 0, 0.9); } .modal .modal-dialog .modal-content .modal-header .mh-bottom h6 img { width: 22px; height: 22px; margin: 0 6px; text-align: center; vertical-align: text-bottom; } .modal .modal-dialog .modal-content .modal-header .mh-bottom h6.success { color: rgba(0, 51, 161, 0.9); } @media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-header .mh-bottom h6 { font-size: 1.3rem; } } .modal .modal-dialog .modal-content .modal-header .mh-bottom a { width: 32px; height: 32px; position: relative; float: right; /*.mh-cross*/ /*&:hover*/ } .modal .modal-dialog .modal-content .modal-header .mh-bottom a .mh-cross { zoom: 1; filter: alpha(opacity=70); opacity: 0.7; } .modal .modal-dialog .modal-content .modal-header .mh-bottom a .mh-cross:before, .modal .modal-dialog .modal-content .modal-header .mh-bottom a .mh-cross:after { position: absolute; left: 15px; content: " "; height: 20px; width: 2px; top: 5px; background-color: #000000; } .modal .modal-dialog .modal-content .modal-header .mh-bottom a .mh-cross:before { transform: rotate(45deg); } .modal .modal-dialog .modal-content .modal-header .mh-bottom a .mh-cross:after { transform: rotate(-45deg); } .modal .modal-dialog .modal-content .modal-header .mh-bottom a:hover { opacity: 0.8; /* //&::before */ } .modal .modal-dialog .modal-content .modal-header .mh-bottom a:hover::before { transform: scale(1); } .modal .modal-dialog .modal-content .modal-header h3 { margin: 0; padding: 0; font-size: 1.2rem; } .modal .modal-dialog .modal-content .modal-header h6 { margin: 0; padding: 0; font-size: 1.4rem; } .modal .modal-dialog .modal-content .modal-header h6 svg { width: 35px; height: 35px; margin-right: 5px; } .modal .modal-dialog .modal-content .modal-header h6 svg.success { fill: #03914a; } .modal .modal-dialog .modal-content .modal-header h6 svg.error { fill: #CE0E41; } .modal .modal-dialog .modal-content .modal-header button.close { outline: none; } .modal .modal-dialog .modal-content .modal-body { padding: 10px 15px; /*change-profile*/ } .modal .modal-dialog .modal-content .modal-body.cust-pad { padding: 10px 15px; } @media (max-height: 600px) { .modal .modal-dialog .modal-content .modal-body.cust-pad { padding: 10px 5px; } } .modal .modal-dialog .modal-content .modal-body.cust-pad2 { padding: 15px 15px; } @media (max-height: 600px) { .modal .modal-dialog .modal-content .modal-body.cust-pad2 { padding: 15px 5px; } } .modal .modal-dialog .modal-content .modal-body h4 { font-size: 1.2rem; color: rgba(0, 0, 0, 0.85); font-weight: 500; } .modal .modal-dialog .modal-content .modal-body h5 { font-size: 1rem; color: rgba(0, 0, 0, 0.75); font-weight: 500; } .modal .modal-dialog .modal-content .modal-body h5.primary { font-size: 1rem; color: #0033a1; font-weight: 500; margin: 5px 0; } .modal .modal-dialog .modal-content .modal-body p { font-size: 0.95rem; color: rgba(0, 0, 0, 0.75); font-weight: 400; line-height: 1.2rem; word-wrap: break-word; word-break: break-all; } .modal .modal-dialog .modal-content .modal-body p.info-text2 { font-size: 0.95rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .modal .modal-dialog .modal-content .modal-body .change-profile { text-align: center; } .modal .modal-dialog .modal-content .modal-body .change-profile a { text-decoration: none; color: #000000; } .modal .modal-dialog .modal-content .modal-body .change-profile a img { width: 50px; display: inline-block; } .modal .modal-dialog .modal-content .modal-body .change-profile a em { display: block; } .modal .modal-dialog .modal-content .modal-footer { border-color: rgba(0, 0, 0, 0); width: 100%; } .modal .modal-dialog .modal-content .modal-footer button:last-child { margin-left: 15px; } @media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-footer button:last-child { margin-left: 0px; } } .modal .modal-dialog .modal-content .modal-footer1 { border-color: rgba(0, 0, 0, 0); padding: 10px 15px; text-align: right; } .modal .modal-dialog .modal-content .modal-footer1.cust-pad { padding: 10px 15px; } @media (max-height: 600px) { .modal .modal-dialog .modal-content .modal-footer1.cust-pad { padding: 10px 5px; } } .modal .modal-dialog .modal-content .modal-footer1.pad-b { padding: 5px 15px 5px 15px; } @media (max-height: 600px) { .modal .modal-dialog .modal-content .modal-footer1.pad-b { padding: 5px 15px 5px 15px; } } .modal .modal-dialog .modal-content .sim-list { margin: 20px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .modal .modal-dialog .modal-content .sim-list ul { text-decoration: none; list-style: none; } .modal .modal-dialog .modal-content .sim-list li { text-decoration: none; list-style: none; width: 40%; display: block; float: left; text-align: center; } .modal .modal-dialog .modal-content .sim-list li a { text-decoration: none; width: 100%; display: block; padding: 5px 0; border-radius: 6px; height: auto; background: transparent; overflow: hidden; } .modal .modal-dialog .modal-content .sim-list li a img { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033A1; } .modal .modal-dialog .modal-content .sim-list li a svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #cccccc; } .modal .modal-dialog .modal-content .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .modal .modal-dialog .modal-content .sim-list li a:hover img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .modal .modal-dialog .modal-content .sim-list li a:hover svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .modal .modal-dialog .modal-content .sim-list li a:hover em { color: #0033a1; } .modal .modal-dialog .modal-content .sim-list li a.active img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .modal .modal-dialog .modal-content .sim-list li a.active svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .modal .modal-dialog .modal-content .sim-list li a.active em { color: #0033a1; } .modal .modal-dialog .modal-content .sim-list li:nth-child(2) { width: 20%; margin: 40px 0; } .modal .modal-dialog .modal-content .sim-list li:nth-child(2) em { color: rgba(0, 0, 0, 0.5); font-size: 1.1rem; text-align: center; } /*.modal*/ .modal-backdrop.show { opacity: 1; } .tooltip { font-size: 8px; } /*============= modal popup css end ================*/ /* loader css Style start */ .loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 21; } .load-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.55); z-index: 2; } /* loader css Style end */ /* ---------------------------- Breadcrumb :: Start --------------------------- */ .breadcrumb { padding: 0.5rem 1rem 0.75rem 0; margin: 0; background-color: transparent; position: relative; border-radius: 0; /* //.lst-breadcrumb */ } [theme=dark] .breadcrumb { background-color: rgba(76, 76, 76, 0.87); } .breadcrumb .lst-breadcrumb { margin: 0; padding: 0; list-style: none; /* //li */ } .breadcrumb .lst-breadcrumb li { display: inline-block; position: relative; margin: 0; padding: 0rem 0.7rem; padding-right: 1.2rem; font-size: 0.8rem; /* //&::after */ /* //a */ /* //&:last-child */ /* //&.current */ } @media (max-width: 767px) { .breadcrumb .lst-breadcrumb li { padding: 0.2rem 0.3rem; padding-left: 1.5rem; } } .breadcrumb .lst-breadcrumb li::after { content: ""; width: 8px; height: 8px; border: 2px solid #a6b2e3; /* #777 */ border-bottom: 0; border-left: 0; margin-left: 0px; display: block; position: absolute; right: 0; top: 50%; margin-top: -4px; transform: rotate(45deg); } [theme=dark] .breadcrumb .lst-breadcrumb li::after { border: 2px solid rgba(255, 255, 255, 0.9); } .breadcrumb .lst-breadcrumb li a { text-transform: capitalize; font-weight: 300; font-size: 12px; color: rgba(255, 255, 255, 0.6); text-decoration: none; /* //a */ } [theme=dark] .breadcrumb .lst-breadcrumb li a { color: rgba(255, 255, 255, 0.9); } .breadcrumb .lst-breadcrumb li a:hover { color: rgba(255, 255, 255, 0.7); } .breadcrumb .lst-breadcrumb li:first-of-type { padding-left: 0; } @media (max-width: 767px) { .breadcrumb .lst-breadcrumb li:nth-child(1) { display: none; } } @media (max-width: 767px) { .breadcrumb .lst-breadcrumb li:nth-child(2) { display: none; } } @media (max-width: 767px) { .breadcrumb .lst-breadcrumb li:nth-child(3) { display: none; } } .breadcrumb .lst-breadcrumb li:nth-last-child(2)::after { border-color: rgba(255, 255, 255, 0.7); } .breadcrumb .lst-breadcrumb li:last-child a { color: #ffffff; font-size: 12px; font-weight: 400; text-transform: capitalize; } .breadcrumb .lst-breadcrumb li:last-child::after { content: none; } @media (max-width: 767px) { .breadcrumb .lst-breadcrumb li:last-child { display: inline-block; } } .breadcrumb .right-logo { position: absolute; content: ""; width: 60px; height: 25px; right: 15px; top: 3px; } .breadcrumb .right-logo img { width: 100%; max-width: 60px; height: auto; margin: 0; } @media (max-width: 767px) { .breadcrumb { display: none; } } /* //.breadcrumb */ /* ---------------------------- Breadcrumb :: End --------------------------- */ /* ---------------------------- Toast Messages :: Start --------------------------- */ .toast-messages { /* //.msg-toast */ } .toast-messages .msg-toast { position: fixed; background: #333; color: #ffffff; /*top: 100px;*/ top: 150px; left: 50%; max-width: 600px; margin-left: -150px; z-index: 1060; text-align: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translate(0, -20%); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); /* //em */ /* //&.msg-info */ /* //&.msg-success */ /* //&.msg-error */ /* //&.msg-warning */ /* //&.msg-close */ /* //&.msg-showing */ } .toast-messages .msg-toast:before { content: ""; width: 16px; height: 16px; top: 12px; left: 10px; position: absolute; } .toast-messages .msg-toast em { padding: 10px 10px 10px 25px; display: block; font-weight: normal; font-size: 15px; } .toast-messages .msg-toast.msg-info { /*color: darken($action-danger-color, 20%);*/ background: #e3f2fd; border: 1px solid rgba(0, 51, 161, 0.39); color: #0033a1; } .toast-messages .msg-toast.msg-info:before { content: ""; background: url('toast-info.png') no-repeat center; background-size: 16px; } .toast-messages .msg-toast.msg-success { /*color: darken($action-danger-color, 20%);*/ background: #ebf5eb; border: 1px solid rgba(3, 145, 74, 0.39); color: #03914a; } .toast-messages .msg-toast.msg-success:before { content: ""; background: url('toast-success.png') no-repeat center; background-size: 16px; } .toast-messages .msg-toast.msg-error { /*color: darken($action-danger-color, 20%);*/ background: #ffebeb; border: 1px solid rgba(206, 14, 65, 0.39); color: #ce0e41; } .toast-messages .msg-toast.msg-error:before { content: ""; background: url('toast-error.png') no-repeat center; background-size: 16px; } .toast-messages .msg-toast.msg-warning { /*color: darken($action-danger-color, 20%);*/ background: #fff8eb; border: 1px solid rgba(180, 41, 0, 0.39); color: #b42900; } .toast-messages .msg-toast.msg-warning:before { content: ""; background: url('toast-warning.png') no-repeat center; background-size: 16px; } .toast-messages .msg-toast.msg-close { padding-right: 30px; cursor: pointer; /*zoom: 1; filter: alpha(opacity=70); opacity: 0.7;*/ } .toast-messages .msg-toast.msg-close:before, .toast-messages .msg-toast.msg-close:after { position: absolute; left: 20px; content: " "; height: 15px; width: 2px; top: 12px; background-color: rgba(186, 188, 191, 0.8); } .toast-messages .msg-toast.msg-close:before { transform: rotate(45deg); } .toast-messages .msg-toast.msg-close:after { transform: rotate(-45deg); } .toast-messages .msg-toast.msg-showing { transform: translate(0, 0); zoom: 1; filter: alpha(opacity=100); opacity: 1; } /* //.toast-messages */ .msg-note { font-weight: normal; padding: 0 15px; text-align: center; font-size: 12px; margin-bottom: 10px; } /* //.msg-note */ /* ---------------------------- Toast Messages :: End --------------------------- */ /* ---------------------------- Datepicker :: Starts --------------------------- */ .ui-datepicker { background: #ffffff; padding: 0px !important; /* //.ui-datepicker-header */ /* //.ui-datepicker-calendar*/ } .ui-datepicker .ui-datepicker-header { background: #0033A1; color: white; /* //.ui-datepicker-title */ } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-weight: 500; /*select*/ } .ui-datepicker .ui-datepicker-header .ui-datepicker-title select { font-size: 1em; margin: 1px 0; background: #0033A1; color: white; border-color: #0033A1; margin: 2px; padding: 0px 5px; -webkit-appearance: menulist; appearance: menulist; } .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-icon.ui-icon-circle-triangle-e { content: ""; width: 8px; height: 8px; border: 2px solid #ffffff; border-top: 0; border-right: 0; display: block; position: absolute; right: 5px; top: 50%; margin-left: -6px; margin-top: -4px; transform: rotate(-135deg); } .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-icon.ui-icon-circle-triangle-w { content: ""; width: 8px; height: 8px; border: 2px solid #ffffff; border-top: 0; border-right: 0; display: block; position: absolute; right: 5px; top: 50%; margin-left: -2px; margin-top: -4px; transform: rotate(45deg); } .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-prev-hover { top: 2px; left: 2px; } .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-next-hover { top: 2px; right: 2px; } .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-hover { border: 1px solid #ccc; background: transparent; font-weight: normal; color: #2b2b2b; } .ui-datepicker .ui-datepicker-calendar th { padding: 0.7em 0.3em; text-align: center; font-weight: 600; font-size: 0.6rem !important; border: 0; opacity: 0.7; padding-left: 0 !important; } .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end { color: #000; font-weight: 500; opacity: 0.7; } .ui-datepicker .ui-datepicker-calendar td { padding-left: 0 !important; } .ui-datepicker .ui-datepicker-calendar .ui-state-default { border: 1px solid transparent; background: transparent; text-align: center; font-weight: 400; line-height: 1.6rem; padding: 4px; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { background: #0033A1; border-radius: 50%; font-weight: normal; color: #fff; } .ui-datepicker .ui-datepicker-calendar .ui-state-hover { border: 1px solid #ccc; background: rgba(0, 51, 161, 0.6); border-radius: 50%; font-weight: 500; color: #ffffff; } .ui-datepicker .ui-datepicker-week-end { color: #000; font-weight: 500; opacity: 0.7; } .ui-datepicker .ui-datepicker-week-end a.ui-state-default { color: #000; font-weight: 500; opacity: 0.7; } .ui-datepicker .ui-datepicker-week-end a.ui-state-default.ui-state-active { color: #ffffff; } .ui-datepicker .ui-datepicker-week-end a.ui-state-default.ui-state-active.ui-state-hover { color: black; } .ui-datepicker .ui-datepicker-today .ui-state-highlight { border: 1px solid rgba(0, 51, 161, 0.6); color: black; border-radius: 50%; } .ui-datepicker .ui-datepicker-today .ui-state-highlight.ui-state-active { border: 1px solid #ccc; color: white; } .ui-datepicker .ui-datepicker-today .ui-state-highlight.ui-state-active.ui-state-hover { color: black; } .ui-datepicker .ui-datepicker-today .ui-state-hover { border: 1px solid rgba(0, 51, 161, 0.6); border-radius: 50%; color: black; } /* //.ui-datepicker */ .ui-datepicker-trigger { width: 15px; height: 15px; position: absolute; top: 50%; margin-top: -9px; right: 33px; } /* ---------------------------- Datepicker :: End --------------------------- */ /* ---------------------------- Accordian :: Starts --------------------------- */ .accordion-container { /* .card */ } .accordion-container .card { margin: 0; border-radius: 0; border-top: none; font-size: 14px; margin-bottom: 0px; border: none; /*.card-link*/ /*.card-body */ /*.show*/ } .accordion-container .card .card-link { text-decoration: none; /* &:active*/ /*.card-header*/ /* &.collapsed*/ /*&.active*/ } .accordion-container .card .card-link:active { text-decoration: none; } .accordion-container .card .card-link .card-header { text-align: left; color: #ffffff; font-weight: 500; background-color: #002678; font-size: 1.2rem; line-height: 1.2rem; position: relative; word-wrap: break-word; word-break: break-all; text-align: left; padding: 15px 15px; /*em*/ } .accordion-container .card .card-link .card-header img { width: 18px; height: 18px; position: relative; display: inline-block; opacity: 1; margin: 0px 0; } .accordion-container .card .card-link .card-header img:hover { opacity: 0.8; } .accordion-container .card .card-link .card-header.white-bg { background-color: white; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .accordion-container .card .card-link .card-header.white-bg em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 11px; transform: rotate(180deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 20px; display: block; top: 50%; margin-top: 4px; } .accordion-container .card .card-link .card-header.white-bg h5 { font-size: 1rem; line-height: 1.2rem; position: relative; margin: 5px 0px 5px 0px; font-weight: 500; color: black; word-wrap: break-word; text-align: left; padding-right: 40px; } @media (max-width: 340px) { .accordion-container .card .card-link .card-header.white-bg h5 { padding-right: 20px; } } .accordion-container .card .card-link .card-header.lightgrey { background: rgba(0, 0, 0, 0.1); display: block; color: rgba(0, 0, 0, 0.9); font-size: 1rem; line-height: 1rem; } .accordion-container .card .card-link .card-header.lightgrey img { width: 18px; height: 18px; margin-top: -2px; margin-right: 8px; position: relative; } .accordion-container .card .card-link .card-header.lightgrey em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(180deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; top: 50%; display: block; margin-top: -7px; } .accordion-container .card .card-link .card-header em { background: url('arrow-down-w.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(180deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; top: 50%; display: block; margin-top: -7px; } .accordion-container .card .card-link.collapsed { /*.card-header*/ } .accordion-container .card .card-link.collapsed .card-header { background-color: #0056a1; color: #0033a1; /*font-weight: bold;*/ } .accordion-container .card .card-link.collapsed .card-header.lightgrey { background: rgba(0, 0, 0, 0.04); display: block; color: rgba(0, 0, 0, 0.7); font-size: 1rem; line-height: 1rem; } .accordion-container .card .card-link.collapsed .card-header.lightgrey img { width: 18px; height: 18px; margin-top: -2px; margin-right: 8px; position: relative; } .accordion-container .card .card-link.collapsed .card-header.lightgrey em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(0deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; top: 50%; display: block; margin-top: -7px; } .accordion-container .card .card-link.collapsed .card-header em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(0deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; top: 50%; display: block; margin-top: -7px; } .accordion-container .card .card-link.collapsed .card-header.white-bg { background-color: white; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .accordion-container .card .card-link.collapsed .card-header.white-bg em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 12px; transform: rotate(0deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 20px; display: block; top: 50%; margin-top: -5px; } .accordion-container .card .card-link.collapsed .card-header.white-bg h5 { font-size: 1rem; line-height: 1.2rem; position: relative; margin: 5px 0px 5px 0px; padding-right: 40px; font-weight: 500; color: black; word-wrap: break-word; text-align: left; } @media (max-width: 340px) { .accordion-container .card .card-link.collapsed .card-header.white-bg h5 { padding-right: 20px; } } .accordion-container .card .card-link.collapsed .card-header:first-child { border-radius: 6px; } .accordion-container .card .card-link.active { text-decoration: none; /*.card-header*/ } .accordion-container .card .card-link.active .card-header { background-color: #002678; color: #ffffff; /*em*/ } .accordion-container .card .card-body { padding: 15px 15px; background-color: #ffffff; /*p*/ } .accordion-container .card .card-body.cust-p { padding: 0px 15px; } .accordion-container .card .card-body.lgrey-bg { padding: 10px 20px; background-color: rgba(0, 0, 0, 0.01); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .accordion-container .card .card-body.lgrey-bg p { text-align: left; font-weight: 400; font-size: 0.95rem; line-height: 1.3rem; margin: 2px 0; color: rgba(0, 0, 0, 0.65); } .accordion-container .card .card-body p { color: #000000; } .accordion-container .card .show .card-body { /*background-color: rgba($brand-secondary-color,0.14);*/ } .accordion-container .card2 { margin: 0; border-radius: 4px; border-top: none; font-size: 14px; margin-bottom: 8px; border: none; /*.card-link*/ /*.card-body */ /*.show*/ } .accordion-container .card2 .card-link { text-decoration: none; /* &:active*/ /*.card-header*/ /* &.collapsed*/ /*&.active*/ } .accordion-container .card2 .card-link:active { text-decoration: none; } .accordion-container .card2 .card-link .card-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; text-align: left; font-weight: 500; background-color: #0056a1; color: #0033a1; font-size: 1.2rem; line-height: 1.2rem; position: relative; word-wrap: break-word; word-break: break-all; text-align: left; padding: 10px 15px; /*em*/ } .accordion-container .card2 .card-link .card-header.lightgrey { background: rgba(0, 0, 0, 0.04); display: block; } .accordion-container .card2 .card-link .card-header.lightgreen { background: #effaeb; display: block; } .accordion-container .card2 .card-link .card-header.lightgreen h6 { font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; color: rgba(0, 0, 0, 0.65); font-weight: 400; } .accordion-container .card2 .card-link .card-header.lightgreen h5 { font-size: 1.15rem; line-height: 1.2rem; margin: 4px 0; text-align: left; color: #13a443; font-weight: 500; } .accordion-container .card2 .card-link .card-header.lightgreen h5 img { width: 13px; height: 13px; margin-top: -2px; position: relative; } .accordion-container .card2 .card-link .card-header.lightred { background: #fff2f2; display: block; } .accordion-container .card2 .card-link .card-header.lightred h6 { font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; color: rgba(0, 0, 0, 0.65); font-weight: 400; } .accordion-container .card2 .card-link .card-header.lightred h5 { font-size: 1.15rem; line-height: 1.2rem; margin: 4px 0; text-align: left; color: #ff5858; font-weight: 500; } .accordion-container .card2 .card-link .card-header.lightred h5 img { width: 13px; height: 13px; margin-top: -2px; position: relative; } .accordion-container .card2 .card-link .card-header.lightyellow { background-color: #fffaec; display: block; } .accordion-container .card2 .card-link .card-header.lightyellow h6 { font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; color: rgba(0, 0, 0, 0.65); font-weight: 400; } .accordion-container .card2 .card-link .card-header.lightyellow h5 { font-size: 1.15rem; line-height: 1.2rem; margin: 4px 0; text-align: left; color: #e6a904; font-weight: 500; } .accordion-container .card2 .card-link .card-header.lightyellow h5 img { width: 13px; height: 13px; margin-top: -2px; position: relative; } .accordion-container .card2 .card-link .card-header.white-bg { background-color: white; display: block; } .accordion-container .card2 .card-link .card-header.white-bg em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(180deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; display: block; top: 24px; } .accordion-container .card2 .card-link .card-header.white-bg h5 { font-weight: 400; font-size: 1rem; line-height: 1.3rem; position: relative; margin: 5px 0px 5px 0px; font-weight: 400; color: rgba(0, 0, 0, 0.75); word-wrap: break-word; text-align: left; } .accordion-container .card2 .card-link .card-header.lightgrey { background: rgba(0, 0, 0, 0.04); display: block; } .accordion-container .card2 .card-link .card-header em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(180deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; display: block; top: 24px; } .accordion-container .card2 .card-link.collapsed { /*.card-header*/ } .accordion-container .card2 .card-link.collapsed .card-header { background-color: #0056a1; color: #0033a1; border-bottom: 1px solid white; border-radius: 4px; /*font-weight: bold;*/ /*em*/ } .accordion-container .card2 .card-link.collapsed .card-header.lightgreen { background: #effaeb; display: block; } .accordion-container .card2 .card-link.collapsed .card-header.lightgreen h6 { font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; color: rgba(0, 0, 0, 0.65); font-weight: 400; } .accordion-container .card2 .card-link.collapsed .card-header.lightgreen h5 { font-size: 1.15rem; line-height: 1.2rem; margin: 4px 0; text-align: left; color: #13a443; font-weight: 500; } .accordion-container .card2 .card-link.collapsed .card-header.lightgreen h5 img { width: 13px; height: 13px; margin-top: -2px; position: relative; } .accordion-container .card2 .card-link.collapsed .card-header.lightred { background: #fff2f2; display: block; } .accordion-container .card2 .card-link.collapsed .card-header.lightred h6 { font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; color: rgba(0, 0, 0, 0.65); font-weight: 400; } .accordion-container .card2 .card-link.collapsed .card-header.lightred h5 { font-size: 1.15rem; line-height: 1.2rem; margin: 4px 0; text-align: left; color: #ff5858; font-weight: 500; } .accordion-container .card2 .card-link.collapsed .card-header.lightred h5 img { width: 13px; height: 13px; margin-top: -2px; position: relative; } .accordion-container .card2 .card-link.collapsed .card-header.white-bg { background-color: white; display: block; } .accordion-container .card2 .card-link.collapsed .card-header.white-bg em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(0deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; display: block; top: 24px; } .accordion-container .card2 .card-link.collapsed .card-header.white-bg h5 { font-weight: 400; font-size: 1rem; line-height: 1.3rem; position: relative; margin: 5px 0px 5px 0px; font-weight: 400; color: rgba(0, 0, 0, 0.75); word-wrap: break-word; text-align: left; } .accordion-container .card2 .card-link.collapsed .card-header.lightyellow { background-color: #fffaec; display: block; } .accordion-container .card2 .card-link.collapsed .card-header.lightyellow h6 { font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; color: rgba(0, 0, 0, 0.65); font-weight: 400; } .accordion-container .card2 .card-link.collapsed .card-header.lightyellow h5 { font-size: 1.15rem; line-height: 1.2rem; margin: 4px 0; text-align: left; color: #e6a904; font-weight: 500; } .accordion-container .card2 .card-link.collapsed .card-header.lightyellow h5 img { width: 13px; height: 13px; margin-top: -2px; position: relative; } .accordion-container .card2 .card-link.collapsed .card-header em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(0deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 14px; display: block; top: 24px; } .accordion-container .card2 .card-link.active { text-decoration: none; /*.card-header*/ } .accordion-container .card2 .card-link.active .card-header { background-color: #002678; color: #ffffff; /*em*/ } .accordion-container .card2 .card-body { padding: 15px 15px; overflow: hidden; width: 100%; display: block; height: auto; background-color: rgba(0, 0, 0, 0.04); /*p*/ } .accordion-container .card2 .card-body.cust-p { padding: 0px 15px; } .accordion-container .card2 .card-body p { color: #000000; } .accordion-container .card2 .show .card-body { background-color: rgba(0, 0, 0, 0.04); /*background-color: rgba($brand-secondary-color,0.14);*/ } .accordion-container#faq_accordion .card:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } .accordion-container#faq_accordion .card:first-of-type .card-link .card-header { border-top-left-radius: 8px; border-top-right-radius: 8px; padding-top: 7px; } .accordion-container#faq_accordion .card:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .accordion-container#faq_accordion .card:last-of-type .card-link.collapsed .card-header { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .accordion-container#faq_accordion .card .card-link.collapsed .card-header { border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important; } .accordion-container#faq_accordion .card .card-link.collapsed .card-header h5 { margin-bottom: 15px; } .accordion-container#faq_accordion .card .card-link .card-header { border-bottom: none; padding-bottom: 0; } .accordion-container#faq_accordion .card .card-body { padding: 10px 20px 20px 30px; } .accordion-container.blue-header-accordion .card { border: 1px solid #d6d2fc; border-radius: 6px; } .accordion-container.blue-header-accordion .card .card-link .card-header { background-color: #e4ecfb; padding: 7px 15px; } .accordion-container.blue-header-accordion .card .card-link .card-header h5 { font-size: 0.9rem; font-weight: 700; } .accordion-container.blue-header-accordion .card .card-link .card-header em { margin-top: -7px; background-image: url('arrow-down-blue.png'); background-size: 11px; } .accordion-container.blue-header-accordion#location_accordion .card .card-body ul.bottom-footer1 { border-top: 1px solid #ecedef; } .accordion-container.blue-header-accordion#location_accordion .card .card-body ul.bottom-footer1 li { display: inline-block; float: right; } .accordion-container.blue-header-accordion#location_accordion .card .card-body ul.bottom-footer1 li .btn-div { margin-bottom: 0; } .accordion-container.blue-header-accordion#location_accordion .card .card-body ul.bottom-footer1 li .btn-div .ux-button.sm3 { padding: 0.4rem 0.7rem 0.3rem; } .accordion-container.blue-header-accordion#location_accordion .card .card-link .card-header { border-bottom: none; } /* .accordion-container */ /* ---------------------------- Accordian :: Starts --------------------------- */ .card-owl .owl-dots, .invest-owl .owl-dots { display: block; text-align: right; padding: 10px; position: absolute; bottom: -25px; width: 100%; text-align: center; right: 0; } @media (max-width: 1200px) { .card-owl .owl-dots, .invest-owl .owl-dots { bottom: 0; } } .card-owl .owl-dots button, .invest-owl .owl-dots button { height: 8px; width: 8px; background-color: #BEBEBE; border-radius: 100px; margin: 0 4px; } .card-owl .owl-dots button.active, .invest-owl .owl-dots button.active { background-color: #0033A1; } .card-owl .owl-dots button:focus, .invest-owl .owl-dots button:focus { outline: none; border: none; } .invest-owl { text-align: center; } .invest-owl .img-block { height: 72px; width: 72px; background-color: #efefef; border-radius: 100px; overflow: hidden; display: block; margin: 0 auto 10px; padding: 12px; } .invest-owl .img-block img { width: 100%; } .invest-owl span { font-size: 17px; line-height: 18px; color: #37474F; display: block; } @media (max-width: 1200px) { .invest-owl span { font-size: 12px; line-height: 13px; } } .card-details { display: block; position: relative; padding: 15px 15px; } .card-details .card-info { padding-bottom: 10px; } .card-details .card-info p { font-size: 14px; line-height: 18px; color: #707273; margin-bottom: 10px; } .card-details .card-info h4 { font-size: 24px; line-height: 25px; color: #444444; margin: 0; } .card-details .card-info span { font-size: 12px; line-height: 14px; color: #444444; display: block; margin-bottom: 10px; } @media (max-width: 1200px) { .card-details .card-info { margin-top: 20px; } } @media (max-width: 990px) { .card-details .card-info { margin-top: 0px; } } @media (max-width: 767px) { .card-details .card-info { margin-top: 20px; } } .card-details h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 5px 0 15px 0; line-height: 1.6rem; color: rgba(0, 51, 161, 0.95); text-transform: initial; } @media (max-width: 480px) { .card-details h3 { font-size: 1rem; line-height: 1rem; } } .card-details h3 img { width: 100%; max-width: 82px; height: auto; text-align: left; display: inline-block; margin: 0 15px 0 0; } @media (max-width: 480px) { .card-details h3 img { max-width: 60px; height: auto; } } .card-details .bal-list { margin: 0px; padding: 0px; width: 100%; } .card-details .bal-list ul { text-decoration: none; list-style: none; } .card-details .bal-list li { text-decoration: none; list-style: none; padding: 1px 30px; float: left; border-right: 2px solid rgba(0, 0, 0, 0.2); } .card-details .bal-list li h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 2px 0; line-height: 1.4rem; color: rgba(0, 0, 0, 0.95); text-transform: initial; } .card-details .bal-list li em { font-weight: 400; font-size: 1rem; text-align: left; margin: 1px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.4); text-transform: initial; } @media (max-width: 767px) { .card-details .bal-list li em { font-size: 12px; } } .card-details .bal-list li:nth-child(1) { padding-left: 0; width: 33.3%; } @media (max-width: 1560px) { .card-details .bal-list li:nth-child(1) { width: 50%; } } @media (min-width: 992px) and (max-width: 1280px) { .card-details .bal-list li:nth-child(1) { padding: 1px 5px !important; display: block; } .card-details .bal-list li:nth-child(1) h4 { font-size: 1rem; line-height: 1rem; } } @media (max-width: 480px) { .card-details .bal-list li:nth-child(1) { padding: 1px 8px; display: block; width: 33.3%; margin: 0; border-right: 1px solid rgba(0, 0, 0, 0.15); } } @media (max-width: 400px) { .card-details .bal-list li:nth-child(1) h4 { font-size: 0.8rem; line-height: 0.9rem; } .card-details .bal-list li:nth-child(1) em { font-size: 0.6rem; line-height: 0.8rem; } } .card-details .bal-list li:nth-child(2) { width: 33.3%; } @media (max-width: 1560px) { .card-details .bal-list li:nth-child(2) { width: 50%; border: none; } } @media (min-width: 992px) and (max-width: 1280px) { .card-details .bal-list li:nth-child(2) { padding: 1px 5px !important; display: block; } .card-details .bal-list li:nth-child(2) h4 { font-size: 1rem; line-height: 1rem; } } @media (max-width: 480px) { .card-details .bal-list li:nth-child(2) { padding: 1px 8px; display: block; width: 33.3%; margin: 0; border-right: 1px solid rgba(0, 0, 0, 0.15); } } @media (max-width: 400px) { .card-details .bal-list li:nth-child(2) h4 { font-size: 0.8rem; line-height: 0.9rem; } .card-details .bal-list li:nth-child(2) em { font-size: 0.6rem; line-height: 0.8rem; } } .card-details .bal-list li:nth-child(3) { width: 33.3%; border-right: 0px solid rgba(0, 0, 0, 0.15); } @media (max-width: 1560px) { .card-details .bal-list li:nth-child(3) { width: 50%; padding: 0px; } } @media (min-width: 992px) and (max-width: 1280px) { .card-details .bal-list li:nth-child(3) { padding: 1px 5px !important; display: block; } .card-details .bal-list li:nth-child(3) h4 { font-size: 1rem; line-height: 1rem; } } @media (max-width: 480px) { .card-details .bal-list li:nth-child(3) { padding: 1px 8px; display: block; width: 33.3%; margin: 0; border-right: 0px solid rgba(0, 0, 0, 0.15); } } @media (max-width: 400px) { .card-details .bal-list li:nth-child(3) h4 { font-size: 0.8rem; line-height: 0.9rem; } .card-details .bal-list li:nth-child(3) em { font-size: 0.6rem; line-height: 0.8rem; } } .card-details .card-details-footer { margin: 20px 0 0 0; } @media (max-width: 1500px) { .card-details .card-details-footer .ux-button.sm, .card-details .card-details-footer a.ux-button.sm { padding: 0.5rem 2rem; display: inline-block; width: auto; } } @media (max-width: 500px) { .card-details .card-details-footer .ux-button.sm, .card-details .card-details-footer a.ux-button.sm { padding: 0.3rem 1rem; } } @media (max-width: 400px) { .card-details { padding: 10px 10px; } } .ux-footer { padding: 15px 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; display: block; } .ux-footer.pad-0 { padding-bottom: 0px; } .ux-footer.border-n { border-top: 1px solid rgba(0, 0, 0, 0) !important; } .ux-footer.bg-lg { background-color: rgba(0, 0, 0, 0.04); } @media (max-width: 767px) { .ux-footer.mob-sticky { padding: 5px 15px 10px 15px; position: fixed; bottom: 0; background-color: white; left: 0; right: 0; z-index: 23; } } .ux-footer button.ux-button { text-align: center; } @media (max-width: 480px) { .ux-footer button.ux-button.ml-4 { margin-left: 0px !important; } } @media (max-width: 480px) { .ux-footer button.ux-button.float-right { float: none !important; text-align: center; } } @media (max-width: 767px) { .ux-footer { text-align: center; } } .featured-owl .owl-dots { display: block; position: absolute; width: 100%; top: 100px; } .featured-owl .owl-carousel .owl-item img { padding: 15px; height: auto; margin: 0 0 20px; } .featured-owl.ux-small-scroll { overflow: visible; } .featured-owl .owl-nav { position: absolute; right: 10px; bottom: -35px; /* //button.owl-prev */ /* //button.owl-next */ } .featured-owl .owl-nav .owl-prev, .featured-owl .owl-nav .owl-next { display: block; width: 32px; height: 32px; font-size: 0px; border-radius: 50%; float: left; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); margin-right: 10px; outline: none; /* //&.disabled */ } .featured-owl .owl-nav .owl-prev span, .featured-owl .owl-nav .owl-next span { display: none; } .featured-owl .owl-nav .owl-prev.disabled, .featured-owl .owl-nav .owl-next.disabled { cursor: default; background-color: #bfbfbf; } .featured-owl .owl-nav .owl-prev { background: #ffffff url('left-arrow.png') no-repeat center; background-size: 16px 16px; /* //&.disabled */ } .featured-owl .owl-nav .owl-prev.disabled { background: #ffffff url('oic-prev-disabled.png') no-repeat center; background-size: 16px 16px; } .featured-owl .owl-nav .owl-next { margin-right: 0; background: #ffffff url('right-arrow.png') no-repeat center; background-size: 16px 16px; /* //&.disabled */ } .featured-owl .owl-nav .owl-next.disabled { background: #ffffff url('oic-next-disabled.png') no-repeat center; background-size: 16px 16px; } .box-password { margin-bottom: 50px; } .box-password label { font-size: 14px; line-height: 14px; margin-bottom: 12px; display: block; } .box-password input[type=password] { width: 40px; height: 40px; border: 1px solid #F2F2F2; border-radius: 5px; margin-right: 8px; text-align: center; font-size: 18px; color: #0033A1; font-size: 25px; display: inline-block; padding: 0; } @media (max-width: 400px) { .box-password input[type=password] { margin-right: 0px; } } /* -- iOS navigation :: start */ nav.ios-global-nav1 { position: absolute; left: 0; right: 0; bottom: 0; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 140; /* //.lst-ios-nav */ } nav.ios-global-nav1.bg-custom { background-color: transparent !important; border-top: 0px solid rgba(0, 0, 0, 0) !important; } nav.ios-global-nav1 .lst-ios-nav { display: flex; margin: 0; padding: 0; list-style: none; /* //li */ } nav.ios-global-nav1 .lst-ios-nav li { flex: 1 1 25%; text-align: center; /* //a */ } nav.ios-global-nav1 .lst-ios-nav li a { padding: 8px 2px; display: block; color: rgba(0, 0, 0, 0.8); text-decoration: none; text-transform: capitalize; font-size: 0.8rem; font-weight: 400; line-height: 1rem; /* //span.inav-icon */ /* //em */ /* //&.initem-home */ /* //&.initem-myaccounts */ /* //&.initem-sendmoney */ /* //&.initem-sendmoney */ /* //&.initem-more */ /* //&.inav-selected */ /* //&.iosmore-active */ } @media (max-width: 340px) { nav.ios-global-nav1 .lst-ios-nav li a { font-size: 0.65rem; } } nav.ios-global-nav1 .lst-ios-nav li a span.inav-icon { display: block; width: 28px; height: 28px; /*background-color: $failure-red;*/ margin: 0 auto 0px; } nav.ios-global-nav1 .lst-ios-nav li a span.inav-icon img { width: 22px; height: 22px; } nav.ios-global-nav1 .lst-ios-nav li a em { display: block; font-style: normal; text-transform: capitalize; font-size: 0.5rem; font-weight: 400; line-height: 8px; } nav.ios-global-nav1 .lst-ios-nav li a:hover { color: rgba(0, 51, 161, 0.9); } nav.ios-global-nav1 .lst-ios-nav li a:focus { color: rgba(0, 51, 161, 0.9); } nav.ios-global-nav1 .lst-ios-nav li a.initem-account span.inav-icon svg { fill: #000000; } nav.ios-global-nav1 .lst-ios-nav li a.initem-fundtransfer span.inav-icon svg { fill: #000000; } nav.ios-global-nav1 .lst-ios-nav li a.initem-billpay span.inav-icon svg { fill: #000000; } nav.ios-global-nav1 .lst-ios-nav li a.initem-history span.inav-icon svg { fill: #000000; } nav.ios-global-nav1 .lst-ios-nav li a.initem-more span.inav-icon svg { fill: #000000; } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected { color: #0033A1; /* //&.initem-home */ /* //&.initem-sendmoney */ /* //&.initem-sendmoney */ /* //&.initem-more */ } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected.initem-account span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected.initem-fundtransfer { /* //&.initem-myaccounts */ } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected.initem-fundtransfer span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected.initem-billpay span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected.initem-history span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected.initem-more { /*span.inav-icon {background-position: 0 -32*2px;}*/ } nav.ios-global-nav1 .lst-ios-nav li a.inav-selected.initem-more span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav1 .lst-ios-nav li a.iosmore-active { color: #0033A1; /* //&.initem-more */ } nav.ios-global-nav1 .lst-ios-nav li a.iosmore-active.initem-more span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav2 { position: absolute; left: 0; right: 0; bottom: 0; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 140; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); /* //.lst-ios-nav */ } nav.ios-global-nav2 .lst-ios-nav { display: block; margin: 0; padding: 0; list-style: none; /* //li */ } nav.ios-global-nav2 .lst-ios-nav li { width: 21%; text-align: center; /* //a */ } nav.ios-global-nav2 .lst-ios-nav li.left-col { float: left; } nav.ios-global-nav2 .lst-ios-nav li.right-col { float: right; } nav.ios-global-nav2 .lst-ios-nav li a { padding: 8px 2px; display: block; position: relative; color: rgba(0, 0, 0, 0.7); text-decoration: none; text-transform: capitalize; font-size: 0.65rem; line-height: 0.7rem; /* //span.inav-icon */ /* //em */ } @media (max-width: 340px) { nav.ios-global-nav2 .lst-ios-nav li a { font-size: 0.65rem; } } nav.ios-global-nav2 .lst-ios-nav li a b { line-height: 11px; font-weight: normal; font-size: 0.7rem; display: block; min-height: 22px; display: flex; align-items: center; justify-content: center; } nav.ios-global-nav2 .lst-ios-nav li a span.inav-icon { display: block; width: 28px; height: 28px; /*background-color: $failure-red;*/ margin: 0 auto 0px; } nav.ios-global-nav2 .lst-ios-nav li a span.inav-icon svg { width: 20px; height: 20px; object-fit: contain; fill: rgba(0, 0, 0, 0.7); } nav.ios-global-nav2 .lst-ios-nav li a span.inav-icon img { width: 29px; height: 22px; object-fit: contain; } nav.ios-global-nav2 .lst-ios-nav li a em { display: block; font-style: normal; text-transform: capitalize; font-size: 0.5rem; font-weight: 400; line-height: 8px; } nav.ios-global-nav2 .lst-ios-nav li a:hover { color: rgba(0, 51, 161, 0.9); } nav.ios-global-nav2 .lst-ios-nav li a:hover span.inav-icon svg { fill: rgba(0, 51, 161, 0.9); } nav.ios-global-nav2 .lst-ios-nav li a.active { color: rgba(0, 51, 161, 0.9); } nav.ios-global-nav2 .lst-ios-nav li a.active span.inav-icon svg { fill: rgba(0, 51, 161, 0.9); } nav.ios-global-nav2 .lst-ios-nav li a:focus { color: rgba(0, 51, 161, 0.9); } nav.ios-global-nav2 .lst-ios-nav li:last-child { position: absolute; overflow: hidden; flex: 0; margin-top: -32px; z-index: 9999 !important; width: 74px; height: 74px; padding: 0px !important; border-radius: 50px; left: 50%; margin-left: -37px; } nav.ios-global-nav2 .lst-ios-nav li:last-child a { position: relative; z-index: 99; width: 62px; height: 62px; margin: 6px 6px; background: transparent linear-gradient(180deg, #288E33 0%, #08502D 100%) 0% 0% no-repeat; border-radius: 50px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); border: 1px solid #ffffff; padding: 8px 4px; } nav.ios-global-nav2 .lst-ios-nav li:last-child a span.inav-icon { display: block; width: 46px; height: 46px; /*background-color: $failure-red;*/ } nav.ios-global-nav2 .lst-ios-nav li:last-child a span.inav-icon img { margin: 6px auto; width: 30px; height: 30px; vertical-align: middle; } nav.ios-global-nav2 .lst-ios-nav li:last-child a:hover { background: transparent linear-gradient(180deg, #288E33 0%, #08502D 80%) 0% 0% no-repeat; } nav.ios-global-nav2 .lst-ios-nav li:last-child:after { content: ""; height: 57%; width: 100%; background-color: #e1ebe2; left: 0; bottom: 0; position: absolute; } nav.ios-global-nav3 { position: absolute; left: -15px; right: -15px; bottom: 0; background-color: #ffffff; border-top: 0px solid rgba(0, 0, 0, 0); z-index: 140; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.2); /* //.lst-ios-nav */ } nav.ios-global-nav3 .lst-ios-nav { display: flex; margin: 0; padding: 0; list-style: none; /* //li */ } nav.ios-global-nav3 .lst-ios-nav li { flex: 1 1 25%; text-align: center; /* //a */ } nav.ios-global-nav3 .lst-ios-nav li a { padding: 10px 5px; display: block; color: rgba(0, 0, 0, 0.6); text-decoration: none; text-transform: capitalize; font-size: 0.7rem; font-weight: 400; line-height: 1rem; /* //span.inav-icon */ /* //em */ /* //&.initem-home */ /* //&.initem-myaccounts */ /* //&.initem-sendmoney */ /* //&.initem-sendmoney */ /* //&.initem-more */ /* //&.inav-selected */ /* //&.iosmore-active */ } @media (max-width: 340px) { nav.ios-global-nav3 .lst-ios-nav li a { font-size: 0.7rem; line-height: 0.8rem; } } nav.ios-global-nav3 .lst-ios-nav li a span.inav-icon { display: block; width: 28px; height: 28px; /*background-color: $failure-red;*/ margin: 0 auto 0px; } nav.ios-global-nav3 .lst-ios-nav li a span.inav-icon svg { width: 24px; height: 24px; object-fit: contain; fill: rgba(255, 255, 255, 0.7); } nav.ios-global-nav3 .lst-ios-nav li a span.inav-icon img { width: 24px; height: 24px; object-fit: contain; } nav.ios-global-nav3 .lst-ios-nav li a em { display: block; font-style: normal; text-transform: capitalize; font-size: 0.5rem; font-weight: 400; line-height: 8px; } nav.ios-global-nav3 .lst-ios-nav li a:hover { color: rgba(0, 51, 161, 0.9); } nav.ios-global-nav3 .lst-ios-nav li a:focus { color: rgba(0, 51, 161, 0.9); } nav.ios-global-nav3 .lst-ios-nav li a.initem-account span.inav-icon svg { fill: #000000; } nav.ios-global-nav3 .lst-ios-nav li a.initem-fundtransfer span.inav-icon svg { fill: #000000; } nav.ios-global-nav3 .lst-ios-nav li a.initem-billpay span.inav-icon svg { fill: #000000; } nav.ios-global-nav3 .lst-ios-nav li a.initem-history span.inav-icon svg { fill: #000000; } nav.ios-global-nav3 .lst-ios-nav li a.initem-more span.inav-icon svg { fill: #000000; } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected { color: #0033A1; /* //&.initem-home */ /* //&.initem-sendmoney */ /* //&.initem-sendmoney */ /* //&.initem-more */ } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected.initem-account span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected.initem-fundtransfer { /* //&.initem-myaccounts */ } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected.initem-fundtransfer span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected.initem-billpay span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected.initem-history span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected.initem-more { /*span.inav-icon {background-position: 0 -32*2px;}*/ } nav.ios-global-nav3 .lst-ios-nav li a.inav-selected.initem-more span.inav-icon svg { fill: #0033A1; } nav.ios-global-nav3 .lst-ios-nav li a.iosmore-active { color: #0033A1; /* //&.initem-more */ } nav.ios-global-nav3 .lst-ios-nav li a.iosmore-active.initem-more span.inav-icon svg { fill: #0033A1; } /* //nav.ios-global-nav */ .ios-nav-overlay { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 99; } /* //.nav-overlay */ .ios-nav-morelist { z-index: 99; position: absolute; left: 0; right: 0; bottom: 0; /*height: 40%;*/ padding-bottom: 63px; /*background-color: $white;*/ background: #0033a1; display: flex; flex-direction: column; visibility: hidden; zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translateY(100%); transition: opacity 0.5s, visibility 0.6s, transform 0.4s; /* //.nav-mobile-footer */ } .ios-nav-morelist .lst-ios-navmore { list-style: none; margin: 0; height: 100%; overflow: auto; /* //li */ } .ios-nav-morelist .lst-ios-navmore li { display: list-item; border-bottom: 1px solid #00236e; /* //a */ /* //&.nel-settings, &.inel-logout */ } .ios-nav-morelist .lst-ios-navmore li a { height: 100%; display: block; color: white; position: relative; text-align: left; padding: 8px 10px; text-decoration: none; /* //img */ /* //em */ /* //&:hover */ /* //&.item-selected */ } .ios-nav-morelist .lst-ios-navmore li a img { width: 18px; height: 18px; position: relative; text-align: left; margin-right: 4px; } .ios-nav-morelist .lst-ios-navmore li a svg { width: 18px; height: 18px; position: relative; text-align: left; margin-right: 4px; fill: #ffffff; } .ios-nav-morelist .lst-ios-navmore li a em { display: inline-block; font-style: normal; font-size: 0.95rem; font-weight: 400; text-transform: capitalize; padding: 4px 0; } .ios-nav-morelist .lst-ios-navmore li a:active { background-color: #00236e; } .ios-nav-morelist .lst-ios-navmore li a.item-selected { background-color: rgba(0, 51, 161, 0.1); border-left-color: #c6b8a7; } .ios-nav-morelist .lst-ios-navmore li a.contact-us, .ios-nav-morelist .lst-ios-navmore li a.faq { padding-left: 12px; font-size: 13px; padding-top: 4px; padding-bottom: 4px; } .ios-nav-morelist .lst-ios-navmore li a.dd-header-link em { text-transform: none !important; } .ios-nav-morelist .lst-ios-navmore li.inel-settings a img, .ios-nav-morelist .lst-ios-navmore li.inel-logout a img { width: 24px; height: 24px; top: 10px; left: 8px; } .ios-nav-morelist .lst-ios-navmore li.inel-settings em, .ios-nav-morelist .lst-ios-navmore li.inel-logout em { padding: 7px 0; } .ios-nav-morelist .lst-ios-navmore li.inel-settings { padding: 3px 0; } .ios-nav-morelist .lst-ios-navmore li.inel-logout { border-bottom: 1px solid #636363; padding-bottom: 12px; } .ios-nav-morelist .lst-ios-navmore li .side-menu-text { padding: 3px 5px 5px 14px; color: #a5a5a5; text-transform: uppercase; margin-bottom: 0px; font-size: 9px; } .ios-nav-morelist.active { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0); transition: opacity 0.3s, visibility 0.2s, transform 0.4s; } .ios-nav-morelist .nav-mobile-footer { padding: 10px 0; text-align: right; } .ios-nav-morelist .nav-mobile-footer p { color: rgba(255, 255, 255, 0.3); font-size: 10px; margin: -10px 0 14px; padding: 0px 8px; } @media screen and (min-width: 992px) { .ios-nav-morelist .nav-mobile-footer { display: none; } } .popup-bottom { z-index: 992; position: absolute; left: 0; right: 0; bottom: 0; /*height: 40%;*/ padding: 5px 15px 20px 15px; /*background-color: $white;*/ background: #ffffff; border-top-left-radius: 16px; border-top-right-radius: 16px; display: flex; flex-direction: column; visibility: hidden; zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translateY(100%); transition: opacity 0.5s, visibility 0.6s, transform 0.4s; max-height: 90vh; overflow: auto; /*.fgt-txt*/ /* //.lst-ios-navmore */ /* //.lst-ios-navmore */ /* //&.ioslist-active */ } @media (min-width: 767px) { .popup-bottom { top: 50%; transform: translateY(-50%); width: 900px; max-width: 100%; margin: 0 auto; bottom: inherit; border-radius: 8px; } .popup-bottom.sm-popup { width: 400px; } .popup-bottom.sm-popup.delete-bene-popup { width: 350px; } .popup-bottom.sm-popup.delete-bene-popup ul.bottom-footer1 li:first-of-type { margin-left: -4px; } .popup-bottom.md-popup { width: 600px; } .popup-bottom.md-popup.otp-verify, .popup-bottom.md-popup.token-verify, .popup-bottom.md-popup.pwd-strength { width: 450px; } .popup-bottom.md-popup.otp-verify h6, .popup-bottom.md-popup.token-verify h6, .popup-bottom.md-popup.pwd-strength h6 { text-align: center; color: #2e2d2d; } .popup-bottom.md-popup.otp-verify div.ux-input input, .popup-bottom.md-popup.token-verify div.ux-input input { width: 80%; } .popup-bottom.md-popup.pwd-strength .close-btn { display: inline; margin-top: 0; margin-bottom: 0; } .popup-bottom.md-popup.token-verify { width: 450px; } .popup-bottom.lg-popup { width: 1000px; } } .popup-bottom .bor-b { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .popup-bottom h4 { font-weight: 500; font-size: 1.3rem; text-align: left; margin: 12px 0; line-height: 1.6rem; color: rgba(0, 0, 0, 0.95); text-transform: initial; } .popup-bottom h4 img { width: 22px; height: 22px; margin: 0 6px; text-align: center; } .popup-bottom h5 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.95); text-transform: initial; } .popup-bottom h5 img { width: 22px; height: 22px; display: inline-block; margin-right: 6px; } .popup-bottom h5 a { list-style: none; text-decoration: none; opacity: 1; } .popup-bottom h5 a img { margin-left: 5px; width: 18px; height: 18px; display: inline-block; } .popup-bottom h5 a:hover { opacity: 0.8; } .popup-bottom h6 { font-weight: 400; font-size: 0.95rem; text-align: left; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.65); text-transform: initial; } .popup-bottom em { font-weight: 400; font-size: 0.8rem; text-align: left; vertical-align: top; margin: 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.65); text-transform: initial; } .popup-bottom p { font-weight: 400; font-size: 0.9rem; text-align: center; margin: 15px 0px 15px 0px; line-height: 1.2rem; color: rgba(0, 0, 0, 0.75); text-transform: initial; } .popup-bottom p.error-message { text-align: left; color: #ce0e41; display: block; } .popup-bottom p.success-message { text-align: left; color: #03914a; display: block; } .popup-bottom p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .popup-bottom ul.lst-pwd-info { padding-left: 15px; } .popup-bottom ul.lst-pwd-info li { list-style-type: disc; } .popup-bottom ul.lst-pwd-info li p { text-align: left; } .popup-bottom .ux-button-icon { background: transparent; border: none; float: right; margin: 8px 0; padding: 4px 5px; outline: none; cursor: pointer; position: relative; opacity: 1; /* //img */ } @media (max-width: 767px) { .popup-bottom .ux-button-icon { padding: 4px 5px; } } @media (max-width: 350px) { .popup-bottom .ux-button-icon { padding: 4px 4px; } } .popup-bottom .ux-button-icon img { width: 23px; height: 23px; } .popup-bottom .ux-button-icon img.img-small { width: 18px; height: 18px; } .popup-bottom .ux-button-icon img.img-vsmall { width: 14px; height: 14px; } .popup-bottom .ux-button-icon:hover { opacity: 0.7; } .popup-bottom .ux-button-icon a { text-decoration: none; } .popup-bottom .success { text-align: center; position: relative; display: block; margin: 0px auto; padding: 0px 0 12px 0; clear: both; } .popup-bottom .success h3 { font-weight: 400; font-size: 1.6rem; line-height: 1.2rem; margin: 8px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .popup-bottom .success h4 { font-weight: 500; font-size: 1.2rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .popup-bottom .success h5 { font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .popup-bottom .success img { margin: 20px 0px 15px 0; width: 48px; height: 48px; text-align: center; } .popup-bottom .success p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .popup-bottom .sim-list { margin: 10px 0px 30px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .popup-bottom .sim-list ul { text-decoration: none; list-style: none; } .popup-bottom .sim-list li { text-decoration: none; list-style: none; width: 50%; display: block; float: left; text-align: center; } .popup-bottom .sim-list li a { text-decoration: none; } .popup-bottom .sim-list li a img { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #0033A1; } .popup-bottom .sim-list li a svg { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #333333; } .popup-bottom .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; margin: 1px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .popup-bottom .sim-list li a small { font-weight: 400; font-size: 0.8rem; text-align: center; padding: 15px 5px; line-height: 1rem; color: rgba(0, 51, 161, 0.6); text-transform: initial; } .popup-bottom .sim-list li a:hover img { width: 60px; height: 60px; margin: 10px 0; text-align: center; } .popup-bottom .sim-list li a:hover svg { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #0033a1; } .popup-bottom .sim-list li a:hover em { color: #0033a1; } .popup-bottom .sim-list li a.active img { width: 60px; height: 60px; margin: 10px 0; text-align: center; } .popup-bottom .sim-list li a.active svg { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #0033a1; } .popup-bottom .sim-list li a.active em { color: #0033a1; } .popup-bottom a.reg-txt { font-size: 0.9rem; font-weight: 400; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .popup-bottom a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .popup-bottom a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .popup-bottom a.reg-txt:hover { text-decoration: none; } .popup-bottom button.ux-button { margin: 10px 0 0 0 !important; } .popup-bottom.popup-active { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0); transition: opacity 0.3s, visibility 0.2s, transform 0.4s; } @media (min-width: 767px) { .popup-bottom.popup-active { transform: translateY(-50%); } } .popup-bottom.ioslist-active { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0); transition: opacity 0.3s, visibility 0.2s, transform 0.4s; } .popup-bottom .nav-mobile-footer { padding: 10px 0; text-align: right; } .popup-bottom .nav-mobile-footer p { color: rgba(255, 255, 255, 0.3); font-size: 10px; margin: -10px 0 14px; padding: 0px 8px; } @media screen and (min-width: 992px) { .popup-bottom .nav-mobile-footer { display: none; } } .popup-bottom.success-popup, .popup-bottom.failure-popup, .popup-bottom.error-popup { top: 55%; } .popup-bottom.success-popup img, .popup-bottom.failure-popup img, .popup-bottom.error-popup img { width: 48px; height: 48px; } .popup-bottom.success-popup h4, .popup-bottom.failure-popup h4, .popup-bottom.error-popup h4 { color: #000000; font-size: 1.4rem; line-height: 1.6rem; font-weight: 500; text-align: center; } .popup-bottom.success-popup p, .popup-bottom.failure-popup p, .popup-bottom.error-popup p { font-size: 1rem !important; } .popup-bottom.tnc-popup p { text-align: left; } .popup-bottom.logout-popup p { font-size: 1rem; } .popup-bottom.logout-popup ul.bottom-footer1 li { display: inline-block; margin: 0 10px 0 0; } .popup-bottom2 { z-index: 992; position: absolute; left: 15px; right: 15px; bottom: 0; /*height: 40%;*/ padding: 10px 20px 20px 20px; /*background-color: $white;*/ background: #ffffff; border-top-left-radius: 12px; border-top-right-radius: 12px; display: flex; flex-direction: column; visibility: hidden; zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translateY(100%); transition: opacity 0.5s, visibility 0.6s, transform 0.4s; /*.fgt-txt*/ /* //.lst-ios-navmore */ /* //.lst-ios-navmore */ /* //&.ioslist-active */ } .popup-bottom2.z-index { z-index: 9; } .popup-bottom2 .divider-line { display: block; height: 1px; margin: 0 auto; margin-left: -20px; margin-right: -20px; margin-top: 5px; text-align: center; background-color: rgba(0, 0, 0, 0.1); } .popup-bottom2 h4 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 12px 0; line-height: 1.6rem; color: rgba(0, 51, 161, 0.95); text-transform: initial; } @media (max-width: 359px) { .popup-bottom2 h4 { margin: 4px 0; } } @media (max-height: 700px) { .popup-bottom2 h4.mar-custom { margin: 5px 0 2px 0; } } .popup-bottom2 h5 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 51, 161, 0.95); text-transform: initial; } .popup-bottom2 h6 { font-weight: 400; font-size: 0.95rem; text-align: left; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 51, 161, 0.65); text-transform: initial; } .popup-bottom2 em { font-weight: 400; font-size: 0.8rem; text-align: left; vertical-align: top; margin: 2px 0; line-height: 0.8rem; color: rgba(0, 51, 161, 0.65); text-transform: initial; } .popup-bottom2 p { font-weight: 400; font-size: 1rem; text-align: center; margin: 0px 0px 20px 0px; line-height: 1.6rem; color: rgba(0, 51, 161, 0.75); text-transform: initial; } .popup-bottom2 p.mb0 { margin: 0px 0px 0px 0px; } .popup-bottom2 p.error-message { text-align: left; color: #ce0e41; display: block; } .popup-bottom2 p.success-message { text-align: left; color: #03914a; display: block; } .popup-bottom2 p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .popup-bottom2 .ux-button-icon { background: transparent; border: none; float: right; margin: 10px 0; padding: 4px 5px; outline: none; cursor: pointer; position: relative; opacity: 1; /* //img */ } @media (max-width: 767px) { .popup-bottom2 .ux-button-icon { padding: 4px 5px; } } @media (max-width: 350px) { .popup-bottom2 .ux-button-icon { padding: 4px 4px; } } .popup-bottom2 .ux-button-icon img { width: 23px; height: 23px; } .popup-bottom2 .ux-button-icon img.img-small { width: 18px; height: 18px; } .popup-bottom2 .ux-button-icon img.img-vsmall { width: 14px; height: 14px; } .popup-bottom2 .ux-button-icon:hover { opacity: 0.7; } .popup-bottom2 .ux-button-icon a { text-decoration: none; } .popup-bottom2 .sim-list { margin: 10px 0px 30px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .popup-bottom2 .sim-list ul { text-decoration: none; list-style: none; } .popup-bottom2 .sim-list li { text-decoration: none; list-style: none; width: 50%; display: block; float: left; text-align: center; } .popup-bottom2 .sim-list li a { text-decoration: none; } .popup-bottom2 .sim-list li a img { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #0033A1; } .popup-bottom2 .sim-list li a svg { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #333333; } .popup-bottom2 .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; margin: 1px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .popup-bottom2 .sim-list li a:hover img { width: 60px; height: 60px; margin: 10px 0; text-align: center; } .popup-bottom2 .sim-list li a:hover svg { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #0033a1; } .popup-bottom2 .sim-list li a:hover em { color: #0033a1; } .popup-bottom2 .sim-list li a.active img { width: 60px; height: 60px; margin: 10px 0; text-align: center; } .popup-bottom2 .sim-list li a.active svg { width: 60px; height: 60px; margin: 10px 0; text-align: center; fill: #0033a1; } .popup-bottom2 .sim-list li a.active em { color: #0033a1; } .popup-bottom2 a.reg-txt { font-size: 0.9rem; font-weight: 400; text-align: left; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .popup-bottom2 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .popup-bottom2 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .popup-bottom2 a.reg-txt:hover { text-decoration: none; } .popup-bottom2 button.ux-button { margin: 10px 0 0 0 !important; } .popup-bottom2.popup-active { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0); transition: opacity 0.3s, visibility 0.2s, transform 0.4s; } .popup-bottom2.ioslist-active { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0); transition: opacity 0.3s, visibility 0.2s, transform 0.4s; } .popup-bottom2 .nav-mobile-footer { padding: 10px 0; text-align: right; } .popup-bottom2 .nav-mobile-footer p { color: rgba(255, 255, 255, 0.3); font-size: 10px; margin: -10px 0 14px; padding: 0px 8px; } @media screen and (min-width: 992px) { .popup-bottom2 .nav-mobile-footer { display: none; } } .info-section { z-index: 1; position: absolute; left: 0; right: 0; bottom: 235px; /*height: 40%;*/ padding: 10px 15px; /*background-color: $white;*/ background: transparent; display: flex; flex-direction: column; /*.fgt-txt*/ } @media (max-height: 575px) { .info-section { bottom: 218px; } } .info-section h4 { font-weight: 500; font-size: 1.4rem; text-align: left; margin: 12px 0; line-height: 1.6rem; color: rgba(255, 255, 255, 0.95); text-transform: initial; } @media (max-width: 359px) { .info-section h4 { margin: 4px 0; } } .info-section h5 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(255, 255, 255, 0.95); text-transform: initial; } .info-section h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(255, 255, 255, 0.65); text-transform: initial; } .info-section em { font-weight: 400; font-size: 0.8rem; text-align: left; vertical-align: top; margin: 2px 0; line-height: 0.8rem; color: rgba(255, 255, 255, 0.65); text-transform: initial; } .info-section p { font-weight: 400; font-size: 1rem; text-align: center; margin: 20px 0; line-height: 1.6rem; color: rgba(255, 255, 255, 0.85); text-transform: initial; } .info-section a.reg-txt { font-size: 0.9rem; font-weight: 400; float: right; margin-top: 14px; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.85); } .info-section a.reg-txt:hover { text-decoration: none; } /* //Bootstrap table paging and datatable paging overriding */ * .datatable-box, .table-box { text-align: left; width: 100%; position: relative; transition: all 0.3s ease; /* //.table */ } * .datatable-box.greybox, .table-box.greybox { display: block; background-color: rgba(0, 0, 0, 0.035); width: 100%; height: auto; padding: 10px 10px; word-wrap: break-word; } * .datatable-box .table, .table-box .table { /* //tr */ } * .datatable-box .table tr, .table-box .table tr { /* //&.odd */ /* //&.even */ } * .datatable-box .table td, * .datatable-box .table th, .table-box .table td, .table-box .table th { vertical-align: middle; } * .datatable-box .table td em, * .datatable-box .table th em, .table-box .table td em, .table-box .table th em { font-size: 1.2rem; font-weight: 600; color: rgba(0, 0, 0, 0.95); display: inline-block; } @media (max-width: 480px) { * .datatable-box .table td em, * .datatable-box .table th em, .table-box .table td em, .table-box .table th em { font-size: 1rem; } } * .datatable-box .table td em img, * .datatable-box .table th em img, .table-box .table td em img, .table-box .table th em img { width: 15px; height: 15px; margin-right: 3px; } @media (max-width: 480px) { * .datatable-box .table td em img, * .datatable-box .table th em img, .table-box .table td em img, .table-box .table th em img { width: 12px; height: 12px; } } * .datatable-box .table .no-borders td, * .datatable-box .table .no-borders th, .table-box .table .no-borders td, .table-box .table .no-borders th { border-top: 1px solid rgba(0, 51, 161, 0); } @media (max-width: 767px) { * .datatable-box .table .no-borders td.bor-b, * .datatable-box .table .no-borders th.bor-b, .table-box .table .no-borders td.bor-b, .table-box .table .no-borders th.bor-b { border-bottom: 1px solid rgba(0, 0, 0, 0.16); } } * .datatable-box .table .no-borders td a.viewbtn, * .datatable-box .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { opacity: 0.7; display: none; } @media (max-width: 767px) { * .datatable-box .table .no-borders td a.viewbtn, * .datatable-box .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { display: block; } } * .datatable-box .table .no-borders td a.viewbtn img, * .datatable-box .table .no-borders th a.viewbtn img, .table-box .table .no-borders td a.viewbtn img, .table-box .table .no-borders th a.viewbtn img { width: 100%; max-width: 14px; margin: 17px 7px; height: auto; text-align: center; } * .datatable-box .table .no-borders td a.viewbtn:hover, * .datatable-box .table .no-borders th a.viewbtn:hover, .table-box .table .no-borders td a.viewbtn:hover, .table-box .table .no-borders th a.viewbtn:hover { opacity: 0.9; } * .datatable-box .table thead th, .table-box .table thead th { padding: 0.7rem; background-color: #e4ecfb; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 2px solid #3ca0b6; font-size: 0.8rem; line-height: 1rem; font-weight: 600; color: rgba(0, 0, 0, 0.95); text-align: left; vertical-align: middle; } @media (max-width: 767px) { * .datatable-box .table thead th, .table-box .table thead th { font-size: 0.8rem; line-height: 0.8rem; } } * .datatable-box .table thead th.border-none, .table-box .table thead th.border-none { border-top: 0px solid; border-bottom: 0px solid; } * .datatable-box .table.table-hover tbody tr:hover, .table-box .table.table-hover tbody tr:hover { background-color: rgba(0, 51, 161, 0.05); cursor: pointer; } * .datatable-box .table.dataTable tbody > tr.selected, * .datatable-box .table.dataTable tbody > tr > .selected, .table-box .table.dataTable tbody > tr.selected, .table-box .table.dataTable tbody > tr > .selected { background-color: rgba(0, 51, 161, 0.06); } * .datatable-box .table.dataTable tbody > tr.selected td, * .datatable-box .table.dataTable tbody > tr.selected th, * .datatable-box .table.dataTable tbody > tr > .selected td, * .datatable-box .table.dataTable tbody > tr > .selected th, .table-box .table.dataTable tbody > tr.selected td, .table-box .table.dataTable tbody > tr.selected th, .table-box .table.dataTable tbody > tr > .selected td, .table-box .table.dataTable tbody > tr > .selected th { border-top: 1px solid #ffffff; } * .datatable-box .table tr:focus, * .datatable-box .table tr th:focus, * .datatable-box .table tr td:focus, .table-box .table tr:focus, .table-box .table tr th:focus, .table-box .table tr td:focus { outline: none; } * .datatable-box .custom-select:focus, .table-box .custom-select:focus { outline: none; box-shadow: none; border-color: rgba(0, 51, 161, 0.5); } * .datatable-box .form-control, .table-box .form-control { color: rgba(0, 0, 0, 0.8); } * .datatable-box .form-control:focus, .table-box .form-control:focus { background-color: inherit; border-color: rgba(0, 51, 161, 0.5); outline: 0; box-shadow: none; } .datatable-box1, .table-box { text-align: left; width: 100%; border-radius: 4px; overflow: hidden; /* //.table */ } .datatable-box1.greybox, .table-box.greybox { display: block; background-color: rgba(0, 0, 0, 0.035); width: 100%; height: auto; padding: 10px 10px; word-wrap: break-word; } .datatable-box1 .table, .table-box .table { /* //tr */ } .datatable-box1 .table tr, .table-box .table tr { /* //&.odd */ /* //&.even */ } .datatable-box1 .table tr.odd, .table-box .table tr.odd { background-color: rgba(0, 0, 0, 0.1); } .datatable-box1 .table td, .datatable-box1 .table th, .table-box .table td, .table-box .table th { border: 1px solid rgba(0, 0, 0, 0.1); vertical-align: top; } .datatable-box1 .table td em, .datatable-box1 .table th em, .table-box .table td em, .table-box .table th em { font-size: 1.2rem; font-weight: 600; color: rgba(0, 0, 0, 0.95); display: inline-block; } @media (max-width: 480px) { .datatable-box1 .table td em, .datatable-box1 .table th em, .table-box .table td em, .table-box .table th em { font-size: 1rem; } } .datatable-box1 .table td em img, .datatable-box1 .table th em img, .table-box .table td em img, .table-box .table th em img { width: 15px; height: 15px; margin-right: 3px; } @media (max-width: 480px) { .datatable-box1 .table td em img, .datatable-box1 .table th em img, .table-box .table td em img, .table-box .table th em img { width: 12px; height: 12px; } } .datatable-box1 .table .no-borders td, .datatable-box1 .table .no-borders th, .table-box .table .no-borders td, .table-box .table .no-borders th { border-top: 1px solid rgba(0, 51, 161, 0); } @media (max-width: 767px) { .datatable-box1 .table .no-borders td.bor-b, .datatable-box1 .table .no-borders th.bor-b, .table-box .table .no-borders td.bor-b, .table-box .table .no-borders th.bor-b { border-bottom: 1px solid rgba(0, 0, 0, 0.16); } } .datatable-box1 .table .no-borders td a.viewbtn, .datatable-box1 .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { opacity: 0.7; display: none; } @media (max-width: 767px) { .datatable-box1 .table .no-borders td a.viewbtn, .datatable-box1 .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { display: block; } } .datatable-box1 .table .no-borders td a.viewbtn img, .datatable-box1 .table .no-borders th a.viewbtn img, .table-box .table .no-borders td a.viewbtn img, .table-box .table .no-borders th a.viewbtn img { width: 100%; max-width: 14px; margin: 17px 7px; height: auto; text-align: center; } .datatable-box1 .table .no-borders td a.viewbtn:hover, .datatable-box1 .table .no-borders th a.viewbtn:hover, .table-box .table .no-borders td a.viewbtn:hover, .table-box .table .no-borders th a.viewbtn:hover { opacity: 0.9; } .datatable-box1 .table thead th, .table-box .table thead th { border-bottom: none; padding: 0.8rem 0.3rem; background-color: #0033a1; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); font-size: 0.8rem; line-height: 1rem; font-weight: 500; color: white; text-align: center; vertical-align: middle; } .datatable-box1 .table thead th.bg-none, .table-box .table thead th.bg-none { background-color: transparent; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8rem; line-height: 1rem; font-weight: 500; color: rgba(0, 0, 0, 0.9); } @media (max-width: 767px) { .datatable-box1 .table thead th, .table-box .table thead th { font-size: 0.8rem; line-height: 0.8rem; } } .datatable-box1 .table thead th.border-none, .table-box .table thead th.border-none { border-top: 0px solid; border-bottom: 0px solid; } .datatable-box1 .table.table-hover tbody tr:hover, .table-box .table.table-hover tbody tr:hover { background-color: rgba(0, 51, 161, 0.05); cursor: pointer; } .datatable-box1 .table.dataTable tbody > tr.selected, .datatable-box1 .table.dataTable tbody > tr > .selected, .table-box .table.dataTable tbody > tr.selected, .table-box .table.dataTable tbody > tr > .selected { background-color: rgba(0, 51, 161, 0.06); } .datatable-box1 .table.dataTable tbody > tr.selected td, .datatable-box1 .table.dataTable tbody > tr.selected th, .datatable-box1 .table.dataTable tbody > tr > .selected td, .datatable-box1 .table.dataTable tbody > tr > .selected th, .table-box .table.dataTable tbody > tr.selected td, .table-box .table.dataTable tbody > tr.selected th, .table-box .table.dataTable tbody > tr > .selected td, .table-box .table.dataTable tbody > tr > .selected th { border-top: 1px solid #ffffff; } .datatable-box1 .table tr:focus, .datatable-box1 .table tr th:focus, .datatable-box1 .table tr td:focus, .table-box .table tr:focus, .table-box .table tr th:focus, .table-box .table tr td:focus { outline: none; } .datatable-box1 .table-striped tbody tr:nth-of-type(odd), .table-box .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.1); } .datatable-box1 .table-striped tbody tr:nth-of-type(even), .table-box .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .datatable-box1 table, .table-box table { /*thead*/ /* tbody */ } .datatable-box1 table.table, .table-box table.table { font-size: 14px; margin-bottom: 0; text-align: left; } .datatable-box1 table thead, .table-box table thead { /* tr */ } .datatable-box1 table thead tr, .table-box table thead tr { /* th */ /* td */ } .datatable-box1 table thead tr th, .table-box table thead tr th { background-color: rgba(0, 0, 0, 0.02); /* label.selection */ } .datatable-box1 table thead tr th label.selection em, .table-box table thead tr th label.selection em { color: #0033A1; } .datatable-box1 table thead tr td .text-b, .table-box table thead tr td .text-b { color: rgba(0, 51, 161, 0.9) !important; } @media (max-width: 767px) { .datatable-box1 table thead tr td .display-n, .table-box table thead tr td .display-n { display: none; } } .datatable-box1 table tbody, .table-box table tbody { /* tr */ } .datatable-box1 table tbody tr, .table-box table tbody tr { /* td */ } .datatable-box1 table tbody tr.t-footer, .table-box table tbody tr.t-footer { background-color: rgba(0, 0, 0, 0.02); } .datatable-box1 table tbody tr td, .table-box table tbody tr td { padding: 0.7rem 0.2rem !important; font-size: 0.8rem; line-height: 1rem; text-align: center; font-weight: 400; color: rgba(0, 0, 0, 0.85); /* panel-title */ /* panel-title */ } .datatable-box1 table tbody tr td b, .table-box table tbody tr td b { font-weight: 700; font-size: 0.8rem; line-height: 1rem; } .datatable-box1 table tbody tr td.text-b, .table-box table tbody tr td.text-b { color: rgba(0, 51, 161, 0.9) !important; } .datatable-box1 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 1.1rem; line-height: 1.2rem; } @media (min-width: 767px) and (max-width: 1200px) { .datatable-box1 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 0.9rem; line-height: 1.1rem; } } @media (max-width: 767px) { .datatable-box1 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 0.8rem; } } .datatable-box1 table tbody tr td.pad-1, .table-box table tbody tr td.pad-1 { padding: 0.25rem 0.3rem 0.25rem 0.5rem; } @media (max-width: 480px) { .datatable-box1 table tbody tr td.pl, .table-box table tbody tr td.pl { padding-left: 1.1rem !important; } } @media (max-width: 480px) { .datatable-box1 table tbody tr td.fs1, .table-box table tbody tr td.fs1 { font-size: 0.9rem !important; } } .datatable-box1 table tbody tr td.col-6, .table-box table tbody tr td.col-6 { flex: 0 0 50%; max-width: 50%; width: 50%; } .datatable-box1 table tbody tr td .fs-small, .table-box table tbody tr td .fs-small { font-size: 0.5rem; } .datatable-box1 table tbody tr td img, .table-box table tbody tr td img { width: 12px; height: 12px; position: relative; margin-right: 3px; margin-top: -2px; } @media (max-width: 480px) { .datatable-box1 table tbody tr td img, .table-box table tbody tr td img { widows: 10px; height: 10px; } } .datatable-box1 table tbody tr td .panel-title, .table-box table tbody tr td .panel-title { color: rgba(0, 0, 0, 0.5); position: relative; padding: 8px 0px; margin-bottom: 0; font-size: 0.8rem; } .datatable-box1 table tbody tr td .panel-title1, .table-box table tbody tr td .panel-title1 { color: rgba(0, 0, 0, 0.7) !important; position: relative; padding: 5px 0px; font-size: 0.9rem !important; margin-bottom: 0; font-weight: 500; } .datatable-box1 table tbody tr td .viewbtn, .table-box table tbody tr td .viewbtn { opacity: 0.7; text-decoration: none; } .datatable-box1 table tbody tr td .viewbtn img, .table-box table tbody tr td .viewbtn img { width: 100%; max-width: 18px; margin: 2px 7px; height: auto; text-align: center; } .datatable-box1 table tbody tr td .viewbtn:hover, .table-box table tbody tr td .viewbtn:hover { opacity: 0.9; } .datatable-box1 table tbody tr td span, .table-box table tbody tr td span { font-weight: 600; } .datatable-box1 table tbody tr td span.pending, .table-box table tbody tr td span.pending { color: rgba(186, 188, 191, 0.9); } .datatable-box1 table tbody tr td span.approve, .table-box table tbody tr td span.approve { color: rgba(3, 145, 74, 0.9); font-weight: 400; } .datatable-box1 table tbody tr td span.verify, .table-box table tbody tr td span.verify { color: rgba(0, 51, 161, 0.9); font-weight: 400; } .datatable-box1 table tbody tr td span.reject, .table-box table tbody tr td span.reject { color: rgba(206, 14, 65, 0.9); font-weight: 400; } .datatable-box1 table tbody tr td span.reject.fs0, .table-box table tbody tr td span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .datatable-box1 .custom-select:focus, .table-box .custom-select:focus { outline: none; box-shadow: none; border-color: rgba(0, 51, 161, 0.5); } .datatable-box1 .form-control, .table-box .form-control { color: rgba(0, 0, 0, 0.8); } .datatable-box1 .form-control:focus, .table-box .form-control:focus { background-color: inherit; border-color: rgba(0, 51, 161, 0.5); outline: 0; box-shadow: none; } .datatable-box2, .table-box { text-align: left; width: 100%; border-radius: 4px; overflow: hidden; /* //.table */ } .datatable-box2.greybox, .table-box.greybox { display: block; background-color: rgba(0, 0, 0, 0.035); width: 100%; height: auto; padding: 10px 10px; word-wrap: break-word; } .datatable-box2.disabled, .table-box.disabled { background-color: rgba(0, 0, 0, 0.05); cursor: not-allowed; } .datatable-box2.disabled .table, .table-box.disabled .table { /* //tr */ } .datatable-box2.disabled .table tr, .table-box.disabled .table tr { /* //&.odd */ /* //&.even */ } .datatable-box2.disabled .table tr.odd, .table-box.disabled .table tr.odd { background-color: rgba(0, 0, 0, 0.1); } .datatable-box2.disabled .table td, .datatable-box2.disabled .table th, .table-box.disabled .table td, .table-box.disabled .table th { border: 1px solid rgba(0, 0, 0, 0.1); vertical-align: top; border-radius: 4px; cursor: not-allowed; } .datatable-box2.disabled .table td em, .datatable-box2.disabled .table th em, .table-box.disabled .table td em, .table-box.disabled .table th em { font-size: 1.2rem; font-weight: 600; color: rgba(0, 0, 0, 0.95); display: inline-block; } @media (max-width: 480px) { .datatable-box2.disabled .table td em, .datatable-box2.disabled .table th em, .table-box.disabled .table td em, .table-box.disabled .table th em { font-size: 1rem; } } .datatable-box2.disabled .table td em img, .datatable-box2.disabled .table th em img, .table-box.disabled .table td em img, .table-box.disabled .table th em img { width: 15px; height: 15px; margin-right: 3px; } @media (max-width: 480px) { .datatable-box2.disabled .table td em img, .datatable-box2.disabled .table th em img, .table-box.disabled .table td em img, .table-box.disabled .table th em img { width: 12px; height: 12px; } } .datatable-box2.disabled .table .no-borders td, .datatable-box2.disabled .table .no-borders th, .table-box.disabled .table .no-borders td, .table-box.disabled .table .no-borders th { border-top: 1px solid rgba(0, 51, 161, 0); } @media (max-width: 767px) { .datatable-box2.disabled .table .no-borders td.bor-b, .datatable-box2.disabled .table .no-borders th.bor-b, .table-box.disabled .table .no-borders td.bor-b, .table-box.disabled .table .no-borders th.bor-b { border-bottom: 1px solid rgba(0, 0, 0, 0.16); } } .datatable-box2.disabled .table .no-borders td a.viewbtn, .datatable-box2.disabled .table .no-borders th a.viewbtn, .table-box.disabled .table .no-borders td a.viewbtn, .table-box.disabled .table .no-borders th a.viewbtn { opacity: 0.7; display: none; } @media (max-width: 767px) { .datatable-box2.disabled .table .no-borders td a.viewbtn, .datatable-box2.disabled .table .no-borders th a.viewbtn, .table-box.disabled .table .no-borders td a.viewbtn, .table-box.disabled .table .no-borders th a.viewbtn { display: block; } } .datatable-box2.disabled .table .no-borders td a.viewbtn img, .datatable-box2.disabled .table .no-borders th a.viewbtn img, .table-box.disabled .table .no-borders td a.viewbtn img, .table-box.disabled .table .no-borders th a.viewbtn img { width: 100%; max-width: 14px; margin: 17px 7px; height: auto; text-align: center; } .datatable-box2.disabled .table .no-borders td a.viewbtn:hover, .datatable-box2.disabled .table .no-borders th a.viewbtn:hover, .table-box.disabled .table .no-borders td a.viewbtn:hover, .table-box.disabled .table .no-borders th a.viewbtn:hover { opacity: 0.9; } .datatable-box2.disabled .table thead th, .table-box.disabled .table thead th { border-bottom: none; cursor: not-allowed; padding: 0.8rem 0.3rem; background-color: transparent; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8rem; line-height: 1rem; font-weight: 600; color: rgba(0, 0, 0, 0.4); text-align: left; vertical-align: middle; } @media (max-width: 767px) { .datatable-box2.disabled .table thead th, .table-box.disabled .table thead th { font-size: 0.8rem; line-height: 0.8rem; } } .datatable-box2.disabled .table thead th.border-none, .table-box.disabled .table thead th.border-none { border-top: 0px solid; border-bottom: 0px solid; } .datatable-box2.disabled .table.table-hover tbody tr:hover, .table-box.disabled .table.table-hover tbody tr:hover { background-color: rgba(0, 51, 161, 0.05); cursor: pointer; } .datatable-box2.disabled .table.dataTable tbody > tr.selected, .datatable-box2.disabled .table.dataTable tbody > tr > .selected, .table-box.disabled .table.dataTable tbody > tr.selected, .table-box.disabled .table.dataTable tbody > tr > .selected { background-color: rgba(0, 51, 161, 0.06); } .datatable-box2.disabled .table.dataTable tbody > tr.selected td, .datatable-box2.disabled .table.dataTable tbody > tr.selected th, .datatable-box2.disabled .table.dataTable tbody > tr > .selected td, .datatable-box2.disabled .table.dataTable tbody > tr > .selected th, .table-box.disabled .table.dataTable tbody > tr.selected td, .table-box.disabled .table.dataTable tbody > tr.selected th, .table-box.disabled .table.dataTable tbody > tr > .selected td, .table-box.disabled .table.dataTable tbody > tr > .selected th { border-top: 1px solid #ffffff; } .datatable-box2.disabled .table tr:focus, .datatable-box2.disabled .table tr th:focus, .datatable-box2.disabled .table tr td:focus, .table-box.disabled .table tr:focus, .table-box.disabled .table tr th:focus, .table-box.disabled .table tr td:focus { outline: none; } .datatable-box2.disabled table, .table-box.disabled table { /*thead*/ /* tbody */ } .datatable-box2.disabled table.table, .table-box.disabled table.table { font-size: 14px; margin-bottom: 0; text-align: left; } .datatable-box2.disabled table thead, .table-box.disabled table thead { /* tr */ } .datatable-box2.disabled table thead tr, .table-box.disabled table thead tr { /* th */ /* td */ } .datatable-box2.disabled table thead tr th, .table-box.disabled table thead tr th { background-color: rgba(0, 0, 0, 0.02); /* label.selection */ } .datatable-box2.disabled table thead tr th label.selection em, .table-box.disabled table thead tr th label.selection em { color: #0033A1; } .datatable-box2.disabled table thead tr td .text-b, .table-box.disabled table thead tr td .text-b { color: rgba(0, 51, 161, 0.9) !important; } @media (max-width: 767px) { .datatable-box2.disabled table thead tr td .display-n, .table-box.disabled table thead tr td .display-n { display: none; } } .datatable-box2.disabled table tbody, .table-box.disabled table tbody { /* tr */ } .datatable-box2.disabled table tbody tr, .table-box.disabled table tbody tr { /* td */ } .datatable-box2.disabled table tbody tr.t-footer, .table-box.disabled table tbody tr.t-footer { background-color: rgba(0, 0, 0, 0.02); } .datatable-box2.disabled table tbody tr td, .table-box.disabled table tbody tr td { padding: 0.7rem 0.2rem !important; font-size: 0.8rem; line-height: 1rem; text-align: left; font-weight: 400; color: rgba(0, 0, 0, 0.3); /* panel-title */ /* panel-title */ } .datatable-box2.disabled table tbody tr td b, .table-box.disabled table tbody tr td b { font-weight: 700; font-size: 0.8rem; line-height: 1rem; } .datatable-box2.disabled table tbody tr td.text-b, .table-box.disabled table tbody tr td.text-b { color: rgba(0, 51, 161, 0.9) !important; } .datatable-box2.disabled table tbody tr td.fs-1, .table-box.disabled table tbody tr td.fs-1 { font-size: 1.1rem; line-height: 1.2rem; } @media (min-width: 767px) and (max-width: 1200px) { .datatable-box2.disabled table tbody tr td.fs-1, .table-box.disabled table tbody tr td.fs-1 { font-size: 0.9rem; line-height: 1.1rem; } } @media (max-width: 767px) { .datatable-box2.disabled table tbody tr td.fs-1, .table-box.disabled table tbody tr td.fs-1 { font-size: 0.8rem; } } .datatable-box2.disabled table tbody tr td.pad-1, .table-box.disabled table tbody tr td.pad-1 { padding: 0.25rem 0.3rem 0.25rem 0.5rem; } @media (max-width: 480px) { .datatable-box2.disabled table tbody tr td.pl, .table-box.disabled table tbody tr td.pl { padding-left: 1.1rem !important; } } @media (max-width: 480px) { .datatable-box2.disabled table tbody tr td.fs1, .table-box.disabled table tbody tr td.fs1 { font-size: 0.9rem !important; } } .datatable-box2.disabled table tbody tr td.col-6, .table-box.disabled table tbody tr td.col-6 { flex: 0 0 50%; max-width: 50%; width: 50%; } .datatable-box2.disabled table tbody tr td .fs-small, .table-box.disabled table tbody tr td .fs-small { font-size: 0.5rem; } .datatable-box2.disabled table tbody tr td img, .table-box.disabled table tbody tr td img { width: 12px; height: 12px; position: relative; margin-right: 3px; margin-top: -2px; } @media (max-width: 480px) { .datatable-box2.disabled table tbody tr td img, .table-box.disabled table tbody tr td img { widows: 10px; height: 10px; } } .datatable-box2.disabled table tbody tr td .panel-title, .table-box.disabled table tbody tr td .panel-title { color: rgba(0, 0, 0, 0.5); position: relative; padding: 8px 0px; margin-bottom: 0; font-size: 0.8rem; } .datatable-box2.disabled table tbody tr td .panel-title1, .table-box.disabled table tbody tr td .panel-title1 { color: rgba(0, 0, 0, 0.7) !important; position: relative; padding: 5px 0px; font-size: 0.9rem !important; margin-bottom: 0; font-weight: 500; } .datatable-box2.disabled table tbody tr td .viewbtn, .table-box.disabled table tbody tr td .viewbtn { opacity: 0.7; text-decoration: none; } .datatable-box2.disabled table tbody tr td .viewbtn img, .table-box.disabled table tbody tr td .viewbtn img { width: 100%; max-width: 18px; margin: 2px 7px; height: auto; text-align: center; } .datatable-box2.disabled table tbody tr td .viewbtn:hover, .table-box.disabled table tbody tr td .viewbtn:hover { opacity: 0.9; } .datatable-box2.disabled table tbody tr td span, .table-box.disabled table tbody tr td span { font-weight: 600; } .datatable-box2.disabled table tbody tr td span.pending, .table-box.disabled table tbody tr td span.pending { color: rgba(186, 188, 191, 0.9); } .datatable-box2.disabled table tbody tr td span.approve, .table-box.disabled table tbody tr td span.approve { color: rgba(3, 145, 74, 0.9); font-weight: 400; } .datatable-box2.disabled table tbody tr td span.verify, .table-box.disabled table tbody tr td span.verify { color: rgba(0, 51, 161, 0.9); font-weight: 400; } .datatable-box2.disabled table tbody tr td span.reject, .table-box.disabled table tbody tr td span.reject { color: rgba(206, 14, 65, 0.9); font-weight: 400; } .datatable-box2.disabled table tbody tr td span.reject.fs0, .table-box.disabled table tbody tr td span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .datatable-box2 .table, .table-box .table { /* //tr */ } .datatable-box2 .table tr, .table-box .table tr { /* //&.odd */ /* //&.even */ } .datatable-box2 .table tr.odd, .table-box .table tr.odd { background-color: rgba(0, 0, 0, 0.1); } .datatable-box2 .table td, .datatable-box2 .table th, .table-box .table td, .table-box .table th { border: 1px solid rgba(0, 0, 0, 0.3); vertical-align: top; border-radius: 4px; } .datatable-box2 .table td em, .datatable-box2 .table th em, .table-box .table td em, .table-box .table th em { font-size: 1.2rem; font-weight: 600; color: rgba(0, 0, 0, 0.95); display: inline-block; } @media (max-width: 480px) { .datatable-box2 .table td em, .datatable-box2 .table th em, .table-box .table td em, .table-box .table th em { font-size: 1rem; } } .datatable-box2 .table td em img, .datatable-box2 .table th em img, .table-box .table td em img, .table-box .table th em img { width: 15px; height: 15px; margin-right: 3px; } @media (max-width: 480px) { .datatable-box2 .table td em img, .datatable-box2 .table th em img, .table-box .table td em img, .table-box .table th em img { width: 12px; height: 12px; } } .datatable-box2 .table .no-borders td, .datatable-box2 .table .no-borders th, .table-box .table .no-borders td, .table-box .table .no-borders th { border-top: 1px solid rgba(0, 51, 161, 0); } @media (max-width: 767px) { .datatable-box2 .table .no-borders td.bor-b, .datatable-box2 .table .no-borders th.bor-b, .table-box .table .no-borders td.bor-b, .table-box .table .no-borders th.bor-b { border-bottom: 1px solid rgba(0, 0, 0, 0.16); } } .datatable-box2 .table .no-borders td a.viewbtn, .datatable-box2 .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { opacity: 0.7; display: none; } @media (max-width: 767px) { .datatable-box2 .table .no-borders td a.viewbtn, .datatable-box2 .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { display: block; } } .datatable-box2 .table .no-borders td a.viewbtn img, .datatable-box2 .table .no-borders th a.viewbtn img, .table-box .table .no-borders td a.viewbtn img, .table-box .table .no-borders th a.viewbtn img { width: 100%; max-width: 14px; margin: 17px 7px; height: auto; text-align: center; } .datatable-box2 .table .no-borders td a.viewbtn:hover, .datatable-box2 .table .no-borders th a.viewbtn:hover, .table-box .table .no-borders td a.viewbtn:hover, .table-box .table .no-borders th a.viewbtn:hover { opacity: 0.9; } .datatable-box2 .table thead th, .table-box .table thead th { border-bottom: none; padding: 0.8rem 0.4rem; background-color: transparent; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); font-size: 0.8rem; line-height: 1rem; font-weight: 600; color: black; text-align: left; vertical-align: middle; } @media (max-width: 767px) { .datatable-box2 .table thead th, .table-box .table thead th { font-size: 0.8rem; line-height: 0.8rem; } } .datatable-box2 .table thead th.border-none, .table-box .table thead th.border-none { border-top: 0px solid; border-bottom: 0px solid; } .datatable-box2 .table.table-hover tbody tr:hover, .table-box .table.table-hover tbody tr:hover { background-color: rgba(0, 51, 161, 0.05); cursor: pointer; } .datatable-box2 .table.dataTable tbody > tr.selected, .datatable-box2 .table.dataTable tbody > tr > .selected, .table-box .table.dataTable tbody > tr.selected, .table-box .table.dataTable tbody > tr > .selected { background-color: rgba(0, 51, 161, 0.06); } .datatable-box2 .table.dataTable tbody > tr.selected td, .datatable-box2 .table.dataTable tbody > tr.selected th, .datatable-box2 .table.dataTable tbody > tr > .selected td, .datatable-box2 .table.dataTable tbody > tr > .selected th, .table-box .table.dataTable tbody > tr.selected td, .table-box .table.dataTable tbody > tr.selected th, .table-box .table.dataTable tbody > tr > .selected td, .table-box .table.dataTable tbody > tr > .selected th { border-top: 1px solid #ffffff; } .datatable-box2 .table tr:focus, .datatable-box2 .table tr th:focus, .datatable-box2 .table tr td:focus, .table-box .table tr:focus, .table-box .table tr th:focus, .table-box .table tr td:focus { outline: none; } .datatable-box2 .table-striped tbody tr:nth-of-type(odd), .table-box .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.1); } .datatable-box2 .table-striped tbody tr:nth-of-type(even), .table-box .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .datatable-box2 table, .table-box table { /*thead*/ /* tbody */ } .datatable-box2 table.table, .table-box table.table { font-size: 14px; margin-bottom: 0; text-align: left; } .datatable-box2 table thead, .table-box table thead { /* tr */ } .datatable-box2 table thead tr, .table-box table thead tr { /* th */ /* td */ } .datatable-box2 table thead tr th, .table-box table thead tr th { background-color: rgba(0, 0, 0, 0.02); /* label.selection */ } .datatable-box2 table thead tr th label.selection em, .table-box table thead tr th label.selection em { color: #0033A1; } .datatable-box2 table thead tr td .text-b, .table-box table thead tr td .text-b { color: rgba(0, 51, 161, 0.9) !important; } @media (max-width: 767px) { .datatable-box2 table thead tr td .display-n, .table-box table thead tr td .display-n { display: none; } } .datatable-box2 table tbody, .table-box table tbody { /* tr */ } .datatable-box2 table tbody tr, .table-box table tbody tr { /* td */ } .datatable-box2 table tbody tr.t-footer, .table-box table tbody tr.t-footer { background-color: rgba(0, 0, 0, 0.02); } .datatable-box2 table tbody tr td, .table-box table tbody tr td { padding: 0.7rem 0.4rem !important; font-size: 0.8rem; line-height: 1rem; text-align: left; font-weight: 400; color: rgba(0, 0, 0, 0.85); /* panel-title */ /* panel-title */ } .datatable-box2 table tbody tr td b, .table-box table tbody tr td b { font-weight: 700; font-size: 0.8rem; line-height: 1rem; } .datatable-box2 table tbody tr td.text-b, .table-box table tbody tr td.text-b { color: rgba(0, 51, 161, 0.9) !important; } .datatable-box2 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 1.1rem; line-height: 1.2rem; } @media (min-width: 767px) and (max-width: 1200px) { .datatable-box2 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 0.9rem; line-height: 1.1rem; } } @media (max-width: 767px) { .datatable-box2 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 0.8rem; } } .datatable-box2 table tbody tr td.pad-1, .table-box table tbody tr td.pad-1 { padding: 0.25rem 0.3rem 0.25rem 0.5rem; } @media (max-width: 480px) { .datatable-box2 table tbody tr td.pl, .table-box table tbody tr td.pl { padding-left: 1.1rem !important; } } @media (max-width: 480px) { .datatable-box2 table tbody tr td.fs1, .table-box table tbody tr td.fs1 { font-size: 0.9rem !important; } } .datatable-box2 table tbody tr td.col-6, .table-box table tbody tr td.col-6 { flex: 0 0 50%; max-width: 50%; width: 50%; } .datatable-box2 table tbody tr td .fs-small, .table-box table tbody tr td .fs-small { font-size: 0.5rem; } .datatable-box2 table tbody tr td img, .table-box table tbody tr td img { width: 12px; height: 12px; position: relative; margin-right: 3px; margin-top: -2px; } @media (max-width: 480px) { .datatable-box2 table tbody tr td img, .table-box table tbody tr td img { widows: 10px; height: 10px; } } .datatable-box2 table tbody tr td .panel-title, .table-box table tbody tr td .panel-title { color: rgba(0, 0, 0, 0.5); position: relative; padding: 8px 0px; margin-bottom: 0; font-size: 0.8rem; } .datatable-box2 table tbody tr td .panel-title1, .table-box table tbody tr td .panel-title1 { color: rgba(0, 0, 0, 0.7) !important; position: relative; padding: 5px 0px; font-size: 0.9rem !important; margin-bottom: 0; font-weight: 500; } .datatable-box2 table tbody tr td .viewbtn, .table-box table tbody tr td .viewbtn { opacity: 0.7; text-decoration: none; } .datatable-box2 table tbody tr td .viewbtn img, .table-box table tbody tr td .viewbtn img { width: 100%; max-width: 18px; margin: 2px 7px; height: auto; text-align: center; } .datatable-box2 table tbody tr td .viewbtn:hover, .table-box table tbody tr td .viewbtn:hover { opacity: 0.9; } .datatable-box2 table tbody tr td span, .table-box table tbody tr td span { font-weight: 600; } .datatable-box2 table tbody tr td span.pending, .table-box table tbody tr td span.pending { color: rgba(186, 188, 191, 0.9); } .datatable-box2 table tbody tr td span.approve, .table-box table tbody tr td span.approve { color: rgba(3, 145, 74, 0.9); font-weight: 400; } .datatable-box2 table tbody tr td span.verify, .table-box table tbody tr td span.verify { color: rgba(0, 51, 161, 0.9); font-weight: 400; } .datatable-box2 table tbody tr td span.reject, .table-box table tbody tr td span.reject { color: rgba(206, 14, 65, 0.9); font-weight: 400; } .datatable-box2 table tbody tr td span.reject.fs0, .table-box table tbody tr td span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .datatable-box2 .custom-select:focus, .table-box .custom-select:focus { outline: none; box-shadow: none; border-color: rgba(0, 51, 161, 0.5); } .datatable-box2 .form-control, .table-box .form-control { color: rgba(0, 0, 0, 0.8); } .datatable-box2 .form-control:focus, .table-box .form-control:focus { background-color: inherit; border-color: rgba(0, 51, 161, 0.5); outline: 0; box-shadow: none; } .datatable-box3, .table-box { text-align: left; width: 100%; border-radius: 4px; overflow: hidden; /* //.table */ } .datatable-box3.greybox, .table-box.greybox { display: block; background-color: rgba(0, 0, 0, 0.035); width: 100%; height: auto; padding: 10px 10px; word-wrap: break-word; } .datatable-box3 .table, .table-box .table { /* //tr */ } .datatable-box3 .table tr, .table-box .table tr { /* //&.odd */ /* //&.even */ } .datatable-box3 .table tr.odd, .table-box .table tr.odd { background-color: rgba(0, 0, 0, 0.1); } .datatable-box3 .table td, .datatable-box3 .table th, .table-box .table td, .table-box .table th { border: 1px solid rgba(0, 0, 0, 0.1); vertical-align: top; } .datatable-box3 .table td em, .datatable-box3 .table th em, .table-box .table td em, .table-box .table th em { font-size: 1.2rem; font-weight: 600; color: rgba(0, 0, 0, 0.95); display: inline-block; } @media (max-width: 480px) { .datatable-box3 .table td em, .datatable-box3 .table th em, .table-box .table td em, .table-box .table th em { font-size: 1rem; } } .datatable-box3 .table td em img, .datatable-box3 .table th em img, .table-box .table td em img, .table-box .table th em img { width: 15px; height: 15px; margin-right: 3px; } @media (max-width: 480px) { .datatable-box3 .table td em img, .datatable-box3 .table th em img, .table-box .table td em img, .table-box .table th em img { width: 12px; height: 12px; } } .datatable-box3 .table .no-borders td, .datatable-box3 .table .no-borders th, .table-box .table .no-borders td, .table-box .table .no-borders th { border-top: 1px solid rgba(0, 51, 161, 0); } @media (max-width: 767px) { .datatable-box3 .table .no-borders td.bor-b, .datatable-box3 .table .no-borders th.bor-b, .table-box .table .no-borders td.bor-b, .table-box .table .no-borders th.bor-b { border-bottom: 1px solid rgba(0, 0, 0, 0.16); } } .datatable-box3 .table .no-borders td a.viewbtn, .datatable-box3 .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { opacity: 0.7; display: none; } @media (max-width: 767px) { .datatable-box3 .table .no-borders td a.viewbtn, .datatable-box3 .table .no-borders th a.viewbtn, .table-box .table .no-borders td a.viewbtn, .table-box .table .no-borders th a.viewbtn { display: block; } } .datatable-box3 .table .no-borders td a.viewbtn img, .datatable-box3 .table .no-borders th a.viewbtn img, .table-box .table .no-borders td a.viewbtn img, .table-box .table .no-borders th a.viewbtn img { width: 100%; max-width: 14px; margin: 17px 7px; height: auto; text-align: center; } .datatable-box3 .table .no-borders td a.viewbtn:hover, .datatable-box3 .table .no-borders th a.viewbtn:hover, .table-box .table .no-borders td a.viewbtn:hover, .table-box .table .no-borders th a.viewbtn:hover { opacity: 0.9; } .datatable-box3 .table thead th, .table-box .table thead th { border-bottom: none; padding: 0.8rem 0.4rem; background-color: #0033a1; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); font-size: 0.8rem; line-height: 1rem; font-weight: 500; color: white; text-align: left; vertical-align: middle; } .datatable-box3 .table thead th.bg-none, .table-box .table thead th.bg-none { background-color: transparent; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8rem; line-height: 1rem; font-weight: 500; color: rgba(0, 0, 0, 0.9); } @media (max-width: 767px) { .datatable-box3 .table thead th, .table-box .table thead th { font-size: 0.8rem; line-height: 0.8rem; } } .datatable-box3 .table thead th.border-none, .table-box .table thead th.border-none { border-top: 0px solid; border-bottom: 0px solid; } .datatable-box3 .table.table-hover tbody tr:hover, .table-box .table.table-hover tbody tr:hover { background-color: rgba(0, 51, 161, 0.05); cursor: pointer; } .datatable-box3 .table.dataTable tbody > tr.selected, .datatable-box3 .table.dataTable tbody > tr > .selected, .table-box .table.dataTable tbody > tr.selected, .table-box .table.dataTable tbody > tr > .selected { background-color: rgba(0, 51, 161, 0.06); } .datatable-box3 .table.dataTable tbody > tr.selected td, .datatable-box3 .table.dataTable tbody > tr.selected th, .datatable-box3 .table.dataTable tbody > tr > .selected td, .datatable-box3 .table.dataTable tbody > tr > .selected th, .table-box .table.dataTable tbody > tr.selected td, .table-box .table.dataTable tbody > tr.selected th, .table-box .table.dataTable tbody > tr > .selected td, .table-box .table.dataTable tbody > tr > .selected th { border-top: 1px solid #ffffff; } .datatable-box3 .table tr:focus, .datatable-box3 .table tr th:focus, .datatable-box3 .table tr td:focus, .table-box .table tr:focus, .table-box .table tr th:focus, .table-box .table tr td:focus { outline: none; } .datatable-box3 .table-striped tbody tr:nth-of-type(odd), .table-box .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.1); } .datatable-box3 .table-striped tbody tr:nth-of-type(even), .table-box .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .datatable-box3 table, .table-box table { /*thead*/ /* tbody */ } .datatable-box3 table.table, .table-box table.table { font-size: 14px; margin-bottom: 0; text-align: left; } .datatable-box3 table thead, .table-box table thead { /* tr */ } .datatable-box3 table thead tr, .table-box table thead tr { /* th */ /* td */ } .datatable-box3 table thead tr th, .table-box table thead tr th { background-color: rgba(0, 0, 0, 0.02); /* label.selection */ } .datatable-box3 table thead tr th label.selection em, .table-box table thead tr th label.selection em { color: #0033A1; } .datatable-box3 table thead tr td .text-b, .table-box table thead tr td .text-b { color: rgba(0, 51, 161, 0.9) !important; } @media (max-width: 767px) { .datatable-box3 table thead tr td .display-n, .table-box table thead tr td .display-n { display: none; } } .datatable-box3 table tbody, .table-box table tbody { /* tr */ } .datatable-box3 table tbody tr, .table-box table tbody tr { /* td */ } .datatable-box3 table tbody tr.t-footer, .table-box table tbody tr.t-footer { background-color: rgba(0, 0, 0, 0.02); } .datatable-box3 table tbody tr td, .table-box table tbody tr td { padding: 0.7rem 0.4rem !important; font-size: 0.8rem; line-height: 1rem; text-align: left; font-weight: 400; color: rgba(0, 0, 0, 0.85); /* panel-title */ /* panel-title */ } .datatable-box3 table tbody tr td b, .table-box table tbody tr td b { font-weight: 700; font-size: 0.8rem; line-height: 1rem; } .datatable-box3 table tbody tr td.text-b, .table-box table tbody tr td.text-b { color: rgba(0, 51, 161, 0.9) !important; } .datatable-box3 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 1.1rem; line-height: 1.2rem; } @media (min-width: 767px) and (max-width: 1200px) { .datatable-box3 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 0.9rem; line-height: 1.1rem; } } @media (max-width: 767px) { .datatable-box3 table tbody tr td.fs-1, .table-box table tbody tr td.fs-1 { font-size: 0.8rem; } } .datatable-box3 table tbody tr td.pad-1, .table-box table tbody tr td.pad-1 { padding: 0.25rem 0.3rem 0.25rem 0.5rem; } @media (max-width: 480px) { .datatable-box3 table tbody tr td.pl, .table-box table tbody tr td.pl { padding-left: 1.1rem !important; } } @media (max-width: 480px) { .datatable-box3 table tbody tr td.fs1, .table-box table tbody tr td.fs1 { font-size: 0.9rem !important; } } .datatable-box3 table tbody tr td.col-6, .table-box table tbody tr td.col-6 { flex: 0 0 50%; max-width: 50%; width: 50%; } .datatable-box3 table tbody tr td .fs-small, .table-box table tbody tr td .fs-small { font-size: 0.5rem; } .datatable-box3 table tbody tr td img, .table-box table tbody tr td img { width: 12px; height: 12px; position: relative; margin-right: 3px; margin-top: -2px; } @media (max-width: 480px) { .datatable-box3 table tbody tr td img, .table-box table tbody tr td img { widows: 10px; height: 10px; } } .datatable-box3 table tbody tr td .panel-title, .table-box table tbody tr td .panel-title { color: rgba(0, 0, 0, 0.5); position: relative; padding: 8px 0px; margin-bottom: 0; font-size: 0.8rem; } .datatable-box3 table tbody tr td .panel-title1, .table-box table tbody tr td .panel-title1 { color: rgba(0, 0, 0, 0.7) !important; position: relative; padding: 5px 0px; font-size: 0.9rem !important; margin-bottom: 0; font-weight: 500; } .datatable-box3 table tbody tr td .viewbtn, .table-box table tbody tr td .viewbtn { opacity: 0.7; text-decoration: none; } .datatable-box3 table tbody tr td .viewbtn img, .table-box table tbody tr td .viewbtn img { width: 100%; max-width: 18px; margin: 2px 7px; height: auto; text-align: center; } .datatable-box3 table tbody tr td .viewbtn:hover, .table-box table tbody tr td .viewbtn:hover { opacity: 0.9; } .datatable-box3 table tbody tr td span, .table-box table tbody tr td span { font-weight: 600; } .datatable-box3 table tbody tr td span.pending, .table-box table tbody tr td span.pending { color: rgba(186, 188, 191, 0.9); } .datatable-box3 table tbody tr td span.approve, .table-box table tbody tr td span.approve { color: rgba(3, 145, 74, 0.9); font-weight: 400; } .datatable-box3 table tbody tr td span.verify, .table-box table tbody tr td span.verify { color: rgba(0, 51, 161, 0.9); font-weight: 400; } .datatable-box3 table tbody tr td span.reject, .table-box table tbody tr td span.reject { color: rgba(206, 14, 65, 0.9); font-weight: 400; } .datatable-box3 table tbody tr td span.reject.fs0, .table-box table tbody tr td span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .datatable-box3 .custom-select:focus, .table-box .custom-select:focus { outline: none; box-shadow: none; border-color: rgba(0, 51, 161, 0.5); } .datatable-box3 .form-control, .table-box .form-control { color: rgba(0, 0, 0, 0.8); } .datatable-box3 .form-control:focus, .table-box .form-control:focus { background-color: inherit; border-color: rgba(0, 51, 161, 0.5); outline: 0; box-shadow: none; } /* //.datatable-box */ .table-box { /* //.table */ } .table-box .table { margin: 0; border-collapse: separate !important; border-spacing: 0; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; /* //tr.row-selected */ } .table-box .table thead th { background-color: rgba(0, 51, 161, 0.07) !important; border-bottom: 1px solid rgba(0, 51, 161, 0.3); font-size: 0.85px; font-weight: 400; color: rgba(0, 0, 0, 0.7); border-top: none; } .table-box .table tr:nth-child(odd) { background-color: rgba(0, 51, 161, 0.03); } .table-box .table tr:nth-child(odd):hover { background-color: rgba(0, 51, 161, 0.04); } .table-box .table tr:nth-child(even) { background-color: rgba(0, 51, 161, 0); } .table-box .table tr:nth-child(even):hover { background-color: rgba(0, 51, 161, 0.08); } .table-box .table tr.row-selected { background-color: rgba(0, 51, 161, 0.06); color: #ffffff; /* //.viewmorebutton */ } .table-box .table tr.row-selected .viewmorebutton { color: #0033A1; background: rgba(255, 255, 255, 0.9); } /* //.table-box */ /* //Bootstrap & Datatable overriding */ div.dataTables_wrapper { margin-bottom: 0.5em; /* //div.dataTables_info */ /* //.page-link */ /* //.page-item */ /* //div.dataTables_paginate */ /* //.dataTables_length */ /* //.dataTables_filter */ /* //table.dataTable */ } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: 98%; min-width: 200px; height: 35px; font-style: normal; } @media (max-width: 480px) { div.dataTables_wrapper div.dataTables_filter input { min-width: 100%; } } div.dataTables_wrapper div.dataTables_info { padding-top: 0.2rem; font-size: 14px; padding-right: 0.9rem; display: inline-block; color: rgba(0, 0, 0, 0.9); /* //&:focus */ } @media (max-width: 767px) { div.dataTables_wrapper div.dataTables_info { display: none; text-align: center; } } div.dataTables_wrapper div.dataTables_info:focus { outline: none; box-shadow: none; } div.dataTables_wrapper div.dataTables_info span.select-info { display: block; margin-top: -4px; } div.dataTables_wrapper div.dataTables_info span.select-info span.select-item { font-weight: 600; color: #0033A1; font-size: 0.8rem; } div.dataTables_wrapper .page-link { color: #0033A1; border-radius: 4px; padding: 0.5rem 0.8rem; font-size: 13px; text-decoration: none; /* //&:focus */ } div.dataTables_wrapper .page-link:focus { outline: none; box-shadow: none; } div.dataTables_wrapper .page-item { /* //.active */ /* //.disabled */ } div.dataTables_wrapper .page-item.active .page-link { background-color: #0033A1; border-color: #0033A1; } div.dataTables_wrapper .page-item.disabled .page-link { color: #818181; } div.dataTables_wrapper div.dataTables_paginate { display: inline-block; } @media (max-width: 767px) { div.dataTables_wrapper div.dataTables_paginate { display: block !important; text-align: center; } } div.dataTables_wrapper div.dataTables_paginate ul.pagination { /*justify-content:right; */ margin: 5px 0px; /* //&:focus */ /* //li */ } div.dataTables_wrapper div.dataTables_paginate ul.pagination:focus { outline: none; box-shadow: none; } div.dataTables_wrapper div.dataTables_paginate ul.pagination li { font-size: 14px; margin: 2px; border-bottom: 0px solid rgba(0, 0, 0, 0.05); } div.dataTables_wrapper .dataTables_length label { font-size: 14px; } div.dataTables_wrapper .dataTables_length select.custom-select.form-control { font-size: 0.9rem; padding-top: 0.2rem; padding-bottom: 0.2rem; margin-top: 5px; } div.dataTables_wrapper .dataTables_filter label { font-size: 14px; } div.dataTables_wrapper table.dataTable { width: 100% !important; /* -- override dataTable */ margin-top: 0px !important; margin-bottom: 0px !important; border-bottom: 1px solid #e6e6e6; border-collapse: none; /* //th.dataTables_empty, td.dataTables_empty */ /* //tr */ } div.dataTables_wrapper table.dataTable tbody tr { /* //td.dt-viewdetails */ /* //td.sorting_1 */ } div.dataTables_wrapper table.dataTable tbody tr td.sorting_1 { font-weight: 400; } div.dataTables_wrapper table.dataTable th.dataTables_empty, div.dataTables_wrapper table.dataTable td.dataTables_empty { padding: 5rem 2rem; } div.dataTables_wrapper table.dataTable thead .sorting:before, div.dataTables_wrapper table.dataTable thead .sorting:after, div.dataTables_wrapper table.dataTable thead .sorting_asc:before, div.dataTables_wrapper table.dataTable thead .sorting_asc:after, div.dataTables_wrapper table.dataTable thead .sorting_desc:before, div.dataTables_wrapper table.dataTable thead .sorting_desc:after, div.dataTables_wrapper table.dataTable thead .sorting_asc_disabled:before, div.dataTables_wrapper table.dataTable thead .sorting_asc_disabled:after, div.dataTables_wrapper table.dataTable thead .sorting_desc_disabled:before, div.dataTables_wrapper table.dataTable thead .sorting_desc_disabled:after { bottom: 0.7em; } div.dataTables_wrapper table.dataTable tr { /* //td.dt-viewdetails */ /* //&.dt-rowexpandable */ /* //td.dt-showerror */ /* //&.dt-rowerrorexpandable */ } div.dataTables_wrapper table.dataTable tr td.dt-viewdetails { /* //div.dt-btn-viewdetails */ } div.dataTables_wrapper table.dataTable tr td.dt-viewdetails div.dt-btn-viewdetails { width: 24px; height: 24px; display: block; margin: 0 auto; background-color: rgba(0, 0, 0, 0.1); position: relative; cursor: pointer; border-radius: 12px; /* //&::before */ /* //&::after */ } div.dataTables_wrapper table.dataTable tr td.dt-viewdetails div.dt-btn-viewdetails::before { content: ""; position: absolute; left: 50%; top: 50%; display: block; background: gray; height: 2px; width: 12px; margin-left: -6px; margin-top: -1px; border-radius: 1px; transition: all 0.2s ease-in; } div.dataTables_wrapper table.dataTable tr td.dt-viewdetails div.dt-btn-viewdetails::after { content: ""; position: absolute; left: 50%; top: 50%; display: block; background: gray; height: 12px; width: 2px; margin-top: -6px; margin-left: -1px; border-radius: 1px; transition: all 0.2s ease-in; } div.dataTables_wrapper table.dataTable tr.dt-rowexpandable { background-color: #0033A1; color: #ffffff; /* //tr.dt-rowexpanded-details */ /* //&:hover */ } div.dataTables_wrapper table.dataTable tr.dt-rowexpandable td.dt-viewdetails div.dt-btn-viewdetails { background-color: #ffffff; } div.dataTables_wrapper table.dataTable tr.dt-rowexpandable td.dt-viewdetails div.dt-btn-viewdetails::after { zoom: 1; filter: alpha(opacity=0); opacity: 0; } div.dataTables_wrapper table.dataTable tr.dt-rowexpandable + tr.dt-rowexpanded-details { /* //td */ } div.dataTables_wrapper table.dataTable tr.dt-rowexpandable + tr.dt-rowexpanded-details td { padding: 0; border-top: 1px solid rgba(0, 51, 161, 0.9); /* //.dt-exdetails-container */ } div.dataTables_wrapper table.dataTable tr.dt-rowexpandable + tr.dt-rowexpanded-details td .dt-exdetails-container { display: block; padding: 100px; background-color: rgba(0, 51, 161, 0.1); text-align: center; } div.dataTables_wrapper table.dataTable tr.dt-rowexpandable:hover { background-color: #0033A1; color: #ffffff; } div.dataTables_wrapper table.dataTable tr td.dt-showerror { text-align: center; /* //.dt-btn-showerror */ } div.dataTables_wrapper table.dataTable tr td.dt-showerror div.dt-btn-showerror { background-color: rgba(206, 14, 65, 0.2); color: rgba(206, 14, 65, 0.8); white-space: nowrap; display: inline-block; padding: 4px 8px; padding-left: 20px; font-size: 10px; font-weight: 500; cursor: pointer; position: relative; /* //&::before */ /* //&::after */ } div.dataTables_wrapper table.dataTable tr td.dt-showerror div.dt-btn-showerror::before { content: ""; position: absolute; left: 10px; top: 50%; display: block; background: rgba(206, 14, 65, 0.5); height: 2px; width: 12px; margin-left: -6px; margin-top: -1px; border-radius: 1px; transition: all 0.2s ease-in; } div.dataTables_wrapper table.dataTable tr td.dt-showerror div.dt-btn-showerror::after { content: ""; position: absolute; left: 10px; top: 50%; display: block; background: rgba(206, 14, 65, 0.5); height: 12px; width: 2px; margin-top: -6px; margin-left: -1px; border-radius: 1px; transition: all 0.2s ease-in; } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable { background-color: rgba(206, 14, 65, 0.7); color: #ffffff; /* //td.dt-showerror div.dt-btn-showerror */ /* //& + tr.dt-rowexpanded-error */ /* //&:hover */ } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable td.dt-showerror div.dt-btn-showerror { background-color: rgba(255, 255, 255, 0.8); } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable td.dt-showerror div.dt-btn-showerror::after { zoom: 1; filter: alpha(opacity=0); opacity: 0; } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable + tr.dt-rowexpanded-error { /* //td */ } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable + tr.dt-rowexpanded-error td { padding: 0; border-top: 1px solid rgba(206, 14, 65, 0.9); /* //.dt-exerror-container */ } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable + tr.dt-rowexpanded-error td .dt-exerror-container { display: block; padding: 20px; background-color: rgba(206, 14, 65, 0.1); text-align: center; /* //h5 */ } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable + tr.dt-rowexpanded-error td .dt-exerror-container h5 { margin: 0; padding: 0; } div.dataTables_wrapper table.dataTable tr.dt-rowerrorexpandable:hover { background-color: rgba(206, 14, 65, 0.7); color: #ffffff; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable { background-color: #0033A1; color: white; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable:hover { background-color: #0033A1; color: white; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable + tr.dt-rowexpanded-details { background-color: rgba(202, 202, 202, 0.62); } div.dataTables_wrapper table.dataTable tr.dt-apexpandable + tr.dt-rowexpanded-details:hover { background-color: rgba(202, 202, 202, 0.62); } div.dataTables_wrapper table.dataTable tr.dt-apexpandable + tr.dt-rowexpanded-details td { padding: 0.75rem; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable + tr.dt-rowexpanded-details .ap-innercontent { padding: 15px; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable + tr.dt-rowexpanded-details .ap-innercontent .ap-contentheader h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1490196078); font-weight: 500; font-size: 1.2rem; padding-bottom: 5px; margin-bottom: 15px; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable + tr.dt-rowexpanded-details .ap-innercontent .ap-formsection { background-color: #ffffff; padding: 15px; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable + tr.dt-rowexpanded-details .ap-innercontent .ap-formsection .ap-subcontent .ap-subheader h5 { font-size: 1rem; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1490196078); margin: 0 0.7rem 1rem 0.7rem; color: rgba(0, 0, 0, 0.7); } div.dataTables_wrapper table.dataTable tr.dt-apexpandable td.dt-apdetails div.dt-btn-apdetails { background-color: rgb(218, 187, 251); color: #6000b3; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable td.dt-apdetails div.dt-btn-apdetails::after { zoom: 1; opacity: 0; } div.dataTables_wrapper table.dataTable tr.dt-apexpandable td.dt-cpdetails div.dt-btn-cpdetails { background-color: #9fcfff; color: #005ab3; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable { background-color: #0033A1; color: white; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable:hover { background-color: #0033A1; color: white; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable td.dt-cpdetails div.dt-btn-cpdetails { background: #9fcfff; color: #005ab3; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable td.dt-cpdetails div.dt-btn-cpdetails::after { zoom: 1; opacity: 0; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable td.dt-apdetails div.dt-btn-apdetails { color: #6000b3; background-color: #debdfc; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable + tr.dt-rowexpanded-details { background-color: rgba(202, 202, 202, 0.62); } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable + tr.dt-rowexpanded-details:hover { background-color: rgba(202, 202, 202, 0.62); } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable + tr.dt-rowexpanded-details .cp-innercontent { padding: 15px; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable + tr.dt-rowexpanded-details .cp-innercontent .cp-contentheader h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1490196078); font-weight: 500; font-size: 1.2rem; padding-bottom: 5px; margin-bottom: 15px; } div.dataTables_wrapper table.dataTable tr.dt-cpexpandable + tr.dt-rowexpanded-details .cp-innercontent .table-box { overflow: auto; min-width: 100%; } div.dataTables_wrapper table.dataTable tr td.dt-cpdetails div.dt-btn-cpdetails { background: #9fcfff; color: #005ab3; white-space: nowrap; display: inline-block; padding: 4px 8px; vertical-align: middle; padding-left: 20px; font-size: 10px; font-weight: 500; cursor: pointer; position: relative; /* //&::before */ /* //&::after */ } div.dataTables_wrapper table.dataTable tr td.dt-cpdetails div.dt-btn-cpdetails::before { content: ""; position: absolute; left: 10px; top: 50%; display: block; background: #457eb7; height: 2px; width: 12px; margin-left: -6px; margin-top: -1px; border-radius: 1px; transition: all 0.2s ease-in; } div.dataTables_wrapper table.dataTable tr td.dt-cpdetails div.dt-btn-cpdetails::after { content: ""; position: absolute; left: 10px; top: 50%; display: block; background: #457eb7; height: 12px; width: 2px; margin-top: -6px; margin-left: -1px; border-radius: 1px; transition: all 0.2s ease-in; } div.dataTables_wrapper table.dataTable tr td.dt-apdetails div.dt-btn-apdetails { background-color: rgba(209, 161, 251, 0.7); color: #6000b3; white-space: nowrap; display: inline-block; padding: 4px 8px; vertical-align: middle; padding-left: 20px; font-size: 10px; font-weight: 500; cursor: pointer; position: relative; /* //&::before */ /* //&::after */ } div.dataTables_wrapper table.dataTable tr td.dt-apdetails div.dt-btn-apdetails::before { content: ""; position: absolute; left: 10px; top: 50%; display: block; background: #a05dda; height: 2px; width: 12px; margin-left: -6px; margin-top: -1px; border-radius: 1px; transition: all 0.2s ease-in; } div.dataTables_wrapper table.dataTable tr td.dt-apdetails div.dt-btn-apdetails::after { content: ""; position: absolute; left: 10px; top: 50%; display: block; background: #a05dda; height: 12px; width: 2px; margin-top: -6px; margin-left: -1px; border-radius: 1px; transition: all 0.2s ease-in; } /* //div.dataTables_wrapper */ /* //Bootstrap table paging and datatable paging overriding */ @media (min-width: 768px) { div.dataTables_wrapper div.dataTables_info span.select-info { display: inline-block; } } .main-table { /* //.datatable-noresult */ } .main-table .datatable-noresult { display: block; padding: 60px 10px; margin: 15px auto; text-align: center; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 8px; position: relative; background-color: rgba(0, 0, 0, 0.05); /* //h4 */ /* //p */ } .main-table .datatable-noresult h4 { margin: 0; padding: 0 0 5px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.2rem; } .main-table .datatable-noresult p { margin: 0; padding: 0; font-size: 0.8rem; } /* //.main-table */ .dt-extras { display: flex; justify-content: center; /* //.dt-exports */ } /* //.dt-extras */ /* ---------------------------- bootstarp table :: Starts --------------------------- */ table { /*thead*/ /* tbody */ } table.table { font-size: 14px; margin-bottom: 0; text-align: left; } table thead { /* tr */ } table thead tr { /* th */ /* td */ } table thead tr th { background-color: rgba(0, 0, 0, 0.02); /* label.selection */ } table thead tr th.black { color: #000000; } table thead tr th label.selection em { color: #0033A1; } table thead tr td .text-b { color: rgba(0, 51, 161, 0.9) !important; } @media (max-width: 767px) { table thead tr td .display-n { display: none; } } table tbody { /* tr */ } table tbody tr { /* td */ } table tbody tr.t-footer { background-color: rgba(0, 0, 0, 0.02); } table tbody tr td { padding: 1.1rem 0.6rem !important; font-size: 0.8rem; line-height: 1rem; text-align: center; font-weight: 400; color: rgba(0, 0, 0, 0.85); /* panel-title */ /* panel-title */ } table tbody tr td b { font-weight: 700; font-size: 0.8rem; line-height: 1rem; } table tbody tr td.text-left { text-align: left; } table tbody tr td.text-b { color: rgba(0, 51, 161, 0.9) !important; } table tbody tr td.fs-1 { font-size: 1.1rem; line-height: 1.2rem; } @media (min-width: 767px) and (max-width: 1200px) { table tbody tr td.fs-1 { font-size: 0.9rem; line-height: 1.1rem; } } @media (max-width: 767px) { table tbody tr td.fs-1 { font-size: 0.8rem; } } table tbody tr td.pad-1 { padding: 0.25rem 0.3rem 0.25rem 0.5rem; } @media (max-width: 480px) { table tbody tr td.pl { padding-left: 1.1rem !important; } } @media (max-width: 480px) { table tbody tr td.fs1 { font-size: 0.9rem !important; } } table tbody tr td.col-6 { flex: 0 0 50%; max-width: 50%; width: 50%; } table tbody tr td .fs-small { font-size: 0.5rem; } table tbody tr td img { width: 12px; height: 12px; position: relative; margin-right: 3px; margin-top: -2px; } @media (max-width: 480px) { table tbody tr td img { widows: 10px; height: 10px; } } table tbody tr td .panel-title { color: rgba(0, 0, 0, 0.5); position: relative; padding: 8px 0px; margin-bottom: 0; font-size: 0.8rem; } table tbody tr td .panel-title1 { color: rgba(0, 0, 0, 0.7) !important; position: relative; padding: 5px 0px; font-size: 0.9rem !important; margin-bottom: 0; font-weight: 500; } table tbody tr td .viewbtn { opacity: 0.7; text-decoration: none; } table tbody tr td .viewbtn img { width: 100%; max-width: 18px; margin: 2px 7px; height: auto; text-align: center; } table tbody tr td .viewbtn:hover { opacity: 0.9; } table tbody tr td span { font-weight: 600; } table tbody tr td span.pending { color: rgba(186, 188, 191, 0.9); } table tbody tr td span.approve { color: rgba(3, 145, 74, 0.9); font-weight: 400; } table tbody tr td span.verify { color: rgba(0, 51, 161, 0.9); font-weight: 400; } table tbody tr td span.reject { color: rgba(206, 14, 65, 0.9); font-weight: 400; } table tbody tr td span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } /* ---------------------------- bootstarp table :: Ends --------------------------- */ .table-box .table { margin: 0; border-collapse: separate !important; border-spacing: 0; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .table-box .table thead th { background-color: rgba(0, 51, 161, 0.07) !important; border-bottom: 1px solid rgba(0, 51, 161, 0.3); font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.7); border-top: none; } .table-box .table tr:nth-child(odd) { background-color: rgba(0, 51, 161, 0.03); } .table-box .table tr:nth-child(odd):hover { background-color: rgba(0, 51, 161, 0.04); } .table-box .table tr:nth-child(even) { background-color: rgba(0, 51, 161, 0); } .table-box .table tr:nth-child(even):hover { background-color: rgba(0, 51, 161, 0.08); } .table-box .table tr.row-selected { background-color: rgba(0, 51, 161, 0.06); color: #ffffff; } .table-box .table tr.row-selected .viewmorebutton { color: #0033A1; background: rgba(255, 255, 255, 0.9); } .table-responsivebox { position: relative; /* //.restable-box */ } .table-responsivebox .restable-box { overflow: auto; /*border-bottom: 1px solid rgba($blue, .1);*/ /* //table.table.dataTable */ } .table-responsivebox .tableresponsive { max-height: 600px; overflow: hidden; overflow-y: auto; overflow-x: auto; } .table-responsivebox .tableresponsive tr th, .table-responsivebox .tableresponsive tr td { white-space: nowrap; } .table-responsivebox .tableresponsive tr th .toggle, .table-responsivebox .tableresponsive tr td .toggle { vertical-align: bottom; } @media (max-width: 767px) { .display-n { display: none; } } .dt-header { position: relative; padding: 10px 20px; } .dt-footer { position: relative; padding: 10px 20px; } .white-box1 { padding: 20px 20px; margin-bottom: 20px; width: 100%; height: auto; background: #ffffff; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2); border-radius: 8px; position: relative; overflow: hidden; text-align: center; display: block; } .white-box1.pad { padding: 10px 10px; margin-bottom: 0px; } .white-box1.pad .header1 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-left: -10px; margin-right: -10px; margin-bottom: 10px; padding: 5px 10px 10px 10px; } .white-box1.pad .header1 h2 { font-size: 1.4rem; padding: 5px 0 5px 0; font-weight: 500; text-align: left; color: rgba(0, 0, 0, 0.8); } .white-box1.pad .header1 h3 { font-size: 1.2rem; padding: 1px 0; font-weight: 500; text-align: left; color: rgba(0, 0, 0, 0.8); } .white-box1.pad .header1 a.cross-b { width: 25px; height: 25px; display: block; float: right; text-align: center; } .white-box1.pad .header1 a.cross-b img { width: 12px; height: 12px; margin: 0 auto; } .white-box1.pad .header1 a.cross-b:hover { opacity: 0.8; } .white-box1 .message-box { padding: 0px; width: 100%; height: auto; display: block; text-align: center; } @media (max-width: 767px) { .white-box1 .message-box.pad-b { padding-bottom: 160px; } } @media (max-width: 340px) { .white-box1 .message-box.pad-b { padding-bottom: 100px; } } .white-box1 .message-box h5 { font-size: 1.15rem; color: rgba(0, 0, 0, 0.5); text-align: center; width: 100%; display: block; margin: 8px 0; } @media (max-width: 767px) { .white-box1 .message-box h5 { font-size: 1rem; } } .white-box1 .message-box img { width: 200px; height: 200px; text-align: center; margin: 8px auto; } @media (max-width: 767px) { .white-box1 .message-box img { width: 100px; height: 100px; } } .white-box1 .message-box img.qr { width: 150px; height: 150px; text-align: center; margin: 20px auto; } .white-box1 .message-box svg { width: 130px; height: 130px; text-align: center; margin: 20px; } .white-box1 .success-box { padding: 0px; width: 100%; height: auto; display: block; text-align: center; } @media (max-width: 767px) { .white-box1 .success-box.pad-b { padding-bottom: 260px; } } @media (max-width: 400px) { .white-box1 .success-box.pad-b { padding-bottom: 190px; } } .white-box1 .success-box h2 { font-size: 2.4rem; color: #03914a; font-weight: 500; text-align: center; margin: 5px 0; } @media (max-width: 767px) { .white-box1 .success-box h2 { font-size: 1.5rem; color: #025f31; } } .white-box1 .success-box h4 { font-size: 1.2rem; color: rgba(0, 51, 161, 0.8); text-align: center; margin: 3px 0; } .white-box1 .success-box h4 span { color: #0033A1; margin-left: 5px; font-size: 1.1rem; } @media (max-width: 767px) { .white-box1 .success-box h4 { font-size: 0.9rem; } } .white-box1 .success-box h3 { font-size: 1.3rem; color: rgba(0, 0, 0, 0.85); text-align: center; margin: 8px 0; font-weight: 400; } .white-box1 .success-box h3 span { color: rgba(0, 0, 0, 0.65); font-size: 1.2rem; } @media (max-width: 767px) { .white-box1 .success-box h3 span { color: rgba(0, 0, 0, 0.65); font-size: 1rem; margin: 4px 0; } } @media (max-width: 767px) { .white-box1 .success-box h3 { font-size: 1.1rem; margin: 4px 0; } } .white-box1 .success-box img { width: 150px; height: 150px; text-align: center; margin: 5px auto; } @media (max-width: 767px) { .white-box1 .success-box img { width: 100px; height: 100px; margin: 0px auto; } } .white-box1 .success-box svg { width: 150px; height: 150px; text-align: center; margin: 20px; } .white-box1 .greybox { display: block; background-color: rgba(0, 0, 0, 0.035); margin-top: 5px; width: 100%; height: auto; padding: 20px 20px; word-wrap: break-word; } @media (max-width: 767px) { .white-box1 .greybox.b-rad { border-radius: 6px; padding: 10px 20px; } } .white-box1 .greybox h4 { font-size: 1.25rem; color: rgba(0, 0, 0, 0.9); text-align: left; margin: 8px 0; font-weight: 500; } @media (max-width: 767px) { .white-box1 .greybox h4 { font-size: 1rem; margin: 3px 0; } } .white-box1 .greybox h5 { font-size: 1.15rem; color: rgba(0, 0, 0, 0.65); text-align: left; margin: 8px 0; font-weight: 400; } @media (max-width: 767px) { .white-box1 .greybox h5 { font-size: 0.8rem; margin: 3px 0; } } @media (max-width: 767px) { .white-box1 .p0 { padding-left: 0px; padding-right: 0px; } } @media (max-width: 767px) { .white-box1 { padding: 10px 20px; } } .grid-container { width: 100%; margin-bottom: 20px; width: 100%; height: auto; background: #ffffff; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2); border-radius: 8px; position: relative; overflow: hidden; display: block; padding: 20px 20px; } @media (max-width: 480px) { .grid-container { padding: 15px 15px; } } .grid-container.greybg { background: rgba(0, 0, 0, 0.04); } .grid-container .message-box { padding: 0px; width: 100%; height: auto; display: block; text-align: center; } @media (max-width: 767px) { .grid-container .message-box.pad-b { padding-bottom: 160px; } } @media (max-width: 340px) { .grid-container .message-box.pad-b { padding-bottom: 100px; } } .grid-container .message-box h5 { font-size: 1.15rem; color: rgba(0, 0, 0, 0.5); text-align: center; width: 100%; display: block; margin: 8px 0; } @media (max-width: 767px) { .grid-container .message-box h5 { font-size: 1rem; } } .grid-container .message-box img { width: 200px; height: 200px; text-align: center; margin: 8px auto; } @media (max-width: 767px) { .grid-container .message-box img { width: 100px; height: 100px; } } .grid-container .message-box img.qr { width: 150px; height: 150px; text-align: center; margin: 20px auto; } @media (max-width: 767px) { .grid-container .message-box img.qr { width: 100px; height: 100px; } } .grid-container .message-box svg { width: 130px; height: 130px; text-align: center; margin: 20px; } .grid-container .grid-header { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-left: -20px; margin-right: -20px; margin-bottom: 10px; margin-top: -20px; padding: 15px 20px 15px 20px; } .grid-container .grid-header button { position: relative; display: none; } .grid-container .grid-header button.ux-btn-header { display: none; background: transparent; border: none; margin: 0; margin-left: 0px; padding: 0px 0px 0px 0px; border-radius: 6px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; vertical-align: top; opacity: 1; } .grid-container .grid-header button.ux-btn-header img { width: 13px; height: 13px; } .grid-container .grid-header button.ux-btn-header img.img-b { width: 25px; height: 25px; } @media (max-width: 767px) { .grid-container .grid-header button.ux-btn-header img.img-b { width: 14px; height: 14px; } } .grid-container .grid-header button.ux-btn-header:hover { opacity: 0.8; } @media (max-width: 767px) { .grid-container .grid-header button.ux-btn-header { display: block; } } @media (max-width: 767px) { .grid-container .grid-header button { display: block; float: right; } } .grid-container .grid-header h2 { font-size: 1.4rem; padding: 5px 0 5px 0; font-weight: 500; text-align: left; color: rgba(0, 0, 0, 0.8); } @media (max-width: 480px) { .grid-container .grid-header h2 { font-size: 1.1rem; padding: 2px 0 2px 0; } } .grid-container .grid-header h4 { font-size: 1.2rem; padding: 1px 0 1px 0; font-weight: 500; text-align: left; color: rgba(0, 0, 0, 0.8); } @media (max-width: 480px) { .grid-container .grid-header h4 { font-size: 1.05rem; } } .grid-container .grid-header h3 { font-size: 1.25rem; padding: 1px 0 1px 0; font-weight: 500; display: block; text-align: center; color: rgba(0, 0, 0, 0.8); } @media (max-width: 767px) { .grid-container .grid-header h3 { text-align: left; } } @media (max-width: 767px) { .grid-container .grid-header { margin-top: -15px; } } .grid-container .resultbox { margin-left: -20px; margin-right: -20px; display: block; background-color: #0033a1; height: auto; overflow: hidden; padding: 15px 20px 15px 20px; clear: both; } .grid-container .resultbox p { font-size: 1rem; padding: 1px 0; font-weight: 400; text-align: justify; color: white; } .grid-container .grid-footer { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-left: -20px; margin-right: -20px; padding: 0px 20px 0px 20px; } .grid-container h1 { font-weight: 500; font-size: 1.5rem; padding: 4px 0; color: rgba(0, 0, 0, 0.9); } .grid-container h3 { font-weight: 500; font-size: 0.9rem; padding: 2px 0; color: rgba(0, 0, 0, 0.4); } .grid-container .greybox { display: block; background-color: rgba(0, 0, 0, 0.02); margin-top: 5px; width: 100%; height: auto; padding: 20px 15px; word-wrap: break-word; } .grid-container .greybox h4 { font-size: 1.25rem; color: rgba(0, 0, 0, 0.85); text-align: left; margin: 8px 0; font-weight: 500; } @media (max-width: 480px) { .grid-container .greybox h4 { font-size: 1.1rem; } } .grid-container .greybox h5 { font-size: 1.15rem; color: rgba(0, 0, 0, 0.7); text-align: left; margin: 8px 0; font-weight: 400; } @media (max-width: 480px) { .grid-container .greybox h5 { font-size: 1rem; } } .option1 { background-color: none; margin-bottom: 20px; } @media (max-width: 480px) { .option1 { margin-bottom: 10px; } } .option1 h6 { text-align: center; color: #0033A1; font-weight: 600; font-style: 1.2rem !important; } .option2 { background-color: none; margin: 10px 0; } @media (max-width: 480px) { .option2 { margin: 2px 0; } } .option2 h6 { text-align: center; color: #0033A1; font-weight: 600; font-style: 1.2rem !important; } .orderlist { margin: 0px; padding: 0px; width: 100%; } .orderlist ol { text-decoration: none; display: inline-block; } .orderlist li { text-decoration: none; list-style-type: decimal; padding: 5px 5px; margin-left: 20px; color: rgba(0, 0, 0, 0.6); font-size: 0.95rem; } @media (max-width: 480px) { .orderlist { width: 94%; } } .orderlist2 { margin: 0px; padding: 0px; width: 100%; } .orderlist2.mar-b { margin-bottom: 25px; } .orderlist2 ol { text-decoration: none; display: inline-block; } .orderlist2 li { text-decoration: none; list-style-type: decimal; padding: 3px 2px; margin-left: 15px; color: rgba(0, 0, 0, 0.85); font-size: 0.95rem; text-align: left; line-height: 1.3rem; margin-bottom: 10px; } .orderlist2 li ul { list-style-type: none; margin-top: 10px; } .orderlist2 li ul li { text-decoration: none; list-style-type: none; padding: 3px 2px; margin-left: 0px; color: rgba(0, 0, 0, 0.7); font-size: 0.8rem; text-align: left; line-height: 1rem; margin-bottom: 10px; } .orderlist2 li ul li:last-child { margin-bottom: 0px; } .unorderlist { margin: 0px; padding: 0px; width: 100%; } .unorderlist.mar-b { margin-bottom: 25px; } .unorderlist ul { text-decoration: none; display: inline-block; } .unorderlist li { text-decoration: none; position: relative; list-style-type: none; padding: 3px 5px; padding-left: 15px; color: rgba(0, 0, 0, 0.55); font-size: 0.85rem; } .unorderlist li::before { position: absolute; content: ""; top: 9px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.65); } .unorderlist.custom-list { padding: 0px; margin-bottom: 10px; } .unorderlist.custom-list li { color: rgba(0, 0, 0, 0.7); font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 10px; } .unorderlist.custom-list li::before { position: absolute; top: 9px; left: 0; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #BABCBF; } .unorderlist2 { margin: 0px; padding: 0px; width: 100%; } .unorderlist2.mar-b { margin-bottom: 25px; } .unorderlist2 ul { text-decoration: none; display: inline-block; } .unorderlist2 li { text-decoration: none; position: relative; list-style-type: none; padding: 3px 5px; padding-left: 15px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.85); font-size: 1rem; font-weight: 500; } .unorderlist2 li::before { position: absolute; content: ""; top: 11px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); } .unorderlist2 li:last-child { margin-bottom: 0px; } .language-section { position: relative; width: 100%; display: block; height: 100%; z-index: 2; overflow: hidden; clear: both; } .language-section .language-list { position: relative; width: 100%; display: block; z-index: 2; overflow: hidden; } .language-section .language-list ul { list-style: none; margin: 0; padding: 0; text-decoration: none; } .language-section .language-list li { margin: 0; padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } .language-section .language-list li a { font-size: 1rem; padding: 15px 20px; display: block; border-radius: 0px; color: rgba(0, 0, 0, 0.9); text-decoration: none; position: relative; } @media (max-width: 767px) { .language-section .language-list li a { padding: 15px 20px; } } .language-section .language-list li a .ux-selection2 { position: static; margin-bottom: 0px; padding-left: 0px; font-size: 1.1rem !important; } .language-section .language-list li a .ux-selection2 input[type=checkbox] { position: absolute; left: 0; top: 0; width: 10px; height: 10px; z-index: 9; opacity: 0; cursor: pointer; } @media (max-width: 767px) { .language-section .language-list li a .ux-selection2 { padding-left: 0px; } } .language-section .language-list li a .ux-selection2 input { width: 100%; height: 100%; left: 0; top: 0; } .language-section .language-list li a .ux-selection2 .checkmark { top: 50%; transform: translateY(-50%); left: 10px; } .language-section .language-list li a.language-selected { background-color: rgba(0, 51, 161, 0.1); font-weight: 500; color: black; } .language-section .language-list li a.language-selected::before { content: ""; width: 19px; height: 10px; /*border: 2px solid #2E7D32;*/ border: 2px solid #0033A1; border-top: 0; border-right: 0; display: block; position: absolute; right: 20px; top: 19px; transform: rotate(-45deg); } @media (max-width: 767px) { .language-section .language-list li a.language-selected::before { right: 20px; top: 19px; } } .contactlist { display: block; clear: both; } .contactlist ul { margin: 6px 0px; } @media (max-width: 480px) { .contactlist ul { margin: 0px 0px; } } .contactlist ul li { display: block; padding: 20px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.8); box-sizing: border-box; cursor: default; } @media (max-width: 480px) { .contactlist ul li { padding: 10px 0px; } } .contactlist ul li h5 { font-weight: 500 !important; font-size: 1.2rem; text-align: left; line-height: 1.2rem; color: rgba(0, 51, 161, 0.95) !important; text-transform: initial; } @media (max-width: 480px) { .contactlist ul li h5 { font-size: 0.95rem !important; line-height: 1rem; } } .contactlist ul li h5 span { font-weight: 400 !important; font-size: 1.2rem; text-align: left; line-height: 1.2rem; color: rgba(0, 0, 0, 0.6); } @media (max-width: 480px) { .contactlist ul li h5 span { font-size: 0.8rem !important; line-height: 1rem; } } .contactlist ul li h5 img { width: 16px; height: 16px; margin-right: 3px; } @media (max-width: 480px) { .contactlist ul li h5 img { widows: 12px; height: 12px; margin-right: 0px; } } .contactlist ul li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .contact-info { background: transparent linear-gradient(90deg, #007C3D 0%, #629A04 100%) 0% 0% no-repeat; border-radius: 8px; margin-bottom: 10px; padding: 15px 0; word-wrap: break-word; display: block; clear: both; } @media (max-width: 480px) { .contact-info { padding: 5px 0; } } .contact-info h3 { font-weight: 500; margin: 5px 0; font-size: 1.8rem; text-align: left; line-height: 1.8rem; color: white; text-transform: initial; } @media (max-width: 480px) { .contact-info h3 { font-size: 1.3rem; line-height: 1.4rem; } } .contact-info h6 { font-weight: 400; margin: 5px 0; font-size: 1.1rem; text-align: left; line-height: 1.8rem; color: white; text-transform: initial; } @media (max-width: 480px) { .contact-info h6 { font-size: 0.9rem; line-height: 1rem; } } .contact-info img { width: 64px; height: 64px; float: left; text-align: left; } @media (max-width: 480px) { .contact-info img { width: 40px; height: 40px; margin-top: 4px; } } .tab-main { background-color: #f7f8fa; width: 100%; } .tab-main .tab { float: left; background-color: #f7f8fa; width: 40%; height: auto; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main .tab { width: 45%; } } @media (max-width: 991px) { .tab-main .tab { width: 100%; } } @media (max-width: 480px) { .tab-main .tab { width: 100%; } } .tab-main .tab ul { margin: 0px 0px; } .tab-main .tab ul li { display: block; padding: 5px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.8); box-sizing: border-box; cursor: default; } @media (max-width: 480px) { .tab-main .tab ul li { padding: 5px 0px; } } .tab-main .tab ul li .tablinks { display: block; background-color: inherit; color: black; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 10px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 17px; } @media (max-width: 991px) { .tab-main .tab ul li .tablinks { padding: 10px 10px; } } @media (max-width: 480px) { .tab-main .tab ul li .tablinks { padding: 5px 10px; } } .tab-main .tab ul li .tablinks span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: inline-block; border-radius: 100%; margin: 0 auto; padding: 8px 0; text-align: center; margin-top: 2px; } .tab-main .tab ul li .tablinks span.blue { background: rgba(0, 51, 161, 0.1); } .tab-main .tab ul li .tablinks span.blue p { font-size: 2rem; text-align: center; color: #0033A1; } .tab-main .tab ul li .tablinks span.green { background: rgba(19, 164, 67, 0.1); } .tab-main .tab ul li .tablinks span.green p { font-size: 2rem; text-align: center; color: #13A443; } .tab-main .tab ul li .tablinks span p { font-size: 2rem; text-align: center; } .tab-main .tab ul li .tablinks span img { width: 23px; height: 23px; display: inline-block; margin: 5px 0; text-align: center; } .tab-main .tab ul li .tablinks span img:hover { opacity: 0.8; } .tab-main .tab ul li .tablinks h4 { text-align: left; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; margin: 0px 0 5px 0; display: block; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main .tab ul li .tablinks h4 { font-size: 0.95rem; } } @media (max-width: 480px) { .tab-main .tab ul li .tablinks h4 { font-size: 0.9rem; margin: 0px 0 1px 0; } } .tab-main .tab ul li .tablinks small { display: block; text-align: left; font-size: 0.9rem; font-weight: 400; line-height: 1.2rem; color: rgba(0, 0, 0, 0.6); } @media (max-width: 400px) { .tab-main .tab ul li .tablinks small { font-size: 0.7rem; line-height: 0.9rem; } } .tab-main .tab ul li .tablinks.active { background-color: rgba(0, 51, 161, 0.15); } .tab-main .tabcontent { float: left; padding: 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); width: 60%; border-left: none; height: auto; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main .tabcontent { width: 55%; } } @media (max-width: 991px) { .tab-main .tabcontent { width: 100%; } } @media (max-width: 480px) { .tab-main .tabcontent { width: 100%; } } .tab-main .tabcontent .embed-responsive { position: relative; display: block; height: 700px; padding: 0; overflow: hidden; z-index: 1; } .tab-main .tabcontent .embed-responsive .popup1 { position: absolute; top: 0; left: 0; width: 50%; z-index: 99; height: auto; overflow: hidden; border: 0px solid rgba(0, 51, 161, 0.95); background: rgba(0, 51, 161, 0.95); /*.modal-header*/ /*.modal-body*/ /*.modal-footer*/ } @media (min-width: 992px) and (max-width: 1200px) { .tab-main .tabcontent .embed-responsive .popup1 { width: 80%; } } @media (max-width: 480px) { .tab-main .tabcontent .embed-responsive .popup1 { width: 80%; } } .tab-main .tabcontent .embed-responsive .popup1 .modal-header { padding: 10px 10px; outline: none; border-bottom: 1px solid; border-color: rgba(226, 228, 229, 0.95); position: relative; /*left: 0; right: 0; top: 0; z-index: 10;*/ display: block; /* .mh-bottom*/ } @media (max-width: 480px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-header { padding: 5px 5px; } } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom { /*a*/ } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom h4 { margin: 0; padding: 5px 5px; font-size: 1.1rem; color: rgba(226, 228, 229, 0.8); text-align: left; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom h4 { font-size: 0.95rem; } } @media (max-width: 480px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom h4 { font-size: 0.85rem; } } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom a { width: 32px; height: 32px; position: relative; float: right; /*.mh-cross*/ /*&:hover*/ } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:before, .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:after { position: absolute; left: 15px; content: " "; height: 20px; width: 2px; top: 10px; background-color: #ffffff; } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:before { transform: rotate(45deg); } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:after { transform: rotate(-45deg); } .tab-main .tabcontent .embed-responsive .popup1 .modal-header .mh-bottom a:hover { opacity: 0.7; } .tab-main .tabcontent .embed-responsive .popup1 .modal-header h3 { margin: 0; padding: 0; font-size: 1.2rem; } .tab-main .tabcontent .embed-responsive .popup1 .modal-header button.close { outline: none; } .tab-main .tabcontent .embed-responsive .popup1 .modal-body { padding: 15px 15px; } @media (max-width: 480px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-body { padding: 10px 10px; } } .tab-main .tabcontent .embed-responsive .popup1 .modal-body h5 { font-size: 1rem; color: rgba(255, 255, 255, 0.8); font-weight: 500; text-align: left; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-body h5 { font-size: 0.9rem; } } @media (max-width: 480px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-body h5 { font-size: 0.8rem; } } .tab-main .tabcontent .embed-responsive .popup1 .modal-body h6 { font-size: 0.85rem; color: rgba(255, 255, 255, 0.5); font-weight: 500; text-align: left; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-body h6 { font-size: 0.7rem; } } @media (max-width: 480px) { .tab-main .tabcontent .embed-responsive .popup1 .modal-body h6 { font-size: 0.65rem; } } .tab-main .tabcontent .embed-responsive .popup1 .modal-body p { font-size: 0.9rem; color: rgba(255, 255, 255, 0.8); font-weight: 500; text-align: left; } .tab-main .tabcontent .embed-responsive .popup1 .modal-footer { border-color: rgba(0, 0, 0, 0); } .tab-main1 { background-color: #f7f8fa; width: 100%; } .tab-main1 .tab { float: left; background-color: #f7f8fa; width: 100%; height: auto; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main1 .tab { width: 100%; } } @media (max-width: 991px) { .tab-main1 .tab { width: 100%; } } @media (max-width: 480px) { .tab-main1 .tab { width: 100%; } } .tab-main1 .tab ul { margin: 0px 0px; } .tab-main1 .tab ul li { display: block; padding: 5px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.8); box-sizing: border-box; cursor: default; } @media (max-width: 480px) { .tab-main1 .tab ul li { padding: 5px 0px; } } .tab-main1 .tab ul li .tablinks1 { display: block; background-color: inherit; color: black; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 10px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 17px; } @media (max-width: 991px) { .tab-main1 .tab ul li .tablinks1 { padding: 10px 10px; } } @media (max-width: 480px) { .tab-main1 .tab ul li .tablinks1 { padding: 5px 10px; } } .tab-main1 .tab ul li .tablinks1 span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: inline-block; border-radius: 100%; margin: 0 auto; padding: 8px 0; text-align: center; margin-top: 2px; } .tab-main1 .tab ul li .tablinks1 span.blue { background: rgba(0, 51, 161, 0.1); } .tab-main1 .tab ul li .tablinks1 span.blue p { font-size: 2rem; text-align: center; color: #0033A1; } .tab-main1 .tab ul li .tablinks1 span.green { background: rgba(19, 164, 67, 0.1); } .tab-main1 .tab ul li .tablinks1 span.green p { font-size: 2rem; text-align: center; color: #13A443; } .tab-main1 .tab ul li .tablinks1 span p { font-size: 2rem; text-align: center; } .tab-main1 .tab ul li .tablinks1 span img { width: 23px; height: 23px; display: inline-block; margin: 5px 0; text-align: center; } .tab-main1 .tab ul li .tablinks1 span img:hover { opacity: 0.8; } .tab-main1 .tab ul li .tablinks1 h4 { text-align: left; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; margin: 0px 0 5px 0; display: block; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main1 .tab ul li .tablinks1 h4 { font-size: 0.95rem; } } @media (max-width: 480px) { .tab-main1 .tab ul li .tablinks1 h4 { font-size: 0.9rem; margin: 0px 0 1px 0; } } .tab-main1 .tab ul li .tablinks1 small { display: block; text-align: left; font-size: 0.9rem; font-weight: 400; line-height: 1.2rem; color: rgba(0, 0, 0, 0.6); } @media (max-width: 400px) { .tab-main1 .tab ul li .tablinks1 small { font-size: 0.7rem; line-height: 0.9rem; } } .tab-main1 .tab ul li .tablinks1.active { background-color: rgba(0, 51, 161, 0.15); } .tab-main1 .tabcontent1 { float: left; padding: 0px 0px; border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; border-left: none; height: auto; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main1 .tabcontent1 { width: 100%; } } @media (max-width: 991px) { .tab-main1 .tabcontent1 { width: 100%; } } @media (max-width: 480px) { .tab-main1 .tabcontent1 { width: 100%; } } .tab-main1 .tabcontent1 .embed-responsive { position: relative; display: block; height: 350px; padding: 0; overflow: hidden; z-index: 1; } @media (max-width: 767px) { .tab-main1 .tabcontent1 .embed-responsive { height: 350px; } } .tab-main1 .tabcontent1 .embed-responsive .popup1 { display: none; position: absolute; top: 0; left: 0; width: 50%; z-index: 2; height: auto; overflow: hidden; border: 3px solid rgba(0, 51, 161, 0.95); background: rgba(0, 51, 161, 0.85); /*.modal-header*/ /*.modal-body*/ /*.modal-footer*/ } @media (min-width: 992px) and (max-width: 1200px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 { width: 80%; } } @media (max-width: 480px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 { width: 80%; } } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header { padding: 10px 10px; outline: none; border-bottom: 1px solid; border-color: rgba(0, 51, 161, 0.95); position: relative; /*left: 0; right: 0; top: 0; z-index: 10;*/ display: block; /* .mh-bottom*/ } @media (max-width: 480px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header { padding: 5px 5px; } } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom { /*a*/ } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom h4 { margin: 0; padding: 5px 5px; font-size: 1.1rem; color: rgba(255, 255, 255, 0.8); text-align: left; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom h4 { font-size: 0.95rem; } } @media (max-width: 480px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom h4 { font-size: 0.85rem; } } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom a { width: 32px; height: 32px; position: relative; float: right; /*.mh-cross*/ /*&:hover*/ } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:before, .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:after { position: absolute; left: 15px; content: " "; height: 20px; width: 2px; top: 10px; background-color: #CE0E41; } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:before { transform: rotate(45deg); } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom a .mh-cross:after { transform: rotate(-45deg); } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header .mh-bottom a:hover { opacity: 0.7; } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header h3 { margin: 0; padding: 0; font-size: 1.2rem; } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-header button.close { outline: none; } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body { padding: 15px 15px; } @media (max-width: 480px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body { padding: 10px 10px; } } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body h5 { font-size: 1rem; color: rgba(255, 255, 255, 0.8); font-weight: 500; text-align: left; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body h5 { font-size: 0.9rem; } } @media (max-width: 480px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body h5 { font-size: 0.8rem; } } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body h6 { font-size: 0.85rem; color: rgba(255, 255, 255, 0.5); font-weight: 500; text-align: left; } @media (min-width: 991px) and (max-width: 1200px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body h6 { font-size: 0.7rem; } } @media (max-width: 480px) { .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body h6 { font-size: 0.65rem; } } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-body p { font-size: 0.9rem; color: rgba(255, 255, 255, 0.8); font-weight: 500; text-align: left; } .tab-main1 .tabcontent1 .embed-responsive .popup1 .modal-footer { border-color: rgba(0, 0, 0, 0); } .main-heading { padding: 0.45rem 1rem; margin: 0 auto; margin-bottom: 10px; width: 100%; background-color: rgba(0, 51, 161, 0.14); } .main-heading em { font-size: 0.9rem; text-align: left; color: rgba(0, 0, 0, 0.8); margin: 0px 0; } .sub-header { margin: 0 auto; width: 100%; background-color: #002b88; box-shadow: none; padding: 0.5rem 0.5rem; /*in-header */ } .sub-header.pad-custom { padding-bottom: 1.8rem; } .sub-header .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .sub-header .in-header .header-icons-lft { padding: 7px 0 0 7px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 15%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .sub-header .in-header .header-icons-lft { padding: 19px 0 0 7px; } } .sub-header .in-header .header-icons-lft.show1 { display: inline-block !important; } .sub-header .in-header .header-icons-lft .header-actions { display: inline-block; } .sub-header .in-header .brand-logo { text-align: center; padding: 5px 0; flex: 3 1 70%; order: 2; /* //img */ } .sub-header .in-header .brand-logo h4 { font-weight: 400; font-size: 1.2rem; text-align: center; margin: 7px 0; line-height: 1.2rem; color: white; text-transform: initial; } @media (max-width: 340px) { .sub-header .in-header .brand-logo h4 { font-size: 1.1rem; } } .sub-header .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 3px auto; } @media (min-width: 767px) { .sub-header .in-header .brand-logo img { margin: 5px 0px; } } .sub-header .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 1px 2px; text-align: left; } @media (max-width: 340px) { .sub-header .in-header .brand-logo img.logo1 { max-width: 102px; } } .sub-header .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .sub-header .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .sub-header .in-header .brand-logo { padding: 13px 0; } } .sub-header .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .sub-header .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 4px 5px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .sub-header .in-header .header-actions .ux-button-header { padding: 8px 5px; } } @media (max-width: 350px) { .sub-header .in-header .header-actions .ux-button-header { padding: 8px 4px; } } .sub-header .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #0033a1; border: 1px solid rgba(186, 188, 191, 0.9); overflow: hidden; text-align: left; } .sub-header .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; } .sub-header .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .sub-header .in-header .header-actions .ux-button-header img.img-small { width: 18px; height: 18px; } .sub-header .in-header .header-actions .ux-button-header img.img-vsmall { width: 16px; height: 16px; } .sub-header .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .sub-header .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .sub-header .in-header .header-actions .ux-button-header .badge-danger { position: absolute; top: 4px; right: 3px; } .sub-header .in-header .header-actions .ux-button-header a { text-decoration: none; } .sub-header .in-header .header-icons-rit { padding: 7px 7px 0 0; text-align: right; flex: 1 6 15%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .sub-header .in-header .header-icons-rit { padding: 19px 7px 0 0; } } .sub-header .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .transparent-subheader { margin: 0 auto; width: 100%; background-color: transparent; box-shadow: none; padding: 0.5rem 0rem; /*in-header */ } .transparent-subheader.pad-custom { padding-bottom: 1.8rem; } .transparent-subheader .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .transparent-subheader .in-header .header-icons-lft { padding: 7px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 15%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .transparent-subheader .in-header .header-icons-lft { padding: 19px 0 0 9px; flex: 1 6 10%; } } .transparent-subheader .in-header .header-icons-lft.show1 { display: inline-block !important; } .transparent-subheader .in-header .header-icons-lft .header-actions { display: inline-block; } .transparent-subheader .in-header .brand-logo { text-align: center; padding: 5px 0; flex: 3 1 40%; order: 2; /* //img */ } .transparent-subheader .in-header .brand-logo h4 { font-weight: 400; font-size: 1.1rem; text-align: center; margin: 7px 0; line-height: 1.2rem; color: white; text-transform: initial; } @media (max-width: 340px) { .transparent-subheader .in-header .brand-logo h4 { font-size: 1.1rem; } } .transparent-subheader .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 3px auto; } @media (min-width: 767px) { .transparent-subheader .in-header .brand-logo img { margin: 5px 0px; } } .transparent-subheader .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 1px 2px; text-align: left; } @media (max-width: 340px) { .transparent-subheader .in-header .brand-logo img.logo1 { max-width: 102px; } } .transparent-subheader .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .transparent-subheader .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .transparent-subheader .in-header .brand-logo { padding: 13px 0; flex: 3 1 70%; } } .transparent-subheader .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .transparent-subheader .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 4px 5px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ } @media (max-width: 767px) { .transparent-subheader .in-header .header-actions .ux-button-header { padding: 8px 5px; } } @media (max-width: 350px) { .transparent-subheader .in-header .header-actions .ux-button-header { padding: 8px 4px; } } .transparent-subheader .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #0033a1; border: 1px solid rgba(186, 188, 191, 0.9); overflow: hidden; text-align: left; } .transparent-subheader .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; } .transparent-subheader .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; opacity: 1; } .transparent-subheader .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .transparent-subheader .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .transparent-subheader .in-header .header-actions .ux-button-header:hover { opacity: 0.8; } .transparent-subheader .in-header .header-icons-rit { padding: 7px 9px 0 0; text-align: right; flex: 1 6 35%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .transparent-subheader .in-header .header-icons-rit { padding: 19px 9px 0 0; flex: 1 6 20%; } } .transparent-subheader .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .transparent-subheader2 { margin: 0 auto; width: 100%; background-color: transparent; box-shadow: none; padding: 0.5rem 0rem; /*in-header */ } .transparent-subheader2.pad-custom { padding-bottom: 1.8rem; } .transparent-subheader2 .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .transparent-subheader2 .in-header .header-icons-lft { padding: 7px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 15%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .transparent-subheader2 .in-header .header-icons-lft { padding: 19px 0 0 9px; flex: 1 6 10%; } } .transparent-subheader2 .in-header .header-icons-lft.show1 { display: inline-block !important; } .transparent-subheader2 .in-header .header-icons-lft .header-actions { display: inline-block; } .transparent-subheader2 .in-header .brand-logo { text-align: center; padding: 5px 0; flex: 3 1 15%; order: 2; /* //img */ } .transparent-subheader2 .in-header .brand-logo h4 { font-weight: 400; font-size: 1.1rem; text-align: center; margin: 7px 0; line-height: 1.2rem; color: white; text-transform: initial; } @media (max-width: 340px) { .transparent-subheader2 .in-header .brand-logo h4 { font-size: 1.1rem; } } .transparent-subheader2 .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 3px auto; } @media (min-width: 767px) { .transparent-subheader2 .in-header .brand-logo img { margin: 5px 0px; } } .transparent-subheader2 .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 1px 2px; text-align: left; } @media (max-width: 340px) { .transparent-subheader2 .in-header .brand-logo img.logo1 { max-width: 102px; } } .transparent-subheader2 .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .transparent-subheader2 .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .transparent-subheader2 .in-header .brand-logo { padding: 13px 0; flex: 3 1 60%; } } .transparent-subheader2 .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .transparent-subheader2 .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 4px 5px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ } @media (max-width: 767px) { .transparent-subheader2 .in-header .header-actions .ux-button-header { padding: 8px 5px; } } @media (max-width: 350px) { .transparent-subheader2 .in-header .header-actions .ux-button-header { padding: 8px 4px; } } .transparent-subheader2 .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #0033a1; border: 1px solid rgba(186, 188, 191, 0.9); overflow: hidden; text-align: left; } .transparent-subheader2 .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; } .transparent-subheader2 .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; opacity: 1; } .transparent-subheader2 .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .transparent-subheader2 .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .transparent-subheader2 .in-header .header-actions .ux-button-header img.img-big { width: 28px; height: 28px; position: relative; margin-top: -3px; } .transparent-subheader2 .in-header .header-actions .ux-button-header:hover { opacity: 0.8; } .transparent-subheader2 .in-header .header-icons-rit { padding: 7px 9px 0 0; text-align: right; flex: 1 6 70%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .transparent-subheader2 .in-header .header-icons-rit { padding: 19px 9px 0 0; flex: 1 6 30%; } } .transparent-subheader2 .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .white-subheader { margin: 0 auto; width: 100%; background-color: white; box-shadow: none; padding: 0.2rem 0.5rem; /*in-header */ } .white-subheader.pad-custom { padding-bottom: 1.8rem; } .white-subheader .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .white-subheader .in-header .header-icons-lft { padding: 7px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 15%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .white-subheader .in-header .header-icons-lft { padding: 19px 0 0 9px; } } .white-subheader .in-header .header-icons-lft.show1 { display: inline-block !important; } .white-subheader .in-header .header-icons-lft .header-actions { display: inline-block; } .white-subheader .in-header .brand-logo { text-align: center; padding: 1px 0; flex: 3 1 70%; order: 2; /* //img */ } .white-subheader .in-header .brand-logo h4 { font-weight: 400; font-size: 1.1rem; text-align: center; margin: 7px 0; line-height: 1.2rem; color: white; text-transform: initial; } @media (max-width: 340px) { .white-subheader .in-header .brand-logo h4 { font-size: 1.1rem; } } .white-subheader .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 3px auto; } @media (min-width: 767px) { .white-subheader .in-header .brand-logo img { margin: 5px 0px; } } .white-subheader .in-header .brand-logo img.logo1 { width: 100%; max-width: 100px; height: auto; margin: 0px 2px; text-align: left; } @media (max-width: 340px) { .white-subheader .in-header .brand-logo img.logo1 { max-width: 90px; } } .white-subheader .in-header .brand-logo img.logo2 { width: 100%; max-width: 36px; height: auto; margin: 0px 2px; text-align: left; } @media (min-width: 767px) { .white-subheader .in-header .brand-logo { padding: 1px 0; } } .white-subheader .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .white-subheader .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 4px 5px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ } @media (max-width: 767px) { .white-subheader .in-header .header-actions .ux-button-header { padding: 8px 5px; } } @media (max-width: 350px) { .white-subheader .in-header .header-actions .ux-button-header { padding: 8px 4px; } } .white-subheader .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #0033a1; border: 1px solid rgba(186, 188, 191, 0.9); overflow: hidden; text-align: left; } .white-subheader .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; } .white-subheader .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .white-subheader .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .white-subheader .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .white-subheader .in-header .header-actions .ux-button-header:hover { opacity: 0.8; } .white-subheader .in-header .header-icons-rit { padding: 7px 9px 0 0; text-align: right; flex: 1 6 15%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .white-subheader .in-header .header-icons-rit { padding: 19px 9px 0 0; } } .white-subheader .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .tab-header h4 { text-align: left; color: #0033A1; margin: 0; margin-bottom: 12px; font-weight: 400; font-size: 22px; } @media (max-width: 480px) { .tab-header h4 { font-size: 1.15rem; } } .tab-header small { font-size: 12px; color: #707273; display: block; margin: 0 0 30px; } .tab-header small a { text-decoration: none; } .tab-header.clearfix h4 { float: left; } .tab-header.clearfix a.skip { float: right; } .tab-header.clearfix small { float: right; } ul.step-list { list-style: bullet; margin-left: 0px; margin-bottom: 2px; /*list-style-position: inside;*/ } ul.step-list li { position: relative; opacity: 0.8; font-size: 0.6rem; line-height: 1.3; opacity: 0.8; text-align: left; margin-bottom: 5px; display: block; } ul.step-list li em { font-size: 1rem; } @media (max-width: 480px) { ul.step-list li em { font-size: 0.9rem; } } ul.step-list li.clearfix h4 { float: left; } ul.step-list li.clearfix a { float: right; } ul.step-list li.clearfix small { float: right; } ul.step-list li h4 { text-align: left; color: #0033A1; margin-bottom: 12px; font-weight: 400; font-size: 22px; } @media (max-width: 480px) { ul.step-list li h4 { font-size: 1.15rem; } } ul.step-list li small { font-size: 12px; color: #707273; display: block; margin: 0 0 30px; } ul.step-list li small a { text-decoration: none; } ul.step-list li:before { content: " "; border-radius: 100%; background-color: #0033a1; width: 6px; height: 6px; position: absolute; top: 5px; left: 6px; display: none; } @media (max-width: 767px) { ul.step-list li:before { display: block; } } ul.step-list li.step-matched { opacity: 1; color: #0033a1; font-size: 0.8rem; font-weight: 500; } ul.step-list li.step-matched:before { content: " "; border-radius: 100%; background-color: #0033a1; width: 6px; height: 6px; position: absolute; top: 4px; left: 5px; } ul.step-list li.step-matched em { color: #0033a1; font-size: 0.8rem; font-weight: 400; } ul.step-list li.step-matched em span { color: #0033a1; font-size: 0.8rem; font-weight: 400; } ul.step-list li.step-matched em span.primary { color: rgba(0, 51, 161, 0.9); padding: 2px 5px 2px 18px; background-color: rgba(0, 51, 161, 0.1); border-radius: 50px; font-size: 0.8rem; font-weight: 400; } ul.step-list li.step-matched em span.secondary { color: rgba(0, 0, 0, 0.4); padding: 2px 4px; font-size: 0.8rem; font-weight: 400; } ul.step-list li.step-matched:before { color: #0033a1; } ul.step-list li.step-unmatched { opacity: 1; color: #CE0E41; } ul.step-list li.step-unmatched:before { background-color: #CE0E41; } .grey-bg { padding: 15px 15px; border-radius: 4px; margin: 5px 0 8px 0; background-color: rgba(0, 0, 0, 0.045); width: 100%; height: auto; display: block; /*.fgt-txt*/ } .grey-bg.custm-search { margin: 0; padding: 15px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.056); border-radius: 0; display: block; } .grey-bg.mar-customise { margin-left: -15px; margin-right: -15px; } .grey-bg.mar-top { position: relative; margin-top: -15px; } .grey-bg.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .grey-bg h4 { text-align: left; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-bg h4.text-center { text-align: center; } .grey-bg h5 { text-align: left; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-bg h5.text-center { text-align: center; } .grey-bg em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 1rem; display: inline-block; line-height: 1.2rem; } .grey-bg em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .grey-bg a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .grey-bg a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .grey-bg a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .grey-bg a.reg-txt:hover { text-decoration: underline; } .grey-bg .info-list { margin: 4px 0 0 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg .info-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .grey-bg .info-list li { text-decoration: none; list-style: none; margin: 0px 2%; width: 46%; display: block; float: left; text-align: center; padding: 5px 0; background-color: white; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; } .grey-bg .info-list li a { text-decoration: none; background: transparent; overflow: hidden; } .grey-bg .info-list li a .round-circle { display: block; width: 35px; height: 35px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: white; border: 1px solid rgba(0, 0, 0, 0.1); margin: 5px auto; padding: 5px 0; overflow: hidden; text-align: center; } .grey-bg .info-list li a .round-circle img { display: inline-block; width: 18px; height: 18px; text-align: center; margin: 0 auto; } .grey-bg .info-list li a em { font-weight: 400; font-size: 0.75rem; text-align: center; display: block; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: capitalize; } .grey-bg .info-list li:hover { border: 1px solid rgba(0, 51, 161, 0.9); } .grey-bg .info-list li.active { border: 1px solid rgba(0, 51, 161, 0.9); } .custom-row { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .grey-box { padding: 15px 20px; border-radius: 0px; margin: 0px 0px; background-color: rgba(0, 0, 0, 0.045); width: 100%; height: auto; display: block; } .grey-box.mar-top { position: relative; display: block; margin-top: -15px; } .grey-box.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .grey-box h4 { text-align: left; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-box h4.text-center { text-align: center; } .grey-box h5 { text-align: left; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-box h5.text-center { text-align: center; } .grey-box em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 1rem; display: inline-block; line-height: 1.2rem; } .grey-box em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .grey-box .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .grey-box .left-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .grey-box .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .grey-box .left-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .grey-box .left-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .grey-box .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grey-box .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grey-box .left-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .grey-box .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .grey-box .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .grey-box .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .grey-box .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .grey-box .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .grey-box .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .grey-box .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grey-box .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grey-box .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .grey-box .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .grey-box .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .grey-box .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .grey-box .full-info em a:hover { text-decoration: none; } .grey-box .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .grey-box .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .grey-box .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .grey-box .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .grey-box .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .grey-box .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .grey-box .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .grey-box .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .grey-box .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .grey-box .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .grey-box .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grey-box .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grey-box .right-info button { margin: 5px 0; } .grey-box .right-info button.ux-button { float: right; } .grey-box .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .grey-box .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.75); text-transform: initial; } .grey-box .right-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .grey-box .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -1px; opacity: 1; } .grey-box .right-info em img.img-small { width: 12px; height: 12px; } .grey-box .right-info em img:hover { opacity: 0.8; } .lightprimary-bg { padding: 8px 15px; border-radius: 4px; margin: 5px 0; background-color: rgba(0, 51, 161, 0.1); width: 100%; height: auto; display: block; } .lightprimary-bg.mar-customise { margin-left: -15px; margin-right: -15px; } .lightprimary-bg.mar-top { position: relative; margin-top: -15px; } .white-section { padding: 20px 0px; border-radius: 8px; margin: 0px; background-color: rgba(255, 255, 255, 0); height: calc(100vh - 56px); position: relative; z-index: 11; /*.fgt-txt*/ } @media (min-width: 767px) { .white-section { height: calc(100vh - 66px); } } .white-section.mar-customise { margin-left: -15px; margin-right: -15px; } .white-section.pad-8 { padding: 8px 15px; } .white-section.pad-custom { padding: 0px 0px; overflow: hidden; } .white-section.mar-tb { margin-top: 0px; margin-bottom: 0px; } .white-section.mar-top { margin-top: -20px; } .white-section.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .white-section .proceed-info { position: absolute; height: 50px; left: 0; right: 0; bottom: 60px; display: block; padding: 0px; } .white-section .proceed-info em { font-size: 0.85rem; line-height: 1.4rem; font-weight: 400; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; padding: 0 5px; color: rgba(0, 0, 0, 0.6); } .white-section .proceed-info em span { color: #0033a1; font-size: 0.85rem; font-weight: 500; } .white-section em { font-size: 0.9rem; font-weight: 400; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .white-section em.secondary-color { color: #babcbf; font-size: 0.95rem; line-height: 1.4rem; font-weight: 400; } .white-section em a { font-size: 0.9rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .white-section em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .white-section h3 { text-align: left; font-size: 1.4rem; font-weight: 500; line-height: 1.2rem; margin: 0px 0px 15px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .white-section .info-section1 { margin: -15px -15px 0 -15px; padding: 12px 15px; height: auto; overflow: hidden; background-color: rgba(226, 228, 229, 0.07); border-bottom: 1px solid rgba(226, 228, 229, 0.2); border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; } .white-section .info-section1 h5 { display: inline-block; margin: 1px 0px; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-size: 1rem; line-height: 1.2rem; padding-left: 35px; text-align: center; position: relative; } .white-section .info-section1 h5 .round-circle { float: left; position: absolute; margin-top: 0px; margin-right: 6px; top: -7px; left: -5px; width: 32px; height: 32px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background-color: rgba(226, 228, 229, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; text-align: left; } .white-section .info-section1 h5 .round-circle img { display: block; width: 100%; height: 100%; } .white-section h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.1rem; margin: 0px 0px 15px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .white-section a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .white-section a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .white-section a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .white-section a.reg-txt:hover { text-decoration: underline; } .white-section a.link-txt { font-size: 0.9rem; font-weight: 500; text-align: center; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .white-section a.link-txt:hover { text-decoration: none; } .white-section .info-list { margin: 12px 0 0 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .white-section .info-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .white-section .info-list li { text-decoration: none; list-style: none; margin: 0px 1%; width: 48%; display: block; float: left; text-align: center; padding: 5px 0; background-color: white; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; } .white-section .info-list li a { text-decoration: none; background: transparent; overflow: hidden; } .white-section .info-list li a .round-circle { display: block; width: 35px; height: 35px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: white; border: 1px solid rgba(0, 0, 0, 0.1); margin: 5px auto; padding: 5px 0; overflow: hidden; text-align: center; } .white-section .info-list li a .round-circle img { display: inline-block; width: 18px; height: 18px; text-align: center; margin: 0 auto; } .white-section .info-list li a em { font-weight: 400; font-size: 0.75rem; text-align: center; display: block; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: capitalize; } .white-section .info-list li:hover { border: 1px solid rgba(0, 51, 161, 0.9); } .white-section .info-list li.active { border: 1px solid rgba(0, 51, 161, 0.9); } .white-section .scan-container { width: 100%; height: auto; margin: 5px auto; text-align: center; display: block; } .white-section .scan-container .inner1 { width: 170px; height: auto; margin: 5px auto; text-align: center; display: block; } .white-section .scan-container .inner1 .qr-container { position: relative; width: 100%; height: auto; padding: 12px; background-color: white; border-radius: 8px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); text-align: center; margin: 0px 0px 10px 0px; } .white-section .scan-container .inner1 .qr-container img { margin: 0; width: 100%; height: auto; text-align: center; } .white-section .scan-container .inner1 .qr-container .overlap-logo { position: absolute; width: 56px; height: 40px; top: 50%; left: 50%; margin-left: -26px; margin-top: -21px; padding: 4px; background-color: rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); text-align: center; } .white-section .scan-container .inner1 .qr-container .overlap-logo img { text-align: center; } .white-section .scan-container .inner1 .qr-container .overlap-logo img.icon1 { width: 100%; max-width: 22px; height: auto; text-align: left; display: inline-block; } .white-section .scan-container .inner1 .qr-container .overlap-logo img.icon2 { width: 100%; max-width: 18px; height: auto; text-align: left; display: inline-block; } .white-section .scan-container .inner1 .qr-container.disable { opacity: 0.4; } .white-section .scan-container .inner2 { width: 100%; height: auto; margin: 15px auto; text-align: center; display: none; } .white-section .scan-container h4 { text-align: center; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; margin: 3px auto; display: block; color: rgba(0, 0, 0, 0.85); } .white-section .scan-container h5 { text-align: center; font-size: 1rem; font-weight: 500; line-height: 1rem; margin: 4px auto; display: block; color: rgba(0, 0, 0, 0.85); } .white-section .scan-container h5 img { margin-left: 5px; width: 18px; height: 18px; display: inline-block; } .white-section .scan-container h5 a { list-style: none; text-decoration: none; opacity: 1; } .white-section .scan-container h5 a img { margin-left: 5px; width: 18px; height: 18px; display: inline-block; } .white-section .scan-container h5 a:hover { opacity: 0.8; } .white-section .scan-container h6 { text-align: center; font-size: 0.9rem; font-weight: 500; line-height: 1rem; margin: 3px auto; display: block; color: rgba(0, 0, 0, 0.5); } .white-section .scan-container em { text-align: center; font-size: 0.7rem; font-weight: 500; line-height: 1rem; width: 100%; margin: 3px auto; display: block; color: rgba(0, 0, 0, 0.5); } .white-section .scan-container p { font-style: 400; font-size: 1rem; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-align: center; } .white-section2 { padding: 15px 0px; border-radius: 8px; margin: 0px; background-color: rgba(255, 255, 255, 0); height: auto; position: relative; z-index: 11; /*.fgt-txt*/ } .white-section2.mar-customise { margin-left: -15px; margin-right: -15px; } .white-section2.pad-8 { padding: 8px 15px; } .white-section2.pad-custom { padding: 0px 0px; overflow: hidden; } .white-section2.mar-tb { margin-top: 0px; margin-bottom: 0px; } .white-section2.mar-top { margin-top: -20px; } .white-section2 .mt3 { margin-top: 30px; } .white-section2.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .white-section2 .proceed-info { position: absolute; height: 50px; left: 0; right: 0; bottom: 0; display: block; padding: 0px; } .white-section2 .proceed-info em { font-size: 0.85rem; line-height: 1.4rem; font-weight: 400; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; padding: 0 5px; color: rgba(0, 0, 0, 0.6); } .white-section2 .proceed-info em span { color: #0033a1; font-size: 0.85rem; font-weight: 500; } .white-section2 em { font-size: 0.9rem; font-weight: 400; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .white-section2 em.secondary-color { color: #babcbf; font-size: 0.95rem; line-height: 1.4rem; font-weight: 400; } .white-section2 em a { font-size: 0.9rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .white-section2 em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .white-section2 h3 { text-align: left; font-size: 1.4rem; font-weight: 500; line-height: 1.2rem; margin: 0px 0px 15px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .white-section2 .info-section1 { margin: -15px -15px 0 -15px; padding: 12px 15px; height: auto; overflow: hidden; background-color: rgba(226, 228, 229, 0.07); border-bottom: 1px solid rgba(226, 228, 229, 0.2); border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; } .white-section2 .info-section1 h5 { display: inline-block; margin: 1px 0px; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-size: 1rem; line-height: 1.2rem; padding-left: 35px; text-align: center; position: relative; } .white-section2 .info-section1 h5 .round-circle { float: left; position: absolute; margin-top: 0px; margin-right: 6px; top: -7px; left: -5px; width: 32px; height: 32px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background-color: rgba(226, 228, 229, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; text-align: left; } .white-section2 .info-section1 h5 .round-circle img { display: block; width: 100%; height: 100%; } .white-section2 h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.1rem; margin: 0px 0px 15px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .white-section2 p.info-message { font-size: 10px; line-height: 1rem; margin: 10px 0; text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .white-section2 p.info-message span { font-size: 11px; line-height: 1rem; color: rgba(0, 51, 161, 0.85); margin-bottom: 30px; } .white-section2 p.info-text { font-size: 16px; line-height: 1rem; margin: 15px 0; text-align: center; color: rgba(0, 0, 0, 0.8); display: block; } .white-section2 p.info-text-m { font-size: 13px; line-height: 1rem; margin: 15px 0; text-align: center; color: rgba(0, 0, 0, 0.8); display: block; } .white-section2 p.info-text-m a { color: rgba(0, 51, 161, 0.85); text-decoration: none; } .white-section2 p.info-text-m a:hover { text-decoration: underline; } .white-section2 p.info-text-grey { font-size: 1rem; line-height: 1.3rem; font-weight: 500; margin: 4px 0; text-align: left; color: rgba(0, 0, 0, 0.65); display: block; } .white-section2 p.info-text-blue { font-size: 0.9rem; line-height: 1rem; font-weight: 500; margin: 6px 0; text-align: center; color: rgba(0, 51, 161, 0.85); display: block; } .white-section2 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .white-section2 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .white-section2 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .white-section2 a.reg-txt:hover { text-decoration: underline; } .white-section2 a.link-txt { font-size: 0.9rem; font-weight: 500; text-align: center; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .white-section2 a.link-txt:hover { text-decoration: none; } .white-bg1 { padding: 15px 15px; border-radius: 8px; margin: 15px 0 10px 0; background-color: white; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); height: auto; position: relative; z-index: 11; /*.fgt-txt*/ } .white-bg1.mar-customise { margin-left: -15px; margin-right: -15px; } .white-bg1.pad-8 { padding: 8px 15px; } .white-bg1.pad-custom { padding: 0px 0px; overflow: hidden; } .white-bg1.mar-tb { margin-top: 0px; margin-bottom: 0px; } .white-bg1.mar-top { margin-top: -20px; } .white-bg1.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .white-bg1 em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 1rem; display: inline-block; line-height: 1.2rem; } .white-bg1 em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .white-bg1 .info-section1 { margin: -15px -15px 0 -15px; padding: 12px 15px; height: auto; overflow: hidden; background-color: rgba(226, 228, 229, 0.07); border-bottom: 1px solid rgba(226, 228, 229, 0.2); border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; } .white-bg1 .info-section1 h5 { display: inline-block; margin: 1px 0px; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-size: 1rem; line-height: 1.2rem; padding-left: 35px; text-align: center; position: relative; } .white-bg1 .info-section1 h5 .round-circle { float: left; position: absolute; margin-top: 0px; margin-right: 6px; top: -7px; left: -5px; width: 32px; height: 32px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background-color: rgba(226, 228, 229, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; text-align: left; } .white-bg1 .info-section1 h5 .round-circle img { display: block; width: 100%; height: 100%; } .white-bg1 h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.1rem; margin: 0px 0px 15px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .white-bg1 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .white-bg1 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .white-bg1 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .white-bg1 a.reg-txt:hover { text-decoration: underline; } .white-bg1 a.link-txt { font-size: 0.9rem; font-weight: 500; text-align: center; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .white-bg1 a.link-txt:hover { text-decoration: none; } .white-bg1 .info-list { margin: 12px 0 0 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .white-bg1 .info-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .white-bg1 .info-list li { text-decoration: none; list-style: none; margin: 0px 1%; width: 48%; display: block; float: left; text-align: center; padding: 5px 0; background-color: white; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; } .white-bg1 .info-list li a { text-decoration: none; background: transparent; overflow: hidden; } .white-bg1 .info-list li a .round-circle { display: block; width: 35px; height: 35px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: white; border: 1px solid rgba(0, 0, 0, 0.1); margin: 5px auto; padding: 5px 0; overflow: hidden; text-align: center; } .white-bg1 .info-list li a .round-circle img { display: inline-block; width: 18px; height: 18px; text-align: center; margin: 0 auto; } .white-bg1 .info-list li a em { font-weight: 400; font-size: 0.75rem; text-align: center; display: block; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: capitalize; } .white-bg1 .info-list li:hover { border: 1px solid rgba(0, 51, 161, 0.9); } .white-bg1 .info-list li.active { border: 1px solid rgba(0, 51, 161, 0.9); } .white-bg1 .scan-container { width: 100%; height: auto; margin: 5px auto; text-align: center; display: block; } .white-bg1 .scan-container .inner1 { width: 170px; height: auto; margin: 5px auto; text-align: center; display: block; } .white-bg1 .scan-container .inner1 .qr-container { position: relative; width: 100%; height: auto; padding: 12px; background-color: white; border-radius: 8px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); text-align: center; margin: 0px 0px 10px 0px; } .white-bg1 .scan-container .inner1 .qr-container img { margin: 0; width: 100%; height: auto; text-align: center; } .white-bg1 .scan-container .inner1 .qr-container .overlap-logo { position: absolute; width: 56px; height: 40px; top: 50%; left: 50%; margin-left: -26px; margin-top: -21px; padding: 4px; background-color: rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); text-align: center; } .white-bg1 .scan-container .inner1 .qr-container .overlap-logo img { text-align: center; } .white-bg1 .scan-container .inner1 .qr-container .overlap-logo img.icon1 { width: 100%; max-width: 22px; height: auto; text-align: left; display: inline-block; } .white-bg1 .scan-container .inner1 .qr-container .overlap-logo img.icon2 { width: 100%; max-width: 18px; height: auto; text-align: left; display: inline-block; } .white-bg1 .scan-container .inner1 .qr-container.disable { opacity: 0.4; } .white-bg1 .scan-container .inner2 { width: 100%; height: auto; margin: 15px auto; text-align: center; display: none; } .white-bg1 .scan-container h4 { text-align: center; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; margin: 3px auto; display: block; color: rgba(0, 0, 0, 0.85); } .white-bg1 .scan-container h5 { text-align: center; font-size: 1rem; font-weight: 500; line-height: 1rem; margin: 4px auto; display: block; color: rgba(0, 0, 0, 0.85); } .white-bg1 .scan-container h5 img { margin-left: 5px; width: 18px; height: 18px; display: inline-block; } .white-bg1 .scan-container h5 a { list-style: none; text-decoration: none; opacity: 1; } .white-bg1 .scan-container h5 a img { margin-left: 5px; width: 18px; height: 18px; display: inline-block; } .white-bg1 .scan-container h5 a:hover { opacity: 0.8; } .white-bg1 .scan-container h6 { text-align: center; font-size: 0.9rem; font-weight: 500; line-height: 1rem; margin: 3px auto; display: block; color: rgba(0, 0, 0, 0.5); } .white-bg1 .scan-container em { text-align: center; font-size: 0.7rem; font-weight: 500; line-height: 1rem; width: 100%; margin: 3px auto; display: block; color: rgba(0, 0, 0, 0.5); } .white-bg1 .scan-container p { font-style: 400; font-size: 1rem; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-align: center; } .white-bg2 { padding: 10px 10px; border-radius: 4px; margin: 30px 0px 0px 0px; background-color: white; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); height: auto; position: relative; z-index: 11; } .white-bg2 .title-info { position: relative; margin: 0px; padding: 0px 0px 0px 38px; clear: both; } .white-bg2 .title-info h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-bg2 .title-info h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.3rem; margin: 8px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-bg2 .title-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .white-bg2 .title-info h5 { font-weight: 400; font-size: 1rem; line-height: 1rem; position: relative; margin: 5px 0px 3px 0px; color: rgba(0, 0, 0, 0.85); text-align: left; } .white-bg2 .title-info h5.error { color: rgba(206, 14, 65, 0.7); } .white-bg2 .title-info h5 img { position: absolute; left: -35px; top: 1px; margin: 0px; width: 30px; height: 30px; } .white-bg2 .title-info h6 { font-weight: 400; font-size: 0.75rem; line-height: 1rem; position: relative; margin: 0px 0px 5px 0px; color: rgba(0, 0, 0, 0.5); text-align: left; } .white-bg2 .title-info small { font-style: 400; font-size: 0.6rem; display: block; margin: 0; color: rgba(0, 0, 0, 0.5); text-align: left; } .white-bg2 .title-info small span { font-style: 400; font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); } .white-bg2 .title-info small img { width: 14px; height: 14px; margin-left: 2px; } .white-bg2 .title-info p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: left; } .white-bg2 img { width: 22px; height: 22px; position: relative; margin: 10px auto; display: block; text-align: center; } .white-bg3 { padding: 15px 15px; border-radius: 8px; margin: 0px 3px; background-color: white; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); height: auto; position: relative; z-index: 11; overflow: hidden; } .white-bg3.mar-b { margin-bottom: 20px; } .white-bg3 .title-info { position: relative; margin: 0px; padding: 0px 0px 0px 38px; clear: both; } .white-bg3 .title-info h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-bg3 .title-info h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.3rem; margin: 8px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-bg3 .title-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .white-bg3 .title-info h5 { font-weight: 400; font-size: 1rem; line-height: 1rem; position: relative; margin: 5px 0px 3px 0px; color: rgba(0, 0, 0, 0.85); text-align: left; } .white-bg3 .title-info h5.error { color: rgba(206, 14, 65, 0.7); } .white-bg3 .title-info h5 img { position: absolute; left: -35px; top: 1px; margin: 0px; width: 30px; height: 30px; } .white-bg3 .title-info h6 { font-weight: 400; font-size: 0.75rem; line-height: 1rem; position: relative; margin: 0px 0px 5px 0px; color: rgba(0, 0, 0, 0.5); text-align: left; } .white-bg3 .title-info small { font-style: 400; font-size: 0.6rem; display: block; margin: 0; color: rgba(0, 0, 0, 0.5); text-align: left; } .white-bg3 .title-info small span { font-style: 400; font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); } .white-bg3 .title-info small img { width: 14px; height: 14px; margin-left: 2px; } .white-bg3 .title-info p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: left; } .white-bg3 img { width: 22px; height: 22px; position: relative; margin: 10px auto; display: block; text-align: center; } .login-section { width: 100%; padding: 15px 15px; margin: 0px 0; background-color: white; height: auto; /*.fgt-txt*/ } .login-section h3 { text-align: left; color: rgba(0, 0, 0, 0.8); margin: 3px 0; font-weight: 400; font-size: 1.6rem; } .login-section h4 { text-align: left; color: rgba(0, 0, 0, 0.75); margin: 2px 0; font-weight: 400; font-size: 1.3rem; } .login-section h5 { text-align: left; color: rgba(0, 0, 0, 0.75); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .login-section h6 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 0.95rem; } .login-section a.reg-txt { font-size: 0.9rem; font-weight: 400; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .login-section a.reg-txt:hover { text-decoration: underline; } .login-section h5 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .login-section .sim-list { margin: 5px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .login-section .sim-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .login-section .sim-list li { text-decoration: none; list-style: none; margin: 10px auto; width: 50%; display: block; float: left; text-align: center; } .login-section .sim-list li a { text-decoration: none; width: 100%; border-radius: 6px; height: auto; background: transparent; overflow: hidden; } .login-section .sim-list li a img { width: 35px; height: 35px; margin: 2px 0; text-align: center; fill: #0033A1; } .login-section .sim-list li a svg { width: 35px; height: 35px; margin: 2px 0; text-align: center; fill: #cccccc; } .login-section .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .login-section .sim-list li a:hover img { width: 35px; height: 35px; margin: 2px 0; text-align: center; } .login-section .sim-list li a:hover svg { width: 35px; height: 35px; margin: 2px 0; text-align: center; fill: #0033a1; } .login-section .sim-list li a:hover em { color: #0033a1; } .login-section .sim-list li a.active img { width: 35px; height: 35px; margin: 2px 0; text-align: center; } .login-section .sim-list li a.active svg { width: 35px; height: 35px; margin: 2px 0; text-align: center; fill: #0033a1; } .login-section .sim-list li a.active em { color: #0033a1; } .login-section .sim-list li:nth-child(1) { border-right: 1px solid rgba(0, 0, 0, 0.09); } .main-container1 { display: flex; align-items: center; justify-content: center; width: 100%; overflow: hidden; padding-bottom: 0px; height: 100%; height: 75vh; } .main-container1 .main-section { width: 100%; height: auto; position: relative; text-align: center; } .main-container1 .main-section h4 { text-align: center; color: rgba(0, 0, 0, 0.6); margin: 14px 0; font-size: 1.1rem; } .main-content p { font-size: 1.15rem; text-align: left; color: rgba(0, 0, 0, 0.6); margin: 2px 0; } .main-content h4 { text-align: center; color: rgba(0, 0, 0, 0.7); margin: 14px 0; font-weight: 400; font-size: 1.2rem; } .main-content .sim-list { margin: 30px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .main-content .sim-list ul { text-decoration: none; list-style: none; } .main-content .sim-list li { text-decoration: none; list-style: none; width: 50%; display: block; float: left; text-align: center; } .main-content .sim-list li a { text-decoration: none; width: 100%; display: block; padding: 5px 0; border-radius: 6px; height: auto; background: transparent; overflow: hidden; } .main-content .sim-list li a img { width: 100px; height: 100px; margin: 10px 0; text-align: center; fill: #0033A1; } .main-content .sim-list li a svg { width: 100px; height: 100px; margin: 10px 0; text-align: center; fill: #cccccc; } .main-content .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .main-content .sim-list li a:hover { background: rgba(0, 0, 0, 0.04); } .main-content .sim-list li a:hover img { width: 100px; height: 100px; margin: 10px 0; text-align: center; } .main-content .sim-list li a:hover svg { width: 100px; height: 100px; margin: 10px 0; text-align: center; fill: #0033a1; } .main-content .sim-list li a:hover em { color: #0033a1; } .main-content .sim-list li a.active { background: rgba(0, 0, 0, 0.04); } .main-content .sim-list li a.active img { width: 100px; height: 100px; margin: 10px 0; text-align: center; } .main-content .sim-list li a.active svg { width: 100px; height: 100px; margin: 10px 0; text-align: center; fill: #0033a1; } .main-content .sim-list li a.active em { color: #0033a1; } /* ====success receipt css start==== */ .success-in { text-align: center; margin: 5px 10px 25px 10px; } .success-in h1 { color: #13A443; margin: 20px 0; } .success-in h2 { font-weight: 400; font-size: 1.4rem; line-height: 2rem; margin: 10px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .success-in h2.success { color: #13a443; } .success-in h3 { font-weight: 500; font-size: 1.4rem; line-height: 1.4rem; margin: 10px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .success-in h3.success { color: #13a443; } .success-in h4 { font-weight: 500; font-size: 1.3rem; line-height: 1.4rem; margin: 10px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .success-in img { margin: 5px 0; width: 52px; height: 52px; text-align: center; } .success-in h6 { font-weight: 500; font-size: 0.95rem; line-height: 1rem; color: rgba(0, 0, 0, 0.85); text-align: center; } .success-in h6 span { font-size: 0.95rem; font-weight: 400; line-height: 1rem; color: rgba(0, 0, 0, 0.6); } .success-in p { font-weight: 400; font-size: 1rem; line-height: 1rem; color: rgba(0, 0, 0, 0.85); text-align: center; } .success-in p span { font-size: 1rem; line-height: 1rem; color: rgba(0, 0, 0, 0.56); } /*success-in*/ .list2 { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .list2 ul { text-decoration: none; list-style: none; margin: 0 auto; } .list2 li { text-decoration: none; list-style: none; margin: 0px 0; display: block; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; height: auto; overflow: hidden; text-align: left; padding: 8px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); color: rgba(0, 51, 161, 0.9); } .list2 li.bor-n { border-bottom: none; } .list2 li:hover { color: rgba(0, 51, 161, 0.8); } .list2 li.active { color: rgba(0, 51, 161, 0.8); } .radio-list { padding: 0px; margin-left: -15px; margin-right: -15px; display: block; height: auto; overflow: hidden; } .radio-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .radio-list li { text-decoration: none; list-style: none; margin: 0px 0; display: block; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; height: auto; overflow: hidden; text-align: left; padding: 15px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); color: rgba(0, 51, 161, 0.9); } .radio-list li:hover { color: rgba(0, 51, 161, 0.8); } .radio-list li.active { color: rgba(0, 51, 161, 0.8); } .list1 { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .list1 ul { text-decoration: none; list-style: none; margin: 0 auto; } .list1 li { text-decoration: none; list-style: none; margin: 3px 15px 0 0; display: inline-block; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; text-align: left; color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .list1 li a { text-decoration: none; text-align: left; color: rgba(0, 51, 161, 0.9); text-transform: capitalize; cursor: pointer; text-decoration: underline; } .list1 li:hover { color: rgba(0, 51, 161, 0.8); } .list1 li.active { color: rgba(0, 51, 161, 0.8); } .list1 li:nth-child(1) { color: rgba(0, 0, 0, 0.9); text-decoration: none; } .list4 { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .list4 ul { text-decoration: none; list-style: none; margin: 0 auto; } .list4 li { text-decoration: none; list-style: none; margin: 0px 0; display: block; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; height: auto; overflow: hidden; text-align: left; padding: 15px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); color: rgba(0, 0, 0, 0.65); } .list4 li a { text-decoration: none; text-align: left; color: rgba(0, 51, 161, 0.9); text-transform: initial; cursor: pointer; text-decoration: underline; } .list4 li a:hover { color: rgba(0, 51, 161, 0.8); text-decoration: none; } .list4 li a.active { color: rgba(0, 51, 161, 0.8); text-decoration: none; } .pos-fix { position: fixed; bottom: 0; left: 0; right: 0; } .bill-pay-lists { text-align: center; } .bill-pay-lists a { display: inline-block; text-decoration: none; color: #000000; padding: 5px 10px; margin: 5px 0; } .bill-pay-lists a img { width: 70px; height: 70px; } .bill-pay-lists a em { display: block; padding: 7px 0; font-size: 0.7rem; line-height: 12px; color: rgba(255, 255, 255, 0.9); } @media (min-width: 767px) { .bill-pay-lists a em { font-size: 0.9rem; } } .bill-pay-lists a em:hover { color: rgba(255, 255, 255, 0.7); } .bill-pay-lists a .circle1 { border: 0px solid #a1bfff; border-radius: 100%; display: block; width: 50px; height: 50px; margin: 0 auto; overflow: hidden; background-color: white; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2); padding: 12px 12px; text-align: center; } .bill-pay-lists a .circle1 svg { fill: #00236e; } .bill-pay-lists a .circle1 img { width: 100%; max-width: 32px; text-align: center; height: auto; display: block; } @media (min-width: 767px) { .bill-pay-lists a .circle1 img { width: 100%; max-width: 42px; text-align: center; height: auto; } } .bill-pay-lists a .circle1:hover { background-color: rgba(255, 255, 255, 0.9); } @media (min-width: 767px) { .bill-pay-lists a .circle1 { width: 60px; height: 60px; } } /*bill-pay-lists*/ /* bill pay css end */ .information-lists { text-align: center; margin-bottom: 23px; } @media (max-width: 340px) { .information-lists { margin-bottom: 19px !important; } } .information-lists a { display: inline-block; text-decoration: none; color: #000000; margin: 5px 0; } @media (min-width: 767px) { .information-lists a { margin: 50px 0; } } @media (min-width: 992px) { .information-lists a { margin: 10px 0; } } .information-lists a img { width: 70px; height: 70px; } .information-lists a em { display: block; padding: 5px 0; font-weight: 400; font-size: 0.8rem; line-height: 12px; color: rgba(0, 0, 0, 0.7); } @media (min-width: 767px) { .information-lists a em { font-size: 0.9rem; } } @media (max-width: 340px) { .information-lists a em { font-size: 0.7rem; } } .information-lists a .icon1 { display: block; width: 40px; height: 40px; margin: 0 auto; overflow: hidden; padding: 5px 5px; text-align: center; } .information-lists a .icon1 svg { fill: #00236e; } .information-lists a .icon1 img { width: 100%; max-width: 30px; height: auto; text-align: center; height: auto; display: block; } @media (min-width: 767px) { .information-lists a .icon1 img { width: 100%; max-width: 50px; height: auto; } } @media (min-width: 767px) { .information-lists a .icon1 { width: 50px; height: 50px; } } .information-lists a:hover em { color: rgba(0, 51, 161, 0.9); } .ux-small-scroll2 { overflow: hidden; width: 100%; white-space: nowrap; padding: 0px 0; margin: 0px 0 0px 0; display: flex; /* end of a */ } .ux-small-scroll2 a { display: inline-block; text-align: center; text-decoration: none; flex: 1 1 20%; text-align: center; vertical-align: top; margin: 0 1%; color: #000000; padding-top: 5px; /* end of span */ } .ux-small-scroll2 a.addnew img { width: 24px; margin-top: 28px; } .ux-small-scroll2 a img { width: 50px; } .ux-small-scroll2 a span { background: rgba(0, 0, 0, 0.05); width: 100%; max-width: 100%; height: auto; display: flex; border-radius: 10px; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .ux-small-scroll2 a span img { width: 100%; height: 100%; display: block; } .ux-small-scroll2 a span img:hover { opacity: 0.8; } .ux-small-scroll2 a p, .ux-small-scroll2 a em { color: rgba(0, 0, 0, 0.85); display: inline-block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 5px 0; line-height: 0.9rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } @media (min-width: 767px) { .ux-small-scroll2 a p, .ux-small-scroll2 a em { font-size: 0.85rem; } } .ux-small-scroll2 a p:hover, .ux-small-scroll2 a em:hover { color: #0033A1; } .ux-small-scroll2 a p { padding: 0; padding-bottom: 10px; } /* ux-small-scroll */ .main-heading { padding: 0.45rem 1rem; margin: 0 auto; width: 100%; overflow: hidden; margin-bottom: 10px; background-color: #f7f8fa; } .main-heading.mar-b { margin-bottom: 230px; } @media (max-width: 480px) { .main-heading.mar-b { margin-bottom: 120px; } } .main-heading.bg1 { background-color: transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1.8rem 1rem 1.5rem 1rem; } @media (max-width: 480px) { .main-heading.bg1 { padding: 0.5rem 1rem 0.5rem 1rem; } } .main-heading.bg1 h4 { font-size: 1.8rem; font-weight: 500; line-height: 1.6rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .main-heading.bg1 h4 { font-size: 1.3rem; } } .main-heading.bg1.mar-b { margin-bottom: 230px; } @media (max-width: 767px) { .main-heading.bg1.mar-b { margin-bottom: 0px; } } .main-heading em { font-size: 1.2rem; font-weight: 500; line-height: 1.4rem; text-align: left; color: rgba(0, 0, 0, 0.8); float: left; margin: 2px 0; } @media (max-width: 480px) { .main-heading em { font-size: 1rem; } } .main-heading button { float: right; } .main-heading button.ux-btn-header { background: transparent; border: none; margin: 0; margin-left: 0px; padding: 0px 5px; border-radius: 6px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; vertical-align: top; opacity: 1; } .main-heading button.ux-btn-header img { width: 13px; height: 13px; } .main-heading button.ux-btn-header img.img-b { width: 25px; height: 25px; } @media (max-width: 480px) { .main-heading button.ux-btn-header img.img-b { width: 14px; height: 14px; } } .main-heading button.ux-btn-header:hover { opacity: 0.8; } .pending { color: rgba(186, 188, 191, 0.9); } .approve { color: rgba(19, 164, 67, 0.9); } .verify { color: rgba(0, 51, 161, 0.9); } .reject { color: rgba(206, 14, 65, 0.95); } .panel-button { width: 100%; height: auto; overflow: hidden; background-color: #0033a1; border-radius: 6px; color: #ffffff; position: relative; display: block; padding: 10px 15px; position: relative; margin: 5px 0; text-align: left; } .panel-button a em { text-align: left; font-size: 1.15rem; font-weight: 600; line-height: 1.4rem; display: block; color: white; } @media (max-width: 400px) { .panel-button a em { font-size: 1.1rem; } } .panel-button a h4 { text-align: left; font-size: 1.3rem; font-weight: 500; color: white; line-height: 1.6rem; display: block; } @media (max-width: 400px) { .panel-button a h4 { font-size: 1.1rem; } } .panel-button a small { display: block; text-align: left; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; color: white; } .panel-button a small.message { display: inline-block; font-size: 0.75rem; line-height: 0.9rem; color: white; } .panel-button a .list2 { margin: 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .panel-button a .list2 ul { text-decoration: none; list-style: none; } .panel-button a .list2 li { text-decoration: none; list-style: none; padding: 0px 20px 0 0; float: left; border-bottom: 1px solid rgba(0, 0, 0, 0); /* end of span */ } @media (max-width: 480px) { .panel-button a .list2 li { padding: 0px 8px 0 0; } } .panel-button a .list2 li.bor-n { border-bottom: none; } .panel-button a .list2 li h4 { text-align: left; font-size: 1.3rem; font-weight: 600; line-height: 1.6rem; margin: 6px 0 2px 0; display: block; } @media (max-width: 480px) { .panel-button a .list2 li h4 { font-size: 1.1rem; margin: 0px 0 0px 0; } } .panel-button a .list2 li small { display: block; text-align: left; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; color: white; } @media (max-width: 480px) { .panel-button a .list2 li small { font-size: 0.9rem; } } .panel-button a .list2 li span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: inline-block; border-radius: 100%; margin: 0 auto; text-align: center; padding: 8px 0; margin-bottom: 5px; } @media (max-width: 480px) { .panel-button a .list2 li span { height: 40px; width: 40px; display: inline-block; border-radius: 100%; margin: 0 auto; padding: 4px 0; } } .panel-button a .list2 li span.blue1 { text-align: center; background: #00236e; } .panel-button a .list2 li span.blue1 img { width: 14px; height: 14px; text-align: center; margin: 10px auto; } .panel-button a .list2 li span.blue1 img:hover { opacity: 0.8; } .panel-button a .list2 li span.blue1 em { font-size: 2rem; text-align: center; color: #ffffff; } @media (max-width: 480px) { .panel-button a .list2 li span.blue1 em { font-size: 1.5rem; } } .panel-button a .list2 li span em { font-size: 2rem; text-align: center; } @media (max-width: 480px) { .panel-button a .list2 li span em { font-size: 1.5rem; } } .panel-button a .list2 li span img { width: 28px; height: 28px; margin: 20px 0; } .panel-button a .list2 li span img:hover { opacity: 0.8; } .panel-button a .list2 li p, .panel-button a .list2 li em { color: rgba(0, 0, 0, 0.6); font-size: 0.9rem; font-weight: 400; padding: 6px 0; text-transform: capitalize; } .panel-button a .list2 li p:hover, .panel-button a .list2 li em:hover { color: #0033A1; } .panel-button a .list2 li:last-child { padding: 0px 0px 0 0; } @media (max-width: 480px) { .panel-button a .list2 { width: 94%; } } @media (min-width: 767px) { .panel-button { display: none; } } @media (max-width: 767px) { .panel-button { margin: 10px 0; } } /* panel-button */ .mt5 { margin-top: 5px; } .mar-t { margin-top: 65px; } .search-link { display: block; float: right; margin: 35px 0 0 0; padding: 0; width: 150px; border-radius: 0px; list-style: none; overflow: auto; position: relative; } .search-link a { color: rgba(0, 51, 161, 0.9); padding: 10px 15px; display: block; font-size: 0.8rem; position: relative; text-decoration: none; transition: all 0.4s ease; } .search-link a:hover { text-decoration: underline; } .search-link a span.chevron { display: block; width: 12px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -5px; transition: all 0.3s ease-out; } .search-link a span.chevron::after { content: ""; width: 8px; height: 8px; border: 2px solid rgba(0, 51, 161, 0.9); display: block; border-top: 0; border-right: 0; transform: rotate(-45deg); } .search-link a.active { text-decoration: underline; } .search-link a.active span.chevron { transform: rotate(180deg); } @media (max-width: 767px) { .search-link { margin: 0px 0 0 0; } } .search-box { display: none; background-color: rgba(0, 0, 0, 0.04); z-index: 0; position: relative; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; width: 100%; height: auto; padding: 20px 20px; position: relative; } .text-align { text-align: left; } @media (max-width: 767px) { .text-align { text-align: center; } } .widget-box3 { width: 100%; background: #ffffff; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2); margin-bottom: 0px; position: fixed; top: 60px; bottom: 0; height: auto; overflow: auto; border-top-left-radius: 8px; border-top-right-radius: 8px; display: block; } .widget-box3.mar-t { margin-top: -10px !important; } .widget-box3.mar-t5 { margin-top: -5px !important; z-index: 2; } .widget-box3 .nav-item { margin: 2px 0; padding: 0; border-radius: 0px; list-style: none; height: calc(100vh - 80px); overflow: auto; } .widget-box3 .nav-item li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.08); /* //.subnavigation-items */ } .widget-box3 .nav-item li a { color: rgba(0, 0, 0, 0.85); padding: 12px 15px; display: block; font-size: 1rem; border-radius: 0px; position: relative; text-decoration: none; border-left: 0px solid white; transition: all 0.4s ease; min-height: 44px; } .widget-box3 .nav-item li a em { font-size: 14px; transition: all 0.3s ease; } .widget-box3 .nav-item li a svg { transition: all 0.3s ease; width: 20px; height: 20px; display: inline-block; margin: 0 auto; margin-bottom: 2px; margin-right: 8px; fill: #ffffff; vertical-align: middle; } .widget-box3 .nav-item li a img { transition: all 0.3s ease; width: 20px; height: 20px; padding: 0; display: inline-block; vertical-align: middle; position: relative; margin-bottom: 2px; margin-right: 8px; } .widget-box3 .nav-item li a img._black { display: inline-block; opacity: 0.8; } .widget-box3 .nav-item li a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: none; border-radius: 0px; } .widget-box3 .nav-item li a:hover svg { fill: #ffffff; } .widget-box3 .nav-item li a span.chevron { display: block; width: 12px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -5px; transition: all 0.3s ease-out; right: 18px; } .widget-box3 .nav-item li a span.chevron::after { content: ""; width: 8px; height: 8px; border: 2px solid rgba(0, 51, 161, 0.8); display: block; border-top: 0; border-right: 0; margin-left: 2px; transform: rotate(-135deg); } .widget-box3 .nav-item li a.active { color: rgba(0, 51, 161, 0.9); } .widget-box3 .nav-item li a.active span.chevron { transform: rotate(90deg); } .widget-box3 .nav-item li a.active svg { fill: #ffffff; } .widget-box3 .nav-item li a.item-selected { color: rgba(0, 51, 161, 0.9); } .widget-box3 .nav-item li a.item-selected span.chevron { transform: rotate(90deg); } .widget-box3 .nav-item li a.item-selected svg { fill: #ffffff; } .widget-box3 .nav-item li a i { width: 32px; height: 32px; position: absolute; left: 10px; top: 50%; margin-top: -16px; background-position: 0px -128px; } .widget-box3 .nav-item li .mysubnavigation-items { display: none; max-height: auto; overflow: auto; background-color: rgba(186, 188, 191, 0.2); color: #ffffff; /* //.lst-subnavigation */ } .widget-box3 .nav-item li .mysubnavigation-items.open { display: block; } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation { list-style: none; margin: 0; padding: 0; padding-left: 0; /* //li */ } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation > li { display: block; /* //a */ } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation > li > a { display: block; padding: 10px 20px 10px 35px; font-weight: 500; color: rgba(255, 255, 255, 0.6); font-size: 14px; /* //&:hover */ /* //&.glsubnavi-active */ } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation > li > a img { width: 10px; height: 10px; opacity: 0.7; margin-top: 1px; margin-right: 6px; vertical-align: middle; position: relative; } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation > li > a img svg { fill: rgba(255, 255, 255, 0.9); width: 10px; height: 10px; margin-right: 5px; } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation > li > a:hover { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation > li > a.active { background-color: rgba(0, 51, 161, 0.2); color: rgba(255, 255, 255, 0.9); /*color: $white;*/ text-decoration: none; } .widget-box3 .nav-item li .mysubnavigation-items .lst-subnavigation > li > a.glsubnavi-active { background-color: rgba(0, 51, 161, 0.2); color: #ffffff; text-decoration: none; } .widget-box5 { width: 100%; background: #ffffff; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2); margin-bottom: 14px; position: relative; overflow: hidden; height: auto; border-radius: 8px; display: block; z-index: 9; /*component-title1*/ /*component-title3*/ /*component-title3*/ /*component-title3*/ } [theme=brand] .widget-box5 { background-color: rgba(255, 255, 255, 0.8); } [theme=diwali] .widget-box5 { background-color: rgba(255, 255, 255, 0.8); } [theme=xmas] .widget-box5 { background-color: rgba(255, 255, 255, 0.8); } [theme=eid] .widget-box5 { background-color: rgba(255, 255, 255, 0.8); } [theme=dark] .widget-box5 { background-color: rgba(255, 255, 255, 0.8); } @media (min-width: 767px) { .widget-box5 { margin-bottom: 30px; } } .widget-box5.mar-t { margin-top: -10px !important; } .widget-box5.mar-t5 { margin-top: -5px !important; z-index: 2; } .widget-box5 .component-title1 { background-color: #2268ff; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box5 .component-title1 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box5 .component-title1 h3 span { font-size: 18px; color: white; padding: 10px 15px; background-color: rgba(0, 51, 161, 0.5); border-radius: 5px; margin-left: 5px; } [theme=dark] .widget-box5 .component-title1 h3 span { color: #ffffff; } @media (max-width: 480px) { .widget-box5 .component-title1 h3 { font-size: 16px; } } .widget-box5 .component-title1 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box5 .component-title1 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box5 .component-title1 h5 { font-size: 14px; } } .widget-box5 .component-title1 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box5 .component-title1 i { font-size: 14px; } } .widget-box5 .component-title3 { background-color: #c7c9cb; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box5 .component-title3 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box5 .component-title3 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 480px) { .widget-box5 .component-title3 h3 { font-size: 16px; } } .widget-box5 .component-title3 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box5 .component-title3 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box5 .component-title3 h5 { font-size: 14px; } } .widget-box5 .component-title3 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box5 .component-title3 i { font-size: 14px; } } .widget-box5 .component-title5 { background-color: #3b79ff; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box5 .component-title5 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box5 .component-title5 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 480px) { .widget-box5 .component-title5 h3 { font-size: 16px; } } .widget-box5 .component-title5 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box5 .component-title5 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box5 .component-title5 h5 { font-size: 14px; } } .widget-box5 .component-title5 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box5 .component-title5 i { font-size: 14px; } } .widget-box5 .component-title6 { background-color: white; width: 100%; overflow: hidden; padding: 15px 15px; } @media (max-width: 767px) { .widget-box5 .component-title6 { padding: 4px 8px; } } .widget-box5 .component-title6 h3 { color: rgba(0, 0, 0, 0.8); font-size: 1.3rem; font-weight: 500; line-height: 1.6rem; } [theme=dark] .widget-box5 .component-title6 h3 { color: #ffffff; } .widget-box5 .component-title6 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 767px) { .widget-box5 .component-title6 h3 { font-size: 0.8rem; } } .widget-box5 .component-title6 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box5 .component-title6 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box5 .component-title6 h5 { font-size: 14px; } } .widget-box5 .component-title6 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box5 .component-title6 i { font-size: 14px; } } .widget-box7 { width: 100%; background: #ffffff; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); margin-bottom: 20px; position: relative; overflow: hidden; height: auto; border-radius: 8px; display: block; /*component-title1*/ /*component-title3*/ /*component-title3*/ /*component-title3*/ } .widget-box7.mar-t { margin-top: -10px !important; } .widget-box7.mar-t5 { margin-top: -5px !important; z-index: 2; } .widget-box7 .component-title1 { background-color: #2268ff; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box7 .component-title1 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box7 .component-title1 h3 span { font-size: 18px; color: white; padding: 10px 15px; background-color: rgba(0, 51, 161, 0.5); border-radius: 5px; margin-left: 5px; } [theme=dark] .widget-box7 .component-title1 h3 span { color: #ffffff; } @media (max-width: 480px) { .widget-box7 .component-title1 h3 { font-size: 16px; } } .widget-box7 .component-title1 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box7 .component-title1 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box7 .component-title1 h5 { font-size: 14px; } } .widget-box7 .component-title1 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box7 .component-title1 i { font-size: 14px; } } .widget-box7 .component-title3 { background-color: #c7c9cb; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box7 .component-title3 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box7 .component-title3 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 480px) { .widget-box7 .component-title3 h3 { font-size: 16px; } } .widget-box7 .component-title3 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box7 .component-title3 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box7 .component-title3 h5 { font-size: 14px; } } .widget-box7 .component-title3 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box7 .component-title3 i { font-size: 14px; } } .widget-box7 .component-title5 { background-color: #3b79ff; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box7 .component-title5 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box7 .component-title5 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 480px) { .widget-box7 .component-title5 h3 { font-size: 16px; } } .widget-box7 .component-title5 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box7 .component-title5 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box7 .component-title5 h5 { font-size: 14px; } } .widget-box7 .component-title5 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box7 .component-title5 i { font-size: 14px; } } .widget-box7 .component-title6 { background-color: white; width: 100%; overflow: hidden; padding: 15px 15px; } @media (max-width: 767px) { .widget-box7 .component-title6 { padding: 6px 8px; } } .widget-box7 .component-title6 h3 { color: rgba(0, 0, 0, 0.8); font-size: 1.3rem; font-weight: 500; line-height: 1.6rem; } .widget-box7 .component-title6 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 991px) { .widget-box7 .component-title6 h3 { font-size: 0.9rem; } } .widget-box7 .component-title6 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box7 .component-title6 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box7 .component-title6 h5 { font-size: 14px; } } .widget-box7 .component-title6 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box7 .component-title6 i { font-size: 14px; } } .grey-circle1 { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .grey-circle1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 9px 0; text-align: center; display: inline-block; color: #0033A1; } .grey-circle1 img { width: 100%; height: 100%; display: block; margin-top: 0px; } .grey-circle1 img:hover { opacity: 0.8; } .grey-circle1 h6 { color: rgba(0, 0, 0, 0.85); display: block; text-align: center; font-size: 2rem; margin: 0 auto; font-weight: 500; padding: 10px 0; line-height: 2rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .grey-circle1 h6:hover { color: #0033A1; } /* end of grey-circle */ h4 { text-align: left; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; margin: 6px 0; display: block; color: rgba(0, 0, 0, 0.85); } .billDesc { background-color: #ebebeb; padding: 15px; border-radius: 5px; margin-bottom: 15px; } .billDesc h5 { margin-bottom: 10px; font-weight: 700; } .billDesc ul { margin: 0; padding: 0; } .billDesc ul li { margin-bottom: 5px; } .bg-success1 { background-color: #17c952; } .list3 { margin: 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .list3 ul { text-decoration: none; list-style: none; } .list3 li { text-decoration: none; list-style: none; padding: 15px 15px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.08); /* end of span */ } @media (max-width: 480px) { .list3 li { padding: 0px 8px 0 0; } } .list3 li h5 { text-align: left; font-size: 1.1rem; font-weight: 400; line-height: 1.2rem; margin: 6px 0 2px 0; display: block; } .list3 li h5 img { width: 13px; height: 13px; margin-right: 2px; margin-top: -4px; position: relative; } @media (max-width: 480px) { .list3 li h5 { font-size: 1.1rem; margin: 0px 0 0px 0; } } .list3 li small { display: block; text-align: left; font-size: 1.1rem; font-weight: 500; line-height: 1.2rem; color: white; } @media (max-width: 480px) { .list3 li small { font-size: 0.85rem; } } .list3 li span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: inline-block; border-radius: 100%; margin: 0 auto; text-align: center; padding: 8px 0; margin-bottom: 5px; } @media (max-width: 480px) { .list3 li span { height: 40px; width: 40px; display: inline-block; border-radius: 100%; margin: 0 auto; padding: 4px 0; } } .list3 li span.blue1 { text-align: center; background: #00236e; } .list3 li span.blue1 img { width: 14px; height: 14px; text-align: center; margin: 10px auto; } .list3 li span.blue1 img:hover { opacity: 0.8; } .list3 li span.blue1 em { font-size: 2rem; text-align: center; color: #ffffff; } @media (max-width: 480px) { .list3 li span.blue1 em { font-size: 1.5rem; } } .list3 li span em { font-size: 2rem; text-align: center; } @media (max-width: 480px) { .list3 li span em { font-size: 1.5rem; } } .list3 li span img { width: 28px; height: 28px; margin: 20px 0; } .list3 li span img:hover { opacity: 0.8; } .list3 li p, .list3 li em { color: rgba(0, 0, 0, 0.6); font-size: 0.9rem; font-weight: 400; padding: 6px 0; text-transform: capitalize; } .list3 li p:hover, .list3 li em:hover { color: #0033A1; } .list3 li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0.08); } a.right-arrow-btn { display: block; text-align: center; float: right; margin: 0px 0; } a.right-arrow-btn img { width: 100%; max-width: 24px; margin: 1px 2px; height: auto; text-align: center; } a.right-arrow-btn:hover { opacity: 0.8; } .theme-list { margin: 0px; padding: 0px; width: 100%; height: auto; } .theme-list ul { text-decoration: none; list-style: none; } .theme-list li { text-decoration: none; list-style: none; padding: 0px 0px; width: 28px; height: 28px; display: block; border-radius: 6px; margin: 8px 12px 8px 0; float: left; cursor: pointer; border: 2px solid transparent; } .theme-list li.green { background-color: #002b88; } .theme-list li.green.active { border: 2px solid #004bee; } .theme-list li.blue { background-color: #0646ad; } .theme-list li.blue.active { border: 2px solid #2274f7; } .theme-list li:hover { cursor: pointer; } .theme-list li.active { cursor: pointer; } .payee-list { width: 100%; height: auto; padding: 0px 0; margin: 10px 0px; overflow: hidden; } .payee-list ul { text-decoration: none; list-style: none; } .payee-list li { text-decoration: none; list-style: none; padding: 0px 0px; display: none; text-align: center; vertical-align: top; float: left; width: 18.4%; margin-right: 2%; margin-top: 2%; margin-bottom: 2%; color: rgba(0, 0, 0, 0.9); } .payee-list li:nth-child(5n) { margin-right: 0; } .payee-list li .search { width: 50px; height: 50px; display: block; text-align: center; overflow: hidden; margin: 0 auto; padding: 15px 10px; } .payee-list li .search img { width: 20px; height: 20px; margin: 0 auto; text-align: center; vertical-align: middle; opacity: 1; } .payee-list li .search img:hover { opacity: 0.7; } .payee-list li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .payee-list li a span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .payee-list li a span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payee-list li a span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .payee-list li a span.greenlight { background: rgba(197, 255, 0, 0.1); } .payee-list li a span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .payee-list li a span.red1 { background: rgba(206, 14, 65, 0.08); } .payee-list li a span.red1 h6 { font-size: 1.6rem; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .payee-list li a span.grey1 { background: rgba(51, 71, 80, 0.04); } .payee-list li a span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 9px 0; text-align: center; display: inline-block; color: #0033A1; } .payee-list li a span.blue1 { background: rgba(7, 80, 198, 0.2); } .payee-list li a span.blue1 h6 { font-size: 1.6rem; padding: 13px 0; text-align: center; display: block; color: #0750c6; } .payee-list li a span.yellow { background: rgba(255, 242, 0, 0.1); } .payee-list li a span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .payee-list li a span img { width: 100%; height: 100%; display: block; } .payee-list li a span img:hover { opacity: 0.8; } .payee-list li a em { color: rgba(0, 0, 0, 0.85); display: inline-block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 5px 0; line-height: 0.9rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .payee-list li a em:hover { color: rgba(0, 51, 161, 0.85); } .payee-list li:hover { color: rgba(0, 51, 161, 0.85); } .payee-list3 { width: 100%; height: auto; padding: 0px 0; margin: 10px 0px; overflow: hidden; } .payee-list3 ul { text-decoration: none; list-style: none; } .payee-list3 li { text-decoration: none; list-style: none; padding: 0px 0px; display: none; text-align: center; vertical-align: top; float: left; width: 18.4%; margin-right: 2%; margin-top: 2%; margin-bottom: 2%; color: rgba(0, 0, 0, 0.9); } .payee-list3 li:nth-child(5n) { margin-right: 0; } .payee-list3 li .search { width: 50px; height: 50px; display: block; text-align: center; overflow: hidden; margin: 0 auto; padding: 15px 10px; } .payee-list3 li .search img { width: 20px; height: 20px; margin: 0 auto; text-align: center; vertical-align: middle; opacity: 1; } .payee-list3 li .search img:hover { opacity: 0.7; } .payee-list3 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .payee-list3 li a span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .payee-list3 li a span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payee-list3 li a span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .payee-list3 li a span.greenlight { background: rgba(197, 255, 0, 0.1); } .payee-list3 li a span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .payee-list3 li a span.red1 { background: rgba(206, 14, 65, 0.08); } .payee-list3 li a span.red1 h6 { font-size: 1.6rem; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .payee-list3 li a span.grey1 { background: rgba(51, 71, 80, 0.04); } .payee-list3 li a span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 9px 0; text-align: center; display: inline-block; color: #0033A1; } .payee-list3 li a span.blue1 { background: rgba(7, 80, 198, 0.2); } .payee-list3 li a span.blue1 h6 { font-size: 1.6rem; padding: 13px 0; text-align: center; display: block; color: #0750c6; } .payee-list3 li a span.yellow { background: rgba(255, 242, 0, 0.1); } .payee-list3 li a span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .payee-list3 li a span.white1 { background: white; } .payee-list3 li a span.white1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .payee-list3 li a span.white1 img { width: 18px; height: 18px; display: block; margin: 15px auto; text-align: center; } .payee-list3 li a span.white1 img:hover { opacity: 0.8; } .payee-list3 li a span img { width: 100%; height: 100%; display: block; } .payee-list3 li a span img:hover { opacity: 0.8; } .payee-list3 li a em { color: rgba(0, 0, 0, 0.85); display: inline-block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 5px 0; line-height: 0.9rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .payee-list3 li a em:hover { color: rgba(0, 51, 161, 0.85); } .payee-list3 li:hover { color: rgba(0, 51, 161, 0.85); } .payee-list1 { width: 100%; height: auto; padding: 0px 0; margin: 10px 0px; overflow: hidden; } .payee-list1 ul { text-decoration: none; list-style: none; } .payee-list1 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 18.4%; margin-right: 2%; margin-top: 2%; margin-bottom: 2%; color: rgba(0, 0, 0, 0.9); } .payee-list1 li:nth-child(5n) { margin-right: 0; } .payee-list1 li .search { width: 50px; height: 50px; display: block; text-align: center; overflow: hidden; margin: 0 auto; padding: 15px 10px; } .payee-list1 li .search img { width: 20px; height: 20px; margin: 0 auto; text-align: center; vertical-align: middle; opacity: 1; } .payee-list1 li .search img:hover { opacity: 0.7; } .payee-list1 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .payee-list1 li a span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .payee-list1 li a span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payee-list1 li a span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .payee-list1 li a span.greenlight { background: rgba(197, 255, 0, 0.1); } .payee-list1 li a span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .payee-list1 li a span.red1 { background: rgba(206, 14, 65, 0.08); } .payee-list1 li a span.red1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #CE0E41; } .payee-list1 li a span.grey1 { background: rgba(51, 71, 80, 0.04); } .payee-list1 li a span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .payee-list1 li a span.blue1 { background: rgba(7, 80, 198, 0.2); } .payee-list1 li a span.blue1 h6 { font-size: 1.6rem; padding: 13px 0; text-align: center; display: block; color: #0750c6; } .payee-list1 li a span.yellow { background: rgba(255, 242, 0, 0.2); } .payee-list1 li a span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #d6cb00; } .payee-list1 li a span.white1 { background: white; } .payee-list1 li a span.white1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .payee-list1 li a span.white1 img { width: 18px; height: 18px; display: block; margin: 15px auto; text-align: center; } .payee-list1 li a span.white1 img:hover { opacity: 0.8; } .payee-list1 li a span img { width: 100%; height: 100%; display: block; } .payee-list1 li a span img:hover { opacity: 0.8; } .payee-list1 li a em { color: rgba(0, 0, 0, 0.85); display: inline-block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 5px 0; line-height: 0.9rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .payee-list1 li a em:hover { color: rgba(0, 51, 161, 0.85); } .payee-list1 li:hover { color: rgba(0, 51, 161, 0.85); } .user-list { width: 100%; padding: 0px 0; margin: 10px 0px; } .user-list ul { text-decoration: none; list-style: none; } .user-list li { text-decoration: none; list-style: none; padding: 0px 0px; display: none; text-align: center; vertical-align: top; float: left; width: 19.2%; margin-right: 1%; margin-bottom: 1%; color: rgba(0, 0, 0, 0.9); } .user-list li:nth-child(5n) { margin-right: 0; } .user-list li .search { width: 50px; height: 50px; display: block; text-align: center; overflow: hidden; margin: 0 auto; padding: 15px 10px; } .user-list li .search img { width: 20px; height: 20px; margin: 0 auto; text-align: center; vertical-align: middle; opacity: 1; } .user-list li .search img:hover { opacity: 0.7; } .user-list li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .user-list li a span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .user-list li a span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .user-list li a span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .user-list li a span.greenlight { background: rgba(197, 255, 0, 0.1); } .user-list li a span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .user-list li a span.red1 { background: rgba(206, 14, 65, 0.08); } .user-list li a span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .user-list li a span.grey1 { background: rgba(51, 71, 80, 0.04); } .user-list li a span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 9px 0; text-align: center; display: inline-block; color: #0033A1; } .user-list li a span.yellow { background: rgba(255, 242, 0, 0.1); } .user-list li a span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .user-list li a span img { width: 100%; height: 100%; display: block; } .user-list li a span img:hover { opacity: 0.8; } .user-list li a em { color: rgba(0, 0, 0, 0.85); display: inline-block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 5px 0; line-height: 0.9rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .user-list li a em:hover { color: rgba(0, 51, 161, 0.85); } .user-list li:hover { color: rgba(0, 51, 161, 0.85); } .information-list { width: 100%; padding: 0px 15px; margin: 5px 0px 0px 0px; } .information-list ul { text-decoration: none; list-style: none; } .information-list li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 32.6666666667%; margin-right: 1%; margin-top: 15px; margin-bottom: 15px; color: rgba(0, 0, 0, 0.9); } .information-list li:nth-child(3n) { margin-right: 0; } .information-list li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .information-list li a .icon1 { display: block; width: 50px; height: 50px; margin: 0 auto; overflow: hidden; padding: 2px 2px; text-align: center; } .information-list li a .icon1 svg { fill: #00236e; } .information-list li a .icon1 img { width: 100%; max-width: 48px; margin: 0 auto; height: auto; text-align: center; height: auto; display: block; opacity: 1; } .information-list li a .icon1 img:hover { opacity: 0.8; } .information-list li a em { color: rgba(0, 0, 0, 0.7); display: inline-block; text-align: center; font-size: 0.8rem; font-weight: 500; padding: 0px 0; line-height: 1rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .information-list li a em:hover { color: rgba(0, 51, 161, 0.85); } .information-list li:hover { color: rgba(0, 51, 161, 0.85); } .information-list3 { width: 100%; padding: 0px 5px; margin: 0px 0px; } .information-list3 ul { text-decoration: none; list-style: none; } .information-list3 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 20%; margin-right: 20%; color: rgba(0, 0, 0, 0.9); } .information-list3 li:nth-child(3n) { margin-right: 0; } .information-list3 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .information-list3 li a .icon1 { background: rgba(0, 51, 161, 0.06); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 0px; overflow: hidden; padding: 8px 2px; text-align: center; } .information-list3 li a .icon1 svg { fill: #00236e; } .information-list3 li a .icon1 img { width: 100%; width: 20px; height: 20px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .information-list3 li a .icon1 img:hover { opacity: 0.8; } .information-list3 li a em { color: rgba(0, 0, 0, 0.7); display: inline-block; text-align: center; font-size: 0.8rem; font-weight: 500; padding: 0px 0; line-height: 0.7rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .information-list3 li a em:hover { color: rgba(0, 51, 161, 0.85); } .information-list3 li:hover { color: rgba(0, 51, 161, 0.85); } .information-list4 { width: 100%; padding: 0px 5px; margin: 0px 0px; } .information-list4 ul { text-decoration: none; list-style: none; } .information-list4 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 24.25%; margin-right: 1%; margin-top: 1%; margin-bottom: 1%; color: rgba(0, 0, 0, 0.9); } .information-list4 li:nth-child(4n) { margin-right: 0; } .information-list4 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .information-list4 li a .icon1 { background: rgba(0, 51, 161, 0.06); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 5px; overflow: hidden; padding: 8px 2px; text-align: center; } .information-list4 li a .icon1 svg { fill: #00236e; } .information-list4 li a .icon1 img { width: 100%; width: 23px; height: 23px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .information-list4 li a .icon1 img:hover { opacity: 0.8; } .information-list4 li a em { color: rgba(0, 0, 0, 0.7); display: block; text-align: center; font-size: 0.7rem; font-weight: 500; height: 38px; padding: 0px 0; line-height: 0.8rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .information-list4 li a em:hover { color: rgba(0, 51, 161, 0.85); } .information-list4 li:hover { color: rgba(0, 51, 161, 0.85); } .information-list5 { width: 100%; padding: 0px 5px; margin: 0px 0px; } .information-list5 ul { text-decoration: none; list-style: none; } .information-list5 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 19.2%; margin-right: 1%; margin-top: 1%; margin-bottom: 1%; color: rgba(0, 0, 0, 0.9); } .information-list5 li:nth-child(5n) { margin-right: 0; } .information-list5 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .information-list5 li a .icon1 { background: white; height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0px 0px; text-align: center; } .information-list5 li a .icon1 svg { fill: #00236e; } .information-list5 li a .icon1 img { width: 38px; height: 38px; margin: 5px auto; text-align: center; display: block; opacity: 1; } .information-list5 li a .icon1 img:hover { opacity: 0.8; } .information-list5 li a em { color: rgba(0, 0, 0, 0.85); display: block; text-align: center; font-size: 0.7rem; font-weight: 500; height: 38px; padding: 0px 0; line-height: 0.8rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .information-list5 li a em span { color: rgba(0, 0, 0, 0.5); font-size: 0.6rem; } .information-list5 li a em img { width: 8px; height: 8px; position: relative; margin-top: -1px; margin-right: 1px; } .information-list5 li a em:hover { color: rgba(0, 51, 161, 0.85); } .information-list5 li:hover { color: rgba(0, 51, 161, 0.85); } .information-list6 { width: 100%; padding: 0px 5px; margin: 0px 0px; } .information-list6 ul { text-decoration: none; list-style: none; } .information-list6 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 19.2%; margin-right: 1%; margin-top: 1%; margin-bottom: 1%; color: rgba(0, 0, 0, 0.9); } .information-list6 li:nth-child(5n) { margin-right: 0; } .information-list6 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .information-list6 li a .icon1 { background: white; height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0px 0px; text-align: center; } .information-list6 li a .icon1 svg { fill: #00236e; } .information-list6 li a .icon1 img { width: 38px; height: 38px; margin: 5px auto; text-align: center; display: block; opacity: 1; } .information-list6 li a .icon1 img:hover { opacity: 0.8; } .information-list6 li a em { color: rgba(0, 0, 0, 0.85); display: block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 0px 0; line-height: 0.8rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .information-list6 li a em img { width: 8px; height: 8px; position: relative; margin-top: -1px; margin-right: 1px; } .information-list6 li a em:hover { color: rgba(0, 0, 0, 0.7); } .information-list6 li a span { color: rgba(0, 0, 0, 0.5); font-size: 0.6rem; display: block; text-align: center; margin: 5px 0; } .information-list6 li:hover { color: rgba(0, 0, 0, 0.7); } .information-list6 li:last-child a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .information-list6 li:last-child a .icon1 { background: rgba(0, 51, 161, 0.06); height: 44px; width: 44px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 10px; overflow: hidden; border: none; padding: 15px 2px; text-align: center; } .information-list6 li:last-child a .icon1 svg { fill: #00236e; } .information-list6 li:last-child a .icon1 img { width: 100%; width: 18px; height: 18px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .information-list6 li:last-child a .icon1 img:hover { opacity: 0.8; } .information-list6 li:last-child a em { color: #0033a1; display: block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 0px 0; line-height: 0.8rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .information-list6 li:last-child a em:hover { color: rgba(0, 51, 161, 0.85); } .contact-list { width: 100%; padding: 0px 0; margin: 4px 0px; } .contact-list ul { text-decoration: none; list-style: none; } .contact-list li { text-decoration: none; list-style: none; margin-bottom: 0px; padding: 4px 0px; width: 100%; clear: both; } .contact-list li a { text-decoration: none; list-style: none; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; } .contact-list li a .list-ful { padding: 2px 0; text-align: left; width: 100%; } .contact-list li a .list-ful h5 { font-size: 1.1rem; color: rgba(0, 0, 0, 0.9); margin: 4px 0; text-align: left; display: block; } .contact-list li a .list-lft { padding: 2px 0; text-align: left; margin: 0; width: 10%; min-width: 60px; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } @media (min-width: 767px) { .contact-list li a .list-lft { width: 8%; min-width: 60px; height: auto; } } @media (min-width: 1024px) { .contact-list li a .list-lft { width: 5%; min-width: 60px; height: auto; } } .contact-list li a .list-lft span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; text-align: left; padding: 0px 0; margin-bottom: 5px; } .contact-list li a .list-lft span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .contact-list li a .list-lft span.green1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #03914a; } .contact-list li a .list-lft span.greenlight { background: rgba(197, 255, 0, 0.1); } .contact-list li a .list-lft span.greenlight h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #8ab300; } .contact-list li a .list-lft span.red1 { background: rgba(206, 14, 65, 0.08); } .contact-list li a .list-lft span.red1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #CE0E41; } .contact-list li a .list-lft span.grey1 { background: rgba(51, 71, 80, 0.04); } .contact-list li a .list-lft span.grey1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0033A1; } .contact-list li a .list-lft span.yellow { background: rgba(255, 242, 0, 0.2); } .contact-list li a .list-lft span.yellow h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #b3a900; } .contact-list li a .list-lft span.blue1 { background: rgba(7, 80, 198, 0.2); } .contact-list li a .list-lft span.blue1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0750c6; } .contact-list li a .list-lft span img { width: 100%; height: 100%; display: block; } .contact-list li a .list-lft span img:hover { opacity: 0.8; } .contact-list li a .list-rit { text-align: left; padding: 6px 0; margin: 0; width: 90%; height: auto; display: inline-block; vertical-align: top; word-wrap: break-word; } @media (min-width: 767px) { .contact-list li a .list-rit { width: 92%; height: auto; } } @media (min-width: 1024px) { .contact-list li a .list-rit { width: 95%; height: auto; } } .contact-list li a .list-rit h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .contact-list li a .list-rit h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0.5px; text-transform: initial; } .contact-list1 { width: 100%; padding: 0px 0; margin: 4px 0px; } .contact-list1 ul { text-decoration: none; list-style: none; overflow: hidden; } .contact-list1 li { text-decoration: none; list-style: none; margin-left: -5px; margin-right: -5px; padding: 4px 0px; clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 767px) { .contact-list1 li { margin-left: 0px; margin-right: 0px; } } .contact-list1 li a { text-decoration: none; list-style: none; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; } .contact-list1 li a .list-ful { padding: 2px 0; text-align: left; width: 100%; } .contact-list1 li a .list-ful h5 { font-size: 1.1rem; color: rgba(0, 0, 0, 0.9); margin: 4px 0; text-align: left; display: block; } .contact-list1 li a .list-lft { padding: 2px 0; text-align: left; margin: 0; width: 25%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } @media (min-width: 767px) { .contact-list1 li a .list-lft { width: 15%; height: auto; } } .contact-list1 li a .list-lft span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; text-align: left; padding: 0px 0; margin-bottom: 5px; } .contact-list1 li a .list-lft span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .contact-list1 li a .list-lft span.green1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #03914a; } .contact-list1 li a .list-lft span.greenlight { background: rgba(197, 255, 0, 0.1); } .contact-list1 li a .list-lft span.greenlight h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #8ab300; } .contact-list1 li a .list-lft span.red1 { background: rgba(206, 14, 65, 0.08); } .contact-list1 li a .list-lft span.red1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #CE0E41; } .contact-list1 li a .list-lft span.grey1 { background: rgba(51, 71, 80, 0.04); } .contact-list1 li a .list-lft span.grey1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0033A1; } .contact-list1 li a .list-lft span.yellow { background: rgba(255, 242, 0, 0.2); } .contact-list1 li a .list-lft span.yellow h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #b3a900; } .contact-list1 li a .list-lft span.blue1 { background: rgba(7, 80, 198, 0.2); } .contact-list1 li a .list-lft span.blue1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0750c6; } .contact-list1 li a .list-lft span img { width: 100%; height: 100%; display: block; } .contact-list1 li a .list-lft span img:hover { opacity: 0.8; } .contact-list1 li a .list-rit { text-align: left; padding: 6px 0; margin: 0; width: 75%; height: auto; display: inline-block; vertical-align: top; word-wrap: break-word; } @media (min-width: 767px) { .contact-list1 li a .list-rit { width: 85%; height: auto; } } .contact-list1 li a .list-rit h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .contact-list1 li a .list-rit h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0.5px; text-transform: initial; } .contact-list2 { width: 100%; padding: 0px 0; margin: 4px 0px; } .contact-list2 ul { text-decoration: none; list-style: none; overflow: hidden; } .contact-list2 li { text-decoration: none; list-style: none; margin: 0 auto; padding: 4px 0px; clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0); } @media (min-width: 767px) { .contact-list2 li { margin-left: 0px; margin-right: 0px; } } .contact-list2 li .list-full1 { text-decoration: none; list-style: none; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; } .contact-list2 li .list-full1 .list-lft { padding: 2px 0; text-align: left; margin: 0; margin-left: 15px; width: 10%; min-width: 60px; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } @media (min-width: 767px) { .contact-list2 li .list-full1 .list-lft { width: 8%; min-width: 60px; height: auto; } } @media (min-width: 1024px) { .contact-list2 li .list-full1 .list-lft { width: 5%; min-width: 60px; height: auto; } } .contact-list2 li .list-full1 .list-lft span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; position: relative; display: block; border-radius: 100%; text-align: left; padding: 0px 0; margin-bottom: 5px; } .contact-list2 li .list-full1 .list-lft span .rounded-circle { position: absolute; width: 18px; height: 18px; padding: 2px 2px; right: 5px; bottom: -5px; background: white; border: 1px solid rgba(0, 0, 0, 0.05); text-align: center; border-radius: 50%; } .contact-list2 li .list-full1 .list-lft span .rounded-circle img { width: 13px; height: 13px; margin: 0 auto; text-align: center; } .contact-list2 li .list-full1 .list-lft span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .contact-list2 li .list-full1 .list-lft span.green1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #03914a; } .contact-list2 li .list-full1 .list-lft span.greenlight { background: rgba(197, 255, 0, 0.1); } .contact-list2 li .list-full1 .list-lft span.greenlight h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #8ab300; } .contact-list2 li .list-full1 .list-lft span.red1 { background: rgba(206, 14, 65, 0.08); } .contact-list2 li .list-full1 .list-lft span.red1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #CE0E41; } .contact-list2 li .list-full1 .list-lft span.grey1 { background: rgba(51, 71, 80, 0.04); } .contact-list2 li .list-full1 .list-lft span.grey1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0033A1; } .contact-list2 li .list-full1 .list-lft span.yellow { background: rgba(255, 242, 0, 0.2); } .contact-list2 li .list-full1 .list-lft span.yellow h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #b8ae00; } .contact-list2 li .list-full1 .list-lft span.blue1 { background: rgba(7, 80, 198, 0.2); } .contact-list2 li .list-full1 .list-lft span.blue1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0750c6; } .contact-list2 li .list-full1 .list-lft span img { width: 100%; height: 100%; display: block; border-radius: 100%; } .contact-list2 li .list-full1 .list-lft span img:hover { opacity: 0.8; } .contact-list2 li .list-full1 .list-rit { text-align: left; padding: 6px 0; margin: 0; width: 90%; height: auto; position: relative; display: inline-block; vertical-align: top; word-wrap: break-word; } @media (min-width: 767px) { .contact-list2 li .list-full1 .list-rit { width: 92%; height: auto; } } @media (min-width: 1024px) { .contact-list2 li .list-full1 .list-rit { width: 95%; height: auto; } } .contact-list2 li .list-full1 .list-rit h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .contact-list2 li .list-full1 .list-rit h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0.5px; text-transform: initial; } .contact-list2 li .list-full1 .list-rit .btn-section { position: absolute; right: 0; bottom: 0; } .contact-list2 li a { text-decoration: none; list-style: none; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; } .contact-list2 li a l .list-ful { padding: 2px 0; text-align: eft; width: 100%; } .contact-list2 li a l .list-ful h5 { font-size: 1.1rem; color: rgba(0, 0, 0, 0.9); margin: 0px 0; text-align: left; display: block; } .contact-list2 li a .list-lft { padding: 2px 0; text-align: left; margin: 0; margin-left: 15px; width: 10%; min-width: 60px; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } @media (min-width: 767px) { .contact-list2 li a .list-lft { width: 8%; min-width: 60px; height: auto; } } @media (min-width: 1024px) { .contact-list2 li a .list-lft { width: 5%; min-width: 60px; height: auto; } } .contact-list2 li a .list-lft span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; position: relative; display: block; border-radius: 100%; text-align: left; padding: 0px 0; margin-bottom: 5px; } .contact-list2 li a .list-lft span .rounded-circle { position: absolute; width: 18px; height: 18px; padding: 2px 2px; right: 5px; bottom: -5px; background: white; border: 1px solid rgba(0, 0, 0, 0.05); text-align: center; border-radius: 50%; } .contact-list2 li a .list-lft span .rounded-circle img { width: 13px; height: 13px; margin: 0 auto; text-align: center; } .contact-list2 li a .list-lft span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .contact-list2 li a .list-lft span.green1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #03914a; } .contact-list2 li a .list-lft span.greenlight { background: rgba(197, 255, 0, 0.1); } .contact-list2 li a .list-lft span.greenlight h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #8ab300; } .contact-list2 li a .list-lft span.red1 { background: rgba(206, 14, 65, 0.08); } .contact-list2 li a .list-lft span.red1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #CE0E41; } .contact-list2 li a .list-lft span.grey1 { background: rgba(51, 71, 80, 0.04); } .contact-list2 li a .list-lft span.grey1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0033A1; } .contact-list2 li a .list-lft span.yellow { background: rgba(255, 242, 0, 0.2); } .contact-list2 li a .list-lft span.yellow h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #b8ae00; } .contact-list2 li a .list-lft span.blue1 { background: rgba(7, 80, 198, 0.2); } .contact-list2 li a .list-lft span.blue1 h6 { font-size: 1.3rem; padding: 15px 0; text-align: center; display: block; color: #0750c6; } .contact-list2 li a .list-lft span img { width: 100%; height: 100%; display: block; border-radius: 100%; } .contact-list2 li a .list-lft span img:hover { opacity: 0.8; } .contact-list2 li a .list-rit { text-align: left; padding: 6px 0; margin: 0; width: 90%; height: auto; position: relative; display: inline-block; vertical-align: top; word-wrap: break-word; } @media (min-width: 767px) { .contact-list2 li a .list-rit { width: 92%; height: auto; } } @media (min-width: 1024px) { .contact-list2 li a .list-rit { width: 95%; min-width: 60px; height: auto; } } .contact-list2 li a .list-rit h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .contact-list2 li a .list-rit h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0.5px; text-transform: initial; } .contact-list2 li a .list-rit .btn-section { position: absolute; right: 0; bottom: 0; } .payee-info { width: 100%; padding: 0px 0; margin: 4px 0px; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; box-sizing: border-box; } .payee-info .info-lft { padding: 2px 0; text-align: left; position: relative; margin-right: 10px; width: 50px; height: auto; box-sizing: border-box; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info .info-lft span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .payee-info .info-lft span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payee-info .info-lft span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 12px 0; text-align: center; display: block; color: #03914a; } .payee-info .info-lft span.greenlight { background: rgba(197, 255, 0, 0.1); } .payee-info .info-lft span.greenlight h6 { font-size: 1.6rem; padding: 12px 0; text-align: center; display: block; color: #8ab300; } .payee-info .info-lft span.red1 { background: rgba(206, 14, 65, 0.08); } .payee-info .info-lft span.red1 h6 { font-size: 1.6rem; padding: 12px 0; text-align: center; display: block; color: #CE0E41; } .payee-info .info-lft span.grey1 { background: rgba(51, 71, 80, 0.04); } .payee-info .info-lft span.grey1 h6 { font-size: 1.6rem; padding: 12px 0; text-align: center; display: block; color: #0033A1; } .payee-info .info-lft span.yellow { background: rgba(255, 242, 0, 0.2); } .payee-info .info-lft span.yellow h6 { font-size: 1.6rem; padding: 12px 0; text-align: center; display: block; color: #d6cb00; } .payee-info .info-lft span.blue1 { background: rgba(0, 51, 161, 0.2); } .payee-info .info-lft span.blue1 h6 { font-size: 1.6rem; padding: 12px 0; text-align: center; display: block; color: #0033A1; } .payee-info .info-lft span img { width: 100%; height: 100%; display: block; } .payee-info .info-lft span img:hover { opacity: 0.8; } .payee-info .info-rit { text-align: left; padding: 2px 0; margin: 0; width: 90%; height: auto; position: relative; display: inline-block; vertical-align: top; word-wrap: break-word; box-sizing: border-box; } @media (min-width: 767px) { .payee-info .info-rit { width: 94%; height: auto; } } .payee-info .info-rit h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 5px 0 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .payee-info .info-rit h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 0.9rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0.5px; text-transform: initial; } .payee-info .info-rit em { font-weight: 400; font-size: 0.7rem; display: block; text-align: left; margin: 0; color: rgba(0, 0, 0, 0.6); } .payee-info .info-rit .small-icons { position: absolute; width: 20px; height: 20px; top: 0; right: 0; } .payee-info .info-rit .small-icons img { width: 18px; height: 18px; margin: 0px; text-align: center; } .payee-info1 { width: 100%; margin: 20px 0 10px 0; padding: 0px 0; } .payee-info1.mar-b { margin-bottom: 0px; } @media (max-height: 620px) { .payee-info1 { margin: 10px 0 10px 0; } } .payee-info1 .info-inner { max-width: 180px; margin: 0 auto; margin-bottom: 6px; width: 100%; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; box-sizing: border-box; height: auto; } .payee-info1 .info-inner .info-lft { padding: 0; text-align: left; margin: 0; width: 40%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner .info-lft span { background: rgba(0, 0, 0, 0.05); height: 60px; width: 60px; display: block; border-radius: 100%; overflow: hidden; margin: 5px auto; padding: 0px 0; border: 1px solid white; } .payee-info1 .info-inner .info-lft span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payee-info1 .info-inner .info-lft span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 18px 0; text-align: center; display: block; color: #03914a; } .payee-info1 .info-inner .info-lft span.white1 { background: rgba(255, 255, 255, 0.95); display: block; } .payee-info1 .info-inner .info-lft span.white1 h6 { font-size: 1.6rem; color: rgba(0, 0, 0, 0.8); padding: 18px 0; text-align: center; display: block; } .payee-info1 .info-inner .info-lft span.white1 .icon-img { width: 30px; height: 30px; vertical-align: middle; margin: 15px auto; text-align: center; } .payee-info1 .info-inner .info-lft span.greenlight { background: rgba(197, 255, 0, 0.1); } .payee-info1 .info-inner .info-lft span.greenlight h6 { font-size: 1.6rem; padding: 18px 0; text-align: center; display: block; color: #8ab300; } .payee-info1 .info-inner .info-lft span.red1 { background: rgba(206, 14, 65, 0.08); } .payee-info1 .info-inner .info-lft span.red1 h6 { font-size: 1.6rem; padding: 18px 0; text-align: center; display: block; color: #CE0E41; } .payee-info1 .info-inner .info-lft span.grey1 { background: rgba(51, 71, 80, 0.04); } .payee-info1 .info-inner .info-lft span.grey1 h6 { font-size: 1.6rem; padding: 18px 0; text-align: center; display: block; color: #0033A1; } .payee-info1 .info-inner .info-lft span.yellow { background: rgba(255, 242, 0, 0.2); } .payee-info1 .info-inner .info-lft span.yellow h6 { font-size: 1.6rem; padding: 18px 0; text-align: center; display: block; color: #d6cb00; } .payee-info1 .info-inner .info-lft span.blue1 { background: rgba(0, 51, 161, 0.2); } .payee-info1 .info-inner .info-lft span.blue1 h6 { font-size: 1.6rem; padding: 18px 0; text-align: center; display: block; color: #0033A1; } .payee-info1 .info-inner .info-lft span img { width: 100%; height: 100%; display: block; } .payee-info1 .info-inner .info-lft span img:hover { opacity: 0.8; } .payee-info1 .info-inner .info-lft span .icon-img { width: 30px; height: 30px; vertical-align: middle; margin: 15px auto; text-align: center; } .payee-info1 .info-inner .info-center { padding: 0; text-align: left; margin: 0; width: 20%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner .info-center a { text-align: center; margin: 0 auto; display: block; text-decoration: none; margin: 25px 0; } .payee-info1 .info-inner .info-center a img { height: 12px; width: 12px; text-align: center; } .payee-info1 .info-inner .info-rit { padding: 2px 0; text-align: left; margin: 0; width: 40%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner .info-rit span { background: rgba(0, 0, 0, 0.05); height: 60px; width: 60px; display: block; border-radius: 100%; overflow: hidden; margin: 5px auto; padding: 0px 0; border: 1px solid white; } .payee-info1 .info-inner .info-rit span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payee-info1 .info-inner .info-rit span.green1 h6 { font-size: 1.4rem; color: #13A443; padding: 18px 0; text-align: center; display: block; color: #03914a; } .payee-info1 .info-inner .info-rit span.white1 { background: rgba(255, 255, 255, 0.95); display: block; } .payee-info1 .info-inner .info-rit span.white1 h6 { font-size: 1.4rem; color: rgba(0, 0, 0, 0.8); padding: 18px 0; text-align: center; display: block; } .payee-info1 .info-inner .info-rit span.white1 h6.red1 { font-size: 1.4rem; color: #CE0E41; } .payee-info1 .info-inner .info-rit span.white1 .icon-img { width: 30px; height: 30px; vertical-align: middle; margin: 15px auto; text-align: center; } .payee-info1 .info-inner .info-rit span.greenlight { background: rgba(197, 255, 0, 0.1); } .payee-info1 .info-inner .info-rit span.greenlight h6 { font-size: 1.4rem; padding: 18px 0; text-align: center; display: block; color: #8ab300; } .payee-info1 .info-inner .info-rit span.red1 { background: rgba(206, 14, 65, 0.08); } .payee-info1 .info-inner .info-rit span.red1 h6 { font-size: 1.4rem; padding: 18px 0; text-align: center; display: block; color: #CE0E41; } .payee-info1 .info-inner .info-rit span.grey1 { background-color: rgba(247, 248, 250, 0.7); } .payee-info1 .info-inner .info-rit span.grey1 h6 { font-size: 1.4rem; padding: 18px 0; text-align: center; display: block; color: #0033A1; } .payee-info1 .info-inner .info-rit span.yellow { background: rgba(255, 242, 0, 0.2); } .payee-info1 .info-inner .info-rit span.yellow h6 { font-size: 1.4rem; padding: 18px 0; text-align: center; display: block; color: #d6cb00; } .payee-info1 .info-inner .info-rit span.blue1 { background: rgba(0, 51, 161, 0.2); } .payee-info1 .info-inner .info-rit span.blue1 h6 { font-size: 1.4rem; padding: 18px 0; text-align: center; display: block; color: #0033A1; } .payee-info1 .info-inner .info-rit span img { width: 100%; height: 100%; display: block; } .payee-info1 .info-inner .info-rit span img:hover { opacity: 0.8; } .payee-info1 .info-inner .info-rit span .icon-img { width: 30px; height: 30px; vertical-align: middle; margin: 15px auto; text-align: center; } .payee-info1 .info-inner2 { max-width: 220px; margin: 0 auto; margin-top: 10px; margin-bottom: 0px; width: 100%; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; box-sizing: border-box; height: auto; } .payee-info1 .info-inner2 .info-lft { padding: 0; text-align: center; margin: 0; width: 45%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner2 .info-lft em { font-weight: 400; font-size: 0.7rem; text-align: center; display: block; margin: 3px 0; line-height: 0.9rem; color: rgba(255, 255, 255, 0.5); text-transform: initial; } .payee-info1 .info-inner2 .info-lft em img { width: 8px; height: 8px; opacity: 0.5; position: relative; margin-top: -2px; } .payee-info1 .info-inner2 .info-center { padding: 0; text-align: center; margin: 0; width: 10%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner2 .info-center img { height: 8px; width: 8px; margin: 0 auto; text-align: center; } .payee-info1 .info-inner2 .info-center em { font-weight: 400; font-size: 0.7rem; text-align: center; display: block; margin: 14px 0 0 0; line-height: 0.9rem; color: rgba(255, 255, 255, 0.5); text-transform: initial; } .payee-info1 .info-inner2 .info-rit { padding: 2px 0; text-align: center; margin: 0; width: 45%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner2 .info-rit em { font-weight: 400; font-size: 0.7rem; text-align: center; display: block; margin: 3px 0; line-height: 0.9rem; color: rgba(255, 255, 255, 0.5); text-transform: initial; } .payee-info1 .info-inner2 .info-rit em img { width: 8px; height: 8px; opacity: 0.5; position: relative; margin-top: -2px; } .payee-info1 .info-inner3 { max-width: 100%; margin: 0 auto; margin-top: 10px; margin-bottom: 0px; width: 100%; display: -webkit-flexbox !important; display: flex !important; flex-direction: row; box-sizing: border-box; height: auto; } .payee-info1 .info-inner3 .info-lft { padding: 0; text-align: left; margin: 0; width: 33.3%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner3 .info-lft em { font-weight: 400; font-size: 0.7rem; text-align: left; display: block; margin: 3px 0; line-height: 0.9rem; color: rgba(255, 255, 255, 0.5); text-transform: initial; } .payee-info1 .info-inner3 .info-lft em span { color: rgba(255, 255, 255, 0.85); font-size: 0.7rem; } .payee-info1 .info-inner3 .info-lft em img { width: 8px; height: 8px; opacity: 1; position: relative; margin-top: -2px; } .payee-info1 .info-inner3 .info-center { padding: 0; text-align: center; margin: 0; width: 33.3%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner3 .info-center em { font-weight: 400; font-size: 0.8rem; text-align: center; display: block; margin: 3px 0; line-height: 0.9rem; color: rgba(255, 255, 255, 0.5); text-transform: initial; } .payee-info1 .info-inner3 .info-center em span { color: rgba(255, 255, 255, 0.85); font-size: 0.9rem; } .payee-info1 .info-inner3 .info-center em img { width: 10px; height: 10px; opacity: 1; position: relative; margin-top: -2px; } .payee-info1 .info-inner3 .info-rit { padding: 2px 0; text-align: right; margin: 0; width: 33.3%; height: auto; word-wrap: break-word; display: inline-block; vertical-align: top; } .payee-info1 .info-inner3 .info-rit em { font-weight: 400; font-size: 0.7rem; text-align: right; display: block; margin: 3px 0; line-height: 0.9rem; color: rgba(255, 255, 255, 0.5); text-transform: initial; } .payee-info1 .info-inner3 .info-rit em span { color: rgba(255, 255, 255, 0.85); font-size: 0.7rem; } .payee-info1 .info-inner3 .info-rit em img { width: 8px; height: 8px; opacity: 1; position: relative; margin-top: -2px; } .payee-info1 h4 { font-weight: 500; font-size: 1.2rem; text-align: center; margin: 6px 0; line-height: 1.2rem; color: rgba(255, 255, 255, 0.9); text-transform: capitalize; } .payee-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: center; margin: 6px 0; line-height: 1.2rem; color: rgba(255, 255, 255, 0.9); text-transform: initial; } .payee-info1 h5 span { font-weight: 400; font-size: 1rem; text-align: center; color: rgba(255, 255, 255, 0.65); } .payee-info1 h6 { font-weight: 400; font-size: 0.85rem; text-align: center; margin: 6px 0; line-height: 0.9rem; color: rgba(255, 255, 255, 0.65); letter-spacing: 0.5px; text-transform: initial; } .remarks-info { margin: 20px auto; text-align: center; display: block; } .remarks-info em { background-color: #002678; color: rgba(255, 255, 255, 0.9); text-align: center; padding: 10px 15px; border-radius: 6px; font-size: 0.9rem; letter-spacing: 0.8px; font-style: italic; } .modal-content1 { position: relative; display: flex; flex-direction: column; width: 92%; margin: 8% 4%; pointer-events: auto; background-color: #ffffff; background-clip: padding-box; border-radius: 0.3rem; outline: 0; /*.modal-header*/ } .modal-content1 .modal-header { padding: 10px 6px; outline: none; border-bottom: 0px solid; border-color: rgba(186, 188, 191, 0.4); position: relative; /*left: 0; right: 0; top: 0; z-index: 10;*/ display: block; background-color: rgba(255, 255, 255, 0.9); /*.mh-top*/ } .modal-content1 .modal-header .mh-top { background-color: rgba(186, 188, 191, 0.1); padding: 5px 0; text-align: center; } .modal-content1 .modal-header .mh-top h4 { margin: 0; padding: 0; font-size: 0.7rem; } .modal-content1 .modal-header .mh-bottom h6 { margin: 0; padding: 0; padding: 5px 5px; font-size: 1.4rem; } @media (max-width: 480px) { .modal-content1 .modal-header .mh-bottom h6 { font-size: 1.1rem; } } .modal-content1 .modal-header .mh-bottom a { width: 32px; height: 32px; display: inline-block; position: relative; text-align: right; } .modal-content1 .modal-header .mh-bottom a .mh-cross { zoom: 1; filter: alpha(opacity=70); opacity: 0.7; } .modal-content1 .modal-header .mh-bottom a .mh-cross:before, .modal-content1 .modal-header .mh-bottom a .mh-cross:after { position: absolute; left: 15px; content: " "; height: 20px; width: 2px; top: 5px; background-color: #000000; } .modal-content1 .modal-header .mh-bottom a .mh-cross:before { transform: rotate(45deg); } .modal-content1 .modal-header .mh-bottom a .mh-cross:after { transform: rotate(-45deg); } .modal-content1 .modal-header .mh-bottom a .mh-cross:hover { filter: alpha(opacity=100); opacity: 1; } .modal-content1 .modal-header h3 { margin: 0; padding: 0; font-size: 1.2rem; } .modal-content1 .modal-header h6 { margin: 0; padding: 0; font-size: 1.4rem; } .modal-content1 .modal-header h6 svg { width: 35px; height: 35px; margin-right: 5px; } .modal-content1 .modal-header h6 svg.success { fill: #03914a; } .modal-content1 .modal-header h6 svg.error { fill: #CE0E41; } .modal-content1 .modal-header button.close { outline: none; } .modal-content1 .modal-body { position: relative; flex: 1 1 auto; padding: 0px 0; } .modal-content1 .modal-body .success { text-align: center; position: relative; margin: 0px; padding: 5px 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.3); clear: both; } .modal-content1 .modal-body .success:before { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #0033a1; bottom: -5px; left: -5px; } .modal-content1 .modal-body .success:after { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #0033a1; bottom: -5px; right: -5px; } .modal-content1 .modal-body .success h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .modal-content1 .modal-body .success h4 { font-weight: 500; font-size: 1.2rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .modal-content1 .modal-body .success h5 { font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .modal-content1 .modal-body .success img { margin: 5px 0; width: 48px; height: 48px; text-align: center; } .modal-content1 .modal-body .success p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .modal-content1 .modal-body .success a { font-size: 0.85rem; } .modal-content1 .modal-body .success a.reg-text { text-decoration: underline; color: rgba(0, 51, 161, 0.95); text-align: center; margin-bottom: 5px; } .modal-content1 .modal-body .success a.reg-text:hover { text-decoration: none; } .modal-content1 .modal-body .info-bottom { position: relative; margin: 0px; display: block; padding: 20px 15px 0 15px; clear: both; } .modal-content1 .modal-body .info-bottom .info-details { display: block; margin-bottom: 40px; } .modal-content1 .modal-body .info-bottom .info-details h4 { font-weight: 500; font-size: 1.2rem; line-height: 1.2rem; width: 100%; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .modal-content1 .modal-body .info-bottom .info-details h5 { font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; width: 100%; display: block; margin: 2px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .modal-content1 .modal-body .info-bottom .info-details h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .modal-content1 .modal-body .info-bottom .info-details h6 { font-style: 400; font-size: 0.8rem; line-height: 1rem; width: 100%; display: block; margin: 1px 0; color: rgba(0, 0, 0, 0.65); text-align: left; } .icon-list { margin: 0px; padding: 0px; width: 100%; height: auto; } .icon-list ul { text-decoration: none; list-style: none; } .icon-list li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; margin: 2px 2px; text-align: left; cursor: pointer; } .icon-list li a { text-align: center; opacity: 0.8; } .icon-list li a img { width: 18px; height: 18px; text-align: center; } .icon-list li a:hover { cursor: pointer; opacity: 1; } .icon-list li a.active { cursor: pointer; opacity: 1; } .headerlist { margin: 0px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .headerlist ul { text-decoration: none; list-style: none; margin: 0 auto; } .headerlist li { text-decoration: none; list-style: none; font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; text-align: left; margin: 25px 5px; display: inline-block; text-align: left; color: rgba(255, 255, 255, 0.9); } @media (min-width: 767px) and (max-width: 992px) { .headerlist li { margin: 17px 5px; } } @media (max-width: 767px) { .headerlist li { margin: 15px 5px; } } .headerlist li a { text-decoration: none; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; cursor: pointer; } .headerlist li a em { color: rgba(255, 255, 255, 0.9); } @media (max-width: 767px) { .headerlist li a em { display: none; } } .headerlist li a em:hover { color: rgba(255, 255, 255, 0.7); } .headerlist li a em.active { color: rgba(255, 255, 255, 0.7); } .headerlist li a img { width: 22px; height: 22px; position: relative; margin-right: 5px; margin-top: -6px; opacity: 1; } @media (max-width: 767px) { .headerlist li a img { width: 18px; height: 18px; margin-right: 0px; margin-top: 0px; } } .headerlist li a img:hover { opacity: 0.7; } .headerlist li a img.active { opacity: 0.7; } .headerlist li a:hover { color: rgba(255, 255, 255, 0.7); } .headerlist li a.active { color: rgba(255, 255, 255, 0.7); } .mt-custom { margin-top: 20px; } .mt-custom2 { margin: 20px -10px 0 -10px; } .mt-custom2 .ux-component5 { padding: 15px 0; } /* ---------------------------- Export Data List :: Start --------------------------- */ .exportlinks { display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .exportlinks { display: block; text-align: center; vertical-align: middle; } } .dt-extras { display: flex; /*justify-content: center;*/ /* //.dt-exports */ } .dt-extras .dt-exports button.ux-linkbutton { background: none; border: none; border-radius: 0; box-shadow: none; } .dt-extras .dt-exports button.ux-linkbutton em { color: #0033A1; } .dt-extras .dt-exports button.ux-linkbutton img { width: 15px; height: 15px; } /* //.dt-extras */ .dt-exports { /*padding: 2px 0px;*/ position: relative; /*border-top: 1px solid rgba($black, .1);*/ /*border-bottom: 1px solid rgba($black, .1);*/ transition: all 0.2s ease-in; /*text-align: center;*/ /* //&:hover */ /* //&.expdrop-showing */ } .dt-exports .button { min-width: auto; padding: 0; } .dt-exports.expdrop-showing em span.chevron { transform: rotate(180deg); } /* //.dt-exports */ .export-container { position: relative; } .export-content { width: 145px; height: 0; background: white; margin-top: 1px; color: #000000; opacity: 0; text-align: left; position: absolute; top: 30px; right: 0; overflow: hidden; /*margin-left: -55px;*/ z-index: 10; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.3s ease; transform: scale(0); transform-origin: right 0px; /*&.content-showing*/ /* //.linkbutton */ } .export-content.content-showing { height: auto; opacity: 1; transform: scale(1); /* //.linkbutton */ } .export-content.content-showing .linkbutton { padding-top: 0.3rem; padding-bottom: 0.3rem; height: 28px; zoom: 1; filter: alpha(opacity=100); opacity: 1; visibility: visible; } .export-content .linkbutton { display: block; position: relative; background: url('export-icons.png') no-repeat 5px -218px; padding: 0 0.3rem; /*padding-left: 30px;*/ font-size: 0.75rem; /*@include border-radius(4px);*/ zoom: 1; filter: alpha(opacity=0); opacity: 0; border: none; /*border-right: 1px solid $brand-primary-color-background-color1;*/ visibility: hidden; height: 0; width: 100%; overflow: hidden; /*color: $black;*/ /* //&:nth-child(4) */ /* //&:nth-child(5) */ /* //&:nth-child(6) */ /* //b */ /* //&.exp-excel */ /* //&.exp-pdf */ /* //&.exp-word */ /* //&.exp-xml */ /* //&.exp-csv */ } .export-content .linkbutton:hover { background-color: #334750; } .export-content .linkbutton:nth-child(5) { border-right: none; } .export-content .linkbutton b { font-weight: 500; font-size: 80%; display: inline-block; vertical-align: middle; margin-top: -2px; color: rgba(0, 0, 0, 0.8); text-transform: lowercase; } .export-content .linkbutton.exp-excel { background-position: 5px 2px; } .export-content .linkbutton.exp-pdf { background-position: 5px -42px; } .export-content .linkbutton.exp-word { background-position: 5px -86px; } .export-content .linkbutton.exp-xml { background-position: 5px -130px; } /*.export-content */ /* ---------------------------- Export Data List :: End --------------------------- */ .myprofile-container { width: 100%; } .myprofile-container .myprofile-bg { background-color: rgba(0, 0, 0, 0.06); background-size: cover; border-radius: 7px; padding: 20px 10px; height: auto; overflow: hidden; } .myprofile-container .myprofile-bg h3 { color: black; margin: 40px 0 0; } @media screen and (max-width: 767px) { .myprofile-container .myprofile-bg h3 { text-align: center; margin: 10px 0 0; } } .myprofile-container .myprofile-bg small { color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 767px) { .myprofile-container .myprofile-bg small { text-align: center; display: block; } } .myprofile-container .myprofile-bg .profile { position: relative; display: block; /* max-width: 200px; */ margin: 0 auto; height: 120px; width: 120px; border-radius: 100%; background-color: white; border: 3px solid rgba(0, 0, 0, 0.4); /*input[type="file"] { width: 0px; height: 0px; zoom: 1; filter: alpha(opacity=0); opacity: 0; position: absolute; z-index: -1; overflow: hidden; }*/ /*label{ display: block; margin: 0; }*/ } .myprofile-container .myprofile-bg .profile img { height: 100%; width: 100%; display: block; margin: 0 auto; border-radius: 100%; } .myprofile-container .myprofile-bg .profile .cam-click { right: 10px; border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 100%; position: absolute; background-color: white; height: 25px; width: 25px; text-align: center; bottom: 0px; } .myprofile-container .myprofile-bg .profile .cam-click img { width: 16px; height: 16px; display: inline; margin-top: 1px; } .myprofile-container .myprofile-bg .edit { text-align: right; margin-top: 40px; } @media screen and (max-width: 767px) { .myprofile-container .myprofile-bg .edit { text-align: center; margin-top: 0; } } .myprofile-container .myprofile-bg .edit a { text-decoration: underline; } .myprofile-container .myprofile-bg .profile-action p { color: #ffffff; } @media screen and (max-width: 767px) { .myprofile-container .footer-mobile .ux-button { float: none; } } .myprofile-container .user-details { word-break: break-word; } @media (max-width: 767px) { .myprofile-container .ux-details { float: none; display: block; text-align: center; } } @media (max-width: 767px) { .myprofile-container .ux-details button .ux-button.primary { float: none; display: block; text-align: center; } } .button-list { margin: 0px; padding: 0px; width: 100%; } .button-list ul { text-decoration: none; list-style: none; } .button-list li { text-decoration: none; list-style: none; margin: 0px 0px; } .button-list li button { margin: 0px 0px; float: left; } @media (max-width: 600px) { .button-list li button { float: none; display: inline-block; text-align: center; } } @media (max-width: 600px) { .button-list li { float: none; text-align: center; display: block; margin: 0px auto; width: 100%; } } .offer-box { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 10px 10px; width: 100%; display: block; margin-bottom: 30px; height: auto; overflow: hidden; text-align: center; } .offer-box a { text-decoration: none; list-style: none; } .offer-box a h4 { color: rgba(0, 51, 161, 0.85); margin: 15px 0px 10px 0px !important; font-size: 1.1rem; text-align: center; font-weight: 500; display: block; word-wrap: break-word; text-decoration: none; } .offer-box a h4:hover { color: #0033a1; } .offer-box a img { height: 100%; width: 100%; display: block; margin: 0 auto; text-align: center; } .offer-details { width: 100%; display: block; height: auto; overflow: hidden; } .offer-details h4 { color: #0033a1; margin: 15px 0px 15px 0px !important; font-size: 1.2rem; font-weight: 500; text-align: left; display: block; word-wrap: break-word; text-decoration: none; } .offer-details h5 { color: rgba(0, 0, 0, 0.85); margin: 15px 0px 10px 0px !important; padding-bottom: 10px; font-weight: 500; font-size: 1.1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-align: left; display: block; word-wrap: break-word; text-decoration: none; } .offer-details p { color: rgba(0, 0, 0, 0.65); font-size: 0.9rem; line-height: 1.3rem; text-align: justify; } .offer-details img { height: 100%; width: 100%; display: block; margin: 0 auto; text-align: center; } .dropdown-content { position: relative; width: 100%; height: auto; display: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 8px; margin-bottom: 10px; margin-top: -13px; transition: all 0.3s ease-out; transform: scale(0); } .dropdown-content.active { display: block; width: 100%; height: auto; transform: scale(1); transition: all 0.3s ease-out; } .dropdown-content em { text-align: left !important; font-size: 1rem !important; display: block; color: rgba(0, 0, 0, 0.85); } @keyframes slideInFromLeft { from { transform: translateX(-100%); } } .progress #bar1 { transform: translateX(0%); animation: slideInFromLeft 4s ease; } .ux-slide-scroll { overflow: hidden; width: 100%; white-space: nowrap; padding: 0px 0; margin: 0px 0px 20px 0px; display: flex; } .ux-slide-scroll a { display: inline-block; text-align: center; text-decoration: none; width: 100%; vertical-align: top; margin: 0 0px; color: #000000; } .ux-slide-scroll a span { background: #ffffff; width: 100%; height: auto; display: flex; border-radius: 20px; margin: 0 auto; } .ux-slide-scroll a span img { width: 100%; text-align: center; height: auto; min-width: 300px; margin: 0px; display: block; } .ux-slide-scroll a span img:hover { opacity: 0.8; } .ux-slide-scroll2 { overflow: hidden; width: 100%; white-space: nowrap; padding: 0px 0; margin: 0px 0px 20px 0px; display: flex; } .ux-slide-scroll2 a { display: block; text-align: center; text-decoration: none; width: 100%; margin: 0 auto; color: #000000; } .ux-slide-scroll2 a span { background: #0033A1; width: 100%; height: auto; display: flex; border-radius: 0px; margin: 0 auto; } .ux-slide-scroll2 a span img { width: 100%; text-align: center; height: auto; min-width: 300px; margin: 0px; display: block; } .ux-slide-scroll2 a span img:hover { opacity: 0.8; } .ux-small-scroll3 { overflow: hidden; width: 100%; white-space: nowrap; padding: 0px 0; margin: 0px 0px 20px 0px; display: flex; /* end of a */ } @media (max-width: 767px) { .ux-small-scroll3 { margin: 0px 0px 0px 0px; } } .ux-small-scroll3 a { display: inline-block; text-align: center; text-decoration: none; flex: 1 1 20%; text-align: center; vertical-align: top; margin: 0 1%; color: #000000; padding: 5px 0px; /* end of span */ } .ux-small-scroll3 a.addnew img { width: 24px; margin-top: 28px; } .ux-small-scroll3 a img { width: 50px; } .ux-small-scroll3 a span { background: rgba(0, 0, 0, 0.05); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; margin-bottom: 5px; } .ux-small-scroll3 a span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .ux-small-scroll3 a span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .ux-small-scroll3 a span.greenlight { background: rgba(197, 255, 0, 0.1); } .ux-small-scroll3 a span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .ux-small-scroll3 a span.red1 { background: rgba(206, 14, 65, 0.08); } .ux-small-scroll3 a span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .ux-small-scroll3 a span.grey1 { background: rgba(51, 71, 80, 0.04); } .ux-small-scroll3 a span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .ux-small-scroll3 a span.yellow { background: rgba(255, 242, 0, 0.2); } .ux-small-scroll3 a span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .ux-small-scroll3 a span img { width: 100%; height: 100%; display: block; } .ux-small-scroll3 a span img:hover { opacity: 0.8; } .ux-small-scroll3 a p, .ux-small-scroll3 a em { color: rgba(0, 0, 0, 0.7); display: inline-block; text-align: center; font-size: 0.65rem; font-weight: 500; padding: 5px 0; line-height: 0.7rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .ux-small-scroll3 a p:hover, .ux-small-scroll3 a em:hover { color: #0033A1; } .ux-small-scroll3 a p { padding: 0; padding-bottom: 10px; } /* ux-small-scroll */ .scroll-box { margin-top: 0px; padding: 0px 0px; position: relative; z-index: 1; /* owl-stage-outer */ /* -- carousel transparent/white on gradient */ /*// summary section in gradient box*/ /* //.owl-nav */ /* //.owl-dots */ /*@media (max-width: 767px){ .owl-dots{ display: block; } }*/ } @media (max-height: 570px) { .scroll-box { margin-top: 0px; } } .scroll-box .owl-stage-outer { padding-bottom: 0px; } .scroll-box .owl-stage-outer .owl-stage { /*@media screen and (max-width: 992px) { margin-bottom: 10px; }*/ } .scroll-box .owl-nav { position: relative; top: -80px; /*@media screen and (min-width: 992px) { display: inline-block; } @media screen and (max-width: 992px) { display: none; }*/ /* //button.owl-prev */ /* //button.owl-next */ } .scroll-box .owl-nav button.owl-prev, .scroll-box .owl-nav button.owl-next { display: block; width: 32px; height: 32px; position: relative; border-radius: 50%; float: left; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); margin-right: 10px; outline: none; /* //&.disabled */ } .scroll-box .owl-nav button.owl-prev span, .scroll-box .owl-nav button.owl-next span { display: none; } .scroll-box .owl-nav button.owl-prev.disabled, .scroll-box .owl-nav button.owl-next.disabled { cursor: default; background-color: #bfbfbf; } .scroll-box .owl-nav button.owl-prev { background: #ffffff url('left-arrow.png') no-repeat center; background-size: 16px 16px; position: absolute; left: -20px; /* //&.disabled */ } .scroll-box .owl-nav button.owl-prev.disabled { background: #ffffff url('oic-prev-disabled.png') no-repeat center; background-size: 16px 16px; } .scroll-box .owl-nav button.owl-next { margin-right: 0; position: absolute; background: #ffffff url('right-arrow.png') no-repeat center; background-size: 16px 16px; right: -20px; /* //&.disabled */ } .scroll-box .owl-nav button.owl-next.disabled { background: #ffffff url('oic-next-disabled.png') no-repeat center; background-size: 16px 16px; } @media screen and (min-width: 320px) { .scroll-box .owl-nav { display: none; } } .scroll-box .owl-dots { overflow: hidden; display: block; /*margin-top: -7px;*/ margin-top: 2px !important; left: 50%; position: absolute; margin-left: -15px; /* //button.owl-dot */ } .scroll-box .owl-dots button.owl-dot { width: 6px; height: 6px; display: block; float: left; background-color: rgba(0, 0, 0, 0.5); zoom: 1; filter: alpha(opacity=80); opacity: 0.8; border-radius: 5px; margin-right: 4px; outline: none; /* //&.active */ } .scroll-box .owl-dots button.owl-dot span { display: none; } .scroll-box .owl-dots button.owl-dot.disabled { background-color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .scroll-box .owl-dots button.owl-dot:disabled { background-color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .scroll-box .owl-dots button.owl-dot.active { background-color: #0033A1; zoom: 1; filter: alpha(opacity=100); opacity: 1; } .scroll-box .owl-dots button.owl-dot.active.disabled { background-color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .scroll-box .owl-dots button.owl-dot.active:disabled { background-color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .scroll-box .owl-dots.disabled { background-color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .scroll-box .owl-dots:disabled { background-color: rgba(0, 0, 0, 0.3); cursor: not-allowed; } .scroll-box2 { margin-top: 10px; padding: 0px 0px; position: relative; z-index: 1; /* owl-stage-outer */ /* -- carousel transparent/white on gradient */ /*// summary section in gradient box*/ /* //.owl-nav */ /* //.owl-dots */ /*@media (max-width: 767px){ .owl-dots{ display: block; } }*/ } .scroll-box2 .owl-stage-outer { padding-bottom: 5px; } .scroll-box2 .owl-stage-outer .owl-stage { /*@media screen and (max-width: 992px) { margin-bottom: 10px; }*/ } .scroll-box2 .owl-nav { position: absolute; top: -31px; width: 100%; /*@media screen and (min-width: 992px) { display: inline-block; } @media screen and (max-width: 992px) { display: none; }*/ /* //button.owl-prev */ /* //button.owl-next */ } .scroll-box2 .owl-nav button.owl-next { display: block; width: 27px; height: 54px; position: relative; border-top-left-radius: 50px; border-bottom-left-radius: 50px; float: right; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); margin-right: 0px; outline: none; /* //&.disabled */ } .scroll-box2 .owl-nav button.owl-next span { display: none; } .scroll-box2 .owl-nav button.owl-next.disabled { display: none !important; } .scroll-box2 .owl-nav button.owl-prev { display: block; width: 27px; height: 54px; position: relative; border-top-right-radius: 50px; border-bottom-right-radius: 50px; float: left; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); margin-right: 0px; outline: none; /* //&.disabled */ } .scroll-box2 .owl-nav button.owl-prev span { display: none; } .scroll-box2 .owl-nav button.owl-prev.disabled { display: none !important; } .scroll-box2 .owl-nav button.owl-next { background: #ffffff url('left-arrow.png') no-repeat center; background-size: 18px 18px; position: absolute; right: -15px; background-position: 70% 50%; /* //&.disabled */ } .scroll-box2 .owl-nav button.owl-next.disabled { display: none !important; } .scroll-box2 .owl-nav button.owl-prev { margin-right: 0; position: absolute; background: #ffffff url('right-arrow.png') no-repeat center; background-size: 18px 18px; left: -15px; background-position: 30% 50%; /* //&.disabled */ } .scroll-box2 .owl-nav button.owl-prev.disabled { display: none !important; } .scroll-box2 .owl-dots { overflow: hidden; display: block; /*margin-top: -7px;*/ margin-top: -6px !important; left: 50%; position: absolute; transform: translateX(-50%); /* //button.owl-dot */ } .scroll-box2 .owl-dots button.owl-dot { width: 6px; height: 6px; display: block; float: left; background-color: #D2D5DA; border-radius: 6px; margin-right: 5px; outline: none; /* //&.active */ } .scroll-box2 .owl-dots button.owl-dot span { display: none; } .scroll-box2 .owl-dots button.owl-dot.active { background-color: #ffffff; zoom: 1; filter: alpha(opacity=100); opacity: 1; } .scroll-box3 { margin: 15px 0 12px 0; padding: 0px 0px 0px 0px; position: relative; z-index: 1; /* owl-stage-outer */ /* -- carousel transparent/white on gradient */ /*// summary section in gradient box*/ /* //.owl-nav */ /* //.owl-dots */ /*@media (max-width: 767px){ .owl-dots{ display: block; } }*/ } .scroll-box3 .owl-stage-outer { padding-bottom: 5px; } .scroll-box3 .owl-stage-outer .owl-stage { /*@media screen and (max-width: 992px) { margin-bottom: 10px; }*/ } .scroll-box3 .owl-nav { position: relative; top: -80px; /*@media screen and (min-width: 992px) { display: inline-block; } @media screen and (max-width: 992px) { display: none; }*/ /* //button.owl-prev */ /* //button.owl-next */ } .scroll-box3 .owl-nav button.owl-prev, .scroll-box3 .owl-nav button.owl-next { display: block; width: 32px; height: 32px; position: relative; border-radius: 50%; float: left; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); margin-right: 10px; outline: none; /* //&.disabled */ } .scroll-box3 .owl-nav button.owl-prev span, .scroll-box3 .owl-nav button.owl-next span { display: none; } .scroll-box3 .owl-nav button.owl-prev { background: #ffffff url('left-arrow.png') no-repeat center; background-size: 16px 16px; position: absolute; left: -20px; /* //&.disabled */ } .scroll-box3 .owl-nav button.owl-prev.disabled { display: none; } .scroll-box3 .owl-nav button.owl-next { margin-right: 0; position: absolute; background: #ffffff url('right-arrow.png') no-repeat center; background-size: 16px 16px; right: -20px; /* //&.disabled */ } .scroll-box3 .owl-nav button.owl-next.disabled { display: none; } .scroll-box3 .owl-dots { overflow: hidden; display: block; /*margin-top: -7px;*/ margin-top: 0px !important; left: 50%; position: absolute; margin-left: -10px; /* //button.owl-dot */ } .scroll-box3 .owl-dots button.owl-dot { width: 5px; height: 5px; display: block; float: left; background-color: rgba(255, 255, 255, 0.4); zoom: 1; filter: alpha(opacity=80); opacity: 0.8; border-radius: 5px; margin-right: 5px; outline: none; /* //&.active */ } .scroll-box3 .owl-dots button.owl-dot span { display: none; } .scroll-box3 .owl-dots button.owl-dot.active { background-color: #e2e4e5; zoom: 1; filter: alpha(opacity=100); opacity: 1; } .scroll-box4 { margin: 0px 0px; padding: 0px 0px; position: relative; height: auto; z-index: 1; /* owl-stage-outer */ /* -- carousel transparent/white on gradient */ /*// summary section in gradient box*/ /* //.owl-nav */ /* //.owl-dots */ /*@media (max-width: 767px){ .owl-dots{ display: block; } }*/ } .scroll-box4 .owl-stage-outer { padding-bottom: 5px; } .scroll-box4 .owl-stage-outer .owl-stage { /*@media screen and (max-width: 992px) { margin-bottom: 10px; }*/ } .scroll-box4 .owl-nav { position: relative; top: -80px; /*@media screen and (min-width: 992px) { display: inline-block; } @media screen and (max-width: 992px) { display: none; }*/ /* //button.owl-prev */ /* //button.owl-next */ } .scroll-box4 .owl-nav button.owl-prev, .scroll-box4 .owl-nav button.owl-next { display: block; width: 32px; height: 32px; position: relative; border-radius: 50%; float: left; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); margin-right: 10px; outline: none; /* //&.disabled */ } .scroll-box4 .owl-nav button.owl-prev span, .scroll-box4 .owl-nav button.owl-next span { display: none; } .scroll-box4 .owl-nav button.owl-prev.disabled, .scroll-box4 .owl-nav button.owl-next.disabled { cursor: default; background-color: #bfbfbf; } .scroll-box4 .owl-nav button.owl-prev { background: #ffffff url('left-arrow.png') no-repeat center; background-size: 16px 16px; position: absolute; left: -20px; /* //&.disabled */ } .scroll-box4 .owl-nav button.owl-prev.disabled { background: #ffffff url('oic-prev-disabled.png') no-repeat center; background-size: 16px 16px; } .scroll-box4 .owl-nav button.owl-next { margin-right: 0; position: absolute; background: #ffffff url('right-arrow.png') no-repeat center; background-size: 16px 16px; right: -20px; /* //&.disabled */ } .scroll-box4 .owl-nav button.owl-next.disabled { background: #ffffff url('oic-next-disabled.png') no-repeat center; background-size: 16px 16px; } @media screen and (min-width: 320px) { .scroll-box4 .owl-nav { display: none; } } .scroll-box4 .owl-dots { overflow: hidden; display: block; /*margin-top: -7px;*/ margin-top: 0px !important; left: 50%; top: 400px; position: absolute; margin-left: -15px; /* //button.owl-dot */ } .scroll-box4 .owl-dots button.owl-dot { width: 7px; height: 7px; display: block; float: left; background-color: rgba(0, 0, 0, 0.4); zoom: 1; filter: alpha(opacity=80); opacity: 0.8; border-radius: 5px; margin-right: 5px; outline: none; /* //&.active */ } .scroll-box4 .owl-dots button.owl-dot span { display: none; } .scroll-box4 .owl-dots button.owl-dot.active { background-color: #0033A1; zoom: 1; filter: alpha(opacity=100); opacity: 1; } .scroll-box5 { margin-top: 2px; padding: 0px 0px; position: relative; z-index: 1; /* owl-stage-outer */ /* -- carousel transparent/white on gradient */ /*// summary section in gradient box*/ /* //.owl-nav */ /* //.owl-dots */ /*@media (max-width: 767px){ .owl-dots{ display: block; } }*/ } .scroll-box5 .owl-stage-outer { padding-bottom: 0px; } .scroll-box5 .owl-stage-outer .owl-stage { /*@media screen and (max-width: 992px) { margin-bottom: 10px; }*/ } .scroll-box5 .owl-nav { position: relative; top: -80px; /*@media screen and (min-width: 992px) { display: inline-block; } @media screen and (max-width: 992px) { display: none; }*/ /* //button.owl-prev */ /* //button.owl-next */ } .scroll-box5 .owl-nav button.owl-prev, .scroll-box5 .owl-nav button.owl-next { display: block; width: 32px; height: 32px; position: relative; border-radius: 50%; float: left; background: #ffffff; /*@include box-shadow;*/ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); margin-right: 10px; outline: none; /* //&.disabled */ } .scroll-box5 .owl-nav button.owl-prev span, .scroll-box5 .owl-nav button.owl-next span { display: none; } .scroll-box5 .owl-nav button.owl-prev.disabled, .scroll-box5 .owl-nav button.owl-next.disabled { cursor: default; background-color: #bfbfbf; } .scroll-box5 .owl-nav button.owl-prev { background: #ffffff url('left-arrow.png') no-repeat center; background-size: 16px 16px; position: absolute; left: -20px; /* //&.disabled */ } .scroll-box5 .owl-nav button.owl-prev.disabled { background: #ffffff url('oic-prev-disabled.png') no-repeat center; background-size: 16px 16px; } .scroll-box5 .owl-nav button.owl-next { margin-right: 0; position: absolute; background: #ffffff url('right-arrow.png') no-repeat center; background-size: 16px 16px; right: -20px; /* //&.disabled */ } .scroll-box5 .owl-nav button.owl-next.disabled { background: #ffffff url('oic-next-disabled.png') no-repeat center; background-size: 16px 16px; } @media screen and (min-width: 320px) { .scroll-box5 .owl-nav { display: none; } } .scroll-box5 .owl-dots { overflow: hidden; display: block; /*margin-top: -7px;*/ margin-top: 0px !important; left: 50%; position: absolute; bottom: 30px; margin-left: -10px; /* //button.owl-dot */ } .scroll-box5 .owl-dots button.owl-dot { width: 5px; height: 5px; display: block; float: left; background-color: rgba(0, 0, 0, 0.4); zoom: 1; filter: alpha(opacity=80); opacity: 0.8; border-radius: 5px; margin-right: 5px; outline: none; /* //&.active */ } .scroll-box5 .owl-dots button.owl-dot span { display: none; } .scroll-box5 .owl-dots button.owl-dot.active { background-color: #0033A1; zoom: 1; filter: alpha(opacity=100); opacity: 1; } .button-section { position: relative; width: 100%; height: 56px; margin: 12px 0px 12px 0; overflow: hidden; } @media (min-height: 701px) { .button-section { margin: 30px 0px 30px 0; } } .button-section .button-left { float: left; position: relative; } .button-section .button-left .ux-custom-button, .button-section .button-left a.ux-custom-button { background-color: #ffffff; border: 1px solid #0033A1; text-transform: capitalize; color: #0033A1; font-size: 1.1rem; padding: 1rem 0.5rem; width: 100px; display: block; font-weight: 400; cursor: pointer; text-align: center; position: absolute; top: 0; left: -5px; z-index: 0; /*text-transform: uppercase;*/ border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-position: center; transition: background 0.8s; box-shadow: 0px 3px 6px transparent; /* //img */ /* //em */ /*primary*/ /* //&.disabled */ } .button-section .button-left .ux-custom-button img, .button-section .button-left a.ux-custom-button img { margin-top: -6px; width: 28px; height: 28px; margin-left: 10px; } .button-section .button-left .ux-custom-button em, .button-section .button-left a.ux-custom-button em { font-style: normal; font-size: 0.8rem; padding-left: 5px; color: #ffffff; vertical-align: middle; } .button-section .button-left .ux-custom-button.primary, .button-section .button-left a.ux-custom-button.primary { background-color: #0033a1; color: #ffffff; } .button-section .button-left .ux-custom-button:hover, .button-section .button-left a.ux-custom-button:hover { color: #ffffff; background-color: #002e92; } .button-section .button-left .ux-custom-button:active, .button-section .button-left a.ux-custom-button:active { background-color: #ffffff; background-color: #002e92; } .button-section .button-left .ux-custom-button:focus, .button-section .button-left a.ux-custom-button:focus { outline: none; } .button-section .button-left .ux-custom-button.disable, .button-section .button-left a.ux-custom-button.disable { background: rgba(0, 0, 0, 0.09); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); cursor: not-allowed; outline: none; text-shadow: none; /*&::before {content: none;}*/ } .button-section .button-left .ux-custom-button.disable:hover, .button-section .button-left a.ux-custom-button.disable:hover { box-shadow: none; background: none; background: #e8e8e8; } .button-section .button-left .ux-custom-button.disable:active, .button-section .button-left a.ux-custom-button.disable:active { background: none; box-shadow: none; transition: none; background: none; background: rgba(0, 0, 0, 0.09); } .button-section .button-left .ux-custom-button.disable em, .button-section .button-left a.ux-custom-button.disable em { color: rgba(0, 0, 0, 0.4); } .button-section .button-right { float: right; position: relative; } .button-section .button-right .ux-custom-button, .button-section .button-right a.ux-custom-button { background-color: #ffffff; border: 1px solid #0033A1; text-transform: capitalize; color: #0033A1; font-size: 1.1rem; padding: 1rem 0.5rem; width: 115px; display: block; font-weight: 400; cursor: pointer; text-align: center; position: absolute; top: 0; right: -5px; z-index: 0; /*text-transform: uppercase;*/ border-top-left-radius: 50px; border-bottom-left-radius: 50px; background-position: center; transition: background 0.8s; box-shadow: 0px 3px 6px transparent; /* //img */ /* //em */ /*primary*/ /* //&.disabled */ } .button-section .button-right .ux-custom-button img, .button-section .button-right a.ux-custom-button img { margin-top: -6px; width: 28px; height: 28px; margin-left: 6px; } .button-section .button-right .ux-custom-button em, .button-section .button-right a.ux-custom-button em { font-style: normal; font-size: 0.8rem; padding-left: 5px; color: #ffffff; vertical-align: middle; } .button-section .button-right .ux-custom-button.primary, .button-section .button-right a.ux-custom-button.primary { background-color: #0033a1; color: #ffffff; } .button-section .button-right .ux-custom-button:hover, .button-section .button-right a.ux-custom-button:hover { color: #ffffff; background-color: #002e92; } .button-section .button-right .ux-custom-button:active, .button-section .button-right a.ux-custom-button:active { background-color: #ffffff; background-color: #002e92; } .button-section .button-right .ux-custom-button:focus, .button-section .button-right a.ux-custom-button:focus { outline: none; } .button-section .button-right .ux-custom-button.disable, .button-section .button-right a.ux-custom-button.disable { background: rgba(0, 0, 0, 0.09); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); cursor: not-allowed; outline: none; text-shadow: none; /*&::before {content: none;}*/ } .button-section .button-right .ux-custom-button.disable:hover, .button-section .button-right a.ux-custom-button.disable:hover { box-shadow: none; background: none; background: #e8e8e8; } .button-section .button-right .ux-custom-button.disable:active, .button-section .button-right a.ux-custom-button.disable:active { background: none; box-shadow: none; transition: none; background: none; background: rgba(0, 0, 0, 0.09); } .button-section .button-right .ux-custom-button.disable em, .button-section .button-right a.ux-custom-button.disable em { color: rgba(0, 0, 0, 0.4); } .bootstrap-timepicker { position: relative; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; } .bootstrap-timepicker .input-group-addon { cursor: pointer; } .bootstrap-timepicker .input-group-addon i { display: inline-block; width: 16px; height: 16px; } .bootstrap-timepicker-widget.dropdown-menu { padding: 4px; } .bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; } .bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; } .bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; } .bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; } .bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; } .bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 4px; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; } .bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; padding-left: 2px !important; } .bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; } .bootstrap-timepicker-widget table td span { width: 100%; } .bootstrap-timepicker-widget table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 8px 0; outline: 0; color: #0033a1; } .bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #eee; border-radius: 4px; border-color: #ddd; } .bootstrap-timepicker-widget table td a i { margin-top: 2px; font-size: 18px; } .bootstrap-timepicker-widget table td input { width: 25px; margin: 0; text-align: center; } .bootstrap-timepicker-widget .modal-content { padding: 4px; } @media (min-width: 767px) { .bootstrap-timepicker-widget.modal { width: 200px; margin-left: -100px; } } @media (max-width: 767px) { .bootstrap-timepicker { width: 100%; } .bootstrap-timepicker .dropdown-menu { width: 100%; } } .bg-section { position: relative; width: 100%; height: 100%; display: block; z-index: 9; } .bg-section:before { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 155px; background-image: linear-gradient(to bottom, rgba(0, 124, 61, 0.85), rgba(0, 124, 61, 0.85)); background-repeat: no-repeat; background-size: cover; content: " "; z-index: 0; } @media (min-width: 991px) { .bg-section:before { top: -2px; } } .bg-section .powered-logo { display: block; position: relative; margin: 0 auto; text-align: center; margin-top: 10px; margin-bottom: 10px; } .bg-section .powered-logo img { margin: 0px auto; text-align: center; width: 100%; max-width: 60px; height: auto; } .bg-section3 { position: relative; width: 100%; height: auto; display: block; z-index: 9; } .bg-section3:before { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 150px; background-image: linear-gradient(to bottom, rgba(0, 124, 61, 0.85), rgba(0, 124, 61, 0.85)); background-repeat: no-repeat; background-size: initial; content: " "; z-index: 0; } @media (min-width: 991px) { .bg-section3:before { top: -2px; } } .bg-section3 .powered-logo { display: block; position: relative; margin: 0 auto; text-align: center; margin-top: 10px; } .bg-section3 .powered-logo img { margin: 0px auto; text-align: center; width: 100%; max-width: 60px; height: auto; } .bg-section2 { position: relative; width: 100%; height: auto; display: block; z-index: 9; height: 100%; } .bg-section2 .powered-logo { display: block; position: relative; margin: 0 auto; text-align: center; margin-top: 20px; } .bg-section2 .powered-logo img { margin: 0px auto; text-align: center; width: 100%; max-width: 60px; height: auto; } .whitebg-box { padding: 26px 40px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); position: relative; border-radius: 12px; margin-top: 40px; clear: both; z-index: 9999; } @media (max-height: 420px) { .whitebg-box.mar-custom { margin-bottom: 60px; } } @media (min-height: 700px) { .whitebg-box { margin-top: 60px; } } @media (max-height: 600px) { .whitebg-box { padding: 20px 20px; } } .whitebg-box h4 { font-size: 1rem; color: rgba(0, 0, 0, 0.9); text-align: center; margin: 0px 0; font-weight: 400; } .whitebg-box h4 span { color: #0033A1; margin-left: 5px; font-size: 1.1rem; } @media (max-width: 767px) { .whitebg-box h4 { font-size: 1rem; } } .whitebg-box button { margin-top: 24px; margin-bottom: 0px; } @media (max-height: 570px) { .whitebg-box button { margin-top: 15px; } } ul.list1 { list-style: bullet; margin-left: 15px; /*list-style-position: inside;*/ } ul.list1 li { position: relative; opacity: 0.8; font-size: 0.6rem; line-height: 1.3; opacity: 0.8; margin-bottom: 5px; } /* ul.rule-list*/ .list-common { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .list-common ul { text-decoration: none; list-style: none; margin: 0 auto; } .list-common li { text-decoration: none; list-style: none; margin: 3px 0px 20px 30px; display: block; position: relative; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; text-align: left; color: rgba(0, 0, 0, 0.75); text-decoration: none; } .list-common li:before { content: ""; border-radius: 100%; background-color: rgba(0, 0, 0, 0.75); width: 5px; height: 5px; position: absolute; top: 7px; left: -15px; transition: all 0.3s ease; } .list-common li a { text-decoration: none; text-align: left; color: rgba(0, 0, 0, 0.65); text-transform: capitalize; cursor: pointer; text-decoration: underline; } .list-common li:hover { color: rgba(0, 0, 0, 0.8); } .list-common li.active { color: rgba(0, 0, 0, 0.8); } .list-common li:nth-child(1) { color: rgba(0, 0, 0, 0.9); text-decoration: none; } .grey-bg2 { padding: 15px 15px; border-radius: 8px; margin: 15px 0 10px 0; background: rgb(249, 250, 251); background: linear-gradient(180deg, rgb(249, 250, 251) 0%, rgb(247, 248, 250) 100%); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); height: auto; overflow: hidden; position: relative; /*.fgt-txt*/ } .grey-bg2.mar-custom { margin-top: -20px; } .grey-bg2.pad-b { padding-bottom: 0px; } .grey-bg2.pad-custom { padding-bottom: 50px; } .grey-bg2 .logo1 { display: block; margin: 0 auto; text-align: center; } .grey-bg2 .logo1 img { margin: 6px auto; text-align: center; width: 100%; max-width: 140px; height: auto; } .grey-bg2 .info-img { display: block; margin: 0 auto; text-align: center; } .grey-bg2 .info-img img { margin: 8px auto; text-align: center; width: 100%; max-width: 180px; height: auto; } .grey-bg2.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .grey-bg2 em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 0.9rem; display: inline-block; line-height: 1.2rem; } .grey-bg2 em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .grey-bg2 h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-bg2 h4.text-center { text-align: center; } .grey-bg2 h4.mar-custom { margin-top: 90px; } .grey-bg2 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .grey-bg2 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .grey-bg2 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .grey-bg2 a.reg-txt:hover { text-decoration: underline; } .grey-bg2 h5 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .grey-bg2 .sim-list { margin: 25px 0px 40px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg2 .sim-list ul { text-decoration: none; list-style: none; } .grey-bg2 .sim-list li { text-decoration: none; list-style: none; width: 50%; display: block; float: left; text-align: center; } .grey-bg2 .sim-list li a { text-decoration: none; width: 100%; display: block; padding: 20px 0; border-radius: 10px; height: auto; background: transparent; overflow: hidden; } .grey-bg2 .sim-list li a img { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033A1; } .grey-bg2 .sim-list li a img svg g path { fill: #ccc; } .grey-bg2 .sim-list li a svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #cccccc; } .grey-bg2 .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .grey-bg2 .sim-list li a:hover { background: rgba(0, 51, 161, 0.04); } .grey-bg2 .sim-list li a:hover img { width: 80px; height: 80px; margin: 10px 0; text-align: center; filter: invert(30%) sepia(85%) saturate(168%) hue-rotate(90deg) brightness(74%) contrast(120%); } .grey-bg2 .sim-list li a:hover svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg2 .sim-list li a:hover em { color: #0033a1; } .grey-bg2 .sim-list li a.active { background: rgba(0, 51, 161, 0.04); } .grey-bg2 .sim-list li a.active img { width: 80px; height: 80px; margin: 10px 0; text-align: center; filter: invert(30%) sepia(85%) saturate(168%) hue-rotate(90deg) brightness(74%) contrast(120%); } .grey-bg2 .sim-list li a.active svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg2 .sim-list li a.active em { color: #0033a1; } .grey-bg2 .list-common { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg2 .list-common ul { text-decoration: none; list-style: none; margin: 0 auto; } .grey-bg2 .list-common li { text-decoration: none; list-style: none; margin: 3px 5px 20px 10px; display: block; position: relative; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; text-align: left; color: rgba(0, 0, 0, 0.65); text-decoration: none; } .grey-bg2 .list-common li a { text-decoration: none; text-align: left; color: rgba(0, 0, 0, 0.65); text-transform: capitalize; cursor: pointer; text-decoration: underline; } .grey-bg2 .list-common li:hover { color: rgba(0, 0, 0, 0.8); } .grey-bg2 .list-common li.active { color: rgba(0, 0, 0, 0.8); } .grey-bg3 { padding: 15px 15px; border-radius: 8px; margin: 15px 0 10px 0; background: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.1); height: auto; overflow: hidden; position: relative; /*.fgt-txt*/ } .grey-bg3.mar-custom { margin-top: -20px; } .grey-bg3.pad-b { padding-bottom: 0px; } .grey-bg3.pad-custom { padding-bottom: 50px; } .grey-bg3 .logo1 { display: block; margin: 0 auto; text-align: center; } .grey-bg3 .logo1 img { margin: 6px auto; text-align: center; width: 100%; max-width: 90px; height: auto; } .grey-bg3 .info-img { display: block; margin: 0 auto; text-align: center; } .grey-bg3 .info-img img { margin: 8px auto; text-align: center; width: 100%; max-width: 180px; height: auto; } .grey-bg3.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .grey-bg3 em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 0.9rem; display: inline-block; line-height: 1.2rem; } .grey-bg3 em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .grey-bg3 h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-bg3 h4.text-center { text-align: center; } .grey-bg3 h4.mar-custom { margin-top: 90px; } .grey-bg3 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .grey-bg3 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .grey-bg3 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .grey-bg3 a.reg-txt:hover { text-decoration: underline; } .grey-bg3 h5 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .grey-bg3 .sim-list { margin: 25px 0px 40px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg3 .sim-list ul { text-decoration: none; list-style: none; } .grey-bg3 .sim-list li { text-decoration: none; list-style: none; width: 50%; display: block; float: left; text-align: center; } .grey-bg3 .sim-list li a { text-decoration: none; width: 100%; display: block; padding: 20px 0; border-radius: 10px; height: auto; background: transparent; overflow: hidden; } .grey-bg3 .sim-list li a img { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033A1; } .grey-bg3 .sim-list li a svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #cccccc; } .grey-bg3 .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .grey-bg3 .sim-list li a:hover { background: rgba(0, 51, 161, 0.04); } .grey-bg3 .sim-list li a:hover img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .grey-bg3 .sim-list li a:hover svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg3 .sim-list li a:hover em { color: #0033a1; } .grey-bg3 .sim-list li a.active { background: rgba(0, 51, 161, 0.04); } .grey-bg3 .sim-list li a.active img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .grey-bg3 .sim-list li a.active svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg3 .sim-list li a.active em { color: #0033a1; } .grey-bg3 .list-common { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg3 .list-common ul { text-decoration: none; list-style: none; margin: 0 auto; } .grey-bg3 .list-common li { text-decoration: none; list-style: none; margin: 3px 5px 20px 10px; display: block; position: relative; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; text-align: left; color: rgba(0, 0, 0, 0.65); text-decoration: none; } .grey-bg3 .list-common li a { text-decoration: none; text-align: left; color: rgba(0, 0, 0, 0.65); text-transform: capitalize; cursor: pointer; text-decoration: underline; } .grey-bg3 .list-common li:hover { color: rgba(0, 0, 0, 0.8); } .grey-bg3 .list-common li.active { color: rgba(0, 0, 0, 0.8); } .grey-bg4 { padding: 15px 15px; margin: 0px 0px 0px 0px; background: rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: auto; overflow: hidden; position: relative; /*.fgt-txt*/ } .grey-bg4.mar-custom { margin-top: -20px; } .grey-bg4.pad-b { padding-bottom: 0px; } .grey-bg4.pad-custom { padding-bottom: 50px; } .grey-bg4 .logo1 { display: block; margin: 0 auto; text-align: center; } .grey-bg4 .logo1 img { margin: 6px auto; text-align: center; width: 100%; max-width: 90px; height: auto; } .grey-bg4 .info-img { display: block; margin: 0 auto; text-align: center; } .grey-bg4 .info-img img { margin: 8px auto; text-align: center; width: 100%; max-width: 180px; height: auto; } .grey-bg4.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .grey-bg4 em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 0.9rem; display: inline-block; line-height: 1.2rem; } .grey-bg4 em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .grey-bg4 h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-bg4 h4.text-center { text-align: center; } .grey-bg4 h4.mar-custom { margin-top: 90px; } .grey-bg4 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .grey-bg4 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .grey-bg4 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .grey-bg4 a.reg-txt:hover { text-decoration: underline; } .grey-bg4 h5 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .grey-bg4 .sim-list { margin: 25px 0px 40px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg4 .sim-list ul { text-decoration: none; list-style: none; } .grey-bg4 .sim-list li { text-decoration: none; list-style: none; width: 50%; display: block; float: left; text-align: center; } .grey-bg4 .sim-list li a { text-decoration: none; width: 100%; display: block; padding: 20px 0; border-radius: 10px; height: auto; background: transparent; overflow: hidden; } .grey-bg4 .sim-list li a img { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033A1; } .grey-bg4 .sim-list li a svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #cccccc; } .grey-bg4 .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .grey-bg4 .sim-list li a:hover { background: rgba(0, 51, 161, 0.04); } .grey-bg4 .sim-list li a:hover img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .grey-bg4 .sim-list li a:hover svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg4 .sim-list li a:hover em { color: #0033a1; } .grey-bg4 .sim-list li a.active { background: rgba(0, 51, 161, 0.04); } .grey-bg4 .sim-list li a.active img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .grey-bg4 .sim-list li a.active svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg4 .sim-list li a.active em { color: #0033a1; } .grey-bg4 .list-common { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg4 .list-common ul { text-decoration: none; list-style: none; margin: 0 auto; } .grey-bg4 .list-common li { text-decoration: none; list-style: none; margin: 3px 5px 20px 10px; display: block; position: relative; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; text-align: left; color: rgba(0, 0, 0, 0.65); text-decoration: none; } .grey-bg4 .list-common li a { text-decoration: none; text-align: left; color: rgba(0, 0, 0, 0.65); text-transform: capitalize; cursor: pointer; text-decoration: underline; } .grey-bg4 .list-common li:hover { color: rgba(0, 0, 0, 0.8); } .grey-bg4 .list-common li.active { color: rgba(0, 0, 0, 0.8); } .grey-bg5 { border: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 15px; border-radius: 8px; margin: 15px 0 10px 0; background: rgb(249, 250, 251); background: linear-gradient(180deg, rgb(249, 250, 251) 0%, rgb(247, 248, 250) 100%); height: auto; overflow: hidden; position: relative; /*.fgt-txt*/ } .grey-bg5.mar-custom { margin-top: -20px; } .grey-bg5.pad-b { padding-bottom: 0px; } .grey-bg5.pad-custom { padding-bottom: 50px; } .grey-bg5 .logo1 { display: block; margin: 0 auto; text-align: center; } .grey-bg5 .logo1 img { margin: 6px auto; text-align: center; width: 100%; max-width: 90px; height: auto; } .grey-bg5 .info-img { display: block; margin: 0 auto; text-align: center; } .grey-bg5 .info-img img { margin: 8px auto; text-align: center; width: 100%; max-width: 180px; height: auto; } .grey-bg5.bor1 { border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; } .grey-bg5 em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 0.9rem; display: inline-block; line-height: 1.2rem; } .grey-bg5 em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .grey-bg5 h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-bg5 h4.text-center { text-align: center; } .grey-bg5 h4.mar-custom { margin-top: 90px; } .grey-bg5 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .grey-bg5 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .grey-bg5 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .grey-bg5 a.reg-txt:hover { text-decoration: underline; } .grey-bg5 h5 { text-align: left; color: rgba(0, 0, 0, 0.5); margin: 2px 0; font-weight: 400; font-size: 1.1rem; } .grey-bg5 .sim-list { margin: 25px 0px 40px 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg5 .sim-list ul { text-decoration: none; list-style: none; } .grey-bg5 .sim-list li { text-decoration: none; list-style: none; width: 50%; display: block; float: left; text-align: center; } .grey-bg5 .sim-list li a { text-decoration: none; width: 100%; display: block; padding: 20px 0; border-radius: 10px; height: auto; background: transparent; overflow: hidden; } .grey-bg5 .sim-list li a img { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033A1; } .grey-bg5 .sim-list li a svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #cccccc; } .grey-bg5 .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .grey-bg5 .sim-list li a:hover { background: rgba(0, 51, 161, 0.04); } .grey-bg5 .sim-list li a:hover img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .grey-bg5 .sim-list li a:hover svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg5 .sim-list li a:hover em { color: #0033a1; } .grey-bg5 .sim-list li a.active { background: rgba(0, 51, 161, 0.04); } .grey-bg5 .sim-list li a.active img { width: 80px; height: 80px; margin: 10px 0; text-align: center; } .grey-bg5 .sim-list li a.active svg { width: 80px; height: 80px; margin: 10px 0; text-align: center; fill: #0033a1; } .grey-bg5 .sim-list li a.active em { color: #0033a1; } .grey-bg5 .list-common { margin: 6px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .grey-bg5 .list-common ul { text-decoration: none; list-style: none; margin: 0 auto; } .grey-bg5 .list-common li { text-decoration: none; list-style: none; margin: 3px 5px 20px 10px; display: block; position: relative; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; text-align: left; color: rgba(0, 0, 0, 0.65); text-decoration: none; } .grey-bg5 .list-common li a { text-decoration: none; text-align: left; color: rgba(0, 0, 0, 0.65); text-transform: capitalize; cursor: pointer; text-decoration: underline; } .grey-bg5 .list-common li:hover { color: rgba(0, 0, 0, 0.8); } .grey-bg5 .list-common li.active { color: rgba(0, 0, 0, 0.8); } .ux-footer1 { padding: 15px 15px; border-top: 0px solid rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; display: block; } .ux-footer1.pad-0 { padding-bottom: 0px; } .ux-footer1.border-n { border-top: 1px solid rgba(0, 0, 0, 0) !important; } .ux-footer1.bg-lg { background-color: white; } @media (max-width: 767px) { .ux-footer1.mob-sticky { padding: 5px 15px 10px 15px; position: fixed; bottom: 0; background-color: white; left: 0; right: 0; z-index: 99999; } } .ux-footer1 button.ux-button { text-align: center; } @media (max-width: 480px) { .ux-footer1 button.ux-button.ml-4 { margin-left: 0px !important; } } @media (max-width: 480px) { .ux-footer1 button.ux-button.float-right { float: none !important; text-align: center; } } @media (max-width: 767px) { .ux-footer1 { text-align: center; } } .modal-backdrop { position: absolute; top: 0; left: 0; z-index: 1040; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.85); right: 0; } .unfound-info { text-align: center; position: relative; margin: 0 auto; padding: 200px 0; clear: both; } .unfound-info h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .unfound-info h4 { font-weight: 500; font-size: 1.2rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .unfound-info h6 { font-weight: 400; font-size: 1rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.5); text-align: center; } .unfound-info img { margin: 15px 0; width: 72px; height: 72px; text-align: center; } .unfound-info p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .unfound-info a { font-size: 0.85rem; } .unfound-info a.reg-text { text-decoration: underline; color: rgba(0, 51, 161, 0.95); text-align: center; margin-bottom: 5px; } .unfound-info a.reg-text:hover { text-decoration: none; } .unfound-info1 { text-align: center; position: relative; margin: 0px auto; padding: 50px 0; clear: both; } .unfound-info1 h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .fnt-large .unfound-info1 h3 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .unfound-info1 h3 { font-size: 1.8rem; line-height: 1.9rem; } .unfound-info1 h4 { font-weight: 500; font-size: 1.2rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .fnt-large .unfound-info1 h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .unfound-info1 h4 { font-size: 1.4rem; line-height: 1.5rem; } .unfound-info1 h6 { font-weight: 400; font-size: 1rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.5); text-align: center; } .fnt-large .unfound-info1 h6 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .unfound-info1 h6 { font-size: 1.2rem; line-height: 1.3rem; } .unfound-info1 img { margin: 15px 0; width: 64; height: 64px; text-align: center; } .unfound-info1 p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .fnt-large .unfound-info1 p { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .unfound-info1 p { font-size: 1rem; line-height: 1.1rem; } .unfound-info1 a { font-size: 0.85rem; } .fnt-large .unfound-info1 a { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .unfound-info1 a { font-size: 1rem; line-height: 1.1rem; } .unfound-info1 a.reg-text { text-decoration: underline; color: rgba(0, 51, 161, 0.95); text-align: center; margin-bottom: 5px; } .unfound-info1 a.reg-text:hover { text-decoration: none; } .unfound-info2 { text-align: center; position: relative; margin: 0px; padding: 10px 0; clear: both; } .unfound-info2.cust-p { padding: 40px 0; } .unfound-info2 h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .fnt-large .unfound-info2 h3 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .unfound-info2 h3 { font-size: 1.8rem; line-height: 1.9rem; } .unfound-info2 h4 { font-weight: 500; font-size: 1.2rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .fnt-large .unfound-info2 h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .unfound-info2 h4 { font-size: 1.4rem; line-height: 1.5rem; } .unfound-info2 h6 { font-weight: 400; font-size: 1rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.5); text-align: center; } .fnt-large .unfound-info2 h6 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .unfound-info2 h6 { font-size: 1.3rem; line-height: 1.4rem; } .unfound-info2 img { margin: 15px 0; width: 72px; height: 72px; text-align: center; } .unfound-info2 p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: center; } .unfound-info2 a { font-size: 0.85rem; } .fnt-large .unfound-info2 a { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .unfound-info2 a { font-size: 1rem; line-height: 1.1rem; } .unfound-info2 a.reg-text { text-decoration: underline; color: rgba(0, 51, 161, 0.95); text-align: center; margin-bottom: 5px; } .unfound-info2 a.reg-text:hover { text-decoration: none; } a.small-icons img { width: 18px; height: 18px; margin: 2px 0; text-align: left; } a.small-icons svg { width: 18px; height: 18px; margin: 2px 0; text-align: left; fill: #0033a1; } .small-icons img { width: 18px; height: 18px; margin: 2px 0; text-align: left; } .small-icons svg { width: 18px; height: 18px; margin: 2px 0; text-align: left; fill: #0033a1; } .result-container { padding: 8px 8px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; margin: 10px 0; background-color: #f7f7f7; } .result-container h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 3px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .result-container h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 4px 0; line-height: 0.9rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0.5px; text-transform: initial; } .result-container1 { position: relative; width: 100%; height: auto; overflow: hidden; z-index: 0; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; margin: 15px 0; background-color: white; } @media (min-width: 767px) { .result-container1 { box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); } } .result-container1.mar-t { margin: 0px 0 10px 0; } .result-container1.mar-top { position: relative; margin-top: -33px; } .result-container1 .top-border { height: 1px; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; display: block; background-color: rgba(0, 0, 0, 0.2); } .result-container1 .info-bottom { position: relative; margin: 0px; display: block; padding: 20px 15px 0 15px; clear: both; word-wrap: break-word; /*.fgt-txt*/ } @media (min-width: 767px) { .result-container1 .info-bottom { display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } } @media (min-width: 767px) { .result-container1 .info-bottom.pad-custom { padding: 30px 20px 20px 20px; } } .result-container1 .info-bottom a.reg-txt { font-size: 0.8rem; font-weight: 500; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; text-align: right; } [theme=dark] .result-container1 .info-bottom a.reg-txt { color: #ffffff; } .result-container1 .info-bottom a.reg-txt:hover { color: #0033A1; text-decoration: none; } .result-container1 .info-bottom .info-details { display: block; margin-bottom: 25px; word-wrap: break-word; } .result-container1 .info-bottom .info-details .row { margin: 0; } @media (min-width: 767px) { .result-container1 .info-bottom .info-details.mt-3 { margin-top: 0px !important; } } @media (min-width: 767px) { .result-container1 .info-bottom .info-details { display: inline-block; float: left; width: 32%; margin-right: 2%; margin-bottom: 0px; padding: 15px 0px; transition: 0.2s; } .result-container1 .info-bottom .info-details:nth-child(3n) { margin-right: 0; } } .result-container1 .info-bottom .info-details h4 { font-weight: 400; font-size: 1.2rem; line-height: 1.2rem; width: 100%; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } [theme=dark] .result-container1 .info-bottom .info-details h4 { color: #ffffff; } .result-container1 .info-bottom .info-details h5 { font-weight: 500; font-size: 1.1rem; width: 100%; display: block; line-height: 1.2rem; margin: 1px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } [theme=dark] .result-container1 .info-bottom .info-details h5 { color: #ffffff; } .result-container1 .info-bottom .info-details h5 span { color: rgba(0, 0, 0, 0.65); } [theme=dark] .result-container1 .info-bottom .info-details h5 span { color: #ffffff; } .result-container1 .info-bottom .info-details h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } [theme=dark] .result-container1 .info-bottom .info-details h5 img { filter: brightness(100) sepia(1) hue-rotate(0deg) saturate(0); } @media (min-width: 767px) { .result-container1 .info-bottom .info-details h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 5px 0; } } .result-container1 .info-bottom .info-details h6 { font-weight: 400; font-size: 0.8rem; width: 100%; line-height: 1rem; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.6); text-align: left; } [theme=dark] .result-container1 .info-bottom .info-details h6 { color: #ffffff; } @media (min-width: 767px) { .result-container1 .info-bottom .info-details h6 { font-size: 0.85rem; line-height: 1rem; margin: 4px 0; } } .white-box2 { padding: 8px 15px; border: 1px solid #e6e6e6; border-radius: 5px; margin: 15px 0 10px 0; background-color: white; height: auto; position: relative; z-index: 11; /*.fgt-txt*/ } .white-box2 div.no-list-parent { min-height: 250px; text-align: center; display: flex; align-items: center; } .white-box2 div.no-list-parent h5 { color: #9DA3AF; font-size: 1rem; line-height: 1.1rem; text-transform: capitalize; margin: 0 auto; } .white-box2 div.no-list-parent img { width: 250px; height: 250px; margin: 20px auto 0px; } .white-box2 .bene-wrapper { padding: 15px; } .white-box2 .loan-calc-wrapper { padding: 8px 20px 15px; } .white-box2 .raise-track-query-container { padding: 8px 15px 15px; } .white-box2 .raise-track-query-container .page-section-header { border-bottom: 1px solid #e8e9ec; width: 100%; padding: 10px 10px 15px 17px; margin-bottom: 1rem; } .white-box2 .raise-track-query-container .page-section-header h5 { font-size: 1.1rem; } .white-box2.payment-success .raise-track-query-container .page-section-header p { font-size: 12px; color: #4E545F; } .white-box2.payment-success .raise-track-query-container .page-section-header h4 { font-size: 1.4rem; font-weight: 500; color: #16A34A; } .white-box2.payment-success .raise-track-query-container .page-section-header h4 img { width: 32px; height: 32px; } .white-box2.payment-success .raise-track-query-container .page-section-header h5 { font-size: 1.2rem; } .white-box2.payment-success .raise-track-query-container .page-section-header img.success-rcpt { width: 115px; } .white-box2.payment-success .raise-track-query-container .dwnld-rcpt { color: #002891; font-size: 14px; } .white-box2.payment-success .raise-track-query-container .dwnld-rcpt img { margin-right: 5px; width: 24px; } .white-box2.payment-success .raise-track-query-container .dwnld-rcpt:hover { text-decoration: none; color: #00387F; } .white-box2 .readonly-container { padding: 8px 8px 5x 0; margin-bottom: 20px; } .white-box2 .readonly-container p { font-size: 0.8rem; color: #707070; margin-bottom: 5px; } .white-box2 .readonly-container h6 { font-size: 1.1rem; font-weight: 400; } .white-box2 .readonly-container h6.new_status { color: #24a955; } .white-box2 .readonly-container h6.closed_status { color: #dc2626; } .white-box2 .readonly-container h6.inprogress_status { color: #f7b442; } .white-box2 .readonly-container h6.closedrefbck_status { color: #002891; } .white-box2.pad-customise { padding: 8px 0px 20px 0px; } .white-box2.mar-customise { margin-left: -15px; margin-right: -15px; } .white-box2 .show-btn { position: relative; bottom: -1px; right: 0; width: 16px; height: 16px; display: inline-block; } .white-box2 .show-btn .refresh-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; font-size: 1rem; width: 20px; height: 20px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px !important; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background: url('_-assets-images-svg-hide.svg') no-repeat center center; background-size: 22px; } .white-box2 .show-btn .refresh-btn.active { background: url('show-balance.svg') no-repeat center center; background-size: 22px; } .white-box2 .info-bottom { position: relative; margin: 0px; display: block; padding: 15px 15px; clear: both; word-wrap: break-word; /*.fgt-txt*/ } @media (min-width: 767px) { .white-box2 .info-bottom { display: flex; border-bottom: 0px solid rgba(0, 0, 0, 0.05); /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } } @media (min-width: 767px) { .white-box2 .info-bottom.pad-custom { padding: 10px 20px; } } @media (max-width: 767px) { .white-box2 .info-bottom.pad-custom { padding: 10px 15px; } } .white-box2 .info-bottom a.reg-txt { font-size: 0.8rem; font-weight: 500; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; text-align: right; } .fnt-large .white-box2 .info-bottom a.reg-txt { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .white-box2 .info-bottom a.reg-txt { font-size: 1rem; line-height: 1.2rem; } [theme=dark] .white-box2 .info-bottom a.reg-txt { color: #ffffff; } .white-box2 .info-bottom a.reg-txt:hover { color: #0033A1; text-decoration: none; } .white-box2 .info-bottom .info-details { display: block; margin-bottom: 10px; word-wrap: break-word; } @media (min-width: 767px) { .white-box2 .info-bottom .info-details.mt-3 { margin-top: 0px !important; } } @media (min-width: 767px) { .white-box2 .info-bottom .info-details { display: inline-block; float: left; width: 32%; margin-right: 2%; margin-bottom: 0px; padding: 15px 0px; transition: 0.2s; } .white-box2 .info-bottom .info-details:nth-child(3n) { margin-right: 0; } } @media (max-width: 767px) { .white-box2 .info-bottom .info-details:nth-child(3) { width: 50%; display: inline-block !important; float: left; margin-bottom: 0 !important; } .white-box2 .info-bottom .info-details:nth-child(4) { width: 50%; display: inline-block !important; float: left; margin-bottom: 0 !important; } .white-box2 .info-bottom .info-details:nth-child(4) h5, .white-box2 .info-bottom .info-details:nth-child(4) h6 { text-align: right; } } .white-box2 .info-bottom .info-details h4 { font-weight: 400; font-size: 1.2rem; line-height: 1.2rem; width: 100%; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .fnt-large .white-box2 .info-bottom .info-details h4 { font-size: 1.3rem; line-height: 1.4rem; } .fnt-xlarge .white-box2 .info-bottom .info-details h4 { font-size: 1.4rem; line-height: 1.5rem; } [theme=dark] .white-box2 .info-bottom .info-details h4 { color: #ffffff; } .white-box2 .info-bottom .info-details h5 { font-weight: 500; font-size: 1.1rem; width: 100%; display: block; margin: 1px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .fnt-large .white-box2 .info-bottom .info-details h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .white-box2 .info-bottom .info-details h5 { font-size: 1.3rem; line-height: 1.4rem; } [theme=dark] .white-box2 .info-bottom .info-details h5 { color: #ffffff; } .white-box2 .info-bottom .info-details h5.bal-info { display: inline-block; } .white-box2 .info-bottom .info-details h5.bal-info-show { display: none; } .white-box2 .info-bottom .info-details h5 span { color: rgba(0, 0, 0, 0.65); } [theme=dark] .white-box2 .info-bottom .info-details h5 span { color: #ffffff; } .white-box2 .info-bottom .info-details h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } [theme=dark] .white-box2 .info-bottom .info-details h5 img { filter: brightness(100) sepia(1) hue-rotate(0deg) saturate(0); } @media (min-width: 767px) { .white-box2 .info-bottom .info-details h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 3px 0; } } .white-box2 .info-bottom .info-details h6 { font-weight: 400; font-size: 0.85rem; width: 100%; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.6); text-align: left; } .fnt-large .white-box2 .info-bottom .info-details h6 { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .white-box2 .info-bottom .info-details h6 { font-size: 1rem; line-height: 1.1rem; } [theme=dark] .white-box2 .info-bottom .info-details h6 { color: #ffffff; } @media (min-width: 767px) { .white-box2 .info-bottom .info-details h6 { font-size: 0.85rem; line-height: 1rem; margin: 3px 0; } } .white-box2 .info-bottom .info-details:last-child { margin-bottom: 0px; } .white-box2 .bg-img { position: absolute; width: 130px; height: 130px; right: 0; top: -16px; } .white-box2 .bg-img img { width: 100%; height: 100%; text-align: center; } .white-box2 em.message { text-align: left; color: rgba(0, 0, 0, 0.55); font-size: 1rem; display: inline-block; line-height: 1.2rem; } .white-box2 em.small1 { display: inline-block; color: rgba(0, 0, 0, 0.5); margin: 5px 0; font-weight: 400; font-size: 0.7rem; line-height: 1rem !important; } .white-box2 h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin: 0px 0px 15px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .white-box2 a.reg-txt { font-size: 0.9rem; font-weight: 500; text-align: right; text-decoration: none; letter-spacing: 0.5px; color: #0033A1; } .white-box2 a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .white-box2 a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .white-box2 a.reg-txt:hover { text-decoration: underline; } .white-box2 .success { position: relative; margin: 0px; padding: 5px 0 5px 28px; clear: both; z-index: 2; } .white-box2 .success h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-box2 .success h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.3rem; margin: 8px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-box2 .success h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .white-box2 .success h5 { font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; position: relative; margin: 5px 0; color: rgba(0, 51, 161, 0.8); text-align: left; } .white-box2 .success h5.error { color: rgba(206, 14, 65, 0.7); } .white-box2 .success h5 img { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .white-box2 .success small { font-style: 400; font-size: 0.7rem; display: block; line-height: 0.9rem; margin: 0; color: rgba(0, 0, 0, 0.7); text-align: left; padding-right: 80px; } .white-box2 .success small span { font-style: 400; font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); } .white-box2 .success p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: left; } .white-box2 .success a { font-size: 0.85rem; } .white-box2 .success a.reg-text { text-decoration: underline; color: rgba(0, 51, 161, 0.95); text-align: center; margin-bottom: 5px; } .white-box2 .success a.reg-text:hover { text-decoration: none; } .widget-box6 { width: 100%; background-color: #f2f2f2; position: relative; overflow: hidden; height: auto; padding: 2px 10px; border-radius: 0px; display: block; /*component-title1*/ /*component-title3*/ /*component-title3*/ /*component-title3*/ } .widget-box6.mar-t { margin-top: -10px !important; } .widget-box6.mar-t5 { margin-top: -5px !important; z-index: 99; } .widget-box6 .component-title1 { background-color: #f2f2f2; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box6 .component-title1 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box6 .component-title1 h3 span { font-size: 18px; color: white; padding: 10px 15px; background-color: rgba(0, 51, 161, 0.5); border-radius: 5px; margin-left: 5px; } @media (max-width: 480px) { .widget-box6 .component-title1 h3 { font-size: 16px; } } .widget-box6 .component-title1 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box6 .component-title1 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box6 .component-title1 h5 { font-size: 14px; } } .widget-box6 .component-title1 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box6 .component-title1 i { font-size: 14px; } } .widget-box6 .component-title3 { background-color: #f2f2f2; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box6 .component-title3 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box6 .component-title3 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 480px) { .widget-box6 .component-title3 h3 { font-size: 16px; } } .widget-box6 .component-title3 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box6 .component-title3 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box6 .component-title3 h5 { font-size: 14px; } } .widget-box6 .component-title3 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box6 .component-title3 i { font-size: 14px; } } .widget-box6 .component-title5 { background-color: #f2f2f2; width: 100%; overflow: hidden; padding: 15px 15px; } .widget-box6 .component-title5 h3 { color: white; font-size: 20px; font-weight: 500; line-height: 24px; } .widget-box6 .component-title5 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 480px) { .widget-box6 .component-title5 h3 { font-size: 16px; } } .widget-box6 .component-title5 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box6 .component-title5 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box6 .component-title5 h5 { font-size: 14px; } } .widget-box6 .component-title5 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box6 .component-title5 i { font-size: 14px; } } .widget-box6 .component-title6 { background-color: #f2f2f2; width: 100%; overflow: hidden; padding: 15px 15px; } @media (max-width: 767px) { .widget-box6 .component-title6 { padding: 4px 8px; } } .widget-box6 .component-title6 h3 { color: rgba(0, 0, 0, 0.8); font-size: 1.3rem; font-weight: 400; line-height: 1.6rem; } .widget-box6 .component-title6 h3 span { font-size: 18px; color: rgba(0, 0, 0, 0.85); padding: 10px 15px; background-color: #efeff0; border-radius: 5px; margin-left: 5px; } @media (max-width: 767px) { .widget-box6 .component-title6 h3 { font-size: 0.8rem; } } .widget-box6 .component-title6 h5 { color: rgba(0, 0, 0, 0.5); font-size: 16px; } .widget-box6 .component-title6 h5 span { font-size: 16px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 480px) { .widget-box6 .component-title6 h5 { font-size: 14px; } } .widget-box6 .component-title6 i { font-size: 17px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 480px) { .widget-box6 .component-title6 i { font-size: 14px; } } .scan-bg { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.65); position: absolute; top: 225px; bottom: 0; left: 0; right: 0; overflow: hidden; height: auto; padding: 15px 10px; border-radius: 0px; display: block; } .scan-bg .scan-img { width: 150px; height: 150px; margin: 80px auto; text-align: center; position: relative; border: none; background-color: transparent; display: block; } @media (min-height: 700px) { .scan-bg .scan-img { margin: 100px auto; } } @media (max-height: 600px) { .scan-bg .scan-img { margin: 50px auto; } } .scan-bg .scan-img img { width: 100%; max-width: 140px; height: auto; margin: 0 auto; text-align: center; } .scan-bg h5 { font-weight: 500; font-size: 1.1rem; line-height: 1.2rem; margin: 5px 0; color: rgba(255, 255, 255, 0.9); text-align: center; } .scan-bg h5 img { position: relative; margin: -2px; margin-right: 5px; width: 26px; height: 26px; } .scan-bg h5 a { text-decoration: none; color: rgba(255, 255, 255, 0.9); list-style: none; font-weight: 500; font-size: 1.1rem; line-height: 1.2rem; } .scan-bg h5 a:hover { color: rgba(255, 255, 255, 0.7); text-decoration: underline; } .scan-bg a { text-decoration: none; color: rgba(255, 255, 255, 0.9); list-style: none; } .scan-bg a:hover { color: rgba(255, 255, 255, 0.7); text-decoration: underline; } @media (min-width: 767px) { .scan-bg { top: 282px; } } .payment-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .payment-list.mar-custom { margin-top: 20px; } .payment-list ul { text-decoration: none; list-style: none; } .payment-list li { text-decoration: none; list-style: none; padding: 4px 15px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; box-shadow: -1px 1px 8px 0px rgba(0, 0, 0, 0.2); border-radius: 5px; margin-top: 10px; } .payment-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .payment-list li a { text-decoration: none; list-style: none; } .payment-list li .full-container { margin: 5px 0px 5px 0px; } .payment-list li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 42px; clear: both; position: relative; } .payment-list li .full-container .left-info .rupee-info { position: absolute; left: -2px; top: -1px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .payment-list li .full-container .left-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .payment-list li .full-container .left-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payment-list li .full-container .left-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .payment-list li .full-container .left-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .payment-list li .full-container .left-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .payment-list li .full-container .left-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .payment-list li .full-container .left-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .payment-list li .full-container .left-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .payment-list li .full-container .left-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .payment-list li .full-container .left-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .payment-list li .full-container .left-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .payment-list li .full-container .left-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .payment-list li .full-container .left-info .rupee-info span img:hover { opacity: 0.8; } .payment-list li .full-container .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .payment-list li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list li .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .payment-list li .full-container .left-info em { font-size: 0.5rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .payment-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .payment-list li .full-container .left-info1 h5 { font-weight: 500; font-size: 0.95rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .payment-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .payment-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .payment-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .payment-list li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .payment-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .payment-list li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .payment-list li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .payment-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .payment-list li .full-container .full-info em a:hover { text-decoration: none; } .payment-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .payment-list li .full-container .right-info h5 { font-weight: 500; font-size: 0.95rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .payment-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .payment-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .payment-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .payment-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .payment-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .payment-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .payment-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .payment-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list li .full-container .right-info button { margin: 5px 0; } .payment-list li .full-container .right-info button.ux-button { float: right; } .payment-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .payment-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .payment-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .payment-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .payment-list li:hover { background-color: #0066c0; } .manage-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .manage-list.mar-custom { margin-top: 20px; } .manage-list ul { text-decoration: none; list-style: none; } .manage-list li { text-decoration: none; list-style: none; padding: 0px 12px; width: 100%; background-color: transparent; border-bottom: 1px solid white; clear: both; } .manage-list li.bor-n { border-bottom: 1px solid rgba(255, 255, 255, 0); } .manage-list li a { text-decoration: none; list-style: none; } .manage-list li .full-container { padding: 5px 0px 5px 0px; } .manage-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .manage-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .manage-list li .full-container .left-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .manage-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .manage-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .manage-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .manage-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .manage-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .manage-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .manage-list li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 5px auto; word-wrap: break-word; word-break: break-all; display: block; position: relative; clear: both; position: relative; } .manage-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .manage-list li .full-container .full-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .manage-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .manage-list li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .manage-list li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .manage-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .manage-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .manage-list li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .manage-list li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .manage-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .manage-list li .full-container .full-info em a:hover { text-decoration: none; } .manage-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .manage-list li .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .manage-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .manage-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .manage-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .manage-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .manage-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .manage-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .manage-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .manage-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .manage-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .manage-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .manage-list li .full-container .right-info button { margin: 5px 0; } .manage-list li .full-container .right-info button.ux-button { float: right; } .manage-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .manage-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .manage-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .manage-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .manage-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .manage-list li:hover { background-color: #004e92; } .manage-list li:last-child { border-bottom: 0px solid white; } .biller-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .biller-list.mar-custom { margin-top: 15px; } .biller-list ul { text-decoration: none; list-style: none; } .biller-list li { text-decoration: none; list-style: none; padding: 8px 15px; margin-bottom: 20px; width: 100%; border-radius: 4px; background-color: rgba(0, 51, 161, 0.1); height: auto; display: block; clear: both; } .biller-list li a { text-decoration: none; list-style: none; } .biller-list li .full-container { margin: 5px 0px 5px 0px; } .biller-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .biller-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .biller-list li .full-container .left-info1 h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 2px 0px; line-height: 1.3rem; color: #0033a1; text-transform: initial; } @media (max-width: 340px) { .biller-list li .full-container .left-info1 h4 { font-size: 1.1rem; line-height: 1.1rem; } } .biller-list li .full-container .left-info1 h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .biller-list li .full-container .left-info1 h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .biller-list li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } @media (max-width: 340px) { .biller-list li .full-container .left-info1 h5 { font-size: 1rem; line-height: 1rem; } } .biller-list li .full-container .left-info1 h5 span { color: rgba(0, 0, 0, 0.6); font-size: 1.1rem; line-height: 1.2rem; } .biller-list li .full-container .left-info1 h5 span.reject { color: rgba(186, 188, 191, 0.9); } .biller-list li .full-container .left-info1 h5 span.success { color: rgba(19, 164, 67, 0.9); } .biller-list li .full-container .left-info1 h5 span.verify { color: rgba(0, 51, 161, 0.9); } .biller-list li .full-container .left-info1 h5 span.debit { color: rgba(206, 14, 65, 0.95); } .biller-list li .full-container .left-info1 h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .biller-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .biller-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .biller-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .biller-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .biller-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .biller-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .biller-list li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 5px auto; word-wrap: break-word; word-break: break-all; display: block; position: relative; clear: both; position: relative; } .biller-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .biller-list li .full-container .full-info h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 2px 0px; line-height: 1.3rem; color: #0033a1; text-transform: initial; } .biller-list li .full-container .full-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .biller-list li .full-container .full-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .biller-list li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .biller-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .biller-list li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .biller-list li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .biller-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .biller-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .biller-list li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .biller-list li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .biller-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .biller-list li .full-container .full-info em a:hover { text-decoration: none; } .biller-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .biller-list li .full-container .right-info h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 2px 0px; line-height: 1.3rem; color: #0033a1; text-transform: initial; } .biller-list li .full-container .right-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .biller-list li .full-container .right-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .biller-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .biller-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 1.1rem; line-height: 1.2rem; } .biller-list li .full-container .right-info h5 span.reject { color: rgba(186, 188, 191, 0.9); } .biller-list li .full-container .right-info h5 span.success { color: rgba(19, 164, 67, 0.9); } .biller-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .biller-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .biller-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .biller-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .biller-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .biller-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .biller-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .biller-list li .full-container .right-info button { margin: 5px 0; } .biller-list li .full-container .right-info button.ux-button { float: right; } .biller-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .biller-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .biller-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .biller-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .biller-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .biller-list li:last-child { margin-bottom: 0px; } .contactinfo-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .contactinfo-list.mar-custom { margin-top: 20px; } .contactinfo-list ul { text-decoration: none; list-style: none; } .contactinfo-list li { text-decoration: none; list-style: none; padding: 10px 20px; width: 100%; background-color: white; border-bottom: 0px solid rgba(0, 0, 0, 0.1); clear: both; } .contactinfo-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .contactinfo-list li a { text-decoration: none; list-style: none; } .contactinfo-list li .full-container { margin: 5px 0px 5px 0px; } .contactinfo-list li .full-container .left-info1 { text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .contactinfo-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .contactinfo-list li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .contactinfo-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .contactinfo-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .contactinfo-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .contactinfo-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .contactinfo-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .contactinfo-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .contactinfo-list li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .contactinfo-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .contactinfo-list li .full-container .full-info h4 { font-weight: 500; font-size: 1.4rem; text-align: left; margin: 8px 0px 6px 0px; line-height: 1.4rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; } .contactinfo-list li .full-container .full-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .contactinfo-list li .full-container .full-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .contactinfo-list li .full-container .full-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .contactinfo-list li .full-container .full-info h4 a:hover { color: rgba(0, 0, 0, 0.7); } .contactinfo-list li .full-container .full-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 5px 0; line-height: 1.4rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; word-wrap: break-word; } .contactinfo-list li .full-container .full-info h5.cust-mar { margin: 16px 0px 0px 0px; } .contactinfo-list li .full-container .full-info h5.cust-fw { font-weight: 500; } @media (max-width: 340px) { .contactinfo-list li .full-container .full-info h5 { font-size: 1rem; } } .contactinfo-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; display: inline-block; } .contactinfo-list li .full-container .full-info h5 img.img-m { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .contactinfo-list li .full-container .full-info h5 a { list-style: none; font-weight: 500; font-size: 1.1rem; text-align: left; line-height: 1.4rem; text-decoration: none; color: rgba(0, 0, 0, 0.9); text-align: left; display: inline-block; } .contactinfo-list li .full-container .full-info h5 a img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .contactinfo-list li .full-container .full-info h5 a img.img-m { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .contactinfo-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .contactinfo-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .contactinfo-list li .full-container .full-info em { font-size: 0.85rem; color: rgba(0, 0, 0, 0.55); text-align: left; margin: 4px 0; font-weight: 400; line-height: 1.2rem; display: block; } .contactinfo-list li .full-container .full-info em a { font-size: 0.8rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .contactinfo-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .contactinfo-list li .full-container .full-info em a:hover { text-decoration: none; } .contactinfo-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .contactinfo-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .contactinfo-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .contactinfo-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .contactinfo-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .contactinfo-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .contactinfo-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .contactinfo-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .contactinfo-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .contactinfo-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .contactinfo-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .contactinfo-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .contactinfo-list li .full-container .right-info button { margin: 5px 0; } .contactinfo-list li .full-container .right-info button.ux-button { float: right; } .contactinfo-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .contactinfo-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .contactinfo-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .contactinfo-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .contactinfo-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .contactinfo-list li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .enquiry-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .enquiry-list.mar-custom { margin-top: 20px; } .enquiry-list ul { text-decoration: none; list-style: none; } .enquiry-list li { text-decoration: none; list-style: none; padding: 4px 15px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .enquiry-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .enquiry-list li a { text-decoration: none; list-style: none; } .enquiry-list li .full-container { margin: 5px 0px 5px 0px; } .enquiry-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .enquiry-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .enquiry-list li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .enquiry-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .enquiry-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .enquiry-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .enquiry-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .enquiry-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .enquiry-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .enquiry-list li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .enquiry-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .enquiry-list li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .enquiry-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .enquiry-list li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .enquiry-list li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .enquiry-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .enquiry-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .enquiry-list li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .enquiry-list li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .enquiry-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .enquiry-list li .full-container .full-info em a:hover { text-decoration: none; } .enquiry-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .enquiry-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .enquiry-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .enquiry-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .enquiry-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .enquiry-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .enquiry-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .enquiry-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .enquiry-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .enquiry-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .enquiry-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .enquiry-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .enquiry-list li .full-container .right-info button { margin: 5px 0; } .enquiry-list li .full-container .right-info button.ux-button { float: right; } .enquiry-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .enquiry-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .enquiry-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .enquiry-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .enquiry-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .bill-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .bill-list.mar-custom { margin-top: 20px; } .bill-list ul { text-decoration: none; list-style: none; } .bill-list li { text-decoration: none; list-style: none; padding: 4px 15px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .bill-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .bill-list li a { text-decoration: none; list-style: none; } .bill-list li .full-container { margin: 5px 0px 5px 0px; } .bill-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .bill-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .bill-list li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .bill-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .bill-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .bill-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .bill-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .bill-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .bill-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .bill-list li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .bill-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .bill-list li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .bill-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .bill-list li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .bill-list li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .bill-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .bill-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .bill-list li .full-container .full-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .bill-list li .full-container .full-info img { width: 18px; height: 18px; position: relative; display: inline-block; opacity: 1; margin: 10px 0; } .bill-list li .full-container .full-info img:hover { opacity: 0.8; } .bill-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .bill-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .bill-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .bill-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .bill-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .bill-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .bill-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .bill-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .bill-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .bill-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .bill-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .bill-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .bill-list li .full-container .right-info button { margin: 5px 0; } .bill-list li .full-container .right-info button.ux-button { float: right; } .bill-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .bill-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .bill-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .bill-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .bill-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .bill-list li:hover { background-color: #0066c0; } .location-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .location-list.mar-custom { margin-top: 20px; } .location-list ul { text-decoration: none; list-style: none; } .location-list li { text-decoration: none; list-style: none; padding: 10px 20px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .location-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .location-list li a { text-decoration: none; list-style: none; } .location-list li .full-container { margin: 0px 0px 0px 0px; } .location-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .location-list li .full-container .left-info1 h5 { font-weight: 500; font-size: 1rem; text-align: left; margin: 5px 0px 10px 0px; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .location-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .location-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .location-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .location-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .location-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .location-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .location-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .location-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .location-list li .full-container .right-info h5.cust-mar { margin: 12px 0; } .location-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .location-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .location-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .location-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .location-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .location-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .location-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .location-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .location-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .location-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .location-list li .full-container .right-info button { margin: 5px 0; } .location-list li .full-container .right-info button.ux-button { float: right; } .location-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .location-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .location-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .location-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .location-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .location-list li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .payment-list2 { width: 100%; padding: 0px 0; margin: 0px 0px; } .payment-list2.mar-custom { margin-top: 20px; } .payment-list2 ul { text-decoration: none; list-style: none; } .payment-list2 li { text-decoration: none; list-style: none; padding: 4px 15px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .payment-list2 li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .payment-list2 li a { text-decoration: none; list-style: none; } .payment-list2 li .full-container { margin: 5px 0px 5px 0px; } .payment-list2 li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 42px; clear: both; position: relative; } .payment-list2 li .full-container .left-info .rupee-info { position: absolute; left: -2px; top: -1px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .payment-list2 li .full-container .left-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .payment-list2 li .full-container .left-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payment-list2 li .full-container .left-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .payment-list2 li .full-container .left-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .payment-list2 li .full-container .left-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .payment-list2 li .full-container .left-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .payment-list2 li .full-container .left-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .payment-list2 li .full-container .left-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .payment-list2 li .full-container .left-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .payment-list2 li .full-container .left-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .payment-list2 li .full-container .left-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .payment-list2 li .full-container .left-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .payment-list2 li .full-container .left-info .rupee-info span img:hover { opacity: 0.8; } .payment-list2 li .full-container .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list2 li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .payment-list2 li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list2 li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list2 li .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .payment-list2 li .full-container .left-info em { font-size: 0.5rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list2 li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .payment-list2 li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .payment-list2 li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list2 li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .payment-list2 li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .payment-list2 li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list2 li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list2 li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list2 li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list2 li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .payment-list2 li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .payment-list2 li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .payment-list2 li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .payment-list2 li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .payment-list2 li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list2 li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list2 li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list2 li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list2 li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .payment-list2 li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .payment-list2 li .full-container .full-info em a:hover { text-decoration: none; } .payment-list2 li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .payment-list2 li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list2 li .full-container .right-info h5.pending { color: rgba(186, 188, 191, 0.9); } .payment-list2 li .full-container .right-info h5.credit { color: rgba(19, 164, 67, 0.9); } .payment-list2 li .full-container .right-info h5.verify { color: rgba(0, 51, 161, 0.9); } .payment-list2 li .full-container .right-info h5.debit { color: rgba(206, 14, 65, 0.95); } .payment-list2 li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; font-weight: 500; } .payment-list2 li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .payment-list2 li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .payment-list2 li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .payment-list2 li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .payment-list2 li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .payment-list2 li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .payment-list2 li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .payment-list2 li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list2 li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list2 li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list2 li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .payment-list2 li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .payment-list2 li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .transaction-section { width: 100%; padding: 0px 0; margin: 0px 0px; display: block; height: auto; background-color: white; z-index: 0; } .transaction-list2 { width: 100%; padding: 0px 0; margin: 0px 0px; } .transaction-list2.mar-custom { margin-top: 20px; } .transaction-list2 ul { text-decoration: none; list-style: none; } .transaction-list2 li { text-decoration: none; list-style: none; padding: 10px 20px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .transaction-list2 li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .transaction-list2 li a { text-decoration: none; list-style: none; } .transaction-list2 li .full-container { margin: 5px 0px 5px 0px; } .transaction-list2 li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .transaction-list2 li .full-container .left-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .transaction-list2 li .full-container .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .transaction-list2 li .full-container .left-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .transaction-list2 li .full-container .left-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .transaction-list2 li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .transaction-list2 li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .transaction-list2 li .full-container .left-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .transaction-list2 li .full-container .left-info h6 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; display: block; margin: 15px 0px 5px 0px; } .transaction-list2 li .full-container .left-info h6 span.pending { color: rgba(186, 188, 191, 0.9); } .transaction-list2 li .full-container .left-info h6 span.success { color: rgba(19, 164, 67, 0.9); } .transaction-list2 li .full-container .left-info h6 span.info { color: rgba(0, 51, 161, 0.9); } .transaction-list2 li .full-container .left-info h6 span.reject { color: rgba(206, 14, 65, 0.95); } .transaction-list2 li .full-container .left-info h6 span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .transaction-list2 li .full-container .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .transaction-list2 li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .transaction-list2 li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .transaction-list2 li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .transaction-list2 li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .transaction-list2 li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .transaction-list2 li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .transaction-list2 li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .transaction-list2 li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .transaction-list2 li .full-container .full-info h6 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; margin: 10px 0px 0px 0px; } .transaction-list2 li .full-container .full-info h6 span.pending { color: rgba(186, 188, 191, 0.9); } .transaction-list2 li .full-container .full-info h6 span.success { color: rgba(19, 164, 67, 0.9); } .transaction-list2 li .full-container .full-info h6 span.info { color: rgba(0, 51, 161, 0.9); } .transaction-list2 li .full-container .full-info h6 span.reject { color: rgba(206, 14, 65, 0.95); } .transaction-list2 li .full-container .full-info h6 span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .transaction-list2 li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .transaction-list2 li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .transaction-list2 li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .transaction-list2 li .full-container .full-info em a:hover { text-decoration: none; } .transaction-list2 li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .transaction-list2 li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .transaction-list2 li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .transaction-list2 li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .transaction-list2 li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .transaction-list2 li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .transaction-list2 li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .transaction-list2 li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .transaction-list2 li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .transaction-list2 li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .transaction-list2 li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .transaction-list2 li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .transaction-list2 li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .transaction-list2 li .full-container .right-info h6 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; margin: 10px 0px 0px 0px; } .transaction-list2 li .full-container .right-info h6 span.pending { color: rgba(186, 188, 191, 0.9); } .transaction-list2 li .full-container .right-info h6 span.success { color: rgba(19, 164, 67, 0.9); } .transaction-list2 li .full-container .right-info h6 span.info { color: rgba(0, 51, 161, 0.9); } .transaction-list2 li .full-container .right-info h6 span.reject { color: rgba(206, 14, 65, 0.95); } .transaction-list2 li .full-container .right-info h6 span.reject.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .transaction-list2 li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .transaction-list2 li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .transaction-list2 li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .transaction-list2 li .full-container .right-info button { margin: 5px 0; } .transaction-list2 li .full-container .right-info button.ux-button { float: right; } .transaction-list2 li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .payment-list3 { width: 100%; padding: 0px 0; margin: 0px 0px; } .payment-list3.mar-custom { margin-top: 20px; } .payment-list3 ul { text-decoration: none; list-style: none; } .payment-list3 li { text-decoration: none; list-style: none; padding: 4px 15px; width: 100%; background-color: transparent; border-bottom: 0px solid rgba(0, 0, 0, 0.1); clear: both; } .payment-list3 li a { text-decoration: none; list-style: none; } .payment-list3 li .full-container { margin: 5px 0px 5px 0px; } .payment-list3 li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 42px; clear: both; position: relative; } .payment-list3 li .full-container .left-info .rupee-info { position: absolute; left: -2px; top: -1px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .payment-list3 li .full-container .left-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .payment-list3 li .full-container .left-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .payment-list3 li .full-container .left-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .payment-list3 li .full-container .left-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .payment-list3 li .full-container .left-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .payment-list3 li .full-container .left-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .payment-list3 li .full-container .left-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .payment-list3 li .full-container .left-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .payment-list3 li .full-container .left-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .payment-list3 li .full-container .left-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .payment-list3 li .full-container .left-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .payment-list3 li .full-container .left-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .payment-list3 li .full-container .left-info .rupee-info span img:hover { opacity: 0.8; } .payment-list3 li .full-container .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list3 li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .payment-list3 li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list3 li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list3 li .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .payment-list3 li .full-container .left-info em { font-size: 0.5rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list3 li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .payment-list3 li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .payment-list3 li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list3 li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .payment-list3 li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .payment-list3 li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list3 li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list3 li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list3 li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list3 li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .payment-list3 li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .payment-list3 li .full-container .full-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .payment-list3 li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .payment-list3 li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .payment-list3 li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list3 li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list3 li .full-container .full-info h6 { font-weight: 400; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list3 li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .payment-list3 li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .payment-list3 li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .payment-list3 li .full-container .full-info em a:hover { text-decoration: none; } .payment-list3 li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .payment-list3 li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .payment-list3 li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .payment-list3 li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .payment-list3 li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .payment-list3 li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .payment-list3 li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .payment-list3 li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .payment-list3 li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .payment-list3 li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .payment-list3 li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .payment-list3 li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .payment-list3 li .full-container .right-info h6 { font-weight: 400; font-size: 0.85rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .payment-list3 li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .payment-list3 li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .payment-list3 li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .complaint-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .complaint-list.mar-custom { margin-top: 20px; } .complaint-list ul { text-decoration: none; list-style: none; } .complaint-list li { text-decoration: none; list-style: none; padding: 8px 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .complaint-list li.pad-custom { padding: 8px 10px; } .complaint-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .complaint-list li a { text-decoration: none; list-style: none; } .complaint-list li .full-container { margin: 5px 0px 5px 0px; } .complaint-list li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .complaint-list li .full-container .left-info .rupee-info { position: absolute; left: -2px; top: -1px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .complaint-list li .full-container .left-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .complaint-list li .full-container .left-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .complaint-list li .full-container .left-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .complaint-list li .full-container .left-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .complaint-list li .full-container .left-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .complaint-list li .full-container .left-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .complaint-list li .full-container .left-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .complaint-list li .full-container .left-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .complaint-list li .full-container .left-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .complaint-list li .full-container .left-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .complaint-list li .full-container .left-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .complaint-list li .full-container .left-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .complaint-list li .full-container .left-info .rupee-info span img:hover { opacity: 0.8; } .complaint-list li .full-container .left-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -2px; } .complaint-list li .full-container .left-info h5.success { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); } .complaint-list li .full-container .left-info h5.success a { list-style: none; text-decoration: none; color: rgba(0, 51, 161, 0.9); } .complaint-list li .full-container .left-info h5.success a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .complaint-list li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list li .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 5px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list li .full-container .left-info em { font-size: 0.8rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .complaint-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .complaint-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .complaint-list li .full-container .left-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list li .full-container .left-info1 h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .complaint-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .complaint-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .complaint-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; word-wrap: break-word; display: block; } .complaint-list li .full-container .right-info button { float: right; display: block; margin: 0; } .complaint-list li .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); } .complaint-list li .full-container .right-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .complaint-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .complaint-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.9rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); text-align: left; font-weight: 400; } .complaint-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .complaint-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .complaint-list li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .complaint-list2 { width: 100%; padding: 0px 0; margin: 0px 0px; } .complaint-list2.mar-custom { margin-top: 20px; } .complaint-list2 ul { text-decoration: none; list-style: none; } .complaint-list2 li { text-decoration: none; list-style: none; padding: 8px 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .complaint-list2 li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .complaint-list2 li a { text-decoration: none; list-style: none; } .complaint-list2 li .full-container { margin: 5px 0px 5px 0px; } .complaint-list2 li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .complaint-list2 li .full-container .left-info .rupee-info { position: absolute; left: -2px; top: -1px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .complaint-list2 li .full-container .left-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .complaint-list2 li .full-container .left-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .complaint-list2 li .full-container .left-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .complaint-list2 li .full-container .left-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .complaint-list2 li .full-container .left-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .complaint-list2 li .full-container .left-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .complaint-list2 li .full-container .left-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .complaint-list2 li .full-container .left-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .complaint-list2 li .full-container .left-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .complaint-list2 li .full-container .left-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .complaint-list2 li .full-container .left-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .complaint-list2 li .full-container .left-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .complaint-list2 li .full-container .left-info .rupee-info span img:hover { opacity: 0.8; } .complaint-list2 li .full-container .left-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list2 li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -2px; } .complaint-list2 li .full-container .left-info h5.success { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); } .complaint-list2 li .full-container .left-info h5.success a { list-style: none; text-decoration: none; color: rgba(0, 51, 161, 0.9); } .complaint-list2 li .full-container .left-info h5.success a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .complaint-list2 li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list2 li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list2 li .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 5px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list2 li .full-container .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .complaint-list2 li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .complaint-list2 li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .complaint-list2 li .full-container .left-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list2 li .full-container .left-info1 h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .complaint-list2 li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .complaint-list2 li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list2 li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list2 li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list2 li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .complaint-list2 li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; word-wrap: break-word; display: block; } .complaint-list2 li .full-container .right-info button { float: right; display: block; margin: 0; } .complaint-list2 li .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list2 li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); } .complaint-list2 li .full-container .right-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .complaint-list2 li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .complaint-list2 li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list2 li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list2 li .full-container .right-info h6 { font-weight: 400; font-size: 0.9rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list2 li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); text-align: left; font-weight: 400; } .complaint-list2 li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .complaint-list2 li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .complaint-list3 { width: 100%; padding: 0px 0; margin: 0px 0px; } .complaint-list3.mar-custom { margin-top: 20px; } .complaint-list3 ul { text-decoration: none; list-style: none; } .complaint-list3 li { text-decoration: none; list-style: none; padding: 8px 10px; width: 100%; border-bottom: 0px solid rgba(0, 0, 0, 0.1); clear: both; } .complaint-list3 li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .complaint-list3 li a { text-decoration: none; list-style: none; } .complaint-list3 li .full-container { margin: 5px 0px 5px 0px; } .complaint-list3 li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .complaint-list3 li .full-container .left-info .rupee-info { position: absolute; left: -2px; top: -1px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .complaint-list3 li .full-container .left-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .complaint-list3 li .full-container .left-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .complaint-list3 li .full-container .left-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .complaint-list3 li .full-container .left-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .complaint-list3 li .full-container .left-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .complaint-list3 li .full-container .left-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .complaint-list3 li .full-container .left-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .complaint-list3 li .full-container .left-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .complaint-list3 li .full-container .left-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .complaint-list3 li .full-container .left-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .complaint-list3 li .full-container .left-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .complaint-list3 li .full-container .left-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .complaint-list3 li .full-container .left-info .rupee-info span img:hover { opacity: 0.8; } .complaint-list3 li .full-container .left-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list3 li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -2px; } .complaint-list3 li .full-container .left-info h5.success { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); } .complaint-list3 li .full-container .left-info h5.success a { list-style: none; text-decoration: none; color: rgba(0, 51, 161, 0.9); } .complaint-list3 li .full-container .left-info h5.success a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .complaint-list3 li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list3 li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list3 li .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 5px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list3 li .full-container .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .complaint-list3 li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .complaint-list3 li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .complaint-list3 li .full-container .left-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list3 li .full-container .left-info1 h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .complaint-list3 li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .complaint-list3 li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list3 li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list3 li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list3 li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .complaint-list3 li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; word-wrap: break-word; display: block; } .complaint-list3 li .full-container .right-info button { float: right; display: block; margin: 0; } .complaint-list3 li .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .complaint-list3 li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); } .complaint-list3 li .full-container .right-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .complaint-list3 li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .complaint-list3 li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .complaint-list3 li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .complaint-list3 li .full-container .right-info h6 { font-weight: 400; font-size: 0.9rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .complaint-list3 li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); text-align: left; font-weight: 400; } .complaint-list3 li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .complaint-list3 li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .notification-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .notification-list.mar-custom { margin-top: 20px; } .notification-list ul { text-decoration: none; list-style: none; } .notification-list li { text-decoration: none; list-style: none; padding: 8px 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .notification-list li.pad-custom { padding: 8px 10px; } .notification-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .notification-list li a { text-decoration: none; list-style: none; } .notification-list li .full-container { margin: 5px 0px 5px 0px; } .notification-list li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .notification-list li .full-container .left-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .notification-list li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -2px; } .notification-list li .full-container .left-info h5.success { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); } .notification-list li .full-container .left-info h5.success a { list-style: none; text-decoration: none; color: rgba(0, 51, 161, 0.9); } .notification-list li .full-container .left-info h5.success a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .notification-list li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .notification-list li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .notification-list li .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 5px 0; padding-right: 28px; line-height: 1rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .notification-list li .full-container .left-info h6 span { font-weight: 400; font-size: 0.8rem; text-align: right; color: rgba(0, 51, 161, 0.8); } .notification-list li .full-container .left-info em { font-size: 0.8rem; display: inline-block; color: rgba(0, 0, 0, 0.6); text-align: left; line-height: 1rem; font-weight: 400; } .notification-list li .full-container .left-info em img { width: 8px; height: 8px; position: relative; margin-top: -2px; } .notification-list li .full-container .left-info em a { text-decoration: underline; list-style: none; color: rgba(0, 51, 161, 0.8); font-size: 0.8rem; } .notification-list li .full-container .left-info em a:hover { text-decoration: none; } .notification-list li .full-container .left-info small { position: absolute; top: 0; right: 0; font-size: 0.7rem; display: inline-block; color: rgba(0, 0, 0, 0.8); text-align: right; line-height: 1rem; font-weight: 400; } .notification-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .notification-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .notification-list li .full-container .left-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .notification-list li .full-container .left-info1 h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .notification-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .notification-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .notification-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .notification-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .notification-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); text-align: left; font-weight: 400; } .notification-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; word-wrap: break-word; display: block; } .notification-list li .full-container .right-info button { float: right; display: block; margin: 0; } .notification-list li .full-container .right-info a { float: right; display: block; margin: 0; text-decoration: none; list-style: none; } .notification-list li .full-container .right-info a img { width: 14px; height: 14px; position: relative; opacity: 1; } .notification-list li .full-container .right-info a img:hover { opacity: 0.8; } .notification-list li .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .notification-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); } .notification-list li .full-container .right-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .notification-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .notification-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .notification-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .notification-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.9rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .notification-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); text-align: left; font-weight: 400; } .notification-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .notification-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .notification-list li:hover { background-color: rgba(0, 51, 161, 0.04); } .notification-list li:hover .full-container .left-info small { color: rgba(0, 51, 161, 0.8); } .notification-list li.active { background-color: rgba(0, 51, 161, 0.04); } .notification-list li.active .full-container .left-info small { color: rgba(0, 51, 161, 0.8); } .notification-list li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .information-list2 { width: 100%; padding: 0px 5px; margin: 5px 0px 0px 0px; } .information-list2 ul { text-decoration: none; list-style: none; } .information-list2 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 32.1333333333%; margin-right: 1.8%; margin-top: 1.8%; margin-bottom: 1.8%; color: rgba(0, 0, 0, 0.9); } .information-list2 li:nth-child(3n) { margin-right: 0; } .information-list2 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .information-list2 li a .icon1 { display: block; width: 28px; height: 28px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; overflow: hidden; padding: 2px 2px; text-align: center; } .information-list2 li a .icon1 svg { width: 26px; height: 26px; margin: 0 auto; text-align: center; display: block; fill: #0033a1; opacity: 1; } .information-list2 li a .icon1 svg.red { fill: #ce0e41; opacity: 1; } .information-list2 li a .icon1 svg:hover { opacity: 0.8; } .information-list2 li a .icon1 img { width: 100%; max-width: 26px; margin: 0 auto; height: auto; text-align: center; height: auto; display: block; opacity: 1; } .information-list2 li a .icon1 img:hover { opacity: 0.8; } .information-list2 li a em { color: rgba(0, 0, 0, 0.5); display: block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 8px 0px 4px 0px; line-height: 0.7rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; /*disable*/ } .information-list2 li a em:hover { color: rgba(0, 51, 161, 0.85); } .information-list2 li a em.disable { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .information-list2 li a em.disable:hover { color: rgba(0, 0, 0, 0.5); } .information-list2 li a.disable .icon1 img { cursor: not-allowed; } .information-list2 li a.disable .icon1 svg { cursor: not-allowed; fill: rgba(0, 0, 0, 0.5); opacity: 1; } .information-list2 li a.disable .icon1 svg .red { cursor: not-allowed; fill: rgba(0, 0, 0, 0.5); opacity: 1; } .information-list2 li a.disable .icon1 svg:hover { opacity: 1; } .information-list2 li a.disable em { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .information-list2 li a.disable em:hover { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .information-list2 li:hover { color: rgba(0, 51, 161, 0.85); } h4 { text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin: 2px 0px; display: block; color: rgba(0, 0, 0, 0.85); } h4.white-h4 { color: white; text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin-top: 15px; display: block; } .custom-h5 { text-align: left; font-size: 1rem; font-weight: 400; line-height: 1rem; margin: 2px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .custom-h5.disabled { color: rgba(0, 0, 0, 0.5); cursor: not-allowed; } a.balance-info span.info { display: inline-block; } a.balance-info span.hide-amt { font-size: 0.8rem; color: rgba(0, 0, 0, 0.85); font-weight: 500; display: none; } a.balance-info.active span.info { display: none; } a.balance-info.active span.hide-amt { display: inline-block; } a.status-info span.info { display: inline-block; } a.status-info span.hide-info { color: #0033a1; font-size: 0.9rem; font-weight: 700; display: none; } a.status-info.active span.info { display: none; } a.status-info.active span.hide-info { display: inline-block; } .user-info-list { width: 100%; padding: 0px 0px; margin: 0px 0px; } .user-info-list ul { text-decoration: none; list-style: none; overflow: hidden; } .user-info-list li { text-decoration: none; list-style: none; margin: 0 auto; padding: 12px 12px; clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .user-info-list li a { text-decoration: none; list-style: none; display: block; } .user-info-list li a .list-ful { padding: 2px 0; text-align: left; width: 100%; } .user-info-list li a .list-ful h4 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .user-info-list li a .list-ful h5 { font-weight: 500; font-size: 1.1rem !important; text-align: left; margin: 4px 0; line-height: 1.2rem !important; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .user-info-list li a .list-ful h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0.5px; text-transform: initial; } .user-info-list li h4 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .user-info-list li h5 { font-weight: 500; font-size: 1.1rem !important; text-align: left; margin: 4px 0; line-height: 1.2rem !important; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .user-info-list li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0); } .biller-info-list { width: 100%; padding: 0px 0px; margin: 0px 0px; } .biller-info-list ul { text-decoration: none; list-style: none; overflow: hidden; } .biller-info-list li { text-decoration: none; list-style: none; margin: 0 auto; padding: 20px 15px; clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .biller-info-list li a { text-decoration: none; list-style: none; display: block; } .biller-info-list li a .list-full { position: relative; margin: 0px 0px; padding: 0px 0px 0px 50px; clear: both; display: block; width: 100%; height: auto; } .biller-info-list li a .list-full .icon1 { background: white; position: absolute; left: 0; top: -14px; height: 40px; width: 40px; display: block; overflow: hidden; margin: 0 auto; margin-bottom: 5px; overflow: hidden; padding: 0px 0px; text-align: center; } .biller-info-list li a .list-full .icon1 svg { fill: #00236e; } .biller-info-list li a .list-full .icon1 img { width: 40px; width: 40px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .biller-info-list li a .list-full .icon1 img:hover { opacity: 0.8; } .biller-info-list li a .list-full h4 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .biller-info-list li a .list-full h5 { font-weight: 500; font-size: 1.1rem !important; text-align: left; margin: 4px 0; line-height: 1.2rem !important; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .biller-info-list li a .list-full h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 5px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.7); letter-spacing: 0.5px; text-transform: initial; } .biller-info-list li a .list-full h6:hover { text-decoration: none; color: rgba(0, 0, 0, 0.6); } .img-bg { padding: 0px 20px; margin: 3px auto; background-color: transparent; height: auto; display: block; text-align: center; position: relative; z-index: 11; } .img-bg img { width: 100%; max-width: 250px; height: auto; text-align: center; margin: 0 auto; } .pay-list { width: 100%; padding: 0px 0px; margin: 0px 0px; margin-top: 2px; } .pay-list ul { text-decoration: none; list-style: none; overflow: hidden; } .pay-list li { text-decoration: none; list-style: none; margin: 0 auto; padding: 0px 0px; margin-bottom: 20px; clear: both; } .pay-list li .white-container { padding: 10px 10px; border-radius: 8px; margin: 0px 0px; background-color: white; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); height: auto; position: relative; z-index: 11; overflow: hidden; } .pay-list li .white-container .list-full { position: relative; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 60px; clear: both; display: block; width: 100%; height: auto; } .pay-list li .white-container .list-full .icon1 { background: white; position: absolute; left: 0; top: -3px; height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0px 0px; text-align: center; } .pay-list li .white-container .list-full .icon1 svg { fill: #00236e; } .pay-list li .white-container .list-full .icon1 img { width: 38px; height: 38px; margin: 5px auto; text-align: center; display: block; opacity: 1; } .pay-list li .white-container .list-full .icon1 img:hover { opacity: 0.8; } .pay-list li .white-container .list-full .remove-icon { position: absolute; right: 0; top: 0px; height: 20px; width: 20px; display: block; } .pay-list li .white-container .list-full .remove-icon a { text-decoration: none; list-style: none; } .pay-list li .white-container .list-full .remove-icon a svg { width: 17px; height: 17px; margin: 0 auto; text-align: center; display: block; fill: #0033a1; opacity: 1; } .pay-list li .white-container .list-full .remove-icon a svg.red { fill: #ce0e41; opacity: 1; } .pay-list li .white-container .list-full .remove-icon a svg:hover { opacity: 0.8; } .pay-list li .white-container .list-full .remove-icon a img { width: 17px; height: 17px; margin: 0 auto; height: auto; text-align: center; height: auto; display: block; opacity: 1; } .pay-list li .white-container .list-full .remove-icon a img:hover { opacity: 0.8; } .pay-list li .white-container .list-full h4 { font-weight: 500; font-size: 1.2rem; text-align: left; margin: 4px 0 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .pay-list li .white-container .list-full h5 { font-weight: 500; font-size: 1rem; text-align: left; margin: 3px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; padding: 0px 25px 0px 0px; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; } .pay-list li .white-container .list-full h6 { font-weight: 400; font-size: 0.7rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; padding: 0px 25px 0px 0px; } .pay-list li .white-container .list-full h6 span { font-size: 0.7rem; color: rgba(0, 0, 0, 0.75); } .pay-list li .white-container .list-full2 { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px; clear: both; display: block; width: 100%; height: auto; } .pay-list li .white-container .list-full2 h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 7px 0 6px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; display: inline-block; } .pay-list li .white-container .list-full2 h4 img { width: 11px; height: 11px; position: relative; margin-right: 1px; margin-top: -2px; } .pay-list li .white-container .list-full2 h5 { font-weight: 500; font-size: 1rem; text-align: left; margin: 3px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; padding: 0px 0px; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; } .pay-list li .white-container .list-full2 h6 { font-weight: 400; font-size: 0.7rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; padding: 0px 0px; } .pay-list li .white-container .list-full2 h6 span { font-size: 0.7rem; color: rgba(0, 0, 0, 0.75); } .pay-list li .white-container .list-full2 em { font-weight: 400; font-size: 0.7rem; text-align: left; display: inline-block; margin: 2px 8px 0 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; padding: 0px 0px; } .pay-list li .white-container .list-full2 em span { font-size: 0.7rem; color: rgba(206, 14, 65, 0.75); } .pay-list li .white-container .list-full2 em span.default { color: rgba(7, 80, 198, 0.8); } .pay-list-info { width: 100%; padding: 0px 0px; margin: 0px 0px; margin-top: 2px; } .pay-list-info ul { text-decoration: none; list-style: none; overflow: hidden; } .pay-list-info li { text-decoration: none; list-style: none; margin: 0 auto; padding: 0px 0px; margin-bottom: 15px; clear: both; } .pay-list-info li .white-container { padding: 10px 10px; border-radius: 8px; margin: 0px 0px; background-color: white; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); height: auto; position: relative; z-index: 11; overflow: hidden; } .pay-list-info li .white-container .list-full { position: relative; margin: 8px 0px 8px 0px; padding: 0px 50px 0px 65px; clear: both; display: block; width: 100%; height: auto; } .pay-list-info li .white-container .list-full .icon1 { background: white; position: absolute; left: 0; top: -7px; height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0px 0px; text-align: center; } .pay-list-info li .white-container .list-full .icon1 svg { fill: #00236e; } .pay-list-info li .white-container .list-full .icon1 img { width: 38px; height: 38px; margin: 5px auto; text-align: center; display: block; opacity: 1; } .pay-list-info li .white-container .list-full .icon1 img:hover { opacity: 0.8; } .pay-list-info li .white-container .list-full .remove-icon { position: absolute; right: 6px; top: 8px; height: 20px; width: 20px; display: block; } .pay-list-info li .white-container .list-full .remove-icon a { text-decoration: none; list-style: none; } .pay-list-info li .white-container .list-full .remove-icon a svg { width: 17px; height: 17px; margin: 0 auto; text-align: center; display: block; fill: #0033a1; opacity: 1; } .pay-list-info li .white-container .list-full .remove-icon a svg.red { fill: #ce0e41; opacity: 1; } .pay-list-info li .white-container .list-full .remove-icon a svg:hover { opacity: 0.8; } .pay-list-info li .white-container .list-full .remove-icon a img { width: 17px; height: 17px; margin: 0 auto; height: auto; text-align: center; height: auto; display: block; opacity: 1; } .pay-list-info li .white-container .list-full .remove-icon a img:hover { opacity: 0.8; } .pay-list-info li .white-container .list-full a { list-style: none; text-decoration: none; } .pay-list-info li .white-container .list-full a .icon1 { background: white; position: absolute; left: 0; top: -7px; height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0px 0px; text-align: center; } .pay-list-info li .white-container .list-full a .icon1 svg { fill: #00236e; } .pay-list-info li .white-container .list-full a .icon1 img { width: 38px; height: 38px; margin: 5px auto; text-align: center; display: block; opacity: 1; } .pay-list-info li .white-container .list-full a .icon1 img:hover { opacity: 0.8; } .pay-list-info li .white-container .list-full a h4 { font-weight: 500; font-size: 1.2rem; text-align: left; margin: 4px 0 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .pay-list-info li .white-container .list-full a h5 { font-weight: 500; font-size: 1rem; text-align: left; display: block; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; padding: 0px 5px 0px 0px; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; } .pay-list-info li .white-container .list-full a h6 { font-weight: 400; font-size: 0.7rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; padding: 0px 5px 0px 0px; } .pay-list-info li .white-container .list-full a h6 span { font-size: 0.7rem; margin-left: 2px; color: rgba(0, 0, 0, 0.75); } .pay-list-info li .white-container .list-full a:hover { opacity: 0.9; } .pay-list-info li .white-container .list-full h4 { font-weight: 500; font-size: 1.2rem; text-align: left; margin: 4px 0 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; } .pay-list-info li .white-container .list-full h5 { font-weight: 500; font-size: 1rem; text-align: left; display: block; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; padding: 0px 5px 0px 0px; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; } .pay-list-info li .white-container .list-full h6 { font-weight: 400; font-size: 0.7rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; padding: 0px 5px 0px 0px; } .pay-list-info li .white-container .list-full h6 span { font-size: 0.7rem; margin-left: 2px; color: rgba(0, 0, 0, 0.75); } .pay-list-info li .white-container .list-full2 { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px; clear: both; display: block; width: 100%; height: auto; } .pay-list-info li .white-container .list-full2 h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 7px 0 6px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; display: inline-block; } .pay-list-info li .white-container .list-full2 h4 img { width: 12px; height: 12px; position: relative; margin-right: 1px; margin-top: -1px; } .pay-list-info li .white-container .list-full2 h5 { font-weight: 500; font-size: 1rem; text-align: left; margin: 3px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.85); text-transform: capitalize; padding: 0px 0px; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; } .pay-list-info li .white-container .list-full2 h6 { font-weight: 400; font-size: 0.7rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; padding: 0px 0px; } .pay-list-info li .white-container .list-full2 h6 span { font-size: 0.7rem; color: rgba(0, 0, 0, 0.75); } .pay-list-info li .white-container .list-full2 em { font-weight: 400; font-size: 0.7rem; text-align: left; display: inline-block; margin: 2px 8px 0 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; padding: 0px 0px; } .pay-list-info li .white-container .list-full2 em span { font-size: 0.7rem; color: rgba(206, 14, 65, 0.75); } .rounded-btn { position: absolute; bottom: 10px; right: 15px; width: 54px; height: 54px; border-radius: 100%; background-color: #babcbf; border: 1px solid #babcbf; text-transform: capitalize; color: white; padding: 0.5rem 0.7rem; cursor: pointer; text-align: center; margin: 2px 0px; z-index: 0; box-shadow: none; outline: none; } .rounded-btn img { width: 14px; height: 14px; margin: 0 auto; text-align: center; } .rounded-btn:hover { background-color: rgba(186, 188, 191, 0.9); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .rounded-btn:active { background-color: rgba(186, 188, 191, 0.9); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .rounded-btn.active { background-color: rgba(186, 188, 191, 0.9); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .rounded-btn:focus { outline: none; background-color: rgba(186, 188, 191, 0.9); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .fixed-section { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background-color: transparent; text-align: center; z-index: 2; padding: 15px 0px 15px 0; } .limit-info { position: relative; display: block; } .limit-info h6 { font-weight: 500; font-size: 0.8rem; text-align: left; margin: 4px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .limit-info h6 span { font-size: 0.65rem; text-align: left; margin: 4px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.5); text-transform: initial; } .limit-info h6 img { width: 9px; height: 9px; position: relative; margin-top: -1px; margin-left: 2px; } .limit-info h6 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .limit-info h6 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .limit-info h6 a:hover { color: rgba(0, 0, 0, 0.7); } .transaction-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .transaction-list.mar-custom { margin-top: 20px; } .transaction-list ul { text-decoration: none; list-style: none; } .transaction-list li { text-decoration: none; list-style: none; margin: 0px 0px 40px 0px; width: 100%; height: auto; overflow: hidden; clear: both; } .transaction-list li.pad-custom { padding: 8px 10px; } .transaction-list li a { text-decoration: none; list-style: none; } .transaction-list li .receive-info { padding: 4px 8px; text-align: left; margin: 0; margin-bottom: 0px; word-wrap: break-word; display: block; position: relative; clear: both; float: left; width: 182px; height: auto; position: relative; background: rgba(0, 0, 0, 0.05); border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .transaction-list li .receive-info .transaction-info { position: relative; padding: 0px 0px 0px 40px; } .transaction-list li .receive-info .transaction-info .rupee-info { position: absolute; left: 0; top: -4px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .transaction-list li .receive-info .transaction-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .transaction-list li .receive-info .transaction-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .transaction-list li .receive-info .transaction-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .transaction-list li .receive-info .transaction-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .transaction-list li .receive-info .transaction-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .transaction-list li .receive-info .transaction-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .transaction-list li .receive-info .transaction-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .transaction-list li .receive-info .transaction-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .transaction-list li .receive-info .transaction-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .transaction-list li .receive-info .transaction-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .transaction-list li .receive-info .transaction-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .transaction-list li .receive-info .transaction-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .transaction-list li .receive-info .transaction-info .rupee-info span img:hover { opacity: 0.8; } .transaction-list li .receive-info h5 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 8px 0; line-height: 2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .transaction-list li .receive-info h5 img { width: 14px; height: 14px; position: relative; margin-top: -2px; } .transaction-list li .receive-info h5.success { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); } .transaction-list li .receive-info h5.success a { list-style: none; text-decoration: none; color: rgba(0, 51, 161, 0.9); } .transaction-list li .receive-info h5.success a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .transaction-list li .receive-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .transaction-list li .receive-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .transaction-list li .receive-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0px; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .transaction-list li .receive-info em { font-size: 0.65rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .transaction-list li .receive-info a { text-decoration: none; list-style: none; outline: none; color: rgba(0, 51, 161, 0.85); } .transaction-list li .receive-info a em { font-size: 0.65rem; color: rgba(0, 51, 161, 0.85); text-align: left; font-weight: 400; } .transaction-list li .receive-info a:hover { text-decoration: underline; list-style: none; } .transaction-list li .sent-info { padding: 4px 8px; text-align: left; margin: 0; margin-bottom: 0px; word-wrap: break-word; display: block; position: relative; clear: both; float: right; width: 182px; height: auto; position: relative; background: rgba(0, 0, 0, 0.05); border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .transaction-list li .sent-info .transaction-info { position: relative; padding: 0px 0px 0px 40px; } .transaction-list li .sent-info .transaction-info .rupee-info { position: absolute; left: 0; top: -4px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .transaction-list li .sent-info .transaction-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .transaction-list li .sent-info .transaction-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .transaction-list li .sent-info .transaction-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .transaction-list li .sent-info .transaction-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .transaction-list li .sent-info .transaction-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .transaction-list li .sent-info .transaction-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .transaction-list li .sent-info .transaction-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .transaction-list li .sent-info .transaction-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .transaction-list li .sent-info .transaction-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .transaction-list li .sent-info .transaction-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .transaction-list li .sent-info .transaction-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .transaction-list li .sent-info .transaction-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .transaction-list li .sent-info .transaction-info .rupee-info span img:hover { opacity: 0.8; } .transaction-list li .sent-info h5 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 8px 0; line-height: 2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .transaction-list li .sent-info h5 img { width: 14px; height: 14px; position: relative; margin-top: -2px; } .transaction-list li .sent-info h5.success { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); } .transaction-list li .sent-info h5.success a { list-style: none; text-decoration: none; color: rgba(0, 51, 161, 0.9); } .transaction-list li .sent-info h5.success a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .transaction-list li .sent-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .transaction-list li .sent-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .transaction-list li .sent-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0px; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .transaction-list li .sent-info em { font-size: 0.65rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .transaction-list li .sent-info a { text-decoration: none; list-style: none; outline: none; color: rgba(0, 51, 161, 0.85); } .transaction-list li .sent-info a em { font-size: 0.65rem; color: rgba(0, 51, 161, 0.85); text-align: left; font-weight: 400; } .transaction-list li .sent-info a:hover { text-decoration: underline; list-style: none; } .transaction-list li:last-child { margin: 0px 0px 0px 0px; } .profile-list { margin: 5px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .profile-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .profile-list li { text-decoration: none; list-style: none; padding: 16px 0px; display: block; font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; margin: 0; clear: both; text-align: left; color: rgba(0, 0, 0, 0.9); text-decoration: none; } .profile-list li a { text-decoration: none; text-align: left; color: rgba(0, 0, 0, 0.9); text-transform: capitalize; cursor: pointer; text-decoration: none; font-weight: 400; font-size: 1.1rem; line-height: 1.2rem; } .profile-list li a img { width: 18px; height: 18px; position: relative; margin-right: 10px; margin-top: -2px; opacity: 1; } .profile-list li a img:hover { opacity: 0.8; } .profile-list li a:hover { color: rgba(0, 0, 0, 0.65); } .profile-list li a.active { color: rgba(0, 0, 0, 0.65); } .default-info { position: relative; margin: 0; padding: 0; display: block; } .default-info .title-info { position: relative; margin: 0px; padding: 0px 0px 0px 34px; clear: both; } .default-info .title-info h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .default-info .title-info h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.3rem; margin: 8px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .default-info .title-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .default-info .title-info h5 { font-weight: 400; font-size: 1rem; line-height: 1rem; position: relative; margin: 5px 0px 3px 0px; color: rgba(0, 0, 0, 0.85); text-align: left; } .default-info .title-info h5.error { color: rgba(206, 14, 65, 0.7); } .default-info .title-info h5 img { position: absolute; left: -35px; top: 1px; margin: 0px; width: 30px; height: 30px; } .default-info .title-info h6 { font-weight: 400; font-size: 0.75rem; line-height: 1rem; position: relative; margin: 0px 0px 5px 0px; color: rgba(0, 0, 0, 0.5); text-align: left; } .default-info .title-info small { font-style: 400; font-size: 0.6rem; display: block; margin: 0; color: rgba(0, 0, 0, 0.5); text-align: left; } .default-info .title-info small span { font-style: 400; font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); } .default-info .title-info small img { width: 14px; height: 14px; margin-left: 2px; } .default-info .title-info p { font-style: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: left; } .info-bottom-container { z-index: 1; width: 100%; height: auto; padding: 0; /*height: 40%;*/ /*background-color: $white;*/ background: transparent; } @media (min-height: 650px) { .info-bottom-container { margin-top: 25px; margin-bottom: 15px; } } @media (min-height: 710px) { .info-bottom-container { margin-top: 100px; } } @media (min-height: 800px) { .info-bottom-container { margin-top: 165px; } } .info-bottom-container .info-section2 { z-index: 1; width: 100%; /*height: 40%;*/ padding: 10px 0px; /*background-color: $white;*/ background: transparent; padding-bottom: 15px; /*.fgt-txt*/ } .info-bottom-container .info-section2 h4 { font-weight: 500; font-size: 1.4rem; text-align: left; margin: 12px 0; line-height: 1.6rem; color: rgba(255, 255, 255, 0.95); text-transform: initial; } @media (max-width: 359px) { .info-bottom-container .info-section2 h4 { margin: 4px 0; } } .info-bottom-container .info-section2 h5 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(255, 255, 255, 0.95); text-transform: initial; } .info-bottom-container .info-section2 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(255, 255, 255, 0.65); text-transform: initial; } .info-bottom-container .info-section2 em { font-weight: 400; font-size: 0.8rem; text-align: left; vertical-align: top; margin: 2px 0; line-height: 0.8rem; color: rgba(255, 255, 255, 0.65); text-transform: initial; } .info-bottom-container .info-section2 p { font-weight: 400; font-size: 1rem; text-align: center; margin: 20px 0; line-height: 1.6rem; color: rgba(255, 255, 255, 0.85); text-transform: initial; } .info-bottom-container .info-section2 a.reg-txt { font-size: 0.9rem; font-weight: 400; float: right; margin-top: 14px; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.85); } .info-bottom-container .info-section2 a.reg-txt:hover { text-decoration: none; } .info-bottom-container .bottom-info { z-index: 99; position: relative; height: auto; padding: 10px 20px 20px 20px; /*background-color: $white;*/ background: #ffffff; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; /*.fgt-txt*/ /* //.lst-ios-navmore */ /* //&.ioslist-active */ } .info-bottom-container .bottom-info.z-index { z-index: 9; } .info-bottom-container .bottom-info .powered-logo { display: block; margin: 0 auto; text-align: center; } .info-bottom-container .bottom-info .powered-logo img { margin: 0px auto; text-align: center; width: 100%; max-width: 60px; height: auto; } .info-bottom-container .bottom-info .divider-line { display: block; height: 1px; margin: 0 auto; margin-left: -20px; margin-right: -20px; margin-top: 10px; text-align: center; background-color: rgba(0, 0, 0, 0.1); } .info-bottom-container .bottom-info h4 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 12px 0; line-height: 1.6rem; color: rgba(0, 51, 161, 0.95); text-transform: initial; } @media (max-width: 359px) { .info-bottom-container .bottom-info h4 { margin: 4px 0; } } @media (max-height: 700px) { .info-bottom-container .bottom-info h4.mar-custom { margin: 5px 0 2px 0; } } .info-bottom-container .bottom-info h5 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 51, 161, 0.95); text-transform: initial; } .info-bottom-container .bottom-info h6 { font-weight: 400; font-size: 0.95rem; text-align: left; margin: 5px 0; line-height: 1.2rem; color: rgba(0, 51, 161, 0.65); text-transform: initial; } .info-bottom-container .bottom-info em { font-weight: 400; font-size: 0.8rem; text-align: left; vertical-align: top; margin: 2px 0; line-height: 0.8rem; color: rgba(0, 51, 161, 0.65); text-transform: initial; } .info-bottom-container .bottom-info p { font-weight: 400; font-size: 1rem; text-align: center; margin: 0px 0px 20px 0px; line-height: 1.6rem; color: rgba(0, 51, 161, 0.75); text-transform: initial; } .info-bottom-container .bottom-info p.mb0 { margin: 0px 0px 0px 0px; } .info-bottom-container .bottom-info p.error-message { text-align: left; color: #ce0e41; display: block; } .info-bottom-container .bottom-info p.success-message { text-align: left; color: #03914a; display: block; } .info-bottom-container .bottom-info p.info-message { text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } .info-bottom-container .bottom-info .ux-button-icon { background: transparent; border: none; float: right; margin: 10px 0; padding: 4px 5px; outline: none; cursor: pointer; position: relative; opacity: 1; /* //img */ } @media (max-width: 767px) { .info-bottom-container .bottom-info .ux-button-icon { padding: 4px 5px; } } @media (max-width: 350px) { .info-bottom-container .bottom-info .ux-button-icon { padding: 4px 4px; } } .info-bottom-container .bottom-info .ux-button-icon img { width: 23px; height: 23px; } .info-bottom-container .bottom-info .ux-button-icon img.img-small { width: 18px; height: 18px; } .info-bottom-container .bottom-info .ux-button-icon img.img-vsmall { width: 14px; height: 14px; } .info-bottom-container .bottom-info .ux-button-icon:hover { opacity: 0.7; } .info-bottom-container .bottom-info .ux-button-icon a { text-decoration: none; } .info-bottom-container .bottom-info a.reg-txt { font-size: 0.9rem; font-weight: 400; text-align: left; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; } .info-bottom-container .bottom-info a.reg-txt.mar-top { margin-top: 39px; display: inline-block; } @media (max-width: 992px) { .info-bottom-container .bottom-info a.reg-txt.mar-top { margin-top: 5px; margin-bottom: 5px; } } .info-bottom-container .bottom-info a.reg-txt:hover { text-decoration: none; } .info-bottom-container .bottom-info button.ux-button { margin: 10px 0 0 0 !important; } .h100 { width: 100%; height: 100%; } .main-container2 { height: calc(100vh - 60px); width: 100%; margin: 0 auto; display: block; } .main-container2 .bottom1 { width: 100%; height: auto; float: left; bottom: calc(-100% + 580px); } .ui-widget.ui-widget-content { border-radius: 6px; border: none; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .ui-datepicker table { width: 100%; font-size: 0.7em; font-family: Roboto, sans-serif !important; border-collapse: collapse; margin: 0 0 0.4em; } /* Time picker Start */ .ti_tx, .mi_tx, .mer_tx { width: 100%; text-align: center; margin: 10px 0; } .time, .mins, .meridian { width: 60px; float: left; margin: 0 10px; font-size: 20px; color: #2d2e2e; font-family: arial; font-weight: 700; } .prev1, .next1 { cursor: pointer; padding: 18px; width: 100%; border: 1px solid #ccc; margin: auto; background: url('arrow.png') no-repeat; border-radius: 5px; } .prev1:hover, .next1:hover { background-color: #ccc; } .next1 { background-position: 50% 150%; } .prev1 { background-position: 50% -50%; } .time_pick { position: relative; } .timepicker_wrap { padding: 10px; border-radius: 5px; min-width: 265px; height: auto; z-index: 998; display: none; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #fff; border: 1px solid #ccc; float: left; position: absolute; top: 40px; right: 0; } .arrow_top { position: absolute; top: -10px; left: 50%; margin-left: -9px; background: url('top_arr.png') no-repeat; width: 18px; height: 10px; z-index: 999; } .timepicki-input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC !important; border-radius: 5px 5px 5px 5px !important; float: none; margin: 0; text-align: center; width: 70%; font-size: 1.2rem !important; font-weight: 700 !important; padding: 0px !important; } .timepicki-input:focus { border: 1px solid #007C3D !important; border-bottom: none !important; box-shadow: 0 1px 0 0 #007C3D !important; } a.reset_time { float: left; margin-top: 5px; color: #000; } /* Time picker End */ .bootstrap-datetimepicker-widget.dropdown-menu { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); border-radius: 6px; margin: 10px 0 0 0; padding: 0; min-width: 300px; max-width: 100%; width: auto; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { display: none; } .bootstrap-datetimepicker-widget.dropdown-menu table td, .bootstrap-datetimepicker-widget.dropdown-menu table th { border-radius: 0; padding: 0px; } .bootstrap-datetimepicker-widget.dropdown-menu table td.old, .bootstrap-datetimepicker-widget.dropdown-menu table td.new { color: #bbb; } .bootstrap-datetimepicker-widget.dropdown-menu table td.today:before { border-bottom-color: #0033a1; } .bootstrap-datetimepicker-widget.dropdown-menu table td.active, .bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover, .bootstrap-datetimepicker-widget.dropdown-menu table td span.active { background-color: #0033a1; text-shadow: none; border-radius: 4px; } .bootstrap-datetimepicker-widget.dropdown-menu table td.active.today:before, .bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover.today:before, .bootstrap-datetimepicker-widget.dropdown-menu table td span.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget.dropdown-menu table th { height: 35px; padding: 0; width: 35px; } .bootstrap-datetimepicker-widget.dropdown-menu table th.picker-switch { width: auto; } .bootstrap-datetimepicker-widget.dropdown-menu table tr:first-of-type th { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .bootstrap-datetimepicker-widget.dropdown-menu table td.day { height: 32px; line-height: 32px; padding: 0; width: auto; } .bootstrap-datetimepicker-widget.dropdown-menu table td span { border-radius: 0; height: 77px; line-height: 77px; margin: 0; width: 25%; } .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months tbody tr td, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years tbody tr td, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td { padding: 0; } .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td { height: 27px; line-height: 27px; text-align: center; padding: 0px; border-radius: 4px; } .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span { display: block; float: left; width: 50%; height: 46px; line-height: 46px !important; padding: 0; } .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span:not(.decade) { display: none; } .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td { padding: 0; width: 30%; height: 20px; line-height: 20px; padding-left: 0px; border-radius: 4px; } .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td:nth-child(2) { width: 10%; } .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td a, .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span, .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button { border: none; border-radius: 0; height: 56px; line-height: 56px; padding: 0; width: 100%; } .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span { color: #333; margin-top: -1px; } .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button { background-color: #fff; border-radius: 4px; color: #333; font-weight: bold; font-size: 1.2em; } .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button:hover { background-color: #eee; border-radius: 4px; } .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td { border-top: 1px solid rgba(0, 0, 0, 0.2); } .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td a, .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td span { display: block; height: 40px; line-height: 40px; padding: 0; width: 100%; } .todayText:before { content: "Today's Date"; } .menu { background-color: transparent; border: none; cursor: pointer; display: inline-block; padding: 3px 2px !important; } @media (min-width: 767px) { .menu { padding: 2px 2px !important; } } .menu .line { fill: none; stroke: white; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } .menu .line1 { stroke-dasharray: 60 207; stroke-width: 6; } .menu .line2 { stroke-dasharray: 60 60; stroke-width: 6; } .menu .line3 { stroke-dasharray: 60 207; stroke-width: 6; } .menu.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .menu.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; } .menu.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .menu2 { background-color: transparent; border: none; cursor: pointer; display: inline-block; padding: 3px 2px !important; } @media (min-width: 767px) { .menu2 { padding: 2px 2px !important; } } .menu2 .line { fill: none; stroke: white; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } .menu2 .line1 { stroke-dasharray: 60 207; stroke-width: 6; } .menu2 .line2 { stroke-dasharray: 60 60; stroke-width: 6; } .menu2 .line3 { stroke-dasharray: 60 207; stroke-width: 6; } .menu2.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .menu2.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; } .menu2.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .bottom-footer { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background-color: #fafafa; padding: 15px 5px 15px 5px; text-align: center; z-index: 99; } .bottom-footer.bg-transparent { background-color: transparent !important; box-shadow: none !important; } .bottom-footer2 { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background-color: #ffffff; padding: 15px 0px 0px 0px; text-align: center; z-index: 99; } .bottom-footer2.bg-transparent { background-color: transparent !important; box-shadow: none !important; } .bottom-footer3 { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background-color: #ffffff; padding: 15px 0px 15px 0px; text-align: center; z-index: 99; } .bottom-footer3.bg-transparent { background-color: transparent !important; box-shadow: none !important; } .bottom-footer-section { text-align: center; height: auto; padding: 10px 0; margin: 0px 0px; overflow: hidden; border: none; background-color: transparent; } .bottom-footer-section ul { text-decoration: none; list-style: none; } .bottom-footer-section li { text-decoration: none; list-style: none; position: relative; padding: 0px 10px; display: inline-block; /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ align-items: center; justify-content: center; } .bottom-footer-section li .btn-div { display: inline-block; text-align: right; vertical-align: top; margin-top: 10px; margin-bottom: 10px; transition: 0.2s; z-index: 9; } .bottom-footer-section li .btn-div.custom-mar { margin-top: 0px; margin-bottom: 0px; } @media (max-width: 767px) { .bottom-footer-section li .btn-div.w100 { justify-content: space-around; display: block; float: left; width: 100%; margin-right: 0%; text-align: center; margin: 0 auto; margin-right: 0px; } .bottom-footer-section li .btn-div.w100:nth-child(1n) { margin-right: 0; } } @media (max-width: 767px) { .bottom-footer-section li .btn-div { float: left; width: 46%; margin-right: 8%; } .bottom-footer-section li .btn-div:nth-child(2n) { margin-right: 0; } .bottom-footer-section li .btn-div.w100 { float: left; width: 100%; margin-right: 0%; text-align: center; justify-content: space-around; display: block; } .bottom-footer-section li .btn-div.w100:nth-child(1n) { margin-right: 0; } } @media (max-width: 767px) { .bottom-footer-section li .btn-div.hide-m { display: none; } } .bottom-footer-section li .btn-div:last-child { margin-left: 15px; } @media (max-width: 767px) { .bottom-footer-section li .btn-div:last-child { margin-left: 0px; } .bottom-footer-section li .btn-div:last-child.w100 { float: left; width: 100%; margin-right: 0%; text-align: center; justify-content: space-around; display: block; } .bottom-footer-section li .btn-div:last-child.w100:nth-child(1n) { margin-right: 0; } } @media (max-width: 767px) { .bottom-footer-section li { padding: 0px 0px; } } .chatbot-footer { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background-color: whitesmoke; padding: 12px 0px 12px 0px; text-align: center; z-index: 999; } .chatbot-footer .footer-actions { display: inline-block; /* //.ux-button-header */ } .chatbot-footer .footer-actions .ux-button-footer { background: transparent; border: none; margin: 0; padding: 8px 8px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .chatbot-footer .footer-actions .ux-button-footer { padding: 8px 8px; } } @media (max-width: 350px) { .chatbot-footer .footer-actions .ux-button-footer { padding: 8px 6px; } } .chatbot-footer .footer-actions .ux-button-footer span.round-circle { display: block; position: relative; margin-top: -2px; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #002b88; border: 2px solid rgba(226, 228, 229, 0.9); overflow: hidden; text-align: center; } .chatbot-footer .footer-actions .ux-button-footer span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .chatbot-footer .footer-actions .ux-button-footer svg { width: 30px; height: 30px; padding: 0; } .chatbot-footer .footer-actions .ux-button-footer img { width: 23px; height: 23px; } .chatbot-footer .footer-actions .ux-button-footer img.img-msmall { width: 18px; height: 18px; } .chatbot-footer .footer-actions .ux-button-footer img.img-small { width: 16px; height: 16px; } .chatbot-footer .footer-actions .ux-button-footer img.img-vsmall { width: 15px; height: 15px; } .chatbot-footer .footer-actions .ux-button-footer:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .chatbot-footer .footer-actions .ux-button-footer.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .chatbot-footer .footer-actions .ux-button-footer .badge-danger { position: absolute; top: 4px; right: 3px; } .chatbot-footer .footer-actions .ux-button-footer a { text-decoration: none; } .grey-section { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background-image: linear-gradient(to right, #F3F3F3, #FAFAFA); padding: 5px 0px; z-index: 9; } .grey-section .border-b { width: 100%; display: block; height: 1px; overflow: hidden; background-color: rgba(0, 0, 0, 0.4); } .grey-section .info-lists { width: 100%; padding: 0px 5px; margin: 0px 0px; } .grey-section .info-lists ul { text-decoration: none; list-style: none; } .grey-section .info-lists li { text-decoration: none; list-style: none; display: inline-block; text-align: center; vertical-align: top; float: left; width: 33.3333333333%; margin-right: 0%; margin-top: 0%; position: relative; margin: 10px 0; color: rgba(0, 0, 0, 0.9); } .grey-section .info-lists li:nth-child(3n) { margin-right: 0; } .grey-section .info-lists li:after { position: absolute; content: ""; width: 101%; height: 1px; background-color: rgba(0, 0, 0, 0.15); bottom: -10px; left: 0; right: 0; } .grey-section .info-lists li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .grey-section .info-lists li a .icon1 { height: 38px; width: 38px; display: block; border-radius: 0; margin: 8px auto; padding: 0px 0px; text-align: center; } .grey-section .info-lists li a .icon1 svg { fill: #00236e; } .grey-section .info-lists li a .icon1 img { width: 100%; width: 36px; height: 36px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .grey-section .info-lists li a .icon1 img:hover { opacity: 0.8; } .grey-section .info-lists li a .icon2 { height: 38px; width: 56px; display: block; border-radius: 0; margin: 8px auto; padding: 0px 0px; text-align: center; } .grey-section .info-lists li a .icon2 svg { fill: #00236e; } .grey-section .info-lists li a .icon2 img { width: 100%; width: 56px; height: 36px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .grey-section .info-lists li a .icon2 img:hover { opacity: 0.8; } .grey-section .info-lists li a em { color: rgba(0, 0, 0, 0.8); display: block; text-align: center; font-size: 0.85rem; font-weight: 400; height: 38px; padding: 0px 10px; line-height: 0.85rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } .grey-section .info-lists li a em:hover { color: rgba(0, 51, 161, 0.85); } .grey-section .info-lists li:hover { color: rgba(0, 51, 161, 0.85); } .grey-section .info-lists li:nth-last-child(-n+3):after { position: absolute; width: 101%; height: 1px; background-color: rgba(0, 0, 0, 0); bottom: -10px; left: 0; right: 0; } .user-section { width: 100%; height: auto; background-color: transparent; padding: 20px 0px 20px 0px; border: none; display: block; position: relative; } .user-section .user-info { display: block; height: auto; position: relative; text-align: center; clear: both; margin-bottom: 20px; } .user-section .user-info h3 { font-weight: 400; font-size: 1.4rem; color: black; margin: 5px 0px 5px 0px; text-align: center; position: relative; display: block; line-height: 18px; word-wrap: break-word; } .user-section .user-info em { font-weight: 500; font-size: 0.7rem; line-height: 0.8rem; color: rgba(0, 0, 0, 0.5); margin: 4px 0; text-align: center; position: relative; display: block; } .user-section .profile-circle { position: relative; margin: 0 auto; height: 196px; width: 196px; border-radius: 100%; z-index: 9; border: double 8px transparent; background-image: linear-gradient(#F0F3F5, #F0F3F5), radial-gradient(circle at bottom left, #D5DAE0, #F0F3F5); background-origin: border-box; background-clip: content-box, border-box; } .user-section .profile-circle img { height: 100%; width: 100%; display: block; margin: 0 auto; border-radius: 100%; } .user-section .profile-circle .info-circle-left { width: 72px; height: 72px; position: absolute; content: " "; top: 50%; margin-top: -36px; left: -60px; } .user-section .profile-circle .info-circle-left a { text-decoration: none; list-style: none; } .user-section .profile-circle .info-circle-left a em { font-weight: 400; font-size: 0.8rem; line-height: 0.8rem; color: black; margin: 4px 0; text-align: center; position: relative; display: block; } .user-section .profile-circle .info-circle-left a em:hover { color: #0033a1; } .user-section .profile-circle .info-circle-left a .rounded-circle { position: relative; display: block; width: 72px; height: 72px; margin: 0 auto; padding: 2px 2px; background-image: linear-gradient(to left, #005CBB, #0089CF); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); text-align: center; border-radius: 50%; overflow: hidden; } .user-section .profile-circle .info-circle-left a .rounded-circle img { width: 38px; height: 38px; margin: 15px auto; text-align: center; border-radius: 0; } .user-section .profile-circle .info-circle-left a .rounded-circle:hover { opacity: 0.9; } .user-section .profile-circle .info-circle-left em { font-weight: 400; font-size: 0.7rem; line-height: 0.8rem; color: rgba(0, 0, 0, 0.8); margin: 4px 0; text-align: center; position: relative; display: block; } .user-section .profile-circle .info-circle-right { width: 72px; height: 72px; position: absolute; content: " "; top: 50%; margin-top: -36px; right: -60px; } .user-section .profile-circle .info-circle-right a { text-decoration: none; list-style: none; } .user-section .profile-circle .info-circle-right a em { font-weight: 400; font-size: 0.8rem; line-height: 0.8rem; color: black; margin: 4px 0; text-align: center; position: relative; display: block; } .user-section .profile-circle .info-circle-right a em:hover { color: #0033a1; } .user-section .profile-circle .info-circle-right a .rounded-circle { position: relative; display: block; width: 72px; height: 72px; margin: 0 auto; padding: 2px 2px; background-image: linear-gradient(to right, #005CBB, #0089CF); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); text-align: center; border-radius: 50%; overflow: hidden; } .user-section .profile-circle .info-circle-right a .rounded-circle img { width: 38px; height: 38px; margin: 15px auto; text-align: center; border-radius: 0; } .user-section .profile-circle .info-circle-right a .rounded-circle:hover { opacity: 0.9; } .user-section .profile-circle .info-circle-right em { font-weight: 400; font-size: 0.7rem; line-height: 0.8rem; color: rgba(0, 0, 0, 0.8); margin: 4px 0; text-align: center; position: relative; display: block; } .user-section .profile-circle .info-circle-bottom { width: 72px; height: 72px; position: absolute; content: " "; top: 100%; left: 50%; margin-left: -36px; margin-top: -18px; } .user-section .profile-circle .info-circle-bottom a { text-decoration: none; list-style: none; } .user-section .profile-circle .info-circle-bottom a em { font-weight: 400; font-size: 0.8rem; line-height: 0.8rem; color: black; margin: 4px 0; text-align: center; position: relative; display: block; } .user-section .profile-circle .info-circle-bottom a em:hover { color: #0033a1; } .user-section .profile-circle .info-circle-bottom a .rounded-circle { position: relative; display: block; width: 72px; height: 72px; margin: 0 auto; padding: 2px 2px; background: linear-gradient(to bottom, #005CBB, #0089CF); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); text-align: center; border-radius: 50%; overflow: hidden; } .user-section .profile-circle .info-circle-bottom a .rounded-circle img { width: 38px; height: 38px; margin: 15px auto; text-align: center; border-radius: 0; } .user-section .profile-circle .info-circle-bottom a .rounded-circle:hover { opacity: 0.9; } .user-section .profile-circle .info-circle-bottom em { font-weight: 400; font-size: 0.7rem; line-height: 0.8rem; color: rgba(0, 0, 0, 0.8); margin: 4px 0; text-align: center; position: relative; display: block; } .scroll-container { margin-top: 10px; padding: 0px 0px; position: relative; z-index: 1; /* owl-stage-outer */ /* -- carousel transparent/white on gradient */ /*// summary section in gradient box*/ /* //.owl-nav */ /* //.owl-dots */ /*@media (max-width: 767px){ .owl-dots{ display: block; } }*/ } .scroll-container .owl-stage-outer { padding-bottom: 5px; } .scroll-container .owl-stage-outer .owl-stage { /*@media screen and (max-width: 992px) { margin-bottom: 10px; }*/ } .scroll-container .owl-nav { position: absolute; top: 50%; width: 100%; margin-top: -15px; /*@media screen and (min-width: 992px) { display: inline-block; } @media screen and (max-width: 992px) { display: none; }*/ /* //button.owl-prev */ /* //button.owl-next */ } .scroll-container .owl-nav button.owl-next { display: block; width: 30px; height: 30px; position: relative; float: right; background: transparent; /*@include box-shadow;*/ margin-right: 0px; outline: none; /* //&.disabled */ } .scroll-container .owl-nav button.owl-next span { display: none; } .scroll-container .owl-nav button.owl-next.disabled { display: none !important; } .scroll-container .owl-nav button.owl-prev { display: block; width: 30px; height: 30px; position: relative; float: left; background: transparent; /*@include box-shadow;*/ margin-right: 0px; outline: none; /* //&.disabled */ } .scroll-container .owl-nav button.owl-prev span { display: none; } .scroll-container .owl-nav button.owl-prev.disabled { display: none !important; } .scroll-container .owl-nav button.owl-next { background: url('left-arrow.png') no-repeat center; background-size: 18px 18px; position: absolute; left: -20px; background-position: 70% 50%; /* //&.disabled */ } .scroll-container .owl-nav button.owl-next.disabled { display: none !important; } .scroll-container .owl-nav button.owl-prev { margin-right: 0; position: absolute; background: url('right-arrow.png') no-repeat center; background-size: 18px 18px; right: -20px; background-position: 30% 50%; /* //&.disabled */ } .scroll-container .owl-nav button.owl-prev.disabled { display: none !important; } .scroll-container .owl-dots { overflow: hidden; display: block; /*margin-top: -7px;*/ margin-top: -10px !important; left: 50%; position: absolute; transform: translateX(-50%); /* //button.owl-dot */ } .scroll-container .owl-dots button.owl-dot { width: 6px; height: 6px; display: block; float: left; background-color: transparent; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; border-radius: 6px; background-color: rgba(0, 0, 0, 0.4); margin-right: 5px; outline: none; /* //&.active */ } .scroll-container .owl-dots button.owl-dot span { display: none; } .scroll-container .owl-dots button.owl-dot.active { background-color: #babcbf; zoom: 1; filter: alpha(opacity=100); opacity: 1; } .white-card { padding: 15px 15px; border-radius: 8px; width: 96%; margin: 15px auto; background-color: white; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); height: auto; position: relative; z-index: 11; } .white-card .account-details { width: 100%; height: auto; display: block; } .white-card .account-details .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .white-card .account-details .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .white-card .account-details .left-info1 h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 8px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .white-card .account-details .left-info1 h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; display: inline-block; } .white-card .account-details .left-info1 h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .white-card .account-details .left-info1 h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .white-card .account-details .left-info1 h4 a:hover { color: rgba(0, 0, 0, 0.7); } .white-card .account-details .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .white-card .account-details .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; display: inline-block; } .white-card .account-details .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .white-card .account-details .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .white-card .account-details .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .white-card .account-details .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .white-card .account-details .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .white-card .account-details .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .white-card .account-details .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .white-card .account-details .full-info h4 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 8px 0; line-height: 1.3rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .white-card .account-details .full-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; display: inline-block; } .white-card .account-details .full-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .white-card .account-details .full-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .white-card .account-details .full-info h4 a:hover { color: rgba(0, 0, 0, 0.7); } .white-card .account-details .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .white-card .account-details .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; display: inline-block; } .white-card .account-details .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .white-card .account-details .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .white-card .account-details .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .white-card .account-details .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .white-card .account-details .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .white-card .account-details .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .white-card .account-details .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .white-card .account-details .full-info em a:hover { text-decoration: none; } .white-card .account-details .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .white-card .account-details .right-info h4 { font-weight: 400; font-size: 1.2rem; text-align: right; margin: 8px 0; line-height: 1.3rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .white-card .account-details .right-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .white-card .account-details .right-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .white-card .account-details .right-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .white-card .account-details .right-info h4 a:hover { color: rgba(0, 0, 0, 0.7); } .white-card .account-details .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .white-card .account-details .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .white-card .account-details .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .white-card .account-details .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .white-card .account-details .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .white-card .account-details .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .white-card .account-details .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .white-card .account-details .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .white-card .account-details .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .white-card .account-details .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .white-card .account-details .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .white-card .account-details .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .white-card .account-details .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .white-card .account-details .right-info em img { width: 18px; height: 18px; position: relative; display: inline-block; margin-left: 1px; margin-top: -2px; } .white-card .account-details .right-info em img.img-small { width: 16px; height: 16px; } .grey-card { display: block; background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 5px; width: 100%; height: auto; padding: 5px 5px; word-wrap: break-word; } .grey-card .left-info { padding: 0px 0px; text-align: left; margin: 0; float: left; word-wrap: break-word; display: block; } .grey-card .left-info h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 8px 0; line-height: 1.3rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .grey-card .left-info h4 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .grey-card .left-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .grey-card .left-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .grey-card .left-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grey-card .left-info h4 a:hover { color: rgba(0, 0, 0, 0.7); } .grey-card .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .grey-card .left-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .grey-card .left-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .grey-card .left-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .grey-card .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grey-card .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grey-card .left-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .grey-card .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .grey-card .left-info em img { width: 18px; height: 18px; position: relative; display: inline-block; margin-left: 1px; margin-top: -2px; } .grey-card .left-info em img.img-small { width: 13px; height: 13px; } .grey-card .left-info em img:hover { opacity: 0.7; } .grey-card .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .grey-card .right-info h4 { font-weight: 400; font-size: 1.2rem; text-align: right; margin: 8px 0; line-height: 1.3rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .grey-card .right-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .grey-card .right-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .grey-card .right-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grey-card .right-info h4 a:hover { color: rgba(0, 0, 0, 0.8); } .grey-card .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .grey-card .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .grey-card .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .grey-card .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .grey-card .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grey-card .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grey-card .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .grey-card .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .grey-card .right-info em img { width: 18px; height: 18px; position: relative; display: inline-block; margin-left: 1px; margin-top: -2px; } .grey-card .right-info em img.img-small { width: 13px; height: 13px; } .grey-card .right-info em img:hover { opacity: 0.8; } .grey-card h4 { font-size: 1.25rem; color: rgba(0, 0, 0, 0.9); text-align: left; margin: 8px 0; font-weight: 500; } @media (max-width: 767px) { .grey-card h4 { font-size: 1rem; margin: 3px 0; } } .grey-card h5 { font-size: 1.15rem; color: rgba(0, 0, 0, 0.65); text-align: left; margin: 8px 0; font-weight: 400; } @media (max-width: 767px) { .grey-card h5 { font-size: 0.8rem; margin: 3px 0; } } .grey-card em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.6); text-align: left; margin: 4px 0; font-weight: 400; } @media (max-width: 767px) { .grey-card em { font-size: 0.7rem; margin: 3px 2px; } } .lightblue-card { display: block; background-color: #0064bb; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid rgba(0, 51, 161, 0.4); border-top: none; margin-top: -2px; position: relative; width: 100%; height: auto; padding: 2px 8px; word-wrap: break-word; z-index: 0; } .lightblue-card .left-info { padding: 0px 0px; text-align: left; margin: 0; float: left; word-wrap: break-word; display: block; } .lightblue-card .left-info h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 8px 0; line-height: 1.3rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .lightblue-card .left-info h4 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .lightblue-card .left-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .lightblue-card .left-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .lightblue-card .left-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .lightblue-card .left-info h4 a:hover { color: rgba(0, 0, 0, 0.7); } .lightblue-card .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .lightblue-card .left-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .lightblue-card .left-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .lightblue-card .left-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .lightblue-card .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .lightblue-card .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .lightblue-card .left-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .lightblue-card .left-info em { font-size: 0.7rem; color: #0033a1; text-align: left; font-weight: 400; } .lightblue-card .left-info em img { width: 18px; height: 18px; position: relative; display: inline-block; margin-left: 1px; margin-top: -2px; } .lightblue-card .left-info em img.img-small { width: 13px; height: 13px; } .lightblue-card .left-info em img:hover { opacity: 0.7; } .lightblue-card .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .lightblue-card .right-info h4 { font-weight: 400; font-size: 1.2rem; text-align: right; margin: 8px 0; line-height: 1.3rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .lightblue-card .right-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .lightblue-card .right-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .lightblue-card .right-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .lightblue-card .right-info h4 a:hover { color: rgba(0, 0, 0, 0.8); } .lightblue-card .right-info h5 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 7px 0px 4px 0px; line-height: 1rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .lightblue-card .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .lightblue-card .right-info h5 img { width: 10px; height: 10px; position: relative; margin-top: -2px; display: inline-block; } .lightblue-card .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .lightblue-card .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .lightblue-card .right-info h5 a img { width: 12px; height: 12px; position: relative; margin-top: -2px; display: inline-block; } .lightblue-card .right-info h5 a img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .lightblue-card .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .lightblue-card .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .lightblue-card .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .lightblue-card .right-info em img { width: 18px; height: 18px; position: relative; display: inline-block; margin-left: 1px; margin-top: -2px; } .lightblue-card .right-info em img.img-small { width: 13px; height: 13px; } .lightblue-card .right-info em img:hover { opacity: 0.8; } .lightblue-card em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.6); text-align: left; margin: 7px 0px 2px 0px; font-weight: 500; } @media (max-width: 767px) { .lightblue-card em { font-size: 0.7rem; margin: 7px 0px 2px 0px; } } .balance-info { height: 20px; width: 100%; display: block; } .map-container { padding: 0px; margin: 0px; background-color: white; width: 100%; display: block; height: 270px; position: relative; z-index: 11; } .map-container .rounded-btn { position: absolute; top: 15px; right: 2%; width: 50px; height: 50px; border-radius: 50%; background-color: #0033a1; border: 1px solid #0033a1; text-transform: capitalize; color: white; padding: 0.5rem 0.5rem; cursor: pointer; text-align: center; margin: 2px 0px; z-index: 9999; overflow: hidden; box-shadow: none; outline: none; } .map-container .rounded-btn img { width: 25px; height: 25px; margin: 0 auto; text-align: center; } .map-container .rounded-btn:hover { background-color: #002e92; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .map-container .rounded-btn:active { background-color: #002e92; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .map-container .rounded-btn:focus { outline: none; background-color: #002e92; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } p.info-message { font-size: 10px; line-height: 1rem; margin: 10px 0; text-align: left; color: rgba(0, 0, 0, 0.5); display: block; } p.info-message span { font-size: 11px; line-height: 1rem; color: rgba(0, 51, 161, 0.85); margin-bottom: 30px; } p.info-text { font-size: 16px; line-height: 1rem; margin: 15px 0; text-align: center; color: rgba(0, 0, 0, 0.8); display: block; } p.info-text-m { font-size: 13px; line-height: 1rem; margin: 15px 0; text-align: center; color: rgba(0, 0, 0, 0.8); display: block; } p.info-text-m a { color: rgba(0, 51, 161, 0.85); text-decoration: none; } p.info-text-m a:hover { text-decoration: underline; } p .info-text-grey2 { font-size: 1rem; line-height: 1.2rem; font-weight: 500; margin: 6px 0; text-align: left; color: rgba(0, 0, 0, 0.65); display: block; } p.info-text-blue { font-size: 0.9rem; line-height: 1rem; font-weight: 500; margin: 6px 0; text-align: center; color: rgba(0, 51, 161, 0.85); display: block; } p.info-text-grey { font-size: 0.9rem; line-height: 1rem; font-weight: 500; margin: 6px 0; text-align: center; color: rgba(0, 0, 0, 0.55); display: block; } .white-bg4 { padding: 6px 20px; border-radius: 0px; margin: 0px 0px; background-color: white; width: 100%; height: auto; position: relative; z-index: 11; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .white-bg4 p { padding: 0px 0px 0px 32px; position: relative; } .white-bg4 p.info-message { font-size: 0.8rem; line-height: 1rem; margin: 5px 0; text-align: left; color: rgba(0, 0, 0, 0.55); display: block; } .white-bg4 p.info-message span { font-size: 0.8rem; position: absolute; left: 0; line-height: 1rem; color: #0033a1; } .info h4 { font-size: 1.1rem; color: rgba(0, 0, 0, 0.85); font-weight: 400; line-height: 1.2rem; margin: 14px 0; display: block; text-align: left; } .info h5 { margin: 5px 0; line-height: 1rem; } .info h5.default { font-size: 1rem; color: rgba(0, 0, 0, 0.9); font-weight: 500; margin: 10px 0; display: block; text-align: left; } .info h5.default span { font-size: 1rem; color: #0033a1; } .info h5.primary { font-size: 1rem; color: #0033a1; font-weight: 500; margin: 10px 0; display: block; text-align: left; } .info h6 { font-size: 0.85rem; color: rgba(0, 0, 0, 0.6); line-height: 1rem; font-weight: 400; margin: 10px 0; display: block; text-align: left; } .info p { font-size: 0.85rem; color: rgba(0, 0, 0, 0.85); line-height: 1rem; font-weight: 400; margin: 10px 0; display: block; text-align: left; } .info p a { font-size: 0.85rem; text-decoration: none; } .info p a:hover { text-decoration: underline; } .info p.default { font-size: 0.85rem; color: rgba(0, 0, 0, 0.7); font-weight: 500; line-height: 1rem; margin: 10px 0; display: block; text-align: left; } .info p.default span { font-size: 0.85rem; color: #0033a1; } .info p.default a { font-size: 0.85rem; text-decoration: none; color: rgba(0, 0, 0, 0.7); } .info p.default a:hover { text-decoration: underline; color: rgba(0, 0, 0, 0.7); } .info p.default2 { font-size: 0.9rem; color: rgba(0, 0, 0, 0.8); font-weight: 500; line-height: 1.2rem; margin: 10px 0; display: block; text-align: left; } .info p.default2 span { font-size: 0.8rem; color: #0033a1; } .info p.default2 a { font-size: 0.9rem; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .info p.default2 a:hover { text-decoration: underline; color: rgba(0, 0, 0, 0.8); } .info p.primary { font-size: 0.85rem; color: #0033a1; font-weight: 500; line-height: 1rem; margin: 10px 0; display: block; text-align: left; } .info p.primary a { font-size: 0.85rem; text-decoration: none; color: #0033a1; } .info p.primary a:hover { text-decoration: underline; color: #0033a1; } .info p.cust-line-height { line-height: 1.3rem; color: rgba(0, 0, 0, 0.75); } .info p.cust-line-height.m0 { margin: 0; } .info2 p { padding: 0px 0px 0px 36px; position: relative; } .info2 p.info-message { font-size: 0.75rem; line-height: 1rem; margin: 5px 0; text-align: left; color: rgba(0, 0, 0, 0.55); display: block; word-break: break-all; word-wrap: break-word; } .info2 p.info-message span { font-size: 0.75rem; position: absolute; word-break: break-all; word-wrap: break-word; left: 0; line-height: 1rem; color: #0033a1; } .primary-list h5 { color: #0033a1; padding: 0 15px; margin: 10px 0; } .primary-list .custom-list { padding: 0px; margin-bottom: 10px; } .primary-list .custom-list li { color: rgba(0, 0, 0, 0.7); font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 10px; } .primary-list .custom-list li::before { position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #0033A1; } .secondary-list h5 { color: #babcbf; padding: 0 15px; margin: 10px 0; } .secondary-list .custom-list { padding: 0px; margin-bottom: 10px; } .secondary-list .custom-list li { color: rgba(0, 0, 0, 0.7); font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 10px; } .secondary-list .custom-list li::before { position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #BABCBF; } .video-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .video-list ul { text-decoration: none; list-style: none; } .video-list li { text-decoration: none; list-style: none; padding: 8px 15px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; position: relative; } .video-list li a { text-decoration: none; } .video-list li a .full-container { padding: 0 0 0 25px; margin: 0; position: relative; } .video-list li a .full-container:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 26px; height: 26px; border-radius: 100%; background: url('play-button.svg') no-repeat; } .video-list li a .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; clear: both; position: relative; } .video-list li a .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 15px 0px; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .video-list li a .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .video-list li a .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .video-list li a .full-container .left-info1 h5:hover { color: rgba(0, 0, 0, 0.7); } .fav-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; width: 100%; height: auto; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .fav-info h5 { font-weight: 500; font-size: 1.2rem; text-align: left; margin: 20px 20px; line-height: 1.2rem; color: #0033a1; text-transform: initial; } .fav-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .fav-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .fav-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .fav-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .fav-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .fav-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .fav-list { margin: 0px 0; padding: 0px; width: 100%; height: auto; overflow: hidden; } .fav-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .fav-list li { text-decoration: none; list-style: none; margin: 0px 0; display: block; font-weight: 400; font-size: 0.95rem; line-height: 1.2rem; height: auto; overflow: hidden; text-align: left; padding: 20px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); color: rgba(0, 51, 161, 0.9); } .fav-list li.bor-n { border-bottom: none; } .fav-list li:hover { color: rgba(0, 51, 161, 0.8); } .fav-list li.active { color: rgba(0, 51, 161, 0.8); } .fav-list li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.09); } .favinfo-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .favinfo-list.mar-custom { margin-top: 20px; } .favinfo-list ul { text-decoration: none; list-style: none; } .favinfo-list li { text-decoration: none; list-style: none; padding: 10px 20px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .favinfo-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .favinfo-list li a { text-decoration: none; list-style: none; } .favinfo-list li .full-container { margin: 5px 0px 5px 0px; } .favinfo-list li .full-container .left-info1 { text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .favinfo-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .favinfo-list li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .favinfo-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .favinfo-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .favinfo-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .favinfo-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .favinfo-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .favinfo-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .favinfo-list li .full-container .full-info { text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .favinfo-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .favinfo-list li .full-container .full-info h4 { font-weight: 500; font-size: 1.4rem; text-align: left; margin: 8px 0px 6px 0px; line-height: 1.4rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; } .favinfo-list li .full-container .full-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .favinfo-list li .full-container .full-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .favinfo-list li .full-container .full-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .favinfo-list li .full-container .full-info h4 a:hover { color: rgba(0, 0, 0, 0.7); } .favinfo-list li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 5px 0; line-height: 1.4rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; word-wrap: break-word; } .favinfo-list li .full-container .full-info h5.cust-mar { margin: 16px 0px 0px 0px; } .favinfo-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; display: inline-block; } .favinfo-list li .full-container .full-info h5 img.img-m { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .favinfo-list li .full-container .full-info h5 a { list-style: none; font-weight: 400; font-size: 1.1rem; text-align: left; line-height: 1.4rem; text-decoration: none; color: rgba(0, 0, 0, 0.9); text-align: left; display: inline-block; } .favinfo-list li .full-container .full-info h5 a img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .favinfo-list li .full-container .full-info h5 a img.img-m { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .favinfo-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .favinfo-list li .full-container .full-info h5:hover { color: rgba(0, 0, 0, 0.75); } .favinfo-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .favinfo-list li .full-container .full-info em { font-size: 0.85rem; color: rgba(0, 0, 0, 0.55); text-align: left; margin: 4px 0; font-weight: 400; line-height: 0.8rem; display: block; } .favinfo-list li .full-container .full-info em a { font-size: 0.8rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .favinfo-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .favinfo-list li .full-container .full-info em a:hover { text-decoration: none; } .favinfo-list li .full-container .full-info img { width: 18px; height: 18px; position: relative; display: inline-block; opacity: 1; margin: 5px 0; } .favinfo-list li .full-container .full-info img:hover { opacity: 0.8; } .favinfo-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .favinfo-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .favinfo-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .favinfo-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .favinfo-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .favinfo-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .favinfo-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .favinfo-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .favinfo-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .favinfo-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .favinfo-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .favinfo-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .favinfo-list li .full-container .right-info button { margin: 5px 0; } .favinfo-list li .full-container .right-info button.ux-button { float: right; } .favinfo-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .favinfo-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .favinfo-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .favinfo-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .favinfo-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .search-overlay { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.65); z-index: 9; } .search-container { z-index: 91; position: absolute; overflow: auto; height: calc(100vh - 90px); left: 20px; right: 20px; bottom: 20px; padding: 0; /*background-color: $white;*/ background: transparent; display: none; } .search-container.showing { display: block; } .search-container .search-inner-section { width: 100%; height: auto; overflow: hidden; } .search-container .search-inner-section .search-list-section { position: relative; display: none; width: 100%; height: auto; overflow: hidden; background-color: white; margin: 0 auto; margin-top: 5px; border-radius: 10px; padding: 10px 0; } .overlay-layer2 { display: block; position: absolute; left: 0; right: 0; top: 56px; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99; } .overlay-layer2 .btn-section { position: absolute; top: 150px; display: block; width: 90%; height: 35px; left: 5%; right: 5%; margin-top: -17px; z-index: 993; } .overlay-layer2 .btn-section .info-button { position: relative; display: block; width: 100%; max-width: 90px; margin: 0 auto; height: 35px; border-radius: 4px; overflow: hidden; text-transform: uppercase; background-color: #efa40b; border: none; padding: 0; font-size: 0.95rem; font-weight: 500; margin: 0 auto; cursor: pointer; text-align: center; z-index: 993; box-shadow: none; color: rgba(0, 0, 0, 0.9); outline: none; } .overlay-layer2 .btn-section .info-button:hover { background-color: #d7930a; } .overlay-layer2 .btn-section .info-button:focus { outline: none; background-color: #d7930a; } .overlay-layer2 .main-info { position: absolute; top: 205px; left: 50%; display: block; width: 250px; height: 70px; margin-left: -125px; z-index: 991; } .overlay-layer2 .main-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .main-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .main-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps { display: none; } .overlay-layer2 .info-block .steps .dcard-info { position: absolute; top: 225px; display: block; width: 164px; height: 20px; right: 11%; z-index: 991; } @media (min-width: 767px) { .overlay-layer2 .info-block .steps .dcard-info { right: 31%; } } .overlay-layer2 .info-block .steps .dcard-info img { position: absolute; left: 60px; top: -38px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .dcard-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .dcard-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .dcard-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .fund-info { position: absolute; top: 320px; display: block; width: 130px; height: 40px; left: 19%; z-index: 991; } @media (min-width: 767px) { .overlay-layer2 .info-block .steps .fund-info { left: 35%; } } .overlay-layer2 .info-block .steps .fund-info img { position: absolute; left: 40px; top: -38px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .fund-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .fund-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .fund-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .account-info { position: absolute; top: 225px; display: block; width: 110px; height: 20px; left: 26%; z-index: 991; } @media (min-width: 767px) { .overlay-layer2 .info-block .steps .account-info { left: 39%; } } .overlay-layer2 .info-block .steps .account-info img { position: absolute; left: 10px; top: -43px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .account-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .account-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .account-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .upi-info { position: absolute; bottom: 133px; display: block; width: 155px; height: 25px; left: 30%; z-index: 991; } .overlay-layer2 .info-block .steps .upi-info img { position: absolute; left: 10px; top: -40px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .upi-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .upi-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .upi-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .invetment-info { position: absolute; bottom: 20px; display: block; width: 155px; height: 25px; left: 20%; z-index: 991; } .overlay-layer2 .info-block .steps .invetment-info img { position: absolute; left: 50px; top: -45px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .invetment-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .invetment-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .invetment-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .srequest-info { position: absolute; bottom: 20px; display: block; width: 155px; height: 25px; right: 11%; z-index: 991; } .overlay-layer2 .info-block .steps .srequest-info img { position: absolute; left: 50px; top: -45px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .srequest-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .srequest-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .srequest-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .hmenu-info { position: absolute; top: 30px; display: block; width: 200px; height: 25px; left: 60px; z-index: 991; } @media (min-width: 767px) { .overlay-layer2 .info-block .steps .hmenu-info { top: 38px; } } .overlay-layer2 .info-block .steps .hmenu-info img { position: absolute; left: -40px; top: -22px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .hmenu-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .hmenu-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .hmenu-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .notification-info { position: absolute; top: 30px; display: block; width: 135px; height: 25px; right: 75px; z-index: 991; } @media (min-width: 767px) { .overlay-layer2 .info-block .steps .notification-info { top: 38px; } } .overlay-layer2 .info-block .steps .notification-info img { position: absolute; right: -18px; top: -20px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .notification-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .notification-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .notification-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .billpay-info { position: absolute; bottom: 115px; display: block; width: 150px; height: 40px; left: 28%; z-index: 991; } .overlay-layer2 .info-block .steps .billpay-info img { position: absolute; left: 10px; top: -43px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .billpay-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .billpay-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .billpay-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps .value-info { position: absolute; bottom: 115px; display: block; width: 140px; height: 40px; right: 12%; z-index: 991; } .overlay-layer2 .info-block .steps .value-info img { position: absolute; left: 40px; top: -43px; width: 35px; height: 35px; margin: 0; text-align: right; display: block; opacity: 1; } .overlay-layer2 .info-block .steps .value-info em { font-size: 0.85rem; line-height: 1rem; font-weight: 500; text-align: left; position: relative; display: inline-block; text-transform: inherit; text-decoration: none; color: #efa40b; } .overlay-layer2 .info-block .steps .value-info em a { font-size: 0.85rem; font-weight: 500; text-align: left; display: inline-block; text-decoration: none; letter-spacing: 0.5px; color: #efa40b; } .overlay-layer2 .info-block .steps .value-info em a:hover { text-decoration: none; color: rgba(239, 164, 11, 0.8); } .overlay-layer2 .info-block .steps.active { display: block; } .rate { float: left; height: 45px; top: 50%; position: relative; left: 50%; margin-top: 10px; transform: translate(-50%, -40%); } .rate:not(:checked) > input { position: absolute; top: -9999px; } .rate:not(:checked) > label { float: right; overflow: hidden; white-space: nowrap; cursor: pointer; margin: 0 10px; } .rate:not(:checked) > label:before { content: url('star-deactive.svg'); } .rate:not(:checked) > label:hover { content: url('star-active.svg'); } .rate:not(:checked) > label:hover ~ label { content: url('star-active.svg'); } .rate > input:checked ~ label { content: url('star-active.svg'); } .rate > input:checked ~ label:hover { content: url('star-active.svg'); } .rate > input:checked ~ label:hover ~ label { content: url('star-active.svg'); } .rate > input:checked + label:hover { content: url('star-active.svg'); } .rate > input:checked + label:hover ~ label { content: url('star-active.svg'); } .rate > label:hover ~ input:checked ~ label { color: #efa40b; } .grey-main { display: block; margin-left: -5px; margin-right: -5px; } .grey-main .grey-container2 { padding: 5px 15px; border-radius: 0px; margin: 0px; background-color: rgba(0, 0, 0, 0.045); width: 100%; height: auto; display: block; } .grey-main .grey-container2.mar-customise { margin-left: -15px; margin-right: -15px; } .grey-main .grey-container2.mar-top { position: relative; margin-top: -15px; } .grey-main .grey-container2 h5 { text-align: left; font-size: 1.1rem; font-weight: 400; line-height: 1.2rem; margin: 5px 0px; display: block; color: rgba(0, 0, 0, 0.85); } .grey-main .grey-container2 h5 img { width: 18px; height: 18px; margin-top: -2px; margin-right: 8px; position: relative; } .grey-main .grey-container2 h5 a { color: rgba(0, 0, 0, 0.9); text-decoration: none; } .grey-main .grey-container2 h5 a:hover { text-decoration: none; color: rgba(0, 0, 0, 0.7); } .grey-main .grey-container2 h5.text-center { text-align: center; } .debit-card { width: 100%; height: auto; background: linear-gradient(117deg, #00387F 0%, #136ABA 30%, #C1296C 86%, #CE0E41 100%); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); padding: 0; border-radius: 10px; margin: 0px auto; margin-top: 10px; color: #ffffff; display: block; position: relative; overflow: hidden; } .debit-card::before { content: ""; position: absolute; display: block; background: url('card-bg.svg') no-repeat; width: 160px; height: 160px; top: -10px; right: -25px; opacity: 1; } .debit-card.disabled { background: linear-gradient(117deg, #414141 0%, #6b6a6a 30%, #535353 86%, #424242 100%); cursor: not-allowed; } .debit-card.disabled .top-info img.logo-img { filter: grayscale(100%); } .debit-card.disabled .bottom-info h6 { color: rgba(255, 255, 255, 0.4); } .debit-card.disabled .account-info h4 { color: rgba(255, 255, 255, 0.4); } .debit-card.disabled .account-info h5 { color: rgba(255, 255, 255, 0.4); } .debit-card .top-info { text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 8px 20px; clear: both; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .debit-card .top-info.border-b { border-bottom: none; } .debit-card .top-info img.logo-img { width: 100%; max-width: 110px; margin: 6px 0px 0px 0px; height: auto; position: relative; } .debit-card .top-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: white; text-transform: initial; } .debit-card .top-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .debit-card .top-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .debit-card .top-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: white; text-transform: initial; } .debit-card .top-info em { font-size: 0.7rem; color: rgba(255, 255, 255, 0.55); text-align: left; font-weight: 400; } .debit-card .bottom-info { text-align: right; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 8px 20px; clear: both; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.25); } .debit-card .bottom-info.border-t { border-top: none; } .debit-card .bottom-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: white; text-transform: initial; } .debit-card .bottom-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .debit-card .bottom-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .debit-card .bottom-info h6 { font-weight: 400; font-size: 0.85rem; text-align: right; margin: 2px 0; line-height: 1rem; color: white; text-transform: initial; } .debit-card .bottom-info h6 span { font-size: 0.7rem; color: rgba(255, 255, 255, 0.55); text-align: right; font-weight: 400; } .debit-card .bottom-info h6 img { width: 10px; height: 10px; position: relative; margin-top: -2px; margin-left: 3px; } .debit-card .bottom-info em { font-size: 0.7rem; color: rgba(255, 255, 255, 0.55); text-align: right; font-weight: 400; } .debit-card .account-info { text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 15px 20px; clear: both; position: relative; } .debit-card .account-info h4 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 0px 0px; margin-bottom: 7px; line-height: 1.2rem; color: white; text-transform: initial; } .debit-card .account-info h5 { font-weight: 300; font-size: 0.95rem; text-align: left; margin: 0px 0px; line-height: 1rem; color: rgba(255, 255, 255, 0.8); text-transform: initial; } .debit-card .account-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .debit-card .account-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .debit-card .account-info h6 { font-weight: 400; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: white; text-transform: initial; } .debit-card .account-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .schedule-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .schedule-list.mar-t { margin-top: 10px; } .schedule-list ul { text-decoration: none; list-style: none; } .schedule-list li { text-decoration: none; list-style: none; padding: 0px 12px; width: 100%; background-color: rgba(0, 51, 161, 0.1); clear: both; margin-bottom: 7px; border-radius: 4px; } .schedule-list li a { text-decoration: none; list-style: none; } .schedule-list li .full-container { padding: 5px 0px 5px 0px; } .schedule-list li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .schedule-list li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .schedule-list li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .schedule-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .schedule-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .schedule-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .schedule-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .schedule-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .schedule-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .schedule-list li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 5px auto; word-wrap: break-word; word-break: break-all; display: block; position: relative; clear: both; position: relative; } .schedule-list li .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .schedule-list li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .schedule-list li .full-container .full-info h5.failed { color: #ce0e41; } .schedule-list li .full-container .full-info h5.success { color: #13a443; } .schedule-list li .full-container .full-info h5.pending { color: #fd8153; } .schedule-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .schedule-list li .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .schedule-list li .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .schedule-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .schedule-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .schedule-list li .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .schedule-list li .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .schedule-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .schedule-list li .full-container .full-info em a:hover { text-decoration: none; } .schedule-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .schedule-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .schedule-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .schedule-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .schedule-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .schedule-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .schedule-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .schedule-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .schedule-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .schedule-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .schedule-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .schedule-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .schedule-list li .full-container .right-info button { margin: 5px 0; } .schedule-list li .full-container .right-info button.ux-button { float: right; } .schedule-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .schedule-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .schedule-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .schedule-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .schedule-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .schedule-list li:hover { background-color: #00539c; } .reward-details { margin: 15px 0; } .reward-details .reward-title { margin-bottom: 10px; } .reward-details .reward-title h6 { font-weight: 400; color: rgba(0, 0, 0, 0.55); font-size: 0.85rem; text-align: left; } .reward-details .reward-body li { border-bottom: 1px solid #ccc; margin-bottom: 20px; } .reward-details .reward-body li .reward-label { margin-bottom: 20px; } .reward-details .reward-body li .reward-label h6 { font-weight: 400; color: rgba(0, 0, 0, 0.55); font-size: 0.85rem; text-align: left; margin-bottom: 3px; } .reward-details .reward-body li .reward-label h5 { font-size: 1rem !important; font-weight: 500 !important; } .reward-details .reward-body li .row h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 5px 0; line-height: 1.4rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; word-wrap: break-word; } .reward-details .reward-body li .row h5.cust-mar { margin: 16px 0px 0px 0px; } .reward-details .reward-body li .row h5.cust-mar a { list-style: none; font-weight: 400; font-size: 1.1rem; text-align: left; line-height: 1.4rem; text-decoration: none; color: rgba(0, 0, 0, 0.9); text-align: left; display: inline-block; } .reward-details .reward-body li .row h5.cust-mar a img { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .reward-details .reward-body li .row h5.cust-mar img { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .reward-details .reward-body li:last-child { border-bottom: none; } .card-info-list { width: 100%; padding: 0px 0; margin: 10px 0px; } .card-info-list.mar-t { margin-top: 10px; } .card-info-list ul { text-decoration: none; list-style: none; } .card-info-list li { text-decoration: none; list-style: none; padding: 5px 0px; width: 100%; background-color: transparent; clear: both; border-radius: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .card-info-list li a { text-decoration: none; list-style: none; } .card-info-list li h4 { font-weight: 500; font-size: 1.2rem; text-align: left; margin: 10px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; } .card-info-list li .card-info { padding: 0px 0px; text-align: left; margin: 8px auto; word-wrap: break-word; word-break: break-all; display: block; position: relative; clear: both; position: relative; } .card-info-list li .card-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .card-info-list li .card-info h4 { font-weight: 400; font-size: 1.2rem; text-align: left; margin: 8px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; } .card-info-list li .card-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .card-info-list li .card-info h5.failed { color: #ce0e41; } .card-info-list li .card-info h5.success { color: #13a443; } .card-info-list li .card-info h5.pending { color: #fd8153; } .card-info-list li .card-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .card-info-list li .card-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .card-info-list li .card-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .card-info-list li .card-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .card-info-list li .card-info h6 { font-weight: 400; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .card-info-list li .card-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .card-info-list li .card-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .card-info-list li .card-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .card-info-list li .card-info em a:hover { text-decoration: none; } .card-info-list li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0); } .statementinput { display: none; } .location-list2 { width: 100%; padding: 0px 0; margin: 0px 0px; } .location-list2.mar-custom { margin-top: 20px; } .location-list2 ul { text-decoration: none; list-style: none; } .location-list2 li { text-decoration: none; list-style: none; padding: 10px 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .location-list2 li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .location-list2 li a { text-decoration: none; list-style: none; } .location-list2 li .full-container { margin: 5px 0px 5px 0px; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 35px; clear: both; position: relative; } .location-list2 li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px; clear: both; position: relative; } .location-list2 li .full-container .left-info .icon-info { position: absolute; left: -35px; top: 1px; margin: 0px; width: 25px; height: 25px; } .location-list2 li .full-container .left-info .icon-info img { width: 25px; height: 25px; } .location-list2 li .full-container .left-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 2px 0; margin-bottom: 10px; line-height: 1.1rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .location-list2 li .full-container .left-info h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .location-list2 li .full-container .left-info h5 { font-size: 1.3rem; line-height: 1.4rem; } .location-list2 li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .location-list2 li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .location-list2 li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .location-list2 li .full-container .left-info h6 { font-weight: 400; font-size: 0.95rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .location-list2 li .full-container .left-info h6.heading { position: relative; } .fnt-large .location-list2 li .full-container .left-info h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .location-list2 li .full-container .left-info h6 { font-size: 1.1rem; line-height: 1.2rem; } .location-list2 li .full-container .left-info h6.primary { font-weight: 500; font-size: 0.95rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: #0033a1; } .location-list2 li .full-container .left-info h6 img { width: 20px; height: 20px; margin-top: -2px; position: relative; margin-right: 5px; } .location-list2 li .full-container .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .fnt-large .location-list2 li .full-container .left-info em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .location-list2 li .full-container .left-info em { font-size: 0.9rem; line-height: 1rem; } .location-list2 li .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .location-list2 li .full-container .full-info em { font-weight: 400; font-size: 0.8rem; text-align: left; vertical-align: top; margin: 2px 0; line-height: 0.8rem; color: rgba(0, 0, 0, 0.65); text-transform: initial; } .fnt-large .location-list2 li .full-container .full-info em { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .location-list2 li .full-container .full-info em { font-size: 1rem; line-height: 1.1rem; } .location-list2 li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .location-list2 li .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 1px 0; line-height: 1.1rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .location-list2 li .full-container .right-info h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .location-list2 li .full-container .right-info h5 { font-size: 1.3rem; line-height: 1.4rem; } .location-list2 li .full-container .right-info h5.send { color: #ff5858; } .location-list2 li .full-container .right-info h5.default { color: rgba(0, 0, 0, 0.5); } .location-list2 li .full-container .right-info h5.recived { color: #03914a; } .location-list2 li .full-container .right-info h5.pending { color: #fd8153; } .location-list2 li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); } .location-list2 li .full-container .right-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -3px; margin-right: 2px; } .location-list2 li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; margin-right: 5px; } .location-list2 li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .location-list2 li .full-container .right-info h5 a.block { color: #ce0e41; } .location-list2 li .full-container .right-info h5 a.block:hover { color: rgba(206, 14, 65, 0.8); } .location-list2 li .full-container .right-info h5 a.set { color: #03914a; } .location-list2 li .full-container .right-info h5 a.set:hover { color: rgba(3, 145, 74, 0.8); } .location-list2 li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .location-list2 li .full-container .right-info h6 { font-weight: 400; font-size: 0.9rem; text-align: right; margin: 1px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .fnt-large .location-list2 li .full-container .right-info h6 { font-size: 1rem; line-height: 1.2rem; } .fnt-xlarge .location-list2 li .full-container .right-info h6 { font-size: 1.1rem; line-height: 1.3rem; } .location-list2 li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .fnt-large .location-list2 li .full-container .right-info em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .location-list2 li .full-container .right-info em { font-size: 0.9rem; line-height: 1.2rem; } .location-list2 li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .location-list2 li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .mmid-list { position: relative; width: 100%; display: block; z-index: 2; overflow: hidden; clear: both; /*border: 1px solid #464646;*/ } .mmid-list ul { list-style: none; margin: 0; padding: 0; text-decoration: none; } .mmid-list li { margin: 0; padding: 0; margin-bottom: 5px; text-decoration: none; } .mmid-list li a { font-size: 15px; padding: 15px 15px; display: block; background-color: rgba(0, 51, 161, 0.1); border-radius: 6px; padding-left: 32px; color: rgba(0, 0, 0, 0.9); text-decoration: none; position: relative; } .fnt-large .mmid-list li a { font-size: 16px; line-height: 17px; } .fnt-xlarge .mmid-list li a { font-size: 17px; line-height: 18px; } @media (max-width: 767px) { .mmid-list li a { padding: 15px 15px; } } .mmid-list li a h6 { font-size: 0.9rem; margin: 3px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); } .fnt-large .mmid-list li a h6 { font-size: 16px; line-height: 17px; } .fnt-xlarge .mmid-list li a h6 { font-size: 17px; line-height: 18px; } .mmid-list li a h5 { font-size: 1.1rem; margin: 3px 0; font-weight: 500; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); } .fnt-large .mmid-list li a h5 { font-size: 16px; line-height: 17px; } .fnt-xlarge .mmid-list li a h5 { font-size: 17px; line-height: 18px; } .mmid-list li a em { font-size: 0.9rem; color: rgba(0, 0, 0, 0.9); } .fnt-large .mmid-list li a em { font-size: 16px; line-height: 17px; } .fnt-xlarge .mmid-list li a em { font-size: 17px; line-height: 18px; } .mmid-list li a label { font-size: 15px; } .fnt-large .mmid-list li a label { font-size: 16px; line-height: 17px; } .fnt-xlarge .mmid-list li a label { font-size: 17px; line-height: 18px; } .mmid-list li a .ux-selection2 { position: static; margin-bottom: 0px; padding-left: 32px; } @media (max-width: 767px) { .mmid-list li a .ux-selection2 { padding-left: 32px; } } .mmid-list li a .ux-selection2 input { width: 100%; height: 100%; left: 0; top: 0; } .mmid-list li a .ux-selection2 label { font-size: 15px; } .fnt-large .mmid-list li a .ux-selection2 label { font-size: 16px; line-height: 17px; } .fnt-xlarge .mmid-list li a .ux-selection2 label { font-size: 17px; line-height: 18px; } .mmid-list li a .ux-selection2 .checkmark { top: 50%; transform: translateY(-50%); left: 15px; } .mmid-list li a.account-selected { background-color: rgba(0, 51, 161, 0.1); font-weight: 600; color: #000000; } .info-div { background-color: rgba(253, 129, 83, 0.2); color: #fd8153; outline: none; border: none; text-transform: capitalize; padding: 0.3rem 0.4rem; font-size: 0.85rem; margin: 2px auto; display: block; text-align: center; cursor: pointer; border-radius: 4px; position: relative; overflow: hidden; } @media (max-width: 340px) { .info-div { font-size: 0.8rem; padding: 0.3rem 0.2rem; } } .demo-mobile-month-view { height: 100%; } .bottominfo-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .bottominfo-list.mar-custom { margin-top: 20px; } .bottominfo-list ul { text-decoration: none; list-style: none; } .bottominfo-list li { text-decoration: none; list-style: none; padding: 4px 15px; width: 100%; background-color: white; border-bottom: 0px solid rgba(0, 0, 0, 0.1); clear: both; } .bottominfo-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .bottominfo-list li a { text-decoration: none; list-style: none; } .bottominfo-list li .full-container { margin: 8px 0px 8px 0px; } .bottominfo-list li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .bottominfo-list li .full-container .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .bottominfo-list li .full-container .left-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .bottominfo-list li .full-container .left-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .bottominfo-list li .full-container .left-info h6 { font-weight: 400; font-size: 0.65rem; text-align: left; margin: 1px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.65); text-transform: initial; } @media (max-width: 340px) { .bottominfo-list li .full-container .left-info h6 { font-size: 0.55rem; } } .bottominfo-list li .full-container .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.65); text-align: left; font-weight: 400; } .bottominfo-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .bottominfo-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .bottominfo-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .bottominfo-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .bottominfo-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.65rem; text-align: right; margin: 1px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.65); text-transform: initial; } @media (max-width: 340px) { .bottominfo-list li .full-container .right-info h6 { font-size: 0.55rem; } } .bottominfo-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.65); text-align: right; font-weight: 400; } .hoilday-list { width: 100%; padding: 0px 0; margin: 0px 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .hoilday-list.mar-custom { margin-top: 20px; } .hoilday-list ul { text-decoration: none; list-style: none; } .hoilday-list li { text-decoration: none; list-style: none; padding: 0px 35px; width: 100%; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .hoilday-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .hoilday-list li a { text-decoration: none; list-style: none; } .hoilday-list li .full-container { margin: 5px 0px 5px 0px; } .hoilday-list li .full-container .left-info1 { text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .hoilday-list li .full-container .left-info1 .rupee-info { position: absolute; content: ""; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .hoilday-list li .full-container .left-info1 h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .hoilday-list li .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .hoilday-list li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .hoilday-list li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .hoilday-list li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .hoilday-list li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .hoilday-list li .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .hoilday-list li .full-container .full-info { text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .hoilday-list li .full-container .full-info .rupee-info { position: absolute; content: ""; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .hoilday-list li .full-container .full-info h4 { font-weight: 500; font-size: 1.4rem; text-align: left; margin: 8px 0px 6px 0px; line-height: 1.4rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; } .hoilday-list li .full-container .full-info h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .hoilday-list li .full-container .full-info h4 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .hoilday-list li .full-container .full-info h4 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .hoilday-list li .full-container .full-info h4 a:hover { color: rgba(0, 0, 0, 0.7); } .hoilday-list li .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 5px 0; line-height: 1.4rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: block; word-wrap: break-word; } .hoilday-list li .full-container .full-info h5.cust-mar { margin: 16px 0px 0px 0px; } .hoilday-list li .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; display: inline-block; } .hoilday-list li .full-container .full-info h5 img.img-m { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .hoilday-list li .full-container .full-info h5 a { list-style: none; font-weight: 400; font-size: 1.1rem; text-align: left; line-height: 1.4rem; text-decoration: none; color: rgba(0, 0, 0, 0.9); text-align: left; display: inline-block; } .hoilday-list li .full-container .full-info h5 a img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .hoilday-list li .full-container .full-info h5 a img.img-m { width: 24px; height: 24px; position: relative; margin-top: -3px; margin-right: 8px; } .hoilday-list li .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .hoilday-list li .full-container .full-info h5:hover { color: rgba(0, 0, 0, 0.75); } .hoilday-list li .full-container .full-info h6 { font-weight: 400; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .hoilday-list li .full-container .full-info em { font-size: 0.85rem; color: rgba(0, 0, 0, 0.55); text-align: left; margin: 4px 0; font-weight: 400; line-height: 0.8rem; display: block; } .hoilday-list li .full-container .full-info em a { font-size: 0.8rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .hoilday-list li .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .hoilday-list li .full-container .full-info em a:hover { text-decoration: none; } .hoilday-list li .full-container .full-info img { width: 18px; height: 18px; position: relative; display: inline-block; opacity: 1; margin: 5px 0; } .hoilday-list li .full-container .full-info img:hover { opacity: 0.8; } .hoilday-list li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; display: block; } .hoilday-list li .full-container .right-info h5 { font-weight: 400; font-size: 1.1rem; text-align: right; margin: 12px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .hoilday-list li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .hoilday-list li .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .hoilday-list li .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .hoilday-list li .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .hoilday-list li .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .hoilday-list li .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .hoilday-list li .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .hoilday-list li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .hoilday-list li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .hoilday-list li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .hoilday-list li .full-container .right-info button { margin: 5px 0; } .hoilday-list li .full-container .right-info button.ux-button { float: right; } .hoilday-list li .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .hoilday-list li .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .hoilday-list li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .hoilday-list li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .hoilday-list li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .demo-mobile-month-view { height: 100%; } .white-bg-custom4 { padding: 15px 0px 5px 0px; position: relative; border-radius: 0px; overflow: hidden; background-color: white; position: relative; } .white-bg-custom4 .innerbg-section { padding: 0px 8px; height: calc(100vh - 140px); overflow: auto; overflow-x: hidden; z-index: 0; position: relative; width: 100%; } .chat-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .chat-list.mar-custom { margin-top: 20px; } .chat-list ul { text-decoration: none; list-style: none; } .chat-list li { text-decoration: none; list-style: none; margin: 0px 0px; width: 100%; height: auto; clear: both; } .chat-list li.pad-custom { padding: 8px 10px; } .chat-list li a { text-decoration: none; list-style: none; } .chat-list li .receive-info { padding: 0px 0px; text-align: left; margin: 0; margin-bottom: 18px; word-wrap: break-word; word-break: break-all; display: block; position: relative; clear: both; float: left; width: auto; padding-left: 62px; height: auto; position: relative; } .chat-list li .receive-info .time-info { position: relative; display: block; width: 100%; height: 20px; text-align: left; } .chat-list li .receive-info .icon-info { position: absolute; left: 0; top: 0; margin: 0px; width: 50px; height: 50px; /* end of span */ } .chat-list li .receive-info .icon-info span { background: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.1); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .chat-list li .receive-info .icon-info span img { width: 28px; height: 28px; display: block; margin: 10px auto; } .chat-list li .receive-info .icon-info span img:hover { opacity: 0.8; } .chat-list li .receive-info .transaction-info { position: relative; width: auto; height: auto; padding: 10px 10px; background: rgba(0, 0, 0, 0.08); border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .chat-list li .receive-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0px; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .chat-list li .receive-info P { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0px; line-height: 1.3rem; color: rgba(0, 0, 0, 0.85); text-transform: initial; } .chat-list li .receive-info em { font-size: 0.65rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .chat-list li .receive-info a { text-decoration: none; list-style: none; outline: none; color: rgba(0, 51, 161, 0.85); } .chat-list li .receive-info a em { font-size: 0.65rem; color: rgba(0, 51, 161, 0.85); text-align: left; font-weight: 400; } .chat-list li .receive-info a:hover { text-decoration: underline; list-style: none; } .chat-list li .sent-info { padding: 0px 0px; text-align: left; margin: 0; margin-bottom: 18px; word-wrap: break-word; word-break: break-all; display: block; position: relative; clear: both; float: right; width: auto; padding-right: 62px; height: auto; position: relative; } .chat-list li .sent-info .time-info { position: relative; display: block; width: 100%; height: 20px; text-align: right; } .chat-list li .sent-info .icon-info { position: absolute; right: 0; top: 0; margin: 0px; width: 50px; height: 50px; /* end of span */ } .chat-list li .sent-info .icon-info span { background: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.1); height: 50px; width: 50px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .chat-list li .sent-info .icon-info span img { width: 28px; height: 28px; display: block; margin: 10px auto; } .chat-list li .sent-info .icon-info span img:hover { opacity: 0.8; } .chat-list li .sent-info .transaction-info { position: relative; width: auto; height: auto; padding: 10px 10px; background: transparent linear-gradient(90deg, #0962b4 0%, #176fc1 100%) 0% 0% no-repeat; border-top-right-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .chat-list li .sent-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0px; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .chat-list li .sent-info P { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0px; line-height: 1.3rem; color: white; text-transform: initial; } .chat-list li .sent-info em { font-size: 0.65rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .chat-list li .sent-info a { text-decoration: none; list-style: none; outline: none; color: rgba(0, 51, 161, 0.85); } .chat-list li .sent-info a em { font-size: 0.65rem; color: rgba(0, 51, 161, 0.85); text-align: left; font-weight: 400; } .chat-list li .sent-info a:hover { text-decoration: underline; list-style: none; } .chat-list li:last-child { margin: 0px 0px 0px 0px; } #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.9); } #preloader .preloader-inner { position: absolute; left: 50%; top: 50%; z-index: 9999; background: transparent; width: 50px; height: 50px; margin: -25px 0 0 -25px; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #babcbf; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .dcustom-bg { width: 100%; border-radius: 8px; padding: 25px 35px; z-index: 2; margin: 0px 0px 10px 0px; position: relative; overflow: inherit; height: auto; display: block; background: url('dashboard-bg.svg') no-repeat top center; background-size: cover; } @media (max-width: 768px) { .dcustom-bg .pl-0 { padding-left: 15px !important; } .dcustom-bg .pr-0 { padding-right: 15px !important; } } @media (min-width: 767px) and (max-width: 1400px) { .dcustom-bg { margin: 0px 0px 5px 0px; padding: 15px 25px; } } @media (max-width: 767px) { .dcustom-bg { padding: 0px 0px; } } .dcustom-bg:before { position: absolute; top: 0; left: 10px; right: 10px; bottom: 0; height: 100%; z-index: 0; background-color: #0033A1; border-radius: 10px; } @media (max-width: 767px) { .dcustom-bg:before { left: -20px; top: -30px; right: -20px; bottom: 0; height: 260px; border-radius: 0px; z-index: 0; } } .dcustom-bg h2 { color: #ffffff; font-size: 2rem; font-weight: 500; line-height: 2rem; margin: 0px 0px 0px; z-index: 2; width: 100%; display: block; } .fnt-large .dcustom-bg h2 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .dcustom-bg h2 { font-size: 1.8rem; line-height: 1.9rem; } @media (min-width: 768px) and (max-width: 1400px) { .dcustom-bg h2 { font-size: 1.4rem; line-height: 1.5rem; } } @media (max-width: 767px) { .dcustom-bg h2 { margin: 0px 0px 10px; font-size: 1.2rem; line-height: 1.3rem; } } .dcustom-bg h2 span { font-size: 0.85rem; color: #b7bcfc; font-weight: 400; } @media (max-width: 767px) { .dcustom-bg h2 span { display: block; } } .dcustom-bg h5 { color: white; font-size: 1.2rem; line-height: 1.2rem; display: inline-block; vertical-align: middle; font-weight: 400; margin: 8px 0px; z-index: 2; } .fnt-large .dcustom-bg h5 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .dcustom-bg h5 { font-size: 1.2rem; line-height: 1.3rem; } @media (max-width: 767px) { .dcustom-bg h5 { margin: 4px 0px; font-size: 1rem; line-height: 1rem; } } .dcustom-bg h5 span { color: rgba(255, 255, 255, 0.9); background-color: #00236e; padding: 4px 15px; border-radius: 50px; display: inline-block; margin-left: 10px; } .dcustom-bg h5 span img { width: 10px; height: 10px; position: relative; margin-top: -2px; } .main-dashborad { padding-top: 9px; } .main-dashborad .ux-input.search-input { margin: 28px 0 0 0; } @media (max-width: 767px) { .main-dashborad .ux-input.search-input { margin: 8px 0; } } @media screen and (max-width: 1060px) { .main-dashborad .dcustom-bg .wc-cardlist .owl-stage-outer .owl-stage .owl-item .item .ux-component5 { width: 265px; } } @media screen and (min-width: 1061px) and (max-width: 1289px) { .main-dashborad .dcustom-bg .wc-cardlist .owl-stage-outer .owl-stage .owl-item .item .ux-component5 { width: 235px; } } @media screen and (min-width: 1290px) and (max-width: 1380px) { .main-dashborad .dcustom-bg .wc-cardlist .owl-stage-outer .owl-stage .owl-item .item .ux-component5 { width: 255px; } } @media screen and (min-width: 1381px) and (max-width: 1450px) { .main-dashborad .dcustom-bg .wc-cardlist .owl-stage-outer .owl-stage .owl-item .item .ux-component5 { width: 268px; } } .main-dashborad .dcustom-bg div.bal-reveal { background-color: #ffffff; border-radius: 25px; padding: 5px 5px 0; line-height: 20px; color: #000000; } @media screen and (max-width: 1096px) { .main-dashborad .dcustom-bg div.bal-reveal { padding: 2px 4px; } } @media screen and (min-width: 1096px) { .main-dashborad .dcustom-bg div.bal-reveal { width: 80%; float: right; } } .main-dashborad .dcustom-bg div.bal-reveal span { vertical-align: super; font-size: 12px; margin: 0 4px 0 6px; } @media screen and (max-width: 1096px) { .main-dashborad .dcustom-bg div.bal-reveal span { font-size: 11px; } } .main-dashborad .dcustom-bg div.bal-reveal label.toggle { z-index: 1; padding: 0 2px; float: right; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle input[type=checkbox] { width: 68px; border: none; } @media screen and (max-width: 1096px) { .main-dashborad .dcustom-bg div.bal-reveal label.toggle input[type=checkbox] { width: 52px; } } .main-dashborad .dcustom-bg div.bal-reveal label.toggle input[type=checkbox]:before { width: 10px; height: 10px; top: 5px; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle input[type=checkbox]:checked { background-color: #002891; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle input[type=checkbox]:checked:before { transform: translate(46px, 0); } .main-dashborad .dcustom-bg div.bal-reveal label.toggle em { position: absolute; top: 10px; text-transform: uppercase; z-index: 2; color: #ffffff; font-size: 10px; opacity: 1; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle em:first-of-type { left: 9px; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle.label-inactive input[type=checkbox]:not(:checked) ~ em { right: 10px; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle.label-inactive input[type=checkbox]:not(:checked) { background-color: #4E545F; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle.label-inactive input[type=checkbox]:not(:checked)::before { left: 5px; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle.label-inactive em:first-of-type { display: none; } .main-dashborad .dcustom-bg div.bal-reveal label.toggle input[type=checkbox]:checked ~ em { display: none; } .main-dashborad .dcustom-bg div.bal-reveal .switch { position: relative; display: inline-block; float: right; width: 60px; height: 18px; margin: 1px 1px 0 1px; } .main-dashborad .dcustom-bg div.bal-reveal .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 14px; background-color: #0033A1; transition: 0.4s; display: flex; align-items: center; justify-content: space-between; color: #ffffff; } .main-dashborad .dcustom-bg div.bal-reveal .slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 5px; bottom: 0; border-radius: 100%; top: 4px; background-color: white; transition: 0.4s; } .main-dashborad .dcustom-bg div.bal-reveal .slider:after { content: "HIDE"; position: relative; padding: 10px; padding-left: 30px; font-size: 10px; } @media screen and (max-width: 1096px) { .main-dashborad .dcustom-bg div.bal-reveal .slider:after { padding-left: 23px; } } .main-dashborad .dcustom-bg div.bal-reveal input:not(:checked) + .slider { background-color: #4E545F; } .main-dashborad .dcustom-bg div.bal-reveal input:checked + .slider { background-color: #002891; } .main-dashborad .dcustom-bg div.bal-reveal input:checked + .slider:after { content: "SHOW"; padding-left: 5px; } .main-dashborad .dcustom-bg div.bal-reveal input:checked + .slider { background-color: #002891; } .main-dashborad .dcustom-bg div.bal-reveal input:checked + .slider:before { transform: translateX(39px); } @media (min-width: 767px) and (max-width: 1400px) { .main-dashborad .dcustom-bg { margin: 0px 0px 5px 0px; padding: 15px 25px 8px 26px; } } .main-dashborad .calculated-loan-elig { background-color: #e4ecfb; } .main-dashborad .calculated-loan-elig h6 { font-weight: 400; color: #737476; text-align: center; } .main-dashborad .calculated-loan-elig h3 { font-size: 1.6rem; } .main-dashborad .owl-carousel#owl-carousel2 { position: relative; } .main-dashborad .owl-carousel#owl-carousel2 .owl-nav { position: absolute; z-index: 6; top: 80%; right: 20px; } .main-dashborad .owl-carousel#owl-carousel2 .owl-nav button { padding: 1px !important; margin: 0 3px; background-color: #ffffff; border: 1px solid #ccc; border-radius: 3px; } .main-dashborad .owl-carousel#owl-carousel2 .owl-nav button:focus { background-color: #e4ecfb; outline: none; } .main-dashborad .owl-carousel#owl-carousel2 .owl-nav button span img { width: 26px; height: 26px; } .mobcustom-bg { width: 100%; border-radius: 8px; padding: 25px 25px; z-index: 2; margin: 0px 0px 10px 0px; position: relative; overflow: inherit; height: auto; display: block; } @media (min-width: 767px) and (max-width: 1400px) { .mobcustom-bg { margin: 0px 0px 5px 0px; padding: 15px 15px; } } @media (max-width: 767px) { .mobcustom-bg { padding: 0px 0px; } } .mobcustom-bg:before { content: ""; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; height: 100%; z-index: 0; background: url('dashboard-blue-bg.png') no-repeat top center; background-size: cover; background-color: #0033A1; border-radius: 10px; } @media (max-width: 767px) { .mobcustom-bg:before { background: url('blue-bg.png') no-repeat top center; background-size: cover; left: -20px; top: -30px; right: -20px; bottom: 0; height: 260px; border-radius: 0px; z-index: 0; } } .mobcustom-bg h2 { color: white; font-size: 2rem; font-weight: 500; line-height: 2rem; margin: 0px 0px 0px; z-index: 2; width: 100%; display: block; } .fnt-large .mobcustom-bg h2 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .mobcustom-bg h2 { font-size: 1.8rem; line-height: 1.9rem; } @media (min-width: 768px) and (max-width: 1400px) { .mobcustom-bg h2 { font-size: 1.4rem; line-height: 1.5rem; } } @media (max-width: 767px) { .mobcustom-bg h2 { margin: 0px 0px 10px; font-size: 1.2rem; line-height: 1.3rem; } } .mobcustom-bg h2 span { font-size: 0.85rem; color: rgba(255, 255, 255, 0.5); font-weight: 400; } @media (max-width: 767px) { .mobcustom-bg h2 span { display: block; } } .mobcustom-bg h5 { color: white; font-size: 1.2rem; line-height: 1.2rem; display: inline-block; vertical-align: middle; font-weight: 400; margin: 8px 0px; z-index: 2; } .fnt-large .mobcustom-bg h5 { font-size: 1.1rem; line-height: 1.2rem; } .fnt-xlarge .mobcustom-bg h5 { font-size: 1.2rem; line-height: 1.3rem; } @media (max-width: 767px) { .mobcustom-bg h5 { margin: 4px 0px; font-size: 1rem; line-height: 1rem; } } .mobcustom-bg h5 span { color: rgba(255, 255, 255, 0.9); background-color: #00236e; padding: 4px 15px; border-radius: 50px; display: inline-block; margin-left: 10px; } .mobcustom-bg h5 span img { width: 10px; height: 10px; position: relative; margin-top: -2px; } .m-100 { display: inline-block; } @media (max-width: 767px) { .m-100 { width: 100%; display: block; } } .services-list { width: 100%; height: auto; position: relative; overflow: hidden; padding: 0px 0px; margin: 0px 0px; } .services-list ul { text-decoration: none; list-style: none; } .services-list li { text-decoration: none; list-style: none; padding: 0px 0px; margin-top: 10px; margin-bottom: 10px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 13.4285714286%; margin-right: 1%; color: rgba(0, 0, 0, 0.9); } .services-list li:nth-child(7n) { margin-right: 0; } @media (min-width: 1600px) { .services-list li { float: left; width: 12.5%; margin-right: 0%; } .services-list li:nth-child(8n) { margin-right: 0; } } @media (min-width: 1000px) and (max-width: 1200px) { .services-list li { float: left; width: 20%; margin-right: 0%; } .services-list li:nth-child(5n) { margin-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .services-list li { float: left; width: 20%; margin-right: 0%; } .services-list li:nth-child(5n) { margin-right: 0; } } @media (max-width: 767px) { .services-list li { float: left; width: 25%; margin-right: 0%; } .services-list li:nth-child(4n) { margin-right: 0; } } @media (max-width: 650px) { .services-list li { float: left; width: 33.3333333333%; margin-right: 0%; } .services-list li:nth-child(3n) { margin-right: 0; } } .services-list li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; font-family: "Heebo", sans-serif; } .services-list li a .infographic-card { background: rgb(255, 255, 255); height: 122px; width: 122px; display: block; border-radius: 10px; margin: 0 auto; padding: 8px 0; border: none; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { .services-list li a .infographic-card { height: 100px; width: 100px; } } @media (max-width: 340px) { .services-list li a .infographic-card { height: 100px; width: 90px; } } .services-list li a .infographic-card .full-info { width: 100%; display: block; height: auto; text-align: center; margin: 0 auto; } .services-list li a .infographic-card .full-info img { width: 60px; height: 60px; display: block; margin: 5px auto; text-align: center; } @media (max-width: 767px) { .services-list li a .infographic-card .full-info img { width: 50px; height: 50px; } } .services-list li a .infographic-card .full-info img:hover { opacity: 0.8; } .services-list li a .infographic-card .full-info em { display: block; text-align: center; font-size: 0.9rem; font-weight: 500; padding: 5px 10px; line-height: 0.8rem; word-break: break-word; white-space: pre-line; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; } @media (max-width: 767px) { .services-list li a .infographic-card .full-info em { font-size: 0.8rem; font-weight: 500; padding: 3px 5px; line-height: 0.8rem; } } .services-list li a .infographic-card .full-info em:hover { color: rgba(0, 51, 161, 0.9); text-decoration: none; } .services-list li:hover { color: rgba(0, 51, 161, 0.85); } .grid-list1 { width: 100%; height: auto; padding: 0px 0; margin: 0px 0px; overflow: hidden; border-radius: 5px; border: 0px solid rgba(0, 0, 0, 0.05); } .grid-list1 ul { text-decoration: none; list-style: none; } .grid-list1 li { text-decoration: none; list-style: none; position: relative; padding: 0px 0px; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } .grid-list1 li.grey-th { background-color: rgba(0, 0, 0, 0.04); } .grid-list1 li.grey-th .grid-info { padding-top: 10px; padding-bottom: 10px; } @media (max-width: 991px) { .grid-list1 li.grey-th { display: none; } } .grid-list1 li a.page-link { border: none !important; border-bottom: none !important; } .grid-list1 li a.page-link.border-n { border: none !important; border-bottom: none !important; } .grid-list1 li .grid-info { display: inline-block; text-align: left; vertical-align: top; float: left; width: 20%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; padding-top: 16px; padding-bottom: 16px; transition: 0.2s; z-index: 9; } .grid-list1 li .grid-info:nth-child(5n) { margin-right: 0; } .grid-list1 li .grid-info.grid-col-1 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-1:nth-child(1n) { margin-right: 0; } .grid-list1 li .grid-info.grid-col-2 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-2:nth-child(2n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-2 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-2:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-3 { float: left; width: 33.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-3:nth-child(3n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-3 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-3:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-4 { float: left; width: 25%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-4:nth-child(4n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-4 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-4:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-5 { float: left; width: 20%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-5:nth-child(5n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-5 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-5:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-6 { float: left; width: 16.6666666667%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-6:nth-child(6n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-6 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-6:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-7 { float: left; width: 14.2857142857%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-7:nth-child(7n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-7 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-7:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-8 { float: left; width: 12.5%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-8:nth-child(8n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-8 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-8:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-9 { float: left; width: 11.1111111111%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-9:nth-child(9n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-9 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-9:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-10 { float: left; width: 10%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-10:nth-child(10n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-10 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-10:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-11 { float: left; width: 9.0909090909%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-11:nth-child(11n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-11 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-11:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info.grid-col-12 { float: left; width: 8.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-12:nth-child(12n) { margin-right: 0; } @media (max-width: 991px) { .grid-list1 li .grid-info.grid-col-12 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list1 li .grid-info.grid-col-12:nth-child(1n) { margin-right: 0; } } @media (max-width: 991px) { .grid-list1 li .grid-info { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; background-color: rgba(0, 0, 0, 0.04); display: none; padding-top: 8px; padding-bottom: 8px; } .grid-list1 li .grid-info:nth-child(1n) { margin-right: 0; } } .grid-list1 li .grid-info .full-info { padding: 0px 8px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; /*em*/ } @media (min-width: 1500px) { .grid-list1 li .grid-info .full-info { padding: 0px 15px; } } @media (max-width: 991px) { .grid-list1 li .grid-info .full-info { padding: 0px 15px; } } .grid-list1 li .grid-info .full-info .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 45px; clear: both; } .grid-list1 li .grid-info .full-info .left-info .user-info { position: absolute; left: -2px; top: -12px; margin: 0px; width: 40px; height: 40px; /* end of span */ } @media (max-width: 767px) { .grid-list1 li .grid-info .full-info .left-info .user-info { top: -4px; } } .grid-list1 li .grid-info .full-info .left-info .user-info span { background: rgba(0, 0, 0, 0.05); height: 40px; width: 40px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .grid-list1 li .grid-info .full-info .left-info .user-info span.green { background: #13a443; display: block; } .grid-list1 li .grid-info .full-info .left-info .user-info span.green h6 { font-weight: 400; font-size: 1.2rem; color: #13A443; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #6aa723; } .grid-list1 li .grid-info .full-info .left-info .user-info span.greenlight { background: #effaeb; display: block; } .grid-list1 li .grid-info .full-info .left-info .user-info span.greenlight h6 { font-weight: 400; font-size: 1.2rem; color: #13A443; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #6aa723; } .grid-list1 li .grid-info .full-info .left-info .user-info span.red { background: #ce0e41; display: block; } .grid-list1 li .grid-info .full-info .left-info .user-info span.red h6 { font-weight: 400; font-size: 1.2rem; color: #13A443; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #ce0e41; } .grid-list1 li .grid-info .full-info .left-info .user-info span.grey { background: #f7f8fa; display: block; } .grid-list1 li .grid-info .full-info .left-info .user-info span.grey h6 { font-size: 1.2rem; font-weight: 400; padding: 10px 0; line-height: 1.25rem; text-align: center; color: rgba(0, 0, 0, 0.5); } .grid-list1 li .grid-info .full-info .left-info .user-info span.blue { background: rgba(0, 51, 161, 0.08); display: block; } .grid-list1 li .grid-info .full-info .left-info .user-info span.blue h6 { font-size: 1.2rem; font-weight: 400; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #0033a1; } .grid-list1 li .grid-info .full-info .left-info .user-info span.yellow { background: #fff200; display: block; } .grid-list1 li .grid-info .full-info .left-info .user-info span.yellow h6 { font-size: 1.2rem; font-weight: 400; vertical-align: middle; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #f1b668; } .grid-list1 li .grid-info .full-info .left-info .user-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .grid-list1 li .grid-info .full-info .left-info .user-info span img:hover { opacity: 0.8; } .grid-list1 li .grid-info .full-info .left-info h5 { font-weight: 500; font-size: 1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } @media (max-width: 767px) { .grid-list1 li .grid-info .full-info .left-info h5 { line-height: 1rem; } } @media (min-width: 991px) and (max-width: 1400px) { .grid-list1 li .grid-info .full-info .left-info h5 { font-size: 0.85rem; line-height: 1rem; } } .grid-list1 li .grid-info .full-info .left-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list1 li .grid-info .full-info .left-info h5 img { width: 10px; height: 10px; } } .grid-list1 li .grid-info .full-info .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grid-list1 li .grid-info .full-info .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grid-list1 li .grid-info .full-info .left-info h6 { font-weight: 600; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .grid-list1 li .grid-info .full-info .left-info h6.heading { position: relative; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list1 li .grid-info .full-info .left-info h6 { font-size: 0.75rem; line-height: 0.9rem; } } .grid-list1 li .grid-info .full-info .left-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .grid-list1 li .grid-info .full-info .mob-detail { display: none; } @media (max-width: 767px) { .grid-list1 li .grid-info .full-info .mob-detail { display: block; } } .grid-list1 li .grid-info .full-info .mob-detail em { font-size: 0.8rem !important; margin-right: 5px; position: relative; } .grid-list1 li .grid-info .full-info .mob-detail em:last-child { margin-right: 0px; } .grid-list1 li .grid-info .full-info .mob-detail em:last-child:after { content: none; } .grid-list1 li .grid-info .full-info .mob-detail em:after { content: ""; position: absolute; width: auto; height: 12px; border-right: 1px solid rgba(0, 0, 0, 0.3); top: 2px; right: -5px; } .grid-list1 li .grid-info .full-info h5 { font-weight: 500; font-size: 1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .grid-list1 li .grid-info .full-info h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .grid-list1 li .grid-info .full-info h5 { font-size: 1.3rem; line-height: 1.4rem; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list1 li .grid-info .full-info h5 { font-size: 0.85rem; line-height: 1rem; } } .grid-list1 li .grid-info .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list1 li .grid-info .full-info h5 img { width: 10px; height: 10px; } } .grid-list1 li .grid-info .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grid-list1 li .grid-info .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grid-list1 li .grid-info .full-info h6 { font-weight: 600; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list1 li .grid-info .full-info h6 { font-size: 0.75rem; line-height: 0.9rem; } } .grid-list1 li .grid-info .full-info h6.heading { position: relative; } .fnt-large .grid-list1 li .grid-info .full-info h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .grid-list1 li .grid-info .full-info h6 { font-size: 1.1rem; line-height: 1.2rem; } [theme=dark] .grid-list1 li .grid-info .full-info h6 { color: #ffffff; } .grid-list1 li .grid-info .full-info h6.display-mt { display: none; } @media (max-width: 991px) { .grid-list1 li .grid-info .full-info h6.display-mt { display: block; } } .grid-list1 li .grid-info .full-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .fnt-large .grid-list1 li .grid-info .full-info em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .grid-list1 li .grid-info .full-info em { font-size: 0.9rem; line-height: 1rem; } @media (max-width: 991px) { .grid-list1 li .grid-info:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: block; background-color: white; padding-top: 8px; padding-bottom: 8px; cursor: pointer; } } .grid-list1 li .grid-info:nth-last-child(2) { text-align: left; } .grid-list1 li .grid-info:nth-last-child(2) .full-info h5 { text-align: left; } @media (max-width: 991px) { .grid-list1 li .grid-info:nth-last-child(2) .full-info h5 { text-align: left; } } .grid-list1 li .grid-info:nth-last-child(2) .full-info h6 { text-align: left; } @media (max-width: 991px) { .grid-list1 li .grid-info:nth-last-child(2) .full-info h6 { text-align: left; } } .grid-list1 li.active { transition: 0.2s; } @media (max-width: 991px) { .grid-list1 li.active .grid-info { display: block; transition: 0.2s; transition: all 0.5s ease; } } .grid-list1 li.active .grid-info .full-info { /*em*/ } @media (max-width: 991px) { .grid-list1 li.active .grid-info .full-info em { cursor: pointer; background: url('arrow-down-rb.png') no-repeat 97% 50%; background-size: 16px; transform: rotate(180deg); transition: all 0.5s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1; content: ""; width: 16px; height: 16px; position: absolute; right: 15px; top: 50%; display: block; margin-top: -8px; } } @media (max-width: 991px) { .grid-list1 { border: 0px solid rgba(0, 0, 0, 0.05); border-radius: 0px; } } .bottom-footer1 { width: 100%; height: auto; padding: 0px 0; margin: 0px 0px; overflow: hidden; border: none; background-color: transparent; } .bottom-footer1 ul { text-decoration: none; list-style: none; } .bottom-footer1 li { text-decoration: none; list-style: none; position: relative; padding: 0px 0px; display: inline; /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ justify-content: flex-end; } .bottom-footer1 li.flex-start { justify-content: flex-start; } .bottom-footer1 li.flex-start .btn-div:last-child { margin-left: 0px; } .bottom-footer1 li .btn-div { display: inline-block; text-align: right; vertical-align: top; margin-top: 10px; margin-bottom: 10px; transition: 0.2s; z-index: 9; } .bottom-footer1 li .btn-div.custom-mar { margin-top: 0px !important; margin-bottom: 0px !important; } @media (max-width: 767px) { .bottom-footer1 li .btn-div { text-align: center; } } @media (max-width: 767px) { .bottom-footer1 li .btn-div.w100 { justify-content: space-around; display: block; float: left; width: 100%; margin-right: 0%; text-align: center; margin: 0px auto; margin-right: 0px; margin-top: 10px; } .bottom-footer1 li .btn-div.w100:nth-child(1n) { margin-right: 0; } } @media (max-width: 767px) { .bottom-footer1 li .btn-div.w100 .sm-mob { width: 100%; max-width: 260px; margin: 0 auto; text-align: center; } } @media (max-width: 767px) { .bottom-footer1 li .btn-div { float: left; width: 46%; margin-right: 8%; } .bottom-footer1 li .btn-div:nth-child(2n) { margin-right: 0; } .bottom-footer1 li .btn-div.w100 { float: left; width: 100%; margin-right: 0%; text-align: center; justify-content: space-around; display: block; } .bottom-footer1 li .btn-div.w100:nth-child(1n) { margin-right: 0; } } @media (max-width: 767px) { .bottom-footer1 li .btn-div.hide-m { display: none; } } @media (max-width: 767px) { .bottom-footer1 li .btn-div:last-child { margin-left: 0px; } .bottom-footer1 li .btn-div:last-child.w100 { float: left; width: 100%; margin-right: 0%; text-align: center; justify-content: space-around; display: block; } .bottom-footer1 li .btn-div:last-child.w100:nth-child(1n) { margin-right: 0; } } p.description { font-size: 0.8rem; line-height: 1.3rem; color: rgba(0, 0, 0, 0.8); } p.description.fnt-large { font-size: 0.9rem; } p.description.bg-font { font-size: 18px; background-color: #F0FDF4; text-align: center; color: #15803D; text-transform: uppercase; font-weight: 500; padding: 10px 0; } p.description.grey { color: rgba(0, 0, 0, 0.7); } h4.description.options { font-weight: 500; font-size: 1.2rem; } .account-list { margin: 0; padding: 0; width: 100%; height: auto; position: relative; border-radius: 6px; background-color: white; border: 1px solid #ccc; overflow: hidden; } .account-list li { background: #fff; border-bottom: 1px solid #ccc; padding: 8px 10px; } .account-list li:last-child { border-bottom: 0; } .account-list li:hover { text-decoration: none; background-color: rgba(0, 86, 161, 0.09); } .account-list li a { display: block; } .account-list li a:hover { text-decoration: none; } .account-list li a h6 { font-size: 0.85rem; color: rgba(0, 0, 0, 0.8); font-weight: 400; margin: 3px 0; display: inline-block; } @media (max-width: 768px) { .account-list li a h6 { display: block; } } .account-list li a h5 { font-size: 1.1rem; color: #000000; text-align: left; line-height: 100%; font-weight: 500; display: inline-block; margin: 3px 0; margin-left: 15px; } @media (max-width: 768px) { .account-list li a h5 { display: block; margin-left: 0px; } } .reg-main { overflow: scroll !important; overflow-x: hidden !important; } .reg-main .prelogin-page { height: auto !important; } .reg-page.bg-custom::after { height: 150px; } .reg-page .black-heading { font-size: 1.2rem; margin: 40px 0 5px 0; text-align: left; text-transform: capitalize; line-height: 100%; color: #000000; } .more { float: right; text-decoration: underline; } .more:hover { background-color: transparent !important; } .scroll-content .content-scroll { width: 100%; max-height: 300px; padding: 0px; overflow: auto; overflow-x: hidden; margin: 0 auto; -webkit-overflow-scrolling: auto; } @media (max-width: 767px) { .scroll-content .content-scroll { max-height: 200px; } } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #0033A1; } .terms-condition p { text-align: left; margin: 15px 0; font-size: 0.85rem; } .primary-text { color: #0033A1; } .login-pin-wrapper p { font-size: 0.85rem; color: rgba(0, 0, 0, 0.85); text-align: left; } .orderlist3 { margin: 5px 0 0 0; padding: 0px; width: 100%; } .orderlist3.mar-b { margin-bottom: 25px; } .orderlist3 ol { text-decoration: none; display: inline-block; } .orderlist3 li { text-decoration: none; list-style-type: decimal; padding: 3px 2px; margin-left: 15px; color: rgba(0, 0, 0, 0.85); font-size: 0.85rem; text-align: left; line-height: 1rem; margin-bottom: 0px; } .orderlist3 li ul { list-style-type: none; margin-top: 10px; } .orderlist3 li ul li { text-decoration: none; list-style-type: none; padding: 3px 2px; margin-left: 0px; color: rgba(0, 0, 0, 0.7); font-size: 0.8rem; text-align: left; line-height: 1rem; margin-bottom: 10px; } .orderlist3 li ul li:last-child { margin-bottom: 0px; } .pin:not(.disable) { background-image: url('arrowback.svg'); background-repeat: no-repeat; background-position: left center; background-origin: content-box; background-size: 20px; } .page-heading { background: #0033A1; padding: 20px 20px; border-radius: 5px 5px 0 0; width: 100%; } .page-heading h1 { color: #ffffff; font-size: 1.1rem; text-align: left; text-transform: capitalize; line-height: 100%; } @media (max-width: 767px) { .page-heading { display: none; } } .page-body { background: #ffffff; border-radius: 0 0 5px 5px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); width: 100%; } @media (max-width: 767px) { .prelogin-page .full-container.halfBackground:after { background-image: url('grey-bg-mob.png'); height: 210px; width: 100%; z-index: 0; content: ""; left: 0; top: 0; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: top center; } .prelogin-page .login-container { margin-top: 0; } .prelogin-page .login-container .loginform-container { background: none; margin: 115px 10px 10px 10px; } .login-heading { position: absolute; top: -116px; margin: 0 auto; text-align: center; width: 100%; left: 0; } .prelogin-page .login-container .loginform-container .login-form .login-heading .brand-logo img { width: 120px; } .login-form { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } .login-form .loginBtn { order: 0; } .login-form .regBtn { order: 1; margin-top: 25px; } } .success-wrapper { display: block; margin: 0 auto; } .success-wrapper .img-wrapper { width: 100%; max-width: 300px; display: block; height: auto; text-align: center; margin: 15px auto; } @media (min-width: 767px) { .success-wrapper .img-wrapper { width: 100%; max-width: 450px; display: block; height: auto; } } .success-wrapper .img-wrapper img { width: 400px; height: 100%; text-align: center; } .success-wrapper h2 { font-size: 1.5rem; line-height: 1.4rem; text-align: center; text-transform: capitalize; color: #6cbc1e; margin: 8px 0px; } @media (min-width: 767px) { .success-wrapper h2 { font-size: 2.2rem; line-height: 2.2rem; } } .success-wrapper p { font-size: 1rem; line-height: 1.4rem; text-align: center; padding: 5px 15px; color: rgba(0, 0, 0, 0.7); } @media (min-width: 767px) { .success-wrapper p { line-height: 1.4rem; } } .popup-bottom.confirmation .sim-list { margin: 0px auto; padding: 0px; width: 100%; max-width: 180px; height: auto; overflow: hidden; display: flex; } .popup-bottom.confirmation .sim-list ul { text-decoration: none; list-style: none; margin: 0 auto; } .popup-bottom.confirmation .sim-list li { text-decoration: none; list-style: none; margin: 10px auto; width: 50%; display: block; float: left; text-align: center; } .popup-bottom.confirmation .sim-list li a { text-decoration: none; width: 100%; border-radius: 6px; height: auto; background: transparent; overflow: hidden; } .popup-bottom.confirmation .sim-list li a img { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: #0033a1; } .popup-bottom.confirmation .sim-list li a svg { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: #0033a1; } .popup-bottom.confirmation .sim-list li a em { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 7px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; } .fnt-large .popup-bottom.confirmation .sim-list li a em { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .popup-bottom.confirmation .sim-list li a em { font-size: 1.1rem; line-height: 1.2rem; } .popup-bottom.confirmation .sim-list li a:hover img { width: 30px; height: 30px; margin: 2px 0; text-align: center; } .popup-bottom.confirmation .sim-list li a:hover svg { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: rgba(0, 51, 161, 0.8); } .popup-bottom.confirmation .sim-list li a:hover em { color: #0033a1; } .popup-bottom.confirmation .sim-list li a.active img { width: 30px; height: 30px; margin: 2px 0; text-align: center; } .popup-bottom.confirmation .sim-list li a.active svg { width: 30px; height: 30px; margin: 2px 0; text-align: center; fill: rgba(0, 51, 161, 0.8); } .popup-bottom.confirmation .sim-list li a.active em { color: #0033a1; } .popup-bottom.confirmation .sim-list li:nth-child(1) { border-left: 0px solid rgba(0, 0, 0, 0.09); } .popup-bottom.confirmation .sim-list li:nth-child(2) { border-left: 1px solid rgba(0, 0, 0, 0.09); } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 .balance-btn h4 { font-size: 1.3rem; color: rgba(255, 255, 255, 0.8); line-height: 100%; margin: 0; font-weight: 100; } .ux-component5 .ux-dropdown .drp-box .drp-enterdata .card-section2 .card-info3 .card-actions2 .balance-btn small { font-size: 0.7rem; color: rgba(255, 255, 255, 0.8); line-height: 100%; text-transform: capitalize; margin-top: 6px; display: block; font-weight: 100; } .card-info3 .bal-info-show { display: none; } .account-wrapper { margin-bottom: 30px; } .account-wrapper .heading-blue { color: #0033a1; font-size: 0.9rem; text-transform: capitalize; line-height: 100%; margin-bottom: 15px; text-align: left; font-weight: bold; } .right-ads { border-radius: 10px; } .right-ads img { width: 100%; } .fund-list3 { width: 100%; padding: 0px 10px; margin: 0px 0px; height: auto; overflow: hidden; display: flex; /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } .fund-list3 .hide-d { display: inline-block; } @media (min-width: 767px) { .fund-list3 .hide-d { display: none; } } .fund-list3 ul { text-decoration: none; list-style: none; } .fund-list3 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 23.5%; margin-right: 2%; word-break: break-word; color: rgba(0, 0, 0, 0.9); margin: 10px 0px; } .fund-list3 li:nth-child(4n) { margin-right: 0; } @media (min-width: 767px) { .fund-list3 li { float: left; width: 23.5%; margin-right: 2%; } .fund-list3 li:nth-child(4n) { margin-right: 0; } } @media (max-width: 767px) { .fund-list3 li { float: left; width: 25%; margin-right: 0%; } .fund-list3 li:nth-child(4n) { margin-right: 0; } } .fund-list3 li:hover, .fund-list3 li.active { background-color: rgba(0, 0, 0, 0.06); border-radius: 4px; } .fund-list3 li:hover a .icon1 img:first-child, .fund-list3 li.active a .icon1 img:first-child { display: none; } .fund-list3 li:hover a .icon1 img:last-child, .fund-list3 li.active a .icon1 img:last-child { display: inline-block; } .fund-list3 li:hover em, .fund-list3 li.active em { color: #0033a1; } .fund-list3 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .fund-list3 li a .icon1 { display: block; width: 34px; height: 34px; margin: 2px auto; overflow: hidden; padding: 2px 2px; text-align: center; } @media (min-width: 767px) and (max-width: 1400px) { .fund-list3 li a .icon1 { width: 34px; height: 34px; margin: 0px auto; padding: 0px 0px; } } @media (min-width: 1401px) { .fund-list3 li a .icon1 { width: 40px; height: 40px; margin: 0px auto; padding: 0px 0px; } } .fund-list3 li a .icon1 svg { width: 30px; height: 30px; margin: 0 auto; text-align: center; display: block; fill: #0033a1; opacity: 1; } @media (min-width: 767px) and (max-width: 1400px) { .fund-list3 li a .icon1 svg { width: 34px; height: 34px; margin: 0px auto; } } @media (min-width: 1401px) { .fund-list3 li a .icon1 svg { width: 40px; height: 40px; margin: 0 auto; } } .fund-list3 li a .icon1 svg.red { fill: #ce0e41; opacity: 1; } .fund-list3 li a .icon1 svg:hover { opacity: 0.8; } .fund-list3 li a .icon1 img { width: 30px; height: 30px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .fund-list3 li a .icon1 img:last-child { display: none; } .fund-list3 li a .icon1 img:first-child { display: inline-block; } @media (min-width: 767px) and (max-width: 1400px) { .fund-list3 li a .icon1 img { width: 34px; height: 34px; margin: 0px auto; } } @media (min-width: 1401px) { .fund-list3 li a .icon1 img { width: 40px; height: 40px; margin: 0 auto; } } .fund-list3 li a .icon1 img:hover { opacity: 0.8; } .fund-list3 li a em { color: rgba(0, 0, 0, 0.8); display: block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 4px 0px; line-height: 0.9rem; word-break: break-word; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; /*disable*/ } .fnt-large .fund-list3 li a em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .fund-list3 li a em { font-size: 0.9rem; line-height: 1rem; } [theme=dark] .fund-list3 li a em { color: #ffffff; } @media (min-width: 767px) { .fund-list3 li a em { font-size: 0.85rem; line-height: 1rem; } } .fund-list3 li a em:hover { color: rgba(0, 51, 161, 0.85); } .fund-list3 li a em:active { color: rgba(0, 51, 161, 0.85); } .fund-list3 li a em.disable { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .fund-list3 li a em.disable:hover { color: rgba(0, 0, 0, 0.5); } .fund-list3 li a.disable .icon1 img { cursor: not-allowed; } .fund-list3 li a.disable .icon1 svg { cursor: not-allowed; fill: rgba(0, 0, 0, 0.5); opacity: 1; } .fund-list3 li a.disable .icon1 svg .red { cursor: not-allowed; fill: rgba(0, 0, 0, 0.5); opacity: 1; } .fund-list3 li a.disable .icon1 svg:hover { opacity: 1; } .fund-list3 li a.disable em { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .fund-list3 li a.disable em:hover { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .fund-list4 { width: 100%; padding: 0px 10px; margin: 0px 0px; height: auto; overflow: hidden; display: flex; /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } .fund-list4 .hide-d { display: inline-block; } @media (min-width: 767px) { .fund-list4 .hide-d { display: none; } } .fund-list4 ul { text-decoration: none; list-style: none; } .fund-list4 li { text-decoration: none; list-style: none; padding: 0px 0px; display: inline-block; text-align: center; vertical-align: top; float: left; width: 32%; margin-right: 2%; word-break: break-word; color: rgba(0, 0, 0, 0.9); margin: 10px 0px; } .fund-list4 li:nth-child(3n) { margin-right: 0; } @media (min-width: 767px) { .fund-list4 li { float: left; width: 32%; margin-right: 2%; } .fund-list4 li:nth-child(3n) { margin-right: 0; } } @media (max-width: 767px) { .fund-list4 li { float: left; width: 33.3333333333%; margin-right: 0%; } .fund-list4 li:nth-child(3n) { margin-right: 0; } } .fund-list4 li:hover, .fund-list4 li.active { background-color: rgba(0, 0, 0, 0.06); border-radius: 4px; } .fund-list4 li:hover a .icon1 img:first-child, .fund-list4 li.active a .icon1 img:first-child { display: none; } .fund-list4 li:hover a .icon1 img:last-child, .fund-list4 li.active a .icon1 img:last-child { display: inline-block; } .fund-list4 li:hover em, .fund-list4 li.active em { color: #0033a1; } .fund-list4 li a { color: rgba(0, 0, 0, 0.9); text-decoration: none; list-style: none; } .fund-list4 li a .icon1 { display: block; width: 34px; height: 34px; margin: 2px auto; overflow: hidden; padding: 2px 2px; text-align: center; } @media (min-width: 767px) and (max-width: 1400px) { .fund-list4 li a .icon1 { width: 34px; height: 34px; margin: 0px auto; padding: 0px 0px; } } @media (min-width: 1401px) { .fund-list4 li a .icon1 { width: 40px; height: 40px; margin: 0px auto; padding: 0px 0px; } } .fund-list4 li a .icon1 svg { width: 30px; height: 30px; margin: 0 auto; text-align: center; display: block; fill: #0033a1; opacity: 1; } @media (min-width: 767px) and (max-width: 1400px) { .fund-list4 li a .icon1 svg { width: 34px; height: 34px; margin: 0px auto; } } @media (min-width: 1401px) { .fund-list4 li a .icon1 svg { width: 40px; height: 40px; margin: 0 auto; } } .fund-list4 li a .icon1 svg.red { fill: #ce0e41; opacity: 1; } .fund-list4 li a .icon1 svg:hover { opacity: 0.8; } .fund-list4 li a .icon1 img { width: 30px; height: 30px; margin: 0 auto; text-align: center; display: block; opacity: 1; } .fund-list4 li a .icon1 img:last-child { display: none; } .fund-list4 li a .icon1 img:first-child { display: inline-block; } @media (min-width: 767px) and (max-width: 1400px) { .fund-list4 li a .icon1 img { width: 34px; height: 34px; margin: 0px auto; } } @media (min-width: 1401px) { .fund-list4 li a .icon1 img { width: 40px; height: 40px; margin: 0 auto; } } .fund-list4 li a .icon1 img:hover { opacity: 0.8; } .fund-list4 li a em { color: rgba(0, 0, 0, 0.8); display: block; text-align: center; font-size: 0.7rem; font-weight: 500; padding: 4px 0px; line-height: 0.9rem; word-break: break-word; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-transform: capitalize; /*disable*/ } .fnt-large .fund-list4 li a em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .fund-list4 li a em { font-size: 0.9rem; line-height: 1rem; } [theme=dark] .fund-list4 li a em { color: #ffffff; } @media (min-width: 767px) { .fund-list4 li a em { font-size: 0.85rem; line-height: 1rem; } } .fund-list4 li a em:hover { color: rgba(0, 51, 161, 0.85); } .fund-list4 li a em:active { color: rgba(0, 51, 161, 0.85); } .fund-list4 li a em.disable { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .fund-list4 li a em.disable:hover { color: rgba(0, 0, 0, 0.5); } .fund-list4 li a.disable .icon1 img { cursor: not-allowed; } .fund-list4 li a.disable .icon1 svg { cursor: not-allowed; fill: rgba(0, 0, 0, 0.5); opacity: 1; } .fund-list4 li a.disable .icon1 svg .red { cursor: not-allowed; fill: rgba(0, 0, 0, 0.5); opacity: 1; } .fund-list4 li a.disable .icon1 svg:hover { opacity: 1; } .fund-list4 li a.disable em { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .fund-list4 li a.disable em:hover { cursor: not-allowed; color: rgba(0, 0, 0, 0.5); } .grid-list3 { width: 100%; height: auto; padding: 15px 0; margin: 0px 0px; overflow: hidden; border-radius: 4px; } @media (max-width: 767px) { .grid-list3 { border: none; padding: 0px 0; } } .grid-list3 ul { text-decoration: none; list-style: none; } .grid-list3 li { text-decoration: none; list-style: none; position: relative; padding: 0px 0px; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } .grid-list3 li.grey-th { background-color: rgba(0, 0, 0, 0.04); } @media (max-width: 767px) { .grid-list3 li.grey-th { background-color: transparent; } } .grid-list3 li.grey-th .grid-info { padding-top: 10px; padding-bottom: 10px; } @media (max-width: 767px) { .grid-list3 li.grey-th .grid-info:nth-last-child(1) { text-align: right; display: block; float: right; } .grid-list3 li.grey-th .grid-info:nth-last-child(1) .full-info { text-align: right; display: block; float: right; } } @media (min-width: 767px) { .grid-list3 li.grey-th .hide-d { display: none; } } @media (max-width: 767px) { .grid-list3 li.grey-th .hide-m { display: none; } } .grid-list3 li a.page-link { border: none !important; border-bottom: none !important; } .grid-list3 li a.page-link.border-n { border: none !important; border-bottom: none !important; } .grid-list3 li .grid-info { display: inline-block; text-align: left; vertical-align: top; float: left; width: 25%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; padding-top: 16px; padding-bottom: 16px; transition: 0.2s; z-index: 9; } .grid-list3 li .grid-info:nth-child(4n) { margin-right: 0; } @media (min-width: 768px) and (max-width: 1400px) { .grid-list3 li .grid-info { padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 767px) { .grid-list3 li .grid-info { padding-top: 6px; padding-bottom: 6px; } } .grid-list3 li .grid-info.grid-col-1 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-1:nth-child(1n) { margin-right: 0; } .grid-list3 li .grid-info.grid-col-2 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-2:nth-child(2n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-2 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-2:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-3 { float: left; width: 33.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-3:nth-child(3n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-3 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-3:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-4 { float: left; width: 25%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-4:nth-child(4n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-4 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-4:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-5 { float: left; width: 20%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-5:nth-child(5n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-5 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-5:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-6 { float: left; width: 16.6666666667%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-6:nth-child(6n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-6 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-6:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-7 { float: left; width: 14.2857142857%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-7:nth-child(7n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-7 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-7:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-8 { float: left; width: 12.5%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-8:nth-child(8n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-8 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-8:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-9 { float: left; width: 11.1111111111%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-9:nth-child(9n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-9 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-9:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-10 { float: left; width: 10%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-10:nth-child(10n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-10 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-10:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-11 { float: left; width: 9.0909090909%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-11:nth-child(11n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-11 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-11:nth-child(2n) { margin-right: 0; } } .grid-list3 li .grid-info.grid-col-12 { float: left; width: 8.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .grid-list3 li .grid-info.grid-col-12:nth-child(12n) { margin-right: 0; } @media (max-width: 767px) { .grid-list3 li .grid-info.grid-col-12 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info.grid-col-12:nth-child(2n) { margin-right: 0; } } @media (max-width: 767px) { .grid-list3 li .grid-info { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; display: none; } .grid-list3 li .grid-info:nth-child(2n) { margin-right: 0; } } @media (max-width: 767px) { .grid-list3 li .grid-info.view-small { width: 50%; } .grid-list3 li .grid-info.view-small .full-info { padding-left: 40px; } .grid-list3 li .grid-info.view-small .full-info:after { position: absolute; content: ""; left: 10px; top: 50%; transform: translateY(-50%); border-radius: 100px; height: 18px; width: 18px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.3); } .grid-list3 li .grid-info.view-small .full-info:before { /*display: none; */ position: absolute; content: ""; left: 15px; top: 50%; z-index: 10; transform: translateY(-50%); border-radius: 100px; height: 8px; width: 8px; background-color: #ffffff; } } @media (max-width: 767px) { .grid-list3 li .grid-info.view-small.bal-view { text-align: right; float: right; } .grid-list3 li .grid-info.view-small.bal-view .full-info { padding-left: 0px; } .grid-list3 li .grid-info.view-small.bal-view .full-info:after { content: none; } .grid-list3 li .grid-info.view-small.bal-view .full-info:before { content: none; } .grid-list3 li .grid-info.view-small.bal-view h5 { text-align: right; } .grid-list3 li .grid-info.view-small.bal-view em { text-align: right; } } .grid-list3 li .grid-info .full-info { padding: 0px 10px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; /*em*/ } @media (min-width: 1500px) { .grid-list3 li .grid-info .full-info { padding: 0px 15px; } } .grid-list3 li .grid-info .full-info .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 45px; clear: both; } .grid-list3 li .grid-info .full-info .left-info .user-info { position: absolute; left: -2px; top: -12px; margin: 0px; width: 40px; height: 40px; /* end of span */ } .grid-list3 li .grid-info .full-info .left-info .user-info span { background: rgba(0, 0, 0, 0.05); height: 40px; width: 40px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .grid-list3 li .grid-info .full-info .left-info .user-info span.green { background: #0056a1; display: block; } .grid-list3 li .grid-info .full-info .left-info .user-info span.green h6 { font-weight: 500; font-size: 1.2rem; color: #13A443; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #0033a1; } .fnt-large .grid-list3 li .grid-info .full-info .left-info .user-info span.green h6 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info .user-info span.green h6 { font-size: 1.8rem; line-height: 1.9rem; } .grid-list3 li .grid-info .full-info .left-info .user-info span.greenlight { background: #0056a1; display: block; } .grid-list3 li .grid-info .full-info .left-info .user-info span.greenlight h6 { font-weight: 500; font-size: 1.2rem; color: #13A443; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #0033a1; } .fnt-large .grid-list3 li .grid-info .full-info .left-info .user-info span.greenlight h6 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info .user-info span.greenlight h6 { font-size: 1.8rem; line-height: 1.9rem; } .grid-list3 li .grid-info .full-info .left-info .user-info span.red { background: #ce0e41; display: block; } .grid-list3 li .grid-info .full-info .left-info .user-info span.red h6 { font-weight: 500; font-size: 1.2rem; color: #13A443; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #ce0e41; } .fnt-large .grid-list3 li .grid-info .full-info .left-info .user-info span.red h6 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info .user-info span.red h6 { font-size: 1.8rem; line-height: 1.9rem; } .grid-list3 li .grid-info .full-info .left-info .user-info span.grey { background: #bebebe; display: block; } .grid-list3 li .grid-info .full-info .left-info .user-info span.grey h6 { font-size: 1.2rem; font-weight: 500; padding: 10px 0; line-height: 1.25rem; text-align: center; color: rgba(0, 0, 0, 0.5); } .fnt-large .grid-list3 li .grid-info .full-info .left-info .user-info span.grey h6 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info .user-info span.grey h6 { font-size: 1.8rem; line-height: 1.9rem; } .grid-list3 li .grid-info .full-info .left-info .user-info span.blue { background: #0033a1; display: block; } .grid-list3 li .grid-info .full-info .left-info .user-info span.blue h6 { font-size: 1.2rem; font-weight: 500; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #0033a1; } .fnt-large .grid-list3 li .grid-info .full-info .left-info .user-info span.blue h6 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info .user-info span.blue h6 { font-size: 1.8rem; line-height: 1.9rem; } .grid-list3 li .grid-info .full-info .left-info .user-info span.yellow { background: #e6a904; display: block; } .grid-list3 li .grid-info .full-info .left-info .user-info span.yellow h6 { font-size: 1.2rem; font-weight: 500; vertical-align: middle; padding: 10px 0; line-height: 1.25rem; text-align: center; color: #f1b668; } .fnt-large .grid-list3 li .grid-info .full-info .left-info .user-info span.yellow h6 { font-size: 1.7rem; line-height: 1.8rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info .user-info span.yellow h6 { font-size: 1.8rem; line-height: 1.9rem; } .grid-list3 li .grid-info .full-info .left-info .user-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .grid-list3 li .grid-info .full-info .left-info .user-info span img:hover { opacity: 0.8; } .grid-list3 li .grid-info .full-info .left-info h5 { font-weight: 600; font-size: 1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .grid-list3 li .grid-info .full-info .left-info h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info h5 { font-size: 1.3rem; line-height: 1.4rem; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list3 li .grid-info .full-info .left-info h5 { font-size: 0.85rem; line-height: 1rem; } } .grid-list3 li .grid-info .full-info .left-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list3 li .grid-info .full-info .left-info h5 img { width: 10px; height: 10px; margin-top: -2px; } } .grid-list3 li .grid-info .full-info .left-info h5 i { font-weight: 400; } @media (min-width: 767px) { .grid-list3 li .grid-info .full-info .left-info h5 span.show-m { display: none; } } .grid-list3 li .grid-info .full-info .left-info h5 span.debit-text { font-size: 0.8rem; line-height: 1rem; color: #ff5858; margin-left: 2px; } .grid-list3 li .grid-info .full-info .left-info h5 span.credit-text { font-size: 0.8rem; line-height: 1rem; color: #13a443; margin-left: 2px; } .grid-list3 li .grid-info .full-info .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grid-list3 li .grid-info .full-info .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grid-list3 li .grid-info .full-info .left-info h6 { font-weight: 600; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list3 li .grid-info .full-info .left-info h6 { font-size: 0.75rem; line-height: 0.9rem; } } .grid-list3 li .grid-info .full-info .left-info h6.heading { position: relative; } .fnt-large .grid-list3 li .grid-info .full-info .left-info h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info h6 { font-size: 1.1rem; line-height: 1.2rem; } .grid-list3 li .grid-info .full-info .left-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .fnt-large .grid-list3 li .grid-info .full-info .left-info em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info .left-info em { font-size: 0.9rem; line-height: 1rem; } .grid-list3 li .grid-info .full-info h5 { font-weight: 600; font-size: 1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .grid-list3 li .grid-info .full-info h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info h5 { font-size: 1.3rem; line-height: 1.4rem; } [theme=dark] .grid-list3 li .grid-info .full-info h5 { color: #ffffff; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list3 li .grid-info .full-info h5 { font-size: 0.85rem; line-height: 1rem; } } @media (max-width: 767px) { .grid-list3 li .grid-info .full-info h5 { font-size: 0.9rem; line-height: 1rem; } } .grid-list3 li .grid-info .full-info h5 i { font-weight: 400; } .grid-list3 li .grid-info .full-info h5.debit-text { color: #ff5858; } .grid-list3 li .grid-info .full-info h5.credit-text { color: #13a443; } .grid-list3 li .grid-info .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list3 li .grid-info .full-info h5 img { width: 10px; height: 10px; margin-top: -2px; } } @media (min-width: 767px) { .grid-list3 li .grid-info .full-info h5 span.show-m { display: none; } } .grid-list3 li .grid-info .full-info h5 span.debit-text { font-size: 0.8rem; line-height: 1rem; color: #ce0e41; margin-left: 2px; } .grid-list3 li .grid-info .full-info h5 span.credit-text { font-size: 0.8rem; line-height: 1rem; color: #13a443; margin-left: 2px; } .grid-list3 li .grid-info .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .grid-list3 li .grid-info .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .grid-list3 li .grid-info .full-info h5.text-debit { text-transform: uppercase; color: #CE0E41; } .grid-list3 li .grid-info .full-info h5.text-credit { text-transform: uppercase; color: #0033A1; } .grid-list3 li .grid-info .full-info h6 { font-weight: 600; font-size: 0.85rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } @media (min-width: 991px) and (max-width: 1400px) { .grid-list3 li .grid-info .full-info h6 { font-size: 0.75rem; line-height: 0.9rem; } } @media (max-width: 767px) { .grid-list3 li .grid-info .full-info h6 { font-size: 0.75rem; line-height: 1rem; } } .grid-list3 li .grid-info .full-info h6.heading { position: relative; } .grid-list3 li .grid-info .full-info h6 .balance-text { font-size: 0.85rem; margin-left: 5px; color: rgba(0, 0, 0, 0.85); text-align: right; font-weight: 500; } @media (max-width: 767px) { .grid-list3 li .grid-info .full-info h6 .balance-text { font-size: 0.75rem; line-height: 1rem; } } .fnt-large .grid-list3 li .grid-info .full-info h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info h6 { font-size: 1.1rem; line-height: 1.2rem; } [theme=dark] .grid-list3 li .grid-info .full-info h6 { color: #ffffff; } .grid-list3 li .grid-info .full-info h6.display-mt { display: block; } .grid-list3 li .grid-info .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .fnt-large .grid-list3 li .grid-info .full-info em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .grid-list3 li .grid-info .full-info em { font-size: 0.9rem; line-height: 1rem; } @media (max-width: 767px) { .grid-list3 li .grid-info:first-child { display: block; } } @media (min-width: 768px) { .grid-list3 li .grid-info:first-child { width: 20%; } } @media (min-width: 768px) { .grid-list3 li .grid-info:nth-child(1) { width: 19%; } } @media (min-width: 768px) { .grid-list3 li .grid-info:nth-child(2) { width: 48%; } } @media (min-width: 768px) { .grid-list3 li .grid-info:nth-child(3) { width: 8%; } } @media (min-width: 768px) { .grid-list3 li .grid-info:nth-child(4) { width: 25%; } } .grid-list3 li .grid-info:nth-last-child(2) { text-align: left; } @media (max-width: 767px) { .grid-list3 li .grid-info:nth-last-child(2) { text-align: right; } } @media (min-width: 767px) { .grid-list3 li .grid-info:nth-last-child(2) { text-align: left; } } @media (max-width: 767px) { .grid-list3 li .grid-info:nth-last-child(2) .full-info h5 { text-align: right; } } @media (min-width: 767px) { .grid-list3 li .grid-info:nth-last-child(2) .full-info h5 { text-align: left; } } @media (max-width: 767px) { .grid-list3 li .grid-info:nth-last-child(2) .full-info h6 { text-align: right; } } @media (min-width: 767px) { .grid-list3 li .grid-info:nth-last-child(2) .full-info h6 { text-align: left; } } .grid-list3 li .grid-info:nth-last-child(1) { text-align: right; } @media (max-width: 767px) { .grid-list3 li .grid-info:nth-last-child(1) { display: block; text-align: right; } } @media (min-width: 767px) { .grid-list3 li .grid-info:nth-last-child(1) { text-align: right; } } @media (max-width: 767px) { .grid-list3 li .grid-info:nth-last-child(1) .full-info h5 { text-align: right; } } @media (min-width: 767px) { .grid-list3 li .grid-info:nth-last-child(1) .full-info h5 { text-align: right; } } @media (max-width: 767px) { .grid-list3 li .grid-info:nth-last-child(1) .full-info h6 { text-align: right; } } @media (min-width: 767px) { .grid-list3 li .grid-info:nth-last-child(1) .full-info h6 { text-align: right; } } @media (max-width: 767px) { .grid-list3 li:last-child { display: none; } } .grid-list3 li.row-selected { position: relative; } .grid-list3 li.row-selected .view-small .full-info:before { /*display: block;*/ content: ""; } .grid-list3 li.row-selected .view-small .full-info:after { /*display: block;*/ content: ""; background-color: #0033a1; } /*.grid-list3 */ @media (max-width: 767px) { .p-xs-0 { padding: 0; } } .white-box2 .acc-detail-wrapper { padding: 0; } .white-box2 .acc-detail-wrapper .info-bottom { position: relative; margin: 0px; display: block; padding: 20px 15px 0 15px; clear: both; word-wrap: break-word; /*.fgt-txt*/ } @media (max-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom { padding: 10px 15px 5px 15px; } } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom { display: flex; border-bottom: 0px solid rgba(0, 0, 0, 0.05); /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom.pad-custom { padding: 15px; } } .white-box2 .acc-detail-wrapper .info-bottom a.reg-txt { font-size: 0.8rem; font-weight: 500; text-align: right; text-decoration: underline; letter-spacing: 0.5px; color: #0033A1; text-align: right; } .white-box2 .acc-detail-wrapper .info-bottom a.reg-txt:hover { color: #0033A1; text-decoration: none; } .white-box2 .acc-detail-wrapper .info-bottom .info-details { display: block; margin-bottom: 25px; word-wrap: break-word; } .white-box2 .acc-detail-wrapper .info-bottom .info-details:last-child { clear: both; } .white-box2 .acc-detail-wrapper .info-bottom .info-details .row { margin: 0; } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details.mt-3 { margin-top: 0px !important; } } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details { display: inline-block; float: left; width: 32%; margin-right: 2%; margin-bottom: 0px; padding: 10px 0px; transition: 0.2s; } .white-box2 .acc-detail-wrapper .info-bottom .info-details:nth-child(3n) { margin-right: 0; } } @media (max-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details:nth-child(3) { width: 100%; display: block !important; margin-bottom: 25px !important; } .white-box2 .acc-detail-wrapper .info-bottom .info-details:nth-child(4) { width: 100%; display: block !important; margin-bottom: 25px !important; } } .white-box2 .acc-detail-wrapper .info-bottom .info-details h4 { font-weight: 400; font-size: 1.2rem; line-height: 1.2rem; width: 100%; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .white-box2 .acc-detail-wrapper .info-bottom .info-details h5 { font-weight: 500; font-size: 1.1rem; width: 100%; display: block; line-height: 1.2rem; margin: 1px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-box2 .acc-detail-wrapper .info-bottom .info-details h5 span { color: rgba(0, 0, 0, 0.65); } .white-box2 .acc-detail-wrapper .info-bottom .info-details h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 5px 0; } } .white-box2 .acc-detail-wrapper .info-bottom .info-details h6 { font-weight: 400; font-size: 0.8rem; width: 100%; line-height: 1rem; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.6); text-align: left; } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details h6 { font-size: 0.85rem; line-height: 1rem; margin: 4px 0; } } .white-box2 .acc-detail-wrapper .info-bottom .info-details2 { display: block; margin-bottom: 25px; word-wrap: break-word; } .white-box2 .acc-detail-wrapper .info-bottom .info-details2:last-child { clear: both; } .white-box2 .acc-detail-wrapper .info-bottom .info-details2 .row { margin: 0; } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details2.mt-3 { margin-top: 0px !important; } } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details2 { display: inline-block; float: left; width: 32%; margin-right: 2%; margin-bottom: 0px; padding: 10px 0px; transition: 0.2s; } .white-box2 .acc-detail-wrapper .info-bottom .info-details2:nth-child(3n) { margin-right: 0; } } @media (max-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details2:nth-child(3) { width: 100%; display: block !important; margin-bottom: 25px !important; } .white-box2 .acc-detail-wrapper .info-bottom .info-details2:nth-child(4) { width: 100%; display: block !important; margin-bottom: 25px !important; } } .white-box2 .acc-detail-wrapper .info-bottom .info-details2 h4 { font-weight: 400; font-size: 1.2rem; line-height: 1.2rem; width: 100%; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.9); text-align: center; } .white-box2 .acc-detail-wrapper .info-bottom .info-details2 h5 { font-weight: 500; font-size: 1.1rem; width: 100%; display: block; line-height: 1.2rem; margin: 1px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .white-box2 .acc-detail-wrapper .info-bottom .info-details2 h5 span { color: rgba(0, 0, 0, 0.65); } .white-box2 .acc-detail-wrapper .info-bottom .info-details2 h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details2 h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 5px 0; } } .white-box2 .acc-detail-wrapper .info-bottom .info-details2 h6 { font-weight: 400; font-size: 0.8rem; width: 100%; line-height: 1rem; display: block; margin: 3px 0; color: rgba(0, 0, 0, 0.6); text-align: left; } @media (min-width: 767px) { .white-box2 .acc-detail-wrapper .info-bottom .info-details2 h6 { font-size: 0.85rem; line-height: 1rem; margin: 4px 0; } } .ux-button-icon { background: transparent; border: none; float: right; margin: 8px 0; padding: 4px 5px; outline: none; cursor: pointer; position: relative; opacity: 1; } .ux-button-icon:focus { outline: 0; } .ux-button-icon img { width: 23px; height: 23px; } .ux-button-icon img.img-vsmall { width: 14px; height: 14px; } .stmt-wrapper .ux-button-icon { color: #0033a1; } .stmt-wrapper .ux-button-icon:hover { text-decoration: underline; } .stmt-wrapper .ux-button-icon:focus { text-decoration: underline; } @media (max-width: 767px) { .mob-py-15 { padding: 0 15px; } } .blue-card { background: #0033a1; border-radius: 8px; padding: 15px 15px; position: relative; margin-bottom: 20px; height: 96px; } .blue-card .left-info { padding-right: 40px; display: block; width: 100%; } .blue-card .left-info .blue-card-info { color: #ffffff; font-size: 1rem; font-weight: normal; } .blue-card .left-info .blue-card-info .blue-card-actions h4 { margin: 10px 0; font-weight: 400; color: #ffffff; text-transform: capitalize; font-size: 1.3rem; line-height: 100%; } .blue-card .left-info .blue-card-info .blue-card-actions h6 { margin-bottom: 12px; font-weight: normal; color: #ffffff; text-transform: capitalize; font-size: 0.9rem; line-height: 100%; } .blue-card .left-info .blue-card-info .blue-card-actions h6 span { font-weight: 400; font-size: 0.85rem; margin-left: 8px; text-transform: capitalize; line-height: 100%; } .blue-card .right-info { position: absolute; width: 30px; height: 100%; right: 8px; top: 0; text-align: center; } .blue-card .right-info img { width: 25px; height: 100%; } .fund-wrapper { padding: 15px 0; } @media (max-width: 767px) { .fund-wrapper { padding: 15px 0; } } .fund-wrapper .price-box .ux-input input { font-size: 2rem; margin: 25px 0; padding-right: 0; } @media (max-width: 767px) { .fund-wrapper .price-box .ux-input input { margin: 5px 0; } } .fund-wrapper .price-box .ux-input input:focus { outline: 0; box-shadow: none; } .fund-wrapper .remark-box { margin: 30px 0; } @media (max-width: 767px) { .fund-wrapper .remark-box { margin: 10px 0; } } /* ====== Right Modal Notification */ .right-model { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; right: 0; background-color: #fff; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); overflow: hidden; transition: 0.5s; } @media (max-width: 767px) { .right-model { z-index: 992; position: absolute; left: 0; top: auto; right: 0; bottom: 0; /*height: 40%;*/ /*background-color: $white;*/ background: #ffffff; border-top-left-radius: 16px; border-top-right-radius: 16px; display: flex; flex-direction: column; visibility: hidden; zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translateY(100%); transition: opacity 0.5s, visibility 0.6s, transform 0.4s; max-height: 50vh; overflow: auto; } } .right-model .right-modal-container { overflow-y: auto; display: block; height: 100%; padding: 15px 0px; /* //.right-modal-header */ } .right-model .right-modal-container .right-modal-content { padding: 15px; transition: 0.4s; } @media (max-width: 767px) { .right-model .right-modal-container .right-modal-content { padding-left: 10px 20px; overflow-y: auto; display: block; height: calc(50vh - 100px); } } .right-model .right-modal-container .right-modal-header { border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding: 0px 15px 15px 15px; position: relative; } @media screen and (max-width: 767px) { .right-model .right-modal-container .right-modal-header { padding-left: 10px 15px; } } .right-model .right-modal-container .right-modal-header img { width: 14px; height: 14px; } @media (max-width: 767px) { .right-model .right-modal-container .right-modal-header img { width: 14px; } } .right-model .right-modal-container .right-modal-header h4 { margin-bottom: 0px; margin-top: 0px; font-size: 16px; color: #000000; } @media (max-width: 767px) { .right-model .right-modal-container .right-modal-header h4 { font-size: 16px; } } .right-model .right-modal-container .right-modal-footer { padding: 10px 15px; position: absolute; bottom: 0; text-align: center; background: #ffffff; width: 100%; z-index: 9; } @media (max-width: 767px) { .right-model .right-modal-container .right-modal-footer { padding-left: 10px 20px; } } .right-model .right-modal-container .right-modal-footer a { margin: 10px 0px; text-align: center; display: block; } @media screen and (max-width: 767px) { .right-model .right-modal-container { border-left: none; } } .right-model-show { width: 400px; } .right-model-show .close1 { right: 415px; position: fixed; } @media (max-width: 640px) { .right-model-show .close1 { right: 315px; } } @media (max-width: 767px) { .right-model-show { width: 100%; visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0); transition: opacity 0.3s, visibility 0.2s, transform 0.4s; } } .right-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.8; z-index: 99; display: none; } /* ====== Right Modal Notification */ .fav-list { margin-bottom: 20px; } .fav-list h6 { padding: 0 15px; color: #0033A1; font-weight: 400; font-size: 0.95rem; margin: 0 0 10px 0; } .fav-list a { display: block; padding: 0 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .fav-list a:hover { text-decoration: none; background-color: rgba(0, 51, 161, 0.08); } .fav-list a:focus { background-color: rgba(0, 51, 161, 0.08); } .myprofile-info { position: relative; width: 100%; display: block; height: auto; padding: 10px 0px 10px 55px; } .myprofile-info .profile-circle { position: absolute; display: block; left: 0; left: 0; top: 5px; height: 45px; width: 45px; border-radius: 100%; background-color: rgba(0, 51, 161, 0.08); text-decoration: none; z-index: 1; } .myprofile-info .profile-circle img { height: 100%; width: 100%; display: block; margin: 0 auto; border-radius: 100%; } .myprofile-info .profile-circle h4 { text-align: center; font-size: 1.2rem; font-weight: 400; margin: 12px auto; display: block; text-decoration: none; text-transform: uppercase; color: #0033a1; } .myprofile-info h3 { font-size: 1.1rem; font-weight: 400; text-align: left; line-height: 1.4rem; color: #000000; text-transform: capitalize; } .myprofile-info p { line-height: 100%; margin: 2px 0; } .myprofile-info p em { font-size: 0.85rem; color: rgba(0, 0, 0, 0.75); text-align: left; font-weight: 400; margin-right: 10px; position: relative; text-transform: uppercase; } .myprofile-info p em:last-child { margin-right: 0px; } .myprofile-info p em:last-child:after { content: none; } .myprofile-info p em:after { content: ""; position: absolute; width: auto; height: 12px; border-right: 1px solid rgba(0, 0, 0, 0.3); top: 2px; right: -7px; } h4.white-box-heading { text-align: left; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; margin-bottom: 0; display: block; color: rgba(0, 0, 0, 0.85); padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .receipt-wrapper { padding: 5px 20px 5px 20px; border: 1px solid #dedfe1; } .receipt-wrapper.white-box2 { box-shadow: 0px -2px 8px -1px rgba(0, 0, 0, 0.2); border-radius: 5px 5px 0 0; } @media (max-width: 767px) { .receipt-wrapper.white-box2 { box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); } } .receipt-wrapper.white-box2 .success { position: relative; margin: 0px; display: block; width: 100%; padding: 5px 85px 5px 10px; clear: both; word-wrap: break-word; z-index: 2; } @media (min-width: 768px) and (max-width: 1499px) { .receipt-wrapper.white-box2 .success { padding: 5px 160px 5px 15px; } } @media (min-width: 1500px) { .receipt-wrapper.white-box2 .success { padding: 5px 180px 5px 10px; } } .receipt-wrapper.white-box2 .success h3 { font-weight: 500; font-size: 1.6rem; line-height: 1.2rem; margin: 5px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } .receipt-wrapper.white-box2 .success h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.3rem; margin: 8px 0; color: rgba(0, 0, 0, 0.9); text-align: left; } [theme=dark] .receipt-wrapper.white-box2 .success h4 { color: #ffffff; } .receipt-wrapper.white-box2 .success h4 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } @media (min-width: 768px) and (max-width: 1400px) { .receipt-wrapper.white-box2 .success h4 img { width: 16px; height: 16px; position: relative; margin-top: -2px; margin-right: 4px; } } @media (min-width: 1401px) { .receipt-wrapper.white-box2 .success h4 img { width: 18px; height: 18px; position: relative; margin-top: -2px; margin-right: 4px; } } @media (min-width: 768px) and (max-width: 1400px) { .receipt-wrapper.white-box2 .success h4 { font-size: 1.5rem; line-height: 1.4rem; margin: 15px 0; } } @media (min-width: 1401px) { .receipt-wrapper.white-box2 .success h4 { font-size: 1.8rem; line-height: 1.5rem; margin: 18px 0; } } .receipt-wrapper.white-box2 .success h5 { font-weight: 500; font-size: 1.1rem; line-height: 1.2rem; position: relative; margin: 5px 0; color: #6aa723; text-align: left; padding-left: 25px; } .receipt-wrapper.white-box2 .success h5.error { color: rgba(206, 14, 65, 0.9); } .receipt-wrapper.white-box2 .success h5.pending { color: #fff200; } .receipt-wrapper.white-box2 .success h5 img { position: absolute; left: -3px; top: -4px; margin: 0px; width: 24px; height: 24px; } @media (min-width: 768px) and (max-width: 1400px) { .receipt-wrapper.white-box2 .success h5 img { width: 30px; height: 30px; left: -5px; top: -2px; } } @media (min-width: 1401px) { .receipt-wrapper.white-box2 .success h5 img { width: 35px; height: 35px; left: -8px; top: -4px; } } .receipt-wrapper.white-box2 .success h5 svg { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } @media (min-width: 767px) { .receipt-wrapper.white-box2 .success h5 svg { width: 64px; height: 64px; left: -83px; top: -4px; } } @media (min-width: 768px) and (max-width: 1400px) { .receipt-wrapper.white-box2 .success h5 { font-size: 1.2rem; line-height: 2rem; margin: 8px 0; } } @media (min-width: 1401px) { .receipt-wrapper.white-box2 .success h5 { font-size: 1.5rem; line-height: 2.2rem; margin: 8px 0; padding-left: 30px; } } .receipt-wrapper.white-box2 .success small { font-weight: 400; font-size: 0.7rem; display: block; line-height: 0.9rem; margin: 0; color: rgba(0, 0, 0, 0.7); text-align: left; padding-right: 0px; } [theme=dark] .receipt-wrapper.white-box2 .success small { color: #ffffff; } .receipt-wrapper.white-box2 .success small.bold { font-weight: 600; } .receipt-wrapper.white-box2 .success small.mar-t { margin-top: 25px; } @media (max-width: 767px) { .receipt-wrapper.white-box2 .success small.mar-t { margin-top: 10px; } } .receipt-wrapper.white-box2 .success small span { font-weight: 400; font-size: 0.7rem; line-height: 1rem; color: rgba(0, 0, 0, 0.5); } [theme=dark] .receipt-wrapper.white-box2 .success small span { color: #ffffff; } .receipt-wrapper.white-box2 .success small span a { color: #0033a1; text-decoration: underline; font-size: 0.7rem; line-height: 1rem; margin-left: 10px; } @media (max-width: 767px) { .receipt-wrapper.white-box2 .success small span a { display: block; margin-left: 0px; } } .receipt-wrapper.white-box2 .success small span a:hover { text-decoration: none; } @media (min-width: 767px) { .receipt-wrapper.white-box2 .success small span { font-size: 0.9rem; line-height: 1.2rem; margin-top: 20px; display: block; } .receipt-wrapper.white-box2 .success small span a { font-size: 0.9rem; line-height: 1rem; } } @media (min-width: 767px) { .receipt-wrapper.white-box2 .success small { font-size: 1.1rem; line-height: 1.2rem; margin: 10px 0; padding-right: 0px; } } .receipt-wrapper.white-box2 .success p { font-weight: 400; font-size: 0.8rem; margin: 0; color: rgba(0, 0, 0, 0.65); text-align: left; } [theme=dark] .receipt-wrapper.white-box2 .success p { color: #ffffff; } .receipt-wrapper.white-box2 .success em.small-text { font-weight: 400; font-size: 0.85rem; line-height: 1rem; margin: 5px 0; color: rgba(0, 0, 0, 0.5); text-align: left; } [theme=dark] .receipt-wrapper.white-box2 .success em.small-text { color: #ffffff; } @media (max-width: 767px) { .receipt-wrapper.white-box2 .success em.small-text { font-size: 0.65rem; line-height: 0.9rem; } } .receipt-wrapper.white-box2 .success a { font-size: 0.85rem; } .receipt-wrapper.white-box2 .success a.reg-text { text-decoration: underline; color: rgba(0, 51, 161, 0.95); text-align: center; margin-bottom: 5px; } [theme=dark] .receipt-wrapper.white-box2 .success a.reg-text { color: #ffffff; } .receipt-wrapper.white-box2 .success a.reg-text:hover { text-decoration: none; } .receipt-wrapper.white-box2 .bg-img { position: absolute; content: ""; width: 105px; height: 105px; right: 4px; top: 4px; } @media (min-width: 768px) and (max-width: 1400px) { .receipt-wrapper.white-box2 .bg-img { width: 184px; height: 184px; right: 15px; top: -20px; } } @media (min-width: 1401px) { .receipt-wrapper.white-box2 .bg-img { width: 184px; height: 184px; right: 15px; top: -18px; } } @media (max-width: 340px) { .receipt-wrapper.white-box2 .bg-img { width: 100px; height: 100px; right: 4px; top: 0px; } } .receipt-wrapper.white-box2 .bg-img img { width: 105px; height: 105px; text-align: center; } @media (min-width: 768px) and (max-width: 1400px) { .receipt-wrapper.white-box2 .bg-img img { width: 184px; height: 184px; } } @media (min-width: 1401px) { .receipt-wrapper.white-box2 .bg-img img { width: 184px; height: 184px; } } @media (max-width: 340px) { .receipt-wrapper.white-box2 .bg-img img { width: 100px; height: 100px; } } .receipt-wrapper.white-box2 .bg-img svg { width: 105px; height: 105px; text-align: center; } @media (min-width: 767px) { .receipt-wrapper.white-box2 .bg-img svg { width: 200px; height: 200px; } } @media (max-width: 340px) { .receipt-wrapper.white-box2 .bg-img svg { width: 100px; height: 100px; } } .link-list { display: flex; margin: 10px 0px; padding: 0px 0px; width: 100%; } .link-list ul { text-decoration: none; display: inline-block; } .link-list li { text-decoration: none; position: relative; float: left; padding: 3px 10px; border-right: 1px solid rgba(0, 0, 0, 0.15); } .link-list li a { list-style-type: none; text-decoration: none; margin: 0; padding: 0; display: block; color: #0033a1; font-size: 0.9rem; text-transform: capitalize; text-align: left; line-height: 1.2rem; } .link-list li a img { width: 22px; height: 22px; margin-right: 5px; margin-top: -2px; position: relative; } .link-list li a:hover { text-decoration: underline; } .link-list li:first-child { padding-left: 0; } .link-list li:last-child { border-right: 0px solid rgba(0, 0, 0, 0.15); } @media (max-width: 767px) { .link-list .hide-m { display: none; } } .orange-text { color: #FD8153 !important; } .popup-bottom h4 img.img-wrapper { display: block; text-align: center; margin: 0 auto; width: 45px; height: 45px; } .popup-bottom p span { color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 1rem; margin-right: 5px; } .track-query-grid { width: 100%; height: auto; padding: 0px 0; margin: 0px 0px; overflow: hidden; border-radius: 5px; border: 0px solid rgba(0, 0, 0, 0.05); } .track-query-grid ul { text-decoration: none; list-style: none; } .track-query-grid li { text-decoration: none; list-style: none; position: relative; padding: 0px 0px; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } .track-query-grid li:last-child { border-bottom: none; display: block; } .track-query-grid li.grey-th { background-color: rgba(0, 0, 0, 0.04); } .track-query-grid li.grey-th .grid-info { padding-top: 10px; padding-bottom: 10px; } .track-query-grid li.grey-th .grid-info:last-child { background-color: transparent; } @media (max-width: 767px) { .track-query-grid li.grey-th { display: none; } } .track-query-grid li a.page-link { border: none !important; border-bottom: none !important; } .track-query-grid li a.page-link.border-n { border: none !important; border-bottom: none !important; } .track-query-grid li .grid-info { display: inline-block; text-align: left; vertical-align: top; float: left; width: 20%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; padding-top: 16px; padding-bottom: 16px; transition: 0.2s; z-index: 9; } .track-query-grid li .grid-info:nth-child(5n) { margin-right: 0; } @media (min-width: 768px) and (max-width: 1400px) { .track-query-grid li .grid-info { padding-top: 10px; padding-bottom: 10px; } } .track-query-grid li .grid-info.grid-col-1 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-1:nth-child(1n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-2 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-2:nth-child(2n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-3 { float: left; width: 33.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-3:nth-child(3n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-4 { float: left; width: 25%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-4:nth-child(4n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-5 { float: left; width: 20%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-5:nth-child(5n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-6 { float: left; width: 16.6666666667%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-6:nth-child(6n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-7 { float: left; width: 14.2857142857%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-7:nth-child(7n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-8 { float: left; width: 12.5%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-8:nth-child(8n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-9 { float: left; width: 11.1111111111%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-9:nth-child(9n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-10 { float: left; width: 10%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-10:nth-child(10n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-11 { float: left; width: 9.0909090909%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-11:nth-child(11n) { margin-right: 0; } .track-query-grid li .grid-info.grid-col-12 { float: left; width: 8.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid li .grid-info.grid-col-12:nth-child(12n) { margin-right: 0; } .track-query-grid li .grid-info .full-info { padding: 0px 15px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; /*em*/ } @media (max-width: 767px) { .track-query-grid li .grid-info .full-info { padding: 0px 0px; } } .track-query-grid li .grid-info .full-info h6 { font-weight: 500; font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; /*line-height: 1.2rem;*/ color: rgba(0, 0, 0, 0.55); text-transform: initial; } .track-query-grid li .grid-info .full-info h6.display-mt { display: none; } @media (max-width: 767px) { .track-query-grid li .grid-info .full-info h6.display-mt { display: block; } } .track-query-grid li .grid-info .full-info h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 0, 0, 0.9); text-align: left; font-weight: 500; } @media (min-width: 991px) and (max-width: 1400px) { .track-query-grid li .grid-info .full-info h5 { font-size: 0.9rem; line-height: 1rem; } } .track-query-grid li .grid-info .full-info h5.hide-m { display: block; } @media (max-width: 767px) { .track-query-grid li .grid-info .full-info h5.hide-m { display: none; } } .track-query-grid li .grid-info .full-info h5.display-mt { display: none; } @media (max-width: 767px) { .track-query-grid li .grid-info .full-info h5.display-mt { display: block; } } @media (min-width: 767px) { .track-query-grid li .grid-info .full-info.view-btn button.ux-button.sm { padding: 3px 10px; width: 80px; font-size: 0.85rem; min-width: auto; margin-top: 8px; } } .track-query-grid li .grid-info .full-info.view-btn button.ux-button.sm { padding: 3px 10px; width: 80px; font-size: 0.85rem; min-width: auto; margin-top: 8px; } .track-query-grid li .grid-info .full-info.text-status em { font-size: 0.85rem; } .track-query-grid li .grid-info .full-info.text-status em:before { content: ""; width: 15px; height: 15px; position: absolute; top: 50%; margin-top: -7px; } .track-query-grid li .grid-info .full-info.text-status em i { padding-left: 20px; font-size: 0.8rem; font-style: normal; } .track-query-grid li .grid-info .full-info.text-status em.text-present { color: #f0a10b; } .track-query-grid li .grid-info .full-info.text-status em.text-reject { color: #eb283b; } .track-query-grid li .grid-info .full-info.text-status em.text-pass { color: #50bd59; } .track-query-grid li .grid-info .full-info.text-status em.text-available { color: #0075b0; } .track-query-grid li .grid-info .full-info.text-status em.text-stop { color: #8c8c8c; } .track-query-grid li .grid-info .full-info.text-status em.text-del { color: #8c8c8c; } .track-query-grid li .grid-info .full-info.text-status em img { position: relative; width: 18px; height: 18px; margin-right: 5px; margin-top: -2px; } .track-query-grid li .grid-info .full-info:nth-child(5) { font-weight: 600; } @media (max-width: 767px) { .track-query-grid li .grid-info:nth-child(1) { order: 1; width: 50%; padding-top: 8px; padding-bottom: 8px; } .track-query-grid li .grid-info:nth-child(2) { display: none; } .track-query-grid li .grid-info:nth-child(3) { display: none; } .track-query-grid li .grid-info:nth-child(4) { display: none; } .track-query-grid li .grid-info:nth-child(5) { order: 2; width: 50%; padding-top: 15px; padding-bottom: 15px; } .track-query-grid li .grid-info:nth-child(2) .full-info h5 { font-size: 0.8rem; } .track-query-grid li .grid-info:nth-child(3) .full-info h6 { text-align: right; } .track-query-grid li .grid-info:nth-child(3) .full-info h5 { font-size: 0.8rem; text-align: right; } .track-query-grid li .grid-info:nth-child(4) .full-info h5 { text-align: left; font-size: 0.8rem; } .track-query-grid li .grid-info:nth-child(5) .full-info { text-align: right; } .track-query-grid li .grid-info:nth-child(5) .full-info h5 { text-align: right; padding-top: 10px; font-size: 0.8rem; } .track-query-grid li .grid-info:nth-child(6) .full-info h6, .track-query-grid li .grid-info:nth-child(6) .full-info h5 { text-align: right; } .track-query-grid li .grid-info .full-info h5 { margin: 0; } .track-query-grid li .grid-info .full-info.view-btn button.ux-button.sm { padding: 3px 10px; font-size: 0.8rem; margin-top: 8px; } } .track-query-grid-close { width: 100%; height: auto; padding: 0px 0; margin: 0px 0px; overflow: hidden; border-radius: 5px; border: 0px solid rgba(0, 0, 0, 0.05); } .track-query-grid-close ul { text-decoration: none; list-style: none; } .track-query-grid-close li { text-decoration: none; list-style: none; position: relative; padding: 0px 0px; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Then we define the flow direction and if we allow the items to wrap * Remember this is the same as: * flex-direction: row; * flex-wrap: wrap; */ flex-flow: row wrap; /* Then we define how is distributed the remaining space */ } .track-query-grid-close li:last-child { border-bottom: none; display: block; } .track-query-grid-close li.grey-th { background-color: rgba(0, 0, 0, 0.04); } .track-query-grid-close li.grey-th .grid-info { padding-top: 10px; padding-bottom: 10px; } .track-query-grid-close li.grey-th .grid-info:last-child { background-color: transparent; } @media (max-width: 767px) { .track-query-grid-close li.grey-th { display: none; } } .track-query-grid-close li a.page-link { border: none !important; border-bottom: none !important; } .track-query-grid-close li a.page-link.border-n { border: none !important; border-bottom: none !important; } .track-query-grid-close li .grid-info { display: inline-block; text-align: left; vertical-align: top; float: left; width: 16.6666666667%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; padding-top: 16px; padding-bottom: 16px; transition: 0.2s; z-index: 9; } .track-query-grid-close li .grid-info:nth-child(6n) { margin-right: 0; } @media (min-width: 768px) and (max-width: 1400px) { .track-query-grid-close li .grid-info { padding-top: 10px; padding-bottom: 10px; } } .track-query-grid-close li .grid-info.grid-col-1 { float: left; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-1:nth-child(1n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-2 { float: left; width: 50%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-2:nth-child(2n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-3 { float: left; width: 33.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-3:nth-child(3n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-4 { float: left; width: 25%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-4:nth-child(4n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-5 { float: left; width: 20%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-5:nth-child(5n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-6 { float: left; width: 16.6666666667%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-6:nth-child(6n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-7 { float: left; width: 14.2857142857%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-7:nth-child(7n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-8 { float: left; width: 12.5%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-8:nth-child(8n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-9 { float: left; width: 11.1111111111%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-9:nth-child(9n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-10 { float: left; width: 10%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-10:nth-child(10n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-11 { float: left; width: 9.0909090909%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-11:nth-child(11n) { margin-right: 0; } .track-query-grid-close li .grid-info.grid-col-12 { float: left; width: 8.3333333333%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; } .track-query-grid-close li .grid-info.grid-col-12:nth-child(12n) { margin-right: 0; } .track-query-grid-close li .grid-info .full-info { padding: 0px 15px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; /*em*/ } @media (max-width: 767px) { .track-query-grid-close li .grid-info .full-info { padding: 0px; } } .track-query-grid-close li .grid-info .full-info h6 { font-weight: 500; font-size: 0.85rem; line-height: 1rem; text-align: left; margin: 3px 0; /*line-height: 1.2rem;*/ color: rgba(0, 0, 0, 0.55); text-transform: initial; } .track-query-grid-close li .grid-info .full-info h6.display-mt { display: none; } @media (max-width: 767px) { .track-query-grid-close li .grid-info .full-info h6.display-mt { display: block; } } .track-query-grid-close li .grid-info .full-info h5 { font-size: 1.1rem; line-height: 1.2rem; margin: 2px 0; color: rgba(0, 0, 0, 0.9); text-align: left; font-weight: 500; } @media (min-width: 991px) and (max-width: 1400px) { .track-query-grid-close li .grid-info .full-info h5 { font-size: 0.9rem; line-height: 1rem; } } .track-query-grid-close li .grid-info .full-info h5.hide-m { display: block; } @media (max-width: 767px) { .track-query-grid-close li .grid-info .full-info h5.hide-m { display: none; } } .track-query-grid-close li .grid-info .full-info h5.display-mt { display: none; } @media (max-width: 767px) { .track-query-grid-close li .grid-info .full-info h5.display-mt { display: block; } } @media (min-width: 767px) { .track-query-grid-close li .grid-info .full-info.view-btn button.ux-button.sm { padding: 3px 10px; width: 80px; font-size: 0.85rem; min-width: auto; margin-top: 8px; } } .track-query-grid-close li .grid-info .full-info.view-btn button.ux-button.sm { padding: 3px 10px; width: 80px; font-size: 0.85rem; min-width: auto; margin-top: 8px; } .track-query-grid-close li .grid-info .full-info.text-status em { font-size: 0.85rem; } .track-query-grid-close li .grid-info .full-info.text-status em:before { content: ""; width: 15px; height: 15px; position: absolute; top: 50%; margin-top: -7px; } .track-query-grid-close li .grid-info .full-info.text-status em i { padding-left: 20px; font-size: 0.8rem; font-style: normal; } .track-query-grid-close li .grid-info .full-info.text-status em.text-present { color: #f0a10b; } .track-query-grid-close li .grid-info .full-info.text-status em.text-reject { color: #eb283b; } .track-query-grid-close li .grid-info .full-info.text-status em.text-pass { color: #50bd59; } .track-query-grid-close li .grid-info .full-info.text-status em.text-available { color: #0075b0; } .track-query-grid-close li .grid-info .full-info.text-status em.text-stop { color: #8c8c8c; } .track-query-grid-close li .grid-info .full-info.text-status em.text-del { color: #8c8c8c; } .track-query-grid-close li .grid-info .full-info.text-status em img { position: relative; width: 18px; height: 18px; margin-right: 5px; margin-top: -2px; } .track-query-grid-close li .grid-info .full-info:nth-child(5) { font-weight: 600; } @media (max-width: 767px) { .track-query-grid-close li .grid-info:nth-child(1) { order: 1; width: 50%; padding-top: 8px; padding-bottom: 8px; } .track-query-grid-close li .grid-info:nth-child(2) { display: none; } .track-query-grid-close li .grid-info:nth-child(3) { display: none; } .track-query-grid-close li .grid-info:nth-child(4) { display: none; } .track-query-grid-close li .grid-info:nth-child(6) { display: none; } .track-query-grid-close li .grid-info:nth-child(5) { order: 2; width: 50%; padding-top: 15px; padding-bottom: 15px; } .track-query-grid-close li .grid-info:nth-child(2) .full-info h5 { font-size: 0.8rem; } .track-query-grid-close li .grid-info:nth-child(3) .full-info h6 { text-align: right; } .track-query-grid-close li .grid-info:nth-child(3) .full-info h5 { font-size: 0.8rem; text-align: right; } .track-query-grid-close li .grid-info:nth-child(4) .full-info h5 { text-align: left; font-size: 0.8rem; } .track-query-grid-close li .grid-info:nth-child(5) .full-info { text-align: right; } .track-query-grid-close li .grid-info:nth-child(5) .full-info h5 { text-align: right; padding-top: 10px; font-size: 0.8rem; } .track-query-grid-close li .grid-info:nth-child(6) .full-info h6, .track-query-grid-close li .grid-info:nth-child(6) .full-info h5 { text-align: right; } .track-query-grid-close li .grid-info .full-info h5 { margin: 0; } .track-query-grid-close li .grid-info .full-info.view-btn button.ux-button.sm { padding: 3px 10px; font-size: 0.8rem; margin-top: 8px; } } ul.lst-pwd-strength li { list-style-type: disc; } ul.lst-pwd-strength li p { font-size: 12px; line-height: 20px; margin-bottom: 5px; text-align: left; } .tab-wrapper { width: 100%; } .tab-wrapper .ux-nav-tabs .responsive3 .nav-tabs { padding: 5px 5px 2px 5px; } @media (max-width: 767px) { .tab-wrapper .ux-nav-tabs .responsive3 .nav-tabs { border-bottom: none !important; overflow-y: hidden; overflow-x: scroll; display: block; white-space: nowrap; border-radius: 0; } } @media (max-width: 767px) { .tab-wrapper .ux-nav-tabs .responsive3 .nav-tabs .nav-item { display: inline-block; width: auto; margin: 0 20px; } } .tab-wrapper .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link.active::after { bottom: -5px; width: 100%; height: 3px; left: 41px; } .loan-list { width: 100%; padding: 0px 0; margin: 0px 0px; } .loan-list.mar-custom { margin-top: 20px; } .loan-list .card { border: none; overflow: visible; margin-bottom: 10px; } .loan-list .card .card-header { text-decoration: none; list-style: none; padding: 4px 15px; width: 100%; background-color: rgba(0, 51, 161, 0.05); border: 1px solid #efefef; clear: both; box-shadow: 0px 0px 8px #F5F5F5; border-radius: 5px; margin-top: 10px; } .loan-list .card .card-header:hover { background-color: rgba(0, 51, 161, 0.09); } .loan-list .card .card-header.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .loan-list .card .card-header a { text-decoration: none; list-style: none; } .loan-list .card .card-header .full-container { margin: 5px 0px 5px 0px; } .loan-list .card .card-header .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 42px; clear: both; position: relative; } .loan-list .card .card-header .full-container .left-info .rupee-info { position: absolute; left: -2px; top: -1px; margin: 0px; width: 36px; height: 36px; /* end of span */ } .loan-list .card .card-header .full-container .left-info .rupee-info span { background: rgba(0, 0, 0, 0.05); height: 36px; width: 36px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .loan-list .card .card-header .full-container .left-info .rupee-info span.green1 { background: rgba(19, 164, 67, 0.15); display: block; } .loan-list .card .card-header .full-container .left-info .rupee-info span.green1 h6 { font-size: 1.6rem; color: #13A443; padding: 13px 0; vertical-align: middle; text-align: center; display: inline-block; color: #03914a; } .loan-list .card .card-header .full-container .left-info .rupee-info span.greenlight { background: rgba(197, 255, 0, 0.1); } .loan-list .card .card-header .full-container .left-info .rupee-info span.greenlight h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #8ab300; } .loan-list .card .card-header .full-container .left-info .rupee-info span.red1 { background: rgba(206, 14, 65, 0.1); } .loan-list .card .card-header .full-container .left-info .rupee-info span.red1 h6 { font-size: 1.6rem; vertical-align: middle; text-align: center; display: inline-block; color: #CE0E41; } .loan-list .card .card-header .full-container .left-info .rupee-info span.grey1 { background: rgba(51, 71, 80, 0.04); } .loan-list .card .card-header .full-container .left-info .rupee-info span.grey1 h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #0033A1; } .loan-list .card .card-header .full-container .left-info .rupee-info span.yellow { background: rgba(255, 242, 0, 0.2); } .loan-list .card .card-header .full-container .left-info .rupee-info span.yellow h6 { font-size: 1.6rem; vertical-align: middle; padding: 13px 0; text-align: center; display: inline-block; color: #e6da00; } .loan-list .card .card-header .full-container .left-info .rupee-info span img { width: 15px; height: 15px; display: block; margin: 12px auto; } .loan-list .card .card-header .full-container .left-info .rupee-info span img:hover { opacity: 0.8; } .loan-list .card .card-header .full-container .left-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .loan-list .card .card-header .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .loan-list .card .card-header .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .loan-list .card .card-header .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .loan-list .card .card-header .full-container .left-info h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .loan-list .card .card-header .full-container .left-info em { font-size: 0.5rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .loan-list .card .card-header .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .loan-list .card .card-header .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .loan-list .card .card-header .full-container .left-info1 h5 { font-weight: 500; font-size: 0.95rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .loan-list .card .card-header .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .loan-list .card .card-header .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .loan-list .card .card-header .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .loan-list .card .card-header .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .loan-list .card .card-header .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; display: inline-block; } .loan-list .card .card-header .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .loan-list .card .card-header .full-container .full-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .loan-list .card .card-header .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .loan-list .card .card-header .full-container .full-info h5 { font-weight: 400; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .loan-list .card .card-header .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .loan-list .card .card-header .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .loan-list .card .card-header .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .loan-list .card .card-header .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .loan-list .card .card-header .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .loan-list .card .card-header .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .loan-list .card .card-header .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .loan-list .card .card-header .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .loan-list .card .card-header .full-container .full-info em a:hover { text-decoration: none; } .loan-list .card .card-header .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .loan-list .card .card-header .full-container .right-info h5 { font-weight: 500; font-size: 0.95rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .loan-list .card .card-header .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .loan-list .card .card-header .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .loan-list .card .card-header .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .loan-list .card .card-header .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .loan-list .card .card-header .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .loan-list .card .card-header .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .loan-list .card .card-header .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .loan-list .card .card-header .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .loan-list .card .card-header .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .loan-list .card .card-header .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .loan-list .card .card-header .full-container .right-info button { margin: 5px 0; } .loan-list .card .card-header .full-container .right-info button.ux-button { float: right; } .loan-list .card .card-header .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .loan-list .card .card-header .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; display: inline-block; } .loan-list .card .card-header .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .loan-list .card .card-header .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .loan-list .card .card-header .full-container .right-info em img.img-small { width: 16px; height: 16px; } .loan-list .card .bal-info { display: inline-block; } .loan-list .card .bal-info-show { display: none; } .loan-list .card .show-btn { position: relative; bottom: -1px; right: 0; width: 16px; height: 16px; display: inline-block; } .loan-list .card .show-btn .refresh-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; font-size: 1rem; width: 16px; height: 16px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px !important; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background: url('visible-bl.svg') no-repeat center center; background-size: 16px; } .loan-list .card .show-btn .refresh-btn.active { background: url('invisible-bl.svg') no-repeat center center; background-size: 16px; } .loan-list .card .card-body { padding: 0 15px; margin: 15px 0; } .loan-list .card .card-body .loan-details-list { padding: 0px 15px; margin: 0px -15px; background-color: whitesmoke; border: 1px solid #efefef; box-shadow: 0px 0px 8px #F5F5F5; border-radius: 5px; } .loan-list .card .card-body .loan-details-list.mar-custom { margin-top: 20px; } .loan-list .card .card-body .loan-details-list .full-container { padding: 5px 0px 5px 0px; } .loan-list .card .card-body .loan-details-list .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; word-break: break-all; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .loan-list .card .card-body .loan-details-list .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .loan-list .card .card-body .loan-details-list .full-container .left-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .loan-list .card .card-body .loan-details-list .full-container .left-info1 h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .loan-list .card .card-body .loan-details-list .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .loan-list .card .card-body .loan-details-list .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .loan-list .card .card-body .loan-details-list .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } .loan-list .card .card-body .loan-details-list .full-container .left-info1 h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .loan-list .card .card-body .loan-details-list .full-container .left-info1 em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .loan-list .card .card-body .loan-details-list .full-container .full-info { padding: 0px 0px; text-align: left; margin: 5px auto; word-wrap: break-word; word-break: break-all; display: block; position: relative; clear: both; position: relative; } .loan-list .card .card-body .loan-details-list .full-container .full-info .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .loan-list .card .card-body .loan-details-list .full-container .full-info h5 { font-weight: 500; font-size: 0.95rem; text-align: left; margin: 2px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; display: inline-block; } .loan-list .card .card-body .loan-details-list .full-container .full-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -1px; } .loan-list .card .card-body .loan-details-list .full-container .full-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .loan-list .card .card-body .loan-details-list .full-container .full-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .loan-list .card .card-body .loan-details-list .full-container .full-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .loan-list .card .card-body .loan-details-list .full-container .full-info h6 { font-weight: 400; font-size: 0.8rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .loan-list .card .card-body .loan-details-list .full-container .full-info em { font-size: 0.75rem; color: rgba(0, 0, 0, 0.55); text-align: left; font-weight: 400; } .loan-list .card .card-body .loan-details-list .full-container .full-info em a { font-size: 0.75rem; color: #0033a1; margin: 0 6px; text-decoration: underline; list-style: none; outline: none; } .loan-list .card .card-body .loan-details-list .full-container .full-info em a span { font-size: 0.75rem; color: rgba(0, 51, 161, 0.6); } .loan-list .card .card-body .loan-details-list .full-container .full-info em a:hover { text-decoration: none; } .loan-list .card .card-body .loan-details-list .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; float: right; word-wrap: break-word; word-break: break-all; display: block; } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); font-size: 0.85rem; } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 span.pending { color: rgba(186, 188, 191, 0.9); } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 span.credit { color: rgba(19, 164, 67, 0.9); } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 span.verify { color: rgba(0, 51, 161, 0.9); } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 span.debit { color: rgba(206, 14, 65, 0.95); } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 span.debit.fs0 { font-size: 0.55rem; color: rgba(206, 14, 65, 0.5); } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 img { width: 12px; height: 12px; position: relative; margin-top: -2px; } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -2px; } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .loan-list .card .card-body .loan-details-list .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .loan-list .card .card-body .loan-details-list .full-container .right-info button { margin: 5px 0; } .loan-list .card .card-body .loan-details-list .full-container .right-info button.ux-button { float: right; } .loan-list .card .card-body .loan-details-list .full-container .right-info button.ux-button.sm { width: 90px; max-width: 100%; } .loan-list .card .card-body .loan-details-list .full-container .right-info h6 { font-weight: 400; font-size: 0.8rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.55); text-transform: initial; } .loan-list .card .card-body .loan-details-list .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.55); text-align: right; font-weight: 400; } .loan-list .card .card-body .loan-details-list .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .loan-list .card .card-body .loan-details-list .full-container .right-info em img.img-small { width: 16px; height: 16px; } .loan-list .card .card-body .loan-details-list li { text-decoration: none; list-style: none; padding: 0px 12px; width: 100%; background-color: transparent; border-bottom: 1px solid white; clear: both; } @media (max-width: 767px) { .mob-fluid { margin: 0 -15px; padding: 0 15px; } .mob-fluid .mt-custom { margin-top: 15px; } } @media (max-width: 767px) { .box-n { box-shadow: none !important; } } .fav-payee-list .grid-info { display: inline-block; text-align: left; vertical-align: top; width: 100%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; padding-top: 16px; padding-bottom: 16px; transition: 0.2s; z-index: 9; background: #ccc; } .fav-payee-list .grid-info .full-info { padding: 0px 8px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; } .fav-payee-list .grid-info .full-info .left-info { text-align: left; margin: 0; word-wrap: break-word; display: inline-block; position: relative; padding: 0px 0px 0px 45px; clear: both; width: 80%; } .fav-payee-list .grid-info .full-info .left-info h5 { font-size: 1rem; } .fav-payee-list .grid-info .full-info .left-info h6 { font-size: 0.85rem; font-weight: 400; } .fav-payee-list .grid-info .full-info .left-info .user-info { position: absolute; left: -2px; top: -5px; margin: 0px; width: 40px; height: 40px; } .fav-payee-list .grid-info .full-info .left-info .user-info span { background: rgba(0, 0, 0, 0.05); height: 40px; width: 40px; display: block; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 0px 0; } .fav-payee-list .grid-info .full-info .left-info .user-info span h6 { font-size: 1.2rem; font-weight: 500; padding: 12px 0; line-height: 1.25rem; text-align: center; color: #0075b0; } .fav-payee-list .grid-info .full-info .right-info { display: inline-block; width: 20%; text-align: right; float: right; } .fav-payee-list .grid-info .full-info .right-info button.star-btn { background-color: white; border-radius: 100%; border: 1px solid rgba(0, 124, 61, 0.4); outline: none; text-transform: capitalize; color: #007C3D; font-size: 1rem; width: 32px; height: 32px; cursor: pointer; text-align: center; display: inline-block; position: relative; margin: 1px 0px; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; } .fav-payee-list .grid-info .full-info .right-info button.star-btn:after { position: absolute; content: ""; width: 18px; height: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; background: url('star-deactive.svg'); background-repeat: no-repeat; background-position: center center; } .fav-payee-list .grid-info .full-info .right-info button.star-btn.active { opacity: 1; } .fav-payee-list .grid-info .full-info .right-info button.star-btn.active:after { position: absolute; content: ""; width: 18px; height: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; background: url('star-active.svg'); background-repeat: no-repeat; background-position: center center; } @media screen and (max-width: 767px) { .w100 { text-align: center !important; } } .font1 { font-size: 1.1rem; } .tag { background-color: #e5f5ff; border-radius: 4px; padding: 5px; width: 90%; margin: 0 auto; } .tag h6 { color: #0033A1; font-size: 12px; } .tag p { margin-bottom: 0; font-size: 10px; color: #1b49ac; } .slider-info { width: 100%; display: block; padding: 5px 10px; } @media (max-width: 767px) { .slider-info { margin-bottom: 20px; } } .slider-info h6 { margin: 8px 0px; } .slider-info small { margin: 8px 0; display: inline-block; } .slider-info label { margin: 8px 0; display: inline-block; font-size: 0.9rem; color: black; font-weight: 500; } .slider-info em.mandatory { color: #f14848; display: inline-block; } .slider-info .sliderInput { width: inherit; background: #F1F3FA; border: 1px solid #2849a2; border-radius: 4px; padding: 3px 8px; color: rgba(0, 0, 0, 0.9); text-align: center; font-size: 14px; font-weight: 400; float: right; margin: 5px 0; text-align: right; } [theme=dark] .slider-info .sliderInput { color: #ffffff; } .slider-info select { border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 30px; padding: 0 10px; } .slider-info .sliderticks { display: flex; justify-content: space-between; padding: 0 5px; } .slider-info .sliderticks p { position: relative; display: flex; justify-content: center; text-align: center; margin: 0; top: 0px; font-size: 10px; } .slider-info .ui-widget-content { border-radius: 10px; border: none; box-shadow: none; background: #c6c2c2; } .slider-info .ui-slider-horizontal { height: 6px; } .slider-info .ui-slider-horizontal .ui-slider-range { top: 0; height: 6px; } .slider-info .ui-slider-horizontal .ui-slider-handle { top: -6px; width: 16px; height: 16px; border-radius: 50%; } .slider-info .ui-widget-header { border: 0; background: transparent linear-gradient(90deg, #A5C1F0 0%, #71ACDF 56%, #6089E4 100%) 0% 0% no-repeat; color: #333; font-weight: bold; height: 12px; } .slider-info .ui-state-default, .slider-info .ui-widget-content .ui-state-default, .slider-info .ui-widget-header .ui-state-default, .slider-info .ui-button, .slider-info html .ui-button.ui-state-disabled:hover, .slider-info html .ui-button.ui-state-disabled:active { border: 0; background: transparent linear-gradient(180deg, #0033A1 0%, #6715B7 100%) 0% 0% no-repeat; font-weight: normal; color: #454545; cursor: pointer; } .slider-info .ui-state-active, .slider-info .ui-widget-content .ui-state-active, .slider-info .ui-widget-header .ui-state-active, .slider-info a.ui-button:active, .slider-info .ui-button:active, .slider-info .ui-button.ui-state-active:hover { border: 0; background: transparent linear-gradient(180deg, #0033A1 0%, #6715B7 100%) 0% 0% no-repeat; font-weight: normal; color: #fff; } .amt-sec { background: #F1F3FA; padding: 15px 10px; } .amt-sec ul { display: flex; justify-content: space-between; margin: 0; } @media (max-width: 1200px) { .amt-sec ul { flex-wrap: wrap; justify-content: center; } } .amt-sec ul li { text-align: center; } @media (max-width: 1200px) { .amt-sec ul li { margin-bottom: 10px; } } .amt-sec ul li h2 { color: #000; font-size: 16px; margin: 0 0 12px 0; } .amt-sec ul li h3 { color: #606060; font-size: 12px; font-weight: 400; margin: 0; } .progress_ { background: #eee; xborder: solid 2px #82CFD0; border-radius: 8px; height: 5px; width: 100%; outline: none; -webkit-appearance: none; overflow: visible !important; } .progress_::-webkit-slider-thumb { width: 15px; height: 15px; border-radius: 50%; -webkit-appearance: none; cursor: pointer; background: transparent linear-gradient(180deg, #0033A1 0%, #6715B7 100%) 0% 0% no-repeat; } input[type=range]::-moz-range-thumb { width: 15px; height: 15px; border-radius: 50%; -webkit-appearance: none; cursor: pointer; background: transparent linear-gradient(180deg, #0033A1 0%, #6715B7 100%) 0% 0% no-repeat; } input[type=range]::-ms-thumb { margin-top: 1px; background: transparent linear-gradient(180deg, #0033A1 0%, #6715B7 100%) 0% 0% no-repeat; height: 16px; width: 16px; border-radius: 10px; cursor: pointer; } .calculated-loan-elig { border: 1px solid #dfe5f3; border-radius: 4px; padding: 10px; background-color: #f6f8fd; text-align: center; } .calculated-loan-elig h6 { font-size: 12px; line-height: 20px; color: #6a6a6a; margin-bottom: 5px; } .calculated-loan-elig p { font-size: 12px; line-height: 20px; color: #8c8d90; margin-bottom: 0; } .calculated-loan-elig h3 { color: #000000; } .calculated-loan-elig h5, .calculated-loan-elig h4 { font-size: 15px; line-height: 21px; color: #444; } .calculated-loan-elig h4 { text-align: center; margin-bottom: 0cap; } /* ==== Theam changer Panel Section :: Start */ aside.notification-panel { width: 320px; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ position: relative; flex-direction: column; transition: 0.2s; } @media (max-width: 767px) { aside.notification-panel { width: 275px; } } aside.notification-panel .page-tools .lst-page-tools { position: absolute; left: -47px; top: 50%; transform: translate(0, -50%); list-style: none; margin: 0; padding: 0; z-index: 992; background-color: #002b88; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.4); width: 46px; height: 46px; margin-top: -23px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; padding: 12px 15px; } @media (max-width: 767px) { aside.notification-panel .page-tools .lst-page-tools { display: none; } } aside.notification-panel .page-tools .lst-page-tools a img { position: relative; width: 22px; height: 22px; text-align: center; display: block; margin: 0px auto; } @media (min-width: 992px) { aside.notification-panel .page-tools .lst-page-tools { display: inline-block; } } aside.notification-panel .notp-header { text-align: center; padding: 15px 10px; position: relative; border-bottom: 2px solid rgba(0, 0, 0, 0.08); } aside.notification-panel .notp-header h5 { margin: 0; padding: 0; text-align: left; font-size: 1.3rem; line-height: 1.6rem; font-weight: 500; } .fnt-large aside.notification-panel .notp-header h5 { font-size: 1.4rem; } .fnt-xlarge aside.notification-panel .notp-header h5 { font-size: 1.5rem; } [theme=dark] aside.notification-panel .notp-header h5 { color: #ffffff; } aside.notification-panel .notp-header a.btn-closenoty { position: absolute; width: 28px; height: 25px; display: block; background-color: rgba(0, 0, 0, 0.08); border-radius: 5px; right: 14px; top: 50%; margin-top: -11px; z-index: 1; } aside.notification-panel .notp-header a.btn-closenoty::before, aside.notification-panel .notp-header a.btn-closenoty::after { content: ""; display: block; width: 2px; height: 22px; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 50%; margin-left: -1px; top: 5px; transform: rotate(45deg); } aside.notification-panel .notp-header a.btn-closenoty::after { transform: rotate(-45deg); } aside.notification-panel .notp-header a.btn-closenoty:hover { background-color: rgba(0, 0, 0, 0.1); } aside.notification-panel .notp-content { height: 100%; overflow: hidden; overflow-y: auto; } aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound { padding: 10px 0px; } aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound i { width: 64px; height: 64px; margin: 0 auto; display: inline-block; transform: rotate(35deg); } aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound i svg { fill: #0033A1; } aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound h5 { font-style: normal; display: block; padding: 6px 0; font-size: 1.1rem; color: black; margin: 0; } [theme=dark] aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound h5 { color: #ffffff; } .fnt-large aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound h5 { font-size: 1.2rem; } .fnt-xlarge aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound h5 { font-size: 1.3rem; } [theme=dark] aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound h5 { color: #ffffff; } aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound p { margin: 0; padding: 0; font-size: 0.75rem; } .fnt-large aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound p { font-size: 0.8rem; } .fnt-xlarge aside.notification-panel .notp-content .notp-innercontent .notp-nodatafound p { font-size: 0.9rem; } aside.notification-panel .notp-content .notp-innercontent .notp-list { text-align: center; } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications { list-style: none; margin: 0; padding: 0 0 15px; border-top: 1px solid rgba(0, 0, 0, 0.2); text-align: left; } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li { display: list-item; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a { display: block; position: relative; padding: 5px 10px; padding-left: 30px; text-decoration: none; } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item h6 { margin: 0; padding: 5px 0 3px; font-size: 1rem; color: #000000; } .fnt-large aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item h6 { font-size: 1.1rem; } .fnt-xlarge aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item h6 { font-size: 1.2rem; } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item p { margin: 0; padding: 0; font-size: 0.8rem; color: gray; line-height: 12px; } .fnt-large aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item p { font-size: 0.9rem; } .fnt-xlarge aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item p { font-size: 1rem; } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item span { font-size: 0.6rem; color: #b3b3b3; } .fnt-large aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item span { font-size: 0.7rem; } .fnt-xlarge aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a .notp-item span { font-size: 0.8rem; } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a.unread { background-color: rgba(0, 51, 161, 0.1); } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a.unread::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #0033A1; position: absolute; left: 10px; top: 15px; } aside.notification-panel .notp-content .notp-innercontent .notp-list .lst-notifications li a:hover { text-decoration: none; background-color: rgba(0, 51, 161, 0.2); } aside.notification-panel .notp-footer { padding: 15px 0; text-align: center; } aside.notification-panel .notp-footer p { margin: 0; padding: 0; font-size: 0.7rem; color: #b3b3b3; } .fnt-large aside.notification-panel .notp-footer p { font-size: 0.8rem; } .fnt-xlarge aside.notification-panel .notp-footer p { font-size: 0.9rem; } aside.notification-panel .notp-footer p b { font-size: 0.6rem; color: gray; display: inline-block; } .fnt-large aside.notification-panel .notp-footer p b { font-size: 0.7rem; } .fnt-xlarge aside.notification-panel .notp-footer p b { font-size: 0.8rem; } aside.notification-panel.sticky-panel { position: fixed; right: 0; top: 0; bottom: 0; z-index: 99999; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.4); zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translate(100%, 0); transition: background 0.35s linear, width 0.35s ease-in 200ms, all 0.3s ease; } aside.notification-panel.sticky-panel.notp-showing { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0, 0); } .notpanel-overlay { z-index: 991; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: none; } /* ==== Theam changer Panel Section :: End */ .notification-list-web { width: 100%; padding: 0px 0; margin: 0px 0px; text-decoration: none; list-style: none; } .notification-list-web.mar-custom { margin-top: 20px; } .notification-list-web li { text-decoration: none; list-style: none; padding: 1px 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } .notification-list-web li.pad-custom { padding: 8px 10px; } .notification-list-web li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .notification-list-web li a { text-decoration: none; list-style: none; } .notification-list-web li.new_notif { background-color: #e4ecfb; } .notification-list-web li:last-of-type { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } .notification-list-web li:hover { background-color: rgba(0, 51, 161, 0.08); } .notification-list-web li:hover .full-container .left-info small { color: rgba(0, 51, 161, 0.8); } .notification-list-web li.active { background-color: rgba(0, 51, 161, 0.08); } .notification-list-web li.active .full-container .left-info h6 { position: relative; padding-left: 12px; } .notification-list-web li.active .full-container .left-info h6::before { position: absolute; content: ""; top: 3px; left: 0; display: block; width: 7px; height: 7px; border-radius: 100%; background-color: #03914a; } .notification-list-web li.active .full-container .left-info em { color: rgba(0, 51, 161, 0.8); } .notification-list-web li.active .full-container .left-info small { color: rgba(0, 51, 161, 0.8); } .notification-list-web li .full-container { margin: 3px 0px 0px 0px; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .notification-list-web li .full-container .left-info { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .notification-list-web li .full-container .left-info h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: #000000; text-transform: initial; } .fnt-large .notification-list-web li .full-container .left-info h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .notification-list-web li .full-container .left-info h5 { font-size: 1.3rem; line-height: 1.4rem; } .notification-list-web li .full-container .left-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -2px; } .notification-list-web li .full-container .left-info h5.success { font-size: 1.1rem; color: rgba(0, 51, 161, 0.9); } .fnt-large .notification-list-web li .full-container .left-info h5.success { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .notification-list-web li .full-container .left-info h5.success { font-size: 1.3rem; line-height: 1.4rem; } .notification-list-web li .full-container .left-info h5.success a { list-style: none; text-decoration: none; color: rgba(0, 51, 161, 0.9); } .notification-list-web li .full-container .left-info h5.success a:hover { color: rgba(0, 51, 161, 0.9); text-decoration: underline; } .notification-list-web li .full-container .left-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } [theme=dark] .notification-list-web li .full-container .left-info h5 a { color: #ffffff; } .notification-list-web li .full-container .left-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } [theme=dark] .notification-list-web li .full-container .left-info h5 a:hover { color: #ffffff; } .notification-list-web li .full-container .left-info h6 { font-weight: 500; font-size: 0.9rem; text-align: left; margin: 5px 0; padding-right: 28px; line-height: 1rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .notification-list-web li .full-container .left-info h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .notification-list-web li .full-container .left-info h6 { font-size: 1.1rem; line-height: 1.2rem; } [theme=dark] .notification-list-web li .full-container .left-info h6 { color: #ffffff; } .notification-list-web li .full-container .left-info h6 span { font-weight: 400; font-size: 0.8rem; text-align: right; color: rgba(0, 51, 161, 0.8); } .fnt-large .notification-list-web li .full-container .left-info h6 span { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .notification-list-web li .full-container .left-info h6 span { font-size: 1rem; line-height: 1.1rem; } .notification-list-web li .full-container .left-info em { font-size: 0.8rem; display: inline-block; color: rgba(0, 0, 0, 0.6); text-align: left; line-height: 1rem; font-weight: 400; } .fnt-large .notification-list-web li .full-container .left-info em { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .notification-list-web li .full-container .left-info em { font-size: 1rem; line-height: 1.1rem; } [theme=dark] .notification-list-web li .full-container .left-info em { color: #ffffff; } .notification-list-web li .full-container .left-info em img { width: 8px; height: 8px; position: relative; margin-top: -2px; } .notification-list-web li .full-container .left-info em a { text-decoration: underline; list-style: none; color: #0033a1; font-size: 0.8rem; } .fnt-large .notification-list-web li .full-container .left-info em a { font-size: 0.9rem; line-height: 1rem; } .fnt-xlarge .notification-list-web li .full-container .left-info em a { font-size: 1rem; line-height: 1.1rem; } .notification-list-web li .full-container .left-info em a:hover { text-decoration: none; } .notification-list-web li .full-container .left-info small { position: absolute; top: 0; right: 0; font-size: 0.7rem; display: inline-block; color: rgba(0, 0, 0, 0.8); text-align: right; line-height: 1rem; font-weight: 400; } .fnt-large .notification-list-web li .full-container .left-info small { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .notification-list-web li .full-container .left-info small { font-size: 0.9rem; line-height: 1rem; } [theme=dark] .notification-list-web li .full-container .left-info small { color: #ffffff; } .notification-list-web li .full-container .left-info1 { padding: 0px 0px; text-align: left; margin: 0; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; } .notification-list-web li .full-container .left-info1 .rupee-info { position: absolute; left: -30px; top: -4px; margin: 0px; width: 24px; height: 24px; } .notification-list-web li .full-container .left-info1 h5 { font-weight: 500; font-size: 1.1rem; text-align: left; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .notification-list-web li .full-container .left-info1 h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .notification-list-web li .full-container .left-info1 h5 { font-size: 1.3rem; line-height: 1.4rem; } [theme=dark] .notification-list-web li .full-container .left-info1 h5 { color: #ffffff; } .notification-list-web li .full-container .left-info1 h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .notification-list-web li .full-container .left-info1 h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .notification-list-web li .full-container .left-info1 h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } [theme=dark] .notification-list-web li .full-container .left-info1 h5 a { color: #ffffff; } .notification-list-web li .full-container .left-info1 h5 a:hover { color: rgba(0, 0, 0, 0.7); } [theme=dark] .notification-list-web li .full-container .left-info1 h5 a:hover { color: #ffffff; } .notification-list-web li .full-container .left-info1 h6 { font-weight: 400; font-size: 0.9rem; text-align: left; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .fnt-large .notification-list-web li .full-container .left-info1 h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .notification-list-web li .full-container .left-info1 h6 { font-size: 1.2rem; line-height: 1.3rem; } [theme=dark] .notification-list-web li .full-container .left-info1 h6 { color: #ffffff; } .notification-list-web li .full-container .left-info1 em { font-size: 0.7rem; line-height: 0.9rem; display: inline-block; color: #474a52; text-align: left; font-weight: 500; } .fnt-large .notification-list-web li .full-container .left-info1 em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .notification-list-web li .full-container .left-info1 em { font-size: 0.9rem; line-height: 1rem; } [theme=dark] .notification-list-web li .full-container .left-info1 em { color: #ffffff; } .notification-list-web li .full-container .right-info { padding: 0px 0px; text-align: right; margin: 0; word-wrap: break-word; display: block; } .notification-list-web li .full-container .right-info button { float: right; display: block; margin: 0; } .notification-list-web li .full-container .right-info a { float: right; display: block; margin: 0; text-decoration: none; list-style: none; } .notification-list-web li .full-container .right-info a img { width: 14px; height: 14px; position: relative; opacity: 1; } .notification-list-web li .full-container .right-info a img:hover { opacity: 0.8; } .notification-list-web li .full-container .right-info h5 { font-weight: 500; font-size: 1.1rem; text-align: right; margin: 4px 0; line-height: 1.2rem; color: rgba(0, 0, 0, 0.9); text-transform: initial; } .fnt-large .notification-list-web li .full-container .right-info h5 { font-size: 1.2rem; line-height: 1.3rem; } .fnt-xlarge .notification-list-web li .full-container .right-info h5 { font-size: 1.3rem; line-height: 1.4rem; } .notification-list-web li .full-container .right-info h5 span { color: rgba(0, 0, 0, 0.6); } .notification-list-web li .full-container .right-info h5 img { width: 11px; height: 11px; position: relative; margin-top: -1px; } .notification-list-web li .full-container .right-info h5 img.big-img { width: 15px; height: 15px; position: relative; margin-top: -1px; } .notification-list-web li .full-container .right-info h5 a { list-style: none; text-decoration: none; color: rgba(0, 0, 0, 0.9); } .notification-list-web li .full-container .right-info h5 a:hover { color: rgba(0, 0, 0, 0.7); } .notification-list-web li .full-container .right-info h6 { font-weight: 400; font-size: 0.9rem; text-align: right; margin: 2px 0; line-height: 1rem; color: rgba(0, 0, 0, 0.6); text-transform: initial; } .fnt-large .notification-list-web li .full-container .right-info h6 { font-size: 1rem; line-height: 1.1rem; } .fnt-xlarge .notification-list-web li .full-container .right-info h6 { font-size: 1.1rem; line-height: 1.2rem; } .notification-list-web li .full-container .right-info em { font-size: 0.7rem; color: rgba(0, 0, 0, 0.5); text-align: left; font-weight: 400; } .fnt-large .notification-list-web li .full-container .right-info em { font-size: 0.8rem; line-height: 0.9rem; } .fnt-xlarge .notification-list-web li .full-container .right-info em { font-size: 0.9rem; line-height: 1rem; } .notification-list-web li .full-container .right-info em img { width: 18px; height: 18px; position: relative; margin-left: 1px; margin-top: -2px; } .notification-list-web li .full-container .right-info em img.img-small { width: 16px; height: 16px; } .notification-list-web li .full-container .notify-icon { margin: 4px 0; position: absolute; left: -5px; top: -1px; margin: 0px; width: 30px; height: 30px; } .notification-list-web li .full-container .notify-icon img { width: 20px; height: 20px; display: block; margin: 5px 5px; } .notification-list-web li .notify-icon { margin: 4px 0; } .notification-list-web li .ux-button.sm, .notification-list-web li a.ux-button.sm { padding: 4px 10px; width: 70px; margin-left: 5px !important; font-size: 0.8rem; } @media (max-width: 768px) { .notification-list-web li .pl-0 { padding-left: 15px !important; } .notification-list-web li .pr-0 { padding-right: 15px !important; } .notification-list-web li .ux-button.sm, .notification-list-web li a.ux-button.sm { width: 70px; } } .notification-filter { text-align: right; margin: 0; } .notification-filter li { display: inline-block; margin: 0px 0 0 10px; } .notification-filter li a { width: 20px; height: 20px; transition: all 0.2s ease-in; } .notification-filter li a img { width: 100%; } .notification-filter li a:hover, .notification-filter li a:focus { zoom: 1; filter: alpha(opacity=70); opacity: 0.7; } .notification-filter li a:hover img, .notification-filter li a:focus img { transform: scale(0.8); transition: all 0.2s ease-in; } aside.notification-panel { width: 370px; } @media (max-width: 480px) { aside.notification-panel { width: 100%; } } aside.notification-panel .notp-header a.btn-closenoty { width: 30px; height: 30px; display: block; background-color: transparent; border-radius: 5px; z-index: 1; } aside.notification-panel .notp-header a.btn-closenoty::before, aside.notification-panel .notp-header a.btn-closenoty::after { content: ""; display: block; width: 2px; height: 18px; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 50%; top: 6px; transform: rotate(45deg); } aside.notification-panel .notp-header a.btn-closenoty::after { transform: rotate(-45deg); } aside.notification-panel .notp-footer a { text-decoration: none; } aside .notification-list .ux-button.sm, aside .notification-list a.ux-button.sm { padding: 0px 10px; width: 70px; margin-left: 5px !important; font-size: 0.8rem; } @media (max-width: 767px) { .tab-slider--container { display: block; width: 100%; float: left; } .tab-slider--nav { width: 100%; float: left; margin-bottom: 20px; } .tab-slider--tabs { display: block; margin: 0; padding: 0; list-style: none; position: relative; border-radius: 35px; overflow: hidden; background: #002e92; height: 40px; -webkit-user-select: none; user-select: none; width: 250px; margin: 0 auto; } .tab-slider--tabs:after { content: ""; width: 50%; background: white; height: 100%; position: absolute; top: 5px; left: 5px; transition: all 250ms ease-in-out; border-radius: 35px; } .tab-slider--tabs.slide:after { left: 48%; } .tab-slider--trigger { font-size: 14px; line-height: 1; font-weight: 500; color: #ffffff; text-transform: capitalize; text-align: center; padding: 15px 10px; position: relative; z-index: 2; cursor: pointer; display: inline-block; transition: color 250ms ease-in-out; -webkit-user-select: none; user-select: none; } .tab-slider--trigger.active { color: #0033A1; } .tab-slider--body { margin-bottom: 20px; } } /* ========== header Style :: Start ========== */ .main { position: relative; width: 100%; overflow: hidden; height: 100vh; background-color: #fafafa; /* right-main-column */ /* new fixed menu and responsive start */ /* global-header */ /* //.nav-overlay */ /* new fixed menu and responsive end */ } .main.bg-m .footer.global-footer { bottom: 0 !important; } .main.bg-none { background: none; } .main.main-bg { height: 100vh; } .main.main-bg:before { position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; height: 380px; z-index: 0; } .main.main-bg2 { height: 100%; background-color: #0033a1; } @media (min-width: 767px) { .main.main-bg2 { height: 100vh; } } .main.main-inside { overflow-x: hidden; overflow-y: auto; height: calc(100vh - 90px); margin-top: 60px; } .main.main-inside .global-footer { bottom: 0px !important; } .main .right-main-column { position: relative; position: relative; transition: all 0.3s ease; z-index: 0; margin-top: 0; margin-bottom: 20px; min-height: 95vh; height: auto; overflow: hidden; /* right-col-container */ } [menu=horizontal] .main .right-main-column { margin-left: 0px; } .main .right-main-column.bg1 { background-size: initial; } @media (max-width: 991px) { .main .right-main-column.bg1 { background-size: initial; } } .main .right-main-column .right-col-container { max-width: 100%; margin: 0 auto; width: 100%; height: auto; padding: 2px 0px 64px; min-height: 100%; position: relative; overflow: hidden; } [menu=horizontal] .main .right-main-column .right-col-container { padding: 110px 0px 50px; } @media screen and (max-width: 991px) { .main .right-main-column .right-col-container { padding: 68px 0px 64px; -webkit-padding: 68px 0px 64px; -ms-padding: 68px 0px 64px; -moz-padding: 68px 0px 64px; } } @media screen and (max-width: 767px) { .main .right-main-column .right-col-container { padding: 56px 0px 64px; -webkit-padding: 56px 0px 64px; -ms-padding: 56px 0px 64px; -moz-padding: 56px 0px 64px; } } @media (max-width: 767px) { .main .right-main-column .right-col-container.pad-b { padding-bottom: 10px; } } @media (max-width: 767px) { .main .right-main-column .right-col-container.pad-b1 { padding-bottom: 80px; } } @media (max-height: 600px) { .main .right-main-column .right-col-container.pad-b1 { padding-bottom: 80px; } } @media (max-width: 767px) { .main .right-main-column .right-col-container.cust-padb { padding-bottom: 280px; } } @media (max-height: 600px) { .main .right-main-column .right-col-container.cust-padb { padding-bottom: 290px; } } @media (max-width: 767px) { .main .right-main-column .right-col-container.cust-padb1 { padding-bottom: 80px; } } @media (max-width: 991px) { .main .right-main-column .right-col-container.cust-padb2 { padding-bottom: 120px; } } .main .right-main-column .right-col-container.pad-tb { padding-bottom: 0px; padding-top: 0; } .main .right-main-column .right-col-container.pad-t { padding-top: 0; } .main .global-header { /* width: 100%; z-index: 50;*/ background: #e4ecfb; position: fixed; right: 0; top: 0; left: 0px; z-index: 10; transition: all 0.4s ease; padding: 0px 0; /*pre-login-header*/ /*in-header */ /*=== css for desktop header start ===*/ /*desk-header*/ /*=== css for desktop header end ===*/ } @media (max-width: 992px) { .main .global-header { min-height: auto; left: 0px; } .main .global-header .col-4 { padding-left: 0px; } } @media (max-width: 767px) { .main .global-header { min-height: 58px; padding: 5px 0; } } .main .global-header .pre-login-header { text-align: center; } .main .global-header .pre-login-header a img { width: 200px; padding: 10px 0; } .main .global-header.primary-bg { background: #0750c6 !important; box-shadow: none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } .main .global-header.primary-bg .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .main .global-header.primary-bg .in-header .header-icons-lft { padding: 6px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 15%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .main .global-header.primary-bg .in-header .header-icons-lft { padding: 18px 0 0 9px; } } .main .global-header.primary-bg .in-header .header-icons-lft.show1 { display: inline-block !important; } .main .global-header.primary-bg .in-header .header-icons-lft .header-actions { display: inline-block; } .main .global-header.primary-bg .in-header .brand-logo { text-align: left; padding: 3.5px 0; flex: 3 1 45%; order: 2; /* //img */ } .main .global-header.primary-bg .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 10px 0; line-height: 1.4rem; color: rgba(0, 0, 0, 0.85); text-transform: initial; } .main .global-header.primary-bg .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header.primary-bg .in-header .brand-logo h3 { margin: 11px 0; line-height: 1.5rem; } } @media (min-width: 992px) { .main .global-header.primary-bg .in-header .brand-logo h3 { margin: 12px 0; line-height: 1.5rem; } } @media (max-width: 340px) { .main .global-header.primary-bg .in-header .brand-logo h3 { margin: 8px 0; } } .main .global-header.primary-bg .in-header .brand-logo img { text-align: left; display: inline-block; width: 100%; max-width: 135px; height: auto; margin: 0px auto; } .main .global-header.primary-bg .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 4px 2px; text-align: left; } @media (min-width: 767px) { .main .global-header.primary-bg .in-header .brand-logo img.logo1 { margin: 10px 2px; } } .main .global-header.primary-bg .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .main .global-header.primary-bg .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .main .global-header.primary-bg .in-header .brand-logo { padding: 13px 0; } } @media (max-width: 340px) { .main .global-header.primary-bg .in-header .brand-logo { padding: 5px 0; } } .main .global-header.primary-bg .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .main .global-header.primary-bg .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 6px 8px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .main .global-header.primary-bg .in-header .header-actions .ux-button-header { padding: 7px 8px; } } @media (max-width: 350px) { .main .global-header.primary-bg .in-header .header-actions .ux-button-header { padding: 7px 4px; } } .main .global-header.primary-bg .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -6px; width: 35px; height: 35px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: rgba(255, 255, 255, 0.2); border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header span.round-circle h4 { font-weight: 400; font-size: 1.2rem; text-align: center; display: block; margin: 8px auto; line-height: 1.5rem; color: white; text-transform: initial; text-decoration: none; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header svg { width: 30px; height: 30px; padding: 0; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header img.img-msmall { width: 18px; height: 18px; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header img.img-mlarge { width: 21px; height: 21px; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header.primary-bg .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header.primary-bg .in-header .header-actions .ux-button-header .badge-danger { position: absolute; top: 4px; right: 3px; } .main .global-header.primary-bg .in-header .header-actions .ux-button-header a { text-decoration: none; } .main .global-header.primary-bg .in-header .header-icons-rit { padding: 6px 9px 0 0; text-align: right; flex: 1 6 40%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .main .global-header.primary-bg .in-header .header-icons-rit { padding: 18px 9px 0 0; } } .main .global-header.primary-bg .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .main .global-header.brand-bg { background: #0033a1; box-shadow: none; } .main .global-header.brand-bg .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .main .global-header.brand-bg .in-header .header-icons-lft { padding: 6px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 15%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .main .global-header.brand-bg .in-header .header-icons-lft { padding: 18px 0 0 9px; flex: 1 6 8%; } } .main .global-header.brand-bg .in-header .header-icons-lft.show1 { display: inline-block !important; } .main .global-header.brand-bg .in-header .header-icons-lft .header-actions { display: inline-block; } .main .global-header.brand-bg .in-header .brand-logo { text-align: center; padding: 3px 0; flex: 3 1 70%; order: 2; /* //img */ } .main .global-header.brand-bg .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 10px 0; line-height: 1.5rem; color: white; text-transform: initial; } .main .global-header.brand-bg .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header.brand-bg .in-header .brand-logo h3 { margin: 11px 0; line-height: 1.5rem; } } @media (min-width: 992px) { .main .global-header.brand-bg .in-header .brand-logo h3 { margin: 12px 0; line-height: 1.5rem; } } @media (max-width: 340px) { .main .global-header.brand-bg .in-header .brand-logo h3 { margin: 8px 0; font-size: 1.2rem; } } .main .global-header.brand-bg .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 0px auto; } .main .global-header.brand-bg .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 4px 2px; text-align: left; } @media (min-width: 767px) { .main .global-header.brand-bg .in-header .brand-logo img.logo1 { margin: 10px 2px; } } .main .global-header.brand-bg .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .main .global-header.brand-bg .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .main .global-header.brand-bg .in-header .brand-logo { padding: 13px 0; flex: 3 1 84%; } } @media (max-width: 340px) { .main .global-header.brand-bg .in-header .brand-logo { padding: 5px 0; } } .main .global-header.brand-bg .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .main .global-header.brand-bg .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 6px 8px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .main .global-header.brand-bg .in-header .header-actions .ux-button-header { padding: 7px 6px; } } @media (max-width: 350px) { .main .global-header.brand-bg .in-header .header-actions .ux-button-header { padding: 7px 6px; } } .main .global-header.brand-bg .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 40px; height: 40px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: #d4def4; border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header span.round-circle.blue { background: rgba(0, 51, 161, 0.2); } .main .global-header.brand-bg .in-header .header-actions .ux-button-header span.round-circle.blue img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header span.round-circle.blue h4 { font-weight: 400; font-size: 1.2rem; text-align: center; margin: 10px auto; display: block; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header span.round-circle h4 { font-weight: 400; font-size: 0.9rem; text-align: center; margin: 7px auto; display: block; line-height: 1.2rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header svg { width: 30px; height: 30px; padding: 0; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header img.small-img { width: 100%; max-width: 43px; height: auto; margin: 10px 6px 0px 0px; text-align: right; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header img.img-mlarge { width: 22px; height: 22px; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header img.img-msmall { width: 18px; height: 18px; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header.brand-bg .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header.brand-bg .in-header .header-actions .ux-button-header .badge-danger { position: absolute; top: 4px; right: 3px; } .main .global-header.brand-bg .in-header .header-actions .ux-button-header a { text-decoration: none; } .main .global-header.brand-bg .in-header .header-actions img.small-img { width: 100%; max-width: 43px; height: auto; margin: 11px 7px 0px 0px; text-align: right; } @media (max-width: 340px) { .main .global-header.brand-bg .in-header .header-actions img.small-img { max-width: 35px; height: auto; margin: 11px 6px 0px 0px; } } .main .global-header.brand-bg .in-header .header-icons-rit { padding: 6px 9px 0 0; text-align: right; flex: 1 6 15%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .main .global-header.brand-bg .in-header .header-icons-rit { padding: 18px 9px 0 0; flex: 1 6 8%; } } .main .global-header.brand-bg .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .main .global-header.brand-bg2 { background: #0033a1; box-shadow: none; } .main .global-header.brand-bg2 .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .main .global-header.brand-bg2 .in-header .header-icons-lft { padding: 6px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 24%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .main .global-header.brand-bg2 .in-header .header-icons-lft { padding: 18px 0 0 9px; flex: 1 6 15%; } } .main .global-header.brand-bg2 .in-header .header-icons-lft.show1 { display: inline-block !important; } .main .global-header.brand-bg2 .in-header .header-icons-lft .header-actions { display: inline-block; } .main .global-header.brand-bg2 .in-header .brand-logo { text-align: center; padding: 3px 0; flex: 3 1 60%; order: 2; /* //img */ } .main .global-header.brand-bg2 .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 10px 0; line-height: 1.5rem; color: white; text-transform: initial; } .main .global-header.brand-bg2 .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header.brand-bg2 .in-header .brand-logo h3 { margin: 11px 0; line-height: 1.5rem; } } @media (min-width: 992px) { .main .global-header.brand-bg2 .in-header .brand-logo h3 { margin: 12px 0; line-height: 1.5rem; } } @media (max-width: 340px) { .main .global-header.brand-bg2 .in-header .brand-logo h3 { margin: 8px 0; } } .main .global-header.brand-bg2 .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 0px auto; } .main .global-header.brand-bg2 .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 4px 2px; text-align: left; } @media (min-width: 767px) { .main .global-header.brand-bg2 .in-header .brand-logo img.logo1 { margin: 10px 2px; } } .main .global-header.brand-bg2 .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .main .global-header.brand-bg2 .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .main .global-header.brand-bg2 .in-header .brand-logo { padding: 13px 0; flex: 3 1 70%; } } @media (max-width: 340px) { .main .global-header.brand-bg2 .in-header .brand-logo { padding: 5px 0; } } .main .global-header.brand-bg2 .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 6px 8px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header { padding: 7px 6px; } } @media (max-width: 350px) { .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header { padding: 7px 6px; } } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 40px; height: 40px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: rgba(0, 51, 161, 0.2); border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header span.round-circle.blue { background: rgba(0, 51, 161, 0.2); } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header span.round-circle.blue img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header span.round-circle.blue h4 { font-weight: 400; font-size: 1.2rem; text-align: center; margin: 10px auto; display: block; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header span.round-circle h4 { font-weight: 400; font-size: 1.2rem; text-align: center; display: block; margin: 10px auto; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header svg { width: 30px; height: 30px; padding: 0; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header img.img-msmall { width: 18px; height: 18px; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header .badge-danger { position: absolute; top: 4px; right: 3px; } .main .global-header.brand-bg2 .in-header .header-actions .ux-button-header a { text-decoration: none; } .main .global-header.brand-bg2 .in-header .header-icons-rit { padding: 6px 9px 0 0; text-align: right; flex: 1 6 16%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .main .global-header.brand-bg2 .in-header .header-icons-rit { padding: 18px 9px 0 0; flex: 1 6 15%; } } .main .global-header.brand-bg2 .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .main .global-header.info-bg { background: #0033a1; box-shadow: none; } .main .global-header.info-bg .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .main .global-header.info-bg .in-header .header-icons-lft { padding: 6px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 5%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .main .global-header.info-bg .in-header .header-icons-lft { padding: 19px 0 0 9px; flex: 1 6 2.5%; } } .main .global-header.info-bg .in-header .header-icons-lft.show1 { display: inline-block !important; } .main .global-header.info-bg .in-header .header-icons-lft .header-actions { display: inline-block; } .main .global-header.info-bg .in-header .brand-logo { text-align: center; padding: 3px 0; flex: 3 1 80%; order: 2; /* //img */ } .main .global-header.info-bg .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 10px 0; line-height: 1.5rem; color: white; text-transform: initial; } .main .global-header.info-bg .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header.info-bg .in-header .brand-logo h3 { margin: 11px 0; line-height: 1.5rem; } } @media (min-width: 992px) { .main .global-header.info-bg .in-header .brand-logo h3 { margin: 12px 0; line-height: 1.5rem; } } @media (max-width: 340px) { .main .global-header.info-bg .in-header .brand-logo h3 { margin: 8px 0; } } .main .global-header.info-bg .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 0px auto; } .main .global-header.info-bg .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 4px 2px; text-align: left; } @media (min-width: 767px) { .main .global-header.info-bg .in-header .brand-logo img.logo1 { margin: 10px 2px; } } .main .global-header.info-bg .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .main .global-header.info-bg .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .main .global-header.info-bg .in-header .brand-logo { padding: 13px 0; flex: 3 1 89.5%; } } @media (max-width: 340px) { .main .global-header.info-bg .in-header .brand-logo { padding: 5px 0; } } .main .global-header.info-bg .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .main .global-header.info-bg .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 6px 8px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .main .global-header.info-bg .in-header .header-actions .ux-button-header { padding: 7px 6px; } } @media (max-width: 350px) { .main .global-header.info-bg .in-header .header-actions .ux-button-header { padding: 7px 6px; } } .main .global-header.info-bg .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 40px; height: 40px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: rgba(0, 51, 161, 0.2); border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } .main .global-header.info-bg .in-header .header-actions .ux-button-header span.round-circle.blue { background: rgba(0, 51, 161, 0.2); } .main .global-header.info-bg .in-header .header-actions .ux-button-header span.round-circle.blue img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.info-bg .in-header .header-actions .ux-button-header span.round-circle.blue h4 { font-weight: 400; font-size: 1.2rem; text-align: center; margin: 10px auto; display: block; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.info-bg .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.info-bg .in-header .header-actions .ux-button-header span.round-circle h4 { font-weight: 400; font-size: 1.2rem; text-align: center; display: block; margin: 10px auto; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.info-bg .in-header .header-actions .ux-button-header svg { width: 30px; height: 30px; padding: 0; } .main .global-header.info-bg .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .main .global-header.info-bg .in-header .header-actions .ux-button-header img.img-msmall { width: 18px; height: 18px; } .main .global-header.info-bg .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .main .global-header.info-bg .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .main .global-header.info-bg .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header.info-bg .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header.info-bg .in-header .header-actions .ux-button-header .badge-danger { position: absolute; top: 4px; right: 3px; } .main .global-header.info-bg .in-header .header-actions .ux-button-header a { text-decoration: none; } .main .global-header.info-bg .in-header .header-icons-rit { padding: 6px 9px 0 0; text-align: right; flex: 1 6 15%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .main .global-header.info-bg .in-header .header-icons-rit { padding: 18px 9px 0 0; flex: 1 6 8%; } } .main .global-header.info-bg .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .main .global-header.info-bg2 { background: #0033a1; box-shadow: none; } .main .global-header.info-bg2 .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .main .global-header.info-bg2 .in-header .header-icons-lft { padding: 6px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 13%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .main .global-header.info-bg2 .in-header .header-icons-lft { padding: 18px 0 0 9px; flex: 1 6 8%; } } .main .global-header.info-bg2 .in-header .header-icons-lft.show1 { display: inline-block !important; } .main .global-header.info-bg2 .in-header .header-icons-lft .header-actions { display: inline-block; } .main .global-header.info-bg2 .in-header .brand-logo { text-align: center; padding: 3px 0; flex: 3 1 87%; order: 2; /* //img */ } .main .global-header.info-bg2 .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 10px 0; line-height: 1.5rem; color: white; text-transform: initial; } .main .global-header.info-bg2 .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header.info-bg2 .in-header .brand-logo h3 { margin: 11px 0; line-height: 1.5rem; } } @media (min-width: 992px) { .main .global-header.info-bg2 .in-header .brand-logo h3 { margin: 12px 0; line-height: 1.5rem; } } @media (max-width: 350px) { .main .global-header.info-bg2 .in-header .brand-logo h3 { margin: 8px 0; font-size: 1.25rem; } } .main .global-header.info-bg2 .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 0px auto; } .main .global-header.info-bg2 .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 4px 2px; text-align: left; } @media (min-width: 767px) { .main .global-header.info-bg2 .in-header .brand-logo img.logo1 { margin: 10px 2px; } } .main .global-header.info-bg2 .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .main .global-header.info-bg2 .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .main .global-header.info-bg2 .in-header .brand-logo { padding: 13px 0; flex: 3 1 92%; } } @media (max-width: 340px) { .main .global-header.info-bg2 .in-header .brand-logo { padding: 5px 0; } } .main .global-header.info-bg2 .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 6px 8px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .main .global-header.info-bg2 .in-header .header-actions .ux-button-header { padding: 7px 6px; } } @media (max-width: 350px) { .main .global-header.info-bg2 .in-header .header-actions .ux-button-header { padding: 7px 6px; } } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 40px; height: 40px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: rgba(0, 51, 161, 0.2); border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header span.round-circle.blue { background: rgba(0, 51, 161, 0.2); } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header span.round-circle.blue img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header span.round-circle.blue h4 { font-weight: 400; font-size: 1.2rem; text-align: center; margin: 10px auto; display: block; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header span.round-circle h4 { font-weight: 400; font-size: 1.2rem; text-align: center; display: block; margin: 10px auto; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header svg { width: 30px; height: 30px; padding: 0; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header img.img-msmall { width: 18px; height: 18px; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header .badge-danger { position: absolute; top: 4px; right: 3px; } .main .global-header.info-bg2 .in-header .header-actions .ux-button-header a { text-decoration: none; } .main .global-header.info-bg2 .in-header .header-icons-rit { padding: 6px 9px 0 0; text-align: right; flex: 1 6 2%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .main .global-header.info-bg2 .in-header .header-icons-rit { padding: 18px 9px 0 0; flex: 1 6 2%; } } .main .global-header.info-bg2 .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .main .global-header.white-bg { background: white !important; box-shadow: none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } .main .global-header.white-bg .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /* //.header-actions */ /* //.header-icons-rit */ } .main .global-header.white-bg .in-header .header-icons-lft { padding: 6px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 28%; /*for demo else it was 20*/ order: 1; } @media (min-width: 767px) { .main .global-header.white-bg .in-header .header-icons-lft { padding: 18px 0 0 9px; } } .main .global-header.white-bg .in-header .header-icons-lft.show1 { display: inline-block !important; } .main .global-header.white-bg .in-header .header-icons-lft .header-actions { display: inline-block; } .main .global-header.white-bg .in-header .brand-logo { text-align: center; padding: 3.5px 0; flex: 3 1 44%; order: 2; /* //img */ } .main .global-header.white-bg .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 10px 0; line-height: 1.4rem; color: rgba(0, 0, 0, 0.85); text-transform: initial; } .main .global-header.white-bg .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header.white-bg .in-header .brand-logo h3 { margin: 11px 0; line-height: 1.5rem; } } @media (min-width: 992px) { .main .global-header.white-bg .in-header .brand-logo h3 { margin: 12px 0; line-height: 1.5rem; } } @media (max-width: 340px) { .main .global-header.white-bg .in-header .brand-logo h3 { margin: 8px 0; } } .main .global-header.white-bg .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 0px auto; } .main .global-header.white-bg .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 4px 2px; text-align: left; } @media (min-width: 767px) { .main .global-header.white-bg .in-header .brand-logo img.logo1 { margin: 10px 2px; } } .main .global-header.white-bg .in-header .brand-logo img.logo2 { width: 100%; max-width: 76px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .main .global-header.white-bg .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .main .global-header.white-bg .in-header .brand-logo { padding: 13px 0; } } @media (max-width: 340px) { .main .global-header.white-bg .in-header .brand-logo { padding: 5px 0; } } .main .global-header.white-bg .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .main .global-header.white-bg .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 6px 8px; border-radius: 6px; outline: none; cursor: pointer; vertical-align: top; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } @media (max-width: 767px) { .main .global-header.white-bg .in-header .header-actions .ux-button-header { padding: 7px 8px; } } @media (max-width: 350px) { .main .global-header.white-bg .in-header .header-actions .ux-button-header { padding: 7px 6px; } } .main .global-header.white-bg .in-header .header-actions .ux-button-header span.round-circle { display: block; position: relative; margin-top: -2px; width: 40px; height: 40px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background: rgba(0, 51, 161, 0.2); border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } .main .global-header.white-bg .in-header .header-actions .ux-button-header span.round-circle.blue { background: rgba(0, 51, 161, 0.2); } .main .global-header.white-bg .in-header .header-actions .ux-button-header span.round-circle.blue img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.white-bg .in-header .header-actions .ux-button-header span.round-circle.blue h4 { font-weight: 400; font-size: 1.2rem; text-align: center; margin: 10px auto; display: block; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.white-bg .in-header .header-actions .ux-button-header span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header.white-bg .in-header .header-actions .ux-button-header span.round-circle h4 { font-weight: 400; font-size: 1.2rem; text-align: center; display: block; margin: 10px auto; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } .main .global-header.white-bg .in-header .header-actions .ux-button-header svg { width: 30px; height: 30px; padding: 0; } .main .global-header.white-bg .in-header .header-actions .ux-button-header img { width: 23px; height: 23px; } .main .global-header.white-bg .in-header .header-actions .ux-button-header img.img-msmall { width: 18px; height: 18px; } .main .global-header.white-bg .in-header .header-actions .ux-button-header img.img-small { width: 16px; height: 16px; } .main .global-header.white-bg .in-header .header-actions .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .main .global-header.white-bg .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header.white-bg .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header.white-bg .in-header .header-actions .ux-button-header .badge-danger { position: absolute; top: 4px; right: 3px; } .main .global-header.white-bg .in-header .header-actions .ux-button-header a { text-decoration: none; } .main .global-header.white-bg .in-header .header-icons-rit { padding: 6px 9px 0 0; text-align: right; flex: 1 6 28%; order: 3; /* //.ux-button */ } @media (min-width: 767px) { .main .global-header.white-bg .in-header .header-icons-rit { padding: 18px 9px 0 0; } } .main .global-header.white-bg .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .main .global-header .in-header { display: flex; flex-flow: row; /* //.header-icons-lft2 */ /* //.brand-logo */ /*page-title*/ /* //.header-actions */ /* //.header-icons-rit */ } .main .global-header .in-header .header-icons-lft { padding: 7px 0 0 9px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 17%; /*for demo else it was 20*/ order: 1; } .main .global-header .in-header .header-icons-lft.show1 { display: inline-block !important; } .main .global-header .in-header .header-icons-lft .header-actions { display: inline-block; } .main .global-header .in-header .brand-logo { text-align: center; padding: 6px 0; flex: 3 1 66%; order: 2; /* //img */ } .main .global-header .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 8px 0; line-height: 1.4rem; color: white; text-transform: initial; } .main .global-header .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header .in-header .brand-logo h3 { margin: 13px 0; line-height: 1.4rem; } } @media (min-width: 992px) { .main .global-header .in-header .brand-logo h3 { margin: 14px 0; line-height: 1.4rem; } } .main .global-header .in-header .brand-logo h3 { font-weight: 400; font-size: 1.3rem; text-align: left; margin: 8px 0; line-height: 1.4rem; color: white; text-transform: initial; } .main .global-header .in-header .brand-logo h3.col-b { color: black; } @media (min-width: 767px) { .main .global-header .in-header .brand-logo h3 { margin: 13px 0; line-height: 1.4rem; } } @media (min-width: 992px) { .main .global-header .in-header .brand-logo h3 { margin: 14px 0; line-height: 1.4rem; } } .main .global-header .in-header .brand-logo img { text-align: center; display: inline-block; width: 100%; max-width: 160px; height: auto; margin: 3px auto; } .main .global-header .in-header .brand-logo img.logo1 { width: 100%; max-width: 115px; height: auto; margin: 1px 2px; text-align: left; } @media (max-width: 340px) { .main .global-header .in-header .brand-logo img.logo1 { max-width: 102px; } } .main .global-header .in-header .brand-logo img.logo2 { width: 100%; max-width: 82px; height: auto; margin: 3px 2px; text-align: left; } @media (min-width: 991px) { .main .global-header .in-header .brand-logo img { margin-left: 10px; } } @media (min-width: 767px) { .main .global-header .in-header .brand-logo { padding: 13px 0; } } .main .global-header .in-header .page-title { text-align: center; flex: 3 1 50%; order: 2; /*h5 end*/ } .main .global-header .in-header .page-title h5 { margin-top: 16px; text-transform: uppercase; font-size: 15px; } .main .global-header .in-header .page-title h5 small { padding: 5px; border-radius: 100%; color: #0033A1; background-color: #efefef; } .main .global-header .in-header .header-actions { display: inline-block; } .main .global-header .in-header .header-actions button { background: transparent; border: none; margin: 0; padding: 8px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; /* //.ux-button-header */ } @media (max-width: 767px) { .main .global-header .in-header .header-actions button { padding: 4px 5px; } } .main .global-header .in-header .header-actions button .ux-button-header { background: transparent; border: none; margin: 0; padding: 8px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } .main .global-header .in-header .header-actions button .ux-button-header img { width: 24px; height: 24px; } .main .global-header .in-header .header-actions button .ux-button-header img.img-small { width: 18px; height: 18px; } .main .global-header .in-header .header-actions button .ux-button-header img.img-vsmall { width: 15px; height: 15px; } .main .global-header .in-header .header-actions button .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header .in-header .header-actions button .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header .in-header .header-actions button svg { width: 26px; height: 26px; fill: #babcbf; padding: 0; } .main .global-header .in-header .header-actions button svg:hover { fill: rgba(186, 188, 191, 0.8); } .main .global-header .in-header .header-actions button svg:focus { fill: rgba(186, 188, 191, 0.8); } .main .global-header .in-header .header-actions button img { width: 20px; height: 20px; margin-top: 0px; border: none; } .main .global-header .in-header .header-actions button img.img-small { width: 18px; height: 18px; } .main .global-header .in-header .header-actions button img.img-vsmall { width: 15px; height: 15px; } .main .global-header .in-header .header-actions button img:hover { opacity: 0.8; } .main .global-header .in-header .header-actions button img:focus { opacity: 0.8; } .main .global-header .in-header .header-icons-rit { padding: 7px 9px 0 0; text-align: right; flex: 1 6 17%; order: 3; /* //.ux-button */ } .main .global-header .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } .main .global-header .logo { cursor: pointer; display: inline-block; } .main .global-header .logo img { height: 45px; } .main .global-header .desk-header { /*height: 50px;*/ padding: 0px 0; /*left-heading*/ /* //.brand-heading */ /* //.header-actions */ /* //.header-items */ /*right-heading*/ /* //header items */ } @media (max-width: 991px) { .main .global-header .desk-header { padding: 0px 0; } } .main .global-header .desk-header .left-heading { padding-top: 5px; /*menu-btn*/ } .main .global-header .desk-header .left-heading .menu-btn { margin-right: 35px; } .main .global-header .desk-header .left-heading .menu-btn img { width: 24px; height: 24px; } .main .global-header .desk-header .left-heading .menu-btn svg { width: 20px; height: 20px; fill: rgba(0, 51, 161, 0.94); } .main .global-header .desk-header .left-heading .menu-btn svg:hover { fill: rgba(0, 51, 161, 0.8); } .main .global-header .desk-header .left-heading .menu-btn svg:focus { fill: rgba(0, 51, 161, 0.8); } .main .global-header .desk-header .left-heading .logo-brand img { height: 45px; } .main .global-header .desk-header .brand-heading { display: inline-block; padding: 0 0 0 10px; margin: 0px auto; position: relative; width: 100%; height: auto; /*width: $navigationWidth;*/ /*span.logo-img*/ } @media (min-width: 1000px) { .main .global-header .desk-header .brand-heading { position: relative; } } @media (max-width: 991px) { .main .global-header .desk-header .brand-heading { padding: 8px 0px; } } @media (max-width: 767px) { .main .global-header .desk-header .brand-heading { padding: 2px 0px; } } @media (max-width: 340px) { .main .global-header .desk-header .brand-heading { width: 130px; padding: 2px 0px; } } .main .global-header .desk-header .brand-heading span.logo-img { vertical-align: super; /* //img */ } .main .global-header .desk-header .brand-heading span.logo-img img { width: inherit; max-width: 250px; height: auto; transition: all 0.8s ease; } @media (max-width: 991px) { .main .global-header .desk-header .brand-heading span.logo-img img { padding: 2px 0px; } } @media (max-width: 767px) { .main .global-header .desk-header .brand-heading span.logo-img img { padding: 2px 0px; } } .main .global-header .desk-header .brand-heading span.logo-txt { font-size: 1.35rem; color: #002891; line-height: 1.5rem; margin-left: 5px; margin-top: 5px; } .main .global-header .desk-header .brand-heading h4 { font-size: 1.6rem; padding: 2px 2px; margin: 5px 0; color: rgba(0, 0, 0, 0.8); font-weight: 600; } [theme=dark] .main .global-header .desk-header .brand-heading h4 { color: #ffffff; } @media (max-width: 480px) { .main .global-header .desk-header .brand-heading h4 { padding: 5px 0px; font-size: 1.2rem; } } .main .global-header .desk-header .header-actions { display: inline-block; } .main .global-header .desk-header .header-actions button { background: transparent; border: none; margin: 0; margin-top: 0; padding: 8px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; /* //.ux-button-header */ } @media (min-width: 767px) and (max-width: 991px) { .main .global-header .desk-header .header-actions button { margin-top: 8px; } } @media (max-width: 767px) { .main .global-header .desk-header .header-actions button { margin-top: 0px; } } @media (max-width: 400px) { .main .global-header .desk-header .header-actions button { padding: 8px 4px; } } .main .global-header .desk-header .header-actions button .ux-button-header { background: transparent; border: none; margin: 0; padding: 8px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } .main .global-header .desk-header .header-actions button .ux-button-header img { width: 24px; height: 24px; } .main .global-header .desk-header .header-actions button .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .main .global-header .desk-header .header-actions button .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .main .global-header .desk-header .header-actions button svg { width: 23px; height: 23px; margin-top: 5px; fill: rgba(0, 51, 161, 0.94); } .main .global-header .desk-header .header-actions button svg:hover { fill: rgba(0, 51, 161, 0.8); } .main .global-header .desk-header .header-actions button svg:focus { fill: rgba(0, 51, 161, 0.8); } .main .global-header .desk-header .header-actions button img { width: 26px; height: 26px; margin-top: 6px; border: none; } @media (max-width: 640px) { .main .global-header .desk-header .header-actions button img { width: 24px; height: 24px; } } @media (max-width: 400px) { .main .global-header .desk-header .header-actions button img { margin-top: 6px; } } .main .global-header .desk-header .header-actions button img.mt5 { margin-top: -5px; } .main .global-header .desk-header .header-actions button img.img-small { width: 18px; height: 18px; } .main .global-header .desk-header .header-actions button img.img-vsmall { width: 15px; height: 15px; } .main .global-header .desk-header .header-actions button img:hover { opacity: 0.8; } .main .global-header .desk-header .header-actions button img:focus { opacity: 0.8; } .main .global-header .desk-header #nav-icon1 { width: 64px; height: 64px; padding: 20px 0; display: block; margin: 0 auto; background-color: none; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; } .main .global-header .desk-header #nav-icon1 .inner-div { position: relative; width: 26px; height: 26px; margin: 0 auto; } .main .global-header .desk-header #nav-icon1 .inner-div span { display: block; position: absolute; height: 2px; width: 100%; background-color: #0033A1; border-radius: 9px; opacity: 1; top: 0%; left: 0%; transform: rotate(0deg); transition: 0.25s ease-in-out; } .main .global-header .desk-header #nav-icon1 .inner-div span:nth-child(1) { top: 2px; width: 100%; } .main .global-header .desk-header #nav-icon1 .inner-div span:nth-child(2) { top: 12px; width: 80%; } .main .global-header .desk-header #nav-icon1 .inner-div span:nth-child(3) { top: 22px; width: 50%; } .main .global-header .desk-header #nav-icon1.open { background-color: #0038b0; } .main .global-header .desk-header #nav-icon1.open span { background-color: #ffffff; } .main .global-header .desk-header #nav-icon1.open span:nth-child(2) { width: 100%; transition: 0.25s ease-in-out; } .main .global-header .desk-header #nav-icon1.open span:nth-child(3) { width: 100%; transition: 0.25s ease-in-out; } .main .global-header .desk-header .header-items { margin: auto 0; float: right; /*display: none;*/ } .main .global-header .desk-header .header-items .lst-header-items { list-style: none; margin: 0; padding: 0; } .main .global-header .desk-header .header-items .lst-header-items li { display: inline-block; vertical-align: middle; position: relative; margin-right: -5px; /*&:last-child{margin-right:0;}*/ /* em */ /* a */ /*.hil-user-name */ /*&.hil-notification*/ /*&.hil-setting*/ /* .bm-userprofile */ /* .notify */ /*user-details*/ } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li { margin-right: 0px; border-right: 0px solid rgba(0, 0, 0, 0.08); } } .main .global-header .desk-header .header-items .lst-header-items li .input-group { width: 400px; position: relative; } .main .global-header .desk-header .header-items .lst-header-items li .input-group .form-control { border-radius: 5px; } .main .global-header .desk-header .header-items .lst-header-items li .input-group .input-group-btn .btn { position: absolute; right: 1px; color: #333; background-color: none; border: none; z-index: 2; border-radius: 5px; display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.6; } @media (max-width: 800px) { .main .global-header .desk-header .header-items .lst-header-items li .input-group { width: 250px; } } @media (max-width: 420px) { .main .global-header .desk-header .header-items .lst-header-items li .input-group { width: 110px; } } .main .global-header .desk-header .header-items .lst-header-items li em { font-style: normal; font-size: 0.6rem; font-weight: 500; /* &.user-greet */ } .main .global-header .desk-header .header-items .lst-header-items li em.hi-user-greet { display: none; } .main .global-header .desk-header .header-items .lst-header-items li a { font-size: 1rem; display: block; padding: 18px 13px; line-height: 1.5rem; z-index: 0; color: #000000; position: relative; border-left: 0px solid #002b88; zoom: 1; filter: alpha(opacity=100); opacity: 1; transition: all 0.8s ease; background-position: center; /* //&.item-user */ /* //&.item-user */ /* //&.item-notification */ /* //&.item-alert */ /* //&.item-help */ /* //&.item-logout */ /* //&:hover */ } .main .global-header .desk-header .header-items .lst-header-items li a.bor-n { border-left: none; } .main .global-header .desk-header .header-items .lst-header-items li a img { width: 23px; height: 23px; margin-top: 0px; } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li a img { width: 21px; height: 21px; } } @media (max-width: 340px) { .main .global-header .desk-header .header-items .lst-header-items li a img { width: 21px; height: 21px; } } .main .global-header .desk-header .header-items .lst-header-items li a img svg { width: 23px; height: 23px; margin-top: 5px; fill: rgba(0, 51, 161, 0.9); } .main .global-header .desk-header .header-items .lst-header-items li a img svg a { fill: rgba(0, 51, 161, 0.9); } @media (max-width: 991px) { .main .global-header .desk-header .header-items .lst-header-items li a { padding: 20px 15px; } } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li a { padding: 12px 7px; border-left: 0px solid #002b88; } } @media (max-width: 360px) { .main .global-header .desk-header .header-items .lst-header-items li a { padding: 12px 5px; } } .main .global-header .desk-header .header-items .lst-header-items li a.item-logout { display: inline-block; } .main .global-header .desk-header .header-items .lst-header-items li a.item-logout svg { display: inline-block; width: 20px; height: 20px; fill: rgba(0, 51, 161, 0.9); } .main .global-header .desk-header .header-items .lst-header-items li a.item-logout svg a { fill: rgba(0, 51, 161, 0.9); } .main .global-header .desk-header .header-items .lst-header-items li a.item-user { display: inline-block; /* //img */ } .main .global-header .desk-header .header-items .lst-header-items li a.item-user img { display: inline-block; border-radius: 100%; width: 20px; height: 20px; } .main .global-header .desk-header .header-items .lst-header-items li a.item-logout1 { display: inline-block; /* //img */ } .main .global-header .desk-header .header-items .lst-header-items li a.item-logout1 img { display: inline-block; border-radius: 100%; width: 23px; height: 23px; } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li a.item-logout1 img { width: 20px; height: 20px; } } @media (max-width: 340px) { .main .global-header .desk-header .header-items .lst-header-items li a.item-logout1 img { width: 20px; height: 20px; } } .main .global-header .desk-header .header-items .lst-header-items li a.item-notification { position: relative; } .main .global-header .desk-header .header-items .lst-header-items li a.item-alert { position: relative; } .main .global-header .desk-header .header-items .lst-header-items li a.item-help { display: inline-block; /* //img */ } .main .global-header .desk-header .header-items .lst-header-items li a.item-help img { display: inline-block; border-radius: 100%; } .main .global-header .desk-header .header-items .lst-header-items li a.item-logout { display: inline-block; /* //img */ } .main .global-header .desk-header .header-items .lst-header-items li a.item-logout img { display: inline-block; width: 32px; height: 32px; border-radius: 100%; } .main .global-header .desk-header .header-items .lst-header-items li a:hover { background-color: rgba(0, 51, 161, 0.08); text-decoration: none; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li a:hover { border-radius: 6px; } } .main .global-header .desk-header .header-items .lst-header-items li a:hover img { transform: scale(1); transition: all 0.3s; } .main .global-header .desk-header .header-items .lst-header-items li a:active { background-color: rgba(0, 51, 161, 0.08); background-size: 100%; } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li a:active { border-radius: 6px; } } .main .global-header .desk-header .header-items .lst-header-items li.hil-user-name { /* &.dp-open */ } .main .global-header .desk-header .header-items .lst-header-items li.hil-user-name.dp-open { background: #0033a1; zoom: 1; filter: alpha(opacity=100); opacity: 1; /*&:before{ content: ''; background:transparent; @include transform(translate3D(0,-100%,0)); @include transition(all .2s); @include transform-origin(center center); @include transform(scale(1,0)); }*/ /* //span.chevron */ } .main .global-header .desk-header .header-items .lst-header-items li.hil-user-name.dp-open span.chevron { transition: all 0.2s ease-in; /* //&::after */ } .main .global-header .desk-header .header-items .lst-header-items li.hil-user-name.dp-open span.chevron::after { content: ""; transform: rotate(135deg); } .main .global-header .desk-header .header-items .lst-header-items li.hil-notification { text-align: right; margin-right: -5px; /* &.nf-open */ } .main .global-header .desk-header .header-items .lst-header-items li.hil-notification h6 { line-height: 0.8; margin-top: 5px; } .main .global-header .desk-header .header-items .lst-header-items li.hil-notification.nf-open { background: rgba(0, 51, 161, 0); zoom: 1; filter: alpha(opacity=100); opacity: 1; /*&:before{ content: ''; background:transparent; @include transform(translate3D(0,-100%,0)); @include transition(all .2s); @include transform-origin(center center); @include transform(scale(1,0)); }*/ } .main .global-header .desk-header .header-items .lst-header-items li.hil-setting { text-align: right; margin-right: -5px; /* &.nf-open */ } .main .global-header .desk-header .header-items .lst-header-items li.hil-setting h6 { line-height: 0.8; margin-top: 5px; } .main .global-header .desk-header .header-items .lst-header-items li.hil-setting.nf-open { background: #334750; zoom: 1; filter: alpha(opacity=100); opacity: 1; /*&:before{ content: ''; background:transparent; @include transform(translate3D(0,-100%,0)); @include transition(all .2s); @include transform-origin(center center); @include transform(scale(1,0)); }*/ } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li.hil-setting { display: none; } } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile { width: 330px; height: 0; background: white; margin-top: 1px; color: #000000; opacity: 0; text-align: left; position: absolute; right: 0px; overflow: hidden; /*margin-left: -55px;*/ z-index: 10; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.3s ease; transform: scale(0); transform-origin: right 0px; /* &.dp-active */ /*user-details*/ /*.lst-userprofile*/ } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile.dp-showing { height: auto; opacity: 1; transform: scale(1); /*transform: scale(1);*/ } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .user-details { display: inline-block; margin: 0px 12px 0 0; text-align: justify; cursor: pointer; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .user-details img, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .user-details .in-details { display: inline-block; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .user-details img h5, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .user-details .in-details h5 { text-transform: capitalize; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .user-details img { vertical-align: top; padding-top: 10px; margin: 0px 15px; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li { display: block; /* a, .userprofile-container */ } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container { border-bottom: 1px solid rgba(0, 51, 161, 0.4); padding: 10px 15px; border-left: none; position: relative; text-decoration: none; /* span */ /* em */ /* .common-action */ /*.profile-btn*/ } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a span, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container span { display: block; line-height: 1; font-weight: 500; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a em, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container em { color: rgba(0, 0, 0, 0.62); font-size: 0.7rem; font-weight: 500; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a em i, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container em i { font-style: normal; font-size: 0.7rem; font-weight: 500; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a em b, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container em b { padding-left: 2px; font-size: 0.7rem; font-weight: 500; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action { border-bottom: none; cursor: pointer; /* &:after */ } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action:before, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action:before { content: ""; width: 13px; height: 13px; position: absolute; top: 50%; margin-top: -8px; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action:after, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action:after { content: none; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action span, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action span { padding-left: 25px; font-weight: normal; font-size: 13px; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action.change-pwd:before, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action.change-pwd:before { content: ""; background-size: 13px; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action.logout:before, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action.logout:before { content: ""; background-size: 13px; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action:active, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a.common-action:active, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action:active, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container.common-action:active { background-color: transparent; background-position: none; } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a .profile-btn, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container .profile-btn { padding: 1px 0; float: right; /*button*/ } .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li a .profile-btn button, .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile .lst-userprofile li .userprofile-container .profile-btn button { color: #0033A1; min-width: 120px; } @media (max-width: 991px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile { margin-top: 10px; } } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile { margin-top: 8px; } } @media (max-width: 480px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-userprofile { width: 280px; height: 0; } } .main .global-header .desk-header .header-items .lst-header-items li .notify { position: relative; top: 25px; right: -7px; /* pulse*/ /* point*/ } .main .global-header .desk-header .header-items .lst-header-items li .notify .pulse { position: absolute; top: -26px; right: 7px; height: 2px; width: 2px; z-index: 10; border: 5px solid #b91c1c; border-radius: 70px; /* Safari 4+ */ /* Fx 5+ */ /* Fx 5+ */ /* Opera 12+ */ animation: pulse 1s ease-out infinite; /* IE 10+, Fx 29+ */ } .main .global-header .desk-header .header-items .lst-header-items li .notify .point { width: 12px; height: 12px; border-radius: 30px; color: #ffffff; padding: 1px 2px; font-size: 0.6rem; line-height: 0.7rem; color: #ffffff; text-align: center; background-color: #CE0E41; position: absolute; right: 3px; top: -25px; z-index: 10; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification { width: 300px; height: 0; background: white; margin-top: 1px; color: #000000; opacity: 0; text-align: left; position: absolute; right: 0; overflow: hidden; /*margin-left: -55px;*/ z-index: 10; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.3s ease; transform: scale(0); transform-origin: right 0px; /* &.nf-showing */ /*.nf-header*/ /*.nf-header*/ /*.nf-footer*/ } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification.nf-showing { height: auto; opacity: 1; transform: scale(1); } @media (max-width: 700px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-notification.nf-showing { overflow-y: scroll; height: 300px; } } @media (max-width: 600px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-notification.nf-showing { overflow-y: scroll; height: 250px; } } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-header { background-color: #ffffff; color: #000000; padding: 10px; border-bottom: 1px solid rgba(0, 51, 161, 0.4); /*span.nf-title*/ } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-header span.nf-title { font-size: 18px; font-weight: 500; position: relative; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-header span.nf-title b { font-weight: normal; font-size: 12px; background-color: #0033A1; border-radius: 5px; display: inline-block; text-align: center; position: absolute; top: 50%; color: #ffffff; margin-top: -10px; margin-left: 10px; padding: 1px 10px; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content { /* //.template-list */ } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list { /* //.dl-template-items */ } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items { font-size: 0.9rem; color: rgba(0, 0, 0, 0.7); margin-bottom: 0; /* //&>div */ } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div { padding-left: 22px; display: block; padding: 0.5rem 1rem; padding-left: 55px; position: relative; border-bottom: 1px solid; border-color: rgba(0, 51, 161, 0.18); /* //a */ /* //&:hover */ } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div span { position: absolute; left: -43px; top: 0px; display: block; width: 30px; height: 30px; font-size: 11px; background: #0033A1; color: #ffffff; padding: 14px 0px; /* zoom: 1; */ border-radius: 50%; /* font-size: 30px; */ line-height: 1px; text-align: center; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a { color: black; display: inline-block; transition: all 0.2s ease-in; text-decoration: none; padding: 0; border-left: none; opacity: 0.8; /* //&:hover */ /* //dt */ /* //dd */ /* &.nf-read */ } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a:hover { opacity: 1; background: transparent; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a:active { background: transparent; background-size: 100%; transition: 0; box-shadow: none; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a dt { position: relative; font-size: 14px; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a dd { font-size: 12px; margin-bottom: 0; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; transition: all 0.2s ease-in; line-height: 0.9rem; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a em { font-size: 10px; margin-bottom: 0; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; transition: all 0.2s ease-in; line-height: 1; margin-top: 10px; display: block; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a.nf-read { opacity: 0.4; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div a.nf-read span { background-color: rgba(0, 0, 0, 0.5); } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-content .template-list .dl-template-items > div:hover dd { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-footer { padding: 18px 10px; text-align: center; } .main .global-header .desk-header .header-items .lst-header-items li .bm-notification .nf-footer button { color: #0033A1; } @media (max-width: 991px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-notification { margin-top: 10px; } } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-notification { margin-top: 9px; } } @media (max-width: 480px) { .main .global-header .desk-header .header-items .lst-header-items li .bm-notification { position: absolute; right: -35px; width: 300px; } } .main .global-header .desk-header .header-items .lst-header-items li .user-details { display: block; margin: 16px 8px; text-align: left; cursor: pointer; padding: 0px 0; /*round-circle*/ } .main .global-header .desk-header .header-items .lst-header-items li .user-details img, .main .global-header .desk-header .header-items .lst-header-items li .user-details .in-details { display: inline-block; text-align: left; } .main .global-header .desk-header .header-items .lst-header-items li .user-details img h5, .main .global-header .desk-header .header-items .lst-header-items li .user-details .in-details h5 { text-transform: capitalize; margin: 2px 0px 0px 2px; text-align: left; font-weight: 500; font-size: 1.1rem; line-height: 0.8rem; color: rgba(0, 0, 0, 0.9); } [theme=dark] .main .global-header .desk-header .header-items .lst-header-items li .user-details img h5, [theme=dark] .main .global-header .desk-header .header-items .lst-header-items li .user-details .in-details h5 { color: #ffffff; } .main .global-header .desk-header .header-items .lst-header-items li .user-details img small, .main .global-header .desk-header .header-items .lst-header-items li .user-details .in-details small { color: rgba(0, 0, 0, 0.4); font-size: 0.7rem; line-height: 0.6rem; margin: 0px 0px 0px 4px; } [theme=dark] .main .global-header .desk-header .header-items .lst-header-items li .user-details img small, [theme=dark] .main .global-header .desk-header .header-items .lst-header-items li .user-details .in-details small { color: #ffffff; } .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle { display: block; position: relative; margin-top: -2px; width: 28px; height: 28px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background-color: #d4def4; border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } @media (max-width: 640px) { .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle { margin-top: 0px; } } .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle.blue { background: rgba(0, 51, 161, 0.2); } .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle.blue img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle.blue h4 { font-weight: 400; font-size: 1.2rem; text-align: center; margin: 10px auto; display: block; line-height: 1.5rem; color: #0033a1; text-transform: initial; text-decoration: none; } @media (max-width: 640px) { .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle.blue h4 { font-size: 1rem; text-align: center; margin: 8px auto; display: block; line-height: 1.3rem; } } .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle img { display: block; width: 100%; height: 100%; text-align: center; margin: 0 auto; } .main .global-header .desk-header .header-items .lst-header-items li .user-details span.round-circle h4 { font-weight: 400; font-size: 0.7rem; text-align: center; display: block; margin: 7px auto; line-height: 1.2rem; color: #0033a1; text-transform: initial; text-decoration: none; } @media (min-width: 767px) and (max-width: 991px) { .main .global-header .desk-header .header-items .lst-header-items li .user-details { margin: 14px 14px; } } @media (max-width: 767px) { .main .global-header .desk-header .header-items .lst-header-items li .user-details { margin: 0px 2px; padding: 4px 0; } } @media (max-width: 340px) { .main .global-header .desk-header .header-items .lst-header-items li .user-details { margin: 0px 1px; } } .main .global-header .desk-header .header-items .lst-header-items li:last-child { border-right: 0px solid; } .main .global-header .desk-header .right-heading { padding-top: 5px; text-align: right; position: relative; /*right-i*/ /*user-details*/ } .main .global-header .desk-header .right-heading .right-i { position: relative; } .main .global-header .desk-header .right-heading .right-i img { width: 24px; height: 24px; display: inline-block; vertical-align: top; margin: 10px 15px; } .main .global-header .desk-header .right-heading .right-i .badge-danger { position: absolute; top: -17px; right: 14px; } .main .global-header .desk-header .right-heading .user-details { display: inline-block; margin: 0px 12px 0 0; text-align: justify; cursor: pointer; } .main .global-header .desk-header .right-heading .user-details img, .main .global-header .desk-header .right-heading .user-details .in-details { display: inline-block; } .main .global-header .desk-header .right-heading .user-details img h5, .main .global-header .desk-header .right-heading .user-details .in-details h5 { text-transform: capitalize; } .main .global-header .desk-header .right-heading .user-details img { vertical-align: top; padding-top: 10px; margin: 0px 15px; } .main .nav-overlay { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.86); z-index: 91; } /* main end here */ .global-footer { z-index: 99; display: block; position: fixed; width: 100%; height: 30px; left: 0px; right: 0; margin-top: 0; background-color: #d0dbf0; transition: all 0.4s ease; /*div.in-glfooter*/ } @media (max-width: 767px) { .global-footer { display: none; } } .global-footer.full-footer { left: 0; } .global-footer div.in-glfooter { /*.glfooter-content*/ } .global-footer div.in-glfooter .glfooter-content { padding: 0px 0px 0; /*.row*/ } .global-footer div.in-glfooter .glfooter-content .row { align-items: center; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] { padding: 0; /*.glfooter-box*/ } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box { padding: 0px 10px; font-size: 0.6rem; /*.glcopyright-text*/ /*.glcopyright-text*/ /*.glfooter-links*/ } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text { color: rgba(0, 0, 0, 0.5); cursor: default; text-align: right; margin: 0px 0; font-weight: 500; width: 100%; line-height: 0.7rem; font-size: 0.5rem; } [theme=dark] .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text { color: #ffffff; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text em { font-size: 0.7rem; vertical-align: sub; margin-right: 2px; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text img { max-width: 50px; width: 100%; margin: 0; padding: 0; height: auto; } @media (max-width: 760px) { .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text { margin: 5px 0; line-height: 0.6rem; font-size: 0.5rem; } } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text1 { color: rgba(0, 0, 0, 0.5); cursor: default; text-align: center; margin: 4px 0 1px; font-weight: 600; width: 100%; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text1 em { font-size: 12px; } [theme=dark] .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text1 em { color: #ffffff; } @media (max-width: 760px) { .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glcopyright-text1 { margin: 5px 0; line-height: 0.6rem; font-size: 0.5rem; } } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glfooter-links { flex: 1 1 55%; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glfooter-links ul { margin-bottom: 0rem; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glfooter-links ul li a { display: block; float: left; box-sizing: border-box; padding: 0 5px; /*text-decoration:underline;*/ border-right: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glfooter-links ul li a:hover { color: #0033a1; /*text-decoration:underline;*/ } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .glfooter-links ul li:last-child a { border-right: none; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .logo-left img { width: 100%; max-width: 50px; margin: 0; height: auto; float: left; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .logo-right { width: 100%; text-align: right; } .global-footer div.in-glfooter .glfooter-content .row div[class*=col] .glfooter-box .logo-right img { width: 100%; max-width: 100px; height: auto; margin: 0; text-align: right; } .device-page-titles { /*border-bottom: 1px solid lighten($black, 80%);*/ /*in-header */ } .device-page-titles .in-header { display: flex; flex-flow: row; padding: 10px 0; /* //.header-icons-lft */ /* //.brand-logo */ /*page-title*/ /* //.header-actions */ /* //.header-icons-rit */ } .device-page-titles .in-header .header-icons-lft { padding: 0px 0 0 10px; text-align: left; /*flex: 1 6 20%;*/ flex: 1 6 30%; order: 1; /*head-page-title*/ } .device-page-titles .in-header .header-icons-lft .header-actions { display: inline-block; } .device-page-titles .in-header .header-icons-lft .head-page-title { display: inline-block; } .device-page-titles .in-header .header-icons-lft .head-page-title h5 { margin-top: 12px; text-transform: uppercase; font-size: 15px; text-align: center; } .device-page-titles .in-header .brand-logo { text-align: center; padding: 5px 0; flex: 3 1 50%; order: 2; /* //img */ } .device-page-titles .in-header .brand-logo img { height: 40px; } .device-page-titles .in-header .page-title { text-align: center; flex: 3 1 50%; order: 2; /*h5 end*/ } .device-page-titles .in-header .page-title h5 { margin-top: 12px; text-transform: uppercase; font-size: 15px; } .device-page-titles .in-header .page-title h5 small { padding: 5px; border-radius: 100%; color: #0033A1; background-color: #efefef; } .device-page-titles .in-header .header-actions { display: inline-block; /* //.ux-button-header */ } .device-page-titles .in-header .header-actions .ux-button-header { background: transparent; border: none; margin: 0; padding: 8px; margin-top: 0px; outline: none; cursor: pointer; transform: scale(1); transition: all 0.1s ease-in; position: relative; /* //img */ /* //.ux-button:active */ /* //&.ux-button-selected */ } .device-page-titles .in-header .header-actions .ux-button-header svg { width: 24px; height: 24px; fill: rgba(0, 51, 161, 0.94); } .device-page-titles .in-header .header-actions .ux-button-header svg:hover { fill: rgba(0, 51, 161, 0.8); } .device-page-titles .in-header .header-actions .ux-button-header svg:focus { fill: rgba(0, 51, 161, 0.8); } .device-page-titles .in-header .header-actions .ux-button-header img { width: 24px; height: 24px; } .device-page-titles .in-header .header-actions .ux-button-header:active { transform: scale(0.94); background: rgba(0, 0, 0, 0.07); } .device-page-titles .in-header .header-actions .ux-button-header.ux-button-selected { background: rgba(0, 51, 161, 0.2); } .device-page-titles .in-header .header-icons-rit { padding: 0px 10px 0 0; text-align: right; flex: 1 6 30%; order: 3; /* //.ux-button */ } .device-page-titles .in-header .header-icons-rit .ux-button { font-size: 0.8em; display: block; width: auto; padding: 5px 8px; margin: 8px auto; } /*device-page-titles*/ .img-small { width: 18px; height: 18px; } .desk-header-space { height: 20px; width: 100%; display: block; } .btn-notification-bell { position: relative; /* //span */ } .btn-notification-bell span { position: absolute; right: 0; top: -3px; background: rgba(255, 255, 255, 0.96); color: rgba(0, 0, 0, 0.9); border: 1px solid #0033A1; /*@include box-shadow(0 0 8px rgba($black, 0.4));*/ font-size: 0.7em; font-weight: bold; /*border: 1px solid rgba($white, 0.9);*/ /*@include border-radius(18px);*/ border-radius: 50%; display: block; margin: 0; padding: 2px 5px 1px; } /* //.btn-notification-bell */ /* ========== header Style :: End ============ */ .owl-dots { display: none; } .banking-options-container { margin-bottom: -50px; } .payment-users { padding-top: 65px; background-color: #ffffff; } .owl-accounts-component { /*owl-carousel*/ } .owl-accounts-component .owl-carousel, .owl-accounts-component .acct-types, .owl-accounts-component .owl-saved-accts { /*accounts-tile*/ /*owl-stage-outer*/ /*owl-nav*/ } .owl-accounts-component .owl-carousel .accounts-tile, .owl-accounts-component .acct-types .accounts-tile, .owl-accounts-component .owl-saved-accts .accounts-tile { color: #000000; width: 300px; background-color: #ffffff; padding: 10px; display: inline-block; margin: 5px 0; margin-right: 10px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2); /*saved-accts*/ } .owl-accounts-component .owl-carousel .accounts-tile h5, .owl-accounts-component .acct-types .accounts-tile h5, .owl-accounts-component .owl-saved-accts .accounts-tile h5 { text-transform: capitalize; margin-top: 0; } .owl-accounts-component .owl-carousel .accounts-tile b, .owl-accounts-component .owl-carousel .accounts-tile span, .owl-accounts-component .acct-types .accounts-tile b, .owl-accounts-component .acct-types .accounts-tile span, .owl-accounts-component .owl-saved-accts .accounts-tile b, .owl-accounts-component .owl-saved-accts .accounts-tile span { display: block; color: #000000; } .owl-accounts-component .owl-carousel .accounts-tile .acct-number, .owl-accounts-component .owl-carousel .accounts-tile .avail-balance, .owl-accounts-component .acct-types .accounts-tile .acct-number, .owl-accounts-component .acct-types .accounts-tile .avail-balance, .owl-accounts-component .owl-saved-accts .accounts-tile .acct-number, .owl-accounts-component .owl-saved-accts .accounts-tile .avail-balance { display: inline-block; width: 49%; } .owl-accounts-component .owl-carousel .accounts-tile .acct-number span, .owl-accounts-component .owl-carousel .accounts-tile .avail-balance span, .owl-accounts-component .acct-types .accounts-tile .acct-number span, .owl-accounts-component .acct-types .accounts-tile .avail-balance span, .owl-accounts-component .owl-saved-accts .accounts-tile .acct-number span, .owl-accounts-component .owl-saved-accts .accounts-tile .avail-balance span { font-size: 11px; } .owl-accounts-component .owl-carousel .accounts-tile.saved-accts, .owl-accounts-component .acct-types .accounts-tile.saved-accts, .owl-accounts-component .owl-saved-accts .accounts-tile.saved-accts { text-decoration: none; } .owl-accounts-component .owl-carousel .accounts-tile.saved-accts span img, .owl-accounts-component .acct-types .accounts-tile.saved-accts span img, .owl-accounts-component .owl-saved-accts .accounts-tile.saved-accts span img { width: 50px; } .owl-accounts-component .owl-carousel .owl-stage-outer, .owl-accounts-component .acct-types .owl-stage-outer, .owl-accounts-component .owl-saved-accts .owl-stage-outer { padding: 0 5px; } .owl-accounts-component .owl-carousel .owl-nav, .owl-accounts-component .acct-types .owl-nav, .owl-accounts-component .owl-saved-accts .owl-nav { /*owl-prev owl-next*/ /* button end */ } .owl-accounts-component .owl-carousel .owl-nav button.owl-prev, .owl-accounts-component .owl-carousel .owl-nav button.owl-next, .owl-accounts-component .acct-types .owl-nav button.owl-prev, .owl-accounts-component .acct-types .owl-nav button.owl-next, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-prev, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-next { background-color: #ffffff; position: absolute; top: 50%; height: 50px; width: 25px; border-radius: 0; outline: none; margin-top: -25px; /*display: none;*/ } .owl-accounts-component .owl-carousel .owl-nav button.owl-prev, .owl-accounts-component .acct-types .owl-nav button.owl-prev, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-prev { left: 5px; background: url('left-arrow.png') no-repeat center; background-size: 12px; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3); } .owl-accounts-component .owl-carousel .owl-nav button.owl-prev.disabled, .owl-accounts-component .acct-types .owl-nav button.owl-prev.disabled, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-prev.disabled { display: none; } .owl-accounts-component .owl-carousel .owl-nav button.owl-next, .owl-accounts-component .acct-types .owl-nav button.owl-next, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-next { right: 0; background: url('right-arrow.png') no-repeat center; background-size: 12px; box-shadow: -1px 2px 7px rgba(0, 0, 0, 0.3); } .owl-accounts-component .owl-carousel .owl-nav button.owl-next.disabled, .owl-accounts-component .acct-types .owl-nav button.owl-next.disabled, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-next.disabled { display: none; } .owl-accounts-component .owl-carousel .owl-nav button.owl-prev, .owl-accounts-component .owl-carousel .owl-nav button.owl-next, .owl-accounts-component .acct-types .owl-nav button.owl-prev, .owl-accounts-component .acct-types .owl-nav button.owl-next, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-prev, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-next { background-color: #ffffff; } .owl-accounts-component .owl-carousel .owl-nav button.owl-prev span, .owl-accounts-component .owl-carousel .owl-nav button.owl-next span, .owl-accounts-component .acct-types .owl-nav button.owl-prev span, .owl-accounts-component .acct-types .owl-nav button.owl-next span, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-prev span, .owl-accounts-component .owl-saved-accts .owl-nav button.owl-next span { display: none; } /* owl-accounts-component */ .footer-container { /*position: fixed; bottom: 0; left: 0; right: 0;*/ width: 100%; background-color: #ffffff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); text-align: center; z-index: 99; /*login-footer*/ /*footer-inactions*/ /*sticky-actions*/ } .footer-container.bg-transparent { background-color: transparent !important; box-shadow: none !important; } .footer-container.login-footer { border-top: 1px solid #ccc; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); position: fixed; bottom: 0; left: 0; right: 0; } .footer-container.login-footer a img { width: 30px; } .footer-container .footer-inactions { padding: 10px 0px 10px 0; margin-left: 0; /*end of a*/ } .footer-container .footer-inactions .bottom-content { position: relative; padding: 20px 20px; text-align: center; } .footer-container .footer-inactions .bottom-content p { text-align: center; font-size: 0.9rem; color: rgba(0, 0, 0, 0.85); } .footer-container .footer-inactions em { text-align: center; font-size: 0.85rem; color: rgba(0, 0, 0, 0.4); } .footer-container .footer-inactions a { text-align: center; color: #000000; text-decoration: none; } .footer-container .footer-inactions a img { width: 30px; } .footer-container .footer-inactions a em { display: block; font-size: 11px; /*margin-top: 5px;*/ } .footer-container .footer-inactions .foot-btn { max-width: 300px; } .footer-container.sticky-actions { position: absolute; bottom: 0; /*left: 0; right: 0;*/ /*background-color: rgba($white, .93); @include box-shadow(0 -1px 5px rgba(0, 0, 0, 0.2));*/ } /*footer-container*/ .sticky-actions-spacer { width: 100%; display: block; } /*sticky-actions-spacer*/ .top-head-spacer { margin-top: 45px; } .mobverify-container { text-align: center; /*form-control*/ } .mobverify-container .form-control { width: 100px; display: inline-block; font-size: 24px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; margin-bottom: 15px; background: transparent; color: #000000; text-align: center; letter-spacing: 4px; } /*mobverify-container*/ /* ====== small scroll component :: Start */ .ux-desk-scroll .ux-card-content .card-tile .acct-name h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ux-small-scroll { overflow: auto; white-space: nowrap; padding: 5px 0; text-align: center; /*mypayments end */ /*filter-type*/ /* my accounts scroll card */ /*ux-card-content*/ /* end of a */ } .ux-small-scroll.mypayments { /*anchor end*/ } .ux-small-scroll.mypayments a { /*span end*/ } .ux-small-scroll.mypayments a.addnew img { width: 24px; height: 24px; margin-top: 22px; } .ux-small-scroll.mypayments a span img { width: 100%; height: 100%; border-radius: 100%; margin-top: 0; } .ux-small-scroll.filter-type { /*end of anchor*/ } .ux-small-scroll.filter-type a { border: 1px solid rgba(0, 0, 0, 0.2); width: 125px; margin: 5px; border-radius: 4px; padding: 5px; /*span*/ } .ux-small-scroll.filter-type a span { border-radius: 0; display: inline-block; box-shadow: none; background: transparent; height: auto; width: auto; margin-right: 10px; margin-bottom: 0; } .ux-small-scroll.filter-type a span img { width: 30px; margin-top: 0; } .ux-small-scroll.filter-type a h5 { display: inline-block; font-size: 14px; } .ux-small-scroll.filter-type a .row .col-12 { padding: 0; text-align: left; } .ux-small-scroll .ux-card-content { display: inline-block; max-width: 310px; margin-right: 10px; /*card-tile*/ } .ux-small-scroll .ux-card-content .card-tile { text-decoration: none; color: #000000; padding: 15px 10px; display: block; width: 100%; /* acct-name */ /*show-bal*/ } .ux-small-scroll .ux-card-content .card-tile .acct-name h5 { text-transform: capitalize; margin-top: 0; font-weight: normal; font-size: 15px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ux-small-scroll .ux-card-content .card-tile .show-bal span { color: #0033A1; text-transform: uppercase; font-size: 11px; border-radius: 0; background: transparent; box-shadow: none; /*display: inline-block;*/ /*img {width: 20px;}*/ } .ux-small-scroll .ux-card-content .card-tile .show-bal span img { width: 18px; height: 18px; margin-top: 0; } .ux-small-scroll .ux-card-content .card-tile b, .ux-small-scroll .ux-card-content .card-tile span { display: block; color: #000000; } .ux-small-scroll .ux-card-content .card-tile .acct-name, .ux-small-scroll .ux-card-content .card-tile .show-bal, .ux-small-scroll .ux-card-content .card-tile .acct-number, .ux-small-scroll .ux-card-content .card-tile .avail-balance { display: inline-block; width: 49%; margin-bottom: 10px; text-align: left; } .ux-small-scroll .ux-card-content .card-tile .acct-number span, .ux-small-scroll .ux-card-content .card-tile .avail-balance span { font-size: 11px; border-radius: 0; background: transparent; box-shadow: none; } .ux-small-scroll .ux-card-content .card-tile .show-amt { display: none; } .ux-small-scroll .ux-card-content .card-tile .hide-text { display: none; } .ux-small-scroll .ux-card-content .card-tile .hide-text img, .ux-small-scroll .ux-card-content .card-tile .show-text img { width: 18px; height: 18px; } .ux-small-scroll .ux-card-content .card-tile.showing-balance .show-amt { display: block; } .ux-small-scroll .ux-card-content .card-tile.showing-balance .hide-amt { display: none; } .ux-small-scroll .ux-card-content .card-tile.showing-balance .hide-text { display: block; } .ux-small-scroll .ux-card-content .card-tile.showing-balance .show-text { display: none; } .ux-small-scroll .ux-card-content .card-tile span { height: 1px; width: 100%; } .ux-small-scroll a { display: inline-block; text-align: center; text-decoration: none; width: 85px; vertical-align: top; margin: 0 28px; color: #000000; padding-top: 5px; /* end of span */ } .ux-small-scroll a.addnew img { width: 24px; margin-top: 28px; } .ux-small-scroll a img { width: 50px; } .ux-small-scroll a span { background: #ffffff; height: 100px; width: 100px; display: flex; border-radius: 10px; margin: 0 auto; box-shadow: 0px 0px 10px #ccc; margin-bottom: 5px; } .ux-small-scroll a span img { width: 50px; height: 50px; margin: 25px 0; display: inline-block; } .ux-small-scroll a span img:hover { opacity: 0.8; } .ux-small-scroll a p, .ux-small-scroll a em { color: rgba(0, 0, 0, 0.75); font-size: 1rem; padding: 7px 0; text-transform: capitalize; } [theme=dark] .ux-small-scroll a p, [theme=dark] .ux-small-scroll a em { color: #ffffff; } .ux-small-scroll a p:hover, .ux-small-scroll a em:hover { color: #0033A1; } .ux-small-scroll a p { padding: 0; padding-bottom: 10px; } /* ux-small-scroll */ .ux-small-scroll1 { margin: 5px 0; padding: 0 20px; /* end of a */ } .ux-small-scroll1 a { display: inline-block; text-align: center; text-decoration: none; width: 100px; vertical-align: top; margin: 0 0px; color: #000000; padding-top: 5px; /* end of span */ } .ux-small-scroll1 a.addnew img { width: 24px; margin-top: 28px; } .ux-small-scroll1 a img { width: 50px; } .ux-small-scroll1 a span { background: rgba(0, 0, 0, 0.05); height: 86px; width: 86px; display: flex; border-radius: 100%; margin: 0 auto; padding: 8px 0; margin-bottom: 5px; } .ux-small-scroll1 a span.hasImg { border: 2px solid #0033A1; background-size: cover; background-position: center; } .ux-small-scroll1 a span.hasImg em { display: none; } .ux-small-scroll1 a span.green1 { background-color: rgba(19, 164, 67, 0.08); } .ux-small-scroll1 a span.green1 em { font-size: 2rem; text-align: center; color: #13A443; width: 100%; } .ux-small-scroll1 a span.greenlight { background-color: rgba(197, 255, 0, 0.1); } .ux-small-scroll1 a span.greenlight em { font-size: 2rem; text-align: center; color: #8ab300; } .ux-small-scroll1 a span.red1 { background-color: rgba(206, 14, 65, 0.08); } .ux-small-scroll1 a span.red1 em { font-size: 2rem; text-align: center; color: #CE0E41; } .ux-small-scroll1 a span.grey1 { background-color: rgba(51, 71, 80, 0.04); } .ux-small-scroll1 a span.grey1 em { font-size: 2rem; text-align: center; color: #0033A1; } .ux-small-scroll1 a span.yellow { background-color: rgba(255, 242, 0, 0.1); } .ux-small-scroll1 a span.yellow em { font-size: 2rem; text-align: center; color: #e6da00; } .ux-small-scroll1 a span em { font-size: 2rem; text-align: center; width: 100%; } .ux-small-scroll1 a span img { width: 28px; height: 28px; margin: 20px 0; } .ux-small-scroll1 a span img:hover { opacity: 0.8; } .ux-small-scroll1 a b { font-size: 14px; line-height: 15px; color: #000000; position: relative; padding: 0 25px 0 10px; } .ux-small-scroll1 a b img { width: 10px !important; display: inline-block !important; vertical-align: middle; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .ux-small-scroll1 a b small { border-radius: 100%; height: 20px; width: 20px; display: inline-block; vertical-align: middle; position: absolute; right: 0; } .ux-small-scroll1 a b .credited { background-color: rgba(8, 200, 102, 0.1); } .ux-small-scroll1 a b .credited:after { content: ""; position: absolute; width: 9px; height: 2px; background-color: rgb(8, 200, 102); top: 50%; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; } .ux-small-scroll1 a b .credited:before { content: ""; position: absolute; width: 2px; height: 9px; background-color: rgb(8, 200, 102); top: 50%; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; } .ux-small-scroll1 a b .debited { background-color: rgba(250, 34, 34, 0.1); } .ux-small-scroll1 a b .debited:after { content: ""; position: absolute; width: 9px; height: 2px; background-color: rgb(250, 34, 34); top: 50%; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; } .ux-small-scroll1 a p, .ux-small-scroll1 a em { color: #707273; font-size: 12px; padding: 7px 0; text-transform: capitalize; display: block; } @media (max-width: 480px) { .ux-small-scroll1 a p, .ux-small-scroll1 a em { font-size: 0.8rem; } } .ux-small-scroll1 a p:hover, .ux-small-scroll1 a em:hover { color: #0033A1; } .ux-small-scroll1 a p { padding: 0; padding-bottom: 10px; } /* ux-small-scroll */ .ux-small-scroll4 { padding: 0px 20px; margin: 5px 0; /* end of a */ } .ux-small-scroll4 a { display: inline-block; text-align: center; text-decoration: none; vertical-align: top; margin: 0 0px; color: #000000; padding-top: 5px; /* end of span */ } .ux-small-scroll4 a.addnew img { width: 24px; margin-top: 28px; } .ux-small-scroll4 a img { width: 50px; } .ux-small-scroll4 a span { background: rgba(255, 255, 255, 0.95); height: 122px; width: 122px; display: block; border-radius: 10px; margin: 0 auto; padding: 8px 0; border: none; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2); margin-bottom: 5px; } @media (max-width: 767px) { .ux-small-scroll4 a span { height: 100px; width: 100px; } } .ux-small-scroll4 a span.green1 { background: rgba(19, 164, 67, 0.08); } .ux-small-scroll4 a span.green1 em { font-size: 0.9rem; text-align: center; color: #13A443; } .ux-small-scroll4 a span.greenlight { background: rgba(197, 255, 0, 0.1); } .ux-small-scroll4 a span.greenlight em { font-size: 0.9rem; text-align: center; color: #8ab300; } .ux-small-scroll4 a span.red1 { background: rgba(206, 14, 65, 0.08); } .ux-small-scroll4 a span.red1 em { font-size: 0.9rem; text-align: center; color: #CE0E41; } .ux-small-scroll4 a span.grey1 { background: rgba(51, 71, 80, 0.04); } .ux-small-scroll4 a span.grey1 em { font-size: 0.9rem; text-align: center; color: #0033A1; } .ux-small-scroll4 a span.yellow { background: rgba(255, 242, 0, 0.1); } .ux-small-scroll4 a span.yellow em { font-size: 0.9rem; text-align: center; color: #e6da00; } .ux-small-scroll4 a span em { font-size: 0.9rem; line-height: 0.8rem; text-align: center; } .ux-small-scroll4 a span img { width: 60px; height: 60px; margin: 5px 0; } @media (max-width: 767px) { .ux-small-scroll4 a span img { margin: 2px 0; } } .ux-small-scroll4 a span img:hover { opacity: 0.8; } .ux-small-scroll4 a p, .ux-small-scroll4 a em { color: rgba(0, 0, 0, 0.85); font-size: 18px; padding: 7px 0; text-transform: capitalize; } @media (max-width: 480px) { .ux-small-scroll4 a p, .ux-small-scroll4 a em { font-size: 0.8rem; } } .ux-small-scroll4 a p:hover, .ux-small-scroll4 a em:hover { color: #0033A1; } .ux-small-scroll4 a p { padding: 0; padding-bottom: 10px; } /* ux-small-scroll4 */ /* ====== small scroll component :: End */ /*======== large scroll component start ===== */ .ux-desk-scroll { /*owl-accounts-component*/ } .ux-desk-scroll .owl-accounts-component { /*owl-carousel*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel { /*mypayments end */ /*filter-type*/ /*owl-myaccount-card*/ /*item end*/ /* owl-rounded-item */ } .ux-desk-scroll .owl-accounts-component .owl-carousel.mypayments { /*item end*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.mypayments .item { /*anchor end*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.mypayments .item a { /*span end*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.mypayments .item a.addnew img { width: 24px; height: 24px; margin-top: 28px; } .ux-desk-scroll .owl-accounts-component .owl-carousel.mypayments .item a span img { width: 100%; height: 100%; border-radius: 100%; margin-top: 0; } .ux-desk-scroll .owl-accounts-component .owl-carousel.filter-type { /*item end*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.filter-type .item { padding-top: 0; /*end of anchor*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.filter-type .item a { border: 1px solid rgba(0, 0, 0, 0.2); width: 150px; margin: 5px; border-radius: 4px; padding: 8px 5px; /*span*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.filter-type .item a span { border-radius: 0; display: inline-block; box-shadow: none; background: transparent; height: auto; width: auto; margin-right: 10px; margin-bottom: 0; } .ux-desk-scroll .owl-accounts-component .owl-carousel.filter-type .item a span img { width: 30px; margin-top: 0; } .ux-desk-scroll .owl-accounts-component .owl-carousel.filter-type .item a h5 { display: inline-block; font-size: 14px; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card { /*item*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item { /*ux-card-content*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content { width: 300px; margin-bottom: 5px; /*end of a*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a { width: inherit; margin: 0px; /*acct-number*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .acct-number, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .avail-balance, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .show-bal { /*end of span*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .acct-number span, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .avail-balance span, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .show-bal span { box-shadow: none; border-radius: 0; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a b, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a span { display: block; color: #000000; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .acct-name, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .acct-number { text-align: left; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .show-amt { display: none; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .hide-text { display: none; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .hide-text img, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a .show-text img { width: 18px; height: 18px; margin-top: 0; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a.showing-balance .show-amt { display: block; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a.showing-balance .hide-amt { display: none; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a.showing-balance .hide-text { display: block; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a.showing-balance .show-text { display: none; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .item .ux-card-content a span { height: 1px; width: 100%; } .ux-desk-scroll .owl-accounts-component .owl-carousel .item { padding-top: 10px; /* end of a */ } .ux-desk-scroll .owl-accounts-component .owl-carousel .item a { display: inline-block; text-align: center; text-decoration: none; width: 95px; vertical-align: top; margin: 0 40px; color: #000000; /* end of span */ } .ux-desk-scroll .owl-accounts-component .owl-carousel .item a.addnew img { width: 24px; margin-top: 28px; } .ux-desk-scroll .owl-accounts-component .owl-carousel .item a img { width: 40px; } .ux-desk-scroll .owl-accounts-component .owl-carousel .item a span { height: 80px; width: 80px; display: block; border-radius: 50%; margin: 0 auto; box-shadow: 0px 0px 10px #ccc; margin-bottom: 5px; } .ux-desk-scroll .owl-accounts-component .owl-carousel .item a span img { margin-top: 20px; display: inline-block; } .ux-desk-scroll .owl-accounts-component .owl-carousel .item a p, .ux-desk-scroll .owl-accounts-component .owl-carousel .item a em { color: #000000; font-size: 11px; padding: 7px 0; text-transform: uppercase; } .ux-desk-scroll .owl-accounts-component .owl-carousel .item a p { padding: 0; padding-bottom: 5px; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-rounded-item, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card { /*owl-nav*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-rounded-item .owl-nav, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .owl-nav { /*owl-prev owl-next*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-rounded-item .owl-nav button.owl-prev, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-rounded-item .owl-nav button.owl-next, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .owl-nav button.owl-prev, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .owl-nav button.owl-next { background-color: #ffffff; position: absolute; top: 50%; height: 50px; width: 25px; border-radius: 0; outline: none; margin-top: -25px; /*display: none;*/ } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-rounded-item .owl-nav button.owl-prev, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .owl-nav button.owl-prev { left: -14px; } .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-rounded-item .owl-nav button.owl-next, .ux-desk-scroll .owl-accounts-component .owl-carousel.owl-myaccount-card .owl-nav button.owl-next { right: -14px; } /*ux-desk-scroll*/ /*======== large scroll component end ===== */ /* ---------------------------- Switch Tabs :: Start --------------------------- */ .ux-switch-tabs { /* //.ux-switch */ /* //.ux-switch-container */ } .ux-switch-tabs .ux-switch { text-align: center; padding: 5px 0; clear: both; display: block; width: 100%; position: relative; /* //.ux-switch-heading */ /* //.lst-ux-switch */ /* //&.switch-disabled */ } .ux-switch-tabs .ux-switch .ux-switch-heading { font-size: 12px; color: rgba(0, 0, 0, 0.7); text-transform: uppercase; font-weight: normal; margin-right: 5px; } .ux-switch-tabs .ux-switch .lst-ux-switch { list-style: none; margin: 0; padding: 0; font-size: 0; display: inline-block; width: 100%; /* //li */ /* //&.switch-caps */ } .ux-switch-tabs .ux-switch .lst-ux-switch.device-tab li a { text-align: left; padding: 5px 35px 5px 25px; text-decoration: none; } .ux-switch-tabs .ux-switch .lst-ux-switch.device-tab li a i { position: absolute; top: 20px; margin-left: 18px; } .ux-switch-tabs .ux-switch .lst-ux-switch li { display: inline-block; /* //a */ } .ux-switch-tabs .ux-switch .lst-ux-switch li a { color: #0033A1; display: inline-block; border: 1px solid #0033A1; /*border-right: 0;*/ font-size: 14px; font-weight: normal; padding: 5px 25px; width: 100%; text-decoration: none; /* //&:hover */ /* //&.switch-selected */ } .ux-switch-tabs .ux-switch .lst-ux-switch li a:hover { background-color: rgba(0, 51, 161, 0.1); } .ux-switch-tabs .ux-switch .lst-ux-switch li a.switch-selected { cursor: default; color: #ffffff; background-color: #0033A1; } .ux-switch-tabs .ux-switch .lst-ux-switch li:first-child a { border-radius: 5px 0 0 5px; } .ux-switch-tabs .ux-switch .lst-ux-switch li:last-child a { border-radius: 0 5px 5px 0; } .ux-switch-tabs .ux-switch .lst-ux-switch.switch-caps li a { text-transform: uppercase; } .ux-switch-tabs .ux-switch .switch-disable { display: none; } .ux-switch-tabs .ux-switch.switch-disabled { zoom: 1; filter: alpha(opacity=30); opacity: 0.3; /* //&.switch-overlay */ } .ux-switch-tabs .ux-switch.switch-disabled .switch-overlay { display: block; /*background: $black;*/ position: absolute; left: 0; top: 0; right: 0; bottom: 0; zoom: 1; filter: alpha(opacity=10); opacity: 0.1; } .ux-switch-tabs .ux-switch-container { /* //.ux-switch-content */ } .ux-switch-tabs .ux-switch-container .ux-switch-content { display: none; /* //&.content-showing */ } .ux-switch-tabs .ux-switch-container .ux-switch-content.content-showing { display: block; } /* //.ux-switch-tabs */ /* ---------------------------- Switch Tabs :: End --------------------------- */ .map-controller { width: 100%; height: 100%; min-height: 350px; margin-top: 10px; } .map-controller iframe { margin: 0; padding: 0; height: 100%; } /*map-controller*/ /* tab inside data locate us css end */ /*================= mobile banking css starts =============*/ .profile-bg1 { height: auto; position: relative; padding: 9px 0px 5px 0px; display: block; text-align: center; /*myprofile*/ /*pro-update*/ /*remove-img*/ } .profile-bg1.pad-custom { padding: 4px 0px 0px 0px; } @media (min-width: 767px) { .profile-bg1 { padding: 30px 0px 5px 0px; } } @media (max-width: 340px) { .profile-bg1 { padding: 9px 0px 5px 0px; } } .profile-bg1 .myprofile { position: relative; margin: 0 auto; /*span*/ /*chg-profile*/ } .profile-bg1 .myprofile a.add-btn { position: absolute; content: ""; width: 18px; height: 18px; top: 0; right: -8px; } .profile-bg1 .myprofile a.add-btn img { width: 16px; height: 16px; } .profile-bg1 .myprofile span { border: 2px solid #0033a1; border-radius: 100%; display: block; width: 50px; height: 50px; margin: 0 auto; overflow: hidden; background-color: #ffffff; } .profile-bg1 .myprofile span img { width: 100%; height: 100%; display: block; } .profile-bg1 .myprofile h5 { display: block; color: rgba(0, 0, 0, 0.85); font-size: 0.8rem; text-align: center; padding-top: 0px; line-height: 1rem; margin: 4px 0px 4px 0px; font-weight: 400; } .profile-bg1 .myprofile h5 img { width: 16px; height: 16px; cursor: pointer; } @media (min-width: 767px) { .profile-bg1 .myprofile h5 { font-size: 0.85rem; margin: 10px 0px 5px 0px; } } .profile-bg1 .myprofile h6 { display: block; color: rgba(0, 0, 0, 0.85); font-size: 0.7rem; text-align: center; padding-top: 0px; line-height: 1rem; margin: 3px 0 0 0; font-weight: 400; } .profile-bg1 .myprofile h6 img { width: 16px; height: 16px; cursor: pointer; } @media (min-width: 767px) { .profile-bg1 .myprofile h6 { font-size: 0.8rem; } } @media (max-width: 340px) { .profile-bg1 .myprofile h6 { font-size: 0.65rem; } } .profile-bg1 .myprofile small { text-align: center; color: rgba(0, 0, 0, 0.65); margin: 1px 0; font-size: 0.65rem; display: block; } @media (min-width: 767px) { .profile-bg1 .myprofile small { font-size: 0.7rem; margin: 2px 0; } } .profile-bg1 .myprofile small img { width: 16px; height: 16px; cursor: pointer; } .profile-bg1 .myprofile small.small-1 { font-size: 0.6rem; color: rgba(0, 0, 0, 0.5); } @media (min-width: 767px) { .profile-bg1 .myprofile small.small-1 { font-size: 0.7rem; } } .profile-bg1 .myprofile .chg-btn { position: absolute; padding: 5px 30px; left: 50%; bottom: -48px; margin-left: -70px; border-radius: 50px; background-color: #ffffff; text-align: center; color: rgba(0, 0, 0, 0.9); text-decoration: none; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); } .profile-bg1 .myprofile .chg-btn img { width: 20px; height: 20px; margin-top: 8px; } .profile-bg1 .myprofile .chg-btn:hover { background-color: #e6e6e6; } .profile-bg1.pro-update { padding-top: 35px; } .profile-bg1.pro-update a { display: block; position: relative; max-width: 90px; /*span*/ } .profile-bg1.pro-update a span { /*cam-click*/ } .profile-bg1.pro-update a span .cam-click { position: absolute; background-color: #ffffff; border-radius: 100%; height: 25px; width: 25px; text-align: center; right: 0px; bottom: 0px; } .profile-bg1.pro-update a span .cam-click img { width: 16px; height: 16px; display: inline; margin-top: 4px; } .profile-bg1 .remove-img { text-align: center; color: #ffffff; padding-top: 3px; margin: 0 auto; max-width: 100px !important; text-decoration: none; } /*profile-bg1*/ /* bill pay css end */ /*================= mobile banking css end =============*/ /*============= nav tabs css start ============== */ .ux-nav-tabs { margin: 0 -15px; /*.nav-tabs*/ /*tab-content*/ } .ux-nav-tabs .nav-tabs { border-bottom: 1px solid rgba(0, 0, 0, 0.1); /*nav-item*/ /*nav-item1*/ /*nav-item2*/ /*nav-item3*/ } .ux-nav-tabs .nav-tabs.bor-n { border-bottom: none !important; } @media (max-width: 767px) { .ux-nav-tabs .nav-tabs.nav-justify { flex-basis: 0; flex-grow: 1; text-align: center; align-items: center; justify-content: center; } } .ux-nav-tabs .nav-tabs .nav-item { /*nav-link*/ } @media (max-width: 767px) { .ux-nav-tabs .nav-tabs .nav-item.w50 { width: 50%; } } .ux-nav-tabs .nav-tabs .nav-item a { border: 0px transparent; text-decoration: none; color: rgba(0, 0, 0, 0.6); border-bottom: 3px solid transparent; font-size: 1.1rem; line-height: 1.2rem; } @media (max-width: 767px) { .ux-nav-tabs .nav-tabs .nav-item a { font-size: 1rem; border-bottom: 3px solid transparent; line-height: 1rem; } } @media (max-width: 340px) { .ux-nav-tabs .nav-tabs .nav-item a { font-size: 0.85rem; line-height: 1rem; border-bottom: 3px solid transparent; } } .ux-nav-tabs .nav-tabs .nav-item .nav-link { border-radius: 0px; padding: 0.5rem 1.2rem; } .ux-nav-tabs .nav-tabs .nav-item .nav-link.cust-pad { padding: 1.4rem 1.2rem; font-size: 1.2rem; } @media (max-width: 767px) { .ux-nav-tabs .nav-tabs .nav-item .nav-link.cust-pad { font-size: 0.9rem; padding: 1rem 0.5rem; } } @media (max-width: 480px) { .ux-nav-tabs .nav-tabs .nav-item .nav-link { display: block; padding: 0.7rem 0.5rem; } } @media (max-width: 340px) { .ux-nav-tabs .nav-tabs .nav-item .nav-link { display: block; padding: 0.6rem 0.3rem; } } .ux-nav-tabs .nav-tabs .nav-item .nav-link.active { color: black; text-decoration: none; background-color: transparent; border-bottom: 3px solid #BABCBF; } @media (max-width: 480px) { .ux-nav-tabs .nav-tabs .nav-item .nav-link.active { border-bottom: 3px solid #BABCBF; } } .ux-nav-tabs .nav-tabs .nav-item1 { display: inline-block; position: relative; /*nav-link*/ } @media (max-width: 767px) { .ux-nav-tabs .nav-tabs .nav-item1.w33 { width: 33.3%; } } .ux-nav-tabs .nav-tabs .nav-item1 a { border: 1px solid rgba(0, 0, 0, 0.2); text-decoration: none; text-align: center; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.03); font-size: 1rem; } .ux-nav-tabs .nav-tabs .nav-item1 a::after { content: ""; height: 6px; width: 12px; transform: rotate(-45deg); border-bottom: 2px solid #fff; border-left: 2px solid #fff; position: absolute; left: 7px; top: 14px; display: none; } @media (max-width: 991px) { .ux-nav-tabs .nav-tabs .nav-item1 a { font-size: 0.9rem; } } .ux-nav-tabs .nav-tabs .nav-item1 .nav-link { border-radius: 50px; padding: 0.5rem 1.6rem; margin-right: 10px; margin-bottom: 10px; } @media (max-width: 480px) { .ux-nav-tabs .nav-tabs .nav-item1 .nav-link { display: block; padding: 0.5rem 1.4rem; margin-right: 4px; } } .ux-nav-tabs .nav-tabs .nav-item1 .nav-link.active { color: #ffffff; border: 1px solid #0033a1; text-decoration: none; background-color: #0033a1; } .ux-nav-tabs .nav-tabs .nav-item1 .nav-link.active::after { display: block; } .ux-nav-tabs .nav-tabs .nav-item2 { position: relative; float: left; width: 49%; margin-right: 2%; /*nav-link*/ } .ux-nav-tabs .nav-tabs .nav-item2:nth-child(2n) { margin-right: 0; } @media (max-width: 767px) { .ux-nav-tabs .nav-tabs .nav-item2.w33 { width: 33.3%; } } .ux-nav-tabs .nav-tabs .nav-item2 a { border: 1px solid rgba(0, 0, 0, 0.2); text-decoration: none; text-align: center; color: rgba(0, 0, 0, 0.6); background-color: transparent; font-size: 1rem; } .ux-nav-tabs .nav-tabs .nav-item2 .nav-link { border-radius: 4px; padding: 0.5rem 0.5rem; } .ux-nav-tabs .nav-tabs .nav-item2 .nav-link.active { color: white; border: 1px solid #0033a1; text-decoration: none; background-color: #0033a1; } .ux-nav-tabs .nav-tabs .nav-item3 { position: relative; float: left; width: 32%; margin-right: 2%; /*nav-link*/ } .ux-nav-tabs .nav-tabs .nav-item3:nth-child(3n) { margin-right: 0; } @media (max-width: 767px) { .ux-nav-tabs .nav-tabs .nav-item3.w33 { width: 33.3%; } } .ux-nav-tabs .nav-tabs .nav-item3 a { border: 1px solid rgba(0, 0, 0, 0.2); text-decoration: none; text-align: center; color: rgba(0, 0, 0, 0.6); background-color: transparent; font-size: 1rem; } .ux-nav-tabs .nav-tabs .nav-item3 .nav-link { border-radius: 4px; padding: 0.5rem 0.5rem; } .ux-nav-tabs .nav-tabs .nav-item3 .nav-link.active { color: white; border: 1px solid #0033a1; text-decoration: none; background-color: #0033a1; } .ux-nav-tabs .responsive1 { /*.nav-tabs*/ } .ux-nav-tabs .responsive1.custom-card { padding: 0px 0px; margin: 0px 0px 5px 0px; height: auto; position: relative; z-index: 11; } .ux-nav-tabs .responsive1 .nav-tabs { /*nav-item*/ } @media (max-width: 767px) { .ux-nav-tabs .responsive1 .nav-tabs.nav-justify { flex-basis: 0; flex-grow: 1; text-align: center; align-items: center; justify-content: center; } } .ux-nav-tabs .responsive1 .nav-tabs .nav-item { /*nav-link*/ } @media (max-width: 480px) { .ux-nav-tabs .responsive1 .nav-tabs .nav-item { display: inline-block; } } .ux-nav-tabs .responsive1 .nav-tabs .nav-item a { border: 0px transparent; text-decoration: none; color: rgba(0, 0, 0, 0.6); border-bottom: 4px solid transparent; font-size: 1.1rem; } @media (max-width: 767px) { .ux-nav-tabs .responsive1 .nav-tabs .nav-item a { font-size: 0.9rem; border-bottom: 3px solid transparent; } } .ux-nav-tabs .responsive1 .nav-tabs .nav-item .nav-link { border-radius: 0px; padding: 0.5rem 1.2rem; } @media (max-width: 480px) { .ux-nav-tabs .responsive1 .nav-tabs .nav-item .nav-link { display: block; padding: 0.5rem 0.6rem; } } .ux-nav-tabs .responsive1 .nav-tabs .nav-item .nav-link.active { color: #0033A1; text-decoration: none; border-bottom: 4px solid #0033A1; } @media (max-width: 480px) { .ux-nav-tabs .responsive1 .nav-tabs .nav-item .nav-link.active { border-bottom: 3px solid #0033A1; } } .ux-nav-tabs .responsive4 { /*.nav-tabs*/ } @media (max-width: 480px) { .ux-nav-tabs .responsive4 { overflow: auto; white-space: nowrap; } } @media (max-width: 480px) and (max-width: 400px) { .ux-nav-tabs .responsive4 .nav { display: block; } } .ux-nav-tabs .responsive4 .nav-tabs { margin-top: 0px !important; border-bottom: none !important; background-color: transparent !important; /*nav-item*/ } .ux-nav-tabs .responsive4 .nav-tabs .nav-item { /*nav-link*/ } @media (max-width: 480px) { .ux-nav-tabs .responsive4 .nav-tabs .nav-item { display: inline-block; } } .ux-nav-tabs .responsive4 .nav-tabs .nav-item a { border: 0px transparent; text-decoration: none; color: rgba(0, 0, 0, 0.6); border-bottom: 4px solid transparent; font-size: 1.1rem; } @media (max-width: 767px) { .ux-nav-tabs .responsive4 .nav-tabs .nav-item a { font-size: 0.9rem; border-bottom: 3px solid transparent; } } .ux-nav-tabs .responsive4 .nav-tabs .nav-item .nav-link { border-radius: 0px; padding: 0.5rem 1.2rem; } @media (max-width: 480px) { .ux-nav-tabs .responsive4 .nav-tabs .nav-item .nav-link { display: block; padding: 0.5rem 0.6rem; } } .ux-nav-tabs .responsive4 .nav-tabs .nav-item .nav-link.active { color: #0033A1; text-decoration: none; border-bottom: 4px solid #0033A1; } @media (max-width: 480px) { .ux-nav-tabs .responsive4 .nav-tabs .nav-item .nav-link.active { border-bottom: 3px solid #0033A1; } } .ux-nav-tabs .responsive2 { /*.nav-tabs*/ } @media (max-width: 767px) { .ux-nav-tabs .responsive2 { overflow: auto; white-space: nowrap; } } @media (max-width: 767px) and (max-width: 767px) { .ux-nav-tabs .responsive2 .nav { display: block; } } .ux-nav-tabs .responsive2 .nav-tabs { border-bottom: none; /*nav-item*/ } .ux-nav-tabs .responsive2 .nav-tabs .nav-item { /*nav-link*/ } @media (max-width: 767px) { .ux-nav-tabs .responsive2 .nav-tabs .nav-item { display: inline-block; float: left; margin: 5px 0px; } } .ux-nav-tabs .responsive2 .nav-tabs .nav-item a { border: 0px transparent; text-decoration: none; color: rgba(0, 0, 0, 0.6); font-size: 1.1rem; } @media (max-width: 767px) { .ux-nav-tabs .responsive2 .nav-tabs .nav-item a { font-size: 0.9rem; } } .ux-nav-tabs .responsive2 .nav-tabs .nav-item .nav-link { display: block; border-radius: 0px; padding: 0.5rem 0.5rem; } .ux-nav-tabs .responsive2 .nav-tabs .nav-item .nav-link svg { widows: 18px; height: 18px; fill: rgba(0, 0, 0, 0.6); } .ux-nav-tabs .responsive2 .nav-tabs .nav-item .nav-link.active { color: #0033A1; text-decoration: none; background-color: rgba(0, 0, 0, 0.05); border-bottom: 0px; } .ux-nav-tabs .responsive2 .nav-tabs .nav-item .nav-link.active svg { fill: #0033a1; } .ux-nav-tabs .responsive3 { /*.nav-tabs*/ } .ux-nav-tabs .responsive3 .nav-tabs { margin-top: 15px; border-bottom: none !important; background-color: #0033a1; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 10px 5px 2px 5px; /*nav-item*/ } .ux-nav-tabs .responsive3 .nav-tabs.pad-custom { padding: 10px 10px 2px 10px; } .ux-nav-tabs .responsive3 .nav-tabs.bor-n { border-bottom: none !important; } @media (max-width: 767px) { .ux-nav-tabs .responsive3 .nav-tabs.nav-justify { flex-basis: 0; flex-grow: 1; text-align: center; align-items: center; justify-content: center; } } .ux-nav-tabs .responsive3 .nav-tabs .nav-item { /*nav-link*/ } @media (max-width: 767px) { .ux-nav-tabs .responsive3 .nav-tabs .nav-item.w50 { width: 50%; } } .ux-nav-tabs .responsive3 .nav-tabs .nav-item a { border: 0px transparent; text-decoration: none; color: rgba(255, 255, 255, 0.6); border-bottom: 4px solid transparent; font-size: 1.1rem; } @media (max-width: 991px) { .ux-nav-tabs .responsive3 .nav-tabs .nav-item a { font-size: 1rem; border-bottom: 3px solid transparent; } } @media (max-width: 340px) { .ux-nav-tabs .responsive3 .nav-tabs .nav-item a { font-size: 0.9rem; border-bottom: 3px solid transparent; } } .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link { border-radius: 0px; position: relative; padding: 0.8rem 1.2rem; } .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link.cust-pad { padding: 1.4rem 1.2rem; font-size: 1.2rem; } @media (max-width: 991px) { .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link.cust-pad { font-size: 0.9rem; padding: 1rem 0.5rem; } } @media (max-width: 480px) { .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link { display: block; padding: 0.8rem 0.2rem; } } @media (max-width: 340px) { .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link { display: block; padding: 0.8rem 0.2rem; } } .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link::after { position: absolute; content: ""; bottom: 0px; width: 82px; height: 3px; background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; left: 50%; display: none; margin-left: -41px; } .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link.active { color: white; border-bottom: 0px solid; } .ux-nav-tabs .responsive3 .nav-tabs .nav-item .nav-link.active::after { position: absolute; content: ""; bottom: 0px; width: 82px; height: 3px; background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; left: 50%; display: block; margin-left: -41px; } .ux-nav-tabs .responsive5 { /*.nav-tabs*/ } .ux-nav-tabs .responsive5 .nav-tabs { margin-top: 15px; border-bottom: none !important; background-color: rgba(0, 51, 161, 0.4); border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 10px 5px 2px 5px; /*nav-item*/ } .ux-nav-tabs .responsive5 .nav-tabs.pad-custom { padding: 10px 10px 2px 10px; } .ux-nav-tabs .responsive5 .nav-tabs.bor-n { border-bottom: none !important; } @media (max-width: 767px) { .ux-nav-tabs .responsive5 .nav-tabs.nav-justify { flex-basis: 0; flex-grow: 1; text-align: center; align-items: center; justify-content: center; } } .ux-nav-tabs .responsive5 .nav-tabs .nav-item { /*nav-link*/ } @media (max-width: 767px) { .ux-nav-tabs .responsive5 .nav-tabs .nav-item.w50 { width: 50%; } } .ux-nav-tabs .responsive5 .nav-tabs .nav-item a { border: 0px transparent; text-decoration: none; color: rgba(0, 0, 0, 0.6); border-bottom: 4px solid transparent; font-size: 1.1rem; } @media (max-width: 991px) { .ux-nav-tabs .responsive5 .nav-tabs .nav-item a { font-size: 1rem; border-bottom: 3px solid transparent; } } @media (max-width: 340px) { .ux-nav-tabs .responsive5 .nav-tabs .nav-item a { font-size: 0.9rem; border-bottom: 3px solid transparent; } } .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link { border-radius: 0px; position: relative; padding: 0.8rem 1.2rem; } .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link.cust-pad { padding: 1.4rem 1.2rem; font-size: 1.2rem; } @media (max-width: 991px) { .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link.cust-pad { font-size: 0.9rem; padding: 1rem 0.5rem; } } @media (max-width: 480px) { .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link { display: block; padding: 0.8rem 0.2rem; } } @media (max-width: 340px) { .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link { display: block; padding: 0.8rem 0.2rem; } } .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link::after { position: absolute; content: ""; bottom: 0px; width: 82px; height: 3px; background-color: #0033a1; border-radius: 10px; left: 50%; display: none; margin-left: -41px; } .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link.active { color: black; border-bottom: 0px solid; } .ux-nav-tabs .responsive5 .nav-tabs .nav-item .nav-link.active::after { position: absolute; content: ""; bottom: 0px; width: 82px; height: 3px; background-color: rgba(0, 51, 161, 0.9); border-radius: 10px; left: 50%; display: block; margin-left: -41px; } .ux-nav-tabs .tab-content { padding: 5px 0; background-color: rgba(255, 255, 255, 0.5); position: relative; /*lst-acc-details*/ /*lst-recent-transact*/ /*branch-atm-locations*/ } .ux-nav-tabs .tab-content.custom-tab-content1 { background-color: transparent !important; margin: 0px 0px; padding: 0 15px; height: 100%; } .ux-nav-tabs .tab-content.custom-tab-content1.pad-b { padding-bottom: 60px; } .ux-nav-tabs .tab-content.custom-tab-content1 p { text-align: justify; font-size: 0.9rem; line-height: 1.1rem; color: rgba(0, 0, 0, 0.85); padding: 0; margin: 5px 0; } .ux-nav-tabs .tab-content.custom-content2 { padding: 10px 20px; margin-left: -15px; margin-right: -15px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; height: calc(100vh - 101px); overflow: auto; } @media (min-width: 767px) { .ux-nav-tabs .tab-content.custom-content2 { height: calc(100vh - 115px); } } .ux-nav-tabs .tab-content.custom-content2 .inner-content { position: relative; padding-bottom: 80px; display: block; height: auto; min-height: 100%; } .ux-nav-tabs .tab-content.custom-content3 { padding: 10px 20px 0px 20px; margin-left: -15px; margin-right: -15px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; height: auto; overflow: hidden; } .ux-nav-tabs .tab-content.custom-content3 .inner-content { position: relative; padding-bottom: 80px; display: block; height: auto; min-height: 100%; } .ux-nav-tabs .tab-content.custom-content { margin-left: -15px; margin-right: -15px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; } .ux-nav-tabs .tab-content.custom-tab-content { background-color: white; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); margin: 0px 0 10px 0px; } .ux-nav-tabs .tab-content.custom-tab-content p { text-align: justify; font-size: 0.9rem; line-height: 1.1rem; color: rgba(0, 0, 0, 0.85); padding: 0; margin: 5px 0; } .ux-nav-tabs .tab-content.custom-tab-content1 { background-color: white; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0); margin: 0px -15px 10px -15px; } .ux-nav-tabs .tab-content.custom-tab-content2 { background-color: white; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); margin: 0px 0 10px 0px; } .ux-nav-tabs .tab-content.custom-tab-content2.bg-transparent { background-color: transparent !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0); } .ux-nav-tabs .tab-content.custom-tab-content3 { background-color: transparent !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin: 0px -15px 10px -15px; } .ux-nav-tabs .tab-content .pos-f { position: fixed; bottom: 10px; left: 0; right: 0; } .ux-nav-tabs .tab-content .result1 { position: absolute; right: 6px; top: -25px; width: 150px; height: 20px; } .ux-nav-tabs .tab-content .result1 em { font-size: 0.9rem !important; display: block; text-align: right; color: rgba(0, 0, 0, 0.6); } .ux-nav-tabs .tab-content.bor-1 { border: 1px solid rgba(0, 0, 0, 0.15); margin: 12px 0; } @media (max-width: 767px) { .ux-nav-tabs .tab-content.bor-1 { margin: 7px 0; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.04); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); } } .ux-nav-tabs .tab-content .lst-acc-details { /*end of li*/ } .ux-nav-tabs .tab-content .lst-acc-details li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 15px; /*ux-input*/ } .ux-nav-tabs .tab-content .lst-acc-details li .ux-input { position: relative; /*upgrade-limit*/ } .ux-nav-tabs .tab-content .lst-acc-details li .ux-input label { color: #999999; } .ux-nav-tabs .tab-content .lst-acc-details li .ux-input h6 b { font-weight: normal; color: rgba(0, 0, 0, 0.9); } .ux-nav-tabs .tab-content .lst-acc-details li .ux-input .upgrade-limit { position: absolute; right: 15px; top: 33px; text-decoration: none; font-size: 12px; } .ux-nav-tabs .tab-content .lst-recent-transact { margin-top: 5px; /*end of li*/ } .ux-nav-tabs .tab-content .lst-recent-transact li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 0; } .ux-nav-tabs .tab-content .lst-recent-transact li .transact-details h5, .ux-nav-tabs .tab-content .lst-recent-transact li .transact-amt h5 { font-size: 15px; } .ux-nav-tabs .tab-content .lst-recent-transact li .transact-details em, .ux-nav-tabs .tab-content .lst-recent-transact li .transact-amt em { font-size: 11px; color: #999999; } .ux-nav-tabs .tab-content .lst-recent-transact li .transact-amt .debit { color: #0033A1; } .ux-nav-tabs .tab-content .lst-recent-transact li .transact-amt .credit { color: #13A443; } .ux-nav-tabs .tab-content .lst-addnew { padding: 0 15px; } .ux-nav-tabs .tab-content.branch-atm-locations { /*branch-atm*/ } .ux-nav-tabs .tab-content.branch-atm-locations .branch-atm li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 15px; /*end of anchor*/ } .ux-nav-tabs .tab-content.branch-atm-locations .branch-atm li a { text-decoration: none; color: #000000; display: block; padding: 10px 0; position: relative; padding-right: 40px; } .ux-nav-tabs .tab-content.branch-atm-locations .branch-atm li a p { margin: 0; padding: 0; } .ux-nav-tabs .tab-content.branch-atm-locations .branch-atm li a img { position: absolute; right: 5px; top: 50%; width: 25px; height: 25px; margin-top: -16px; } .ux-nav-tabs .tab-content .box-white { border: 1px solid rgba(0, 0, 0, 0.15); margin: 12px 0; display: block; clear: both; } @media (max-width: 767px) { .ux-nav-tabs .tab-content .box-white { margin: 5px 0 15px 0; border-radius: 6px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.04); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); } } /*ux-nav-tabs*/ /* -- Tabs Secondary - Pills */ /* -- Tabs */ nav.tab-pills { /* //.tabs-container */ } nav.tab-pills .main-bg { position: relative; width: 100%; height: auto; /* //.tabs */ } nav.tab-pills .main-bg:before { position: absolute; content: ""; left: 0; right: 0; top: -1px; bottom: 0; width: 100%; opacity: 0.15; z-index: 0; } nav.tab-pills .main-bg .tabs { padding: 7px 0; width: 100%; height: auto; text-align: center; position: relative; display: block; clear: both; /* //h5 */ /* //.lst-tabs */ } nav.tab-pills .main-bg .tabs h5 { font-size: 0.76rem; display: inline-block; vertical-align: middle; line-height: inherit; color: rgba(0, 0, 0, 0.7); margin: 0 1rem 0 0; padding: 3px 0 0; } nav.tab-pills .main-bg .tabs .lst-tabs { list-style: none; margin: 0; padding: 0; position: relative; text-align: center; /* //li */ } nav.tab-pills .main-bg .tabs .lst-tabs.textalign { text-align: left; margin-left: 14px; } @media (max-width: 1200px) { nav.tab-pills .main-bg .tabs .lst-tabs.textalign { text-align: center; margin-left: 0px; } } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs { white-space: normal; width: 100%; } } nav.tab-pills .main-bg .tabs .lst-tabs li { display: inline-block; width: 100px; text-align: center !important; margin: 0; padding: 5px 5px; cursor: pointer; /* //a */ /* //&:last-child */ } @media (min-width: 1500px) and (max-width: 2100px) { nav.tab-pills .main-bg .tabs .lst-tabs li { width: 110px; padding: 5px 10px; } } @media (min-width: 1151px) and (max-width: 1350px) { nav.tab-pills .main-bg .tabs .lst-tabs li { width: 85px; padding: 10px 4px; } } @media (min-width: 768px) and (max-width: 1150px) { nav.tab-pills .main-bg .tabs .lst-tabs li { width: 130px; padding: 10px 5px; } } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs li { padding: 2% 1%; width: 23%; } } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs li.dis-n { display: none; } } nav.tab-pills .main-bg .tabs .lst-tabs li a { cursor: pointer; text-decoration: none; padding: 15px 10px; word-break: break-word; position: relative; line-height: inherit; border-radius: 6px; background: rgba(0, 51, 161, 0.85); display: block; transition: all 0.2s ease-in; font-size: 0.9rem; line-height: 1rem; text-align: center !important; transform: translateY(0px); /* //b */ /* //&::before */ /* //&.tab-selected */ } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs li a { padding: 8px 8px; } } nav.tab-pills .main-bg .tabs .lst-tabs li a img { width: 32px; height: 32px; text-align: center; margin: 6px auto; display: block; } @media (min-width: 1151px) and (max-width: 1350px) { nav.tab-pills .main-bg .tabs .lst-tabs li a img { width: 26px; height: 26px; } } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs li a img { width: 26px; height: 26px; margin: 4px auto; } } nav.tab-pills .main-bg .tabs .lst-tabs li a em { text-align: center !important; color: white; font-size: 0.9rem; line-height: 1rem; font-weight: 500; padding: 2px 0; text-transform: capitalize; } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs li a em { font-size: 0.7rem; line-height: 0.9rem; padding: 1px 0; } } nav.tab-pills .main-bg .tabs .lst-tabs li a b { background-color: rgba(206, 14, 65, 0.9); color: rgba(255, 255, 255, 0.8); font-size: 11px; font-weight: bold; padding: 2px 7px; border-radius: 20px; font-style: normal; display: block; float: right; margin-top: -1px; margin-left: 5px; } nav.tab-pills .main-bg .tabs .lst-tabs li a::before { content: ""; display: block; zoom: 1; filter: alpha(opacity=0); opacity: 0; position: absolute; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0, 51, 161, 0.5); border-radius: 30px; transform: scale(0); transition-property: transform, opacity; } nav.tab-pills .main-bg .tabs .lst-tabs li a::after { position: absolute; content: ""; bottom: 7px; width: 34px; height: 3px; background-color: transparent; border-radius: 5px; left: 50%; margin-left: -17px; } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs li a::after { display: none; } } nav.tab-pills .main-bg .tabs .lst-tabs li a.tab-selected { color: #ffffff; cursor: default; transform: translateY(11px); transition: all 0.4s ease; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: #0033a1; } @media (min-width: 768px) and (max-width: 1100px) { nav.tab-pills .main-bg .tabs .lst-tabs li a.tab-selected { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; transform: translateY(0px); } } @media (max-width: 767px) { nav.tab-pills .main-bg .tabs .lst-tabs li a.tab-selected { transform: translateY(0px); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } } nav.tab-pills .main-bg .tabs .lst-tabs li a.tab-selected::after { background-color: #ffffff; } nav.tab-pills .main-bg .tabs .lst-tabs li.tab-title { font-size: 0.7rem; line-height: inherit; vertical-align: middle; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 { text-align: center; position: relative; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification { width: 250px; height: 0; display: block; background: white; margin-top: 3px; color: #000000; opacity: 0; text-align: left; position: absolute; top: 60px !important; right: 0px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 4px; /*margin-left: -55px;*/ z-index: 2; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); /* &.nf-showing */ /*.nf-header*/ /*.nf-footer*/ } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification.nf-showing { height: auto; opacity: 1; } @media (max-width: 700px) { nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification.nf-showing { overflow-y: scroll; height: 300px; } } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content { /* //.template-list */ } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list { /* //.dl-template-items */ } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items { font-size: 0.9rem; text-align: left; color: rgba(0, 0, 0, 0.7); margin-bottom: 0; /* //&>div */ } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div { display: block; position: relative; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.08); /* //a */ /* //&:hover */ } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a { color: rgba(0, 0, 0, 0.9); display: inline-block; transform: translateY(0px); padding: 0; border-left: none; display: block; padding: 6px 10px; opacity: 0.8; background: white; border-radius: 0; text-align: left !important; clear: both; /* //&:hover */ /* &.nf-read */ } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a::before { display: none; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a::after { display: none; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a img { width: 18px; height: 18px; margin-right: 3px; position: relative; display: inline-block; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a:hover { opacity: 1; color: #0033a1; transform: translateY(0px); } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a:active { opacity: 1; color: #0033a1; transition: 0; box-shadow: none; transform: translateY(0px); } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a em { font-size: 10px; margin-bottom: 0; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; line-height: 1; margin-top: 10px; display: block; text-align: left; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a.nf-read { opacity: 0.4; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div a.nf-read span { background-color: rgba(0, 0, 0, 0.5); } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div:hover { transform: translateY(0px); } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-content .template-list .dl-template-items > div:hover dd { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-footer { padding: 18px 10px; text-align: center; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .bm-notification .nf-footer button { color: #0033A1; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu { width: 250px; height: auto; display: none; background: #0033a1; margin-top: 3px; color: #000000; opacity: 1; text-align: left; position: absolute; top: 80px !important; right: 0px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 4px; /*margin-left: -55px;*/ z-index: 2; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li { display: block; position: relative; width: 100%; text-align: left; padding: 5px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li a { color: white; display: block; transform: translateY(0px); padding: 0; border-left: none; opacity: 1; border-radius: 0; text-align: left !important; clear: both; cursor: pointer; /* //&:hover */ } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li a::before { display: none; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li a::after { display: none; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li a em { color: white; display: inline-block !important; transform: translateY(0px); line-height: 1rem; margin: 4px 0; text-align: left !important; font-size: 1rem !important; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li a img { width: 18px; height: 18px; margin-right: 3px; position: relative; display: inline-block; } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li a:hover { opacity: 0.9; color: #0033a1; transform: translateY(0px); } nav.tab-pills .main-bg .tabs .lst-tabs li.dropdown1 .lst-global-submenu li a:active { opacity: 0.9; color: #0033a1; transition: 0; box-shadow: none; transform: translateY(0px); } nav.tab-pills .main-bg .tabs .lst-tabs li:last-child a { /* //&:hover */ /* //&.tab-selected */ } nav.tab-pills .main-bg .tabs .lst-tabs li:last-child a::after { display: none; } nav.tab-pills .main-bg .tabs .lst-tabs li:last-child a:hover { text-decoration: none; transform: translateY(0px); background: #0033a1; cursor: default; } nav.tab-pills .main-bg .tabs .lst-tabs li:last-child a.tab-selected { text-decoration: none; transform: translateY(0px); background: #0033a1; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; cursor: default; } nav.tab-pills .tabs-container { position: relative; /* //.tab-content */ /* //.tabcontent-overlay */ } nav.tab-pills .tabs-container .tab-content1 { margin-top: 20px; display: none; /* //&.tc-showing */ } @media (max-width: 767px) { nav.tab-pills .tabs-container .tab-content1 { margin-top: 8px; } } nav.tab-pills .tabs-container .tab-content1.tc-showing { display: block; } nav.tab-pills .tabs-container .tabcontent-overlay { background-color: red; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); min-height: 80px; z-index: 1; zoom: 1; filter: alpha(opacity=0); opacity: 0; visibility: hidden; transition: all 0.2s ease-in; /* //.loading */ /* //&.tcoverlay-showing */ } nav.tab-pills .tabs-container .tabcontent-overlay .loading { text-align: center; display: inline-block; width: 110px; margin-left: -55px; margin-top: -40px; left: 50%; top: 50%; position: absolute; padding: 10px 0; /* //i */ /* //em */ } nav.tab-pills .tabs-container .tabcontent-overlay .loading i { width: 32px; height: 32px; display: block; border: 2px solid #ffffff; border-radius: 100%; margin: 0 auto; border-right-color: transparent; /* Safari 4+ */ /* Fx 5+ */ /* Fx 5+ */ /* Opera 12+ */ animation: rotateMe 1s linear infinite; /* IE 10+, Fx 29+ */ } nav.tab-pills .tabs-container .tabcontent-overlay .loading em { display: block; font-style: normal; padding: 10px 0 0; font-weight: normal; font-size: 0.8rem; color: rgba(255, 255, 255, 0.8); } nav.tab-pills .tabs-container .tabcontent-overlay.tcoverlay-showing { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; } /* //nav.tab-pills */ /*============= nav tabs css end ============== */ /*========= my profile page css start ============= */ .profile-bg { background-color: #0033A1; height: 150px; position: relative; padding-top: 25px; /*myprofile*/ /*pro-update*/ /*remove-img*/ } .profile-bg .myprofile { position: relative; max-width: 350px; margin: 0 auto; /*span*/ /*chg-profile*/ } .profile-bg .myprofile span { border: 3px solid #3b79ff; border-radius: 100%; display: block; width: 85px; height: 85px; margin: 0 auto; overflow: hidden; background-color: #ffffff; } .profile-bg .myprofile span img { width: 100%; height: 100%; display: block; } .profile-bg .myprofile h6 { text-align: center; color: #ffffff; padding-top: 8px; } .profile-bg .myprofile .chg-profile { position: absolute; height: 40px; width: 40px; right: 30px; border-radius: 100%; background-color: #ffffff; text-align: center; box-shadow: 0px 2px 2px #000000; } .profile-bg .myprofile .chg-profile img { width: 20px; height: 20px; margin-top: 8px; } .profile-bg.pro-update { padding-top: 35px; } .profile-bg.pro-update a { display: block; position: relative; max-width: 90px; /*span*/ } .profile-bg.pro-update a span { /*cam-click*/ } .profile-bg.pro-update a span .cam-click { position: absolute; background-color: #ffffff; border-radius: 100%; height: 25px; width: 25px; text-align: center; right: 0px; bottom: 0px; } .profile-bg.pro-update a span .cam-click img { width: 16px; height: 16px; display: inline; margin-top: 4px; } .profile-bg .remove-img { text-align: center; color: #ffffff; padding-top: 3px; margin: 0 auto; max-width: 100px !important; text-decoration: none; } /*profile-bg*/ /*========= my profile page css end =============== */ /* =========== setting page css start =============*/ .setting-container a { text-decoration: none; color: #000000; display: block; padding: 10px 15px; } /*setting-container*/ .border-container { margin-left: -15px; margin-right: -15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .border-container em { display: inline-block; padding: 10px 15px; } .border-container .switch { float: right; margin-right: 15px; } .light-text { color: #b3b3b3; padding: 10px 15px 0; } /*========= rounded switch css start ===========*/ .switch { position: relative; display: inline-block; width: 50px; height: 24px; margin-top: 10px; margin-bottom: 10px; /*slider*/ } .switch input { display: none; } .switch input:checked + .slider { background-color: #0033A1; } .switch input:focus + .slider { box-shadow: 0 0 1px #0033A1; } .switch input:checked + .slider:before { transform: translateX(26px); } .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #efefef; transition: 0.4s; } .switch .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: #ffffff; transition: 0.4s; } .switch .slider.round { border-radius: 24px; } .switch .slider.round:before { border-radius: 50%; } /* switch */ /*========= rounded switch css end ===========*/ /* =========== setting page css end ===============*/ .ux-search { padding: 10px 15px; } .ux-search .ux-text { width: 100%; padding: 4px 7px; background-color: #efefef; border-radius: 50px; border: none; border: 1px solid #b3b3b3; } .ux-search p { text-align: right; color: rgba(0, 0, 0, 0.5); font-size: 11px; padding: 3px 15px 0 0; } /*ux-search*/ /*========== notification css start ==========*/ .notification { /*li end*/ } .notification li { padding: 0; /*anchor end*/ } .notification li a { padding: 12px 0; position: relative; /*span end*/ } .notification li a span { height: 50px; width: 50px; background-color: #b3b3b3; position: absolute; border-radius: 100%; } .notification li a span img { width: 100%; height: 100%; border-radius: 100%; } .notification li a span em { height: 8px; width: 8px; background: #0033A1; position: absolute; border-radius: 100%; right: 3px; bottom: 5px; } .notification li a p { margin: 0; padding: 0; padding-left: 60px; } .notification li a small { padding-left: 60px; } .notification li.unread { background-color: rgba(0, 51, 161, 0.05); } /* notification*/ .notify { color: #0033A1; } .notify .notify-number, .notify button { color: #0033A1; } /*notify*/ /*========== notification css end ==========*/ .img-wrap { display: none; } .video-wrap video { display: none; } .my-canvas { /*display: none;*/ border: 1px solid #efefef; width: 320px; height: 320px; background-color: #efefef; position: absolute; left: -1500px; } .can-image { margin: 0 auto; display: block; margin-top: 30px; height: 300px; padding: 10px; } /* selfie authenticate css end */ .errormsgs p { color: #0033A1; } /*errormsgs*/ /* card with 2 and 3 contents start */ .card-wrapper { /*card-wrap-3*/ } .card-wrapper .card-wrap-3 { border: 1px solid #ededed; border-radius: 7px; padding: 10px; text-decoration: none; color: #000000; display: block; margin: 5px 0; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); /*link-profile*/ /*card-details*/ } .card-wrapper .card-wrap-3 .link-profile { text-align: center; height: 50px; width: 50px; background-color: #b3b3b3; position: absolute; border-radius: 100%; } .card-wrapper .card-wrap-3 .link-profile img { width: 100%; height: 100%; border-radius: 100%; } .card-wrapper .card-wrap-3 .card-details { position: relative; /*span*/ } .card-wrapper .card-wrap-3 .card-details .img-small { width: 18px; height: 18px; } .card-wrapper .card-wrap-3 .card-details span { position: absolute; right: 0; top: 70%; margin-top: -22px; cursor: pointer; } .card-wrapper .card-wrap-3 .card-details span img { width: 20px; } .card-wrapper .card-wrap-3 .card-details .benefit-det span { position: relative; } /*card-wrapper*/ /* card with 2 and 3 contents end */ .table-bordered { margin-top: 10px; } .table-bordered thead th { padding: 5px; } .table-bordered td { font-size: 12px; padding: 5px; } /*table-bordered*/ /* transaction history filter css start */ .filter h6 { margin: 10px 0; color: rgba(0, 0, 0, 0.5); font-size: 12px; } /*filter*/ /* transaction history filter css end */ .btn-mpin-numbers { background-color: #efefef; } /* =========== datepicker css start ============ */ /* =============== datepicker css end ============= */ .display-element { display: block !important; } .hide-element { display: none !important; } .component-title { background-color: rgba(0, 51, 161, 0.1); padding: 10px 15px; border-bottom: 1px solid #0033A1; margin: 25px 0; } .component-title h4 { color: #0033A1; font-size: 16px; } /*component-title*/ /* =========== new component css end july 4 ===========*/ /* ---------------------------- File Upload Input :: Start --------------------------- */ .file-input { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; position: relative; transition: all 0.3s ease; cursor: pointer; background-color: rgba(255, 255, 255, 0.9); text-align: center; /* //input[type="file"] */ /* //label */ /* //&:hover */ /* //&.fileuploading */ } .file-input input[type=file] { width: 0px; height: 0px; zoom: 1; filter: alpha(opacity=0); opacity: 0; position: absolute; z-index: -1; overflow: hidden; } .file-input label { display: block; padding: 15px 10px; margin: 0; /*// @include transition(all .3s ease);*/ /* //h4 */ /* //p */ /* //&::before */ } .file-input label h4 { margin: 0; padding: 0 0 5px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; } .file-input label p { margin: 0; padding: 0; font-size: 0.7rem; } .file-input label::before { content: ""; border: 1px dashed rgba(0, 0, 0, 0.2); position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border-radius: 8px; z-index: 0; transition: all 0.3s ease; } .file-input:hover { border-color: rgba(0, 117, 176, 0.6); background-color: rgba(0, 117, 176, 0.08); } .file-input:hover label::before { border-color: rgba(0, 117, 176, 0.6); } .file-input.fileuploading { border-color: rgba(3, 145, 74, 0.6); background-color: rgba(3, 145, 74, 0.08); } .file-input.fileuploading label::before { border-color: rgba(3, 145, 74, 0.6); } /* //.file-input */ /* ---------------------------- File Upload Input :: End --------------------------- */ /* ====== Common Style :: End========== */ /* main popup running css */ /*.chat-popup { display: none; position: fixed; bottom: 80px; right: 15px; border: 1px solid #b9b9b9; z-index: 9; width: 300px; height: 500px; background-color: #fff; overflow: hidden; &.chat-popup-show { display: block; z-index: 999; height: 0; width: 0; transform:translateY(80px); } .chat-msg-container { padding: 10px 0; background-color: #fff; .chat-header { color: #000;padding: 10px 0; } .chat-body { background-color: #c5e5ff;padding: 10px; height: 100%;overflow: auto;padding-bottom: 20px; background: #c5e5ff none repeat scroll 0 0; .chat-container { background-color: #ffe5e5; border-radius: 5px; padding: 10px; margin: 10px 0; &.darker { background-color: $white; } &:after { content: ""; clear: both; display: table; } img { float: left; max-width: 60px; width: 100%; margin-right: 20px; border-radius: 50%; &.right { float: right; margin-left: 20px; margin-right:0; } } .time-right { float: right; color: #aaa; } .time-left { float: left; color: #999; } } .chat-buttons { .lst-cht-btns { li { display: inline-block; .cht-btn { background-color: #ffe5e5; margin: 3px; display: inline-block; padding: 7px; font-size: 13px; text-decoration: none; color: $black; border-radius: 9px; &:hover {border-radius: 0; color: $brand-primary-color;} } } } } .chat-links { .lst-links {padding-left: 15px; margin-bottom: 0; li {list-style-type: decimal;color: #1547b7; a { display: inline-block;color: #1547b7;text-decoration: none; img {height: 14px;width: 14px;float: right;margin: 4px 0 0 5px;} } } } } } .chat-footer { background-color: $white; border-radius: 0; height: 51px; position: absolute; bottom: 0; width: 100%; z-index: 2; .footer-list { margin: 0; padding: 0; list-style-type: none; width: 100%; height: 100%; li { display: inline-block; vertical-align: middle; line-height: 50px; text-align: center; } .menu-sel { float: left;width: 40px; .menu-option { img {height: 20px;width: 20px;vertical-align: middle;} } } .input-section { text-align: center; margin: 0 auto; width: 190px; textarea { padding: 8px; margin: 0; border: 0; width: inherit; resize: none; height: 50px; position: relative; line-height: 20px; &:focus {outline: none;} } } .chat-in-footer {float: right;margin-right: 5px;} } } .other-menu-options { height: auto; position: absolute; bottom: -100%; z-index: 1; background: #fff; width: 100%; transition: all .4s ease; box-shadow: 0px 0px 10px #ccc; .lst-menu { li { border-bottom: 1px solid #ddd; a { color: $black;display: block;font-weight: 600; text-decoration: none; padding: 5px 10px; img {margin-right: 10px;} } } } &.showup { bottom: 40px; } } } }*/ /* main popup running css end */ /******* page body css end********/ /* media query starts here */ @media screen and (max-width: 1024px) { .global-header { /*lst-rightmain-items*/ } .global-header .lst-rightmain-items .login-user { display: none; } /*global-header*/ /*latest-offers*/ .ux-small-scroll.ux-card-tile .ux-card-content .card-tile { margin: 0; } /*ux-small-scroll */ } /* max-width:1024 end */ @media screen and (max-width: 1024px) { .footer-container { background-color: #ffffff; position: absolute; bottom: 0px; } } @media screen and (min-width: 1024px) { .footer-container { position: absolute; bottom: 0; background-color: #ffffff; /*footer-container.sticky-actions*/ } .footer-container.sticky-actions { position: absolute; background-color: transparent; box-shadow: none; } /*footer-container*/ .lst-contact-info li { /*contact-info*/ } .lst-contact-info li .contact-img { width: 7%; } .lst-contact-info li .contact-content { width: 90%; } /*lst-contact-info*/ } /*min-width: 1024px end*/ /* new header and nav */ @media (min-width: 768px) { .main { /*.right-main-column*/ } .main .right-main-column { margin-left: 0; /*right-col-container*/ } .main .right-main-column .right-col-container .global-header { left: 0; } /*main*/ .footer-container .footer-inactions { margin-left: 0; } .chat-box { width: 400px; } .chat-box.chat-box-show { box-shadow: 5px 0 5px 5px #797979; } } @media (max-width: 1920px) { .main .right-main-column { margin-left: 335px; } } @media (max-width: 1920px) { .main .right-main-column { margin-left: 335px; } } @media (max-width: 1440px) { .main .right-main-column { margin-left: 242px; } } /* new header and nav end */ @media screen and (max-width: 480px) { .ux-small-scroll { /* end of a */ } .ux-small-scroll a { margin: 0 4px; } /* ux-small-scroll */ .ux-button.ux-sided-btn { max-width: 160px; font-size: 11px; } } /*max-width:480 end*/ /* media css for iphone 5 starts */ @media only screen and (max-device-width: 320px) { .global-header .in-header .page-title h5 { font-size: 13px; margin-top: 18px; } /*global-header*/ nav.global-nav { max-width: 290px; } .ux-button.ux-sided-btn { max-width: 140px; font-size: 11px; } .main .right-main-column .right-col-container .global-header .in-header .page-title h5 { font-size: 13px; } } /* media css for iphone 5 ends */ /* media query ends here */ @media screen and (max-width: 767px) { .body-page-container { padding-bottom: 60px; } } .body-page-container p.info-lbl { font-size: 12px; color: #4E545F; margin-bottom: 3px; } .body-page-container h5.info-val { font-weight: 400; font-size: 15px; line-height: 20px; color: #272A30; margin-bottom: 30px; } .body-page-container.loan-container h6.section-title { font-weight: 400; font-size: 0.9rem; margin-bottom: 12px; color: #000000; } .body-page-container.loan-container .loan-acc-info { background-color: #ffffff; border: 1px solid #e6e7ea; padding: 10px; border-radius: 4px; margin-top: 20px; margin-bottom: 17px; } .body-page-container.loan-container .loan-acc-info p.info_key { font-size: 0.8rem; color: #7c7979; margin-bottom: 6px; } .body-page-container.loan-container .loan-transaction-container { border: 1px solid #e6e7ea; padding: 10px; border-radius: 4px; margin-bottom: 17px; margin-top: 6px; background-color: #ffffff; } .body-page-container.loan-container .loan-transaction-container ul li { border-bottom-color: rgba(0, 0, 0, 0.1); } .body-page-container.loan-container .loan-transaction-container ul li .grid-info { padding: 17px 0 14px; } .body-page-container.loan-container .loan-transaction-container ul li .grid-info .full-info h6 { font-size: 0.8rem; font-weight: 400; } .body-page-container.loan-container .loan-transaction-container ul li .grid-info .full-info h5 { font-size: 1rem; font-weight: 500; } .body-page-container.loan-container .loan-transaction-container ul li .grid-info .full-info p { font-size: 0.85rem; color: #737373; } .body-page-container.loan-container .loan-transaction-container ul li .grid-info:nth-child(3) { width: 25%; } .body-page-container.loan-container .loan-transaction-container ul li .grid-info:nth-child(3) .full-info h6 { text-align: right; } .body-page-container.loan-container .loan-transaction-container ul li .grid-info:nth-child(3) .full-info h5 { text-align: right; } .body-page-container.loan-container .loan-transaction-container ul li .grid-info:nth-child(4) { width: 8%; } .body-page-container.loan-container .loan-transaction-container ul li:last-of-type { border-bottom: none; } .body-page-container.loan-container .loan-transaction-container ul li.blue-grid-header { background-color: #f9fafa; border-bottom: none; } .body-page-container.loan-container .loan-transaction-container ul li.blue-grid-header .grid-info { padding-top: 6px; padding-bottom: 6px; } .body-page-container.loan-container .loan-dtls-container, .body-page-container.loan-container .loan-lst-panel-dtls { border-radius: 5px; margin: 15px 0 10px 0; background-color: #ffffff; border: 1px solid #e6e7ea; height: auto; position: relative; z-index: 11; } .body-page-container.loan-container .loan-lst-panel-dtls { border-radius: 0; margin: 0; } .body-page-container.loan-container .loan-lst-panel-dtls .acc-detail-wrapper { padding: 15px 20px; } .body-page-container.loan-container .loan-lst-panel-dtls .acc-detail-wrapper p { font-size: 0.8rem; color: rgba(0, 0, 0, 0.6); } .body-page-container.loan-container .loan-lst-panel-dtls .acc-detail-wrapper h5 { font-size: 1rem; font-weight: 400; } .body-page-container.loan-container ul.lst-home-loan { padding: 0px 5px; } .body-page-container.loan-container ul.lst-home-loan li { width: 23%; margin: 4px 0; } .body-page-container.loan-container ul.lst-home-loan li.active { background-color: #f2faff; } .body-page-container.loan-container ul.lst-home-loan li.active a em { color: #002891; } .body-page-container.loan-container ul.lst-home-loan li.active a .icon1 { margin-bottom: 4px; } .body-page-container.loan-container ul.lst-home-loan li.active a .icon1 img { width: 32px; height: 32px; } .body-page-container.loan-container ul.lst-home-loan li a em { font-weight: 400; color: rgba(0, 0, 0, 0.6); } .body-page-container div.loan-dpst-acc-item { padding: 13px 10px 10px 10px; border-bottom: 1px solid #e6e6e6; background-color: #ffffff; border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04); } .body-page-container div.loan-dpst-acc-item a:hover { text-decoration: none; } .body-page-container div.loan-dpst-acc-item .xl-part.neg-l-margin { margin-left: -12px; } @media screen and (min-width: 1680px) { .body-page-container div.loan-dpst-acc-item .xl-part { margin-left: -72px; } } .body-page-container div.loan-dpst-acc-item .show-btn { display: inline; width: 50px; height: 24px; } .body-page-container div.loan-dpst-acc-item .show-btn button.refresh-btn { border-radius: 100%; border: none; outline: none; text-transform: capitalize; color: #0033A1; font-size: 1rem; width: 18px; height: 18px; cursor: pointer; text-align: center; display: inline-block; position: relative; padding: 1px; z-index: 0; overflow: hidden; vertical-align: middle; opacity: 1; transition: 0.2s; background: url('hide.svg') no-repeat center center; background-size: 22px; } .body-page-container div.loan-dpst-acc-item .show-btn button.refresh-btn img { width: 20px; height: 20px; margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { .body-page-container div.loan-dpst-acc-item .show-btn button.refresh-btn img { width: 18px; height: 18px; } } .body-page-container div.loan-dpst-acc-item .show-btn button.refresh-btn img:hover { opacity: 0.8; } .body-page-container div.loan-dpst-acc-item .show-btn button.refresh-btn.active { background: url('visible.svg') no-repeat center center; background-size: 22px; } .body-page-container div.loan-dpst-acc-item .show-btn button.refresh-btn:active { opacity: 0.8; transition: 0.2s; } @media (max-width: 767px) { .body-page-container div.loan-dpst-acc-item .show-btn button.refresh-btn { width: 20px; height: 20px; } } .body-page-container div.loan-dpst-acc-item span.img-circle { display: block; background: rgb(224, 237, 255); background: linear-gradient(0deg, #E0EDFF 0%, #F7E5D6 100%); padding: 5px; width: 54px; height: 54px; border-radius: 100%; } .body-page-container div.loan-dpst-acc-item span.img-circle img { width: 40px; height: 40px; } @media screen and (min-width: 1680px) { .body-page-container div.loan-dpst-acc-item span.img-circle { margin-left: 20px; } } .body-page-container div.loan-dpst-acc-item h5 { color: #0b3196; font-size: 1.1rem; font-weight: 600; margin-bottom: 6px; } .body-page-container div.loan-dpst-acc-item h5 em { background: url('arrow-down-blue.png') no-repeat 97% 50%; background-size: 14px; transform: rotate(270deg); opacity: 1; content: ""; width: 14px; height: 14px; position: absolute; right: 24px; display: block; top: 50%; margin-top: -7px; } .body-page-container div.loan-dpst-acc-item h5.choose_to_acc { margin-bottom: 17px; margin-top: 20px; } .body-page-container div.loan-dpst-acc-item a.back-link { color: #0b3196; font-size: 0.9rem; } .body-page-container div.loan-dpst-acc-item small { color: rgba(0, 0, 0, 0.6); display: block; margin-top: -1px; } .body-page-container div.loan-dpst-acc-item p, .body-page-container div.loan-dpst-acc-item span { font-size: 0.9rem; font-weight: 500; margin-bottom: -5px; } .body-page-container div.loan-dpst-acc-item ul.flex-container-bal { display: flex; margin-bottom: 0; } .body-page-container div.loan-dpst-acc-item ul.flex-container-bal li { padding: 0 15px 0 0; } .body-page-container div.loan-dpst-acc-item ul.flex-container-bal li div.show-btn button.refresh-btn { margin-top: 8px; } .body-page-container a.pay-from, .body-page-container a.pay-to { text-decoration: none; } .body-page-container a.pay-from div.loan-dpst-acc-item h5 em, .body-page-container a.pay-to div.loan-dpst-acc-item h5 em { right: 18px; } .body-page-container a.pay-to div.loan-dpst-acc-item span.img-circle { padding: 7px 5px 5px; } .body-page-container.inner-blue-bg { position: relative; top: 2%; bottom: 0px; width: 97%; min-height: 90vh; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-image: url('prelogin-bg.svg'); background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: 10; } @media screen and (min-width: 1450px) { .body-page-container.inner-blue-bg { background-size: 100%; } } .body-page-container.page-after-login { margin-left: 15px; margin-top: 15px; } @media screen and (min-width: 1450px) { .body-page-container.page-after-login { margin-top: 76px; } } .body-page-container div.user-initials { width: 90px; height: 90px; border-radius: 100%; margin: 0 auto; background-color: #e4ecfb; padding: 14px 5px; border: 2px solid #ffffff; } .body-page-container div.user-initials span { color: #002891; font-size: 3rem; } .body-page-container h3.user-fullname { color: #ffffff; font-size: 1.5rem; margin-top: 15px; margin-bottom: 10px; } .body-page-container a.chg-pwd-link { float: right; font-size: 12px; text-decoration: none; color: #ffffff; margin-top: -17px; } .body-page-container a.chg-pwd-link img { vertical-align: text-bottom; width: 20px; margin-right: 5px; } .body-page-container p.last-login { font-weight: 300; color: #ffffff; font-size: 13px; } .body-page-container div.profile-info-container { margin-top: 15px; position: relative; border-radius: 8px; background-color: #ffffff; padding: 18px; } .body-page-container div.loan-info-container { margin-top: 15px; position: relative; border-radius: 8px; background-color: #ffffff; padding: 18px; } .body-page-container div.loan-info-container h5.info-val { font-weight: 500; } .body-page-container div.loan-info-container .calculated-loan-elig p { color: #666769; } .body-page-container div.stmt-info-container { margin-top: 15px; position: relative; border-radius: 8px; background-color: #ffffff; padding: 18px; } .body-page-container div.stmt-info-container ul.fund-list4 { padding: 0 5px; border-bottom: 1px solid #dedbdb; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .body-page-container div.stmt-info-container ul.fund-list4 li { margin: 4px 3px; flex-grow: 1; float: none; width: -moz-fit-content; width: fit-content; } .body-page-container div.stmt-info-container ul.fund-list4 li:hover { background-color: #e4ecfb; } .body-page-container div.stmt-info-container ul.fund-list4 li:hover a .icon1 img:first-child, .body-page-container div.stmt-info-container ul.fund-list4 li:hover a .icon1 img:last-child { display: none; } .body-page-container div.stmt-info-container ul.fund-list4 li:hover a .icon1 img:nth-child(2) { display: inline-block; } .body-page-container div.stmt-info-container ul.fund-list4 li.active { background: linear-gradient(to right, #002891, #A084FB); } .body-page-container div.stmt-info-container ul.fund-list4 li.active em { color: #ffffff; } .body-page-container div.stmt-info-container ul.fund-list4 li.active a .icon1 img:first-child, .body-page-container div.stmt-info-container ul.fund-list4 li.active a .icon1 img:nth-child(2) { display: none; } .body-page-container div.stmt-info-container ul.fund-list4 li.active a .icon1 img:last-child { display: inline-block; } .body-page-container div.stmt-info-container ul.fund-list4 li a em { color: rgba(0, 0, 0, 0.6); } .body-page-container div.stmt-info-container .show-div { padding: 15px; } .body-page-container div.stmt-info-container .show-div .debit { color: #DC2626; } .body-page-container div.stmt-info-container .datatable-box .dt-footer .dataTables_length { display: none; } .body-page-container div.stmt-info-container .datatable-box .dt-footer .dt-pagination .dataTables_paginate { float: right; } .body-page-container div.stmt-info-container .datatable-box .dt-footer .dt-pagination .dataTables_paginate ul.pagination li a.page-link { border: none; } .body-page-container div.stmt-info-container .datatable-box table thead tr th { background-color: #e4ecfb; text-align: left; font-size: 0.8rem; border-top: none; } .body-page-container div.stmt-info-container .datatable-box table thead tr th.black { color: #000000; } .body-page-container div.stmt-info-container .datatable-box table thead tr th:first-of-type { border-top-left-radius: 8px; } .body-page-container div.stmt-info-container .datatable-box table thead tr th:nth-child(3) { text-align: right; } .body-page-container div.stmt-info-container .datatable-box table thead tr th:last-of-type { border-top-right-radius: 8px; text-align: right; } .body-page-container div.stmt-info-container .datatable-box table tbody tr:hover { background-color: #F4F4F6; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td { font-size: 0.9rem; text-align: left; color: #5a5a5a; border-bottom: 1px solid #ccc; cursor: default; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td.new_status { color: #24a955 !important; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td.closed_status { color: #dc2626 !important; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td.inprogress_status { color: #f7b442 !important; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td.closedrefbck_status { color: #002891 !important; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td:first-of-type, .body-page-container div.stmt-info-container .datatable-box table tbody tr td:nth-child(3) { font-weight: 400; color: #000000; font-size: 1rem; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td:nth-child(2) { font-size: 0.8rem; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td:nth-child(3) { text-align: right; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td:last-of-type { text-align: right; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td:last-of-type.credit { color: #37b064 !important; } .body-page-container div.stmt-info-container .datatable-box table tbody tr td:last-of-type.debit { color: #dd2b2b !important; } .body-page-container div.stmt-info-container .datatable-box table.td-same-font thead tr th { text-align: left; } .body-page-container div.stmt-info-container .datatable-box table.td-same-font tbody tr td { font-size: 0.9rem; text-align: left; color: #585d68; } .body-page-container div.stmt-info-container .datatable-box table.bene-table thead tr th { text-align: left; } .body-page-container div.stmt-info-container .datatable-box table.bene-table tbody tr td { text-align: left; font-size: 0.85rem; } .body-page-container div.stmt-info-container .datatable-box table.bene-table tbody tr td span.fullname { color: #5a5a5a; font-weight: 400; } .body-page-container div.stmt-info-container .datatable-box table.bene-table tbody tr td span.initials { display: inline-flex; position: relative; margin-top: -2px; width: 28px; height: 28px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background-color: #d4def4; border: 0px solid rgba(0, 51, 161, 0.9); overflow: hidden; text-align: center; } .body-page-container div.stmt-info-container .datatable-box table.bene-table tbody tr td span.initials h6 { font-weight: 400; font-size: 0.7rem; text-align: center; display: block; margin: 7px auto; line-height: 1.2rem; color: #0033a1; text-transform: initial; text-decoration: none; } .body-page-container div.stmt-info-container .datatable-box table.bene-table tbody tr td:first-of-type { font-size: 1rem; } .body-page-container div.stmt-info-container .datatable-box table.bene-table tbody tr td:nth-child(3) { color: #5a5a5a; } .body-page-container div.stmt-info-container.fundlist4-content-box { display: none; margin-top: -7px; } .body-page-container div.stmt-info-container.fundlist4-content-box.shown { display: block; } .body-page-container div.stmt-info-container .payment-dtls-div h2.amt_nil { color: #9da3af; } .body-page-container div.stmt-info-container .payment-dtls-div .ux-input.input-info input { text-align: center; } aside.to-acc-panel { width: 370px; } @media (max-width: 480px) { aside.to-acc-panel { width: 100%; } } aside.to-acc-panel .to-acc-header { text-align: center; padding: 15px 10px; position: relative; border-bottom: 2px solid rgba(0, 0, 0, 0.08); } aside.to-acc-panel .to-acc-header h5 { margin: 0; padding: 0; text-align: left; font-size: 1.3rem; line-height: 1.6rem; font-weight: 500; } aside.to-acc-panel .to-acc-header a.btn-closenoty { width: 20px; height: 20px; background-color: transparent; border-radius: 5px; z-index: 1; } aside.to-acc-panel .to-acc-header a.btn-closenoty::before, aside.to-acc-panel .to-acc-header a.btn-closenoty::after { content: ""; display: block; width: 2px; height: 18px; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 90%; top: 3px; transform: rotate(45deg); } aside.to-acc-panel .to-acc-header a.btn-closenoty::after { transform: rotate(-45deg); } aside.to-acc-panel .to-acc-footer a { text-decoration: none; } aside.to-acc-panel .to-acc-content { height: 90%; overflow: hidden; overflow-y: auto; } aside.to-acc-panel .to-acc-content .to-acc-innercontent div.acc-type p.acc_title, aside.to-acc-panel .to-acc-content .to-acc-innercontent div.acc-type p.acc_title, aside.to-acc-panel .to-acc-content .to-acc-innercontent div.acc-type p.acc_title { color: #002891; font-size: 12px; line-height: 20px; margin-bottom: 5px; margin-left: 10px; margin-top: 10px; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound { padding: 10px 0px; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound i { width: 64px; height: 64px; margin: 0 auto; display: inline-block; transform: rotate(35deg); } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound i svg { fill: #0033A1; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound h5 { font-style: normal; display: block; padding: 6px 0; font-size: 1.1rem; color: black; margin: 0; } [theme=dark] aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound h5 { color: #ffffff; } .fnt-large aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound h5 { font-size: 1.2rem; } .fnt-xlarge aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound h5 { font-size: 1.3rem; } [theme=dark] aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound h5 { color: #ffffff; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound p { margin: 0; padding: 0; font-size: 0.75rem; } .fnt-large aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound p { font-size: 0.8rem; } .fnt-xlarge aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-nodatafound p { font-size: 0.9rem; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list { width: 100%; padding: 0px 0; margin: 0px 0px; text-decoration: none; list-style: none; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list.mar-custom { margin-top: 20px; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li { text-decoration: none; list-style: none; padding: 5px 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li.pad-custom { padding: 8px 10px; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li.bor-n { border-bottom: 0px solid rgba(0, 0, 0, 0.1); } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li a { text-decoration: none; list-style: none; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li:hover { background-color: rgba(0, 51, 161, 0.08); } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li.active { background-color: rgba(0, 51, 161, 0.08); } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li.active .full-container .left-info h6 { position: relative; padding-left: 12px; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li.active .full-container .left-info h6::before { position: absolute; content: ""; top: 3px; left: 0; display: block; width: 7px; height: 7px; border-radius: 100%; background-color: #03914a; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li.active .full-container .left-info em { color: rgba(0, 51, 161, 0.8); } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li.active .full-container .left-info small { color: rgba(0, 51, 161, 0.8); } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .full-container { margin: 3px 0px 0px 0px; word-wrap: break-word; display: block; position: relative; padding: 0px 0px 0px 0px; clear: both; position: relative; cursor: pointer; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .full-container h6 { font-size: 13px; font-weight: 400; margin-bottom: 1px; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .full-container p.acc-dtls { font-size: 11px; color: #5a5a5a; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .full-container span.initials { display: block; position: relative; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 100%; background-color: #e5f5ff; overflow: hidden; text-align: center; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .full-container span.initials h6 { font-weight: 400; font-size: 0.9rem; text-align: center; display: block; margin: 6px auto; line-height: 1.2rem; color: #0033a1; text-transform: initial; text-decoration: none; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .ux-button.sm, aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li a.ux-button.sm { padding: 4px 10px; width: 70px; margin-left: 5px !important; font-size: 0.8rem; } @media (max-width: 768px) { aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .pl-0 { padding-left: 15px !important; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .pr-0 { padding-right: 15px !important; } aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li .ux-button.sm, aside.to-acc-panel .to-acc-content .to-acc-innercontent .to-acc-list li a.ux-button.sm { width: 70px; } } aside.sticky-panel { position: fixed; right: 0; top: 0; bottom: 0; z-index: 99999; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.4); zoom: 1; filter: alpha(opacity=0); opacity: 0; transform: translate(100%, 0); transition: background 0.35s linear, width 0.35s ease-in 200ms, all 0.3s ease; } aside.sticky-panel.to-acc-showing { visibility: visible; zoom: 1; filter: alpha(opacity=100); opacity: 1; transform: translate(0, 0); } .underline { text-decoration: underline; } /*! jQuery UI - v1.14.0 - 2024-08-05 * https://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos= * Copyright OpenJS Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0 } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important; pointer-events: none } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100% } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0 } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { margin: 0; cursor: pointer } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; user-select: none } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-button-icon-only { text-indent: 0 } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-controlgroup { vertical-align: middle; display: inline-block } .ui-controlgroup>.ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0 } .ui-controlgroup>.ui-controlgroup-item:focus, .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus { z-index: 9999 } .ui-controlgroup-vertical>.ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em } .ui-controlgroup .ui-controlgroup-label span { font-size: 80% } .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item { border-left: none } .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item { border-top: none } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none } .ui-controlgroup-vertical .ui-spinner-input { width: calc(100% - 2.4em) } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid } .ui-checkboxradio-disabled { pointer-events: none } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer } .ui-dialog .ui-resizable-n { height: 2px; top: 0 } .ui-dialog .ui-resizable-e { width: 2px; right: 0 } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0 } .ui-dialog .ui-resizable-w { width: 2px; left: 0 } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px } .ui-dialog .ui-resizable-se { right: 0; bottom: 0 } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0 } .ui-dialog .ui-resizable-ne { right: 0; top: 0 } .ui-dialog .ui-resizable-nw { left: 0; top: 0 } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-draggable-handle { touch-action: none } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-selectable { touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0 } .ui-selectmenu-open { display: block } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0 } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-sortable-handle { touch-action: none } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-tabs { position: relative; padding: .2em } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px } body .ui-tooltip { border-width: 2px } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5 } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333 } .ui-widget-content a { color: #333 } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold } .ui-widget-header a { color: #333 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214) } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620 } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { /* background-image: url("images/ui-icons_444444_256x240.png") */ } .ui-widget-header .ui-icon { /* background-image: url("images/ui-icons_444444_256x240.png") */ } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { /* background-image: url("images/ui-icons_555555_256x240.png") */ } .ui-state-active .ui-icon, .ui-button:active .ui-icon { /* background-image: url("images/ui-icons_ffffff_256x240.png") */ } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { /* background-image: url("images/ui-icons_777620_256x240.png") */ } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /* background-image: url("images/ui-icons_cc0000_256x240.png") */ } .ui-button .ui-icon { /* background-image: url("images/ui-icons_777777_256x240.png") */ } .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none } .ui-icon-caret-1-n { background-position: 0 0 } .ui-icon-caret-1-ne { background-position: -16px 0 } .ui-icon-caret-1-e { background-position: -32px 0 } .ui-icon-caret-1-se { background-position: -48px 0 } .ui-icon-caret-1-s { background-position: -65px 0 } .ui-icon-caret-1-sw { background-position: -80px 0 } .ui-icon-caret-1-w { background-position: -96px 0 } .ui-icon-caret-1-nw { background-position: -112px 0 } .ui-icon-caret-2-n-s { background-position: -128px 0 } .ui-icon-caret-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -65px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 1px -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px } .ui-widget-overlay { background: #aaa; opacity: .3 } .ui-widget-shadow { box-shadow: 0 0 5px #666 } .cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:block;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.owl-dt-container-info .owl-dt-container-range{outline:0}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:0;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:0}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} /*! * * simple-keyboard v3.6.34 * https://github.com/hodgef/simple-keyboard * * Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444} /* You can add global styles to this file, and also import other style files */ .owl-dt-calendar-table .owl-dt-calendar-header { color: #000000; background: transparent; } .my-pagination .ngx-pagination .current { background: #26388a !important; border-radius: 4px; }