/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


.gbo1 {
background: #fff3aa;
padding: 2px 5px;
font-size: 75%;
}
.gbo2 {
background: #ffebc6;
padding: 2px 5px;
font-size: 75%;
}
.gbo3 {
background: #f0fff0;
padding: 2px 5px;
font-size: 75%;
}
.gbo4 {
background: #f4eef5;
padding: 2px 5px;
font-size: 75%;
}


#tablegb {
width: 100%;
margin: 0 0 1em 0;
padding:0;
}
#gbtwo {
display: flex;
border:2px solid #333333;	
border-left:1px solid black;	
border-right:3px solid #333333;
border-bottom:1px solid gray;	
padding: 0;
border-radius: 0 calc(.3em + ((.3vw - 0.1em) * 0.1)) 0 0;
}
.gbleft1 {
display: inline;
flex: 1;
font-size:90%;
padding: 0 calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.gbleft1 span {
color: red;
font-weight: bold;
}
.gbright1 {
display: inline;
flex: 2;
padding:0 calc(.25em + ((.25vw - 0.1em) * 0.1));
text-align: right;
font-size: 70%;
}
.gblineleft {
display: block;
width: 100%;	
font-size:75%;
text-align: left;
border:3px solid #333333;
border-left:1px solid black;
border-top: none;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
word-break:break-all;
word-break:break-word;
border-radius: 0 0 0 calc(.5em + ((.5vw - 0.1em) * 0.1));
}

.gblineleft a {
text-decoration: none;
}

.gbv {
color:maroon;
font-size: 75%;
}

.gbma {
color:maroon;
font-size: 85%;
}


picture img {
width: 1em;
text-decoration: none;
}
picture img.edit {
width: 1.5em;
text-decoration: none;
margin-bottom: -8px;
}



#epag table {
margin: calc(1em + ((1vw - 0.1em) * 2)) auto;
width: auto;
}
#epag td {
width: 1.75em;
font-size: 100%;
padding: 0 calc(.25em + ((.25vw - 0.1em) * 1));
border: 1px solid silver;
text-align: center;
}
#epag td a {
text-decoration:none;
}
#epag td.currentpage {
font-weight: bold;
color: red;
border: 1px solid red;
box-shadow: inset 0 0 0 1px red;
}






@media screen and (max-width: 800px) {
#gbtwo {
display:block;
width: 100%;
}
.gbleft1 {
display:block;
width: 100%;
}
.gbright1 {
display:block;
width: 100%;
}

picture img.edit {
margin-bottom: -11px;
}
}




















