:root {
    --primary: 5, 100, 100;
    --primary-light: 66, 137, 137;
    --primary-dark: 4, 75, 75;
    --primary-font-color: 255, 255, 255;
    /* --secondary: 36, 114, 151;
    --secondary-light: 89, 147, 175;
    --secondary-dark: 27, 86, 114; */
    /* --secondary: 197, 120, 130;
    --secondary-light: 211, 154, 161;
    --secondary-dark: 148, 90, 98; */
    --secondary: 170, 141, 152;
    --secondary-light: 191, 170, 178;
    --secondary-dark: 128, 106, 114;
    --info: 63, 81, 181;
    --info-light: 109, 123, 198;
    --info-dark: 48, 61, 136;
    --success: 15, 180, 80;
    --success-light: 73, 197, 122;
    --success-dark: 12, 135, 60;
    --warning: 237, 178, 71;
    --warning-light: 240, 195, 115;
    --warning-dark: 178, 134, 54;
    --danger: 232, 115, 51;
    --danger-light: 236, 148, 100;
    --danger-dark: 174, 87, 39;
    
    --dark: 29, 29, 29;
    --dark-light: 85, 85, 85;
    --dark-dark: 22, 22, 22;
}

[data-theme="dark"] {
    --primary: #056464;
}

a {
    color: rgb(var(--primary));
}

a:hover {
    color: rgb(var(--primary-dark));
}

.page-link {
    color: rgb(var(--primary));
}

.page-item.active .page-link {
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x;
    border-color: rgb(var(--primary));
    color: rgb(var(--primary-font-color));
    z-index: 3;
}

.page-link:hover {
    color: rgb(var(--primary-font-color));
    background: rgba(var(--primary), 0.5);
    border-color: rgba(var(--primary), 0.5);
}

.dropdown-item.active, .dropdown-item:active {
    color: rgb(var(--primary-font-color));
    text-decoration: none;
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x;
}

input[type="radio"], input[type="checkbox"] {
    accent-color: rgb(var(--primary));
}

/* Button */
.btn-primary {
    color: rgb(var(--primary-font-color));
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x;
    border-color: rgb(var(--primary));
    box-shadow: none;
}

.btn-primary:hover {
    color: rgb(var(--primary-font-color));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--primary-dark)) 75%, white 25%),
        rgb(var(--primary-dark))
    ) repeat-x;
    border-color: rgb(var(--primary-dark));
}

.btn-primary.disabled, .btn-primary:disabled {
    color: rgb(var(--primary-font-color));
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x;
    border-color: rgb(var(--primary));
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: rgb(var(--primary-font-color));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--primary-dark)) 75%, white 25%),
        rgb(var(--primary-dark))
    ) repeat-x;
    border-color: rgb(var(--primary-dark));
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(var(--primary-dark), 0.5);
}

.btn-secondary {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--secondary-light)),
        rgb(var(--secondary))
    ) repeat-x;
    border-color: rgb(var(--secondary));
    box-shadow: none;
}

.btn-secondary:hover {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        color-mix(in srgb, rgb(var(--secondary-dark)) 75%, white 25%),
        rgb(var(--secondary-dark))
    ) repeat-x;
    border-color: rgb(var(--secondary-dark));
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--secondary-light)),
        rgb(var(--secondary))
    ) repeat-x;
    border-color: rgb(var(--secondary));
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #ffffff;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--secondary-dark)) 75%, white 25%),
        rgb(var(--secondary-dark))
    ) repeat-x;
    border-color: rgb(var(--secondary-dark));
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(var(--secondary-dark), 0.5);
}

.btn-info {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--info-light)),
        rgb(var(--info))
    ) repeat-x;
    border-color: rgb(var(--info));
    box-shadow: none;
}

.btn-info:hover {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        color-mix(in srgb, rgb(var(--info-dark)) 75%, white 25%),
        rgb(var(--info-dark))
    ) repeat-x;
    border-color: rgb(var(--info-dark));
}

.btn-info.disabled, .btn-info:disabled {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--info-light)),
        rgb(var(--info))
    ) repeat-x;
    border-color: rgb(var(--info));
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #ffffff;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--info-dark)) 75%, white 25%),
        rgb(var(--info-dark))
    ) repeat-x;
    border-color: rgb(var(--info-dark));
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(var(--info-dark), 0.5);
}

.btn-success {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--success-light)),
        rgb(var(--success))
    ) repeat-x;
    border-color: rgb(var(--success));
    box-shadow: none;
}

.btn-success:hover {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        color-mix(in srgb, rgb(var(--success-dark)) 75%, white 25%),
        rgb(var(--success-dark))
    ) repeat-x;
    border-color: rgb(var(--success-dark));
}

