:root {
    --color-deepblue: #1F284B;
    --color-blueactive: #2E83FA;
    --color-orange: #E14D29;
    --color-orange-faded: #E14D2999;
    --color-white: #FFFFFF;
    --body-color: #F3F6F9;
    --color-lightgrey: #F3F5F8;
    --color-onhover-1: #F7F7F7;
    --color-darkgrey: #808080;
    --color-mediumgrey: #CECECE;
    --color-red-logout: #F39393;
}

body {
    background: center / cover no-repeat url("/assets/img/bg/bg_darkblue.png");
}

.page-login .form-custom {
    background: #FFFFFF;
    border-color: #D8D8D8;
    border-radius: 10px;
    padding: 2rem;
}

.page-login .form-custom h1 {
    color: #6480C7;
    font-weight: 300;
}

.page-login form. h6 {
    margin-bottom: 0.75rem;
}

.page-login .logo-wrapper {
    max-width: 300px;
}

.page-login .sublogo {
    font-size: 1.25rem;
    color: #FFFFFF;
    font-weight: 500;
}

.page-login .div-form {
    width: 500px;
}

.page-login .inputs-wrapper {
    background-color: #F1F2F5;
    border-color: #F8F9FA;
    padding: 1.25rem 1.5rem;
    border-radius: 10px ;
}

.page-login label {
    margin-bottom: 0rem;
}

.page-footer {
    margin: 0rem auto 0.5rem auto;
}

.btn-primary {
    background-color: #2D3D7F;
}

.btn-primary,
.btn-secondary {
    border-radius: 50px;
    height: 3rem;
}