/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Apr 3, 2019, 11:47:55 PM
    Author     : benams
*/
body{
    background-color: #293c93;
}
.main-container{
    margin: 0 auto;
}
.login-form-row{
    background-color: #ffffff;
    min-height: 300px;
    margin-top: 60px;
    padding-top: 50px;
    border-radius: 0.9rem;
}
.login-page-title-row{
    color: #293c93;
    font-size: 1.7vw;
    margin-top: 20px;
}

.login-page-title-span{
    color: #eb2227;
}
.login-page-portal-title-row{
    color: #414042;
    font-size: 1.7vw;
    text-transform: uppercase;
    margin-top: 5px;
}
.login-page-form-row{
    margin-top: 30px;
}
.default-form-control-row{
    padding-top: 10px;
    padding-bottom: 5px;
}
.custom-form-control{
    border-radius: .1rem;
    font-weight: normal !important;
}

.default-form-control{
    border-radius: .9rem;
    font-weight: normal !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}
.form-control-row{
    padding-top: 25px;
}
.login-page-forgot-password-row{
    padding-top: 25px;
}
.forgot-password-link, .forgot-password-link:hover, .forgot-password-link:focus, .forgot-password-link:active{
    color: #293c93;
    outline: none;
    text-decoration: none;
    font-weight: normal !important;
}
.login-form-btn, .login-form-btn:hover, .login-form-btn:active, .login-form-btn:focus{
    background-color: #eb2227;
    border: 0px solid #eb2227;
    color: #ffffff;
    outline: none;
    text-decoration: none;
}
.login-page-mentions-row{
    text-align: center;
    padding-top: 25px;
    padding-bottom: 40px;
    color: #eb2227;
    font-size: 2vw;
}
.mentions-link, .mentions-link:hover, .mentions-link:active, .mentions-link:focus{
    color: #eb2227;
    outline: none;
    text-decoration: none;
    font-weight: normal !important;
}
.forgot-password-notes-row{
    margin-top: 20px;
}
.forgot-password-form-control, .forgot-password-form-control:hover, .forgot-password-form-control:active{
    background-color: #ffffff;
    color: #eb2227;
    border: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 30px;
    border-radius: 0.3rem;
}
.forgot-password-submit-form-control, .forgot-password-submit-form-control:hover, .forgot-password-submit-form-control:active{
    background-color: #eb2227;
    color: #ffffff;
    border: 1px solid #eb2227;
    padding-top: 10px;
    padding-bottom: 30px;
    border-radius: 0.3rem;
}
.forgot-password-form-control-row{
    margin-top: 50px;
}

/*
    Medium devices (tablets, 768px and up)
*/
@media (min-width: 768px) {
    .login-page-title-row{
        font-size: 1.7vw;
    }
    .login-page-portal-title-row{
        font-size: 1.7vw;
    }
    .login-page-mentions-row{
        font-size: 2vw;
    }
    .login-form-row{
        margin-top: 60px;
    }
}

/*
    Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) {
    .login-page-title-row{
        font-size: 0.8vw;
    }
    .login-page-portal-title-row{
        font-size: 0.8vw;
    }
    .login-page-mentions-row{
        font-size: 0.8vw;
    }
    .login-form-row{
        margin-top: 120px;
    }
}

/*
    Extra large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px) {
    .login-page-title-row{
        font-size: 0.8vw;
    }
    .login-page-portal-title-row{
        font-size: 0.8vw;
    }
    .login-page-mentions-row{
        font-size: 0.8vw;
    }
    .login-form-row{
        margin-top: 120px;
    }
}
