@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:700');
:root{
	--style-color: #0052A4;
	--style-bgcolor: #C0C0C0;
}
@media screen\0{
	.submit{
		background-color: #0052A4;
	}
	body{
		background-color: #C0C0C0;
	}
}

body{
	background-color:#C0C0C0;
	background-color:var(--style-bgcolor);
	font-family: Lato;
	text-align:center;
}

a{
	text-decoration:none;
	color:black;
}
h2{
	padding:0px;
	margin:0px;
}
header{
	height:0px;
	margin:0px 0px 50px 0px;
}
#navbar{
	position:fixed;
	z-index: 10000;
	top:0;
	right:0;
	text-align:right;
	line-height:40px;
	width:100%;
	height:40px;
	background-color:#FFF;
	margin:0px;
	opacity:0.9;
	padding:5px 25px;
}
.navButton{
	display:inline-block;
	width: 185px;
	margin:2px;
	padding:5px;
	height:100px;
}
#menubutton{
	height:33px;
	line-height:23px;
}
#container{
	margin:0px auto;
	float:none;
	padding:0px;
}
#maincontainer{
	background-color:#FFF;
	opacity:0.9;
	width:80%;
	min-width:500px;
	/*max-width:800px;*/
	margin:100px auto 0px auto;
	padding-bottom:20px;
	text-align:center;
	border-radius:30px;
	box-shadow:0px 0px 30px 10px rgba(0,0,0,0.33);
}
#formbox{
	margin:0px auto;
	padding:0px;
	min-width:500px;
	width:60%;
	text-align:center;
}
form legend{
	font-size:16pt;
	border:2px solid #777;
}
form .formdiv{
	display:inline-table;
	width:90px;
}
.req{
	color:red;
}
form fieldset{
	width:90%;
	margin:0px auto;
	border-radius:15px;
}
form label{
	font-weight:bold;
	font-size:120%;
}
form table{
	margin:0px auto;
}
form input, form select, form textarea{
	padding:9px;
	margin:10px;
	font-size:14pt;
	background-color:#ddd;
	border:none;
	border-radius:15px;
	font-weight:bold;
	text-align:center;
}
form input:disabled, form input[readonly]{
	cursor:not-allowed;
}
form select{
	cursor:pointer;
}
.switch{
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	position:relative;
	display:inline-block;
	width:75px;
	height:34px;
	text-align:center;
}
.largeswitch{
	width:120px;
}
.switch input{
	display:none;
}
.slider{
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	position:absolute;
	cursor:pointer;
	top:0;
	right:0;
	bottom:0;
	left:0;
	text-align:left;
	padding-left:32px;
	line-height:34px;
	background-color: #AAA;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition:.4s;
	border-radius:34px;
	height: 35px;
}
.largeslider{
	padding-left:46px;
}
.slider:before{
	position:absolute;
	content:"";
	height:26px;
	width:26px;
	left:4px;
	bottom:4px;
	background-color:white;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	transition:.4s;
	border-radius:50%;
}
input:checked + .slider{
	background-color:#00FF00;
	padding-left:7px;
}
input:checked + .slider:before {
  -webkit-transform:translateX(41px);
  -ms-transform:translateX(41px);
  transform:translateX(41px);
}
input:checked + .largeslider:before{
	-webkit-transform:translateX(86px);
	-ms-transform:translateX(86px);
	transform:translateX(86px);
}

.currency{
	display: inline-block;
	border: 1px solid #777;
	border-radius: 15px 0px 0px 15px;
	background-color:#DDD;
	height:22px;
	width: 22px;
	position: absolute;
	margin: 10px 11px;
	padding: 8px;
}


/***********************************/

.submit{
	background-color:#0052A4;
	background-color:var(--style-color);
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	border:none;
	border-radius:5px;
	padding:5px 10px;
	box-shadow: 1px 1px 7px 1px #000;
}
.submit:hover{
	filter:brightness(80%);
	/*background-color:#C85688;*/
}
.submit:disabled{
	cursor:not-allowed;
	filter:brightness(100%);
}
#menu{
	z-index:1000;
	width:142px;
	position:fixed;
	top:50px;
	right:5px;
	padding:0px;
	margin:0px;
	list-style:none;
}
.menuitem{
	display:none;
	background-color:#FFF;
	opacity:0.9;
	width:140px;
	height:35px;
	line-height:35px;
	margin:0px;
	text-decoration:none;
	color:#000;
	/*border-radius:5px;*/
	border:1px solid black;
}
.menuitem:hover{
	background-color:#DDD;
	opacity:1;
}
.menutop{
	border-radius:5px 5px 0px 0px;
}
.menubottom{
	border-radius:0px 0px 5px 5px;
}
footer{
	height:15px;
	/*margin:100px 0px;*/
	text-align:center;
	font-size:10px;
	padding:10px;
	position:fixed;
	bottom:0px;
	left:90px;
	right:90px;
	text-align:center;
}
footer a{
	color:black;
	text-decoration:none;
}