/*========================================================
        DARK LAYOUT
=========================================================*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }
@font-face {
  font-family: Montserrat-Arabic !important;
  src: url();
}
.authentication{
  display: flex;justify-content: center;align-items: center;height: 88vh;
}
.img{
  display:flex;
  justify-content: center;align-items: center;
}
.img .mb-1{
  width: 90px;height: 89px;
}
.mb-0{
  color: rgba(212, 160, 0, 1) !important;font-family: Montserrat-Arabic !important;
  font-weight: 500;line-height: 17px;
  font-size: 32px;display:flex;
  justify-content: center !important;align-items: center !important;
}

p{
  color: rgba(19, 44, 70, 1) !important;font: Montserrat-Arabic !important;
  font-weight: 400;line-height: 12px;display:flex;
  font-size: 16px !important;  justify-content: center;align-items: center;
}
fieldset{
  margin-bottom: auto !important;
}
.form-control{
  background-color: rgba(249, 250, 251, 1) !important;height: 50px;
  border-radius: 12px;font-family: Montserrat-Arabic;
  font-weight: 400;line-height: 28px;color: rgba(19, 44, 70, 1) !important;
  font-size: 12px;align-items: right;  margin-top: auto !important;
  width: 450px !important;

}
.form-control::placeholder{
    height: 50px;
    font-family: Montserrat-Arabic;
    font-weight: 400;line-height: 20px;color: rgba(19, 44, 70, 1) !important;
    font-size: 12px;align-items: right;
}

input:focus {
  border-color: rgba(255, 192, 0, 1) !important;
}
.form-label-group label {
  color:gray !important;
  font-size:10px;
}
.btn{
  background-color: rgba(255, 192, 0, 1) !important;
  height: 50px;border-radius: 16px;font-family: Montserrat-Arabic;font-weight: 700;
  color:rgba(19, 44, 70, 1) !important; font-size: 16px;box-shadow: none !important;
  line-height:15px;
   margin-top: auto !important;
}
.btn:hover{
  color: rgba(19, 44, 70, 1) !important;
}
.btn:focus{
  background-color: rgba(255, 192, 0, 1) !important;
  padding: 16px;border-radius: 16px;font: Montserrat-Arabic;
  font-weight: 400;line-height: 28px;color:rgba(19, 44, 70, 1) !important;
  font-size: 16px;box-shadow: none !important;color: rgba(19, 44, 70, 1) !important;
}
.field-icon {
  left: 12px;margin-top: -29px;
  position: absolute;
  z-index: 2;
  cursor: pointer;font-size:12px !important;
}

@media (max-width: 576px) {
  .authentication{
    display: flex;justify-content: center;align-items: center;
  }
  .mx-auto{
    font-size :2em;
  }
  .form-control{width: 100%; margin: 10px 0;
}
.field-icon{
    margin-top: -41px;
}
}
@media (max-width: 991.98px) {
  .authentication{
    display: flex;justify-content: center;align-items: center;
  }
  .form-control{width: 100%; margin: 10px 0;
}
}
@media (max-width: 1299.98px) {
  .authentication{
    display: flex;justify-content: center;align-items: center;
  }
  .form-control{width: 100%; margin: 10px 0;
}
}