/*@font-face {
    font-family: 'SF-Pro-Text-Black';
    src: url(../../fonts/SF-Pro-Text-Black.ttf) format('truetype'),
         url(../../fonts/SF-Pro-Text-Black.eot?#iefix) format('embedded-opentype'),
        url(../../fonts/SF-Pro-Text-Black.otf) format('otf'),
        url(../../fonts/SF-Pro-Text-Black.svg#SF-Pro-Text-Black) format('svg'),

        url(../../fonts/SF-Pro-Text-Black.woff2) format('woff2'),
        url(../../fonts/SF-Pro-Text-Black.woff) format('woff');
    font-display: swap;
}*/
.nav-treeview{
    padding-top: 35px !important;
}
/* [class*=sidebar-dark-] {
    background: #F0EFEC !important;
} */
body{
    font-family: 'Roboto', sans-serif;
    
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
}
p,a,li{
    font-family: 'Roboto', sans-serif;
}
table tr{
    height: 53px;
}
thead{
    border-top-style: hidden;
}
tbody{
    border-bottom-style: hidden !important;
}
/* number input arrow hide */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body:not(.layout-fixed) .main-sidebar .sidebar{
    overflow-y: hidden !important;

}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]:focus-visible {
    border: none !important;
}
/* end */


.new_navbarcolor{
    background: #FFCB67;
    border: none !important;
    height: 64px;

}
.brand-link .brand-image{
    margin-top: 0px !important;
}
.new_sidebarcolor{
    background: #FFCB67;
    border: none !important;
    height: 64px;
}
.yellow_logotext{
/* font-family: Proxima Nova; */
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
height: 22px;
width: 72px;
left: 56px;
top: 21px;
border-radius: nullpx;

}
.elevation-4{
    box-shadow:none !important;
    height: 100% !important;
}
.new_sidebar{
    background: #F0EFEC !important;
    padding: 0px;
}
.new_contentwrapper{
    background: #F0EFEC !important;
}
.load_request{
/* font-family:'SF-Pro-Text-Black'; */
font-size: 24px !important;
font-style: normal;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.025em;
text-align: left;
color: #5C5F62;
}
.gold_rate{
    /* font-family: SF Pro Display; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 0.025em;
text-align: left;
color: #5C5F62;

}
.table_background{
    background: #FFFFFF
    ;
    box-shadow: 0px -1px 0px 0px #E1E3E5 inset;
    border: 1px solid #FAFBFB;
    font-size: 14px;

}
.nav-item p{
    color: #202223;
    font-weight: 600;

}
.verified_btn{
    /* height: 28px;
width: 90px; */
left: 741px;
top: 12px;
border-radius: 2px;
/* padding: 0px 8px 0px 8px !important; */
background: #E4E5E7;
color:#008060;
font-size: 14px;
padding: 5px 8px;
display: flex;
float: right;
border-radius: 2px;
}
.verified_btn img{
    height: 20px;
width: 20px;
left: 812px;
top: 16px;
border-radius: 0px;

}
.greenbox_footer{
 background: #008060;
 color: #E3E5E7;
margin: 0 auto;
bottom: 20px;
border-radius: 8px;
height: 60px;
width: 313px;
border-radius: 8px;
padding: 16px;
font-size: 20px;
line-height: 28px;
position: absolute;
top: 500px;
left: 30%;
}
.greenbox_footer img{
    margin-left: 10px;
}
.table_maindiv{
    position: relative;
}
/* .rightside_table{
    height: 52px;
} */
.nav-item a{
    /* font-family: SF Pro Text; */
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
margin-left: 10px;

}
.nav-item{
    height: 32px;
width: 224px;
left: 8px;
top: 200px;
border-radius:
}
.nav-treeview :active{
    background: #ffffff;
}
/* li.nav-item.active{
    background: #008060;
    ;
    height: 100%;
    width: 5px;
    border-radius: 0px 4px 4px 0px;
} */
.menu-open li.nav-item.active a {
    background: #ffffff !important;
    display: flex;
}
.view_details{
    color: #2C6ECB;

}
li.nav-item a{
    border-radius: 4px;
}
.content-header{
    padding: 15px 22px;
}
.elevation-3{
    box-shadow: none !important;
}
/* .new_sidebarcolor img{
    margin-top: 2px !important;
} */
.brand-link .brand-image{
    float: none;
}

