/*   styles.css in /tennis_app/static/css/styles.css  */
/*12/23/20*/
/*img { playerstable

    max-width: 100%;   
    max-width: inherit;
    width: 100%;width:80%
    height: auto ;
}
input {
	text-align: left;
}

input[type=text]:disabled {
	background-color: #C6F1F9;
}*/

meter, progress, output {
	max-width: 100%;
}
html {
	height: 100vw;
}
/* hr {
       /*display: block;
       /*position: relative;
       padding: 0;
       /*margin: 8px auto;
       height: 50%;
       width: 65%;
       max-height: 50%;
       font-size: 1px;
       line-height: 5px;
       /*clear: both;
       border: thin;
       border-style:dotted;
       border-color:red;
	   /*box-align:baseline;
	   margin-top:20%;    
	   /*1px solid #aaaaaa;
    }
*/
.tswsidecol {
	/* side column which includes menu */
    text-align: center;
	display: inline-block;
	float: left;
	width: 10%;
	color: #000;
	background-color: transparent;
	margin-left: 0;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
    /*height: 100%;*/
}

.UserNameCol {
	width: 63.8px;
	background-color: #323C50;
	border: 2px transparent solid;
	background-clip:padding-box;
	line-height: 2.8em;
	box-shadow: 2x 2x 2x -2x yellow;
	margin-top:9px;
	margin-bottom: auto;
}

.UserNameCol:hover {
	background-color: #FFF842;
	color: #403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: linear;
}



#weekchoice {
	/* div of Week dropdown */
	float: none;
	width: 85%;
	/*height: 4vh;*/
	background-color: transparent; /*#73CEFB;*/ /*#73CEFB;*/;
	color: #1F2739;
	/*border: 2px yellow groove;*/
	/*border-radius: 5px;*/    
	margin-top: 0%;
	margin-bottom:0;
	text-align:center; 
	margin-left:4%;
	
						{% if device.is_xsmall or device.is_small %}    
    /*color: red; ;
    background-color: transparent ;*/
}

#WeekMenuStaff {
	margin-left: 38%;	
	margin-right: 0;
	float:left;
	width:50%;
	alignment-adjust:central;
}
#weekchoice-staff {
	/* div of Week dropdown --- Staff */

    display: inline-block;
	text-align: center; 
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom: 4%;
	background-color: transparent;     /*#73CEFB;*/
	color: #1F2739;
	line-height: 1.0em;
	font-size: 1.0em;
	font-weight: bold;
	border: 3px yellow groove;
    border-radius: 18px;
    
}
	
}
/*color: red; ;
    background-color: transparent ;*/
/*    from tswheader2
    #tswheader2 {
    text-align: center;
    margin: 20px auto; 
    margin-bottom: 2px;
        
    line-height: 2em;
           dk bkue #1F2739; Dark Blue #414141;  #040505;   #99ccff;    
    background-color: #73CEFB;
    color:#1F2739;                yellow  #FB667A;   yellow #FB667A;  Blue  #4DC3FA  #1F2739     
               med Blue #4DC3FA;     #1F2739; lt blue  #2192FF     white    #FFFFFF;  Dar-blue  #1F2739; 
    font-family:"Comic Sans MS";
    font-size: 1.3em;
    font-weight:bold;
    height:2.3em;
    width: 25%;
    border: inset; border-width: 3px; border-color:black;


*/
.weekof {
	/* dropdown */
    text-align: center;
	float: none;
	width: 100%;
	height: 20%;
	margin-top: 4%;
	padding-left: 0px;
	padding-right: 0px;
	background-color:#73CEFB;   /*#4D608C*/
	border: 1px yellow4 inset;
	border-radius: 2px;
	/*  #4D608C;    #1F2739;*/
	color: #1F2739;
	font-weight: bold;
	font-size: .9em;            
    color: white;
}

.weekof:hover {
	background-color: #FFF842;
	color: #403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: linear;
}

.weekof-staff {
	/* dropdown */
    text-align: center;
	float: none;
	min-width: 51%;
	height: 10%;
	margin-top: 2%;
	padding-left: 0px;
	padding-right: 0px;
	background-color: red;	/*#1F2739;*/			/*#73CEFB;*/
	border: 1px yellow inset;
	border-radius: 2px;
/*  #4D608C;    #1F2739;*/
	color: #1F2739;
	font-weight: bold;
	font-size: .9em;            
    /*color: red;
    background-color: transparent ;*/
}

