/*--------------------------*/
/*---- css-02-login.css ----*/
/*--------------------------*/

:root {
    --text-color: #102944;
    --background-color: #45494b;
    --secondary-background-color: #152037;
    --primary-color: #efa614;
    --secondary-color: #dbdbdb;
    --white-color: #ffffff;
    --black-color: #000000;
    --grey-color:#e8eaee;
}

/*---------------------------*/
/*---------------------------*/


body {
    font-family: "Karla", sans-serif !important;
}

body a {
    text-decoration: none !important;
}

.login-logo, .register-logo{
    display: none;
}

.card-primary.card-outline {
    border-top: 0px solid #ffffff00 !important;
}

.card-body.login-card-body {
    border-radius: 8px 8px 0px 0px;
}

.card-footer {
    border-radius: 8px;
}

.wrap-login {
    width: 670px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.login-form-title {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 75px 15px 75px 15px;
}

.login-form-title-1 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
}

.login-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 80px 60px 80px;
}

button.btn.btn-block.btn-flat.btn-primary {
    background: var(--primary-color);
    border-radius: 8px;
    border-color: var(--primary-color);
}

.link-login {
    color: var(--primary-color);
}

/* ================================
            MEDIA QUERIES
   ================================ */
@media (max-width: 575.98px) {

}

@media (min-width: 576px) and (max-width: 767.98px) {

}

@media (min-width: 768px) and (max-width: 991.98px) {

}

@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) {

}