body {
    font-family: arial, sans-serif;
    font-size: 14px;
    background: #f5f7ff;
}

.loginContainer {
    background: white;
    padding: 40px 20px;
    border-radius: 25px;
    width: 450px;
    margin: 10% auto;
    filter: drop-shadow(0px 1px 7px #D7F2FC);
}
.loginContainer2 {
    background: white;
    padding: 40px 20px;
    border-radius: 25px;
    width: 450px;
    margin: 1% auto;
    filter: drop-shadow(0px 1px 7px #D7F2FC);
}
.loginLogo {
    max-width: 350px;
    height: auto;
    margin: auto;
    padding-bottom: 20px;
}

    .loginLogo img {
        max-width: 350px;
    }

.loginInputTable {
    margin: auto;
}
.loginContainer a,
.loginContainer2 a {
    text-decoration: none;
    color: #00619B;
    cursor: pointer;
    transition: .5s;
}

.loginContainer a:hover,
.loginContainer2 a:hover {
    color: #66BC02;
}
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #69B3E0;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    input[type=text]:focus {
        border: 1px solid #0065A2;
    }

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}


input[type=password]:focus {
    border: 1px solid #0065A2;
}

input[type=submit] {
    width: 50%;
    background-color: #0065A2;
    color: white;
    padding: 14px 20px;
    margin: auto;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

input[type=submit]:hover {
    background-color: #22acff;
}


.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    color: #AA4648;
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    padding: 12px 20px;
    border-radius: 2px;
    margin: 8px 0;
}

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

.topPadding20 {
    padding-top: 20px;
}

.bottomPadding20 {
    padding-bottom: 20px;
}

.centerAlign {
    text-align: center;
}
.captcha-refresh-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    transition: transform 0.2s ease, color 0.2s ease;
}

.captcha-refresh-button:hover {
   
    color: #0078D7; /* Optional: adds a blue tint on hover */
}