body {
}

.darkgray {color: #888;}
.lightgray {color: #aaa;}

button, .button {
    border: 1px solid #d0d0d0;
    background-color: white;
    /*border-radius: 5px !important;*/
    color: #000;
}

    button:hover, button:focus, .button:hover, .button:focus {
        background-color: #cccccc;
        color: #000;
    }

.bluelink, .bluelink:hover, .bluelink:visited, .bluelink:active {
    color: #3366cc;
    text-decoration: underline;
}

.small-left-medium-right {
    text-align: right;
}

@media only screen and (max-width: 40em) {
    .small-left-medium-right {
        text-align: left !important;
    }
}


/* Application Items */
hr.slim {
    margin: 4px 0px;
}

.toppad6 {
    padding-top: 6px !important;
}

.topmar2 {
    margin-top: 2px !important;
}

.botmar10 {
    margin-bottom: 6px !important;
}

.topmar5r {
    margin-top: .5rem !important;
}

.purplebutton {
    color: #fff;
    background-color: #1c3c5f;
}

.autocorrected {
    border-color: #00bb00 !important;
}

.canaryback {
    background-color: #ffff77;
    padding: 10px;
}

.ltgreenback {
    background-color: #ccffcc;
    padding: 10px;
}

.greenback {
    background-color: #77ff77;
    padding: 10px;
}

.acstreet {
    font-weight: bold;
    margin-left: 25px;
}

.halfspaceAfter {
    margin-bottom: .5rem;
}

.halfspaceBefore {
    margin-top: .5rem;
}

.bottomline {
    border-bottom: 1px solid #d0d0d0;
}


/* Textboxes */

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    border-radius: 5px;
}

select {
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Target inputs and textareas with the error class */
.error select,
select.error,
.error input,
input.error,
.error textarea,
textarea.error {
    border-color: red !important;
    /* Optional: Add a slight background tint for better visibility */
    background-color: #fafafa;
}

/* Ensure the red border persists when the user focuses on the field */
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
    border-color: red !important;
    background: #fafafa;
}

/*Turn Off thead drop-down error message*/
small.error {
    /*display: none !important;*/
}

.formlabel {
    font-size: .8rem;
    /*display: none;*/
}