* {
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html, body {
    height: 100%;
}

html {
    color: #050505;
    font-size: 11.5pt;
}

body {
    margin: 0;
    background-color: rgba(60, 60, 60, 0.5);
}

#main {
    border-collapse: collapse;
    width: 1024px;
}

td.sidebar {
    vertical-align: top;
    padding: 0;
    margin: 0;
    background-color: rgba(78, 115, 223, 0.25);
    background-image: linear-gradient(180deg, #224abe 100%, #4e73df 10%);
    background-size: cover;
    width: 180px !important;
}

div.sidebar-brand {
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 800;
    padding: 0.5rem 0;
    letter-spacing: .1rem;
    width: 100%;
}

div.lang-switch {
    color: #fff;
    font-weight: 600;
    padding: 0.6rem
}

.navbar {
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    width: 100%;
}

.navbar-heading {
    color: rgba(255, 255, 255, .4);
    text-align: center;
    padding: 0.8rem 1rem 0.2rem 1rem;
    font-weight: 600;
}

.navbar-item {
    color: rgba(255, 255, 255, .8);
    text-align: left;
    padding: 0.25rem 0.5rem 0.35rem 0.5rem;
    margin: 0;
    background-color: #f8f9fc !important;
    box-sizing: border-box;
    font-weight: 600;
}

#content {
    padding: 1rem;
    vertical-align: top;
    background-color: rgba(248, 249, 252, 0.25);
}

.footer, .header {
    font-weight: 400;
    background-color: rgba(93, 93, 105, 0.25);
}

.header td {
    margin-top: 5px;
}

.sidebar a, .sidebar a:visited {
    color: #4e73df;
    text-decoration: none;
}

.sidebar a:hover {
    color: #607fde;
    text-decoration: underline;
}

div.lang-switch a, div.lang-switch a:visited {
    color: #fff;
}

.footer td {
    margin-bottom: 5px;
}

.footer td, .header td {
    padding: 5px;
    margin: 0;
    vertical-align: middle;
    color: #f8f9fc;
}

.footer a, .header a, .footer a:visited, .header a:visited {
    color: #f8f9fc;
    text-decoration: none;
}

.footer a:hover, .header a:hover, .sidebar a:hover {
    color: #fff;
    text-decoration: underline;
}

a, a:visited {
    color: #4e73df;
    text-decoration: none;
}

a:hover {
    color: #254fcc;
    text-decoration: underline;
}

table.page-header {
    border-collapse: collapse;
    width: 812px;
}

table.page-header td {
    border: 2px solid #222222;
    background-color: rgba(239, 239, 239, 0.5);
    text-align: center;
    padding: 0.5rem;
    font-weight: 600;
}

table.card {
    border-collapse: collapse;
    width: 812px;
    border: 1px solid #222222;
    background-color: #efefef;
}

table.card td {
    overflow: visible;
}

table.card th {
    background-color: #101010;
    font-weight: 600;
    color: #e0e0e0;
}

table.card tr.divider {
    background-color: #C0C0C0;
    font-weight: 600;
    text-align: left;
}

table.card tr.divider td {
    padding-left: 0.2rem;
}

table.card tr.input {
    background-color: #ffffff;
    font-weight: 600;
    text-align: left;
}

table.card tr.input td {
    padding-left: 0.2rem;
}

table.card tr.input textarea, table.card tr.input input, table.card tr.input select, table.card tr.input button {
    width: 100%;
    box-sizing: border-box;
    max-width: 812px;
    padding: 2px;
}

table.card tr.input textarea {
    margin: 0;
}

table.card tr.input td {
    padding: 1px;
    margin: 0;
}

.markdown-body {
    padding: 5px;
}

.markdown-body table th {
    background-color: #808080;
    font-weight: 600;
    color: #ffffff;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
    color: #224abe;
    margin: 0;
    padding: 0;
}

.markdown-body h1 {
    font-size: 13pt;
}

.markdown-body h2 {
    font-size: 12.8pt;
}

.markdown-body h3 {
    font-size: 12.6pt;
}

.markdown-body h4 {
    font-size: 12.4pt;
}

.markdown-body h5 {
    font-size: 12.2pt;
}

.markdown-body h6 {
    font-size: 12pt;
}

table.weather {
    border: 1px solid #000000;
    text-align: left;
    border-collapse: collapse;
    background-color: #efefef;
    font-size: 10pt;
    padding: 0;
    margin: 0;
}

table.weather img {
    width: 19px;
    padding: 0;
    margin: 0;
    border: 0 solid #000000;
}

table.weather td {
    border: 0 solid #000000;
    padding: 0;
    margin: 0;
}

table.weather th {
    text-align: center;
    background-color: #808080;
    border: 0 solid #000000;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.boxRed {
    color: #330000;
    border-collapse: collapse;
    width: 812px;
    border: 1px solid #330000;
    background-color: red;
}

.boxGreen {
    color: #003300;
    border-collapse: collapse;
    width: 812px;
    border: 1px solid #003300;
    background-color: green;
}