@font-face {
  font-family: byekan2;
  src: url("byekan2.woff");
}
@font-face {
  font-family: byekan;
  src: url("byekan2.woff");
}
.byekan2 {
  font-family: byekan2 !important;
}
.byekan {
  font-family: byekan !important;
}
.bold {
  font-weight: bold !important;
}
.nowrap {
  white-space: nowrap !important;
}
.normal {
  font-weight: normal !important;
}
.border-1 {
  border: 1px solid #000000 !important;
  border-radius: 10px !important;
}
body {
  font-family: byekan2;
}
.login-box{  
  border-radius: 5px;
  opacity: 1;
  background-color: #eae5de !important;
  border-radius: 20px;
  border: 4px solid #423e38;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  box-shadow: 30px 30px 15px 10px #333 !important;
}
.login-content{
  min-height: 80vh !important;
}
.btn-my-close{
  background-color: #c50b07  !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 15px !important;
}
.btn-my-close:hover{
  background-color: #f4504a !important;
  color: #000000 !important;  
}
.btn-my-close-2{
  background-color: #ba2da5  !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 15px;
}
.btn-my-close-2:hover{
  background-color: #ed56d7 !important;
  color: #000000 !important; 
  border: 2px solid #888888 !important; 
}
.mobile-input{
  letter-spacing: 8px;
  color:#000000;
  border: 2px solid #000000;
  font-family: byekan2;
  font-size: 16px;
  direction: ltr !important;
  text-align: center;
  font-weight: bold;
  border-radius: 15px !important;
}

.mobile-lbl{
  color:#000000 !important;
  font-family: byekan2;
  font-size: 13px;
  font-weight: bold;
  margin-right: 12px !important;
}
.step-title{
  font-family: byekan2;
  font-weight: bold;
  text-align: center;
  font-size: 25px;
  color:#222222 !important;
      margin-top: 25px;
    margin-bottom: 40px;
    text-shadow: 5px 5px 5px #9c9393;
}

.btn-otp{
  margin-top: 25px;
  margin-right: 1px;
  float:right;
  background-color: #62ce82   !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 15px;
  
}
.btn-otp:hover{
  background-color: #118333 !important;
  color: #fff !important; 
  border: 2px solid #fff !important; 
}

.btn-return{
  margin-top: 25px;
  margin-left: 1px;
  float:left;
  background-color: #fbb700  !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 10px;
}
.btn-return:hover{
  background-color: #333 !important;
  color: #fbb700 !important; 
  border: 2px solid #fbb700 !important; 
}

.btn-return-2{  
  margin-left: 1px;
  float:left;
  background-color: #4a4946  !important;
  color: #ffb901  !important;
  border: 2px solid #ffb901  !important;
  border-radius: 10px;
}
.btn-return-2:hover{
  background-color: #ffb901 !important;
  color: #4a4946 !important; 
  border: 2px solid #4a4946 !important; 
}

.mobile-text{
  letter-spacing: 2px !important;
  margin-right: 2px;
  margin-left: 2px;
  display: inline-block;
}

.otp-input{
  letter-spacing: 10px;
  color:#000000;
  border: 2px solid #000000;
  font-family: byekan2;
  font-size: 16px;
  direction: ltr !important;
  text-align: center;
  font-weight: bold;
  border-radius: 15px !important;

}

.otp-lbl{
  color:#000000 !important;
  font-family: byekan2;
  font-size: 13px;
  font-weight: bold;
  margin-right: 12px !important;
}

.btn-resend{
 
  background-color: #666666    !important;
  color: #ffb901 !important;
  border: 2px solid #ffb901  !important;
  border-radius: 15px;   
  height: 58px;
  font-size: 13px;
  width: 100%;
  
}
.btn-resend:hover{
  background-color: #4a4747 !important;
  color: #e79403 !important; 
  border: 2px solid #e79403 !important; 
}

.pass-input{
  letter-spacing: 5px;
  color:#000000;
  border: 2px solid #000000;
  font-family: byekan2;
  font-size: 16px;
  direction: ltr !important;
  text-align: center;
  font-weight: bold;
  border-radius: 15px !important;

}

.pass-lbl{
  color:#000000 !important;
  font-family: byekan2;
  font-size: 13px;
  font-weight: bold;
  margin-right: 12px !important;
}

.btn-validate-otp{  
  margin-left: 1px;
  float:right;
  background-color: #ffb901   !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 10px;
}
.btn-validate-otp:hover{
  background-color: #333 !important;
  color: #ffb901 !important; 
  border: 2px solid #ffb901 !important; 
}
.btn:disabled{
  opacity: 0.8 !important;
  cursor: not-allowed !important;
}


.btn-login{  
  margin-left: 1px;

  background-color: #c9ed95    !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 10px;
  width: 100%;
}
.btn-login:hover{
  background-color: #5f9711 !important;
  color: #ffffff !important; 
  border: 2px solid #aaaaaa !important; 
}

.btn-activate{  
  margin-left: 1px;
  float:right;
  background-color: #9ecdcf    !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 10px;
}
.btn-activate:hover{
  background-color: #333 !important;
  color: #9ecdcf !important; 
  border: 2px solid #9ecdcf !important; 
}

.btn-forget{  
    float:left;
  background-color: #ffb901      !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 10px;
}
.btn-forget:hover{
  background-color: #333 !important;
  color: #ffb901 !important; 
  border: 2px solid #ffb901 !important; 
}

 input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield !important;
    }