@charset "UTF-8"; /* CSS Document */ 
* { box-sizing: border-box; padding:0px 0px; margin:0px 0px; position: relative; } 
html, body { display:flex; width:100%; min-height: 100vh; border:0px; outline: none; } 
html { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 1em; line-height: 1.33; background-color: #222; color: #cdcdcd; font-weight:200; } 
body { align-items: flex-start; flex-direction: column; } 
body > * { width:100%; text-align: center; } 
h1 { display: flex; justify-content: center; margin: 5px 0px 12px; font-weight: 100; font-size: 1.5rem; color: darkgoldenrod; flex-direction: column; } h1 > small { color: #cdcdcd; background: black; max-width: 140px; margin: 4px auto; padding: 4px 24px; font-weight: 400; border-radius: 3px; } h1.error { color: red; } 
div.day, div.month { width: 100%; padding: 10px; display: inline-flex; flex-direction: row; background: black; justify-content: space-between; max-height: calc(100vh - 186px); min-height: calc(100vh - 186px); overflow-y: auto; align-content: flex-start;  } 
div.day > a, div.day > span, div.month > a, div.month > span { display: block; font-size: 16px; color: white; font-weight: 500; background: slategray; margin: 2px 1px; text-align: center; min-height: 58px; min-width: 2.8%; padding: 32px 0px 4px 0px; border-radius: 3px; background-size: 24px; text-decoration: none;  background-repeat: no-repeat; background-position: center 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M360-840v-80h240v80H360ZM480-80q-74 0-139.5-28.5T226-186q-49-49-77.5-114.5T120-440q0-74 28.5-139.5T226-694q49-49 114.5-77.5T480-800q62 0 119 20t107 58l56-56 56 56-56 56q38 50 58 107t20 119q0 74-28.5 139.5T734-186q-49 49-114.5 77.5T480-80Zm0-80q116 0 198-82t82-198q0-116-82-198t-198-82q-116 0-198 82t-82 198q0 116 82 198t198 82Zm0-280ZM360-280h80v-320h-80v320Zm160 0h80v-320h-80v320Z'/%3E%3C/svg%3E"); } 

div.month > a { padding: 40px 0px 4px 0px; background-size: 32px; min-height:100px; } 

div.day { flex-wrap: wrap;  justify-content: flex-start; } 
div.day > a, div.day > span { font-size: 14px; margin: 2px 2px; min-width: 42px; } 
div.day > a.none, div.day > span.none, div.month > a.none, div.month > span.none { opacity:0.7; } 
div.day > a.future, div.day > span.future, div.month > a.future, div.month > span.future { opacity:0.3; max-height: 64px; } 

div.day > a.ok, 
div.day > span.ok, 
div.month > a.ok, 
div.month > span.ok { background-color: green; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E"); } 
div.day > a.alert, 
div.day > span.alert, 
div.month > a.alert, 
div.month > span.alert { background-color:red; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z'/%3E%3C/svg%3E"); } 
div.day > a.warning, 
div.day > span.warning, 
div.month > a.warning, 
div.month > span.warning { background-color: rgb(128,160,0); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E"); } 


/*
div.month > a.p00     { background-color: rgb(255,15,0); } 
div.month > a.p10     { background-color: rgb(242,46,0); } 
div.month > a.p20     { background-color: rgb(232,62,0); } 
div.month > a.p30     { background-color: rgb(219,76,0); } 
div.month > a.p40     { background-color: rgb(207,86,0); } 
div.month > a.p50     { background-color: rgb(192,95,0); } 
div.month > a.p60     { background-color: rgb(180,102,0); } 
div.month > a.p70     { background-color: rgb(166,107,0); } 
div.month > a.p80     { background-color: rgb(150,113,0); } 
div.month > a.p85     { background-color: rgb(135,117,0); } 
div.month > a.p90     { background-color: rgb(118,121,0); } 
div.month > a.p95     { background-color: rgb(100,124,0); } 
div.month > a.p99     { background-color: rgb(72,128,0); } 
div.month > a.p100    { background-color: rgb(68,140,0); } 
*/

div.month > a.p00     { background-color: rgb(255,00,0);  } 
div.month > a.p10     { background-color: rgb(224,40,0);  } 
div.month > a.p20     { background-color: rgb(236,56,0);  } 
div.month > a.p30     { background-color: rgb(227,68,0);  } 
div.month > a.p40     { background-color: rgb(216,78,0);  } 
div.month > a.p50     { background-color: rgb(205,85,0);  } 
div.month > a.p60     { background-color: rgb(195,90,0);  } 
div.month > a.p70     { background-color: rgb(185,100,0); } 
div.month > a.p80     { background-color: rgb(175,100,0); } 
div.month > a.p85     { background-color: rgb(165,110,0); } 
div.month > a.p90     { background-color: rgb(150,115,0); } 
div.month > a.p95     { background-color: rgb(140,115,0); } 
div.month > a.p99     { background-color: rgb(100,124,0); } 
div.month > a.p100    { background-color: rgb(68,140,0);  } 


div.monthselect { 

    display: inline-flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 100%;
    padding: 12px;
    margin: 0px 0px 12px 0px;
    background: #111;
    justify-content: flex-start;
    align-items: flex-start;

} 
div.monthselect > a { display: block; padding: 4px 16px 4px 40px; background-repeat: no-repeat; background-position: 8px 4px; border-radius: 6px; background-color: black; text-decoration: none; color: white; font-size: 20px; font-weight: 400; box-shadow: 0px 0px 3px 0px black; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M260-320q47 0 91.5 10.5T440-278v-394q-41-24-87-36t-93-12q-36 0-71.5 7T120-692v396q35-12 69.5-18t70.5-6Zm260 42q44-21 88.5-31.5T700-320q36 0 70.5 6t69.5 18v-396q-33-14-68.5-21t-71.5-7q-47 0-93 12t-87 36v394Zm-40 118q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T62-752q46-24 96-36t102-12q58 0 113.5 15T480-740q51-30 106.5-45T700-800q52 0 102 12t96 36q11 5 16.5 15t5.5 21v482q0 23-19.5 35t-40.5 1q-37-20-77.5-31T700-240q-60 0-116 21t-104 59ZM280-494Z'/%3E%3C/svg%3E"); background-size:24px; } 
div.monthselect > a.active { background-color: seagreen; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z'/%3E%3C/svg%3E"); } 
div.day > span.warning, div.day > span.alert {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/%3E%3C/svg%3E"); } 
div.day { padding-right: 180px; padding-bottom: 240px; } 
div.day > span > ul { display:none; flex-direction: column; position: absolute; background: white; color: black; padding: 12px; z-index: 10; box-shadow: 2px 2px 12px 0px; border-radius: 0px 7px 7px 7px; max-width:240px; list-style: none; } 
div.day > span > ul > li { list-style: none;display: flex;flex-direction: row;align-content: flex-start;width: 100%;min-width: 216px;justify-content: space-between; border-bottom: 1px solid #ccc; } 
div.day > span > ul > li:last-child { border-bottom: 0px solid #ccc; } 
div.day > span > ul > li > i, div.day > span > ul > li > b { font-size: 12px; font-style: normal; display: block; text-align: right; line-height: 1.5; font-weight: 400;} 
div.day > span > ul > li > i { text-align: left; } 
div.day > span > ul > li > i { padding-right:4px; color:green; } 
div.day > span > ul > li > b { } 
div.day > span > ul > li > i.warning { color:darkorange; } div.day > span > ul > li > i.alert { color:red; } 
div.day > span.warning.open > ul, 
div.day > span.alert.open > ul { display: flex; } 
div.reload     { display:block; padding:0px 0px; text-align: center; width:100%; background:black;              height:8px; margin-bottom:8px; } 
div.reload > i { display:block; padding:0px 0px; background:dodgerblue; min-width:1px; margin:0px auto 0px 0px; height:8px; -webkit-transition: width 1s linear; -moz-transition: width 1s linear; -ms-transition: width 1s linear; -o-transition: width 1s linear; transition: width 1s linear; } 
button.refresher { display: block;position: absolute;width: 40px;height: 40px;border-radius: 20px;border: 0px;top: 24px;right: 24px;background-repeat: no-repeat;background-position: center;background-size: 52px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='M360-320h80v-320h-80v320Zm160 0h80v-320h-80v320ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E"); z-index: 10; cursor: pointer;  background-color: #111; } button.refresher:hover { background-color: dodgerblue; } 
button.refresher.play { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e3e3e3'%3E%3Cpath d='m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E"); } 
@media only screen and (max-width: 1024px) { 
    div.day, div.month { 
        max-height: calc(100vh - 400px); 
        min-height: calc(100vh - 400px); 
    } 
}