.header {
  padding: 1px 1px;
  background: yellow;
  color: black;
}


 table.purpleHorizon {
  border: 4px solid #9ECADE;
  background-color: #fff;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.purpleHorizon td, table.purpleHorizon th {
  border: 1px solid #555555;
  padding: 5px 0px;
}
table.purpleHorizon tbody td {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
table.purpleHorizon tr:nth-child(even) {
  background: #9ECADE;
}
table.purpleHorizon thead {
  background: #792396;
  border-bottom: 4px solid #792396;
}
table.purpleHorizon thead th {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #792396;
}
table.purpleHorizon thead th:first-child {
  border-left: none;
	background: #B80A18;
}
table.purpleHorizon thead th:nth-child(even) {background-color:crimson; }

table.purpleHorizon tfoot {
    font-weight: bold;
  color: #FFFFFF;
  background: #CE3CFF;
  background: -moz-linear-gradient(top, #da6dff 0%, #d34fff 66%, #CE3CFF 100%);
  background: -webkit-linear-gradient(top, #da6dff 0%, #d34fff 66%, #CE3CFF 100%);
  background: linear-gradient(to bottom, #da6dff 0%, #d34fff 66%, #CE3CFF 100%);
  border-top: 5px solid #792396;
}
table.purpleHorizon tfoot td {
  font-size: 14px;
}
table.purpleHorizon tfoot .links {
  text-align: right;
}
table.purpleHorizon tfoot .links a{
  display: inline-block;
  background: #B80A18;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.tab { width:100%; text-transform: uppercase;}
.top .tab td,
th { color:#000 }
.tab td { text-align:center; line-height: 28px; }

.td0 { background-color:#FFF }
.td1 { background-color:#39C }
.tr0 { color:#fff; background:#0B4C5F }
.tr1 { background-color:#003333 }
.tr2 { background-color:#036 }
.refresh{background:#08501B;color:#fff;font-weight:bold;font-size:1em;border-radius:5px;position:fixed;bottom:50px;left:18px;padding:5px 8px}
 #flashbox {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: GREEN;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0 0 10px #ccc;
        z-index: 999;
    }

    /* Flashbox text styles */
    #flashbox-text {
        font-size: 20px;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 10px;
    }

    
     #image {
       position:fixed;bottom:50px;right:20px ;:5px;padding:5px 8px
           }
           .online-users {
    border: 1px solid #222222;
    padding: 4px;
    text-align: center;
    color: #0099FF;
}

.online-users h2 {
    color: #0099FF;
    font-weight: bold;
}

.online-users p.user-count {
    font-size: 10px;
    color: #0099FF;
}
.logo {
background-color : #ccf7ff;
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
}
	 .entryNumber {
    width: 40px;
    height: 40px;
    background-image: radial-gradient(circle at 50% 21%, #ffffff, #a5b6b4 83%, #dde3e3);
    float: center;
    margin: 10px 5px 0 0;
    border-radius: 50%;
    color: #000;
    font-weight: 600;
    line-height: 40px;
    font-family: Rubik;
  	font-size: 20px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	text-align: center;
}