/* popup css */
.popup_nameperson{
/* font-family: SF Pro Display; */
font-size: 20px;
line-height: 32px;
letter-spacing: 0px;
text-align: left;

}
.approve-reject{
    display: flex;

}
.approve_btn{
    background: #008060;
    color: #FFFFFF;
font-family: SF Pro Text;
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
padding: 12px;
    border-radius: 4px;

}
.reject_btn{
    background: #D82C0D;
    color: #FFFFFF;
font-family: SF Pro Text;
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
padding: 12px;
    border-radius: 4px;
}
.popup_firstdiv{
    
}
.modal-body{
    padding: 0px !important;
}

/* popup css for load manage */
.loanm_name{
    /* font-family: 'SF Pro Display'; */
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 32px;
letter-spacing: 0px;
text-align: left;
color:#202223;


}
.loanm_personnum{

    
/* font-family: SF Pro Text; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color:#6D7175;
;

}
select {
	appearance: none;
	-webkit-appearance: none;

	font: inherit;
	font-size: inherit;
	font-weight: 400;

	/* opinionated design defaults */
	block-size: 2.75rem;
	inline-size: 100%;
	border: 1px solid #000;
	border-radius: .25rem;
	background-color: #fff;
	color: #000;

	padding-inline-start: .5rem;
	/* compensate for arrow icon, so text doesn't overlap it */
	padding-inline-end: 2rem;

	/* arrow icon */
	background-image: 
		conic-gradient(
			from 45deg, 
			transparent 0% 25%, 
			transparent 0% 75%,
			currentColor 0%
		);
	
	background-size: 12px 12px;
	background-position: right 1rem top calc(50% + 4px);
	background-repeat: no-repeat;
}





/* Demo defaults */

select {
    background-color: white;
    border: thin solid grey;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 36px;
width: 95%;
border-radius: 4px;
box-shadow: 0px 1px 0px 0px #0000000D;


  }
  select.arrows {
    background-image:url('../img/dropdown_fill.svg');
    background-position: calc(100% - .5rem), 100% 0;
    background-size:  1.5em 1.5em;
    background-repeat: no-repeat;
  }
  
  select.arrows:focus {
   
    outline: 0;
  }


 .popup_backimg{
     float: right;
 }
 .popup_padmain{
     padding: 30px;
     height: 480px;
 }
 .loan_savebtn{
    height: 38px;
    /* width: 65px; */
    padding: 8px 16px 8px 16px !important;
    border-radius: 5px;
    padding: 1px;
border-radius: 6px;
background: #008060;
box-shadow: 0px -1px 0px 0px #00000033 inset;

box-shadow: 0px 1px 0px 0px #00000014;
color: #ffffff;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0px;
text-align: center;

 }
 .loan_canclebtn{
    height: 38px;
    width: 77px;
   
    border-radius: 5px;
    padding: 1px;
    border-radius: 6px;
    background: #D82C0D;
    box-shadow: 0px -1px 0px 0px #00000033 inset;

    box-shadow: 0px 1px 0px 0px #00000014;
    color: #ffffff;
    /* font-family: Roboto; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0px;
text-align: center;

 }
 .tab-content{
    padding: 20px 82px 60px 82px;
}
.hr_line{
    width: 78%;
    color: ;
    height: 0px;
/* width: 600.0000000000023px; */

border-radius: nullpx;
border: 1px solid #E1E3E5
}
.loan_canclebtn:hover{
border:1px solid #D82C0D;
background: white;
color: #000;
}

