/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


 table {
width:100%;
border-spacing: 2px;
}
.bg1 {
background: gold;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.bg2 {
background: orange;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.bg3 {
background: palegreen;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.bg4 {
background: thistle;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.bg5 {
background: pink;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.bg6 {
background: lightblue;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}

.tbg1 {
background: khaki;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.tbg2 {
background: aqua;
border:1px solid black;
color: black;
padding: 2px 5px;
font-size: 75%;
}
.tbg3 {
background: black;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg4 {
background: olive;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg5 {
background: navy;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg6 {
background: purple;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg7 {
background: teal;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg8 {
background: lime;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg9 {
background: silver;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.tbg10 {
background: gray;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg11 {
background: maroon;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg12 {
background: yellow;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.tbg13 {
background: blue;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}
.tbg14 {
background: fuchsia;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.tbg15 {
background: red;
border:1px solid black;
padding: 2px 5px;
font-size: 75%;
}
.tbg16 {
background:green;
border:1px solid black;
color: white;
padding: 2px 5px;
font-size: 75%;
}





#tabs {
display:flex;
align-items: stretch;
flex-flow: row wrap;
gap: 2px;
}
#tabs div {
flex:25%;
margin: 1px 0;
}

#tabe {
display:flex;
align-items: stretch;
flex-flow: row wrap;
gap: 2px;
}
#tabe div {
flex:24%;
margin: 1px 0;
}

@media screen and (max-width: 600px) {

#tabs div {
flex:49%;
margin: 1px 0;
}

#tabe div {
flex:49%;
margin: 1px 0;
}
}
@media screen and (max-width: 400px) {

#tabs div {
flex:100%;
margin: 1px 0;
}

#tabe div {
flex:99%;
margin: 1px 0;
}
}