body {
   background: #000000;
   color: #FFFFFF;
}

button {
   background: #000000;
   color: #FFFFFF;
   height: 30px;
   margin: 2px;
   font-size: 16px;
}

input[type=text]{
   padding:3px;
   background: #000000;
   color: #FFFFFF;
   border: 1px solid rgb(255,255,255);
   height: 30px;
   margin:2px;
   font-size: 16px;
}

select {
   border: 1px solid rgb(255,255,255);
   background: #000000;
   color:#FFFFFF;
   height: 30px;
   font-size: 16px;
}

select:hover{
   background: #02243a;
   color: #FFF;
}

label {
   font-size: 16px;
   height: 30px;
   font: normal 16px arial !important;
}

table {
   background: #000;
   color: #FFF;
   width: 100%;
}

table, tr, td {
   border: 1px solid rgb(255,255,255);
   border-collapse: collapse;
   text-align: center;
}

th {
    border-bottom: 2px solid rgb(255,255,255) !important;
}

canvas {
   width: calc(100%);
   margin: 15px 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #AAA;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #AAA;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #AAA;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #AAA;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #AAA;
}


.event_table {
    margin-top: 10px;
}

.playing {
    color: greenyellow;
}