.loan_savebtn:hover{
    border:1px solid #008060;
    background: white;
    color: #000;
    }

    .assign_lable{
        color: #202223;
/* font-family: SF Pro Text; */
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 20px;
letter-spacing: 0px;
text-align: left;


    }
    .table-hover tbody tr:hover{
        box-shadow: 0px -1px 0px 0px #E1E3E5 inset;
        background: #FAFBFB !important;
        font-weight: 700 !important;



    }
    table th{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    /* text-align: left; */

    }
    .table-hover tbody tr:hover td:nth-child(1) {
        font-weight: 700 !important;
    }
    /* table td:nth-child(2){
        color: #008060;
    } */
    .table-hover tbody tr:hover table td:nth-child(2){
        color: #D82C0D;
    }
    .header_mainlonrequest{
        padding:1.25rem 1.25rem 0rem 1.25rem
    }
    .main-sidebar{
        overflow-y:none;
        overflow-x: none;
    }
    .yellow_loanbooklogo{
        vertical-align: sub;
        width: 75%;
    }
    .yellow_logosecond{
        vertical-align: middle;
    }

    /* home popup start*/
    .popup_bankname{
        background: #EDF4FE;
        height: 20px;
width: 91px;

border-radius: 10px;
padding: 2px 8px 2px 8px;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
color:#112972;
;


    }


