@font-face {
    font-family: 'Tajawal';
    src: url(../fonts/Tajawal/Tajawal-Regular.ttf);
}

@font-face {
    font-family: 'Tajawalbold';
    src: url(../fonts/Tajawal/Tajawal-Bold.ttf);
}
body {
    font-family: 'Tajawal';
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Tajawal' !important;
}
.flx-header-login{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.height100{
    height: 100%;
}
.right-col-content {
    padding-bottom: 3%;
    height: calc(100vh - 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.right-col-content form{
    width: 100%;
}
.has-feedback .form-control{
    padding-right: 5px;
}
.right-col-content {
    padding: 10% 5%;
}
.has-feedback .form-control {
    height: 45px;
}
.form-control-feedback {
    top: 5px;
}
.right-col {
    background-color: #76271a;
}
.btn-primary-orange:hover , .btn-primary-orange , .btn-primary-orange:active {
    background: #ee9026;
    border-color: #ee9026;
}
.logo-login{
    width: 120px;
    background-color: #fff;
    border-radius: 10px;
    padding: 14px;
}