body {
    text-align: right;
    direction: rtl;
    font-family: vazir;
    font-size: 12px;
    color: #423c35;
    background: #fff url(../img/page-background.png);
	/* background: #fff url(../media/bg/1.jpg); */
}

/***
Login page
***/
.login {
  background-color: #666 !important; }

.login .logo {
  margin: 60px auto 20px auto;
  padding: 15px;
  text-align: center; }

.login .content {
  background: url(../img/bg-white-lock.png) repeat;
  width: 360px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 60px;
  padding-bottom: 15px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; 

/*width: 422px;*/
position: fixed;
top: 50%;
left: 50%;
/* margin-left: -180px;
margin-top: -250px; */

    width: 360px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -211px;
    margin-top: -187px;

}

.login .content h3 {
  color: #eee; }

.login .content h4 {
  color: #eee; }

.login .content p,
.login .content label {
  color: #fff; }

.login .mt-checkbox > span:after {
  border-color: #eee; }

.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px; }

.login .content .form-control {
  background-color: #fff; }

.login .content .forget-form {
  display: none; }

.login .content .register-form {
  display: none; }

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px; }

.login .content .form-actions {
  background-color: transparent;
  clear: both;
  border: 0px;
  padding: 0px 30px 25px 30px;
  margin-right: -30px;
  margin-left: -30px; }

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px; }

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px; }

.login .content .form-actions .rememberme {
  margin-top: 8px;
  display: inline-block; }

.login .content .form-actions .btn {
  margin-top: 1px; }

.login .content .forget-password {
  margin-top: 25px; }

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px; }

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px; }
.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top: 1px;
  margin: 4px -1px 0px 4px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center; }

.login .content .has-error .select2-container i {
  color: #b94a48; }

.login .content .select2-container a span {
  font-size: 13px; }

.login .content .select2-container a span img {
  margin-right: 4px; }
.login .copyright {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: #eee;
  font-size: 13px; }

@media (max-width: 480px) {
  .login .logo {
    margin-top: 10px; }
  .login .content {
    padding: 30px;
    width: 222px; }
  .login .content h3 {
    font-size: 22px; }
  .login .checkbox {
    font-size: 13px; } }


    input[type="text"]:-moz-placeholder {
      text-align: right;
  }

  input[type="text"]:-ms-input-placeholder {
      text-align: right;
  }

  input[type="text"]::-webkit-input-placeholder {
      text-align: right;
  }


  input[type="password"]:-moz-placeholder {
      text-align: right;
  }

  input[type="password"]:-ms-input-placeholder {
      text-align: right;
  }

  input[type="password"]::-webkit-input-placeholder {
      text-align: right;
  }

  .input {
      direction: rtl;
  }

  .input:focus {
      text-align: left;
      direction: ltr;
  }

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

  .landing-header-footer .navbar-nav>li {
      border: none
  }

  .landing-header-footer .landing-header {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 1;

      margin-left: 0;
      margin-right: 0;
  }

  .landing-header-footer .landing-header .navbar-default {
      font-weight: bold;
      background-color: rgba(255, 255, 255, 0.88);
      border: none
  }

  .landing-header-footer .landing-header .navbar-default .navbar-brand {
      /* padding: 5px 15px; */
      font-family: 'Neirizi';
      color: #000000
  }

  .landing-header-footer .landing-header .navbar-default .navbar-collapse {
      padding-top: 2px
  }

  @media (min-width:1280px) {
      .landing-header-footer .landing-header .navbar-default>.container-fluid {
          width: 1280px
      }
  }

  .landing-header-footer .landing-header .navbar-nav li .link-text {
      margin-right: 13px
  }

  .landing-header-footer .landing-header .navbar-nav li .link-text.light-green {
      color: #4bc466
  }

  .landing-header-footer .landing-header .navbar-nav li .link-text.light-green:hover {
      color: #128e14
  }

  .landing-header-footer .landing-header .navbar-nav li .icon {
      width: 33px;
      height: 33px;
      background: url(/portalserver/static/themes/bmi-fa/images/enrolment-icon-group.png) no-repeat;
      position: absolute;
      top: 8px;
      right: 0
  }

  .landing-header-footer .landing-header .navbar-nav li .icon.login-icon {
      background-position: -409px 0;
      width: 34px;
      height: 34px;
      top: 6px
  }

  .landing-header-footer .landing-header .navbar-nav li .icon.plus-icon {
      background-position: -443px 0;
      top: 6px
  }

  .landing-header-footer .landing-header .navbar-nav li .icon.mobile-icon {
      background-position: -476px 0;
      width: 26px;
      height: 26px
  }

  .landing-header-footer .landing-header .navbar-nav li .icon.info-icon {
      background-position: -502px 0;
      width: 26px;
      height: 26px
  }

  @media (max-width:767px) {
      .landing-header-footer .landing-header .navbar-nav li {
          margin-right: 5px
      }
  }

  .landing-header-footer .landing-header .navbar-nav.single-link li .link-text {
      font-size: 16px;
      margin-right: 25px
  }

  @media (max-width:767px) {
      .landing-header-footer .landing-header .navbar-nav.single-link li {
          margin-top: -6px
      }
      .landing-header-footer .landing-header .navbar-nav.single-link li .link-text {
          margin-right: 21px;
          font-size: 12px
      }
  }

  .landing-header-footer .landing-footer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: auto;
      background-color: rgba(0, 0, 0, 0.44);
      color: #fff;
      padding: 15px;
  }

  .landing-header-footer .landing-footer .navbar {
      min-height: 0;
      height: auto;
      margin: 0
  }

  .landing-header-footer .landing-footer .navbar li {
      margin: 0 10px
  }

  .landing-header-footer .landing-footer .navbar li span {
      float: left;
      padding-right: 5px
  }

  .landing-header-footer .landing-footer .navbar li .latin-font {
      direction: ltr;
      text-align: left
  }

  .landing-header-footer .landing-footer .navbar li a {
      color: #fff;
      line-height: 1.42857143;
      padding: 0
  }

  .landing-header-footer .landing-footer .navbar li a:hover {
      color: #cccccc
  }

  @media (max-width:768px) {
      .landing-header-footer .landing-footer .navbar li {
          text-align: center
      }
      .landing-header-footer .landing-footer .navbar li span {
          float: none
      }
  }

  @media (max-width:414px) {
      .landing-header-footer .landing-footer {
          display: none
      }
  }
  
  .name-location {
    right: 0;
    z-index: 99999999999;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: width 1s;
    transition: width 1s;
    overflow: hidden;
    position: fixed;
    top: 142px;
    color: #fff;
    border-radius: 50px 0 0 50px;
}

