body {
  margin-bottom: 60px;
}

.app-header-menu .menu .menu-item .menu-link.active .menu-title {
    color: #59232d !important;
}

.menu-link:hover .menu-title {
    color: #59232d !important;
}

.menu-state-color .menu-item .menu-link.active {
    color: #59232d !important;
}

.text-darkbrown {
    color: #59232d;
}

.border-primary {
    border-color: #a33434 !important;
}

.text-blue {
    color: #0163c0;
}

.text-brown {
    color: #a71d21;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

p {
    margin: 0 !important;
    padding: 0 !important;
}

.primary-btn {
    background-color: #0163c0 !important;
    border: none !important;
    color: #fff !important;
}


.custom-card {
    background-color: #f9fcff;
    border: 1px solid #b7daea;
    border-radius: 15px;
}

.dashboard-heading {
    font-size: 22px;
    letter-spacing: -1px;
    color: #0163c0;
    font-weight: 700;
    margin: 0 !important;
}

table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting::after {
    content: '' !important;
    opacity: 1 !important;
    height: 0.9rem !important;
    width: 0.9rem !important;
    color: white !important;
}

table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting::before {
    content: '' !important;
    opacity: 1 !important;
    height: 0.9rem !important;
    width: 0.9rem !important;
}

table.dataTable thead > tr > th.sorting:after {
    top: 43% !important;
}

.table.dataTable {
    border: 1px solid #59232d !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

table.dataTable thead > tr > th:first-child {
    border-radius: 8px 0 0 0;
}

table.dataTable thead > tr > th:last-child {
    border-radius: 0 10px 0 0;
}

.rounded-25 {
    border-radius: 25px;
}

.table.dataTable thead > tr {
    background-color: #59232d !important;
    color: white !important;
}

.text-ellipses-td {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.4em;
    line-height: 1.2em;
    width: 15.5em;
}

.page-item.active .page-link {
    background-color: #59232d;
}

.bg-bluedark {
    background-color: #1a67cd;
}

.text-bluedark {
    color: #1a67cd;
}
.bg-lightgreen {
    background-color: #a9bb3b;
}
.text-lightgreen {
    color: #a9bb3b;
}
.bg-darkSkyBlue {
    background-color: #008a7e;
}
.text-darkSkyBlue {
    color: #008a7e;
}
.bg-lightred {
    background-color: #f24d04;
}
.text-lightred {
    color: #f24d04;
}
.bg-lightSkyBlue {
    background-color: #43d1b7;
}
.text-lightSkyBlue {
    color: #43d1b7;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.4rem + -3px) !important;
    width: calc(1.5em + 1.4rem + -3px) !important;
}


/* Remove right border-radius from Select2 in master case page */
.no-right-radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/* Remove left border-radius from button */
.no-left-radius {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.border-top-3px {
    border-top: 3px solid #a33434;
}

.readonly {
    background-color: #cdcccc !important;
    pointer-events: none !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    cursor: text;
}
.btn-custom {
    color: #fff !important;
    background-color: #8c0303 !important;
    padding: calc(.7rem + 1px) calc(1.25rem + 1px);
}
    .btn-custom:hover, .btn-custom:active, .btn-custom:hover:not(.btn-active) {
        color: #fff !important;
        background-color: #a33434 !important;
    }
.scrolltop {
    background-color: #a33434 !important;
}

    .scrolltop:hover {
        background-color: #59232d !important;
    }
/*.form-control-solid:disabled {
    background-color: #cdcccc;
    pointer-events: none; 
    cursor: text;
}*/

#dateCreated-chart, #noSattlement-chart, #fees-chart, #feeQuarter-chart, #SettlementAmount-quater, #noSattlement-chartcount {
    width: 100%;
    height: 550px;
}

.form-check-input:checked {
    background-color: #8c0303 !important;
    border-color: #8c0303 !important;
}

.site-text-primary {
   color: #8c0303 !important
}

/*.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #f1416cb5 !important;
    color: #ffffff !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: #8c0303 !important;
}*/

@media (min-width:992px){
    .w-lg-22 {
        width: 22% !important;
    }
}

@media (max-width:992px) {
    .mt-lg-16px {
        margin-top: 14px;
    }

    .float-lg-right {
        float: right;
    }

    .float-lg-left {
        float: left;
    }

    .w-custom-lg-100 {
        width: 100% !important;
    }

    .col-auto-lg {
        width: 100%;
    }

    .custom-card-header {
        min-height: 100% !important;
        padding: 1rem 2.25rem !important;
    }

    .flex-column-lg{
        flex-direction:column;
    }
}

@media (max-width:768px) {
    .float-lg-right {
        float: left;
    }
    .col-auto{
        width:100%;
    }
}


@media (max-width:374px) {
    .col-auto .d-flex {
        display: flex;
        flex-direction: column;
    }

    .col-auto .d-flex > .btn, .btn {
        width: 100% !important;
        margin-left:0px !important;
        margin-top:10px;
    }
}