html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}


.breadcrumb-item.active span,
.breadcrumb-item.active a,
.breadcrumb-item.active b {
    font-weight: bold;
}

.breadcrumb-item i {
    margin-right: 9px !important;
}

.breadcrumb-item.active span i {
    margin-right: 9px !important;
}

.btn:disabled {
    color: #444444 !important;
    border-color: #F4F4F4 !important;
    cursor: not-allowed;
    opacity: 1;
    background-color: #F4F4F4 !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #444444 !important;
    background-color: #F4F4F4 !important;
    border-color: #F4F4F4 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    box-shadow: none !important;
}
.wrapper {
    position: static !important;
    overflow-y: hidden;
}
/* Date Picker */
.date-filter-input {
    height: 1.8125rem !important; /* 29px */
    font-size: 0.875rem !important; /* 14px */
    line-height: 1.8125rem !important; /* 29px */
    border: none;
    background: transparent;
    width: 13rem !important; /* 192px */
    padding: 0 !important;
    vertical-align: middle;
    margin-left: 10px;
}

.custom-border-none {
    border: none !important;
}

    .custom-border-none:last-child {
        border-bottom: none !important;
    }

.date-filter-label {
    display: flex;
    align-items: center;
    gap: 0.25rem; /* 4px */
    padding: 0 0.25rem; /* 0px, 4px */
    height: 1.8125rem; /* 29px */
    font-weight: normal !important;
    cursor: pointer;
}

.date-picker-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important; /* 0px */
    cursor: pointer;
    font-weight: normal !important;
    height: 1.8125rem; /* 29px */
    gap: 0.25rem; /* 4px */
}

.date-picker-label {
    display: flex;
    align-items: center;
    padding: 0; /* 0px */
    cursor: pointer;
}

.date-picker-icon {
    margin-left: auto;
    margin-right: 0.5rem; /* 8px */
}

/* tag control */

.chosen-container-multi .chosen-choices {
    min-height: 1.8125rem !important; /* 29px */
    height: 1.8125rem !important; /* 29px */
    padding: 0.1rem 0.5rem !important; /* 1.6px 8px */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 0.1875rem !important; /* 3px */
    gap: 0.25rem; /* 4px */
}

    .chosen-container-multi .chosen-choices li.search-choice {
        font-size: 0.875rem; /* 14px */
        height: 1.375rem; /* 22px */
        line-height: 1.4;
        padding: 0 1.5rem 0 0.5rem; /* 0 24px 0 8px */
        background-color: #F3F3F3;
        border: 1px solid #3F4346;
        color: #3F4346;
        border-radius: 0.1875rem; /* 3px */
        display: flex;
        align-items: center;
        position: relative;
        font-family: 'Poppins', sans-serif;
        /* Elimina efecto 3D */
        box-shadow: none !important;
        background-image: none !important;
        text-shadow: none !important;
    }

        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
            position: absolute;
            right: 0.3rem; /* 4.8px */
            top: 50%;
            transform: translateY(-50%);
            font-size: 0.85rem; /* 13.6px */
            opacity: 0.8;
            cursor: pointer;
        }

    .chosen-container-multi .chosen-choices li.search-field input {
        height: 1.5rem !important; /* 24px */
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.5rem; /* 24px */
    }


/* btn grey */

.btn-grey {
    background-color: #54555A !important;
    color: white !important;
}
btn-grey:hover {
    border: #54555A;
}