.nav-tabs{width: 100%;}
.nav-t { margin-bottom: 1.25rem; margin-left: 0; list-style: none; }
.nav-t > li > a { display: block; }
.nav-tabs { *zoom: 1; }
.nav-tabs:before, .nav-tabs:after { display: table; content: ""; }
.nav-tabs:after { clear: both; }
.nav-tabs > li { float: left; }
.nav-tabs > li > a { padding-right: 1rem; padding-left: 1rem; margin-right: 0.1rem; line-height: 1rem; }
.nav-tabs { border-bottom: 1px solid #E1E3E5;}
.nav-tabs > li { margin-bottom: -1px; }
.nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 1.25rem; border: 1px solid transparent;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #ddd #ddd #999; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { cursor: default; background-color: #ffffff; border: 1px solid #999; border-bottom-color: transparent; }
.tab-content.active { display: block; }
.tab-content.hide { display: none; }
.customertab_head{
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
color: #6D7175;
text-transform: uppercase;
}
.customertab_aadhar{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color:#6D7175;
;
}
.customertan_aadharnumber{
 
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
height: 20px;

}
.customertab_biometric{
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
color: #008060;
border-radius: 10px;
background: #F1F8F5;
padding: 2px 8px 2px 8px;


}
.modal-contentoverflow{
    /* overflow-y: scroll;
    height: 750px; */
}

.customertab_livephoto{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color: #6D7175;

}
.livephoto-sign-pan{
    display: -webkit-box;

}
.customertab_pancard, .customertab_sign{
    margin-left: 30px;
}
.hr_linecustomer{
    border: 1px solid #E1E3E5;

}
.jewerrarytab_head{
    color: #202223;
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;


}
.jewerrary_weight{
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color: #202223;
height: 20px;

}
.jewerrary_grossweight{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color: #6D7175;

}
.jewellery_imagebox{
    display: flex;
}
.jewerrary_remark{
   
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
   color:  #6D7175;

    
}
.broke_jwry span{
    color: #D72C0D;
    border-radius: 10px;
    padding: 2px 8px 2px 8px;
    background: #FFF4F4;
    

}
/* .popup_padmainjewellery{
    padding: 30px;
} */
.loadolan_head{
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
color: #6D7175;

}
.loan_loanamount{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color: #6D7175;
}
.loan_ltd{
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 32px;
letter-spacing: 0px;
text-align: left;
color: #202223;


}
.loan_ltd span{
    color: #008060;
}
.loan_loankind{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color: #6D7175;

}
.loan_newloan{
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color: #202223;

}
.nav-t li a{
   
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
color:  #6D7175 !important;
border: none !important;

}

/* checkbox popup */
.home_yellow_alert{

    border-radius: 8px;
    
    border: 1px solid #E1B878;
    background: #FFF5EA;
}
.lightyellowalert_box{
    display: flex;
    padding: 16px;
}
.home_alertiamge{
width: 6%;
}
.home_alertpara{
width: 85%;
}
.home_alertcrossimage{
width: 9%;
float: right;
}
.home_alertcrossimage img{
    float: right;
}
.popup_padmaincheckbox{
    /* padding: 30px 30px 10px 30px; */
    /* padding: 0px 80px 75px 80px; */
}
.new_checkpaddashboard{
    padding: 35px 80px 50px 90px;
}

.home_checkbox_style{
    padding: 25px;
}


.home_checkbox_style h4{
    color: #6D7175;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}
.home_checkboxmethode{
    box-shadow: 0px 0px 12px 0px #0000001A;
    height: 268px;
    width: 208px;
    border-radius: 8px;
    padding: 8px, 0px, 8px, 0px;
}
.home_checkboxright p{
  

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color: #6D7175;
}
.home_checkboxright  h4{
   color:  #202223;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 32px;
letter-spacing: 0px;
text-align: left;

}
.homeright_utr input{
    
   
    border-radius: 5px;
    padding: 1px;
    border: 1px solid #A7ACB1;


padding: 8px, 12px, 8px, 12px;
color: #202223;
height: 36px;
width: 317px;



}
.homecheckpbutn_right button{
  background: #008060;
  border-radius: 4px;


border: none;
height: 36px;
width: 96px;


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0px;
color: #ffffff;


}
.homecheckpbutn_right button:hover{
    border: 1px solid #008060;
    background: white;
    color: #000;
}
.home_rightamountsec{
    padding: 20px 0px 0px 40px;
}
input[type=checkbox]:checked:after {
   background: red;
  }


  /* checkbox custom */

  .checkbox_custom {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .checkbox_custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: 2px solid #8C9196;
    border-radius: 4px;

  }
  
  /* On mouse-over, add a grey background color */
  .checkbox_custom:hover input ~ .checkmark {
    background-color: #ffffff;
    
  }
  
  /* When the checkbox is checked, add a blue background */
  .checkbox_custom input:checked ~ .checkmark {
    background-color: #008060;
    border: none;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkbox_custom input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkbox_custom .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
 .checkbox_custom{
   
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #202223;
 }

.menu-open li.nav-item.active {
    background: #008060;
    height: 100%;
    width: 5px;
    border-radius: 0px 4px 4px 0px;}

.scannreceipt_backimg{
    display: flex;
}


/* scann receipt */
.receipt_loanfrom{

font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
color:#202223;

}

/* custom radio */
/* The container */
.scannreceipt_radiobtn {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
font-size: 14px !important;
font-style: normal;
font-weight: 400 !important;
line-height: 20px;
letter-spacing: 0px;
text-align: left;

  }
  
  /* Hide the browser's default radio button */
  .scannreceipt_radiobtn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 3px solid #8C9196;
    border-radius: 3px;
  }
  
  /* On mouse-over, add a grey background color */
  .scannreceipt_radiobtn:hover input ~ .checkmark {
    background-color: #ffffff;
  }
  
  /* When the radio button is checked, add a blue background */
  .scannreceipt_radiobtn input:checked ~ .checkmark {
    border: 3px solid #008060;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .scannreceipt_radiobtn input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .scannreceipt_radiobtn .checkmark:after {
    top: 2.3px;
    left: 2.3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #008060;
  }

  .scannreceipt_finance{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #202223;
  }
  .scannreceipt_finance input{
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #A7ACB1 0%, #BABFC3 9.9%);
    border: 1px solid;
    border: 1px solid;
    border-radius:4px;
    Padding :8px 12px 8px 12px; 
    height: 36px;
width: 454px;
left: 1px;
top: 1px;
border-radius: 4px;
padding: 8px, 12px, 8px, 12px;
border: 1px solid #A7ACB1;
  }
  .scannreceipt_finance label{
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color:#202223;
    
}







.scann_receipttck {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 10px;
  }
  
  /* Hide the browser's default checkbox */
  .scann_receipttck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark_squre {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 3px solid #8C9196;
  }
  
  /* On mouse-over, add a grey background color */
  .scann_receipttck:hover input ~ .checkmark_squre {
    background-color: #ffffff;
  }
  
  /* When the checkbox is checked, add a blue background */
  .scann_receipttck input:checked ~ .checkmark_squre {
    background-color: #008060;
    border: none !important;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark_squre:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .scann_receipttck input:checked ~ .checkmark_squre:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .scann_receipttck .checkmark_squre:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .scann_receipttck{
    
    font-size: 15px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #8C9196;    
  }
  .add_newplan{
    /* height: 36px;
    width: 145px;
    left: 1px;
    top: 1px; */
    border-radius: 4px;
    padding: 8px 14px 8px 14px;
    background: white;
    display: flex;
    font-size: 14px;
    border: 3px solid #BBBFC3;
    display: flex;
    align-items: normal;
   float: right;
   font-weight: 500;
  }
  .loan_interetblt{
      display: flex;
  }
  .loan_tomoney{
      display: flex;
      align-items: baseline;
  }
  .discontinuis_plan{

  }
  .loanplan_headpad{
      padding: 1.25rem 0rem 1.25rem 0rem;
  }
  



  .inputDataText{
    padding:13px; 
    border-width:1px; 
    border-radius:9px; 
    border-style:solid; 
    border-color:#d9d9d9; 
    width:100%;
    box-sizing: border-box;
  }
  .inputwrapper{
   position: relative;
  }
 .inputwrapper::after {
    content: attr(data-required);
    position: absolute;
    right: 116px;
    top: 78%;
    font-size: 14px;
    transform: translateY(-50%);
    color: #6D7175;
    font-weight: 400;
}



.discontinuis_plan{
    
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
color: #ffffff;
background: #6D7175;
padding: 8px 16px 8px 16px;
border-radius: 4px;
border: none;
}


.pagination{
    float: right;
}

ul.nav-t.nav-tabs li.active a{
border-bottom: 3px solid #008060 !important;
color: #202223 !important;
font-size: 14px;
font-style: normal;
font-weight: bold !important;
line-height: 20px;
letter-spacing: 0px;
text-align: center;

}

.scannreceipt_imagediv{
   max-width: 100%;
}
.scannreceipt_imagediv img{
   width: 100%;
 }
.scannreceipt_rightsecpad{
    padding: 0px 45px 45px 45px;
}

.popup_padmaincheckbox label{
color: #6D7175;
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 20px;
letter-spacing: 0px;
text-align: left;

}
#myModal_loanform .loanplan_planname input{
    width: 55% !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #202223;
    border: 1px solid #A7ACB1;
    Padding: 8px 12px 8px 12px;
    height: 36px;
    border-radius: 4px;
}

#myModal_loanform .loanplan_interest input{
    width: 70% !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #202223;
    border: 1px solid #BABFC3;
    Padding: 8px 12px 8px 12px;
    height: 36px;
    border-radius: 4px;
}
.add_padaroundselectloan{
    /* padding: 0px 0px 170px 62px; */
    padding: 0px 16px 170px 70px;
}
.add_padaroundselectmanager{
    padding: 10px 0px 40px 62px;
    

}
/* .add_padaroundselect{
    padding: 0px 0px 40px 62px;
} */
input[type=text],
input[type=password]:focus {
    outline: none;
}
.loan_tomoney.scannreceipt_finance input.text{
    outline: none;
    font-weight: 700 ;
    line-height: 20px;
    color: #202223;
}
.to_btwnvalue{
    padding: 12px;
    color: #6D7175;
    font-size: 14px;
    font-weight:400;

}

.loan_interetblt label{
    color: #202223;
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 20px;
letter-spacing: 0px;


}
/* custom radio btn */

.loan_plantype{
    color: #6D7175;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}
.modal-content{
    margin-top: 65px;
}
.discontinuis_plan:hover{
    border: 2px solid #6D7175;
    color: #202223;
    background: #ffffff;
    font-weight: 500;
}






/* .dropdown_new .select2-container .select2-selection--single{
    height: 38px !important;
width: 272px;
left: 0px;
top: 4px;
border-radius: 5px;
border: 1px solid #BABFC3;
} */



.dropdown_new .select2 {
    width: 100% !important;
   /* force fluid responsive */
}
.dropdown_new .select2-container .select2-selection--single {
    height: 56px;
    position: relative;
}
.dropdown_new .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 31px;
}
.dropdown_new .select2-container .select2-selection--single .select2-selection__arrow {
    top: 16px;
    right: 8px;
}
.dropdown_new .select2-container .select2-selection--single .select2-container--default .select2-results > .select2-results__options {
    -webkit-overflow-scrolling: touch;
   /* use momentum scrolling */
}
.select2-container--open .select2-dropdown{
    margin-top: 25px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image:url('../img/dropdown_fill.svg');
}

.select2-search--dropdown{
    display: none !important;
}
/* span.select2-dropdown.select2-dropdown--below{
    width: 271px !important;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px #0000001A;
    height: 264px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;




} */
ul.select2-results__options.select2-results__options--nested li{
    padding: 8px 16px 8px 16px;
}
/* .select2-container--default .select2-results>.select2-results__options{
    width: 271px !important;
    max-height: 264px !important;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px #0000001A;
    height: 264px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
overflow: hidden !important;
} */
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: #80808038 !important;
    color: #202223 !important;
}

