@font-face {
    font-family: CFA-Light;
    src: url('/resources/assets/fonts/CFAstyStd-Light.otf');
}
@font-face {
    font-family: CFA-Bold;
    src: url('/resources/assets/fonts/CFAstyStd-Bold.otf');
}
@font-face {
    font-family: CFA-Book;
    src: url('/resources/assets/fonts/CFAstyStd-Book.otf');
}
@font-face {
    font-family: CFA-ExtraBold;
    src: url('/resources/assets/fonts/CFAstyStd-Extrabold.otf');
}

@font-face {
    font-family: CFA-LightOblique;
    src: url('/resources/assets/fonts/CFAstyStd-LightOblique.otf');
}
@font-face {
    font-family: CFA-Thin;
    src: url('/resources/assets/fonts/CFAstyStd-Thin.otf');
}

html{
    height: 100%;
}
body{
    background-color: #D6D6D6 !important;
    margin: 0;
    height: 100%;
}
.background-wrapper{
    margin: 0 5% !important;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.logo-wrapper{
    text-align: center;
    padding: 50px 20px;
    background-color: #fff;
    padding-bottom: 50px;
}
.logo-wrapper img {
    width: 200px;
}
.logo-wrapper h4 {
    margin-top: 25px;
    font-size: 13px;
    margin-bottom: 0;
    font-family: CFA-Light;
}
.logo-wrapper span {
    color: #D40F13;
    font-size: 13px;
    position: relative;
    font-family: CFA-ExtraBold;
}
.logo-wrapper span:after {
    height: 70px;
    width: 1px;
    background-color: red;
    content: "";
    position: absolute;
    top: 35px;
    left: 50%;
}
.login-content-wrapper{
    background-color: #F2F2F2;
    text-align: center;
    padding: 61px 25px 110px;
    flex-grow: 1;
    position: relative;
}
input.login-input:first-child {
    margin-bottom: 35px;
}
.login-input {
    display: block;
    margin: 0px auto;
    width: 100%;
    font-size: 12px;
    height: 20px;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #D40F13;
    border-right: 1px solid #D40F13;
    padding: 4px 0;
    font-family: CFA-Book;
    outline: none;
}
#password-recovery {
    display: block;
    margin-bottom: 40px;
    font-size: 12px;
    text-align: right;
    margin-top: 10px;
    font-family: CFA-Book;
}
.form-container{
    display: inline-block;
    width: 80%;
}

input#login-form-submit {
    color: #fff;
    background-color: #333333;
    width: 100%;
    font-size: 13px;
    padding: 7px 0;
    font-family: CFA-Book;
    border: none;
}
.login-footer-wrapper {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    width: 100%;
    padding: 0px 29px;
}
.login-footer-wrapper div{
    font-size: 13px;
}
#register-div{
    font-family: CFA-Light;
}
#register-email{
    font-family: CFA-Bold;
}
.resend_email_confirmation_container_text{
    font-size: 13px;
    font-family: 'CFA-Light';
}
#resend_email_confirmation_container {
    margin-top: -12px;
    color: #56f356;
}
a#resend_email_confirmation {
    display: block;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: underline !important;
    font-family: 'CFA-Bold';
    color: #51C779;
    margin-top: 25px;
}
.alert.alert-success {
    font-family: CFA-Book;
    background: none;
    border: 1px solid #333333;
    border-radius: inherit;
    color: #333333;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 33px;
    padding: 13px;
}
input#login-form-submit {
    margin-bottom: 38px;
}
a{
    cursor: pointer;
}
@media(min-width: 1024px){
    .background-wrapper{
        margin: 0 25% !important;
    }
}