/*global class*/
.mar_top_20{margin-top:20px;}
.mar_bot_10{margin-bottom:10px;}
.pad_bot_20{padding-bottom:20px;}
.pr_0{padding-right:0px;}
.pl_0{padding-left:0px;}
.light_text_color{color:#a3b1be;}
.cashback .text-success { color: #9675ce !important;}
.cashback .text-inverse { color: #fb9678 !important;}
#loan_chart .text-success { color: #9675ce !important;}
#loan_chart .text-inverse { color: #fb9678 !important;}
.slider_range_panel a.ui-slider-handle.ui-state-default.ui-corner-all:before {
    content: "||";
    font-size: 25px;
    color: #fff;
    padding: 5px 13px;
    float: left;
}

button#borrow_max {
    border: none;
}

input.btn.btn-primary {
    width: 100%;
} 

.cap li:first-child {
   color:#e26865;
}

.cap li:nth-child(2) {
       color:#e26865;
}
.cap li:nth-child(3) {
       color:#e26865;
}
.cap li:nth-child(4) {
       color:#e26865;
}
.cap li:nth-child(5) {
       color:#e26865;
}

.slider_range_panel .alert-success {
    background: #f2f2f2;
    color: #323232;
    border: 1px solid #dcdcdc;
    cursor: pointer;
} 


/*.active_button {
    color: #fff;
    background: #2b3990;
    float:  left;
    padding:  10px 40px;
    border: 1px solid #dcdcdc;
  
}*/

#loan_calculator .radio-inline:hover {
	   background:#5ca2b5;
}
#payment_form .panel-body.text-center {
    padding: 45px 30px;
    float:  left;
    width: 100%;
}

#payment_form .form-group {
    margin: 20px 0;
}

.radio-box input[type="radio"] {
    visibility: hidden;
    position: absolute;
    z-index: 0;
}
.radio-box label {
float: none;
padding: 0;
border-radius: 120px;
background: #fff;
opacity: 1;
color: #8b9099;
border: 1px solid #e5e5e5;
cursor: pointer;
min-width: 119px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 13px;
font-weight: 600;
display: block;
margin: 0 auto;
} 
.radio-box span {
    display: inline-table;
    margin: 2px 3px 0;
    width: 10%;
}

.radio-box .active_button {
    color: #fff;
    background: #2b3990;
    border: 1px solid #2b3990;
}
.inactive_button {
	border: 1px solid #dcdcdc;
    float:  left;
    padding:  10px 40px;
    border-radius: 5px; opacity: 0.5;
}
fieldset .error {
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    margin: 4px 0 0 0;
}
fieldset .error p{
    font-weight: 600;
    font-size: 11px;
}
.radio-box span .error {
    float: none;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    margin: 8px 0 0 0;
    padding: 0;
}
#loan_status_section .radio input[type=radio] {
    cursor: pointer;
    opacity: 0.4;
    z-index: 1;
    outline: 0!important;
    margin-top: 3px;
}

#loan_status_section .radio label::before {
    -o-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
    background-color: #101f32;
    border-radius: 50%;
    border: 1px solid rgba(120,130,140,.13);
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -18px;
    position: absolute;
    transition: border .5s ease-in-out;
    width: 17px;
    outline: 0!important;
}



/* loan status page*/

.loan_transaction_block
{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}

.loan-aside{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}

.loan_chart_block
{

display: flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}

.loan_chart_left{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
} 

.bg_green{
	background: #00a79d;
    border-color: #00a79d;
}

.bg_yellow{
 background: #d39c35;
    border:#d39c35;
}

.loan_vault_buttons {
    text-align: center;
}

.loanbutton {
    margin: 5px 0;
}
.x-btns .fancybtn {
    max-width: 100%;
    min-width: 100%;
}
.vault_table_transaction .table > thead > tr > th {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    border: none;
    color: #1b223c;
}


.vault_table_transaction .table-bordered {
    border: none;
}

.vault_table_transaction .table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #ccc !important;
}

.vault_table_transaction .table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(even), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #f5f5f5 !important;
}


.final_bal{
	border-top: 1px solid #ddd !important;
    background: #ccd3ef !important;
    height: 60px;
    border-bottom: 1px solid #eee !important;
	}
	
	
