html{
    background: url("../img/login.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 700px;
       min-width: 100%;
  min-height: 100%;
  }
  @media only screen and (min-width: 1093px) {
.container {
  width: 32%;
}
}


 
.zira{
  margin-top: 30%;
  box-shadow: 10 10px 10px;
  padding-bottom: 10px;
}
.auth{
  color: red;
}
.tr{
  padding-left: 30px;
    padding-right: 30px;
}
.login-img{
width: 180px;
height: 70px;


}
.login-title{
  text-align: center;
  color: rgb(25,25,112);
  font-weight: bold;
  font-size: 15px;
}
.btn{
  background-color: rgb(25,25,112);
  color: white;
  width: 95%;

}
.btn:hover {
  background-color: rgb(25,25,112);
  color: white;
  border-color: rgb(25,25,112);
}
 .btn:focus{
  background-color: rgb(25,25,112);
  color: white
}
button:disabled,
.btn:disabled{
  border: 1px solid #999999;
  background-color: rgb(25,25,112) !important;
  color: white !important;
}
.forg{
  padding-left: 10px;
  margin-top: -15px;
  margin-bottom: 10px;
 color: rgb(25,25,112);
}

.reg{
  margin-top: 22px;
  text-align: center;
  color: rgb(25,25,112);
}
.nill{
  color: red;
}



@media only screen and (min-width: 1093px) {
  .form {
    width: 42%;
    margin-top: 10%;
  }
}
@media only screen and (min-width: 300px) {
  .form {

    margin-top: 8%;
  }
}
.input{
  padding-left: 30px;
  padding-right: 30px;
}
.input-field{
 height: 3.0rem;

}
.btn-reg{
  background: rgb(25,25,112);
  width: 250px;

}
.login-img{
  width: 180px;
  height: 70px;


}
.error{
  color: red;
}

.reg-title{
  text-align: center;
  color: rgb(25,25,112);
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 25px;
}


 .input-field label {
     color: rgb(25,25,112);
     font-size: 20px;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #000;
   }



   .input-field input[type=text]:focus + label {
     color: rgb(25,25,112);
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid rgb(25,25,112);
     box-shadow: 0 1px 0 0 rgb(25,25,112);
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #000;
   }

.reset_succes{
    width: 300px;
  height: 200px;

display:inline-block;
align-content: center;
 display: block;
  margin-left: auto;
  margin-right: auto;
  content: url("https://paysnug.com/connect/img/sent.png");
}
.merror{
  color: red;
  font-size: 12px;
}
.form-ot{
  margin-bottom: 30px;
}

.otp{
  margin-top: 10%;
}
.success{
  margin-top: 15%;
}
.congrat{
  padding-bottom: 10px;
}

.st_succes{

padding-top: 20px;

align-content: center;
 display: block;
  margin-left: auto;
  margin-right: auto;
  content: url("https://paysnug.com/img/success.png");

}
.welcome-block{
}
.wel{
  margin-top: 10px;
  color: grey;
  text-align: center;
}
label {
  width: 100%;
}

.input-field label {
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
}
a{
   color: rgb(25,25,112);
}



.input-field label[data-error].active:after {
  font-size: 0.8rem;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
  
.input-field label[data-error]:after {
  font-size: 0.8rem;
  white-space: nowrap;
  -webkit-transform: translateY(-120%);
  -moz-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  -o-transform: translateY(-120%);
  transform: translateY(-120%);
}



.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://paysnug.com/img/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}