/*----------------------------------------------------------------------------------
 * BODY & PAGE
 *----------------------------------------------------------------------------------
 */

body {
    width: 100vw;
    min-height: -webkit-fill-available;
    height: 100vh;
    max-width: 100%;
    display: flex;
    font-family: sans-serif !important;
    font-size: 1rem;
    color: #444;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: column;
}

.category-title::before {
    color: rgb(0 0 0 / 20%);
}

/*----------------------------------------------------------------------------------
 * PAGE > MAIN
 *----------------------------------------------------------------------------------
 */
 
.page {
    background: #fefefe;
    flex: 1;
    padding: 0.5rem 0 0 1rem;
}

#main {
    width: 98%;
    margin: 0 auto;
}

.page-header-title {
    font-weight: 600;
    margin: 0 1rem 2.5rem 0;
    text-transform: capitalize;
    width: 33%;
    color: white;
    padding: 0.25rem 0 1rem 1.25rem;
    border-radius: 2px;
}

#networking .page-header-title {
	background: #005179;
}

#applications .page-header-title {
	background: #2743a9;
}

#system .page-header-title {
	background: #5a329f;
}

.small-block {
	width: 30%;
}