.preloader{width:100%!important;height:100%;top:0px;position:fixed!important;z-index:99999;background:#fff}

.login-section{   width:90%;  margin:auto; border-radius:4px; border:1px solid #D9D9D9; background:#FAFAFA; margin-top:50px; margin-bottom:50px;box-shadow: -0  0  40px  #D9D9D9;}
.login-section h2{ font-family: 'neue_haas_unicamedium'; font-size:26px; color:#3B82FD;	}
.login-section img{max-width:100%; height:auto; margin:0;}
.login-img{ background:#BACAE3; height:auto;display: flex; align-items: center; justify-content: center;}
.login-detail{ width:100%;  padding:15px; padding-left:0; padding-right:20px;  }

.login-sc-row{width:100%; display:flex; align-items: center; padding-top:20px;  }
.login-sc-row div{ padding-right:10px;}
.login-sc-row div .mdi{ font-size:30px; color:#67757c; transition: all 0.3s ease-in-out 0s; transform:rotate(0deg); animation-duration:10000s;  }
.login-sc-row div .mdi:hover{ color:#3C82FE; transform:rotate(360deg); transition: all 0.3s ease-in-out 0s; 
}

.registretion-section{ width:100%; display:flex; justify-content: center; margin-top:50px; margin-bottom:50px;}
.registretion-trial{ flex:0 0 30%; margin-right:75px; border-radius:4px; border:1px solid #D9D9D9; background:#FAFAFA; padding:15px; text-align:center; box-shadow: -0  0  40px  #D9D9D9;}
.registretion-trial img{max-width:100%; height:auto;}
.registretion-trial h3{color:#026A8F; border-bottom:2px dashed #333333; font-size:26px; padding-bottom:8px;}
.registretion-trial p{text-align:center;}
.registretion-frm{flex:0 0 30%; border-radius:4px; border:1px solid #D9D9D9; background:#FAFAFA; padding:40px 24px 30px 24px; box-shadow: -0  0  40px  #D9D9D9;}
.registretion-frm label{}
.registretion-frm label a{ color:#3B82FD; font-family: 'neue_haas_unicamedium'; margin-left:10px;}
.registretion-section  input[type="button"],.registretion-section input[type="submit"]{ width:100%;}
.registretion-line{width:100%; float:left; border-bottom:2px dashed #333333; margin-top:20px; margin-bottom:20px;}
.registretion-section p{text-align:center;}
.alert-danger ul{margin:0;}
.alert-danger ul li{
    background:none; padding-left:0;margin:0;
}

.modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-60%);
    padding-right: 17px;
    width: 100%;
}

#togglepassword {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
    color: #8c8c8c;
}


@keyframes spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg)
	}
}