:root {
    --color-primary: #2F4F6E;
    --link-color: #2F4F6E;
    --body-max-width: 100%;
}
body.page-login{
    background-color: #2F4F6E;
    overflow-y: auto;
}
#header-logo .logo img{
    width: 50px;
}
.login-wrapper #header-logo .logo img{
    width: 200px;
    margin-bottom: 20px;
}
.login-wrapper .logo span{
    color: white;
    display: block;
}
.login-wrapper .content{
    margin-bottom: 20px;
}
.recent-results dd{display: none;}
.recent-results dt{width: 100% !important;}

.form-label.required::after{
    content: '*';
    color: #e02b27;
    font-size: 0.8rem;
    margin: 0 0 0 2px;
}

@media (min-width: 992px) {
    .wrapper{
        display: flex;
    }
    .sidebar {
        width: 55px;
    }
    .sidebar:hover{
        width: var(--sidebar-max-width);
    }
    .main-content{
        width: 100%;
    }
    .sidebar .menu-item > a > span{
        display: none;
    }
    .sidebar:hover .menu-item > a > span{
        display: inline;
    }
    .main-header #header-logo .logo-compact{
        display: block;
    }
    .main-header #header-logo .logo-custom{
        display: none;
    }
    .sidebar:hover .main-header #header-logo .logo-compact{
        display: none;
    }
    .sidebar:hover .main-header #header-logo .logo-custom{
        display: block;
    }
}

.data-row.fullwidth{
    grid-template-columns: auto !important;
}