.btn-success.disabled, .btn-success:disabled {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--success-light)),
        rgb(var(--success))
    ) repeat-x;
    border-color: rgb(var(--success));
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #ffffff;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--success-dark)) 75%, white 25%),
        rgb(var(--success-dark))
    ) repeat-x;
    border-color: rgb(var(--success-dark));
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(var(--success-dark), 0.5);
}

.btn-warning {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--warning-light)),
        rgb(var(--warning))
    ) repeat-x;
    border-color: rgb(var(--warning));
    box-shadow: none;
}

.btn-warning:hover {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        color-mix(in srgb, rgb(var(--warning-dark)) 75%, white 25%),
        rgb(var(--warning-dark))
    ) repeat-x;
    border-color: rgb(var(--warning-dark));
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--warning-light)),
        rgb(var(--warning))
    ) repeat-x;
    border-color: rgb(var(--warning));
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #ffffff;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--warning-dark)) 75%, white 25%),
        rgb(var(--warning-dark))
    ) repeat-x;
    border-color: rgb(var(--warning-dark));
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(var(--warning-dark), 0.5);
}

.btn-danger {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--danger-light)),
        rgb(var(--danger))
    ) repeat-x;
    border-color: rgb(var(--danger));
    box-shadow: none;
}

.btn-danger:hover {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        color-mix(in srgb, rgb(var(--danger-dark)) 75%, white 25%),
        rgb(var(--danger-dark))
    ) repeat-x;
    border-color: rgb(var(--danger-dark));
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--danger-light)),
        rgb(var(--danger))
    ) repeat-x;
    border-color: rgb(var(--danger));
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #ffffff;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--danger-dark)) 75%, white 25%),
        rgb(var(--danger-dark))
    ) repeat-x;
    border-color: rgb(var(--danger-dark));
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(var(--danger-dark), 0.5);
}

.btn-dark {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--dark-light)),
        rgb(var(--dark))
    ) repeat-x;
    border-color: rgb(var(--dark));
    box-shadow: none;
}

.btn-dark:hover {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        color-mix(in srgb, rgb(var(--dark-dark)) 75%, white 25%),
        rgb(var(--dark-dark))
    ) repeat-x;
    border-color: rgb(var(--dark-dark));
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--dark-light)),
        rgb(var(--dark))
    ) repeat-x;
    border-color: rgb(var(--dark));
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
    color: #ffffff;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, rgb(var(--dark-dark)) 75%, white 25%),
        rgb(var(--dark-dark))
    ) repeat-x;
    border-color: rgb(var(--dark-dark));
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(var(--dark-dark), 0.5);
}
/* End of Button */

/* Button Outline */
.btn-outline-primary {
    color: rgb(var(--primary));
    border-color: rgb(var(--primary));
}

.btn-outline-primary:hover {
    color: rgb(var(--primary-font-color));
    background: rgb(var(--primary));
    border-color: rgb(var(--primary));
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: rgb(var(--primary-font-color));
    background: rgb(var(--primary-dark));
    border-color: rgb(var(--primary-dark));
}

.btn-outline-secondary {
    color: rgb(var(--secondary));
    border-color: rgb(var(--secondary));
}

.btn-outline-secondary:hover {
    color: #ffffff;
    background: rgb(var(--secondary));
    border-color: rgb(var(--secondary));
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #ffffff;
    background: rgb(var(--secondary-dark));
    border-color: rgb(var(--secondary-dark));
}

.btn-outline-info {
    color: rgb(var(--info));
    border-color: rgb(var(--info));
}

.btn-outline-info:hover {
    color: #ffffff;
    background: rgb(var(--info));
    border-color: rgb(var(--info));
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #ffffff;
    background: rgb(var(--info-dark));
    border-color: rgb(var(--info-dark));
}

.btn-outline-success {
    color: rgb(var(--success));
    border-color: rgb(var(--success));
}

.btn-outline-success:hover {
    color: #ffffff;
    background: rgb(var(--success));
    border-color: rgb(var(--success));
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color: #ffffff;
    background: rgb(var(--success-dark));
    border-color: rgb(var(--success-dark));
}

.btn-outline-warning {
    color: rgb(var(--warning));
    border-color: rgb(var(--warning));
}

.btn-outline-warning:hover {
    color: #ffffff;
    background: rgb(var(--warning));
    border-color: rgb(var(--warning));
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    color: #ffffff;
    background: rgb(var(--warning-dark));
    border-color: rgb(var(--warning-dark));
}

.btn-outline-danger {
    color: rgb(var(--danger));
    border-color: rgb(var(--danger));
}

.btn-outline-danger:hover {
    color: #ffffff;
    background: rgb(var(--danger));
    border-color: rgb(var(--danger));
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    color: #ffffff;
    background: rgb(var(--danger-dark));
    border-color: rgb(var(--danger-dark));
}