.btn:not(.daterangepicker.btn) {
    border-radius: 0.4375rem !important;
    height: 2.5rem !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.under-line {
    padding-right: 0px;
    text-decoration: underline;
}

.btn-generate {
    width: auto ;
    display: inline-block;
}

.no-th-border {
    border: none !important;
}

.toggle-btn:focus,
.toggle-btn:active,
.toggle-btn:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.toggle-btn::after {
    content: none !important;
}


.bg-gray-br {
    background-color: #F5F9FF !important;
}



/* zebra stripes */
.card-striped:nth-child(odd) .card-header {
    background-color: #F4F4F4 !important;
}

.card-striped:nth-child(even) .card-header {
    background-color: #ffffff !important;
}

.pay-row-odd {
    border-top: 1px solid #CED4DA;
    border-bottom: 1px solid #CED4DA;

    background-color: #F4F4F4 !important;
}

.pay-row-even {
    background-color: #FFFFFF !important;
}

.row-label{

    color: #817b7b;

}

.custom-striped-table-collapse.table-striped > tbody > tr {
    background-color: transparent;
}

.custom-striped-table-collapse tbody tr.collapse-row {
    background-color: #ffffff !important;
}

.custom-striped-table-collapse tbody tr.data-row:nth-child(4n + 1) {
    background-color: #ffffff !important;
}

.custom-striped-table-collapse tbody tr.data-row:nth-child(4n + 3) {
    background-color: #F4F4F4 !important;
}




.table-collapse-inside {

    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .table-collapse-inside tbody tr {

        cursor: default !important;
    }

        .table-collapse-inside tbody tr:hover {
            background-color: transparent !important;
        }

    .table-collapse-inside.table-striped tbody tr:nth-child(odd):hover {
        background-color: #ffffff !important;
    }

    .table-collapse-inside.table-striped tbody tr:nth-child(even):hover {
        background-color: #f9f9f9 !important;
    }



/* btn icon */

.btn-icon {
    background: transparent !important;
    border: none !important;
    padding: 5px !important;
    cursor: pointer !important;
}

    .btn-icon .fa {
        color: #158AC4 !important;
        font-size: 18px !important;
    }


/* approveBills */
.table-responsive-approveBills {
    overflow-x: auto;
    min-width: 1200px;
    white-space: nowrap;
}

/* table footer */

.table.table-striped tbody tr.table-footer-row,
.table.table-striped tbody tr.table-footer-row td {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    background-image: none !important;
    cursor: default !important;
}

.table.table-hover tbody tr.table-footer-row:hover {
    background-color: #ffffff !important;
}

.table.table-striped tbody tr.table-footer-row:nth-child(odd),
.table.table-striped tbody tr.table-footer-row:nth-child(even) {
    background-color: #ffffff !important;
}

/* header */
.content-header {
    margin-bottom: -1rem !important; /* 8px */
/*    margin-left: 250px;*/
}

.widget-info {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

@media (min-width: 992px) {
    .col-lg-2-p-w {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1600px) {
    .widget-info-p {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 1599px) {
    .widget-info {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.table-striped thead th:first-child,
.table-striped tbody td:first-child {
    padding-left: 30px !important;
}


.table.table-striped thead tr th {
    padding-bottom: 20px !important;
}
/* Buttons */
.btn {
    border-radius: 0.3125rem !important; /* 5px */
    height: 2.5rem !important; /* 40px */
    align-items: center !important;
    justify-content: center !important;
    font-size:14px;
}



.chosen-container,
.chosen-container .chosen-choices,
.chosen-container .chosen-drop {
    border-radius: 0.3125rem !important; /* 5px */
}

.chosen-container-active .chosen-choices {
    border-radius: 0.3125rem !important;
    box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.1); /* 3px */
}

/* Labels */

.form-group label {
    font-size: 0.875rem; /* 16px */
    font-family: 'Poppins', sans-serif;
}

.l-form {
    font-size: 0.875rem !important; /* 16px */
    font-family: 'Poppins', sans-serif !important;
}


.l-form-styleScreen {
    font-size: 0.875rem;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

.l-lato {
    font-family: 'Poppins', sans-serif !important;
}

.l-digit {
    font-size: 1.125rem !important; /* 18px */
    font-family: 'Poppins', sans-serif !important;
}

.label-style-individual {
    font-size: 1rem !important; /* 16px */
    font-family: 'Poppins', sans-serif !important;
    font-weight: bold !important;
}
/* Form */

.form-control {
    border-radius: 0.3125rem !important; /* 5px */
    height: 1.8125rem !important; /* 29px */
    padding-top: 2px;
    padding-bottom: 2px;
}

.form-number {
    width: 2.5rem !important;
    height: 1.8125rem !important;
    border: 1px solid #CED4DA !important;
    border-radius: 5px !important;
    background-color: #FFFFFF !important;
    text-align: center;
    font-size: 14px;
    line-height: 3rem;
    box-shadow: none !important;
    appearance: none;
    outline: none;
    padding: 0 !important;
}

    .form-number[disabled],
    .form-number[readonly] {
        background-color: #E1E1E1 !important;
        border-color: #CED4DA !important;
        color: #6c757d !important;
        cursor: not-allowed;
    }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


/* Disabled or readonly */
[disabled],
[readonly] {
    color: #A1A1A1 !important;
    /*background-color: #E1E1E1 !important;*/
    border-color: #CED4DA !important;
    opacity: 1;
}

/*pagination*/
.page-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .page-item .page-link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 38px !important;
        width: 38px;
        padding: 0 !important;
        margin: 0;
        line-height: 1 !important;
    }

        .page-item .page-link.fa-step-forward {
            font-size: 9px !important;
        }

        .page-item .page-link.fa-step-backward {
            font-size: 9px !important;
        }
.page-item .total-pages {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 70px;
    height: 38px !important;
    padding: 0 12px !important;
    line-height: normal !important;
    white-space: nowrap !important;
    vertical-align: middle;
}

        .page-item .total-pages .textPagination {
            display: inline-block !important;
            height: 24px !important;
            width: 38px !important;
            margin-right: 5px !important;
            text-align: center;
            padding: 0 !important;
            vertical-align: middle; 
        }


.textPagination {
    width: 35px; 
    height: 25px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
.page-item .fa {
    margin-right: 0 !important;
    align-items: center !important;
}

/*date picker*/
.drp-buttons {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}

/* DropDown header*/
.form-control-header {
    border-radius: 0.1875rem !important;
    height: 1.8125rem !important;
}

/*  chosen */
.chosen-container {
    width: 100% !important;
    font-size: 14px;
    height: 29px !important;
    font-family: 'Poppins', sans-serif !important;
}

.chosen-container-single .chosen-single {
    height: 29px !important;
    line-height: 27px !important;
    padding: 0 8px !important;
    border-radius: 0.3125rem !important;
    border: 1px solid #ced4da !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-family: 'Poppins', sans-serif !important;
}

    .chosen-container-single .chosen-single div {
        position: absolute;
        top: 50% !important;
        transform: translateY(-50%);
        right: 8px;
        height: 100%;
        display: flex;
        align-items: center;
        font-family: 'Poppins', sans-serif !important;
    }

.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #80bdff !important;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}



/* Filter Control */
.card-filter {
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    margin-left: -1.25rem; /* -20px */
    margin-right: -1.25rem; /* -20px */
    margin-top: 0.9375rem; /* 15px */
    border-radius: 0px !important;
    border-left: none !important;
    border-right: none !important;
}

.card-filter-content {
    border: none !important;
    margin-left: -1.25rem; /* -20px */
    margin-right: -1.25rem; /* -20px */
    margin-top: 0.9375rem; /* 15px */
    border-radius: 0px !important;
}


.card-header-filter {
    cursor: pointer;
    background-color: white;
}

.card-body-filter {
    border-radius: 0 !important;
    border-width: 0 !important;
    padding-bottom: 0 !important;
}

.collapse {
    border-top: none !important;
    margin-top: 0 !important;
}

.collapse-toggle,
.card-header,
.accordion-button {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.card-filter-alt .card-header-filter {
    background-color: #F6F6F6 !important;
}

.card-filter-alt .card-body-filter {
    background-color: #F6F6F6 !important;
}

.wh-color {
    background-color: white !important;
}

.wh-color {
    background-color: white !important;
}

.gr-color {
    background-color: #F6F6F6 !important;
}

.gr-color {
    background-color: #F6F6F6 !important;
}

/* table div */
.table-responsive {
    background-color: white;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}


/* table control config striped */
.table > thead > tr > th {
    border-bottom: 1px solid #CED4DA !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #F9F9F9;
    border-top: 1px solid #CED4DA !important;
    border-bottom: 1px solid #CED4DA !important;
}


.table-striped.pkey > tbody > tr:nth-of-type(odd) > td {
    background-color: #F9F9F9;
    border-top: 1px solid #CED4DA !important;
    border-bottom: 1px solid #CED4DA !important;
}

.table td, .table th {
    border-top: 1px solid #CED4DA;
    border-bottom: 1px solid #CED4DA;
}

.table-striped.pkey > tbody > tr:nth-of-type(odd) {
    background-color: #F9F9F9;
    border-top: 1px solid #CED4DA !important;
    border-bottom: 1px solid #CED4DA !important;
}


.table-striped.pkey > tbody > tr:nth-of-type(even) {
    background-color: #FFFFFF;
}

.table-striped tbody tr {
    color: #817B7B; /* Gris medio */
    font-family: 'Poppins', sans-serif;
}

.table-striped thead,
.table-striped thead tr {
    background-color: #FFFFFF !important;
}

.table-striped > tbody > tr > td,
.table-striped > thead > tr > th {
    padding-top: 1rem !important; /* 16px */
    padding-bottom: 1rem !important; /* 16px */
}

.table thead th:first-child {
    border-top-left-radius: 0.5rem; /* 8px */
}

.table thead th:last-child {
    border-top-right-radius: 0.5rem; /* 8px */
}

.table-striped thead th:first-child,
.table-striped tbody td:first-child {
    padding-left: 30px !important;
}

.table-pading-l th.padding-table,
.table-pading-l td.padding-table {
    padding-left: 30px !important;
}

.table-second-th thead th:nth-child(2),
.table-second-th tbody td:nth-child(2) {
    padding-left: 30px !important;
}

.table-striped {
    border-top: none !important;
}

    .table-striped thead {
        border-top: none !important;
    }

        .table-striped thead th {
            border-top: none !important;
            font-family: 'Poppins', sans-serif !important;
        }

.table {
    border-top: none !important;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

    .table thead {
        border-top: none !important;
    }

        .table thead th {
            border-top: none !important;
        }

.table-striped tbody tr:hover {
    background-color: #DEDEDE !important;
    cursor: pointer;
}

.table-striped-p > tbody > tr > td, .table-striped > thead > tr > th {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}


.table-view tbody tr:hover {
    cursor: default !important;
}

.table-nbt {
    font-family: 'Poppins', sans-serif !important;
}

    .table-nbt th,
    .table-nbt td {
        border: none !important;
    }

.custom-striped-table-collapse tbody tr.collapse-row {
    background-color: #ffffff !important;
    cursor: default !important;
}
    .custom-striped-table-collapse tbody tr.collapse-row:hover {
        background-color: #ffffff !important;
    }


.table-pl2 {
    padding-left: 2rem !important;
}

/* header */
.content-header {
    margin-bottom: -1rem !important; /* 8px */
}


/* icon button space */
.fa {
    margin-right: 0.5rem;
}

/* buttons arrangement footer */
.button-group-right {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
/* buttons to left on top */
.button-group-left {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}
/*footer line */

.box-footer {
    border-top: none !important;
}

/*btn link */

.btn-as-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font: inherit !important;
    color: #3c8dbc !important;
    cursor: pointer !important;
}

    .btn-as-link:hover {
        color: #0a58ca !important; /* Hover color */
        text-decoration: none !important;
    }

/*br separator */

.section-separator {
    border: none;
    border-top: 1px solid #BBBBBB;
    margin: 1rem -10px;
}

.section-separator-mg-0 {
    border: none;
    border-top: 1px solid #BBBBBB;
    margin: 1rem 0px;
}

/*card info */

.card-info {
    background-color: white !important;
    border-bottom: 1px solid #BBBBBB !important;
}

/*padding top */
.padding-top {
    padding-top: 10px !important;
}

/*margin top */
.margin-top-less-5 {
    margin-top: -5px !important;
}

mt-6 {
    margin-top: 6rem !important;
}

.bg-color-root {
    background-color: #EDEDED !important;
}

/*badged */

.status-badge {
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    min-width: Auto;
}

.status-pending {
    background-color: #FFF7DC;
    color: #E4AF01;
    border-color: #E4AF01;
}

.status-approved {
    background-color: #D8F2DF;
    color: #58C189;
    border-color: #58C189;
}

.alert.status-approved {
    background-color: #D8F2DF;
    color: #58C189;
    border-color: #58C189;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.alert.status-approved .close {
    color: #58C189;
    opacity: 1;
}

.alert.status-approved .close:hover {
    color: #3da96b;
}
.status-rejected {
    background-color: #FFD2D3;
    color: #ED1F22;
    border-color: #ED1F22;
}

.status-parent {
    background: #EDEAFF;
    color: #668FDF;
    border: 1px solid #668FDF;
    padding: 2px 8px;
}

.status-child {
    background: #FFEAF7;
    color: #DF66A3;
    border: 1px solid #DF66A3;
    padding: 2px 8px;
}

.pink-badge {
    background-color: #FFEAF7;
    color: #DF66A3;
    border-color: #DF66A3;
}

.purple-badge {
    background-color: #F2D8F2;
    color: #8058C1;
    border-color: #8058C1;
}

.yellow-badge {
    background-color: #FFF7DC;
    color: #E7B81C;
    border-color: #E7B81C;
}

.blue-badge {
    background-color: #EDEAFF;
    color: #668FDF;
    border-color: #668FDF;
}

.green-badge {
    background-color: #D8F2DF;
    color: #58C189;
    border-color: #58C189;
}

.tb-mw-1100 {
    min-width: 1100px !important;
}

.btn-browser {
    height: 30px;
    border-radius: 0.25rem;
    box-shadow: none;
    padding: 3px 10px !important;
    background-color: #f8f9fa;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #ccc;
}
btn-browser:hover {
    border: #f8f9fa;
}


/* nav */

.nav-tabs {
    border-bottom: 1px solid #C1C8D4 !important;
    background-color: #F9F9F9 !important;
    height: 37px !important;
}

    .nav-tabs .nav-link {
        border: none !important;
        background-color: transparent !important;
        color: #555 !important;
        padding: 0.5rem 1rem !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        font-family: 'Poppins', sans-serif !important;
        transition: color 0.3s ease;
        position: relative;
        display: inline-block;
    }


        .nav-tabs .nav-link:hover {
            color: #000 !important;
        }



        .nav-tabs .nav-link.active {
            position: relative;
            background-color: transparent !important;
            color: #50B1DE !important;
        }

            .nav-tabs .nav-link.active::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                height: 2px;
                width: auto;
                background-color: #50B1DE;
                border-radius: 2px;
                transition: width 0.3s ease;
                width: calc(100% - 2rem);
            }

            .nav-tabs .nav-link.active:hover {
                background-color: transparent !important;

            }



.tab-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    white-space: nowrap;
    background-color: #F9F9F9 !important;
    border-bottom: 1px solid #C1C8D4 !important;
    scrollbar-width: none;
}

    .tab-scroll-wrapper::-webkit-scrollbar {
        display: none;
    }

.tab-nav-wrapper {
    position: relative;
}

.scroll-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    z-index: 10;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.3s;
}

    .scroll-btn:hover {
        opacity: 1;
    }

    .scroll-btn.left {
        left: 0;
    }

    .scroll-btn.right {
        right: 0;
    }



.tab-scroll-wrapper.nav-tabs .nav-item {
    white-space: nowrap;
    flex: 0 0 auto;
}


/*Note Input*/

.nt-input {
    resize: none;
    height: 100px !important;
}

/*Nav inside in nav*/

.nav-in-nav {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -5px;
    border-bottom: none !important;
}

/* marging stop 3 rem */

.mt-3r {
    margin-top: 3rem !important;
}



/*pading top 5 rem */

.modal {
    padding-top: 5rem !important;
}

.modal-content {
    border-radius: .4rem;
}

.brand {
    height: 1.8rem;
    color: #817B7B;
}

.drop-down-navbar {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
    background: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 4px;
    min-width: 200px;
}

/* case if the nav bar need a dropdown */
.content-header-dropdowm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.dd-content-navbar {
    min-width: 12.5rem !important;
}


.spacing-buton > *:not(:last-child) {
    margin-right: 0.625rem ;
}


.d-content-p {
    display: contents;
}

.qb-error-text {
    color: #ED1F22 !important;
}


.l-no-bold {
    font-weight: normal !important;
}

.btn-add {
    background-color: #112F53 !IMPORTANT;
    border-color: #112F53;
    color: #ffffff;
}

    .btn-add:hover {
        background-color: #1C4C87;
        border-color: #1C4C87;
        color: #ffffff;
    }

.radius-5 {
    border-radius: 0.3125rem !important;
}


.no-bct-filter {
    border-top: none !important;
}

.header-style {
    font-size: 21px !important;
    font-weight: bold !important;
    font-family: 'Poppins', sans-serif !important;
}

.popup-header-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.375rem !important; /* 22px */
    font-weight: bold !important;
    margin: 0;
}

/* show desktop and mobile*/
.desktop-block {
    display: block;
}

.badge-primary {
    background-color: #DDECFF !important;
    border: 1px solid #1F78ED !important;
    color: #1F78ED !important;
}

.mobile-block {
    display: none;
}

.input-money .input-group-text {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-money .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#grid-pagination .textPagination {
    text-align: center !important;
}

.btn-danger,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
    border: none !important;
}

button.btn-success {
    border: none !important;
}



.th-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.th-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}


.btn-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
}


.table-th-center th {
    vertical-align: middle !important;
    text-align: center !important;
}



.fixed-table-collapse {
    table-layout: fixed;
    width: 100%;
}


    .fixed-table-collapse th,
    .fixed-table-collapse td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

.input-p-control {
    border-radius: 0.3125rem !important; /* 5px */
    height: 1.8125rem !important; /* 29px */
}


/*font to collapse personalize title*/
.p-collapse-font {
    font-family: 'Poppins', sans-serif;
    color: #817B7B;
    font-size: 1.375rem; /* 22px ¨*/
}

.p-inside-collapse-font {
    font-family: 'Poppins', sans-serif;
    color: #817B7B;
    font-size: 1.25rem; /* 20px ¨*/
}

.card-inside-header-p {
    border-bottom: none !important;
}

.card-header-p {
    border-bottom: 1px solid #BBBBBB !important
}


.labels-info-inventory {
    margin-left: 2rem !important;
}

/* widgets */
.header-widget-if {
    font-size: 0.875rem;
    font-family: 'Poppins', sans-serif !important;
    color: #817B7B;
    display: block;
    font-weight: normal;
    padding-top: 1.1em;
}

.body-widget-if {
    font-size: 1.375rem;
    font-family: 'Poppins', sans-serif !important;
    color: #3F4346;
    display: inline-block;
}

.p-widget-s {
    margin: 5px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
}

.d-widget-s {
    width: 100%;
    text-align: center;
}

.desktop-left-group {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: auto !important;
}

.table-align-middle th,
.table-align-middle td {
    vertical-align: middle !important;
}

.tr-padding-footer td,
.tr-padding-footer th {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.center-btn-row {
    display: flex;
    justify-content: flex-start;
}

.label-stacked-mobile span {
    display: inline-block; /* desktop */
}

.btn-stack-mobile {
    justify-content: flex-end; /* desktop */
}


.card {
    border-radius:0rem !important;
}


/* mediaquery part */
@media (max-width: 575px) {
    .form-group.text-center-mobile {
        text-align: center !important;
    }

    .btn-center-mobile {
        display: inline-block !important;
        float: none !important;
        margin-top: 1rem !important;
    }
    .center-btn-row {
        justify-content: center;
    }
}

@media (max-width: 769px) {

    .btn-stack-mobile {
        flex-direction: column;
        align-items: stretch;
    }

        .btn-stack-mobile button {
            margin-right: 0 !important;
            margin-bottom: 10px;
            width: 100%;
            text-align: center;
        }

    .label-stacked-mobile span {
        display: block;
        margin-left: 0 !important;
    }
    .desktop-left-group {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-right: auto !important;
    }


    .dd-content-navbar {
        justify-content: flex-end !important;
        margin-top: 1rem;
        width: 100%;
    }

        .dd-content-navbar > * {
            margin-bottom: 0.5rem;
        }

        .dd-content-navbar .btn-browser {
            align-self: flex-start;
        }


    .btn-center-sm {
        display: flex;
        justify-content: center;
    }

    .desktop-block {
        display: none;
    }

    .mobile-block {
        display: block;
    }


    .button-group-left {
        justify-content: center;
    }

    .button-group-right {
        justify-content: center;
    }

    .pull-left-responsive {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
        max-width: 6rem;
    }

    .box-footer button.btn-footer-center[type='submit'] {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    .no-wrap-buttons {
        flex-wrap: nowrap !important;
    }

        .no-wrap-buttons .btn {
            white-space: nowrap;
            min-width: 48%;
        }


    .modal-fullscreen-mobile {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .modalcontent-fullscreen-mobile {
        border-radius: 0 !important;
        margin-top: 4.5rem !important
    }
}
.border-top-gold {
    border-top: 2px solid #C1C8D4 !important;
}

.text-area-control {
    resize: vertical;
    padding: 0.5rem !important;
    line-height: 1.4;
    border-radius: 0.3125rem !important; /* 5px */
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.no-striped-zebra.table-striped > tbody > tr:nth-of-type(odd),
.no-striped-zebra.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff !important;
}


.no-striped-zebra.table-striped > tbody > tr:hover {
    background-color: #DEDEDE !important;
}

.table-hover tbody tr.no-hover:hover,
.table-hover tbody tr.no-hover:hover td,
.table-hover-noPointer tbody tr.no-hover:hover,
.table-hover-noPointer tbody tr.no-hover:hover td {
    background-color: inherit !important;
    cursor: default !important;
}

.box {
    border-top: 1px solid #d2d6de;
}

.border-top-orange {
    position: relative;
}

    .border-top-orange::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #FFA575;
    }

.border-bottom-orange {
    position: relative;
    border-bottom: none !important;
}

    .border-bottom-orange::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #FFA575;
    }

#InvoicesTable thead tr:first-child th.usage-group {
    border-bottom: none !important;
}

.accordion-toggle {
    position: relative;
}

    .accordion-toggle::after {
        font-family: "FontAwesome";
        content: "\f0d7";
        font-size: 12px;
        color: #6c757d !important;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
    }

    .accordion-toggle:not(.collapsed)::after {
        content: "\f0d8";
    }

#physicalRow label {
    color: #212529 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
}

.date-filter-input-modal {
    height: 1.8125rem !important; /* 29px */
    font-size: 0.875rem !important; /* 14px */
    line-height: 1.8125rem !important; /* 29px */
    border: none;
    background: transparent;
    width: 12rem !important; /* 192px */
    padding: 10px !important;
    float: right;
}

.label-custom-grey {
    color: #999999 !important;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
}

.center-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

label.date-picker-label {
    margin-bottom: 0 !important;
}

.custom-error-alert {
    background-color: #ffe2e2 !important;
    border: 1px solid #ff6b6b !important;
    color: #d8000c !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    margin-top: -20px !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 18px;
    font-family: 'Poppins', sans-serif !important;
}

    .custom-error-alert .close {
        color: #d8000c !important;
        opacity: 0.7;
        text-shadow: none;
    }

        .custom-error-alert .close:hover {
            opacity: 1;
        }

    .custom-error-alert ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

/* Clean all borders, shadows and lines from the table and its children */
.no-border-td,
.no-border-td th,
.no-border-td td,
.no-border-td tr,
.no-border-td tfoot,
.no-border-td thead {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Specifically target the line Bootstrap adds to the top of table cells */
.table.no-border-td > tfoot > tr > td,
.table.no-border-td > tfoot > tr > th,
.table.no-border-td > tbody > tr > td {
    border-top: none !important;
}

.input-group-addon {
    padding: 0.200rem 0.50rem !important;
}

#type_chosen.chosen-container {
    margin-top: -5px !important;
}

.btn-file-left {
    text-align: left !important;
    display: block !important;
}

    .btn-file-left * {
        text-align: left !important;
    }

.bg-gray-br {
    background-color: #F5F9FF !important;
}
.btn-height {
    border-radius: 0.3125rem !important;
    height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none;
    border-width: 0px;
}
#tablaPhysical .row-white {
    background-color: #ffffff !important;
}

