/* Banner AppBar color */
.uit-appbar {
    background: #103247 !important;
    color: white !important;
}
/* End Banner AppBar color */
/* Only remove right padding inside the AppBar. For correct alignment of the logout button with the hamburger menu on mobile devices */
.uit-appbar.px-4 {
    padding-right: 0 !important;
}
/* login and logout button  */
.logout-button {
    background: #DDD !important;
    color: #444 !important;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2) !important;
    border: 1px solid #CCC !important;
    border-radius: 12px !important;
    text-transform: none !important;
}
.logout-button:hover {
    background: #6bbcc8 !important;
    color: #444 !important;
    box-shadow: 0 0 8px -1px rgba(0,0,0,0.3) !important;
    border: 1px solid #103247 !important;
}
.login-button {
    background: #6bbcc8 !important;
    padding: 0 12px !important;
    color: #444 !important;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2) !important;
    border: 1px solid #103247 !important;
    border-radius: 12px !important;
    text-transform: none !important;
}
.login-button:hover {
    background: #CCC !important;
    color: #222 !important;
    box-shadow: 0 0 8px -1px rgba(0,0,0,0.3) !important;
    border: 1px solid #BBB !important;
}
/* end login and logout button  */