/* ------------------------------------------------------
    POZOR!
    Toto CSS se vkládá do stránky pro vytvoření rezervace uživatelem.
    Tam se používá Bootstrap 5!

    (AdminLTE používá Bootstrap 4.6)
---------------------------------------------------------*/

/*
    Uprava vzhledu datepickeru
*/

.datepicker-inline {
    width: 100%;
}

.datepicker td,
.datepicker th {
    width: 50px;
    height: 50px;
}

.datepicker tr td.active {
    background: var(--bs-primary) !important;
    color: white !important;
}

/* dny, na ktere lze vytvorit rezervace */
.datepicker tr td {
    font-weight: 700;
    font-size: 120%;
}

/* dny, ktere jsou mimo interval startDate a EndDate schovam */
.datepicker tr td.disabled {
    font-weight: 400;
    background: none !important;
    color: #fff !important;
}

/* dny, ktere jsou explicitne disablovane udelam nevyrazne */
.datepicker tr td.disabled.disabled-date {
    font-weight: 400;
    background: none !important;
    color: #999 !important;
    font-size: 80%;
}

/*
    "Oprava" bootstrap tlacitka typu btn-check, aby i pro hover tlacitko bylo videt, jestli je checked nebo ne
*/
input.btn-check+label.btn-outline-success, input.btn-check+label.btn-outline-success:hover {
    background-color: #fff !important;
    color: var(--bs-success) !important;
}

input.btn-check:checked+label.btn-outline-success, input.btn-check:checked+label.btn-outline-success:hover {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-success:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.5);
}

input.btn-check+label.btn-outline-primary, input.btn-check+label.btn-outline-primary:hover {
    background-color: #fff !important;
    color: var(--bs-primary) !important;
}

input.btn-check:checked+label.btn-outline-primary, input.btn-check:checked+label.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-primary:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.5);
}

input.btn-check+label.btn-outline-danger, input.btn-check+label.btn-outline-danger:hover {
    background-color: #fff !important;
    color: var(--bs-danger) !important;
}

input.btn-check:checked+label.btn-outline-danger, input.btn-check:checked+label.btn-outline-danger:hover {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-danger:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.5);
}

input.btn-check+label.btn-outline-warning, input.btn-check+label.btn-outline-warning:hover {
    background-color: #fff !important;
    color: var(--bs-warning) !important;
}

input.btn-check:checked+label.btn-outline-warning, input.btn-check:checked+label.btn-outline-warning:hover {
    background-color: var(--bs-warning) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-warning:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.5);
}

input.btn-check+label.btn-outline-secondary, input.btn-check+label.btn-outline-secondary:hover {
    background-color: #fff !important;
    color: var(--bs-secondary) !important;
}

input.btn-check:checked+label.btn-outline-secondary, input.btn-check:checked+label.btn-outline-secondary:hover {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-secondary:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.5);
}

input.btn-check+label.btn-outline-info, input.btn-check+label.btn-outline-info:hover {
    background-color: #fff !important;
    color: var(--bs-info) !important;
}

input.btn-check:checked+label.btn-outline-info, input.btn-check:checked+label.btn-outline-info:hover {
    background-color: var(--bs-info) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-info:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-info-rgb), 0.5);
}

input.btn-check+label.btn-outline-light, input.btn-check+label.btn-outline-light:hover {
    background-color: #fff !important;
    color: var(--bs-light) !important;
}

input.btn-check:checked+label.btn-outline-light, input.btn-check:checked+label.btn-outline-light:hover {
    background-color: var(--bs-light) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-light:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-light-rgb), 0.5);
}

input.btn-check+label.btn-outline-dark, input.btn-check+label.btn-outline-dark:hover {
    background-color: #fff !important;
    color: var(--bs-dark) !important;
}

input.btn-check:checked+label.btn-outline-dark, input.btn-check:checked+label.btn-outline-dark:hover {
    background-color: var(--bs-dark) !important;
    color: #fff !important;
}

input.btn-check+label.btn-outline-dark:hover {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-dark-rgb), 0.5);
}