:root {
	--main1:#1989fc;
	--main2:rgba(255,255,0,1);
}
body{
	margin:0;
	font-family:Verdana,sans-serif;
	font-size:2em;
	height:100%;
	color:white;
	background-color:#222;
}
a,legend{
	text-decoration:none;
	color:inherit;
}
#header{ 
	top:0;
	overflow:hidden;
	box-sizing: border-box;
	width:100%;
	padding:1em;
	color:white;
	background-color:#121212;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:var(--main1);
}
#headerl{
  float:left;
}
#headerr{
  	float:right;
}
#searchbar{
	padding:0.25em 0;
	text-align:center;
	box-sizing:border-box;
	width:100%;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:var(--main1);
}
.search{
   	font-size:inherit;
}
.search input{
  	font-size:inherit;
  	color:inherit;
  	background:#444;
	border:2px solid var(--main1);
	box-sizing:border-box;
}
#mbody{
	padding:0 1em;
}
.menuCat{
  clear:both;
}
.menuBtn{
	float:left;
	width:50%;
	text-align:center;
	display:block;
	margin:auto;
}
.menuBtn img{
  width:60%;
}
.menuIcon img{
  width:2em;
  margin:0 0.5em;
}
 .calDay, .calHeader{
	width:14.28%;
	float:left;
	font-size:inherit;
	box-sizing:border-box;
	color:inherit;
	border:1px solid var(--main1);
}
.calHeader{
  margin-top:1em;
}
.calDay{
  height:5em;
}
.calToday{
	color:var(--main1);
}
.calHasApp{
	width: 100%;
	height: 100%;
	background-color:rgb(25, 137, 252,0.2);
	text-align: center;
}
.calDate{
	float:left;
	width:100%;
}
.formDiv{
	width:100%;
	float:left;
	font-size:inherit;
	padding:0.5em 1em;
	box-sizing:border-box;
}
.formDiv label{
  font-size:inherit;
  color:var(--main1);
}
.formDiv input, select{
	font-size:inherit;
	color:inherit;
	background:#444;
	border:2px solid var(--main1);
	box-sizing:border-box;
	width:100%;
}
.formItemGroup{
 clear:both;
 color:var(--main1);
 text-align:center;
 border:2px solid var(--main1);
 margin:0.5em 1em;
}
.formSubmit{
	clear:both;
	width:100%;
	padding:1em;
	box-sizing:border-box;
}
.formSubmit button{
	background:var(--main1);
	color:inherit;
	text-align:center;
	width:100%;
	font-size:1em;
	padding:1em;
	border:0;
	cursor:pointer;
 
}
.ticketDiv{
	width:100%;
	float:left;
	font-size:inherit;
	box-sizing:border-box;
  border:1px solid var(--main1);
}
.ticketHeader .ticketBody{
	width:100%;
	float:left;
	font-size:inherit;
	box-sizing:border-box;
	color:inherit;
}
#footer{
	display:flex;
	align-items:center;
	text-align:center;
	color:inherit;
	background:var(--main1);
	width:100%;
}
/*------------------------------------*/
.message{
  padding: 20px;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}
.message.error{background-color: #f44336;}
.message.success{background-color: #4CAF50;}
.message.info{background-color: #2196F3;}
.message.warning{background-color: #ff9800;}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.closebtn:hover {
  color: black;
}
/*--------------------*/

/*------------------Media queries-----------------------*/
@media only screen and (min-width:62em) {
  body{
    font-size:1em;
  }
  .menu{
    width:25%;
    float:left;
  }
  .formDiv{
    width:33.33%;
    padding:1em;
  }
  .ticketDiv{
    width:33.33%;
    padding:1em;
  }
  .formSubmit{
    width:40%;
    margin:1em 30% 2em;
  }
  .itemgroup{
    margin:1em;
  }
  .menuBtn{
    width:25%;
  }
}