body {
  padding-top: 25px;
  padding-bottom: 50px;
  background: linear-gradient(to top right, #003300 0%, #000066 100%);
  color : #ffffff;
  
}

div#yellowGrid
{
	color:#000000;
	background: linear-gradient(to top right, #ffff99 0%, #ffffff 100%);
	vertical-align : middle;
	border: 1px solid  black ;
	border-radius: 10px;
	height : 80px;
	padding : 25px 0;
}

table, tr, td {
	text-align : center ;
	padding: 5px;
	}
		
td#t01 {
	text-align : center ;
	border: 1px solid black ;
	border-radius: 10px;
	background: linear-gradient(to top right, #ffff99 0%, #ffffff 100%);
	color : #000000;
	padding: 5px;
		}

td#t02 {
	text-align : right ;
	padding: 5px;
	color : #000000;
	}

td#t03 {
	text-align : center ;
	border: 1px solid black;
	border-radius: 10px;
	background: linear-gradient(to top right, #d1f1c1 0%, #ffffff 100%);
	color : #000000;
	}

.slider {
	  -webkit-appearance: none;
	  width: 80%;
	  height: 15px;
	  border-radius: 5px;  
	  background: #d3d3d3;
	  outline: none;
	  opacity: 0.7;
	  -webkit-transition: .2s;
	  transition: opacity .2s;
	}

.slider::-webkit-slider-thumb {
	  -webkit-appearance: none;
	  appearance: none;
	  width: 25px;
	  height: 25px;
	  border-radius: 50%; 
	  background: #4CAF50;
	  cursor: pointer;
	}

.slider::-moz-range-thumb {
	  width: 25px;
	  height: 25px;
	  border-radius: 50%;
	  background: #4CAF50;
	  cursor: pointer;
	}
	
.emphasis {
	color: #9CCAD9;
	/*color: #A7383D; */
}

.section {
	text-align : center ;
	border: 1px solid black;
	border-radius: 10px;
	background: linear-gradient(to top right, #d1f1c1 0%, #ffffff 100%);
	color : #000000;
}