#tablaPhysical .row-gray {
    background-color: #f2f2f2 !important;
}

#tablaPhysical .no-striping {
    background-color: transparent !important;
}
#mobile-view {
    display: none !important;
}

@media (min-width: 621px) {
    #desktop-view {
        display: block !important;
    }

}
@media (max-width: 620px) {
    #mobile-view {
        display: block !important;
    }

    #desktop-view {
        display: none !important;
    }
}

.striped-row {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}


    .striped-row.striped-gray {
        background-color: #f5f5f5;
    }

.table-like {
    border-top: 1px solid #cfd6df;
}

    .table-like .data-row {
        margin-left: 0;
        margin-right: 0;
        border-bottom: 1px solid #cfd6df;
        padding-top: 4px;
        padding-bottom: 0;
    }


    .table-like .header-row {
        border-bottom: 1px solid #cfd6df;
        font-weight: 600;
        padding-bottom: 10px;
    }
.striped-gray {
    background-color: #f5f5f5;
}


.table-like .data-row .form-group {
    margin-top: 10px;
    margin-bottom: 6px;
}

body > .chosen-drop {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    box-sizing: border-box;
}

    body > .chosen-drop .chosen-results {
        background: #fff;
        max-height: 180px;
        overflow-y: auto;
    }

body > .chosen-drop {
    display: block !important;
    flex: none !important;
}

