@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  /* padding-top: 40px;
  padding-bottom: 40px; */
  background-color: #fff;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.bg-white {
  background: #ffffff !important;
}

.text-primary {
  color: #6F42FF !important;
}

.text-default {
  color: #A2A2AC;
}
.border-radius-10 {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.logo {
  text-align: center;
}

.logo img {
  max-width: 200px;
  max-height: 48px;
}

.form-layout-1 {
  width: 100%;
  max-width: 440px;
  padding: 34px 80px;
  /* margin: 0 auto; */
}

.form-layout-2 {
  width: 100%;
  max-width: 440px;
  padding: 5px 40px;
}

.form-box-shadow {
  -webkit-box-shadow: 0 10px 30px rgba(111, 66, 255, 0.12);
  box-shadow: 0px 10px 30px rgba(111, 66, 255, 0.12);
}

/* .form-sign-in {
  margin-top: 40px;
} */

.form-sign-in .form-group label {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #A2A2AC;
}

.form-sign-in .form-group .form-control {
  box-shadow: none;
  margin-bottom: 8px;
  background: rgba(111, 66, 255, 0.05);
  border: 1px solid rgba(111, 66, 255, 0.05);
  border-radius: 5px;
  padding: 4px 10px;
  box-shadow: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* border-bottom: 2px solid #F1ECFF; */
}

.form-sign-in .form-group .form-control:focus {
  background-color: #fff;
  border: 1px solid #6F42FF;
}

.reg .form-group,
.reg .form-group .form-control {
  margin-bottom: 5px!important;
}
.reg h5 {
  font-weight: 500;
  font-size: 18px;
}
.form-forgot-password a {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-decoration-line: underline;
  color: #A2A2AC;
  display: block;
  text-align: left;
}

.btn-primary {
  background: #6F42FF;
  border-radius: 5px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-color: #6F42FF;
}

.treatment-img-1 {
  bottom: 0;
  margin-bottom: -260px;
  margin-left: 150px;
}

.treatment-img-1 img {
  margin-left: -35px;
}

.treatment-img-1 img {
  max-width: 262px;
}

.treatment-img-2 img {
  max-width: 262px;
}

.treatment-img-2 img {
  margin-left: 10px;
}

.treatment-img-2 {
  bottom: 0;
  margin-bottom: -260px;
  margin-right: 150px;
}

/* @media (min-width: 992px) {} */

@media (min-width: 768px) and (max-width: 991px) {
  .form-layout-1 {
    padding: 34px 20px;
  }

  .treatment-img-1 img {
    max-width: 180px;
  }

  .treatment-img-2 img {
    max-width: 180px;
  }
}

@media (max-width: 767px) {
  .form-layout-1 {
    padding: 34px 20px !important;
  }

  .treatment-img-1,
  .treatment-img-2 {
    max-width: 0px !important;
    display: none;
  }
}

/* ##Modal## */
.modal-content {
  border-radius: .4rem !important;
  border: 0 !important;
}
.modal .modal-content .modal-header {
  border-bottom: none!important;
}
.modal .modal-body {
  padding-top: 0px!important;
}


/* ##Input## */
/* .form .form-group label */
.form .form-group {
  margin-bottom: 0;
  padding: 15px 10px;
}

.form .form-group label {
  margin-bottom: 5px !important;
  color: #A2A2AC !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.form .form-group .form-control {
  box-shadow: none;
  margin-bottom: 8px;
  background: rgba(111, 66, 255, 0.05);
  border:1px solid rgba(111, 66, 255, 0.05);;
  border-radius: 5px;
  padding: 8px 10px;
  box-shadow: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* border-bottom: 2px solid rgba(111, 66, 255, 0.05); */
}

.form .form-group .form-control:focus,
.select-form-control:focus {
  border: 1px solid #6F42FF;
}
/* .form .form-group .form-control:focus {
  border-bottom: 2px solid #6F42FF;
} */

.form-inline label {
  margin-bottom: 0 !important;
}

.input-fixed {
  width: 200px;
}

.has-success .form-control {
  border-color: #00C689;
  color: #00C689;
}

.has-error .form-control {
  border-color: #F1536E;
  color: #F1536E;
}

.has-feedback {
  position: relative;
}

.form-control-feedback {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.form input::placeholder {
  color: #A2A2AC;
  opacity: 1;
}

.form input:-ms-input-placeholder { 
  color: #A2A2AC;
}

.form input::-ms-input-placeholder {
  color: #A2A2AC;
}

.has-success .form-control-feedback {
  color: #00C689;
}

.has-error .form-control-feedback {
  color: #F1536E;
}

.input-group.has-icon {
  border-radius: .25rem;
  border: 1px solid #ced4da;
}
.input-group.has-success, 
.input-group.has-icon.has-success {
  border-color: 1px solid #00C689 !important;
  color: #00C689;
}
.input-group.has-error {
  border: 1px solid #F1536E !important;
  color: #F1536E;
}
.input-group.has-icon.has-error {
  border: 1px solid #F1536E !important;
  color: #F1536E;
}

/* resetPasswordStep2 */
.resetPasswordStep2 .modal-body h3 {
  margin-bottom: 138px;
}
.resetPasswordStep2 .modal-body a.check-mail {
  display: block;
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 20px;
}
.resetPasswordStep2 .modal-body span {
  font-size: 17px;
  font-weight: 600;
}

.date-field {
  position: relative;
}

.input-group-append-custom i {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 6px;
  margin-right: 10px;
  font-size: 22px;
}