#pcb--login-widget{
    display: inline-grid;
    text-align: center;
    width: 100%;
}

.pcb__login_container1, .pcb__login_container2 {
    display: inline-grid;
    padding: 1%;
    margin: 0.5%;
}

.pcb__login_container1{
    grid-template-columns: 55px auto;
}

.pcb__login_container2{
    grid-template-columns: 55px auto 55px;
}

#pcb--login-user, #pcb--login-pass {
    height: 50px;
    font-size: 16px;
    border-color: var(--c-gray4);
}

#pcb--login-user:focus, #pcb--login-pass:focus {
    border-color: var(--c-yellow2);
}

#pcb--login-user::placeholder, #pcb--login-pass::placeholder {
    color: var(--c-gray2);
    font-style: italic;
}

.pcb__login__m-box{
    width: 50px;
    height: 50px;
    background-color: var(--c-invisible);
    border-radius: 0.5rem;
    display: grid;
    place-items: center;
    font-size: 23px;
    border: 2px solid var(--c-gray4);
    cursor: pointer;
    color: var(--c-gray-3);
    transition: 0.5s;
}

.pcb__login__m-box--click {
    color: var(--c-yellow2);
    border-color: var(--c-yellow2);
    transition: 0.5s;
}
#pcb--eye-btn {
    margin-left: 5px;
}

#pcb--login-btn {
    width: 97%;
    display: inline-block;
    margin: auto;
    font-size: 20px;
    text-decoration: none;
    box-shadow: none;
    transition: 0.3s;
}

.pcb__login__btn-container {
    height: 34px;
}

#pcb--login-btn:active {
    transition: 0.3s;
    font-size: 18px;
}

#pcb--login-btn:disabled {
    font-size: 20px;
    color: var(--c-gray2);
}

.pwf__alert__header__title{
    color: var(--c-gray2);
}