.weekof-staff:hover {
	background-color: #FFF842;
	color: #403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: linear;
}




.mybutt2 {

	box-shadow: 1% 1% 1% 0 #f0f7fa;
	background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color: yellow;
	border-radius: 40%;
	/*border:1% #057fd0 inset;*/
	display: inline-block;
	cursor: pointer;
	color: #1F2739;
	font-family: Arial;
	font-size: .85em;
	font-weight: 600;
	padding: 1%;
	text-decoration: none;
	text-align: center;
	width: 65%;
	text-shadow: 0 -1% 0 #5b6178;
	margin-top: 0%;
}

#tswcontent {
	/* content portion of form  (main column below banner) */
    /*float:left;*/
    display: inline-block; 
    /*margin-left: 0; 
    margin-right: auto;*/;
	width: 88%; /*height: 100%;*/;
	color:antiquewhite;
	 
	/*background-color: transparent;*/
	margin-top: -2%;
	margin-bottom: 0%;
}

option {
	background-color: #73CEFB;
	border-color: red;
	width: 80%;
	color: #1F2739;
}	
	
.mybutton {
	box-shadow: 1% 1% 1% 0 #f0f7fa;
	background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color: #33bdef; 
	border-radius: 40%;
	/*border:1% #057fd0 inset;*/
	display: inline-block;
	cursor: pointer;
	color: #1F2739;
	font-family: Arial;
	font-size: .85em;
	font-weight: 600;
	padding: 1%;
	text-decoration: none;
	text-align: center;
	width: 100%;
	text-shadow: 0 -1% 0 #5b6178;
}


.mybutton:hover {
	background-color: #FFF842 !important;
	color: #403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: linear;

    
    /*background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
    background-color:#019ad2;*/
}
.mybutton:active {
	position: relative;
	top: 1px;
}

button:hover{
	background-color: #FFF842;
	color: 	#403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: linear;
}


.col-6:hover{
	background-color:#FFF842;
	color: #403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: linear;
}


.custom-checkbox{    þ
    
    
    
}




#page-data {
	width: 1200px;
	display: inline-block;
    /*height: 100%;*/
}
#ta
 {
	display: inline-block;
	width: 84%;
	border-style : groove;
	border-color: burlywood;
	border:1000px;
	margin-top: 1%;
}
#courttimeside {
	display: inline-block;
	border-style : groove;
	border-color: burlywood;
	/*border:1000px;*/
	margin-left: 2.5%;
	margin-top: 1%;
	vertical-align:top;
	
}
.courttimetable {
	display: inline-block;
	text-align: center;
	table-layout: fixed;
	width: 101%;
	margin-right: auto;
	margin-top: 0%;
	margin-bottom: -1.5%;
	border: medium;
	border-style: groove;
	border-color: yellow;
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden;
}

/*.courttimetable input[type=text]:disabled {
	background-color: #000000;
}*/

