.descBlock {
  box-shadow: 0 2px 4px 0 rgba(136, 132, 132, 0.39);
  position: relative;
  top: 10rem;
  font-family: "Dubai";
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.error-msg {
  text-align: left;
}

.multiselect .error-msg {
  position: absolute;
  bottom: -25px;
}

.custom-form #disclaimer + label.validation-error-label:before {
  border: 1px solid #f00;
}

[dir=rtl] .multiselect ul li a input[type=checkbox] {
  margin-left: -20px !important;
}

.custom-from-group ul {
  display: none;
}

.custom-from-group ul li {
  padding: 0 !important;
  margin: 0 !important;
}

.custom-from-group .input-group > .input-group-item:first-child input {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.38);
  border-radius: 5px;
  font-size: 20px;
  width: 100% !important;
}

.custom-from-group .input-group > .input-group-item:first-child {
  width: 100%;
}

.multilangname label {
  z-index: 3;
}

#emailAddress ~ .error-msg {
  position: absolute;
  top: 75%;
}

@media (max-width: 991px) {
  .descBlock {
    top: 0;
  }
  .login-form {
    width: 100%;
  }
  .w-40 {
    width: 100% !important;
  }
  .w-30 {
    width: 100% !important;
  }
  .descBlock .bottomText {
    padding: 20px 20px !important;
  }
}
@media only screen and (max-width: 789px) {
  #message {
    top: 10px !important;
    position: relative !important;
    left: 0px !important;
  }
}
.flexRow {
  align-items: flex-start !important;
}

.custom-form {
  display: flex;
  flex-direction: column;
  margin: auto;
}

.custom-form h3.form-title {
  padding-bottom: 20px;
}

.custom-form .custom-form-title {
  font-size: 30px !important;
  margin-bottom: 10px !important;
}

.custom-form > .custom-from-group {
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  text-align: end;
}

.custom-form > .custom-from-group.multiselect.validation-error {
  margin-bottom: 40px;
}

.custom-form > .custom-from-group.emailaddr > input.validation-error {
  margin-bottom: 20px;
}

.custom-form .validation-error > input {
  border: 1px solid red !important;
  color: red !important;
}

.validation-error {
  border: 1px solid red !important;
  color: red !important;
}

.validation-error-label {
  color: red !important;
}

.error-message {
  text-align: left;
  color: red;
  font-size: 10px;
  display: none;
  padding: 10px 0;
}

.custom-form .validation-error > label {
  color: red !important;
}

.onetec-css .page .img-desc-style-1 .descBlock {
  padding-left: 0;
  padding-right: 0;
}

.custom-form > .custom-from-group > label {
  padding: 17px 10px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.45s;
  transition-timing-function: ease;
  opacity: 0.5;
  margin: 0;
  display: flex;
  align-items: center;
}

.custom-form > .custom-from-group > input,
.custom-form > .custom-from-group > select,
.custom-form > .custom-from-group > textarea {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.38);
  border-radius: 5px;
  font-size: 20px;
  width: 100%;
}

.custom-form > .custom-from-group > input:focus + label,
.custom-form > .custom-from-group > input:not(:placeholder-shown) + label,
.custom-form > .custom-from-group > select:focus + label,
.custom-form > .custom-from-group > select:valid + label,
.custom-form > .custom-from-group > textarea:focus + label,
.custom-form > .custom-from-group > textarea:not(:placeholder-shown) + label {
  background: #fff;
  opacity: 1;
  transform: scale(0.75) translateY(-70%) translateX(-14px);
  left: 10px;
  color: rgba(0, 0, 0, 0.6);
  height: 30px;
}

.custom-form .submit-btn {
  padding: 10px !important;
  background: #00a2a0 !important;
  color: white !important;
  border: none !important;
  border-radius: 5px !important;
  width: 100% !important;
  font-size: 18px !important;
}

.submit-btn {
  padding: 10px !important;
  background: #00a2a0 !important;
  color: white !important;
  border: none !important;
  border-radius: 5px !important;
  width: 100% !important;
  font-size: 18px !important;
}

.login-form #forget__password {
  margin-top: 2rem;
  color: black;
  outline: none;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
}

.login-form #forget__password:hover {
  text-decoration: underline;
}

.login-form .custom-divider {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
}

.login-form .custom-divider .before-line, .login-form .custom-divider .after-line {
  height: 1px;
  opacity: 0.12;
  background-color: #000000;
  width: 40%;
}

.login-form .custom-divider h5 {
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #000000;
}

.login-form #request__access {
  border: 2px solid;
  background: transparent;
  color: black;
  margin-top: 1rem;
  padding: 10px;
  outline: none;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.bw-btn {
  border: 2px solid;
  background: transparent;
  color: black;
  margin-top: 1rem;
  padding: 10px;
  outline: none;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.login-form #guest__access {
  color: #00a2a0;
  margin-top: 1rem;
  outline: none;
  text-decoration: underline;
  font-weight: normal;
  font-size: 15px;
  width: 100%;
  text-align: center;
}

.custom-form .stay-signed-in {
  /* display: flex; */
}

.custom-form .stay-signed-in label {
  margin-left: 7px;
}

.custom-form #disclaimer {
  visibility: hidden;
}

.custom-form .stay-signed-in > label {
  cursor: pointer;
}