.btn-outline-dark {
    color: rgb(var(--dark));
    border-color: rgb(var(--dark));
}

.btn-outline-dark:hover {
    color: #ffffff;
    background: rgb(var(--dark));
    border-color: rgb(var(--dark));
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    color: #ffffff;
    background: rgb(var(--dark-dark));
    border-color: rgb(var(--dark-dark));
}
/* End of Button Outline */

/* Badge */
.badge-primary {
    color: rgb(var(--primary-font-color));
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x;
}

.badge-secondary {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--secondary-light)),
        rgb(var(--secondary))
    ) repeat-x;
}

.badge-info {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--info-light)),
        rgb(var(--info))
    ) repeat-x;
}

.badge-success {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--success-light)),
        rgb(var(--success))
    ) repeat-x;
}

.badge-warning {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--warning-light)),
        rgb(var(--warning))
    ) repeat-x;
}

.badge-danger {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--danger-light)),
        rgb(var(--danger))
    ) repeat-x;
}

.badge-dark {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--dark-light)),
        rgb(var(--dark))
    ) repeat-x;
}
/* End of Badge */

/* Bg Gradient */
.bg-gradient-primary {
    color: rgb(var(--primary-font-color)) !important;
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x !important;
}

.bg-gradient-secondary {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--secondary-light)),
        rgb(var(--secondary))
    ) repeat-x !important;
}

.bg-gradient-info {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--info-light)),
        rgb(var(--info))
    ) repeat-x !important;
}

.bg-gradient-success {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--success-light)),
        rgb(var(--success))
    ) repeat-x !important;
}

.bg-gradient-warning {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--warning-light)),
        rgb(var(--warning))
    ) repeat-x !important;
}

.bg-gradient-danger {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--danger-light)),
        rgb(var(--danger))
    ) repeat-x !important;
}

.bg-gradient-dark {
    color: #ffffff;
    background: linear-gradient(
        180deg, 
        rgb(var(--dark-light)),
        rgb(var(--dark))
    ) repeat-x !important;
}
/* End of Bg Gradient */

/* Select2 */
#entity-warehouse-selection .modal-body div:has(.select2-container--bootstrap4.select2-container--focus) .select2-label {
    color: rgb(var(--primary));
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x;
    color: rgb(var(--primary-font-color));
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: rgb(var(--primary));
}
/* End of Select2 */

/* Card Header */
.card-primary:not(.card-outline) > .card-header {
    background: linear-gradient(
        180deg, 
        rgb(var(--primary-light)),
        rgb(var(--primary))
    ) repeat-x;
}

.card-primary:not(.card-outline) > .card-header, .card-primary:not(.card-outline) > .card-header a {
    color: rgb(var(--primary-font-color));
}

.card-primary.card-outline {
    border-top: 3px solid rgb(var(--primary));
}

.card-secondary:not(.card-outline) > .card-header {
    background: linear-gradient(
        180deg, 
        rgb(var(--secondary-light)),
        rgb(var(--secondary))
    ) repeat-x;
}

.card-secondary:not(.card-outline) > .card-header, .card-secondary:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-secondary.card-outline {
    border-top: 3px solid rgb(var(--secondary));
}

.card-info:not(.card-outline) > .card-header {
    background: linear-gradient(
        180deg, 
        rgb(var(--info-light)),
        rgb(var(--info))
    ) repeat-x;
}

.card-info:not(.card-outline) > .card-header, .card-info:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-info.card-outline {
    border-top: 3px solid rgb(var(--info));
}

.card-success:not(.card-outline) > .card-header {
    background: linear-gradient(
        180deg, 
        rgb(var(--success-light)),
        rgb(var(--success))
    ) repeat-x;
}

.card-success:not(.card-outline) > .card-header, .card-success:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-success.card-outline {
    border-top: 3px solid rgb(var(--success));
}

.card-warning:not(.card-outline) > .card-header {
    background: linear-gradient(
        180deg, 
        rgb(var(--warning-light)),
        rgb(var(--warning))
    ) repeat-x;
}

.card-warning:not(.card-outline) > .card-header, .card-warning:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-warning.card-outline {
    border-top: 3px solid rgb(var(--warning));
}

.card-danger:not(.card-outline) > .card-header {
    background: linear-gradient(
        180deg, 
        rgb(var(--danger-light)),
        rgb(var(--danger))
    ) repeat-x;
}

.card-danger:not(.card-outline) > .card-header, .card-danger:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-danger.card-outline {
    border-top: 3px solid rgb(var(--danger));
}

