@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
body, html{
	background: #F0FFFF;
}

h1, h2, h3, h4{
	font-family: 'Roboto Condensed', sans-serif;
}

/* Flash messages */
.message {
    padding: 1rem;

    background: #eff8ff;
    color: #2779bd;

    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.message.warning {
    background: #fffabc;
    color: #8d7b00;
    border-color: #d3b800;
}
.message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}

.error-message{
    background: salmon;
    color: azure;
    padding: 0 1em;
    border-radius: 0px 0px 7px 7px;
    margin: -15px 5px 9px;
    font-size: 90%;
}



/* Paginator */
.paginator {
    text-align: right;
}
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
.pagination li {
    margin: 0 0.5rem;
}
.prev.disabled a,
.next.disabled a {
    cursor: not-allowed;
    color: #606c76;
}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}


.side-nav{
	background: white;
	border-radius: 4px;
	padding: .5em;
}
.side-nav-item {
    display: block;
    padding: 0.5rem 0;
    margin-left: 1em;
}


.content{
	background: white;
	padding: 1em;
	border-radius: 5px;
}

td.pre{
    font-family: consolas, monospace;
    font-size: 16px;
    font-weight: bold;
    color: brown;
    text-align: center;
}