*{ margin:0; padding:0;}html,body{ height:100%; background-color:#e2e2e2; font-family:Arial; font-size:10pt;}.wrapper{ display:flex; flex-direction:column; justify-items:stretch; height:100%;}.header{  background-color:#e2e2e2; border-bottom:1px solid #aaa; text-align:center;}.element{ margin:3px 0;}.content{  flex:1 0 auto; background-color:#fff;  display:flex; flex-direction:column; align-items:center; justify-content:center;}.footer{ flex:0 0 auto; background-color:#e2e2e2; border-top:1px solid #aaa; text-align:center;}.calc{ border:1px solid #aaa; border-collapse:collapse; background-color:#efefef; margin:15px 0; padding:5px;  display:flex; flex-direction:column;}.message{ text-align:center; vertical-align:middle; padding:10px;}h1{ font-size:1.2em; margin:5px 0;}h2{ font-size:1.1em; margin:5px 0;}h3{ font-size:1em; margin:5px 0;}p,li{text-align:justify; line-height:20px;}li{margin:0 0 0 25px;font-size:75%;}p{ text-indent:25px;}table{ border:1px solid #aaa; border-collapse:collapse; table-layout:auto; position:relative; margin:0 5px;}th{font-size:90%;background-color:#efefef;text-align:left;/* word-wrap:break-word;display:flex;*/}th,td{border:none; padding:2px; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto;}sub,sup{ font-size:0.7em;}a,a:visited,a:active{ color:#4986a1;}a:hover{ color:#ff0000; text-decoration:none;}.label{ margin-left:5px; padding:2px;}.row,.row1{ padding:5px; text-align:left; line-height:20px;}.row1{  background:#efefef; }.row{  background:#fff;}.submit{ text-align:center; padding:2px; margin:20px 0 0 0;}.input{ background-color:#fef8b6; text-align:center; font-weight:bold; border:1px solid #aaa; padding:2px;}select{ background-color:#fef8b6; text-align-last:center; width:100%; border:1px solid #aaa; padding:2px;}input.but{ padding:0.1em 1em; border:1px solid #aaa; margin:2px; word-wrap:break-word;}input.but:hover{ background-color:#fef8b6;}input[class="input"]::-moz-placeholder{color:#888;font-size:0.9em;font-weight:400;}input[class="input"]::-webkit-input-placeholder{color:#888;font-size:0.9em;font-weight:400;}input[class="input"]:-ms-input-placeholder{color:#888;font-size:0.9em;font-weight:400;}input[class="input"]::-ms-input-placeholder{color:#888;font-size:0.9em;font-weight:400;}input[class="input"]::placeholder{color:#888;font-size:0.9em;font-weight:400;}.units,.subs{ font-size:0.8em; text-align:left; width:90%; padding:3px;}.footnote{ margin:10px; font-size:0.7em; text-align:justify;}@media screen and (max-width:768px){ .header, .footer{ padding:15px; } .header{ border-bottom:1px solid #aaa; } .footer{ border-top:1px solid #aaa; } .input, input.but{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #aaa; border-radius:0; }}@media (prefers-color-scheme:dark){ .calc, .header, .footer, th,html,body, .row{ background-color:#555; } th{ background-color:#414141; } .calc{ border:1px solid #777; } .header{ border-bottom:1px solid #777; } .footer{ border-top:1px solid #777; } .content, .popup, .row1{ background-color:#606060; } input.but{ background-color:#9c9c9c; } .input, input.but:hover{ background-color:#cdcdcd; } .label, .subs, .units, .footnote, .message, sup, sub, p, li, a, a:visited, a:active, h1, h2, h3, th,td{ color:#bbb; }}