.ongoing_table .custom-table-striped .table > thead > tr > th {
    white-space: nowrap;  
}

.loan_filterBtn {
    border: none;
    padding: 5px 18px;
    width: 180px;
    color: #000;
    font-weight: 600;
}

.loan_filterBtn.active {
    background: #2b3990;
    color: #fff;
}

#highcharts-j6lzxvw-0 {
    margin-left: 30% !important;
} 
/*.loan_transaction_block #dataTable_length {
    display: none;
}

.loan_transaction_block div#dataTable_filter {
    display: none;
}*/
div.dataTables_length label{
    padding-left: 0 !important;
}
.postpone_loan p {
    font-size: 10px;
    text-transform: none;
    font-weight: 400;
    color: #8b9099;
    margin: 0 0 10px 0;
    opacity: 1;
} 

.postponse{text-transform: none;}

/*
.user_info_block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 25%;
    flex: 0 0 20%;
    max-width: 20%;
}

.user_perform_section {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 50%;
    max-width: 46%;
}
*/



.amount_section .white-block h3 {
    font-weight: 700;
    font-size: 17.78px;
    color: #fff;
    line-height: normal;
    margin: 0;
}
.User_info address {
    color: #1b223c;
}
.bg_green .white-block h3 {
    font-size:15px;
}

.val_bal {
    color: #fff !important;
font-size: 9px !important;
}

.amount_section .flex-box p, .flex-box p strong {
    opacity: 0.9;

}

.amount_section h3 {
    font-size: 15px;
} 



/*landing page style */
.Preapply_card {
    padding: 12px 30px;
    background: #00a79d;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin: 5px 0px;
    display: inline-block;
    color: #fff;
}

