body, input, select, textarea {
    font-family: var(--main-font-name);
    font-weight: var(--main-font-weight);
    font-size: var(--main-font-size);
    color: var(--font-color);
}

input[type="checkbox"] {
    padding: 0;
    margin: 0;
    margin-right: 5px;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
    height: 26px;
}

textarea {
    resize: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #A5ACB5;
    padding: 1px 3px 0 3px; /* for use with Source Sans Pro */
    /*padding: 3px 3px 3px 3px;*/ /* for use with Fira Sans Condensed */
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    max-width: 100%;
    display: inline;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus {
        border: 1px solid #5D8CC9;
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    }

    input[type="text"][disabled="disabled"],
    input[type="password"][disabled="disabled"],
    input[type="email"][disabled="disabled"],
    select[disabled="disabled"],
    textarea[disabled="disabled"] {
        color: darkblue;
        background-color: #EFF0F1;
        background-color: rgb(235, 235, 228);
    }

/* Autofill fix */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; /* force background */
    -webkit-text-fill-color: #000 !important; /* force text color */
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: bold !important;
    transition: background-color 5000s ease-in-out 0s; /* prevents yellow flash */
}

input[type="submit"] {
    font-family: 'Jost', 'Source Sans Pro', 'Segoe UI', sans-serif;
    font-size: 14px;
    cursor: pointer;
    border: solid 1px #898989;
    background-color: #0073B1;
    color: white;
    height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}

    input[type="submit"]:hover {
        background-color: #0A4371;
    }

    input[type="submit"]:disabled {
        background-color: darkgray !important;
    }

        input[type="submit"]:disabled:hover {
            cursor: not-allowed !important;
        }

input[type='image']:hover {
    cursor: pointer;
}

table {
    width: 100%;
}

td {
    padding: 0;
    vertical-align: middle;
}

textarea::placeholder {
    font-style: italic; /* Makes the placeholder text italic */
    opacity: 0.7; /* Adjusts the opacity of the placeholder text */
    padding: 3px;
}

textarea::placeholder {
    font-style: italic;
    /*opacity: 0.7;*/
    padding: 3px;
}

input[type="text"]::placeholder {
    text-transform: none;
    font-style: italic;
}