body {

    overflow-y: hidden; 
     overflow-x: hidden;
   }


   #verificationid{
    overflow-y: visible; 
     overflow-x: visible;
   }
   
   
   #edumessblue{
           width:15%;
           margin-top:2%;
       }
       
       #edumessbluesignup{
         width:30%;
       margin-top:4%;  
       }
       
   
       #contentlogin {
        width: 45%;
        
        }
    

   .center {
     width: 100%;
     background-color: white;
     padding-bottom: 10px;
     padding-top: 10px;
     box-shadow:0 2px 5px 0 #D3D3D3, 0 3px 11px 0 #D3D3D3;
     margin-top:6%;
     border-radius:5px;
     
   }

   #contentverication {
    width: 45%;

    } 

    .centerverification {
        margin: auto;
        width: 59%;
        background-color: #F1F5F9;
        padding-bottom: 14px;
         padding-top: 50px;
        /*display: flex;*/
      }
   
      
     
      
   
  
  .centerlogin {
    margin: auto;
    background-color: white;
    padding-bottom: 14px;
    padding-top: 14px;
    box-shadow:0 2px 5px 0 #D3D3D3, 0 3px 11px 0 #D3D3D3;
    margin-top:8%;
    border-radius:9px;
  }
  
  .centerloginforgot {
    margin: auto;
    background-color: white;
    padding-bottom: 14px;
    padding-top: 14px;
    box-shadow:0 2px 5px 0 #D3D3D3, 0 3px 11px 0 #D3D3D3;
    margin-top:8%;
    border-radius:9px;
    width:80%;
  }

    
  

  /* centerlogin  */
  
  .centerlogin:hover{
    outline: 2px solid #2e5ca2;
         
  }
  
   .centerloginforgot:hover{
    outline: 2px solid #2e5ca2;
         
  }
   
   #signup-btn{
      width: 90%; 
   }
   
   #signinbtn{
    width: 80%;    
   }
   
   .usernamecontent {
     margin: auto;
     width: 90%;
     background-color: white;
     padding-bottom: 10px;
      padding-top: 10px;
     box-shadow:0 2px 5px 0 #D3D3D3, 0 3px 11px 0 #D3D3D3;
     margin-top:8%;
     border-radius:9px;
     display:flex;
   }
   
    #backgroundimgs-signup {
    height: 100vh;
    background-repeat: no-repeat;
    }
   
 
    #otpsent{
        font-size:14px;   
        font-weight:550;
       }
       
        #otpsentforgot{
        font-size:14px;   
        font-weight:550;
         text-indent: -10px; /* Adjust the value as needed */
         width: 80%;
       }
        
       
       
       

       input{
        
          width: 80%; 
          border: none;
       }
       
       input:focus{
        
          width: 80%; 
          outline: none;
       
       }


       
       input[id=signinemail]{
             
        width: 80%; 
        border:none;
     
     }
     
      input[id=signinpassword]{
      
        width: 80%; 
        border:none;
     
     }
     
   
   input[id=signinemail]:focus{
     width: 80%; 
      outline: none;
    

   }
   input[id=signinpassword]:focus{
     width: 80%; 
      outline: none;
    

   }

/* verification content */



   .pasteitems:focus{
    outline: none;
    font-size:29px;
    font-weight:bold;
    
     top: -20px;

  }
  
  .pasteitems {
     
     font-size:29px;
    font-weight:bold;
    text-align: center;
    
    }
    
     .numberarrow::-webkit-outer-spin-button,
    .numberarrow::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    } 


     /* .numberarrow{
        moz-appearance:textfield;
    }  */
  /* verification content */   
  
  
  /*  Loader  */
#gx-overlay {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 999;
}
#gx-overlay .gx-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
#gx-overlay .gx-ellipsis div {
  position: absolute;
  top: 33px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
  opacity: 0.7;
  -webkit-transform: scale(0);
          transform: scale(0);
}
#gx-overlay .gx-ellipsis div:nth-child(1) {
  background: #007ffb;
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}
#gx-overlay .gx-ellipsis div:nth-child(2) {
  background: #69b2fa;
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
#gx-overlay .gx-ellipsis div:nth-child(3) {
  background: #007ffb;
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
#gx-overlay .gx-ellipsis div:nth-child(4) {
  background: #69b2fa;
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}