@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

:root {
    /*--bg-color-login: #584677;*/
    --bg-color-login: #37517E;
}

.error-message {
    color: #da0f0f;
}

.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
    background-color: var(--bg-color-login);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--bg-color-login) !important;
    background-color: var(--bg-color-login) !important;
}

.toggle-password {
    float: right;
    cursor: pointer;
    position: relative !important;
    /*top: -24px !important;*/
    top: -78px !important;
    right: 7px !important;
}

select {
    border: 1px solid #A2A2A2 !important;
}

.btnLogin, .btnSubmitForgotPassword, .btnReset {
    background-color: var(--bg-color-login) !important;
}

.no-border {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px;
    border-bottom: 1px solid #535287
}

.login2Container {
    padding-top: 5rem !important;
}

.businessTitleLogin2 {
    margin-top: -7px;
}

html body a {
    color: #37517E !important;
}

button:disabled {
    cursor: not-allowed !important;
}