@charset "utf-8";
/* CSS Document */

.customer-portal .customer-body  {max-width: 1300px; margin: 0 auto;}
.customer-portal.header-min-width .main-header {max-width: 1300px; margin: 0 auto; border: 0px; box-shadow: 1300px 0px 0px 0px #FFF, 2600px 0px 0px 0px #FFF, 3900px 0px 0px 0px #FFF, 5200px 0px 0px 0px #FFF, -1300px 0px 0px 0px #FFF, -2600px 0px 0px 0px #FFF, -3900px 0px 0px 0px #FFF, -5200px 0px 0px 0px #FFF;}
.customer-portal.footer-min-width .footer {max-width: 1300px; margin: 0 auto !important; border: 0px;  box-shadow: 1300px 0px 0px 0px #FFF, 2600px 0px 0px 0px #FFF, 3900px 0px 0px 0px #FFF, 5200px 0px 0px 0px #FFF, -1300px 0px 0px 0px #FFF, -2600px 0px 0px 0px #FFF, -3900px 0px 0px 0px #FFF, -5200px 0px 0px 0px #FFF;}
.customer-portal.footer-min-width .footer .primary li.top-scroll {border: 0px;}
.customer-portal.footer-min-width .footer .primary li.top-scroll:before {background: none;}
.customer-portal .footer .primary li a,
.customer-portal .footer .secondary li a .fs12,
.customer-portal .footer .secondary li a .p-logo .p-text,
.customer-portal .footer .secondary li a {font-size: 10px;}
.customer-portal .footer .mobifin .cl-style .path1::before {font-size: 31px;}
.customer-portal .footer .mobifin .cl-style .path2::before {font-size: 21px;}
.customer-portal .footer .mobifin.p-logo .cl-style {left: auto !important; right: 0px !important;}
.customer-portal .footer .mobifin {width: 115px;}
.customer-portal .header-image {position: absolute; top: 43px; background-image: url(../images/login_BG.jpg); background-size: cover; background-position: center center; height: 143px; left: 0px; right: 0px; }
.customer-portal .header-gradient {position: absolute; top: 43px; height: 143px; left: 0px; right: 0px;background: rgba(6,17,26,1); background: -moz-linear-gradient(top, rgba(6,17,26,1) 0%, rgba(9,77,108,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,17,26,1)), color-stop(100%, rgba(9,77,108,1))); background: -webkit-linear-gradient(top, rgba(6,17,26,1) 0%, rgba(9,77,108,1) 100%); background: -o-linear-gradient(top, rgba(6,17,26,1) 0%, rgba(9,77,108,1) 100%); background: -ms-linear-gradient(top, rgba(6,17,26,1) 0%, rgba(9,77,108,1) 100%); background: linear-gradient(to bottom, rgba(6,17,26,1) 0%, rgba(9,77,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06111a', endColorstr='#094d6c', GradientType=0 ); opacity: 1;}

body.customer-portal {background-color: #f2f2f2;}
.customer-portal .stand-alone-bc.inside-content { }
.customer-portal .stand-alone-bc.inside-content .breadcrumb {float: none; background-color: #FFF !important; border-radius: 4px; margin: 10px 5px 0px;}
.customer-portal .stand-alone-bc.inside-content .breadcrumb li:first-child:before {display: none;}
.customer-portal .mobifin-receipt .icon {font-size: 14px !important; line-height: 18px !important;}
.customer-portal .user-div {margin-top: 10px;}
.customer-portal .user-img {width: 80px; height: 80px; margin: 20px; border-radius: 80px; overflow: hidden; float: left;}
.customer-portal .user-img img {width: 80px; height: 80px; border-radius: 80px;}

.customer-portal .user-detail {float: left; padding: 20px 0px; color: #FFF;}
.customer-portal .user-info-div {width: 225px; margin: 0 auto;}
.customer-portal .user-detail .user-name {font-size: 13px; font-weight: bold; line-height: 40px;}
.customer-portal .user-detail .user-balance {background-color: #FFF; border-radius: 4px; color: #000; font-weight: bold; line-height: 25px; padding-left: 10px; font-size: 12px; box-shadow: inset -25px 0px 0px 0px rgba(0,0,0,0.7);}
.customer-portal .user-detail .user-balance .balance-amount {float: left; margin-right: 25px;}
.customer-portal .user-detail .user-balance i {color: #FFF; float: left; margin:0px 7px 0px -10px;}
.customer-portal .user-detail .user-balance i:before {width: 25px; height: 25px; line-height: 25px; text-align: center; }

.cases-agent.customer-portal .user-service-div .mobifin-services .mobifin-ser-icn i.n-icon-merchant-3:before {font-size: 30px !important;}
.cases-agent.customer-portal .user-service-div .mobifin-services {color: #FFF; padding: 0px;}
.cases-agent.customer-portal .user-service-div .mobifin-services.wallet-services .mobifin-ser-div {width: 25%;}
.customer-portal .customer-inner-header {font-size: 13px; font-weight: bold; position: relative; line-height: 25px; text-transform: uppercase; color: #2e2e2e; margin-bottom: 15px;}
.customer-portal .customer-inner-header:after {position: absolute; bottom: 0px; height: 2px; background-color: #e7e7e7; width: 100px; left: 0px; content: " ";}
.customer-portal .customer-inner-header.no-bottom-title-line:after {background-color: transparent;}
.trst-accnt.customer-portal .panel-body {border: 0px;}
.trst-accnt.customer-portal .panel-grey .panel-body {background-color: #FFF; padding: 20px 25px;}
.trst-accnt.customer-portal .panel.inside-hIding {margin: 0px !important;}
.customer-portal .tools-list {position: relative;}
.customer-portal .tools-list li a.more-button {position: absolute; right: 0px; top: -5px; background-color: #333; color: #FFF; padding: 0px 10px; border-radius: 4px; line-height: 30px;}
.customer-portal .tools-list li {float: left; padding: 0px 10px; font-size: 12px; line-height: 20px; border-left: 1px solid #000;}
.customer-portal .tools-list li:first-child {border-left-width: 0px !important; padding-left: 0px;}
.customer-portal div.addui-input-container {padding: 0px; margin: 15px 0px;}
.customer-portal div.addui-input-container input.addui-input-input, 
.customer-portal div.addui-input-container input.addui-input-input:focus {padding: 0px 0px; line-height: 31px; font-size: 12px;  border-radius: 0px !important; font-weight: bold; color: #000;}
.customer-portal div.addui-input-container input.addui-input-input:focus,
.customer-portal div.addui-input-container input.addui-input-input:focus:focus {border-bottom: 1px solid #333; border-radius: 0px !important;}
.customer-portal div.addui-input-container div.addui-input-placeholder {left: 0px; font-size: 12px; top: 5px;}

.customer-portal div.addui-input-container.addui-input-hasValue .addui-input-placeholder,
.customer-portal div.addui-input-container input.addui-input-input:focus+div.addui-input-placeholder { top: -15px; left: 0px; font-size: 10px; color: #000; font-weight: bold;}

.customer-portal .customer-panel {margin: 10px 0px;}
.customer-portal .customer-panel .col-xs-1, .customer-portal .customer-panel .col-sm-1, .customer-portal .customer-panel .col-md-1, .customer-portal .customer-panel .col-lg-1,
.customer-portal .customer-panel .col-xs-2, .customer-portal .customer-panel .col-sm-2, .customer-portal .customer-panel .col-md-2, .customer-portal .customer-panel .col-lg-2,
.customer-portal .customer-panel .col-xs-3, .customer-portal .customer-panel .col-sm-3, .customer-portal .customer-panel .col-md-3, .customer-portal .customer-panel .col-lg-3, 
.customer-portal .customer-panel .col-xs-4, .customer-portal .customer-panel .col-sm-4, .customer-portal .customer-panel .col-md-4, .customer-portal .customer-panel .col-lg-4, 
.customer-portal .customer-panel .col-xs-5, .customer-portal .customer-panel .col-sm-5, .customer-portal .customer-panel .col-md-5, .customer-portal .customer-panel .col-lg-5, 
.customer-portal .customer-panel .col-xs-6, .customer-portal .customer-panel .col-sm-6, .customer-portal .customer-panel .col-md-6, .customer-portal .customer-panel .col-lg-6, 
.customer-portal .customer-panel .col-xs-7, .customer-portal .customer-panel .col-sm-7, .customer-portal .customer-panel .col-md-7, .customer-portal .customer-panel .col-lg-7, 
.customer-portal .customer-panel .col-xs-8, .customer-portal .customer-panel .col-sm-8, .customer-portal .customer-panel .col-md-8, .customer-portal .customer-panel .col-lg-8, 
.customer-portal .customer-panel .col-xs-9, .customer-portal .customer-panel .col-sm-9, .customer-portal .customer-panel .col-md-9, .customer-portal .customer-panel .col-lg-9, 
.customer-portal .customer-panel .col-xs-10, .customer-portal .customer-panel .col-sm-10, .customer-portal .customer-panel .col-md-10, .customer-portal .customer-panel .col-lg-10, 
.customer-portal .customer-panel .col-xs-11, .customer-portal .customer-panel .col-sm-11, .customer-portal .customer-panel .col-md-11, .customer-portal .customer-panel .col-lg-11, 
.customer-portal .customer-panel .col-xs-12, .customer-portal .customer-panel .col-sm-12, .customer-portal .customer-panel .col-md-12, .customer-portal .customer-panel .col-lg-12 {padding: 0px 5px;}

.customer-portal .custom-select-box {position: relative; margin: 20px 0px;}
.customer-portal .custom-select-box .customer-form-label {position: absolute; top: -15px; left: 0px; font-size: 10px; color: #000; font-weight: bold; white-space: nowrap;}
.customer-portal .custom-select-box .customer-form-label.secondary-label {position: absolute; top: 50%; right: 0px; font-size: 10px; color: #000;}
.customer-portal .custom-select-box .chosen-container-single .chosen-single {border: 0px !important; border-bottom: 1px solid rgba(0,0,0,0.12) !important; border-radius: 0px !important; box-shadow: none; padding-left: 0px; height: 31.5px;}

.customer-portal .home-page-form .home-page-form-btn {margin: 15px auto;}
.customer-portal .home-page-form-btn {float: none; width: 200px; margin: 15px 0px; display: block;}
.customer-portal .home-page-form input[type="radio"], .customer-portal .home-page-form input[type="checkbox"] {margin: 0px;}
.customer-portal .checkbox-custom.chk-default.chk-reverse + .checkbox-custom-label::before {border-radius: 4px;}

.customer-portal.cases-agent .mobifin-services.wallet-services.owl-carousel {padding: 0px 20px 0px 20px;}

.customer-portal .owl-carousel .owl-stage-outer {z-index: 99;}
.customer-portal .owl-carousel .owl-nav {/*position: absolute; height: 30px; left: 0px; right: 0px; top: 50%; margin-top: -33px;*/}
.customer-portal .owl-carousel .owl-nav .owl-prev,
.customer-portal .owl-carousel .owl-nav .owl-next {position: absolute; top: 50%; margin-top: -35px;  font-size: 0px; z-index: 100;}
.customer-portal .owl-carousel .owl-nav .owl-prev {margin-left: 0px; left: 0px;}
.customer-portal .owl-carousel .owl-nav .owl-prev:before,
.customer-portal .owl-carousel .owl-nav .owl-next:before {font-family: 'android' !important;  font-size: 20px !important; color: #444;}
.customer-portal .owl-carousel .owl-nav .owl-next.disabled:before,
.customer-portal .owl-carousel .owl-nav .owl-prev.disabled:before { color: #ddd !important;}
.customer-portal .owl-carousel .owl-nav .owl-prev:before {content: "\edfe";}
.customer-portal .owl-carousel .owl-nav .owl-next:before {content: "\edff";}
.customer-portal .owl-carousel .owl-nav .owl-next {margin-right: 0px; right: 0px;}

.customer-portal .owl-carousel {position: relative;}

/*.customer-portal .owl-carousel .owl-nav.disabled,
.customer-portal .owl-carousel .owl-dots.disabled {display: block;}*/

.customer-portal .owl-carousel .owl-dots {text-align: center; margin-top: 10px;}
.customer-portal .owl-carousel .owl-dots .owl-dot {width: 6px; height: 6px; border-radius: 6px; text-align: center; background-color: rgba(0,0,0,0.2); margin: 2px 5px; display: inline-block;}
.customer-portal .owl-carousel .owl-dots .owl-dot.active {background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);}

.customer-portal.cases-agent .mobifin-services.wallet-services.owl-carousel .mobifin-ser-icn i:before {font-size: 30px;}
/*.customer-portal .owl-carousel .owl-item {width: auto !important;}*/

.trst-accnt.customer-portal .panel.inside-hIding.top-margin-10 {margin-top: 10px !important;}

.cases-agent.customer-portal .user-service-div .mobifin-services.wallet-services.owl-carousel .mobifin-ser-div {width: 100%;}
.customer-portal.cases-agent .user-service-div .mobifin-services.wallet-services.owl-carousel .mobifin-ser-icn i:before {font-size: 50px;}
.customer-portal.cases-agent .user-service-div .mobifin-services.wallet-services.owl-carousel {padding-top: 0px; padding-bottom: 14px;}

.customer-portal .user-service-div .owl-carousel .owl-nav .owl-prev:before,
.customer-portal .user-service-div .owl-carousel .owl-nav .owl-next:before {color: #FFF;}

.customer-portal .user-service-div .owl-carousel .owl-nav .owl-prev.disabled:before,
.customer-portal .user-service-div .owl-carousel .owl-nav .owl-next.disabled:before {color: #FFF; opacity: 0.2;}

.customer-portal .user-service-div .owl-carousel .owl-dots .owl-dot { background-color: rgba(255,255,255,0.4);}
.customer-portal .user-service-div .owl-carousel .owl-dots .owl-dot.active { background-color: rgba(255,255,255,0.8); box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.8);}

.trst-accnt.customer-portal .panel.inside-hIding.tools-panel {margin-top: 0px !important;}
.customer-portal .panel.inside-hIding.tools-panel .tools-list {margin-top: 20px;}
.trst-accnt.customer-portal .panel.inside-hIding.ad-panel .panel-body {padding: 0px;}

.customer-portal.cases-agent .ad-panel .mobifin-services.wallet-services.owl-carousel {padding: 0px;}
.customer-portal .ad-panel .owl-carousel .owl-nav {z-index: 100;}
.customer-portal .ad-panel .owl-carousel .owl-dots {position: absolute; bottom: 10px; left: 0px; right: 0px; margin-top: 0px; z-index: 100;}

.customer-portal .ad-panel .owl-carousel .owl-nav .owl-prev,
.customer-portal .ad-panel .owl-carousel .owl-nav .owl-next {top: 0px; bottom: 0px; margin-top: 0px; width: 80px; transition-duration: 0.5s; background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );}

.customer-portal .ad-panel .owl-carousel .owl-nav .owl-prev:before,
.customer-portal .ad-panel .owl-carousel .owl-nav .owl-next:before {position: absolute; top: 50%; margin-top: -15px;}

.customer-portal .ad-panel .owl-carousel .owl-nav .owl-prev:before {left: 15px;}
.customer-portal .ad-panel .owl-carousel .owl-nav .owl-next:before {right: 15px;}

.customer-portal .ad-panel .owl-carousel:hover .owl-nav .owl-prev {background: rgba(0,0,0,0.22);
background: -moz-linear-gradient(left, rgba(0,0,0,0.22) 0%, rgba(255,255,255,0) 80%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.22)), color-stop(80%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.22) 0%, rgba(255,255,255,0) 80%);
background: -o-linear-gradient(left, rgba(0,0,0,0.22) 0%, rgba(255,255,255,0) 80%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.22) 0%, rgba(255,255,255,0) 80%);
background: linear-gradient(to right, rgba(0,0,0,0.22) 0%, rgba(255,255,255,0) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );}

.customer-portal .ad-panel .owl-carousel:hover .owl-nav .owl-next {background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 80%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(80%, rgba(0,0,0,0.22)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 80%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 80%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 80%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );}

.trst-accnt.customer-portal .panel.inside-hIding.ad-panel {border-radius: 4px !important; overflow: hidden;}

.customer-portal.cases-agent .mobifin-services.wallet-services .mobifin-ser-txt {color: #999; font-family: 'open_sanslight';}
.customer-portal.cases-agent .user-service-div .mobifin-services.wallet-services .mobifin-ser-txt {color: #FFF;}
.customer-portal.cases-agent .mobifin-services.wallet-services .mobifin-ser-txt price {display: block; font-weight: bold;}

.cases-agent.customer-portal .mobifin-services .mobifin-ser-icn img {height: 100%; width: auto; text-align: center; margin: 0 auto;}

.customer-portal .chosen-container-single .chosen-single span {font-weight: bold; color: #000;}

.customer-portal .main-header .user li a img {position: static; top: auto; bottom: auto; width: 29px; height: 29px; margin: 5px 0px;}
.customer-portal .main-header .user li {border: 0px;}
.customer-portal .main-header .user li.profile-pic a {padding: 0px 5px;}

.customer-portal.inner-page .header-image {height: 140px;}
.customer-portal.inner-page .header-gradient {height: 140px;}
.customer-portal.profile-page .header-image {height: 200px;}
.customer-portal.profile-page .header-gradient {height: 200px;}

.customer-portal.inner-page .stand-alone-bc.inside-content .breadcrumb > li {font-weight: bold; text-transform: uppercase;}
.customer-portal.inner-page .stand-alone-bc.inside-content .breadcrumb > li a {font-weight: normal;}

.customer-portal .recent-transaction-container { height: 375px; overflow-y: scroll;}
.customer-portal .recent-transaction-div {border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 10px; margin: 10px 10px;}
.customer-portal .recent-transaction-img {padding: 5px 15px 5px 0px;}
.customer-portal .recent-transaction-img img {height: 50px; width: 50px;}
.customer-portal .recent-transaction-detail {}
.customer-portal .recent-transaction-lable {font-size: 14px; font-weight: bold;}
.customer-portal .recent-transaction-desc {}
.customer-portal .recent-transaction-info {font-size: 10px;}
.customer-portal .recent-transaction-info.main-info { font-size: 12px; font-weight: bold;}
.customer-portal .recent-transaction-amount {border: 1px solid #333; color: #333; border-radius: 4px; line-height: 31px; padding: 0px 20px; text-align: center; font-size: 12px;}
.customer-portal .recent-transaction-link {line-height: 10px; padding: 5px 20px 0px 20px; text-align: center; font-size: 10px;}
.customer-portal .recent-transaction-btn {border-radius: 4px; background-color: #333; color: #FFF; padding: 0px 20px; line-height: 31px; text-align: center; margin-top: 10px; font-size: 12px;}
.customer-portal .recent-transaction-left-data {float: left;}
.customer-portal .recent-transaction-center-data {float: left; text-align: left;}
.customer-portal .recent-transaction-right-data {float: right;}

.customer-portal .plans-container {}
.customer-portal .plans-div {border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 10px; margin: 0px 0px;}
.customer-portal .plans-img {padding: 5px 15px 5px 0px;}
.customer-portal .plans-img img {height: 50px; width: 50px;}
.customer-portal .plans-detail {}
.customer-portal .plans-lable {font-size: 14px; font-weight: bold;}
.customer-portal .plans-desc {}
.customer-portal .plans-info {font-size: 10px;}
.customer-portal .plans-info.main-info { font-size: 12px; font-weight: bold;}
.customer-portal .plans-amount {border: 1px solid #333; color: #333; border-radius: 4px; line-height: 31px; padding: 0px 20px; text-align: center; font-size: 12px; width: 80px;}
.customer-portal .plans-btn {border-radius: 4px; background-color: #333; color: #FFF; padding: 0px 20px; line-height: 31px; text-align: center; font-size: 12px;}
.customer-portal .plans-left-data {float: left; margin-right: 10px;}
.customer-portal .plans-center-data {float: left; text-align: left;}
.customer-portal .plans-right-data {float: right;}

.customer-portal .plans-btn.highlight-green { background-color: #4bc076 !important;}

.customer-portal .payment-detail-container {}
.customer-portal .payment-detail-div {border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 10px 20px 10px; margin: 0px 0px;}
.customer-portal .payment-detail-img {padding: 5px 15px 5px 0px;}
.customer-portal .payment-detail-img img {height: 50px; width: 50px;}
.customer-portal .payment-detail-detail {}
.customer-portal .payment-detail-lable {font-size: 10px; font-weight: bold;}
.customer-portal .payment-detail-desc {}
.customer-portal .payment-detail-info {font-size: 10px;}
.customer-portal .payment-detail-info.main-info { font-size: 14px; font-weight: bold; margin: 7px 0px;}
.customer-portal .payment-detail-amount {border: 1px solid #333; color: #333; border-radius: 4px; line-height: 31px; padding: 0px 20px; text-align: center; font-size: 12px; width: 80px;}
.customer-portal .payment-detail-btn {border-radius: 4px; background-color: #333; color: #FFF; padding: 0px 20px; line-height: 31px; text-align: center; font-size: 12px;}
.customer-portal .payment-detail-left-data {float: left; margin-right: 20px;}
.customer-portal .payment-detail-center-data {float: left; text-align: left; padding-right: 50px;}
.customer-portal .payment-detail-right-data {float: right;}

.customer-portal .recharge-plans .default-tab .nav-tabs {background-color: rgba(0,0,0,0.05);}
.customer-portal .recharge-plans .default-tab .nav-tabs li {background-color: transparent;}
.customer-portal .recharge-plans .default-tab .nav-tabs li a {line-height: 40px; font-size: 12px; text-transform: uppercase;}

.customer-portal .payment-method .default-tab.stack-nav.f-lft {border: 0px;}
.customer-portal .payment-method .default-tab.stack-nav.f-lft .tab-content {border: 0px; padding: 15px 15px 15px 150px;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs > li {border: 0px; background-color: transparent; text-align: center;}

.customer-portal .payment-method .default-tab.stack-nav .nav-tabs {border-right: 1px solid rgba(0,0,0,0.05); height: auto !important; border-bottom: 0px solid #FFF !important;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li a i {display: block; font-size: 35px; padding: 15px 0px 0px 0px; color: #ddd;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li a {padding: 15px 20px; border-radius: 4px; transition-duration: 0.5s;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.with-or {position: relative;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li or {display: none;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.with-or or {position: absolute; display: block; border-radius: 25px; width: 25px; height: 25px; text-align: center; line-height: 25px; top: -12px; left: 50%;  margin-left: -12px; border: 2px solid rgba(255,255,255,1); background-color: #eee; font-size: 9px; color: #333; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); }
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.with-or:before {position: absolute; height: 1px; left: 4px; right: 4px; top: 0px; content: " "; background-color: rgba(0,0,0,0.05);}

.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active a,
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active a:hover,
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li a,
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li a:hover {box-shadow: none !important;}

.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li a i{color: #ddd;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li a:hover i {color: #FFF;}

.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active a i{color: #FFF;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active a:hover i {color: #FFF;}

.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active a {color: #FFF !important; background-color: #333 !important;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active a:hover  {color: #FFF;}

.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li a:hover  {color: #FFF;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active {position: relative;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active:before {display: none !important;}
.customer-portal .payment-method .default-tab.stack-nav .nav-tabs li.active:after {position: absolute; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #b0b0b0; content: " ";  top: 50%; right: -10px;   margin-top: -15px; }

.customer-portal table tbody tr td { font-size: 11px !important;}

.customer-portal .payment-receipt .panel-body {background-color: #dbe4e9 !important;}

.customer-portal .mobifin-receipt-options ul {float: right;}
.customer-portal .mobifin-receipt-options ul li {float: left; line-height: 50px; font-size: 25px; width: 50px; text-align: center; border-radius: 50px; height: 50px; margin-left: 20px;}
.customer-portal .mobifin-receipt-options ul li a i {color: #FFF;}


.customer-portal .mobifin-receipt.with-options {margin-bottom: 80px; position: relative;}
.customer-portal .mobifin-receipt .mobifin-receipt-options {position: absolute; bottom: -70px; left: 0px; right: 0px;}

.customer-portal .mobifin-receipt .mobifin-receipt-options ul {float: none; text-align: center}
.customer-portal .mobifin-receipt .mobifin-receipt-options ul li {float: none; line-height: 50px; font-size: 25px; width: 50px; text-align: center; border-radius: 50px; height: 50px; margin: 0px 10px; background-color: #FFF; display: inline-block; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);}
.customer-portal .mobifin-receipt .mobifin-receipt-options ul li a i:before {line-height: 50px; color: #444;}
.customer-portal .payment-receipt .mobifin-receipt .receipt-msg:before,
.customer-portal .payment-receipt .mobifin-receipt .receipt-msg:after, 
.customer-portal .payment-receipt .mobifin-receipt .receipt-promo:before, 
.customer-portal .payment-receipt .mobifin-receipt .receipt-promo:after {background-color: #dbe4e9 !important;}

.customer-portal .payment-receipt .customer-inner-header:after {background-color: #94a1a9;}

.customer-portal .wallet-detail-container {}
.customer-portal .wallet-detail-div { padding: 10px 10px 20px 10px; margin: 0px 0px;}
.customer-portal .wallet-detail-img {padding: 5px 15px 5px 0px;}
.customer-portal .wallet-detail-img img {height: 50px; width: 50px;}
.customer-portal .wallet-detail-detail {}
.customer-portal .wallet-detail-lable {font-size: 10px; font-weight: bold;}
.customer-portal .wallet-detail-desc {position: relative;}
.customer-portal .wallet-detail-info {font-size: 10px; white-space: nowrap; position: absolute; bottom: -30px;}
.customer-portal .wallet-detail-info.main-info { font-size: 14px; font-weight: bold; margin: 7px 0px -5px 0px; position: relative; bottom: auto;}
.customer-portal .wallet-detail-amount {border: 1px solid #333; color: #333; border-radius: 4px; line-height: 31px; padding: 0px 20px; text-align: center; font-size: 12px; width: 80px;}
.customer-portal .wallet-detail-btn {border-radius: 4px; background-color: #333; color: #FFF; padding: 0px 20px; line-height: 31px; text-align: center; font-size: 12px;}
.customer-portal .wallet-detail-left-data {float: left; margin-right: 20px;}
.customer-portal .wallet-detail-center-data {float: left; text-align: left; background-color: #f7f7f7; padding: 15px 15px; border-radius: 4px; border: 1px solid #ddd; margin-right: 30px; margin-bottom: 30px;}
.customer-portal .wallet-detail-center-data.sign-data {background-color: transparent;border: 0px solid #ddd; }
.customer-portal .wallet-detail-center-data.sign-data .wallet-detail-info.main-info {font-size: 31px;}
.customer-portal .wallet-detail-right-data {float: right;}

.customer-portal .radio-div {float: left; border: 1px solid #eee; border-radius: 4px; padding: 0px 10px; margin-right: 20px; margin-top: 10px;}
.customer-portal .radio-div img {filter: grayscale(100%); transition-duration: 0.5s;}
.customer-portal .radio-div:hover img {filter: none;}
.customer-portal .bank-selection-div {float: left; }
.customer-portal .card-selection-div .card-list {padding: 0px 0px 0px 0px;}
.customer-portal .card-selection-div .card-list .card-div {margin: 0px 20px 20px 0px;}
.customer-portal .card-field-div {perspective: 1000px; }
.customer-portal .card-field-div.back-on .card-flliper-div {transform: rotateY(180deg);}
.customer-portal .card-flliper-div {width: 370px; height: 220px; margin: 0 auto;}
.customer-portal .card-front, .customer-portal .card-back {backface-visibility: hidden; position: absolute; top: 0; left: 0; 
    
/*background: rgba(250,131,110,1); 
background: -moz-radial-gradient(center, ellipse cover, rgba(250,131,110,1) 0%, rgba(235,50,33,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,131,110,1)), color-stop(100%, rgba(235,50,33,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(250,131,110,1) 0%, rgba(235,50,33,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(250,131,110,1) 0%, rgba(235,50,33,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(250,131,110,1) 0%, rgba(235,50,33,1) 100%);
background: radial-gradient(ellipse at center, rgba(250,131,110,1) 0%, rgba(235,50,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa836e', endColorstr='#eb3221', GradientType=1 );*/
    
/**/
    
/*background: rgba(252,115,91,1);
background: -moz-linear-gradient(top, rgba(252,115,91,1) 0%, rgba(214,42,26,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,115,91,1)), color-stop(100%, rgba(214,42,26,1)));
background: -webkit-linear-gradient(top, rgba(252,115,91,1) 0%, rgba(214,42,26,1) 100%);
background: -o-linear-gradient(top, rgba(252,115,91,1) 0%, rgba(214,42,26,1) 100%);
background: -ms-linear-gradient(top, rgba(252,115,91,1) 0%, rgba(214,42,26,1) 100%);
background: linear-gradient(to bottom, rgba(252,115,91,1) 0%, rgba(214,42,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc735b', endColorstr='#d62a1a', GradientType=0 );*/
    
border-radius: 15px; background-color: #aaa; padding: 30px; font-family: "Courier New"; width:100%; height: 100%; color: #FFF;}
.customer-portal .card-front { z-index: 2; transform: rotateY(0deg);}
.customer-portal .card-back {transform: rotateY(180deg);}
.customer-portal .card-flliper-div {transition: 0.6s; transform-style: preserve-3d; position: relative;} 
.customer-portal .card-left {float: left; width: 180px;}
.customer-portal .card-right {float: right; width: 105px; margin-left: 25px; }

.customer-portal .card-field-div input, .customer-portal .card-field-div select {font-family: "Courier New"; color: #560101;}
.customer-portal .card-front:before, .customer-portal .card-back:before {position: absolute; width: 100%; height: 100%; content: " "; background-image: url(../images/login_BG.jpg); background-size: cover; top: 0px; left: 0px; opacity: 0.1; border-radius: 15px; overflow: hidden;}
.customer-portal .card-field-div .card-front:after, .customer-portal .card-field-div .card-back:after {position: absolute; width: 100%; height: 100%; content: " "; top: 0px; left: 0px; opacity: 0.15; border-radius: 15px; overflow: hidden; z-index: -1;}
.customer-portal .card-field-div .cvv-note {    font-family: 'open_sansregular' !important; font-size: 10px; margin-top: 20px; display: block;}
.customer-portal .card-field-div.ver-grd .card-front:after, .customer-portal .card-field-div.ver-grd .card-back:after {
    
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
    
}

.customer-portal .card-field-div.cen-grd .card-front:after, .customer-portal .card-field-div.cen-grd .card-back:after {
    
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
    
}

.customer-portal .card-field-div.yellow-card .card-front, .customer-portal .card-field-div.yellow-card  .card-back {background-color: #f5ae46;}
.customer-portal .card-field-div.green-card .card-front, .customer-portal .card-field-div.green-card  .card-back {background-color: #50cc8e;}
.customer-portal .card-field-div.purple-card .card-front, .customer-portal .card-field-div.purple-card  .card-back {background-color: #8b82c5;}
 
.customer-portal .card-field-div div.addui-input-container.addui-input-hasValue .addui-input-placeholder, 
.customer-portal .card-field-div div.addui-input-container input.addui-input-input:focus+div.addui-input-placeholder,
.customer-portal .card-field-div div.addui-input-container div.addui-input-placeholder {color: rgba(255,255,255,0.8) !important;}

.customer-portal .card-field-div div.addui-input-container.addui-input-hasValue .addui-input-placeholder,
.customer-portal .card-field-div .custom-select-box .customer-form-label, 
.customer-portal .card-field-div div.addui-input-container input.addui-input-input:focus+div.addui-input-placeholder {color: rgba(255,255,255,0.6) !important;}

.customer-portal .card-field-div input, .customer-portal .card-field-div .chosen-container-single .chosen-single span {color: rgba(255,255,255,0.8) !important; font-size: 15px !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);}
.customer-portal .card-field-div .chosen-container-single .chosen-single span {margin-right: 0px;}

.customer-portal .card-field-div div.addui-input-container input.addui-input-input, 
.customer-portal .card-field-div div.addui-input-container input.addui-input-input:focus,
.customer-portal .card-field-div div.addui-input-container input.addui-input-input:focus:focus,
.customer-portal .card-field-div .chosen-container-single .chosen-single {border-bottom: 1px solid rgba(255,255,255,0.2) !important;}

.customer-portal .card-field-div .chosen-container-single .chosen-single {background-color: transparent !Important;}
.customer-portal .card-field-div .chosen-container .chosen-drop {width: 200%;}

.customer-portal .dtp-select-year-after i, .customer-portal .dtp-select-month-after i, .customer-portal .dtp-select-year-before i, .customer-portal .dtp-select-month-before i, .customer-portal .dtp-close i, .customer-portal .dtp-picker-year .dtp-select-year-range {font-size: 0px !important; }
.customer-portal .dtp-picker-year .dtp-select-year-range, .customer-portal .dtp-picker-year .dtp-select-year-range:hover, .customer-portal .dtp-picker-year .dtp-select-year-range:focus {background-color: transparent !important; border: 0px !important; position: relative; height: 40px; box-shadow: none;}
.customer-portal .dtp-picker-year .dtp-select-year-range:before {position: absolute; font-family: 'android' !important; font-size: 20px; font-style: normal; line-height: 40px; top: 0px; left: 50%; width: 40px; margin-left: -20px;}
.customer-portal .dtp-picker-year .dtp-select-year-range.before:before {content: "\ed89";}
.customer-portal .dtp-picker-year .dtp-select-year-range.after:before {content: "\ed86";}
.customer-portal .dtp-select-year-after i:before, .customer-portal .dtp-select-month-after i:before, .customer-portal .dtp-select-year-before i:before, .customer-portal .dtp-select-month-before i:before, .customer-portal .dtp-close i:before {font-family: 'android' !important; font-size: 20px; color: #FFF; font-style: normal; }
.customer-portal .dtp-select-year-after i:before, .customer-portal .dtp-select-month-after i:before {content: "\ed88";}
.customer-portal .dtp-select-year-before i:before, .customer-portal .dtp-select-month-before i:before {content: "\ed87";}
.customer-portal .dtp-close i:before {content: "\f16c"; font-size: 10px;}
.customer-portal .dtp-buttons .btn {background-color:transparent !important; border: 0px hidden transparent !important; font-weight: bold;}
.customer-portal .dtp-buttons .btn:hover  {box-shadow: none;}

.customer-portal .card-field-div .card-swipe-tape {background-color: #000; width: 370px; height: 50px; margin: 0px -30px 20px -30px;}

.customer-portal .add-card-form {float: left; width: 360px;}
.customer-portal .fix-input-width .input-field-div {float: left; width: 250px; margin-right: 30px;}
.customer-portal .default-tab .nav-tabs li {background-color: rgba(0,0,0,0.05); border: 0px;}
.customer-portal .default-tab .nav-tabs li a {padding: 0px 20px; color: rgba(0,0,0,0.4) !important; }
.customer-portal .default-tab .nav-tabs li.active {position: relative;}
.customer-portal .default-tab .nav-tabs li.active:before {content: ""; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background: #649ae1 !important; z-index: 1; transition: 0.5s; border: 2px solid #333 !important; } 
.customer-portal .default-tab .nav-tabs li.active a {box-shadow: none !important; background-color: transparent !important; color: #333 !important;}
.customer-portal .default-tab .nav-tabs li:hover a {box-shadow: none !important; background-color: transparent !important; color: #333;}
.customer-portal .profile-tabs .default-tab .nav-tabs li {background-color: rgba(0,0,0,0.0); border: 0px;}
.customer-portal .profile-tabs .default-tab .nav-tabs li a {line-height: 40px; font-size: 12px; text-transform: uppercase;}
.customer-portal.profile-page .profile-tabs .default-tab.profile-tab .nav-tabs li {background-color: transparent;}
.customer-portal.profile-page .profile-tabs .default-tab.profile-tab { margin-top: -10px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px;}
.customer-portal.profile-page .profile-header-btn {float: right;}
.customer-portal.profile-page .profile-header-btn .btn {min-width: 150px; margin-top: 48px;}
.customer-portal.profile-page .profile-header-btn .btn:hover {box-shadow: none !important;}
.blank-div { width: 500px; height: 250px; margin: 50px auto 50px auto; background-color: #fff; position: relative;}
.blank-div .center-circle { width: 150px; height: 150px; margin-top: -75px; margin-left: -75px; border-radius: 100px; background-color: #eee; position: absolute; top: 50%; left: 50%; text-align: center;}
.blank-div .center-circle.outer-circle-1 { width: 202px; height: 202px; margin-top: -101px; margin-left: -101px; border-radius: 202px; background-color: transparent; border: 2px solid #eee; border-left-width: 0px; border-right-width: 0px; transform: rotateZ(-30deg); border-style: dashed;}
.blank-div .center-circle.outer-circle-2 { width: 176px; height: 176px; margin-top: -88px; margin-left: -88px; border-radius: 176px; background-color: transparent; border: 2px solid #eee; border-top-width: 0px; border-bottom-width: 0px; transform:  rotateZ(135deg);  }
.blank-div .center-circle.outer-circle-3 { width: 228px; height: 228px; margin-top: -114px; margin-left: -114px; border-radius: 228px; background-color: transparent; border: 2px solid #eee; border-left-width: 0px; border-right-width: 0px; transform:  rotateZ(280deg); }
.blank-div .center-circle.icon-circle-div { width: 228px; height: 228px; margin-top: -114px; margin-left: -114px; border-radius: 228px; background-color: transparent; }
.blank-div .center-circle i:before {line-height: 150px; text-align: center; font-size: 75px; color: #aaa; }
.bank-tab .blank-div .center-circle i:before {font-size: 50px;}
.blank-div .circle-icon {position: absolute; width: 80px; height: 80px; margin-left: -25px; margin-right: -25px; font-size: 30px; line-height: 50px; text-align: center; border-radius: 80px; border: 0px solid #eee; opacity: 0.5;} 

.blank-div .center-circle.icon-circle-div .circle-icon {position: absolute; width: 80px; height: 80px; margin-left: -25px; margin-right: -25px; font-size: 30px; line-height: 50px; text-align: center; border-radius: 80px; border: 0px solid #eee;} 
.blank-div .circle-icon i{line-height: 80px; text-align: center;} 
.blank-div .center-circle.icon-circle-div .circle-icon i {line-height: 80px; text-align: center;} 

.blank-div .circle-icon.icon-1 {top: 100px; left: 120px; font-size: 20px;} 
.blank-div .circle-icon.icon-1 i {font-size: 20px !important;}
.bank-tab .blank-div .circle-icon.icon-1 i {font-size: 30px !important;}

.blank-div .circle-icon.icon-2 {top: -20px; left: 280px; font-size: 25px;} 
.blank-div .circle-icon.icon-2 i {font-size: 25px !important;}

.blank-div .circle-icon.icon-3 {top: 110px; left: 345px; font-size: 25px;} 
.blank-div .circle-icon.icon-3 i {font-size: 25px !important;}

.blank-div .circle-icon.icon-4 {top: 30px; left: 135px; font-size: 30px;} 
.blank-div .circle-icon.icon-4 i {font-size: 30px !important;}

.blank-div .circle-icon.icon-5 {top: 35px; left: 340px; font-size: 20px;} 
.blank-div .circle-icon.icon-5 i {font-size: 20px !important;}

.blank-div .circle-icon.icon-6 {top: 170px; left: 150px; font-size: 25px;} 
.blank-div .circle-icon.icon-6 i {font-size: 25px !important;}

.blank-div .circle-icon.icon-7 {top: -20px; left: 190px; font-size: 20px;} 
.blank-div .circle-icon.icon-7 i {font-size: 20px !important;}

.blank-div .circle-icon.icon-8 {top: 170px; left: 310px; font-size: 25px;} 
.blank-div .circle-icon.icon-8 i {font-size: 25px !important;}

.blank-div .circle-icon.icon-9 {top: 200px; left: 230px; font-size: 25px;} 
.blank-div .circle-icon.icon-9 i {font-size: 25px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-1 {top: 55px; left: -16px; font-size: 20px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-1 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-1 i:before {font-size: 20px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-2 {top: -66px; left: 145px; font-size: 25px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-2 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-2 i:before {font-size: 25px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-3 {top: 64px; left: 209px; font-size: 25px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-3 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-3 i:before {font-size: 25px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-4 {top: -16px; left: -1px; font-size: 30px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-4 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-4 i:before {font-size: 30px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-5 {top: -11px; left: 204px; font-size: 20px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-5 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-5 i:before {font-size: 20px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-6 {top: 124px; left: 14px; font-size: 25px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-6 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-6 i:before {font-size: 25px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-7 {top: -67px; left: 54px; font-size: 20px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-7 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-7 i:before {font-size: 20px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-8 {top: 124px; left: 174px; font-size: 25px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-8 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-8 i:before {font-size: 25px !important;}

.blank-div .center-circle.icon-circle-div .circle-icon.icon-9 {top: 154px; left: 94px; font-size: 25px;} 
.blank-div .center-circle.icon-circle-div .circle-icon.icon-9 i, .blank-div .center-circle.icon-circle-div .circle-icon.icon-9 i:before {font-size: 25px !important;}

.blank-page-text {width: 500px; margin: 0 auto 30px auto; text-align: center;}
.blank-page-text .blank-page-text-desc { margin: 20px auto;}

.tube_one {animation: tube_one 1s linear;  -webkit-animation: tube_one 1s linear;}
@keyframes tube_one {
    0% { opacity:0; }
   20% { opacity:1; }
   22% { opacity:0.2; }
   30% { opacity:1; }
   31% { opacity:0; }
   40% { opacity:0.3; }
   45% { opacity:1; }
   56% { opacity:0; }
   69% { opacity:0.11; }
   73% { opacity:0.20; }
   80% { opacity:0.24; }
   95% { opacity:0.28; }
  100% { opacity:1; }
}
@-webkit-keyframes tube_one {
    0% { opacity:0; }
   20% { opacity:1; }
   22% { opacity:0.2; }
   30% { opacity:1; }
   31% { opacity:0; }
   40% { opacity:0.3; }
   45% { opacity:1; }
   56% { opacity:0; }
   69% { opacity:0.11; }
   73% { opacity:0.20; }
   80% { opacity:0.24; }
   95% { opacity:0.28; }
  100% { opacity:1; }
}
.tube_two {animation: tube_two 3s linear;  -webkit-animation: tube_two 3s linear;}
@keyframes tube_two {
    0% { opacity:0; }
   10% { opacity:1; }
   15% { opacity:0.13; }
   22% { opacity:1; }
   28% { opacity:0; }
   44% { opacity:0.4; }
   45% { opacity:1; }
   52% { opacity:0; }
   60% { opacity:0.15; }
   69% { opacity:0.23; }
   85% { opacity:0.30; }
   95% { opacity:0.35; }
  100% { opacity:1; }
}
@-webkit-keyframes tube_two {
    0% { opacity:0; }
   10% { opacity:1; }
   15% { opacity:0.13; }
   22% { opacity:1; }
   28% { opacity:0; }
   44% { opacity:0.4; }
   45% { opacity:1; }
   52% { opacity:0; }
   60% { opacity:0.15; }
   69% { opacity:0.23; }
   85% { opacity:0.30; }
   95% { opacity:0.35; }
  100% { opacity:1; }
}
.tube_three {animation: tube_three 5s linear;  -webkit-animation: tube_three 5s linear;}
@keyframes tube_three {
    0% { opacity:0; }
   15% { opacity:1; }
   20% { opacity:0.13; }
   26% { opacity:1; }
   29% { opacity:0; }
   35% { opacity:0.4; }
   47% { opacity:1; }
   52% { opacity:0; }
   62% { opacity:0.20; }
   76% { opacity:0.22; }
   89% { opacity:0.26; }
   95% { opacity:0.30; }
  100% { opacity:1; }
}
@-webkit-keyframes tube_three {
    0% { opacity:0; }
   15% { opacity:1; }
   20% { opacity:0.13; }
   26% { opacity:1; }
   29% { opacity:0; }
   35% { opacity:0.4; }
   47% { opacity:1; }
   52% { opacity:0; }
   62% { opacity:0.20; }
   76% { opacity:0.22; }
   89% { opacity:0.26; }
   95% { opacity:0.30; }
  100% { opacity:1; }
}
.tube_four {animation: tube_four 4s linear;  -webkit-animation: tube_four 4s linear;}
@keyframes tube_four {
    0% { opacity:0; }
   13% { opacity:1; }
   25% { opacity:0.22; }
   28% { opacity:1; }
   33% { opacity:0; }
   35% { opacity:0.5; }
   49% { opacity:1; }
   55% { opacity:0; }
   69% { opacity:0.15; }
   72% { opacity:0.20; }
   84% { opacity:0.23; }
   96% { opacity:0.29; }
  100% { opacity:1; }
}
@-webkit-keyframes tube_four {
    0% { opacity:0; }
   13% { opacity:1; }
   25% { opacity:0.22; }
   28% { opacity:1; }
   33% { opacity:0; }
   35% { opacity:0.5; }
   49% { opacity:1; }
   55% { opacity:0; }
   69% { opacity:0.15; }
   72% { opacity:0.20; }
   84% { opacity:0.23; }
   96% { opacity:0.29; }
  100% { opacity:1; }
}
.tube_five {animation: tube_five 0.5s linear;  -webkit-animation: tube_five 0.5s linear;}
@keyframes tube_five {
    0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes tube_five {
    0% { opacity:0; }
  100% { opacity:1; }
}
.tube_six {animation: tube_six 3.5s linear;  -webkit-animation: tube_six 3.5s linear;}
@keyframes tube_six {
    0% { opacity:0; }
   13% { opacity:1; }
   22% { opacity:0.22; }
   31% { opacity:1; }
   40% { opacity:0; }
   49% { opacity:0.13; }
   58% { opacity:1; }
   67% { opacity:0; }
   76% { opacity:0.31; }
   85% { opacity:0.40; }
   94% { opacity:0.49; }
  100% { opacity:1; }
}
@-webkit-keyframes tube_six {
    0% { opacity:0; }
   13% { opacity:1; }
   22% { opacity:0.22; }
   31% { opacity:1; }
   40% { opacity:0; }
   49% { opacity:0.13; }
   58% { opacity:1; }
   67% { opacity:0; }
   76% { opacity:0.31; }
   85% { opacity:0.40; }
   94% { opacity:0.49; }
  100% { opacity:1; }
}

.rotation {
		-webkit-animation: rotation 8s infinite linear;
}
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
.reverse-rotation {
		-webkit-animation: reverse-rotation 8s infinite linear;
}
@-webkit-keyframes reverse-rotation {
		from {
				-webkit-transform: rotate(359deg);
		}
		to {
				-webkit-transform: rotate(0deg);
		}
}
.footer-feature-panel .footer-feature-content .footer-feature-div {text-align: center; padding: 25px; color: #aaa;}
.footer-feature-panel .footer-feature-content .footer-feature-div .footer-feature-icon { font-size: 30px; margin: 20px auto;}
.footer-feature-panel .footer-feature-content .footer-feature-div .footer-feature-header { font-size: 18px; margin: 10px auto;}
.footer-feature-panel .footer-feature-content .footer-feature-div .footer-feature-desc { font-size: 10px; margin: 5px auto;}
.customer-portal .customer-inner-header .header-btn-div {float: right;}
.customer-portal .profile-data-container .customer-inner-header {line-height: 33px;}
.customer-portal .profile-data-container .table-responsive table tr td i {font-size: 19px; line-height: 22px; }
.customer-portal .scroll_tabs_container .scroll_tab_right_button,
.customer-portal .scroll_tabs_container .scroll_tab_left_button, 
.customer-portal .scroll_tabs_container .scroll_tab_left_button_disabled,
.customer-portal .scroll_tabs_container .scroll_tab_right_button_disabled {background-color: transparent; font-size: 18px;}
.customer-portal .scroll_tabs_container .scroll_tab_left_button_disabled,
.customer-portal .scroll_tabs_container .scroll_tab_right_button_disabled {opacity: 0.4;}
.customer-portal .scroll_tabs_container .scroll_tab_left_button::before {content: "\ed87"; font-family: 'android' !important;}
.customer-portal .scroll_tabs_container .scroll_tab_right_button::before {content: "\ed88"; font-family: 'android' !important;}
.customer-portal .customer-inner-header .header-title-select {float: left; position: relative;}
.customer-portal .customer-inner-header .chosen-container {width: auto !important;  }
.customer-portal .customer-inner-header .chosen-container a.chosen-single {box-shadow: none !important; border: 0px hidden rgba(0,0,0,0) !important; padding-left: 0px;}
.customer-portal .customer-inner-header .chosen-container a.chosen-single span {margin-right: 8px !important; line-height: 33px; font-size: 13px; font-weight: bold; padding-right: 33px; position: relative;}
.customer-portal .customer-inner-header .chosen-container a.chosen-single span:before {position: absolute; top: 0px; right: 0px; width: 33px; height: 33px; text-align: center; line-height: 33px; content: "\ed86"; font-family: 'android' !important;} 
.customer-portal .customer-inner-header .chosen-container.chosen-with-drop a.chosen-single span:before {content: "\ed89";} 
.customer-portal .customer-inner-header .chosen-container .chosen-drop {width: 200px;}
.customer-portal .customer-inner-header .chosen-container .chosen-drop .chosen-search input {line-height: 31px; padding: 0px 10px;}

.customer-portal .customer-inner-header .customer-form-label {font-size: 10px; color: #000; font-weight: bold; float: left; text-transform: capitalize; margin-right: 10px;}
.customer-portal .profile-tabs .customer-inner-header {height: 33px; margin: 10px 0px 20px 0px !important;}

.customer-portal .profile-data-container table tr th.left-info {text-align: left !important;}
.customer-portal .profile-data-container table tr td.left-info {text-align: left !important;}

.customer-portal .user-list-container { }
.customer-portal .user-list-div {border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 0px 20px 0px; margin: 10px 0px 0px 0px;}
.customer-portal .user-list-number {width: 40px; height: 40px; background-color: #333; border-radius: 40px; color: #FFF; margin-right: 20px; text-align: center; line-height: 40px;}
.customer-portal .user-list-action {cursor: pointer;}
.customer-portal .user-list-action i:before {width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; font-size: 20px; display: block; margin-left: 20px; opacity: 0.4; transition-duration: 0.5s;}
.customer-portal .user-list-action:hover i:before {opacity: 1}
.customer-portal .user-list-img {width: 40px; height: 40px; background-color: #333; border-radius: 40px; color: #FFF; margin-right: 20px; text-align: center; line-height: 40px;}
.customer-portal .user-list-img i:before {width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; font-size: 35px; display: block;}
.customer-portal .user-list-img img {height: 40px; width: 40px; border-radius: 40px;}
.customer-portal .user-list-detail {}
.customer-portal .user-list-lable {font-size: 14px; font-weight: bold;}
.customer-portal .user-list-desc {}
.customer-portal .user-list-info {font-size: 10px;}
.customer-portal .user-list-info.main-info { font-size: 12px; font-weight: bold;}
.customer-portal .user-list-amount {border: 1px solid #333; color: #333; border-radius: 4px; line-height: 31px; padding: 0px 20px; text-align: center; font-size: 12px;}
.customer-portal .user-list-btn {border-radius: 4px; background-color: #333; color: #FFF; padding: 0px 20px; line-height: 31px; text-align: center; margin-top: 10px; font-size: 12px;}
.customer-portal .user-list-left-data {float: left;}
.customer-portal .user-list-center-data {float: left; text-align: left;}
.customer-portal .user-list-right-data {float: right;}
.customer-portal .user-list-right-data .tr-status {margin: 9px 0px;}

.customer-portal .txn-list-container { }
.customer-portal .txn-list-div {border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 0px 20px 0px; margin: 10px 0px 0px 0px;}
.customer-portal .txn-list-number {width: 40px; height: 40px; background-color: #333; border-radius: 40px; color: #FFF; margin-right: 20px; text-align: center; line-height: 40px;}
.customer-portal .txn-list-action {cursor: pointer;}


/*.customer-portal .txn-list-action .tr-status {position: relative;}
.customer-portal .txn-list-action .tr-status.success {border: 1px solid #4bc076; padding-left: 31px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .txn-list-action .tr-status.success:before { content: "\ebc1"; font-family: 'android' !important; font-size: 13px; color: #4bc076; width: 20px; height: 20px; line-height: 22px; text-align: center; top: 0px; left: 1px; position: absolute; font-weight: bold;}
.customer-portal .txn-list-action .tr-status.failed {border: 1px solid #EC6F5A; padding-left: 31px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .txn-list-action .tr-status.failed:before { content: " "; width: 9px; height: 2px; background-color: #EC6F5A; top: 9px; left: 6px; position: absolute;}*/

.customer-portal .txn-list-action .tr-status {position: relative; font-size: 13px; font-family: 'open_sanssemibold'; margin: 0px;}
.customer-portal .txn-list-action .tr-status.success {border: 0px solid #4bc076; color:#4bc076; background-color: #FFF; padding-left: 22px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .txn-list-action .tr-status.success:before { content: "\ebc8"; font-family: 'android' !important; font-size: 18px; color: #4bc076; width: 21px; height: 21px; line-height: 21px; text-align: center; top: 0px; left: 1px; position: absolute; }
.customer-portal .txn-list-action .tr-status.failed {border: 0px solid #EC6F5A; color:#EC6F5A; background-color: #FFF;  padding-left: 22px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .txn-list-action .tr-status.failed:before { content: "\ee80";font-family: 'android' !important; font-size: 18px; color: #EC6F5A; width: 21px; height: 21px; line-height: 21px; text-align: center; top: 0px; left: 1px; position: absolute; }

.customer-portal .txn-list-action i:before {width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; font-size: 20px; display: block; margin-left: 20px; opacity: 0.4; transition-duration: 0.5s;}
.customer-portal .txn-list-action:hover i:before {opacity: 1}
.customer-portal .txn-list-img {width: 40px; height: 40px; background-color: #333; border-radius: 40px; color: #FFF; margin-right: 20px; text-align: center; line-height: 40px;}
.customer-portal .txn-list-img i:before {width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; font-size: 35px; display: block;}
.customer-portal .txn-list-img img {height: 40px; width: 40px; border-radius: 40px;}
.customer-portal .txn-list-date {width: 60px; height: 60px; background-color: #333; border: 1px solid #333; border-radius: 4px; color: #FFF; margin-right: 20px; text-align: center; box-shadow: inset 0px -20px 0px 0px rgba(255,255,255,0.8); padding: 7px;}
.customer-portal .txn-list-full-date {color: #FFF; font-size: 10px; line-height: 12px;}
.customer-portal .txn-list-time {color: #333; font-size: 8px; line-height: 20px; font-weight: bold; margin-top: 5px;}
.customer-portal .txn-list-detail {}
.customer-portal .txn-list-lable {font-size: 14px; font-weight: bold;}
.customer-portal .txn-list-desc {}
.customer-portal .txn-list-info {font-size: 10px;}
.customer-portal .txn-list-info.main-info { font-size: 12px; font-weight: bold;}
.customer-portal .txn-list-amount {border: 1px solid #333; color: #333; border-radius: 4px; line-height: 31px; padding: 0px 20px; text-align: center; font-size: 12px;}
.customer-portal .txn-list-btn {border-radius: 4px; background-color: #333; color: #FFF; padding: 0px 20px; line-height: 31px; text-align: center; margin-top: 10px; font-size: 12px;}

.customer-portal .txn-list-left-data {float: left;}
.customer-portal .txn-list-center-data {float: left; text-align: left;}
.customer-portal .txn-list-right-data {float: right;}
.customer-portal .txn-list-right-data .tr-status {margin: 9px 0px;}

.status-text {font-weight: bold;}
.status-text.success {color: #4bc076;}
.status-text.failed {color: #EC6F5A;}
.status-text.pending {color: #fed24d;}
.status-text.primary {color: #333;}


.customer-portal .noti-list-container { }
.customer-portal .noti-list-div {border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 0px 20px 0px; margin: 10px 0px 0px 0px;}
.customer-portal .noti-list-div.date-header {background-color: rgba(0,0,0,0.04); padding: 10px; font-size: 11px; margin-top: 0px;}
.customer-portal .noti-list-div.date-header-option {padding: 10px 10px 20px 10px; }
.customer-portal .noti-list-number {width: 40px; height: 40px; background-color: #333; border-radius: 40px; color: #FFF; margin-right: 20px; text-align: center; line-height: 40px;}
.customer-portal .noti-list-action {cursor: pointer;}


/*.customer-portal .noti-list-action .tr-status {position: relative;}
.customer-portal .noti-list-action .tr-status.success {border: 1px solid #4bc076; padding-left: 31px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .noti-list-action .tr-status.success:before { content: "\ebc1"; font-family: 'android' !important; font-size: 13px; color: #4bc076; width: 20px; height: 20px; line-height: 22px; text-align: center; top: 0px; left: 1px; position: absolute; font-weight: bold;}
.customer-portal .noti-list-action .tr-status.failed {border: 1px solid #EC6F5A; padding-left: 31px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .noti-list-action .tr-status.failed:before { content: " "; width: 9px; height: 2px; background-color: #EC6F5A; top: 9px; left: 6px; position: absolute;}*/

.customer-portal .noti-list-action .tr-status {position: relative; font-size: 13px; font-family: 'open_sanssemibold'; margin: 0px;}
.customer-portal .noti-list-action .tr-status.success {border: 0px solid #4bc076; color:#4bc076; background-color: #FFF; padding-left: 22px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .noti-list-action .tr-status.success:before { content: "\ebc8"; font-family: 'android' !important; font-size: 18px; color: #4bc076; width: 21px; height: 21px; line-height: 21px; text-align: center; top: 0px; left: 1px; position: absolute; }
.customer-portal .noti-list-action .tr-status.failed {border: 0px solid #EC6F5A; color:#EC6F5A; background-color: #FFF;  padding-left: 22px; box-shadow: inset 20px 0px 0px 0px rgba(255,255,255,1);}
.customer-portal .noti-list-action .tr-status.failed:before { content: "\ee80";font-family: 'android' !important; font-size: 18px; color: #EC6F5A; width: 21px; height: 21px; line-height: 21px; text-align: center; top: 0px; left: 1px; position: absolute; }


.customer-portal .noti-list-action i:before {width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; font-size: 20px; display: block; margin-left: 20px; opacity: 0.4; transition-duration: 0.5s;}
.customer-portal .noti-list-action:hover i:before {opacity: 1}
.customer-portal .noti-list-img {width: 40px; height: 40px; background-color: #333; border-radius: 40px; color: #FFF; margin-right: 20px; text-align: center; line-height: 40px;}
.customer-portal .noti-list-img i:before {width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; font-size: 25px; display: block; color: #FFF;}
.customer-portal .noti-list-img img {height: 40px; width: 40px; border-radius: 40px;}
.customer-portal .noti-list-date {width: 60px; height: 60px; background-color: #333; border: 1px solid #333; border-radius: 4px; color: #FFF; margin-right: 20px; text-align: center; box-shadow: inset 0px -20px 0px 0px rgba(255,255,255,0.8); padding: 7px;}
.customer-portal .noti-list-full-date {color: #FFF; font-size: 10px; line-height: 12px;}
.customer-portal .noti-list-time {color: #333; font-size: 8px; line-height: 20px; font-weight: bold; margin-top: 5px;}
.customer-portal .noti-list-detail {}
.customer-portal .noti-list-lable.mini-lable {font-size: 9px;}
.customer-portal .noti-list-lable {font-size: 14px; font-weight: bold;}
.customer-portal .second-option .noti-list-lable {margin-bottom: 5px;}
.customer-portal .date-header-option .noti-list-lable {margin-bottom: 3px;}
.customer-portal .noti-list-desc {}
.customer-portal .noti-list-info {font-size: 10px;}
.customer-portal .noti-list-info.main-info { font-size: 12px; font-weight: bold;}
.customer-portal .noti-list-amount {border: 1px solid #333; color: #333; border-radius: 4px; line-height: 31px; padding: 0px 20px; text-align: center; font-size: 12px;}
.customer-portal .noti-list-btn {border-radius: 4px; background-color: #333; color: #FFF; padding: 0px 20px; line-height: 31px; text-align: center; margin-top: 10px; font-size: 12px;}
.customer-portal .noti-list-left-data {float: left;}
.customer-portal .date-header .noti-list-left-data {margin-left: 10px;}
.customer-portal .noti-list-center-data {float: left; text-align: left; }
.customer-portal .second-option .noti-list-center-data {margin-right: 40px;}
.customer-portal .date-header .noti-list-center-data {float: none; width: 150px; margin: 0 auto; text-align: center; font-weight: bold;}
.customer-portal .date-header .noti-list-right-data {margin-right: 10px;}
.customer-portal .date-header-option .noti-list-right-data {text-align: right;}
.customer-portal .noti-list-right-data {float: right;}
.customer-portal .noti-list-right-data .tr-status {margin: 9px 0px;}

.profile-div {max-width: 500px; margin: 10px auto; border-radius: 4px; padding: 30px; position: relative;}
.profile-img {width: 120px; height: 120px; margin: 0px auto; border-radius: 120px; position: relative; }
.profile-img img {width: 120px; height: 120px; border-radius: 120px; overflow: hidden;}
.profile-img .upload-image-icon {width: 40px; height: 40px; border-radius: 40px; position: absolute; bottom: 0px; right: 0px; background-color: rgba(255,255,255,0.9); border: 1px solid rgba(0,0,0,0.1); line-height: 40px; cursor: pointer;}
.profile-img .upload-image-icon i:before { width: 37px; height: 37px; border-radius: 37px; line-height: 38px; color: #888; font-size: 17px; text-align: center; display: block;}
.profile-name {padding: 10px 0px 00px 0px; margin: 5px auto; font-size: 20px; font-weight: bold;}
.profile-number { margin: 5px auto; font-size: 14px;}
.profile-kyc-status { margin: 0px auto; }
.profile-kyc-status .tr-status {float: none;}
.profile-desc {font-size: 12px; margin: 5px 0px; float: left; }
.profile-main-info {margin: 0px 0px 30px 0px;}
.profile-detail-info {margin: 5px 0px;}
.profile-balance {background-color: #FFF; border-radius: 4px; color: #000; font-weight: bold; line-height: 25px; padding-left: 10px; font-size: 12px; box-shadow: inset -25px 0px 0px 0px rgba(0,0,0,0.7); display: inline-block; margin: 0px auto 5px auto; border: 1px solid #4c4c4c;}
.profile-balance .profile-balance-amount {float: left; margin-right: 25px;}
.profile-balance i {color: #FFF; float: left; margin:0px 7px 0px -10px;}
.profile-balance i:before {width: 25px; height: 25px; line-height: 25px; text-align: center; }
.profile-main-text-info {text-align: center;}
.profile-main-info.side-by-side {position: relative;}
.profile-main-info.side-by-side .profile-img {float: left; margin: 0px;}
.profile-main-info.side-by-side .profile-main-text-info {float: left; text-align: left; margin: 0px 0px 0px 30px; }
.profile-main-info.side-by-side .profile-main-text-info .profile-name {margin: 0px; padding: 0px;}
.profile-main-info.side-by-side .profile-main-text-info .profile-balance {margin-left: 2px;}
/*.profile-main-info.side-by-side .profile-main-text-info .profile-kyc-status {position: absolute; right: 0px; top: 10px;}*/
.profile-main-info.side-by-side .profile-main-text-info .profile-kyc-status .tr-status {float: left;}
.profile-main-sub-text-info .col-md-6 { padding: 0px !important; margin-right: 10px; white-space: nowrap; float: left;}
.profile-text-sub-info {font-size: 13px; margin: 5px 0px;}

.customer-portal .profile-form-div {max-width: 600px; margin: 10px auto; border-radius: 4px; padding: 30px;}
.customer-portal .profile-form-div .chosen-container-single .chosen-single {background-color: transparent;}

.customer-portal.login-loading-effect {/*background-image: url(../images/login_BG.jpg); background-size: cover; background-position: center center;*/ position: relative}
.customer-portal.login-loading-effect:before {background-image: url(../images/login_BG.jpg); background-size: cover; background-position: center center; position: absolute; left: 0px; right: 0px; top: 0px; border: 0px; height: 100%; width: 100%; filter: grayscale(100%);}
.customer-portal.login-loading-effect .login-box {width: 380px !important; position: relative !important; margin: 40px auto 0px auto !important; left: auto !important; right: auto !important;}
.customer-portal.login-loading-effect .login-box .main-login  {background-color: #FFF; border: 0px !important; padding: 40px 50px;}
.customer-portal.login-loading-effect .login-box .brand-logo {border-radius: 4px; width: 60%; height: 100%; position: absolute; left: -185px; background-color: #333; top: -50px; padding-right: 30px;}
.customer-portal.login-loading-effect .login-box .brand-logo:before {background-color: #333; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; background-image: url(../images/login_BG.jpg); background-size: cover; background-position: center center; opacity: 0.4;}
.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon {position: absolute; top: 50%; margin-top: -30px; right: 30px; left: 00px;}
.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path2:before {line-height: 60px;}
.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path1:before {color: #FFF; }
.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path2:before {color: #FFF; }
.customer-portal.login-loading-effect .login-box .login-input-div {margin: 10px 0px 30px 0px;}  
.customer-portal.login-loading-effect .login-box .login-option-div {margin: 20px 0px 20px 0px;}  
.customer-portal.login-loading-effect .login-box .login-btn-div {margin: 20px 0px 10px 0px;}  
.customer-portal.login-loading-effect .login-box .login-extra-div {margin: 50px 0px -20px 0px;}  
.customer-portal.login-loading-effect .login-box .login-extra-div a {font-size: 12px; color: #bbb;}  
.customer-portal.login-loading-effect .login-box .login-title-div {margin: 0px 0px 50px 0px; position: relative; padding: 15px 30px; font-weight: bold; font-size: 15px;}
.customer-portal.login-loading-effect .login-box .login-title-div span {font-size: 10px; display: block; }  
.customer-portal.login-loading-effect .login-box .login-title-div:before {position: absolute; top: 0px; content: " "; left: 0px; width: 5px; background-color: #333; bottom: 0px;}  
.customer-portal.login-loading-effect .login-box .main-login .login-style-4.text-in.text-up-only .inpt-txt { top: 0px; font-weight: bold; font-size: 10px;}

.customer-portal.login-loading-effect .login-box .main-login .login-style-4.form-group.has-feedback input[type="text"],
.customer-portal.login-loading-effect .login-box .main-login .login-style-4.form-group.has-feedback input[type="password"] {border-radius: 0px !important; padding-left: 0px !important;}

.customer-portal.login-loading-effect .login-box .main-login .login-style-4.form-group.has-icon .input-icon {left: auto; right: 0px;}
.customer-portal.login-loading-effect .login-box .main-login .login-style-4.form-group.text-in.has-icon .inpt-txt {padding-left: 0px !important;}
.customer-portal.login-loading-effect .login-box .main-login .remember-forget {font-size: 12px;}
.customer-portal.login-loading-effect .login-box .main-login .boot-style.one-input .remember-forget label {width: 100%; text-align: left;}
.customer-portal.login-loading-effect .login-box .main-login .boot-style.one-input .remember-forget a {line-height: 31px;}

.customer-portal.login-loading-effect .login-box .main-login .boot-style-4 .login-style-4 input.form-control,
.customer-portal.login-loading-effect .login-box .main-login .boot-style-4 .login-style-4 select {height: 31px !important;}
.customer-portal.login-loading-effect .login-box .main-login .login-style-4 .inpt-txt {font-size: 12px;}
.customer-portal.login-loading-effect .login-box .main-login .login-style-4.text-in {height: 31px;}

.customer-portal.login-loading-effect .login-box .main-login .btn {text-transform: uppercase;}
.customer-portal.login-loading-effect .login-box .main-login .panel-body {padding: 0px;}

.customer-portal.login-loading-effect .main-login .form-group.has-icon .input-icon.set-size {font-size: 18px; width: 31px;    height: 31px; line-height: 31px;}
.customer-portal.login-loading-effect .main-login .flip-clock-wrapper {margin: 0px;}
.customer-portal.login-loading-effect .main-login .flip-clock-divider, .customer-portal.login-loading-effect .main-login .flip {display: none;}
.customer-portal.login-loading-effect .main-login .flip.play {display: inline-block; float: none;}

.customer-portal.login-loading-effect .main-login .flip-clock-wrapper ul li a div div.inn {background: #023761; /* Old browsers */
background: -moz-linear-gradient(top, #023761 4%, #7295b5 4%, #005081 47%, #147bb6 70%, #47bef0 93%, #00abe5 94%, #02a8e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #023761 4%,#7295b5 4%,#005081 47%,#147bb6 70%,#47bef0 93%,#00abe5 94%,#02a8e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #023761 4%,#7295b5 4%,#005081 47%,#147bb6 70%,#47bef0 93%,#00abe5 94%,#02a8e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023761', endColorstr='#02a8e4',GradientType=0 ); /* IE6-9 */}
.customer-portal.login-loading-effect .main-login  .flip-clock-wrapper ul li a div.up:after {background-color: rgba(255, 255, 255, 1);}


.new-design.customer-portal .bar-mnu {height: 40px; width: 40px;}
.new-design.customer-portal .customer-body {max-width: 1300px;}
.new-design.customer-portal.header-min-width .main-header {max-width: 1300px;}
.new-design.customer-portal.footer-min-width .footer {max-width: 1300px; background-color: transparent; box-shadow: none; opacity: 0.5; position: relative;}
.new-design.customer-portal.all-small .main-content {margin-bottom: 0px;}
.new-design.customer-portal .header-gradient,
.new-design.customer-portal .header-image {top: 40px;}
.new-design.customer-portal .check-balance .mobifin-receipt .receipt-table.list-table {padding: 10px 15px 0px 15px;}
.new-design.customer-portal .check-balance .mobifin-receipt .receipt-table table tr th.receipt-desc,
.new-design.customer-portal .check-balance .mobifin-receipt .receipt-table table tr td.receipt-desc {line-height: 24px !important;}
.new-design.customer-portal .check-balance .mobifin-receipt .receipt-table table tr th.receipt-label,
.new-design.customer-portal .check-balance .mobifin-receipt .receipt-table table tr td.receipt-label {line-height: 24px !important;}
.new-design.customer-portal .check-balance .mobifin-receipt .receipt-table.total-table {padding: 0px 15px 3px 15px;}
.new-design.customer-portal .user-div {margin-top: 0px; text-align: center;}
.new-design.customer-portal .user-info-div {width: auto; display: inline-block; margin: 10px auto;}
.new-design.customer-portal .user-img {margin: 0px 20px;}
.new-design.customer-portal .user-detail {padding: 5px 0px; text-align: left;}
.new-design.customer-portal .user-detail.no-balance {padding: 7px 0px;}
.new-design.customer-portal .user-detail .user-desc {}
.new-design.customer-portal .user-detail .user-name {line-height: 30px;}

.new-design.customer-portal .check-balance .mobifin-receipt.balance-data {box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1), inset 0px -35px 0px 0px rgba(0,0,0,1);}
.new-design.customer-portal .panel-grey .panel-body {padding: 10px 15px;}
.new-design.customer-portal .customer-inner-header {margin-bottom: 10px; font-size: 12px;}
.new-design.customer-portal .panel.inside-hIding.tools-panel .tools-list {margin-top: 15px;}
.new-design.customer-portal .tools-list li {font-size: 11px;}
.new-design.customer-portal .tools-list li a.more-button { right: -5px;  top: -3px; line-height: 25px;}

.new-design.customer-portal.cases-agent .user-service-div .mobifin-services.wallet-services.owl-carousel {padding-bottom: 0px; margin-top: 0px;}
.new-design.customer-portal .mobifin-services .mobifin-ser-div {margin-bottom: 0px;}
.new-design.customer-portal.all-small.trst-accnt.cases-agent .panel.inside-hIding {margin: 0px !important;}
.new-design.customer-portal.all-small.cases-agent .mobifin-services.wallet-services.sidebar-services {padding: 0px; margin: 0px;}
.new-design.customer-portal.all-small.cases-agent .mobifin-services.wallet-services.sidebar-services .mobifin-ser-div {float: left; height: 110px; width: 25%;}
.new-design.customer-portal.all-small.cases-agent .mobifin-services .mobifin-ser-icn i:before {font-size: 25px;}
.new-design.customer-portal.all-small.cases-agent .mobifin-services .mobifin-ser-icn i[class^="ms-icon-"]:before {font-size: 50px;}
/*.new-design.customer-portal .owl-carousel.sidebar-ser-list {margin-left: -10px; margin-right: -10px; width: auto; padding-left: 10px; padding-right: 10px;}
.new-design.customer-portal .sidebar-ser-list .mobifin-services .mobifin-ser-txt {padding: 5px 0px;}*/
.new-design.customer-portal.all-small.cases-agent .sidebar-ser-list.owl-carousel { padding: 0px 20px 0px 20px;}
.new-design.customer-portal .owl-carousel .owl-dots {margin: 5px 0px;}

.new-design.customer-portal.all-small.trst-accnt.cases-agent .panel.inside-hIding.all-services-div {margin-top: 10px !important;}
.new-design.customer-portal.all-small.trst-accnt.cases-agent .panel.inside-hIding.other-services-div {margin-top: 10px !important;}
.new-design.customer-portal .replace-data-sidebar {padding: 0px !important; /*padding-left: 20px !important;*/}
.new-design.customer-portal .user-img img, .new-design.customer-portal .user-img { width: 60px; height: 60px; border-radius: 60px;}
.new-design.customer-portal .input-label-div {float: left; width: 86%; padding: 0px 0% 0px 0px;}
.new-design.customer-portal .half-width .input-label-div {float: left; width: 50%; padding: 0px 4% 0px 0px;}
.new-design.customer-portal .half-width .input-label-div.full-width {width: 100%;}
.new-design.customer-portal .recent-transaction-container {height: auto; overflow-y: auto;}
.new-design.customer-portal .recent-transaction-div {padding: 0px 0px 10px 0px; margin: 10px 0px;}
.all-small.customer-portal .recent-transaction-amount {line-height: 22px; padding: 0px 10px;}
.all-small.customer-portal .recent-transaction-link {padding: 5px 10px 0px 10px;}

.all-small.customer-portal .default-tab .nav-tabs li.active:before {height: 3px; border: 0px solid #333 !important;}
.all-small.customer-portal .recharge-plans .default-tab .nav-tabs li a {font-size: 11px; }
.all-small.customer-portal .plans-amount {line-height: 22px; padding: 0px 5px; font-size: 10px; width: 70px; font-weight: bold;}
.all-small.customer-portal .plans-btn {line-height: 22px; padding: 0px 10px; font-size: 11px;}
.all-small.customer-portal .recharge-plans .scroll_tabs_container .scroll_tab_right_button,
.all-small.customer-portal .recharge-plans .scroll_tabs_container .scroll_tab_left_button,
.all-small.customer-portal .recharge-plans .scroll_tabs_container .scroll_tab_left_button_disabled,
.all-small.customer-portal .recharge-plans .scroll_tabs_container .scroll_tab_right_button_disabled {height: 30px;}

.all-small.customer-portal .recharge-plans .scroll_tabs_container .scroll_tab_left_button::before {line-height: 32px; margin-left: 4px;}
.all-small.customer-portal .recharge-plans .scroll_tabs_container .scroll_tab_right_button::before {line-height: 32px; margin-right: 4px;}
.all-small.customer-portal .footer .secondary ul {text-align: center;}
.all-small.customer-portal .footer .secondary ul li {display: inline-block; float: none;}
.all-small.customer-portal .custom-select-box {margin: 15px 0px;}
.all-small.customer-portal .custom-select-box .radio {margin: 15px 0px; border-bottom: 1px solid rgba(0,0,0,0.12) !important;}
.number-with-countrycode {position: relative;}
.number-with-countrycode .full {padding-left: 100px;}
.number-with-countrycode .custom-select-box {position: absolute; left: 0px; top: 0px; width: 80px; margin: 0px !important;}
.input-label-div input[type="text"], 
.input-label-div input[type="password"],
.input-label-div input[type="email"] {border-radius: 0px !important; border: 0px; border-bottom: 1px solid rgba(0,0,0,0.12) !important; font-size: 12px; padding: 0px; line-height: 31px; margin: 15px 0px; font-weight: bold;}
.customer-portal .custom-select-box .chosen-container {position: relative;}
.customer-portal .number-with-countrycode .custom-select-box .chosen-container .chosen-drop {width: 350% !important;}
.customer-portal .custom-select-box .chosen-container:before {position: absolute; font-family: 'android' !important; content: "\ed86"; right: 0px; line-height: 31px; width: 31px; top: 0px; text-align: center;     z-index: 99;}
.customer-portal .custom-select-box .chosen-container.chosen-with-drop:before {content: "\ed89";}
.customer-portal .custom-select-box .chosen-container-single .chosen-search input[type="text"] {padding: 0px 5px; line-height: 31px; margin: 0px;}
.with-one-icon, .with-sub-text {position: relative;}
.with-right-icon .input-icon {position: absolute; width: 31px; height: 31px; text-align: center; line-height: 31px; top: 0px; opacity: 0.33; transition-duration: 0.5s;}
.with-captcha .input-icon {position: absolute; height: 31px; top: -2px; right:0px; transition-duration: 0.5s;}
.with-captcha .addui-input-container input[type="text"] {padding-right:100px !important;}
.with-right-icon .input-icon.fst {right: 0px;}
.with-right-icon .input-icon.snd {right: 31px;}
.with-right-icon:hover .input-icon {opacity: 0.66;}
.with-right-icon:hover .input-icon:hover {opacity: 0.99;}
.with-right-icon .input-icon i {width: 31px; height: 31px; text-align: center; line-height: 31px; font-size: 14px; cursor: pointer;}
.with-right-icon.with-icon-text .input-icon {opacity: 0.50; top: -8px;}
.with-right-icon.with-icon-text .input-icon i {display: inline-block;}
.with-right-icon.with-icon-text .input-icon.fst i {font-size: 17px;}
.with-right-icon.with-icon-text .input-icon.snd {border-right: 1px solid #999;}
.with-right-icon.with-icon-text .input-icon-text {font-size: 8px; display: inline-block; line-height: 0px; margin-top: -3px; font-weight: bold;}

.customer-portal .with-ir-detail div.addui-input-container input.addui-input-input {/*width: 80px;  border-bottom: 0px solid rgba(0,0,0,0.12) !important;*/ padding-right: 70%;}
/*.customer-portal .with-ir-detail div.addui-input-container {border-bottom: 1px solid rgba(0,0,0,0.12);}*/
.with-ir-detail .customer-form-label.right-side-header { position: absolute; top: -15px; right: 0px; font-size: 10px; color: #aaa; font-weight: bold; white-space: nowrap;}
.with-ir-detail .customer-form-desc.right-data { position: absolute; top: 0px; right: 0px; line-height: 31px; font-size: 12px; color: #aaa; font-weight: bold; white-space: nowrap;}
.with-ir-detail .customer-form-desc.right-data .currency-icon { font-size: 10px; }
.with-ir-detail .customer-form-desc.center-data { position: absolute; top: 4px; right: 50%; width: 100px; margin-right: -50px; line-height: 25px; font-size: 9px; color: #aaa; white-space: nowrap; text-align: center;}
.customer-portal .with-right-icon div.addui-input-container input.addui-input-input, .customer-portal .with-right-icon div.addui-input-container input.addui-input-input:focus {padding-right: 31px;}
.with-sub-text .sub-text {position: absolute; top: 2px; right: 0px; font-size: 10px; color: #000; font-weight: bold; padding: 5px; border-radius: 4px; background-color: #FFF; cursor: pointer;}
.with-sub-text .sub-text.download-link {top: -5px;}
.with-sub-text .sub-text #sampleDownloadLink{display:none;}
.with-sub-text.with-right-icon .sub-text {right: 31px;}
.only-info .main-text {border-radius: 0px !important; border: 0px; border-bottom: 1px solid rgba(0,0,0,0.12) !important; font-size: 12px; padding: 0px; line-height: 31px; margin: 15px 0px; font-weight: bold; text-align: right;}
.customer-portal .only-info .custom-select-box .customer-form-label {top: 8px;}
.customer-portal .pending-invoice-div {min-height: 30px;}
.customer-portal .pending-invoice-div .custom-select-box .customer-form-label.right-side-header {left: auto; right: 0px;}
.customer-portal .pending-invoice-div .pending-invoice-table { border-bottom: 1px solid rgba(0,0,0,0.12) !important;}
.customer-portal .pending-invoice-div .pending-invoice-table table {width: 100%;}
.customer-portal .pending-invoice-div .pending-invoice-table table thead tr th,
.customer-portal .pending-invoice-div .pending-invoice-table table tfoot tr td {font-size: 10px !important; font-weight: bold; line-height: 30px !important; }
.customer-portal .pending-invoice-div .pending-invoice-table table tbody tr td {font-weight: bold; }
.customer-portal .pending-invoice-div .pending-invoice-table table thead tr th.month-td,
.customer-portal .pending-invoice-div .pending-invoice-table table tbody tr td.month-td,
.customer-portal .pending-invoice-div .pending-invoice-table table tfoot tr td.month-td {text-align: left !important;}
.customer-portal .pending-invoice-div .pending-invoice-table table thead tr th.amount-td,
.customer-portal .pending-invoice-div .pending-invoice-table table tbody tr td.amount-td,
.customer-portal .pending-invoice-div .pending-invoice-table table tfoot tr td.amount-td {text-align: right !important;}
.customer-portal .pending-invoice-div .pending-invoice-table table thead tr th.month-td,
.customer-portal .pending-invoice-div .pending-invoice-table table thead tr th.amount-td {padding-top: 5px !important; padding-bottom: 5px !important;}
.customer-portal .pending-invoice-div .pending-invoice-table table tfoot tr td.month-td,
.customer-portal .pending-invoice-div .pending-invoice-table table tfoot tr td.amount-td {padding-top: 5px; padding-bottom: 5px;}
.customer-portal .pending-invoice-div .pending-invoice-table table tfoot tr td.amount-td {border-top: 1px solid rgba(0,0,0,0.08) !important;}
.with-sub-text.in-select-dropdown .sub-text {right: 25px;}
.with-sub-text.in-select-dropdown .chosen-container-single .chosen-single {background-color: transparent;}
.customer-portal .dtp-buttons {text-align: center !important;}
.customer-portal .dtp-buttons .btn {display: inline-block; margin: 0px 5px;}
.customer-portal .dtp > .dtp-content {border-radius: 4px !important; overflow: hidden;}
.customer-portal .dtp div.dtp-actual-year {color: #FFF;}
.new-design.customer-portal .stand-alone-bc.inside-content .breadcrumb {margin: 0px 0px 2px 0px !important;}
.new-design.customer-portal .stand-alone-bc.inside-content {margin: -7px -15px 10px -15px;}
.all-small.customer-portal .stand-alone-bc .breadcrumb > li {font-weight: bold;}
.all-small.customer-portal .stand-alone-bc .breadcrumb > li a {font-weight: normal;}
.check-balance .mobifin-receipt {width: 250px;}
.mobifin-receipt table thead tr th .balance-sub-header {font-size: 9px; display: block; line-height: 6px;}
.tools-list-slider .owl-item {width: auto !important; border-right: 1px solid #ddd !important; margin-right: 10px !important;}
.tools-list-slider .owl-item:last-child {width: auto !important; border-right: 0px solid #ddd !important; margin-right: 0px !important;}
.tools-list-slider .owl-dots {display: none !important;}
.tools-list-slider .owl-prev, .tools-list-slider .owl-next {margin-top: -15px !important;}
.more-links {background-color: #333; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); border-radius: 4px;}
.more-links li {display: block; width: 100%; line-height: 30px; border-left: 0px !important; color: #FFF; padding: 0px !important;}
.more-links li a {display: block; width: 100%; line-height: 30px; border-left: 0px !important; border-bottom: 1px solid rgba(0,0,0,0.2); color: #FFF !important; padding: 0px 10px !important;}
.tools-list .custom-popover.bottom .arrow:after { border-bottom: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; top: -5px;}
.tools-list .custom-popover.bottom .arrow:before { border-bottom: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; top: -5px;}
.tools-list .custom-popover.bottom {top: 27px;}
.all-small.customer-portal .recent-transaction-img {padding: 5px 10px 0px 0px}
.all-small.customer-portal .recent-transaction-img img {width: 40px; height: 40px;}
.all-small.customer-portal .customer-replace-service {border-right: 1px solid rgba(0,0,0,0.05); width: 90%; margin-top: 20px;}
.all-small.customer-portal .customer-inner-header .chosen-container .chosen-drop .chosen-search input,
.all-small.customer-portal .custom-select-box .chosen-container-single .chosen-search input[type="text"]{line-height: 25px;}
.all-small.customer-portal .chosen-container .chosen-results li {font-size: 10px;}
.all-small.customer-portal .txn-list-div {padding: 5px 0px 10px 0px; margin: 5px 0px 0px 0px;}
.all-small.customer-portal .user-list-div {padding: 5px 0px 10px 0px; margin: 5px 0px 0px 0px;}
.all-small.customer-portal .user-list-number { width: 35px; height: 35px; margin-right: 15px; line-height: 35px;}
.custom-profile-non-edit-text {height: 31px; font-weight: bold; font-size: 14px; line-height: 31px;}
.view-only .customer-form-label {color: #aaa !important;}
.non-editable .custom-profile-non-edit-text {opacity: 0.5;}
.while-editing .non-editable .custom-profile-non-edit-text {    border-bottom: 1px solid rgba(0,0,0,0.12) !important;}
.kyc-div {position: absolute; left: 30px; top: 30px; z-index: 999;}
.profile-detail-info .input-label-div { width: 100% !important; padding: 0px 0% 0px 0px;}
.profile-data-container .input-label-div { width: 100% !important; padding: 0px 0% 0px 0px;}
.profile-detail-info .profile-half-width .input-label-div { width: 50% !important; padding: 0px 4% 0px 0px;}
.profile-data-container .profile-half-width .input-label-div { width: 50% !important; padding: 0px 4% 0px 0px;}
.tooltip-text-info {background-color: #FFF; border-radius: 4px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0); text-align: left; padding: 5px; border: 1px solid #eee;}
.tooltip-text-info .tooltip-text-info-desc {width: 300px; padding: 10px; height: 130px; overflow-y: auto;}
.tooltip-text-info p {margin: 10px 0px 0px 0px; line-height: 15px;}
.tooltip-text-info ul {padding-left: 20px;}
.tooltip-text-info ul li {list-style-type: decimal-leading-zero; line-height: 20px; margin-bottom: 5px;}
.profile-data-container .profile-half-width .input-label-div.profile-half-width { width: 50% !important; padding: 0px 4% 0px 0px;}
.profile-data-container .profile-half-width .input-label-div.profile-half-width .input-label-div.first-input-level-two {width: 50% !important; padding: 0px 10% 0px 0px;}
.profile-data-container .profile-half-width .input-label-div.profile-half-width .input-label-div.second-input-level-two {width: 50% !important; padding: 0px 0% 0px 0px;}
.input-label-div.half-center {width: 50% !important; float: none !important; margin: 0 auto;}
.profile-seventy-thirty-width .input-label-div.first-input-level-one {width: 78% !important; padding: 0px 5% 0px 0px;}
.profile-seventy-thirty-width .input-label-div.second-input-level-one {width: 22% !important; padding: 0px 1% 0px 0px;}

.profile-data-container .profile-half-width .input-label-div.profile-thirty-width { width: 50% !important; padding: 0px 0% 0px 0px;}
.profile-data-container .profile-half-width .input-label-div.profile-thirty-width .input-label-div.first-input-level-two {width: 33% !important; padding: 0px 5% 0px 0px;}
.profile-data-container .profile-half-width .input-label-div.profile-thirty-width .input-label-div.second-input-level-two {width: 33% !important; padding: 0px 5% 0px 0px;}
.profile-data-container .profile-half-width .input-label-div.profile-thirty-width .input-label-div.third-input-level-two {width: 33% !important; padding: 0px 0% 0px 0px;}
.user-sign {font-family: 'autograf_personal_use_onlyRg'; font-size: 22px; margin: 10px 0px; display: block; line-height: 20px; transform: rotateZ(-10deg); white-space: nowrap;}
.customer-portal textarea, .customer-portal textarea:hover, .customer-portal textarea:focus {border-radius: 0px !important; border: 0px; border-bottom: 1px solid rgba(0,0,0,0.12) !important; min-height: 130px; overflow-y: auto; resize: none; width: 100%;     font-size: 12px; font-weight: bold; line-height: 31px;}
.profile-main-info.set-crop .change-profile {position: relative; left: auto; top: auto; background-color: transparent !important;  box-shadow: inset 0 0 0 160px rgba(255, 255, 255, 0) !important;} 
.profile-main-info.set-crop .change-profile.theme-bg {box-shadow: inset 0 0 0 160px rgba(255, 255, 255, 0) !important;} 
.profile-main-info.set-crop .change-profile:before {background-color: transparent !important;} 
.profile-main-info.set-crop .change-profile .upload-msg {border:0px; background-color: transparent; height: auto;} 
.profile-main-info.set-crop .change-profile .upload-msg .action-button {width: 100px; display: inline-block; margin: 5px;}
.profile-main-info.set-crop .change-profile .croppie-container .cr-boundary {border-radius: 100% !important;}
.customer-portal .has-error .form-control {box-shadow: none;}
.customer-portal .feedback-bottom {position: relative; padding-right: 40px; margin-top: -10px; margin-bottom: 25px; font-weight: bold;}
.customer-portal .feedback-bottom.for-checkbox {margin-top: 0px;}
.customer-portal .feedback-bottom .feedback-text {font-size: 9px;}
.customer-portal .feedback-bottom .feedback-icon {position: absolute; right: 0px; top: 0px; height: 31px; width: 31px; line-height: 31px; text-align: center;}
.customer-portal .feedback-bottom .feedback-icon i:before {height: 31px; width: 31px; line-height: 15px; text-align: center; font-size: 16px;}
.customer-portal .has-error .custom-select-box .chosen-container-single .chosen-single,
.customer-portal .input-label-div .has-error input[type="text"],
.customer-portal .input-label-div .has-error input[type="password"],
.customer-portal .input-label-div .has-error input[type="email"],
.customer-portal .input-label-div .has-error input[type="tel"],
.customer-portal .has-error .custom-select-box .radio {border-bottom: 1px solid #d50000 !important;}
.customer-portal .has-error .feedback-bottom {color: #d50000 !important;}

.customer-portal .has-success .custom-select-box .chosen-container-single .chosen-single,
.customer-portal .input-label-div .has-success input[type="text"],
.customer-portal .input-label-div .has-success input[type="password"],
.customer-portal .input-label-div .has-success input[type="email"],
.customer-portal .input-label-div .has-success input[type="tel"],
.customer-portal .has-success .custom-select-box .radio {border-bottom: 1px solid #0b9444 !important;}
.customer-portal .has-success .feedback-bottom {color: #0b9444 !important;}

.customer-portal .has-warning .custom-select-box .chosen-container-single .chosen-single,
.customer-portal .input-label-div .has-warning input[type="text"],
.customer-portal .input-label-div .has-warning input[type="password"],
.customer-portal .input-label-div .has-warning input[type="email"],
.customer-portal .input-label-div .has-warning input[type="tel"],
.customer-portal .has-warning .custom-select-box .radio {border-bottom: 1px solid #ffb818 !important;}
.customer-portal .has-warning .feedback-bottom {color: #ffb818 !important;}

.customer-portal .has-info .custom-select-box .chosen-container-single .chosen-single,
.customer-portal .input-label-div .has-info input[type="text"],
.customer-portal .input-label-div .has-info input[type="password"],
.customer-portal .input-label-div .has-info input[type="email"],
.customer-portal .input-label-div .has-info input[type="tel"],
.customer-portal .has-info .custom-select-box .radio {border-bottom: 1px solid #2196f3 !important;}
.customer-portal .has-info .feedback-bottom {color: #2196f3 !important;}

.new-design.customer-portal .mobifin-receipt {margin: 15px 0px 100px 0px;}
.new-design.customer-portal .check-balance .mobifin-receipt {margin: 0px; min-height: 100px;}
.new-design.customer-portal .custom-qr .mobifin-receipt {margin: 0px; min-height: 100px;}
.new-design.customer-portal .addui-input-placeholder span {color: red;}
.new-design.customer-portal.trst-accnt .btn {min-width: 80px;}
.new-design.customer-portal select {border: 0px !important; border-bottom: 1px solid rgba(0,0,0,0.12) !important; border-radius: 0px !important;}
.new-design.customer-portal .table-footer {border-top: 1px solid rgba(0,0,0,0.12) !important;}
.new-design.customer-portal .table-footer .total-data-count {display: block;}
.new-design.customer-portal .dataTables_paginate .paginate_button {border: 0px !important; background-color: transparent;}
.all-small.cases-agent.new-design.customer-portal .user-service-div .mobifin-services.wallet-services .mobifin-ser-icn {color: #FFF !important;}
.new-design.customer-portal.trst-accnt .transaction-report-filter .transaction-report-filter-btns {margin-top: 22px;}
.new-design.customer-portal .chosen-container-multi .chosen-choices {border: 0px !important; border-bottom: 1px solid rgba(0,0,0,0.12) !important; border-radius: 0px !important; box-shadow: none; padding-left: 0px; min-height: 31.5px;}
.new-design.customer-portal .chosen-container-multi .chosen-choices .search-field input[type="text"] {padding: 0px !important; height: auto !important; line-height: 30px;}
.new-design.customer-portal .chosen-container-multi .chosen-choices .search-choice {background-color: #333; color: #FFF; font-size: 10px; background-image: none; border: 0px; margin: 5px 5px 5px 0px}
.new-design.customer-portal .chosen-container-multi .chosen-choices .search-choice .search-choice-close:before {content: "\f16c"; font-family: 'android' !important; color: #FFF; font-size: 7px; height: 20px; width: 20px; text-align: center; line-height: 20px;}
.new-design.customer-portal .form-wiz-page .fill-circle-wiz .wizard-nav li.previous a .step-count .icon:before {content: "\ec6f"; font-family: 'android' !important;}
.all-small.new-design.customer-portal .profile-wiz-page.form-wiz-page .pager {position: relative !important; bottom: auto !important; top: auto !important; left: auto !important; right: auto !important; border: none !important; background-color: transparent !important;}
.all-small.new-design.customer-portal .form-wiz-page .navbar {padding: 20px 0px 35px 0px;}
.all-small.new-design.customer-portal .form-wiz-page  .wizard-nav li .step-text {margin-top: 10px;}
.all-small.new-design.customer-portal .profile-wiz-page.form-wiz-page .pager {margin: 0px; padding: 5px 70px;}
.all-small.new-design.customer-portal .form-wiz-page.profile-wiz-page {padding-bottom: 10px;}
.new-design.customer-portal.login-loading-effect:before {background-image: url(../images/app-login-bg.png); background-size: cover; background-position: center center; position: fixed; left: 0px; right: 0px; top: 0px; bottom:0px; border: 0px; height: 100%; width: 100%; filter: grayscale(100%); opacity: 0.05;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo {position: relative; height: auto; width: auto; top: auto; left: auto; margin-left: auto; padding: 0px;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon {position: relative; top: auto; margin-top: 0px; right: auto; left: auto; width: auto; text-align: center; height: auto;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path1,
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path2 {position: relative; display: inline-block; left: auto;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path1 {left: 16px !important;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path2 {top: -14px; left: -11px !important;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo:before {background-image: none; position: relative; width: auto; height: auto; top: auto; left: auto; background-color: transparent;}
.new-design.customer-portal.login-loading-effect .tab-pane.active.login-box {border-radius: 4px; background-image: url(../images/app-login-bg.png); background-size: cover; background-position: center center; width: 320px !important;}
.new-design.customer-portal.login-loading-effect .login-box .main-login { background-color: rgba(3,18,40,0.95); border: 0px !important; padding: 70px 30px 20px 30px;}
.new-design.customer-portal.login-loading-effect .login-box .login-title-div {display: none;}
.new-design.customer-portal.login-loading-effect .login-box .main-login .btn {width: 100%;}
.new-design.customer-portal.login-loading-effect .input-label-div {width: 100%; float: none;}
.new-design.customer-portal.login-loading-effect div.addui-input-container div.addui-input-placeholder {color: #FFF;}
.new-design.customer-portal.login-loading-effect .input-label-div input[type="text"],
.new-design.customer-portal.login-loading-effect .input-label-div input[type="password"],

.new-design.customer-portal.login-loading-effect div.addui-input-container input.addui-input-input,
.new-design.customer-portal.login-loading-effect div.addui-input-container input.addui-input-input:focus {color: #FFF;}
.new-design.customer-portal.login-loading-effect div.addui-input-container.addui-input-hasValue .addui-input-placeholder,
.new-design.customer-portal.login-loading-effect div.addui-input-container input.addui-input-input:focus+div.addui-input-placeholder,
.new-design.customer-portal.login-loading-effect .custom-select-box .customer-form-label {color: #0091d0;}
.new-design.customer-portal.login-loading-effect .btn-primary,
.new-design.customer-portal.login-loading-effect .form-wiz-page .pager li.previous  > .btn {background-color: #f37435 !important; }
.new-design.customer-portal.login-loading-effect .login-box .login-extra-div {margin: 20px 0px 0px 0px !important; text-transform: uppercase; font-size: 13px; position: relative;}
.new-design.customer-portal.login-loading-effect .login-box .login-extra-div:before {position: absolute; display: block; background-color: #0091d0; top: -5px; bottom: -5px; left: 50%; width: 1px; margin-left: -1px; content: " ";}
.new-design.customer-portal.login-loading-effect .login-box .login-extra-div.only-one-option:before {display: none;}
.new-design.customer-portal.login-loading-effect .login-box .login-extra-div a {color: #FFF !important; font-weight: 600;}
.new-design.customer-portal.login-loading-effect .login-box .main-login .remember-forget {font-weight: bold;}
.new-design.customer-portal.login-loading-effect .login-box .login-btn-div { margin: 50px 0px 10px 0px;}
.new-design.customer-portal.login-loading-effect .login-box .login-option-div {margin: 0px;}
.new-design.customer-portal.login-loading-effect .login-box .login-option-div a,
.new-design.customer-portal.login-loading-effect .login-box .login-option-div a:hover {color: #0091d0 !important;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path1:before {color: #0091d0; font-size: 80px;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo .icon .path2:before {color: #f37435; font-size: 48px;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo {position: relative; padding: 30px 0px 50px 0px; z-index: 999; margin-bottom: -50px; overflow: hidden;}
.new-design.customer-portal.login-loading-effect .login-box .brand-logo.mobifin-logo:before {position: absolute; background-color: #FFF; content: " "; display: block; height: 1500px; width: 1500px; border-radius: 1500px; top: -1360px; left: 50%; margin-left: -750px; opacity: 1; box-shadow: 17px 5px 0px 0px #f37435, 0px 9px 0px 0px #0091d0 ;}

.new-design.customer-portal.registration-page:before {background-image: url(../images/app-login-bg.png); background-size: cover; background-position: center center; position: fixed; left: 0px; right: 0px; top: 0px; bottom:0px; border: 0px; height: 100%; width: 100%; filter: grayscale(100%); opacity: 0.05;}
.new-design.customer-portal.registration-page .registration-box {box-shadow: 0 12px 10px -6px rgba(0, 0, 0, 0.5);}
.new-design.customer-portal.registration-page .registration-box.four-column {max-width: 1050px;}
.new-design.customer-portal.registration-page .registration-box.three-column {max-width: 900px;}
.new-design.customer-portal.registration-page .registration-box.two-column {max-width: 600px;}
.new-design.customer-portal.registration-page .registration-box.one-column {max-width: 340px;}

.new-design.customer-portal.registration-page .four-column .input-label-div {width: 25% !important; padding:0px 8px !important; float: left !important;}
.new-design.customer-portal.registration-page .three-column .input-label-div {width: 33.33% !important; padding:0px 8px !important; float: left !important;}
.new-design.customer-portal.registration-page .two-column .input-label-div {width: 50% !important; padding:0px 8px !important; float: left !important;}
.new-design.customer-portal.registration-page .one-column .input-label-div {width: 100% !important; padding:0px 0px !important; float: left !important;}
.reg-fields {padding: 10px;}

.new-design.customer-portal.registration-page .custom-select-box .chosen-container-single .chosen-single {height: 32px !important;}

.new-design.customer-portal.registration-page .registration-box .panel {border: 0px;}
.new-design.customer-portal.registration-page .registration-box .panel-heading {box-shadow: none; margin: 0px; padding: 0px; text-align: center; position: relative; color: #FFF; background-color: #226e9e; padding:0px 30px;}
.new-design.customer-portal.registration-page .registration-box .panel-heading .panel-title{}
.new-design.customer-portal.registration-page .registration-box.three-column .panel-body.form-only {padding: 10px 40px;}
.new-design.customer-portal.registration-page .registration-box.two-column .panel-body.form-only {padding:10px 40px;}
.new-design.customer-portal.registration-page .registration-box.one-column .panel-body.form-only {padding:10px 40px;}
.new-design.customer-portal.registration-page .registration-box .panel-heading .nav-btn {position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.new-design.customer-portal.registration-page .registration-box .panel-heading .nav-btn i {width: 30px; height: 30px; line-height: 30px; font-size: 15px;}
.new-design.customer-portal.registration-page .registration-box .customer-inner-header {margin: 10px 0px 20px 0px; text-transform: capitalize; font-size: 15px; color: #f37435;}
.new-design.customer-portal.registration-page .registration-box .customer-inner-header:after {display: none;}
.new-design.customer-portal.registration-page .mobifin-logo .icon .path1 {line-height: 60px !important; font-size: 60px;}
.new-design.customer-portal.registration-page .mobifin-logo .icon .path2 {line-height: 60px !important; left: 88px;}
.new-design.customer-portal.registration-page .registration-checkbox {border: 1px solid rgba(0,0,0,0.1); line-height: 10px; padding: 7px 0px 7px 10px; border-radius: 4px; width: 86% !important;}
.new-design.customer-portal.registration-page .registration-checkbox .form-group label {line-height: 15px; position: relative; padding-left: 30px;}
.new-design.customer-portal.registration-page .registration-checkbox .form-group label:before {position: absolute; left: 0px; top: 5px;}
.new-design.customer-portal.registration-page .input-label-div {width: 100% !important;}


.new-design.customer-portal.registration-page .registration-box .flip-clock-wrapper {margin: 0px;}
.new-design.customer-portal.registration-page .registration-box .flip-clock-divider, .new-design.customer-portal.registration-page .registration-box .flip {display: none;}
.new-design.customer-portal.registration-page .registration-box .flip.play {display: inline-block; float: none;}

.new-design.customer-portal.registration-page .registration-box .flip-clock-wrapper ul li a div div.inn {background: #023761; /* Old browsers */
background: -moz-linear-gradient(top, #023761 4%, #7295b5 4%, #005081 47%, #147bb6 70%, #47bef0 93%, #00abe5 94%, #02a8e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #023761 4%,#7295b5 4%,#005081 47%,#147bb6 70%,#47bef0 93%,#00abe5 94%,#02a8e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #023761 4%,#7295b5 4%,#005081 47%,#147bb6 70%,#47bef0 93%,#00abe5 94%,#02a8e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023761', endColorstr='#02a8e4',GradientType=0 ); /* IE6-9 */}
.new-design.customer-portal.registration-page .registration-box  .flip-clock-wrapper ul li a div.up:after {background-color: rgba(255, 255, 255, 1);}

.customer-portal .otp-textbox .custom-select-box .customer-form-label {right: 0px; text-align: center; top: -30px;}
.customer-portal .otp-textbox .custom-select-box {position: relative;}
.customer-portal .otp-textbox .custom-select-box:before,
.customer-portal .otp-textbox .custom-select-box:after {position: absolute; content: " "; height: 1px; background-color: rgba(0,0,0,0.3);}
.customer-portal .otp-textbox .custom-select-box:before {left: 14px; top: 32px; width: 25px; box-shadow: 39px 0px 0px 0px rgba(0,0,0,0.3), 79px 0px 0px 0px rgba(0,0,0,0.3), 118px 0px 0px 0px rgba(0,0,0,0.3), 157px 0px 0px 0px rgba(0,0,0,0.3), 197px 0px 0px 0px rgba(0,0,0,0.3);}
.customer-portal .otp-textbox .custom-select-box:after {left: 43px; top: 16px; width: 4px; box-shadow: 39px 0px 0px 0px rgba(0,0,0,0.3), 79px 0px 0px 0px rgba(0,0,0,0.3), 118px 0px 0px 0px rgba(0,0,0,0.3), 157px 0px 0px 0px rgba(0,0,0,0.3);}
.customer-portal .otp-textbox.input-label-div input[type="text"] {letter-spacing: 30px; font-size: 15px; margin: 40px 0px 20px 2px; border: 0px !important; padding-left: 20px;}
.customer-portal .otp-textbox.input-label-div input[type="password"] {letter-spacing: 31px; font-size: 22px; margin: 40px 0px; border: 0px !important; padding-left: 23px;}
.customer-portal .help-div {text-align: center; margin: 30px auto;}
.customer-portal .help-icon {background-color: #333; color: #FFF; width: 80px; height: 80px; margin: 5px auto; line-height: 80px; border-radius: 80px; font-size: 40px;}
.customer-portal .help-icon i:before {line-height: 80px; width: 80px; height: 80px;}
.customer-portal .help-header {margin: 12px auto; font-size: 13px; font-weight: bold;}
.customer-portal .help-desc {font-size: 12px; padding: 0px 20px; font-family: 'open_sanslight'; font-weight: bold;}
.customer-portal .help-link {text-decoration: underline; margin: 5px auto; font-size: 10px;}
.customer-portal .help-div.customer-care .help-icon {background-color: transparent; color: #333; font-size: 100px; width: 130px; height: 130px; margin: 15px auto; line-height: 130px; border-radius: 130px;}
.customer-portal .help-div.customer-care .help-icon i:before {line-height: 130px; width: 130px; height: 130px;}
.customer-portal .help-div.customer-care .help-desc {font-size: 24px;}
.customer-portal .faq {}
.customer-portal .faq-qa {border-bottom: 1px solid rgba(0,0,0,0.08);} 
.customer-portal .faq-q {line-height: 40px; font-weight: bold; background-color: rgba(0,0,0,0.031); padding: 0px 10px; transition-duration: 0.5s; cursor: pointer; position: relative;}
.customer-portal .faq-q i {position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; text-align: center;}
.customer-portal .faq-q i.opn {display: block;}
.customer-portal .faq-q i.clsd {display: none;}
.customer-portal .faq-q.collapsed {background-color: rgba(0,0,0,0);}
.customer-portal .faq-q.collapsed i.opn {display: none;}
.customer-portal .faq-q.collapsed i.clsd {display: block;}
.customer-portal .faq-a {border-top: 1px solid rgba(0,0,0,0.05);  background-color: rgba(0,0,0,0.013); }
.customer-portal .faq-a p {padding: 10px 10px;}
.loading-icon {position: absolute; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; top: 50%; left: 50%;}
.wallet-icon {width: 100px; height: 100px; line-height: 100px; border-radius: 100px; border: 3px dashed rgba(0,0,0,0.13); text-align: center; color: #eee; }
.wallet-icon i {font-size: 35px; line-height: 100px;}
.currency-holder {width: 100px; height: 100px; border-radius: 100px; position: absolute; animation: currency-holder 3s linear infinite ;  -webkit-animation: currency-holder 3s linear infinite; top: 0px; left: 50%; margin-left: -50px;}
.currency-holder i {position: absolute; width: 25px; height: 25px; border-radius: 25px; text-align: center; line-height: 25px; top: 4px; left: 4px; animation: currency-holder-i 3s linear infinite ;  -webkit-animation: currency-holder-i 3s linear infinite; background-color: #333;}
.currency-holder i:before {color: #FFF; font-size: 10px;}

.currency-holder i.on-axis {animation: currency-holder-i-r 3s linear infinite ;  -webkit-animation: currency-holder-i-r 3s linear infinite; }
@keyframes currency-holder {
    0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes currency-holder {
    0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg); }
}

@keyframes currency-holder-i {
    0% { transform: rotate(0deg);}
  100% { transform: rotate(-360deg); }
}
@-webkit-keyframes currency-holder-i {
    0% { transform: rotate(0deg);}
  100% { transform: rotate(-360deg); }
}

@keyframes currency-holder-i-r {
    0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes currency-holder-i {
    0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg); }
}

@media (max-width:1200px) {
    .new-design.customer-portal.all-small.cases-agent .mobifin-services.wallet-services.sidebar-services .mobifin-ser-div {width: 25%;}
}

@media (max-width:992px) {
    .customer-portal .customer-panel .col-xs-1, .customer-portal .customer-panel .col-sm-1, .customer-portal .customer-panel .col-md-1, .customer-portal .customer-panel .col-lg-1,
    .customer-portal .customer-panel .col-xs-2, .customer-portal .customer-panel .col-sm-2, .customer-portal .customer-panel .col-md-2, .customer-portal .customer-panel .col-lg-2,
    .customer-portal .customer-panel .col-xs-3, .customer-portal .customer-panel .col-sm-3, .customer-portal .customer-panel .col-md-3, .customer-portal .customer-panel .col-lg-3, 
    .customer-portal .customer-panel .col-xs-4, .customer-portal .customer-panel .col-sm-4, .customer-portal .customer-panel .col-md-4, .customer-portal .customer-panel .col-lg-4, 
    .customer-portal .customer-panel .col-xs-5, .customer-portal .customer-panel .col-sm-5, .customer-portal .customer-panel .col-md-5, .customer-portal .customer-panel .col-lg-5, 
    .customer-portal .customer-panel .col-xs-6, .customer-portal .customer-panel .col-sm-6, .customer-portal .customer-panel .col-md-6, .customer-portal .customer-panel .col-lg-6, 
    .customer-portal .customer-panel .col-xs-7, .customer-portal .customer-panel .col-sm-7, .customer-portal .customer-panel .col-md-7, .customer-portal .customer-panel .col-lg-7, 
    .customer-portal .customer-panel .col-xs-8, .customer-portal .customer-panel .col-sm-8, .customer-portal .customer-panel .col-md-8, .customer-portal .customer-panel .col-lg-8, 
    .customer-portal .customer-panel .col-xs-9, .customer-portal .customer-panel .col-sm-9, .customer-portal .customer-panel .col-md-9, .customer-portal .customer-panel .col-lg-9, 
    .customer-portal .customer-panel .col-xs-10, .customer-portal .customer-panel .col-sm-10, .customer-portal .customer-panel .col-md-10, .customer-portal .customer-panel .col-lg-10, 
    .customer-portal .customer-panel .col-xs-11, .customer-portal .customer-panel .col-sm-11, .customer-portal .customer-panel .col-md-11, .customer-portal .customer-panel .col-lg-11, 
    .customer-portal .customer-panel .col-xs-12, .customer-portal .customer-panel .col-sm-12, .customer-portal .customer-panel .col-md-12, .customer-portal .customer-panel .col-lg-12 {padding: 0px 10px;}
    .customer-portal .header-image {height: 217px;}
    .customer-portal .header-gradient {height: 217px;}
    .new-design.customer-portal.all-small.trst-accnt.cases-agent .panel.inside-hIding.tools-panel {margin-top: 10px !important;}
    .new-design.customer-portal.all-small.trst-accnt.cases-agent .panel.inside-hIding.other-services-div {margin-bottom: 10px !important;}
    .new-design.customer-portal.all-small.cases-agent .mobifin-services.wallet-services.sidebar-services .mobifin-ser-div {width: 25%;}
    .new-design.customer-portal .replace-data-sidebar {padding-left: 0px !important;}
    .customer-portal .plans-div {padding: 10px 0px;}
    .all-small.customer-portal .plans-btn {line-height: 20px; padding: 0px 5px; font-size: 10px;}
    .all-small.customer-portal .plans-amount {line-height: 20px; padding: 0px 5px; font-size: 10px;  width: 50px;}
    .customer-portal .plans-left-data {margin-right: 10px;}
    .customer-portal .plans-info.main-info {font-size: 11px;}
    .customer-portal .plans-info {font-size: 9px;}
    .new-design.customer-portal .half-width .input-label-div {width: 33.33%; padding-right: 20px;}
    .all-small.customer-portal .customer-replace-service {width: 100%; border: 0px; }
    .new-design.customer-portal .input-label-div {width: 100%;}
    .profile-detail-info .profile-half-width .input-label-div { width: 100% !important; padding: 0px 0% 0px 0px;}
    .new-design.customer-portal.registration-page .registration-box.three-column .panel-body.form-only {padding:20px 40px;}
    .new-design.customer-portal.registration-page .registration-box.two-column .panel-body.form-only {padding:20px 40px;}
    .new-design.customer-portal.registration-page .registration-box.one-column .panel-body.form-only {padding:20px 40px;}
    .new-design.customer-portal.registration-page .four-column .input-label-div {width: 33.33% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .three-column .input-label-div {width: 33.33% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .two-column .input-label-div {width: 50% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .one-column .input-label-div {width: 100% !important; padding:0px 0px !important; float: left !important;}
}
@media (max-width:768px) {
    .customer-portal .user-div {display: none;}
    .customer-portal .tools-panel.panel {background-color: transparent !important; border-radius: 0px !important; padding: 0px 5px;}
    .customer-portal .tools-panel .panel-body {background-color: transparent !important; border-top: 1px solid rgba(255,255,255,0.2); border-radius: 0px !important; margin-top: 10px;}
    .customer-portal .tools-panel .panel-body .customer-inner-header {display: none;}
    .customer-portal .tools-panel .panel-body .customer-content .tools-list {margin-top: 5px !important;}
    .customer-portal .tools-panel .panel-body .customer-content .tools-list li a {color: #FFF;}
    .new-design.customer-portal .half-width .input-label-div {width: 50%; padding-right: 20px;}
    .customer-portal .txn-list-date {width: 55px; height: 55px; margin-right: 10px; padding: 3px;}  
    .customer-portal .txn-list-lable {font-size: 11px;}
    .customer-portal .txn-list-info.main-info {font-size: 10px;}
    .customer-portal .txn-list-info {font-size: 9px;}
    .customer-portal .txn-list-action i:before { width: 30px; height: 30px; border-radius: 30px; line-height: 30px; margin-left: 5px;}
    .customer-portal .txn-list-right-data .tr-status {margin: 2px 0px;}
    .customer-portal .txn-list-action .tr-status.success {box-shadow: inset 16px 0px 0px 0px rgba(255,255,255,1); padding-left: 22px;}
    .customer-portal .txn-list-action .tr-status.success:before {font-size: 10px; width: 16px; height: 16px; line-height: 16px; top: 3px;}
    .customer-portal .txn-list-action .tr-status.failed {box-shadow: inset 16px 0px 0px 0px rgba(255,255,255,1); padding-left: 22px;}
    .customer-portal .txn-list-action .tr-status.failed:before { top: 10px; left: 5px; width: 7px; height: 2px;}
    .customer-portal .txn-list-action .tr-status {padding: 3px 5px; font-size: 10px;}
    .customer-portal .user-list-img {width: 30px; height: 30px; border-radius: 30px; margin-right: 10px; line-height: 30px;}
    .customer-portal .user-list-img i:before {width: 30px; height: 30px; border-radius: 30px; font-size: 25px; line-height: 30px;}
    .customer-portal .user-list-img img {width: 30px; height: 30px; border-radius: 30px;}
    .customer-portal .user-list-lable {font-size: 11px;}
    .customer-portal .user-list-info.main-info {font-size: 10px;}
    .customer-portal .user-list-action i:before { width: 30px; height: 30px; border-radius: 30px; line-height: 30px; margin-left: 5px;}
    .customer-portal .user-list-right-data .tr-status {margin: 3px 0px; padding: 3px 7px; font-size: 9px;}
    .all-small.customer-portal .user-list-number {width: 30px; height: 30px; line-height: 30px; margin-right: 10px;}
    .customer-portal .noti-list-div.date-header {padding: 10px 0px; font-size: 10px;}
    .customer-portal .noti-list-img {width: 30px; height: 30px; border-radius: 30px; margin-right: 10px; line-height: 30px;}
    .customer-portal .noti-list-img i:before {width: 30px; height: 30px; border-radius: 30px; font-size: 19px; line-height: 30px;}
    .customer-portal .noti-list-info {font-size: 9px;}
    .customer-portal .noti-list-lable {font-size: 11px;}
    .customer-portal .noti-list-lable.mini-lable {font-size: 9px;}
    .customer-portal .noti-list-info.main-info {font-size: 10px;}
    .customer-portal .noti-list-date {width: 55px; height: 55px; margin-right: 10px; padding: 3px;}
    .customer-portal .noti-list-right-data .tr-status {margin: 2px 0px;}
    .customer-portal .noti-list-action .tr-status.success {box-shadow: inset 16px 0px 0px 0px rgba(255,255,255,1); padding-left: 22px;}
    .customer-portal .noti-list-action .tr-status.success:before {font-size: 10px; width: 16px; height: 16px; line-height: 16px; top: 3px;}
    .customer-portal .noti-list-action .tr-status.failed {box-shadow: inset 16px 0px 0px 0px rgba(255,255,255,1); padding-left: 22px;}
    .customer-portal .noti-list-action .tr-status.failed:before { top: 10px; left: 5px; width: 7px; height: 2px;}
    .customer-portal .noti-list-action .tr-status {padding: 3px 5px; font-size: 10px;}
    .customer-portal .noti-list-div.date-header-option {padding: 10px 0px 20px 0px;}
    .profile-data-container .profile-half-width .input-label-div { width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-data-container .profile-half-width .input-label-div.profile-half-width { width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-data-container .profile-half-width .input-label-div.profile-half-width .input-label-div.first-input-level-two {width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-data-container .profile-half-width .input-label-div.profile-half-width .input-label-div.second-input-level-two {width: 100% !important; padding: 0px 0% 0px 0px;}
    .input-label-div.half-center {width: 100% !important; float: none !important; margin: 0 auto;}
    .profile-seventy-thirty-width .input-label-div.first-input-level-one {width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-seventy-thirty-width .input-label-div.second-input-level-one {width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-data-container .profile-half-width .input-label-div.profile-thirty-width { width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-data-container .profile-half-width .input-label-div.profile-thirty-width .input-label-div.first-input-level-two {width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-data-container .profile-half-width .input-label-div.profile-thirty-width .input-label-div.second-input-level-two {width: 100% !important; padding: 0px 0% 0px 0px;}
    .profile-data-container .profile-half-width .input-label-div.profile-thirty-width .input-label-div.third-input-level-two {width: 100% !important; padding: 0px 0% 0px 0px;}
    .all-small.new-design.customer-portal .form-wiz-page .progress {top: 16px;}
    .all-small.new-design.customer-portal .form-wiz-page .fill-circle-wiz .wizard-nav.nav-pills > li > a .step-count {position: relative; left: 50%; margin-left: 0px;}
    .all-small.new-design.customer-portal .form-wiz-page .wizard-nav li .step-text {height: auto; font-size: 10px;  white-space: normal;}
    .all-small.new-design.customer-portal .profile-wiz-page.form-wiz-page .pager {padding: 5px;}
    .customer-portal .profile-form-div {padding: 0px;}
    .all-small.new-design.customer-portal .form-wiz-page .navbar {padding: 20px 0px;}
    .new-design.customer-portal.login-loading-effect .tab-pane.active.login-box {width: auto !important; margin: 0px !important;}
    .new-design.customer-portal.login-loading-effect .trst-accnt-thm .login-box .brand-logo.mobifin-logo {padding: 30px 0px 100px 0px; margin-bottom: -130px;}
    .new-design.customer-portal.login-loading-effect .trst-accnt-thm .login-box .brand-logo.mobifin-logo:before {top: -1320px;}
    .new-design.customer-portal.login-loading-effect .login-box .main-login {padding: 160px 30px 20px 30px;}
    .new-design.customer-portal.login-loading-effect .tab-pane.active.login-box {background-image: none;}
    .new-design.customer-portal.login-loading-effect .login-box .main-login {background-color: transparent; box-shadow: none; width: 340px; margin: 0 auto;}
    body.new-design.customer-portal.login-loading-effect {background-color: rgba(3,18,40,0.95);}
    .new-design.customer-portal.login-loading-effect .footer.one-list .secondary {display: inline-block; border-top: 0px; color: #FFF;}
    .new-design.customer-portal.login-loading-effect .footer.one-list .secondary li {float: left;}
    .new-design.customer-portal.login-loading-effect .footer.one-list .secondary li a {color: #FFF;}
    .new-design.customer-portal.login-loading-effect .footer .secondary li+li:before {content: "|"; position: absolute; line-height: 42px; left: 6px;}
    .new-design.customer-portal.login-loading-effect .footer .secondary li+li {padding-left: 20px;}
    
    .new-design.customer-portal.registration-page .footer.one-list .secondary {display: inline-block; border-top: 0px;}
    .new-design.customer-portal.registration-page .footer.one-list .secondary li {float: left;}
    .new-design.customer-portal.registration-page .footer .secondary li+li:before {content: "|"; position: absolute; line-height: 42px; left: 6px; top: -6px;}
    .new-design.customer-portal.registration-page .footer .secondary li+li {padding-left: 20px;}
    
    .new-design.customer-portal.registration-page .four-column .input-label-div {width: 50% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .three-column .input-label-div {width: 50% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .two-column .input-label-div {width: 50% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .one-column .input-label-div {width: 100% !important; padding:0px 0px !important; float: left !important;}
    
}
@media (max-width:640px) {
    .new-design.customer-portal .half-width .input-label-div {width: 100%; padding: 0px;}
    .new-design.customer-portal .footer .primary, .new-design.customer-portal .footer .secondary {background-color: transparent !important;}
    .new-design.customer-portal .footer .secondary li {border-top: 0px;}
    .new-design.customer-portal .footer .secondary ul li.power-logo {margin: -20px 10px 00px 10px;}
    .new-design.customer-portal .footer .secondary ul li.power-logo a .mobifin.p-logo {margin: 0px 0px -10px 0px; width: 130px;}
    .new-design.customer-portal .footer .secondary ul li.power-logo a .mobifin.p-logo .cl-style {left: 70px;}
    .check-balance .mobifin-receipt {    margin-right: -53px !important;}
    .mobifin-receipt table thead tr th {font-size: 9px; }
    .customer-portal .txn-list-center-data {width: 150px;}
    .customer-portal .user-list-center-data {width: 150px;}
    .customer-portal .noti-list-center-data {width: 130px;}
    .customer-portal .date-header-option .noti-list-right-data {width: 80px;}
    
    .new-design.customer-portal.registration-page .four-column .input-label-div {width: 100% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .three-column .input-label-div {width: 100% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .two-column .input-label-div {width: 100% !important; padding:0px 8px !important; float: left !important;}
    .new-design.customer-portal.registration-page .one-column .input-label-div {width: 100% !important; padding:0px 0px !important; float: left !important;}
}
@media (max-width:480px) {
    .new-design.customer-portal.login-loading-effect .trst-accnt-thm .login-box .brand-logo.mobifin-logo {padding: 30px 0px 50px 0px; margin-bottom: -50px;}
    .new-design.customer-portal.login-loading-effect .trst-accnt-thm .login-box .brand-logo.mobifin-logo:before {top: -1360px;}
    .new-design.customer-portal.login-loading-effect .login-box .main-login {padding: 70px 30px 20px 30px;}
}

.op-portal.customer-portal .header-gradient {height: 90px;}		
.customer-portal .default-tab.op-tab .nav-tabs li a {color: #FFF !important;}		
.customer-portal .default-tab.op-tab .nav-tabs {border-bottom: 1px solid rgba(255,255,255,0.2) !important;}		
.customer-portal .op-tab .scroll_tabs_container .scroll_tab_right_button, 		
.customer-portal .op-tab .scroll_tabs_container .scroll_tab_left_button,		
.customer-portal .op-tab .scroll_tabs_container .scroll_tab_left_button_disabled, 		
.customer-portal .op-tab .scroll_tabs_container .scroll_tab_right_button_disabled {color: #FFF;}		
.op-portal.customer-portal .portal-dropdown, .op-portal.customer-portal .vendor-dropdown {float: left; min-width: 130px;}		
.op-balance {background-color: #FFF; border:1px solid #eee; border-radius: 8px; display: inline-block; padding: 5px; margin: 5px 0px; box-shadow: inset -58px 0px 0px 0px rgba(255,255,255,1);}		
.currency-icon {float: left; width: 30px; height: 30px; line-height: 30px; font-size: 17px; text-align: right; margin: 14px 4px 6px 0px; }		
.currency-icon i:before{line-height: 30px; }		
.balance-amount {float: left; line-height: 50px; font-size: 30px;}		
.balance-refresh-icon {float: left;  width: 30px; height: 30px; line-height: 30px; font-size: 31px; margin: 10px 10px 10px 30px;  text-align: center; cursor: pointer;}		
.balance-refresh-icon i:before{line-height: 30px; }		
.chart-option {line-height: 31px; font-size: 13px; border-bottom: 1px solid rgba(0,0,0,0.1);}		
.chart-option .date-range-picker {float: left;}		
.chart-option .chart-style-picker {float: right;}		
.chart-filter {float: left; padding:10px 15px; cursor: pointer;}		
.chart-filter i:before {line-height: 18px;}		
.chart-filter.active {box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.4); font-weight: bold; color: #333;}		
.portal-dropdown .chosen-container-single .chosen-single {background-color: transparent; border: 0px; color: #FFF; line-height: 41px; height: 41px;}		
.portal-dropdown .chosen-container-single .chosen-single span { color: #FFF;}		
.portal-dropdown .chosen-container-active.chosen-with-drop .chosen-single:focus {box-shadow: none;}		
.portal-dropdown .chosen-container-active.chosen-with-drop .chosen-single {box-shadow: none;}		
.portal-dropdown .chosen-container-active .chosen-single {box-shadow: none;}		
.vendor-dropdown .chosen-container-single .chosen-single {background-color: transparent; border: 0px; color: #FFF; line-height: 41px; height: 41px;}		
.vendor-dropdown .chosen-container-single .chosen-single span { color: #FFF;}		
.vendor-dropdown .chosen-container-active.chosen-with-drop .chosen-single {box-shadow: none;}		
.vendor-dropdown .chosen-container-active .chosen-single {box-shadow: none;}		
.portal-dropdown .chosen-container:before {position: absolute; font-family: 'android' !important; content: "\ed86"; right: 0px; line-height: 41px; width: 31px; top: 0px; text-align: center; z-index: 99; color: #FFF;}		
.portal-dropdown .chosen-container.chosen-with-drop:before {content: "\ed89";}		
.vendor-dropdown .chosen-container:before {position: absolute; font-family: 'android' !important; content: "\ed86"; right: 0px; line-height: 41px; width: 31px; top: 0px; text-align: center; z-index: 99; color: #FFF;}		
.vendor-dropdown .chosen-container.chosen-with-drop:before {content: "\ed89";}

.new-design.customer-portal.login-loading-effect .login-box .main-login .login-style-4.form-group.has-feedback.has-error input[type="text"],
.new-design.customer-portal.login-loading-effect .login-box .main-login .login-style-4.form-group.has-feedback.has-error input[type="password"],
.new-design.customer-portal.login-loading-effect .login-box .main-login .login-style-4.form-group.has-feedback.has-error input[type="email"]
{
    border-bottom: 1px solid #d50000 !important;
}

.customer-portal .otp-textbox .has-error .custom-select-box::before,
.customer-portal .otp-textbox .custom-select-box.has-error::before, 
.customer-portal .otp-textbox .has-error .custom-select-box.has-error::before {box-shadow: 39px 0 0 0 #d50000, 79px 0 0 0 #d50000, 118px 0 0 0 #d50000, 157px 0 0 0 #d50000, 197px 0 0 0 #d50000;}
.customer-portal .otp-textbox .has-error .custom-select-box:before,
.customer-portal .otp-textbox .custom-select-box.has-error:before,
.customer-portal .otp-textbox .has-error .custom-select-box.has-error:before {background-color: #d50000;}
.customer-portal .custom-select-box input[type="file"].file-type {margin-top: 22px;}
.customer-portal .reg-extra-fields .extra-field-div-box{border: 1px solid rgba(0,0,0,0.2);margin-bottom: 10px;}
.new-design.customer-portal .custom-qr .mobifin-receipt {padding-bottom: 40px;}
.new-design.customer-portal .custom-qr .custom-popover .print-btn-in-tooltip {position: absolute; bottom: 10px; left: 50%; width: 50px; margin-left: -25px; text-align: center; font-size: 20px; cursor: pointer;}
.new-design.customer-portal .print-btn-in-tooltip {position: absolute; bottom: 10px; left: 50%; width: 50px; margin-left: -25px; text-align: center; font-size: 20px; cursor: pointer;}

@media print {
.mobifin-receipt {width: 80%; margin: 15px auto;background-color: #FFF; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); border-radius: 4px; }
.mobifin-receipt .p-logo.mobifin {width: auto; transform: scale(2); margin-top: 20px;}
.mobifin-receipt .p-logo .cl-style {left: 0px; }
.mobifin-receipt .mobifin .cl-style .path1::before {font-size: 58px !important; color: #0091d0;}
.mobifin-receipt .mobifin .cl-style .path2::before {font-size: 35px !important; color: #f37435;}
.mobifin-receipt .receipt-logo {padding: 20px 30px 0px 30px;}

.mobifin-receipt.with-qr-code {text-align: center; border:2px dashed #000; position: relative; padding:20px 15px;}
.mobifin-receipt.with-qr-code:before {position: absolute; content: "\ec93"; font-family: 'android' !important; color:#000; font-size: 30px; top: -15px; line-height: 30px; width: 30px; text-align: center; left: 50%; margin-left: -15px;}
.mobifin-receipt.with-qr-code .p-logo .cl-style {left: 50%; margin-left: -48px;}
.mobifin-receipt.with-qr-code .receipt-qr-data {padding: 20px 30px 20px 30px; margin-top: 20px;}
.mobifin-receipt.with-qr-code .receipt-qr-data .receipt-qr-header {font-weight: bold; font-size: 25px;}
.mobifin-receipt.with-qr-code .receipt-qr-data .receipt-qr-desc {font-size: 25px;}
.mobifin-receipt.with-qr-code .receipt-qr-data .receipt-qr-sep {height: 1px; border: 1px solid rgba(0,0,0,0.05); margin: 20px 0px;}
.mobifin-receipt.with-qr-code .receipt-icon {padding: 00px 30px 00px 30px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code {width: 80%; height: 310px; margin: 0px auto; padding: 25px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners {position: relative;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners .qr-corner-line {border: 1px solid rgba(0,0,0,0.09); position: absolute;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners .qr-corner-line.hor {width: 20px; height: 1px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners .qr-corner-line.ver {width: 1px; height: 20px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners .qr-corner-line.top {top: 0px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners .qr-corner-line.left {left: 0px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners .qr-corner-line.right {right: 0px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code.with-corners .qr-corner-line.bottom {bottom: 0px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code i {font-size: 190px; line-height: 200px; }
.mobifin-receipt.with-qr-code .receipt-logo.merchant-logo {font-size: 100px; margin-bottom: -30px;}
.mobifin-receipt.with-qr-code .receipt-icon .receipt-qr-code img {width: 100% !important;}
    
}

.bootstrap-datetimepicker-widget table tr td,
.bootstrap-datetimepicker-widget table tr th {text-align: center !important;}
.bootstrap-datetimepicker-widget .picker-switch table.table-condensed {background-color: #eee !important;}
.bootstrap-datetimepicker-widget .picker-switch table tr td a span:before {color: #FFF !important;}
.bootstrap-datetimepicker-widget table tr td span.month {color: #000 !important;}
.bootstrap-datetimepicker-widget table tr td span.month.active {color: #FFF !important;}
.bootstrap-datetimepicker-widget table tr td span.month.disabled {opacity: 0.3; cursor: not-allowed;}

.bootstrap-datetimepicker-widget table tr td span.month:hover {background-color: none !important;}

.bootstrap-datetimepicker-widget table tr td span.year {color: #000 !important;}
.bootstrap-datetimepicker-widget table tr td span.year.active {color: #FFF !important;}
.bootstrap-datetimepicker-widget table tr td span.year.disabled {opacity: 0.3; cursor: not-allowed;}

.bootstrap-datetimepicker-widget table tr td span.year:hover {background-color: none !important;}
.mobifin-logo.brand-logo.with-img .icon [class^="path"]{display: none !important;}
.mobifin-logo.brand-logo.with-img .icon {height: 80px !important; background-image: url(../images/portal-logos/login-logo.png); background-position: center center; background-repeat: no-repeat;}
.footer .mobifin.p-logo.with-img .cl-style{display: none !important;}
.footer .mobifin.p-logo.with-img {background-image: url(../images/portal-logos/footer.png); background-position: right center; background-repeat: no-repeat; padding-right: 55px;}
.main-header .mobifin.p-logo.with-img .cl-style{display: none !important;}
.confirmation-img{background-size: contain !important;width: auto;height: 80px !important;}
.main-header .mobifin.p-logo.with-img {background-image: url(../images/portal-logos/Hader-logo-white.png); background-position: center center; background-repeat: no-repeat; height: 40px;}
.new-design.customer-portal .language-search .chosen-search {display: none;}
.new-design.customer-portal .language-search .chosen-container .chosen-results li {width: 100%;}
.new-design.customer-portal.login-loading-effect .language-search {background-color: #226e9e; border-radius:4px; color: #FFF; width: 33%; margin-left: 33%;}
.new-design.customer-portal.login-loading-effect .language-search .chosen-container:before {line-height: 22px; width: 22px;}
.new-design.customer-portal.login-loading-effect .language-search .chosen-container .chosen-single b:before {display: none;}
.new-design.customer-portal.login-loading-effect .language-search .chosen-container .chosen-results li {line-height: 20px; font-weight: normal; font-size: 10px;}
.new-design.customer-portal.login-loading-effect .language-search .chosen-container-active.chosen-with-drop .chosen-single {background-color: transparent; }
.new-design.customer-portal.login-loading-effect .language-search a.chosen-single  {padding: 0px 10px !important; margin: 0px !important; border:1px solid rgba(255,255,255,0.2);}
.new-design.customer-portal.login-loading-effect .language-search .chosen-single span {line-height: 20px; font-weight: normal; font-size: 10px;}
.new-design.customer-portal.login-loading-effect .language-search .chosen-container-active {background-color: transparent;}
.new-design.customer-portal.login-loading-effect.language-search .language-search {margin-top: 20px;} 
.new-design.customer-portal.login-loading-effect.language-search .login-btn-div {margin-top: 20px;} 
.with-language-search .row {float: left;}
.with-language-search .form-group.language-search {float: right; width: auto !important;}
.with-right-icon .input-icon {position: absolute; width: 31px; height: 31px; text-align: center; line-height: 31px; top: 0px; opacity: 1; transition-duration: 0.5s; z-index: 999;}
.tools-header li{font-size: 15px !important;padding-left: 10px;}