@font-face {
  font-family: iransans;
  src:
    url("../fonts/iransans/IRANSansFaNum.eot"),
    url("../fonts/iransans/IRANSansFaNum.otf"),
    url("../fonts/iransans/IRANSansFaNum.svg"),
    url("../fonts/iransans/IRANSansFaNum.ttf"),
    url("../fonts/iransans/IRANSansFaNum.woff"),
    url("../fonts/iransans/IRANSansFaNum.woff2");
}

body {
  font-size: 14px;
  text-align: right;
  direction: rtl;
  background-image: url("./../images/sahel.png");
  background-size: cover;
  /*background: url('../images/g18.jpg') no-repeat;*/
  /*background-size:cover;
    backdrop-filter:blur(5px)*/
}
body * {
  font-family: iransans;
}
footer {
  border-top: 1px solid #eee;
  padding: 15px;
  background-color: #e9e7e7;
}

main {
  margin: 50px 0;
}

.login-form {
  text-align: right;
  margin-bottom: 10px;
  border: 1px solid #e3edf6;
  border-radius: 5px;
  /*padding:15px;*/
  background-color: rgba(0, 0, 0, 0.4);
}

.login-form .form-horizontal {
  padding: 15px;
}

.login-form #forgot-password {
  float: left;
}

.login-form .btn-login {
  width: 100%;
}

.login-form .register-div {
  padding: 15px;
  border-top: 1px solid #eee;
  background-color: #d8e4ed;
}

.login-form .register-div span {
  font-size: 15px;
  color: #808080;
  margin-left: 10px;
}

.login-logo {
  text-align: center;
  margin-bottom: 10px;
  border: 1px solid #c8cbce;
  border-radius: 5px;
  background-color: #ecf6ff;
  padding: 10px;
}

/* #forget-password-form {
  border: 1px solid #d7e4f7;
  border-radius: 5px;
} */
.radio label,
.checkbox label {
  margin-bottom: 0;
}
.login-logo img {
  width: 50%;
}

.login-logo a {
  display: block;
}

.DisableItems {
  pointer-events: none;
  position: relative;
  border-radius: 5px;
  min-height: 100px;
}

.DisableItems::after {
  content: url("../images/loading.gif");
  color: #2b71e0;
  width: 100%;
  top: calc(50% - 23px);
  left: 0;
  text-align: center;
  position: absolute;
}

.DisableItems * {
  pointer-events: none;
  opacity: 0;
}

.DisableItemsSelect {
  pointer-events: none;
  opacity: 0.3;
}
#create-customer {
  border: 1px solid #c8cbce;
  border-radius: 5px;
}
.hide {
  display: none !important;
}
a:hover {
  color: #48b7f7;
}

a:hover {
  text-decoration: none;
  color: #60b8ea;
}
main {
  margin: 0 !important;
}
.login-wrapper {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-wrapper section {
  max-width: 400px;
}
.login-wrapper section .login-form {
  background-color: rgba(0, 0, 0, 0.4);
  border: 0 !important;
  padding: 15px;
  border-radius: 10px;
}
@media screen and (max-width: 575px) {
  .login-wrapper section .login-form {
    width: 80%;
    margin: 0 auto;
  }
}
.login-wrapper section label {
  color: white;
}

.login-wrapper section input::placeholder {
  font-size: 12px !important;
}
.fs-18 {
  font-size: 18px;
}
.forget-link {
  color: #c2ccff;
  display: inline-block;
  margin-top: 3px;
}
.forget-link:hover {
  color: #7e94ff;
}
.k-btn-phosphorus {
  background-color: #5b6bf6;
  color: white;
  border-radius: 7px;
  height: 40px;
  transition: 0.3s;
  font-size: 16px;
}
.k-btn-phosphorus:hover {
  transition: 0.3s;
  color: white;

  background-color: #2239fb;
}
.form-control {
  height: unset !important;
}
.has-error .help-block {
  color: #ff6461;
}