body {
  font-family: Sans-Serif;
}

.label { font-weight: thin; font-size: 0.7em; }

table {	border-collapse:collapse; }

table th {
  font-weight: bold;
  padding: 5px 5px;
  text-align: left;
  border: #4e95f4 1px solid;
}

table td {
  padding: 3px 3px;
  text-align: center;
  border: #4e95f4 1px solid;
}

table td {
  padding: 3px 3px;
  text-align: center;
  border:#4e95f4 1px solid;
}

table td.first {
  padding: 3px 3px;
  text-align: left;
  border: #4e95f4 1px solid;
}

table tr.section { border-top: #4e95f4 4px solid; }
table tr.conflict { background: #ff0000; background-color: #ff0000;}
table td.conflict { background: #ff0000; background-color: #ff0000;}

table tr.blocked { background: #eeeeee; background-color: #eeeeee;}
table td.blocked { background: #eeeeee; background-color: #eeeeee;}


table tr:hover input[type=text] { background: #ffa; background-color: #ffa; }
table tr:hover td { background: #ffa; background-color: #ffa; border:#4e95f4 1px solid; }


input[type=text] {
 width: 3em;
 text-align: center;
 border: none;
}

input[type=submit]{
  padding: 9px 9px;
  background-color: #4e95f4;
  border: #4e95f4 4px solid;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2em;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  align: center;
}

input[type=submit]:hover {
  background-color: #ffa;
  color: #4e95f4;
}


@media only screen and (max-width: 1200px)
{
 html {width: 100%;} /* Force 'html' to be viewport width */
 body {width: 98%; }
 h1 {  font-size: 8vw; }
 h3 {  font-size: 3vw; color: gray;}

  table {
     width: 98%;
     /* table-layout: fixed;*/
     overflow-wrap: break-word;
  }

  table th {
     font-size: 5vw;
  }

  table td {
     font-size: 8vw;
  }

  input[type=text] {
     font-size: 8vw;
  }

  input[type=submit] {
    width: 98%;
    font-size: 5vw;
  }
}


/* table { overflow: hidden; } 

td, th {
  position: relative;
}

/*
table td:hover::after,
table th:hover::after
{
  content: "";
  position: absolute;
  background-color: #ffa;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
*/

/* Mobile */
/*
@media only screen and (max-width: 1024px) {
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}
*/