:root {
    --body-bg: #f3f4f6;
    --title-page-color: #111827;
    --main-container-bg: #e8e8f0;

    --nav-sidenav-subhedaer-color: #6B7280;
    --nav-sidenav-active-color: #223462;
    --navbar-header-bg: #ffffff;
    --navbar-nmrole-color: #6B7280;
    --navbar-usericon-color: #4B5563;

    --dttables-input-border-color: #dedede;
    --select2-input-border-color: #dedede;

    --modal-header-bg: #2c4483;
    --modal-header-color: #ffffff;

    --form-title-bg: #2c4483;
    --form-title-color: #ffffff;

    --text-grey: #9e9e9e;
    --select-bg: #ffffff;
    --text-active-selected: #4263BB;
    --input-readonly-bg: #DFDFDF;
    --input-readonly-color: #9F9F9F;
    --input-browserdefault-border: #D9D9D9;

    --input-icon-color: #364878;
    --button-red: #E56161;
    --button-red-secondary: #FFEAEA;
    --button-blue: #0F6C93;
    --button-blue-secondary: #E6EDFE;
    --button-yellow: #FFC928;
    --button-yellow-secondary: #FFF2D0;    
    --btn-text-color: #FFFFFF;

    --icon-inside-rounded-color: #ffffff;

    --running-text-bg: #1B5699;

    --progress-bg: #D0DEEF;
    --progress-bar-bg: #0F5FC1;

    --swal-confirm-color: #0F6C93;
    --switch-checked-after: #0F6C93;
}

.blue-main-bg { background: linear-gradient(180deg, #FFFFFF 0%, #B8C4E9 52%) !important; }

.main-bg { background: var(--main-container-bg) !important; }
.btn-red { background-color: var(--button-red) !important; color: var(--btn-text-color) !important; }
.btn-blue { background-color: var(--button-blue) !important; color: var(--btn-text-color) !important; }
.bg-primary { background-color: var(--button-blue) !important; color: var(--btn-text-color) !important; }

button.primary,
a.primary {
    background: var(--button-blue) !important;
    color: var(--btn-text-color) !important;
}

button.secondary,
a.secondary,
.btn-blue-secondary {
    border: 1px solid var(--button-blue) !important;
    background: var(--button-blue-secondary) !important;
    color: var(--button-blue) !important;
}

.btn-red-secondary {
    border: 1px solid var(--button-red) !important;
    background: var(--button-red-secondary) !important;
    color: var(--button-red) !important;
}

.waves-effect.waves-blue .waves-ripple {
    /* The alpha value allows the text and background color
       of the button to still show through. */
    background-color: rgba(	66, 99, 187, 0.65);
}
.blue-pu-text { color: var(--button-blue) !important; }
.yellow-pu-text { color: var(--button-yellow) !important; }
.btn-yellow {
    background: var(--button-yellow) !important;
}
.btn-yellow:hover {
    background: var(--button-yellow) !important;
    opacity: .8 !important;
}
.btn-yellow-secondary:not(.disabled) {
    background: var(--button-yellow-secondary) !important;
    border: 2px solid var(--button-yellow);
    color: var(--button-yellow) !important;
    line-height: 32px;
}
.btn-yellow-secondary:hover {
    background: var(--button-yellow-secondary) !important;
    opacity: .8 !important;
}

.warning-container {
    border: 1px solid #C27803;
    color: #C27803;
    background: #FDFDEA;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
}

.warning-nostatus-text { color: #6B7280; }
.warning-0-text { color: #0EA5E9; }
.warning-1-text { color: #EAB308; }
.warning-2-text { color: #FB923C; }
.warning-3-text { color: #E11D48; }
.warning-4-text { color: #1A1A1A; }
.warning-nostatus { background-color: #6B7280; }
.warning-0 { background-color: #0EA5E9; }
.warning-1 { background-color: #EAB308; }
.warning-2 { background-color: #FB923C; }
.warning-3 { background-color: #E11D48; }
.warning-4 { background-color: #1A1A1A; }

[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #0EA5E9;
    border-bottom: 2px solid #0EA5E9;
}