html,body { height: 100vh; width: 100%; 
  font-family: 'Work Sans', 'Titillium Web', Ariel, sans-serif;
  font-weight: normal;  font-size: 22px; line-height: 1.2; }
h1 {font-family:'Titillium Web'; color: #3A3A3A; font-size: 32px; }
h2 {font-family:'Work Sans'; color: #3A3A3A; font-size: 26px; }
h3 {font-family:'Poppins'; color: #3A3A3A; font-size: 34px; }

.mainbody { width:100%; display: flex; flex-direction: column;    }
.header   { width:100%;  height:70px; padding: 0px; background-color:#FFFFFF; }

.td  {text-align:left}
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:#E9E9E9;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px; overflow:hidden;padding:5px 5px;word-break:normal;font-weight:bold}
.tg th{border-color:black;border-style:solid;border-width:0px;font-family:Arial, sans-serif;font-size:14px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0lax{text-align:center;vertical-align:top}
.tr td{text-align:center;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px; overflow:hidden;padding:5px 5px;word-break:normal;font-weight:bold}
tr.border-bottom td {border-bottom: 1pt solid #1D2095;}
.tdhvr tr td:hover { background-color: #DBE3EF; color: blue; font-weight:bold  }
.spc  {width:50px; height: 0px ; display:block;background-color: #FFFFFF; }
.tab  {text-align:center;vertical-align: text-top;}
.tda  {width:100px;border-style:solid;border-width:1px; border-radius: 5px; }
.tdB  {width:100px;border-style:solid;border-width:1px; border-radius: 5px; background-color: #DBE3EF; }
.tdc  {border-radius: 10px;}
.tdD  {border-radius: 10px; background-color: #DBE3EF;}
.small {color:#808080;font-size:13px;}

.pos1 {
    background:             radial-gradient( 5px -9px, circle, white 8%, red 26px );
        background:    -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
        background:     -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
        background:      -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
        background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 13px/12px Helvetica, Verdana, Tahoma;
    height: 14px; 
    padding: 2px 3px 0px;
    text-align: center;
    min-width: 14px;
    float: left;   margin: 1px; position: relative; top: 0px; 
}
.p2 { text-align:center;} 
.pH { height:24px; vertical-align: top;} 
.angled-gradient {background: linear-gradient(90deg, rgba(0,200,0,0.5), 50%, rgba(255,0,0,0.5)); border-radius: 7px;  vertical-align: top;}
.grey            {background: linear-gradient(90deg, rgba(234,204,204,0.5), 50%, rgba(120,120,120,0.5)); border-radius: 7px; vertical-align: top; }

a:hover    { background-color:#DBE3EF; color:#FFFFFF;}
a:link     { text-decoration: none; color:#FFFFFF; }
a:visited  { color:#FFFFFF; }
iframe {border: 0px black solid;  top: 0px; left: 0px; }
.round {  border-radius: 7px; border: 1px solid #73AD21; padding: 2px; width: 1020px;  }