/* ============= All Scroll Bar CSS Start  ============= */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}
/* ============= All Scroll Bar CSS End  ============= */
/* ============= Loader CSS Start  ============= */
.loaderDiv{width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;opacity: 0.7;background-color: #fff;z-index: 9999;text-align: center;}
.loderImg{position: absolute;top: 50%;left: 50%;z-index: 100;}
/* ============= Loader CSS End  ============= */
/* ============= Loan Booking wizard Form Start  ============= */
.wizard-content .wizard>.steps>ul>li:before {content: "\f105"; font-family:'FontAwesome'; z-index: 9; display: block; position: absolute;font-size: 1.5rem; line-height: 1.2rem;}
.wizard-content .wizard {width: 100%; background: transparent;}
.wizard-content .wizard .content {margin-left: 0!important}
.wizard-content .wizard>.steps {position: relative; display: block; width: 100%}
.wizard-content .wizard>.steps .current-info {position: absolute; left: -99999px}
.wizard-content .wizard>.steps>ul {width: 100%; margin: 0;padding: 0;list-style: none}
.wizard-content .wizard>.steps>ul>li {float: left; margin:0 50px 0 0; padding: 0px; display: table-cell; width: auto; vertical-align: top; text-align: left; position: relative}
.wizard-content .wizard>.steps>ul>li a {position: relative; margin: 0px; padding: 0px;}
.wizard-content .wizard>.steps>ul>li:before {left: -25px; right: 0; top: 10px;}
.wizard-content .wizard>.steps>ul>li:after {right: 0}
.wizard-content .wizard>.steps>ul>li:first-child:before,.wizard-content .wizard>.steps>ul>li:last-child:after {content: none}
.wizard-content .wizard>.steps>ul>li.current>a{color:var(--vs-primary-font-color);font-size:var(--vs-font-size-16);font-weight:var(--vs-font-weight-500);cursor:default}
.wizard-content .wizard>.steps>ul>li.current .step{background-color:var(--vs-primary-color)!important; color:var(--vs-primary-button-font-color)!important}
.wizard-content .wizard>.steps>ul>li.disabled a,.wizard-content .wizard>.steps>ul>li.disabled a:focus,.wizard-content .wizard>.steps>ul>li.disabled a:hover{font-size:var(--vs-font-size-16);font-weight:var(--vs-font-weight-500);color:var(--vs-secondary-font-color);cursor:default}
.wizard-content .wizard>.steps>ul>li.done a,.wizard-content .wizard>.steps>ul>li.done a:focus,.wizard-content .wizard>.steps>ul>li.done a:hover{font-size:var(--vs-font-size-16);font-weight:var(--vs-font-weight-500);color:var(--vs-secondary-font-color)}
.wizard-content .wizard>.steps>ul>li.done .step{background-color:green;color:#fff}
.wizard-content .wizard>.steps .step{background-color:#fff;display:inline-block;top:0;left:50%;z-index:10;text-align:center}
.wizard-content .wizard>.content{position:relative;width:auto;padding:0;margin:0}
.wizard-content .wizard>.content>.title{position:absolute;left:-99999px}
.wizard-content .wizard>.content>.body{padding:0px; margin:20px 0 0 0;}
.wizard-content .wizard>.content>iframe{border:0;width:100%;height:100%}
.wizard-content .wizard>.actions{position:relative;display:block;text-align:right;padding:0px; margin:0px;}
.wizard-content .wizard>.actions>ul{float:right;list-style:none;padding:0;margin:0}
.wizard-content .wizard>.actions>ul:after{content:'';display:table;clear:both}
.wizard-content .wizard>.actions>ul>li{float:left}
.wizard-content .wizard>.actions>ul>li+li{margin-left:10px}
.wizard-content .wizard>.actions>ul>li>a{height: 2.5rem; padding: 0.625rem; margin: 0rem; font-size: var(--vs-font-size-15); font-weight: var(--vs-font-weight-500); color: var(--vs-primary-button-font-color); background-color: var(--vs-primary-color); border-radius: var(--vs-border-radius); border: 0rem; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
.wizard-content .wizard>.actions>ul>li>a:focus,.wizard-content .wizard>.actions>ul>li>a:hover{-webkit-box-shadow:0 0 0 100px rgba(0,0,0,.05) inset;box-shadow:0 0 0 100px rgba(0,0,0,.05) inset}
.wizard-content .wizard>.actions>ul>li>a:active{-webkit-box-shadow:0 0 0 100px rgba(0,0,0,.1) inset;box-shadow:0 0 0 100px rgba(0,0,0,.1) inset}
.wizard-content .wizard>.actions>ul>li>a[href="#previous"]{height: 2.5rem;padding: 0.625rem;margin: 0rem;font-size: var(--vs-font-size-15);line-height: var(--vs-font-line-height-15);font-weight: var(--vs-font-weight-500);color: var(--vs-tertiary-button-font-color);background-color: var(--vs-transparent-background-color);border-radius: var(--vs-border-radius);border: 0.063rem solid var(--vs-tertiary-border-color);display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:focus,.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:hover{-webkit-box-shadow:0 0 0 100px rgba(0,0,0,.02) inset;box-shadow:0 0 0 100px rgba(0,0,0,.02) inset}
.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:active{-webkit-box-shadow:0 0 0 100px rgba(0,0,0,.04) inset;box-shadow:0 0 0 100px rgba(0,0,0,.04) inset}
.wizard-content .wizard>.actions>ul>li.disabled>a,.wizard-content .wizard>.actions>ul>li.disabled>a:focus,.wizard-content .wizard>.actions>ul>li.disabled>a:hover{color:#999}
.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"],.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover{-webkit-box-shadow:none;box-shadow:none}
.wizard-content .wizard.wizard-circle>.steps .step{width:40px;height:40px;line-height:40px;background:var(--vs-table-th-background-color);font-size:var(--vs-font-size-17);font-weight:var(--vs-font-weight-500);color:#000;margin:0 10px 0 0;border-radius:50%}
.wizard-content .wizard.wizard-notification>.steps>ul>li:after,.wizard-content .wizard.wizard-notification>.steps>ul>li:before{top:39px;width:50%;height:2px;background-color:#009efb}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step{border:2px solid #009efb;color:#009efb;line-height:36px}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step:after,.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step:after{border-top-color:#009efb}
.wizard-content .wizard.wizard-notification>.steps>ul>li.current:after,.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:after,.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:before{background-color:#f3f3f3}
.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step{color:#fff}
.wizard-content .wizard.wizard-notification>.steps .step{width:40px;height:40px;line-height:40px;font-size:1.3rem;border-radius:15%;background-color:#f3f3f3}
.wizard-content .wizard.wizard-notification>.steps .step:after{content:"";width:0;height:0;position:absolute;bottom:0;left:50%;margin-left:-8px;margin-bottom:-8px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #f3f3f3}
.wizard-content .wizard.vertical>.steps{display:inline;float:left;width:20%}
.wizard-content .wizard.vertical>.steps>ul>li{display:block;width:100%}
.wizard-content .wizard.vertical>.steps>ul>li.current:after,.wizard-content .wizard.vertical>.steps>ul>li.current:before,.wizard-content .wizard.vertical>.steps>ul>li.current~li:after,.wizard-content .wizard.vertical>.steps>ul>li.current~li:before,.wizard-content .wizard.vertical>.steps>ul>li:after,.wizard-content .wizard.vertical>.steps>ul>li:before{background-color:transparent}
@media (max-width:768px){
.wizard-content .wizard>.steps>ul{margin-bottom:20px}
.wizard-content .wizard>.steps>ul>li{display:block;float:left;width:50%}
.wizard-content .wizard>.steps>ul>li>a{margin-bottom:0}
.wizard-content .wizard>.steps>ul>li:first-child:before{content:''}
.wizard-content .wizard>.steps>ul>li:last-child:after{content:'';background-color:#009efb}
.wizard-content .wizard.vertical>.steps{width:15%}
}
@media (max-width:480px){
.wizard-content .wizard>.steps>ul>li{width:100%}
.wizard-content .wizard>.steps>ul>li.current:after{background-color:#009efb}
.wizard-content .wizard.vertical>.steps>ul>li{display:block;float:left;width:50%}
.wizard-content .wizard.vertical>.steps{width:100%;float:none}
}
::-ms-reveal {display: none;}
/* ============= Loan Booking wizard Form End  ============= */
/* ============= DPD Gauge Meter CSS Start  ============= */
#dpd.dpd-meter{max-width: 100%; width: 100%; height: 180px;margin: 0px auto;}
/* ============= DPD Gauge Meter CSS End  ============= */
/* ============= Collateral Details Page CSS Start ============= */
.collateral-details .panel-heading {float: left; width: 100%; border-radius: 0; font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 2rem!important; border-bottom: 1px solid #eee !important;}
.collateral-details .panel-heading .panel-title {float: left; font-size: 1.8rem; color: #000; font-weight: 700; text-transform: none;}
.loans-categories-menu{float: left; width: 100%; margin:0px; padding:0px; list-style-type: none; height: 70vh; overflow: auto;}
.loans-categories-menu li{float: left; width: 100%; margin: 0px; padding:0px;}
.loans-categories-menu li a{float: left; width: 100%; margin: 0px; padding:8px 20px; border-bottom: 1px solid #eee !important;}
.loans-categories-menu li a span.loan-id{display: flex; justify-content: space-between; font-size: 1.6rem; color: #0077A3; font-weight: 600; margin: 0px; padding:0px;}
.loans-categories-menu li a span.loan-date{ color: #898989; font-size: 1.4rem; margin: 0px; padding:0px; font-weight: 400;}
.loans-categories-menu li a span.loan-amt{display: flex; justify-content: space-between; font-size: 1.6rem; color: #000; font-weight: 400; margin: 0px; padding:0px;}
.loans-categories-menu li a:hover{color: #0077A3; font-weight: 600; background: #F3F8FA;}
.loans-categories-menu li a.active-tab{color: #0077A3; font-weight: 600; background: #F3F8FA;}
.singleFileLink{float: left; width: 100%; margin: 0px; padding: 0px;}
.singleFileLink img{float: left; width: 100%; margin: 0px; padding: 0px;}
.btn-popup{float: left; margin: 0 5px; padding:0.5rem 1rem; border: 0px;}
.collateral-details .border-right{border-right: 1px solid #eee;}
.collateral-items-details .collateral-items-info .lable{float: left; margin: 0px; padding:0px 0px 5px 0px; font-size: 1.6rem; font-weight: 600; color: #555; }
.collateral-items-details .collateral-items-info .value{float: right; margin: 0px; padding:0px 0px 5px 0px; font-size: 1.6rem; font-weight: 400; color: #555; }
.collateral-items-info-list .table-responsive{display: block; position: relative; height: 375px; overflow: auto;}
.collateral-items-info-list table thead tr{position: sticky; top: 0; z-index: 99;}
.collateral-details .common-inner-column{float: left; width: 100%; border: 0px; margin: 0px; padding:10px 20px;}
.collateral-details .common-table-inner {float: left; width: 100%; border: 0px; margin: 0px; padding: 0px;}
.collateral-details .common-table-inner tr th {font-size: 1.6rem; color: #555; font-weight: 600; margin: 0px; padding: 7px 0px!important; border: 0px!important;}
.collateral-details .common-table-inner tr td {font-size: 1.6rem; color: #555; font-weight: 400; margin: 0px; padding: 7px 0px!important; border: 0px!important;}
.circulars-wrapper {display: table;height: 100%;width: 100%;}
.circulars-wrapper .circulars-container-fostrap {display: table-cell;padding: 0em;text-align: center;vertical-align: middle;}
.circulars-wrapper .circulars-container-fostrap .card {display: block; float: left; width: 100%;padding: 20px;margin-bottom: 20px;line-height: 1.42857143;background-color: #fff;border-radius: 0px;box-shadow: 0 1px 2px 1px rgb(0 0 0 / 10%);transition: box-shadow 0.25s;}
.circulars-wrapper .circulars-container-fostrap .card:hover {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.circulars-wrapper .circulars-container-fostrap .card img{width: 100%;}
.circulars-wrapper .circulars-container-fostrap .img-card { float: left; width: 100%;  margin: 0px; padding: 0px;height: 200px;border-top-left-radius: 2px;border-top-right-radius: 2px;display: block;overflow: hidden;}
.circulars-wrapper .circulars-container-fostrap .img-card img {float: left; width: 100%;  margin: 0px; padding: 0px;height: 200px;object-fit: cover;transition: all 0.25s ease;}
.circulars-wrapper .circulars-container-fostrap .card-content {padding: 20px 0px; float: left; width: 100%; margin: 0px; padding: 0px;}
.circulars-wrapper .circulars-container-fostrap .card-content p{text-align: left; font-size: 16px; float: left; width: 100%; margin: 0px; padding: 0px;}
.circulars-wrapper .circulars-container-fostrap .card-title {margin-top: 0px; float: left; width: 100%; margin: 20px 0px 10px 0px; padding: 0px;font-weight: 700;font-size: 1.30em; text-align: left; color: #555;}
.circulars-wrapper .circulars-container-fostrap .card-content .date{text-align: left; font-size: 13px; color: #999; float: left; width: 100%; margin:0px 0px 10px 0px; padding: 0px;}
.circulars-wrapper .circulars-container-fostrap .card-content .pdf-attachment{float: left; width: 100%; margin:0px; padding: 0px;}
.circulars-wrapper .circulars-container-fostrap .card-content .pdf-attachment img{float: right; width: 6%; margin:0px; padding: 0px;}
.kyc-entry { margin-top:25px !important;}
.entry { margin-top:25px !important;}
.bank-entry { margin-top:25px !important;}
.disable-fields {pointer-events: none !important;background: #cacacaa9 !important;}
.bootstrap-select.disable-fields {background: #cacacaa9 !important;}
.hidden-field {display: none;}
#repeatablescheme .vs-form-element-multi-select.chosen-container-multi .chosen-choices {height: auto!important;}
[class*="collateralFields_"] .vs-card-heading {padding: 15px;}
.corporate-action-column{display: none;}
/* ============= Collateral Details Page CSS End ============= */
/* ============= Clone CSS Start ============= */
.clonable.clonable-clone-number-decrement.clonable-clone label{display: none!important;}
.clonable.clonable-clone-number-decrement.clonable-clone .err_display{display: none!important;}
.clonable.clonable-clone-number-decrement.clonable-clone{position: relative;}
.clonable.clonable-clone-number-decrement.clonable-clone .clild-delete{position: absolute; top: 0px; right: -65px;}
.clonable-button-close.parent-delete{position: absolute; top: 30px; right: -55px;}
.clonable-button-add.btn.btn-default.btn-new{ background: #0077a3!important; color: #fff; box-shadow: inherit; border: 0px;}
.clonable-button-add.btn.btn-default.btn-new:hover{ background: #0077a3!important; color: #fff; box-shadow: inherit; border: 0px;}
.clonable-button-add.btn.btn-default .fa{ color: #fff;}
.clonable-button-close .btn.btn-danger{ border: 0px;}
.clonable-button-close .btn.btn-danger .fa{ color: #fff;}
/* ============= Clone CSS End ============= */
ul.autocompleteOptions {list-style: none;padding: 0;}
ul.autocompleteOptions li{padding: 5px;background: #F8F8F8;cursor: pointer;border-bottom: 1px solid;}
ul.autocompleteOptions li:hover{background: #0077a3;color: #fff;}
.idfy-td-align{ text-align:left !important;}
.multirsz-col:focus{outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.multirsz-col{padding:10px 5px!important; line-height: 16px!important; width:100%;}
.multirsz-col:read-only{background: #eeeeee; cursor:not-allowed;}
.disbursementDiv{margin-top: 0px!important;padding-left: 0px !important;padding-right: 0px !important;}
h1.heading-fees-page{float: left; width: 100%; margin:10px 0px 15px 0px; padding: 0px; font-size: 20px; font-weight: 600;}
tr.goto{cursor:pointer; }
.error:not(.tab-wizard li){color:#f00;font-weight: 400; font-size: 10px;}
.branchTransferCustomerTable{cursor:pointer;}
.modal-backdrop {width: 100% !important; height: 100% !important}
.cke_combopanel {width: 300px!important;}
.white-space-nowrap {white-space: nowrap;}
.err_display {color: #f00;}
.vs-auth-choose-language-btn img{width: 1.375rem;}
#limitRenewalTermsModal .modal-dialog{max-width:90%;margin:1.75rem auto}
#limitRenewalTermsModal .modal-body{max-height:70vh;overflow-y:auto;padding:20px}
#limitRenewalTermsModal .table-responsive{border:none}
#limitRenewalTermsModal .modal-content{max-height:90vh;display:flex;flex-direction:column}
#limitRenewalTermsModal .modal-footer,
#limitRenewalTermsModal .modal-header{flex-shrink:0}
#LimitRequestForm .err_display:not(.tab-wizard li) {word-break: break-word;}
#addTopupTranche .successDrawdownPaymentFeilds .vs-border-bottom {border-bottom:  0 !important;}
table.Ntable th, table.Ntable td {padding:5px 15px !important; border: 0px;}
.moratoriumSelection.readonly{background: #DDDDDD!important; pointer-events: none; cursor: not-allowed; border-radius: var(--vs-border-radius);}
.moratoriumSelection.readonly .dropdown-toggle {background: #DDDDDD!important; pointer-events: none; cursor: not-allowed; border-radius: var(--vs-border-radius);}
#top-up-container .vs-page-card-content .badge {font-size: 0.9rem;}
hr.separator{margin-top: -5px;border-top: 3px solid rgba(0, 0, 0, .1);}
.trading-hour-slot .remove-slot {height: 2.2rem;}
.possession-type {display: flex;flex-wrap: wrap;gap: 6px;}
.vs-card-onhover-view-details-btn.right-3rem {right: 3rem!important;}
.disabled-element {cursor: not-allowed !important;}
.productCategory.readonly, [class*='commodity_item_'].readonly{background: #DDDDDD!important; pointer-events: none; cursor: not-allowed; border-radius: var(--vs-border-radius);}
.productCategory.readonly .dropdown-toggle, [class*='commodity_item_'].readonly .dropdown-toggle {background: #DDDDDD!important;pointer-events: none!important;opacity: 0.9!important;border-radius: var(--vs-border-radius);}
.commodity-transaction-row .selectable-row.selected {background-color: var(--vs-primary-light-color) !important;}
.commodity-transaction-row .selectable-row:hover { cursor: pointer;}
.commodity-container-fluid  .vs-vertical-wizard-tab .vs-status-success-tag { color : #2ab662 !important;}
.commodity-container-fluid  .vs-vertical-wizard-tab .vs-status-warning-tag { color : #c8a734 !important;}