.chosen-container .disabled-result {
    color: #b5b5b5 !important;
    background-color: #fff !important;
    cursor: not-allowed;
}

    .chosen-container .disabled-result:hover {
        background-color: #fff !important;
    }
.clickable-row td {
    cursor: pointer;
}

.tags-input {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    min-height: 44px;
    max-height: 120px;
    overflow-y: auto;
}

    .tags-input.form-control {
        min-height: 30px;
        line-height: 1.5;
    }

    .tags-input.disabled {
        background-color: #e9ecef;
        pointer-events: none;
    }

    .tags-input .tag {
        display: flex;
        align-items: center;
        height: 1.375rem;
        padding: 2px 8px;
        font-size: 0.875rem;
        line-height: 1.4;
        font-family: 'Poppins', sans-serif;
        color: #3F4346;
        background-color: #F3F3F3;
        border: 1px solid #3F4346;
        border-radius: 0.1875rem;
        position: relative;
        box-shadow: none;
        background-image: none;
        text-shadow: none;
    }

    .tags-input .remove-tag {
        margin-left: 6px;
        cursor: pointer;
        font-weight: bold;
    }

    .tags-input .tag-input {
        border: none;
        outline: none;
        background: transparent;
        height: 22px;
        line-height: 22px;
        flex-grow: 1;
        flex-shrink: 1;
        width: 0;
        min-width: var(--placeholder-width, 50px);
    }

    .tags-input::-webkit-scrollbar {
        width: 6px;
    }

    .tags-input::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
        border-radius: 3px;
    }

    .tags-input::-webkit-scrollbar-track {
        background: transparent;
    }

