:root {
    --brand-blue-dark: #06335C;
    --brand-blue-light: #156cbb;
}

.brand-blue {
    background-color: var(--brand-blue-dark);
    color: white;
}

.brand-blue-light {
	background-color: var(--brand-blue-light);
	color: white;
}

.brand-blue-text {
    color: var(--brand-blue-light);
}

hr {
    border-top: 2px solid var(--brand-blue-dark);
}

textarea {
    width: 100%;
}

.w3-button {
    background-color: var(--brand-blue-dark)!IMPORTANT;
    color: white!IMPORTANT;
    font-size: 1.2em;
}

.w3-button:hover {
    background-color: #ccc!IMPORTANT;
    color: var(--brand-blue-dark)!IMPORTANT;
    font-weight: bold;
}

.w3-btn.brand-blue:hover {
    color: var(--brand-blue-dark);
    background-color: #ccc;
    font-weight: bold;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table,
th,
td {
    border: 1px solid grey;
    padding: 3px 10px;
    font-size: calc(10px + 0.4vw);
}

th {
    background-color: #06335C;
    color: white;
}

.w3-row {
    /*display: flex!IMPORTANT;*/
    display: flow-root;
}

.w3-row-padding {
    /*display: flex!IMPORTANT;*/
    display: flow-root;
}

.w3-container {
    display: grid!IMPORTANT;
}

.w3-btn {
    border-radius: 5px;
}