body {
    direction: rtl;
    font-family: isans !important;
   /* background-image: url('../App_Themes/background/E-learning2.jpeg');*/
}

.loginPage {
    /*background: rgba(169, 169, 169, 0.54);*/
    background-image: url('../App_Themes/background/E-learning2.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
}

@supports (background-image: url("image.webp")) {
    .loginPage {
        /*background: rgba(169, 169, 169, 0.54);*/
        background-image: url('../App_Themes/background/E-learning2.webp');
       
    }
}

.loginHeader {
    padding-top:10%;
    margin:auto;
    text-align:center;
    color:white;
}
.brand{
    font-size:xx-large;
}
.description {
    font-size: large;
    margin-top: 20px;
    margin-bottom: 0px;
    transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -webkit-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    color: #949494;
}
.image_logo {
    height: 100px;
    background-image: url('../App_Themes/logo/esessionlogo7.svg');
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
    width: 125px;
    height: 125px;
}

.login-content {
    position: relative;
    width: 320px !important;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    transition: all 550ms ease-in-out;
}
.register-content {
    position: relative;
    width: 280px !important;
    margin: 0 auto;
    padding: 0px 0;
    transition: all 550ms ease-in-out;
}

.register-role-content {
    position: relative;
    width: 70% !important;
    margin: 0 auto;
    padding: 0px 0;
    transition: all 550ms ease-in-out;
}

textarea {
    resize: none;
}

.input-size {
    width: 320px !important;
}
    .input-group1 {
    background: rgba(169, 169, 169, 1.00) !important;
    background-color: #373e4a;
    border: 1px solid rgba(169, 169, 169, 1.00) !important;
    padding-top: 6px;
    padding-bottom: 6px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: darkgray !important;
   
}
.shadow:focus {
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(3, 73, 15, 0.60) !important;
    border-color: rgba(3, 73, 15, 0.60) !important;
}

.shadow:hover {
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(3, 73, 15, 0.60) !important;
    border-color: rgba(3, 73, 15, 0.60) !important;
}


.login-page .login-form .form-group .btn-login {
    border: 1px solid #454a54;
    text-align: left;
    padding: 15px 20px;
    font-size: 14px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.login_icon {
    color: rgba(3, 73, 15, 0.60) !important;
}
.refresh_button {
    background: #eeeeee !important;
    
}
.refresh_button:hover {
    border-color: rgba(3, 73, 15, 0.60) !important;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(3, 73, 15, 0.60) !important;
}
.login_button {
   background: #eeeeee !important;
   border-radius:4px;
}
.login_button:hover {
    border-color: rgba(3, 73, 15, 0.60) !important;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(3, 73, 15, 0.60) !important;
}

.object_radius{
    border-radius:4px !important;
}
.hr_side {
    width: 25%;
    vertical-align: central;
}
.center_div_message {
    text-align: center;
    max-width: 650px;
    margin: auto;
    padding: 0px 20px 0px 20px;
}

.center_div {
  
    /*direction: rtl;

    text-align: center;

    margin: auto;

 
    width: 300px;
    position: absolute;
    
   

    vertical-align: middle;*/
    text-align: center;
  
    width: 300px;
    height: 50%;
    margin: auto;
    position: relative;
  

}

.center_title {
  
    text-align: center;
    /*width: 70vw;*/
    height: 50%;
    margin: auto;
    position: relative;
}

.input-group-addon2 {

    background:none !important;
    padding:0px !important;
}

.login-bottom-links {
    font: 12px isans;
}
@font-face {
    font-family: 'isans';
    src: url('../fonts/IRANSANSExpanded.ttf') format('truetype');
    src: url('../fonts/IRANSANSExpanded.eot') format('embedded-opentype');
    src: url('../fonts/IRANSANSExpanded.otf') format('opentype');
    src: url('../fonts/IRANSANSExpanded.svg') format('svg');
    src: url('../fonts/IRANSANSExpanded.woff') format('woff');
    src: url('../fonts/IRANSANSExpanded.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.captcha_pic{
    border-radius:4px;
}

.input-validation-error  {
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgb(169, 68, 66) !important;
}
.captchafont{
    font-size:12px !important;
}

.input_ltr{
    direction:ltr;
}

.field-validation-error {

   
}