/* This page will look to provide the styling for all forms used in the system, separated from other styling to maintain readable code structure */

/* This class is used to define the standard form throughout the site with regulated design */
.StandardForm {
    background-color: #DBD7CD;
    margin-top: 15px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 3px;
}

/* This class is used to define the checkout form which is positioned differently from a Standard Form */
.CheckoutForm {
    background-color: #DBD7CD;
    margin-top: 15px;
    padding: 15px;
    border-radius: 3px;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* This checks the current system theme provided in the body and uses the styling within when dark mode is active */
[data-bs-theme="dark"] {
    /* This class is used to define the standard form throughout the site with regulated design */
    .StandardForm {
    background-color: #52504b;
    margin-top: 15px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 3px;
    }

    /* This class is used to define the checkout form which is positioned differently from a Standard Form */
    .CheckoutForm {
        background-color: #52504b;
        margin-top: 15px;
        padding: 15px;
        border-radius: 3px;
        margin-left: 10vw;
        margin-right: 10vw;
    }
}