.courttimetable th {
	/*display:inline-block;*/
    text-align: center; /*border: o; border-style:none; border-color:pink;*/;
	border: thin;
	border-style: solid;
	border-color: pink;
}
/*.courttimetable td:hover{

    background-color: #FFF842;
    color: #403E10;
    font-weight: bold;
    box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
    transform: translate3d(6px, -6px, 0);
    
    transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
          transition-timing-function:linear;
}*/
.courttimetable tr:focus {
	display: inline-block;
	background-color: white;
	color: black;
}
.courttimetable td {
	width: inherit;
	text-align: center;
	border: thin;
	border-style: solid;
	border-color: orange;
	padding-bottom: 0;
}
.email_selections {
	text-align: center;
	color:white;
}
.courttimetable td input {
	font-size: .85em;
	font-weight: 400;
	width: 100%;
	color: #e2a762;
	background-color: transparent;
	border: 0;
	text-align: center;
	padding-bottom: 0;
}
#playersside {
	display:inline-block;
	overflow: hidden;
	/*float:left;*/
	border-style : groove;
	border-color: burlywood;
	border: thick;
	margin-top: 1%;
	margin-left:1%;
	
}
.ABplayersdiv {
	margin-top: -1%;
	display: inline-block;
	width: 48%;
	text-align: center;
	vertical-align: top;
}
.playerstable {
	/*used for A and B tables*/
	margin-top: 0;
	display: inline-block;
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	table-layout: auto;
	width: 75%;
	border: medium;
	border-style: groove;
	border-color: yellow;
	padding-top: 0;
    /*overflow-y: auto;
    max-height: 25%;*/
}
.playerstable tbody {
	margin-top: 0;
	display: inline-block;
	width: 92%;
	padding-top: 25%;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 1em;
	max-height: 19em;
	vertical-align: top;
}
.playerstable tr {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: .5%;
}
.playerstable td {
	display: inline-block;
	width: 96%;
	padding: 0;
}
.newplayers {
	position: relative;
	display: inline-block;
	width: 27%;
	margin-top: 24%;
	text-align: center;
	vertical-align: top;
	color: blue;
	background-color: #73CEFB;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 4%;
}
.newplayerstable {
	margin-top: -3%;
	width: 79%;
	display: inline-block;
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	table-layout: auto;
	border-width:thin;
	border-style: groove;
	border-color: blue;
	overflow: auto;
	padding-top: 0;

}
.newplayerstable tbody {
	margin-top: 0;
	display: inline-block;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	min-height: 1em;
	max-height: 24em;
	padding-top: 20%;
	vertical-align: top;
	text-align: center;
}
.newplayerstable thead {
	display: inline-block;
	font-weight: bold;
	color: blue;
	background-color: #73CEFB;
	font-size: 1.2em;
	text-align: center;
}
.update_buttons {
	display: inline-block;
	width: 65%;
}
.dropped_players {
	display: inline-block;
	overflow: hidden;
	width: 74%;
	margin-left: 16%;
	margin-top: 3%;
	text-align: center;
	border: 0;
	border-style: none;
    /*border-color:red;*/
}
.dropped_playerstable {
	display: inline-block;
	border-collapse: collapse;
	border-spacing: 0; /*border:medium; border-style:dotted; border-color:red;*/;
	text-align: center;
	table-layout: auto;
	width: 85%;
	margin-top: 0;
	margin-left: 6%;
	overflow: hidden;
}
.dropped_playerstable tbody {
	display: inline-block;
	width: 75%;
	border: medium;
	border-style: dotted;
	border-color: red;
	padding-top: 15%;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 1em;
	max-height: 19em;
	vertical-align: top;
}
.whole_page {
	display: inline-block;
	width: 100%;
}
.profile {
	display: inline-block;
	margin-top: 3%;
	margin-left: 10%;
	text-align: left;
	width: 20%;
	float: left;
}
.profiletable {
	column-gap: 2%;
	padding: 2%;
	text-align: left;
}
.other_players {
	display: inline-block;
	width: 40%;
	display: inline-block; /*float:right;*/;
	margin-top: 3%;
	margin-left: 10%;
}
.other_players tbody {
	margin-top: 0;
	display: inline-block;
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 1em;
	max-height: 25.5em;
	padding-top: 0;
	vertical-align: top;
	text-align: center;
}
#txtabc {
	/*display:inline-block;*/
    width: 100%;
	color: #C07923;
	border: 0;
}
/*
media only screen and (max-width: 629px) {
    div#tswsidecol {
        float: none ;
        width: 10% ;
    }
    div#tswcontent {
        float: none ;
        width: 80% ;
    }
} */
#tswcontproper {
	padding-left: 5px;
	padding-right: 5px;
}
#tswcontainer {
	/*Includes The left and main columns below the header*/
    display: inline-block;
	color: inherit;
	background-color: transparent;
	width: 100%;
	margin-top: 1%;
}
/*
div#tswsideproper, div#tswothersideproper {
    padding-left: 5px ;
    padding-right: 5px ;
}
*/
.tswheader {
	display: inline-block;
	width: 57%;
	padding: 1%;
	height: 65px;
	text-align: center;
	margin-left: 59%;
	margin-top: 1%;
	margin-right: 5%;
	margin-bottom: 4%;
	/*line-height: 1.2em;*/
	color: #FFFFFF;
	background-color: blue; /*blue #2192FF     white    #FFFFFF;*/;
	font-family: "Comic Sans MS";
	font-size: 2.5em;
	font-weight: bold; /*height: 20px;*/;
	border: inset;
	border-width: 1%;
	border-color: white;
	border-radius: 45%;       /*#4DC3FA;*/
}
#tswheader2 {
	margin-left:36%;
	text-align: center;
	line-height: 1.5em; 
	background-color: blue; /* lt blue #73CEFB;*/;
	color: #FFFFFF; /*    yellow  #FB667A;   yellow #FB667A;  Blue  #4DC3FA  #1F2739     */ /*    med Blue #4DC3FA;     #1F2739; lt blue  #2192FF     white    #FFFFFF;  Dar-blue  #1F2739; */;
	font-family: "Comic Sans MS";
	font-size: 1.3em;
	font-weight: bold;
	height: 2em;
	width: 23%;
	border: inset;
	border-width: .1%;
	border-color: white;
}
#tswheader2A {
	text-align: center;
	margin-left: 42%;
	margin-bottom: 4%; 
	vertical-align: middle;
	line-height: 1.2em; /* dk bkue #1F2739; Dark Blue #414141;  #040505;   #99ccff;    */;
	background-color: #FFFF60; /*#73CEFB;*/;
	color: #1F2739; /*    yellow  #FB667A;   yellow #FB667A;  Blue  #4DC3FA  #1F2739     */ /*    med Blue #4DC3FA;     #1F2739; lt blue  #2192FF     white    #FFFFFF;  Dar-blue  #1F2739; */;
	font-family: "Comic Sans MS";
	font-size: 1.15em;
	font-weight: bold;
	height: 1.3em;
	width: 12%;
	border: inset;
	border-width: 1%;
	border-color: firebrick;
	border-radius: 6px;
    /*float:inherit;*/
}
.ContentBox {
	display: -moz-inline-stack;
	display: inline-block;
	width: inherit;
	height: inherit;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/*
******************************************************************

    color: #000080 ;
    background-color: #000000 ;

*/
/*
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
*/
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.42em;
	
	color: transparent; /*red;  #A7A1AE;*/
	background-color:transparent;
	top: 500px;
	background-image: url('https://www.esrassociates.com/tennis/static/images/TennisBalls1a.jpg');
	height: 100vw;
	width: 100vw;
	display: inline-block;
	}
