body {
    padding-top: 56px;
    padding-bottom: 65px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

footer {
    background-color: lightgray;
    font-size: 80%;
}

footer p {
    position:relative;
    top: 6px;
}

@media (max-width: 991.98px) {
    body {
        padding-bottom: 20px;
    }

    footer {
        display: none;
        visibility:hidden;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1400px;
    }
}

.form-errors {
    list-style-type: none;
    color: red;
}

.input-validation-error {
    border: 2px solid red;
}

.unstableEnvironment {
    top: 0;
    position: fixed;
    border-top: 3px solid red;
    border-bottom: 3px solid red;
    background-color: #ffbfbf;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    height: 26px;
}

.unstableBody {
    padding-top: 82px;
}

.unstableEnvironmentNavbar {
    top: 26px;
}

.fa-chevron-left a {
    color: red;
}

.addBtn {
    color: green;
    font-size: 14px;
}

.addBtn a:link, .addBtn a:hover, .addBtn a:active, .addBtn a:visited {
    color: green;
    text-decoration: none;
}

.editBtn a:link, .editBtn a:hover, .editBtn a:active, .editBtn a:visited {
    color: black;
    text-decoration: none;
}

.addEditBtn {
    font-size: 85%
}

.delBtn {
    font-size: larger;
    font-weight: bold;
    color: red;
}

.delBtn a:link, .delBtn a:hover, .delBtn a:active, .delBtn a:visited {
    color: Red;
    text-decoration: none;
}

.validation-summary-errors {
    color: red;
    font-weight: bold;
    padding-bottom: 20px;
}

.validation-summary-errors ul {
    list-style: none;
    margin-left: -40px;
}

.xl-input {
    max-width: 750px;
}

.detailsSection {
    font-size: 120%;
}