ul.select2-results__options.select2-results__options--nested li:hover {
background: #ffffff;
color: #202223;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image:url('../img/dropdown_fill.svg') !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background: #ffffff !important;
    color: #6D7175;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.page-item.active .page-link{
    z-index: 3;
    color: #fff;
    background-color: #808080e3;
    border: none !important;

}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover{
    background: #8080803b;
}
span.select2-dropdown.select2-dropdown--above{
    width: 272px !important;
}

/* LOAN-MANAGERE MODULE START */
.loan_managertable{
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 20px;
letter-spacing: 0px;
text-align: right;
color: #202223 !important;
font-family: 'Roboto', sans-serif;
width: 100% !important;
border-radius: 5px !important;
border: 0px !important;

}
table td:nth-child(1){
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}
table th:nth-child(1){
        font-size: 14px;
        font-style: normal;
        /* font-weight: 400 !important; */
        line-height: 20px;
        letter-spacing: 0px;
        text-align: left;
        font-family: 'Roboto', sans-serif;
}
.load_manager_view{
    color: #2C6ECB;
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif;
}
/* loan manager grant box */
.home_blue_alert{

    border-radius: 8px;
    
    border: 1px solid #98C6CD;
    background: #ebf9fc;
}
.lightbluealert_box{
    display: block;
    padding: 16px;
}
.loan_managertable tr:hover{
    font-weight: 700 !important;

}
.loan_manager_bluebox
{
display: flex;
}
.loanmanager_blueboxflex{
    padding: 0px 1.25rem 0px 1.25rem;
}
.loanmanager_head{
    padding: 1.25rem 0rem 1.25rem 0rem; 
}
.loanmanager_alertblue{
    width: 3%;
}
.loanmanager_boxhead{
    color: #202223;
    font-size: 16px;
    font-weight: 600;
}
.load_manager_app{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #202223;

}
.grantaccess{
    border: 1px solid #98C6CD;
    height: 38px;
width: 118px;
left: 0px;
top: 16px;
border-radius: 5px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
background: #ebf9fc;
color: #202223;
font-family: 'Roboto', sans-serif;
/* font-style: 'medium'; */

}
.grantaccess:hover{
    color: #202223;
    border: 3px solid #98C6CD ;
    /* background: #ebf9fc; */
    background: #ffffff;
}
.loanmanager_reject{
    font-size: 14px;
    text-decoration: underline;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
color: #202223;
}
span.select2-dropdown.select2-dropdown--above{
    width: 270px !important;
}