.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 9998;
}

.popup-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    min-width: 420px;
    max-width: 520px;
    padding: 18px 24px;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    text-align: center;
    font-family: inherit;
}

.success-toast {
    background-color: #e9f8ee;
    border: 1px solid #9fe3b3;
}

.toast-title {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #1f7a3f;
}

.toast-subtitle {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #0b531a;
}

.toast-close {
    position: absolute;
    top: 6px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    color: #4b8f63;
}

    .toast-close:hover {
        color: #1f7a3f;
    }

.ticket-priority.High {
    color: #E4AF01;
}

.ticket-priority.Medium {
    color: #1F78ED;
}

.ticket-priority.Low {
    color: #56CA52;
}

.ticket-priority.Urgent {
    color: red;
}

.btn-danger {
    background-color: #DD4B39 !important;
}

.btn-edit {
    background-color: #112F53 !important;
    border-color: #112F53 !important;
}
.btn-warning {
    background-color: #F39C12 !important;
    border-color: #F39C12 !important;
}
.agency-location-wrapper ul {
    min-height: 150px;
    max-height: 150px;
    overflow-y: auto;
    color: #999999 !important;
}

#btnAddAddressType {
    height: 30px;
    padding: 3px 10px !important;
    line-height: inherit;
}
.list-custom {
    padding-left: 10px !important;
    border: 1px solid #AAAAAA;
    border-radius: 6px;
    list-style: none;
    height: 150px;
    overflow: auto;
}

