/* Start css for sidebar color, logo background color and footer version info  */
.sidebar {
    display: flex;
    flex-direction: column;
}
.sidebar .top-row {
    background: #103247 !important; /* sidebar header background where uit logo showing */
}
/* stack that holds the left menu + bottom footer */
.sidebar-stack {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    background-color: #103247; /* sidebar brackground */
}
/* End css for Footer version info  */
/* 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  */

/*.betalmeg-button {
    background: #6bbcc8;
    padding: 0 12px;
    color: #444;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);    
}
.betalmeg-button:hover {
    background: #CCC;
    color: #222;
    box-shadow: 0 0 8px -1px rgba(0,0,0,0.3);    
}*/

/* after successfully submit form */
.submitSucceeded-background {
    background-color: #eff8f8;
    color: darkblue;
}