/* li.nav-item.active a img.sideebar-grayicon {display: none;} */
/* li.nav-item a img.sidebar-greenicon {display: none;} */
li.nav-item.active a img.sidebar-greenicon {display: block;}





.dropdown_new .select2-container .select2-selection--single{
    height: 38px !important;
width: 272px;
left: 0px;
top: 4px;
border-radius: 5px;
border: 1px solid #BABFC3;
font-size: 14px;
font-family: 'Roboto', sans-serif;
}


.dropdown_new .select2 {
    width: 100% !important;
   /* force fluid responsive */
}
.dropdown_new .select2-container .select2-selection--single {
    height: 56px;
    position: relative;
}
.dropdown_new .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}
.dropdown_new .select2-container .select2-selection--single .select2-selection__arrow {
    top: -3px;
    right: 8px;
}
.dropdown_new .select2-container .select2-selection--single .select2-container--default .select2-results > .select2-results__options {
    -webkit-overflow-scrolling: touch;
   /* use momentum scrolling */
}
.select2-container--open .select2-dropdown{
    margin-top: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image:url('../img/dropdown_fill.svg');
}

.select2-search--dropdown{
    display: none !important;
}
span.select2-dropdown.select2-dropdown--below{
    width: 271px !important;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px #0000001A;
    height: auto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
border: 0px;




}
ul.select2-results__options.select2-results__options--nested li{
    padding: 8px 16px 8px 16px;
}
.select2-container--default .select2-results>.select2-results__options{
    width: 271px;
    max-height: 264px !important;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px #0000001A;
    height: auto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: #80808038 !important;
    color: #202223 !important;
}

