#kmtop, #kmtitle {
    display: flex;
    align-items: center;
}

#kmheader {
    height: 14.5vh;
    background: url(background.png);
    background-size: cover;
    background-position: center;
    user-select: none;
}

#kmtop {
    height: 10vh;
    border-bottom: 0.2vh solid #fff;
    padding: 1.3vh 0;
}

#kmtitle {
    height: 7.3vh;
    max-width: 25vh;
    border-right: 0.2vh solid #fff;
}

#kmlogo {
    height: 96%;
    margin: 0 1.3vh 0 2vh;
}

#kmname, #kmdate {color: #FFF}

#kmname {
    font-size: 2vh;
    margin: 0.2vh 0 0 0.5vh;
}

#kmdate {
    margin: 0 auto 0 2vh;
    line-height: 1.6vh;
    font-size: 1.6vh;
}

#kmday::after, #kmtime::after, #kmweek::after {content: "\2003|\2003"}

#kmtime {
    display: inline-block;
    width: 8vh;
    position: relative;
}

#kmtime::after {
    position: absolute;
    left: 4.6vh
}

.navbar-nav > .nav-item > a, a:has(.userbutton), #kmheader a:has(.fa-ellipsis-vertical), .btn-success, .btn-danger {color: #fff !IMPORTANT}

.navbar-nav > .nav-item > a:hover, #kmheader a:has(.fa-ellipsis-vertical):hover {
    color: #0c3b8b !IMPORTANT;
    background: #fff !IMPORTANT;
}

#kmtop .nav-item {
    list-style-type: none;
}

.navbar {padding: 0}

.navbar-toggler {margin: 0 auto 0 2vh}

#theme_adaptable-drawers-sidepost {display: block !IMPORTANT}

.userbutton {display: flex}

.userbutton > * {margin: auto 0}

.usertext {
    width: 12vw;
    text-wrap: wrap;
    text-transform: uppercase;
    margin-left: 1.5vh;
    line-height: 2.5vh;
}

.userpicture, .userinitials {
    height: 7vh !IMPORTANT;
    width: 7vh !IMPORTANT;
}

.userinitials {
    color: #7f9cf5;
    font-size: 3vh;
    background: #ebf4ff;
}

#kmheader .dropdown-toggle::after {content: none}

#logout {
    height: 2vh;
    width: 2vh;
    margin: auto 3vh auto 2vh;
    background: url(out.svg);
    background-size: cover;
}

#adaptable-user-nav {flex-direction: row}

#adaptable-user-nav .pull-right i, .simplesearchform > a {color: #fff}

#nav-notification-popover-container:nth-child(1) {margin: 0 2vh 0 0.5vh}

.popover-region-content-container{color: #0c3b8b}

.navbarsearchsocial {display: block !IMPORTANT}

.navbarsearchsocial .btn-open:hover {color: #fff}

#searchform-navbar .btn-close {
    padding: 0.5vh 1.5vh 0 0 !IMPORTANT;
}

.btn-login {
    height: 4vh;
    width: 8vh;
    line-height: 4vh;
    text-align: center;
    border-radius: 1vh;
}

.text-dark {color: #fff !IMPORTANT}

@media (max-width: 1470px) {#kmday {display: none}}
@media (max-width: 1230px) {#kmtime {display: none}}
@media (max-width: 1150px) {#kmweek {display: none}}
@media (max-width: 1000px) {
    #kmheader {height: 10vh}
    #kmlesson {display: none}
}
@media (max-width: 900px) {#nav-popover-container {display: none !IMPORTANT}}
@media (max-width: 800px) {#kmtitle {display: none}}