.name-location:hover {
    width: 210px;
    cursor: help
}

.back-full-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.back-full-bg .img-responsive {
    width: 100%;
    height: 100%;
}

.showLoginBtn {
  right: 0;
  z-index: 99999999999;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: width 1s;
  transition: width 1s;
  overflow: hidden;
  position: fixed;
  top: 185px;
  color: #fff;
  border-radius: 50px 0 0 50px;
}

.showLoginBtn:hover {
  width: 210px;
  cursor: pointer
}

.landing-login .container-fluid {
  width: 422px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -211px;
  /* margin-top: -187px */
  margin-top: -240px
}

.landing-login .container-fluid .container-header {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 14px;
  font-size: 21px;
  text-align: center
}

.landing-login .container-fluid .container-header .caption {
  font-size: 21px;
  margin: 5px auto
}

.landing-login .container-fluid .container-header .close-button {
  position: absolute;
  right: 12px;
  top: -2px;
  /* font-size: 18px; */
  font-size: 15px;
  padding: 10px;
  color: #fff;
  cursor: pointer
}

.landing-login .container-fluid .container-header .close-button:hover {
  color: #fc0000
}

.landing-login .container-fluid .container-body {
  /* background: url(../assets/pages/img/bg-white-lock.png) repeat; */
  background-color: rgba(255, 255, 255, 0.60);
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-top: none;
  /* padding: 40px 35px 35px; */
  padding: 20px 35px 60px;
  position: relative
}

.landing-login .container-fluid .container-body .form-group:first-child {
  margin-bottom: 10px
}

.landing-login .container-fluid .container-body input[type=text],
.landing-login .container-fluid .container-body input[type=tel],
.landing-login .container-fluid .container-body input[type=password] {
  border: 1px solid rgba(0, 0, 0, 0.22);
  /* height: 55px; */
  height: 42px;
  border-radius: 4px;
  font-size: 16px;
  direction: ltr;
  text-align: right;
  color: #858585;
  font-weight: 400;
  /* padding-right: 95px; */
  padding-right: 35px
}

.landing-login .container-fluid .container-body input[type=text].disabled,
.landing-login .container-fluid .container-body input[type=tel].disabled,
.landing-login .container-fluid .container-body input[type=password].disabled,
.landing-login .container-fluid .container-body input[type=text][disabled=disabled],
.landing-login .container-fluid .container-body input[type=tel][disabled=disabled],
.landing-login .container-fluid .container-body input[type=password][disabled=disabled] {
  border: 1px solid #333
}

