body{ background: #fff0fb !important; }
.login-box {
    margin: 0 !important;
    padding: 40px !important;
    width: auto !important;
    border-radius: 0 40px!important;
    box-shadow: 0px 0px 8px 0px #ffbce9 !important;
}
.login-area {
    margin: 5% auto !important;
    width: 430px;
    display: block !important;
    float: none !important;
}
.loginhead1{ font-size:24px; margin-top:4%; margin-bottom:0; }
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
   
}
::-webkit-input-placeholder {
   	color: #676a6c;
    opacity: 1;
}
:-moz-placeholder {
   	color: #676a6c;
    opacity: 1;
}
::-moz-placeholder {
   	color: #676a6c;
    opacity: 1;
}
:-ms-input-placeholder {  
   	color: #676a6c;
    opacity: 1;
}
.fullheightbg {
    height: 100vh;
}
input[type="password"]:focus{ box-shadow:none !important; border-bottom:2px solid #ff4fb8 !important;}
.auth_cell_left {
    background-color:#43a2a1;
}
.centervh {
    position: absolute;
    top: 50%;
    left: 40.8%;
    transform: translate(-40%, -50%);
     -webkit-transform: translate(-40%, -50%);
}
.loginhead {
    font-size: 20px;
    font-weight: 300;
   line-height: normal;
    color: #000 !important;
  
    margin-top: 0;
}
.controls input {
    padding: 0 !important;
    width: 100%;
    border: 0 !important;
    border-bottom: 1px solid #c2c2c3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: 36px !important;
    font-weight: 300;
}
.login_btn12 {
    color: #fff;
    display: inline-block;
    background-color: #ff4fb8;
    font-size: 20px !important;
    border: 0;
    padding: 8px 37px !important;
    width: 100% !important;
    font-weight: 600;
    margin-top: 10%;
    text-align: center;
}
::-webkit-input-placeholder {
   	color: #676a6c !important;
    opacity: 1;
}
:-moz-placeholder {
   	color: #676a6c !important;
    opacity: 1;
}
::-moz-placeholder {
   	color: #676a6c !important;
    opacity: 1;
}
:-ms-input-placeholder {  
   	color: #676a6c !important;
    opacity: 1;
}
.login_btn12:hover {
    background: #b80071;
    color: #fff;
    text-align: center;
}
.mt-30 {
    margin-top: 10px;
    margin-bottom: 10px !important;
}
.rem_me{ float: left; width: 100%; }
.rem_me1{ float: left; width: 30%; text-align: right; }
.rem_me input {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    float: left;
    width: auto;
    margin-right: 9px;
    top: 4px;
    position: relative;
    height: auto;
}
#crm_login .controls {
    margin-left: 0 !important;
    width: 100%;
}
.cant_acc {
    color: #ff4fb8 !important;
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: 10%;
}
.cant_acc:hover {
    color: #b80071;
    text-decoration: none;
}
p {
    font-size: 14px;
    color: #333 !important;
    line-height: 25px;
    text-align:left;
   
}
.mt_login1 {
    margin: 0 0 0 3px;
}
.relogin {
    margin: 50px 0 0px 3px;
}
.gray_login_btn {
    background-color: #7c7c7c;
     font-size: 14px !important;
    border: 0;
    border-radius: 4px !important;
    padding: 8px 37px !important;
    width: auto !important;
    height: 35px !important;
    color:#fff;
}
.gray_login_btn:hover {
    background-color: #4a4a4a;
    color: #fff;
}

.relogin p {
    color: #0b0b0b;
    margin: 0 0 20px;
    font-size:14px;
}
.rtyu{ width:49% !important; }
.rtyu1{ width:50.57% !important; }
.alert-error1{ background: #fff; color: red !important; }
.alert-error1 p{ margin:0 !important; font-size: 14px; }
input[type="text"]:focus{ border-bottom: 2px solid #ff4fb8; box-shadow: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome,.fullheightbg {
    height: 45em;
}
 }
@media (max-width: 768px){
.rtyu{ width:100% !important; padding:0;}
.rtyu1{ width:100% !important; padding:0;}
.login-box{ width:90% !important; margin:20px !important; }
.fullheightbg {    height: 100px;}
.loginhead{ font-size:30px; }
body{ padding:0; }
.mt-30 {
    margin-top: 10px;
}
.rem_me{ width:100%; }
#crm_login .controls{ width:100%; }
.row{ margin-right:0; }
}
.timer56{
    display: none;
}