h1 {
	font-size: 1.3em;
	font-weight: 500;
	line-height: .5em;
	text-align: center;
  /*color: #4DC3FA;*/
}
h2 {
	font-size: 1.8px; /*1.1em;*/
	font-weight: 400;
	text-align: center;
	display: inline-block;
	line-height: .5em;
	padding-bottom: 0em;
	border-style:none;
}

.h2labelDeskTop {
	
	max-width: 63.6px;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	vertical-align:middle;
	display: inline-block;
	padding-bottom: 0em;
	
	border-right: 7px solid black;
	background-color: #1F2739
	

}

.h2labelMobile {
	
	max-width: 12.6%;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	vertical-align:middle;
	display: inline-block;
	padding-bottom: 0em;
	
	border-right: 1px solid black;
	background-color: #1F2739

}

.labelnewinfo {
	
	
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	vertical-align:middle;
	display: inline-block;
	padding-bottom: 0em;
	
	border-right: 7px solid black;
	background-color: #1F2739;


h2 a {
	font-weight: 700;
	text-transform: uppercase;
	color: #FB667A;
	text-decoration: none;
}
h3 {
	font-size: .8em;
	font-weight: 300;
	text-align: center;
	display: block;
	line-height: 1em;
	padding-bottom: 2em;
	color: #FB667A;
}
.grid {
	display: grid;
	width: 100%; /*height: 100%;*/;
	margin-left: 0;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: auto;
	padding: 0px;
	grid-template-columns: 13% 7% repeat(8, 1fr); /*repeat(12, 1fr);*/;
	grid-auto-rows: 35px;
	grid-auto-flow: row;
	grid-gap: 5px; 
    /*align-content: stretch;*/
}
/*grid-template-areas: "header header header header header header header header header header header header header header header" 
                         "row row row row row row row .r row row row row"; */
/*
grid ~ div {
    display: inline-block;
    vertical-align: middle;    
}
*/
.xxnh {
	/* header cells, formerly div.header */
    /*grid-area: header;*/
    /*grid-row-start: 1;
	grid-row-end: 2;*/	
	margin-top: 0;
	margin-bottom: 0px; /*height: 70px;*/;
	font-weight: bold;
	font-size: 1em;
	line-height: 0.5em;
	text-align: center; /*vertical-align:  middle;*/;
	color: #4DC3FA; /*yellow lt blue #4DC3FA;   #FB667A;   white; #FB667A;*/;
	background-color: #1F2739;
	border: 5px;
	border-color: transparent;
    /*display: inline;
    vertical-align: middle;*/
    
}
.newinfo{
	text-align:center;
}     

	

.nh	{
	font-size: 1.8px;
	text-decoration: underline;
	line-height: .5em;
	margin-right: 5px;
	margin-bottom: 1px; /*height: 70px;*/;
	background-color: yellow;		/*#1F2739;*/
	font-weight: bold;
	border: 5px red solid;
	color: #FF0000;
	
  /*#4DC3FA;*/ /*yellow lt blue #4DC3FA;   #FB667A;   white; #FB667A;*/
							 /*#1F2739;*/
	max-width: 7%;
    /*display: inline; */
    text-align: center;
    vertical-align: middle;
}



.nr {
	/*grid-area: rowhead;*/
   
  	grid-row-start: auto;
	grid-row-end: span 2;
	grid-column-start: 1;
	grid-column-end: 2; /*height: 110px;*/;
	text-align: center;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 2%; /*background-color: #2C3446; */ /*background-color: #323C50; */;
	background-color: blue;   /*#1F2739;*/
	vertical-align: middle;
}
.nc1 {
	/*grid-area: rowhead;*/
  text-align: center;
	font-size: 1.0em;
	grid-column: 2 / span 1;
	grid-row: auto / span content 2;
	line-height: 1.1em;
	vertical-align: middle;
	height: 74px;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: 2%;
	background-color: #323C50;
	-webkit-box-shadow: 0 2px 2px -2px #0E1119;
	-moz-box-shadow: 0 2px 2px -2px #0E1119;
	box-shadow: 0 2px 2px -2px #0E1119;
}
.comment_div {
	
	text-align: center;
	vertical-align: bottom;
	width: 100%;
	overflow: hidden;
	color: red;
	display: inline-block;
	margin-top: 1%;
	background-color: #1F2739;
}
.comment_button {
	margin-top: 10px;
	padding-top: 0;
	font-size: xx-large;
	color: red;
	background-color: transparent;
	border-style: none;
}
.nc {
	/*grid-area: row;*/
  
 /* grid-column: auto 3 / content span 1;*/    
  /*grid-row: content 3 / content span 1;*/      

/*  grid-column: content 3 / content span 1;*/

  	grid-row: auto / span content 1;
	text-align: center;
	font-size: .9em;
	line-height: 1.8em; /*height: 45px;*/;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: auto;
	background-color: #323C50;
	-webkit-box-shadow: 0 2px 2px -2px #0E1119;
	-moz-box-shadow: 0 2px 2px -2px #0E1119;
	box-shadow: 2px 2px 2px -2px yellow;    /*#0E1119;*/
}
/*.grid>.nr:nth-child(even) {
    grid-column: 3 / span 1;
    color:black;
    background-color: yellow;
}
*/
/*.grid >  .nc1:nth-child(odd){
    grid-column: 3 / span 1;
    color:black;
    background-color: yellow;
}
*/
/*.grid >  .nc:nth-child(odd){
    grid-colulumn: 3 / span 1;
    color:black;
    background-color: yellow;
}
*/
.grid > .nr:hover, .nc1:hover, .nc:hover {
	background-color: #FFF842;
	color: #403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: linear;
}
#courttime-locked {
	color: red;
}
/* Background-color of the odd rows 
container tr:nth-child(odd) {
.nr nth-child(odd) {    
      background-color: #323C50;


/* Background-color of the even rows 
.container tr:nth-child(even) {
.grid.nr nth-child(even) {
    background-color: #2C3446;
}
*/
/*
tr:nth-child(even)    {
    background-color: red;
{
    
}
tr:nth-child(odd)
    background-color: blue;
}
*/
/*
.grid   div:nth-of-type(odd) {
  background:#323C50;
}

.grid  div:nth-of-type(even) {
  background: #2C3446;
}
*/
.blue {
	color: #185875;
}
.yellow {
	color: #FFF842;
}
div.header {
	grid-area: header;
	height: 100px;
	background-color: #1F2739;
	color: yellow;
}
/* ************************************************************ */
/*.container td, .container th {*/
.grid td, .grid th {
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
	padding-right: 0%;
	width: 85px;
	text-align: center;
}
/*.container th { */
.grid th {
	background-color: #1F2739;
     /* height : 10px;*/
}
/*.container td:first-child {*/
.grid td:first-child {
}
@media (max-width: 800px) {
.container td:nth-child(4),
.container th:nth-child(4) { display:none; }
}


.topmenudiv {
	display: inline-block;
}