.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
    top: 50%;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    /*border-radius: 0;*/
}

.dataTables_info{
    position: relative;
    float: left;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 2px solid #f4f4f4;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.select2 {
    max-width: 100%;
    width: 100%;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}
#loader-screen{
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    background: #4c4c4c96;
    z-index: 999999999999999999999999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#loader-text{
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
}

.password-prompt {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    width: 30%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.password-prompt input {
    margin-bottom: 20px;
}
table, th, td{
    border-width: 0.5px !important;
    border-color: black !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{
    padding-bottom: 30% !important;
}

.hk-custom-pagination{
    margin-bottom: 20px;
}
.hk-pagination {
    display: flex;  /* Use flex display */
    width: 100%;
    justify-content: space-between;  /* Distribute space between the items */
}

.hk-pagination a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    text-align: center;
    flex-grow: 1;  /* Allow the item to grow and take up available space */
}

.hk-pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.hk-pagination a:hover:not(.active) {
    background-color: #ddd;
}

.hk-pagination a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.hk-pagination a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.hk-d-none{
    display: none;
}
.hk-editable-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hk-editable-input .hk-text {
    text-align: left;
    flex: 1;
}
.hk-editable-input .hk-icon {
    text-align: right;
    cursor: pointer;
}

.side-by-side {
    display: flex; /* Use flexbox */
}

.side-by-side .first-child {
    flex: 1;
}

.side-by-side .last-child {
    width: auto;
    flex: none;
}
.custom-loading{
    padding: 21px 0;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 10px;
}
table th, .whitespace {
/*, table td*/
    white-space: nowrap !important;
}
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
}
table.dataTable thead .sorting_asc:after {
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
}


table .search{
    width: 100% !important;
}
.more-text, .dt-expand-control{
    cursor: pointer;
}
.dt-expand-control{
    font-weight: bolder;
    font-size: 22px;
}
.tranch-list, .quarter-list, .countries-list{
    cursor: pointer;
}
.tranch-list>li, .quarter-list>li, .countries-list>li{
    margin: 0;
    padding: 0;
}
.tranch-list.list-inline, .quarter-list.list-inline, .countries-list.list-inline{
    margin: 0;
    margin-left: -5px;
}
.child-table{
    width: 100%;

}
.child-table th, .child-table td{
    padding: 2px 10px !important;
    white-space: normal !important;
    width: 25%;
}
.child-table-box {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 2px 2px 15px #c1c1c1;
    -moz-box-shadow: inset 2px 2px 15px #c1c1c1;
    box-shadow: inset 2px 2px 25px #c1c1c1;
    outline: none;
    padding: 10px;
}
.child-table-box{
    /*height: 250px;*/
    /*overflow-y: auto;*/
}
.disbursement-table, .disbursement-table th, .disbursement-table td{
    white-space: normal !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    /*background-color: #e4e4e4;*/
}


.table-action-list .btn-group-stretch {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Override Bootstrap's button group styling */
.table-action-list .btn-group-stretch a {
    flex-grow: 1;
}


.table-action-list-2{
    margin-bottom: 10px;
}
.table-action-list .btn-group-custom{
    position: static !important;
    width: 100% !important;
}
.table-action-list .btn-group-custom .dt-buttons{
    width: 100% !important;
}
.table-action-list .col-lg-6{
    /*padding: 0px !important;*/
    /*margin: 0px !important;*/
    font-size: 15px;
}

.table-action-list .dataTables_length .input-sm,
.table-action-list .dataTables_filter .input-sm
{
    padding: 0px;
    margin: 0px;
    width: auto !important;
    height: auto !important;
}
.table-action-list .dataTables_length, .table-action-list .dataTables_length label,
.table-action-list .dataTables_filter, .table-action-list .dataTables_filter label,
.table-action-list .dataTables_info, .table-action-list .dataTables_info,
.table-action-list .dataTables_paginate, .table-action-list .dataTables_paginate a, .table-action-list .dataTables_paginate ul
{
    padding: 0px !important;
    margin: 0px !important;
}
.table-action-list .dataTables_paginate a{
    padding-left: 10px !important;
    padding-right: 10px !important;
}



.main-header .sidebar-toggle:before {
    content: "" !important;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.disbursement-list {
    cursor: pointer;
    margin: 0px 10px;
}
.disbursement-list{
    margin-bottom: 20px;
}
.disbursement-list table th, .disbursement-list table td {
    padding: 2px 15px !important;
    white-space: nowrap;
}
.disbursement-list-box .active{
    padding: 5px;
}
.disbursement-list-box .active{
    background-color: #f39c12;
    color: white;
    padding: 7px;
}
.disbursement-max-height{
    overflow-x: auto;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.backgroung-color-paid{
   background-color: #b7d9e0
}



/*.table-responsive {*/
/*    position: relative;*/
/*    overflow-x: auto;*/
/*    overflow-y: auto;*/
/*    max-height: 500px;*/
/*}*/

/*table {*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*}*/

/*thead th {*/
/*    position: sticky;*/
/*}*/

/*.fixed-column  {*/
/*    background-color: #0d6aad !important;*/
/*    color: white;*/
/*    z-index: 222222;*/
/*}*/

/*.fixed-column {*/
/*    position: sticky;*/
/*    background-color: white;*/
/*}*/

.whitewrap{white-space: break-spaces !important;}
.list-scroll{
    max-height: 300px;
    overflow: scroll;
}
.heading {
    font-size: 28px; /* Increase the font size */
    font-weight: bold; /* Make it bold */
    text-align: center; /* Center the text */
    position: relative; /* Position for the underline effect */
    color: #2c3e50; /* Darker shade for better visibility */
}

/* Custom underline */
.heading::after {
    content: '';
    position: absolute;
    width: 60px; /* Adjust the width of the underline */
    height: 4px; /* Thickness of the underline */
    background-color: #3498db; /* Blue underline color */
    left: 50%;
    transform: translateX(-50%); /* Center the underline */
    bottom: -10px; /* Add some space between the text and underline */
    border-radius: 2px; /* Rounded underline */
}

/* Optional shadow for a subtle effect */
.heading {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.calculator {
    width: 100%;
    box-shadow: 0px 0px 10px #ccc;
}
.repayment-container {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    position: relative;
}
.repayment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.repayment-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.repayment-row input {
    flex: 1;
}
.remove-row {
    background: red;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}
#add-more, #generate {
    margin-top: 10px;
}