.noNavBarLayoutContainer > .main > .formBody {
    height: 100%;
    width: 100%;
}

.formImageContainer {
    background-color: white;
}

#formImage {
    max-height: 100%;
    width: 105%;
    margin: 0px -12px;
}

.form {
    border: solid 30px var(--button-background-color);
    border-radius: 0;
}

.formCard {
    border: solid 25px var(--button-background-color);
    background-color: white;
    border-radius: 33px;
    margin: -11px -21px;
    padding: 10px 10px 0px 10px;
}

.cardBody {
    margin: 30px 30px 0px 30px;
}

.formInputBox {
    font-size: small;
}

.formNote {
    font-size: 0.8em;
    font-style: italic;
}

#forgot-password {
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
    color: var(--button-background-color);
}

#formLink {
    font-weight: bold;
    text-decoration: none;
    color: var(--button-background-color);
}

.formLabel {
    font-size: 0.875em;
    font-weight: bold;
}

.asterix {
    color: red;
}

#registerModal {
    display: block;
    margin-top: 250px;
}

.registerModalContent{
    margin: 20px;
}

.modal-title {
    color: var(--button-background-color);
}

input[readonly] {
    background-color: white !important;
    text-overflow: ellipsis;
}

.close {
    background-color: white !important;
}