﻿/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=button] {
    background-color: rgb(38, 139, 186);
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    /* When moving the mouse over the submit button, add a darker green color */
    input[type=button]:hover {
        background-color: #45a049;
    }

.required {
    color: #E00;
}

    .required:after {
        content: " *";
    }

h3.subheading {
    color: rgb(38, 139, 186);
}

.cautionsection {
    border: solid;
    padding: 1em;
}
    .cautionsection p:nth-child(1) {
        font-weight: bold;
    }

    .cautionsection ul {
        list-style-type: disc;
        padding: 0.5em 2em;
    }