
.container{
    max-width     : 1366px;
    margin-top    : 0;
    margin-bottom : 0;
}

hr.header-bottom{
    margin-top : 1rem;
    border-top : 1px solid black;
}

.footer-login{
    background-color : black;
    display          : flex;
    align-items      : center;
    color            : #ffffff;
    padding-top      : 4px;
}

.footer .container{
    padding : 0;
}

.login-form-container{
    max-height       : 677px;
    max-width        : 494px;
    padding          : 25px;
    background-color : rgba(255, 255, 255, 0.6);
}

.logo-container img{
    width  : 45%;
    height : auto;
}

.logo-container{
    margin-bottom : 5%;
}

.container.login_container{
    display         : flex;
    justify-content : center;
}

.signin-subtitle{
    margin-bottom : 30px;
    font-size     : 15px;
    font-family   : 'CentraNo2-Book', sans-serif;
}

.signin-title, .signup-title{
    text-transform : uppercase;
    font-size      : 17px;
    font-weight    : 300;
    font-family    : 'CentraNo2-Medium', serif;
}

.form-group{
    font-size : 20px;
    color     : #58595b;
}

.login-form{
    font-size : 16px;
    color     : #000000;

}

#email-error{
    color : #BF3F3F;
}

a.login-forgot:hover{
    color : black;
}

a.forgot-password-link:hover{
    color : black;
}

.userform{
    font-family : 'CentraNo2-Book', serif;
}

.login-img{
    background-image    : url(/resources/images/loginbackground-6e6a708de22fcf4993ed572d3dff9964.jpg);
    background-repeat   : no-repeat;
    background-position : bottom;
    /*bottom: -51px;*/
    background-size     : cover;
}

.page:not(.internal){
    display         : flex;
    align-items     : center;
    justify-content : flex-end;
    flex-direction  : initial;
    min-height      : 69.8vh;
}

html, body{
    background : #ffffff;
}

.login-forgot, .forgot-password-link{
    font-size : 16px;
    color     : #000000;
}

.userform .select-css, #changeStatGroupMobile{
    font-size           : .9em;
    border              : 1px solid #515151;
    border-radius       : 4px;
    padding             : 0 30px 0 0.75rem;
    height              : calc(2.25rem + 1px);
    display             : block;
    line-height         : 1.3;
    width               : 100%;
    max-width           : 100%;
    box-sizing          : border-box;
    margin              : 0;
    -moz-appearance     : none;
    -webkit-appearance  : none;
    appearance          : none;
    background-color    : #fff;
    /* background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E); */
    background-image    : url(/resources/images/dropdown-ec74253577695ab6a1573fc8c1412014.svg);
    background-repeat   : no-repeat, repeat;
    background-position : right 0.7em top 50%, 0 0;
    background-size     : 0.85em auto, 100%;
    color               : rgba(23, 23, 23, .75);
    cursor              : pointer;
}

.userform .text-css{
    font-size        : .8em;
    border           : 1px solid #515151;
    border-radius    : 4px;
    padding          : 0 30px 0 0.75rem;
    height           : calc(2.25rem + 1px);
    display          : block;
    line-height      : 1.3;
    width            : 100%;
    max-width        : 100%;
    box-sizing       : border-box;
    margin           : 0;
    background-color : #fff;
}

.page-content .sqs-row{
    margin : 0 auto;
}

.form-group{
    margin-bottom : 15px;
}


@media only screen and (min-width : 43rem){

    .page:not(.internal){
        min-height : 74.8vh;
    }

}

@media only screen and (min-width : 50rem){

    .page:not(.internal){
        min-height : 77.9vh;
    }

}

@media only screen and (min-width : 57rem){

    .page:not(.internal){
        min-height : 81vh;
    }

}

@media only screen and (min-width : 62rem){

    .page:not(.internal){
        min-height : 81vh;
    }

    .signin-title{
        font-size : 20px;
    }


}

@media only screen and (min-width : 82rem){

    .page:not(.internal){
        min-height : 69.9vh;
    }

}

@media only screen and (min-width : 90rem){

    .page:not(.internal){
        min-height : 73.9vh;
    }

}