:root {
    --cui-blue: #0d6efd;
    --cui-indigo: #6610f2;
    --cui-purple: #6f42c1;
    --cui-pink: #d63384;
    --cui-red: #dc3545;
    --cui-orange: #fd7e14;
    --cui-yellow: #ffc107;
    --cui-green: #198754;
    --cui-teal: #20c997;
    --cui-cyan: #0dcaf0;
    --cui-black: #000015;
    --cui-white: #fff;
    --cui-gray: #8a93a2;
    --cui-gray-dark: #636f83;
    --cui-gray-100: #ebedef;
    --cui-gray-200: #d8dbe0;
    --cui-gray-300: #c4c9d0;
    --cui-gray-400: #b1b7c1;
    --cui-gray-500: #9da5b1;
    --cui-gray-600: #8a93a2;
    --cui-gray-700: #768192;
    --cui-gray-800: #636f83;
    --cui-gray-900: #4f5d73;
    --cui-primary: #003a5a;
    --cui-secondary: #9da5b1;
    --cui-success: #2eb85c;
    --cui-info: #39f;
    --cui-warning: #f35c23;
    --cui-danger: #e55353;
    --cui-light: #ebedef;
    --cui-dark: #4f5d73;
    --cui-primary-rgb: 50, 31, 219;
    --cui-secondary-rgb: 157, 165, 177;
    --cui-success-rgb: 46, 184, 92;
    --cui-info-rgb: 51, 153, 255;
    --cui-warning-rgb: 249, 177, 21;
    --cui-danger-rgb: 229, 83, 83;
    --cui-light-rgb: 235, 237, 239;
    --cui-dark-rgb: 79, 93, 115;
    --cui-white-rgb: 255, 255, 255;
    --cui-black-rgb: 0, 0, 21;
    --cui-body-color-rgb: 44, 56, 74;
    --cui-body-bg-rgb: 255, 255, 255;
    --cui-font-sans-serif: "Barlow", sans-serif;
    --cui-font-monospace: "Barlow", sans-serif;
    --cui-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --cui-body-font-family: var(--cui-font-sans-serif);
    --cui-body-font-size: 16px;
    --cui-body-font-weight: 400;
    --cui-body-line-height: 1.5;
    --cui-body-color: #000;
    --cui-body-bg: #fff;
    --cui-border-width: 1px;
    --cui-border-style: solid;
    --cui-border-color: #d8dbe0;
    --cui-border-color-translucent: rgba(0, 0, 21, 0.175);
    --cui-border-radius: 0.375rem;
    --cui-border-radius-sm: 0.25rem;
    --cui-border-radius-lg: 0.5rem;
    --cui-border-radius-xl: 1rem;
    --cui-border-radius-2xl: 2rem;
    --cui-border-radius-pill: 50rem;
    --cui-heading-color: unset;
    --cui-link-color: #321fdb;
    --cui-link-hover-color: #2819af;
    --cui-code-color: #d63384;
    --cui-highlight-bg: #fff3cd;
    --cui-breakpoint-xs: 0;
    --cui-breakpoint-sm: 576px;
    --cui-breakpoint-md: 768px;
    --cui-breakpoint-lg: 992px;
    --cui-breakpoint-xl: 1200px;
    --cui-breakpoint-xxl: 1400px;
    --cui-mobile-breakpoint: md;
    --cui-primary-hover-bg: #f35c23;
    --dmy-green: #23694b;
    --dmy-late-indicator: #ffd9d9;
    --dmy-orange: #f35c23;
    --dmy-primary: #003a5a;
    --dmy-late-submission: #CAFFFF;
    --dmy-submit-not-email: #E1E1FF;
    --dmy-ready-for-pm: #ffd5aa;
    --dmy-ready-for-pe: #b9dcff;
    --dmy-ready-for-submitted: #ccf4d6;
    --dmy-show-all: #e7e7e7;
}

a {
    text-decoration: none;
    color: var(--dmy-primary);
}

.btn-primary {
    --cui-btn-color: rgba(255, 255, 255, 0.87);
    --cui-btn-bg: var(--cui-primary);
    --cui-btn-border-color: var(--cui-primary);
    ;
    --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
    --cui-btn-hover-bg: var(--cui-primary-hover-bg);
    --cui-btn-hover-border-color: var(--cui-primary-hover-bg);
    --cui-btn-focus-shadow-rgb: 75, 58, 223;
    --cui-btn-active-color: rgba(255, 255, 255, 0.87);
    --cui-btn-active-bg: var(--cui-primary-hover-bg) --cui-btn-active-border-color: var(--cui-primary-hover-bg);
    --cui-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 21, 0.125);
    --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
    --cui-btn-disabled-bg: #321fdb;
    --cui-btn-disabled-border-color: #321fdb;
}