.landing-login .container-fluid .container-body input[type=text]::-webkit-input-placeholder,
.landing-login .container-fluid .container-body input[type=tel]::-webkit-input-placeholder,
.landing-login .container-fluid .container-body input[type=password]::-webkit-input-placeholder,
.landing-login .container-fluid .container-body input[type=text]::-moz-placeholder,
.landing-login .container-fluid .container-body input[type=tel]::-moz-placeholder,
.landing-login .container-fluid .container-body input[type=password]::-moz-placeholder,
.landing-login .container-fluid .container-body input[type=text]:-ms-input-placeholder,
.landing-login .container-fluid .container-body input[type=tel]:-ms-input-placeholder,
.landing-login .container-fluid .container-body input[type=password]:-ms-input-placeholder,
.landing-login .container-fluid .container-body input[type=text]:-moz-placeholder,
.landing-login .container-fluid .container-body input[type=tel]:-moz-placeholder,
.landing-login .container-fluid .container-body input[type=password]:-moz-placeholder {
  font-weight: bold;
  color: #ccc
}

.landing-login .container-fluid .container-body input[type=text]:-webkit-autofill,
.landing-login .container-fluid .container-body input[type=tel]:-webkit-autofill,
.landing-login .container-fluid .container-body input[type=password]:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
  border: 1px solid #ccc !important
}

.landing-login .container-fluid .container-body .progress {
  margin-top: -10px;
  border-radius: 0 0 4px 4px;
  border-right: 1px solid rgba(0, 0, 0, 0.22);
  border-left: 1px solid rgba(0, 0, 0, 0.22)
}

.landing-login .container-fluid .container-body .progress .progress-bar {
  background-color: #288ade
}

.landing-login .container-fluid .container-body .otp-message,
.landing-login .container-fluid .container-body .alert-warning {
  font-size: .9em;
  text-align: justify;
  margin-bottom: 20px;
  background-color: #fff;
  color: #000000;
  padding: 10px;
  line-height: 2em;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em
}

.landing-login .container-fluid .container-body .alert-warning {
  background-color: rgba(255, 0, 0, 0.8);
  color: #fff
}

.landing-login .container-fluid .container-body .keyboardInputInitiator {
  margin-top: -43px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAQAAAD41aSMAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAABANJREFUeNrt3c1LVFEcxvFnSgc1EyEIKgi0ICJqVpHUplwUSJva2aaF/0FguNRVKgT9CW3SjbTThTTQpshd08KVL9topYhGWkyboBfNOeeec+f+jvN9glYzkz4fz/ndM3eq0qhIkTlGBQAAQAAAgAAAAAEAAAIAAAQAAAgAABAAACAAAEAAAIAAAACJn7ZMzzqp+xpURf3qUXuLN7inTa2rpqrmteX/9JL3B7MuakyP1MnP7r7saFaTWslzC+rQlJY1Qv0HpksjWta0OvIC6NMHPW35LefwtGtUS7qQB8AVvVOFhh1yTe/dm3IFOK9FnaFbx5zWousqcAMoa05n6dWL4LXbLHADGNN1OvXeiCZiXYae04rfZCe/TgiXtRpjBTyh/oxXRGMxtqCyHtNlxgyrOxzgjk7RZMac0FAMAJI9g+EAHL5CUgkH6KPFgPSHA/TQYkB6Y1wFkewphwOUaDHPcEsSAACIaQBmACsAAJJb2qK/YqMtq37EHs8MYAsiAABAmAGsAAIAAIQZwAogAABAmAGsAAKA/cS/H1BvscczA9iCCAAAEGYAK4AAwDmAzwUxA9iCCAAAEGYAK4AAAABhBrACCAAAEGYAK4AAYC98Lij08cwAtiACAACEGcAKIAAAQJgBrAACAACEGcAKIADYT1vhX0HRW1zd+gpgBrAFAUAA4BxAWAEAEACYAYQVAAABAAACAAAkOI3vB+ypPdevoH6k+90NXwGb/JQGZCMcYJ0WA7IWDlCjxYDUwgGqtBiQajjAvHboMWO2tRAOsKVZmsyYV9qOcQ6Y1B5dZroEnYpzEFvRC9rMkOeNr4Gk0qjLS3VqSVdp1CsfNaBvcVaA9FUP9IVOPfJZD13qd38vaFV3IfCo/57rAdb9zbiabuoT3TptPh5N+bwbuqobmuaKqMGVzzMN+Lx9c/yWz8t/1xvNqEuXVKbrA45dLzWsOf3weZLbVdC/6daQBlVRv3pbnmJXG1pTTVUtND52xQIg0cIdMQAAIAAAQAAAgAAAAAEAAAIAAAQAAEhLAIyrXuCv8aK/fb9bknnkrUq6XdCfPQFAkQQG6rcBUAyBifqtADSfwEj9dgCaS2CmfksAzSMwVL8tgOYQmKrfGkD+BMbqtweQL4G5+i0C5EdgsH6bAPkQmKzfKkB8AqP12wWIS2C2fssA8QgM128bIA6B6fqtA4QTGK/fPkAYgfn6UwDITpBA/WkAZCNIov5UAPwJEqk/HQA/gmTqTwnAnSCh+tMCcCNIqv7UABoTJFZ/egCHEyRXf4oA/ydIsP40AQ4mSLL+VAH2EyRaf7oAfxMkW3/KAL8JEq7fwn9nG5LxP35PNPx7QQWHvyEDAAAEAAAIAACQAvIT3q3z/EXpGlIAAAAASUVORK5CYII=');
  width: 32px;
  height: 32px
}

