.dashboard-logo {
    height: 100%;
    padding: 5px;
}

.login-logo {
    height: 80px;
    margin-top: 15px;
}

nav {
    background-color: #b31b1b !important;   /* The default red is not very pleasent with the white logo. */
}

.container {
    max-width: 600px;
}

.login-container {
    max-width: 300px;
}

.disabled-overlay {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10;
}

.progress-overlay {
    top: 50%;
    left: 0;
    position: fixed;
    width: 100%;
    height: 300px;
    margin-top: -150px;
    z-index: 20;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    .responsive-table2 table, thead, tbody, th, td, tr { 
        display: block; 
    }
    
    .responsive-table2 thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Remove materializecss padding. */
    .responsive-table2 td, th {
        padding: 0px;
    }
    
    .responsive-table2 tr {
        margin-bottom: 40px;
        border: 1px solid #ccc;
    }
    
    /* Table rows */
    .responsive-table2 td { 
        border: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    
    /* Table headers */
    .responsive-table2 td:before { 
        position: absolute;
        left: 6px;
        padding-right: 10px; 
        white-space: nowrap;
    }
    
    .responsive-table2 td:before {
        content: attr(data-colname);
    }
}