.ready-for-tech {
    background: var(--cui-white) !important;
    color: #000;
    border: solid #000 1px;

}

.ready-for-tech:hover {
    background: var(--cui-white) !important;
    color: #000;
    text-decoration: underline;
    border: solid #000 1px;
}

.ready-for-pm {
    background: var(--dmy-ready-for-pm) !important;
    color: #000;
    border: solid #000 1px;

}

.ready-for-pm:hover {
    background: var(--dmy-ready-for-pm) !important;
    color: #000;
    text-decoration: underline;
    border: solid #000 1px;
}

.ready-for-pe {
    background: var(--dmy-ready-for-pe) !important;
    color: #000;
    border: solid #000 1px;

}

.ready-for-pe:hover {
    background: var(--dmy-ready-for-pe) !important;
    color: #000;
    text-decoration: underline;
    border: solid #000 1px;
}

.ready-for-submitted {
    background: var(--dmy-ready-for-submitted) !important;
    color: #000;
    border: solid #000 1px;

}

.ready-for-submitted:hover {
    background: var(--dmy-ready-for-submitted) !important;
    color: #000;
    text-decoration: underline;
    border: solid #000 1px;
}

.show-all {
    background: var(--dmy-show-all) !important;
    color: #000;
    border: solid #000 1px;

}

.show-all:hover {
    background: var(--dmy-show-all) !important;
    color: #000;
    text-decoration: underline;
    border: solid #000 1px;
}

.btn-orange {
    background: var(--dmy-orange);
    color: #fff;

}

.btn-orange:hover {
    background: var(--dmy-orange);
    color: #fff;
}

.dmy-green {
    color: var(--dmy-green);
}

.dmy-orange {
    color: var(--dmy-orange);
}

.text-warning {
    color: var(--dmy-orange) !important;
}

.btn-success,
.btn-danger {
    color: #fff !important;
}

.dmy-primary {
    color: var(--dmy-primary);
}

.dmy-late {
    background-color: var(--dmy-late-indicator) !important;
}

.sidebar-brand {
    background-color: var(--cui-primary);
    padding-top: 15px;
    padding-bottom: 15px;
}

.sidebar {
    --cui-sidebar-bg: var(--cui-primary);
}

.sidebar-nav .nav-link {
    color: #fff;
    transition: all 0.3s linear;
}

.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-link.active {
    font-weight: 600;
    color: #fff;
    transition: all 0.3s linear;
}

.sidebar-brand img {
    max-width: 150px;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}

.late-indicator {
    display: flex;
}

.late-indicator span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--dmy-late-indicator);
    border: 2px solid #333;
    margin-right: 10px;
}

.late-submission {
    background-color: var(--dmy-late-submission) !important;
}

.submit-not-email {
    background-color: var(--dmy-submit-not-email) !important;
}

.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: var(--cui-body-font-family);
}

.version-2 .sidebar {
    background-color: var(--dmy-orange);
}

.version-2 .sidebar-nav .nav-link.active {
    background-color: var(--dmy-primary);
}

.version-2 .sidebar-nav .nav-link {
    color: #fff;
}

.version-2 .sidebar-brand {
    background-color: var(--dmy-orange);
}

.version-2 .sidebar-nav .nav-icon {
    color: #fff;
}

.version-2 .footer {
    background-color: var(--dmy-primary);
    color: #fff;
}