.ms-scope .ms-options-wrap > button,
.ms-scope .ms-options-wrap > .ms-options,
.ms-scope .ms-options-wrap > .ms-options > ul {
    border-radius: 6px !important;
}

.ms-scope .ms-options .ms-selectall {
    display: block !important;
    text-align: right !important;
    padding: 4px 10px 6px 10px;
    font-weight: normal !important;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
}

.ms-scope .ms-options ul li label {
    position: relative;
    display: block;
    width: 100%;
    padding: 6px 10px;
    padding-left: 30px;
    line-height: 1.2;
    cursor: pointer;
    margin: 0;
    box-sizing: border-box;
    color: #999999 !important;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
}

    .ms-scope .ms-options ul li label input[type="checkbox"] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 !important;
    }

.ms-scope .ms-options ul li:nth-child(odd) {
    background: #fff;
}

.ms-scope .ms-options ul li:nth-child(even) {
    background: #f2f2f2;
}

.ms-scope .ms-options ul li:hover {
    background: #e0ecff !important;
}

.ms-scope .ms-options ul li.selected {
    background: #d2e4ff !important;
}

.agency-customers-card {
    background: #fff;
    width: 100%;
}

.agency-customers-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    padding: 5px 18px;
    background: #fff;
    color: #111;
    font-weight: bold;
    font-size: 0.875rem;
    font-family: 'Poppins', sans-serif;
    border: none !important;
    box-shadow: none !important;
}
    .agency-customers-head .hcol {
        flex: 0 0 50%;
        max-width: 50%;
        text-align: left;
    }
.agency-customers-body {
    border: 1px solid #ced4da;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
}

table.table.agency-customers {
    width: 100%;
    margin: 0;
    border: 0 !important;
    border-collapse: collapse;
    background: #fff;
}

    table.table.agency-customers tbody td {
        padding: 14px 0px;
        vertical-align: middle;
        border: none !important;
    }

    table.table.agency-customers tbody tr + tr td {
        border-top: 1px solid #d9e2ef !important;
    }

    table.table.agency-customers tbody tr:nth-child(even) td {
        background: #f5f6f8;
    }

    table.table.agency-customers tbody td:first-child {
        color: #7a7a7a;
        font-weight: 400;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        padding: 3px 17px !important;
    }

        table.table.agency-customers tbody td:first-child b {
            font-weight: 400;
        }

table.agency-customers input.form-control,
table.agency-customers input[type="text"],
table.agency-customers input[type="date"] {
    height: 40px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    padding: 6px 12px;
    box-shadow: none;
}

table.agency-customers tbody td:last-child input {
    max-width: 240px;
}

table.table.agency-customers tbody td:last-child {
    padding-left: 26px !important;
}

@media (max-width: 576px) {
    table.table.agency-customers tbody td:last-child {
        padding-left: 6px !important;
    }
}

