/* ------------------------------------------------------
    Vlastni CSS pravidla pro aplikaci
---------------------------------------------------------*/

/* barvy cementarny */
a {
    color: #14A44D;
}

/* vizualni oddeleni paticky pomoci box-shadow */
.footer-shadow {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

[data-bs-theme=dark] .footer-shadow {
    box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;
}

/* vizualni oddeleni navigace pomoci box-shadow */
.navbar-shadow {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

[data-bs-theme=dark] .navbar-shadow {
    box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075);
}

/* skryvani prvku */
.hide-me-after-2s {
    -webkit-animation: hideAnimation 2s forwards;
    animation: hideAnimation 2s forwards;
}

.hide-me-after-5s {
    -webkit-animation: hideAnimation 5s forwards;
    animation: hideAnimation 5s forwards;
}

@keyframes hideAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes hideAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* datepicker, uprava kvuli dark theme */
.datepicker-picker {
    color: black;
}

.datepicker-picker .btn {
    color: black;
}

/* pomocne styly */
.readonly {
    pointer-events: none;
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

#waiting-overlay {
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

#waiting-overlay i {
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
}