.navbar-brand-box {
    padding-left: 0;
    padding-right: 0;
}

.navbar-brand-box {
    margin: 0 0 0 1rem;
    text-align: start;
}

ul.sub-menu li a:hover {
    color: #383c40!important;
}

.auth-body-bg,
.bg-overlay {
    background-image: none !important;
    background: none !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.dataTables_info {
    font-weight: normal;
}

table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}

.pagination-rounded .page-link {
    border-radius: 4px !important;
}

.card {
    webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .5rem .9rem;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #F7F7F7;
}

/* ******* Info Cards ******* */
.info-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 20px;
}

/* For Medium Screens: 2 rectangles per row */
@media (max-width: 992px) {
    .info-cards {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
}

/* For Small Screens: 1 rectangle per row */
@media (max-width: 768px) {
    .info-cards {
        grid-template-columns: 1fr; /* Single column */
    }
}

.info-card {
    height: 160px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.info-card .icon {
    font-size: 90px;
    color: rgba(255, 255, 255, 0.4);
}
.gradient1 {
    background: linear-gradient(45deg, #ff7043, #ffcc80);
}
.gradient2 {
    background: linear-gradient(45deg, #42ad46, #a0d8a3);
}
.gradient3 {
    background: linear-gradient(45deg, #c715e6, #e6b1ef);
}
.gradient4 {
    background: linear-gradient(45deg, #c93636, #f59f9f);
}
.gradient5 {
    background: linear-gradient(45deg, #4092d5, #9acaf1);
}
.gradient6 {
    background: linear-gradient(45deg, #145264, #97ddf0);
}
.gradient7 {
    background: linear-gradient(45deg, #3b3b3b, #aaaaaa);
}
.gradient8 {
    background: linear-gradient(45deg, #bd5126, #f1ab8f);
}
.amount {
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.title {
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
/* ******* /Info Cards ******* */
.quick-links a h6 {
    padding: 10px; 
    background-color: #F8F9FA;
}

.quick-links a h6 {
    color: #7b7c7c;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition: all .3s ease-in-out;
}

.quick-links a h6:hover {
    transform: scale(1.03);
    color: #686868;
}

/* APEXCHARTS */
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon,
.apexcharts-zoom-icon,
.apexcharts-pan-icon {
    display: none;
}

/* PRINT SETTINGS */

.print-only {
    background-color: #fff;
}

h3.print-only {
    color: #505d69 !important;
}

.print-only thead td {
    font-size: 13px;
    font-weight: bold;
}

.print-only tbody td {
    font-size: 12px;
    font-weight: normal;
}

.print-only td {
    padding: 2px 0 !important;
}

.print-only thead {
    border-bottom: 1px solid #505d69;
}

.print-only tbody tr:first-child td {
    padding-top: 10px !important;
}

.print-only>tbody>tr {
    border-color: transparent !important; 
}

.print-only>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: transparent !important;
}

.print-only thead,
.print-only tbody {
    font-weight: 700;
    color: #505d69 !important;
    background-color: transparent !important;
}

ul.print-only {
    font-size: 10px;
}

@media print {
    .hide-print,
    .dataTables_length,
    .dataTables_filter,
    .dataTables_info,
    #datatable_paginate {
        display: none;
    }

    .show-print {
        text-align: center;
    }

    thead td strong {
        color: #505d69;
    }
}
/* /PRINT SETTINGS */

@media (max-width: 767px) {
    .mar-top-sm-3 {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .invoice-info {
        text-align: left !important;
        margin-top: 16px !important;
    }
}