body 
{
#  background            : url("/images/background_1.png") top right no-repeat;
#  background-attachment : fixed;
  background-color      : white;
  font-family           : Arial, ArialHebrew, sans-serif, verdana;
  font-size             : 6;
}

.update_times 
{
  font-size             : 6;
  text-align            : right;
}

.locked_input_yellow 
{
  background            : yellow;
}

.locked_input_green 
{
  background            : green;
}

.locked_input,
.locked_input_green,
.locked_input_yellow 
{
  width                 : 50;
  text-align            : center;
  border                : 0;
#     padding: 5px;
     font-size: 14px;
     font-weight: bold;
     font-family: verdana;
     border-width: 1px;
     border-color: #CCCCCC;
#     background-color: #FFFFFF;
     color: #000000;
     border-style: solid;
     border-radius: 25px;
#     box-shadow: 0px 0px 5px rgba(66,66,66,.75);
#     text-shadow: 0px 0px 5px rgba(66,66,66,.75);
}

.vshome 
{
  text-align            : right;
}

.vsaway 
{
  text-align            : left;
}

.vsmiddle 
{
  text-align            : center;
  width                 : 10;
}

.vstime
{
  font-size             : 12;
}

.clublogo 
{
  width                 : 70;
  height                : 70;
}

footer 
{
  position              : absolute;
  height                : 20px;
  margin-bottom         : 20px;
  width                 : 95%;
  text-align            : right;
}

.savebutton,
select,
option 
{
  font-size             : 11px;
  color                 : #FFF;
  margin                : 1vh;
  padding               : 0.2vh;
  background-color      : #333;
  border-radius         : 2vh;
  border-color          : transparent;
}

.menu
{
  background : white;
  position: sticky;
  top: 0; 
  width : 100%;
  cell-padding : 0;
  cell-spacing : 0;
}

.footer
{
  background : white;
  position: sticky;
  bottom: 0; 
  width : 100%;
  cell-padding : 0;
  cell-spacing : 0;
}

.main 
{
  border : 0;
  padding :0;
  border-spacing: 0;
  border-collapse: collapse;
  heigth : 100%;
  width  : 100%;
}

.matchdate
{
   font-family : verdana;
   font-size : 13px;
   color : #000000;
   text-transform : uppercase;
   font-weight : bold;
   text-align : center;
}

.th_l,
.th_r
{
   width : 15px;
}

.th_l,
.th_c,
.th_r
{
  border: 1px;
  background : #333;
  color : #FFFFFF;
  font-size : 13px;
  font-weight : bold;
  text-transform : uppercase;
  vertical-align : bottom;
}

.rotate
{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  vertical-align : top;
}

.th_l
{
   border-top-left-radius: 15px;
}

.tf_l
{
   border-bottom-left-radius: 15px;
}

.th_r
{
   border-top-right-radius: 15px;
}

.tf_r
{
   border-bottom-right-radius: 15px;
}


.content_row,
.tf_l,
.tf_c,
.tf_r
{
  background : #e6e6e6;
}

.geluksvogel_select {
  width                 : 20vw;
}
.radio_item {
  display               : none !important;
}

.selected_geluksvogel,
.unselected_geluksvogel {
  width                 : 8vw;
  position              : relative;
  text-align            : right;
  right                 : 0;
  margin                : 0;
  z-index               : -1;
}

.selected_geluksvogel {
  opacity               : 1;
}

.unselected_geluksvogel {
  opacity               : 0;
}

.label_item {
  opacity               : 0.2;
}

.radio_item:checked + label {
  opacity               : 1;
}

.box {
  margin                : 0;
  display               : inline-block;
  white-space           : nowrap;
  overflow              : hidden;
  width                 : 40px;
  text-align            : center;
  border-radius         : 15px;
  padding               : 0px;
  background-color      : #FFFFFF;
  font-family           : Arial;
  font-weight           : bold;
}

.box.yellow {
  background-color      : #f2ff00;
}

.box.red {
  color                 : #f2ff00;
  background-color      : red;
}

.box.green {
  background-color      : #00A300;
}

.box.blue {
  background-color      : #34c0eb;
}

.box.yblue {
  background            : linear-gradient(45deg, #f2ff00 50%, #34c0eb 50%);
}

details summary {
  cursor                : pointer;
  font-size             : 12px;
}

.details_table {
  width                 : 100%;
  border-collapse       : collapse;
  margin-bottom         : 20px;
  font-family           : Arial, sans-serif;
  font-size             : 8px;
  padding               : 2px;
}

.details_table td {
  border-bottom         : 1px solid #ddd;
  word-wrap             : break-word;
  overflow-wrap         : break-word;
  white-space           : normal;
  vertical-align        : top;
  height                : 14px;
  line-height           : 14px;
}

.details_table td:first-child {
  text-align            : right;
  font-weight           : bold;
}

.event-image {
  width                 : 14px;
#  height                : 10px;
}