.field-validation-error {
    color: red;
    font-style: italic;
}

.input-validation-error {
    border-color: red;
    outline-color: red;
}

.input-validation-valid {
    border-color: green;
    outline-color: green;
}

.validation-summary-errors {
    color: red;
    font-style: italic;
}

.validation-summary-valid span {
    display: none;
}

h6 {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #E4E4E4; 
    line-height: 1px;
    margin: 32px 0px; 
 } 
 
 h6 span { 
     background:#fff;
     color:#666666; 
     padding:0 10px; 
 }  

 .email-field{
    background: var(--main-color-alpha-10) ;
    border-radius: 1.5em;
    padding: 12px 20px;
 }
 
 .password-field {
    background: var(--main-color-alpha-10) !important;
    border-radius: 1.5em;
    padding: 12px 20px;
 }
    .password-field:focus{
        border: 1px solid #E4E4E4;
        background-color: var(--main-color-alpha-10) !important;
    }
        .password-field:hover{
            border: 1px solid rgb(85, 85, 85);
            cursor: pointer;
        }
 .password-field:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #000; 
}       


 .valid-email{
    color: black;
    background-color: white;
    border: 1px solid #E4E4E4;
    border-radius: 1.5em;
 }
    .valid-email:focus{
        border: 1px solid #E4E4E4;
    }
        .valid-email:hover{
            border: 1px solid rgb(85, 85, 85);
            cursor: pointer;
        }

.forgotten-password{
    color: var(--main-color);
    text-align: left;
    cursor: pointer;
}
    .forgotten-password:hover{
        cursor: pointer;
        text-decoration: underline;
        color: var(--main-color);
    }