.landing-login .container-fluid .container-body button.btn {
  color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1)
}

.landing-login .container-fluid .container-body button.btn.btn-primary {
  background-color: #009cfc
}

.landing-login .container-fluid .container-body button.lp__login-button {
  height: 55px;
  display: block;
  width: 100%;
  font-size: 18px;
  margin-top: 30px
}

.landing-login .container-fluid .container-body button.disabled,
.landing-login .container-fluid .container-body button[disabled=disabled] {
  opacity: .8;
  -moz-opacity: .8
}

.landing-login .container-fluid .container-body .input-container .form-group {
  position: relative
}

.landing-login .container-fluid .container-body .input-container .form-group label {
  position: absolute;
  right: 16px;
  font-size: 17px;
  top: 15px;
  color: #b3b3b3
}

.landing-login .container-fluid .container-body .lp__otp-code input[type=tel],
.landing-login .container-fluid .container-body .lp__otp-code input[type=text] {
  border-radius: 4px 4px 0 0;
  padding-right: 130px;
  letter-spacing: 10px
}

@media (max-width:400px) {
  .landing-login .container-fluid .container-body .lp__otp-code input[type=tel],
  .landing-login .container-fluid .container-body .lp__otp-code input[type=text] {
      letter-spacing: 5px
  }
}

.landing-login .container-fluid .container-body .lp__otp-buttons {
  text-align: left
}

.landing-login .container-fluid .container-body .lp__otp-buttons .btn {
  height: 55px;
  padding: 0 25px
}

@media (max-width:400px) {
  .landing-login .container-fluid .container-body .lp__otp-buttons .btn {
      padding: 0 20px
  }
}

.landing-login .container-fluid .container-footer {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
  font-size: 11px;
  text-align: center
}

.landing-login .container-fluid .container-footer a {
  color: #fff;
  margin: auto 10px
}

.landing-login .container-action-show {
  width: 180px;
  height: 40px;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  position: fixed;
  top: 185px;
  color: #fff;
  border-radius: 50px 0 0 50px;
  cursor: pointer;
  right: -140px;
  text-align: left;
  padding-left: 10px;
  padding-top: 6px;
  -webkit-transition: right 250ms linear;
  transition: right 250ms linear
}

/* ////// */

@media (min-width: 768px) {
  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
      margin-right: -340px;
  }
}

/* ///// */

@media (max-width:768px) {
  .landing-login .container-action-show {
      display: none
  }


  .landing-login .container-action-show.incomplete-anime {
      right: -250px
  }

  .landing-login .container-action-show .action-title {
      font-size: 16px;
      vertical-align: top;
      padding-left: 10px;
      line-height: 1.8
  }

  .landing-login .container-action-show .action-icon {
      font-size: 25px
  }

  .landing-login .container-action-show:hover {
      -webkit-transition: right 250ms linear;
      transition: right 250ms linear;
      right: -35px
  }

  .back-full-bg {
      display: none
  }

  .name-location {
      display: none
  }
}

@media (max-width:414px) {
  .landing-login .container-fluid {
      width: 100%;
      position: relative;
      top: 50px;
      left: auto;
      margin: 0 auto;
      padding: 0
  }
  .landing-login .container-fluid .container-header {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0
  }
  .landing-login .container-fluid .container-header .close-button {
      display: none
  }
  .landing-login .container-fluid .container-body {
      background-color: rgba(255, 255, 255, 0.65);
      border: none
  }
  .landing-login .container-fluid .container-footer {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0
  }
}

.div-back-form {
  background-color: rgba(255, 255, 255, 0.33);
  border: 1px solid rgba(0, 0, 0, 0.22);
  padding: 35px 35px 35px;
  position: relative;
}

.container-footer {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
  font-size: 11px;
  text-align: center;
  bottom: 0px;
  left: 0px;
}

.center {
  position: absolute;
  height: 50px;
  width: 50px;
  background: red;
  top: calc(50% - 50px/2);
  left: calc(50% - 50px/2);
}