main.full-height {
  height: 100vh; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  background-color: white; 
}
.wavecontainer{
  position:absolute;
  width: 50%;
  display: flex;
  justify-content: center;
}
.container-fluid{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.whitecontainer{
  width: 50%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  position: relative;
  left: 80px;
  color: white;
  width: 100%;
  background-color: white;
}
.wave{
  width: 50%;
}
.wave,.wave img{
  
  margin-left:none !important;
  margin-right:none !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  rotate: 0deg;
  padding: 0px;
  margin: 0px;
}
.imglogincontainer{
  width: 50%;
  height: 100%;

  background-repeat: no-repeat;
  background-size: cover;
  
}
.formclass{
  position: relative;
  z-index: 99;
  transition: 1s ease;
  padding: 3px;
  border-radius: 10px;
}

.formclass:hover{
  -webkit-box-shadow: 1px 2px 20px 1px rgba(199,199,199,1);
-moz-box-shadow: 1px 2px 20px 1px rgba(199,199,199,1);
box-shadow: 1px 2px 20px 1px rgba(199,199,199,1);
}
.btngdsk{
  background-color: #14af64;
  transition: 1s ease;
  color: white;
}
.btngdsk:hover{
  -webkit-box-shadow: 2px 8px 17px 0px rgb(32, 177, 87);
  -moz-box-shadow: 2px 8px 17px 0px rgb(43, 119, 72);
  box-shadow: 2px 8px 17px 0px rgb(26, 209, 96);
  color: white;
  background-color: #1b8f57;
}

.form-container{
  width: 50%;


}
.formclass{
  
  width: 50%;
}
form div span{
  font-size: 30px;
  margin-bottom: 20px;
}
input{
  border-radius: 20px !important;

}
input:focus,
input:not(:placeholder-shown),.form-control:focus,
.form-control:not(:placeholder-shown) { 
border-color: #16df7e;
outline: none; 
}
.flaglogin{
  transition: 1s ease;
}
.flaglogin  span{
  font-size: 0px;
  
}
.formclass:hover .flaglogin{
  border-radius: 150px !important;
  width: 50%;
  background-color: #14af64;
  color: #14af64;
  height: 10%;
}

@media screen and (max-width: 768px) {
  div.wavecontainer{
    display: none;
  }
  div.imglogincontainer,img.wave{
  width: 0px;
  display: none;
  }
  .formclass{

      width: 100%;
  }
  .form-container{
      width: 100%;
  
    }

}
@media (max-width: 1114px) and (max-height: 1280px) {
  div.wavecontainer{
    display: none;
  }

}