html {
    background-color: #21201b;
    height: auto;
}

body {
    background-color: #f8f8f8 !important;
    background-image: none;
    padding-top: 0;
    height: auto;
}

header {
    background-color: white;
    border-top: 4px solid #fdbe1e;
}


.corpHeader {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 0 0;
}

.headerPic {
    padding-right: 0;
    padding-left: 0;
    border-radius: 10px 10px 0 0;
}

#mainContainer {
    margin-top: 10px;
    min-height: 410px;
}

.logOffDiv {
    background-color: #014e2c;
    height: 50px;
    text-align: left;
    padding-top: 16px;
}

    .logOffDiv a {
        color: white;
        text-decoration: none;
    }

        .logOffDiv a:hover {
            color: #daebda;
            text-decoration: none;
        }

        .logOffDiv a:link:visited {
            color: white;
            text-decoration: none;
        }

.footer {
    background-color: #21201b;
    border-top: 5px solid #91897e;
    min-height: 70px;
    position: relative;
    bottom: 0;
    padding-top: 10px;
}

    .footer p {
        color: #838181;
    }

    .footer a {
        transition: .2s ease-out;
    }

        .footer a:link {
            color: #838181;
        }

        .footer a:visited {
            color: #838181;
            text-decoration: none;
        }

        .footer a:hover {
            color: #D10409;
            text-decoration: none;
        }

.table-responsive .grid-table thead {
    background: #057745;
}

.table-responsive .grid-table .rowSelected {
    background-color: #96c3af;
}

    .table-responsive .grid-table .rowSelected:hover {
        background-color: #bae4d1;
    }

.table-responsive .grid-table .body-row:hover {
    background-color: #c3efdb;
    cursor: pointer;
}

/* displayed-grid*/
.table-responsive .displayed-grid thead {
    background: #057745;
}