select.chosen-h150 + .chosen-container.chosen-container-multi {
    height: auto !important;
}

    select.chosen-h150 + .chosen-container.chosen-container-multi .chosen-choices {
        height: 150px !important;
        max-height: 150px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px 12px !important;
        box-sizing: border-box;
        display: flex !important;
        flex-wrap: wrap !important;
        align-content: flex-start !important;
        align-items: flex-start !important;
    }

        select.chosen-h150 + .chosen-container.chosen-container-multi .chosen-choices li.search-field {
            width: 100% !important;
        }

        select.chosen-h150 + .chosen-container.chosen-container-multi .chosen-choices .search-field input {
            height: 28px !important;
            line-height: 28px !important;
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box;
        }

select.chosen-h150 + .chosen-container .chosen-drop {
    z-index: 9999 !important;
}

.list-custom li {
    color: #999999 !important;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    padding: 3px 0px !important;
}
body, .main-header, .navbar, .sidebar {
    font-family: 'Poppins', sans-serif !important;
}
.content-wrapper {
    background-color: #F5F9FF !important;
}

.btn-primary {
    background-color: #50B1DE !important;
    border-color: #50B1DE;
}
.btn-primary:hover {
    background-color: #50B1DE !important;
    border-color: #50B1DE;
}

.alert-warning {
    background-color: #FFF7DC !important;
    color: #E4AF01 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}
.alert-primary {
    background-color: #DDECFF !important;
    color: #1F78ED !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}
.alert-danger {
    background-color: #FFD2D3 !important;
    color: #ED1F22 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}

.pull-right {
    float: right !important;
    display: block;
}

.pull-right {
    float: right !important;
}

.navbar-custom-menu,
.navbar-nav,
.pagination,
.d-flex {
    display: flex !important;
}

    .navbar-nav .pull-right,
    .pagination .pull-right,
    .d-flex .pull-right {
        margin-left: auto !important;
        float: none !important;
        align-items: center;
    }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif !important;
}
.breadcrumb {
    background-color: transparent !important;
    color: #6c757d !important;
    font-size: 12px !important;
}
.breadcrumb-item {
    color: #444;
    text-decoration: none;
    display: inline-block;
}

.text-editor {
    height: 13vh;
    border: 1px solid #e0e3e8 !important;
    border-radius: 0.3125rem !important;
    border-top: none;
}

    .text-editor:focus {
        outline: none;
        border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

.download-link {
    order: 0;
}

@media (max-width: 768px) {
    .download-link {
        order: 99;
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 10px;
    }
}
/* Table style card*/
.agency-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: #fff;
    border: 0;
    border-radius: 8px;
}

    .agency-table colgroup col.col-1 {
        width: 70%;
    }

    .agency-table colgroup col.col-2 {
        width: 30%;
    }

    .agency-table thead,
    .agency-table thead tr,
    .agency-table thead th {
        border: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        background: transparent;
    }

        .agency-table thead > tr > * {
            border-bottom-width: 0 !important;
        }

        .agency-table thead th {
            color: #222;
            font-weight: 600;
            text-align: left;
            padding: 10px 12px;
            box-sizing: border-box;
            padding-left: 0px !important;
        }

    .agency-table tbody td {
        padding: 10px 12px;
        border: 0;
        box-sizing: border-box;
        vertical-align: middle;
        color: #7a7a7a;
        font-weight: 400;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
    }

        .agency-table tbody td:first-child {
            border-left: 1px solid #e5e7eb;
        }

        .agency-table tbody td:last-child {
            border-right: 1px solid #e5e7eb;
        }

    .agency-table tbody tr:first-child td {
        border-top: 1px solid #e5e7eb;
    }

    .agency-table tbody tr:last-child td {
        border-bottom: 1px solid #e5e7eb;
    }

    .agency-table tbody tr:first-child td:first-child {
        border-top-left-radius: 8px;
    }

    .agency-table tbody tr:first-child td:last-child {
        border-top-right-radius: 8px;
    }

    .agency-table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }

    .agency-table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }

    .agency-table tbody tr:nth-child(odd) td {
        background: #f5f6f8;
    }

    .agency-table tbody tr:nth-child(even) td {
        background: #ffffff;
    }

    .agency-table thead th:nth-child(2),
    .agency-table tbody td:nth-child(2) {
        text-align: left;
        white-space: nowrap;
    }

.box.box-primary {
    border-top-color: #C1C8D4;
    border-radius: unset !important
}

.nav {
    flex-wrap: nowrap !important;
}

.input-group {
    flex-wrap: nowrap;
}
#list .header-style {
    display: block;
    padding-left: 29px;
    padding-right: 23px;
    margin-top: 5px !important;
    margin-bottom: 18px !important;
}

.input-group-text {
    background-color: #fff;
    color: #A1A1A1 !important;
    border-color: #ced4da;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-top: 2px;
}

.inner-items-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
    font-size: 14px;
    margin: 0;
    border-radius: 0 !important;
    border-left: 1px solid #CED4DA;
    border-right: 1px solid #CED4DA;
}

    .inner-items-table th,
    .inner-items-table td {
        border-radius: 0 !important;
        white-space: normal;
        word-break: break-word;
    }

    .inner-items-table thead th {
        background: transparent;
        font-weight: 600;
        color: #444;
        padding: 8px 12px;
        border-bottom: 1px solid #CED4DA;
    }

    .inner-items-table tbody td {
        padding: 8px 12px;
        border-bottom: 1px solid #CED4DA;
    }

    .inner-items-table tbody tr:last-child td {
        border-bottom: none;
    }

.form-check.form-check-inline .form-check-label {
    font-weight: normal !important;
}

.active-bold {
    font-weight: bold !important;
}
/*Popover Postage Rate Manager*/
.popover .arrow {
    top: 50% !important;
    left: -10px !important; 
    transform: translateY(-50%);
}

    .popover .arrow::before {
        border-width: 8px 8px 8px 0 !important;
        border-color: transparent #d9d9d9 transparent transparent !important;
    }

    .popover .arrow::after {
        border-width: 8px 8px 8px 0 !important;
        border-color: transparent #ffffff transparent transparent !important;
    }