.custom-form #disclaimer + label:before {
  border: 1px solid #333;
  content: " ";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 0.25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
}

.custom-form #disclaimer:checked + label:before {
  content: "✓";
  text-align: center;
  border: none;
  color: #fff;
  background: #00a2a0;
}

.custom-form #disclaimer:checked + label:after {
  font-weight: bold;
}

.custom-form #disclaimer:focus + label::before {
  outline: rgb(59, 153, 252) auto 5px;
}

.forget-form > .form-title {
  margin: 0;
}

.forget-form > #from__sub__title {
  font-size: 15px;
  color: #0d0c0c;
  margin-bottom: 2rem;
  font-weight: 500;
}

.steps,
.new-password-form > .steps {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.step,
.new-password-form > .steps > .step {
  width: 25px;
  height: 25px;
  border: 2px solid #c8c8c8;
  color: #c8c8c8;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}

.steps > .line-step,
.new-password-form > .steps > .line-step {
  height: 4px;
  background-color: #d8d8d8;
  width: 15%;
  margin: 0;
}

.steps > .active-line,
.new-password-form > .steps > .active-line {
  background-color: #0a6068;
}

.steps > .active-step,
.new-password-form > .steps > .active-step {
  border: 2px solid #0a6068;
  color: #0a6068;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: bold;
}

.forget-form > .submit-btn,
.new-password-form > .submit-btn {
  margin-bottom: 2rem;
}

.new-password-form > .form-title {
  margin-bottom: 1rem;
}

.welcome-guest-container, .thank-you-container {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: auto;
  height: 300px;
}

.welcome-guest-container {
  width: 75%;
  margin-top: 1rem;
}

.welcome-guest-container h2, h5 {
  margin: 0;
}

.welcome-guest-container h5 {
  font-weight: lighter;
  font-size: 23px;
}

.thank-you-container > h2,
.welcome-guest-container > h5 {
  margin-bottom: 2rem;
}

.thank-you-container p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: 0.11px;
  color: #000000;
}

.welcome-guest-container p {
  font-family: Dubai;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: 0.25px;
  color: #000000;
}

.thank-you-container a,
.welcome-guest-container a {
  padding: 10px !important;
  background: #00a2a0 !important;
  color: white !important;
  border: none !important;
  border-radius: 5px !important;
  width: 100% !important;
  font-size: 18px !important;
  margin-bottom: 2rem !important;
  text-decoration: none !important;
  text-align: center !important;
}

.welcome-guest-container a {
  width: 70%;
}

.custom-from-group .glyphicon {
  position: absolute !important;
  top: 18px !important;
  right: 15px;
}

.green-btn {
  background: #00a2a0 !important;
  color: white !important;
  border: none !important;
  border-radius: 5px !important;
}

.red-btn {
  background: #be122a !important;
  color: white !important;
  border: none !important;
  border-radius: 5px !important;
}

.tick {
  color: green;
}

.remove {
  color: red;
}

.confirmpsd {
  right: 40px !important;
}

.confirmfpsd {
  right: 40px !important;
}

#message {
  display: none;
  background: rgba(0, 0, 0, 0.7803921569);
  border-radius: 5px;
  color: #000;
  position: absolute;
  padding: 5px;
  text-align: left;
  left: 100%;
  top: 0;
  color: #fff;
  width: 200px;
  margin-left: 10px;
}

#message p {
  padding: 5px 5px;
  font-size: 10px;
  margin: 0;
  position: relative;
  color: #fff !important;
  padding-left: 25px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid:before {
  position: absolute;
  left: 5px;
  content: "\e013";
  color: green;
  font-weight: bolder;
  font-family: "Glyphicons Halflings";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid:before {
  position: absolute;
  left: 5px;
  content: "\e014";
  font-family: "Glyphicons Halflings";
  color: red;
  font-weight: bolder;
}

.multiselect-container > li > a > label > input[type=checkbox] {
  -webkit-appearance: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.multiselect .btn-group {
  width: 100%;
}

.multiselect {
  border: 1px solid #9e9e9e;
  border-radius: 5px;
}

.custom-form > .custom-from-group.multiselect > label {
  padding: 0px 7px;
  pointer-events: none;
  position: absolute;
  left: 10px;
  top: -11px;
  transition: 0.45s;
  transition-timing-function: ease;
  opacity: 1;
  margin: 0;
  display: flex;
  align-items: center;
  color: #9e9e9e;
  font-weight: 200;
  background: #fff;
  z-index: 2;
}

.onetec-css .multiselect .btn-default.dropdown-toggle {
  color: #636363 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
  width: 100%;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

.onetec-css .multiselect .multiselect-container {
  width: 100%;
}

.onetec-css .multiselect .multiselect-container > li > a > label {
  padding: 3px 20px 3px 20px !important;
}

.onetec-css .multiselect .caret {
  float: right;
  margin-top: 8px;
}

.onetec-css .multiselect .caret {
  float: right;
  margin-top: 8px;
}

[dir=rtl] .emailaddr #mailDomain {
  direction: rtl !important;
}

.register-form .custom-divider {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 2rem 0;
}

.register-form .custom-divider .before-line, .register-form .custom-divider .after-line {
  height: 1px;
  opacity: 0.12;
  background-color: #000000;
  width: 40%;
}

.register-form .custom-divider h5 {
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #000000;
}