@font-face {
    font-family: BebasKai;
    src: url('../../fonts/BebasKai.otf');
}

body * {
    font-family: Tahoma, sans-serif;
}

.logo {
    position: relative;
    background-image: url("../images/login_logo.png");
    background-size: cover;
    height: 230px;
    width: 220px;
    margin-bottom: 100px;
    z-index: 1000;
}

.form-content {
    background-image: url("../images/login_bg_right_top.png");
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0086C3;
    padding: 40px 40px 60px 40px;
    align-items: start !important;
}

.form-content .form-items {
    width: 350px;
    max-width: 350px;
}

.img-holder .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-image: url("/landing/images/login_bg_left_top.png"), url("/landing/images/login_bg_left.png");*/
    background-image: url("../images/login_bg_left.jpg");
    background-size: cover;
    background-position: right top;
    z-index: -1;
}

.form-content input, .form-content .dropdown-toggle.btn-default {
    border-radius: 3px;
    background-color: #B72327;
}

::placeholder {
    color: #a2c2e8 !important;
    font-family: "Exo 2", Roboto, sans-serif;
    font-size: 16px;

}
.page-title {
    color: #fff;
}

.page-title :first-child {
    font-family: BebasKai, serif;
    border-right: 3px solid #EB2127;
    padding-right: 24px;
    font-size: 45px;
}

.page-title :nth-child(2) {
    font-family: BebasKai, serif;
    padding-left: 15px;
    font-size: 45px
}

.form-title {
    color: #fff;
    padding-top: 20px;
    padding-left: 22px;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: Tahoma, sans-serif;
    font-size: 22px
}

.form-button .ibtn {
    font-family: BebasKai, sans-serif !important;
    font-size: 24px !important;
    font-weight:500 !important;
}

#remember {
    font-size: 24px !important;
    font-weight:500 !important;
}

.form-content input[type="checkbox"]:not(:checked) + label,
.form-content input[type="checkbox"]:checked + label,
.form-content input[type="radio"]:not(:checked) + label,
.form-content input[type="radio"]:checked + label{
    margin-left: 22px;
}

.form-content .form-button .ibtn {
    float: right;
    border-radius: 3px;
}

.form-content .form-button a {
    color: #ffffff;
    padding-left: 22px;
}

.bg-brand-light-red {
   background-color: #EB2127;
}

.bg-brand-dark-red {
    background-color: #B72327;
}

.bg-brand-black {
    background-color: #000000;
}

.bg-brand-white {
    background-color: #FFFFFF;
}

.text-brand-light-red {
    background-color: #EB2127;
}

.text-brand-dark-red {
    background-color: #B72327;
}

.text-brand-black {
    background-color: #000000;
}

.text-brand-white {
    background-color: #FFFFFF;
}