/* sys v0.1beta                                         */
/* Copyright (c) 1999-2020 Nuno M. Rocha - All Rights Reserved    */

/*============================================ DOMAIN-WIDE DEFAULTS ============================================*/

/*STANDARD HTML5 ELEMENTS*/
html,
body {
}

body {
}

h1 {
}

h2 {
    background: linear-gradient(130deg, #555555 0%, #555555 11%, #000000 11%, #000000 100%); /* W3C */
}

h3 {
    background: linear-gradient(130deg, #000000 0%, #000000 93%, #555555 93%); /* W3C */
}

h4 {
    background: linear-gradient(130deg, #000000 0%, #000000 93%, #555555 93%); /* W3C */
}

h5 {
    background: linear-gradient(130deg, #000000 0%, #000000 93%, #555555 93%); /* W3C */
}

h5 + .topic_link:link {
}

h6 {
}

p {
    font-family: inherit;
}

/*STANDARD HTML5 ELEMENTS*/

/*HEADER/LINK/FOOTER ELEMENTS*/

.topic_link:link,
.topic_link:visited {
    background: linear-gradient(130deg, rgba(215, 215, 240, 1) 0%, rgba(215, 215, 240, 1) 96%, #555555 97%); /* W3C */
}

.topic_link:hover,
.topic_link:active {
    background: linear-gradient(130deg, rgba(70, 90, 150, 1) 0%, rgba(70, 90, 150, 1) 96%, #555555 97%); /* W3C */
}

@media (min-aspect-ratio: 40/29) {
    .topic_link:link,
    .topic_link:visited {
        background: linear-gradient(130deg, rgba(215, 215, 240, 1) 0%, rgba(215, 215, 240, 1) 98.2%, #555555 98.8%); /* W3C */
    }

    .topic_link:hover,
    .topic_link:active {
        background: linear-gradient(130deg, rgba(70, 90, 150, 1) 0%, rgba(70, 90, 150, 1) 98.2%, #555555 98.8%); /* W3C */
    }
}

.menu_sidenav_toggle:active,
.menu_sidenav_toggle:hover {
    border-color: #7d7d7d;
}


.menu_sidenav_link:link {
    background: linear-gradient(130deg, rgba(215, 215, 237, .83) 0%, rgba(215, 215, 237, .83) 88%, #555555 89%, #555555 100%); /* W3C */
}

.menu_sidenav_link:hover,
.menu_sidenav_link:active {
    background: linear-gradient(130deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .9) 88%, #555555 89%, #cccccc 100%); /* W3C */
}

a:link {
}

p a:link,
ul li a:link {
    font-size: .9em;
    font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif;
    font-weight: bold;
    border-radius: .5em;
    padding: 2px;
}

.soloList li {
    padding-bottom: 20px;
}

a:visited {
}

a:hover {
}

a:active {
}

header {
}

footer {
}

footer a:link {
}

/*HEADER/LINK/FOOTER ELEMENTS*/

.annotation_div {
   font-weight: bold;
    font-style: italic;
    line-height: 1.3em;
 }

.small_font {
    font-size: .80em;
    font-family: inherit;
}

.smaller_font {
    font-size: .65em;
    font-family: inherit;
}

ul > li > ul > li {
    padding-right: 5%;
}

ul > li,
ol > li {
    padding-right: 4%;
}

div.linklist ul li a:link {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
    font-weight: inherit;
}

div.linklist ul {
    margin-left: 0;
    padding-right: 2px;
    margin-right: 0;
    font-size: .9em;
}

div.linklist ul li a:link {
    padding-right: 15px;
}

div.linklist ul li {
    padding-right: 0;
    margin-right: 0;
}

div.linklists h5 {
    margin-top: 30px;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

ul.linknests li a.topic_link:link {
    font-family: inherit;
    font-weight: normal;
    font-size: 1em;
    color: black;
}

.title_img_icon {
    max-width: 17vw;
    max-height: 19vh;
}

.title_img_letters {
    max-height: 16.5vh;
    max-width: 78vw;
    padding-right: 1.25vw;
}

@media (min-aspect-ratio: 40/29) {

    .title_img_icon {
        max-width: 15.4vw;
    }

    .title_img_letters {
        max-width: 60vw;
    }
}

table.info_logging {
    font-size: .55em;
    font-family: Arial, Helvetica, arial, helvetica, sans-serif;
}

@media (min-aspect-ratio: 40/29) {
    table.info_logging {
        font-size: .9em;
        font-family: "Linux Biolinum", serif;
    }
}

.menu_sidenav_topofpage {
    text-align: center;
    padding: 1%;
    padding-bottom: 8px;
    text-decoration: none;
    display: block;
}

.menu_sidenav_topofpage:link,
.menu_sidenav_topofpage:visited {
    text-decoration: none;
    font-size: .9em;
    color: #000000;
}

.menu_sidenav_topofpage:active,
.menu_sidenav_topofpage:hover {
    color: #777777;
}

.menu_sidenav_topofpage:hover img {
    filter: opacity(58%);
}