﻿.custom-container {
    height: 100%;
    width: 100%;
}

    .custom-gradient-green {
    background-color: #fafafa;
    background-image: linear-gradient(263deg, #fafafa 0%, #32cd32 65%);
}

    .custom-gradient-background {
    background-color: #42378f;
    background-image: linear-gradient(315deg, #42378f 0%, #f53844 74%);
} 

    .custom-card {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    border-radius: 13px;
    padding: 20px;
}

@media only screen and (max-width: 600px) {
    .custom-card {
        box-shadow: none;
        border-radius: initial;
        height: 100%;
        width: 100%;
    }
}

.custom-header {
    font-family: Poppins-Bold;
}

.custom-input-label {
    display: block;
}

.forgot-password {
    display: flex;
    justify-content: center;
    align-items: center;
}

.forgot-password-card {
    background-color: white;
    min-width: 370px;
}

.forgot-password-card-content {
    position: relative;
    padding-bottom: 70px;
    height: 100%;
}

.forgot-password-input-label {
    font-size: 13px;
    margin-top: 30px;
}

.forgot-password-input {
    margin-top: 5px;
    height: 40px;
}

.forgot-password-error {
    margin-top: 10px;
    color: red;
}

.forgot-password-button {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.account-verification {
    display: flex;
    justify-content: center;
    align-items: center;
}

.account-verification-card {
    background-color: white;
}

.account-verification-card-content {
    position: relative;
    padding-bottom: 50px;
    width: 370px;
}

@media only screen and (max-width: 600px) {
    .account-verification-card-content {
        height: 100%;
        width: 100%;
    }
}

.account-verification-message {
    margin-top: 20px;
}

.account-verification-form-container {
    margin-top: 20px;
}

.account-verification-error {
    margin-top: 20px;
    color: red;
}

.account-verification-button {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.reset-password {
    display: flex;
    justify-content: center;
    align-items: center;
}

.reset-password-card {
    background-color: white;
    min-width: 370px;
}

.reset-password-card-content {
    position: relative;
    padding-bottom: 70px;
    height: 100%;
}

.reset-password-input-container {
    margin-top: 10px;
}

.reset-password-input-label {
    font-size: 13px;
}

.reset-password-input {
    margin-top: 5px;
    height: 40px;
}

.reset-password-error {
    margin-top: 10px;
    color: red;
}

.reset-password-button {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
