.bodyActive {
			/*     	background: #D32F2F; */
			background: #00897B;
		}

		.bodyOverdue {
			background: #f44336;
		}

		h1 {
			background-color: #424242;
			color: #eeeeee;
/* 			background-color: #353535;
			color: white; */
		}


		.clockClear {
			color: white;
		}

		.clockRunning {
			color: white;
		}

		.clockOverdue {
			color: white;
		}

		#bg {
			background-color: #283593;
			/*     	background-color: #0D47A1; */
		}


		#clearButton, #cancelSettings {
			background-color: #b71c1c;
			color: rgba(255,255,255,0.8);
		}
		
		#emailShade > td {
			text-align: center;
			vertical-align: middle;
		}
		
		#emailPopup {
			background-color: #424242;
			color: #eeeeee;
/* 			background-color: #353535;
			color: white; */
		}
		
		#emailSettings {
			color: rgba(255,255,255,0.8);
		}
		
		
		#emailInput {
			color: #eeeeee;
			border-color: #888;
		}
		
		.settingsButton {
			background-color: #424242;
			color: #eeeeee;
/* 			background-color: #353535;
			color: white; */
		}
		
		
		
		
		
		
		
	

		.ripple-effect {
			background-color: rgba(255,255,255,0.2);
		}



/* switch background */
.simple-switch-input:checked ~ .simple-switch {
  background: #84B6D8;
}
.simple-switch-input:checked ~ .simple-switch.dark {
  background: #0098FF;
}
.simple-switch-input:checked ~ .simple-switch::before {
  background: #006CB5;
}
.simple-switch-input:checked ~ .simple-switch.dark::before {
  background: #99D6FF;
}
.simple-switch-input ~ .simple-switch::before {
  background: #fff;
  box-shadow: 0 2em 2em 0 rgba(0, 0, 0, 0.14), 0 3em 1em -2em rgba(0, 0, 0, 0.2), 0 1em 5em 0 rgba(0, 0, 0, 0.12), 0 0 0 16em rgba(0, 108, 181, 0);
}

/* switch circle */
.simple-switch.dark:active::before {
  box-shadow: 0 2em 2em 0 rgba(0, 0, 0, 0.14), 0 3em 1em -2em rgba(0, 0, 0, 0.2), 0 1em 5em 0 rgba(0, 0, 0, 0.12), 0 0 0 16em rgba(89, 189, 255, 0.6);
}