.login-fields{
    width:100%;
}

.login-fields table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 18px;
}

.login-fields td:first-child{
    width:150px;
    font-size:17px;
    font-weight:600;
    color:#2d3b4f;
}

.login-fields input[type=text],
.login-fields input[type=password],
.login-fields select{

    width:100%;
    height:46px;

    border:1px solid #ccd5e2;

    border-radius:8px;

    padding:0 14px;

    font-size:16px;

    background:#fafbfd;

    box-sizing:border-box;

    transition:.25s;
}

.login-fields input:focus,
.login-fields select:focus{

    border-color:#0d6efd;

    box-shadow:0 0 8px rgba(13,110,253,.25);

    outline:none;
}

.login-button-area{

    margin-top:35px;

    text-align:center;
}

.login-button{

    width:260px;

    height:52px;

    border:none;

    border-radius:8px;

    background:#0d6efd;

    color:white;

    font-size:20px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;
}

.login-button:hover{

    background:#0b5ed7;
}

.login-message{

    text-align:center;

    margin-top:25px;

    color:#666;

    font-size:15px;
}

.redfg{

    color:#d60000;

    font-weight:bold;
}


.form-group{

    margin-bottom:22px;
}

.form-group label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

    color:#444;

    font-size:15px;
}

.form-group input,
.form-group select{

    width:100%;

    height:48px;

    border:1px solid #d7dbe5;

    border-radius:8px;

    padding:0 15px;

    font-size:16px;

    box-sizing:border-box;
}

.form-group input:focus,
.form-group select:focus{

    border-color:#1f6feb;

    outline:none;

    box-shadow:0 0 10px rgba(31,111,235,.2);
}

.login-button{

    width:100%;

    height:52px;

    background:#1f6feb;

    border:none;

    border-radius:8px;

    color:white;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

    transition:.2s;
}

.login-button:hover{

    background:#1558c0;
}

/* ==========================================
   PROERP FOOTER
   ========================================== */
.login-footer{

    width:82%;
    max-width:980px;

    margin:6px auto 8px auto;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:10px 20px;

    background:#fff;

    border-radius:8px;

    border-top:3px solid #1565c0;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

    font-size:12px;
}

.footer-left{
    width:25%;
    text-align:left;
}

.footer-center{
    width:50%;
    text-align:center;
}

.footer-right{
    width:25%;
    text-align:right;
}

.login-footer a{
    color:#555;
    text-decoration:none;
}

.login-footer a:hover{
    color:#1565c0;
}