/*-- mooda theme --*/
:root[theme="light"] {
    --bs-light: #eaeaea;
    --bs-light-rgb: 234, 234, 234;
    --bs-light-bg-subtle: #f2f2f2;
    --bs-light-border-subtle: #dedede;
    --bs-light-text-emphasis: #242424;
}

/*-- Scrollbar App --*/
html[theme=light] *::-webkit-scrollbar {
    background: var(--bs-light);
    border-left: solid 1px var(--bs-light-border-subtle);
}
html[theme=light] *::-webkit-scrollbar-track {
    background: var(--bs-light);
}
html[theme=light] *::-webkit-scrollbar-thumb {
    background: rgba(0, 143, 199, 0.8);
    border: solid 2px var(--bs-light);
}
html[theme=light] *::-webkit-scrollbar-thumb:hover {
    background: #008fc7;
}

/*-- body --*/
/*html[theme=light] {
    background-color: #009EDB;
}

html[theme=light] body {
    background-color: #009EDB;
    background-image: radial-gradient(circle, rgba(91, 193, 230, 1) 0%, rgba(0, 158, 219, 1) 100%);
}*/

/*-- Override Sweet Alert --*/
.swal2-confirm {
    background-color: var(--md-blue) !important;
}
.swal2-deny {
    background-color: var(--md-danger) !important;
}
.swal2-cancel {
    background-color: var(--md-gray) !important;
}

/*-- Override Bootstrap --*/
.text-bg-primary {
    background-color: #0484b5 !important;
}

.btn-light,
.btn-outline-light {
    --bs-btn-active-border-color: var(--bs-light-border-subtle);
    --bs-btn-border-color: var(--bs-light-border-subtle);
}

.btn-outline-light {
    --bs-btn-active-bg: #f0f1f2;
    --bs-btn-color: #757575;
}

.btn-light {
    --bs-btn-color: #757575;
    --bs-btn-active-color: #757575;
    --bs-btn-hover-color: var(--md-primary);
}

.btn-primary {
    --bs-btn-bg: var(--md-blue);
    --bs-btn-border-color: var(--md-blue);
    --bs-btn-color: rgba(255, 255, 255, 0.8);

    --bs-btn-active-bg: var(--md-primary-active);
    --bs-btn-active-border-color: var(--md-primary-active);
    --bs-btn-active-color: #ffffff;

    --bs-btn-disabled-bg: var(--md-primary-disabled);
    --bs-btn-disabled-border-color: var(--md-primary-disabled);
    --bs-btn-disabled-color: #ffffff;

    --bs-btn-hover-bg: var(--md-primary);
    --bs-btn-hover-border-color: var(--md-primary);
    --bs-btn-hover-color: #ffffff;
}

.btn-outline-primary {
    --bs-btn-border-color: var(--md-blue);

    --bs-btn-active-bg: var(--md-primary-active);
    --bs-btn-active-border-color: var(--md-primary-active);
    
    --bs-btn-disabled-border-color: var(--md-primary-disabled);
    
    --bs-btn-hover-border-color: var(--md-primary);
}

.btn-link {
    text-decoration: none;

    --bs-btn-bg: none;
    --bs-btn-color: var(--md-primary);

    --bs-btn-active-bg: none;
    --bs-btn-active-color: var(--md-primary);

    --bs-btn-hover-color: var(--md-blue);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--md-primary);
    color: #ffffff;
}

.form-switch .form-check-input:checked {
    background-color: var(--md-blue) !important;
    border-color: var(--md-blue) !important;
}

/*-- Override FullCalendar --*/
.fc-more-link {
    color: var(--md-primary);
}

.fc-daygrid-day:hover {
    background-color: var(--bs-info-rgb);
    cursor: pointer;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--bs-info-rgb);
}

/*-- device width less than 768px --*/
@media (max-width: 767.98px) {

}

/*-- device width more than 768px --*/
@media (min-width: 768px) {

}