@font-face {
  font-family: 'ieDinNextLTArabic';
  src: url('../fonts/DINNextLTArabic-Regular.eot');
}

@font-face {
  font-family: 'DinNextLTArabic';
  src: url('../Fonts/DINNextLTArabic-Regular.ttf');
}

*
{
    /*font-family: MyFont;*/
    font-family: ieDinNextLTArabic, DinNextLTArabic, "Helvetica Neue", Helvetica, Arial, sans-serif; /*"Trebuchet MS", Arial, Helvetica, sans-serif;*/
    /*color: #363636; font color should not be place here because it overrides the error message color generator by jquery.valid.*/
    margin:0; 
    padding:0;

}
body {
  background-image: url(../Images/bg.jpg);
  background-size: 100%;
  background-color: #808080;
  background-size: auto;
  background-repeat: no-repeat;
  background-position-y: -100px;
  padding-top: 3%;
}
  
  
.login-form {    
    padding: 30px;
    min-height: 200px;  
    width: 400px; 
    border-radius: 10px;
    margin-top: 10%;
    margin-top: 10%;
    margin-left: auto!important;
    margin-right: auto!important;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    overflow: auto;
}

.vertical-middle-login
{
    position: absolute!important;
    top: 40%!important;
    width: 100%;
    min-width: 100%;
}

 .login-form input{
     height: 4em;
     line-height: 4em;
 }
 
 .login-form .control-label{     
     margin-bottom: 10px;    
 }

 .btn-fill-width{
    display: block;
    min-width: 100%!important;
    width: 100%!important;
    border-radius: 15px!important;
    background-color: rgb(16,126,187);
    border: 0px!important;
}
 
.form-group:after
{
    display: block;
    clear: both;
    content: " ";
}

.row-block-seperator
{
    width: 100%;
    margin: 0 auto;
    height: 10px;
    background-color: #e4e4e4;
    display: block;
    position: relative;
    clear:both;
}
a
{
    color: rgb(16,150,201);
}

.icon
{
    width: 24;
    height: 24px;
}

.add-user
{
    margin-left: 20px;
}

.add-user-panel
{
    padding-top: 5px;
    font-size: 1.5em;
    direction: rtl;
}
.editor-label-login
{
    min-width: 100%!important;
    width: 100%!important;
    color: #ffffff!important;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text-align-center
{
    text-align: center
}

.form-group-login {
  margin-bottom: 10px;
}

.form-group-login-20 {
  margin-bottom: 20px;
}

.form-group-login-bottom {
   position: absolute;
   bottom: 20px;
   width: 100%!important;
   min-width: 100%!important;
}

.text-white{
    color: white;
}
.btn-white
{
    opacity: 1;
    background-color: white!important;  
    color: rgb(16,150,201);
}

.btn-white:hover
{
    color: rgb(16,150,201)!important;
}

.landing-page-list{
    position: absolute;
    top: 30%;
      min-width: 100%;
    width: 100%;
}