.form-box {
    max-width: 500px;
    margin: 40px auto;
    background: #f4f4f4;
    padding: 30px;
    border-radius: 8px;
    box-sizing: border-box;
    border:solid 1px #999;
}
.login-box {
    max-width: 500px;
    margin: 40px auto;
    background: #f4f4f4;
    padding: 30px;
    border-radius: 8px;
    box-sizing: border-box;
    border:solid 1px #999;
}
input, select, button{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 10px;
    font-size: 15px;
    border-radius:6px;
    border: solid 0.7px;
}
button {
    background: #6FA8DC;
    width:100%;
    padding:10px;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top:16px;
    margin-bottom:5px;
    font-size: 16px;
}
button i {
    font-size:22px;
    margin-right:6px;
}
button:hover {
    background: #558ac8;
    text-transform:uppercase;
}
.btn-primary {
    background: #6FA8DC;
    width:100%;
    padding:10px;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top:16px;
    margin-bottom:5px;
    font-size: 16px;
}
.btn-primary i {
    font-size:22px;
    margin-right:6px;
}
.btn-primary:hover {
    background: #558ac8;
    text-transform:uppercase;
}
.message {
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
    padding:10px;
    border-radius:6px;
    text-align:center;

}
.success {
    color: #fff;
    background: #07c100;
    padding:10px;
    border-radius:6px;
    font-size:15px;
    text-align:center;
}
.error {
    background: red;
    color: #fff;
    padding:10px;
    border-radius:6px;
    font-size:15px;
    text-align:center;
}
/* --- LINE AT BOTTOM OF FORM FOR NAVIGATION ---*/
.form-nav-line{
    border:none;height:1.5px;
    background:#6FA8DC;
   margin-top:10px;
   margin-bottom:10px;
}
.nav-links {
    display: flex;
    justify-content: space-between; /* left & right */
    align-items: center;
    margin-top: 5px;
}

.nav-links a {
    text-decoration: none;
    color: #666;
    font-weight: 500;
}

/* --- FORGOT PASSWORD IN LOGJN FORM ---*/
.forgot , .back , .actions , .action-bar{
    display: flex;
    justify-content: space-between; /* left & right */
    text-align: center;
    margin-top: 5px;
}

.forgot a , .back a , .actions a, .action-bar a{
    color: #666;
    text-decoration: none;
    font-size:18px;
}
.forgot i , .back i , .actions i , .action-bar i{
    color: #666;
    text-decoration: none;
    font-size:22px;
    margin-top:5px;
    margin-right:6px;
}
.forgot i:hover , .back i:hover , .actions i:hover , .action-bar i:hover {
    font-size:24px;
}
.forgot a:hover , .back a:hover , .actions a:hover , .action-bar a:hover{
    text-decoration: none;
    color: #444;
    text-transform:uppercase;
    
}