P, TD { font-family:Tahoma,Arial,Helvetica; margin-top:6pt; margin-bottom:6pt;}
H1 { font-family:Tahoma,Arial,Helvetica; text-align:center; margin:6pt 6pt 6pt 6pt; }
H2 { font-size:130%; font-family:Tahoma,Arial,Helvetica; background-color:black; color:white; padding-left: 5px; padding-bottom: 2px; margin-top:6pt; margin-bottom:6pt;}
H3 { font-family:Tahoma,Arial,Helvetica; background-color:grey; color:white; padding-left: 5px;  padding-bottom: 2px; margin-top:6pt; margin-bottom:6pt;}
H4, H5, H6 { font-family:Tahoma,Arial,Helvetica; }
BODY { margin-left:30px; margin-right:30px; font-family:Tahoma,Arial,Helvetica; }
TT { font-size:110%; font-weight:900; white-space:nowrap; }
PRE { font-size:90%; margin-top:4px; }
TABLE { border-collapse:collapse; }
TD, TH { padding-right:1em; text-align:left; vertical-align: middle;}
A:link { color:#30005f; text-decoration: none;  }
.file { background-color:f0f0f0; border:1px solid black; padding:6px;  }
.cmd { color:#40FF40; background-color:black; padding:6px;  }
.shortdesc {font-size: 120%; font-family:Times,Times Roman,serif; font-style:italic; }
.note { background-color:yellow; padding:4px; }
.uml { background-color:ffffe0; border:1px solid black; padding:3px; font-family:monospace; } 
.frame { background-color:f0f0f0; border:1px solid black; padding:2px; font-family:monospace; } 
.math { font-family:Times,Times Roman,serif; font-style:italic; font-weight:bold; white-space:nowrap; font-size:110%; }
.box { border:1px solid black; padding:3px; padding-left:8px; padding-right:8px; }
.math sub { font-style:normal; font-weight:normal; }
.math .norm { font-style:normal; font-weight:normal; }
.math .big { font-style:normal; font-weight:normal; font-size:150%; }
.sans { font-family:Tahoma,Arial,Helvetica,sans-serif,sans; }
.action { 
    text-decoration:none; 
    font-family:Roboto,sans-serif; 
    letter-spacing:1.25px; 
    font-weight:600; 
    text-transform:uppercase; 
    padding:0 16px 0 16px; 
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; 
    line-height: 200%;
    align-items: center;
    display:inline-flex;
    font-size: 100%;
    color: blue;
    background-color: white;
    border:none;
}
.action:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    background-color:#f8f8f8;
}
input[type="file"] { display: none; }
select.action { padding-top: 9px; padding-bottom: 5px; }.alert { border:1px solid #800; }
@media print {.action{display: none !important;}}
.alert h2 { background-color:#900; margin-top:0; margin:0; }
.alert span { padding:5px; display:inline-flex; }

ul.navmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}

.navmenu li a {
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

.navmenu li a.active {
    background-color: #4CAF50;
    color: white;
}

.navmenu li a:hover:not(.active) {
    background-color: #555;
    color: white;
}