Login 6
Login 6
/* ===== Login 6 ===== */
#login-6 form .form-control {
height: 45px;
background: #f1f1f1;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0 20px;
font-size: 14px;
font-weight: bold;
color: #5c636c;
position: relative;
transition: all 0.3s ease 0s;
}
#login-6 form .text {
font-size: 13px;
font-weight: bold;
color: #5c636c;
margin-left: 7px;
line-height: 20px;
padding-top: 5px;
text-transform: uppercase;
}
#login-6 form .btn {
width: 50%;
padding: 12px 20px;
float: left;
border: none;
border-radius: 0;
text-transform: uppercase;
}
#login-6 form .btn-primary {
background: #4267B2;
}
#login-6 form .forgot-pass {
width: auto;
float: right;
font-size: 12px;
font-weight: bold;
color: #5c636c;
line-height: 20px;
padding: 5px 0 0 0;
}
#login-6 form .main-checkbox {
float: left;
width: 20px;
height: 20px;
background: var(--danger);
border-radius: 50%;
position: relative;
margin: 5px 0 0 5px;
border: 1px solid var(--danger);
}
#login-6 form .main-checkbox label {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#login-6 form .main-checkbox label:after {
content: "";
width: 10px;
height: 5px;
position: absolute;
top: 5px;
left: 4px;
border: 3px solid #fff;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#login-6 form .main-checkbox input[type=checkbox] {
visibility: hidden;
}
#login-6 form .main-checkbox input[type=checkbox]:checked+label:after {
opacity: 1;
}