
p#html,body{
    height: 100%;
}

/* body {
background: linear-gradient(100deg ,#a3ffb8, white,#daffe3) scroll repeat 0 0;
} */

body {
    background: #fff;
    /*   height: 100vh;*/
    /*margin: 5px;*/
    margin:0;
}
img {
    max-width: 100%;
    width:70%;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #aaa; /* or add it to the track */
}

/* Add a thumb */
::-webkit-scrollbar-thumb {
  background: #000;
}
input[type=number] {
    -moz-appearance: textfield;
}
.form-control {
    background: #FFFFFF;
    box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    color: #333;
    font-weight: 600!important;
}
.home_btn_preview a.home_preview span {
    margin-right: 5px;
}
.home_btn_preview a.home_preview:hover{
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
    background: #eec291;
}

/*.form-control:focus {
background-color: rgb(255 219 160) !important;
}*/
a{ text-decoration:none !important; color:#000}
.logo-img img {
    width: auto;
    max-width: 100%;
    height: 48px;
}
img.ltd_logo {
    height: 45px;
    width: auto;
}
.admin_logo img {
/*    width: 90%;
max-width: 50px;
height: 100px; */
/* height: 68px; */
}
.main-nav.navbar-light .navbar-nav .nav-link {
    color: #222;
    padding: 2px 0.5rem;
    font-weight: 700;
}
.fa .fa-search{color:gray;}
/* .top-nav {
background: rgb(255 ,219, 160);
margin-top: 2%;
} */

.top-nav.bg-colors {
margin-left: 0px;
margin-right: 0px!important;
border-top: 1px solid #c8c8c8;
margin-bottom: 15px;
}
.footer-nav.bg-colors.before_footer {
margin-left: 0px;
margin-right: 0px!important;
border-top: 1px solid #c8c8c8;
}
.business-login {

margin: 0 0 3%;

}
/*li.swap.text-left{
position: absolute;
}*/
li.licolor {
    background-color: beige;
}
.logo-nav .nav-link {

font-weight: bold;

}
.main-nav .nav-link {
font-weight: 700;
font-size: 14px;
}
.navbar-toggleable-md .nav-link {
padding:6px 12px !important;
}
.fn-srvc {
font-size: 26px;
font-weight: 600;
text-shadow: -4px -1px 1px #c2c2c2;
color: #515151;
}
.datasafe-login .img-fluid {
max-width: 170px;
padding: 10px 15px;
}
.datasafe-login span {
display: block;
background: #c0f4bc;
padding: 10px;
color: #333;
font-weight: bold;
}
.datasafe-login.btn {
background: #fff;
box-shadow: -5px 3px 12px 6px #4faf96;
padding: 0;
border: none;
}
.main-img-box {
margin: 0 0 10% 0;
text-decoration: none !important;
color: #333;
display: block;
}
.main-img-box .img-box {
box-shadow: 0px 17px 26px 1px #A5A5A5;
}
.purple_hover:hover{
background:#021063!important;
color:#fff!important;
}
.img-box-txt {

margin: 10px 0 0 0;
font-weight: bold;

}
.footer-nav {
margin-top: 0;
}

#partitioned {
padding-left: 15px;
letter-spacing: 42px;
border: 0;
background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 50px 1px;
background-repeat: repeat-x;
background-position-x: 35px;
width: 220px;
}
.logo-nav {
background: #e5e4e4;
box-shadow: 0px 2px 6px -1px rgb(0 0 0 / 30%);
}
.msgurgent {
background: #fff;
color: #FF0000;
font-size: 12px;
font-weight: 500;
border: 1px solid #FF0000;
/* margin-top: 21px !important; */
display: inline-block;
padding: 0px 5px;
}
.after-login {
display: flex;
justify-content: space-between;
margin: 0;
position: relative;
}
.main-outervh {
width: 100%;
/* display: flex; */
/* height: 100%; */
/* vertical-align: middle; */
/* align-items: center; */
margin-top: 3%;
}
.adv-img {text-align: center;}
.adv-img img {max-width:auto;}
.footer-logo-img.logout {    
font-size: 16px;
background: #b6d5d100;
font-weight: 500;
display: flex;
transition: 0.5s;
align-items: center;
}
.footer-logo-img.logout i {
font-size: 20px;
margin-right: 5px;
margin-top: 3px;
}
.adv-img.after_login {
text-align: center;
width: 100%;
max-width: 1670px;
margin: 0 auto;
background: #f4f3f3;
border-radius: 15px;
transition: 0.5s;
padding: 30px 50px 50px 50px;
box-shadow: 0px 5px 15px 6px #c9c9c9;
}
.after_login .lw-firm {
width: 100%;
margin: 0 auto;
}
.tandc {margin-top: 6%;}
.tandc a {font-weight: bold;}
.main-nav.second-header.navbar-light .navbar-nav .nav-link {cursor: pointer;}
.user-agreement { max-width: 1100px;background: #fff;padding: 2%;height: 410px;overflow-y: scroll;}
.agreement .adv-img img {max-width: 155px;}
.agreement .adv-img p span {margin: 0 25px;}
.return a {margin: 3% 0 0 0;display: block;font-weight: bold;}
.personal h4 {font-size: 25px;font-weight: bold;width: 100%;text-align: center;margin-bottom: 0;}
.personal h5 {left:150px;top:42px;position:absolute;}
.personal.second h5 {left: 130px;}
.personal h5 .client-id {font-size: 15px;margin: 0 15px 0 0;color: #fff;font-style: italic;font-weight: normal;}
.show .dropdown-menu {max-height: 300px;overflow: auto;background: #dedede;border: none;transform: none !important;
top: 30px !important;
}
.second-header .show .dropdown-menu {max-height: inherit;overflow: inherit;background: #dedede;border: none;transform: none !important;
top: 30px !important;
}
.searching-data .button-group.show {position: relative;}
.searching-data .show .dropdown-menu {position: absolute !important;transform: unset !important;top: 100% !important;padding: 10px 15px;}
.header-part2 .logo {display: flex;align-items: center;}
.header-part2 .logo-port {display: block;}
.hidden-logo.navbar-brand {display: none;}
.dropdown-toggle::after {display: none !important;}
.second-header .navbar-nav .nav-item {margin: auto 4px;}
.main-nav .nav-link:hover{color:#333;cursor: default;}
.main-nav a:focus{color:#333;}


.fundedAmounts {
    display: grid;
    grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10% !important;
    margin-bottom: 10px;
    width: 100% ;
    padding: 10px 0px;
}

.fundedAmounts th:first-child , .fundedAmounts td:first-child{
    padding-left: 50px;
}


.top-arrow {visibility: hidden;display:none;}
.top-arrow .navbar-toggler {
background: #2bbd4e;
padding: 4px 20px;
font-size: 13px;
color: #fff;
border-radius: 2px;
}
.main-nav .navbar-toggler {
border: none;
padding: 0;
position: absolute;
right: 0;
top: 3px;
}
.main-nav .dropdown-item:hover {
background: #eec291;
color: #000!important;
}
.logo-nav .nav-link {
line-height: 1.2;
}

.main-nav .active .nav-link {
padding: 2px 10px;
background: #a80f0f;
color: #fff!important;
font-size: 13px;

}
/*.main-nav .active .nav-link:hover{color:#333;background: #a80f0f;}*/
.second-footer.footer-nav {
background: linear-gradient(90deg, #dedede, transparent);
padding: 0;
}
.second-footer .navbar-nav .nav-link {

background: #a80f0f;
font-weight: 600;
margin: 0 7px;
padding: 3px 20px;
border-radius: 0;
}
.ylw-btn.btn {
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
padding: 8px 13px;
transition: 0.5s;
border: 1px solid #c3c3c3;
}
.ylw-btn.btn:hover{
padding: 8px 13px;
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}
.cmn-form-bg {
position: relative;
}
.cmn-form-bg .form-row-main {
width: 100%;
margin: 0 0 5px;
}
span.sml {
width: 100px;
display: block;
}
.hero-camera .nav-link.purple_hover:hover {
color: #fff!important;
}
.form-row-main input{text-transform:capitalize;}

.divide-form-row-main {
display: flex;
}
.three-col-part {
display: grid;
justify-content: space-between;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0px;
}
.h-long {
line-height: 16px;
}
.two-col-part {
display: grid;
justify-content: space-between;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.lft-ft .form-control {
float: left;
width: calc(100% - 40px);
}
.lft-ft .txt {
margin: 3px 5px;
display: inline-block;
}
.ad_btn {
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
font-size: 19px!important;
padding: 5px 15px!important;
}
.hide_btn_dir a{
font-size: 14px !important;
}
.ad_btn:hover {
padding: 8px 13px;
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}
/*a.ylw-btn.btn.btn-big.back_btn {
margin-top: 11px;
}*/
.divide-form-row-main.with-btn {

display: grid;
justify-content: space-between;
grid-template-columns: 1fr 1fr;
grid-gap: 2%;
text-align: center;
align-items: center;

}
.form-row-main .three-col.with-btn {
grid-template-columns: 100px 100px;
padding: 10px 0px 0px 0px;
justify-content: end;
}

.form-row-main .three-col_tt.with-btn{ display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:20px; padding:5px 20px; text-align:center;}
.budget-bal {
display: grid;
grid-template-columns: 4fr 4fr 3fr 3fr;
width: 100%;
grid-gap: 10px;
padding: 10px;
margin-bottom: 0;
border-radius: 5PX;
box-shadow: 0px 18px 38px #307369;
}

.req input {text-transform: capitalize;}
.sep-col-part {

display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 10px;

}
.one-col.with-btn {
width: 40%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
text-align: center;

}
.rl-port.bw-after-login {
height: auto;
}
.lt-port span {
font-size: 20px;
font-weight: bold;
}
.lt-port {
/*position: relative;left: 5%;transform-origin: left;margin-bottom: 20px;*/

position: absolute;
transform: rotate(270deg);
left: 1.5%;
transform-origin: left;
}
.lt-port_tt{
left: .5%;
top: 40%;
position: absolute;
transform: rotate(270deg);

}
.lt-port_tt span {
font-size: 18px;
font-weight: bold;
}
.rt-port {
padding-left: calc(100% - 95%);
}
.lt-port.pl {

margin-top:45px;
left:2%;

/*top: 65%;*/

}
.lt-port.re {
top: 57%;
}
.lt-port.er {
margin-top: 75px;
left:2%;
position:absolute;
}
.rl-port.bw-after-login .container-fluid {
min-width: 900px;
max-width: none !important;
}

.rl-port.bw-after-login {
width: 100%;
overflow: hidden;
}   
.second-footer .navbar-nav {flex-direction: row;bottom: auto;z-index: 555;
}
/*.main-accordion-budget .form-control:hover, .main-accordion-budget .form-control.form-control:focus*/
.form-d .form-control:hover, .form-d .form-control:focus,
.notes .form-control:hover, .notes .form-control:focus,
.quote .form-control:hover, .quote .form-control:focus,
.main-payment .detail-box .bd-data .form-control:hover, .main-payment .detail-box .bd-data .form-control:focus,
{
background: linear-gradient(to right, rgb(240, 173, 76), #fff);
border: none;
}
/*.notes .form-control,
.quote .form-control,
.form-d .form-control,
.main-payment .detail-box .bd-data .form-control,
.main-accordion-budget .form-control {
border: none;
border-radius: 0;
background: rgb(242,242,242);
height: 25px!important;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
width:100%;
}*/
.detail-box{display:flex;}
.bd-data{margin: auto;padding: 0 10px;}

.budget-bar {
padding: 0;
width: 100%;
position: fixed;
background: #7bafa7;
z-index: 1;
left: 0;
right: 0;
max-width: 1165px;
margin: 0 auto;
}
.budget_detail_form {
display: flex;
width: 100%;
margin: 0 auto 0;
max-width: 1100px;
}
.budget-bar .bd-data {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
width: 100%;
}
.budget-bar label {
text-transform: capitalize;
font-size: 18px;
text-shadow: 1px 1px 1px #b9b9b9;
text-align: -webkit-center;
margin: 0 0px;
width: 100%;
font-weight: bold;
line-height: 20px;
}
.bud-label.title label.small {font-size: 12px; font-weight:700;text-align: center;}
.card-body.main-port-budget {display: grid;}
.bud-label {display: grid; grid-template-columns: 4fr 1fr 1fr 1fr; grid-gap: 8px;  margin-bottom: 2%; align-items: center;}
.bud-label input {text-transform: capitalize;}
.main-accordion-budget .card-body {
padding: 0;}
.main-accordion-budget .container{
background: rgba(0,0,0,0.2);    

}
.clnt_span label {
height: 20px;
font-weight:600;
}
.sml label {
height: 20px;
}
.bud-label input.with-bg {font-size: 13px;width: 100%;  padding: 4px 10px;}
.bud-label label.with-bg {
background: #11675a;
padding: 4px 10px;
color: #fff;
font-weight: bold;
font-size: 13px;
margin: 0;
width: 100%;
}
.with-bg span{float: right;}
.bud-label.title label {/*color: #a80f0f;*/font-size: 18px;text-transform: uppercase;margin: 0; width:100%;font-weight:600;/*text-shadow: 1px 1px 1px #414141;*/}
.bud-label span {
text-transform: capitalize;
}
.select-term.lbl {
margin: 0 10px;
}

/*
.addbtn.btn {
background: #000;
color: #f0ad4c;
border: none;
border-radius: 4PX;
font-size: 13px;
font-weight: bold;
}
*/
.description .custom_select select{display:block}
.addbtn.btn {
padding: 7px 13px;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #000;
font-size: 16px;
font-weight: 500;
transition: 0.5s;
height: 39px;
cursor:pointer;
}
.addbtn.btn:hover {
padding:7px 13px;
transition: 0.5s;
box-shadow: 0px 4px 4px 0px #717171;
background: #DFEBCC;
border-radius: 6px;
font-weight: 500;
}
.nav-item_btn_np {margin: auto;}

.main-description,
.payment-port.rl-port.bw-after-login,
.ref-port.rl-port.bw-after-login,
.hero-camera,
.data-search-bg,
.notes  {
padding: 2% 0;
height: calc(100vh - 280px);
}
.side_btn { background: none;border: none;cursor:pointer;padding: 1px 6px;}
.side_btn img { width: 18px;}


.budget-port.rl-port.bw-after-login {
height: calc(100vh - 291px);
}
.budget-port.rl-port.bw-after-login_tt{padding:0; position: fixed; background: #9ebbb7;z-index: 555;}
.main-payment .detail-box .bd-data input {

margin-bottom: 10px;

}
.main-payment {

background: rgba(0,0,0,0.2);
padding: 20px;
max-width: 100%;
width: 70%;
margin: auto;

}
.payment-port .bd-data label {
/* text-align: left; */
display: block;
font-weight: bold;
margin-left:18px;
}
.ref-payment {
max-width: 900px;
margin: 0 auto;
background: rgba(0,0,0,0.2);
padding: 20px 20px 20px 20px;
width: 100%;
}
.references .five-col {
display: grid;
grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
grid-gap: 20px;
margin-bottom: 10px;
}
.main-hero-unit {
max-width: 730px;
margin: 10px auto 0;
background: rgba(0,0,0,0.2);
padding: 20px 10px;
}

.description{
max-width: 950px;
margin: 0 auto;
background: rgba(0,0,0,0.2);
padding: 20px;
width: 100%;
margin-top: 20px;

}
.description .select-term {
display: grid;
height: 35px;
margin-bottom: 10px;
}
.description select {
padding: 3px;
justify-self: end;
}
.description .one-col {
display: grid;
grid-template-columns: 6fr 10% 10% 10% 10% 10% 10%;
grid-gap: 10px;
text-align: center;
font-size: 15px;
margin: auto;
width: 98%;
margin-left: 18px;
}
span.cross_icon {
position: absolute;
margin: 9px 0 0 -22px;
color: #a80f0f;
cursor: pointer;
}
span.cross_icon i {
font-size: 20px;
}
.one-col span {
font-size: 15px;
}
.one-col input {text-align: center; height:35px !important;}
.description textarea {
width: 100% !important;
height: 25px !important;
font-size:13px !important;
}
.weekly-total .wp {
text-align: right;
}
.camera-header {
display: grid;
grid-template-columns: 1fr auto;
}
.camera-box {
margin: 20px 0;
}
.camera-box .box {
width: 150px;
text-align: center;
background: #00aa98;
padding: 20px 10px;
border-radius: 10px;
overflow:hidden !important
}
/*.uploads-area form {
display: grid;
width:100%;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 25px;
grid-auto-rows: 1fr;
background: rgba(0,0,0,0.2);
padding: 10px;
align-items: center;
border: 20px solid rgba(0,0,0,0.1);
position:absolute;
top:10%;

}*/

.uploads-area form .form-row-main {
background: #ddd;
border-radius: 5px;
}
.uploads-area form .form-row-main .box .img-fluid {

width: 100%;
height: 115px;
object-position: top;
border-radius: 5px;
padding: 5px;
position:relative;

}
.sml_select select {color: #666;font-size: 15px;width:90px; padding:2px 0px;}
.delete-btn { width: 101px; text-align: center; float: right; margin: -4px 0;}
.dark.ylw-btn.btn {
background: #a80f0f;
margin: 10px 0;
box-shadow: unset;
border-radius: 0;
line-height: normal;
}
.camera-icon .img-fluid {
width: 65px;
display: block;
margin: auto;
}
.hero-camera {
max-width: 1000px;
margin: auto;
position:relative;
}
.check {
background: #a80f0f;
margin: 2% auto;
max-width: 340px;
padding: 3px 7px;
}
.return {
justify-content: center;
display: flex;
}
.warning {
margin: 0 15px;
}
.inner-return {
display: flex;
align-items: center;
}
.main-agree-wrap {
width:auto;
background: rgba(0,0,0,0.2);
padding: 15px;
height:auto;
}
.grn-bg {
margin: 5% 0 1%;
background: linear-gradient(180deg, #ececec,rgba(108,233,202));
padding: 7px 20px;
font-weight:bold;
font-size: 14px;
}

.pink-txt {
color:#E8A23E;
/*color: #a80f0f;
color: rgb(223 62 107);
*/
}
.pink-txt small{font-weight:700 !important;}

span.req , .update_req {
position: relative;
display: inline-block;
width: 100%;
}
.update_req::before{
left: -18px !important;
}
span.req::before {
content: "*";
position: absolute;
left: -5px;
top: -5px;
color: #a80f0f;
font-size: 20px;
font-weight: bold;
border-radius: 20px;
width: 10px;
height: 10px;
text-align: center;
line-height: 13px;
}
span.req.guarantor-str::before {
left: -5px;
top: 
5px;
}
.noti-srch {
position: relative;
width: 100%;
max-width: 400px;
}
.noti-srch span {
position: absolute;
top: 13px;
right: 20px;
}
.noti-srch input {
width: 100%;
border-radius: 40px !important;
}
.search-form input[type="search"].form-control {
height: 25px;
padding: 5px;
border: none;
box-shadow: 1px 1px 4px #878787 inset;
}

.data-search-bg .thead-dark {
background: #a80f0f;
color: #000;
}
.data-search-bg .table td, .data-search-bg .table th {
font-size: 12px;
}
.main-two-select {
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 1fr;
}
.active-modal .modal-footer .dark.ylw-btn.btn.btn-sm {
margin: 0 5px;
}
.searching-data {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 10px;
}
.data-search-bg tbody tr.active-color {
background: #24d2b8;
}


/*the container must be positioned relative:*/
.custom_select {
position: relative;
font-family: Arial;
}
.custom_select select {
display: none; /*hide original SELECT element:*/
}


.select-selected {
background-color: rgb(242,242,242);
}
/*style the arrow inside the select element:*/
.select-selected::after {
position: absolute;
content: "";
top: 8px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-color: #000 transparent transparent transparent;
/* border-color: #e3a208 transparent transparent transparent;*/
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #000  transparent;
top: 3px;
}

.m-auto.bud_alt { margin: 0 !important;}


/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
color: #000;
padding: 2px 10px;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
line-height: normal;
font-weight: normal;
font-size: 14px;
font-style:italic;
}
/*style items (options):*/
.select-items {
position: absolute;
background-color: rgb(242,242,242);
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.box {

height: 115px;
align-items: center;
position: relative;
overflow:hidden !important;
}

.top-nav.nav_bg {
background: none;
margin-top: 10%;
}
/**** end till 13-11-2018 *****/



.bankdetails_t {    display: inline-grid;grid-template-columns: 1fr;width:100%;padding: 2px 0px;}

.bankdetails_t label{ text-align:left !important;/* margin-left:20px !important;*/}
.bankdetails_t input {

text-transform: capitalize;

}
.bankdetails_t.amt_tt .bank_label{
margin-left:20px;
}
.bankdetails_t select {

margin-bottom: 10px;
color: #333;
font-weight: 700;
}

.five-col input {

text-transform: capitalize;

}
.one-col input{ 
font-size:12px;}


/*.adv-img img {
max-width: 137px!important;
}*/
.bw-after-login.rl-logout {
height: calc(100vh - 110px);
}
.rl-logout .second-footer.footer-nav {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.rl-buttons {
text-align: center;
margin: 36vh 0 0;
}
.label-title {
font-size: 12px;
font-style: italic;
color: #565656;
}

.bd-data.bnk label {
margin-left: 0!important;
text-align: center;
color: #000;
}
.five-col .ref_label {
color:#fff;
margin-bottom: 0!important;
}
label.bank_label {
color: #000;
font-weight: 300!important;
}
.bd-data.bnk #amount{
/*background-image:url(assets/images/usd.png); */
background-repeat: no-repeat; 
background-position: 3px 5px;
background-size: 11px 15px;
}
.main-hero-units{max-width: 900px;margin: 25px auto 0;background: rgba(0,0,0,0.2);padding: 15px 10px 5px;}
.main-hero-units h2 {width: 100%;text-align: center;font-size: 1.80rem;font-weight: 600; color:#d59352;margin-bottom:18px;}

.gd {width: 900px;margin: 0px auto;background: rgba(0,0,0,0.2);padding: 1px 10px; display:flex;justify-content: flex-end;align-items: center;}
.cal-tyt {margin-right:22px;}
.gender.amt { /*display: grid; grid-template-columns: 1fr 1fr;*/ width: 100%;margin:0px auto 8px; display: flex;justify-content: end;position: relative;}
.gender.amt input {margin:0; width:100px; border: none; border-radius: 0;padding: 0px 5px; height: 25px;font-weight: bold; font-size:14px;}
/*.amtlabt input{padding: 0px 15px !important;}
.amtlabt img {width: 8px;height: auto;position: absolute;top: 5px;left: 5px;}*/
.amtlabt{ position: absolute;top: 0;left: 284px;width: 100%;display: inline-block;font-weight: 700;}
.lab img {width: 9px;height: auto;position: absolute;top: 5px;right: 5px;}
.lab.imgdt img {width: 16px;}
/*gender.amt input:hover{background: linear-gradient(rgb(240, 173, 76), #fff); border: none;}*/
.lab {display: block;font-weight: bold;padding:0;width:180px;height: 25px;border-bottom:1px solid #fff; position: relative;}
.lab input {padding: 0px 5px;height: 25px;}
.lab-dt input {width: 130px;padding: 4px 0px;border-radius: 5px;font-weight: 700;background: #fff;border: none; font-size:28px;text-align: center;}
.form-row-main.amt_cal{    margin-top: 25px;}
.gender.amt_tt{display: flex;justify-content: flex-start;margin-left: 15px;}
.gender.amt_tt select {margin: 8px 20px;padding: 5px 2px;font-size: 22px;font-weight: 700;border-radius: 5px; border: 1px solid #fff;}
/*.lab-week{position:relative;}*/
.lab-week p{position: absolute;top: 5px; margin-left: 30px;font-size: 17px;font-weight: 700;}
.gender.amt select{margin-left: 75px;margin-top: 25px;}
.form-row-main.cn a {background: #a80f0f;font-weight: 700;margin: 0;padding:5px 25px;border-radius: 5px;text-transform: uppercase;}
.gender.pa_d select {font-weight: 500;text-align: left;padding: 5px 27px; font-size:15px;margin-left: 30px;}
.gender.pa_d {text-align: center;width: 495px;}
.mains-heros-units { max-width: 900px;margin: 0px auto;padding:5px 0;text-align: center;background: rgba(0,0,0,0.2);}
.mains-heros-units p {color:#d59352;font-size: 15px;font-weight: 600; width:630px; margin:0 auto;}
.form-row-main.cn {text-align: center;margin-top: 30px;width: 315px;}
.Enter.hasDatepicker {border: none;
text-align: center;
text-transform: uppercase;}
.search_btn_req {
position: absolute;
margin-left: 22%;
margin-top: 5px;
top: 0;
right: 0;
}

.search_btn_req img {
width: 16px;
height: 16px;
cursor: pointer;
}
.main-custom_select select {

font-size: 15px;
color: #666 !important;
padding: 2px 0px;

}
.select-selected {color: #666;}
.search_btn_req button {border: none;background:none;}
.ui-datepicker {background: whitesmoke;}
.lrg_dt{width: 130px;}
input[type="Email"]{text-transform:none;}
input[placeholder="Suburb"]{text-transform:capitalize;}
.lft-ft select {color: #666;font-size: 15px;padding:2px 0px;}
.three-col-part .h-long {display: inline; width:;margin: 3px 0px;}
.custom_select_tt select {
color: #666;
font-size: 15px;
width: 100% !important;
padding: 2px 0px;
}
input::-webkit-input-placeholder {  
color: #838383;
font-weight: 600;
}
input::-moz-placeholder { 
color: #838383;
font-weight: 600;
}
input:-ms-input-placeholder{ 
color: #838383;
font-weight: 600;
}
input:-moz-placeholder { 
color: #838383;
font-weight: 600;
}
.btn-primary.re_search{color: #000;background: #eec291;border: none;}
.btn-default.re_search{
padding: 4px 13px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 15px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
height: 41px;
cursor: pointer;
}
.btn-primary.re_search:hover{
padding: 4px 13px;
transition: 0.5s;
background: #eec291;
/*border: 1px solid #fff;*/
border-radius: 6px;
color: #000;
font-size: 14px;
font-weight: 500;
} 
.m-auto bud_alt .btn-primary.re_search:hover {
background: #115f53!important;
color: #666!important;
}
.btn-default .re_search:hover{background:#e1e7e7;}
hr { margin-top: 1rem;}
.after-login_page {margin: 5% 0 0;}
.btn-success.re_built{
padding: 4px 13px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
height: 36px;
cursor: pointer;
}
.btn-danger.re_built{
padding: 4px 13px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
height: 36px;
cursor: pointer;
}
.btn-success.re_built:hover{
padding: 4px 13px;
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}
.btn-danger.re_built:hover{
padding: 4px 13px;
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}
.manual-btn .dislist, .dislist {
cursor: not-allowed !important;
color: #000 !important;
font-weight: 700 !important;
background-color: #eceeef !important;
}
.dislist {
cursor: not-allowed !important;
color: #000 !important;
font-weight: 700 !important;
background-color: #eceeef !important;
border: 1px solid #adadad !important;
}
.rent_main_modal{height:507px;/* overflow-y:auto;*/}
.rent_modal{width:700px}
.rent_main_modal td {text-transform: capitalize;text-align: center;}
.modal-content.rent_modal.mod_el {
width: auto;
}
.modal-dialog.modal-lg.large_dl {
max-width: 70% !important;
}

.modal-dialog.modal-lg.large_dl .table th {
width: 15.7%;
}
.modal-dialog.modal-lg.large_dl .table td{
width: 15.7%;
padding: 12px 0;
}
.modal-footer.text-center .re_built {
padding: 6px 23px 5px 17px;
}
input[type="date"] {text-transform:uppercase;}
.space_rent{padding:5px 20px;}
.avilable_listofsearch{/*overflow-y: auto;*/ height: 300px; width: 100%;}
.modal-footer {text-align: center!important;display: inline-block!important;width: 100%!important; margin-top:10px; margin-bottom:7px;}
.loader.ldr_modal{ position: absolute;top: 38px; right: 0; left: 83%;}

/*[type="date"] {
background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
}*/

input::-webkit-clear-button {
width: 0;
height: 0;
display:none;
}
/*.acti_1{
border: 2px solid #d0cfcf;padding:5px;margin-bottom: 5px;background: #e2e2e270;
}
.inacti_2{
border: 2px solid #d0cfcf;padding:5px;
}*/
.acti_1 .table td, .table th{
padding:0.2em;
}
.under_line{
text-decoration: underline;
font-size: 17px;
}
.head_line{
font-size: 20px;
}
.acti_1 table th{border-top:none;border-bottom: none;}
.acti_1 table td{border-top:none;}
input[type=date]::-webkit-outer-spin-button,input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{-webkit-appearance: none;display: none;}

input::-webkit-calendar-picker-indicator {color: transparent; opacity:0;z-index:1; width:12px; height:20px;}

input::-webkit-calendar-picker-indicator:hover {cursor: pointer; }/*background: transparent;*/
.single_text{text-align:center;}
.date_fix {padding: 0 10px;width: auto;}
#auth .navbar-nav a:focus, #auth .navbar-nav a:hover {color: #000;text-decoration: none;}
#auth .navbar-nav a {pointer-events: none;}
/*.main-nav.second-header.navbar-light .navbar-nav .nav-link:hover {text-shadow: 1px 0px 1px #014c8c;color: #014c8c !important;}*/
.log_out .lgt {margin: 10px auto;}
/*.btn:hover {background: #115f53!important; color: #fff!important;}*/
.second-footer.footer-nav.ren_t { padding: 0;}
.ren_t .navbar.navbar-toggleable-md.navbar-light { padding: 0;}

.second-footer.footer-nav {
background: #21b49f00;
/*  bottom: 0;*/
position: absolute;
width: auto;
}
.bw-after-login.rl-logout { height: calc(100vh - 177px);}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,1);}
.log_out { margin-top: 44%;}
.second-footer .navbar-nav .nav-link {
font-size: 9px;
padding: 7px 15px;
text-transform: uppercase;
display: inline-block;
border-radius: 3px;
box-shadow: 0 0 4px #575757;
transition: 0.3s;
font-weight: bold;
}
.second-footer .navbar-nav .nav-link:hover {
background: #115f53;
color: #fff;

}
/*.form-control { font-weight: bold;  color: #26231f !important;}*/
.form-control::placeholder { font-weight: normal;}


.main_how_long .how_long {
display: flex;
align-items: center;
}
.how_long select {

width: auto;
height: 25px;

}
.how_long.gd_1 input {

width: 35px;
margin: 0 3px;

}
.divide-form-row-main.main_how_long.last_row {
grid-template-columns: 120px 65px 1fr 1fr;
}
#employer_month1 {
width: 35px;
}
.how_long label {
font-size: 12px;
line-height: 10px;
margin: 2px 3px;
text-align: center;
}
.main_how_long .db_o input {
width: 95px;
text-transform: inherit;
}
.how_long_tt.add-btn {
width: 100%;
margin-left: 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.how_long_tt.emp-sat {
width: 45%;
}
.how_long_tt.inc-frc {
width: 43%;
float: right;
margin: -26px -39px;
}
.lrg.leg-1 {
width:31%
}
.lrg.leg-2 {
width:31%
}
.lrg.leg-2 select{ width:100%; padding: 3px 0;}
.vhb {
width: 61%!important;
}
h4#myModalLabel {
text-align: left!important;
}
#append_another_div_areas input.keyup {
text-transform: capitalize !important;
}
#append_another_div_areas2 input.keyup {
text-transform: none !important;
}
#append_another_div_areas input.keyup[name="pincode"] {
text-transform: uppercase !important;
}

#append_another_div_areas2 input.keyup[name="pincode"] {
text-transform: uppercase !important;
}

.trash_pin {
position: relative;
}
.add-btn.trashico {
position: absolute;
top: 0;
right: 0;
}
#append_another_div_areas hr, #append_another_div_areas2 hr {
margin-top: 0;
margin-bottom: 0;
}
.trashico .ad_btn {
font-size: 13px;
transition: 0.2s linear;
}
.trashico .ad_btn:hover {
background: red;
color: #fff;
}
.form-d select {
border: none;
font-weight: normal;
font-size: 14px;
}    
select#employer_status11 {height: 26px;width: 100%}
select#income_frequency11 {height: 26px;width: 100%;margin-left: -15px;}
select#employer_status21 {height: 26px;width: 100%}
select#income_frequency21 {height: 26px;width: 100%;margin-left: -15px;}
.form-d select option {
background-color: rgb(255 219 160) !important;
}

select#employer_status12 {height: 26px;width: 100%;}
select#income_frequency12{height: 26px;width: 100%;margin-left: -15px;}
select#employer_status22 {height: 26px;width: 100%;}
select#income_frequency22{height: 26px;width: 100%;margin-left:-15px;}
.form-d .select_bold {

font-weight: bold;
color: #26231f !important;

}
#employer_year11{
height: calc(1.25rem + 6px);
width: auto;
}
.divide-form-row-main.main_how_long.new {
grid-template-columns: 88px 70px 1fr 1fr;
}
.how_long_tt.occ {
width: auto;
}
.how_long_tt.add-btn.new {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5px;
width: auto;
}
.employer hr {
margin-top: 0;
margin-bottom: 10px;
}

.flex_my_col .three-col,.flex_my_col .four-col {
display: flex;
}
.divide-form-row-main {
display: flex;
flex-wrap: wrap;
}
.flex_my_col span {
width: 100%;
/*margin-left: 13px;*/
margin-bottom: 3px;
margin-right: 13px;
}
.flex_my_col span:first-child{

margin-left: 0;

}
.flex_my_col .state_span, .flex_my_col .pc_span {

width: 254px;

}
.main_how_long .how_long .txt {
margin-left: 3px;
flex-basis: 6px;
}
.flex_my_col #month, .flex_my_col #month2 {
width: 100% !important;

}
.cross_div {
position: relative;
}
.cross_div span {
position: absolute;
left: -15px;
top: 7px;
color: #a80f0f;
cursor: pointer;
}
.flex_my_col span.hl_span {
width: 37px;
}
.flex_my_col span.yr_span {

width: auto;

}
.flex_my_col span.mn_span {

width: auto;

}
.flex_my_col span.db_span {

width: auto;

}
.flex_my_col span.gn_span {

width: auto;

}

.flex_my_col span.sta_span {

width: auto;

}
.flex_my_col span.dr_span {
width: auto;
}
.flex_my_col span.dep_span {

flex: 1;

}
#driver_id {
width: 135px;
}
.flex_my_col span.add-btn {
width: auto;
}
.flex_my_col .three-col.with-btn {
padding: 0;
justify-content: flex-end;
}
.flex_my_col span.trash_span {
width: auto;
}
.flex_my_col span.add-btn {
width: auto;
position: relative;
right: auto;
left: auto;
}
.trashico .ad_btn {
font-size: 13px;
transition: 0.2s linear;
padding: 5px 5px;
height: 25px;
line-height: 15px;
}
.flex_my_col .mb_span, .flex_my_col .hm_span, .flex_my_col .wk_span {
width: auto;
min-width: 100px;
}
.budget-port .main-accordion-budget .container-fluid {
min-width: 100%;
max-width: 100% !important;
}
.main-accordion-budget {
/* background: rgba(0,0,0,0.2);*/
background: rgba(0, 0, 0, 0.2);
margin: 15px 15px;
}
.budget_detail_form .bd_space {
margin-top: 100px;
}

.sub_total{border: none;border-radius: 0;height: 25px;line-height: 15px;font-size: 13px;padding: 3px 0px;width: 100%;margin: 1px 0px;color: #5A5A5A;
font-weight: 700;}
.clnt_span {max-width: 145px;}

.navbar-nav_tlt {padding: .5rem 0;}

.bankdetails_t img {width: 20px;height: auto;position: absolute;margin-top: 3px;right: 29px;}

.amt_tt img {width: 8px;height: auto;position: absolute;margin-top: 5px;left: 30px;}


.amt_tt .form-control { padding: 0 18px !important;}
button#reset-button .daqtetime-reset-button{display:none;}

div#input-box-wrapper.datetime-input-box-wrapper{z-index:1;}

.lrg .date_fix {text-transform: inherit;}
/*.uploads-area form {position:relative;}*/
.category_side {
display: grid;
grid-template-columns: 50% 50%;
margin: 10px 20px;
grid-gap: 30px;
}
.category_side.provider-ctgry {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 0;
grid-gap: 0;
}
.post_upld{font-size: 19px;text-align: center;font-weight: 700;margin: 10px 0px 0;display: inline-block;color:#222;
box-shadow: 3px 4px 6px rgb(0 0 0 / 7%) !important;}

/* .dark_trans-btn{font-size: 20px;font-weight: 700;margin: 2px 10px;display: inline-block;color:#666;}*/
.dark_trans-btn.active{color:#222;}
.dark_trans-btn:hover{color: #222;transition: 0.3s; }
.dark_trans-btn.active{color: #222;}
.dark_ylw-btn {background: #a80f0f;font-size: 15px;font-weight: 600;text-align: left;padding: 2px 5px;width: 156px;display: inline-block;border-radius: 3px;box-shadow: 0 0 4px #575757;}
.dark_ylw-btn:hover{ background: #115f53;color: #fff;box-shadow: 0 0 4px #575757;transition: 0.3s;}
.upload_side_button ul, .preview_side_button ul{
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 0px;
margin-top: 0px;
position: absolute;
left: 0;
top: 0px;
overflow: auto;
max-height: calc(90vh - 200px);
padding: 30px 20px;
}


/* Add Follow Up Started  */

.FollowUpDiv{
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.FollowUpDiv .TopFolowChecks{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.FollowUpDiv .TopFolowChecks .form-check{
    margin: 0;
}
.FollowUpDiv .TopFolowChecks .form-check label{
   font-weight: 700;
   padding-left: 0.6rem;
}
.FollowUpDiv .TopFolowChecks p{
    margin: 0;
}
.FollowUpDiv .folow-radio-iner {
    display: flex;
    flex-direction: column !important;
    gap: 8px;
}

.FollowUpDiv .folow-date {
    max-width: 100% !important;
}








/* Add Follow Up Ended  */


/* Dashboard Start  */

.DashBoardBody {
    overflow: auto;
    max-height: 100vh;
    padding-bottom: 100px;
}

.DashBoardSec{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0px 50px 0px 50px;
}
.BottomDash {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 20px;
}

.topDashCard {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
    max-width: 84%;
    margin: 0 auto;
}
.twogroup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
}
.btdashDiv {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fbgrp {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.fbgrp h4 ,.AvergeItems h4{
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.fbgrp p{
    margin: 0;
    font-weight: 500;
    font-size: 20px;
}
.RecevableForm {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.dashcard {
    background-color: #ffffff;
    box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    transition: all 0.3s ease-in-out;
    min-height: 80px;
    padding: 4px 15px 4px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    gap: 6px;
}

.dashcard h2 {
    margin: 0;
    color: #000;
    font-weight: 700;
    font-size: 20px;
}
.dashcard span {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.Bottom_DashCard {
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    /* border: 3px solid #eec291a1; */
    width: 100%;
    height: 100%;
    max-width: 520px;
    position: relative;
}
.Bottom_DashCard h2 {
    font-size: 22px;
    font-weight: 700;
    border-bottom: 3px solid #ecb5b5;
    padding-bottom: 12px;
    margin: 0;
    text-transform: capitalize;
}
.BottomDashData {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0px 0px 10px 0px;
    grid-gap: 20px;
    width: 100%;
    max-width: 84%;
    margin: 0 auto;
}
.fbgrp h6 {
    font-size: 20px;
    text-align: left;
    color: #717070;
}
.fbgrp input {
   width: 100%;
   border: none;
   border-bottom: 2px solid #7170708c;
   outline: none;
   padding: 0px 20px;
   height: 40px !important;
   margin: 0 !important;
   color: #000000c4;
   font-size: 18px;
   font-weight: 600;
}
.AverageBox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding: 25px;
    width: 100%;
    border-radius: 8px;
}
.AverTopHead .mb{
    padding-bottom: 20px;
}
.AverageData{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.topAverage{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.BottomAverage{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.AvergeItems {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: center;
}



.AverTopHead {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-row-gap: 0px;
    justify-content: center;
}
.avrh{
    text-align: center;
}
.avrh h2 {
    color: #000000c4;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 3px solid #ecb5b5;
    padding-bottom: 12px;
    text-align: left;
    margin: 0;
    text-transform: capitalize;
}
.topAverage h2 {
    color: #e5a0a0;
    font-weight: 600;
    font-size: 20px;
    margin: 0;
}
.AvergeItems p {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
}
.topGraphDiv {
    display: flex;
    justify-content: end;
    gap: 35px;
    padding: 10px 15px 10px 10px;
}
.topGraphDiv select {
    border: none;
    background: #f8d6d4;
    padding: 10px 25px;
    border-radius: 5px;
    outline: none;
}

/* graph sections  */
.GraphSec {
    height: 100%;
    padding: 0px 0px 150px 0px;
}
.graph{
    height: 100%;
    background-color: #fff;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
.graph #chart{
    width: 100%;
    padding: 30px;
}

/* graph sections  */
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}
	.chartjs-render-monitor{animation:chartjs-render-animation 1ms}
	.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}
	.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}
	.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}

/* Dashboard Start  */


.updateFundAmount{
    margin-bottom: 4px !important;
    padding: 0px 0px !important;
}
.updateFundAmount td{
    padding: 18px 10px !important;
}







/*.preview_side_button ul{width: 100%;display: inline-grid; grid-template-columns: 1fr; grid-gap:15px; margin-top: 15px;}*/
.hero-camera .nav-tabs{border-bottom: none !important;}
.hero-camera .nav-link{
border: 1px solid #c4c4c4;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 5px;
text-align: center;
font-weight: 500;
padding: 4px 2px;
font-size: 14px;
color: #333;
border: 1px solid #fff;
}
.hero-camera .nav-link.active{
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #0000;
}
.hero-camera .nav-link.active:hover{
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}

.upload_side_button li{ position: relative;overflow: hidden;}
.upload_side_button input[type=file]{ 
font-size: 24px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
right: 0;
}
.upload_side_button .upld_btn.active{background: #115f53;color: #fff;box-shadow: 0 0 4px #575757;transition: 0.3s;border:none;}


.deleting_box { position: absolute;top: 1%;right: 2%;color: #e7270e;display: none;}
.checking_box{position: absolute;top: 1%;left: 2%;color: #7a7272;}
/*.box_dt{display: none;}
.box:hover>.box_checkbx{display: inline-block;}*/
.box:hover>.box_dt{display: inline-block;}
.box img:hover>.box_dt{display: inline-block;} 
/* .box:active>.box_dt.active{display: inline-block;}
.box img:active>.box_dt.active{display: inline-block;}*/
.top-butn-bn {
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
text-align: center;
position: absolute;
align-self: center;
right: 37%;
align-items: center;
}

.ad_btn.rht {
background: #425cfb;
font-size: 10px;
padding: 3px 8px;
width: 100%;
display: inline-block;
font-weight: bold;
text-align: center;
border-radius: 3px;
box-shadow: 0 0 4px #575757;
transition: 0.3s;
color: #fff;
}
.ad_btn.rht:hover {
background: #115f53;
}
.ad_btn.rht.last {
padding: 10px 0;
}
.marg {padding: 2px;}
.top-nav-bn{
display: inline-grid;
grid-template-columns: 1fr;
grid-gap: 10px;
text-align: center;
position: absolute;
align-self: center;
right: 33%;
align-items: center;
}
.top-nav-bns{display: inline-grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px;align-self: center;position: absolute;right:48%;}
.top-arrow.dts{align-self: center;position: absolute;left: 14%;}
#recallm .modal-footer{border-top:none;display: inline-flex!important;}

/*.modal-footer form {width: 206px;position: absolute;}*/

.modal-footer.text-center form {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-column-gap: 11px;
margin: auto;
}
/***************delete and upload button of document page************/
.uploads-area {margin-top: 50px;}
.upld-btns {
/* right: 17px;
position: absolute;
display: flex; */
/* cursor: pointer;
top: 8px;
font-size: 24px;
color: #de0d05; */
}
.upld-btns {
cursor: pointer;
font-size: 24px;
color: #de0d05;
float: left;
}
/*.faupd-btns {margin-right:25px!important;}
.faupd-btns{ position: relative;overflow: hidden;}
.faupd-btns input[type=file]{font-size: 24px;position: absolute;left: 0;top: 0;opacity: 0;}*/
.image_style {
height: 100%;
width:100%;
max-height: 250px !important;
}
.image_style1 {
max-height: 220px !important;
}
.tab-content>.tab-pane.active {
display: block;
}
/********box*************/
.uploads-area .fulll-box {
width: 100%;
position: absolute;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:15px;
padding: 15px;
} 
.fulll-box .box {
background: #f7f8d6;
border-radius: 4px;
/*   height: 100%;*/
overflow:hidden !important;
padding:4px;
cursor: pointer;
border: 1px solid #c3c3c3;
}
.pending_cross{
color: red !important;
}
/*div#pfirst .fulll-box .box {
width: 168px;
}
*/

.camera-filepdf p { font-size: 13px;font-weight: 700;margin: 6px auto;color: #222;word-break: break-all;width: 103px; overflow: hidden; height: 43px; line-height: 23px;}

.ad_btn.back_btn {
margin-top: 25px;
width: 62px;
}

.clr-sctn { padding: 15px 5px 5px;}
.clr-sctn.cam-clr {
position: inherit;
bottom: 0;
right: 0;
text-align: right;
}
/*****************loader*******************/
.loader {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #3498db;
width: 40px;
height: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -5px;
}
.loader.war {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #3498db;
width: 40px;
height: 40px;
position: absolute;
margin: auto;
top: 0;
left: 0;
bottom: 23px;
right: 0;
}

.loader.cal{
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #3498db;
width: 40px;height: 40px;
position: absolute;
left: 10px;
bottom: -5px;
}



div#loader_div {
margin-right: auto;
}

/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/*************logo**********/
.auth_name .nav-link {
background: #a80f0f;
padding: 4px 0;
color: #fff;
border-radius: 5px;
}
.ylw-btn.btn.btn-big.logot {
margin-right: -16px;
}
a.ylw-btn.btn.reln.btn-big {
margin-bottom: 4px;
}
.navbar-nav{align-items: center;}
.form-d select:focus {
background-color: rgb(255 219 160) !important;}
/********client page**********/
.main-client.rl-port{height: calc(100vh - 223px);}
/*a#resetAlldata {
font-size: 14px!important;
padding: 9px 20px!important;
}*/
/*.ylw-btn.btn.reln{background: #000;color: #a80f0f;}
.ylw-btn.btn.reln:hover {background: #115f53;color: #fff;}*/
#process_modal .modal-dialog {max-width: 705px;top:5%;}
.pay_detail {display: flex;}
.lab-dt img{width: 22px;position: absolute;left: -1px;top: 24px;}
.month_upfrnt{background: #999;color: #fff;}

/**************clone button***********/
.ylw-btn.btn.clone_btn.mortgage_clone{padding: 6px 19px; height: 32px; align-self: center; color: #a80f0f; background: #272727; position: absolute; bottom: 135px;margin-left: 280px;}
.ylw-btn.btn.clone_btn{padding: 4px 11px;height: 28px;align-self: center;color: #a80f0f;background: #272727;position:absolute;}
.clone-body input {
padding: 5px 0;
border-radius: 4px;
box-shadow: 3px 4px 6px rgb(0 0 0 / 7%);
border: 1px solid rgba(0,0,0,.15);
font-weight: 600;
}
.main_model_head {
width: 80%;
margin: 0px auto;
padding: 20px 0;
}
.main_model_head input {
text-align: center;
padding: 8px 0;
border-radius: 4px;
box-shadow: 3px 4px 6px rgb(0 0 0 / 7%);
border: 1px solid rgba(0,0,0,.15);
font-weight: 600;
width: 100%;
max-width: 500px;
}
.clone-body {text-align: center;font-weight: 600;margin: 20px auto 0px;font-size: 18px; 
gap: 35px; }
.update_clonebody{
display: flex;
gap: 20px;
} 
.update_clonebody input {
padding-left: 15px;
}   
.re_cloneld{color: #a80f0f;background: #272727;box-shadow: 0 0 4px #575757;border:none;}
.re_clonelv{color:#a80f0f;    background: #a80f0f;
box-shadow: 0 0 4px #575757;
border: none;
color: #333;
font-weight: 700;
}
.re_cloneld:hover{color: #a80f0f;background: #575757;cursor:pointer;box-shadow: 0 0 4px #575757;border:none;}
.re_clonelv:hover{color:#a80f0f;background: #575757; cursor:pointer;box-shadow: 0 0 4px #575757;border:none;}


/************************ rent/loan heding page************/
.mns-hding { text-align: center;top: 60px;width: 100%;margin: 2px 5px;color: #333;}
.mns-hding h4{font-size: 22px; top: 3px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.0px; position: relative; border-bottom: 3px solid #a80f0f; display: inline-block;}
/*.mns-hding h4::after {content: "";width: 63px!important;border-bottom: 3px solid #a80f0f;width: 10px;display: block;margin: 0 auto;}*/


.form-control.off_mess {height: 85px !important;padding: 5px 10px;margin: 2px 0px;font-weight: 500;font-size: 12px; line-height:20px;}
.offmess-area {border: 1px solid #D3D3D3;padding: 5px 5px;margin: 5px 0;border-radius: 5px;background: #fff;}
.form-control.off_mess:focus{background-color:#fff !important;}

.offmess-area p {
margin-bottom: 2px;
padding: 5px;
}
.imprt_xml{ position: absolute;left:24px;
top: 55px;}
.imprt_xml .btn-file {
position: relative;
overflow: hidden;
background: #a80f0f;
box-shadow: 0 0 4px #575757;
transition: 0.3s;
border: none;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 6px 5px;
width: 120px;
display: inline-block;
border-radius: 3px;
color: #333 ;
font-weight: 700;

}
.imprt_xml .btn-file input[type=file] {
position: absolute;
top: 0;
right:0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
cursor: pointer;
display: block;
z-index: 555;
}
.admin_logo img {
width: auto;
/* position: absolute; */
padding: 0!important;
top: 0;
left: 65%;
bottom: 0;
height: 40px;
object-fit: fill;}
/*.nav-item.image_logo_company.active {
left: 40%;
position: absolute;
top: 11%;
}*/

.modal-lg.mdl-dt .nav-tabs{border-bottom: none;}
.modal-lg.mdl-dt .nav-tabs .nav-item {background: #f2f2f2;margin-bottom: -1px;margin-right: 10px;border-radius: 3px;}
.modal-lg.mdl-dt .nav-tabs .nav-link.active{border-color: #a80f0f #efbd75 #f3d8b0; background-color: #a80f0f;font-weight: 600!important;color: #333;}

.with-bg.kp {display: grid;grid-template-columns: 90px 1fr 68px;}

.one-col_ten .select_text::-moz-selection {
color: transparent!important;
}

.one-col_ten .select_text::selection {
color: transparent!important;
}
.one-col_ten .select_text{
color:transparent!important;
}
.seven-col {
display: grid;
grid-template-columns: auto 10% 10% 10% 15% 10.2% 10.5% 10%;
grid-column-gap: 10px;
}
.fourassets-col {
display: grid;
grid-template-columns: auto 11% 10% 10.6% 10%;
grid-column-gap: 10px;
}
/*.more_list {
padding: 12px 0 12px 0;
}*/
.fiveassets-col {
display: grid;
grid-template-columns: auto 15% 14% 10% 10.5% 10%;
grid-column-gap: 10px;
position: relative;
}
.ref-payment.liabilities {
margin-top: 20px;
}
.eightasset-col {
display: grid;
grid-template-columns: auto 9% 9% 11% 10% 10% 10% 12% 10%;
grid-column-gap: 10px;
}
.sixasset-col {
display: grid;
grid-template-columns: auto 9% 9% 11% 10% 10% 10% 12% 10%;
grid-column-gap: 10px; 
}
span.right_span {
text-align: right;
}
.client_mortgage {
text-align: center;
}
.client_mortgage .form-check.form-check-inline {
margin: 11px 32px 31px 34px;
}
.client_mortgage label.form-check-label {
padding: 0;
margin: 2px 0 0 4px;
}
.client_mortgage .form-check-input {
width: 18px;
height: 21px;
}

/*********************************10 sep 2020 css *********************************/
.calculator_data .modal-body .row b{
padding: 0 15px !important;
}


.right_img .table td {
font-size: 18px !important;
}
.second_body_head .table th, .second_body_head .table td {
font-size: 20px !important;
}

.create-new-btn {
margin-top: 15px;
text-align: right;
margin-right: 5px;
}

/***************************stage3 datasafe css here*******************************/
.loansthree-main{
display: grid;
padding: 0 15px;
grid-template-columns: 25% 75%;		
}
.loan-inner-right {
padding-left: 25px;
}
.loan-rental.bg-color-loan{
background: #d5f2fd;
margin-bottom: 18px;
padding: 8px;
border-radius: 10px;
}
.bg-color-loan{
background: #f9fae2;
}
.loan-body-inner {
margin-top: 15px;
}

.loan-bg-box:last-child{
margin-bottom:0px;
}
.second-loan-tbl{
margin-top: 5px;
}
.loan-inner-heading{
font-size: 16px;
color: #000;
padding-left: 10px;
margin-bottom: 10px;
}

.open-loan-rental th {
font-size: 14px;
padding:0px 10px;
}
.open-loan-rental td {
font-size: 14px;
padding: 0px 10px;
font-weight: 500;
}

/* button#calculator_providefund {
width: 100%;
margin-top: 6px;
display: inline-block;
height: 40px;
} */
.btn-primary.disabled, .btn-primary:disabled {
background-color: #0275d8;
border-color: transparent;
}
.rental-view-more{
text-align: right;
padding-right: 10px;
margin-top: 15px;
}
.open-loan-rental span {
padding-right: 5px;
color: #000;
text-align: right;
float: right;
}

.third-loan-inner span a {
padding-left: 10px;
margin-top: 9px;
}
.top-right-loan-btn button{
margin-left: 10px;
}
.third-loan-left {
height: 100%;
overflow: auto;
max-height: 75vh;
background: #fff;
border-radius: 7px;
padding: 15px;
box-shadow: 0px 4px 4px 2px #c5c5c5
}
.third-loan-left.mater-leftloan{
max-height: 100%;
height: 100%;
overflow: inherit;
}
.mater-lonstree {
height: 100%;
overflow: auto;
max-height: 72vh;
}
.third-loan-left::-webkit-scrollbar, .mater-lonstree::-webkit-scrollbar  {
-webkit-appearance: none;
width: 7px !important;
}
.third-loan-left::-webkit-scrollbar-thumb, .mater-lonstree::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.open-loan-rental table tr{
display: grid;
grid-template-columns: 25% 40% 35%;	
}
.open-loan-rental.right table tr{
display: grid;
grid-template-columns: 25% 40% 35%;		
}
.office-table ul{
display: grid;
grid-template-columns: 50% 50%;
list-style: none;
padding-left: 10px;
margin-bottom: 0;
}
.loan-tbtns {
padding: 10px 5px 5px 10px;
display: grid;
grid-template-columns: 49% 49%;
grid-column-gap: 10px;
}
.loan-tbtns a {
text-align: center;
border-radius: 4px;
font-weight: 700;
color: #000;
line-height: 35px;
}
.centerd-td {
width: 100%;
max-width: 450px;
margin: 0 auto;
}
.blue-text{
color: #425cfb;
}
.red-text{
color: #fc4242;
}
.office-table ul li {
font-size: 16px;
font-weight: 500;
}
.office-table ul li span{
font-weight: 400;
}

.mt-3{
margin-top: 15px;
}

.third-loan-inner ul{
padding: 0 0 0 10px;
margin:0;
border: 0;

list-style: none;
}

.stkl {
display: grid;
gap: 10px;
margin-left: 15px;
background-color: #f5f5f5 !important;
align-items: center;
margin-bottom: 6px;
border-radius: 5px;
width: 96%;
height: 37px;
grid-template-columns: 22% 30% 22% 22%;
grid-column-gap: 0%;
}
.loan_details{
margin-bottom: 0;
color: #000;
font-weight: 700;
font-size: 15px;
padding-left: 5px;
}
.right{
text-align: right;
font-size: 15px;
font-weight: 600;
}
input#original_terms {
text-align: end;
}
.outer-head .input-dollar, .outer-head .bg-back {
line-height: 30px;
display: inline-block;
background: #fff;
padding-left: 7px;
border: 1px solid #ddd;
border-radius: 5px;
}
.third-loan-inner ul p {
margin: 0;
font-weight: 700;
background: #ffff1a;
padding: 5px;
color: #2a2a2a;
text-align: right;
padding-right: 13px;
margin-right: 10px;
font-size: 16px;
border-radius: 5px;
}
.outer-head.mattercntr-head .loan-inner-heading {
left: -15px;
padding-left: 0;
}
.third-loan-inner li{
display: grid;
grid-template-columns: 59% 40%;
font-size: 14px;
margin-top: 5px;
}
.outer-head.cntr-head {
margin-top:10px;
margin-bottom:10px;
}
.inner-left-laon .folow-radio-iner p.red-close i {
font-size: 25px;
margin-top: 8px !important;
margin-right: 15px;
color: red !important;
}

.third-loan-inner select{
border: 0;
border-radius: 5px;
padding: 3px;
width: 90%;
margin-bottom: 0;
font-size: 12px;
}
.third-loan-inner select:focus{
border: 0;
outline: 0;
}
/*.inner-right-laod{
display: grid;
grid-template-columns: 40% 60%;
}*/
.inner-right-laod.changetitle{
display: inline-block;
width: 100%;
}
.inner-right-laod.changetitle .loan-inner-heading{
text-align: center;
color: #000;
font-size:28px;
position: relative;
}
/* .inner-right-laod.changetitle .loan-inner-heading:before{
position: absolute;
bottom: -5px;
left: 0;
right: 0;
height: 1px;
width: 150px;
margin: 0 auto;
content: "";
background: #000;
} */
.right-view-loan-first{
padding: 10px 15px 15px;
}
.top-right-loan-btn{
text-align: right;
}
.view-right-loan {
background: #e4faff;
min-height: 100%;
width: 100%;

}
p.view-cntr-text {
text-align: center;
font-size: 18px;
font-weight: 500;
color: #a84229;
}
div#view_area {
min-height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.inner-right-laod .loan-inner-heading{
padding-left: 0;
}
.open-loan-rental table {
width: 100%;
}
.view-cntr-text p{
font-size: 20px;
border-bottom: 1px solid #a84229;
color: #a84229;
}
.view-right-loan ul p{
font-size: 17px;
}
.right-loan-btns button.btn.btn-primary.red-btn {
padding: 8px 12px;
height: auto;
font-size: 13px;
margin-top: 15px;
margin-right: 15px;
}
.right-loan-btns button.btn.btn-primary.red-btn:last-child{
margin-right: 0px;
}
.right-loan-btns button.btn.btn-primary.red-btn:hover, .right-loan-btns button.btn.btn-primary.red-btn:active, .right-loan-btns button.btn.btn-primary.red-btn:focus{
padding: 8px 12px;
box-shadow: 0px 4px 5px -2px #523030;
font-size: 13px;
}
.view-right-scroll {
/*height: 410px;*/
position: relative;
margin-top: 10px;
display: grid;
grid-template-columns: 95% 5%;
}
.right-loan-view  {
height: auto;
overflow: scroll;
}
.loan-body-inner {
/*height:410px;*/
overflow: hidden !important;
}
.right-loan-btns {
text-align: center;
}
.view-right-scroll .sidebar {
height: 100%;
width: 40px;
position: absolute;
z-index: 1;
top: 0;
right: 0;
background-color: #3caef7;
overflow-x: visible;
transition: 0.5s;
padding-top: 20px;
left: inherit;
height: 75vh;
}
.view-right-scroll.loan-main-page-scrol .sidebar {
height: 99%;
}

.right-loan-section{
margin:0 !important;
}
.view-right-scroll span.three_lines_shape{
position: absolute;
background: #eec291;
width: 28px;
height: 28px;
border: 1px solid #cacaca;
color: #000;
left: inherit;
top: 5%;
padding: 0;
z-index: 999;
transition: 0.5s;
border-radius: 50%;
right: 0;
}
.view-right-scroll span.three_lines_shape.openbtn {
right: 23px;
}
.view-right-scroll span.three_lines_shape:hover{
background: #eec291;
color: #000;	
}
.view-right-scroll span.three_lines_shape.innerclosebtn {
right: inherit;
left: -11px;
}
.loan-slide-btn.sidebar a{
background: #f78787; 
background: -moz-linear-gradient(top,  #f78787 0%, #f78787 54%, #e85a5a 100%);
background: -webkit-linear-gradient(top,  #f78787 0%,#f78787 54%,#e85a5a 100%); 
background: linear-gradient(to bottom,  #f78787 0%,#f78787 54%,#e85a5a 100%); 
color: #fff;
border-radius: 3px;
padding: 4px 12px;
height:28px;
font-size: 13px !important;
border: 0px;
max-width: 160px;
display: block;
text-align: center;
margin: 0 auto 8px auto;
}
.slide-right-btns {
margin-top: 0px;
height: 375px;
overflow: scroll;
}
/*************************clinet portal Css *********************************/
.client-prtl .container-fluid{
padding: 0 80px;
}
.top-wt-heading{
font-size: 24px;
color: #000;
text-align: center;
font-weight: 700;
text-transform: uppercase;
margin: 30px 0 20px;
}
.top-wt-sub-heading {
text-align: center;
font-weight: 700;
font-size: 20px;
color: #000;
text-transform: uppercase;
margin: 10px 0 10px;
}
.create_loan_body .top-wt-heading{
margin: 20px 0 10px;
}
.sub-ul-data{
list-style: none;
display: flex;
padding: 0;
justify-content: center;
}
.sub-ul-data li{
font-size: 14px;
padding: 0 10px;
color: #000;
font-weight: 500;
}
.white-bg-cont{
background: #fff;
padding: 20px 15px;
border: 1px solid #425cfb;
margin-bottom: 50px;
margin-left: 0;
margin-right: 0;
}
.create_loan_body .white-bg-cont{
border-radius: 25px;
background: #f0f0f0;
}
.main-rd-heding{
font-size: 18px;
color: #a84229;
margin-top: 15px;
margin-bottom: 15px;
}
.client_portal_body .bg-color-loan {
background: #f0f0f0;
border: 1px solid #425cfb;
border-radius: 30px;
padding: 10px;
}
.client_portal_body .loan-inner-heading {
color: #000;
margin-bottom: 5px;
font-weight: 600;
}
.client_portal_body .third-loan-left {
display: grid;
grid-template-columns: 50% 50%;
}
.prtl-box-head{
display: grid;
grid-template-columns: 50% 50%;	
}
.prtl-box-head h4{
margin-bottom: 0;
margin-top: 20px;
}
.second-h4{
padding-left: 15px;
}
.client_portal_body .third-loan-left {
margin-top: 10px;
}
.portl-btn-botm{
text-align: center;
margin-top: 20px;
}
.prtl-right-btn ul{
list-style: none;
padding:0;
display: flex;
justify-content: center;
}
.prtl-right-btn ul li{
display: flex;
padding: 0 15px;
}
.prtl-right-btn ul li p {
padding-right: 10px;
position: relative;
top: 7px;
}
.client_portal_body .open-loan-rental th {
margin-bottom: 8px;
margin-top: 8px;
}
.client_portal_body .third-loan-inner li {
padding:5px 0;
}
.portl-btn-botm button{
margin: 0 15px;
}
.payout-calcultor ul {
display: flex;
list-style: none;
padding: 10px;
margin: 0;
}
.payout-calcultor ul li{
padding: 0 10px;
}
.payout-calcultor li input {
width: 100%;
max-width: 125px;
padding: 5px 10px 2px;
line-height: 20px;
color: #425cfb !important;
}

.payout-calcultor li p{
line-height: 25px;
color: #000;
margin: 0;
font-weight: 500;
}
.payout-calcultor.bg-color-loan{
padding: 20px;
}
.payout-calcultor li input::-webkit-input-placeholder, .loan-crt-left tr td input::-webkit-input-placeholder {
color: #425cfb !important;
}
.payout-calcultor li input::-moz-placeholder, .loan-crt-left tr td input::-moz-placeholder { 
color: #425cfb !important;
}
.payout-calcultor li input:-ms-input-placeholder, .loan-crt-left tr td input:-ms-input-placeholder { 
color: #425cfb !important;
}
.payout-calcultor li input:-moz-placeholder, .loan-crt-left tr td input:-moz-placeholder { 
color: #425cfb !important;
}
.payout-bottom{
justify-content:center;
}
.payout-bottom li input{
color: #000 !important;
font-weight: 600 !important;
max-width: 200px;
}
.payout-bottom li input::-webkit-input-placeholder {
color: #000 !important;
font-weight: 600 !important;
}
.payout-bottom li input::-moz-placeholder { 
color: #000 !important;
font-weight: 600 !important;
}
.payout-bottom li input:-ms-input-placeholder { 
color: #000 !important;
font-weight: 600 !important;
}
.payout-bottom li input:-moz-placeholder { 
color: #000 !important;
font-weight: 600 !important;
}
.upload-btn{
text-align: center;
}
.invoive-btn {
display: flex;
margin-top: 10px;
}
.th-left-btn button{
margin-bottom: 10px;
width: 100%;
}
.invoive-btn button{
margin-left: 15px;
}
.upload-btn .red-btn{
margin-top: -25px;
}
.client_portal_body .view-right-scroll {
height: 365px;
}
.loan-crt-left tr{
display: grid;
grid-template-columns:25% 75%;		
}
.loan-crt-left tr td{
border: 0;
font-weight: 600;
padding: 10px 15px;
}
.loan-crt-left tr th{
text-align: right;
padding-right: 10px;
border-right: 1px solid #f78787;
border-bottom: 0px;
border-top: 0px;
padding: 10px 15px;
font-weight: 400;
}
.loan-crt-left tr td input{
margin: 0;
max-width: 150px;
}
.loan-crt-right{
padding: 20px 0;
}
.loan-crt-right-inner{
padding: 30px;
height:95%;
background: #d2eaf9;
border: 1px solid #425cfb;
border-radius: 25px;
}
.top-blk-heading {
text-align: center;
margin: 0px 0 25px;
font-size:28px;
}
.first-crt-data{
display: grid;
grid-template-columns:24% 76%;		
}
.first-crt-data.applicant2div{
display: grid;
grid-template-columns:42% 58%;		
}
.top-crt-main p{
font-size: 14px;
margin: 0;
font-weight: 500;
}
.red-heading {
font-size: 15px;
color: #222222;
margin-bottom: 0px;
}
.top-right-crt ul{
list-style: none;
padding-left: 0;
display: grid;
grid-template-columns:20% 20% 20% 20% 20%;	
}
.top-right-crt ul li{
padding:0 5px;
}
.top-right-crt li input{
height: 30px;
border:1px solid #9e9e9e;
border-radius: 0;
font-size: 14px;
}
.top-right-crt li select{
height: 30px;
width: 100%;
border:1px solid #9e9e9e;
font-size: 14px;
color: #9e9e9e;
}

.blue-btn{
color: #000 !important;
font-size: 12px;
font-weight: 500;
padding: 5px 10px;
cursor: pointer;
border-radius: 3px;
transition: 0.5s;
margin-top: 10px;
display: inline-block;
}
.sky-blue-btn{
color: #fff !important;
font-size: 12px;
font-weight: 500;
padding: 8px 18px;
transition: 0.5s;
border-radius: 3px;
margin-top: 30px;
display: inline-block;
}
.sky-blue-btn:hover, .sky-blue-btn:focus, .sky-blue-btn:active{
background: #eec291;
border-radius: 6px;
color: #000;
border: 1px solid #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.further-second{
margin-top: 50px;
}
.margin-top {
margin-top: 50px;
}
.second-crt-data .blue-btn{
margin-left: 5px;
}
.blue-btn:hover, .blue-btn:focus, .blue-btn:active{
background: #eec291;
border-radius: 6px;
color: #000;
border: 1px solid #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.second-crt-data ul{
list-style: none;
padding: 0;
margin-top: 0px;
display: grid;
margin-bottom: 0;
grid-template-columns:18.6% 14.6% 17.6% 15.6% 15.6% 17.6% ;
}
.second-crt-data ul.heading-ul-data{
margin-top: 0px;
}
.second-crt-data ul li {
padding: 0 5px;
}
.second-crt-data li input, .second-crt-data li select{
height: 30px;
width: 100%;
border:1px solid #9e9e9e;
font-size: 14px;
border-radius: 0;
color: #333;
}
.second-crt-bottom ul{
margin-top: 5px;
display: grid;
grid-template-columns:50% 50%;
}
.fourth-crt-data ul{
display: grid;
list-style: none;
padding: 0;
margin-top: 10px;
grid-template-columns:20% 20% 20% 20% 20%;
}
.fourth-crt-data  ul li {
padding: 0 5px;
}
.second-crt-bottom-rt input{
width: 18px !important;
height: 18px !important;
}
.second-crt-bottom-rt label{
padding-left: 5px;
font-size: 15px;
line-height: 20px;
text-align: left;
}
.second-crt-bottom-rt {
text-align: right;
}
.third-crt-data{
display: grid;
grid-template-columns:60% 40%;
margin: 30px 0;
}
.third-crt-data ul{
padding-left: 0;
}
.third-crt-data ul li{
display: grid;
padding:0;
grid-column-gap: 20px;
position: relative;
grid-template-columns: 38% 38% 19%;
}
.third-crt-data .full ul li{
grid-template-columns: 30% 30% 35%;
}
.btn-centr-calculte{
grid-template-columns: 30% 30%;
display: grid;
grid-column-gap: 20px;
}
.three-li-input{
grid-template-columns: 25% 30% 40%;	
}
.right-crt-data-area{
position: relative;
}
.third-crt-btm {
position: absolute;
bottom: 70px;
left: 20px;
width: 70%;
}
.btn-centr-calculte .calculate-btn {
width: 100%;
display: inline-block;
max-width: 120px;
text-align: center;
}
.third-crt-data .third-crt-btm li{
grid-template-columns:35% 60%;
}
.third-crt-data .third-crt-btm li input {
border-radius: 0;
padding-left: 5px;
font-weight: 700 !important;
font-size: 18px;
}
.other-crt {
grid-template-columns:28% 68%;
display: grid;
}
.tool_tip .hover_bar, .box.thnth_box .hover_bar {
visibility: hidden;
width: 77%;
background-color:#eec295;
color: #000;
font-weight: 500;
text-align: center;
border-radius: 6px;
padding: 5px 4px;
position: absolute;
font-size: 0.7vw;
top: 31%;
display: flex;
height: auto;
align-items: center;
justify-content: center;
margin: 0 15px;
z-index: 999;
}
.tool_tip:hover .hover_bar, .box.thnth_box:hover .hover_bar {
visibility: visible;
transition: 0.5s;
-webkit-box-shadow: 0px 0px 3px 0px rgb(255 255 255);
-moz-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
box-shadow: 0px 0px 3px 0px rgb(255 255 255);
}
.third-crt-btm .input-dollar{
position: relative;
}
.third-crt-btm .input-dollar .dollar-sign {
position: absolute;
left: 9px;
top: 9px;
}
.third-crt-one .ad-fee-btn {
width: 100%;
text-align: center;
float: none;
max-width: 120px;
height: 34px !important;
}
.third-crt-two {
padding: 0 20px;
}
.third-crt-one {
padding: 0 40px 0 0;
}
.blue-btn.fee-btn{
width: 100%;
max-width: 100px;
text-align: center;
margin-top: 0;
margin-left: 10px;
height: 35px;
line-height: 22px;
}
.calculate-btn{
margin-right: 20%;
}
.third-crt-one li input{
height: 30px;
width: 100%;
border:1px solid #9e9e9e;
font-size: 14px;
border-radius: 0; 
}
.third-crt-one li p span {
text-align: right;
float: right;
padding-right: 20px;
font-weight: 700;
}
.third-crt-two li{
line-height: 40px;
}
.third-crt-data li, .third-crt-data li p{
font-weight: 700;
font-size: 14px ;
}

.third-crt-three label{
font-size: 15px;
font-weight: 600;
margin-top: 30px;
}

.third-crt-three textarea {
min-height: 130px;
border:1px solid #9e9e9e;
border-radius: 0;
}
.third-crt-one button {
text-align: right;
float: right;
}
.create-btn{
text-align: center;
margin-bottom: 10px;
}
.red-btn{
cursor: pointer;
}
.crt-loan-mian-bg {
background: #ec9c9c;
margin-top: 25px;
padding: 25px;
margin-left: -10px;
margin-right: -10px;
}
.crt-loan-mian-bg .body_page_inner{
padding: 15px 20px 10px 0px;
background: #fff;
}
/*********************btns css **********************/
.view-right-scroll.swipe-btn-data {
height: 100%;
}

.swipe-btn-data .slide-right-btns {
height: 100%;
overflow: scroll;
}
.slide-btn-main-data{
display: grid;
grid-template-columns:95% 5%;

}
.top-right-crt .blue-btn {
margin-left: 5px;
}
.top-right-crt ul {
list-style: none;
padding-left: 0;
margin: 0;
display: grid;
grid-template-columns: 33.3% 33.3% 33.3%;
}
.top-right-crt ul.update_securty_forms {
list-style: none;
padding-left: 0;
margin: 0;
display: flex !important;
flex-direction: column !important;
padding:0 40px;
width: 100%;
}
.top-right-crt ul.update_securty_forms li input, .top-right-crt ul.update_securty_forms li select{
height: 45px;
}
.update_securty_forms li label {
margin-bottom: 5px;
}
.update_securty_forms li  {
margin-bottom: 5px;
}
.further-data .ul-first {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
max-width: 70%;
margin: 0 auto;	
}

.further-data .ul-second {
display: grid;
position: relative;
margin-top: 15px;
grid-template-columns: 14% 13% 12% 13% 14% 11% 11% 12%;
}
.further-data .ul-second span.cross_icon {
position: absolute;
margin: -2px 0 0 -17px;
color: #a80f0f;
cursor: pointer;
}
/* .add-pay{
margin-left: 5px;
} */
.further-second .top-blk-heading{
text-align: left;
margin-top: 20px;
}
a.red-btn {
background: #b1b1b1;
color: #000 !important;
border-radius: 6px;
padding: 8px 12px;
height: 38px;
font-size: 13px !important;
border: 0px;
max-width: 220px;
display: block;
text-align: center;
margin: 0 0 15px 0; 	
font-weight: 500;
}
a.red-btn:hover {
height: 38px;
transition: 0.5s;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.further-second-viewscreen {
padding: 0 30px;
max-width: 80%;
margin: 0 auto;
}
/*.viewscreen-inner p {
margin-top: 100px;
text-align: center;
font-size: 18px;
font-weight: 500;
border: 0;
}*/
.viewscreen-inner-data .form-check {
display: inline-block;
margin-left: 40px;
}

.viewscreen-inner-data {
text-align: center;
}
.top-left-crt {
display: flex;
}
.applicant {
padding-right: 20px;
}
.slide-btn-main-data-left {
padding: 0 25px 40px 25px;
margin: 10px auto 0;
}
.viewscreen-inner-data .top-blk-heading{
text-align: center;
margin-bottom: 20px;
}
.viewscreen-inner-data .form-check-input {
position: absolute;
margin-top: 2px;
margin-left: -24px;
cursor: pointer;
}
.text-head-pay h5 {
font-size: 25px;
text-align: center;
margin-bottom: 30px;
}
.viewscreen-inner-data .form-check-label {
padding-left:0;
margin-bottom: 0;
cursor: pointer;
margin-right: 10px;
font-weight: 500;
}
.center-btn{
text-align: center;
margin-top: 15px;
}
.heading-left-text{
text-align: left;
}
.heading-left-text {
font-size: 17px;
font-weight: 500;
margin-top: 15px;
}
.heading-area p{
text-align: center;
font-size: 18px;
font-weight: 500;
}
.extra-payment .first-ul{
display: grid;
grid-template-columns: 25% 25% 25% 25%;
max-width: 100%;
margin: 40px auto 20px;
}
.extra-payment .folow-radio-iner {
margin-top: 0;
}
.extra-payment .folow-radio-iner .form-check {
margin-top: 0;
}
.extra-payment .folow-radio-iner .form-check .form-check-label {
line-height: 40px;
}
.extra-payment .second-ul{
display: grid;
grid-template-columns: 50% 50%;
max-width: 80%;
margin: 40px 0;
}
.center-red-btn{
text-align: center;
margin-top: 20px;
}
.manual-payment .ul-data{
display: grid;
grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 1fr ;
margin-bottom:5px;
}
.manual-payment .ul-data li{
padding: 0 7px;
}
#Extra-payment .heading-area p{
text-align: left;
}
.comment-textarea textarea{
border: 1px solid #9e9e9e;
border-radius: 0;
min-height: 150px;
}
.manual-payment{
/* display: grid;
grid-template-columns: 70% 30%;	 */
max-width: 100%;
margin: 0 auto;
}
/* .comment-textarea{
padding-left: 15px;
} */
.manual-payment .ul-data li p {
font-weight: 500;
margin-bottom: 0;
position: relative;
top: 5px;
font-size: 15px;
}
.manual-payment .left-red-btn{
padding-left: 5px;
}
.ul-data.additional{
display: grid;
grid-template-columns: 30% 35% ;	
justify-content: right;
}
.ul-data.payout-ul{
display: grid;
grid-template-columns:0.5fr 0.5fr 0.5fr 0.5fr 1fr;	
justify-content: right;
}
.comment-textarea select {
height: 30px;
width: 100%;
border: 1px solid #9e9e9e;
font-size: 14px;
padding-left: 5px;
border-radius: 0;
}
.manual-payment.second{
border-bottom: 2px solid #eec295;
padding-bottom: 30px;
}
.manual-payment-third .first-ul{
display: grid;
grid-template-columns: 30% 35% 35% ;
max-width: 70%;
margin: 40px auto 20px;
}
.manual-payment-third .second-ul{
display: grid;
grid-template-columns: 25% 20% 30% 25%;
max-width: 80%;
margin: 20px auto 20px;
}
.manual-payment-third {
max-width: 100%;
margin: 0 auto;
}
.manual-btn .red-btn {
max-width: 150px;
display: inline-block;
width: 100%;
margin: 15px 15px 30px 5px;
}
.hold-payment ul.first-ul{
display: grid;
grid-template-columns: 18% 18% 19% 19% 26%;
max-width: 100%;
margin: 0px auto 20px;
list-style: none;
padding: 0;
}
.change-branch-row ul.first-ul{
display: grid;
grid-template-columns: 20% 40% 40% ;
max-width: 80%;
margin: 20px auto 20px;
list-style: none;
padding: 0;
}
.hold-payment ul.first-ul li, .change-branch-row ul.first-ul li, .extra-payment ul.first-ul li{
padding: 0 7px;
}
.box-ul-data p{
font-weight: 500;
margin-bottom: 0;
position: relative;
top: 5px;
font-size: 17px;
}
.center-red-btn.journal-btn {
display: flex;
justify-content: center;
margin-bottom: 30px;
margin-top: 30px;
}
.center-red-btn.journal-btn p {
font-size: 20px;
font-weight: 500;
position: relative;
top: 7px;
}
.center-red-btn.journal-btn .red-btn {
margin: 0px 40px;
padding: 0px 30px!important;
font-size: 14px !important;
height: auto;
}



.CertifiateData{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}
.CertifiateData select{
   margin: 0;
   background: #fff !important;
   box-shadow:0px 2px 3px 0px rgb(0 0 0 / 38%) !important;
   color: #000;
   padding: 10px 20px;
   border-radius: 5px;
   outline: none;
   border: none;

}
.box.tool_tip input {
    height: 20px;
    width: 20px;
}
.update_search_advance {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 12px !important;
}
.fulll-box1 {
    height: auto !important;
}

.updateLinkInbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px !important;
}
.updateLinkInbox .inbox_profile p{
    margin: 0px !important;
    font-weight: 500 !important;
}
span.right_arrow1 {
    color: #666;
    font-size: 26px;
}
.center-red-btn.journal-btn .red-btn.active {
background: #eec291 !important;
box-shadow:0px 2px 3px 0px rgb(0 0 0 / 38%) !important;
color: #000 !important;
}
.journal ul{
display: grid;
grid-template-columns: 30% 20% 20% 30%;
max-width: 100%;
margin: 20px auto 5px;
}
.journal ul li{
padding: 0 7px;
}
.text.red-text{
text-align: center;
font-size: 18px;
font-weight: 500;
margin-bottom: 40px;
}
.top-right-crt textarea{
border: 1px solid #9e9e9e;
border-radius: 0;	
}
.loan-note-inner{
margin-top: 40px;
display: flex;
flex-wrap: wrap;
}
.inner-right-laon .form-group {
background: #fff;
padding: 15px;
border: 1px solid #ddd;
height: 450px;
overflow: auto;
}
.inner-right-laon .form-group::-webkit-scrollbar-track {
background: #f1f1f1!important; 
}
.inner-right-laon .form-group::-webkit-scrollbar-thumb {
background: #888; 
border-radius: 5px;
}
.inner-right-laon .form-group::-webkit-scrollbar {
width: 4px!important;
}
.extra-payment-row{
max-width:70%;
margin: 10px auto 0;
width: 100%;
height: auto;
}
/*.inner-right-laon {
position: relative;
}
.red-heading.textarea-text {
font-weight: 700;
text-align: right;
position: absolute;
bottom: 0;
right: 35px;
}*/
.hold-payment-row, .hold-interest-row{
margin: 10px auto 0;
width: 100%;
height: auto;	
}
.journal-entry-row{
margin: 10px auto 0;
width: 100%;
height: auto;
}
.third-crt-one li select{
height: 30px;
border: 1px solid #9e9e9e;
color: #9e9e9e;
font-size: 14px;
}
.create-loan-main{
width: 100%;
max-width: 50%;
margin: 20px auto 0;
}
.W-100{
width: 100%;
max-width: 100%;
}
.loan-rental .loan-inner-heading {
font-size: 17px;
}

.four-col-ul ul{
grid-template-columns: 25% 25% 25% 25%;
}
.modal-main-full .top-right-crt li{
text-align: left;
padding: 0 7px;
}
.modal-main-full.Ledger-popup .schedule-data-head li {
text-align: center;
padding: 0 7px;
}
.modal-main-full .close {
position: absolute;
right: 20px;
font-size: 28px;
top: 20px;
color: #000;
}
.modal-main-full.lawfirm-pp .close {
position: inherit;
right: inherit;
font-size: 28px;
top: inherit;
color: #000;
padding: 0;
}
.modal-main-full .modal-dialog {
max-width: 1100px;
margin: 30px auto;
box-shadow: 0 14px 15px 8px #616161;
}
.modal-main-full.securitydetails_pop .modal-dialog{
max-width: 900px;  
}
.modal-main-full.security-modal .modal-dialog{
max-width: 900px;  
}
.modal-main-full.disbursement-popup .modal-dialog {
max-width: 1300px;
}
.modal-main-full.adjust-term .modal-dialog {
max-width: 1300px;
}
.modal-main-full#paymentfrequency_modal .modal-dialog {
max-width: 1200px;
margin: 30px auto;
}
.legal-ul .first-ul{
grid-template-columns: 30% 25% 45%;
display: grid;
width: 100%;
}
.legal-ul .second-ul{
display: block;
width: 100%;
}
.legal-ul .second-ul li{
grid-template-columns: 50% 30% 20%;
display: grid;
margin-bottom: 10px;
}
.legal-ul {
max-width: 60%;
margin: 0 auto;
}
.legal-ul .second-ul li .blue-btn {
margin-top: 0;
text-align: center;
width: 100%;
max-width: 120px;
height: 35px;
margin-left: 15px;
line-height: 20px;
}

.modal-main-full .modal-header , .modal-main-full .modal-footer{
display: inline-block;
border: 0;
}
.modal-main-full .heading-left-text{
margin-top: 0;
}
.m-b-2{
margin-bottom: 20px;
}
.modal-main-full .modal-content {
padding: 20px;
}
.modal-main-full .top-blk-heading {
margin: 0;
}
.modal-main-full.Ledger-popup .top-blk-heading {
padding-right: 50px;
}
.modal-main-full .sms-pop .modal-content {
padding: 20px;
}
.select_list.sms_list hr {
display: none;
}
#paymentmethod_modal .four-col-ul ul{
grid-template-columns:  22% 23% 25% 30%;
}
.modal-main-full .center-red-btn{
margin-top: 0;
}
#interestrate_modal .four-col-ul ul{
grid-template-columns: 20% 25% 25% 30%;
}
#allpayment_modal.adjust-term .four-col-ul ul {
grid-template-columns:18% 20% 18% 18% 26%;
}
#allpayment_modal.adjust-term .four-col-ul ul li.input-dollar input {
width: 100%;
}
#paymentfrequency_modal .four-col-ul ul{
grid-template-columns: 13% 16% 17% 20% 15% 19%;
}
#allpayment_modal .four-col-ul ul{
grid-template-columns: 18% 20% 18% 18% 26%;
}
.centerall-amount {
max-width: 50%;
margin: 0 auto !important;
}
.modal-main-full.lawfirm-pp .modal-header {
display: flex;
padding-bottom: 0;
}
.modal-main-full.lawfirm-pp .modal-body {
padding-top: 0;
}
.lawfirm-pp .clone-body {
margin: 0px auto 0px;
}

.centerall-amount ul {
grid-template-columns: 49% 49%;
list-style: none;
padding-left: 0;
margin: 0;
display: grid;
grid-column-gap: 13px;
}
.lawfirm-pp .heading-areas {
width: 100%;
max-width: 800px;
padding-right: 15%;
}
.lawfirm-pp.pyledger .heading-areas{
padding-right: 0;
}
.centerall-btn .loader.war {
top: 40px;
}
.modal-main-full.pyledger .modal-dialog {
max-width: 1500px;
}
.centerall-amount .further-popup-head {
margin-top: 40px;
text-align: left;
}
.centerall-amount .uldata-list {
height: 205px;
overflow: auto;
border: 1px solid #454545;
padding: 15px;
}
.centerall-amount .uldata-list .input-dollar{
width: 100%;
}
.centerall-amount .uldata-list::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}
.centerall-amount .uldata-list::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.centerall-btn {
text-align: right;
padding-right: 8px;
position: relative;
margin-bottom: 15px;
margin-top: 10px;
}
#addsecuritymodel .top-right-crt ul{
display: block;
/* max-width: 80%; */
margin: 0 auto;
background: #fff;
padding:0 40px;
}
.security-modal .top-right-crt li select, .security-modal .top-right-crt li input{
height: 45px;
}
#addsecuritymodel .top-right-crt{
height: 100%;
overflow: auto;
max-height: 580px;	
}
#addsecuritymodel .top-right-crt::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}
#addsecuritymodel .top-right-crt::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #bfbfbf;
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.scrol-loan-rent .open-loan-rental {
height: 130px;
overflow: auto;
}
.scrol-loan-rent .open-loan-rental::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}

.scrol-loan-rent .open-loan-rental::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #bfbfbf;
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.text-black{
font-size: 15px;
font-weight: 500;
margin-top: 10px;

}

#addsecuritymodel .modal-content{
background: #fff;
}
.slide-btn-tabs ul.nav-tabs{
display: block;
border: 0;
}
.loan-main-page-scrol .tab-content{
height: 64vh !important;
overflow: auto;
width: 100%;
}
.bnk-detail-data ul{
display: grid;
grid-template-columns: 16.6% 18.6% 19.6% 16.6% 19.6% 8.6%;
}
.bnk-detail-data ul.ul-second-inner{
display:inline-block;
width: 100%;
}
.bnk-detail-data ul .bankclass{
display: grid;
grid-template-columns: 16.6% 18.6% 19.6% 16.6% 19.6% 8.6%;
}
.bnk-detail-data ul.ul-second .blue-btn {
padding: 5px 30px;
margin-top: 0px;
border: 1px solid #b1b1b1;
}
.bnk-detail-data h5{
font-size: 22px;
margin-top: 30px;
margin-bottom: 20px;
}
.bank-radio {
margin: 40px 0 50px;
font-size: 20px;
font-weight: 500;
display: grid;
grid-template-columns:60% 40%;
}
.bank-radio-inner {
text-align: right;
display: flex;
}
.bank-radio-inner .radio{
margin-left: 30px;
}
.bank-radio p {
line-height: 45px;
margin-bottom: 0;
}
.bank-radio-inner .radio input[type="radio"] {
height: 30px;
width: 30px;
position: relative;
top: 8px;
margin-right: 8px;
}
.individual-modal-data{
max-width: 100%;
margin: 0 auto;	
}
.individual-Payments-main {
display: grid;
grid-template-columns: 40% 53%;
grid-column-gap: 70px;
}

.individual-modal-data ul{
grid-template-columns: 40% 40% 20%;
}
.individual-Payments-left ul{
grid-template-columns: 50% 50%;
padding-right: 30px;
}
.individual-modal-data ul.result-list{
grid-template-columns: 40% 40%;	
}
.individual-Payments-right ul {
grid-template-columns: 50% 50%;
}
.text-subhead{
text-align: left;
margin-top: 15px;
margin-bottom: 25px;
font-size: 20px;
padding-left: 15px;
}
.top-right-crt .blue-btn.individual-savebtn{
width: 100%;
max-width: 120px;
text-align: center;
}
.modal-main-full button.btn.btn-primary.red-btn {
padding: 10px 30px;
height: auto;
font-size: 16px;
}
.individual-modal-data .text-subhead{
padding-left: 5px;
}
.individual-modal-data.individual-follow-row {
max-width: 50%;
margin: 50px 0 0;
}
.individual-modal-data.individual-follow-row .further-popup-head{
grid-template-columns: 35% 65%;
}
.individual-modal-data.individual-follow-row ul{
grid-template-columns: 35% 65%;
}
.modal-main-full button.btn.btn-primary.red-btn:hover, .modal-main-full button.btn.btn-primary.red-btn:active, .modal-main-full button.btn.btn-primary.red-btn:focus {
padding: 10px 30px;
height: auto;
font-size: 16px;
}
.schedulepay-model {
overflow-y: scroll;
min-height: auto;
max-height: 600px;
}
.schedulepay-model.ledger.lawfirm-ledger {
overflow: inherit;
}
.schedulepay-model th {
color: #d82121;
}
.schedulepay-model thead tr {
background: transparent !important;
}
.schedulepay-model th, .schedulepay-model td {
text-align: center;
border: 0;
}
.schedulepay-model tr:nth-child(2n+1) {
background: #c1e6fe;
}
.schedulepay-model .table-bordered {
border: 0;
}
.top-crt-main .blue-btn {
padding-left: 15px;
} 
.normal-subhead{
font-size: 18px;
}
.statement-model{
max-width: 50%;
margin: 0 auto;	
}
.statement-model ul{
display: grid;
max-width: 70%;
margin: 0 auto;	
grid-template-columns: 60% 40%;	
}
.statement-model li p {
margin-top: 18px;
}
.statement-pop-footer{
display: grid;
max-width: 80%;
margin: 0 auto;
list-style: none;
grid-template-columns: 36% 36% 28%;    
}
.scroll_tab p {
margin-bottom: 0px;
}
.statement-pop-footer li {
padding: 0 15px;
}
.statement-pop-footer li .red-heading{
text-align: left;
}
.statement-pop-footer li button {
margin-top: 27px;
}
.statement-model .blue-btn{
width: 100%;
text-align: center;
}
.schedulepay-model ul{
max-width: 70%;
margin: 0 auto;	
grid-template-columns: 30% 40% 30%;	
}
.original-schdule .schedulepay-model ul {
max-width: 100% !important;
margin: 0 auto;
grid-template-columns: 17% 15% 16% 17% 18% 15% !important;
}
.schedulepay-model ul.schedule-data-detail{
display: inline-block;
width: 100%;
padding: 0 10px;
}
.schedulepay-model ul.schedule-data-detail li{
grid-template-columns: 30% 40% 30%;	
display: grid;
padding: 0;
}
/*.schedulepay-model ul.schedule-data-detail li:nth-child(2n+1) {
background: #c1e6fe;
}*/
.schedulepay-model ul.schedule-data-detail li p{
padding: 3px 10px;
margin: 0;
}
.schedulepay-model ul.schedule-data-detail li p.Date-data{
text-align: center;
}
.modal-main-full.Ledger-popup .schedule-data-head li.transaction_p, .schedulepay-model ul.schedule-data-detail li p.transaction_p{
text-align: center;
padding-left: 10px;
}
.modal-main-sms .select_list.sms_list label {
font-size: 18px;
}
.modal-main-sms .form-control.bord_left {
font-size: 16px;
padding: 6px 0px 5px 7px;
margin-bottom: 19px !important;
border: 1px solid #8d8d8d;
height: 45px;
}
.modal-main-sms select.form-control:not([size]):not([multiple]) {
height: 45px;
font-size: 17px;
padding-left: 0;
}
.modal-main-sms .bord_area {
background-color: rgba(255, 219, 160, 0) !important;
font-size: 14px;
min-height: 180px;
color: #444242!important;
line-height: 25px;
}
.modal-main-sms .bord_left option{
font-size: 18px;
}
.after-login_page .alert-success{
margin: 0 auto 20px !important;
}

.top-right-crt .security-model ul {
grid-template-columns:100%;
margin: 0 auto;
max-width: 50%;
}
.top-right-crt .security-model li {
grid-template-columns:50% 50%;
display: grid
}
.top-right-crt .security-model li p{
text-align: right;
font-weight: 700;
margin-right: 15px;
font-size: 20px;
} 
.footer-noti .alert-success{
float: none;
background: #ffa2a2;
margin-bottom: 100px;
border: 1px solid #ffa2a2;
}
.notification_div.footer-noti {
position: absolute;
right: 10px;
top: 150px;
}
.footer-nav.bg-colors.before_footer {
display: inline-block;
width: 100%;
margin-top:0;
padding: 5px 15px 0px 15px;
position: fixed;
left: 0;
bottom: 0px;
}
.footer-nav.before_footer .tandc {
margin-top: 15px;
margin-bottom: 0;
}
.top-right-crt .ledger-date {
grid-template-columns:38% 38% 24%;
}
.form-group.ledger-srch {
margin-top: 22px;
text-align: right;
}
.date-heading h5 {
padding-left: 10px;
font-size: 20px;
font-weight: 700;
text-align: left;
}
.loader-img img{
position: absolute;
top: 0;
height: 20px;
width: auto;
}
.ledger-date p{
margin-bottom: 0;
}
.schedulepay-model.ledger ul.schedule-data-head {
max-width:100%;
grid-template-columns:16% 30% 17% 20% 17%;
background: #eeef9d;
}
.schedulepay-model.ledger ul.schedule-data-head h6{
color: #000;
margin: 0; 
padding: 10px 5px;
font-size: 16px;
}
.schedulepay-model.ledger .schedule-data-detail{
max-width: 100%;
padding: 0;
}
.schedulepay-model.ledger .schedule-data-detail li{
grid-template-columns: 16% 30% 17% 20% 17%;
max-width: 100%;
padding: 0;
}
ul.schedule-data-total p {
line-height: 38px;
color: #fff;
margin-bottom: 0;
}
.third-loan-left span.dollar-sign, .third-loan-left span.blue-text{
display: flex;
flex-wrap: wrap;
font-weight: 700;
line-height: 35px;
justify-content: flex-end;
padding-right: 8px;
height: 36px;
align-items: center;
}
.third-loan-left span.dollar-sign i{
margin-left: 15px;
cursor: pointer;
}
.body_page_inner.client_loan_body .mater-lonstree .input-dollar input{
text-align: right;
padding-right: 35px !important;
font-weight: 700 !important;
font-size: 14px !important;
padding-top: 2px !important;
}
.body_page_inner.client_loan_body .mater-lonstree .input-dollar select{
border: 0;
font-size: 14px;
font-weight: 700;
padding: 10px 12px 10px 0;
width: 100%;
text-align: right;
color: #292b2c;
}
.body_page_inner.client_loan_body .pencil-div span.dollar-sign {
padding-right: 0;
position: relative;
}
.body_page_inner.client_loan_body .pencil-div span.dollar-sign input{
text-align: right;
padding-right: 33px;
color: #292b2c;
font-size: 14px;
}
.body_page_inner.client_loan_body .pencil-div button{
border: 0;
background: transparent;
position: absolute;
right: 3px;
}
.body_page_inner.client_loan_body .third-loan-inner li {
font-size: 14px;
}
.third-loan-left span.dollar-sign .fa-usd{
margin-top: 10px;
margin-right: 5px;
}
.green-text {
color: #0B9944;
}
.input-dollar span.blue-text a {
color: #425cfb;
}
.third-loan-left .input-dollar .red-text {
font-weight: 700;
}
.third-loan-left .feild-input span.dollar-sign .fa-usd{
margin-top: 2px;
margin-left: 12px;
}
.third-loan-left .input-dollar.feild-input input.amountstatic, .third-loan-left .blue-text input.amountstatic {
padding-left: 20px;
width: 90px;
margin-left: 5px;
height: 35px;
margin-top: 2px;
margin-bottom: 0;
}
.third-loan-left .input-dollar.feild-input input.dateEffective, .third-loan-left .blue-text input.dateEffective {
padding-left: 20px;
width: 90px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0;
height: 35px;
}
ul.three-btn li {
margin: 20px 10px;
}
.modal-main-full .three-btn button.btn.btn-primary.red-btn {
padding: 10px 10px;
}
.top-right-crt.payout-calc-modal ul.three-btn {
max-width: 55%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.schedulepay-model.ledger .schedule-data-total {
grid-template-columns:69% 31%;
display: grid;
max-width: 100%;
justify-content: end;
}
.schedulepay-model.ledger .schedule-data-total li{
background: #eeef9c;  
text-align: right;
line-height: 40px;
font-size: 17px;
padding-right: 8px;
}
.schedulepay-model.ledger .schedule-data-total h6{
color: #000;
margin: 0; 
padding: 10px 5px;
font-size: 16px;
}
.modal-main-full.notice-detail-popup .modal-dialog {
max-width: 1400px;
}
.notice-detail-popup .top-right-crt ul {
grid-template-columns:12.6% 13.6% 16.6% 11.6% 20.6% 24.6%;
}
.notice-detail-popup .top-right-crt p{
margin-top: 2px;
margin-bottom: 0;
font-weight: 400;
}
.top-right-crt.payout-calc-modal ul{
grid-template-columns: 100%;
max-width: 40%;
margin: 0 auto;   
}
.top-right-crt.payout-calc-modal ul li{
padding: 0;
}
.top-right-crt.payout-calc-modal li.red-bg-text {
background: #d82121;
color: #fff;
padding: 10px;
display: inline-block;
margin:15px 0;
height: auto;
text-align: center;
}
.bg-white{
background: #fff;
margin-top: 15px;
height: 100%;
}
ul.ul-first.finance-head{
background: #f1f2bb;
color: #000;
border: 1px solid #ddd;
text-align: center;
}
.finance-data ul.li-listing-ul li {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.finance-data ul.li-listing-ul li p{
border-right: 1px solid #ddd;
margin: 0;
}
.finance-data ul {
grid-template-columns:12% 12% 17% 18% 12% 17% 12%;
padding: 0 5px;
}
.finance-data.ddr ul {
grid-template-columns: 8% 18% 18% 18% 19% 19% !important;
/* grid-template-columns: 8% 12% 15% 13% 12% 16% 12% 12%; */
}
.finance-data.ddr ul li .red-heading {
padding-left: 0 !important;
}
.finance-data.ddr ul.li-listing-ul li {
grid-template-columns: 8% 18% 18% 18% 19% 19%;
/* grid-template-columns: 8% 12% 15% 13% 12% 16% 12% 12%; */
}
.finance-data.deflt-follow ul .red-heading {
padding-left: 0 !important;
}
.finance-data.Securtiy-follow ul .red-heading {
padding-left: 0 !important;
}
.finance-data ul.li-listing-ul {
display: block;
padding: 0;
}
.finance-data ul.li-listing-ul li{
grid-template-columns: 12% 12% 17% 18% 12% 17% 12%;
display: grid;
padding: 0;
}
.finance-data ul.li-listing-ul li p{
padding: 0 5px;
}
.finance-data ul p.loan-check.right-tik {
text-align: right;
padding-right: 70px !important;
}
.finance-data ul p {
font-size: 16px;
font-weight: 600;
text-align: center;
padding: 10px 5px !important;
min-height: 50px;
}
.finance-data ul p.loan-check{
text-align: left;
position: relative;
/* padding-left: 70px !important; */
}
.finance-data ul p.loan-check::after{
position: absolute;
content: " ";
background: #ced2d6;
width: 2px;
height: 100%;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
}
.finance-data ul p.removepp {
padding: 7px 5px !important;
min-height: 38px;
margin-top: 7px !important;
margin-left: 25px !IMPORTANT;
border-radius: 5px !important;
}
.bg-text {
background: #69b7e8;
color: #fff;
text-align: center;
border-radius: 3px;
width: 100% !important;
max-width: 120px;
height: 32px;
margin: 0 auto 15px;
padding: 0px 0px 3px !important;
}
.finance-data ul.finanace-ul-subhead{
grid-template-columns: 8% 92%;
}
.finanace-ul-subhead h6{
font-size: 20px;
font-weight: 500;
}
.finance-data ul p span {
font-size: 15px;
}
.finance-data.schdule-pay ul {
grid-template-columns: 8% 15% 18% 14% 16% 16% 13%;
padding: 0 5px;
}
.finance-data.schdule-pay ul.li-listing-ul li{
grid-template-columns:  8% 15% 18% 14% 16% 16% 13%;
display: grid;
padding: 0;
}
.finance-data.clos-loan ul {
grid-template-columns: 8% 22% 23% 20% 15% 12%;
padding: 0 5px;
}
.finance-data.clos-loan ul#lista1 li {
grid-template-columns: 16% 16% 20% 16% 16% 16% !important;
display: grid;
padding: 0;
}
.finance-data.clos-loan ul.li-listing-ul li {
grid-template-columns: 8% 22% 23% 20% 15% 12%;
display: grid;
padding: 0;
}
.finance-data.clos-loan ul.finanace-ul-subhead {
grid-template-columns: 14% 84%;
}
.bg-red-text{
background: #f37c7c;	
max-width: 160px;
}
.finance-data.deflt-follow ul {
grid-template-columns: 8% 14% 18% 20% 20% 8% 12%;
padding: 0 5px;
}
.finance-data.deflt-follow ul.li-listing-ul li{
grid-template-columns: 8% 14% 18% 20% 20% 8% 12%;
display: grid;
padding: 0;
}
.finance-data.Securtiy-follow ul {
grid-template-columns: 8% 12% 16% 13% 18% 9% 12% 12%;
padding: 0 5px;
}
.finance-data.Securtiy-follow ul.li-listing-ul li{
grid-template-columns: 3% 8% 14% 15% 12% 13% 15% 10% 10%;
display: grid;
padding: 0;
}
.finance-data.follow-up-data ul {
grid-template-columns:3% 8% 14% 15% 12% 13% 15% 10% 10%;
padding: 0 5px;
}
.finance-data.follow-up-data ul.li-listing-ul li{
grid-template-columns:3% 8% 14% 15% 12% 13% 15% 10% 10%;
display: grid;
padding: 0;
}
.team_length.folow-up{
width: 75%;
}
.finance-data.follow-up-data ul.finanace-ul-subhead {
grid-template-columns: 8% 92%;
}
.follow-up-data .li-listing-ul p span {
color: #10b495;
font-size: 25px;
}
.follow-up-data .li-listing-ul p.center-check{
text-align: center;
}
.client-check{
text-align: right;
}
.client-check span{
padding-right: 15px;
}
.further-second-btns a.red-btn {
display: inline-block;
font-size: 13px !important;
line-height: 23px;
font-weight: 400;
}
.further-second-btns {
text-align: center;
}
.top-right-crt li .dollar-sign {
position: absolute;
top: 8px;
font-size: 13px;
left: 14px;
}
.top-right-crt li .input-dollar .dollar-sign {
position: absolute;
top: 8px;
font-size: 13px;
left: 10px;
}
.top-right-crt li.input-dollar, .top-right-crt li .input-dollar  {
position: relative;
}
.top-right-crt li.input-dollar input, .top-right-crt li .input-dollar input{
padding-left: 13px;
}

.top-right-crt li.input-dollar p, .top-right-crt li .input-dollar p{
padding-left: 13px;
}
.modal-main-full .top-right-crt li.input-dollar input, .modal-main-full .top-right-crt li .input-dollar input{
padding-left: 22px;
}
.manual-page .top-right-crt li.input-dollar input , .manual-page .top-right-crt li .input-dollar input{
padding-left: 19px;
font-size: 17px;
}
.finance-data ul.finanace-ul-subhead{
grid-template-columns: 8% 92%;
}
.top-right-crt li .input-dollar p .dollar-sign, .top-right-crt li.input-dollar p .dollar-sign{
left: 0px;
top: 5px;
}
.modal-main-full .top-right-crt p{
font-size: 13px;
}
.Ledger-popup .top-right-crt li .input-dollar p {
text-align: right;
}
.Ledger-popup .top-right-crt li.input-dollar h6 .dollar-sign, .Ledger-popup .top-right-crt li.input-dollar p .dollar-sign {
left: inherit;
top: inherit;
position: inherit;
padding-left: 0px;
}

.input-dollar.feild-input {
position: relative;
}
.input-dollar.feild-input .dollar-sign {
position: absolute;
left: 8px;
top: 11px;
color: #6b6767;
}
.input-dollar.feild-input input{
padding-left: 20px;
}
.input-dollar {
line-height: 30px;
display: inline-block;
}
/***************6 nov 2020******************/
.open-loan-rental table td{
position: relative;
}
.open-loan-rental table td .dollar-sign{
position: absolute;
left: 10px;
top: 7px;
color: #fc4242;
}
.faci-limt .doller:after {
font-size: 15px !important;
}
div.doller:after {
top: 3px !important;
padding: 2px 0 !important;
}
.dirfrm .doller:after {
top: 0px !important;
padding: 11px 0 !important;
font-size: 14px;
}
.open-loan-rental table td .dollar-sign i {
font-size: 14px;
}
.open-loan-rental td.red-text p {
display: inline-block;
padding-left: 12px;
}

.loan-ul-colom-three .input-dollar, .loan-ul-colom-three .input-parcantage, .third-crt-two .input-dollar{
position: relative;
}
.loan-ul-colom-three .input-dollar input{
padding-left: 5px;
}
.loan-ul-colom-three .input-dollar .dollar-sign{
position: absolute;
left: 9px;
top: 9px;
}
.create-loan-main .top-right-crt li .input-dollar input {
padding-left: 20px;
}
.loan-ul-colom-three .input-parcantage .paecantage-sign {
position: absolute;
left: 30%;
top: 5px;
font-weight: 800;
}
.third-crt-two .input-dollar input{
padding-left: 20px;
}
.third-crt-two .input-dollar .dollar-sign{
position: absolute;
left: 0px;
top: 6px;
display: flex;
flex-wrap: wrap;
}
.third-crt-two .input-dollar {
line-height: 28px;
display: inline-block;
}
.third-crt-two .input-dollar .dollar-sign i {
margin-top: 6px;
margin-right: 5px;
}
/*.third-crt-two .input-parcantage .paecantage-sign {
position: absolute;
right:0;
top: 5px;
font-weight: 800;
}*/
.input-parcantage span#annualCostRate {
position: relative;
top: 0px;
}
.third-crt-two .input-parcantage{
position: relative;
}
.second-crt-data .input-dollar input{
padding-left: 5px;
}
.second-crt-data .input-dollar .dollar-sign{
position: absolute;
left: 8px;
top: 12px;
}
.second-crt-data .input-dollar{
position: relative;
}
.security-modal .top-right-crt ul li{
display: block;
}
.security-modal .top-right-crt ul li h6{
text-align: right;
padding-right: 20px;
margin-top: 6px;
}
/* .right-see-btn {
position: absolute;
right: -115px;
} */
.manual-payment .ul-data {
position: relative;
}
#paymentschedule_modal .modal-body button {
display: block;
margin: 0 auto 30px;
max-width: 270px;
width: 100%;
}
.navbar_btn_body .notes_outer_body {
width: 350px !important;
}
.loancal-data {
height: 400px;
overflow: auto;
}
.create-loan-main .prtl-body-inner {
height: 400px;
overflow: auto;
}
.dropdown-toggle.bg-text {
background: #b1b1b1 !important;
color: #000 !important;
text-align: center;
border-radius: 3px !important;
width: 100% !important;
max-width: 120px;
height: 35px !important;
margin: 8px auto 8px;
padding: 0px 0px 3px !important;
font-size: 18px !important;
line-height: 4px;
transition: 0.5s;
cursor: pointer;
border-color: #b1b1b1;
font-weight: 500;
}
.dropdown-toggle.bg-text:hover {
background: #eec291 !important;
color: #000 !important;
border-color: #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.action-btn-toggle {
text-align: center;
}
.action-btn-toggle .dropdowan-img {
text-align: center;
width: auto;
background: #f1f2bb;
margin: 0 auto;
display: flex;
border-radius: 5px;
}
.action-btn-toggle.show .dropdown-menu {
transform: none !important;
top: 22px!important;
position: relative;
background: transparent !important;
overflow: visible;
}
body .dropleft .dropdown-menu {
bottom: 0 !important;
right: 0;
left: auto !important;
margin-top: 23px !important;
margin-right: 7px;
}
.action-btn-toggle.show .dropdown-menu:before {
position: absolute;
content: "";
top: -9px;
width: 0;
height: 0;
border-bottom: 10px solid #f1f2bb;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
right: 0;
}
.action-btn-toggle .dropdown-item{
min-width: auto;
}
.action-btn-toggle .dropdown-menu {
padding: 0;
}
.action-btn-toggle .dropdown-item:hover, .action-btn-toggle .dropdown-item:focus{
background: #eec291 !important;
border-radius: 5px;
}
.action-btn-toggle .dropdowan-img .dropdown-item{
padding: 5px 10px;
}
.dropdowan-img img {
width: 34px !important;
height: auto !important;
max-width: initial;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #000 !important;
background: #eec291;
}

div#addmorefeeli span.cross_icon.assets {
left: -10px;
top: -2px;
cursor: pointer;
}
div#addmorefeeli {
position: relative;
}
.fourth-crt-data input {
padding-left: 5px;
}
.create-loan-main .first-crt-data, .create-loan-main .second-crt-data, .create-loan-main #form_bsb {
padding-left: 30px;
position: relative;
}
.create-loan-main .third-crt-one {
padding: 0 40px 0 30px;
}
.addpayeeclass {
margin-left: 35px !important;
margin-bottom: 15px;
}
.body_page_inner.create_loan_body {
position: relative;
}
/* .action-missed .finance-data ul.finance-head {
grid-template-columns: 12% 12% 14% 14% 12% 12% 12% 12%;
padding: 0 5px;
} */
.action-missed .finance-data ul.finance-head {
grid-template-columns: 20% 20% 20% 20% 20%;
padding: 0;
}
.action-missed .finance-data ul.li-listing-ul li {
/* grid-template-columns: 12% 12% 14% 14% 12% 12% 12% 12%; */
grid-template-columns: 20% 20% 20% 20% 20%;
display: grid;
padding: 0;
}
.center-action {
max-width: 80%;
margin: 0 auto;
padding-bottom: 25px;
}
.action-missed .finance-data ul.finanace-ul-subhead {
grid-template-columns: 100%;
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}
.action-missed .finance-data ul.ul-second {
grid-template-columns: 100%;
}
.center-btn {
text-align: center;
margin-top: 15px;
}
.action-drop {
margin: 0;
}
.action-missed .finance-data ul.ul-second li {
grid-template-columns: 37% 59%;
display: grid;
line-height: 35px;
grid-column-gap: 40px;
}
.action-radio {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.action-radio .form-check {
margin-right: 35px;
}
.action-radio .form-check input {
width: 25px;
height: 25px;
}
.center-action .form-check-input {
margin-left: 0;
}
.center-action .form-check-label {
padding-left: 40px;
margin-bottom: 0;
cursor: pointer;
}
.dolor-input {
position: relative;
}
.dolor-finance {
position: absolute;
top: 0;
left: 5px;
}
.dolor-input input {
width: 100px;
padding-left: 15px;
}
.action-missed .finance-data ul.ul-second li h6.red-heading {
line-height: 35px;
text-align: right;
}
.check-li .form-check {
text-align: right;
}
.center-action .form-check-input {
margin-left: 0;
}
.center-action .label-text .form-check-label {
padding-left: 0px;
}
.modal-main-full#statement_detaildata .modal-dialog {
max-width: 1100px;
margin: 30px auto;
}
.statementview-title p {
margin-bottom: 3px;
}
.inner-staementview h5, .inner-staementview p {
text-align: left;
}

.viewstatement-data ul {
list-style: none;
padding: 0;
border: 1px solid #7dc6e8;
}
.viewstatement-data .statement-data-one li{
display: grid;
grid-template-columns: 50% 50%;
border-bottom: 1px solid #7dc6e8;
}
.viewstatement-data .statement-data-one li:last-child{
border: 0;
}
.statement-data-one li p {
background: #d4eaf4;
color: #000;
margin: 0 ;
padding: 8px 15px;
text-align: right;
line-height: 30px;
}
.statement-data-one li input {
height: 45px;
margin: 0;
border: 0;
padding-left: 20px;
}
.viewstatement-data .statement-data-one.second li{
display: grid;
grid-template-columns: 65% 35%;
border-bottom: 1px solid #7dc6e8;
}
.viewstatement-data.second{
max-width: 80%;
}
.viewstatement-data .statement-data-one.second li:last-child{
border: 0;
}
.viewstatement-data.second h5, .viewstatement-data.third h5{
margin-top: 20px;
}
.viewstatement-data.third th,.viewstatement-data.third td{
padding: 5px;
border: 1px solid #7dc6e8;
height: 35px;
text-align: center;
}
#statement_detaildata .clone-body {
margin: 0px auto 0px;
}

.note-title-right-data ul {
margin: 0 0 0 15px;
padding: 0;
display: flex;
list-style: none;
}
.notes_title_head.loanstree-head-title{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.note-title-right-data ul li {
display: flex;
flex-wrap: wrap;
padding: 0 10px;
font-size: 17px;
line-height: 45px;
align-items: center;
}
.note-title-right-data ul li p{
margin-bottom: 0;
font-weight: 700;
}
.note-title-right-data ul li p span {
font-size: 20px;
margin-right: 5px;
line-height: 25px;
}
.center-subhead {
text-align: left;
}
.scroll_tab p {
margin-bottom: 0px;
}
.folow-radio-iner {
display: flex;
margin-top: 12px;
flex-wrap: wrap;
}
.folow-radio-iner .form-check {
margin-left: 20px;
margin-right: 25px;
margin-top: 7px;
}
.folow-radio {
margin-top: 0px;
font-size: 18px;
font-weight: 700;
}
.folow-radio-iner .form-check .form-check-label{
padding-left: 10px;
font-size: 16px;
}
.folow-date {
max-width: 150px;
margin-right: 15px;
}
.security-cenetr-btn{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.security-cenetr-btn .red-btn{
height: auto;
height: 38px !important;
margin: 0 10px;
}
.removepp:hover {
background: #f55b5c;
}
.removepp {
cursor: pointer;
}
section.forget-pasword {
background: linear-gradient(to bottom, #889199 0%,#fcfcfc 100%) !important;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
section.forget-pasword form {
text-align: center;
margin-top: 50px;
background: #fff;
padding: 50px 0px ;
box-shadow: 0px 7px 7px 2px #00000047;
border-radius: 18px;
margin: 0 auto;
width: 800px;
height: 700px;
}
.forget-img {
max-width: 80%;
margin: 0 auto;
}
.forget-img span {
height: 100px;
width: 100px;
background: #e2f1af;
border-radius: 50%;
display: table;
margin: 0 auto 30px;
}
.forget-img span i {
font-size: 50px;
display: table-cell;
vertical-align: middle;
}
.forget-img h2 {
margin-bottom: 15px;
color: #0f4af4;
font-weight: 700;
}
.forget-img p {
margin-bottom: 10px;
}
section.forget-pasword form input {
width: 100%;
height: 70px;
border: 1px solid #cdcdcd !important;
text-align: left;
background: #fff;
margin-top: 10px;
color: #000;
border-radius: 10px;
font-size: 21px;
}
section.forget-pasword form input:hover{
background: #FFF;
border: 1px solid #cdcdcd !important;
color: #000;
font-size: 21px;
}
.forget-img button {
width: 100%;
cursor: pointer;
height: 60px;
margin-top: 10px;
background: #0f4af4;
color: #fff;
font-size: 20px;
}

.btn-outline-primary:hover {
color: #000;
background: linear-gradient(to bottom, #889199 0%,#fcfcfc 100%) !important;
border: none;
}
.btn-primary.focus, .btn-primary:focus {
border: 1px solid transparent !important;
outline: none !important;
box-shadow: none;
}
p.red-close {
text-align: center;
color: red;
cursor: pointer;
}

.provider-editor .folow-radio-iner p.red-close i {
font-size: 25px;
margin-top: 8px;
margin-right: 15px;
}
.follow-up-data .li-listing-ul p.red-close span {
color: red;
}
.top-right-crt li .action-drop select {
font-size: 16px;
color: #333;
max-width: 230px;
width: 100%;
padding-left: 5px;
border-radius: 0;
}
.team_length.action-missed {
height: 100%;
max-height: 740px;
margin-bottom: 30px;
overflow: auto;
}
p.hov:hover {
cursor: pointer;
color: #eec291;
}
.finanace-ul-subhead h6 {
font-size: 17px;
font-weight: 500;
background: #ddd;
padding: 10px;
}
.print-btn button{
margin:0 5px;
}
.print-btn {
text-align: center;
display: flex;
justify-content: center;
}

.viewstatement-data li {
line-height: 38px;
}
/*.Ledger-popup .top-right-crt {
height: 600px;
overflow: auto;
}*/
.statement-view {
height: 700px;
overflow: auto;
}

/***************** Business report css  ******************/
.team_length.business-report {
width: 80%;
}
.rpt-serch {
max-width: 400px;
margin: 0 auto;
position: relative;
width: 100%;
}
.rpt-serch input {
height: 45px;
border-radius: 0;
border: 1px solid #454545;
}
.btn.rpt-search-btn{
position: absolute;
right: 0;
top: 0;
background: transparent;
width: auto;
height: auto;
cursor: pointer;
}

.btn.rpt-search-btn:focus{
box-shadow: 0 0 0 0 transparent;
}
.business-cln{
background: #e9e9e9;
padding:0 15px 20px 15px;
margin-top: 30px;
}
.business-cln h4{
font-weight: 500;
font-size: 23px;
margin-left: 5px;
padding-top: 30px;
}
.inner-blocks-cln ul{
list-style: none;
padding-left: 0;
margin:0;
}
.inner-blocks-cln li a {
background: #eeef9d;
width: 100%;
color: #000;
display: flex;
border-radius: 50px;
padding: 7px 15px;
font-size: 18px;
justify-content: space-between;
margin-top: 10px;
line-height: 18px;
}
ul.finanace-ul-subhead.dummy_heading li h6 {
background: transparent;
text-align: center;
}
.business-teamnote{height: auto;}
.finance-page {
height: 100%;
height:900px;
}
.busines-rpt-top{
height: 100%;
max-height: 900px;
overflow: auto;	
}
.busines-rpt-top.bs-report {
overflow: visible;
height: 50vh;
max-height: initial;
display: grid;
}
.business-report .bg-white {
background: #fff;
padding: 20px 20px 30px;
position: relative;
width: 100%;
margin: 0 auto;
}
.business-next .next-ul {
list-style: none;
margin: 0;
padding: 0;
}
.btn.focus, .btn:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0px none;
box-shadow: 0 0 0 0px none;
}
.business-next {
display: grid;
grid-template-columns: 20% 37% 20% 20%;
grid-gap: 1%;
}
.business-next .next-ul li{
padding: 0 10px;
}
.business-next .li-grid-rpt {
display: grid;
grid-template-columns: 100%;
}
.business-next .next-ul li select, .business-next .next-ul li input {
width: 100%;
height: 45px !important;
border-radius: 0;
border: 1px solid #a9a9a9;
padding-left: 5px;
margin-bottom: 0;
border-radius: 3px;
}
.li-grid-rpt.third-grid {
grid-template-columns: 50% 50%;
left: 15px;
position: relative;
}
.li-grid-rpt.third-grid .swpe-toogle span {
display: grid;
grid-template-columns: 0 24% 28%;
margin-top: 15px;
}
.business-next .next-ul li .swpe-toogle input {
height: auto !important;
}
.swpe-toogle label {
cursor: pointer;
text-indent: -9999px;
width: 60px;
height: 18px;
background: #ffffff;
border: 1px solid #c1c1c1;
display: block;
border-radius: 100px;
position: relative;
margin-top: 5px;
}
.swpe-toogle label:after {
content: '';
position: absolute;
top: -7px;
left: 0px;
width: 30px;
height: 30px;
background: #03aec4;
border-radius: 90px;
transition: 0.3s;
}
.swpe-toogle input:checked + label:after {
left: calc(100%);
transform: translateX(-100%);
}
.li-grid-rpt.third-grid .swpe-toogle span p {
text-align: left;
font-size: 15px;
margin: 3px 0 0 30px;
color: #bfbfbf;
}
.settingsonoff .active {
color: black !important;
}

.st-btn {
margin-top: 30px;
}
.swpe-toogle input:checked + label {
background: #c2f7fe;
}
li.setting-btn a {
color: #e67265;
font-size: 22px;
text-decoration: underline !important;
font-weight: 500;
}
.business-setting{
padding:30px;
}
.business-setting h4{
font-size: 28px;
}
.setting-checkbox h5{
color: #e67265;	
font-size: 22px;
margin-top: 25px;
}
.setting-checkbox ul{
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
padding: 0;
}
.setting-checkbox .form-check-input {
margin-top: 5px;
height: 22px;
width: 22px;
position: relative;
margin-left: 0;
margin-right: 5px;
top: 3px;
}
.setting-checkbox .form-check-label {
padding-left: 0;
margin-bottom: 0;
cursor: pointer;
font-size: 19px;
}
.setting-checkbox li{
margin-right: 30px
}
.setting-btn {
text-align: center;
display: grid;
grid-template-columns: 100%;
grid-gap: 15px;
}
.setting-btn button {
height: 45px !important;
width: 100%;
max-width: 140px;
font-size: 16px !important;
}
.setting-table .table-bordered {
border: 0;
}
.setting-table table th {
border: 0;
text-align: center;
background: #e4e4e4;
padding: 10px;
font-weight: 700;
}
.setting-table table td {
border: 0;
text-align: center;
}
.setting-table table tr:nth-child(even){
background: #f4f4f4;
}
.scrol-loan-rent .loan-inner-heading {
position: relative;
color: #000;
}
.scrol-loan-rent .loan-inner-heading:before {
position: absolute;
bottom: -5px;
left: 12px;
height: 1px;
width: 140px;
margin: 0 auto;
content: "";
background: #000;
}
.scrol-loan-rent .loan-inner-heading.opn-acnt:before {
width: 128px;
}
.seting-areatb {
display: grid;
margin-top: 15px;
grid-template-columns: 19% 19% 19% 19% 20%;
max-width: 100%;
grid-column-gap: 1%;
grid-row-gap: 5px;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(19, 24, 44, .125);
border-radius: 0.25rem;
}
.seting-areatb .card {
background: transparent;
border: 0;
}
.business-tabclint .card {
margin-bottom: 10px;
}
.business-tabclint .card-header {
position: relative;
padding: 5px 7px;
border-radius: 3px;
border: 1px solid #a9a9a9;
}
.tiles-outer {
display: flex;
}
.tiles-outer h2 {
font-size: 15px;
line-height: 35px;
}
.business-tabclint .card-header h2 button {
font-size: 16px;
margin: 0;
padding: 0;
height: auto;
cursor: pointer;
color: #000;
display: inline-block;
}
.business-tabclint .card-header h2 button:hover, .business-tabclint .card-header h2 button:active, .business-tabclint .card-header h2 button:focus {
text-decoration: none;
box-shadow: 0 0 0 0px transparent;
}
.business-tabclint .card-header .up_down_icon {
position: absolute;
right: 5px;
top: 12px;
}
.up_down_icon span {
font-size: 25px;
line-height: 15px;
color: #000;
margin-right: 5px;
cursor: pointer;
}
.scroll-ul-list {
height: 100%;
max-height: 320px;
overflow: auto;
}
.update-scroll-ul-list {
max-height: 750px !important;
}
.agreement_details {
height: 100%;
max-height: 760px;
overflow: auto;
margin-bottom: 20px !important;
}
.clr-btns {
display: flex;
justify-content: space-between;
margin-top: 5px;
}
.tool_tip {
position: relative;
border-bottom: 1px dotted black;
min-height: 260px;
}
.powered-by.header {
text-align: center;
margin-right: 15px;
}
.powered-by.header p{
margin-bottom: 0;
font-size: 16px;
}
.powered-by.header a {
border-left: 1px solid #000;
padding: 0 10px;
color: #337ab7;

}
@keyframes blink {  
0% { color: #ff0000; }
20% { color: #f81c1c; }
40% { color: #f93e3e; }
60% { color: #fb7171; }
80% { color: #eb2c2c; }
100% { color: #ff0000; }
}
@-webkit-keyframes blink {
0% { color: #ff0000; }
20% { color: #f81c1c; }
40% { color: #f93e3e; }
60% { color: #fb7171; }
80% { color: #eb2c2c; }
100% { color: #ff0000; }
}
.powered-by.header .blink {
-webkit-animation: blink 2.5s linear infinite;
-moz-animation: blink 2.5s linear infinite;
animation: blink 2.5s linear infinite;
margin-right: 0px;
font-size: 90px;
line-height: 0px;
position: relative;
top: -3px;
margin-top: -5px !important;
display: inline-block;
} 

@keyframes blink-second {  
0% { color: #ff0000; }
20% { color: #f81c1c; }
40% { color: #f93e3e; }
60% { color: #fb7171; }
80% { color: #eb2c2c; }
100% { color: #ff0000; }
}
@-webkit-keyframes blink-second {
0% { color: #ff0000; }
20% { color: #f81c1c; }
40% { color: #f93e3e; }
60% { color: #fb7171; }
80% { color: #eb2c2c; }
100% { color: #ff0000; }
}
.powered-by.header .blink-second {
-webkit-animation: blink 2.5s linear infinite;
-moz-animation: blink 2.5s linear infinite;
animation: blink 2.5s linear infinite;
margin-right: 5px;
font-weight: 700;
font-size: 16px;
margin-top: -5px !important;
} 

.dropbtn {
border: none;
padding: 0 3px;
}
.dropdown-power {
position: relative;
display: inline-block;
}
.dropdown-power-content {
display: none;
position: absolute;
background-color: #fff;
min-width: auto;
box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 20%);
z-index: 1;
top: -41px;
padding: 1px 0px;
border-radius: 5px;
margin: 0 33px;
}
.dropdown-power-content.header-area {
top: 40px;
}
.dropdown-power-content.header-area.dropdown_Blockchain{
top: 35px;
left: 0;
margin: 0;
width: 135px;
}

.dropdown-power-content a {
color: #000 !important;
display: block;
border-bottom: 1px solid #0000001f;
text-align: left;
border-left: none !important;
font-size: 13px;
padding: 2px 10px !important;
}
.dropdown-power-content a:nth-child(2) {
border-bottom: none;
}

.dropdown-power:hover .dropdown-power-content {display: block;}

.logo-nav .logo {
display: flex;
flex-wrap: wrap;
}
.after-login.header-part2 .logo-port{
display: flex;
flex-wrap: wrap;	
}
.notes_top_left {
display: flex;
flex-wrap: wrap;
}
.logo-nav .header-right-cont {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 10px;
}
.outer-header-div {
display: flex;
justify-content: space-between;
align-items: center;
}
.update_header_heading {
font-size: 27px;
margin-bottom: 0;
width: 100%;
max-width: 500px;
text-align: right;
}
.logo-nav .header-right-cont .active .nav-link {
padding: 2px 10px;
background: #dbd40a;
color: #fff!important;
font-size: 13px;
}
.logo-nav .header-right-cont .nav-link {
padding: 4px 12px !important;
font-size: 14px;
color: #222;
}
.before_footer .powered-by.header a {
color: #000;
font-weight: 500;
}
.logout-nav a {
background: #b1b1b1;
padding: 5px 12px 6px 13px;
font-weight: 500;
color: #000 !important;
border-radius: 5px;
font-size: 18px !important;
margin-left: 15px;
transition: 0.5s;
}
.logout-nav a:hover {
background: #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}

.static_box_input img.calculator_dollar {
height: 15px;
width: auto;
position: absolute;
top: 9px;
left: 7px;
}
.businesscalc-btn-top h3{
text-align: center;
font-size: 25px;
font-weight: 700;
}
.businesscalc-btn-top .nav-tabs {
border-bottom: 0;
justify-content: left;
}
.businesscalc-btn-top .nav-tabs .nav-item {
margin-bottom: 0px;
margin: 5px 15px 0 0;
}
.businesscalc-btn-top .nav-tabs .nav-item .nav-link {
font-size: 16px;
font-weight: 600;
padding: 10px 35px;
border-radius: 6px 6px 0 0;
background: #b1b1b1;
}
.businesscalc-btn-top .nav-tabs .nav-link {
border: 0;
cursor: pointer;
border-radius: 5px;
}
.businesscalc-btn-top .nav-tabs .nav-item.show .nav-link, .businesscalc-btn-top .nav-tabs .nav-link.active{
background: #f3f5a1;
color: #000!important;
}
.caluculator_provider_loan {
background: #e6e6e6;
padding: 25px;
border-radius: 10px;
height: 100%;
min-height: 400px;
}
.business_cal_inner {
padding: 30px;
}
.business_cal_box {
background: #f4f3f3;
border-radius: 0 0 10px 10px;
height: 70vh;
}
.business_cal_box .business_cal_inner {
height:68vh;
overflow: hidden;
}
.third-crt-data .full li, .third-crt-data .full li p {
font-weight: 700;
font-size: 14px;
}
.providerplus-radio {
display: flex;
flex-wrap: wrap;
padding-left:10px;
}
.providerplus-radio .form-check{
margin-right: 50px;
margin-left: 10px;
}
.providerplus-radio .form-check-label {
padding-left: 5px;
}
.clce-two {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 50px;
}
.clce-two.white-lbl-clce {
    grid-template-columns: 1fr 1fr 1fr;
}
.clce-two.ln-tp{
grid-template-columns: 37% 60%;  
grid-column-gap: 15px;
}
.providerplus-calc ul.schedule-data-head {
max-width: 100%;
grid-template-columns: 10% 10% 23% 20% 20% 17%;
background: #eeef9d;
display: grid;
text-align: center;
list-style: none;
margin: 20px 0 0;
padding: 5px 0;
border-radius: 10px 10px 0 0;
}
.providerplus-calc ul.schedule-data-head h6 {
color: #000;
margin: 0;
padding: 10px 5px;
font-weight: 700;
font-size: 17px;
}
.providerplus-calc ul.schedule-data-detail {
margin: 0;
padding: 0;
box-shadow: 0px 8px 9px -4px #d3d3d3;
max-height: 200px;
overflow: scroll;
padding-bottom: 20px;
}
.providerplus-calc ul.schedule-data-detail::-webkit-scrollbar{
-webkit-appearance: none;
width: 7px !important;
}
.providerplus-calc ul.schedule-data-detail::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.providerplus-calc ul.schedule-data-detail li{
max-width: 100%;
grid-template-columns: 10% 10% 23% 20% 20% 17%;
display: grid;
background: #f3f3f3;
text-align: center;
margin-top: 6px;
list-style: none;
}
.business_form_right {
background: #e6e6e6;
border-radius: 10px;
padding: 30px;
margin-top: 20px;
}
.business_cal_inner form {
margin: 0;
}
.providerplus-calc ul.schedule-data-detail li:nth-child(even){
background: #f3f3f3;
}
.providerplus-calc ul.schedule-data-detail p{
color: #000;
margin: 0;
font-weight: 600;
padding: 10px 5px;
font-size: 16px;
}
.disbursement-top {
display: flex;
justify-content: space-between;
}
.reqest-head {
margin-bottom: 15px;
}
.calculator_data.pymnt-rqt {
max-width: 80%;
margin: 0 auto;
}
.reqest-srch p {
font-size: 18px;
font-weight: 700;
}
.reqest-srch p {
margin-right: 10px;
}
.reqest-srch input {
width: 100% !important;
height: 45px !important;
max-width: 300px;
}

.reqest-second {
display: flex;
justify-content: space-between;
}
.reqest-srch {
width: 50%;
}
.pymnt-detil-head ul, .pymnt-detil-dta ul {
list-style: none;
display: grid;
max-width: 100%;
grid-template-columns:10% 14% 12% 20% 13% 12% 11% 3%;
text-align: center;
column-gap: 11px;
padding: 0;
}
.pymnt-detil-head ul li{
background: #9db7c4;
padding: 8px 5px;
font-size: 18px;
height: 40px;
line-height: 25px;
font-weight: 700;
border-radius: 5px;
}
.pymnt-detil-head ul li:last-child{
background: transparent;
}
.pymnt-detil-dta ul li{
background: #fff;
font-weight: 600;
padding: 8px 5px;
font-size: 18px;
height: 40px;
line-height: 25px;
border-radius: 5px;
}
.pymnt-detil-dta ul{
margin-bottom: 8px;
}
.pymnt-detil-dta ul li:last-child{
background: transparent;
text-align: left;
}
.pymnt-detil {
margin-top: 15px;
background: #c2d6df;
padding: 15px;
}
.pymnt-detil-dta ul li.view-btnli{
background: transparent;
height: auto;
padding: 0;
}
.view-btnli .button-grn{
width: 100%;
font-size: 18px;
font-weight: 700;
}
.pymnt-detil-dta li a span{
font-size: 18px;
}
.pymnt-pagi{
text-align: center;
}
.pymnt-pagi .pagination{
margin-top: 20px;
justify-content: center;
}
.pymnt-pagi .pagination li a {
padding: 18px 20px;
line-height: 4px;
color: #418bca;
font-size: 17px;
font-weight: 600;
}
.pymnt-pagi .pagination li.active{
background: #418bca;
color: #fff;
}
.reqest-pymtbtn {
padding-right: 95px;
}
.home_btn_preview a.home_preview {
padding: 6px 20px;
border-radius: 5px;
background: #b1b1b1;
display: flex;
color: #000;
font-weight: 500;
}
.right-logout {
text-align: right;
margin: 15px 30px;
}
.blue-bg-btn.log_out_btn span:hover{
background: transparent !important;
}
.three-btn .blue-bg-btn {
background: #b1b1b1;
color: #000;
padding:14px 35px 9px;
display: inline-block;
font-size: 20px;
font-weight: 700;
border: 0;
border-radius: 5px;
cursor: pointer;
margin:30px 15px;
width: 250px;
}
.three-btn .blue-bg-btn:hover{
background: #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.three-btn {
display: flex;
justify-content: center;
align-items: center;
}
.three-btn a.blue-bg-btn {
margin:30px 15px;
padding: 10px 50px;
}
.two-btn a.blue-bg-btn {
margin: 20px 10px;
padding: 10px 25px;
max-width: 230px;
background: #b1b1b1;
display: inline-block;
width: 100%;
font-weight: 500;
border-radius: 5px;
color: #000;
}
.two-btn a.blue-bg-btn:hover{
background: #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.lw-firm h2{
font-weight: 700;
margin-top: 5px;
}
.lw-search {
display: flex;
justify-content: center;
align-items: baseline;
position: relative;
}
.lw-search input{
    width: 100%; 
}
.updateSerchData {
    width: 100%;
    max-width: 500px !important;
    border-radius: 25px !important;
    border: 1px solid #00000008;
    box-shadow: 0px 0px 12px #0000007a;
    position: relative;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    height: 55px;
    align-items: center;
}
.updateSerchData input{
    background: transparent !important;
    box-shadow: none !important;
    margin:  0 !important;
    border: none !important;
    padding: 0px 25px;
}

.updateSerchData .update_search{
    position: absolute;
    right: 5%;
    top: 14px;
}
.lw-search p {
margin-right: 10px;
font-weight: 700;
font-size: 18px;
margin-top: 4px;
}
.lw-tble ul {
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 5px;
display: grid;
list-style: none;
padding: 0;
margin: 0;
}
.after_login .lw-tble ul {
grid-template-columns:10% 20% 15% 18% 15% 20%;
}
.lw-tble.matter ul {
grid-template-columns: 22% 20% 22% 17% 16%;
grid-column-gap: 10px;
}
.lw-tble.invoice ul {
    grid-template-columns: 17% 15% 10% 13% 13% 11% 6% 10% !important;
}
.lw-search.after_login-srch{
display: inline-block;
position: relative;
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.lw-search.after_login-srch .activity-aa {
position: absolute;
right: 10px;
top: 13px;
}
.lw-search.after_login-srch .lw-tbl-scrol #lawfirm_select {
height: 400px !important;
width: 250px !important;
border-radius: 10px;
border: 1px solid #ddd !important;    
background: #fff;
overflow: auto;
}
.lw-search.after_login-srch .lw-tbl-scrol #lawfirm_select a{
display: inline-block;
width: 100%;
padding: 8px;
}
.lw-firm .lw-search.after_login-srch{
display: inline-block;
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.lw-firm .lw-search.after_login-srch span{
position: absolute;
right: 25px;
top: 15px;
}
.lw-firm .lw-search.after_login-srch input {
width: 100%;
max-width: inherit;
}
.lw-search.after_login-srch .lw-tbl-scrol #lawfirm_select a:hover{
background: #ddd;
}
.lw-search.after_login-srch .lw-tbl-scrol {
max-height: 68vh;
overflow: auto;
min-height: auto;
position: absolute !important;
top: 50px !important;
background: transparent;
}
.lw-search.after_login-srch input {
    width: 250px;
    max-width: inherit;
    border-radius: 25px !important;
    height: 55px;
    font-weight: 400 !important;
    display: inline-block;
    margin-right: 0 !important;
    padding: 0px 25px !important;
}
.lw-tble {
background: #f9fae2;
padding: 10px;
box-shadow: 0px 6px 8px 1px #ccc;
border-radius: 5px;
}
.lw-tble ul.lw-tbl-head {
font-weight: 700;
color: #000;
background: #eeef9d;
padding: 8px;
font-size: 18px; 
}
.lw-tble ul.lw-tbl-data{
background: #e6e6e6;
padding: 6px;
margin-top: 6px;
}
.lw-tbl-data li {
font-size: 18px;
}

/* .lw-firm .lw-tbl-data li:first-child, .lw-firm .lw-tbl-data li:last-child {
text-align: right;
padding-right: 30px;
} */
.lw-firm .lw-tbl-data li:nth-child(2), .lw-firm .lw-tbl-data li:nth-child(3), .lw-firm .lw-tbl-data li:nth-child(4) {
text-align: center;
padding-left: 00px;
}
.lw-firm .lw-tble ul.lw-tbl-head li:nth-child(2), .lw-firm .lw-tble ul.lw-tbl-head li:nth-child(3), .lw-firm .lw-tble ul.lw-tbl-head li:nth-child(4){
text-align: center;
padding-left: 00px;
}
/* .lw-firm .lw-tble ul.lw-tbl-head li:first-child, .lw-firm .lw-tble ul.lw-tbl-head li:last-child{
text-align: right;
padding-right: 30px;
} */
.lw-firm .lw-tble.aba ul.lw-tbl-head li{
padding-right: 15px;
}
.lw-firm .lw-tble.aba ul.lw-tbl-head li:nth-child(2), .lw-firm .lw-tble.aba ul.lw-tbl-head li:nth-child(3), .lw-firm .lw-tble.aba ul.lw-tbl-head li:nth-child(4) {
padding-left: 15px;
}
.matter-outer .lw-tble ul.lw-tbl-data li:nth-child(3) {
text-align: center;
padding-left: 0px;  
padding-right: 0;
}
.matter-outer .lw-tble ul.lw-tbl-data li:nth-child(1),.matter-outer .lw-tble ul.lw-tbl-data li:nth-child(2){
text-align: left;
padding-left: 0px;  
padding-right: 0;
}
 .matter-outer .lw-tble ul.lw-tbl-data li:nth-child(4){
text-align: end;
padding-right: 0px;  
left: 0;
}
.matter-outer .lw-tble ul.lw-tbl-head li{
text-align: center !important;
padding-left: 15px !important; 
padding-right: 15 !important;
}
.lw-tble.py-detail ul {
grid-template-columns:6% 5% 7% 8% 8% 7% 11% 7% 6% 10% 6% 10% 4%;
grid-column-gap:6px;   
padding: 0;
background: transparent;
}
.lw-tble.py-detail ul.lw-tbl-data{
background: transparent;
position: relative;
}
.lw-tble.py-detail ul li{
padding: 0;
text-align: center;
background: transparent;
}

.lw-tble.py-detail .lw-tbl-head li{
font-size: 13px;
background: #628cb2	;
padding: 0;
line-height: 30px;
border-radius: 3px;
}
.view-btn a {
background: #b1b1b1;
width: 100%;
font-weight: 700;
display: inline-block;
color: #000;
}

.view-btn.urgent-red a{
background: red;
color: #fff;
}
.lw-tble.py-detail .lw-tbl-data li{
font-size: 13px;
background: #fff;
padding: 0;
border-radius: 3px;
line-height: 30px;
}
.lw-tble.py-detail .lw-tbl-data li.editli {
background: transparent ;
position: absolute;
right: 0;
}
.pay-pagination .pagination {
justify-content: center;
margin-top: 30px;
}
.provider-loan .loan-inner-heading {
text-align: center;
color: #000;
padding: 0;
font-size: 28px;
position: relative;
}
.pay-scnd-row .lw-search {
width: 100%;
max-width: 400px;
}

.lw-tble.payee ul {
grid-template-columns:22% 23% 23% 25% 3%;
grid-column-gap: 10px;
padding: 0;
background: transparent;
}
.payee-pop-dta ul{
grid-template-columns:36% 60%;
grid-column-gap: 20px;
display: grid;
}
.lw-tble.payee .lw-tbl-head li {
font-size: 15px;
background: #628cb2;
padding: 0;
line-height: 40px;
border-radius: 3px;
}
/* 12-01-2022 .payee-popup .modal-header {
display: inline-block;
border: 0;
text-align: center;
} */
.payee-popup .modal-header {
display: inline-block;
border: 0;
text-align: center;
padding-bottom: 0;
}
.payee-popup .modal-body {
padding-top: 5px;
}
.payee-popup .modal-header h2{
font-size: 28px;
}
/* 12-01-2022 .payee-popup .modal-header button {
float: right;
top: 20px;
position: absolute;
right: 20px;
} */
.payee-popup .modal-header button {
/* float: right; */
/* top: 20px; */
/* position: absolute; */
/* right: 20px; */
margin-bottom: 0 !important;
margin-right: 10px;
}
.Loanextdta .invoice-box span.amt-sub {
display: flex;
}
.matters_show tbody tr {
grid-template-columns: 100% !important;
}
.payee-pop-dta li p {
background:#eced9c;
text-align: right;
padding: 8px 15px;
color: #000;
margin: 0;
font-weight: 700;
font-size: 16px;
border-radius: 5px;
}
.payee-pop-dta {
padding: 0 40px 0;
}
.paye-second-rw .btn-primary.red-btn{
padding: 0 35px !important;
}
.info-drop {
display: inline-block;
background: #f7ac06;
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
color: #fff;
font-size: 16px;
padding: 10px;
right: -55px;
top: -18px;
}
.info-drop:before {
content: "";
position: absolute;
top: 75%;
left:8%;
border: 13px solid transparent;
border-top: 15px solid #f7ac06;
}
p.outer-p {
position: absolute;
left: -85px;
color: #f7ac06;
border-color: #f7ac06;
padding: 0px 17px;
border-style: double;
font-size: 15px;
line-height: 26px;
font-weight: 700;
}
.payee-popup .modal-dialog {
max-width: 750px;
margin: 30px auto;
}
.lw-tble.payee .lw-tbl-head li:last-child{
background: transparent;
}
.form-group.payee-src span {
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
}
.add-plus a i {
font-size: 38px;
color: #3cbe8b;
margin-top: 5px;
}
.form-group.payee-src {
position: relative;
margin: 0;
}
.payee-pop-dta ul{
list-style: none;
margin: 0 0 10px;
padding: 0;	
}
.payee-footer button.red-btn {
padding: 9px 45px !important;
font-size: 16px !important;
border-radius: 5px !important;
}
.form-group.payee-src input {
height: 42px;
}
.lw-tble.payee .lw-tbl-data li{
font-size: 15px;
background: #fff;
padding: 0;
border-radius: 3px;
line-height: 40px;
}
.lw-tble.payee .lw-tbl-data li:last-child{
background: transparent;
}
.provider-loan .loan-inner-heading:before {
position: absolute;
bottom: -5px;
left: 0;
right: 0;
height: 1px;
width: 150px;
margin: 0 auto;
content: "";
background: #000;
}
.notes_body_outer.w-6 {
width: 75% !important;
}
.iner-two-vcal:last-child label {
text-align: right;
padding-right: 15px;
}
.left_form_business_type.vcl-two {
grid-template-columns: 59% 40% !important;
}
.iner-two-vcal {
display: grid;
grid-template-columns: 45.5% 51%;
}
.clce-two .iner-two-vcal {
display: grid;
grid-template-columns: 1fr 1fr;
}
.editor_notes.provider-editor {
margin-top: 20px!important;
width: 100%;
margin: auto;
background: #fff;
padding: 30px;
}
.provider-noteouter .editor_notes.provider-editor {
height: 100%;
overflow: inherit;
}
.notes_body_outer.provider-noteouter{
height: 75vh !important;
overflow: inherit !important;
}
.lw-tbl-scrol {
max-height: 68vh;
overflow: auto;
min-height: auto;
top: -50px !important;
background: transparent;
}
#lowpatch.lw-tbl-scrol {
height: 31vh;
}
#lowpatch.lw-tbl-scrol.prtl-contract {
height: 600px;
}
.py-reqt h2 {
font-weight: 700;
padding-left: 15px;
text-align: center;
margin: 0 0 5px!important;
}
section.py-reqt.paid_invoices {
height: 100%;
height: 100%;

}
.matter-scroll{
overflow: auto;
height: 78vh;
}
.matter-subhead {
font-size: 22px;
font-weight: 700;
padding-left: 15px;
text-align: left;
}
.pay-scnd-row {
display: flex;
justify-content: space-between;
}
/*.lw-tble.aba ul {
grid-template-columns: 15% 24% 20% 16% 12% 13%;
grid-column-gap: 0px;
padding: 0;
border-bottom: 1px solid #ddd;
background: transparent;
}*/
.lw-tble.aba ul {
grid-template-columns: 25% 25% 25% 25%;
grid-column-gap: 0px;
padding: 0;
border-bottom: 1px solid #ddd;
background: transparent;
}
.lw-tble.aba .lw-tbl-head li {
font-size: 15px;
background: #f1f2bb;
padding: 0;
line-height: 40px;
border-radius: 3px;
padding: 0 15px 0px 0;
}
.lw-tble.aba {
padding: 0;
background: #f9fae2;
}
.lw-tble.aba .lw-tbl-data li {
font-size: 15px;
background: #fff;
border-right: 1px solid #ddd;
padding: 7px 15px 0;
border-radius: 3px;
}
.lw-tble.aba .lw-tbl-data li:nth-child(2) {
padding-left: 15px;
}
.lw-tble.aba .lw-tbl-data li.confirm-btn{
text-align: center;
padding-right: 10px;
padding-bottom: 7px;
}
.lw-tble.aba .lw-tbl-data li.confirm-btn a {
color: #000;
font-weight: 700;
background: #b1b1b1;
display: inline-block;
width: 100%;
border-radius: 5px;
padding: 5px;
}
.lw-tble.aba .lw-tbl-data li.confirm-btn a:hover {
background: #eec291;
}
.lw-tble.aba .lw-tbl-data li.Downlaod-icon{
background: transparent;		
}
.page-link {
position: relative;
display: block;
padding: 8px 18px;
margin-left: 0;
line-height: 1.25;
color: #000000;
border: 1px solid #ddd;
background: #b1b1b1;
font-size: 20px;
}
.page-link:focus, .page-link:hover {
color: #000;
text-decoration: none;
background-color: #eec291;
border-color: #eec291;
}
.lw-tble.aba .lw-tbl-data li.Downlaod-icon a{
color: #eec291;
font-size: 24px;
}
.lw-tble.aba .lw-tbl-data li.check-icon{
background: transparent;
color: #2dc4a7;
font-size: 30px;
padding-right: 10px;
}

.lw-tbl-scrol::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}
.lw-tbl-scrol::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.firm-dta{
background: #f3f2f2;
padding: 20px;
border-radius: 10px;
margin-top: 25px;
box-shadow: 0px 0px 5px 5px #d5d5d5;
}
.firm-dta button.btn.btn-primary{
background: #b1b1b1;
width: 100%;
}
.cmpnyclintloan::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}
.cmpnyclintloan::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.cmpnyclintloan {
overflow: auto;
height: 85vh;
padding-bottom: 15px;
overflow-x:hidden; 
}
.form-row-main .form-group{
margin-bottom: 0;
}
.firm-dta h4 {
font-weight: 500;
font-size: 20px;
margin-bottom: 12px;
}
/*.form-row{
display: flex;
grid-column-gap: 10px;
}*/
.form-row-main{
display: flex;
grid-column-gap: 10px;
}
.w-24{
width: 24%;
}
.w-28{
width: 28%;
}
.w-22{
width: 22%;
}
.w-32{
width: 50%;
}
.w-18{
width: 18%;
}
.w-20{
width: 20%;
}
.w-15{
width: 15%;
}
.w-30{
width: 30%;
}
.w-34{
width: 34%;
}
.w-40{
width: 32%;
}
.w-48{
width: 48%;
}

.form-row-main.leftright-short-col{
grid-template-columns:18% 30% 30% 18%;
}
.form-row-main button{
font-size: 15px !important;
position: inherit !important;
right: inherit !important;
margin-right: 0 !important;
}
.pending-mdl .modal-dialog {
    max-width: 1500px;
    margin: 30px auto;
}
.pending-mdl .modal-body {
padding: 30px 60px 50px;
}
.pending-mdl .modal-header {
display: inline-block;
border: 0;
padding: 0;
}
.pending-mdl button.close {
font-size: 40px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 0;
}
.lw-tble ul.lw-tbl-data:hover {
background: #f0f1cb;
}
.lw-tble.aba ul.lw-tbl-data:hover {
background: transparent;
}

.lw-tble.aba ul.lw-tbl-data{
margin-top: 0;
}
.entity-row ul{
list-style: none;
padding: 0;
margin:0 0 15px 0;
display: grid;
grid-template-columns: 16% 16% 16% 16% 16% 16%;
grid-column-gap: 7px;
}
.lw-mtermain {
background: none;
padding: 0!important;
}
.form-row-main select {
padding-left: 3px;
background: #f5f5f5;
padding-right: 10px;
}
.equal-four-cl {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 10px;
}
.form-control:disabled, .form-control[readonly] {
background: #f5f5f5;
opacity: 1;
}
.lw-mtermain .loan-note-inner {
margin-top: 0 ;
}
.upd-invoicecls{
background: #f9fae2;
padding:22px 10px;
}

.loan-main-page-scrol .lw-mtermain .tab-content .Loanext {
height: 60vh;
}
.full-lidata p {
width: 56%;
}

.Loanext .full-lidata p {
width: 56%;
}
.iamount {
position: relative;
}
.iamount label {
position: absolute;
left: 8px;
top: 9px;
font-weight: 800;
margin-bottom: 0 !important;
}
.leftupd input {
border: 0;
width: 100%;
margin: 0 !important;
height: 35px !important;
background: #fff;
border-radius: 5px;
}
.body_page_inner.client_loan_body .iamount input{
text-indent: 8px !important;
font-weight: 700 !important;
}
.leftupd .loan-inner-heading {
font-size: 15px;
}
.leftupd .outer-head .loan-inner-heading {
left: -10px;
}
.leftupd .outer-head:nth-child(2) .loan-inner-heading {
left: -3px;
padding-left: 0;
}
li.full-lidata input {
margin-top: 6px !important;
display: inline-block;
}
.leftloan-submit {
padding-left: 15px;
text-align: right;
display: flex;
margin-top: 5px;
}
.scroll_tab .data_name img {
width: auto;
height: 20px !important;
}
.leftloan-submit button {
width: 100%;
border: 0;
font-size: 16px;
margin-top: 0;
display: inline-block;
text-align: center;
margin-right: 5px;
background: #b1b1b1;
color: #000;
padding: 10px 20px;
border-radius: 5px;
font-weight: 600;
cursor: pointer;
}
.outer-head {
padding-bottom: 10px;
}
.leftloan-submit button:hover {
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
background: #eec291;
}
.provider-leftloan li input {
border: 0;
line-height: 35px;
margin: 0;
width: 100%;
font-weight: 700;
border-radius: 5px;
}
.provider-leftloan li input:focus {
outline: 0;
}
.leftupd .third-loan-left {
overflow-x: hidden;
}
.leftupd .third-loan-left {
max-height: 60vh;
}
.uplinvoice-inner {
justify-content: center;
display: flex;
align-items: center;
min-height: 100%;
background: #fff;
}
.righttupd {
background: #b1b1b1;
padding: 10px;
position: relative;
}
.btn.Delete_Invoice {
position: absolute;
right: 20px;
background: #b1b1b1;
bottom: 20px;
}
.righttupd .green-btn {
padding: 5px 7px;
border-radius: 7px;
color: #000;
display: inline-block;
font-size: 14px;
line-height: 24px;
cursor: pointer;
}
.leftupd input:focus, .leftupd input:active{
border: 0;
}
.lw-mtermain .slide-btn-main-data-left {
padding:25px 10px;
margin: 0;
}
.entity-row ul input{
margin:0;
}
.bg-text-p {
background: #a3bfcc;
text-align: center;
font-weight: 700;
line-height: 38px;
font-size: 16px;
margin: 0;
border-radius: 3px;
}
.form-row-main span.clnt_span_three.check_gst .check_radio {
padding: 5px 5px;
display: flex;
align-items: center;
gap: 5px;
}

.outer-noti-cntr {
background: #f1f1f1;
padding: 20px;
box-shadow: 0px 2px 15px 6px #00000026;
}
.noti-cntr-iner {
width: 80%;
margin: 0 auto;   
position: relative; 
}
/*.reqest-second button.btn.btn-primary.pymntreq-btn {
position: absolute;
right: 0;
z-index: 1;
}*/
.clc-grid{
height: 70vh;
}
.py-reqt .dataTables_info{
display: none;
}
#pay-statement .noti-center, #pay-aproval .noti-center, #invoive-veri .noti-center, #payee-tb .noti-center, #matter .noti-center,
#rolldue .noti-center{
border: 10px solid #dde8ee;
background: #fff;
padding: 20px;
}
.noti-cntr-iner .reqest-srch p{
margin-bottom: 3px;
}
.noti-cntr-iner .noti-center.td-noti{
border: 0 !important;
background: transparent !important;
padding: 0px !important;
margin-top: 15px;
}
.noti-cntr-iner .reqest-srch input {
border: 5px solid #dde8ee;
}
.noti-center ul {
padding: 0;
margin: 0 0 10px;
list-style: none;
display: flex;
}
.li-flex {
display: grid;
grid-template-columns: 70% 26%;
grid-column-gap: 25px;
width: 100%;
border: 1px solid #ddd !important;
padding: 10px;
align-items: center;
border-radius: 5px;
box-sizing: border-box !important;
}
/* .li-flex.showinvoice, .li-flex.approvedinvoices {
width: auto;
height: 50px;
}*/
.outer-noti-cntr td.li-flex:hover {
background: #efefef !important;
}
.lw-tbl-scrol td {
background: #fff!important;
}
table.dataTable tbody th, table.dataTable tbody td {
padding: 6px 5px !important;
}
.noti-center .dataTables_wrapper label{
margin:0;
}
.py-reqt table.dataTable tbody td.view-btn {
padding: 0 !important;
}
.mater_poplist .blnce-div h6 {
margin: 0;
line-height: 40px;
}
.mater_poplist ul{
list-style: none;
padding: 0;
}
.matter_popup .modal-dialog {
max-width:800px;
}
.matter_popup .modal-body{
padding: 30px;
}
.dta-text-rht button.btn-primary.red-btn {
padding: 6px 25px !important;
height: 35px !important;
margin-top: 3px;
}
.matter_popup .li-flex {
grid-template-columns: 30% 66%;
}
#invoive-veri .li-flex, #pay-statement .li-flex {
cursor: pointer;
}
.dta-text-rht {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.dta-txt-noti h6 {
font-weight: 700;
margin-bottom: 0;
}
.noti-center .red-close {
font-size: 30px;
color: #ff0000;
line-height: 58px;
margin-right: 15px;
}
.lw-tbl-scrol .sorting_1 {
width: 30px;
text-align: left;
padding: 0 !important;
background: #fff !important;
border: 0 !important;
}
.noti-center .sorting_1 .red-close {
margin-right: 0px;
}
.reqest-second .pymntreq-btn {
background: #628cb2 !important;
border: 0 !important;
color: #fff !important;
font-size: 15px !important;
padding: 0px 22px !important;
height: 45px!important;
}
.noti-cntr-iner .lw-tbl-scrol .sorting_1 {
width: 40px;
background: transparent !important;
text-align: center;
}
.noti-cntr-iner table.dataTable.stripe tbody tr.odd, .noti-cntr-iner table.dataTable.display tbody tr.odd {
background-color: #e6e6e6;
}
.noti-cntr-iner table.dataTable tbody tr {
background-color: #e6e6e6;
margin: 10px;
display: flex;
box-shadow: 0px 2px 4px 1px #bdbdbd;
}

.noti-cntr-iner table.dataTable tbody tr:hover{
background: #f0f1cb !important;
}
.noti-cntr-iner .main-tbl-bg{
border-spacing: 0 !important;
}
.dta-text-rht span {
font-size: 30px;
line-height: 35px;
}
.noti-cntr-iner .lw-tbl-scrol td.li-flex{
background: transparent !important;
border: 0 !important;
}
.h3-cls {
width: 100%;
max-width: 150px;
line-height: 37px;
margin: 0;
}
.dta-text-rht h5 {
color: #ff0000;
font-size: 25px;
line-height: 35px;
margin-bottom: 0;
}
.dta-txt-noti p {
margin: 0;
}
.dta-text-rht h5{
color: #ff0000;
font-size: 20px;
}
.noti-tab .nav-pills a.nav-link {
background: #b1b1b1;
padding: 10px 30px;
color: #000;
font-size: 18px;
font-weight: 500;
text-align: center;
border-radius: 5px 5px 0 0;
margin-right: 10px;
}
.noti-tab .nav-pills a.nav-link.active {
background: #eec291;
}


.DrpeNew a{
    display: flex !important;
    align-items: center !important;
    gap: 25px !important;
}
.BadgeSlct {
    background: #f31e1e;
    padding: 4px 5px;
    border: 1px solid #0000005e;
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    animation: faulty-flicker 2s linear infinite;
}
@keyframes faulty-flicker {
  0% {
    opacity: 0.1;
  }
  2% {
    opacity: 0.1;
  }
  4% {
    opacity: 0.5;
  }
  19% {
    opacity: 0.5;
  }
  21% {
    opacity: 0.1;
  }
  23% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  83% {
    opacity: 0.4;
  }

  87% {
    opacity: 1;
  }
}
/*.noti-tab .nav-pills{
justify-content: center;
}*/

.modal-header.inv-pophead {
justify-content: flex-end;
border: 0;
padding:20px 20px 0 !important;
}
.invpop-cls .modal-dialog{
max-width: 1100px;
}
.pymnt-reqpopup .modal-dialog{
max-width: 900px;
}
.invoicepop-head {
text-align: center;
}
.invoicepop-head h3{
font-size: 25px;
font-weight: 700;
}
.invoicepop-head h6 {
margin-bottom: 0;
font-weight: 700;
color: #000;
}

.invoicepop-list ul {
list-style: none;
padding: 10px;
display: grid;
align-items: center;
border: 1px solid #ddd;
grid-template-columns: 23% 28% 22% 19% 4%;
grid-column-gap: 10px;
border-radius: 5px;
margin-bottom: 10px;
}
.li-bttn a {
padding:7px 10px;
width: 85px;
font-weight: 700;
border-radius: 5px;
display: inline-flex;
justify-content: center;
text-decoration: none;
}
.right-arow{
text-align: right;
}
.right-arow span{
font-size: 25px;
}
.view-bttn{
background: #628cb2;
color: #000;
}
.aprove-bttn{
background: #22d175;
color: #000;
}
.yearsext {
display: grid;
grid-template-columns: 2fr 0.5fr;
}
.invoicepop-list h5{
font-size: 18px;
font-weight: 700;
}
.invoicepop-list h5, .invoicepop-list p  {
margin-bottom: 0;
}
.reqpopup-inner {
max-width: 70%;
margin: 50px auto 20px;
}
.reqpopup-inner ul{
list-style: none;
padding: 0;
margin:0 0 15px 0;
display: grid;
grid-template-columns: 35% 50% 8%;
grid-column-gap:20px;
}
.reqpopup-inner ul li:first-child {
background: #628cb2;
text-align: right;
padding-right: 15px;
font-weight: 700;
line-height: 40px;
border-radius: 5px;
}
.serch-postion {
position: relative;
}
.serch-postion span {
position: absolute;
right: 15px;
top: 12px;
}
.serch-postion span.dollor-spn {
position: absolute;
right: inherit;
top: 6px;
font-size: 18px;
left: 10px;
font-weight: 700;
}
.reqpopup-inner li input{
margin: 0;
padding: 7px 22px;
height: 40px;
}
.reqpopup-inner li select, .reqpopup-inner li textarea{
margin:0;
}
.reqpopup-inner li .form-group{
margin: 0;
}
.choose-file::-webkit-file-upload-button {
visibility: hidden;
}
.choose-file::before {
content: 'Choose file...';
display: inline-block;
background: #ff9b4b;
border-radius: 3px;
padding: 8px 25px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 5px;
}
.pymnt-reqpopup .modal-footer {
border: 0;
}
.pymnt-reqpopup .btn.btn-primary.red-btn {
padding: 12px 40px;
height: auto;
background: #628cb2;
font-size: 16px;
border-radius: 5px;
} 
.pymnt-reqpopup .btn.btn-primary.red-btn:hover, .pymnt-reqpopup .btn.btn-primary.red-btn:active, .pymnt-reqpopup .btn.btn-primary.red-btn:focus {
padding: 12px 40px;
height: auto;
background: #628cb2;
font-size: 16px;
border-radius: 5px;
}
.choose-file:active::before {
background: #ff9b4b;
}
.reqpopup-inner li.li-plus a {
color: #05af8f;
font-size: 30px;
position: relative;
top: 5px;
}
.reqpopup-inner li .choose-file {
width: 200px;
margin-left: 0;
padding: 0;
}
.hd-title{
font-size: 22px;
text-decoration: underline;
}
.outr-noscrol p.hd-subtitle{
margin-bottom: 0;
}
.stop-contbtn a {
font-size: 15px;
padding: 5px 20px;
border-radius: 5px;
display: inline-block;
}
.mattercntr-head {
margin-bottom: 5px;
}
.outr-noscrol {
padding-left: 50px;
}
.trnloan-inner ul {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
display: grid;
grid-template-columns: 47% 50%;
font-size: 14px;
grid-column-gap: 10px;
}
.trnloan-inner ul p {
margin: 0;
font-weight: 700;
background: #f9fae2;
padding: 7px;
color: #000;
text-align: right;
padding-right: 5px;
font-size: 16px;
border-radius: 5px;
}
.trnloan-pop .modal-body {
padding: 0 30px 30px 30px;
}
.trnloan-pop .modal-dialog {
max-width: 600px;
margin: 30px auto;
background: #f7f8d6;
padding: 30px;
border-radius: 5px;
}
.trnloan-pop .modal-dialog .modal-content{
border: 0;
}
.trnloan-inner .input-dollar{
position: relative;
}
.trnloan-inner input{
margin: 0;
}
.black-text{
color: #000;
}
.trnloan-inner .dollar-sign {
font-weight: 700;
position: absolute;
font-size: 18px;
left: 8px;
top: 3px;
}
.frst-procrt {
padding: 10px 10px 30px 30px;
}
.frst-procrt {
padding: 10px 10px 30px 30px;
display: grid;
grid-template-columns: 49% 49%;
grid-column-gap:20px;
}
.procrt-left h5 {
text-decoration: underline;
font-size: 22px;
}
.procrt-left p {
margin-bottom: 3px;
}
.create-loan-main .scnd-procrt {
max-width: 100%;
}

.scnd-procrt{
padding: 30px 10px 30px 30px;
max-width: 50%;
}
.scnd-procrt li p {
background: #628cb2;
text-align: right;
font-size: 16px;
font-weight: 700;
padding: 7px;
border-radius: 5px;
}
.scnd-procrt li .input-dollar{
width: 100%;
}
.scnd-procrt h4{
font-size: 22px;
margin-bottom: 20px;	
}
button.btn.btn-primary.red-btn.security-btn {
background: #ff8686;
width: 100%;
height: 40px;
border-radius: 5px;
}
button.btn.btn-primary.red-btn.security-btn:hover {
background: #f95f5f;
height: 40px;
}
.scnd-procrt ul{
display: grid;
grid-template-columns: 40% 58%;
grid-column-gap:20px;
margin: 0;
padding: 0px;
list-style: none;
}

/***************** payee css****************/
.payeee-main .pay-scnd-row.paye-second-rw button {
height: 40px !important;
}
.payeee-main #countTable_length{
display: none;
}
.payeee-main .dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
height: 40px;
max-width: 300px;
width:100%;
border: 1px solid #c3c3c3;
padding-left: 8px;
border-radius: 5px;
}
.payeee-main .lw-tbl-scrol .lw-tbl-data.odd, .payeee-main .lw-tbl-scrol .lw-tbl-data{
background: transparent !important;
}
/*.payeee-main .lw-tbl-scrol .lw-tbl-data.highlight_row{
background: #ddd !important;
}*/
.payeee-main .lw-tbl-scrol .lw-tbl-data .sorting_1{
background:  #fff !important;
}
.payeee-main .lw-tbl-scrol .lw-tbl-data td, .payeee-main .lw-tbl-head th{
border: 0 !important;
}
.payeee-main .dataTables_filter label {
width: 100%;
max-width: 370px;
font-weight: 700;
margin-bottom: 0;
}
.payeee-main .dataTables_filter {
float: left !important;
width: 50%;
text-align: left !important;
}
.payeee-main .lw-tbl-head tr th:first-child, .payeee-main .lw-tbl-scrol tr td:first-child{
display: none;
}
.payee table.dataTable.no-footer {
border-bottom:0;
}
.payeee-main .lw-tbl-head th {
background: #eeef9d!important;
border-radius: 5px;
margin: 5px !important;
text-align: center;
}

.payeee-main tbody.lw-tbl-scrol td {
background: #e6e6e6;
text-align: center;
border-radius: 5px;
}
.payeee-main tbody.lw-tbl-scrol td.one, .payeee-main tbody.lw-tbl-scrol td.two {
text-align: left;
padding-left: 15px !important;
}
.payeee-main tbody.lw-tbl-scrol td.three, .payeee-main tbody.lw-tbl-scrol td.four {
text-align: right;
padding-right: 15px !important;
}
/*.payeee-main tbody.lw-tbl-scrol .highlight_row td {
background: #ddd;
}*/

.payeee-main div#countTable_paginate a {
background: #fff;
}
.payeee-main div#countTable_paginate a:hover {
color: #000 !important;
}
.payeee-main div#countTable_paginate a.current {
background: #428bca;
border: 1px solid #428bca;
color: #fff !important;
font-weight: 700;
}
.payeee-main .lw-tbl-head tr th:last-child, .payeee-main .lw-tbl-scrol tr td:last-child{
background: transparent !important;
}
.payeee-main .dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
padding-top: 0.25em;
margin-top: 15px;
}
.payeee-main div#countTable_info {
display: none;
}
.main-tbl-bg{
background: #f9fae2;
padding: 5px;	
width: 100% !important;
border-spacing:7px !important;
}
.payeee-main .pay-scnd-row {
position: absolute;
width: 50%;
display: inherit;
text-align: right;
z-index: 1;
right: 15px;
}
.updinvoice-inner{
display: grid;
grid-template-columns: 35% 63%;
grid-column-gap:20px;	
}
.third-loan-inner li.full-lidata {
grid-template-columns: 100%;
}
.serch-icon-input {
position: relative;
}
.serch-icon-input .clss {
position: absolute;
right: 10px;
top: 15px;
background: transparent;
padding: 0;
}
.invoice-data {
background: #f9fae2;
padding: 12px 10px 5px;
margin-top: 15px;
}
.invoice-headdata ul, .invoice-listdata ul {
display: grid;
padding: 0;
list-style: none;
grid-template-columns: 4% 12% 9% 9% 13% 10% 11% 11% 6% 12%;
grid-column-gap: 4px;
margin-bottom: 6px;
}
.invoice-headdata ul li {
font-weight: 600;
}
.invoice-listdata ul li {
text-align: center;
}
.yearsext select {
width: 75px;
}
.search-result #payeesearch, .search-result #accountsearch {
width: 100%;
line-height: 35px;
padding: 7px;
border: 1px solid #ddd;
border-radius: 5px;
margin-top: -3px;
z-index: 999;
background: #fff;
height: 200px !important;
overflow: scroll;
}
.search-result #payeesearch a, .search-result #accountsearch a{
display: inline-block;
width: 100%;
}
.search-result #payeesearch::-webkit-scrollbar, .search-result #accountsearch::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}
.search-result #payeesearch::-webkit-scrollbar-thumb, .search-result #accountsearch::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
a.payee_save {
background: #628cb2;
color: #fff;
padding: 5px 9px;
border-radius: 5px;
}
.invoice-box {
background: #fff;
text-align: center;
padding: 8px;
font-size: 15px;
font-weight: 500;
border-radius: 5px;
}
.dibale_list_ul .invoice-box{
background: #ddd;
}

.facilityreasons_tr td a button {
background: #b1b1b1;
color: #000;
padding: 8px 20px;
border-radius: 5px;
}
.facilityreasons_tr td a button:hover {
background: #eec291;
color: #000;
}
li.invoice-no {
background: #b1b1b1;
text-align: center;
padding: 8px;
font-weight: 500;
font-size: 15px;
border-radius: 5px;
}
.invoice-box-btn {
background: #b1b1b1;
text-align: center;
padding: 4px;
color: #000;
font-weight: 500;
font-size: 15px;
border-radius: 5px;
display: inline-block;
width: 100%;
}
.invoice-box-btn:hover {
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
background: #eec291;
color: #000;
}
li.li-btn-head {
background: #eced9c;
text-align: center;
padding: 6px;
font-size: 15px;
border-radius: 5px;
}
.pyt-invoicell li.invoice-no{
font-size: 15px;
font-weight: 400;
}
.pyt-invoicell .invoice-listdata li input {
width: 100%;
margin-bottom: 0;
border: 1px solid #dddddd;
height: 40px;
border-radius: 5px;
font-size: 16px;
line-height: 18px;
padding: 2px 20px 2px 20px;
}
.pyt-invoicell .invoice-listdata li input:focus {
outline: 0;
}
.pyt-invoicell .invdivfoot-btn li:last-child {
text-align: center;
}
.pyt-invoicell .invoice-listdata li.no-lst {
background: #b1b1b1;
border-radius: 5px;
text-align: center;
line-height: 45px;
}
.vw-invoicecls li.li-btn-head {
font-size: 15px;
}
.vw-invoicecls .invoice-box-btn {
padding: 9px 5px;
font-size: 15px;
}
.vw-invoicecls {
padding: 10px;
}
/*12-01-2022 .top-dta-outer {
float: right;
display: inline-block;
width: 100%;
} */
.top-dta-outer {
float: right;
display: inline-block;
position: absolute;
right: 200px;
top: 8px;
}
/* .dtasign {
margin-right: 40px;
text-align: right;
margin-bottom: 10px;
} */
.dtasign {
width: auto;
float: left;
}
.dtasign button.dta-btn, .dtasign button.dta-btn:focus, .dtasign button.dta-btn:active, .dtasign button.dta-btn:hover {
background: #414141 !important;
padding: 5px 20px !important;
border-radius: 5px;
/* 12-01-2022 display: inline-block; */
position: absolute;
right: 70px;
top: 10px;
}
.dtasign img {
height: 30px;
width: auto;
}
.uploads-area .viewdoc-tb .fulll-box {
border: 0;
height: 60vh;
overflow: auto;
}
.lw-tble.aba.imp-csv {
height: 200px;
width: 600px;
margin: 0 auto 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
.csv-firmbox{
background: #fff ;
padding: 10px 15px 30px;
border-radius:5px;
}
.lw-tble.aba.imp-csv form {
display: flex;
justify-content: center;
align-items: center;
width: 90%;
height: 150px;
border: 1px solid #000;
margin: 0 auto;
border-radius: 5px;
}
.body_page_inner.client_loan_body .imp-csv input{
line-height: 35px;
font-size: 19px;
}
.uploads-area .viewdoc-tb .fulll-box::-webkit-scrollbar {
display: none;
}
.uplimages-area .show{
width: auto !important;
height: 100% !important;
opacity: 1 !important;
}
/* .viewdoc-tb{
border:20px solid #808c92; 
} */
/* .viewdoc-tb {
position: absolute;
top: 45px;
}*/
.viewdoc-tb .nav-tabs {
/* background: #808c92; */
}
/* 12-01-2022 .viewdoc-tb .nav-tabs {
width: 100%;
} */
.viewdoc-tb .nav-tabs {
width: 100%;
float: left;
}
.osdocument {
position: relative;
width: 100%;
float: left;
}
.hero-camera .viewdoc-tb .nav-link {
background: #9d9d9d;
border: 5px !important;
padding: 8px 20px !important;
color: #000 !important;
box-shadow: 0px 0px 0px 0px transparent !important;
margin: 10px 0;
}
.uploads-area .nav-item button.nav-link {
background: #b1b1b1;
padding: 10px 35px !important;
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
height: auto !important;
margin-top: 0 !important;
}
.uploads-area .nav-item button.nav-link.active:hover, .uploads-area .nav-item button.nav-link.active{
background: #eced9c;
}
.three-btouter{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: center;
    height: 75px;
}
.three-btouter button {
margin: 0 10px;
}
.Loanext li.li-btn-head, .Loanext li.invoice-box {
font-size: 14px;
}
.invoice-headdata.Loanexthead ul, .invoice-listdata.Loanextdta ul {
display: grid;
padding: 0;
list-style: none;
grid-template-columns:2% 4% 10% 12% 13% 13% 12% 13% 11% 7%;
grid-column-gap: 4px;
margin-bottom: 6px;
}
.invoice-listdata.Loanextdta ul li.invoice-box.five{
text-align: right;
}
li.exten-aprv a {
background: #b1b1b1;
width: 100%;
display: flow-root;
height: 37px;
border-radius: 5px;
line-height: 38px;
font-weight: 600;
}
li.exten-aprv a.dislist {
background: #b1b1b1 !important;
}
li.exten-aprv a:hover, li.exten-aprv a:active {
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
background: #eec291;
color: #000;
}
.Loanext {
padding: 2px 13px;
}
.Loanextdta li select {
width: 100%;
height: 22px;
margin: 0;
border: 0;
cursor: pointer;
}
.Loanextdta li select:focus, .Loanextdta li select:active{
border: 0;
outline: 0;
}
.lnext-btn {
text-align: right;
position: absolute;
right: 80px;
top: -30px;
}
.yearsext p {
line-height: 35px;
margin: 0;
}
.lnext-btn a {
padding: 9px 30px;
border-radius: 5px;
color: #fff;
}
/*#invoive-veri .payee {
max-height: 550px;
overflow: auto;
}*/
.payee .dataTables_scrollHead{
display: none;
}
.outer-noti-cntr .dataTables_length, .py-reqt .dataTables_length{
display: none;
}
.outer-noti-cntr .dataTables_scrollBody, .py-reqt .dataTables_scrollBody{
border: 0 !important;
}
.outer-noti-cntr .dataTables_wrapper .dataTables_filter, .py-reqt .dataTables_wrapper .dataTables_filter {
float: none;
text-align: left;
}
.outer-noti-cntr .dataTables_filter input, .py-reqt .dataTables_filter input {
border: 1px solid #4c4c4c;
height: 45px;
max-width:550px;
width: 100%;
border-radius: 50px;
padding-left: 15px;
}
.dataTables_filter label{
width: 100%;
text-align: center;
}
.outer-noti-cntr .dataTables_filter input:focus, .outer-noti-cntr .dataTables_filter input:active, 
.py-reqt .dataTables_filter input:focus, .py-reqt .dataTables_filter input:active{
outline: 0;
}
.py-reqt .lw-tbl-head .sorting, .py-reqt .lw-tbl-head .sorting_asc {
background:#eeef9d;
padding: 2px 4px;
text-align: center;
border-radius: 5px;
border-bottom: 0;
font-size: 15px;
}
.py-reqt .lw-tbl-head .blnkthtd.sorting, .py-reqt .lw-tbl-data .blnkthtd {
background:transparent;
}
.py-detail table.dataTable tbody tr {
background-color: transparent;
}

.py-reqt tr.lw-tbl-data td.editli{
background: #c2d6e0 !important;
}
.py-reqt tr.lw-tbl-data td {
border: 0;
border-radius: 5px;
font-size: 14px;
text-align: center;
background: #e6e6e6;
color: #000;
}
.py-reqt tr.lw-tbl-data td.edit_req, .py-reqt tr.lw-tbl-data td.edit_settle, .py-reqt tr.lw-tbl-data td.edit_appr {
background: transparent;
}
.pencil_bggg {
background: #22bf22 !important;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3px;
}
.reset_pay{
color: #F7AC08;
}
.py-reqt tr.lw-tbl-data td.view-btn{
background: transparent;
text-align: center;
}
.py-reqt tr.lw-tbl-data td.view-btn.urgent-red{
background: red;
}
.py-reqt tr.lw-tbl-data td.view-btn.urgent-red a:hover{
background: red;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.py-reqt tr.lw-tbl-data td.view-btn a {
font-weight: 500;
height: 100%;
display: inline-block;
padding: 10px 0;
border-radius: 5px;
}
.py-reqt tr.lw-tbl-data td.view-btn a:hover{
background: #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
.py-reqt tr.lw-tbl-data select {
border: 0;
width: 100%;
padding: 6px 4px 6px;
line-height: 15px;
background: transparent;
margin: 0;
box-sizing: border-box;
}
.lw-tbl-data td .date_paid.hasDatepicker {
width: 70px;
}
.py-reqt .lw-tbl-data td .date_paid.hasDatepicker{
background: #e6e6e6;
}
.box-ul-data.pyot-invdiv li input{
width: 100%;
}
.py-reqt  tr.lw-tbl-data select:focus, .py-reqt  tr.lw-tbl-data select:active{
border: 0;
outline: 0;
}
.py-reqt .dataTables_scroll .dataTable.no-footer, .py-reqt .dataTable.no-footer{
border-spacing: 5px !important;
}
.outer-noti-cntr .noti-center, #pay-aproval .noti-center {
border: 0px solid #dde8ee;
background: transparent;
padding: 0px;
}
li.li-bttn a {
margin-left: 10px;
}
.outer-noti-cntr .main-tbl-bg {
background: #f9fae2;
border-radius: 10px;
width: 100% !important;
box-sizing: border-box;
padding: 20px;
}
.outer-noti-cntr .dataTables_info, .py-reqt div#countTable_info  {
display: none;
}
.outer-noti-cntr .dataTables_wrapper .dataTables_paginate, .py-reqt .dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
padding-top: 0.25em;
margin-top: 15px;
}
.outer-noti-cntr .dataTables_scrollBody{
border-bottom: 0 !important;
}
.dataTables_wrapper .dataTables_paginate  a.paginate_button{
color: #000 !important;
background: #b1b1b1 !important;
border-color: #b1b1b1 !important;
border-radius: 5px;
}
.dataTables_wrapper .dataTables_paginate  a.paginate_button:hover{
color: #000 !important;
background: #979797 !important;
border-color: #979797 !important;
border-radius: 5px;
}
.dataTables_wrapper .dataTables_paginate  a.paginate_button.current{
z-index: 2;
color: #000 !important;
background: #eec291 !important;
border-color: #eec291 !important;
}
.three-btouter .nav-item button{
position: relative;
}
.sthreetin {
display: inline-block;
width: 95%;
line-height: 25px;    
}
.sthreetin form{
margin: 0;
}
.three-btouter .nav-item button .badge {
position: absolute;
right: 0;
top: -33px;
background: red;
padding: 7px 25px;
font-size: 14px;
border-radius: 15px;
}
.three-btouter .nav-item button .badge:before {
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid red;
content: "";
left: 0;
right: 0;
bottom: -6px;
margin: 0 auto;
}
.three-btouter .nav-item button .badge.orange{
background: #f7ac08;
} 

.three-btouter .nav-item button .badge.orange:before{
border-top: 12px solid #f7ac08;	
}
.three-btouter .nav-item button .badge.blue{
background: #0d662b;
} 
.three-btouter .nav-item button .badge.blue:before{
border-top: 12px solid #0d662b;	
}
.three-btouter .nav-item button .badge.green{
background: #06af8f;
} 
.three-btouter .nav-item button .badge.green:before{
border-top: 12px solid #06af8f;	
}
/*section.three-btouter .nav-item button.btn-primary.red-btn.active {
background: #eec291;
border-color: #eec291;
}*/

.nav_head .show .dropdown-menu {
background: #fff0a9;
}
.nav_head .show .dropdown-menu a{
font-weight: 700;
font-size: 14px;
}
#myTabpre .nav-item .btn.hover {
box-shadow: 0px 0px 4px 2px #1e201e;
}

/*************************invoice css***************************/
.prevuplodk input {
margin-top: -47px;
width: 100%;
height: 47px;
position: absolute;
right: 0;
text-align: right;
}
.lw-tble.inv ul {
grid-template-columns:1% 5% 5% 5% 5% 6% 5% 5% 4% 5% 5% 4% 5% 8% 5% 5% 5% 9% 4%;
/* grid-template-columns:1% 5% 5% 5% 5% 6% 4% 5% 5% 5% 5% 5% 5% 11% 5% 5% 5% 5% 4%; */
grid-column-gap:5px;  
}
.lw-tble.inv ul.dt-list:last-child{
padding-bottom: 15px;
}
.lw-tble .br-head{
line-height: 15px;	
}
.lw-tble.inv.second ul {
grid-template-columns: 1% 4% 8% 6% 7% 6% 7% 7% 6% 5% 5% 6% 10% 4% 5% 5% 5% 5% 5% 2%;
grid-column-gap:5px;
}
.lw-tble.inv.second ul.dt-list:last-child{
padding-bottom: 15px;
}
.lw-tbl.dt-list li.edit_req {
background: #e6e6e6;
display: flex;
justify-content: center;
align-items: center;
}
.lw-tbl li {
color: #000;    
padding: 6px;
text-align: center;
border-radius: 5px;
}
.scl-width {
width: 100%;
height: 720px;
}
.scl-width::-webkit-scrollbar{
-webkit-appearance: none;
width: 6px !important;
height: 8px !important;
}
.scl-width::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.lw-tbl.dt-head li{
background: #eeef9d;
font-size: 15px;
font-weight: 700;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.spaceli {
margin-right: 10px;
}

.lw-tbl.dt-list li{
background: #e6e6e6;
font-size: 15px;
font-weight:500;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.lw-tbl.dt-list li.save_req a {
background: #e6e6e6;
padding: 7px;
border-radius: 4px;
margin-top: 0;
display: inline-block;
}
.lw-tbl.dt-list li.save_req {
background: transparent;
padding: 0;
display: flex;
align-items: center;
}
.dt-list a.red-close{
color: red;
font-size: 22px;
}
.lw-tbl li:first-child{
background: transparent !important;
} 
.dt-list li.view-btn {
padding: 0;
background: transparent;
}
.dt-list li.view-btn a {
border-radius: 5px;
height: 35px;
line-height: 35px;
font-weight: 700;
}
.lw-tbl.dt-list li.sel-li{
padding: 0;
background: #e6e6e6;
}
.pydetail-outr {
height:900px;
overflow: auto;
padding-bottom: 60px;
}
.dt-list .sel-li select{
border:0;
margin: 0;
height: 34px;
width: 100%;
border-radius: 5px;
padding-left: 8px;
height: 100%;
background: #e6e6e6;
}
.dt-list .sel-li select:active, .dt-list .sel-li select:focus{
border:0;
outline: 0;
}
.dt-list .sel-li select.approved{
background: #afecca;
}
.dt-list .sel-li select.ud-review{
background: #edd5a1;
}
.dt-list .sel-li select.ud-review{
background: #ffcece;
}
.inv-headtxt h2{
font-size: 22px;
}
.lw-tbl.dt-list li input{
border: 0;
margin: 0;
width: 100%;
background: #e6e6e6;
}
.lw-tbl.dt-list li input:focus, .lw-tbl.dt-list li input:active{
border: 0;
outline: 0;
}
/* .form-group.radio-list {
display: flex;
} */
.radio-list .form-check-input {
position: inherit;
margin-top: 20;
margin-left: 0;
top: -2px;
width: 25px;
}
.rd-list-inner .fa-question {
width: 25px;
font-size: 20px;
height: 20px;
text-align: center;
padding: 17px 0 0px;
color: red;
display: inline-block;
position: relative;
right: 15px;
}
.rd-list-inner .fa-times:before {
width: 25px;
font-size: 20px;
height: 20px;
text-align: center;
padding: 17px 0 0px;
color: red;
display: inline-block;
position: relative;
right: 15px;
}
.rd-list-inner .fa-check:before {
width: 25px;
font-size: 20px;
height: 20px;
text-align: center;
padding: 17px 0 0px;
color: green;
display: inline-block;
position: relative;
right: 15px;
}
.radio-list .form-check-label {
font-weight: bold;
font-size: 20px;
}
/*.outer-scol-inv {
max-height: 360px;
overflow: scroll;
margin: 0;
}*/
.client_loan_body.scoll-div {
height: 750px;
overflow: auto;
}
#myTabpre .nav-item .btn {
cursor: pointer;
}
.lw-tble.inv {
background: #f9fae2;
padding: 10px;
/*    max-height: 270px;
overflow: auto;*/
}
#myTabpre .nav-item .btn {
font-weight: 600;
}
#myTabpre .nav-item .btn:hover{
box-shadow: 0px 2px 3px 1px #ccc;
}
.settle-main .after-login_page {
text-align: center;
margin-top: 30px;
}
.st-contul li{
display: grid;
grid-template-columns: 56% 43%;
font-size: 14px;
margin-top: 5px;
}
.mattercntr-head li{
display: grid;
grid-template-columns: 56% 43%;
font-size: 14px;
margin-top: 5px;
}
.mater-lonstree .third-loan-inner li {
grid-template-columns: 56% 43%;
}
.st-contul {
display: inline-block;
width: 100%;
}
.invoice-listdata.Loanextdta input {
width: 100%;
border: 0;
margin: 0;
}
.invoice-listdata.Loanextdta input:focus{
outline: 0;
} 
/* .pd{
text-align: right;
} */
.three-btn .blue-bg-btn.disabled{
pointer-events: none;
cursor: default;
opacity: 0.6;
background: grey !important;
color: #fff;
}
.notes_title_head.loanstree-head-title h3 {
font-size: 18px;
font-weight: 700;
margin-top: 10px;
}
.invoice-listdata.Loanextdta ul li.invoice-box.five input{
text-align: right;
}
.Loanext .invoice-listdata.Loanextdta ul li.invoice-box.five input{
text-align: left;
}
li.save_extension.exten-aprv {
margin-left: 5px;
}
.invoice-listdata.Loanextdta ul li.invoice-box.four select {
text-align: right;
}
.right-loan-view .right-loan-btns button {
margin-right: 10px !important;
}
.list_center_block .dropdown-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 9999;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff0a9;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
transform: translate3d(0px, 0, 0px) !important;
}
.list_center_block .dropdown-item {
font-weight: 700 ;
font-size: 15px;
}
.list_center_block .dropdown{
position: relative;
}
.list_center_block .dropdown:hover>.dropdown-menu {
display: block;
}
.list_center_block .dropdown-item.active, .list_center_block .dropdown-item:active {
color: #0275d8;
text-decoration: none;
background-color: transparent;
}
.pyt-invoicell-data ul{
list-style: none;
padding-left: 0;
display: grid;
grid-column-gap: 10px;
grid-template-columns: 2% 10% 12% 8% 8% 10% 10% 6% 10% 10% 9%;
margin-bottom: 5px;
}
.pyt-invoicell-data {
max-width:100%;
margin: 20px auto;
padding-bottom: 15px;
border-bottom: 4px solid #334c62;
padding: 0 20px;
}
.pyt-invoicell-data .invoice-listdata li.invoice-no{
background: #fff !important;
padding: 0;
margin: 0;
line-height: 40px;
}
.pyt-invoicell-data li input{
margin: 0;
padding-left: 20px;
}
.pyt-invoicell-data li .input-dollar{
position: relative;
}
.pyt-invoicell-data li .dollar-sign {
position: absolute;
left: 11px;
top: 12px;
font-size: 16px;
}
.pyt-invoicell-data.second {
max-width: 50%;
border-bottom: 0px;
}
.pyt-invoicell-data.second ul{
grid-template-columns: 30% 30% 30%;	
}
.pyt-invoicell-data.second .invoice-listdata li.invoice-no, .pyt-invoicell-data.third .invoice-listdata li.invoice-no {
background: transparent;
padding: 0;
margin: 0;
line-height: 35px;
height: 40px;
border: 1px solid #DDD;
}
.pyt-invoicell-data.third ul{
grid-template-columns: 24% 24% 24% 24%;	
}
.pyt-invoicell-data.third {
max-width: 60%;
border-bottom: 0px;
}
.trnloan-inner li input {
padding-left: 20px;
}
.input-parcantage{
position: relative;
}
span.black-text.parcantage-sign {
position: absolute;
right: 60%;
font-size: 20px;
font-weight: 800;
top: 5px;
}
.trnloan-inner li.input-parcantage input{
padding-left: 10px;
}
.container-middle{
width: 90%;
margin: 0 auto;
}
.actrpt-slt ul{
padding-left: 0;
list-style: none;
grid-template-columns: 14% 14% 14% 14% 14% 14% 10%;
grid-column-gap: 14px;
display: grid;
margin:0;
}
.actrpt-slt label{
display: block;
font-weight: 700;
font-size: 14px;
}

.actrpt-slt select, .actrpt-slt input {
height: 35px !important;
border-radius: 5px;
border: 1px solid #b1b1b1;
width: 100%;
}
.actrpt-slt select:focus, .actrpt-slt input:focus{
border: 1px solid #b1b1b1;
outline: 0;
}
.go-btn button {
width: 100%;
margin-top: 25px;
height: 38px !important;
background: #018bbc !important;
}
.actslt-tb li {
max-width: 300px;
width: 100%;
margin-right: 10px;
}
.Facility-Closed {
font-size: 24px;
position: inherit;
left: 0;
font-weight: bolder;
padding: 0px 16px;
margin: -1px 0;
font-weight: 600;
/* -webkit-text-stroke: 0.3px white; */
/* -webkit-text-fill-color: red; */
color: red;
}
.actslt-tb li:last-child {
margin-right: 0px;
}
.actslt-tbout li button {
width: 100%;
font-size: 18px;
border: 0 !important;
cursor: pointer;
font-weight: 600;
}
.actslt-tbout {
background: #ffffff;
padding: 10px;
border: 0;
box-shadow: 0px 1px 10px 6px #00000029;
margin-top: 15px;
}
.actslt-tbout ul.nav-tabs button.active{
background: #eec291 !important;
}

.act-rpt h2 {
font-size: 22px;
}
.actslt-tbout  li button {
background: #b1b1b1;
padding: 15px;
}
.actslt-tbout  .nav-tabs {
border: 0;
}
ul.select-expo {
list-style: none;
display: flex;
padding: 0;
grid-column-gap: 15px;
margin-bottom: 0px;
}

h3.date-dtn input {
background: #fff;
border: 1px solid #ddd;
border-radius: 45px;
height: 50px;
padding-left: 45px;
width: 200px;
font-size: 18px;
margin-bottom: 0 !important;
}
h3.date-dtn {
position: relative;
}
h3.date-dtn span {
position: absolute;
left: 15px;
top: 13px;
}
.actlst-btn .nav {
display: grid;
grid-template-columns: repeat(5,1fr);
width: 100%;
max-width: 1050px;
grid-column-gap: 15px;
}
.actlst-btn {
display: flex;
width: 100%;
justify-content: space-between;
padding: 15px 0px;
}
.actslt-tb-list.matter{
max-width: 70%;
}
ul.select-expo button.btn.btn-primary {
border-radius: 50px;
height: 50px;
width: 160px;
}
ul.select-expo select {
/* border-radius: 35px !important; */
height: 50px !important;
border: 0 !important;
}
.mater_poplist{
max-height: 500px;
overflow: auto;
height: 100%;
}
.actslt-tb-data {
background: #fff;
padding: 1px 20px;
}
ul.actslttb-detail li{
border: 1px solid #7b7b7b;
height: 35px;
border-radius: 5px;
line-height: 30px;
padding-left: 7px;
font-weight: 600;
font-size: 13px;
}
tr.actslttb-detail td {
border-radius: 5px;
line-height:25px;
padding-left: 7px;
font-weight: 600;
font-size: 13px;
}
.actslt-tb-data .dataTables_length{
display: none;
}
.actslt-tb-data .dataTables_wrapper .dataTables_filter {
float: left;
text-align: left;
width: 100%;
max-width: 350px;
margin: 0 auto;
}
.actslt-tb-data .dataTables_info {
display: none;
}
.actslt-tb-data .dataTable tbody {
height: auto;
max-height: 310px !important;
overflow: scroll;
float: left;
width: 100%;
}
.actslttb-detail input{
border:0;
width: 100%;
background: transparent;
margin:0;
}
.actslttb-detail input.varDate.hasDatepicker, .actslttb-detail input.varConfirm{
background: #88b8ca;
margin-bottom: 0 !important;
}
.actslttb-detail input:focus, .actslttb-detail input:active{
border:0;
outline: 0;
}	
.actslttb-detail select {
border: 0;
background: #88b8ca;
border-radius: 2px;
padding: 5px;
margin: 0;
box-sizing: border-box;
width: 100%;
}

.actslttb-detail select:focus, .actslttb-detail select:active{
border:0;
outline: 0;
}
.actslt-tb-data .dataTables_wrapper .dataTables_filter label p{
font-weight: 700;
}
.actslt-tb-data .dataTable tbody::-webkit-scrollbar{
-webkit-appearance: none;
width: 7px !important;
}
.actslt-tb-data .dataTable tbody::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.actslt-tb-data .dataTables_wrapper .dataTables_filter input {
margin: 0;
border: 1px solid #505050;
border-radius: 3px;
font-size: 14px;
height: 35px;
width: 100%;
margin-left: 10px;
}
.actslt-tb-data table.dataTable.no-footer {
border-bottom: 0;
}
.actslt-tb-data .dataTables_wrapper .dataTables_filter label {
width: 100%;
display: flex;
}
table.dataTable thead .heading-ul-data th{
padding: 4px 3px !important;
border-bottom: 0px solid #111;
}
table.dataTable .actslttb-detail td {
padding: 5px 5px 3px 5px!important;
}
.actslt-tb-data .dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
padding-top: 0.25em;
margin-bottom: 10px;
margin: 0 auto 20px;
}
.act-rpt {
padding: 20px;
}
.actslt-tb-list ul h4.heading {
font-size: 14px;
font-weight: 700;
}
.actslt-tb-list tr h4.heading {
font-size: 14px;
font-weight: 700;
}
.actslt-tb-list.inv-verify ul {
grid-template-columns: 2% 8% 6% 7% 7% 8% 8% 7% 7% 7% 7% 8% 8%;
}
.actslt-tb-list.inv-verify tr {
grid-template-columns: 2% 8% 6% 7% 7% 8% 8% 7% 7% 7% 7% 8% 8%;
}
ul.actslttb-detail li.btnli-blue {
border: 0 !important;
padding-left: 0 !important;
}
tr.actslttb-detail td.btnli-blue {
border: 0 !important;
padding-left: 0 !important;
}
.actslt-tb-list.py-aprve ul {
grid-template-columns: 2% 6% 5% 7% 7% 8% 8% 6% 6% 5% 8% 6% 8% 5% 5%;
grid-column-gap: 10px;
}
.actslt-tb-list.py-aprve tr {
grid-template-columns: 2% 6% 5% 7% 6% 8% 8% 6% 5% 5% 7% 5% 10% 5% 6%;
grid-column-gap: 10px;
}
.actslt-tb-list.pyt-sttle ul {
grid-template-columns: 2% 8% 6% 8% 10% 10% 10% 8% 8% 8% ;
grid-column-gap: 10px;
}
.actslt-tb-list.pyt-sttle tr {
grid-template-columns: 2% 8% 6% 8% 10% 10% 10% 8% 8% 8% ;
grid-column-gap: 10px;
}
li.btnli-blue button {
background: #018bbc !important;
}
td.btnli-blue button {
background: #018bbc !important;
}
/* .pydetail-outr{
height: 100%;
max-height: 600px;
overflow: auto;
} */
.btnli-blue button.btn.btn-primary.red-btn {
padding: 6px 14px;
height: auto;
font-size: 14px;
}
.btnli-blue button.btn.btn-primary.red-btn:hover, .btnli-blue button.btn.btn-primary.red-btn:active {
padding: 6px 14px;
height: auto;
font-size: 14px;
}
.py-detail{
position: relative;
}
.py-detail .date-dtn {
position: absolute;
right: 20px;
top: 20px;
}
.pydetail-outr::-webkit-scrollbar{
-webkit-appearance: none;
width: 7px !important;
}
.pydetail-outr::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.lw-tble.py-detail td input{
border:0;
margin:0;
}
#paidform input#file{
width: 95px;
}
.lw-tble.py-detail td input:focus{
border:0;
outline: 0;
}
td.save_settle, td.save_req {
background: #06af8f;
}
td.save_settle a, td.save_req a{
padding: 6px;
color: #fff;
}
td.save_settle a:hover, td.save_req a:hover{
background: #06a788;
}
table.dataTable.no-footer {
border-bottom: 0;
}
.pydetail-outr form#paidform {
margin: 0;
}
#pills-profile  table.dataTable tbody td {
padding: 8px 5px !important;
}

.actslt-tb-list .data_emptyd tbody tr {
grid-template-columns: 100%;
}
.sthreetin input[type=file] {
display: inline-block;
width: 85px;
}
.prnt_btn {
text-align: right;
margin-top:20px;
margin-bottom: 18px;
}
.notes_grid {
margin-top: 15px;
}
.prnt_btn a {
padding: 10px 15px !important;
background: #b1b1b1;
color: #000;
border:0;
font-size: 16px;
border-radius: 5px;
}
.prnt_btn a:hover {
padding:10px 15px !important;
background: #eec291;
border-radius: 5px;
color: #000;
font-size: 16px;
border:0;
transition: inherit;
border: 0px;    box-shadow: 0px 4px 5px -2px #523030;
}
.preview_side_button li a, .upload_side_button .nav-link  {
text-align: left !important;
}

.invoice-listdata li.invoice-total p.invoice-box {
margin-bottom: 0;
}
.invoice-listdata li.invoice-total button {
border: 0;
}
li.ttl-btn {
font-size: 18px;
font-weight: 700;
text-align: right !important;
padding-right: 8px;
padding-top: 5px;
}
li.save_extension a {
padding: 9px 10px;
border-radius: 5px;
color: #fff;
background-color: #628cb2 !important;
margin-top: 0;
display: inline-block;
font-size: 14px;
width: 100%;
}
.updinvoice-inner .righttupd #pdf {
height: 100%;
overflow: auto;
max-height: inherit;
}
.upd-invoicecls form#upload_invoice {
margin: 0;
}
.schedulepay-model.ledger.lawfirm-ledger ul.schedule-data-head {
grid-template-columns: 15% 30% 18% 18% 19%;
width: 100%;
}
.schedulepay-model.lawfirm-ledger .schedule-data-total {
grid-template-columns: 42% 20% 19% 19%;
}
.schedulepay-model.lawfirm-ledger .schedule-data-total.accrued-ttl {
grid-template-columns: 100%;
}
.pymtrpop .schedulepay-model.lawfirm-ledger .schedule-data-total {
grid-template-columns: 50% 50%;
}
.update_leader{
grid-template-columns: 17% 20% 20% 20% 23% !important;
}
.update_leaderitems{
grid-template-columns: 17% 20% 20% 20% 23% !important;
}
.schedulepay-model.ledger.lawfirm-ledger .schedule-data-detail li {
grid-template-columns: 15% 30% 18% 18% 19% ;
}
.schedulepay-model.ledger.lawfirm-ledger .schedule-data-detail li .input-dollar p .dollar-sign {
left: inherit;
right: inherit;
position: inherit;
}
.schedulepay-model ul.schedule-data-detail li p.debit_p, .modal-main-full.Ledger-popup .schedule-data-head li.debit_p {
text-align: right;
padding-right: 20px !important;
}
.schedulepay-model ul.schedule-data-detail li p.credit_p, .modal-main-full.Ledger-popup .schedule-data-head li.credit_p {
text-align: right;
padding-right: 5px !important;
}
.schedulepay-model ul.schedule-data-detail li p.limit_p, .modal-main-full.Ledger-popup .schedule-data-head li.limit_p {
text-align: right;
padding-right: 15px !important;
}
.schedulepay-model.ledger.lawfirm-ledger .schedule-data-detail li .input-dollar p .dollar-sign {
top: inherit;
}
.pyledger .schedulepay-model.ledger.lawfirm-ledger ul.schedule-data-head {
grid-template-columns: 14% 16% 12% 12% 12% 12% 12% 10%;
}
.pyledger .schedulepay-model.ledger.lawfirm-ledger .schedule-data-detail li {
grid-template-columns:  14% 16% 12% 12% 12% 12% 12% 10%;
}
.pyledger.cls-mtt .schedulepay-model.ledger.lawfirm-ledger ul.schedule-data-head {
grid-template-columns: 5% 13% 14% 11% 11% 12% 12% 13% 9%
}
.pyledger.cls-mtt .schedulepay-model.ledger.lawfirm-ledger .schedule-data-detail li {
grid-template-columns: 5% 13% 14% 11% 11% 12% 12% 13% 9%
}
.schedule-data-detail .date-data input {
box-shadow: 0 0 0 0 transparent;
height: 20px;
}
.modal-main-full.cls-mtt .top-right-crt p {
font-size: 16px;
}
.lw-tbl.dt-list li.invoice_right {
text-align: right;
padding-right: 8px;
}
.lw-tbl.dt-list li.invoice_right input{
text-align: right;
padding-right: 15px;
}
.lw-tbl.dt-list li.invoice_left {
text-align: left;
padding-left:8px;
}
.crte-nw-btn {
text-align: right;
margin-top: -40px;
}
.undercolor {
background-color: orange !important;
}
.declindcolor{
background-color: red;
}
.selectinvoices {
background-color: #fff;
}
.matters_new a:hover{
color: #cd6c00;
}
.schedulepay-model.ledger .schedule-data-detail {
max-height: 460px;
height: auto;
overflow: auto;
}
.schedulepay-model.ledger .schedule-data-detail::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}
.schedulepay-model.ledger .schedule-data-detail::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.faci-limt .top-right-crt li select {
border-radius: 5px;
}
.faci-limt .journal ul {
display: grid;
grid-template-columns:17% 17% 17% 22% 27%;
max-width: 100%;
margin: 20px auto 5px;
}
.faci-limt .top-right-crt li.input-dollar input, .faci-limt .top-right-crt li .input-dollar input {
padding-left: 8px;
}
img#admin_image_logo {
width: auto!important;
max-width: 100% !important;
height: 60px;
}
.rntmain {
justify-content: center;
align-items: center;
display: flex;
height: 70vh;
width: 100%;
}
.rntmain.Cons {
height: 50vh;
}
.rl-buttons {
text-align: center;
margin-top: 80px;
}
.rl-buttons .ylw-btn{
padding: 10px 50px !important;
display: inline-block;
height: auto !important;
width: auto !important;
font-size: 20px !important;
margin: 5px;
line-height: 28px;
border: 0;
color: #fff;
}
.rl-buttons .ylw-btn:hover {
background: #ea5b5b; 
background: -moz-linear-gradient(top,  #ea5b5b 0%, #dd5656 54%, #ea5b5b 100%); 
background: -webkit-linear-gradient(top,  #ea5b5b 0%,#dd5656 54%,#ea5b5b 100%);
background: linear-gradient(to bottom,  #ea5b5b 0%,#dd5656 54%,#ea5b5b 100%);
font-weight: 500;
border:0px;
color:#fff;
}
.home_btn-nav{
border: 0px solid #eec291;
padding: 6px 20px;
border-radius: 5px;
background: #b1b1b1;
color: #000;
font-weight: 500;
display: flex;
margin-left: 10px;
}
.home_btn-nav:hover{
background: #eec291;
color: #000;
}
.smsuserlist th {
background: #153a5b;
color: #fff;
}
.search_app.grid_new {
grid-template-columns: 44% 29%;
grid-column-gap: 2%;
display: grid;
}
/*.notes_editor_grid {
margin-top: 25px;
}*/
.clone-pop .modal-dialog {
max-width: 1000px;
}
.clone-pop p {
font-weight: 700;
font-size: 20px;
}
.clone-pop .modal-content {
padding: 30px;
}
.clone-pop .clone-body input{
height: 50px;
}
.clone-pop .main_model_head input {
margin: 0 auto;
height: 50px;
}
.clone-pop .main_model_head select.form-control{
height:50px !important;
}
.clone-pop .clone-body select#clone_type {
height: 50px;
}
.clone-pop button.btn.btn-primary.re_cloneld {
padding: 4px 40px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgb(0 0 0 / 7%);
border-radius: 6px;
color: #000;
font-size: 16px;
font-weight: 600;
transition: 0.5s;
height: 50px;
cursor: pointer;
}
.pending-mdl .lw-tble ul {
grid-template-columns:14% 14% 14% 14% 14% 14% 14%;
}
.update_pending ul {
grid-template-columns: 2% 10% 16% 13% 15% 15% 25% !important;
}
.payee-pop-dta li  {
position: relative;
}
.payee-pop-dta li p {
padding-right: 25px;
}
.payee-pop-dta li span {
font-size: 28px;
color: #ff6e19;
position: absolute;
top: 0px;
right: 11px;
}
.right-main-col {
width: 100%;
padding-left: 60px;
}
.oneline-head {
display: flex;
justify-content: space-between;
}
.gen-btn {
display: flex;
text-align: center;
}
.gen-btn h3 {
margin: 0;
line-height: 40px;
margin-right: 10px;
}
.oneline-head button.btn.btn-primary {
border-radius: 34px ;
padding: 7px 40px ;
}
.oneline-head button.btn.btn-primary:hover {
border-radius: 34px ;
padding: 7px 40px ;
}
.matter-first {
width: 60%;
margin: 0 auto;
}
.singlelw .actslt-tbhead, .alllw .actslt-tbhead {
list-style: none;
padding: 10px;
font-weight: 600;
margin: 0;
background: #f7f9a0;
color: #000;
}

.singlelw .actslt-tbhead{
display: grid;
grid-template-columns: 10% 8% 10% 18% 11% 11% 11% 10% 11%;
margin-bottom: 5px;
}
.singlelw .actslt-tbdta{
list-style: none;
padding:7px 10px;
display: grid;
grid-template-columns: 10% 8% 10% 18% 11% 11% 11% 10% 11%;

/* grid-template-columns: 4% 8% 10% 14% 7% 10% 10% 10% 8% 8% 10%; */
font-weight: 400;
margin: 0;  
background: #e7e7e7;
color: #000;
margin-bottom: 5px;
}
.DetailLaw .actslt-tbhead {
    display: grid;
    grid-template-columns: 8% 9% 9% 10% 5% 12% 9% 9% 10% 10% 9%;
    list-style: none;
    padding:7px 10px;
    font-weight: 400;
    margin: 0;  
    background: #e7e7e7;
    color: #000;
    margin-bottom: 5px;
}
.DetailLaw .actslt-tbhead th{
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.DetailLaw .actslt-tbdta{
    display: grid;
    grid-template-columns: 8% 9% 9% 10% 5% 12% 9% 9% 10% 10% 9%;
    list-style: none;
    font-weight:700 ;
    background: transparent;
    /* grid-template-columns: 100%; */
    margin: 0;
    padding: 5px;
}
.DetailLaw .actslt-tbdta td{
    padding: 18px 10px 
}
.DetailLaw .DetailTotal{
    background-color: #e4fbc1;
}
.actlst-btn .form-group {
margin: 0;
}
.singlelw .actslt-tbdta.totl{
font-weight:700 ;
/* grid-template-columns: 46% 11% 11% 11% 10% 11% ;*/
}
.singlelw .actslt-tbdta.head-dta{
font-weight:700 ;
background: transparent;
grid-template-columns: 100%;
margin: 0;
padding: 5px;
}
.singlelw .actslt-tbdta.mainhead-dta{
font-weight:700 ;
background: transparent;
grid-template-columns: 100%;
margin: 0;
padding: 5px;
border-bottom: 1px solid #ddd;
}
.hr-line{
margin-top: 10px;
margin-bottom: 10px;
border-top: 2px solid #707070;
}
.alllw .actslt-tbhead {
display: grid;
grid-template-columns: 22% 13% 13% 13% 13% 13% 13%;
margin-bottom: 5px;
}
.alllw .alllw-tbdta{
list-style: none;
padding:7px 10px;       
font-weight: 400;
margin: 0;  
background: #e7e7e7;
color: #000;
display: block;
}
.alllw td{
background: #e7e7e7;
padding:0px 10px;   
}
.alllw .alllw-tbdta td {
width: 100%;
display: block;
}
.emptytrcls{
margin-bottom: 5px;
display: block;
width: 100%;
}
.alllw .compny-totl td{
font-weight: 700;
padding-bottom: 7px;
}
.alllw .compny-totl, .alllw .all-act{
width: 100%;
max-width: inherit;
margin: 0;
display: grid;
grid-template-columns: 22% 13% 13% 13% 13% 13% 13%;
}
.alllw .grand-total{
width: 100%;
max-width: inherit;
margin: 0;
display: grid;
font-weight: 700;
grid-template-columns: 22% 13% 13% 13% 13% 13% 13%;
}
.alllw .grand-total td{
padding: 10px;
}
.del-act{
height: 62vh;
width: 100%;
overflow: auto;
display: inline-block;
}
.alllw .alllw-tbdta .compny-title {
display: grid;
grid-template-columns: 100%;
font-weight: 700;
margin: 0;
padding: 0px;
}
.alllw .alllw-tbdta .compny-totl{
grid-template-columns: 35% 13% 13% 13% 13% 13%; 
font-weight: 700;
margin: 0;
padding: 5px;
}
.alllw .alllw-tbdta p{
margin: 0;
}
.uplod_imput{
position: relative;
}
.uplod_imput input {
position: absolute;
top: 0;
z-index: 0;
width: 130px;
opacity: 0;
right: 0;
height: 45px;
cursor: pointer;
}
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
cursor: pointer; 
}
.office_check_box {
display: flex;
position: inherit;
}
.office_check_box .form-check-label {
padding-left: 0;
margin-bottom: 0;
cursor: pointer;
}
.office_check_box .form-check-input {
position: inherit;
margin-top: 0.25rem;
margin-left: 10px;
}
.actslt-tb table{
width: 100%;
}
span.prevuplod {
position: absolute;
right: 20px;
top: 45px;
}
.preview_side .nav-tabs .nav-item{
position: relative !important;
}
span.prevuplod input {
width: 110px;
}
.highlight_field  {
background: #e9dbcb !important;
border: 2px solid #000 !important;
}
/********* tooltip css start *****/
.tooltip {
background: #eec291 !important;
box-shadow:0 transparent !important;
position: absolute !important;
border-radius: 5px !important;
padding:4px 8px !important;
color: #000 !important;
font-size: 14px !important;
top: -10px !important;
height: 30px !important;
opacity: 1 !important;
}
.tooltip:before {
width: 0 !important; 
height: 0 !important; 
border-left: 7px solid transparent !important;
border-right: 7px solid transparent !important;  
border-top: 7px solid #eec291 !important;
content: "" !important;
position: absolute !important;
left: 0 !important;
right:0 !important;
margin:0 auto !important;
bottom: -7px !important;
} 
.tooltip-inner {
max-width: 200px;
padding:0;
opacity: 1 !important;
color: #000;
text-align: center;
background-color:  #eec291 !important;
border-radius: .25rem
}
.tooltip.show{opacity:1 !important;}

/*********tooltip css end*****/
li.start-dtn_date h3 span {
margin-top: 13px;
display: inline-block;
}

/*****************  Responsive ******************
**************************************************
***************************************************************/
/*  @media (min-width: 2100px) {.budget-port.rl-port.bw-after-login {height: calc(100vh - 325px)!important;}}
@media (min-width: 1800px) {.budget-port.rl-port.bw-after-login {height: calc(100vh - 285px);}}
@media (max-width: 1799px){.budget-port.rl-port.bw-after-login {height: calc(100vh - 268px);}}
@media (max-width: 1500px){.budget-port.rl-port.bw-after-login {height: calc(100vh - 255px);}}*/
@media only screen and (min-width: 1500px) {
/***************6 nov 2020******************/	
.top-right-crt .security-model li .input-dollar .dollar-sign {
top: 0px;
left: 0;
}

.loancal-data {
height: 700px;
overflow: auto;
}
.create-loan-main .prtl-body-inner {
height: 100%;
max-height: 640px;
overflow: auto;
}
.security-modal .top-right-crt ul li h6{
font-size: 18px;
}
a.red-btn {
font-size: 16px !important;
max-width: 100%;
padding: 8px 10px;
}
.modal-main-full .top-right-crt p {
font-size: 17px;
}
.center-red-btn.journal-btn .red-btn {
font-size: 17px !important;
font-weight: 600 !important;
}
.top-right-crt li.input-dollar p, .top-right-crt li .input-dollar p {
padding-left: 0px;
}
.manual-payment .ul-data li p {
font-size: 18px;
}
.manual-payment .ul-data li p#payout_loan {
padding-left: 10px;
}
.top-right-crt li .input-dollar p .dollar-sign, .top-right-crt li.input-dollar p .dollar-sign{
left:0px;
top: 9px;
}


.Ledger-popup .top-right-crt li.input-dollar h6 .dollar-sign {
left: 0px;
top: 0;
font-size: 17px;
}
.cmpnyclintloan .clnt_span_three .check_radio label {
position: relative;
top: -3px;
}

.view-right-loan ul p {
font-size: 20px;
}
.top-right-crt li .dollar-sign {
top: 10px;
font-size: 16px;
}
.top-right-crt li .input-dollar .dollar-sign {
top:5px;
font-size: 16px;
}
.further-second-btns a.red-btn {
font-size: 18px !important;
margin-right: 7px;
font-weight: 500;
}
p.view-cntr-text {
font-size: 22px;
}


/* update caluculator_provider_loan started  */

.facility_head h2{
color: #000;
font-weight: bold;
font-size: 26px;
text-align: left;
margin-top: 10px;
}
.facility_input {
width:100%;
margin: 0 auto;
}
.facility_input input {
height: 42px !important;
border-radius: 7px !important;
padding-left: 15px;
padding-top: 12px;
}
.update_provider_plus h5 {
text-align: left;
color:#00008b;
font-size: 22px;
font-weight: 700;
padding-top: 0;
padding-bottom: 10px;
}
.update_provider_loan_type_box{
background: #f9fae2;
border-radius: 7px;
}

.third-loan-inner li.bt-big, .third-loan-inner li.bt-big p {
font-size: 17px;
font-weight: 700;
}
.stk-boxx .loan_details {
font-size: 15px;
line-height: 10px;
padding: 12px 5px;
height: 35px;
}
.stk-boxx .loan_details:nth-child(2){
border-right: 1px solid #d7d7d7;
}
.stk-boxx .loan_details.right {
font-weight: 600;
font-size: 15px;
}
.stk-boxx {
background: #f9fae2;
border-radius: 7px;    
margin-bottom: 10px;
}
.stk-rw {
display: grid;
align-items: center;
width: 100%;
grid-template-columns: 20% 30% 20% 30%;
grid-column-gap: 0%;
border-bottom: 1px solid #d7d7d7;
}
.stk-rw:last-child {
border: 0;
}
.update_stkl p {
line-height: 20px;
padding: 12px 5px;
}
.update_stkl{
display: grid;
align-items: center;
width: 100%;
grid-template-columns: 23% 27% 23% 27%;
grid-column-gap: 0%;
border-bottom: 1px solid #d7d7d7;
}
.update_stkl p.update_provider_loan {
border-right: 1px solid #d7d7d7;
}
.update_stkl p.update_provider_loan:last-child {
border-right: 0;
}
.update_right{
/* text-align: right; */
font-size: 15px;
font-weight: 600;
}
.update_provider_loan{
margin-bottom: 0;
color: #000;
font-weight: 600;
font-size: 15px;
padding-left: 12px;
}
.borderbb{
border: none;
}
.update_buttons {
padding-top: 28px;
text-align: center;
}

/* update caluculator_provider_loan ended  */

.clt-not {
text-align: right;
margin-top: 10px;
}
.schedulepay-model.ledger .schedule-data-total h6{
font-size: 17px;
padding-right: 13px;
}
.schedulepay-model.ledger ul.schedule-data-head h6{
font-size: 19px;
}
.second-crt-bottom-rt label {
font-size: 19px;
line-height: 24px;
}
.top-crt-main p{
font-size: 17px;
margin: 0 0 5px 0;
}
.text-black{
font-size: 20px;
}
.comment-textarea select {
height: 35px;
font-size: 16px;
}
.heading-left-text {
font-size: 22px;
}
.right-loan-view  {
height:80vh;
overflow: auto;
}
.blue-btn{
font-size: 16px;
display: inline-block;
margin-top: 10px;
padding: 6px 12px;
border-radius: 3px;
}
.blue-btn.individual-savebtn {
margin-top: 0;
}
.sky-blue-btn{
font-size: 17px;
display: inline-block;
padding: 10px 20px;
}
.top-right-crt li input{
height: 35px;
font-size: 18px;
color: #333;
padding-left: 5px;
}
.third-crt-one li input{
height: 35px;
color: #333;
padding-left: 5px;
font-size: 18px;
}
.third-crt-one li select{
height: 35px;
font-size: 18px;
color: #333;
padding-left: 2px;
font-weight: 700 !important;
}
.third-crt-one.full li select{
font-size: 18px;
border-radius: 0;
}
.static_box_input{
position: relative;
}
.static_box_input img.calculator_percent {
height: 16px;
width: auto;
position: absolute;
top: 9px;
left: 68px;
}
.static_box_input .calculator_mnth {
height: 16px;
width: auto;
position: absolute;
top: 8px;
left: 68px;
font-weight: 700;
}
.third-crt-one.full p{
margin-top: 10px;
}
.third-crt-one.full .liaddmore p{
margin-top: 0px;
}
.third-crt-three label{
font-size: 20px;
font-weight: 600 ;
margin-top: 30px;
}
.second-crt-data li input, .second-crt-data li select{
height: 35px;
font-size: 18px;
color: #333;
font-weight: 600 !important;
}
.top-right-crt li select{
height: 35px;
color: #333;
font-weight: 400 !important;
font-size: 18px;
border-radius: 5px;
}
/*.top-right-crt li select.individselect {
height: auto;
border-radius: 0;
padding: 6px;
font-size: 18px;
line-height: 22px;
}*/
.adjustlist {
height: 145px;
overflow: auto;
border: 1px solid #9e9e9e;
margin: 0px 7px;
border-radius: 5px;
}
.top-right-crt li.select-li select.selecthight{
height: auto !important;
position:absolute;
z-index: 99;
width: 93%;
}
li.select-li {
position: relative;
}
.top-right-crt select:focus {
outline: 0;
}
.red-heading {
font-size: 18px !important;
padding: 12px 0 !important;
font-weight: 700;
}
.third-crt-data li, .third-crt-data li p {
font-weight: 700;
font-size: 17px;
}
.third-crt-data .full li, .third-crt-data .full li p {
font-weight: 700;
font-size: 14px;
}
.top-blk-heading {
font-size: 27px;
text-align: center;
}
.slide-right-btns {
height: 100%;
}
.loan-slide-btn.sidebar a{
font-size: 16px !important;
max-width: 200px;
height:35px;
font-weight: 500;
}
.view-right-scroll {
height:64vh;
position: relative;
margin-top: 10px;
}
.view-right-scroll.swipe-btn-data {
height: 100%;
}
.swipe-btn-data .slide-right-btns {
height: 100%;
overflow: scroll;
}
.right-loan-btns button.btn.btn-primary.red-btn {
padding: 8px 15px;
font-size: 15px;
}
.right-loan-btns button.btn.btn-primary.red-btn:hover, .right-loan-btns button.btn.btn-primary.red-btn:active, .right-loan-btns button.btn.btn-primary.red-btn:focus{
padding: 8px 15px;
height: auto;
font-size: 15px;
}
.payout-calcultor li p {
line-height: 25px;
}
.loan-inner-heading {
font-size: 20px;
}
.loan-rental .loan-inner-heading {
font-size: 19px;
}
button.btn.btn-primary.red-btn{
padding: 8px 14px;
height:auto;
font-size: 16px;
background: #b1b1b1;
color: #000;
}
.three-provider .update_buttons .btn.btn-primary.red-btn  {
padding: 12px 45px;
}
button.btn.btn-primary.red-btn:hover, button.btn.btn-primary.red-btn:active, button.btn.btn-primary.red-btn:focus{
padding: 8px 14px;
background: #eec291;
height:auto;
font-size: 16px;
color: #000;
}
.third-loan-inner select{
font-size: 16px;
padding: 6px;
width: 100%;
}
.updinvoice-inner .third-loan-inner select{
box-shadow: 0px 2px 4px 0px #979797;
}
.restrt-p button.btn.btn-primary.red-btn{
padding: 8px 14px;
height:auto;
font-size: 13px;
margin-right: 8px;
}
.open-loan-rental th {
font-size: 18px;
padding: 0px 15px;
}
.loan-rental .open-loan-rental th {
font-size: 16px;
padding: 0px 10px;
}
.open-loan-rental td {
font-size: 18px;
padding: 0px 15px;
font-weight: 500;
}
.loan-rental .open-loan-rental td {
font-size: 16px;
padding: 4px 12px;
font-weight: 500;
}
.office-table ul li {
font-size: 18px;
font-weight: 500;
}
.loan-body-inner {
height: auto;
overflow: scroll;
}
.third-loan-inner li {
font-size: 15px;
}

.top-wt-heading {
font-size: 30px;
}
.top-wt-sub-heading {
font-size: 30px;
}
.sub-ul-data li{
font-size: 19px;
}
.main-rd-heding{
font-size: 22px;
}
.prtl-right-btn ul li p {
top: 7px;
}
.payout-calcultor li input {
padding: 9px 10px 5px;
}
.client_portal_body .loan-inner-heading {
font-size: 20px;
}
.client_portal_body .view-right-scroll {
height: 450px;
}
.client_portal_body .right-loan-view {
height: auto;
overflow: visible;
}
}

@media only screen and (min-width: 1800px) {
.main-client.rl-port {
height: calc(96vh - 256px)!important;
}
}
@media only screen and (min-width: 2500px){
.main-client.rl-port {
height: calc(94vh - 256px)!important;
}
}

@media (min-width: 1117px) {
.bw-after-login {
height: calc(100vh - 330px);
}
.navbar-nav_tlt{padding: .3rem 0;}
}


@media (min-width: 991px) {
.bw-after-login {
/*height: calc(100vh - 330px);*/
height: 75vh;

}
.modal-lg.mdl-dt{max-width: 945px!important;}
}
@media (max-width: 1117px) {

}


@media (max-width: 991px) {
.search_btn_req {margin-left: 22%;}
.header-part2 .logo-port {
display: none;
}
.hidden-logo.navbar-brand {
display: block;
}
.show .dropdown-menu {
background: #ecc380;
box-shadow: unset;
}   
.main-nav.second-header.navbar-light .navbar-nav .nav-link {
font-size: 14px !important;
}
.top-arrow {
visibility: visible;
display: block
}
.auth {

position: absolute;
right: 0;
top: 100%;
background: #fff;
width: 250px;
z-index: 999;

}
.search-form .form-control {
padding: 4px 5px;
background: #9ef2b2;
border: none;
font-size: 13px;
border-radius: 2px;
}
.main-nav {
padding: 0;
}
.main-nav .navbar-toggler-icon {
background-size: 20px;
position: relative;
top: 5px;
}
}



/* for container*/

.container_tt
{
padding-top:35px;
text-align:center;
padding: 35px 0px 10px;
}
.container_tt h6{
font-weight:700;
color:#e60000;
margin-bottom:20px;
}

.wrapper_t
{

height: 300px;
display: contents;
flex-direction: column;
flex-wrap: wrap;
}
/*select.form-control:not([size]):not([multiple]) {
height: auto ;
}*/



.img_remove img {
position: absolute;
background:#fff;
width: 20px;
top: 2px;
right: 2px;
border-radius: 50%;
}

@media (min-width:1200px) {
.wrapper_t{
width:1100px;
}
}

@media (max-width: 1200px) {
.main-nav.second-header.navbar-light .navbar-nav .nav-link {
font-weight: normal;
font-size: 12px;
}
.top-nav-bn{display:grid;grid-template-columns:1fr 1fr;}

}

.top-nav.nav_bg {
background: none;
margin-top: 1%;
}

label.bac_newclr.kp {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 3px;
}

input.tet_box {
width: 100%;
}

span.rht_sp {
text-align: right;
}
label.with-bg.ip {
display: grid;
grid-template-columns: 1fr 1fr;
}
.bac_newclr{
background-color: #98b4c2;
color: #000;
font-weight: bold;
font-size: 13px;
width: 100%;
margin: 0;
padding: 4px 10px;
}
.budget-bar.bac_newclr {
padding: 0;
width: 100%;
position: fixed;

z-index: 1;
left: 0;
right: 0;
max-width: 1165px;
margin: 0 auto;
}
section.notes-port.rl-port.bw-after-login::-webkit-scrollbar {
display: none;
}
/* ::-webkit-scrollbar { width: 0 !important } */
.ad_btn.rht.adam:hover{
background: #021063;
}
#form2 .loan_calc {
color:#000!important;
}

.hero-camera .nav-link.purple_hover.active {
background: #021063!important;
}
.ad_btn.rht.down{
border:none!important;
}
.ad_btn.rht.disable{
cursor: not-allowed!important;
}
.nav-link.gray_link {
color: #f9f9f9!important;
}
.uploads-area .fulll-box.four {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
object.object_pre {
width: 100%;
height: 100%;
}
.text_bold{
font-weight: bold;
font-size:: 13px!important;
}
.fulll-box.four .box p {
font-weight:bold;
}
.fade.four_col .fulll-box.four {
grid-template-columns: 1fr 1fr 1fr;

}
.assessment_date.amt_dlr span {
padding: 0 0 0 17px;
}
.text-center.approved .loged {
width: 60%;
margin: auto;
background: #dbedea;
font-size: 20px;
opacity: 1;
padding: 9px 0;
text-align: center;
border: 1px solid #818181;
}
.text-center.approved .text-center button.btn.btn-primary {
border: none;
background: #ea8b00;
width: 60%;
padding: 10px 0;
}
img.dollar_bank {
margin-top: 37px;
}
.clone_btn.clon {
margin-left: -75px;
}
span.sml.req.title_sp:before {
top: 27px!important;
}
.btn-big {
font-size: 19px!important;
width: 118px!important;
padding: 6px 3px!important;
}
li.nav-item_btn_np {
background: #ffffff47;
margin: 0 9px;
padding: 3px 0;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.52);
}
.ad_btn.rht.min_disable{
cursor: not-allowed!important;
background:gray;
}
.three-col .ol {
margin-right: 28px;
font-weight:bold;
}
.front_table .client_body{
height: 271px;
overflow-y:auto;
}
.front_table{
/*    height: 271px!important;
overflow: hidden!important;*/
}
.front_table thead,.client_body{
display:block;
}
.front_table tbody#tbodydata tr {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.front_table .client_head tr{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.client_head2 tr{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr!important;
}

.client_body tr {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr!important;
} 
.front_table tbody#tbodydata .client_row {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr!important;
}
p.name_head {
font-size: 18px;
font-weight: 500;
color: #536dfa;
}

p.name_head span {
margin: 0 5px;
}
.client-head{
font-size: 20px;
text-align: center;
margin-bottom: 0;
text-transform: capitalize;
}
.mod_el .table-fixed tbody {
height: 430px;
overflow-y: auto;
width: 100%;
}
.pevious_grid span.moved_data.form-inline .selectpicker {
height: 25px;
}
.team_notes .read_note {
width: 54%;
margin: auto;
}
.card_name .name_list_card span.by_card {
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #666666;
}
.name_list_card p.name_list_card {
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: #666666;
}
.name_list_card span.card_date {
font-style: italic;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #666666;
}
.card_name p.name_list_card {
display: inline;
}

button.pub_private {
border: 1px solid #21B49F;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 13px;    
margin-left: 7px;
border-radius: 2px;
color: #21B49F;
}
.bottom_text_card p.bottom_text {
font-style: normal;
font-size: 14px;
line-height: 19px;
color: #595959;
margin-bottom: 5px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 500;
text-overflow: ellipsis;
}
.read_note .inner_public {
padding: 10px;
position: relative;
}
.card_name .name_top_card {
margin-bottom: 2px;
}
.card_name .read_unread {
position: absolute;
right: 20px;
top: 14px;
}
.read_unread p.unread_msg {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #AA1D1D;
}
.team_notes {
height: auto;
}
.business-teamnote{height: auto;}


.team_notes .read_note .card {
margin-bottom: 4px;
}
.read_unread p.read_msg {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #0B9944;
}
.card_title h3.team_title {
font-style: normal;
font-weight: 500;
line-height: 19px;
margin-bottom: 0;
color: #333333;
padding: 10px 0px;
}
.rss_feed .card_title h3.team_title {
text-align: center;
font-size: 25px;
/* margin: 10px 0 20px; */
}
button.btn.newbtn_message {
float: right;
color: #fff;
border-radius: 25px;
}

.card_title .new_add {
text-align: right;
}
.read_note .card_title {
margin-bottom: 10px;
display: flow-root;
}
.team_notes button.add_btn_note {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #21B49F;
border: none;
padding: 5px;
border-radius: 2px;
}
/*.card_title .new_add button.btn.btn-primary.add_btn_note {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 14px;
color: #21B49F;
cursor: pointer;
background: #EAFFFC;
}*/
.checkbox_list {
display: grid;
grid-template-columns: 95% 5%;
width: 100%;
}
.here_text {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 150%;
padding: 15px 0 0 15px;
color: #333!important;
}
.form-control.here_text {
background-color: rgb(255, 255, 255) !important;
}
.cont_data button.btn.btn-secondary.cancel_btn {
background: #b1b1b1;
border: 1px solid #b1b1b1;
box-sizing: border-box;
border-radius: 8px;
color: #000;
padding: 12px 30px 8px;
font-size: 17px;
transition: 0.5s;
cursor: pointer;
font-weight: 600;
display: inline-block;
height: 45px;
}
.cont_data button.btn.btn-primary.send_btn {
background: #b1b1b1;
border: 1px solid #b1b1b1;
box-sizing: border-box;
border-radius: 8px;
transition: 0.5s;
color: #000;
padding: 12px 30px 8px;
font-size: 17px;
height: 45px;
}
.cont_data button.btn.btn-primary.send_btn:hover, .cont_data button.btn.btn-secondary.cancel_btn:hover  {
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
background: #eec291;
border: 1px solid #eec291;
}
.select_list.sms_list input[type=file]{
padding-top: 12px;
}
.modal-footer.cont_data {
text-align: right!important;
}
.boxed label {
display: inline-block;
width: 70px;
text-align: center;
padding: 10px;
transition: all 0.3s;
}
.boxed input[type="radio"] {
display: none;
}
.boxed input[type="radio"]:checked + label {
color: #21b49f;
}
.check_list .select_list {
display: grid;
grid-template-columns: auto 31%;
}
.colum_list .from_data {
position: relative;
left: 33px;
}
.colum_list .from_data .form-group {
margin-bottom: 1px;
}
.from_data .check_input {
margin: 7px 0 0 -21px;
}
.hidden_form{
overflow: auto;
height: auto;
width: 518px!important;
margin-top: -10px;
max-height: 197px;
}
.current_todo {
width: 100%;
display: grid;
grid-template-columns: 49% 49%;
grid-column-gap: 14px;
}
.current_todo .todo_list {
background: #FFFFFF;
border-radius: 6px;
padding: 12px;
}
.team_todo .read_note {
width: 54%;
margin: auto;
}
.todo_preview .card_title {
margin-bottom: 0px;
}
.team_notes .todo_preview {
width: 54%;
margin: auto;
}
.todo_checkdata .form-check label {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 19px;
width: 84%;
margin-left: 10px;
color: #666666;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.todo_checkdata {
position: relative;
left: 0px;
overflow: auto;
height: 48vh;
}
/*.seven-col span {
margin-bottom: 10px;
}*/
.checkbox_labels .todo_check {
margin: -4px 0 0 0!important;
font-size: 35px;
height: 26px;
width: 17px;
}
.checkbox_labels .check_date {
position: relative;
}
/*.fourassets-col span {
margin-bottom: 10px;
}*/
/*.fiveassets-col span {
margin-bottom: 10px;
}*/
/*.eightasset-col span {
margin-bottom: 10px;
}*/
/*.sixasset-col span {
margin-bottom: 10px;
}
.eightasset-col span {
margin-bottom: 10px;
}*/
.checkbox_labels .check_date {
position: relative;
padding: 10px;
border-bottom: 1px solid #d8d6d6;
}
.date_list {
position: absolute;
display: inline;
right: 0;
margin: 4px 0 0 0;
font-style: italic;
top: 7px;
font-weight: normal;
font-size: 12px;
color: #999999;
}
.card_title .arch_title {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #333333;
}
span.check_back {
position: absolute;
color: #21B49F;
font-size: 18px;
}
.archive_list .form-check label {
color: #999;
}
.archive_list .check_tick label.form-check-label {
text-decoration: line-through;
margin-left: 10px;
}
.archive_list .form-group.form-check.check_tick {
padding: 10px 0 10px 10px;
border-bottom: 1px solid #d8d6d6;
}
.check_tick .trash_box {
position: absolute;
display: inline;
right: 0px;
margin:8px 13px 0 0;
font-style: italic;
top: 0px;
font-weight: normal;
font-size: 19px;
color: #999999;
}
.check_tick .trash_box button {
border: none;
background: none;
padding: 0;
margin: 0;
cursor: pointer;    
outline: none;
color: #999;
}
.sms_manager {
padding: 20px;
height: auto;
min-width: 68px;
}
.sms_manager .sms_inner {
width: 54%;
margin: auto;
}
.sms_manager.sms_inner .sms_head {
margin-bottom: 10px;
}
.sms_manager .sms_inner .sms_head h3.sms {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #333333;
float: left;
}
.sms_body {
background: #fff;
display: block;
width: 100%;
border-radius: 6px;
overflow: auto;
/*//display: inline-table;//*/
height: 65vh;
}
.search_app.grid_new button.btn.btn-primary {
height: 30px;
position: absolute;
top: 16px;
border-radius: 30px;
right: 15px;
}
.sms_manager .sms_inner .sms_head {
width: 100%;
display: inline-block;
}
.link_inbox .inbox_profile p {
margin-bottom: 5px;
}
.link_inbox {
background-repeat: no-repeat;
background-size: 14px 19px;
background-position: right center, left top;
}
.sms_body .link_inbox {
position: relative;
}
.inbox_profile span.code_client {
font-style: italic;
font-weight: 500;
font-size: 12px;
line-height: 14px;
color: #666666;
margin-left: 0px;
}
.bck-arow img {
width: 40px;
}
#download_report, #download_report:active, #download_report:focus    {
border-color: #b1b1b1;
color: #000;
box-shadow: 0 0 0 0px transparent;
}
.sms_body .inbox_profile span.name_clnt {
font-style: normal;
font-size: 16px;
line-height: 16px;
color: #333333;
font-weight: 700;
}
.open_modal .link_inbox {
padding:5px;
margin: 12px 15px;
cursor: pointer;
border: 1px solid #e8e8e8;
border-radius: 5px;
}
.open_modal .link_inbox:hover {
background: #f9fae3;
}
.check_notes.send_fms {
background: #d0d0d0 !important;
}
.check_notes.other_send_fims {
background: #e8ea94;
}
/*.teamnote_left .check_notes:hover {
background: #f9fae3;
}*/
span.cross_icon.assets {
/*  left: 18px;*/
cursor: pointer;
}
.quote_form .form_inventory .form-control {
text-transform: capitalize;
}
.quote_form .form_inventory span.req:before {
left: 1px;
top: 4px;
}
td.inventory_list {
width: 150px;
}
span.notetypetxt.note_user {
position: absolute;
right: 0;
font-size: 12px;
top: 9px;
color: #a80f0f;
}
.scroll_tab .data_name {
position: relative;
}
button.close {
outline: none;
color: #fff;
}
/*button.close:hover {
color: #fff;
}*/
.ad_btn:focus {
color: #333;
}
/*.preview_side_button .nav-item .nav-link:hover {
color: #fff!important;
background: #115f53;
}*/
.name_des {
border-bottom: 1px solid #ccc;
padding: 3px;
height: auto;
overflow: auto;
max-height: 53px;
}
p#reader_list {
margin: 0;
}
p#selected_users_name {
height: auto;
max-height: 55px;
overflow: auto;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
cursor: pointer;
padding: 6px;
}
#selected_users_name span.reader_one {
border: 1px solid #ccc;
line-height: 20px;
padding-left: 7px;
font-size: 11px;
font-weight: 500;
padding-right: 7px;
color: #666;
background: #cccccc59;
margin: 0px 0px 3px 2px;
text-align: center;
border-radius: 50px;
}
.trash_box{
visibility: hidden;
position: absolute;
opacity: 0;
transition: opacity 0.3s;
}
.dele_box:hover .trash_box {
visibility: visible;
opacity: 1;
}
.name_des span.reader_one {
border: 1px solid #ccc;
line-height: 20px;
padding-left: 7px;
font-size: 14px;
font-weight: 500;
padding-right: 7px;
color: #666;
background: #cccccc59;
margin: 0px 0px 3px 2px;
text-align: center;
border-radius: 50px;
}
.name_des p#reader_list {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;    
}
.description_id {
-webkit-box-shadow: inset 0px 0px 16px -6px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 16px -6px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 16px -8px rgba(0,0,0,0.75);
padding: 10px;
margin-top: 17PX;
height: auto;
max-height: 368px;
overflow: auto;
}
.dele_box .todo_check {
margin: 0;
}
.add_editinput {
width: 90%;
border: 1px solid #c7c7c7;
border-radius: 5px;
}
.row.notes_grid.mortgage_note {
width: 100%;
}
.invoice_list .invoice_grid {
display: grid;
grid-template-columns: 50% 50%;
width: 90%;
margin: auto;
grid-column-gap: 10px;
padding: 22px;
}
.invo_tab{
background: #fff;
color: #666;
border-radius: 6px;
}
table.table.invo_tab th {
border: none;
background: #F1F1F1;
border-radius: 6px;
font-style: normal;
font-size: 14px;
line-height: 26px;
text-transform: uppercase;
color: #333333;
}
table.table.invo_tab td {
padding: 10px 10px 0 10px !important;
}
table.table.invo_tab th {
padding: 10px !important;
}
.archive_right span.cross_dash {
text-decoration: line-through;
}
.archive_right span.cross_dash .checkbox-inline {
text-decoration: line-through;
}
.invoice_left i.fa.fa-download {
color: #000;
}
.archive_right i.fa.fa-download {
color: #999;
}
.sms_body .search_advance {
display: flex;
justify-content: space-between;
}
.link_inbox .inbox_profile .client_num {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #595959;
}
span.right_arrow {
position: absolute;
right: 18px;
color: #666;
top: 14%;
font-size: 26px;
}
img.search_sms {
width: 14px;
position: absolute;
left: 21%;
top: 11px;
}
.invoice_inner {
height: 58vh;
overflow: auto;
width: 100%;
background: white;
border-radius: 6px;
}
/*.search_advance button {
background: #21b49f!important;
border: none;
color: #fff!important;
font-weight: 500!important;
width: 103px;
}*/
.search_advance .search_input:focus {
background: #f2f2f2!important;
border: 1px solid;
}
.search_advance .search_input {
background: #F2F2F2;
color: #000!important;
font-size: 17px;
margin-bottom: 0;
width: 450px;
border-radius: 30px !important;
padding: 5px 15px !important;
cursor: pointer;
}
.sms_body .search_advance {
width: 100%;
padding: 15px;
}
.team_detail {
display: grid;
grid-template-columns: 48% 48%;
grid-column-gap: 25px;
width: 62%!important;
}
.team_notes .teamnote_left {
background: #fff;
padding: 10px 10px 20px 10px;
border-radius: 6px;
position: relative;
}
.team_notes .teamnote_right {
background:#fff;
padding: 10px;
border-radius: 6px;
}
.teamnote_left .current_note {
margin: 4px 0 0 0;
height: 17px;
width: 17px;
}
.name_des.popupclss {
max-height: 100%;
}
label.current_note_label {
margin-left: 30px;
/* margin-left: 15px; */
margin-bottom: 0;
text-overflow: ellipsis;
/* overflow: hidden; */
width: 68%;
white-space: normal;
}
.other_send_fims label.current_note_label {
margin-left: 0px;
}
/*14-03-2022
label.current_note_label {
margin-left: 0px;
position: relative;
top: 0;
line-height: 15px;
width: 78%;
margin-bottom: 0;
} */
p.date_unread {
position: absolute;
top: 0;
right: 0;
}
p.date_unread span.card_date {
font-style: italic;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #666666;
}
.date_unread span.mail_msg {
font-size: 12px;
line-height: 14px;
color: #AA1D1D;
font-weight: 500;
margin-left: 7px;
}
.check_notes .bottom_text_card {
margin-left: 0px;

}
.buttl {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
height: auto;
white-space: normal;
/* max-height: 2.2em; */
}

/* .buttl{
text-overflow: ellipsis;
overflow: hidden;
width: 271px;
height: auto;
white-space: normal;
max-height: 2.2em;
} */
.teamnote_right .current_note {
margin: 4px 0 0 0;
height: 17px;
width: 17px;
}
span.read_mail_msg {
font-size: 12px;
line-height: 14px;
color: green;
font-weight: 500;
margin-left: 0px;                     
}
.team_detail .check_notes {
padding: 10px;
cursor: pointer;
width: 100%;
border: 1px solid #ccc;
}
/*.check_notes:hover {
background: #f9fae3;
}*/
.user-messages {
position: relative;
}
.sendbttt button.btn.btn-primary{
padding: 4px 40px;
}
.sendbttt button.btn.btn-primary:hover{
padding: 4px 40px;
}
.check-th {
display: flex;
}
.check-th input {
width: 25px;
height: 25px;
}
.check-th .form-check-label {
padding-left:5px;
}
.fnt-check {
position: relative;
}
.icon-fnt {
z-index: 9;
position: absolute;
right:0px;
font-size: 20px;
bottom: -2px;
text-align: right;
}
.icon-fnt .fa-question{
color: red;
}
.icon-fnt .fa-check{
color: green;
}
.icon-fnt .fa-times{
color: red;
}
.icon-fnt .fa-check, .icon-fnt .fa-times {
position: relative;
right: -8px;
}
.check-th .form-check {
margin-right: 15px;
}
.check-th .form-check-input {
margin-left: 0;
position: relative;
top: 5px;
}
.check-th .form-check {
margin-right: 15px;
width: auto;
display: flex;
line-height: 40px;
}
.check_notes {
position: relative;
padding: 5px 20px;
margin-bottom: 15px;
/*  box-shadow: 0px 4px 6px 1px #b3b3b3;*/
width: 80%;
border-radius: 20px 20px 20px 0;
/* position: relative;
cursor: pointer;
background: #bce2f3;
border-radius: 5px;
padding: 5px;
margin-bottom: 15px;
box-shadow: 0px 4px 6px 1px #b3b3b3; */
}
/* .check_notes:nth-child(even){
background: #fff;
} */
.check_notes.chknote-right{
background: #e7e7e7;	
}
.chek-msg-inner {
border: 1px solid #ddd;
padding: 15px;
border-radius: 5px;
}
.check_notes .trash_hide {
visibility: hidden;
color: #000;
padding: 5px 0;
cursor: pointer;
position: absolute;
z-index: 1;
bottom: 30%;
right: 13px;
}
.check_notes:hover .trash_hide {
visibility: visible;
}
.check_notes .trash_hide span {
font-size: 20px;
}
.top_note {
top: 5.1em;
left: 2%;
}
span.btn.btn-primary.hover_notes {
font-weight: bold;
text-align: center;
border-radius: 3px;
box-shadow: 0 0 4px #575757;
transition: 0.3s;
background: #a80f0f!important;
padding: 5px 19px;
color: #333;
height: 32px;
border:none;
}
span.btn.btn-primary.hover_notes:hover {
color: rgb(255, 255, 255) !important;
background: rgb(17, 95, 83) !important;
}
span.btn.btn-primary.btn-file {
position: relative;
overflow: hidden;
background: #a80f0f;
box-shadow: 0 0 4px #575757;
transition: 0.3s;
border: none;
font-size: 15px;
text-align: center;
padding: 7px 5px;
width: 120px;
display: inline-block;
border-radius: 3px;
color: #333;
font-weight: 700;
}
.export_btn .xml_upload {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
cursor: pointer;
display: block;
z-index: 555;
}
.team_btn {
margin-left: 38px;
}
/*.export_btn {
margin-left: 12px;
}*/
label.bank_label.lmi_label {
height: 30px;
}
.nextinputtab.lmi_input {
width: 84px!important;
}
.bankdetails_t.lmi {
margin-top: 36px;
grid-template-columns: 94px auto;
}
.three-col.clnt_search {
justify-content: center;
}
.bottom_text_bullatin {
font-style: normal;
font-size: 17px;
line-height: 19px;
color: #595959;
margin-bottom: 0;
font-weight: 700;
float: left;
}
/* .bottom_text_bullatin{
font-style: normal;
font-size: 12px;
line-height: 19px;
color: #595959;
margin-bottom: 5px;
display: -webkit-box;
-webkit-line-clamp: 2;
width: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 500;
text-overflow: ellipsis;
} */
span.read_mail_msg_danger {
font-size: 12px;
line-height: 14px;
color: #AA1D1D;
font-weight: 500;
margin-left: 7px;
}
.modal-body p.top_bullatin {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 14px;
color: #666666;
margin-bottom: 6px;
}
p.bullatin_date {
font-style: italic;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #666666;
}
p.bullatin_description {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #666666;
}
.rss_feed {
width: 62%!important;
margin: auto;
}
h3.rss {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #333333;
}
.team_notes_scroll {
overflow: auto;
height: 58vh;
position: relative;
}
.team_grid {
display: grid;
grid-template-columns: 48% 48%;
grid-column-gap: 25px;
}
.team_length {
width: 67%;
margin: auto;
}
.team_length.last-scdule-pay{
width: 75%;
}
.card_title {
width: 100%;
display: inline-block;
margin-bottom: 3px;
}
.sms_body .open_modal {
overflow: auto;
height: 54vh;
margin-top: 5px;
}
.read_note.team_detail .check_notes .form-check {
margin-bottom: 0;
align-items: center;
display: flex;
/* ----14-03-2022-- */
}
label.main {
display: block;
position: relative;
cursor: pointer;
float: left;
margin-bottom: -7px;
}
.link_inbox.client_tab {
height: auto;
}
.link_inbox .inbox_profile .client_mob {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #595959;
}
p.client_address {
font-style: normal;
font-weight: 600;
font-size: 12px;
width: 66%;
line-height: 14px;
color: #595959;
}
p.total_loan {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #666666;
position: absolute;
right: 20%;
top: 39%;
}
.calculator_data {
padding: 20px;
height: 78vh;
}
.calculator_data .calculator_inner {
width: 93%;
margin: auto;
}
.calculator_inner .sms_head h3.sms {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #333333;
float: left;
}
.calculator_data .calculator_inner .calculator_tile {
background: #FFFFFF;
border-radius: 6px;
padding: 13px;
/*    height: auto;
max-height: 511px;*/
}
.des_span {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.second-header .select_active {
background: #eec291;
color: #000!important;
font-weight: 700!important;
font-size: 13px;
border-radius: 5px;
}
.second-header .select_active:hover {
background: #eec291;
color: #000!important;
font-weight: 700;
font-size: 13px;
}
.calculator_inner .sms_head {
display: inline-block;
}
.calculator_tile .nav-link.active{
background: #21B49F!important;
border-radius: 6px;
}
.calculator_tile .nav-link{
color: #333;
text-transform: capitalize!important;
font-weight: 500;
background: #FFFFFF;
border: 1px solid #DFDFDF;
box-sizing: border-box;
border-radius: 6px;
padding: 6px 19px;
font-size: 14px;
}
.intrested_left .tab_head h3.head_tag {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #333333;
}
.intrested_right .tab_head h3.head_tag {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #333333;
text-align: center;
}
/*svg {
transform: rotate(-90deg);
background: yellowgreen;
border-radius: 50%;
}*/
.bottom_text_card p {
margin-bottom: 0;
}
span.new_read {
position: absolute;
background: #E72626;
padding: 0px 5px;
line-height: 14px;
height: 16px;
top: 26%;
right: 16%;
font-size: 13px;
letter-spacing: 0px;
color: #fff;
border-radius: 4px;
}
p.date_unread.bullet_msg {
margin-bottom: 0;
}
.bottom_text_card p {
font-size: 12px;
font-weight: 400;
color: #666;
}
label.form-check-label.des_hide {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-left: 10px;
text-overflow: ellipsis;
}
.bottom_text_card.buttl p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 495px;
}
/* .bottom_text_card.buttl p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 277px;
} */
.noties_data p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 277px;
}
label.current_note_label.team_p {
width: auto;
}
.card_title .new_add button.btn.btn-primary.save_btn_note{
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 14px;
color: #ffffff;
cursor: pointer;
background: #21b49f;
}
.log_out_btn{
cursor: pointer;
}

span.new-link {
cursor: pointer;
color: #a80f0f;
font-size: 17px;
}
span.new-link:hover {
color: #000;
}
.adv-img.after_login h3 {
font-weight: 500;
font-size: 29px;
font-family: initial;
font-style: italic;
}
.new_msg_noti {
position: relative;
display: inline-block;
}
.new_msg_noti .new_msg {
width: 67px;
background-color: #a80f0f;
text-align: center;
border-radius: 6px;
padding: 1px 0;
position: absolute;
color: #000;
font-weight: 700;
z-index: 1;
top: -13px;
font-size: 12px;
left: 105%;
}
.team_notes_scroll .check_notes .form-check {
margin-bottom: 0;
}
p.name_list_card {
margin-bottom: 0;
font-weight: 700;
font-size: 13px;
line-height: 14px;
color: #000;
}
span.by_card {
font-weight: normal;
font-size: 16px;
}
img.read_msg_note {
width: 18px;
}
img.un_read_note{
width: auto;    
}
.des_hide.to_do {
width: 71%!important;
-webkit-line-clamp: 2!important;
}
.todo_preview.to_large {
width: 74%;
}
label.form-check-label.des_hide.right_to_do {
-webkit-line-clamp: 2!important;
}
.invoice_list {
height: 68%;
}
.agreement_details {
width: 80%;
margin: auto;
padding:20px;
}
.argument_bord {
background: #fff;
padding: 15px;
border-radius: 10px;
}
p.tandc a:hover {
color: #a80f0f;
}
a.navbar-brand.log_out_btn i {
margin-right: 3px;
}
.prevbtn {
padding: 7px 12px!important;
margin-right: 9px;
font-size: 1rem;
cursor: pointer;
font-weight: 600 !important;
border-radius: 5px;
background: #b1b1b1;
border-color: #b1b1b1;
}

.prevbtn:hover {
background: #eec291;
border-color: #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
li.nav-item.dropdown a.dropdown-item {
padding: 7px 12px !important;
font-size: 14px;
}
.hover_dash:hover {
background: #a80f0f;
border-radius: 5px;
color: #fff!important;
}
.dropdown-item:focus, .dropdown-item:hover {
background-color: #f7f7f900;
outline:none;
}
a.nav-link.foot_link:hover {
background: #ff000000 !important;
}
a.ui-datepicker-next.ui-corner-all {
float: right;
background: #dedede;
padding: 0 7px;
border-radius: 3px;
cursor: pointer;
}
a.ui-datepicker-prev.ui-corner-all {
background: #dedede;
padding: 0 7px;
border-radius: 3px;
cursor: pointer;
}
select.ui-datepicker-month {
width: 50%;
border: 1px solid #b5b5b5;
border-radius: 2px;
}
select.ui-datepicker-year {
width: 50%;
border: 1px solid #b5b5b5;
border-radius: 2px;
}
.ui-datepicker table.ui-datepicker-calendar {
width: 100%!important;
}
.scrolled .todo_checkdata::-webkit-scrollbar-track {
background: #f1f1f1!important; 
}
.scrolled .todo_checkdata::-webkit-scrollbar-thumb {
background: #888; 
}
.scrolled .todo_checkdata::-webkit-scrollbar {
width: 3px!important;
}
.scrolled .todo_checkdata {
padding-right: 10px;
}
.team_back{
background: #bce9e2;
}
.todo_checkdata.archive_list::-webkit-scrollbar-track {
background: #f1f1f1!important; 
}
.todo_checkdata.archive_list::-webkit-scrollbar-thumb {
background: #888; 
}
.todo_checkdata.archive_list::-webkit-scrollbar {
width: 3px!important;
}
span.unchecked_data img {
width: 18px;
position: absolute;
margin-top: 1%;
}
span.checked_data img {
width: 18px;
position: absolute;
margin-top: 1%;
}
.team_back:hover {
background: #d2d2d2;
}
.sms_list {
display: block!important;
}

.sms_list .inbox_profile p {
margin-bottom: 0;
}
.form-control.bord_left {
border: none;
border-radius: 0;
border:1px solid #8d8d8d;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #666666!important;
padding-left: 10px;
}
.form-control {
background: #FFFFFF;
/* box-shadow: 3px 4px 6px rgb(0 0 0 / 7%); */
border-radius: 5px;
color: #333;
border-radius: 5px !important;
font-weight: 600!important;
}
.bankdetails_t .form-control {
background: #fff;
border-radius: 5px;
color: #000;
border-radius: 5px !important;
font-weight: 600!important;
}
.w-35{
width: 35%;
}
section.box-firm.cmpnyclintloan select {
background: #fff;
font-size: 14px;
height: 42px !important;
}
.form-control.bord_left:focus {
background-color: rgba(255, 219, 160, 0) !important;
}
.sms_modal {
width: 50%!important;
}
.bord_area{
background-color: rgba(255, 219, 160, 0) !important;
font-size: 12px;
line-height: 150%;
color: #444242!important;
}
.area_list{
margin-bottom: 0px;
}
.inbox_profile .name_clnt {
font-size: 14px;
line-height: 16px;
color: #333333;
}
.inbox_profile .client_num {
font-size: 13px;
line-height: 14px;
color: #595959;
}
.select_list.sms_list label {
font-size: 14px;
line-height: 16px;
color: #333333;
font-weight: 500;
}
.footer_btn.cont_data {
text-align: right;
margin-top: 17px;
}
.footer_btn.cont_data .cancel_btn {
margin-right: 10px;
}
.check_notes_detai {
margin: 35px auto 15px;
background: rgba(0,0,0,0.2);
padding: 20px 10px;
}
.client_mortgage.notes_head {
text-align: left;
}
.check_notes_detai p {
margin-bottom: 10px;
font-size: 17px;
font-weight: 400;
color: #000;
}
h4.notes_head {
font-weight: bold;
color: #000;
margin-bottom: 0;
line-height: 15px;
}
.scroll_tab {
background: #e8e7e7;
margin-bottom: 7px;
padding: 5px 10px;
}
.doller_Amt img{
width: 9px;
height: auto;
position: absolute;
margin-top: 8px;
left: 1%;
}
.doller_Amt {
position: relative;
}
.doller_input{
padding-left: 27px;
}
.form-control.doller_input {
padding-left: 20px;
font-size: 12px;
width: 200px;
}
.check_notes_detai ol {
padding-left: 28px;
}
.form-check.form-check-inline.notes_bdth {
margin-bottom: 0;
}
p.address_data {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #595959;
}
p.total_num {
font-size: 14px;
line-height: 16px;
color: #666666;
position: absolute;
right: 26%;
top: 67%;
}
.new_add {
text-align: right;
}
button.btn.btn-primary.save_btn_app {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 14px;
color: #21B49F;
cursor: pointer;
background: #EAFFFC;
}
button.btn.btn-primary.print_btn_app {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 14px;
color: #21B49F;
cursor: pointer;
background: #EAFFFC;
}
.modal_inner {
background: #FFFFFF;
border-radius: 6px;
margin-top: 10px;
padding: 10px;
}
.modal_inner p {
font-size: 12px;
line-height: 14px;
color: #666666;
}
.form-control.search_input.apps{
float: left;
width: 55%;
}
.btn_clnt {
text-align: right;
}
.search_app {
display: inline-block;
width: 100%;
}
.btn_clnt button.btn.btn-primary {
background: #21B49F;
border-radius: 6px;
color: #fff;
font-weight: 500;
}
div#smsuserlist_modal .inbox_profile p {
font-weight: 600;
}
h5#selected_title {
text-align: center;
padding: 17px 0;
text-shadow: 1px 1px #909090;
color: #252525;
}
.box.thnth_box {
height: 234px!important;
}
.camera_drop {
padding: 4px;
font-size: 12px;
}
.search_advance.grid_new {
grid-template-columns: 44% 24%;
grid-column-gap: 2%;
}
.contry_num {
display: grid;
grid-template-columns: 6% auto;
grid-column-gap: 12px;
}
.search_app.grid_new {
grid-template-columns: 44% 29%;
grid-column-gap: 2%;
display: grid;
}
/*.search_app.grid_new button.btn.btn-primary {
background: #21b49f!important;
color: #fff;
}*/
/*.search_app.grid_new button.btn.btn-primary:hover {
background: #115f53!important;
color: #fff!important;
}*/
p.tandc a:focus {
color: #333;
text-decoration: none;
outline: none;
}
.contry_num input#country_code.form-control[readonly] {
background: #fff;
}
span.msg_box {
margin-left: 38px;
position: absolute;
left: 14%;
top: 0;
}
.check_notes_detai.mort {
background: none;
margin:0;
border: none;
}
.notes_grid .check_notes:hover {
background: none;
}
.check_notes_detai {
border: 1px solid #D3D3D3;
border-radius: 5px;
padding: 5;
}
.check_notes_detai.rent_note {
background: none;
border: none;
margin: 0;
margin-top: 17px;
}
.msg_dsp p {
color: #f9be7c;
font-size: 22px;
}
span.num_msg {
background: #b1b1b1;
padding: 0 5px;
font-size: 15px;
border-radius: 2px;
color: #000;
}
/*img#admin_image_logo {
width: 53px!important;
}*/
.application_outer {
display: inline-block;
width: 100%;
}
.application_outer .sms_head {
float: left;
width: auto!important;
}
.application_outer .app_btn {
float: right;
}
.application_outer button.btn.btn-primary {
background: #ffffff!important;
color: #21b49f;
border:1px solid #ff000000;
}
.application_outer button.btn.btn-primary:hover {
background: #21b49f !important;
color: #ffffff !important;
border:1px solid white;
}
.heading_radio {
margin-top: 36px;
}
label.form-check-label.label_tree {
margin-top: 55px;
}
.check_notes_detai.rent_note td {
padding: 0;
}
label.form-check-label.head_radio {
padding-left: 0;
}
.form-dec {
padding-left: 0;
text-align: left;
margin-top: 6px;
}
.form-dec label {
font-weight: 700;
font-size: 16px !important;
padding-left: 25px;    
margin-top: 2px;
}
input.form-check-input.notes_radio.rght {
margin-left: -4px;
}
.check_notes_detai.rent_note table.table td {
border: none;
}
.amount_asset {
margin-left: 15.5%;
}
.amount_outer {
position: relative;
}
.check_notes_detai.mort td {
border: none;
padding:0
}
.check_notes_detai.mort {
border: 1px solid #D3D3D3;
padding: 5px 5px;
border-radius: 5px;
}
input.form-check-input.notes_radio {
width: 18px;
height: 21px;
cursor: pointer;
margin-left: 0;
}
.check_notes_detai.rent_note p {
margin-top: 5px;
}
.low_doc .amount_asset {
position: relative;
left: 0px;
margin:0;
}
.scroll_data.fixed_bottom {
height: 229px;
}
h4.notes_head.bott_text {
background: #fff!important;
margin-bottom: 0;
padding: 5px 15px!important;
color: #a80f0f;
text-align: right;
}
.select_list.sms_list.scroll_down {
height: auto;
overflow: auto;
max-height: 198px;
}
.select_list.sms_list.scroll_down.scroll_inner{
border: 1px solid #d9d9d9;
padding: 10px;
height: 191px;
}
.msg_dsp.not_email p {
left: 5%;
top: 117px;
margin-bottom: 0!important;
}
.msg_dsp.not_email {
position: relative;
top: 0;
left: 76px;
}
.after_page {
position: absolute;
left: 33%;
bottom: 123%;
}
.points_email {
position: absolute;
}
.form-check.form-check-inline.dash_guid .form-check-input {
margin-left: 1px;
margin-top: 8px;
}
.sms_head.guide_crd {
position: absolute;
}
.privacy_btn {
display: inline-block;
width: 100%;
}
.privacy_btn .sms_head {
float: left;
width: auto!important;
}
.privacy_link {
float: right;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 10px;
margin-bottom: 15px;
}
.Privacy_Policy {
padding: 50px 0 50px 0;
font-weight: 600;
}
.Privacy_Policy h2 {
text-align: center;
}
.logo {
position: relative;
}
.Privacy_Policy span.logo-img {
border-bottom: none;
position: absolute;
right: 0;
top: -55px;
}
.Privacy_Policy h3 {
font-weight: 700;
}
.Privacy_Policy .form-group {
display: grid;
grid-template-columns: 30% 30% 30%;
grid-gap: 5%;
margin-top: 30px;
}
.Privacy_Policy input {
border: none;
border-bottom: 1px solid;
}
/*.privacy_btn .privacy_link button.btn.btn-primary {
background: #ffffff!important;
color: #21b49f;
border: 1px solid #ff000000;
padding: 5px 17px;
font-weight: 500;
font-size: 14px;
}*/
/*.privacy_btn .privacy_link button.btn.btn-primary:hover{
background: #21b49f !important;
color: #ffffff !important;
border: 1px solid white;
}*/
.privacy_link .modal_prnt {
background: #ffffff!important;
color: #fff!important;
border: 1px solid #ffffff00;
padding: 9px 17px;
font-weight: 500;
font-size: 16px;
}
img.canvs_uploads {
height: 100%;
}
.form-check.check_download {
margin-left: 23px;
}
.form-check.check_download label.form-check-label {
padding-left: 6px;
}
.form-check-input {
margin-top: 4px;
height: 18px;
width: 18px;
}
.modal-footer.bottom_policy .modal_btn.active.active {
background: #eec291!important;
color: #000!important;
font-weight: 600!important;
font-size: 14px;
border: 1px solid #eec291!important;
}
.modal-footer.bottom_policy {
text-align: right!important;
}
.modal-footer.bottom_policy .modal_btn {
background: #b1b1b1!important;
color: #000!important;
font-weight: 600!important;
cursor: pointer;
border: 1px solid #b1b1b1!important;
font-size: 14px;
}
.modal-footer.bottom_policy .modal_btn:hover{
background: #eec291!important;
color: #000!important; 
border: 1px solid #eec291!important;
} 
.text-center.center_check {
position: absolute;
left: 50%;
bottom: 0;
}
.credit_dtl{
margin-bottom: 0;
}
.text-center.center_check.box_check .form-check-input {
margin-top: 5px!important;
margin-left: -2px;
}
.application_form {
margin: 20px auto;
}
.head_sub_text .sub_text span.subtext_span {
font-style: italic;
color: #666;
}
.application_form .application_shadow {
background: #fff;
padding: 10px;
border-radius: 6px;
}
/*.form-row-main {
display: flex;
}*/
.form_data .date_dob{
padding: 3px 0;
}
.application_form .appliaction_title h3.head_text {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
margin-bottom: 14px;
color: #333333;
}
.application_shadow .head_sub_text h4.sub_text {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 19px;
text-decoration: underline;
color: #333333;
}
.amount_doller{
padding: 4.5px 9px!important;
}
.head_sub_text p.combine_card {
font-style: italic;
}
h5.budget_head {
font-style: normal;
font-weight: 500;
font-size: 16px;
height: 54%;
margin-bottom: 0;
line-height: 19px;
color: #333333;
}
p.days_calculate {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
margin-bottom: 0;
color: #333333d6;
}
.budget_grid {
margin-bottom: 21px;
}
.input-group-text.amount_doller {
background: none;
font-weight: 600;
color: #333;
border: none;
padding-left: 0!important;
}
.date_dob_app{
padding: 0.6px 0!important;
}
.read_statement a.privacy-link {
font-size: 14px;
color: #ff9700;
text-decoration: underline!important;
}
.application_shadow .form_data label {
font-weight: 600;
}
p.app_submit {
font-weight: 600;
color: #000;
margin-bottom: 0;
}
p.read_statement {
font-weight: 600;
}
.application_shadow .form_data .bord_left:focus {
outline: none!important;
box-shadow: none;
}
.sms_head h3.head_text {
font-size: 20px;
}
.calculator_tile ul#pills-tab li.nav-item {
margin: 0 5px;
}

/* application pdf 06/07/2022 anil  */
.preview_side_button .nav .nav-item{
display: flex;
}
.hero-camera .nav-link.active,  .hero-camera .nav-link.active:hover {
background: transparent;
box-shadow: 3px 4px 6px rgb(0 0 0 / 7%);
border-radius: 0px;
color: #000 !important;
font-size: 14px;
padding: 7px 10px;
font-weight: 500;
transition: 0.5s;
border: 0px ;
display: flex;
justify-content: space-between;
}
/* application pdf 06/07/2022 anil  */



.help_inner.text-center {
background: #FFFFFF;
border-radius: 6px;
padding: 13px;
overflow: auto;
height: 70vh;
}
.help_databox{
height: 48vh;
overflow: scroll;
}
.footer-nav.bg-colors.before_footer {
display: grid;
grid-template-columns: 15% 75%;
padding: 20px;
}
.out-btns {
text-align: center;
background: #fff;
padding-top: 5px;
padding-bottom: 5px;
}
.out-btns .hide_data.active .form-group, .out-btns .hide_data.active {
margin-top: 0 !important;
}
/*button.btn.btn-success.help_center {
background: #21B49F;
border: none;
font-size: 16px;
padding: 15px 79px;
}*/
/*.provider_clt {
margin-top: -5px;
}
select#real_owner {
margin-top: -6px;
font-size: 12px;
padding: 5px 5px;
}
.provider_sum {
width: 45%!important;
}
.provider_two {
margin-top: -4px;
}
input#home_loan_provider2 {
margin-top: -6px;
height: 26px!important;
line-height: 15px;
font-size: 14px !important;
padding: 5px 5px !important;
}
select#real_owner2 {
margin-top: -6px;
font-size: 12px;
padding: 5px 5px;
}*/
.help_inner h3.sms {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
margin-bottom: 0;
color: #333333;
}
.help_outer {
width: 57%;
margin: auto;
}
.help_outer h3.sms {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
margin-bottom: 11px;
color: #333333;
}
img.help_logo {
width: 22%;
margin-bottom: 17px;
}
.help_center {
padding: 10px 24px;
background: #b1b1b1;
border-radius: 6px;
color: #000;
font-size: 18px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #b1b1b1;
cursor: pointer;
}
.help_center:hover {
padding: 10px 24px;
transition: 0.5s;
background: #eec291;
border: 1px solid #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
border-radius: 6px;
color: #000;
font-size: 18px;
font-weight: 500;
}

.help_center:focus {
color: #000!important;
border: 1px solid #eec291;
}
.message_text p:first-child {
display:inline;
}
.policy_body{
background: #fff;
display: block;
width: 100%;
padding: 15px;
border-radius: 6px;
overflow: auto;
height: 57vh;
}
.second_content {
margin-top: 14px;
}
.second_content p:first-child{
text-align:center;
}
.form-group.row.signed {
margin-left: 2px;
margin-right: 10px;
}
.second_content .form-control {
font-weight: normal;
}
.first_content .form-control {
font-weight: normal;
}
.hide_data.active {
margin-top: 10%;
}
.hide_data.active .help_btn {
margin-top: 124px;
}
.hide_data.active .form-group {
margin-top: 96px;
}
.check_notes_detai.rent_note td {
font-size: 12px!important;
}
.intrested_left .budget_Amount {
color: #666;
font-size: 14px;
font-weight: 600;
}
.intrested_left span.amount_start {
float: left;
}
.intrested_left span.amount_end {
float: right;
}
/*.intrested_left .form_input {
display: grid;
margin-bottom:10px;
}*/
.calculator_tile .row_grid {
width: 75%;
display: grid;
grid-template-columns: 48% 48%;
grid-column-gap: 23px;
margin-top: 44px;
margin: auto;
}
.chart_detail .img_bar {
text-align: center;
margin-top: -5%;
}
.chart_detail img.ven_diag {
width: 175px;
position: relative;
}
.chart_detail p.loan_emi {
font-size: 14px;
color: #333;
font-weight: 600;
text-transform: capitalize;
margin-top: 20px;
}
.chart_detail span.emi_amount {
color: #21B49F;
font-size: 18px;
font-weight: 700;
}
.intrested_right td.amount_right {
text-align: right;
font-weight: 800;
color: #333;
border-top: none;
}
.intrested_right td.amount_left {
font-size: 14px;
color: #333;
border-top: none;
font-weight: 500;
}
.intrested_right tr.border_bottom {
border-bottom: 1px solid #d9d9d9;
}
.intrested_right .green_box {
height: 10px;
width: 10px;
position: relative;
display: inline-block;
background-color: #21b49f;
}
.intrested_right .red_box {
height: 10px;
width: 10px;
position: relative;
display: inline-block;
background-color: #bd1d1d;
}
.intrested_right .form_loan {
padding: 31px 0;
}
.row_grid label {
font-size: 14px;
color: #333;
text-transform: capitalize;
font-weight: 500;
}
.outer_grid .calc_foot {
text-align: right;
padding-right: 26%;
}
.outer_grid button.btn.btn-primary.foot_btn.active {
background: #21B49F;
border-radius: 8px;
color: #fff;
font-weight: 200;
}
.outer_grid button.btn.btn-primary.foot_btn {
background: #FFFFFF;
border: 1px solid #21B49F;
box-sizing: border-box;
border-radius: 8px;
font-size: 14px;
font-weight: 200;
line-height: 16px;
color: #21B49F;
}
.bord_leftemail {
border: none!important;
border-radius: 0!important;
border-bottom: 1px solid rgba(0,0,0,.15)!important;
font-weight: 600;
font-size: 13px!important;
line-height: 19px!important;
color: #666666;
padding-left: 0!important;
}
.form-control:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;
border-color: #546a7680!important;
}
.quote_form .form_inventory input#purchase_date {
text-transform: uppercase;
}
/*.check_label {
margin-left: 23px;
}*/
.check_label .form-check.form-check-inline {
margin: 0 52px 0 0;
}
.check_label .form-check.form-check-inline label.form-check-label {
padding-left: 3px;
}
/* The container */
.color_check {
display: block;
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;
}

/* Hide the browser's default radio button */
.color_check input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.blue_checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
background-color: #eee;
border-radius: 50%;
border: 1px solid #b7b7b7;
}

/* On mouse-over, add a grey background color */
.color_check:hover input ~ .blue_checkmark {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.color_check input:checked ~ .blue_checkmark {
background-color: #fff;
border:1px solid #b7b7b7;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.blue_checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.color_check input:checked ~ .blue_checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
.color_check .blue_checkmark:after {
top: 3px;
left: 3px;
width: 9px;
height: 9px;
border-radius: 50%;
background: #2196F3;
}
.background_yellow {
background: transparent;
color: #000!important;
font-weight: 500!important;
padding: 2px 10px 4px 10px !important;
text-align: center;
font-size: 25px;
margin-bottom: 10px !important;
}
.border_blank {
border: none;
}
.card_title.policy_title {
display: block;
}
h3.team_title.policy_text.background_yellow {
margin-top: 4px;
}
.card_title.credit_gd {
display: block;
}
.service_inner_box .tab_head h3.head_tag {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #333333;
}
.row_grid .form-control {
font-size: 12px;
color: #636363!important;
margin-bottom:0;
border: 1px solid #999;
line-height: 12px;
padding-left: 18px;
}
.service_accord .card-header:after {
font-family: 'FontAwesome';  
content: "\f077";
float: right; 
}
.service_accord .card-header.collapsed:after {
content: "\f078"; 
}
.collapse_pannel{
margin-bottom: 9px;
background: #FFFFFF;
border: 1px solid #BEBEBE;
box-sizing: border-box;
border-radius: 8px;
}
.service_accord .form_group_calc {
padding: .75rem 1.25rem;
}
.form_group_calc label.label_blank {
height: 17px;
}
.form_group_calc input.form-control {
padding: 0.4rem .75rem;
font-size: 12px;
color: #333!important;
}
.form_group_calc label {
font-size: 14px;
color: #333;
}
.accordion.service_accord .card-header {
border-bottom: none;
}
.accordion.service_accord .card-header:first-child {
border-radius: 20px;
}
.accordion.service .col-md-4.top_marg {
margin-top: 10px;
}
th.income_head {
font-weight: 500;
}
.border_after:after {
content:'';
position: absolute;
background-color: #D2D2D2;
width: 1px;
height: 50%;
right: 4px;
top: 8px;
}
th.income_head.border_after {
position: relative;
}
.annual_inc td {
padding: 15px 10px 2px 5px;
}
.bottom_border{
border-bottom: 1px solid #797979;
}
.extra_income .income_btn {
width: 100%;
display: inline-block;
}
.extra_income .income_btn .tab_head {
float: left;
}
.extra_income .income_btn .more_income {
text-align: right;
float: right;
}
.extra_income .income_btn .more_income {
background: #21B49F!important;
border-radius: 6px;
color: #fff!important;
font-weight: 400!important;
}
.extra_income td {
padding: 15px 10px 2px 0px!important;
}
th.rental_pay {
font-weight: 600;
}
.border_after_card:after{
content: '';
position: absolute;
background-color: #D2D2D2;
width: 1px;
height: 75%;
right: 4px;
top: 8px;
}
th.income_head.border_after_card {
position: relative;
font-size: 14px; 
}
.credit_amt th.income_head {
/*    width: 14%;*/
font-size: 13px;
background: #F1F1F1;
}
.loan_width{
width: 14%;
}
th.income_head.border_after_card.standard {
width: 12%;
}
.notice_imp {
background: #EDEDED;
border: 1px solid #BEBEBE;
box-sizing: border-box;
border-radius: 8px;
padding: 15px;
}
.notice_imp .notice_inner h3.head_tag {
font-size: 14px;
color: #333;
font-weight: 700;
}
.notice_imp .notice_inner p.notice {
font-size: 12px;
color: #666;
}
.outer_grid {
border: 1px solid #afadad;
border-radius: 6px;
padding: 10px;
height: auto;
max-height: 546px;
}
tr.border_less td {
padding: 0 13px;
}
.intrested_right .chart_detail {
margin: auto;
width: 70%;
}
.intrested_left .green_box {
height: 10px;
width: 10px;
position: relative;
display: inline-block;
background-color: #21b49f;
}
.intrested_left .red_box {
height: 10px;
width: 10px;
position: relative;
display: inline-block;
background-color: #bd1d1d;
}
tr.border_bottom td {
padding: 0 13px;
}
.top_bord {
border-top: 1px solid #828282!important;
}
.form_loan.lvr_form {
padding: 0;
}
.tab_head.lvr_head {
margin-bottom: 12px;
}
.form-group.row.lvr_row {
margin-top: 47px;
}
.form-group.row.lvr_row label {
padding-top: 0;
}
.calc_foot.lvr_foot {
padding-right: 22%;
}
.row_grid.lvr_grid {
width: 60%;
}
.tab_head.lmi_head {
margin-bottom: 12px;
}
.form-group.row.lmi_row {
margin-bottom: 12px;
}
.form_input.clp_pay .form-check.form-check-inline {
margin: 0 21px 0 0;
}
.clp_pay label.color_check {
padding-left: 29px;
}
.clp_pay label.col-form-label {
margin-left: 14px;
}
.form_loan.sacc_loan {
padding: 12px 0;
}
.tab_head.sacc_head {
margin-bottom: 24px;
}
.sacc_col{
padding:0;
}
.sacc_loan .form-group.row {
margin-left: 5px;
}
.sacc_loan label {
width: 34%;
text-transform: capitalize;
}
.form_loan.sacc_loan {
padding: 43px 0 17px;
}
.form_input.bord_top {
border-top: 1px solid #cccccc;
padding-top: 10px;
}
.calc_foot.sacc_foot {
padding-right: 19%;
}
.form_loan.macc_right {
padding: 43px 0 17px;
}
.calc_foot.macc_foot {
padding-right: 13%;
}
.form_loan.macc_loan {
padding: 43px 0 17px;
}
.calc_foot.rental {
padding-right: 13%;
}
.lmi_grid{
width: 50%!important;
}
.calc_foot.lmi_foot {
padding-right: 25%!important;
}
.calculator_tile.mortgage_calculator ul#pills-tab {
justify-content: center;
}
.calculator_inner.mortgage_inner {
width: 63%;
}
.calculator_inner.mortgage_inner .row_grid {
width: 100%!important;
}
.calculator_inner.mortgage_inner .calc_foot.lmi_foot {
padding-right: 7!important;
}
img.dashboard_doller {
width: 7px;
height: auto;
position: absolute;
margin-top: 9px;
left: 20px;
right: 29px;
}
img.dashboard_loan {
width: 7px;
height: auto;
position: absolute;
margin-top: 6px;
left: 45.5%;
}
img.dashboard_lvr {
width: 7px;
height: auto;
position: absolute;
margin-top: 38px;
left: 21px;
right: 29px;
}
img.dashboard_lmi {
width: 7px;
height: auto;
position: absolute;
margin-top: 40px;
left: 31.6%;
}
img.dashboard_lmi_dsb {
width: 7px;
height: auto;
position: absolute;
margin-top: 40px;
right: 46px;
}
img.dashboard_list {
width: 7px;
height: auto;
margin-top: -2px;
left: 45.5%;
margin-right: 2px;
}
img.dashboard_pi {
width: 7px;
height: auto;
margin-top: -2px;
left: 45.5%;
margin-right: 2px;
}
.application_shadow.pdf_form {
padding: 40px;
}
.income_head_bord{
font-size: 14px;
background: #F1F1F1;
}
.first_col{
width: 7%!important;
}
span.loan_div {
width: 39px;
padding: 10px 6px;
position: relative;
}
img.dashboard_lmi_ol {
width: 7px;
height: auto;
position: absolute;
margin-top: 40px;
left: -76px;
}
img.dashboard_lmi_dsbd {
width: 7px;
height: auto;
position: absolute;
margin-top: 40px;
left: -41px;
}
img.dashboard_lmi_dsb_tag {
width: 7px;
height: auto;
position: absolute;
margin-top: 40px;
left: -85px;
}
img.dashboard_lmi_plac {
width: 7px;
height: auto;
position: absolute;
margin-top: 40px;
left: -84px;
}
img.dashboard_doller_monthly {
width: 7px;
height: auto;
position: absolute;
margin-top: 36px;
left: 19px;
right: 29px;
}
.dashboard_inner {
width: 70%;
margin: auto;
overflow: auto;
height: auto;
max-height: 100%;
padding-top: 6px;
}
.dashboard_body {
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 19px;
}
.inner_dash {
background: #FFFFFF;
box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 10px;
position: relative;
height: 85px;
}
p.sec_amount {
position: relative;
font-size: 28px;
font-weight: bold;
color: #333;
margin-bottom: 0;
}
h3.body_head {
font-size: 20px;
color: #666;
}
.dashboard_home {
margin: 19px 0;
height: calc(100vh - 221px);
}
.form-group.col-md-2.year_option {
float: right;
margin-bottom: 0;
}
.form-group.col-md-2.year_option .form-control {
font-size: 16px;
color: #666;
margin: 0;
}
h1.grid_inner_head {
float: left;
font-size: 24px;
color: #333;
font-weight: 500;
}
.second_grid_inner {
display: flow-root;
padding: 10px;

}
.second_grid_inner h1.grid_inner_head {
margin-top: 0;
}

.dashboard_second_grid {
background: #FFFFFF;
box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.1);
border-radius: 12px;
margin-top: 17px!important;
width: 80%;
margin: auto;
}
.general_cal .tab_head.lmi_head {
padding: 0 20%;
}
.btn.btn-primary.mortage_btn {
background: #21B49F!important;
color: white;
font-weight: 500;
}
.notice_imp_btn {
text-align: right;
}
.general_cal h3.head_tag {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #333333;
}
.update_date {
position: absolute;
right: 2%;
top: 20%;
display: flex;
}
.update_input_btn {
width: 12em;
}
label.date_label {
font-weight: bold;
margin-right: 8px;
margin-top: 3px;
}
button.btn.btn-primary.date_sub {
padding: 0 9px;
font-size: 14px;
height: 25px;
font-weight: 500;
margin-top: 0;
margin-left: 10px;
color: #fff;
background: #272727!important;
}
.seems_text{
font-weight:800;
text-align: center;
padding-top: 50px;
}
/*.intrest_doller {
height: auto;
margin-top: 10px;
left: 19px;
right: 29px;
font-size: 12px;
}*/
.intrest_doller {
width: 8px;
margin-top: -3px;
}
span#monthly_loan_emi {
top: 1px;
position: relative;
}
tbody#credit_table input.form-control {
text-transform: capitalize;
}
.modal-dialog.modal-lg.client_detail_search {
width: 50%;
}
section.service_calulator {
width: 88%;
margin: auto;
padding-top: 3%;
}
.service_calulator a.card-title {
font-weight: 500;
}
.service_calulator h3.head_tag {
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 19px;
color: #333333;
}
.serviceability_box {
background: #FFFFFF;
border-radius: 6px;
padding: 13px;
}
a#save_servicevality {
border: none;
}
a#save_servicevality:focus {
box-shadow:none;
}
section.service_calulator .extra_income .income_btn {
margin-bottom: 10px;
}
.income_btn .more_income {
background: #21B49F!important;
border-radius: 6px;
color: #fff!important;
font-weight: 400!important;
}
/*.hero-camera .nav-link:hover {
background: #115f53 !important;
color: #fff!important;
box-shadow: 0 0 4px #575757;
transition: 0.3s;
border: none;
}*/
.calculator_tile ul#pills-tab {
justify-content: center;
}
.border_none{
border:none!important;
}
.gray_th{
background: #eceeef;
}
div#accordion a.card-title {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #333333;
}
.num_label{
height: 33px;
}
.row.occures_row {
display: grid;
grid-template-columns: 17% 17% 17% 17% 17%;
grid-column-gap: 23px;
padding: 0 17px;
}
.dashboard_doller_monthly_exp{
width: 7px;
height: auto;
position: absolute;
left: 3.1%;
top: 66%;
}
.form-group.occures_col {
position: relative;
}
.gross_inc{
background: #eceeef;
}
input#cap_loan_type1 {
text-transform: capitalize;
}
tbody#loan_details_table input.form-control.standard_loan1 {
text-transform: capitalize;
}
tbody#append_pers .form-control {
text-transform: capitalize;
}
div#collapseOne .form-control {
text-transform: capitalize;
}
div#pills-tabContent .form-control {
text-transform: capitalize;
}
div#pills-serviceability .form-group {
margin-bottom: 0;
}
div#pills-serviceability .form-control {
margin-bottom: 5px;
}
div#pills-serviceability .table td {
border-top: none;
}
td.pull-right_text {
text-align: right;
}
#loan_reslt.loan_fail {
color: #ee1846!important;
}

#loan_reslt.loan_pass {
color: #21b49f!important;
}
.payment_lines{
border:2px solid #eceeef;
}
.general_cal {
border: 1px solid #afadad;
border-radius: 6px;
padding: 10px;
margin: 0 88px 0 69px;
}
.tab-content {
margin-left: 0!important;
}
.one-col_ten{
display: grid;
grid-template-columns: 20% 88px 82.9px 82.9px 82.9px 82.9px 82.9px 82.9px 82.9px 82.9px;
grid-gap: 10px;
text-align: center;
font-size: 15px;
margin: auto;
width: 100%;
margin-left: 18px;
position: sticky;
}
.description_full_dvc{
max-width: 100%!important;
}
img.dashboard_doller_monthly_exp_living {
width: 7px;
height: auto;
position: absolute;
left: 3.1%;
top: 69%;
}
.service_inner_box .table td {
border-top: none;
}
.service_inner_box .form-group {
margin-bottom: 0;
}
.service_inner_box .form-control {
text-transform: capitalize;
}
.extra_income.credit_amt th.income_head.border_after_card.standard {
text-transform: capitalize;
}
.modal-footer.mortage_service {
text-align: right!important;
}
.lease_btn {
position: absolute;
right: 6%;
top: 18%;
}
.search_app.grid_new button.btn.btn-primary {
height: 38px;
}
.search_advance.grid_new button.btn.btn-primary {
height: 38px;
}
button.btn.btn-primary.leases_pri {
box-shadow: 0 0 4px #575757;
}
.application_shadow.pdf_form .head_sub_text {
margin-bottom: 25px;
}
.application_shadow.pdf_form label {
margin-bottom: 0;
}
.custom_select.select-term .select-selected {
display: none;
}
img.dashboard_lvr_img {
width: 7px;
height: auto;
position: absolute;
margin-top: 40px;
left: 21px;
right: 29px;
}
input#monthly_expenses {
padding-left: 18px;
}
.service_accord .card-header {
background-color: #f7f7f900;
}
span.quarter_fade {
color: #999;
font-size: 12px;
}
.pdf_inner {
width: 85%;
margin: auto;
}
/* -12-04-2022-- */
.status_checboxes .rd-list-inner {
display: grid;
grid-column: 3;
grid-gap: 15px;
grid-template-columns: 1fr 1fr 1fr;
}
.individual_checboxes .rd-list-inner {
grid-gap: unset;
grid-template-columns: 100%;
justify-content: center;
display: flex;
}
.board .rd-list-inner {
grid-gap: unset;
grid-template-columns: 100%;
justify-content: center;
display: flex;
}
.rd-list-inner input{
height: auto;
margin-top: 0 !important;
margin-left: 5px;
}
.rd-list-inner .form-check-label {
padding-left: 0;
margin-right: 5px;
}
.rd-list-inner .form-check {
display: flex;
margin-right: 0px;
}
.date_dob_app {
padding: 3px 0!important;
}
.budget_grid h5.budget_head small {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.application_shadow.pdf_form .form-group {
margin-bottom: 0;
}
.application_shadow.pdf_form .form-control.bord_left {
margin-bottom: 9;
}
.mortage_btn_add {
background: #21b49f!important;
color: #fff!important;
border: none!important;
border-radius: 3px!important;
font-size: 13px!important;
margin-bottom: 28px;
font-weight: bold;
}
.rental_dec{
/*    background:#fff;*/
border: 1px solid #afadad;
border-radius: 6px;
padding: 10px;
margin-top: 0;
}
.main-description.quote_new_ol {
padding: 0;
}
.one-col_ten i.fa.fa-pencil-square-o {
position: absolute;
top: 14px;
right: 6px;
cursor: pointer;
color: #333;
}
.textedit{
position: relative;
}
.one-col_ten span.cross_icon {
color: #ea8b02;
margin: 2px -21px;
cursor: pointer;
}
/*.main-description.quote_new_ol {
height: calc(100vh - 341px);
}*/
.mortgage .nav_lines {
padding: 0;
}
.proposal{
height: 360px;
}
.over_data {
height: 200px;
overflow: auto;
}
span.date_detail {
cursor: pointer;
}
input#note_up_date {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.modal-title.text-center.invent {
border-bottom: 2px solid #666;
width: 35%;
}
span.head_form {
font-weight: bold;
}
.modal-dialog.modal-dialog-centered.quote_form_pop_modal.blank_quote .modal-footer {
margin-bottom: 0;
}
.row.inventory_data {
padding-top: 6px;
}
.dashboard_doller_monthly_exp_netpos {
width: 7px;
height: auto;
position: absolute;
top: 7.5px;
margin-left: 8px;
}
.positio_net {
padding-left: 16px!important;
}
.gray_background_input {
background: #eceeef!important;
width: 121px;
list-style: trad-chinese-informal;
border: 1px solid #d6d6d6;
border-radius: 3px;
height: 28px;
padding-left: 3px;
}
.net_worth {
position: relative;
}
p.title_head {
font-size: 15px;
margin-left: 12px;
margin-top: 3px;
margin-bottom: 0;
font-weight: 600;
}
img.fullwidth_img {
width: 100%;
border: 2px solid #ccc;
height: 296px;
}
.fullwidth_img_four {
width: 100%;
border: 2px solid #ccc;
height: 161px;
}
span.menu-text.mort_text {
font-size: 12px;
}
.small_line {
margin-bottom: -5px!important;
}
.seven-col.ast_more .ast_State {
text-transform: uppercase!important;
}
.warning_text .form-check {
padding-left: 32px;
}
.tax_check .form-check-label {
width: 365px;
}
img.refine_img {
width: 100%;
}
.amount_left .outer_box {
text-transform: capitalize;
}
label.ref_label {
text-transform: capitalize;
}
.credit_section .col-form-label {
font-weight: 600;
}
input#save_proposal {
background: #21b49f;
border: none;
color: #fff;
padding: 4px 20px;
border-radius: 5px;
}
.loan_book {
background: #fff;
padding: 20px;
margin: 3% 10%;
border-radius: 5px;
}
.check_loan {
margin-left: 42px;
}
/*button.btn.btn-primary.loan_btn {
background: #21b49f;
color: #fff;
margin: 0 5px;
}
*/.buttons_details {
padding-bottom: 15px;
text-align: center;
}
.data_list_table {
display: block;
width: 54%;
margin: auto;
padding-top: 4%;
}
.data_list_table .table thead th {
border: none!important;
}
.data_list_table .table thead td {
border: none!important;
}
td.fist_view {
width: 35%;
}
.closed_loan_data {
background: #fff;
padding: 20px;
margin: 3% 10%;
border-radius: 5px;
}
.closedloan_body .closed_date {
text-align: center;
}
.closedloan_body .closed_date h4 {
font-size: 20px;
color: #a80f0f;
}
.closedloan_body .closed_date span {
font-size: 18px;
color: #a80f0f;
}
a.download_tab {
color: #000000;
font-weight: 500;
}
/*a.download_tab:hover {
color: #21b49f;
font-weight: 500;
}*/
/*.......................................................................................................*/
.businessdetail_inner .business_form_three {
display: grid;
grid-template-columns: 20% 20% 20% 20%;
grid-column-gap: 13px;
grid-template-rows: 43px;
}
.businessdetail_inner {
width: 82%;
margin: auto;
}
.business_form_three.comp_three {
grid-template-columns: 13% 13% 14% 13% 13% 12.3%;
}

/*.business_form_three .clnt_span_three input.form-control {
border: none;
border-radius: 0;
background: rgb(242,242,242);
height: 25px;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
width: 100%;
}*/
.business_detail {
margin-top: 38px;
}
.business_form_four{
display: grid;
grid-template-columns: 35% 11% 11% 14% 10%;
grid-column-gap: 13px;
grid-template-rows: 33px;
}
.business_form_three span {
margin-bottom: 14px;
}
/*.business_form_four span.clnt_span_three input.form-control{
border: none;
border-radius: 0;
background: rgb(242,242,242);
height: 25px;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
width: 100%;
}*/
.business_form_six {
display: grid;
grid-template-columns: 35% 12% 8% 6% 6% 14%;
margin-top: 10px;
grid-column-gap: 13px;
grid-template-rows: 34px;
}
/*.business_form_six span.clnt_span_three input.form-control {
border: none;
border-radius: 0;
background: rgb(242,242,242);
height: 25px!important;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
width: 100%;
}*/
.business_detail .business_form_six span.clnt_span_three select{
border: none;
border-radius: 0;
background: rgb(242,242,242);
height: 25px!important;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
width: 100%;
}
.business_detail .business_form_six span.clnt_span_three select{
border: none;
border-radius: 0;
background: rgb(242,242,242);
height: 25px!important;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
width: 100%;
}
.business_detail .business_form_six span.clnt_span_three button.btn.btn-primary {
border: none;
border-radius: 0;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
}
span.clnt_span_three.check_gst {
display: flex;
margin-left: 5px;
align-items: center;
width: 100%;
}
span.clnt_span_three.check_gst p {
margin-right: 5px;
font-size: 16px !important;
margin-bottom: 0;
}
span.clnt_span_three.check_gst .check_radio {
padding: 5px 5px;
display: flex;
align-items: center;
gap: 5px;
}
span.clnt_span_three.check_gst .check_radio label {
font-size: 16px;
margin-bottom: 0px;
}
span.clnt_span_three.check_gst p {
font-size: 19px;
}
.director_section .director_left .director_grid_four {
display: grid;
grid-template-columns: 23% 23% 23% 23%;
grid-column-gap: 14px;
grid-template-rows: 46px;
}
.director_section .director_grid_three {
display: grid;
grid-template-columns: 16% 25% 25%;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.director_section .director_grid_five {
display: grid;
grid-template-columns: 23% 16% 13% 9% 31%;
grid-column-gap: 14px;
grid-template-rows: 46px;
position: relative;
}
.director_grid_five input.form-control.input_name_btn {
background: #a80f0f;
box-shadow: 0 0 4px #575757;
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.51);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
}
.director_section .director_grid_four_moveon {
display: grid;
grid-template-columns: 17% 18% 40%;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.director_grid_four_moveon label {
width: 32px;
text-align: center;
line-height: 10px;
margin-top: 0!important;
margin-left: 4px;
font-size: 14px;
margin-bottom: 0!important;
}
.director_grid_four_moveon .year_input {
width: 50px;
}
/*label.my-1.mr-2.label_move {
text-align: center;
line-height: 12px;
font-size: 12px;
font-weight: 500;
margin-right: -30!important;
}*/
.director_grid_four_moveon .form-inline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: center;
align-items: baseline;
}
.director_section .director_grid_four_rent {
display: grid;
grid-template-columns: auto auto auto 35%;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.form-check.form-check-inline.home_input {
display: flex;
}
input.form-control.input_name_num {
width: 100%;
margin-left: 3px;    
}
.form-check.form-check-inline.home_input label {
width: 222px;
text-align: right;
margin-right: 10px;
}
.director_grid_two_rent {
display: grid;
grid-template-columns: auto 48.5%;
grid-template-rows: 46px;
}
.form-check.form-check-inline.balance_input label {
width: 599px;
text-align: right;
margin-right: 8px;
font-size: 15px;
}
.form-check.form-check-inline.balance_input {
display: flex;
}
.sectiontwo_director_grid_three {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 10px;
grid-template-rows: 30px;
}
.sectiontwo_director_grid_three_col{
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.sectiontwo_director_grid_five {
display: grid;
grid-template-columns: 30% 13% 14% 11% auto;
grid-template-rows: 46px;
grid-column-gap: 10px;
}
.sectiontwo_director_grid_five input.form-control.input_name_btn {
background: #a80f0f;
cursor: pointer;
box-shadow: 0 0 4px #575757;
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.51);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
}
.sectiontwo_director_grid_third{
display: grid;
grid-template-columns: auto auto 50%;
grid-template-rows: 46px;
grid-column-gap: 10px;
}
.sectionthree_director_grid_one {
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.sectionthree_director_grid {
grid-template-rows: 46px;
display: grid;
}
.sectionthree_director_grid_four {
display: grid;
grid-template-columns: 23% 21% 15% 12% 11% 11%;
grid-template-rows: 46px;
grid-column-gap: 10px;
}
.sectionthree_director_grid_one_short {
display: grid;
width: 60%;
position: relative;
}
.sectionthree_director_grid_four input.form-control.input_name_btn {
background: #a80f0f;
box-shadow: 0 0 4px #575757;
}
.clone_tab {
left: 104px;
}
.des_grid .left_grid {
display: grid;
grid-template-columns:40% 30% 30%;
grid-column-gap: 8px;
position: relative;
justify-content: center;
grid-template-rows: 46px;
}
.form-group.pancel_icon i.fa.fa-pencil-square-o {
position: absolute;
top: 12px;
right: 5px;
cursor: pointer;
}
.form-group.pancel_icon {
position: relative;
}
.left_grid_second {
display: grid;
grid-template-columns: 40% 30% 30%;
grid-column-gap: 8px;
position: relative;
justify-content: center;
grid-template-rows: 46px;
}
label.label_right {
float: right;
font-weight: 500;
margin-top: 8px;
}
.left_grid span.cross_icon {
left: -4px;
}
.right_grid {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 10px;
}
.right_grid span.cross_icon {
top: 15%;
}
.title_head.text-center {
margin: 35px 0;
}
.business_detail {
position: absolute;
width: auto;
text-align: center;
max-width: 6%;
left: 0;
top: -1%;
}
/*.business_form_six select {
border: none;
border-radius: 0;
background: rgb(242,242,242);
height: 25px!important;
line-height: 15px;
font-size: 14px;
padding: 5px 5px;
width: 100%;
}*/
.businessdetail_outer {
margin-top: 2%;
}
.business_form_six button.btn.btn-primary {
/*   border: none;
border-radius: 0;*/
/* height: 25px!important;*/
/*cursor: pointer;
line-height: 15px;
font-size: 12px;
padding: 5px 5px;
box-shadow: 0 0 4px #575757;
border-radius: 4px;
width: 100%;*/
}
.check_radio input{
height: 22px;
width: 22px;
position: relative;
top: -2px;
}

.sectiontwo_director_grid_three_ol {
display: grid;
grid-template-columns: auto;
grid-column-gap: 10px;
column-gap: 10px;
grid-template-rows: 46px;
}
.business_left_box p {
font-size: 18px;
font-weight: 600;
}
.business_left_box .from_outer label {
font-weight: 500;
}
.check_outer {
display: grid;
grid-column-gap: 28px;
grid-template-columns: auto auto;
}
.calculator_business {
/*    background: rgb(255, 255, 255);
margin: 35px 0;
padding: 17px;
border-radius: 5px;*/
}
.check_outer .form-check {
margin-left: 25px;
}
/*.business_head.text-center {
margin-top: 16px;
}*/
.row.business_cal {
background: #fff;
margin: 16px;
padding: 10px 0;
border-radius: 5px;
border: 1px solid #999;
}
.business_right_box.text-center p {
font-size: 17px;
font-weight: 500;
}
.break_business td.amount_left {
font-size: 14px;
color: #333;
border-top: none;
font-weight: 500;
}
.break_business .outer_box {
text-transform: capitalize;
}
.break_business .green_box {
height: 10px;
width: 10px;
position: relative;
display: inline-block;
background-color: #21b49f;
}
.break_business td.amount_right {
text-align: right;
font-weight: 800;
color: #333;
border-top: none;
}
.break_business img.dashboard_pi {
width: 7px;
height: auto;
margin-top: -2px;
left: 45.5%;
margin-right: 2px;
}
.break_business .red_box {
height: 10px;
width: 10px;
position: relative;
display: inline-block;
background-color: #bd1d1d;
}
.business_detail h1 {
font-size: 25px;
margin-top: 70px;
line-height: 30px;
}
/*.profit_loss_business {
background: rgba(0,0,0,0.2);
padding: 25px;
}*/
/*.profit_loss_business {
width: 60%;
margin: auto;
}*/
.profit_loss_business .profit_loss_business_inner label {
font-weight: 500;
text-align: left!important;}
/*button.btn.btn-primary.new_line {
border: none;
border-radius: 0;
height: 25px!important;
line-height: 15px;
font-size: 14px;
padding: 5px 15px;
box-shadow: 0 0 4px #575757;
cursor: pointer;
}*/
.nav_business li.nav-item {
text-transform: uppercase;
}
.profit_loss_business_inner .input_contrl {
position: relative;
}
.profit_loss_business_inner .form-group {
display: grid;
grid-template-columns: 35% 35% 22%;
width: 70%;
margin: 0 auto;
grid-column-gap: 25px;
}
.calculator_business .nav-link.active {
padding: 8px 13px;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #fff;
font-size: 14px;
font-weight: 600;
transition: 0.5s;
border: 1px solid #0000;
}
.calculator_business .nav-link {
border: 1px solid #ccc;
padding: 8px 13px;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
background: #fff;
cursor: pointer!important;
}
.calculator_business li.nav-item {
margin: 0 5px;
}
.calculator_business .nav-pills {
text-align: center;
justify-content: center;
}
label.custom-control-label.label_yr {
text-align: center;
margin-left: 17px;
line-height: 10px;
margin-right: 11px;
font-size: 11px;
}
/*.oll .month_was {width: 124px;}*/

label.custom-control-label.label_moth {
margin-left: 7px;
font-size: 11px;
}
.form-inline.oll {
display: flex;
/*justify-content: space-evenly;*/
/*display: grid;
grid-template-columns: 4% 23% 29%;
grid-column-gap: 31px;
grid-template-rows: 43px;*/
}
.form-inline.olll {
display: grid;
grid-template-columns: 30% 18% 43%;
grid-column-gap: 13px;
grid-template-rows: 34px;
}
span.link_span {
text-transform: lowercase;
}
.olll .month_was {
width: 124px;
}
.row.business_cal .form-control {
border-radius: 3px;
background: #fff;
font-size: 12px;
color: #636363!important;
margin-bottom: 0;
padding: 14px 0;
border: 1px solid #999;
line-height: 12px;
padding-left: 18px;
}
.next_img{
width: 25px;
background: #ffffff47;
margin: 0 9px;
padding: 3px 3px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.52);
}
.sectiontwo_director_grid_three_cltone {
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
/*.director_section button.btn.btn-primary {
background: #a80f0f;
font-size: 13px;
padding: 5px 10px;
width: 100%;
cursor: pointer;
display: inline-block;
font-weight: bold;
text-align: center;
border-radius: 4px;
box-shadow: 0 0 4px #575757;
transition: 0.3s;
}*/
button.btn.btn-primary.foot_btn.active {
background: #21B49F!important;
border-radius: 8px;
color: #fff!important;
font-weight: 200;
}
.foot_btn {
background: #FFFFFF!important;
border: 1px solid #21B49F!important;
box-sizing: border-box;
border-radius: 8px;
font-size: 14px;
font-weight: 200!important;
line-height: 16px;
color: #21B49F!important;
}
div#main_client2 h4 {
font-weight: bold;
}

/* Headerpromain  */

/* .top-text-block {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: inherit !important;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
  }
  
  .top-text-block:hover:before {
    content: '';
    width: 4px;
    background: #f05a1a;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
  }
  
  .top-text-block.unread {
    background: #ffc;
  }
  
  .top-text-block.unread:hover {
    background: #ffd;
  }
  
  .top-text-block .top-text-light {
    color: #999;
    font-size: 0.8em;
  }
  
  .top-head-dropdown .dropdown-menu {
    width: 350px;
    height: 300px;
    overflow: auto;
  }
  
  .top-head-dropdown li:last-child .top-text-block {
    border-bottom: 0;
  }
  
  .topbar-align-center {
    text-align: center;
  }
  
  .loader-topbar {
    margin: 5px auto;
    border: 3px solid #ddd;
    border-radius: 50%;
    border-top: 3px solid #666;
    width: 22px;
    height: 22px;
    -webkit-animation: spin-topbar 1s linear infinite;
    animation: spin-topbar 1s linear infinite;
  }
  
  @-webkit-keyframes spin-topbar {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin-topbar {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
   */

.proheader .show.dropdown-menu{
    background: #fff !important;
    padding: 12px 25px !important;
    transform: translate(-55px, 20px) !important;
    border-radius: 4px;
    animation-name: dropdown-animate;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    border: 0;
    box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
    width: 100%;
    max-width: 420px;
    height: 100%;
    min-height: 760px;
    overflow: auto;
}
@keyframes dropdown-animate {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  
    0% {
      opacity: 0;
    }
  }


.notiscrollbar::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color:  #fff; 
}
.notiscrollbar::-webkit-scrollbar-thumb {
    background: darkgray;
}



.proheader .show.dropdown-menu::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
}
.proheader button {
    position: relative;
    background: transparent;
    outline: none;
    box-shadow: none;
}
.proheader .dropdown-toggle:focus{
    box-shadow: none;
}
.proheader button i {
    font-size: 22px;
    color: #000;
    position: relative;
}
.proheader .badge-number {
    position: absolute;
    inset: -1px 4px auto auto;
    font-weight: 500;
    font-size: 12px;
    padding: 3px 6px;
    background-color: #f4b7b3;
    color: #000;
    border-radius: 50%;

}
.dropdown-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.175);
    opacity: 1;
}

.top-text-block h4 {
    margin: 0;
}
.top-text-block p {
    margin: 0;
}
.top-text-block h6 {
    margin: 0;
}







.loader-topbar {
    margin: 5px auto;
    border: 3px solid #ddd;
    border-radius: 50%;
    border-top: 3px solid #666;
    width: 22px;
    height: 22px;
    -webkit-animation: spin-topbar 1s linear infinite;
    animation: spin-topbar 1s linear infinite;
}
  
@-webkit-keyframes spin-topbar {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin-topbar {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.proheader a {
    background: transparent !important;
    padding: 0px !important;
    margin-left: 0px !important;
}




/* Headerpromain  */


button.btn.btn-primary.add_link_btn {
/*margin-top: 31px;*/
/*height: 27px;
padding: 0 14px;
text-align: center;
font-weight: 600;
justify-content: center;
align-items: center;*/
}
.form-row-main.input_field_property {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.assets_head p {
font-weight: 500;
font-size: 20px;
}
.form_grid_line .form-row-main.input_field_row label {
font-weight: 500;
}
.assets_bottom_box {
margin-top: 16px;
}
.assets_bottom_box .assets_head p {
margin-bottom:4px;
}
.form-row-main.input_field_otherasses {
display: grid;
grid-template-columns: 48.5% auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.form_grid_line .assets_head p {
margin-bottom: 4px;
}
.form-row-main.input_field_homecontent {
display: grid;
grid-template-columns: 48.5% auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.form-row-main.input_field_saving {
display: grid;
grid-template-columns: 22% 23% auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.form-row-main.input_field_superannuation {
display: grid;
grid-template-columns: 22% 23% auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.form-row-main.input_field_otherasset{
display: grid;
grid-template-columns: 48.5% auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 30px;
}
.form-row-main.input_field_total {
display: flex;
right: -67.7%;
position: relative;
margin-top: 24px;
}
input.form-control.total_input {
width: 124px;
}
.business_assets_liability label {
font-weight: 500;
}
.form-row-main.input_liab_property {
display: grid;
grid-template-columns: 15% auto auto auto 15% auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.form-row-main.input_field_properties {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.form-row-main.input_field_creditcard {
display: grid;
grid-template-columns: auto auto 8% auto auto 8% auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 57px;
}
.payment_business {
width: 63%;
margin: auto;
}
.payment_business .payment_head.text-center {
margin: 26px 0;
}
.pay_head.text-center h6 {
font-weight: 700;
}
.bottom_button {
margin-bottom: 20px;
}
.business_bankdetails label {
color: #fff;
}
.refrences_body label.blank_label {
height: 24px;
}
.refrences_head.text-center {
margin: 20px 0;
}
.businessreferences_inner .refrences_form {
display: grid;
grid-template-columns: 14% 14% 13% 21% 12% 21%;
grid-template-rows: 97px;
grid-column-gap: 10px;
}
.businessreferences_inner .refrences_form_label {
display: grid;
grid-template-columns: 14% 14% 13% 21% 12% 21%;
grid-column-gap: 10px;
}
.bottom_clear {
margin-bottom: 20px;
}
.form-group.right_btn_add {
text-align: right;
}
.form-group.right_btn_add .btn {
width: 137px!important;
}
.refrences_form label {
color: #fff;
font-weight: 600;
}
.mortgage .nav_lines {
padding: 0;
}
.proposal{
height: 360px;
}
.over_data {
height: 200px;
overflow: auto;
}
span.date_detail {
cursor: pointer;
}
input#note_up_date {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.modal-title.text-center.invent {
border-bottom: 2px solid #000;
width: 35%;
}
span.head_form {
font-weight: bold;
}
.modal-dialog.modal-dialog-centered.quote_form_pop_modal.blank_quote .modal-footer {
margin-bottom: 0;
}
.row.inventory_data {
padding-top: 6px;
}
.dashboard_doller_monthly_exp_netpos {
width: 7px;
height: auto;
position: absolute;
top: 7.5px;
margin-left: 8px;
}
.positio_net {
padding-left: 16px!important;
}
.gray_background_input {
background: #eceeef!important;
width: 121px;
list-style: trad-chinese-informal;
border: 1px solid #d6d6d6;
border-radius: 3px;
height: 28px;
padding-left: 3px;
}
.net_worth {
position: relative;
}
p.title_head {
font-size: 15px;
margin-left: 12px;
margin-top: 3px;
margin-bottom: 0;
font-weight: 600;
}
img.fullwidth_img {
width: 100%;
border: 2px solid #ccc;
height: 296px;
}
.fullwidth_img_four {
width: 100%;
border: 2px solid #ccc;
height: 161px;
}
span.menu-text.mort_text {
font-size: 12px;
}
.small_line {
margin-bottom: -5px!important;
}
.seven-col.ast_more .ast_State {
text-transform: uppercase!important;
}
.warning_text .form-check {
padding-left: 32px;
}
.tax_check .form-check-label {
width: 365px;
}
img.refine_img {
width: 100%;
}
.amount_left .outer_box {
text-transform: capitalize;
}
label.ref_label {
text-transform: capitalize;
}
.credit_section .col-form-label {
font-weight: 600;
}
input#save_proposal {
background: #21b49f;
border: none;
color: #fff;
padding: 4px 20px;
border-radius: 5px;
}
.loan_book {
background: #fff;
padding: 20px;
margin: 1% 10%;
border-radius: 5px;
}
.check_loan {
margin-left: 42px;
}
/*button.btn.btn-primary.loan_btn {
background: #21b49f;
color: #fff;
margin: 0 5px;
padding: 11px;
}*/
.buttons_details {
padding-bottom: 15px;
text-align: center;
}
.data_list_table {
display: block;
width: 54%;
margin: auto;
padding-top: 4%;
}
.data_list_table .table thead th {
border: none!important;
}
.data_list_table .table thead td {
border: none!important;
}
td.fist_view {
width: 35%;
}
.closed_loan_data {
background: #fff;
padding: 20px;
margin: 3% 10%;
border-radius: 5px;
height: 58vh;
}
.closedloan_body .closed_date {
text-align: center;
padding-bottom: 22px;
}
.closedloan_body .closed_date h4 {
font-size: 20px;
color: #a80f0f;
}
.closedloan_body .closed_date span {
font-size: 18px;
color: #a80f0f;
}
a.download_tab {
color: #000000;
font-weight: 500;
text-decoration: underline!important;
}
a.download_tab:hover {
color: #a80f0f;
font-weight: 500;
}
img.loan_check_img {
width: 15px;
}
.loan_balance {
background: #fff;
padding: 20px;
margin: 1% 10%;
border-radius: 5px;
height: 69vh;
}
.loanbalance_listing {
text-align: center;
margin-bottom: 12px;
}
.loanbalance_listing h4 {
font-size: 20px;
color: #a80f0f;
}
.loanbalance_listing h5 span {
font-size: 20px;
color: #a80f0f;
}
.client_report {
background: #fff;
padding: 20px;
margin: 1% 10%;
border-radius: 5px;
height: 70vh;
}
.detail_client {
text-align: center;
margin-bottom: 10px;
}
.details_report .detail_client h4 {
font-size: 20px;
color: #a80f0f;
}
.details_report .detail_client p {
font-size: 18px;
color: #1d1d1d;
font-weight:500;
}
.ylw-btn.btn.btn-big.min_disable.purple_hover:hover {
background: grey!important;
}
.small_text span {
text-transform: lowercase!important;
}
.disabed_me {
cursor: not-allowed!important;
background: #d0d0d0!important;
}
.disabed_me_rental {
cursor: not-allowed!important;
background: #d0d0d0!important;
}
.loanbody_top {
position: relative;
}
.buttons_detail_inner {
position: absolute;
right: 44%;
top: 31%;
display: flex;
}
.writes_off {
background: #fff;
padding: 20px;
margin: 1% 10%;
border-radius: 5px;
height: 70vh;
}
.loan_book_body .transtion_head h4 {
font-size: 20px;
color: #a80f0f;
}
.loan_book_body .transtion_head span {
font-size: 18px;
color: #a80f0f;
}
.loan_book_body .transtion_head {
text-align: center;
}
.transaction_report {
background: #fff;
padding: 20px;
margin: 1% 10%;
border-radius: 5px;
height: 70vh;
}
.transaction_title {
text-align: center;
}
.transaction_body .transaction_title h4 {
font-size: 20px;
color: #a80f0f;
}
.transaction_body .transaction_title span {
font-size: 18px;
color: #a80f0f;
}
.currentloan {
background: #fff;
padding: 20px;
margin: 1% 10%;
border-radius: 5px;
height: 70vh;
}
.loanbook_body .loanbook_title {
text-align: center;
}
.loanbook_body .loanbook_title p .download_here {
color: #a80f0f;
}
.data_list_table span#download_report {
background: #21b49f;
color: #fff;
font-weight: 400;
padding: 4px 9px;
border-radius: 4px;
cursor: pointer;
}
.table_input th {
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 5;
background: #e4e4e4;
}
/*.table_input {
height: 400px;
overflow: auto;
}*/
.closed_date form {
position: relative;
text-align: center;
margin: auto;
width: 71%;
justify-content: center;
}
.closed_date form label {
font-size: 17px;
margin: 0 11px 0 14px;
padding: 0 0 14px 0;
}
.date_submit{
padding: 12px 18px;
margin-top: -10px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
cursor: pointer;
}
.date_submit:hover {
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
}
.date_submit:focus{
background: #a80f0f;
color: #fff!important;
}
.closed_table th {
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 5;
background: #ececec;
}
.closed_table{
overflow: auto;
height: auto;
max-height: 350px;
}
.loanbalance_listing .date_bnt {
display: grid;
grid-template-columns: auto auto auto;
width: 36%;
margin: auto;
}
.loanbalance_listing .date_bnt {
display: grid;
grid-template-columns: auto auto auto;
width: 36%;
margin: auto;
}
.loanbalance_listing input#balance_submit {
padding: 4px 13px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
height: 36px;
cursor: pointer;
}
.date_bnt label.my-1.mr-2 {
font-size: 19px;
font-weight: 500;
}
.loanbalance_table th {
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 5;
background: #ececec;
}
.loanbalance_table {
overflow: auto;
height: auto;
max-height: 460px;
}
.details_report .details_table th {
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 5;
background: #ececec;
}
.details_report .details_table {
overflow: auto;
height: auto;
max-height: 460px;
}
.csv_table th {
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 5;
background: #ececec;
}
.csv_table {
overflow: auto;
height: auto;
max-height: 489px;
}
.loan_list_grid {
display: grid;
grid-template-columns: auto auto auto;
width: 38%;
margin: auto;
grid-column-gap: 11px;
grid-template-rows: 35px;
}
.loan_list_grid .submit_btn {
height: 41px!important;
margin-top: 0px!important;
width: 96px!important;
}
.form-inline.text-center_writes_off {
margin: auto;
width: 50%;
display: flex;
}
.form-inline.text-center_writes_off span {
margin: 0 5px;
margin-top: -10px;
}
input.form-control.date_submit {
margin-left: 10px;
}
/*.loan_list_grid .submit_btn {
background: #21b49f!important;
color: #fff!important;
}*/
.loan_list_grid .submit_btn:hover {
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
}
.loanbalance_listing .loan_list_grid input#start_date {
display: block;
width: 100%;
padding: 20px;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.loanbalance_listing .loan_list_grid h5 {
margin-top: 9px;
}
.right_notes_grid .notes_body_outer.provider-noteouter {
background: transparent;
padding: 0;
margin-top: 0px !important;
}
    

/*.......................................................................................................*/

/*newdesign.............................*/
.notes_inner_container .notes_top {
display: flex;
justify-content: space-between;
padding: 5px;
width: 100%;
padding-left: 17px;
padding-right: 17px;
z-index: 999;
position: fixed;
background: #e5e4e4;
-webkit-box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.3);
}
.header_userimage {
position: relative;
}
.header_userimage img {
width: 40px;
height: 40px;
border: 1px solid #bdbec0;
border-radius: 50%;
}
.header_userIcon {
position: absolute;
left: -2px;
bottom: -15px;
color: #0db10d;
}
.notes_top_right {
display: flex;
}
.notes_top_right .notes_right_grid {
display: grid;
grid-template-columns: auto auto auto  auto;
grid-column-gap: 28px;
grid-template-rows: 28px;
margin-top: 14px;
position: relative;
align-items: center;
}
.notes_icon::before {
content: '';
border-left: 1px solid #BABABA;
position: absolute;
height: 48%;
right: 62%;
top: 5px;
}
.notes_icon.afterloginnote-icon::before{
top: 0;
}
.right-logout .log_out_btn {
background: #b1b1b1;
display: inline-block;
padding: 3px 12px;
border-radius: 5px;
}
.right-logout .log_out_btn:hover{
background: #eec291;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
}
/*.notes_head {
display: flex;
justify-content: space-between;
margin-left: -10px;
margin-right: -10px!important;
}*/
.navbar_btn_body .notes_outer_body {
border-radius: 5px;
background: #BFDABE;
height: 100%;
width: 250px;
margin: 0 0px;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
}
.notes_outer_body .sidenav_panel {
display: inline-grid!important;
margin: auto;
width: 100%;
}
.navbar_btn_body p.hide_para {
font-size: 18px;
color: #333;
text-align: center;
}
.notes_title_head h3{
color: #333;
font-size: 22px;
margin-top: 10px;
}
.right_head_btn .head_btn {
/*border: 1px solid #e0ebcd;*/
color: #333;
padding: 5px 20px;
font-size: 18px;
font-weight: 500;
transition: 0.5s;
background: #b1b1b1;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 5px;
cursor: pointer;
margin-left: 10px;
}
.list_head_btn.four-btnhed {
width: 100%;
max-width: 600px;
justify-content: end;
}
.list_head_btn {
display: flex;
justify-content: space-between;
padding:0;
}
span.three_lines_shape {
background: #eec291;
width: 35px;
height: 35px;
border: 1px solid #cacaca;
color: #473036;
padding: 4px 0 0 0px;
z-index: 999;
border-radius: 5px;
margin: 0 auto;
text-align: center;
display: inline-block;
}

.notes_top_right .notes_right_grid .notes_icon p.icon_msg {
color: #000;
font-size: 16px;
}
p.icon_msg.aftrloginmsg {
margin-bottom: 15px;
}
.notes_top_right .notes_right_grid .user_icon {
color: #000;
font-size: 16px;
font-weight: 500;
padding: 1px 9px;
border-radius: 5px;
}
.nav_link_btn.nav-link {
display: block!important;
color: #030303;
font-weight: 700;
text-align: center;
text-decoration: none!important;
font-size: 14px;
padding: 0.5em 0.8em;
}
/*.nav_head li a:hover:not(.active) {
background-color: #ddd;
}*/
.nav_head li a.active {
color: white;
background-color: #4CAF50;
}
.nav_head {
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 0px;
}
.nav-item.show .dropdown-menu{
margin-top: 5px !important;
}
.nav-item.show .dropdown-menu a {
font-weight: 700;
font-size: 14px;
text-transform: inherit;
}
.nav-item.show .dropdown-menu a:hover{
background: #eec291;
color: #000;
}
.nav-item.show .dropdown-menu a.dibale_list:hover{
 background: #b1b1b1;
/*background: transparent;*/
color: #292b2c;
}

.nav-item.show .dropdown-menu a:focus,.nav-item.show .dropdown-menu a:active{
background: #eec291;
color: #fff;

}
.notes_body_outer.loss_profit {
width: 62%;
padding: 20px;
overflow: auto;
height: 100%;
min-height: 350px !important;
max-height: 580px !important;
overflow-y: scroll;
}
li.nav-item.show{
position: relative;
}
.list_item_block {
display: flex;
justify-content: space-between;
border: 1px solid #e7e7e7;
background-color: #f3f3f3;
margin-left: -10px;
margin-right: -10px!important;
border-bottom: 1px solid #0000001c;
border-top: 1px solid #0000001c;
box-shadow: 2px 2px 12px -5px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: 0px 0 17px -13px rgba(0,0,0,0.75) inset;
-moz-box-shadow: 2px 2px 12px -5px rgba(0,0,0,0.75) inset;
padding:10px 30px 8px;
align-items: center;
}
/* .nav_head li {
float: left;
margin: 8px 0 0 0;
} */
.nav_link_btn.nav-link {
display: block!important;
color: #030303;
font-weight: 700;
text-align: center;
text-decoration: none!important;
font-size: 14px;
}
/*.nav_head li a:hover:not(.active) {
background-color: #ddd;
}*/
.nav_head li a.active {
color: white;
background-color: #4CAF50;
}
.nav_head li.nav-item.active a.nav_link_btn.nav-link {
color: #000;
}
.nav-item_btn_np {
margin: 5px 5px!important;
}
.nav_head img.next_img {
margin: 5px 0px;
}
.hide_sidebar #maintwo {
transition: margin-left .9s;
padding: 16px;
}
.hide_sidebar .sidenav {
text-align: center;
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #BFDABE;
overflow-x: hidden;
transition: 0.9s;
padding-top: 60px;
}

.hide_sidebar .sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #fff;
display: block;
transition: 0.9s;
padding: 0;
}
.hide_sidebar .sidenav a:hover,
.hide_sidebar .offcanvas a:focus {
color: #333;
}
.hide_sidebar .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px !important;
margin-left: 50px;
}
.hide_sidebar span.api_text {
font-size: 18px;
font-weight: 500;
text-decoration: underline;
}
p.hide_para {
font-size: 18px;
color: #333;
}
button.nav_btn_hide {
background: #FFFFFF;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 5px;
width: 185px;
margin: 6px 0;
font-size: 14px;
color: #333;
border: none;
padding: 6px 0;
font-weight: 600;
}
p.hide_para_bottom {
font-size: 18px;
color: #333;
margin-top: 16px;
}
.radio_btn_select .labl {
display: block;
margin: 0 10px;
width: 114px;
}
.radio_btn_select .labl > input{ /* HIDE RADIO */
visibility: hidden; /* Makes input not-clickable */
position: absolute; /* Remove input from document flow */
}
.radio_btn_select .labl > input + div{ /* DIV STYLES */
cursor: pointer;
border: 1px solid #c4c4c4;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 5px;
text-align: center;
font-weight: 500;
padding: 4px 2px;
font-size: 14px;
border: 1px solid #fff;
}
.radio_btn_select .labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
border: 1px solid #c4c4c4;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
}
.radio_btn_select {
display: flex;
justify-content: center;
margin-top: 20px;
}
.notes_editor_grid .cke_skin_kama.cke_1.cke_editor_description1 {
width: auto!important;
}
.notes_inner_container .editor_notes {
margin-top: 20px!important;
width: 100%;
margin: auto;
}
.right_notes_grid .editor_notes.active {
width: 99%;
}
.editor_notes h4.notes_head.bott_text {
width: 100%;
margin-left: 0;
}
.hide_sidebar .nav_btn_hide {
background: #FFFFFF;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 5px;
color: #333!important;
padding: 8px 0!important;
width: 226px;
font-size: 15px!important;
margin: auto;
margin-bottom: 10px;
font-weight: 500;
}
.notes_outer_body .sidenav_panel .nav_btn_hide {
background: #FFFFFF;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 5px;
padding: 9px 16px;
text-align: center;
font-size: 14px;
font-weight: 500;
display: block;
transition: 0.3s;
color: #333;
width: 100%;
color: #000;
max-width: 260px;
margin: 0 auto 13px;
}
.label_gst {
display: flex;
margin-left: 34%;
}
.label_gst label.form-check-label {
padding-left: 4px;
}
.label_gst .form-check {
margin-left: 31px;
font-size: 14px;
}
.list_item_block .nav_head li.nav-item.active {
background: #eec291;
border-radius: 5px;
}
.notes_right_grid .notes_icon {
cursor: pointer;
position: relative;
top: 5px;
}
.editor_notes .check_notes_detai.rent_note .form-check {
text-align: center;
font-size: 16px;
margin-bottom: 0;
}
.notes_editor_grid .check_notes_detai.rent_note .form-group {
margin-bottom: 0;
}
.notes_inner_container .notes_body_inner_page {
margin: auto;
width: 100%;
}
.left_grid.label_single {
grid-template-rows: 30px;
}
.left_grid.label_single label { 
font-weight:500;
}

.notes_inner_container .api_head {
    padding: 16px 0;
    width: 100%;
    margin: 65px 10px 0;
}
.notes_inner_container .api_head.pt-request{
margin-top: 0;
}
.notes_inner_container .api_head.clc-api{
margin-top: 0;
padding-top: 0;
}
.notes_outer_body .sidenav_panel {
display: inline-block!important;
margin-top: 25px;
padding: 15px;
}
#fullview {
position: relative;
}
.sidebar_tabs {
margin: 40px 0;
width: 100%;
}
.sidebar_tabs .nav-tabs {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
text-align: center;
}
.sidebar_tabs i {
color: #2c2c2c;
font-size: 25px;
}
.sidebar_tabs .nav.nav-tabs li {
padding: 0;
width: 100%;
background: transparent;
font-weight: unset;
margin: auto;
border-radius: unset;
}
.sidebar_tabs .nav-tabs .nav-link:focus, .sidebar_tabs .nav-tabs .nav-link:hover {
border-color: transparent;
}
.sidebar_tabs .nav-tabs .nav-item.show .nav-link, .sidebar_tabs .nav-tabs .nav-link.active {
background: transparent ;
border-color: transparent ;
border-bottom: 3px solid #f3b46d;
}
.sidebar_tabs .nav-tabs .nav-item.show .nav-link i, .sidebar_tabs .nav-tabs .nav-link.active i {
color: #f3b46d;
font-size: 25px;
}
body {
transition: background-color .5s;
background: #e8e7e7 !important;
}
.api_head .sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
/*overflow-x: hidden;*/
transition: 0.5s;
padding-top: 52px;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
}
/*.api_head .sidenav a:hover {
color: #000000;;
}*/
.api_head .sidenav .closebtn {
position: absolute;
top: 50px;
left: 335px;
font-size: 16px;
font-weight: 500;
background: #eec291;
width: 30px;
height: 30px;
color: #000;
z-index: 999;
border-radius: 5px;
padding: 0;
text-align: center;
line-height: 28px;
}
.api_head #main {
transition: margin-left .5s;
padding:0;
}
.right_notes_grid .list_center_block.active a.nav_link_btn.nav-link {
font-size: 12px;
}
.list_head_btn span.api_font {
font-size: 18px;
font-weight: 600;
}
.clear_Section {
padding: 8px 13px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #0000;
}
.clear_Section:hover {
padding: 8px 13px;
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}
.icon_btn_left {
background: #eced9c;
height: 100%;
width: 60px;
margin: 0 0px;
text-align: center;
padding-top: 60px;
box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.icon_left_inner .icon_left img.icon_soc {
width: 17px;
margin-bottom: 37px;
}
.icon_left_inner {
margin: auto;
width: 20%;
position: relative;
top: 13%;
}
.clear_Section:focus{
color:#333;
}
.nav_vertical li{
padding: 10px;
border-bottom: 1px solid #a5bfa4;
text-align: center;
width: 47px;
}
a.button_icon.update_minit_model_btn:focus {
color: #a80f0f!important;
outline:none;
}
.nav_vertical .button_icon i.fa {
font-size: 20px;
}
ul.nav_vertical {
margin-left: -20px;
padding-left: 0;
list-style-type: none;
text-align: center;
}
.icon_left_inner .nav_vertical li:hover .button_icon {
color: #a80f0f!important;
}
.icon_left_inner .nav_vertical li:first-child {
border-top:1px solid #a5bfa4;
}
.body_page_inner.equipment_bord {
background: #f4f3f3;
border-radius: 5px;
padding: 35px;
width: 53%;
margin: auto;
margin-top: 29px!important;

overflow: auto;
}
.body_page_inner.equipment_bord .des_grid {
margin-top: 20px;
}
form#inventory_form .modal-header {
justify-content: center;
background: #a83b58;
color: #fff;
}
form#inventory_form {
margin-bottom: 0;
}
div#div_oth_income .amount{
margin-bottom: 10px;
}
#div_oth_add .amount{
margin-bottom:10px;
}
#div_oth_backs .amount{
margin-bottom:10px;
}
.row.inventory_data label {
font-weight: 500;
text-transform: capitalize;
}
.doller_mol .form-control {
padding: 9px 18px !important;
}
.doller_mol .dollar_bankimg.dollar_bank {
margin-top: 44px;
}
.doller_mol img.dollar_bank {
margin-top: 44px;
}
.detail-box .bd-data.bnk .bankdetails_t label {
font-weight: 600!important;
}
#inventory_form .modal-footer {
background: #e2f1af;
margin-bottom: 0;
}
.form-group.pancel_icon i.fa.fa-pencil-square-o:hover{
color:#a80f0f;
}
#inventory_form .form-control {
font-weight: 600;
}
label.head_detail {
font-weight: 700;
}
.businessreferences_inner .refrences_body.bg_clr {
background: #BFDABE;
border-radius: 5px;
padding: 35px;
}
.businessreferences_inner .refrences_body.bg_clr {
background: #BFDABE;
border-radius: 5px;
padding: 35px;
width: 76%;
margin: auto;
}
.body_page_inner.client_loan_body .Loanext input {
text-transform: capitalize;
font-size: 14px;
line-height: 19px;
padding: 0;
}
.Loanext li.exten-aprv a {
line-height: 20px;
}
#form1 .refrences_form label {
color: #000;
font-weight: 700;
}
.right_notes_grid .notes_body_outer {
background: #BFDABE;
border-radius: 5px;
padding: 20px;
margin-top: 23px!important;
width: 100%;
margin: auto;
overflow: auto;
height: auto;
}
.notes_body_outer.height_cal.business_cal_new{
margin-top: 0 !important;
}
img.loss_img {
width: 8px;
position: absolute;
top: 11px;
margin-left: 16px;
}
.addother_div {
position: relative;
}
.profit_loss_business_inner .form-control {
padding-left: 24px;
margin-bottom: 15px;
}
.notes_body_outer.loss_profit {
width: 62%;
padding: 20px;
/*    height: calc(100vh - 220px) !important;*/
overflow: auto;
}
.api_head {
padding-bottom: 0 !important;
}

#myChart:hover {
color: transparent;
}
.main-accordion-chattels .container-fluid {
width: 100%;
}
.form-row-main.input_field_property.first_line {
grid-template-columns: 11.6% 11.6% 11.6% 11.5% 11.4% 11.5% 10%!important;
grid-template-rows: 20px;
}
.form-row-main.input_field_otherasses.second_line {
grid-template-columns: 48.5% 11.6% 12% auto auto;
grid-template-rows: 35px;
}
.form-row-main.input_field_homecontent.third_line {
grid-template-columns: 48.5% 11.6% 11.7% auto auto;
grid-template-rows: 35px;
}
.form-row-main.input_field_saving.forth_line {
grid-template-columns: 22% 23% 12.5% 12.5% auto auto;
grid-template-rows: 35px;
}
.form-row-main.input_field_superannuation.fifth_line {
grid-template-columns: 22% 23% 12.5% 12.5% auto auto;
grid-template-rows: 35px;
}
.form-row-main.input_field_otherasset.sixth_line {
grid-template-columns: 48.5% 11.5% 12% auto auto;
grid-template-rows: 35px;
}
.form-row-main.input_field_properties.lbl_first {
grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10%;
grid-template-rows: 35px;
}
.form-row-main.input_field_creditcard.lbl_second {
grid-template-columns: 10.8% 8.5% 10% 10.6% 10% 8.5% 10.5% 8% 10%;
grid-template-rows: 35px;
}
.form-row-main.input_field_properties.lbl_third {
grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10%;
grid-template-rows: 35px;
}
.left_chattels {
background: #b0ccaf;
padding: 10px;
box-shadow: 0px 0 8px rgba(0, 0, 0, 0.07);
}
.input_field_box {
background: #FFFFFF;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
font-weight: 600;
height: auto;
margin-bottom: 10px;
text-transform: capitalize;
display: block;
width: 100%;
height: 39px;
font-size: 1rem;
line-height: 2.25;
color: #464a4c;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.top_chattels {
background: #b0ccaf;
padding: 10px;
box-shadow: 0px 0 8px rgba(0, 0, 0, 0.07);
}
.bottom_chattels {
background: #b0ccaf;
padding: 10px;
box-shadow: 0px 0 8px rgba(0, 0, 0, 0.07);
}
.director_grid_frst_low {
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.director_grid_four_grid {
display: grid;
grid-template-columns: auto auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.notes_body_outer.assests_liabilities {
width: 79%;
/* width: 67%; */
padding:25px ​58px ;
}
.right_chattels label.col-sm-5.col-form-label {
font-weight: 900;
}
.notes_body_outer.camera-loan {
width: 75%;
margin-top: 30px !important;
padding: 0;
}


#main_client1 .form-control{
font-size: 14px;
height: auto;
position: relative;
}
#main_client1 button.btn.btn-primary{
font-size: 14px;
height: 33px;
}
select#title_1 {
top: -7px;
}
select#client_status_1 {
top: -7px;
}
#main_client2 .form-control{
font-size: 14px;
position: relative;
height: auto;
}
div#main_client2 select#title_2 {
top: -7px;
}
.icon_left_inner a.button_icon.min_disable {
color: #928f8f !important;
background:none!important;
}
.right_head_btn .head_btn:hover {
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
background: #eec291;
}
.notes_outer_body .sidenav_panel .nav_btn_hide:hover {
transition: 0.5s;
background: #DFEBCC;
}
.main-heading-tp{
text-align: center;
}
.main-heading-tp h2 {
margin-top: 10px;
font-size: 25px;
}
.icon_left_inner .nav_vertical li:hover a.button_icon.min_disable {
color: #928f8f !important;
}
span.team_hover:hover {
color: #ff8600 !important;
}
p.icon_msg i.fa.fa-envelope-o {
color: #000;
}
.notes_right_grid .notes_icon:before {
content: " ";
position: absolute;
border-right: 1px #6c757d solid;
right: -12px;
height: 56%;
margin-top: auto;
margin-bottom: auto;
}
.body_page_inner.equipment_bord button#open_goods_modal {
font-weight: 600;
font-size: 17px;
}
.des_grid span.cross_icon {
top: 0%!important;
}
div#refered label.ref_label {
color: #000;
}
.assets_head h3 {
font-weight: 700;
}
.des_grid .left_grid.label_single label {
color: #fff;
}
.left_grid_second label {
color: #fff;
}
.businessreferences_inner .refrences_body.bg_clr label {
color: #000!important;
}
/*.fulll-box.four.letter_box {
width: 60%;
}*/
/*.fulll-box.four.master_letter {
width: 60%;
}*/
span.minus_icon {
position: absolute;
font-size: 9px;
top: 33%;
margin-left: 7px;
}
li.nav-item.dropdown a.dropdown-item {
border-radius: 5px;
font-weight: 700;
}
.disable_links_nav .dibale_list{
cursor: not-allowed;
background: #b1b1b1;
}
.disable_links_nav .dibale_list:hover{
background: #b1b1b1;
}
.right_chattels {
background: #b0ccaf;
padding: 10px;
box-shadow: 0px 0 8px rgba(0, 0, 0, 0.07);
}
.business_form_six span i.fa.fa-times {
color: #a80f0f;
margin-top: 9px;
}
.body_page_inner.client_loan_body input {
text-transform: capitalize;
font-size: 14px;
line-height: 34px;
padding: 4px 10px 0;
}
.body_page_inner.client_loan_body .invdivfoot-btn input{
font-size: 16px;
}
.updinvoice-inner .third-loan-inner input{
box-shadow: 0px 2px 4px 0px #979797;
}
.updinvoice-inner .third-loan-inner input, .updinvoice-inner .third-loan-inner input:focus{
box-shadow: 0px 2px 4px 0px #979797 !important;
}
.body_page_inner.client_loan_body input.form-check-input{
box-shadow: 0px 0px 0px 0px transparent;
}
.body_page_inner.client_loan_body input.update_numb {
box-shadow: 0px 0px 0px 0px transparent;
}
.body_page_inner.client_loan_body .check_radio input {
box-shadow: 0px 0px 0px 0px transparent;
}
.body_page_inner.client_loan_body input.application_current {
background: #b5b5b5;
}
.application_current select, .application_current input, .application_current{
background: #b5b5b5 !important;
}
.form-inline.oll .custom-control.custom-checkbox.my-1.mr-sm-2 span {
margin-top: -22px;
margin-left: 6px;
cursor: pointer;
}
/*.form-inline.oll {
margin-top: 1px!important;
}*/
.body_page_inner.client_loan_body input[type="email"]{
text-transform: inherit;
}
.body_page_inner.client_loan_body input[type="email"]::placeholder {
text-transform: capitalize;
}
.body_page_inner.client_loan_body input[type="email"]:-ms-input-placeholder { 
text-transform: capitalize;
}
.body_page_inner.client_loan_body input[type="email"]::-ms-input-placeholder { 
text-transform: capitalize;
}
.body_page_inner.client_loan_body span i.fa.fa-times {
color: #a80f0f;
margin-top: 11px;
margin-left: 0;
}
.body_page_inner.client_loan_body .create_loan_body span i.fa.fa-times {
color: #a80f0f;
margin-top: -1px;
margin-left: 7px;
}
.minus_bold{
position: relative;
}
span.minus_icon_main {
position: absolute;
font-size: 9px;
margin-left: 7px;
margin-top: 14px;
}
span.minus_icon_js {
position: absolute;
font-size: 9px;
margin-left: 7px;
margin-top: 14px;
}
.profit_loss_business i.fa.fa-minus {
color: #a80f0f;
}
.businessreferences_inner input {
text-transform: capitalize;
}
.businessreferences_inner input[type="email"]{
text-transform: lowercase;
}
.businessreferences_inner input[type="email"]::placeholder {
text-transform: capitalize;
}
.businessreferences_inner input[type="email"]:-ms-input-placeholder { 
text-transform: capitalize;
}
.businessreferences_inner input[type="email"]::-ms-input-placeholder { 
text-transform: capitalize;
}
a#pills-rent-tab {
cursor: not-allowed;
background: #dedede;
}
li.nav-item_btn_np .side_btn span {
font-size: 31px;
color: #a80f0f;
}
li.nav-item_btn_np .side_btn span .fa {
padding-top: 2px;
}
button#Previous:focus {
outline: none;
}
button:focus {
outline: none;
}
.chattels_mortgage .form-group.row {
margin-bottom: 0;
}
.profit_loss_business_inner .form-group.row {
margin-bottom: 0;
}
button.btn.btn-primary.icon_btn {
position: absolute;
right: 0;
margin-right: -11px;
}
button.btn.btn-primary.icon_btn:hover {
box-shadow: 0px 4px 4px 0px #717171;
}
.btn-primary:hover{
border-color: transparent;
background: #eec291;
}
.btn-primary{
border-color: transparent;
}
label.label_move {
width: 21px;
font-size: 10px;
text-align: center;
line-height: 12px;
font-weight: 500;
/* margin: 0 0; */
margin-right: 11px;
}
/*div#personal_id2 {
padding: 4% 7% 4% 2%!important;
}*/
.form-inline.oll .custom-control.custom-checkbox {
margin-left: 6px;
padding-right: 0;
margin-right: 0;
}
/*div#personal_id2 button.btn.btn-primary.icon_btn {
margin-right: -30px;
}*/
.form-inline.oll span {
margin-top: -15px!important;
}
.director_grid_five button.btn.btn-primary.icon_btn spna i.fa.fa-plus-circle {
padding: 6px 0;
}
.form-group.row.other_income.addother_div {
display: inline;
}
.form-group.image_dollar img.left_img {
position: absolute;
width: 8px;
margin-top: 11px;
margin-left: 6px;
}
.form-group.image_dollar .form-control {
padding-left: 15px;
}

.fulll-box.five_col_box {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
position: relative;
height: 60vh;
overflow: auto;
}
.fulll-box.five_col_box::-webkit-scrollbar-track {
background: #f1f1f1!important; 
}
.fulll-box.five_col_box::-webkit-scrollbar-thumb {
background: #888; 
border-radius: 5px;
}
.fulll-box.five_col_box::-webkit-scrollbar {
width: 4px!important;
}
/*div#ufirst .fulll-box .box {
width: 168px;
}*/
.right-button {
margin:18px 0;
text-align: right;
position: relative;
}
.calculator_business.calculator_business_inner .nav-link {
width: 173px;
}
.own_input input.form-control.amount.col-sm-10 {
float: right;
}
.business_form_six_four {
display: flex;
/*grid-template-columns: auto auto auto auto;
grid-column-gap: 13px;*/
margin-top: 11px;
margin-left: -68px;
}
.business_form_six_four .clnt_span_four {
display: flex;
margin-right: 12px;
}
.business_form_six_four input.form-control.input_name {
width: 135px;
}
.business_form_six_four .clnt_span_four label.span_label {
font-weight: 500;
margin-top: 9px;
margin-right: 10px;
}
span.email_icon {
position: absolute;
right: 7px;
top: 29%;
font-size: 18px;
z-index: 1;
}
span.phone_icon {
position: absolute;
right: 7px;
top: 27%;
font-size: 18px;
z-index: 1;
}
span.clnt_span_three {
position: relative;
}
.sectiontwo_director_grid_third .form-group {
position: relative;
}
.sectionthree_director_grid_one_short .form-group {
position: relative;
}
.sectionthree_director_grid_one_short .form-group span.email_icon{
top: 22%;
}
.director_grid_four_moveon .form-group {
position: relative;
}
.director_grid_three .form-group {
position: relative;
}
.director_grid_three .form-group span.social_icon {
position: absolute;
z-index: 1;
right: 7px;
font-size: 21px;
top: 26%;
}
.director_grid_three .form-group span.social_icon i.fa.fa-linkedin-square {
color: #0e76a8;
}
.director_grid_three .form-group span.social_icon i.fa.fa-facebook-official {
color: #3b5998;
}
.director_grid_four_moveon .form-group input#mobile {
padding-right: 25px;
}
.business_form_four span.clnt_span_three input#business_mobile {
padding-right: 31px;
}
.business_form_four span.clnt_span_three input#business_email {
padding-right: 25px;
}
.director_grid_three .form-group input#linkedin_1 {
padding-right: 30px;
}
.director_grid_three .form-group input#linkedin_2 {
padding-right: 30px;
}
.director_grid_three .form-group #facebook_1{
padding-right: 30px;
}
.director_grid_three .form-group #facebook_2{
padding-right: 30px;
}
.director_grid_four_moveon .form-group input#mobile_2 {
padding-right: 25px;
}
.director_grid_four_moveon .form-group input#mobile_1 {
padding-right: 25px;
}
.director_grid_four_moveon .form-group #email_2{
padding-right: 30px;
}
.director_grid_four_moveon .form-group input#email {
padding-right: 31px;
}
.director_grid_four_moveon .form-group #email_1{
padding-right: 25px;
}
.sectiontwo_director_grid_third .form-group input#supplier_mobile {
padding-right: 31px;
}
.sectiontwo_director_grid_third .form-group #supplier_email{
padding-right: 31px;
}
.sectiontwo_director_grid_third .form-group #accountant_mobile{
padding-right: 31px;
}
.sectiontwo_director_grid_third .form-group #accountant_email{
padding-right: 31px;
}
.sectionthree_director_grid_one_short .form-group input#trade_email {
padding-right: 31px;
}
.sectionthree_director_grid_one_short .form-group input#credit_email_1 {
padding-right: 31px;
}
.sectionthree_director_grid_one_short .form-group input#trade_2_email {
padding-right: 31px;
}
.sectionthree_director_grid_one_short .form-group input#credit_email_2 {
padding-right: 31px;
}
.director_grid_four_moveon .form-group input#email {
padding-right: 31px;
}
.sidenav_panel .butn-arrow {
border-bottom: 2px solid #999;
margin-bottom: 14px;
}
li.nav-item.dropdown.show.msg_icon .dropdown-item .msg_dsp {
display: inline-table;
line-height: 0;
margin-left: 10px;
}
li.nav-item.dropdown.show.msg_icon .dropdown-item .msg_dsp p {
margin-bottom: 0;
}
li.nav-item.dropdown.show.msg_icon .dropdown-item .msg_dsp p {
font-size: 14px;
}
li.nav-item.dropdown.show.msg_icon .dropdown-item .msg_dsp p .num_msg {
font-size: 11px;
}
span.img_tag img.img_dollar {
position: absolute;
width: 8px;
left: 8px;
top: 23%;
}
.seven-col.ast_more span.img_tag {
position: relative;
}
input#ast_value1 {
padding-left: 14px;
}
.fourassets-col.boat_more span.img_tag {
position: relative;
}
.fourassets-col.home_more.second_loop span.img_tag {
position: relative;
}
span.img_tag {
position: relative;
}
.chattels_mortgage .img_tag {
position: relative;
}
.chattels_mortgage img.img_dollar {
position: absolute;
width: 8px;
left: 21px;
top: 24%;
}
img.img_percent {
position: absolute;
width: 4%;
top: 25%;
left: 6.5%;
}
.img_tag .form-control{
padding-left: 17px;
}
/*.row.second_grid_line .second_line_smm {
min-height: 369px;
height: auto;
}*/
.row.second_grid_line {
margin-top: -15px;
}
.sectioncheck_grid_two span.clnt_span_three.check_gst p{
font-size:16px
}
.refrences_body.bg_clr .refrences_form .form-group {
position: relative;
}
.refrences_body.bg_clr .refrences_form .form-group span.phone_icon {
position: absolute;
right: 7px;
top: 52%;
z-index: 999;
font-size: 17px;
}
.refrences_body.bg_clr .refrences_form .form-group span.email_icon {
position: absolute;
right: 7px;
top: 52%;
z-index: 999;
font-size: 17px;
}
.refrences_body.bg_clr .form-group .form-control{
padding-right:30px
}
.refrences_form_label .form-group {
position: relative;
}
.clnt_span_three span.search_icon {
position: absolute;
right: 9px;
cursor: pointer;
top: 34%;
}
button.close {
color: #000;
opacity: 1;
}
div#real_estate_id2 h4 {
font-weight: bold;
margin-bottom: 2px;
}
div#employer_id2 h4 {
font-weight: bold;
}
div#process_modal button.close {
font-size: 34px;
}
.compalsry_input span.star_icon {
position: absolute;
left: -11px;
font-size: 24px;
top: -27%;
/*z-index: 1;*/
color: #a80f0f;
font-weight: bold;
}
.compalsry_input{
position:relative;
}
.form-inline.oll .custom-control.custom-checkbox span {
margin-top: -20px!important;
margin-left: 4px;
}
.notes_container .api_head.row .col-md-1 {
max-width: 7.333333%;
}
.notes_container .api_head.row .col-md-11 {
padding-left: 0;
}
canvas#bar-chart {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.uplimages-area {
margin-top: 54px;
}
.justify_bottm {
display: inline;
}
/*.form-check.form-check-inline.home_input {
position: relative;
}*/
.form-check.form-check-inline.home_input img.img_dollar {
position: absolute;
width: 8;
top: 14px;
left: 5px;
z-index: 1;
}
.form-check.form-check-inline.balance_input img.img_dollar {
position: absolute;
width: 8px;
top: 14px;
right: 88%;
z-index: 1;
}
.form-check.form-check-inline.home_input input, .form-check.form-check-inline.balance_input input{
    padding-left: 15px;
}
/*.form-check.form-check-inline.balance_input {
position: relative;
}*/
.img_dol .form-control {
padding-left: 17px;
width: 114px;
}
.img_dol {
position: relative;
}
.director_grid_four .form-group.compalsry_input span.search_icon {
position: absolute;
z-index: 1;
right: 6px;
cursor: pointer;
top: 9px;
}
.bottom_row_btn {
display: flex;
justify-content: space-between;
margin: 13px 8px;
}
.bottom_row_btn .clr-sctn {
padding: 0!important;
}
input#customer_rate_chat {
padding-left: 21px;
}
input#discount_margin_chat {
padding-left: 21px;
}
input#broker_percent_chat {
padding-left: 21px;
}
.search_advance.notes_top {
grid-template-columns:30% 30% 17%;
}
input#balloon_payment_chat {
padding-left: 21px;
}
span.img_tag img.img_percent {
width: 11px;
}
span.img_tag .form-control {
padding-left: 20px;
}
#business_search_modal .three-col.clnt_search{
display: flex;
}
#director1_search_modal .three-col.clnt_search {
display: flex;
}
#single_rnt thead#search_single tr {
display: table-row;
}
#single_rnt #search_single {
display: table-header-group;
}
tbody#tbodydatabusiness tr.client_row:hover {
background: #dedede;
}
#single_rntdir1 thead#search_singledir1 tr {
display: table-row;
}
#single_rntdir1 thead#search_singledir1 {
display: table-header-group;
}
#director2_search_modal .three-col.clnt_search {
display: flex;
}
#director2_search_modal .three-col.clnt_search {
display: flex;
}
#single_rntdir2 thead#search_singledir2 tr {
display: table-row;
}
#single_rntdir2 thead#search_singledir2 {
display: table-header-group;
}
tbody#tbodydatadir1 tr.client_row:hover {
background: #c5c5c5;
}
tbody#tbodydatadir2 tr.client_row:hover{
background: #c5c5c5;
}
.sectioncheck_grid_two {
display: flex;
}
input#funding_cost_chat {
padding-left: 21px;
}
.body_page_inner.balanceshet_box {
background: #BFDABE;
border-radius: 5px;
padding: 35px;
width: 51%;
margin: auto;
margin-top: 29px!important;
height: calc(100vh - 230px);
overflow: auto;
}
.right_notes_grid{
padding-bottom: 0 !important;
}
.main_span_input_lable {
display: grid;
grid-template-columns: 35% 35% 22%;
width: 70%;
margin: 0 auto;
grid-column-gap: 25px;
}
.balancesheet_inner_box span.lable_text {
font-weight: 500;
text-align: right;
margin-top: 7px;
}
.balancesheet_inner_box span.lable_text_total {
font-weight: 700;
text-align: right;
margin-top: 7px;
}
.balancesheet_inner_box .balance_head h3 {
font-weight: bold;
}
.balancesheet_inner_box p.p_main {
font-weight: 600;
text-decoration: underline;
}
.main_span_input_lable_button {
display: grid;
grid-template-columns: 35% 35% 22%;
width: 70%;
margin: 0 auto;
grid-column-gap: 25px;
}
.main_span_input_lable_total {
display: grid;
grid-template-columns: 28% 30.6%;
margin-left: 18%;
}
.main_span_input_lable_total.equity_diff {
grid-template-columns: 40% 25%;
margin-left: 0%;
grid-column-gap: 10px;
}
.notes_body_outer.assests_liabilities form {
margin-bottom: 2px;
}
div#low_doc td {
border: none;
font-size: 12px!important;
padding: 0;
}
div#low_doc .description_radio{
margin-top: 5px;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
color: #000;
}
div#full_doc td {
border: none;
font-size: 12px!important;
padding: 0;
}
div#full_doc .description_radio{
margin-top: 5px;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
color: #000;
}
/*.profit_loss_business .profit_loss_business_inner {
padding-left: 104px;
}*/
.profit_loss_business_inner .form-control {
text-transform: capitalize;
}
.director_grid_frst_low span.clnt_span_four {
display: flex;
}
.director_grid_frst_low span.clnt_span_four label.span_label {
width: 95px;
font-weight: 500;
margin-top: 6px;
}
.director_grid_four_grid span.clnt_span_four {
display: flex;
}
.director_grid_four_grid span.clnt_span_four label.span_label {
width: 95px;
font-weight: 500;
margin-top: 6px;
}
.row.inventory_data img.loss_img {
width: 7px;
position: absolute;
top: 11px;
margin-left: 9px;
}
.row.inventory_data .form-control {
padding-left: 19px;
}
div#pills-chattels .budget_detail_form {
border: 1px solid #afadad;
border-radius: 6px;
padding: 20px;
}
.notes_body_outer .calculator_business_inner .nav-link.active{
color: #333;
font-size: 14px;
background: #DFEBCC!important;
}
.chattels_mortgage .top_bord_loop {
margin-bottom: 28px;
}
.top_bord_loop {
margin-bottom: 28px;
}
.calculator_business.calculator_business_inner.admin_lease .nav-link {
background: #ccc;
}
.offmess-area span#cke_background_comment {
width: 100%;
max-width: 100%;
}
.offmess-area span#cke_comment {
max-width: 100%;
width: 100% !important;
}
.offmess-area p {
font-weight: bold;
}
.notes_right_grid .agent_loop {
    text-align: center;
    margin-top: -3px;
    line-height: 17px;
    display: flex;
    gap: 10px;
}
.agent_loop a.foot_link small {
color: #000!important;
font-weight: 700;
}
.chattels_mortgage #form2 .form-control {
padding-left: 20px;
}
.notes_body_outer table label.form-check-label {
font-size: 16px;
}
.rl-buttons.adv-img p.loan_text {
font-size: 22px;
margin-bottom: 5px;
font-weight: 500;
}
.main_outer .col-sm-12.input_contrl {
padding: 0!important;
}

.balancesheet_inner_box img.loss_img {
width: 8px;
position: absolute;
top: 11px;
margin-left: 8px;
}
div#inventory_ast_div .form-control {
padding-left: 20px;
}
.form-group.right_btn_add div#new_client {
float: right;
}
.notes_body_outer.height_cal {
height: calc(100vh - 279px);
}
.notes_body_outer.height_cal.business_cal_new {
height: auto;
width: 80%;
margin: 0 auto;
}
#capital_liab_div .col-sm-12.input_contrl {
padding: 0!important;
}
#capital_liab_div .form-control{
padding-left: 20px;
}
div#loan_liab_div .form-control {
padding-left: 20px;
}
div#salary_liab_div .form-control {
padding-left: 20px;
}
div#furniture_ast_div .form-control{
padding-left: 20px;
}
/*.tool_tip {
position: relative;
border-bottom: 1px dotted black;
min-height: 203px;
}
.tool_tip .hover_bar {
visibility: hidden;
width: 77%;
background-color: #a6c9a4;
color: #000;
font-weight: 500;
text-align: center;
border-radius: 6px;
padding: 5px 4px;
position: absolute;
font-size: 0.7vw;
top: 31%;
display: flex;
height: auto;
align-items: center;
justify-content: center;
margin: 0 15px;
z-index: 999;
}
.tool_tip:hover .hover_bar {
visibility: visible;
transition: 0.5s;
-webkit-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
}*/
div#req_message2 .form-control {
margin-bottom: 0;
}
td.left_width {
padding: 6px;
}
.sectionthree_director_grid_one .form-group {
position: relative;
}
span.error {
color: red;
}
span.error {
width: 100%;
}

span.error {
color: red;
}
button.btn.btn-default.re_clonelv:hover {
padding: 4px 13px;
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}
button.btn.btn-default.re_clonelv {
padding: 4px 13px;
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
height: 36px;
cursor: pointer;
}
.balancesheet_inner_box .form-control {
text-transform: capitalize;
}
.director_modal {
overflow: auto;
}
.finance_quote .finance_quote_inner {
margin-top: 7px;
margin-bottom: 45px;
background: #fff;
padding: 15px;
border-radius: 6px;
}
.finance_quote_inner .right_img td {
border: none;
padding: 4px 0;
color: #666;
text-align: right;
}
.right_abn_form {
display: grid;
grid-template-columns:auto 31% 16%;
grid-template-rows: 31px;
}
.right_td .col_abn {
display: grid;
grid-template-columns: 58% auto;
}
.left_td .business_list {
display: flex;
}
.right_td .right_three_col {
display: grid;
grid-template-columns: auto 30% 30%;
}
.finance_quote_inner .application_inner_pdf td {
padding: 0;
}
.table_form {
border: 1px solid #ccc;
margin: 10px 0;
padding: 0 10px;
}
.application_body .col_span_two {
display: grid;
grid-template-columns: 35% auto;
}
.application_body .col_three_col_row {
display: flex;
}
.application_body .col_three_col_row p {
margin-right: 25px;
width: 69px;
}
.application_body .col_three_col_row label.form-check-label {
padding-left: 0;
}
.application_body .col_three_col_row .form-check {
margin: 0 15px;
}
.application_body .col_two_grid {
display: grid;
grid-template-columns: auto auto;
}
.application_body .full_left {
display: flex;
justify-content: space-between;
}
.application_body .full_lenght_box {
display: grid;
grid-template-columns: 60% 40%;
grid-column-gap: 10px;
}
.application_body .full_right {
display: grid;
grid-template-columns: auto auto;
}
.application_body .two_col_grid {
display: grid;
grid-template-columns: auto auto;
}
.application_body .two_grid {
display: grid;
grid-template-columns: auto auto;
}
.application_body .grid_three {
display: grid;
grid-template-columns: auto auto auto;
}
.footer_box {
margin-bottom: 10px;
}
.hero-camera .row .col-md-3.text-center {
padding: 0;
box-shadow: 2px 0px 10px 0px rgb(168 158 158 / 75%);
height: 100vh;
}
.text-center {
text-align: center!important;
}
.finance_quote .footer_inner.text-center h6 {
color: #678ad8;
}
.finance_quote .footer_inner.text-center p {
color: #678ad8;
}
.finance_quote .footer_box .color_box {
display: grid;
grid-template-columns: auto auto auto;
}
.finance_quote .footer_box .color_box .yellow {
background: yellow;
height: 15px;
}
.finance_quote .footer_box .color_box .skyblue {
background: skyblue;
height: 15px;
}
.finance_quote .footer_box .color_box .blue {
background: blue;
height: 15px;
}
.bottom_inner .form-check {
margin-left:5%;
}
.left_img img.ltd_logo {
max-width: 50%;
}
.col_two_col {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 31px;
}
.adv-img.after_login img#admin_image_logo {
max-width: 350px!important;
width: 100%;
}
.finance_quote {
width: 83%;
margin: auto;
margin-top: 40px;
}
.left_td .two_col p {
display: flex;
}
.left_td .two_col p input.form-control.input_text {
padding: 4px;
margin-left: 14px;
width: auto;
}
.right_td .two_col p{
display: flex;
margin-bottom: 0;
}
input.form-control.input_text {
padding: 4px;
margin-left: 14px;
width: auto;
}
.business_list .type_td {
display: flex;
}
input.form-control.input_text_year {
padding: 4px;
margin-left: 14px;
width: 83px;
}
.right_td p {
display: flex;
}
input.form-control.input_text {
padding: 4px;
margin-left: 14px;
width: 100%;
}
input.form-control.input_text_type {
padding: 4px;
margin-left: 14px;
width: 85%;
}
.left_td p {
display: flex;
}
.right_three_col .city_grid {
display: grid;
grid-template-columns: auto auto auto;
}
.right_three_col .city_grid input.form-control.input_text {
width: 81%;
}
.left_td.first_box_grid {
display: flex;
}
.right_td.first_box_grid {
display: flex;
}
span.lable_left {
width: 126px;
font-size: 14px;
}
.application_body .table_form p {
font-size: 14px;
margin-bottom: 0;
}
span.lable_right {
width: 124px;
font-size: 14px;
}
input.form-control.input_text_small {
padding: 4px;
margin-left: 14px;
width: 84%;
}
.city_grid span {
font-size: 14px;
}
input.form-control.input_text_code {
padding: 4px;
margin-left: 14px;
width: 83%;
}
input.form-control.input_text_month {
padding: 4px;
margin-left: 14px;
width: 51px;
}
.col_span_two.full_grid_low .col_three_col_row p {
margin: 0 17px 0 0;
}
.col_three_col_row.left_year p {
margin: 0 0 0 57px!important;
}
.col_three_col_row.left_year p.time_add {
margin-left: 0!important;
}
.two_grid.grid_trade p {
display: flex;
}
input.form-control.input_text_trade  {
padding: 4px;
margin-left: 14px;
width: 80%;
}
.grid_three p {
display: flex;
}
input.form-control.input_text_amt {
padding: 4px;
margin-left: 14px;
width: 58%;
}
.amt_lable{
width: 50%;
}
.gst_lable{
width: 40%;
}
input.form-control.input_text_gst {
padding: 4px;
margin-left: 14px;
width: 86%;
}
.advance_search {
width: 84%;
margin: auto;
margin-top: 22px;
height: 67vh;
margin-bottom: 22px;
}
.advance_search .drop_advance .form-group.col-md-4 {
padding-left: 0;
}
.search_advance.notes_top_bar {
display: grid;
grid-template-columns: 32% 15% 15%;
grid-column-gap: 20px;
}
.advance_search .advance_body {
background: #fff;
padding: 11px;
border-radius: 6px;
height: 65vh;
overflow: hidden;
}
.closed_table_modal th {
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 5;
background: #ececec;
}
.text-center.download_cvv {
margin: 12px 0;
}
.text-center.download_cvv a.link_btn_download {
color: #a80f0f;
font-weight: 500;
}
.text-center.download_cvv a.link_btn_download:hover {
color: #333;
font-weight: 500;
text-decoration: underline!important;
}
.advance_search a.btn.btn-primary.link_btn_download {
background: #DFEBCC;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
transition: 0.5s;
border: 1px solid #c3c3c3;
height: 36px;
cursor: pointer;
}
.advance_search a.btn.btn-primary.link_btn_download:hover {
transition: 0.5s;
background: #DFEBCC;
border: 1px solid #fff;
border-radius: 6px;
color: #333;
font-size: 14px;
font-weight: 500;
}
.advance_body .drop_advance .form-group.col-md-3 {
padding-left: 0;
}
.form-row-main-flex {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 81px;
}
/*.form-row-main-flex button#account_form_submit {
margin-top: 63%;
}*/
#account_details .closed_table_modal {
overflow: auto;
height:367px;
}
#loans_details .closed_table_modal {
height: auto;
overflow: auto;
max-height: 367px;
}
#contacts_details .closed_table_modal {
height: auto;
overflow: auto;
max-height: 367px;
}
.input_field_box_loan {
padding:18px;
background: #d5d5d5!important;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
font-weight: 600;
height: auto;
margin-bottom: 10px;
text-transform: capitalize;
display: block;
width: 100%;
/* height: 39px; */
font-size: 1rem;
line-height: 2.25;
color: #464a4c;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.form-row-main-flex .form-group {
margin-bottom: 0;
}
.form-row-main-flex.second_grid {
display: grid;
grid-template-columns: 20% 20% 7%;
grid-column-gap: 10px;
grid-template-rows: 81px;
}
.form-row-main-flex.second_grid button.btn.btn-primary {
margin-top: 59%;
}
.right_download_box {
display: flex;
justify-content: flex-end;
margin: 21px 0;
}
div#contacts_details .form-row-main-flex {
grid-template-columns: auto auto auto auto auto auto;
}
/*div#contacts_details .form-row-main-flex button.btn.btn-primary {
margin-top: 61%;
}*/
div#loans_details .form-row-main-flex {
grid-template-columns: auto auto auto auto auto auto;
}
/*div#loans_details .form-row-main-flex button.btn.btn-primary {
margin-top: 61%;
}*/
.home_btn_preview {
position: relative;
}

a.blue-bg-btn.bkbtn {
padding: 6px 25px 8px;
font-size: 16px;
margin-left: 10px;
}
/*th.acc_name {
width: 20%;
}
th.dir_name {
width: 15%;
}
th.email_name {
width: 10%;
}
th.city_name {
width: 10%;
}
th.country_name {
width: 18%;
}
th.post_code_name {
width: 20%;
}*/
/*.th_full_name{
width: 20%;
}*/
/*div#personal_id {
height: 539px!important;
}
div#personal_id2 {
height: 539px!important;
}*/
.sectiontwo_finance_form {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.sectiontwo_director_finance_three {
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.sectiontwo_finance_director_grid_five {
display: grid;
grid-template-columns: 30% 13% 14% 11% auto;
grid-template-rows: 46px;
grid-column-gap: 10px;
}
div#finance_address_2 {
grid-template-columns: 30% 13% 14% 11%;
}
div#finance_address_2 span {
position: absolute;
right: 26%;
cursor: pointer;
}
div#supplier_adddress_2 {
grid-template-columns: 30% 13% 14% 11%;
}
div#supplier_adddress_2 span {
position: absolute;
right: 26%;
}
.hide_btn_dir {
position: relative;
text-align: right!important;
}
.main_clt {
position: relative;
}
/*.row_flow {
height: 539px!important;
}*/
.hidden_btn_cross {
position: relative;
text-align: right;
}
span.cross_btn_bg {
color: #a80f0f;
font-size: 28px;
position: absolute;
z-index: 1;
right: 6px;
top: 8px;
cursor: pointer;
}
.extradir span.cross_btn_bg {
right: 5px;
top: -40px;
}
.check_notes_detai .amount_asset{
margin-left: 0;
}
.hidden_btn_cross.right_dir_four span.cross_btn_bg {
right: 26px;
}
.three-col.clnt_search.dir_three_auto {
display: flex;
}
.director_four{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
div#single_rntdir4 thead#search_singledir4 tr {
display: table-row;
}
thead#search_singledir4 {
display: table-header-group;
}
.previous_addres .pevious_grid select#state {
padding-right: 0;
width: 69px;
}
/*th.th_full_name.full_wdth {
width: 30%;
}*/
td.full_name_th {
max-width: 200px;
width: 200px;
}
td.email_name_th {
max-width: 400px;
width: 400px;
}
td.account_name_th {
max-width: 200px;
width: 200px;
}
td.city_name_th {
max-width: 200px;
width: 200px;
}
td.post_name_th {
max-width: 200px;
width: 200px;
}
td.account_name {
max-width: 208px;
width: 208px;
}
td.dirone_name {
max-width: 150px;
width: 151px;
}
td.dirtwo_name {
max-width: 150px;
width: 151px;
}
td.emailsear_name {
max-width: 300px;
width: 300px;
}
td.cityadd_name {
max-width: 150px;
width: 151px;
}
td.addcount_name {
max-width: 150px;
width: 151px;
}
td.addpostal_name {
max-width: 150px;
width: 151px;
}
td.total_account {
max-width: 250px;
width: 250px;
}
td.Contact_account {
max-width: 200px;
width: 200px;
}
td.Loan_Amount_account {
max-width: 160px;
width: 160px;
}
td.Director1_account {
max-width: 160px;
width: 200px;
}
td.Director2_account {
max-width: 160px;
width: 160px;
}
th.th_full_name {
width: 200px;
}
label.label_height {
height: 59px;
}
.sectionthree_director_grid_one_link {
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.sectionthree_director_grid_one_short_name {
display: grid;
grid-template-columns: 32% 32% 32%;
grid-template-rows: 46px;
grid-column-gap: 10px;
}
.sectionthree_director_grid_trade {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.director_left.trade_mort {
margin-top: 20px;
}
.sectiontwo_director_grid_three_ol_three {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: 46px;
grid-column-gap: 10px;
}
.sectioncheck_grid_two .form-group {
margin-bottom: 0;
}
select#legal_state_1 {
padding: 0 9px;
}
.personal_box {
background: #BFDABE;
margin: 1% 0;
padding: 4%;
}
.account_box {
margin: 2% 0;
padding: 0 4% 4% 4%;
}
.accor_head {
padding: 3% 0;
}
.cmn-form-bg {
background: #BFDABE;
margin: 2% 0;
padding: 4%;
position: relative;
padding-bottom: 39px;
}

.accor_head h4{
font-weight: bold;
}
.accordion_boxes {
cursor: pointer;
border: none;
text-align: center;
outline: none;
transition: 0.4s;
background: none;
width: 100%;
padding: 3% 0;
position: relative;
}
/*.accordion_boxes:after {
content: '\21E9';
color: #fff;
font-weight: bold;
position: absolute;
right: 24px;
top: 21%;
font-size: 40px;
line-height: 31px;
}
.accordion_boxes .active:after {
content: "\21E7"; 
}*/
.panel_inner {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}

.accordion_boxes h4 {
font-weight: bold;
}
.body_page_inner.client_loan_body {
    height: 85vh;
}
section.main-client.rl-port.bw-after-login.client_loan_body {
height: calc(100vh - 177px)!important;
margin-top: 7px;overflow: auto !important;
}
section.main-client.rl-port.bw-after-login.client_loan_body::-webkit-scrollbar {
    -webkit-appearance: none;
 width: 7px !important;
}
section.main-client.rl-port.bw-after-login.client_loan_body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.notes_body_outer.loss_profit.business_loss_profit {
height: auto !important;
min-height: 100% !important;
max-height: 750px !important;
overflow-y: scroll;

}
.main-accordion-loss {
background: #f7f8d6;
padding: 20px;
height: 100%;
}
.notes_body_outer.assests_liabilities.assets_loan_business {
height: calc(100vh - 255px);
}
/*.notes_body_outer.camera-loan.camera_loan_app {
height: calc(100vh - 256px);
}
*/
.opne_box_hide {
padding: 3% 4%;
}
.teamnote_right .check_notes label.team_p {
margin-left: 28px;
}
.loan_book .loanbook_inner {
overflow: auto;
height: 582px;
}
.writes_off_inner .transtion_body {
height: 426px;
overflow: auto;
}
.table_csv_box {
overflow: auto;
height: 425px;
}
section.budget-port.rl-port.bw-after-login.chattel_box {
height: calc(100vh - 368px);
}
.business_form_left .left_form_business_full {
display: grid;
grid-template-columns: 26% 68%;
grid-template-rows: 42px;
grid-column-gap: 8px;
}
.business_form_left label.col-form-label {
font-size: 14px;
font-weight: bold;
line-height: 25px;
}

.left_form_business_type {
display: grid;
grid-template-columns: 26.3% 30%;
grid-template-rows: 50px;
grid-column-gap: 8px;
}
.clce-two .left_form_business_type {
grid-template-columns:1fr 1fr;
}
.clce-two .iner-two-vcal:last-child label {
text-align: left;
padding-right: 15px;
}
.left_form_business_type_asset_val {
display: grid;
grid-template-columns: 26% 30% 6% 25%;
grid-column-gap: 8px;
grid-template-rows: 42px;
}
.provider-model-fac .left_form_business_type {
grid-template-columns: 20% 30%;
}
.provider-model-fac .left_form_business_type.equal-feild{
grid-template-columns:20% 24% 24% 24%;
}
.provider-model-fac .left_form_business_type.fac-mdl {
grid-template-columns: 20% 30% 12% 30%;
}
.three-provider .left_form_business_type_asset_val {
grid-template-columns: 26% 30% 6% 25%;
}
.provider-model-fac .left_form_business_type_asset_val, .provider-model-fac .left_form_business_type_asset_val {
grid-template-columns: 20% 30% 6% 25% !important;
}
.provider-model-fac .business_form_left .left_form_business_full {
display: grid;
grid-template-columns: 20% 74%;
}
.inner-feild-div {
display: flex;
}
.inner-feild-div .col-form-label{
padding:6px 10px 0 5px
}
.col-form-label {
padding-top: 5px;
padding-bottom: calc(.5rem - 1px * 2);
margin-bottom: 0;
}
.business_cal_box .business_cal_inner .bg_boxes {
background: white;
padding: 9px;
border-radius: 10px;
}
.business_cal_box .business_cal_inner .bg_boxes {
background: #e6e6e6;;
padding: 25px;
border-radius: 10px;
}
.business_form_left.bg_boxes.Fee_Forward_Calculator{
width: 100%;
margin: 0 auto;
padding:25px;
height: 100%;
min-height: 400px;
}
.business_form_left.bg_boxes.Fee_Forward_Calculator.provider-calul{
width: 60%;
margin: 0 auto;
padding:25px;
height: 100%;
min-height: inherit;
}
.whhiteprovider-calul{
    width: 65%;
    margin: 0 auto;
    padding:25px;
    height: 100%;
    min-height: inherit; 
}
.Fee_Forward_Calculator .left_form_business_type {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows: 50px;
    grid-column-gap: 8px;
    margin-bottom: 4px;
}
.UpdateBusinessType{
    grid-template-columns: 39% 60% !important;
}
.updateClceTwo{
    grid-column-gap: 70px !important;
}
.updateFirmDta h4 span {
    color: #00008b !important;
}
.business_form_right .gst_inc_box .payment_boxes {
    display: grid;
    grid-template-columns: 33% 33% 34%;
}
.bg_boxes .gst_inc_box .payment_boxes p {
font-size: 18px;
font-weight: 500;
}
.payment_boxes .gst_head {
border-bottom: 1px solid black;
color: black;
}
.months_choice_box {
display: grid;
grid-template-columns: 23.8% 23.8% 23.8% 23.8%;
grid-column-gap: 10px;
margin-top: 7%;
}
.months_choice_box .months_cart_box .box_month {
background: #333;
color: #fff;
padding: 5px;
}
.months_choice_box .months_cart_box {
text-align: center;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}
.months_choice_box .months_cart_box .amount_ex_gst .amount_gst_top {
font-size: 22px;
}
.months_choice_box .amount_ex_gst .ex_text span {
color: #a80f0f;
}
.business_form_title.text-center h3 {
font-weight: bold;
}
.notes_body_outer.height_cal.business_cal_new {
padding-bottom: 20px;
background: transparent;
}
.months_choice_box .months_cart_box .amount_ex_gst.inc_bord {
border-top: 1px solid #333;
}
.business_form_left.bg_boxes img.calculator_dollar {
width: 8px;
height: auto;
position: absolute;
margin-top: 4px;
left: 10px;
}
.business_form_left.bg_boxes .static_box_input {
position: relative;
}
.business_form_left.bg_boxes .static_box_input select{
padding-left: 25px !important;
height: 42px;
}
.business_form_left.bg_boxes .static_box_input input {
padding-left: 25px;
border-radius: 7px !important;
height: 42px;
}
.business_form_left.bg_boxes .static_box_input input .no-imgdollor{
padding-left: 5px ;
}
.business_form_left.bg_boxes img.calculator_percent {
width: 13px;
height: auto;
position: absolute;
margin-top: 5px;
left: 8px;
}

.months_cart_box .active_box {
position: absolute;
top: -30px;
color: #fff;
background: blue;
left: 0;
right: 0;
padding: 3px;
border: 1px solid blue;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}
.months_choice_box .months_cart_box {
position: relative;
}
.months_cart_box .amount_ex_gst {
height: 58px;
}
.budget_detail_form.chattle_contal {
max-width: 100%;
}
.notes_body_outer.height_cal.business_cal_new_base .business_cal_inner {
padding: 11px 18px;
}
.notes_body_outer.assests_liabilities.assets_loan_business .form-row-main h5 {
font-weight: bold;
}
.notes_body_outer.assests_liabilities.assets_loan_business label.ref_label b {
font-weight: 500;
}
.business_form_four.trade_row_box {
margin-bottom: 11px;
}
.img_inner img.img_dollar {
position: absolute;
width: 8;
top: 33%;
left: 5px;
z-index: 1;
}
.img_inner .form-control{
padding-left: 16px;
}
.bankdetails_t.amt_tt.doller_mol.term_month_box {
margin-top: 28px;
}
.sectionthree_director_grid_trade_detail {
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 10px;
grid-template-rows: 46px;
}
.cmn-form-bg .director_section {
margin-top: 15px;
}
.acti_1.front_table {
height: auto;
overflow: auto;
max-height: 299px;
}
.sectionthree_director_grid_trade_detail .form-group {
position: relative;
}
.sectionthree_director_grid_trade_detail  img.finance-dollar {
position: absolute;
width: 8;
top: 15px;
left: 5px;
z-index: 1;
}
.sectionthree_director_grid_trade_detail .form-group .form-control{
padding-left: 16px;
}
.left_form_business_type_asset_val_up {
display: grid;
grid-template-columns: 26% 30% 6% 25%;
grid-column-gap: 8px;
grid-template-rows: 42px;
}
.nav_head li {
float: left;
margin: 0 !important;
}
li.nav-item.Matters_tab {
background: #b1b1b1;
border-radius: 5px;
}
li.nav-item.Matters_tab:hover {
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
background: #eec291;
}
.budget_detail_form.chattle_contal .calc_foot {
margin: 7px 0;
}
label.col-form-label span {
width: 25%;
float: right;
}
td.space_rent.email-img img.email-logo {
width: 39px;
}
td.space_rent.email-img {
padding: 0;
}
.th-email-box{
padding: .95rem!important;
}
.rent_main_modal  td.space_rent.email-img {
width: 5.28%!important;
/*height: 45px;*/

}
.rent_main_modal th.th-email-box {
width: 5.28%!important;
}
.modal-body.rent_main_modal td.space_rent.date-time {
width: 16%!important;
}
.report_menu.dibale_list:hover {
cursor: not-allowed!important;
}


@media screen and (max-height: 450px) {
.api_head .sidenav {padding-top: 15px;}
.api_head .sidenav a {font-size: 18px;}
}
@media screen and (max-height: 450px) {
.hide_sidebar .sidenav {
padding-top: 15px;
}
.hide_sidebar .sidenav a {
font-size: 18px;
}
}









/*newdesign............................*/
#trustlinetwo {
width: 100%;
display: grid;
grid-template-columns: 29.2% 29% 24.5% 0%;
}






/*@media only screen and (min-width: 1400px) {
.scientific_form {
width: auto!important;
max-width: 36%;
}
}*/

.mod_el .table-fixed thead,
.mod_el .table-fixed tbody,
.mod_el .table-fixed tr,
.mod_el .table-fixed td,
.mod_el .table-fixed th {
display: flow-root;
}

.mod_el .table-fixed tbody td,
.mod_el .table-fixed tbody th,
.mod_el .table-fixed thead > tr > th {
float: left;
position: relative;
}
div#recallm button.btn.btn-success.re_built.hdfdh{
margin-left: 164px;
}

div#recallm button.btn.btn-danger.re_built.fdgfdf {
/*  margin-left: 58px;*/
}
.bac_newclr span {
float: right;
}
.min_disable {
cursor: not-allowed!important;
background: gray !important;
color: white !important;
}
.vrfy_logo {
width: 32%;
}
.verify_stamp {
position: absolute;
top: 11%;
left: -8%;
}
.scroll_data {
padding: 5px 5px;
background: #fff;
height: 360px;
overflow: auto;
}
.provider-editor .scroll_data {
height:300px;
}
.center_dsp_scroll {
border: 1px solid #D3D3D3;
padding: 5px;
border-radius: 5px;
}
.scroll_data::-webkit-scrollbar-track {
background: #f1f1f1!important; 
border-radius: 5px;
}
.scroll_data::-webkit-scrollbar-thumb {
background: #888; 
border-radius: 5px;
}
.scroll_data::-webkit-scrollbar {
width: 5px!important;
border-radius: 5px;
}
span.name_list {
margin: 0 4px 0 0;
font-size: 12px;
}
span.date_detail {
font-size: 12px;
}
.clt_top {
display: grid;
grid-template-columns: 14% 17% 19% 18% 22%;
grid-column-gap: 11px;
}
button.add_lines.btn.btn-primary {
float: left;
background: #a80f0f;
color: #333;
font-weight: bold;
border-radius: 3px;
padding: 5px 14px 5px 14px;
border: none;
}
button.add_lines.btn.btn-primary:hover {
background: #115f53!important;
color: #fff!important;
}
button.add_lines.btn.btn-primary:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.modal_btn {
position: relative;
}
button.btn.btn-primary {
padding: 4px 20px;
background: #b1b1b1;
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.07);
border-radius: 6px;
color: #000;
font-size: 16px;
font-weight: 600;
transition: 0.5s;
height: 50px;
cursor:pointer;
display: inline-block;
}
.datalogobtn {
    background-color: #2c8fb9 !important;
}
.datalogobtn img{
    width: 135px;
    height: 40px;
}
.sms_sent .td-scroll{
display: block;
height: 50vh;
overflow: scroll;
}
.sms_sent thead, .sms_sent .td-scroll tr{
display: table;
width: 100%;
table-layout: fixed;
}
.form-row-main-flex label.label_height {
height: 59px;
}
.sms_sent table th, .sms_sent table td{
padding: 10px 20px;
}
.sms_sent table tr th:last-child, .sms_sent table tr td:last-child{
text-align: right;
padding: 10px 50px;
}
.sms_sent table tr th:first-child, .sms_sent table tr td:first-child{
padding: 10px 50px;
}
.search_advance.grid_new select.btn {
background: #b1b1b1 !IMPORTANT;
padding: 10px 50px;
color: #000;
font-size: 16px;
margin: 0;
cursor: pointer;
}
button.btn.btn-primary:hover {
padding: 4px 20px;
transition: 0.5s;
background: #eec291;
border-radius: 6px;
color: #000;
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
font-size: 16px;
font-weight: 600;
display: inline-block;
}

button.btn.btn-primary.goods {
padding: 4px 19px 4px 15px;
margin-right: 4px;
cursor: pointer;
}
button.btn.btn-primary.vehicle {
padding: 4px 19px 4px 15px;
}
.main-description.quote_new {
margin-top: 23px;
}
.modal-dialog.modal-dialog-centered.quote_form {
max-width: 577px;
}
.modal-dialog.modal-dialog-centered.quote_form_pop_modal {
max-width: 70%;
width: 70%;
float: none;
right: 0;
top: 9%;
}
/*button.close:hover {
color: #fff;
}*/
.quote_form_pop_modal span.req::before {
left: 0;
top: 5px;
}
.quote_form_pop_modal .date_purchase {
padding: 4px 12px;
}
.quote_form_pop_modal .quote_form {
margin-bottom: 10px;
}
.quote_form_pop_modal .form-control {
font-size: 0.85em;
}
.quote_form_pop_modal .modal-body {
padding-top: 0;
padding-bottom: 0;
background: #e2f1af;
}
.quote_form_pop_modal .quote_pop {
margin-bottom: 0;
border: 1px solid #a5a2a2;
}
.quote_form_pop_modal .modal-footer {
margin-top: -1px;
background: #fff;
}
.quote_form_pop_modal .form_inventory td {
padding: 10!important;
border-right: 1px solid #a5a2a2;
border-top: 0;
}
.blank_quote{
max-width: 577px;
float: right;
position: relative;
width: 719px;
/* margin-right: 252px;*/
right: 20%;
}
.form_inventory .form-group {
margin-bottom: 0!important;
}
.form_inventory .form-control {
margin-bottom: 0!important;
}
button.btn.btn-secondary.save_data {
background: #a80f0f;
border: none;
color: #333;
font-weight: 600;
}
.form_inventory td {
padding: 0!important;
}
span.start_org::before {
content: "*";
position: absolute;
left: -11px;
top: 0px;
color: #a80f0f;
font-size: 20px;
font-weight: bold;
border-radius: 20px;
width: 10px;
height: 10px;
text-align: center;
line-height: 13px;
}
.pevious_grid {
display: grid;
grid-template-columns: 20% 14% 12% 8% 21% 16%;
grid-column-gap: 12px;
margin-bottom: 9px;
}
span.moved_data.form-inline label {width: 13px;font-size: 12px;line-height: 10px;margin: 2px 6px;margin-right: 10px;text-align: center;}

span.moved_data.form-inline select.form-control.selectpicker {
width: 63px;
}

label.mnth_date {
margin-right: 0!important;
width: 11px!important;
}

select.form-control.date.selectpicker {
width: 50px!important;
}

.previous_addres .pevious_grid select.form-control {
height: 25px!important;
}

label.year_move {
margin-right: 16px !important;
}
.custom_select_tt .form-control.nextinputtab.selectpicker {
height: 25px!important;
}
.row.notes_grid {
display: grid;
grid-template-columns: 50% 50%;
width: 89%;
grid-column-gap: 10px;
margin: auto;
}
.notes_grid .cke_skin_kama.cke_1.cke_editor_description1 {
width: 100%!important;
}
.notes_grid .cke_contents {
height: auto!important;
}
.clr-sctn.notes_clear {
float: right;
}
.mortgage {
width:100%!important;
}
/* 07_02_2020 */

.input_btn button { width: 25px;height: 25px; padding: 0;border: none; text-align: center; background: none;}
.input_btn .iconpop {position: absolute;top: 0;right: 0;}
.input_btn { position: relative;}


.righttupd #pdf iframe {
width: 100%;
height: 100%; 
}/*
.righttupd #pdf {
display: grid !important;
grid-template-columns: auto;
grid-gap: 10px;   overflow: auto !important; padding:0 10px;
max-height: 400px !important;
} */

.input_btn .messageupdate {
position: absolute;
top: 7px;
right: 5px;
}

.input_btn .messageupdate  img {
max-width: 100%;
width: auto;
}

.righttupd #pdf { padding:0 10px;max-height: inherit !important; height:100% !important;
}
.Solicitors_Number{
float: left;
margin: 8px 10px;
}
#business_Practitioners_Number {
width: 130px;
}
.form-row-main.pp_Experience {
display: grid;
grid-template-columns: 1fr 1fr 0.9fr;
}
.update_number{
margin-left: -13px;
width: 85px;
}
.Facility-grid {
width: 100%;
/* display: grid;
grid-template-columns: 25% 25% 13% 14% 14%; */
}
.facility_sectionone{
width: 25%;
}
.facility_sectiontwo{
width: 25%;
}
.facility_sectionthree{
width: 13%;
}
.facility_sectionfour{
width: 14%;
}
.facility_sectionfive{
width: 14%;
}
#facility_files{
text-transform: inherit;
}
.ppe_count{
width: 70px;
}
.righttupd #pdf::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px !important;
}
.righttupd #pdf::-webkit-scrollbar-thumb{
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* update 13-04-2022 */
.update_mobile {
position: relative;
}
.updatemobilebtn {
position: absolute;
top: -4px;
right: 0px;
}
button.mob_btn {
width: 50px;
height: 50px;
border: none;
background: none;
}

@media only screen and (max-width: 800px) {
#export_id{
display:none;
}
}
@media only screen and (max-width: 1200px) {
.clt_top {
grid-template-columns: 14% 17% 17% 16% 22%;
}
}
@media only screen and (max-width: 1800px) {
.clt_top {
grid-template-columns: 14% 14% 14% 14% 22%;
}
}
tr.actslttb-detail.mb-3.odd {
cursor: pointer;
}

tr.actslttb-detail.mb-3.even {
cursor: pointer;
}
/* ---------Request Page--------------- */
/* .main-request {
position: relative;
background: #fff;
padding: 70px 0px 0px;
}
.request-logo {
width: 100%;
text-align: center;
}
.request-logo img {
width: 350px;
} */
/* .request-name {
padding: 0 0 5px;
margin-top: 50px;
} */
/* .request-prgh {
line-height: 30px;
font-size: 18px;
}
.requestNA-prgh {
line-height: 30px;
font-size: 18px;
}
.RNA_textarea {
width: 100%;
padding: 10px;
border: 1px solid #000;
box-sizing: border-box;
}
.requestNA-prgh .swal-button {
background-color: #42bcfb;
color: #fff;
border: none;
box-shadow: none;
border-radius: 5px;
font-weight: 600;
font-size: 18px;
padding: 10px 24px;
margin: 0;
float: right;
cursor: pointer;
} */

/* -------------------------------- */
/* -----26-10-2021------- */
.reasons {
background: #fff;
height: 100%;
margin: 0 auto;
max-width: 75%;
max-height: 275px;
overflow: auto;
}
.reasons tr {
width: 100%;
}
.reasons_name {
width: 20%;
}
.reasons_reject{
width: 80%;
}
.reasons th {
position: sticky;
top: 0;
background: #eced9c;
text-align: center;
color: #000 !important;
padding: 6px 10px;
font-size: 18px;
font-weight: bold;
}
.reasons td, .reasons th {
border: 1px solid #b9b9b9;
}
/* .Approved_client {
margin-bottom: 0;
font-weight: bold;
}
.Approved_client span {
margin-left: 5px;
}
.NotApproved_client {
text-align: center;
font-size: 18px;
color: red;
margin: 13px 0;
font-weight: bold;
}
.Providior_footer {
float: left;
width: 100%;
font-size: 18px;
font-weight: bold;
}
.request-name p, .request-heading p {
font-size: 25px;
font-weight: bold;
margin-bottom: 0;
color: #000;
}
.request-heading h2 {
text-align: center;
margin: 50px 0;
} */
/* ----End-26-10-2021------- */
/* --------27-10-2021------- */
/* .request_section {
background: #fff;
padding: 70px 20px;
box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 38%);
height: 92%;
margin: 4% auto;
width: 100%;
overflow-y: scroll;
} */

.main_request {
background: #fff;
padding: 100px 20px;
box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 38%);
width: 100%;
overflow-y: scroll;
margin-top: 50px;
}
.main_request .logo {
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.main_request .logo img {
width: 300px;
}
.request_name p {
font-size: 24px;
font-weight: bold;
}
.request_prgh p {
font-size: 18px;
font-weight: bold;
margin-bottom: 0px;
line-height: 30px;
}
.request_textarea {
width: 100%;
margin: 0 auto;
float: left;
}
.RNA_textarea {
width: 100%;
padding: 10px;
margin: 20px 0;
}
.request_msg {
color: red;
margin-top: 10px;
font-size: 19px !important;
text-align: center;
}
.Notapprovedmsg .request_msg{
font-weight: bold;
}
.request_prgh p span {
margin-left: 5px;
}
.swal-button {
background-color: #42bcfb;
color: #fff;
border: none;
box-shadow: none;
border-radius: 5px;
font-weight: 600;
font-size: 18px;
padding: 10px 24px;
margin: 0;
float: right;
cursor: pointer;
}
.request_footer {
float: left;
width: 100%;
font-size: 18px;
font-weight: bold;
}
.main_request.Notapprovedmsg {
height: auto;
margin-top: 100px;
}
/* ----End-27-10-2021------- */
.matters_company_btn{
background: #b1b1b1;
border-radius: 5px;
left: 0px;
}

.matters_company_btn:hover{
box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 38%);
background: #eec291;
}
.cnm_mainbg{
background-color: #fff;
padding: 10px;
margin: 40px;
border-radius: 5px;
}
.c_btn {
width: 94%;
text-align: right;
}
.c_btn button.btn.btn-primary.red-btn {
padding: 12px 32px;
}
/* -------------------- */
.business_thrid_tab {
position: absolute;
background: #fff;
width: 200px;
padding: 0px;
margin-top: -10px;
border: 1px solid #858585;
display: none;
z-index: 1;
}
.business_thrid_tab label {
display: block;
padding: 0 5px;
margin-bottom: 0;
}
.business_thrid_tab label:hover {
background-color: #1e90ff;
color: #fff;
}
.business_thrid_tab label input {
margin-right: 5px;
height: 16px;
width: 16px;
}

.nav_head li.documentpage_navlink {
border-right: 5px solid #000;
height: 33.8px;
margin: 0 8px !important;
}
.bottom_row_btn .prnt_btn{
text-align: left;
margin: 5px 0px;
}
/* tr.facilityreasons_tr {
display: grid;
grid-template-columns: 20% 20% 20% 40%;
} */

/* thead tr.facilityreasons_tr {
position: fixed;
z-index: 999;
width: 44.8%;
} */
.facilityreasons_tr th {
border-top: none;
}
/* .facility_reasons tbody{
position: relative;
top: 36px;
} */
.facility_reasons table.fixed_header.table.table-bordered {
border-top: none;
border-bottom: none !important;
}
.slide-btn-main-data-left.faci-limt {
padding: 0 25px 0 25px;
}
.facility_reasons.reasons {
max-height: 250px;
}
.facility_reasons.reasons th {
padding: 0.75rem;
border-bottom: none;
}
.lw-tble.matter #serachpatch.lw-tbl-scrol {
height: 19vh;
}
.lw-tble.matter #recentpatch.lw-tbl-scrol {
height: 36vh;
}
.lw-tble.matter #recentpatch.lw-tbl-scrol.matters_new {
max-height: 50vh;
}
.scnd-procrt li p.requried:before {
content: " *";
color: red;
position: relative;
top: -4px;
}
.btn.newbtn_message:hover {
box-shadow: 0px 4px 4px 0px #717171;
}
.sub_mit:hover, .can_cel:hover {
box-shadow: 0px 4px 4px 0px #717171;
}
.ylow-bariner input {
margin: 0 !important;
padding: 9px  0px 9px 10px;
border: none;
width: 89%;
background: transparent;
}

.ylow-bariner {
background-color: transparent;
width: 100%;
margin: 0 auto;
border-radius: 5px;
}
.ylow-bariner input:focus-visible {
outline: none;
}
.ylow-bariner span{
padding: 9px 5px 12px;
cursor: pointer;
}
.ylow-inputbar .open-loan-rental {
width: 100%;
background: #d5f2fd;
height: 185px;
padding-bottom: 10px;
border-radius: 0 0 5px 5PX;
border-top: 1px solid #d2d2d2;
z-index: 1;
position: absolute;
}
.ylow-inputbar .open-loan-rental.right table tr {
display: grid;
grid-template-columns: 36% 32% 32%;
}
.ylow-inputbar .open-loan-rental th {
font-size: 13px;
padding: 5px 10px;
position: sticky;
top: 0;
background: #6c7ae0;
text-align: left;
font-weight: normal;
color: white;
}
.ylow-inputbar .open-loan-rental td {
font-size: 13px;
padding: 5px 10px;
position: relative;
font-weight: 500;
}
.ylow-inputbar .open-loan-rental.right table tbody tr:hover {
background: #a6c4d0;
}
.scrol-loan-rent.ylow-inputbar {
position: relative;
border: 1px solid #444;
border-radius: 5px;
}

/* ------------------------ */

.loan-rental.bg-color-loan {
background: transparent;
margin-bottom: 18px;
padding: 8px 0;
border-radius: 10px;
}

.open-loan-rental table {
width: 100%;
}
.open-loan-rental table tr {
display: grid;
grid-template-columns: 30% 36% 34%;
}
.loan-rental .open-loan-rental th {
position: sticky;
top: 0;
background: transparent;
text-align: left;
font-size: 14px;
padding: 0px 10px;
color: #000;
font-weight: 700;
}
.loan-rental .open-loan-rental td {
font-size: 13px;
padding: 4px 12px;
font-weight: 500;
}
.open-loan-rental table tr:hover {
background: transparent;
}
/* .matterdetails_space{
width: 50px;
} */
li.nav-item.matterdetails_invoices{
margin-left: 50px !important;
}
/* ----------------------- */

.red-close i.fa.fa-times {
font-size: 20px;
}
.dummy_fields{
grid-template-columns: 10% 15% 15% 15% 15% 15% 15% !important;
}
.update-dummy_fields {

  grid-template-columns: 10% 20% 20% 10% 20% 20%  !important;  
}
.dummy_fieldsecurity{
/* grid-template-columns:10% 13% 13% 13% 14% 14% 13% 10% !important; */
}
.dummy_fieldsLoansClosed {
grid-template-columns: 10% 18% 18% 18% 18% 18% !important;
}
.dummy_heading{
grid-template-columns: 100% !important;
}
.dummy_headingddl{
grid-template-columns: 100% !important;
}

.dummy_fieldsddl{
grid-template-columns: 16% 16% 20% 16% 16% 16% !important;
}
.left_form_business_type.businesscalbtn {
grid-template-columns:1fr 1fr 1fr;
}
.Businesscalculator_provider .left_form_business_type.businesscalbtn {
grid-template-columns:1fr 1fr;
}
.businesscalbtn .btn.btn-primary.red-btn{
height: 40px;
background: #b1b1b1 ;
color: #000 !important;
}
.businesscalbtn .btn.btn-primary.red-btn:hover, .businesscalbtn .btn.btn-primary.red-btn:active,
.businesscalbtn .btn.btn-primary.red-btn:focus{
height: 40px;
}
.left_form_business_type.buscalbtnw_label {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 10px;
}
.update_business_buttons{
grid-template-columns: 1fr 1fr !important;
width: 57% !important;
}
.clce-two .update_business_buttons{
grid-template-columns: 1fr 1fr !important;
width: 100% !important;
}
.buscalbtnw_label .btn.btn-primary.red-btn{
height: 40px;
}
.buscalbtnw_label .btn.btn-primary.red-btn:hover, .buscalbtnw_label .btn.btn-primary.red-btn:active,
.buscalbtnw_label .btn.btn-primary.red-btn:focus{
height: 40px;
}

label.req:after {
content: " *";
color: #a80f0f;
font-size: 20px;
position: relative;
}
.ledgertable_al{
position: relative;
}
p.Date-data.ledgertable_al {
padding: 3px 10px 3px 5px !important;
font-size: 16px;
text-align: right;
}
p.Date-data.ledgertable_al span.dollar-sign {
font-size: 16px !important;
top: inherit;
text-align: right;
position: inherit;
left: inherit;
}
p.Date-data.ledgertable_al span.dollar-sign.dollar_signltable_d {
font-size: 14px !important;
top: 8px;
}

li.ledgertable_li p {
font-size: 16px !important;
}
.ledgertable_li{
font-size: 16px !important;
}

.message_sendbox input[type=text] {
padding: 10px;
font-size: 17px;
border: 1px solid grey;
float: left;
width: 85%;
background: transparent;
border-radius: 50px 0 0 50px;
}
.message_sendbox input[type=text]:focus-visible {
outline: none;
}
.message_sendbox button {
float: left;
width: 15%;
padding: 10px;
background: #b1b1b1;
color: #000;
font-size: 17px;
border: 1px solid grey;
border-left: none;
cursor: pointer;
border-radius: 0 40px 40px 0;
}
.message_sendbox button:hover {
background: #eec291;
}
.message_sendbox::after {
content: "";
clear: both;
display: table;
}
.message_sendbox i{
margin-left: 10px;
}
.message_sendbox {
width: 97%;
margin: 10px auto 0;
bottom: 0;
}
#contact_admin_message_error {
position: absolute;
color: #e67265;
bottom: 5px;
left: 22px;
font-weight: 500;
}
.send_fms{
left: 20%;
background-color: #fff;
border-radius: 20px 20px 0 20px;
/* background-color: #f2fbff ;  */
}
.send_fms label.current_note_label{
position: absolute;
right: 0;
margin: 0;
}
.send_fms .date_unread {
position: relative;
margin-bottom: 0;
}
.send_fms .bottom_text_card{
width: 100%;
text-align: right;
}
/*.send_fms:hover {
background-color: #e7e7e7;
}*/


/* ------Businesspaymentdetails ------- */
.bd-data.radiobusiness {
display: flex;
justify-content: center;
}
.radiobpay {
margin: 10px;
}

.radiobpay input {
width: 20px;
height: 20px;
position: relative;
top: 3px;
}
.dibale_listicon{
cursor: not-allowed !important;
}
.rigt_General_Account{
display: flex;
align-items: center;
gap: 20px;
}
.check_box {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: end;
    width: 70%;
}
input#vehicle1 {
width: 20px;
height: 20px;
position: relative;
top: -3px;
}
.check_box label {
font-weight: 700;
}
/* docoment pop up  */
.pdf_cross{
display: flex !important;
justify-content: flex-end !important;
}
.docoment_popup {
max-width: 70% !important;
}
/* .docoment_popup1 {
height: 70% !important;
} */
.pop-head {
text-align: center;
}
.pop_heading {
font-size: 38px;
position: relative;
}
/* .pop_heading::after {
position: absolute;
content: " ";
height: 4px;
width: 268px;
background: #E2E2E2 !important;
left: 0;
top: 50px;
right: 0;
margin: 0 auto;
} */

.docoment_btn{
display: flex !important;
justify-content: center !important;
}
.doco_btns{
max-width: 100% !important;
}

.docoment_items{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
padding: 15px;

}
.pdf_box {
border: 1px solid #ddd;
border-radius: 7px;
position: relative;
width: 100%;
max-width: 200px;
height: 240px;
}
.wer{
background-color: #c8bfbf;
height: 240px;
width: 200px;
}
.pdf_text{
color: #000;
}

.dtasign-loop:hover .dtaimg-hov {
height: 100%;
}
.dtaimg-hov {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #202020b8;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.hov-top {
display: flex;
justify-content: space-between;
padding: 8px;
}
.hov-top img {
height: 30px;
width: auto;
}
.hov-top span {
color: #fff;
font-size: 25px;
}
.trash {
cursor: pointer;
}
.hov-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.dtasign-popup h5::before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 250px;
height: 1px;
background: #9a9a9a;
bottom: -10px;
}
.hov-bottom h5 {
color: #fff;
font-size: 15px;
}
.dtasign-popup h5 {
font-size: 35px;
font-weight: 700;
position: relative;
text-align: center;
color: #4d4d4d;
}
/* ----------popupDocument------------------- */
.dtasign-pdf {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
padding: 15px;
overflow: auto;
}
.dtasign-loop {
border: 1px solid #ddd;
border-radius: 7px;
position: relative;
width: 100%;
max-width: 200px;
height: 240px;
}
.dtaimg-hov {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #202020b8;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.image_style {
width: 100%;
height: 100%;
}
.hov-top {
display: flex;
justify-content: space-between;
padding: 8px;
}

.hov-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.hov-top img {
height: 30px;
width: auto;
}
.hov-top span {
color: #fff;
font-size: 25px;
}
.fa-trash-o:before {
color: red;
}
.hov-bottom h5 {
color: #fff;
font-size: 15px;
}
.dtasign-popup h5:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 250px;
height: 1px;
background: #9a9a9a;
bottom: -10px;
}



.line-input {
display: grid;
width: 100%;
justify-content: space-between;
grid-template-columns: 60% 37%;
grid-column-gap: 15px;
}
.top-right-crt li input {
height: 38px;
font-size: 18px;
color: #333;
padding-left: 5px;
border-radius: 5px;
width: 100%;
}
.droplist-input {
position: relative;
width: 100%;
border: 1px solid #9e9e9e;
border-radius: 4px;
}
.droplist-input span {
position: absolute;
right: 5px;
top: 0;
}
.action-radio.pogition_btn {
display: grid;
grid-template-columns: 13% 17% 70%;
}
input#feestype {
border: none;
margin: 0;
height: auto;
padding: 9px 9px;
}
input#amount {
padding: 9px 22px;
height: auto;
margin: 0;
}
#confirmcheck {
position: absolute !important;
left: 170px !important;
height: 25px !important;
}





/* ------------------------------------ */
.uploads-area {
margin-top: 0;
}
/* .top-dta-outer {
justify-content: center;
display: grid;
grid-template-columns: 11% 7% 12%;
position: absolute;
top: 0;
left: 175px;
} */
/* .top-dta-outer {
width: 100%;
position: relative;
float: left;
} */
.top-dta-outer {
width: auto;
}
/* .toggle-button-cover
{
display: table-cell;
position: relative;
box-sizing: border-box;
} */
.toggle-button-cover {
display: table-cell;
position: relative;
box-sizing: border-box;
float: left;
}
.button-cover
{
margin: 23px 5px;
background-color: #fff;
box-shadow: 0 10px 20px -8px #c5d6d6;
border-radius: 25px;
}

.r{
position: relative;
top: 50%;
width: 60px;
height: 30px;
margin: -20px auto 0 auto;
overflow: hidden;
}

.button.r, .button.r .layer
{
border-radius: 100px;
}

.button.b2
{
border-radius: 2px;
}

.checkbox
{
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 3;
}

.knobs
{
z-index: 2;
}

.layer
{
width: 100%;
background-color: #ebf7fc;
transition: 0.3s ease all;
z-index: 1;
}

#button-1 .knobs:before
{
content: ' ';
position: absolute;
top: 2.5px;
left: 3px;
width: 26px;
height: 26px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 1;
padding: 9px 4px;
background-color: #f3f575;
border-radius: 50%;
transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

/* update Import CSV */
.import_csv_tabs {
display: flex;
align-items: center;
border: 0;
justify-content: center;
}
.import_csv_tabs .nav-item button {
padding: 12px 40px;
font-size: 16px ;
font-weight: 600;
margin-right: 10px;
cursor: pointer;
background: #b1b1b1;
}

#button-1 .checkbox:checked + .knobs:before
{
content: ' ';
left: 30px;
background-color: #f3f575;
}

#button-1 .checkbox:checked ~ .layer
{
background-color: #fcebeb;
}

#button-1 .knobs, #button-1 .knobs:before, #button-1 .layer
{
transition: 0.3s ease all;
}
.Original_togglebtn{
padding: 8px 0;
font-weight: 700;
float: left;
}
/* .Signed_togglebtn{
padding: 8px 0;
margin-right: 20px;
font-weight: 700;
} */
.Signed_togglebtn {
padding: 8px 0;
margin-right: 20px;
font-weight: 700;
float: left;
}
/* .doctab_toggle{
font-weight: 900;
} */
.doctab_toggle {
font-weight: 900;
float: left;
}
#Loan-notes .prnt_btn {
margin-bottom: 10px;
}

#smsuserlist tr {
display: grid;
grid-template-columns: 16% 37% 12% 10% 10% 10% 5%;
}

.input_calc.G_calculator {
border: none;
background: none;
text-align: right;
width: 100%;
margin: 0 auto;
font-size: 40px;
box-shadow: 0px 0px 5px 0px rgb(207 207 207 / 75%);
}
.input_calc.G_calculator:focus-visible{
outline: none;
}
.intrested_left .form_input {
width: 47%;
margin-right: 50px;
float: left;
}

.intrested_left .form_input.Interest_Finput{
margin-right: 0px;
}
button.btn.btn-primary.red-btn.crt-btnst, button.btn.btn-primary.red-btn.rst-btnst {
max-width: 100%;
}
.seting-areatb .collapse.show {
display: block;
width: 100%;
z-index: 1;
}

.business-tabclint .card-body {
padding: 0;
border: 1px solid #a9a9a9;
background: #fff;
height: auto;
max-height: 250px;
overflow: auto;
}
.business-tabclint .card-body ul {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
.business-tabclint .card-body ul li {
margin-right: 0;
margin-bottom: 0;
}
.business-tabclint .card-body .form-check {
margin-bottom: 0;
padding: 5px 10px;
display: grid;
grid-template-columns: 25px auto;
}
.business-tabclint .card-body .form-check-input {
margin-top: 0px;
height: 18px;
width: 18px;
position: relative;
margin-left: 0;
top: 3px;
}
.business-tabclint .card-body .form-check-label {
padding-left: 0;
margin-bottom: 0;
cursor: pointer;
font-size: 15px;
}
#myChart{
width: 450px !important;
height: 300px !important;
}
.calculator_tile li.nav-item {
width: 100%;
max-width: 160px;
text-align: center;
}
.main_OSbtn {
width: auto;
float: left;
}
/* 12-01-2022 .fadlt-btns.delete_2 {
margin: 7px 15px;

} */
.fadlt-btns {
margin: 7px 15px;
position: absolute;
right: -185px;
}
.action-missed .finance-data ul.finance-head .red-heading {
padding-left: 0 !important;
}

/* check button  */
.help_databox img {
width: auto;
height: auto;
}
/* 12-01-2022 #p2_0_check {
width: 15px;
height: 15px;
} */
#p2_0_check {
width: 20px;
height: 20px;
}
.checking_box input {
height: 20px !important;
width: 20px !important;
}

.textbox {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}
.textbox p {
   margin: 0px;
   font-weight: 500;
}
/* forget page update  */
.forget_lock_img {
width: 120px;
padding-bottom: 50px;
}
.forget_para {
font-size: 23px;
padding: 7px 0px 37px 0px;
color: #676767;
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow: none;
}
.Verify_icon {
font-size: 35px !important;
padding-bottom: 15px;
color: #0f4af4;
}
.Verify_lod{
border-radius: 50%;
width: 40px;
height: 40px;
left: 0;
display: none;
right: 0;
margin: 0 auto;
bottom: 143px !important;
border: 8px solid #f3f3f3;
border-top: 8px solid #df3438;
border-bottom: 8px solid #4cb856;
border-right: 8px solid #e4b236;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}

.reset_lod{
border-radius: 50%;
width: 40px;
height: 40px;
left: 0;
display: none;
right: 0;
margin: 0 auto;
bottom: 95px !important;
border: 8px solid #f3f3f3;
border-top: 8px solid #df3438;
border-bottom: 8px solid #4cb856;
border-right: 8px solid #e4b236;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
.securityDisable {
background: #b1b1b1 !important;
cursor: not-allowed !important;
}
.center-red-btn.manual-btn {

width: 100%;
margin-top: 20px !important;
}
#manualpaymnt_form {
width: 100%;
margin: 0 auto;
position: relative;
padding-bottom: 40px;
}
/* ------------ */
.footer-logo-img.logout img {
width: 20px;
}

/* ------------------ */

.notes_maint .team_detail{
grid-template-columns: 49% 49%;
width: 100% !important;
}
.notes_maint .teamnote_left {
padding: 0 0 10px 0 !important;
box-shadow: 0px 1px 20px 0px rgb(151 151 151);
}
.notes_maint .card_title_left {
padding: 10px 15px;
}
.notes_maint .rss_feed {
width: 62%!important;
margin: auto;
}
.Team_Notestitle h3 {
width: 100%;
text-align: center;
color: #000 !important;
font-size: 25px !important;
margin: 10px 0 20px !important;
}
.notes_maint h3.team_title {
font-size: 18px;
color: #000;
padding: 6px 0;
}
.notes_maint h3.team_title:hover {
/* font-size: 18px; */
color: #fff;
}
.notes_maint .teamnote_right {
padding: 0 !important;
}
.notes_maint .card_title_right {
padding: 10px 15px;
position: relative;
}
.notes_maint button.btn.btn-primary {
font-size: 16px !important;
border-radius: 30px !important;
height: auto;
padding: 8px 20px !important;
}
.notes_maint button.btn.btn-primary:hover{
color: #000 !important;
}
.notes_maint button.btn.btn-primary:hover, .notes_maint button.btn.btn-primary:active{
border: 0;
}
.notes_maint button:hover {
box-shadow: none !important;
color: #059bae !important;
}
.notes_maint .team_notes_scroll, .notes_maint .cont_data.arc_dlt {
padding: 0 20px;
}
.notes_maint .check_notes{
border-radius: 5px;
}
.notes_maint .current_note_label.team_p {
margin-left: 30px;
}
.notes_maint .check_notes .bottom_text_card {
margin-left: 30px;
}
.notes_maint .name_list_card {
font-size: 17px;
}
.notes_maint .bottom_text{
font-size: 16px !important;
}
.teamnote_right .pub_private:hover, .teamnote_left .pub_private:hover{
color: #fff !important;
}
.btndelete {
position: relative;
width: 100%;
text-align: right;
}

.main input[type=checkbox] {
visibility: hidden;
}
.main input:checked ~ .w3docs {
background-color: #bc2424;
}
.w3docs {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: #fff;
border: 1px solid #bc2424;
}
.btndelete .btn-light .ad_btn {
border-radius: 5px !important;
padding: 0px 20px !important;
font-size: 16px !important;
background: #b1b1b1 !important;
color: #000;
border: none;
line-height: 2;    
font-weight: 700;
}
.btn-light .ad_btn:hover {
background: #eec291 !important;
color: #000 !important;
}
.w3docs:after {
content: "";
position: absolute;
display: none;
}
.main input:checked ~ .w3docs:after {
display: block;
}
.main .w3docs:after {
left: 4px;
bottom: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#addnotesmodal .check_list .select_list {
display: grid;
grid-template-columns: 55% 35%;
position: relative;
width: 80%;
margin: 0 auto;
grid-column-gap: 10%;
}
.tnotes_dropdown {
width: 100%;
background: #fff !important;
text-align: left;
border: 1px solid rgba(0,0,0,.2) !important;
font-size: 18px !important;
padding: 7px 1rem;
}
.tnotes_dropdown i{
position: absolute;
right: 10px;
}
.modeldropdown_teamnotes {
position: absolute !important;
max-height: 300px !important;
width: 100%;
background-color: #fff !important;
border: 1px solid rgba(0,0,0,.2) !important;
margin-top: 6px !important;
padding: 0;
}
.modeldropdown_teamnotes .dropdown-item {
padding: 0;
}
.boxed input[type="radio"] {
display: none;
}
.boxed input[type="radio"]:checked + label {
background: #00bcd4 !important;
border-radius: 5px;
color: #fff !important;
font-size: 18px;
font-weight: 500;
padding: 5px 20px;
transition: 0.5s;
margin-right: 0px;
}
.boxed input[type="radio"] {
display: none;
}
.androidA {
background: #fff;
border-radius: 5px;
color: #000;
font-size: 18px;
font-weight: 500;
padding: 5px 20px !important;
transition: 0.5s !important;
margin-right: 0px;
width: auto !important;
}
.btn-b label, .btn-blue label{
cursor: pointer;
}

.mail_msg {
font-size: 15px;
line-height: 14px;
font-weight: 500;
margin-left: 7px;
position: absolute;
bottom: 0;
right: 0;
color: #bc2424;
}
span.read_mail_msg {
font-size: 21px;
line-height: 17px;
color: #000000;
font-weight: 500;
margin-left: 7px;
position: absolute;
bottom: -18px;
left: 0;
}
.custom-control.custom-checkbox {
padding-left: 0;
}
.custom-checkbox input{
width: 20px !important;
height: 20px !important;
margin-right: 10px !important;
margin-top: 5px
}
/* anil 19-07-2022 */
.update_star{
position: relative;
}
.update_star::after{
content: "*";
color: #a80f0f;
font-size: 20px;
font-weight: bold;
width: 15px;
height: 15px;
text-align: center;
top: 5px;
line-height: 13px;
}
.dollar-sign .update_numb {
text-align: end;
padding-top: 7px;
}
.inputaba {
    margin-left: 50px;
}
.ledgerleft {
    text-align: left !important;
}




/* ExecutiveSec Page Started  */

.ExecutiveSection{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}
.ExecutiveSection .ExecutiveHead h2{
    font-size: 40px;
    font-weight: 500;
    color: #262626;
}
.clone-radio {

    display:flex; 
    justify-content: center;gap:40px;
}
.approveclass {
    margin: 0;
}

.approveclass label{
    padding-left: 5px;
}

.folow-radio-document {
    position: absolute;
    left: 45px;
    top: 65%;
}
.combined {
    display: grid;
    flex-wrap: wrap;
    gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* ExecutiveSec Page Ended  */