@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css");

body, td, input, textarea, ul, p {
    font-family: "Quicksand", sans-serif;
}

.ui-autocomplete {
    font-family: "Quicksand", sans-serif;
}

.hide {
    display: none;
}

#frm-signInForm-placeCharacterBtn, #frm-signInForm-togglePasswordBtn, 
#frm-tagForm-toggleGroupBtn, #frm-tagForm-selectGroupBtn,
#frm-sourceForm-toggleTypeBtn, #frm-sourceForm-selectTypeBtn,
#frm-sourceForm-toggleTimezoneBtn, #frm-sourceForm-selectTimezoneBtn,
#frm-subjectForm-toggleTypeBtn, #frm-subjectForm-selectTypeBtn,
#frm-eventForm-toggleSubjectBtn, #frm-eventForm-selectSubjectBtn,
#frm-eventForm-toggleCategoryBtn, #frm-eventForm-selectCategoryBtn,
#frm-eventForm-toggleSourceBtn, #frm-eventForm-selectSourceBtn,
#frm-userForm-selectTimezoneBtn,
#frm-userForm-selectRoleBtn {
    cursor: pointer;
}

#frm-signInForm, #frm-search-search {
    width: 320px;
}

.navbar div:first-child {
    margin-left: -8px;
}

.navbar div:last-child {
    margin-right: -8px;
}

.alert-success, .alert-warning, .alert-info, .alert-error {
    --bs-alert-color:var(--bs-secondary-text-emphasis);
    --bs-alert-bg:var(--bs-secondary-bg-subtle);
    --bs-alert-border-color:var(--bs-secondary-border-subtle)
    --bs-alert-link-color:var(--bs-secondary-text-emphasis)
}

.btn-menu {
    width: 80px !important;
    padding: 0;

}

.btn-menu a {
    color: white;
    text-decoration: none;
    width: 100%;
    
    display: block;
    
}

.btn-back {
    margin-right: 8px !important;
}

#frm-tagForm-lockGroup, #frm-sourceForm-lockType, #frm-sourceForm-lockTimezone, #frm-subjectForm-lockType,
#frm-eventForm-lockSubject, #frm-eventForm-lockCategory, #frm-eventForm-lockSource {
    display: none;
}

/* .table-record {
    margin-bottom: 0;
}

.table-record td {
    vertical-align: middle;
}

.table-record tr {
    height: 48px;
}

.table-record-sm tr {
    height: 32px;
} */

.xx-row:hover {
    background-color: rgb(248, 249, 250);
    transition: background-color 0.3s ease;
}

.xx-row, .xx-header {
    border-bottom: 1px solid rgb(222, 226, 230);
}

.highlight {
    background-color: lemonchiffon;
}

.invalid {
    background-color: #f8d7da;
    border-color: #dc3545;
}

[data-href] {
    cursor: pointer;
}

/* a.link-remove:hover {
    color: #dc3545 !important;
} */

/* .mh-small {
    font-size: 0.75em;
} */

.form-switch {
    /* transform: scale(1.5); */
    padding-top: 8px;
}

.calendar {
    width: 328px;
}

.calendar table {
    border-spacing: 4px;
    border-collapse: separate;
}

.calendar table td, .calendar table th {
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
}

.calendar table td.bg-weekend, .calendar table th.bg-weekend {
    /* background-color: #212529;
    color: white;
    color: #dc3545; */
    color: #C0C0C0;
}

.calendar table td.bg-holidays {
    background-color: #212529;
    color: white;
}

.calendar table td.bg-selected {
    background-color: #6c757d;
    color: white;
}

.calendar table td.bg-today {
    background-color: #0d6efd;
    color: white;
}

.calendar table td:hover {
    background-color: #C0C0C0;
    color: white;
    cursor: pointer;
}

@media (max-width: 768px) {
    .text-sm-capitalize {
        text-transform: capitalize;
    }
}

@media (min-width: 769px) {
    .text-sm-capitalize {
        text-transform: none;
    }
}