body {
    background: #e4e7e8;
    margin: 30px;
    min-width: 612px;
}

div.container-fluid {
    max-width: 970px;
    background: #fff;
    min-height: 100%;
    min-height: -webkit-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    padding: 0 !important;
}

.highlight {
    background-color: yellow;
}

.col-sm-12 {
    float: none;
}

.resource-header {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 50px;
    background-color: #D9DCDD;
    opacity: 0.93;
    z-index: 5;
}

.resource-header-content {
    margin: auto;
    max-width: 970px;
    text-align: right;
}

.resource-nav-exit {
    background-color: #004155;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    margin-top: 4px;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    border-width: 0;
}

    .resource-nav-exit:hover:not(.disabled),
    .resource-nav-exit:focus:not(.disabled) {
        background-color: #002C3A;
        outline: 4px solid #FFC35C !important;
    }

.content-wrapper {
    margin-top: 75px;
}

    .content-wrapper .row-fluid {
        padding: 15px;
    }