/* ----------- LOGIN ------------ */

#login_page.page_content {
    height: 510px;
    max-width: none;
    min-height: 0;
    box-shadow: none;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}

#login_page h1 {
    background:none;
    text-align: center;
    font-size:22px;
    padding: 30px 15px;
}

#login_page .logo_sect {
    width:100%;
    height:127px;
}

#login_page .logo_sect div {
    width: 235px;
    height:127px;
    margin:auto;
    background:url(../img/logo.png) no-repeat 50%;
    background-size:contain;
}

/* for background color on login forms input and placeholder */

input:-internal-autofill-selected {
    background-color: red !important;
}

/* #login_page form  */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    /* transition: background-color 5000s ease-in-out 0s; */
    -webkit-text-fill-color: rgba(255,255,255);
    box-shadow: 0 0 0px 1000px rgb(39,44,47) inset !important;
}

/* for safari browser key icon color */
#login_page form 
input::-webkit-credentials-auto-fill-button {
    background-color: rgba(255,255,255);
}

#login_page .email,
.devices_disc_room #user {
    background-image:url(../img/user_icon.png);
}

#login_page .password,
.devices_disc_room #pass {
    background-image:url(../img/pass_icon.png);
}

.devices_disc_room #pass,
.devices_disc_room #user {
    background-size: 32px;
    background-position: 6px 50%;
}

#login_page .repeat_pass,
#r_new_pass {
    background-image:url(../img/re_pass_icon.png);
}

#login_page #login .icon,
#login_page #login_link .icon {
    background-image:url(../img/login_icon.png);
    background-color:#98cb4a;
    background-size:contain !important;
}

#forgoten_pass_holder .info_text {
    font-size: 16px;
    max-width:70%;
    margin:auto;
    margin-bottom:20px;
}

#forgoten_pass .icon,
#new_pass .icon {
    background-color:#98cb4a;
}

#login_page #create_acc_link .icon,
#login_page #create_acc .icon {
    background-image:url(../img/create_acc_icon.png);
    background-color:#ffcc00;
}

#login_page #create_acc .icon {
    background-color:#98cb4a;
}

#login_page #login_link .icon {
    background-color:#ffcc00;
}

#login_page .little_link {
    width:235px;
    margin:auto;
    display:block;
}

#login_page .little_link span {
    font-size:14px;
    float:right;
    text-transform: capitalize;
}

#login_page #create_acc_holder,
#login_page #forgoten_pass_holder {
    display:none;
    height: 1px;
    width: 100%;
}

body:not(.password_reset) #login_page #new_pass_holder,
.password_reset #login_page #login_holder {
    display:none;
}

#create_acc_holder .awesomplete ul {
    max-height: 300px;
}