.nav-header .brand-title {
    max-width: 100%;
    margin-left: 0px;
}
.deznav{
    background: linear-gradient(180deg, rgba(36,84,162,1) 51%, rgba(37,155,215,1) 100%);

}
.deznav .metismenu{
    padding-top: 18px;
}
.header{
    background:  rgba(36,84,162,1);
}
.nav-label, .deznav .metismenu > li > a, .deznav .metismenu > li > a i, .deznav .copyright, .header-right .header-profile > a.nav-link .header-info span, .header-right .header-profile > a.nav-link .header-info small{
    color: #fff;
}
.header-right .notification_dropdown .nav-link svg path{
    fill: #fff;
}
.counters{
    /* background: linear-gradient(312deg, rgb(255 230 207) 67%, rgba(251,176,64,1) 100%); */
    background: linear-gradient(269deg, #4b9cc8 0%, rgba(36,84,162,1) 36%);

}
[data-header-position="fixed"] .content-body {
    padding-top: 3.5rem;
}
.chart-content {
    padding: 34px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.currency-icon{
    background-color: #fff;
    border-radius: 0.75rem;
}
.deznav .metismenu > li:hover .hover-icons{
    color: var(--primary);
}
.deznav .metismenu > li > a g [fill] {
    fill: #ffffff;
}
.deznav .deznav-scroll {
    position: relative;
    height: 96vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a {
    background: #ffffff;
    border-radius: 8px;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a {
    background: #ffffff;
}
table thead tr {
    background-color: #2454A1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
table.dataTable thead th{
    color: #fff;
}
table thead tr th:first-child{
    border-radius: 8px 0px 0px 8px;
}
table thead tr th:last-child {
    border-radius: 0px 8px 8px 0px;
} 
.counters .card-body p, .counters .card-body p span {
    color: #fff !important;
}
.btn-primary{
    background-color: rgba(36,84,162,1);
    border-color: rgba(36,84,162,1);
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current{
    background-color: rgba(36,84,162,1) !important;
    height: 26px;
    width: 26px;

}
.axis-card{
    background-color: #AE285D ;
}
.bajaj-card{
    background-color: #0069B4 ;
}
.hdfc-card{
    background-color: #ED1B23 ;
}
.kotak-card{
    background-color: #003874 ;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgba(36,84,162,1)  !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate span {
    background: #e7f7ff !important;
}
#files-area{
	width: 30%;
	margin: 0 auto;
}
.file-block{
	border-radius: 10px;
	background-color: rgba(144, 163, 203, 0.2);
	margin: 5px;
	color: initial;
	display: inline-flex;
	
}
.file-block > span.name{
    padding-right: 10px;
    width: max-content;
    display: inline-flex;
}
.file-delete{
	display: flex;
	width: 24px;
	color: initial;
	background-color: #6eb4ff00;
	font-size: large;
	justify-content: center;
	margin-right: 3px;
	cursor: pointer;
	
}
.file-delete > span{
    transform: rotate(45deg);
}
.file-delete:hover{
    background-color: rgba(144, 163, 203, 0.2);
    border-radius: 10px;
}
.w-100{
    width: 100%;
}
.img-bg{
    background-color: #fff;
    border-radius: 12px;
    padding: 8px;
}
.img-bg img{
    width: 40px;
}
.disbursed-cards .row .col-md-5{
width: 47.66667%;
}
.form-head h2, .form-head .h2 {
    font-size: 16px;
    margin-bottom: -12px !important;
}
.currency-icon {
    width: 50px;
    height: 50px;
    margin-top: 0px;
}
.nav-header, .deznav{
    width: 216px;
}
.content-body{
    margin-left: 216px;
}
.nav-header .brand-title {
    width: 96px;
}
.nav-header .logo-abbr{
    width: 32px;
}
.card-body {
    padding: 14px;
}
.btn {
    padding: 4px 12px;
    font-size: 12px;
}
.card-title {
    font-size: 14px;
}
table.dataTable thead th {
    font-size: 12px;
    padding: 6px 5px;
    white-space: pre-line !important;
}
table.dataTable tbody td {
    padding: 8px 12px !important;
    font-size: 12px;
}
.card-header {
    padding: 12px 24px;
}
.counter-boxes .row .col-md-3{
    width: 25%;
}
.counters h4{
    font-size: 14px;
}
.card-body {
    margin: 14px;
    padding: 0px !important;
}
.text-left{
    text-align: left;
}
.deznav .metismenu a{
    color: #fff;
}
.details-card{
    display: flex;
    flex-direction: column;
    gap: 18px;
    justify-content: flex-start;
    border-radius: 12px;
    margin: 20px;
    padding: 20px;
    background-color: #ddf4ff;
}
.details-card p{
    font-weight: 500;
    font-size: 14px;
    color: #000;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: rgba(36,84,162,1);
    box-shadow: 0 0 1.25rem 0 rgb(36 84 162 / 27%);
}
.nav-link{
    color: rgba(36,84,162,1);
    font-size: 14px;
    font-weight: 500;
}
/* .tab-content{
    background-color: aliceblue;
    padding: 20px;
    border-radius: 0px 12px 12px 12px;
} */
#files-area {
    width: 40%;
    margin: 0px;
}
.file-block{
    align-items: center;
    padding: 12px;
    border-radius: 6px;
}
.doc-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
}
.payslip ol {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style-type: circle;
}
.pl-4{
    padding-left: 40px;
}
.fd-col{
    flex-direction: column;
}
.h-486{
    height: 486px;
}
.blue-bg1{
    background-color: #DDF4FF;
    border-radius: 10px;
    padding: 10px 22px !important;
}
.grey-bg1{
    background-color: #EAEAEA;
    border-radius: 10px;
    padding: 10px 22px !important;
}
.detail-txt p{
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin: 0px;
}
.detail-txt h2{
    font-size: 12px;
    color: #000;
    margin: 0px;
    font-weight: 500;
}
.detail-txt-blue p{
    font-size: 14px;
    font-weight: 400;
    color: #2454A1;
    text-decoration: underline;
    margin: 0px;
}
.tab-content {
    background-color: #fff;
    padding-top: 8px;
    border-radius: 0px 12px 12px 12px;
}
 .nav-link {
    margin: 0.5rem 1rem;
    padding: 0px;
    color: #000;
}

.custom-tab-1 .nav-link.active {
    color: #2454A1;
    background-color: #fff;
    border-color: #2454A1;
    border-radius: 0;
    color: #2454A1;
    border-width: 0 0rem 0.1875rem 0;
}
.nav-tabs {
    border-bottom: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:focus, .dataTables_wrapper .dataTables_paginate span .paginate_button:active {
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 25px !important;
    height: 25px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card{
    box-shadow: 0px 0px 10px #0000000F;
}
.color-blue{
    color: #2454A1;
}
.doc-list h6{
    font-size: 12px;
    color: #000;
    margin: 0px;
    font-weight: 500;
}
.normal-text, .form-label {
    font-size: 15px;
    color: #000;
    margin: 0px;
    font-weight: 500;
}
.new-input{
    position: relative;
    width: 100%;
}
.new-input .small-text {
    font-size: 12px;
    line-height: 10px !important;
    position: absolute;
    background-color: #fff;
    top: -7px;
    left: 18px;
    color: #000;
    font-weight: 500;
    margin: 0px;
    padding: 2px;
}
/* .new-input input {
    background: #FFFFFF !important;
    border: 1px solid #707070 !important;
    border-radius: 5px !important;
    height: 35px;
    width: 100%;
} */
.new-input input {
    background: #FFFFFF !important;
    border: 1px solid #707070 !important;
    border-radius: 5px !important;
    height: 100%;
    width: 100%;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 500;
    margin: 0px;
    font-size: 12px;
}
.form-control {
    background: #fff;
    border: 0.0625rem solid #EEEEEE;
    padding: 8px 20px;
    color: #6e6e6e;
    height: auto;
    border-radius: 0.5rem;
}
.choose-input .bt-box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #707070;
    font-size: 12px;
    border-radius: 10px;
}
.bt-box button{
    border-top-left-radius:10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: none;
	border-bottom-right-radius: none;
	border-right:1px solid #707070;
	font-size: 12px;
    background-color: #F0F0F0;
	color:#03305B;
    margin-right: 10px;
}
.choose-box{
    padding: 6px 12px;
    border: 1px solid #707070;
border-radius: 5px;
font-size: 12px;
color: #000;
margin: 0px;
margin-right: -10px;
width: 250px;
}
.button{
    border-radius: 0px 0.35rem 0.35rem 0px;
}
.modal-dialog{
    max-width: 100%;
    margin: 60px auto;
}
.modal-dialog-centered {
    min-height: auto;
}
.modal-body{
    height: 70vh;
    overflow-y: scroll;
    margin-bottom: 30px;

}
input[type="radio"] {
    /* ...existing styles */
    display: grid;
    place-content: center;
  }
  
  input[type="radio"]::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
  }
  
  input[type="radio"]:checked::before {
    transform: scale(1);
  }
  .modal {
    overflow-y: hidden;
  }
  .dataTables_wrapper .dataTables_paginate{
    align-items: center;
  }
  .counter-select{
    background-color: rgba(36,84,162,1) !important;
  }
  .counter-select>.dropdown-toggle.bs-placeholder{
    color: #fff;
  }
  .dropdown-menu{
    background-color: #eb8153;
  }
  .dropdown-menu .dropdown-item{
    color: #fff;
  }
  .bootstrap-select>.dropdown-toggle{
    gap: 16px;
  }
  .new-input select {
    background: #FFFFFF !important;
    border: 1px solid #707070 !important;
    border-radius: 5px !important;
    height: 100%;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 500;
    margin: 0px;
}
.small-btn{
    padding: 4px 10px !important;
    font-size: 12px !important;
}
.blue-circle{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #2454A1;
}
.grey-circle{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #EAEAEA;
}
.outline-btn{
    border: 1px solid #2454A1 !important;
    background-color: #ffffff !important;
}
.btn.outline-btn{
    color: #2454A1 !important;
}
.text-myblue{
    color: #2454A1 !important;
    font-size: 14px !important;
}
table tbody tr:nth-child(even){
    background-color: #EAEAEA  !important;
}
table tbody tr:nth-child(even) td:nth-child(1){
border-radius: 10px 0px 0px 10px;
}
table tbody tr:nth-child(even) td:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
    }
.multi-select1{
    border: 1px solid #cccccc !important;
    border-radius: 5px !important;
    color: #707070 !important;
    width: 31vh !important;
    padding: 8px;
}
.multi-select2{
    border: 1px solid #707070 !important;
    border-radius: 5px !important;
    color: #707070 !important;
    font-weight: 500;
    padding: 8px 20px !important;
}
.bootstrap-select .btn{
    padding: 4px 8px !important;
}
.w-155{
    width: 155px !important;
}
.doc-icon{
    height: 38px !important;
    align-items: center;
    display: flex;
    width: 38px !important;
    justify-content: center;
    min-width: 38px !important;
    padding: 0px 12px !important;
}
.table-head{
    background-color: #2454A1;
    border-radius: 5px 5px 0px 0px;
    padding: 6px 14px;
}
.table-head h2{
    font-size: 14px;
    margin: 0px;
    color: #fff;
    padding: 0px;
    font-weight: 500;
}
.light-row{
    background-color: #fff;
    padding: 4px 24px;
}
.dark-row{
    background-color: #EAEAEA;
    padding: 8px 24px;
}
.light-row .title, .dark-row .title {
    font-size: 12px;
    font-weight: 500;
    margin: 0px;
    color: #000;
}
.light-row .desc, .dark-row .desc{
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
    color: #000;
}
.detail-sec{
    border: 2px solid #EAEAEA;
}
.ml-6{
    margin-left: 36px !important;
}
.status-line{
    height: 68%;
    border-left: 4px solid #EAEAEA;
    position: absolute;
    left: 26px;
    top: 34px;
    z-index: -1;
}
.p-rel{
    position: relative;
    z-index: 1;
}
.status-view{
    overflow: hidden !important;
}
.status-box{
    height: 300px;
    padding-bottom: 30px;
    padding-right: 14px;
    overflow-y: scroll;
}

::-webkit-scrollbar {
    width: 2px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #ffffff; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #2454A1; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #2454A1; 
  }
  .modal-body {
padding: 20px;  
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active{
    color: #fff !important;
}
.select3 button{
    padding: 9px 16px !important;
}
.modal-dialog{
width: 70% !important;
}


.bt-blue{
    width: 96%;
    display: flex;
    justify-content: center;
    border-top: 1.6px solid #2454A1;
    margin-top: 14px;
}
.loan-card{
    border: 1px solid #707070;
    border-radius: 10px;
}
.loan-card .loan-top{
    background-color: #2454A1;
    padding: 6px 16px;
    display: flex;
    justify-content: flex-start;
    border-radius: 8px 8px 0px 0px;
}
.loan-top p{
    color: #fff;
    margin: 0px;
}
.light-field{
    padding: 2px 6px 2px 16px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.light-field p{
    color: #000;
    font-weight: 500;
    margin: 0px;
    font-size: 12px;
}
.grey-field{
    background-color: #EAEAEA;
    padding: 2px 6px 2px 16px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.grey-field p{
     font-size: 12px;
    color: #000;
    font-weight: 500;
    margin: 0px;
}
.grey-field .small-text{
    font-size: 11px;
}
.grey-field-btm{
    background-color: #EAEAEA;
    padding: 2px 6px 2px 16px;
    display: flex;
    border-radius: 0px 0px 8px 8px;
    justify-content: space-between;
    gap: 12px;
}
.grey-field-btm p{
    color: #000;
    font-weight: 500;
    margin: 0px;
}
.grey-field-btm .small-text{
    font-size: 11px;
}
.loan-input{
    background: #FFFFFF;
border: 1px solid #707070;
border-radius: 5px;
width: 100%;
padding: 2px 6px;
}
table.dataTable{
    width: 100% !important;
}
#leadoblilist table.dataTable thead th, #leadoblilist table.dataTable tbody th {
    min-width: auto !important;
}
table.dataTable tbody th, table.dataTable tbody td {
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 4px 5px !important;
}
.modal-footer {
    padding: 6px 10px !important;
}
.modal-title {
font-size: 16px !important;
}
#myTable_wrapper .sorting,
#myTable_wrapper .sorting_asc,
#myTable_wrapper .sorting_desc,
#myTable_wrapper .sorting_asc_disabled,
#myTable_wrapper .sorting_desc_disabled {
    background-image: none !important;
}
table.dataTable.display tbody td{
    max-width: 70px; /* Set the maximum width as per your requirement */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: max-width 0.3s ease;
  }
table.dataTable.display tbody td:hover{
    max-width: none;
}