.page-link.active,
.active>.page-link {
    background-color: var(--dmy-primary) !important;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

.dmy-primary-card .card-header {
    background: var(--dmy-primary);
    color: #fff;
}

.version-3 .sidebar-brand {
    background-color: #f35c23;
    padding-top: 10px;
    padding-bottom: 10px;
}

.version-3 .sidebar.sidebar-fixed {
    background: #fff;
    border-right: 2px solid #f35a21 !important;
}

.version-3 .sidebar-nav .nav-link.active {
    color: rgb(0 58 90);
    background: #eee;
}

.version-3 .sidebar-nav .nav-link {
    border-top: 2px solid #f35c23;
    font-weight: bold;
    color: rgb(0 58 90);
}

.version-3 .sidebar-nav .nav-link.active .nav-icon {
    color: rgb(0 58 90);
}

.version-3 .sidebar-nav .nav-icon {
    color: rgb(0 58 90);
}

.version-3 .sidebar-nav .nav-link:hover .nav-icon,
.version-3 .sidebar-nav .nav-link:hover {
    color: #f35a21;
}

.version-3 .sidebar-nav .nav-group.show {
    background: #eee;
}

.version-3 .sidebar-nav .nav-group.show .nav-group-toggle {
    color: rgb(0 58 90);
}

.version-3 .sidebar-nav .nav-group-toggle::after,
.version-4 .sidebar-nav .nav-group-toggle::after {
    filter: invert(1);
}

.version-3 .sidebar-nav .nav-title {
    color: rgb(0 58 90);
    margin: 0;
}

.version-4 .sidebar-brand {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.version-4 .sidebar-nav .nav-link {
    border-top: 2px solid var(--dmy-primary);
    font-weight: bold;
    color: rgb(0 58 90);
}

.version-4 .sidebar {
    background: #fff;
    border-right: 2px solid var(--dmy-primary) !important;
}

.version-4 .sidebar-nav .nav-link.active .nav-icon {
    color: #fff;
}

.version-4 .sidebar-nav .nav-icon {
    color: rgb(243 92 35);
}

.version-4 .sidebar-nav .nav-link:hover .nav-icon,
.version-4 .sidebar-nav .nav-link:hover {
    color: #f35a21;
}

.version-4 .sidebar-nav .nav-link.active {
    color: #fff;
    background: var(--dmy-primary);
}

.version-4 .sidebar-brand img {
    max-width: 150px;
    background: #fff;
    padding: 0;
    border-radius: 0;
}

.version-4 .sidebar-nav .nav-group-items .nav-link {
    color: #fff;
}

.version-4 .sidebar-nav .nav-group.show {
    background: rgb(0 58 90);
}

.login-wrapper {
    background: url(../assets/img/DMYEC_background_1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.login-wrapper .container {
    position: relative;
    z-index: 1;
}

.login-wrapper::after {
    background: rgba(255, 255, 255, 0.25);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.login-wrapper .card {
    border: none;
    border-radius: 20px;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

.modal .form-label {
    font-weight: 600;
    color: #444;
}

.modal .modal-title {
    font-weight: bold;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 25px;
}

.card-footer .action-links a svg {
    width: 15px;
}

.action-links {
    display: flex;
}

.action-links a {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.borrow-expense,
table tr.borrow-expense td {
    background: #FFD5F4 !important;
}

.updated-dfr-expense,
table tr.updated-dfr-expense td {
    background: #D2DEFF !important;
}

.dfr-expense,
table tr.dfr-expense td {
    background: #ccf4d6 !important;
}

.additional-expense,
.tr.additional-expense td {
    background: #e7e7e7 !important;
}

.expenses-page .expenses-keys .key {
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

table tr.invoiced td {
    background: #ccf4d6 !important;
}

.expenses-page .invoice-keys .invoiced {
    background: #ccf4d6;
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid #000;
    margin-right: 5px;
}

table tr.exported td {
    background: #b1cff4 !important;
}

.expenses-page .invoice-keys .exported {
    background: #b1cff4;
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid #000;
    margin-right: 5px;
}

.expenses-page .invoice-keys {
    display: flex;
    font-weight: 600;
}

.expenses-page .invoice-key {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.roles-management span.sep {
    display: inline-block;
    width: 2px;
    height: 25px;
    background: #003a5a;
    margin: 0 15px;
}

.roles-management .actions {
    display: flex;
    justify-content: end;
    align-items: center;
}

.form-label {
    font-weight: 600;
}

.action-links a svg {
    margin-right: 5px;
    width: 15px;
}

th[align="right"],
td[align="right"] {
    text-align: right;
}

td[align="right"] .action-links {
    justify-content: end;
}

.header {
    padding-left: var(--cui-sidebar-occupy-start, 0);
}

.footer {
    background: none;
    border: none;
}

.invalid-feedback {
    font-size: 16px;
    color: #ab0000;
    font-weight: 600;
}

div#employeeInfoModal .modal-body p {
    border-bottom: 2px solid #ddd;
    padding-bottom: 15px;
}

.sidebar-nav .nav-title {
    padding: 0 25px;
    margin: 0;
    color: var(--dmy-orange);
}

.dtfc-fixed-left {
    background: #fff !important;

}

th.dtfc-fixed-left {
    background: #fff !important;
    z-index: 111;
}

div.dt-scroll-body {
    border: none;
}

.form-switch-lg .form-check-input {
    width: 3.75em;
    height: 1.75em;
}

.form-switch-lg.yes-no::before {
    content: "No";
    font-weight: 500;
    margin-right: 15px;
}

.form-switch-lg.yes-no::after {
    content: "Yes";
    font-weight: 500;
    margin-left: 15px;
}

.form-switch-lg.yes-no {
    display: flex;
    align-items: center;
    padding-left: 0;
}

html:not([dir=rtl]) .form-switch-lg.yes-no .form-check-input {
    margin-left: 0;
    float: none;
}

html:not([dir=rtl]) .form-switch-lg.yes-no {
    padding-left: 0;
}

.form-switch-lg.active-inactive::before {
    content: "In Active";
    font-weight: 500;
    margin-right: 15px;
}

.form-switch-lg.active-inactive::after {
    content: "Active";
    font-weight: 500;
    margin-left: 15px;
}

.form-switch-lg.active-inactive {
    display: flex;
    align-items: center;
    padding-left: 0;
}

html:not([dir=rtl]) .form-switch-lg.active-inactive .form-check-input {
    margin-left: 0;
    float: none;
}

html:not([dir=rtl]) .form-switch-lg.active-inactive {
    padding-left: 0;
}

.collection-keys {
    display: flex;
}

.collection-keys .key {
    width: 75px;
    height: 35px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-left: 10px;
    text-align: center;
    line-height: 33px;
    font-weight: 700;
}

.collection-keys .key.thirtyplus {
    background: #ffff00;
}

.collection-keys .key.sixtyplus {
    background: #ffc000;
}

.collection-keys .key.ninetyplus {
    background: #FDD;
}

#collections-table .thirtyplus td {
    background: #ffff00;
}

#collections-table .sixtyplus td {
    background: #ffc000;
}

#collections-table .ninetyplus td {
    background: #FDD;
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0;
    height: auto;
    min-height: 150px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--dmy-primary);
}

.nav-pills .nav-link {
    color: var(--dmy-primary);
}

.card-with-tabs .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--dmy-orange);
}

.card-with-tabs .nav-pills .nav-link {
    color: #fff;
    padding: 15px 25px;
    border-radius: 0 !important;
}

.card-with-tabs .nav-pills {
    margin: 0 !important;
}

.card-with-tabs .card-header {
    padding: 0;
}

.card-with-tabs .inner-card .card-header {
    padding: 12px 25px;
}

.card-with-tabs .inner-card .card-header h5 {
    font-size: 18px;
}

.form-check-input:checked {
    background-color: #003a5a;
    border-color: #003a5a;
}

.location-map {
    height: 75vh;
    border: 5px solid var(--dmy-primary);
    border-radius: 10px;
    margin: 30px 0;
    padding: 15px;
}

@media screen and (min-width:320px) and (max-width:767px) {
    .dfr-inbox .card-header {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .dfr-inbox .filters {
        flex-direction: column;
    }

    .dfr-inbox .filters .daterange.ms-4 {
        margin: 0 !important;
    }

    .filters .daterange.ms-3 {
        margin-left: 0 !important;
    }

    .card-header .d-flex {
        flex-direction: column !important;
        width: 100%;
    }

    select.form-select.me-3.w-25 {
        width: 100% !important;
        margin: 10px 0;
    }

    a.btn.btn-primary.w-25 {
        width: 100% !important;
    }

    .lab-persons-list .list-group {
        flex-direction: column;
        border: 2px solid #ccc;
        border-radius: 5px;
    }

    .card-header .d-flex {
        flex-direction: column !important;
        width: 100%;
    }

    .card-with-tabs .nav-pills {
        display: flex;
    }

    .card-with-tabs .nav-item {
        width: 50%;
        font-size: 12px;
    }

    .card-with-tabs .nav-item .nav-link {
        width: 100%;
        text-align: left;
        padding: 8px 15px;
    }

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

tr.returned-report {
    background-color: var(--dmy-late-indicator) !important;
}

tr.submit-not-email {
    background-color: var(--dmy-submit-not-email) !important;
}

tr.late-report {
    background-color: var(--dmy-late-submission) !important;
}

.hide-checkbox-content {
    display: none;
}

.has-dfr td {
    color: #090 !important;
}

tr.late-pickup {
    background-color: var(--dmy-late-indicator) !important;
}

tr.late-pickup-updated {
    background-color: var(--dmy-late-submission) !important;
}

.results_due_class
{
    color: white !important;
    margin-left: 5px !important;
    font-weight: bold !important;
}
.results_due_class:hover
{
    color: white !important;
    text-decoration: underline;
    font-weight: bold !important;
}