body {
    font-family: 'Exo 2', sans-serif;
}

header {
    padding: 15px;
    border-bottom: 3px solid #264653;
    text-align: center;
}

.quick-status {
    padding: 15px;
    color: #ffffff;
    text-align: center;
}
    .quick-status h2 {
        font-weight: 700;
    }
    .quick-status.good {
        background-color: #2A9D8F;
    }
    .quick-status.warning {
        background-color: #E9C46A;
    }
    .quick-status.bad {
        background-color: #E76F51;
    }


a, a:hover {
    color: #264653;
    font-weight: 700;
}

.dz .current-dz {
    color: #2A9D8F;
    font-weight: 700;
}

footer i {
    color: #E76F51;
}

.card-active {
    border: 3px solid #264653;
    border-radius: 3px;
}

.table .thead-dark th {
    background-color: #264653 !important;
    border-color: #264653 !important;
    padding: .50rem !important;
    border: none !important;
}

.table .thead-dark th.border-right {
    border-right: 2px solid #ffffff !important;
}

@media only screen and (max-width: 768px) {
    .table td, .table th { padding: 10px; }
    .table { font-size: 13px; }
    .container, .row, .col-md-12 { padding: 0; margin: 0; }
    footer { font-size: 12px; }
    header h1 { font-size: 2rem; }
}
@media only screen and (max-width: 545px) {
    .table td, .table th { padding: 5px; }
    header img { height: 69px; }
    header h1 { font-size: 1.5rem; }
    .table { font-size: 10px; }
    .table .thead-dark th {
            padding: 0rem !important;
        }
}
@media only screen and (max-width: 300px) {
    .table img { height: 33px; }
    header h1 { font-size: 1.33rem; }
}

@media (min-width: 576px) {
    .container { max-width: unset !important; }
}