body {
  font-family: cairo, sans-serif;
  font-weight: 500;
  direction: rtl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
}

/*  */

header {
    height: 100vh !important
}

header::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.heading {
    width: 200px !important;
}

@media (max-width: 768px) {
    .modal .close {
        color: #00999D;
    }
}

.modal .modal-body .form-wrapper .input-group .form-control {
    padding-left: 40px;
}

.modal .modal-body .form-wrapper .input-group .input-group-append {
    height: 38px;
    position: absolute;
    left: 0;
    z-index: 3;
    cursor: pointer;
}

.modal .modal-body .form-wrapper .input-group .input-group-append .input-group-text {
    background: transparent;
    border: 0;
}

.modal form .custom-control .custom-control-label {
    margin-right: .5em;
    color: #fff;
}

.modal form .custom-control .custom-control-label::before, .modal form .custom-control .custom-control-label::after {

    top: 3px;
}

.modal form .custom-control .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
}

.modal form .custom-control .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #00999D;
}

.modal form .custom-control .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fff;
    border-color: #fff;
}

.modal form .custom-control .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #fff;
    background-color: #fff;
}

.modal form .custom-control .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 8 8'%3e%3cpath fill='%2300999D' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.modal .modal-body .form-wrapper .btn[type=submit] .spinner-border {
    vertical-align: sub !important;
}



/* Main */
main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

main form img {
  pointer-events: none;
}

main form h2 {
  color: #00999D;
}

main form span {
  font-size: 1.2rem;
}

main form .form-group {
  text-align: right;
}

main form .form-group label {
  margin-bottom: 0;
}



main form .form-group .form-control {
  border-color: #00999D;
  border-radius: 12px;
}

main form .form-group .form-control:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 152, 157, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 152, 157, 0.25);
}



main form .btn {
  background-color: #C49F55;
  padding: .1em 3em;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 12px;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear;
}

main form .btn:hover {
  color: #fff;
  background-color: #dfb45f;
}

main form .btn:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(233, 189, 100, 0.4);
          box-shadow: 0 0 0 0.2rem rgba(233, 189, 100, 0.4);
}

/*  */
/* Footer */
footer {

  display: none;
}

/*  */
/*# sourceMappingURL=style.css.map */