@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
  margin: 0;
  padding: 0;
  border-radius: 5px;
  box-sizing: border-box;
}
body {
  min-height: auto;
    padding: 0 15px;
}
* {
margin: 0;
padding: 0;
}
#reg_Signup_div{
padding-top: 5%;
}
.checkcontainer input:checked~.radiobtn {
background-color: #11b2c8;
}
.login-container {
position: relative;
margin:60px 0 !important;
width: 480px;
background: white;
padding: 30px 40px;
transform: scale(0);
animation: slideIn 0.6s ease-out forwards;
}
.login .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #0ab0c6;
color: white;
}
.login .select2-container--default .select2-results__option[aria-disabled=true] {
color: #354146;
}
.login-container label.checkcontainer.radiolabel {
width: 32%;
}
.login-container label.lblcheck.radiolabel {
width: 28%;
}
.login-container.checkcontainer{
padding-left : 27px;
}
.lblh2{
color:#012433;
font-weight: bold;
}
.login-container .form-title{
color:#012433;
font-weight: 600;
}
.login-container .select2-container{
width:  100% !important;
}
.container-fluid{
padding:0;
}
body{
  min-height: 100vh;
  display: flex;
  align-items: center;
  text-align: center;
  font-family: "Poppins", sans-serif;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}



.login-container {
		position: relative;
		width: 480px;
		background: white;
		padding: 30px 40px;
		transform: scale(0);
        animation: slideIn 0.6s ease-out forwards;
	}
	
	
	
.login-container .login-header{
  font-size: 40px;
  margin-bottom: 10px;
   font-family: "Poppins", sans-serif;
}

.login-container .logo-image img.icon-phone {
    width: 100%;
}

.login-container .logo-image img.logo-img {
    width: 100%;
    max-width: 120px;
}

.logo-slogan {
     font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 700;
	color: #0AB0C6;
	max-width: 250px;
    margin: 0 auto;
}


.login-container .logo-image a {
    display: inline-block;
}

.login-container .input-field, .login-container form .button{
  margin: 25px 0;
  position: relative;
  height: 50px;
  width: 100%;
}
.login-container .input-field input{
  height: 100%;
  width: 100%;
  border: 1px solid silver;
  padding-left: 15px;
  outline: none;
  font-size: 16px;
  transition: .4s;
}
.login-container input:focus{
  border: 1px solid #012433;
}
.login-container .input-field label,  .login-container span.show{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
 .login-container .input-field label{
  left: 15px;
  pointer-events: none;
  color: grey;
  font-size: 14px;
  transition: .4s;
}
 .login-container span.show{
  right: 20px;
  color: #111;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  visibility: hidden;
   font-family: "Poppins", sans-serif;
}
 .login-container input:valid ~ span.show{
  visibility: visible;
}
.login-container input:focus ~ label,
.login-container input:valid ~ label{
  transform: translateY(-33px);
  background: white;
  font-size: 16px;
  color: #012433;
}
 .login-container form .button{
  margin-top: 30px;
  overflow: hidden;
  z-index: 111;
}
 .login-container .button .inner{
  position: absolute;
  height: 100%;
  width: 300%;
  left: -100%;
  z-index: -1;
  transition: all .4s;
  background: -webkit-linear-gradient(right, #16b4c9, #0AB0C6, #34bed0, #0AB0C6);
}
.login-container .button:hover .inner{
  left: 0;
}
.login-container .button button{
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  outline: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
   font-family: "Poppins", sans-serif;
}
.login-container .auth{
  font-size: 20px;
  color: #012433;
  margin-top: 3%;
}
.login-container .links{
  display: flex;
}
label.error {   
    color: #D91E18 !important;
    position: relative !important;
    margin-top: 2%;
}
label#email-error{
display: inline;
}
.login-container .links .image {
		padding: 10px;
	}
	
.login-container .links .image img {
		width: 100%;
		display: block;
	}
		
		
.login-container .logo-slogan img {
			width: 100%;
		}
	

.login-container .signup{
  margin-top: 50px;
   font-family: "Poppins", sans-serif;
   color: #012433;
}
.login-container .signup a{
  color: #0AB0C6;
  text-decoration: none;
}
.login-container .signup a:hover{
  text-decoration: underline;
}

.pswrd-field .icon-phone {
    max-width: 25px;
}



        /* Animation for Login Container */
        @keyframes slideIn {
            from {
                transform: scale(0);
            }
            to {
                transform: scale(1);
            }
        }