@font-face {
    font-family: din ;
    src: url("/fonts/DINNextLTArabic-Bold-2.ttf");
}
@font-face {
    font-family: dinlight ;
    src: url("/fonts/DINNextLTArabic-Regular-3.ttf");
}
body {
    direction: rtl;
    font-family: din ,dinlight ;
    position: relative;
    font-weight: 500;
}

.log-block1 {
    background: url("/images/login-bg.png") no-repeat center;
    background-size: cover;
    padding-bottom: 50px;
    min-height: 100vh;
}
.log-block1-logo {
    width: 100px;
    margin: auto;
    padding-top: 50px;
}
.log-nav {
    width: 400px;
    margin: auto;
    text-align: center;
}
.log-nav .nav-tabs {
    justify-content: center;
    border-bottom: 2px solid #00bfb2a6;
}


.log-nav-option {
    width: 50%;
    color: #fff;
    border-radius: 0 !important;
    font-size: 20px;
    border: 0 !important;
    height: 55px;
    margin: auto;
    border-bottom: 6px solid transparent !important;
    margin-bottom: -3px !important;
}
.log-nav-option:hover {
    color: #fff;
}
.nav-tabs .nav-item.show .log-nav-option, .nav-tabs .log-nav-option.active {
    color: #00c0b4;
    background: transparent;
    border-color: #00c0b4 !important;
}
.login-form-container {
     width: 400px;
     margin: 20px auto 0;
     background: #fff;
     padding: 15px;
     border-radius: 5px;
 }
.login-form-container-2 {
    margin: 20px auto 0;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    width: 80%;
}
.log-head {
    margin-bottom: 30px;
    font-size: 29px;
    font-weight: bold
}
.btn-log-login {
    background-image: linear-gradient(to left, #ff6f82 , #ff6f82 , #ffdabe, #ffbcab);
    color: #fff;
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 20px;
    line-height: 2;
    padding-top: 0;
}
.log-form-control {
    font-family: dinlight;
    line-height: 2;
    padding-top: 0;
    border-color: #bfc6d0;
    color: #b3b3b3
}
.log-form-control::placeholder {
    color: #b3b3b3;
}
.log-click {
    color: #3d5155 !important;
    margin-top: 10px;
    display: block;
}
.log-click:hover {
    text-decoration: none;
}
.log-lecturers-link {
    border: 1px solid #00bfb3;
    color: #fff !important;
    border-radius: 20px;
    margin-top: 30px;
    line-height: 2;
    padding-bottom: 11px;
    font-size: 15px;
    width: 200px;
}
.dash-main-person-label-upload-input-container {
    border: 1px solid;
    font-size: 13px;
    padding-left: 0;
    min-height: 40px;
}
.dash-main-person-label-upload-input  {
    border: 1px dashed #00bfb3;
    width: 30%;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
    line-height: 1.2;
    margin: 5px 5px 0;
}
.dash-main-person-label-upload-input-result {
    overflow: hidden;
    margin-bottom: 0;
    max-width: 40%;
    white-space: nowrap;
}