/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09.08.2021, 15:09:59
    Author     : ageesen
*/

html {
    --min_width: 300;
    --view_height: 98vh;
    scroll-behavior: smooth;
}
body {
    /*    background-color: rgb(128,128,128);*/
    color: rgb(20,20,20);
    font-family: sans-serif;
    font-size: 15pt;
    margin:0;
    padding:0;  
}
table, thead, tbody, tr,td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
table {
    background-color: white;
    width:100vw;
}
thead {
    background-color: #53B133;
    color:white;
}
td {
    border:1px solid #D5D5D5;
    padding: 10px;
}
thead th {
    height:50px;
    font-weight: normal;
}
td.tt-body-zeit {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    height:40px;
}
td.past-time,
td.bookable {
    background-color: #D3FBC1;
}
td.block-time,
td.occupied:first-child {
    background-color: #FA998E;
}
tr.acttime>td.tt-body-zeit {
    background-color: #D3FBC1;
}
td.player_top > span {
    display:none;
}
td.occupied > span {
    display:inline;
}
span.tt-body-info-screen-name-1 {
    font-size: 14pt;
}
span.tt-body-info-screen-hcp-1 {
    font-size: 13pt;
    color:#929292
}
nachname {
    font-weight: bold;
}
.tt-head-spieler {
    width: 88%;
    font-size: 22pt;
}
.male {
    color:#0076BA;
}
.female {
    color:#EE220C;
}
#work > div {
    position: absolute;
    opacity: 0;
    -webkit-transition:opacity 500ms ease-out;
    -moz-transition:opacity 500ms ease-out;
    -o-transition:opacity 500ms ease-out;
    transition:opacity 500ms ease-out;
}
#work > div:last-child {
    opacity: 1;
}
#work {
    position: relative;
}
tr.closed > td:first-child {
    background-color: #FA998E;
}