#status-header {
    background-color: #f8f9fa;
    width: 100%;
    display: inline-block;
}

#status-report {
    font-style: italic;
    text-align: right;
    margin-right: 10px;
    color: #a7a9ac
}

#logout-text {
    text-align: right;
    margin-right: 10px;
    color: black;
}

#logout-text a{
    color: black;
    margin-right: 5px;
}

#latest-status {
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
    margin-bottom: -1px;
    margin-top: 15px;
    color: black
}

#conn_check:hover:before {
    color: black;
}

#conn_times:hover:before {
    color: black;
}

#conn_all:hover {
    color: black;
}

#open_check:hover:before {
    color: black;
}

#open_times:hover:before {
    color: black;
}

#open_all:hover {
    color: black;
}

#big-logo {
    padding: 10px;
    float: left;
    margin-right: -300px;
}

#small-logo {
    display: none;
    padding: 10px;
    float: left;
    margin-right: -60px;
}

@media all and (max-width: 768px) {
    #big-logo {
        display: none;
    }

    #small-logo {
        display: inline;
    }
}

@media all and (max-width: 445px) {
    #status-report {
        font-size: 15px;
    }

    #latest-status {
        font-size: 15px;
    }
}

#currentTable tr:hover {
    background-color: #EBF5FF;
}

#currentTable tr:hover td.sorting_1 {
    background-color: #DCEEFF;
}

#currentTable th {
    background-color: #FFFFFF;
}