.clearfix{clear:both;}
.credit_card_shadow{box-shadow:0px 0px 8px 3px #0e1b2b; -webkit-box-shadow:0px 0px 8px 3px #0e1b2b;}
.cls_landing a.blockn{max-width:330px; display:inline-block;}
.landing_for_block{padding-top:5px !important; padding-bottom:5px !important;}
.landing_for_block h4{color:#A5B0B3;}
 .low_space h3{margin:0px;}
#landing_bottom_block{
    padding: 15px 30px;
    float: left;
    width: 100%;
    background:#f5f6fa;  box-sizing:border-box;
   }
   .calcu_box p span{border:solid 1px #f8c67d; -moz-border-radius:8px; 
	   -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px; display:inline-block; 
	   padding:10px 60px; margin:5px 0px; color:#f8c67d;}
	#landing_bottom_block p{font-weight:500; }   
#intro_lendo .calcu_box h3{font-size:16px; font-weight:500; color:#a0adb3;}	   
	  .apply_card{padding:12px 30px; background:#f8c67d; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; border-radius:30px; margin:10px 0px 0px;
	box-shadow:0px 0px 8px 3px #6f6858; -webkit-box-shadow:0px 0px 8px 3px #6f6858; display:inline-block; color:#a67324;} 
	
/*makepayment style */
.auto_pay h5{font-size:15px; color:#94a2ad; font-weight:400; display:inline-block; margin-top:15px;}
	   
.auto_pay .onoffswitch {
	width:120px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
	-o-border-radius:20px; border:solid 1px #477f8e; float:right; margin-left:30px;
} 

.auto_pay .onoffswitch label{border:none; background:none;}

.auto_pay  .onoffswitch-inner:before {
    content: "OFF";
    padding: inherit;
    background-color: #112033;
    color: #fff; width:50%; margin-top:8px;
    text-align: center; 
}

.auto_pay .onoffswitch-inner:after {
    content: "ON";
    padding: inherit;
    background-color: #112033;
    color: #fff; width:50%; margin-top:8px;
    text-align: center;
}
	
	.auto_pay .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0px;
}

.auto_pay .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before{
	content:"OFF"; color:#fff; text-align:center;
}

.auto_pay .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before{
	content:"ON"; color:#fff; text-align:center;
}
.auto_pay .onoffswitch-inner {width:100%;  background:none;}
.auto_pay .onoffswitch-inner{width:100%; background:#112033; margin-left:inherit;
	border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
	-o-border-radius:20px; padding:0px 0px;}
.auto_pay .onoffswitch-inner + .onoffswitch-switch {
    display: inline-block;
    width: 54%; background:#477f8e; border:none; margin:0px;
     padding:10px 20px;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
	border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
	-o-border-radius:20px;
}
.payment_panelsect #vault_balance_section .panel{min-height:52px;     margin-bottom: 5px;}
 .payment_panelsect #vault_balance_section .panel-heading{font-size:0.8em; 
	font-weight:400;}
.payment_panelsect #vault_balance_section .panel-body{padding-top:5px; font-size:1.2em;}
.btn-bluecom {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 8px 15px;
    display: inline-block;
    background: #23398f;
    /* text-transform: uppercase; */
    color: #fff;
    width: 100%;
}
	.nloanvault select, .nloanvault p{    background: #fff;
    border: 1px solid #dcdcdc; 
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
	.nloanvault p{line-height:35px;}
	.payment_panelsect #vault_balance_section .mloan_style .panel-heading{font-size:1em; 
	font-weight:400;}
	
	/* vault section */
	.Loan_user_info .panel-body{background:#fff;}
	.glyphicon-nameicon:before{content:url(../images/nrefres_ico.png); width:57px; height:55px; margin-right:10px; }
	.User_info h1{color:#f8fdff; line-height:55px;}
	
	.User_info address{
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        padding-top: 18px;}
	.User_info p{font-size:1em; font-weight:500; color:#60808f; line-height:24px; }
		.User_info p span{color:#a3b1b4;}
	.User_info address span{color:#e4ae6e;}
	.loan_post_payment h3{font-size:1em; color:#a7b3bf; font-weight:600; text-align:center;}
	.loan_post_payment p{font-size:0.9em; font-weight:500; line-height:24px; }
	
a:hover, a:focus {    color: #fff;}
	.loan_rightopanel h3{margin:0px; color:#3d818e; display:inline-block; margin-left:30px;
		border-bottom:1px solid #dcdcdc; padding:0 15px 15px; min-width:200px; text-align:center;}
	.loan_rightbotpanel h4{color:#fff; padding:10px 0px; margin:0px;}
	input.btn-bluecom{border:none;}
	.btn-invioce{background:#98d1be; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; box-shadow:0px 0px 8px 3px #4e7072; -webkit-box-shadow:0px 0px 8px 3px #4e7072; display:inline-block; color:#fff; padding:12px 30px; margin:15px 0px 0px;}
	.loan_rightbotpanel h5{margin:20px 0 10px; color:#fff;}
	.Loan_user_info .col-md-4 .panel-body{padding:5px 12px;}
	
	#loan_calculator .panel .panel-heading{text-transform:none;}
	#loan_bal_dev .table tr td{padding:8px;}
	.table_scroll{height:250px; overflow:scroll; overflow-x:hidden;}
	.set_image .thumbnail{background:none; padding:0px; border:none;}
	#lendo_card .set_image img.img-responsive{height:auto;}
	.loan_m{margin-top:33px;}	 
	.payment_bottom_blocks .progress{border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; backgrond:#384d5e; height:20px;}
	.payment_bottom_blocks .progress-bar {
    background-color: #477f8e;
    box-shadow: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px;
}
.on_modification .loan_text p{font-weight:400;}	
.on_modification .col-md-2{padding-top:5px; padding-bottom:5px;}	
.s_prog_text span{color:#497e8e;}	
.s_prog_text span strong{font-size:1.5em;}	
.s_prog_text span a{text-decoration:underline; color:#497e8e;}
.s_money_table td .divider{margin:5px 0px;}

.radio input[type=radio] { cursor: pointer;   opacity: 1;    z-index: 1;    outline: 0!important;}
.s_money_table {
    color: #fff;
}
.s_money_table .radio {
    margin-bottom: 35px;
}

.bal_row{
    width: 100%;
    float: left;
}


p.payment_line {
    color: #ff8585;
} 

.estimated .panel-body.text-center {
    color: #fff;
}

h4.payment_bal {
    background: #101f32;
    color: #fff;
    text-align: center;
    padding: 16px;
    border-radius: 2px;
}
.setup {
    padding: 15px 20px;
    border-radius: 35px;
}

.loan_rightbotpanel button.btn.btn-invioce {
     background: #23398f;
      background: -moz-linear-gradient(top, #00a79d 0%, #23398f 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a79d), color-stop(100%, #23398f));
      background: -webkit-linear-gradient(top, #00a79d 0%, #23398f 100%);
      background: -o-linear-gradient(top, #00a79d 0%, #23398f 100%);
      background: linear-gradient(to right, #00a79d 0%, #23398f 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00a79d, endColorstr=#23398f);
    text-transform: uppercase;
    box-shadow: none;
} 

input.form-controls.text-center {
    background: #394a5c;
    border:  navajowhite;
    padding:  10px;
    border-radius:  35px;
    margin-left: 5px;
    width: 160px;
    float: right;
    margin-top: -6px;
}

.radio span {
    font-weight:  bold;
    padding-left: 5px;
} 

#loan_calculator .panel-body.text-center { background: #fff;}
.activemenu { background: #374455;}
#loan_progress_bar .progress-title{ font-size: 16px; color: #fff; margin: 0;}

#loan_progress_bar .progress {
    height: 40px;
    background:#384d5e;
    border-width: 8px 0;
    border-style: solid none;
    border-color: #384d5e;
    border-radius: 30px;
    margin-bottom: 30px;
    box-shadow: none;
    overflow: visible;
    position: relative;
}
#loan_progress_bar .progress .progress-bar{
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    position: relative;
    animation: animate-positive 1s;
}
#loan_progress_bar .progress .progress-bar:before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #58a6ab;
    background: #53a5aa;
    position: absolute;
    top: -12px;
    right: 0;
}
@-webkit-keyframes animate-positive{
    0%{ width: 0; }
}
@keyframes animate-positive{
    0%{ width: 0; }
}
.progress-desc small {
    position: absolute;
    left: 0;
    font-size: 20px;
    color: #595959;
    font-weight: 700;
    top: -3px;
}
.progress-desc small+p+small {
    right: 0 !important;
    left: inherit;
}
.progress-desc {
    position: relative;
    padding: 0 70px;
    text-align: center;
    margin: 25px 0;
}

.setting-progress.progress{
    overflow: visible;
}
.setting-progress.progress .progress-bar{
    position: relative;
    animation: animate-positive 2s;
}
.setting-progress.progress .progress-title{
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 12px;
    left: 15px;
}
.setting-progress.progress .progress-value:before {
    content: '';
    width: 30px;
    height: 30px;
    top: 30px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 20px -2px #00000082;
    background: #244992;
    border: 9px Solid #fff;
}
.setting-progress.progress .progress-value {
    font-size: 20px;
    font-weight: bold;
    color: #233990;
    text-align: right;
    position: relative;
    top: -40px;
    margin: 0 -13px 0 0;
}
.setting-progress.progress.yellow .progress-value{ color: #d39d35; }
.setting-progress.progress.blue .progress-value{ color: #233990; }
.setting-progress.progress.green .progress-value{ color: #01a69d; }
@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}

.aftlimit input {
    width: 40%;
    text-align: center;
    padding: 10px 0;
}

#setting_description {
    font-size: 20px;
    font-weight: 500;
}


.range-slider .rangebar {
    width: 100%;
    position: relative;
    margin: 16px auto 0;
    border: 0;
    height: 10px;
    background: #f2f2f2;
    outline: none;
    border-radius: 25px;
    max-width: 98%;
}

.range-slider {
    position: relative;
    padding: 0 130px;
}
.white-block .range-slider .ui-slider-handle {
    position: absolute;
    border: 0;
    height: 22px !important;
    width: 22px;
    outline: none;
    cursor: pointer;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 0px 30px -3px #00000063;
    top: -6px;
    cursor: pointer;
}
.white-block .range-slider .ui-slider-handle::before {
    position: absolute;
    left: 0;
    right: 0;
    background: #2b3990;
    width: 10px;
    height: 10px;
    content: '';
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.range-slider small.max-val {
    right: 0 !important;
    left: inherit;
}

.range-slider small {
    position: absolute;
    left: 0;
    top: -9px;
}
.range-slider small {
    font-size: 17.78px;
    color: #4d4d4d;
    font-weight: 700;
}
span.ui-slider-handle.ui-state-default.ui-corner-all:before {
    content: "||";
    font-size: 25px;
    color: #697b92;
    padding: 5px 13px;
    float: left;
}

.max-target {
    position: absolute;
    z-index: 1;
    background: #c75858 !important;
    height: 100%;
    margin: 0;
    border-radius: 25px;
    left: 0;
} 

/* Loan Status page */

#slider-6 .ui-slider-range {
    height: 60px;
    border-radius:0 50px 50px 0px !important;
    background:#98d1be !important;
}

#slider-6 {
    height: 60px;
    border-radius: 50px;
    background:#253746 ; opacity: 1;
}



.range-slider .ui-slider-range {
    background: #233990!important;   /*border-radius: 25px 0px 0px 25px !important;*/
}

/*#loan_progress_bar #range .ui-slider-handle:hover,
#loan_progress_bar #range .ui-slider-handle:focus {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}*/

.range-slider .ui-slider-range { background: #007aff; }

.range-slider #currentVal {
    position: relative;
    font-size: 11px;
    color: #4c4c4c;
    opacity: 0.8;
    text-align: center;
    z-index: 9;
    float: left;
    margin: 13px 0 0;
    font-weight: 400;
}

#loan_chart .outline-box {
    float: left;
    width: 100%;
}

.loan_euro_text {
    color: #1b223c;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    text-align: center;
     margin:5px 0;
    padding: 0;
}

#loan_bal_dev td.default-cell {
    text-align: left;
}

.User_info fieldset {
    font-size: 12px;
    color: #747880;
}
.User_info b, .User_info strong {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
}



span.currency_field {
color: #8b9099;
font-weight: 600;
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
}

.wallet_pay_block {
    float: left;
    width: 100%;
}

.wallet_pay_block .primary-select {
    height: 40px; 
}
.avaiable_amount_block {
    float: left;
    width: 100%;
}

.amount_wallet input.btn-bluecom {
    border: none;
    background: #00a79d;
    margin: 20px 0;
}

.invoice_block .primary-select {
    height: 40px;
   
}

#loanchartImage2 span.currunt_loan_value {
    color: #fff;
    margin: 20px 15px;
}



.card_application_table{
    width: 100%;
    float: left;
}
.dgreen{
    color: #00a79d;
}
.dblue{
    color: #233990;
}
.dyellow{
   color: #d39d35;
}
.dred{
    color: #d35049;
}
.card_td {
    text-transform: uppercase;
    padding: 12px !important;
    vertical-align: middle;
}

.card_value_td td {
    border: 0 !important;
    font-size: 13px;
    font-weight: 600;
    color: #8b9099;
    padding: 12px 22px !important;
    vertical-align: middle !important;
}

.vault_table_transaction .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px 8px;
    border: none;
    text-align: center;
}


/* Cash back page */

.green_text {
    color: #02a89e !important;
    font-weight: bold !important;
    font-size: 12px;
    margin: 0px !important;
    padding: 0px !important;
}
.red_text {
    color: #d24a43 !important;
    font-weight: bold !important;
    font-size: 12px;
    margin: 0px !important;
    padding: 0px !important;
}
.black_text {
    color: #404040 !important;
    font-weight: bold !important;
    font-size: 12px;
    margin: 0px !important;
    padding: 0px !important;
}
.cashback-wrap td {
    font-size: 12px !important;
}

.cashback-wrap .custom-table.mp-table .table > tbody > tr > td {
    text-transform: none !important;
    padding: 11px 8px !important; width: inherit;
}

h4.cashback_bal {
    color: #404040;
    font-weight: 600;
    margin: 20px 0;
    float: left;
}
span.blue_text {
    color: #244992;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 0;
}

/* Track Colleteral Page */

.track_collateral_wrap select {
    background-image: url(../images/white-arrow.png);
	background-repeat: no-repeat;
    background-position: center right;
    background-size: 23px;

}

.bg_blue_select {
    background: #244992;
    color: #fff;
} 

.blue-text {
    color: #244992;
    font-weight: 600;
}

.collateral_button {
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    padding: 12px 10px;
    min-width:100%;
    border: 0;
    display: inline-block;
    text-align: center;
    outline: none;     border-right: 1px solid;
}
.collateral_row{margin-left:130px;}
 
.collateral_row .col:nth-last-child(1) a {
border-radius: 0 120px 120px 0;
}

.collateral_row .col:nth-child(1) a {
border-radius: 120px 0 0 120px;
}

.track_collateral_wrap .active_button {
    background: #01a69d !important;
} 


.track_collateral_wrap .trackCollateralRow .active_button {
    background: #01a69d !important;
}


/* Loan Risk Control */

h4.table_heading_title {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #1b223c;
    padding-left: 30px;
    margin: 5px 0;
}

.loan_risk .nmodi_table .table tr td {
  font-weight: normal;
}

td.text-red {
    color: #f84747 !important;
}

.card-tabs .customtab {
margin: -20px;
}

.card-tabs .customtab.nav-tabs .nav-link {
padding: 20px 20px 18px;
text-align: center;
display: block !important;
font-size: 13px;
font-weight: 600;
color: #8b9099;
text-transform: uppercase;
cursor: pointer;
position: relative;
} 

.card-tabs .customtab.nav-tabs .nav-link.active, .customtab.nav-tabs .nav-link.active:focus, .customtab.nav-tabs .nav-link:hover {
border-bottom: 2px solid #233990;
color: #233990;
}

.card-tabs .card .card-title {
position: relative;
font-weight: 700;
color: #1b223c;
font-size: 13px;
text-transform: uppercase;
margin: 0 0 10px 0;
} 

span.text-danger {
    color: red !important;
}

.disable_field {
    background: #ececec !important;
}
.top-left-part,.sidebar,.top-right-part {
    background:#394263 !important;
} 

.card_application.custom-table-striped .table > thead > tr > th{
    white-space: nowrap;
}

.loan_setting.custom-form h5 {
    white-space: nowrap;
}

.bg_red {
    background: #d9534f;
}

fieldset img {
    cursor: pointer;
}

.modal-body.form img {
    width: 100%;
    max-width: 100%;height:100%;
}

.kyc_table .custom-table-striped.m-0 td, .custom-table-striped.m-0 th {
    width: 33%;
}

.kyc_modal {
    height: 500px;
}


.table_title_h2 {
font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin: 0;
	}
	
.table .btn-primary{
    background: #2b3990;
    border: 1px solid #2b3990;
}

.custom-btn-primary {
     background: #2b3990 !important;
    border: 1px solid #2b3990 !important;
    color: #fff;
}

h3.unregi_user{
    background: #c0f3c0;
    color: #499c49;
	font-size: 12px;text-transform: uppercase; max-width: 90px;    font-weight: 400;
    padding: 0 5px;
} 

.user_management img.user_profile {width:40px;}h3.regi_user {  background: #ffd5d2;
    font-size: 12px;text-transform: uppercase;    color: #de4337;    max-width: 90px;    font-weight: 400;
    padding: 0 5px;}.user_info_details { cursor: pointer;   padding: 10px;    text-align: left;    width: 100%;    float: left;} .user_img {  float: left;    margin: 0 10px;}.user_info {    float: left;}.user_info li {    float: left;    list-style: none;}.user_info ul {    float: left;    margin: 0;    padding: 0;}span.detail_title { font-size:12px;   padding: 5px 10px 0 0;}.user_button a.fancybtn.fancy_default_button {     margin: 5px 0 0 0;   padding: 8px 15px;    border-radius: 5px;    font-weight: 400;    text-transform: uppercase;    font-size: 12px;}.detail_title strong {    font-weight: 700;    padding: 0 5px;}tr.white_bg {    background-color: #fff !important;}  h3.active_user {  font-size: 12px;    color: #333;}span.active_status {    background: #bcece0;    color: #00c292;    text-transform: uppercase;    font-weight: 300;    padding: 0 5px;    font-size: 12px;} tr.spacer {  height: 10px;} .user_info_details:hover {
    background: #e4e6ea;} #user_details .user_img { float: none;   margin: 0 10px;} #user_details .modal-header {    text-align: left !important;  padding: 20px;}   
	
    


.custom_popup {
    margin: 0px auto;
    float: none !important;
}   

	
.user_img {  float: left;}.user_role_img img.user_profile {    float: left;    width: 40px;    margin: 0 10px;}
h3.user_role_title {    font-size: 14px;    text-transform: uppercase;}span.test_role-image {    font-size: 12px;}
.user_list_detail {    float: left;    width: 100%;    border-bottom: 1px solid #ccc;    padding: 10px 0;    margin: 10px 0 0;
} .user_roles .atpaysetting label a { color: #000;}	h5.no_details_title {  font-weight: bold;    text-align: center;
    font-size: 14px;}span.no_details_subtitle {    font-size: 12px;    text-align: center;    width: 100%;    float: left;
} .add_user_title {  margin: 15px 0 0;  float: left;  text-align: center;  background: #f5f6fa;    width: 100%;
    padding: 1px;}.add_user_title a.recent_link {   color: #000;    font-size: 30px;}


	.Serror td { width: 100% !important; float: left;}.Serror {    margin: 0px !important; float: left !important; padding: 2px 0 0;
    width: 100% !important;    text-align: center;} h3.unregi_user{
    background: #c0f3c0; color: #499c49;font-size: 12px;text-transform: uppercase; max-width: 90px;    font-weight: 400;
    padding: 0 5px; text-align:center;} .modal-header { background: #151c48 !important;}
h3.modal-title {    color: #fff !important;} .modal-header .modal-title {  margin-top: 0;    text-transform: uppercase;    color: #fff;
}

.modal-header {
    background: #151c48 !important;
}

h3.modal-title {
    color: #fff !important;
}


.custom_admin_checkbox .container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    font-weight: 600;
    text-align: justify;
    letter-spacing: 0px;
}  

/* Hide the browser's default checkbox */
.custom_admin_checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.custom_admin_checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.custom_admin_checkbox .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom_admin_checkbox .container input:checked ~ .checkmark {
  background-color:#151c48;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom_admin_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom_admin_checkbox .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom_admin_checkbox .container .checkmark:after {
    left: 6px;
    top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}  
 
.custom_admin_checkbox {
    padding: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.choose_previlages {
    max-height: 300px !important;
    overflow: scroll;
    overflow-x: hidden;
    padding: 0 20px;
} 


 .custom_admin_checkbox { padding: 0; border-bottom: 1px solid #eee;  margin-bottom: 10px;}
.choose_previlages {    max-height: 300px !important; overflow: scroll;overflow-x: hidden;padding: 0 20px;}  .user_previlage_box { padding: 0;  border-bottom: 1px solid #ccc;}h4.user_role_title {    font-size: 12px;
    width: 100%;    font-weight: 700;}.user_previlage_box i.fa.fa-check {    background: #394263;    padding: 2px;
    border-radius: 50px;    font-size: 10px;    color: #fff;} span.privilage_title { width: 70%;    float: left;} .user_previlages { max-height: 250px;  overflow: scroll;    overflow-x: hidden;} .user_privilage_list {
    height: 215px;  overflow-x: hidden;}   
 
 .user_custom_form fieldset {
    /* border: 1px solid #ccc; */
    margin: 0px 40px!important;
    padding: 10px 0;
}

.user_custom_form .col {
    padding: 0;
    margin: 0px;
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.custom-form.user_custom_form {
    max-width: 500px;
    margin: 30px auto 0;
}

#w_addresses .custom-table-striped .table > thead > tr > th {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    background: #394263;
    padding: 20px 5px !important;
    white-space: nowrap;
}
.push_apps a.recent_link {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}
.push_apps {
    background: #2b3990;
    padding: 10px;
    text-align: center;
    color: #fff;
    position: absolute;
    width: 92%;
    left: 11px;
    top: 80px;
}
i.fa.fa-search {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 170px;
    cursor: pointer;
}

@media(min-width:640px) and ( max-width:1300px) /* for iphone */ {
.active_button {
    margin: 0 10px 5px 0 !important;
}
}

@media only screen and (min-width: 980px){
    .set_min_height{min-height:818px;}
    }
@media only screen and (max-width: 980px){
    .loan_rightbotpanel input[type="text"], .loan_rightbotpanel select(margin-bottom:15px;)
    }