ul.select2-results__options.select2-results__options--nested li:hover {
background: #ffffff;
color: #202223;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image:url('../img/dropdown_fill.svg') !important;
    border-width: 0 !important;
    width: 8px;
    height: 12px;
    background-repeat: no-repeat;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background: #ffffff !important;
    color: #6D7175 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}
.error{
    color: red !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    
}
.dataTables_info{
    font-family: 'Roboto', sans-serif !important;
}

/* search button & filter dropdown in all loans */


.search-container {
    width: 490px;
    display: block;
}
input#search-bar {
    margin: 0 auto;
    width: 100%;
    height: 36px;
    padding: 0 38px;
    font-size: 1rem;
    border: 1px solid #A7ACB1;
    border-radius: 4px;
}
input#search-bar:focus {
    border: 1px solid #008abf;
    transition: 0.35s ease;
    color: #008abf;
}
input#search-bar:focus::-webkit-input-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}
input#search-bar:focus::-moz-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}
input#search-bar:focus:-ms-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}
.search-icon {
    position: relative;
    float: left;
    top: 29px;
    right: -13px;
}
.search-container input::placeholder{
    font-size: 14px;
    color: #6D7175;
    margin-left: 40px !important;

}
input#search-bar:focus{
    border: 1px solid #A7ACB1;
}


/* end search button  */

.addnew_overflow{
    overflow-y: scroll;
    height: 700px;
}

.add_goldloan .badge {
    position: absolute;
    top: -10px;
    right: 18px;
    padding: 5px 5px;
    border-radius: 50%;
    background-color: #383A48;
    color: white;
  }
  .badge{
      font-size: 60% !important;
      font-weight: 400 !important;
  }
  .add_gold_ammount_model{
      cursor: pointer;
  }
  .change_server_date{
        cursor: pointer;
    }
.add_gold_ammount_model:hover{
    /* border: 3px solid #008060;
    color: #202223;
    background: #ffffff;
    font-weight: 500; */
    /* background: #ffffff; */
    /* color: #202223; */

}
.add_goldpopup{
    width: 60%;
    margin: 0 auto;
}
.addgold_poppad{
    padding: 0px 40px 50px 40px ;
}
.hr_linegoldadd{
    width: 87%;
    border: 1px solid #E1E3E5;
}
.addgold_savebtn{
    text-align: center;
}
.addgold_savebtn button::placeholder{
    font-size: 14px !important;

}
.goldloan_amount{
    color: #202223;
}
/* .table-responsive::-webkit-scrollbar{
    width: 0px !important;
    
} */
.table-responsive{
    overflow-x: hidden; 
  }

.goldloan_amount input::placeholder{
    font-size: 14px;
    margin-left: 20px;
    padding: 10px;
}
.goldprice_poptop{
    top: 20%;
}


.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom-left-radius:4px !important;
    border-bottom-right-radius:4px !important;
}
[class*=sidebar-dark-]{
    background: #F0EFEC;
}
.todaysrate_span{
    color: #2C6ECB;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    border-bottom: 1px dashed #2C6ECB;

}
.passbook_loan_ltd{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
    color: #202223;
    
    
    }



/* add goldloan csss */

.add_goldratepop{
    padding: 0px 58px;
}
.gold-landing{
    color: #202223 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.gold_historicaldata{
    color: #6D7175;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.hr_goldupdate_historical{
    width: 100%;
    border: 1px solid #E1E3E5;
    height: 0px;
}
.gold_ratehistorical{
    color: #202223;
    font-weight: 600;
}
.add_goldratedate{
    font-size: 14px;
    color: #202223;

}   
.newloan_planpoppad_gold{
    padding: 0px 30px 10px 30px;
}                    
.loan_planedit{
    color: #2C6ECB;

}

