b {font-weight:500}

.hide{display:none}


#guest{
	color:rgb(199, 52, 117);
	text-align:center;
	margin:20px;
	font-weight:500;
}
#guest.hide{
	display:none;
}

#total{text-align:center}
#form{
	padding:10px;
	//text-align:center;
}
#parms{	
	margin-top:10px;
}

.parm{
	display:inline-block;
	height:30px;
	width:200px;
	margin-top:10px;
	margin-right:20px;
	border-bottom:1px solid grey;
	text-align:left;
	overflow:hidden;
 	background-repeat:no-repeat;
	background-size: 20px;
	background-position: 100% 16px;
}

.parm.hide{display:none}

.splitter{
	text-align:left;
	border:none;
	margin:0;
}

.parm.check{
	padding-left:30px;
	background-size: 24px;
	background-position: 0 6px;
	background-image:url(img/uncheck.svg);
	border:none;
}
.parm.check.checked{
	background-image:url(img/check.svg);
}


.parm.short{
	width:100px;
}
.parm.wide{
	width:300px;
}


.parm .title{
	margin-top:10px;
	margin-right:30px;
	height:20px;
	transition: all 0.2s ease-out;
	
}

.parm.active .title{
	font-size:12px;
	margin-top:-4px;
	height:14px;
	color:rgb(0,149,171);	
	font-weight:600;	
}
.parm .value{
	font-weight:600;
	height:20px;	
}

.parm .select{
        position:relative;
	height:0;
	width:204px;
	margin-left:-2px;
}

.parm.active .select{
        position:absolute;
	height:auto;
	max-height:300px;
	min-height:40px;
  	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.parm.active .select.wait{text-align:center}
.parm.active .select.wait::before{ content:url('img/loading.gif')}






#buttons{
	margin-top:20px;
	text-align:center;
}
.button.text.red{
	color:rgb(199, 52, 117);
}
.buttons .button{
	display:inline-block;
}
.buttons .button.hide{
	display:none;
}
}
#info{
	padding:10px;
	text-align:center;
}
#info.hide{
	display:none;
}
#go-menu{
	display:none;
}	
#history-title{
	margin-top:20px;
	border-top:1px solid grey;
	padding:6px;
	text-align:center;
	color:rgb(199, 52, 117);
	font-weight:500;
}
.li.search{
	background-image:url(img/search.svg);
}



@media screen and (max-width:720px){

}