.popover {
    max-width: none !important;
    width: auto;
}

.popover-body {
    padding: 0 !important;
}
@media (max-width: 650px) {
    .popover {
        display: none !important;
    }
    .popover-arrow {
        display: none !important;
    }
}
.btn-edit:hover{
    color:#FFFFFF;
}

.report-link {
    color: #3c8dbc;
    text-decoration: none;
    cursor: pointer;
}

.report-link:hover {
    text-decoration: underline;
}

:root {
    --row-width: 585vw;
}

@media (min-width: 576px) {
    :root {
        --row-width: 300vw;
    }
}

@media (min-width: 768px) {
    :root {
        --row-width: 150vw;
    }
}

@media (min-width: 1000px) {
    :root {
        --row-width: 85vw;
    }
}

.scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}

@media (min-width: 1400px) {
    .scroll-container {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .scroll-container::-webkit-scrollbar {
        display: none;
    }
}

.row-scroll-container {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.row-scroll-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--row-width);
    height: 100%;
    z-index: 0;
    border-bottom: 1px solid #d2d6de;
}

.separator-email {
    position: relative;
    width: var(--row-width);
}

.row-scroll-container:nth-child(odd)::before {
    background-color: #ffffff;
}

.row-scroll-container:nth-child(even)::before {
    background-color: #f9f9f9;
}

.row-scroll-container:hover::before {
    background-color: #DEDEDE;
}

.row-scroll-container > * {
    position: relative;
    z-index: 1;
}

.row-scroll-container.active-chosen {
    z-index: 9999;
}

@media (max-width: 576px) {
    .rules-nav .btn-browser,
    .rules-nav .mr-2 {
        margin-top: 25px;
    }
}

@media (min-width: 768px) {
    .header-button {
        margin-top: -50px;
    }
}

.popup-header-subtitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #A1A1A1 !important;
    margin: 0;
}

.textarea-list {
    border-radius: 0.3125rem !important;
    min-height: 175px;
    padding: 2px 0.5rem;
    border: 1px solid #CED4DA !important;
    color: #A1A1A1 !important;
    opacity: 1;
    background-color: #e9ecef;
    overflow-y: auto;
}

.textarea-list ul {
    list-style: none;
    padding-left: 0;
    margin: 5px;
}

.textarea-disabled-list li {
    padding: 2px 0;
}

.table-bordered-custom {
    border-top: 1px solid #CED4DA !important;
}

.table.table-bordered-custom thead th {
    padding-top: 20px !important;
}

.calendar-label:has(input[disabled]),
.calendar-label:has(input[readonly]) {
    color: #A1A1A1 !important;
    border-color: #CED4DA !important;
    background-color: #E1E1E1 !important;
    opacity: 1;
}

.table.table-striped thead.thead-padding th {
    padding-top: 20px !important;
}

@media (min-width: 992px) {
    .large-modal {
        max-width: 65%;
    }
}

.truncate-event {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc .fc-day-today .fc-daygrid-day-number {
    font-weight: bold !important;
}
.ck-editor__editable {
    min-height: 120px;
    height: auto;
    overflow-y: hidden; 
}
.ck-editor__editable_inline {
    height: auto;
}

.modal-error-alert {
    background-color: #ffe2e2 !important;
    border: 1px solid #ff6b6b !important;
    color: #d8000c !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    margin-top: -20px !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 18px;
    font-family: 'Poppins', sans-serif !important;
}

    .modal-error-alert .close {
        color: #d8000c !important;
        opacity: 0.7;
        text-shadow: none;
    }

        .modal-error-alert .close:hover {
            opacity: 1;
        }

    .modal-error-alert ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }
.no-right-radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important;
}

#requirementsList {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    #requirementsList li {
        display: flex;
        align-items: center;
        margin-bottom: 6px;
        font-size: 14px;
        color: #999999;
    }

    #requirementsList i.fa-times-circle,
    #requirementsList i.fa-check-circle {
        display: none;
    }

    #requirementsList li:has(.fa-times-circle)::before {
        content: "✖";
        color: #dc3545;
        margin-right: 8px;
        font-size: 14px;
    }

    #requirementsList li:has(.fa-check-circle)::before {
        content: "✔";
        color: #28a745;
        margin-right: 8px;
        font-size: 14px;
    }
label {
    font-weight: bold;
}
.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}
.validation-alert {
    margin-left: -30px;
    margin-right: -30px;
}


    .validation-alert ul {
        background-color: #FFD2D3 !important;
        border: 1px solid #ED1F22 !important;
        color: #ED1F22 !important;
        border-radius: 4px !important;
        padding: 16px 20px !important;
        margin-top: -17px !important;
        border-left: none !important;
        border-right: none !important;
        font-size: 18px;
        font-family: 'Poppins', sans-serif !important;
        list-style: none;
        padding-left: 32px;
    }

   
        .validation-alert ul li {
            margin: 0;
        }

.login-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20vh !important;
}

.login-header {
    margin-bottom: 16px;
    text-align: center;
}

    .login-header img {
        max-width: 220px;
        height: auto;
    }

.login-container {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width:450px;
    max-width: none !important;
}



.login-card {
    width: 450px;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 30px 100px 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}


.alt-login {
    margin-top: 30px;
    font-size: 16px;
}
.form-check-login {
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: normal;
}
.link-login {
    text-decoration: none;
    cursor: pointer;
}
a.btn.text-white,
a.btn.text-white:hover,
a.btn.text-white:focus {
    color: #fff !important;
}

.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #ccc !important; 
}
.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: #102F53;
    z-index: 99999;
}
.login-confirmation {
    color: #58C189 !important;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
}
.login-passcontrol {
    padding-left: 0px;
    padding-right: 0px;
}
.text-danger {
    color: #ed1f22 !important;
}

    #qrCode img,
    #qrCode canvas {
        display: block;
        margin: 0 auto;
    }