.popdropdown
{
    position: fixed;
    /* bottom: 5%; */
    left: 0;
    z-index: 9999;
    width: 20%;
    height: 20%;
    background: #FAFAFA;
    top: 16%;
    color: #000;
}

/* image zoom css */
/*Eliminates padding, centers the thumbnail */


    
    /* Styles the thumbnail */
    
    
    
    /* Styles the lightbox, removes it from sight and adds the fade-in transition */
    
    .lightbox-target {
        position: fixed;
        top: -100%;
        width: 100%;
        background: rgb(0 0 0 / 82%);
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        overflow: hidden;
         
        }
        
        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
        
        .lightbox-target img {
        margin: auto;
        position: absolute;
        top: 0;
        left:0;
        right:0;
        bottom: 0;
        max-height: 0%;
        max-width: 0%;
       
        box-sizing: border-box;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
          
        }
        
        /* Styles the close link, adds the slide down transition */
        
        a.lightbox-close {
        display: block;
        width:50px;
        height:50px;
        box-sizing: border-box;
        background: white;
        color: black;
        text-decoration: none;
        position: absolute;
        top: -80px;
        right: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        }
        
        /* Provides part of the "X" to eliminate an image from the close link */
        
        a.lightbox-close:before {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top:10px;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        }
        
        /* Provides part of the "X" to eliminate an image from the close link */
        
        a.lightbox-close:after {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top:10px;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
        }
        
        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
        
        .lightbox-target:target {
        opacity: 1;
        top: 0;
        bottom: 0;
          overflow:hidden;
          right: 0;
          z-index: 1;
        }
        
        .lightbox-target:target img {
        max-height: 100%;
        max-width: 100%;
        height: 500px;
        width: 500px;
        margin: 0 auto;
        top: 80px;
        }
        
        .lightbox-target:target a.lightbox-close {
        top: 0;
        }

        
/* end image zoom css */
.scan_count{
    background-color: #D82C0D;
    color: #ffffff;
    border-radius: 9px;
    padding: 5px 6px;
}

.green_divtext{
    font-family: 'Roboto';
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0px;
text-align: left;
color: #E3E5E7;
width: 90%;

}
.green_boxflexset{
    background-color: #008060;
    border-radius: 8px;
    width: 326px;
    display: flex;
    padding: 20px;
}
.padd_greenbox{
    padding: 20px 0px;
    float:right ;
}
.fa-stack[data-count]:after{
    position:absolute;
    right:0%;
    top:1%;
    content: attr(data-count);
    font-size:30%;
    padding:.6em;
    border-radius:999px;
    line-height:.75em;
    color: white;
    background:rgba(255,0,0,.85);
    text-align:center;
    min-width:2em;
    font-weight:bold;
  }
  .export_buttonloan:hover {
    background-color: #f8f9fa
}
form#loan_plan_form {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 693px;
    max-width: 100%;
    white-space: nowrap;
}

/* .slab-card .col-md-6{
    padding-top: 16px;
  } */
  .inputDataText, select {
    width: 100%;
    padding: 5px;
    margin-top: -6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
    label {
        font-weight: 700;
        margin-bottom: 5px;
        display: block;
    }
    .row {
        align-items: center;
    }
    .slab-container {
        max-width: 800px;
        margin: auto;
    }
    input#max_tenure {
        margin-top: -14px;
    }
    input#u_tenure {
        margin-top: -14px;
    }
    input#per_closure_panality_days {
        margin-top: -14px;
    }
    input#per_closure_panality_per {
        margin-top: -14px;
    }
    input#u_loan_value_from {
        margin-top: -14px;
    }
    input#u_loan_value_to {
        margin-top: -14px;
    }
    input#u_ref_from {
        margin-top: -14px;
    }
    input#penality_after_end_of_tenure {
        margin-top: -14px;
    }
    input.inputDataText {
        margin-top: -14px;
    }
    .loanplan_numbermim {
        min-height: 100%;
    }    
    .row.align-items-start {
        align-items: flex-start !important;
    }
    #interest_slab_table {
        margin-top: 0;
    }