body {
	background-color: #FFF;
	font-size:80%;
}

#topmenu {
	background-color: #444;
	color: white;
	padding: 0px;
	margin-bottom: 15px;
	background-image: url('../img/back-right.png');background-position: top right;background-repeat: no-repeat;

}

.calevent {
	background-color: rgb(209, 79, 79);
	padding:1px;
	margin:0px;
	border: 1px solid #222;
    border-radius: 5px;
	
}

.caleventt {
	background-color: rgb(255, 152, 0);
	padding:1px;
	margin:0px;
	border: 1px solid #222;
    border-radius: 5px;
	
}

.caleventp {
	background-color: rgb(58, 132, 36);
	padding:1px;
	margin:0px;
	border: 1px solid #222;
    border-radius: 5px;
	
}

.calevente {
	padding:1px;
	margin:0px;
	border: 1px dashed #fff;
    border-radius: 5px;
	
}



.container {
	max-width: 1920;
	
}

.switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.fontmed {
font-size:120%;
}

.inputbox {
font-size:120%;	
border: 3px solid #ced4da;
border-radius: 10px;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
}

.inputboxnum {
font-size:150%;	
border: 3px solid #ced4da;
border-radius: 10px;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
}

.inputdisabled {
	pointer-events: none;
}

.hidden {
	display:none;
}

.w100p 
{
	width:100%;
}

.w80p 
{
	width:80%;
}

.w20p 
{
	width:20%;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.resultbox {
	min-height:500px;
}