:root {
    --ArborGreen: #1C633C;
    --ArborLimeGreen: rgb(98, 164, 32);
    --ArborGrey: rgb(89, 93, 100);
    --ArborOrange: rgb(242, 103, 34);
}


.responsive-input {
    max-width: 400px;
    width: 100%;
}


html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}


input {
    width: 100%;
}

.InputLabel {
    color: var(--ArborGreen);
    font-family: Lato, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 1.2em;
    margin-top: 10px;
}

.SectionHeader {
    background-color: var(--ArborGreen);
    color: white;
    font-family: Lato, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 27px;
    text-align: center;
    padding: 11px;
    margin-top: 12px;
    margin-bottom: 0px;
}

.SectionSubHeader {
    background-color: var(--ArborGreen);
    color: white;
    font-family: Lato, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 15px;
    text-align: center;
    padding-bottom: 16px;
    margin-top: 0px;
    margin-bottom: 12px;
}

.TCHeader {
    background-color: var(--ArborGreen);
    color: white;
    font-family: Lato, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 15px;
    text-align: center;
    padding: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.TCParagraph {
    color: var(--ArborGrey);
    font-family: Lato, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-weight: 400;
}

.DropDownPlaceholderText {
    font-size: 0.8em;
}

.PrimaryButton {
    background-color: var(--ArborOrange);
    color: white;
    font-size: 1em;
}

    .PrimaryButton:disabled {
        background-color: dimgray;
        color: white;
        font-size: 1em;
    }

.SecondaryButton {
    background-color: var(--ArborGreen);
    color: white;
    font-size: 1em;
}

    .SecondaryButton:disabled {
        background-color: dimgray;
        color: white;
        font-size: 1em;
    }


.field-validation-error {
    color: red;
    font-weight: 700;
}

.input-validation-error {
    background: pink;
    border: 1px solid red;
}


.ErrorPageParagraph {
    color: var(--ArborGrey);
    font-family: Lato, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
}


.SlimInput {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.9rem;
    height: auto;
}


.alert-danger {
    background-color: white !important;
    border: 1px solid var(--ArborGrey); /* or red if you prefer */
    color: var(--ArborOrange); /* or red */
}

.alert-success {
    background-color: white !important;
    border: 1px solid var(--ArborGrey); /* or red if you prefer */
    color: var(--ArborGreen); /* or red */
}