body {
 font-family: Segoe UI
}

#mainTable thead tr + tr th {
    border-top: none !important;
}

table {
	font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.9em;*/
	text-decoration: none;

}

table.noborder tr td {
   border:none!important;
   font-size:8pt;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
}

.abutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
	text-indent:0px;
	display:inline-block;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	width:58px;
	text-decoration:none;
	text-align:center;
}

.abutton.show {
 background-color:#059862;
 color:#ffffff;
 width:100px
}

.abutton.show:hover 
{
 background-color:#f7b900;
}

.abutton.show:active
{
 position:relative;
 top:1px;
}


.abutton.red {
 background-color:#ff0000;
 color:#ffffff;
 width:130px
}

.abutton.red:hover 
{
 background-color:#f7b900;
}

.abutton.red:active
{
 position:relative;
 top:1px;
}
            
.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: auto;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.circle-btn {
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-weight: bold;
  color: black;
  cursor: pointer;
}

#mainTable thead {    
    position: sticky; 
    top: 0;
}