.card-dark:not(.card-outline) > .card-header {
    background: linear-gradient(
        180deg, 
        rgb(var(--dark-light)),
        rgb(var(--dark))
    ) repeat-x;
}

.card-dark:not(.card-outline) > .card-header, .card-dark:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-dark.card-outline {
    border-top: 3px solid rgb(var(--dark));
}
/* End of Card Header */


/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Sidebar Color */
.main-sidebar.dark-sidebar {
    color: #d0d0d0;
    background: rgb(var(--dark));
    box-shadow: inset 0px 2px 20px 20px rgba(var(--dark-light), 0.1) !important;
}

.main-sidebar.dark-sidebar .nav-link:not(.bg-gradient-primary), .main-sidebar.dark-sidebar .sidenav-header span {
    color: #d0d0d0 !important;
}

.main-sidebar.dark-sidebar .module-category {
    color: white !important;
}

.main-sidebar.dark-sidebar hr.horizontal.dark {
    background-image: linear-gradient(90deg,transparent,rgba(255, 255, 255, .4),transparent);
}

.main-sidebar.transparent-sidebar {
    color: #343a40;
    background-color: transparent;
}

.main-sidebar.transparent-sidebar .nav-link:not(.bg-gradient-primary), .main-sidebar.transparent-sidebar .sidenav-header span {
    color: #343a40 !important;
}

.main-sidebar.transparent-sidebar .module-category {
    color: black !important;
}

.dark-mode .main-sidebar.transparent-sidebar {
    color: #d0d0d0;
    background-color: transparent;
}

.dark-mode .main-sidebar.transparent-sidebar .nav-link:not(.bg-gradient-primary), .dark-mode .main-sidebar.transparent-sidebar .sidenav-header span {
    color: #d0d0d0 !important;
}

.dark-mode .main-sidebar.transparent-sidebar .module-category {
    color: white !important;
}

.dark-mode .main-sidebar.transparent-sidebar hr.horizontal.dark {
    background-image: linear-gradient(90deg,transparent,rgba(255, 255, 255, .4),transparent);
}

.main-sidebar.white-sidebar {
    color: #343a40;
    background: white;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e5e5;
}

.main-sidebar.white-sidebar .nav-link:not(.bg-gradient-primary), .main-sidebar.white-sidebar .sidenav-header span {
    color: #343a40 !important;
}

.main-sidebar.white-sidebar .module-category {
    color: black !important;
}
/* End of Sidebar Color */


/* Dark Mode */
.dark-mode #drop_container #upload_text {
    color: white;
}

.dark-mode .dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Modal */
.dark-mode .modal .modal-dialog .modal-content {
    background: rgb(var(--dark));
    box-shadow: inset 0px 2px 20px 20px rgba(var(--dark-light), 0.1) !important;
}

.dark-mode .modal-title {
    color: white;
}

.dark-mode .modal-header button.close {
    color: white;
}

.dark-mode .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
}

.dark-mode .modal .modal-dialog .modal-content hr {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.dark-mode .modal .modal-dialog .modal-content .stepper-title, 
.dark-mode .modal .modal-dialog .modal-content .stepper-desc {
    color: #d0d0d0;
} 

.dark-mode div.modal-content:has(.float-stepper-container) .dataTables_wrapper {
    background: rgb(var(--dark));
    box-shadow: inset 0px 2px 20px 10px rgba(var(--dark-light), 0.1) !important;
}

.dark-mode .modal .toolbar-card-body {
    color: #D0D0D0;
    background: rgb(var(--dark));
    box-shadow: 0 0.15rem 0.5rem 0.1rem rgba(255, 255, 255, 0.05);
}
/* End of Modal */

/* Select2 */
.dark-mode #entity-warehouse-selection .select2-label {
    background: rgb(var(--dark)) !important;
    color: white;
}

.dark-mode #entity-warehouse-selection .select2 .select2-selection {
    background-color: transparent;
}

.dark-mode #entity-warehouse-selection .select2 .select2-selection__rendered {
    color: white;
}

.dark-mode span.select2-dropdown {
    background-color: rgb(var(--dark));
    color: #d0d0d0;
}

.dark-mode .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: #424242;
}
/* End of Select2 */

/* Input */
.dark-mode .input-group.input-group-dynamic input,
.dark-mode .input-group.input-group-dynamic select {
    color: #d0d0d0;
}

.dark-mode .input-group.input-group-dynamic select option {
    background: rgb(var(--dark));
}

.dark-mode .input-group.input-group-dynamic .select2 .select2-selection__rendered {
    color: #d0d0d0;;
}
/* End of Input */
/* End of Dark Mode */

/* Adjustment Detail */
.dark-mode dl#adjustmentOrderHeader {
    color: #D0D0D0;
}
/* End of Adjustment Detail */