#sidebar .nav-link.active {
    background-color: rgba(255, 255, 255, 0.9);
    color: #343a40 !important;
}

.flatpickr-day.selected {
    background: #343a40 !important;
    border-color: #343a40 !important;
}
.flatpickr-day.selected:hover {
    background: rgb(108, 117, 125) !important;
    border-color: rgb(108, 117, 125) !important;
}


.modal-backdrop, .overlay {
    background-color: rgba(255, 255, 255, 0.9);
}
.bg-warning {
    background-color: rgb(255, 193, 7) !important;
}
.nav-link.active {
    background-color: var(--bs-primary);
    color: #fff !important;
    border-radius: 0.375rem; /* btn border-radius */
    padding: 0.375rem 0.75rem; /* btn padding */
}
html, body {
    height: 100%;
    margin: 0;
}
html, body {
    background-color: rgb(244, 246, 249);
}
#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* teljes képernyőmagasság */
}

#app > .d-flex {
    flex: 1; /* a sidebar + main kitöltse a maradék helyet */
    min-height: 0;
}
main {
}
main.flex-grow-1 {
    display: flex;
    flex-direction: column;
}
/* A content nőhet, kitölti a helyet */
main .content {
    flex: 1;
}
/* Footer mindig a végére kerül */
footer {
    margin-top: auto;
}
.navbar {
    background-color: #fff;
}
.navbar {
    position: relative;
    z-index: 10;
}

.dropdown-menu {
    position: absolute !important;
    z-index: 1050;
}
.navbar-brand {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
}
.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
.flag-icon:before {
    content: '\00a0';
}
.flag-icon-hu {
    background-image: url('/img/flags/hu.svg');
}
.flag-icon-en {
    background-image: url('/img/flags/gb.svg');
}