@font-face {
}

body {
	font-family: 'Open Sans', sans-serif;
	font-family: 'Lato', sans-serif;
	font-family: 'Roboto Slab', serif;
	margin:0;
}

h2 {
	color:#ffd012;
}

#inputcode {
	font-size:inherit;
}

#hotSpotImageWrapper {
	position: absolute;
	left: 27.2941176470588%;
	right: 36%;
}

#inputCodeWrapper {
	background: rgba(166,170,173,1);
	padding: 10px;
	position: absolute;
	left: 24.8826291079812%;
	right: 25.1173708920188%;
    font-size:3vmax;
}

@media all and (max-width: 750px) and (min-width: 600px) { 
	#inputCodeWrapper {
		font-size:3.5vmax;
	}
}

@media all and (max-width: 599px) and (min-width: 50px) { 
	#inputCodeWrapper {
		padding: 5px;
		font-size:4vmax;
	}
}

#mainContentColoredBG {
}

@media all and (min-width: 950px) {
	.menuBarItem{
		display: inline-table;
	}
}

@media all and (max-width: 949px) and (min-width: 50px) {
	.menuBarItem{
		display: inherit;
	}
}

.menuBarItem {
	margin:10px;
}
/*
@media all and (min-width: 950px) {
	#mainContent{
		border-bottom-left-radius:calc(2.5vw);
		border-bottom-right-radius:calc(2.5vw);
	}
}

@media all and (max-width: 949px) and (min-width: 50px) {
	#mainContent{	
		border-bottom-left-radius:calc(4.5vw);
		border-bottom-right-radius:calc(4.5vw);
	}
}*/

p {
	font-family: Arial;
}

#mainContent {
/*
	text-align:center; 
	*/
	font-size:2em; 
	font-family:Lato; 
	font-weight:400;
	font-size:150%; 
	/*position: absolute; top: 10%; left: 25%; */
	width:70%;
	max-width:700px;
	box-shadow: 0px 0px 100px #000;
	-webkit-box-shadow: 0px 0px 100px #000;
	-moz-box-shadow: 0px 0px 100px #000;
	background-color:rgba(255,255,255,1);
	/*padding:4vh;
	margin-left:-4vh; 
	margin-right:-4vh; 
	*/
	margin:auto;
	margin-top:10vh;
	margin-bottom:20vh;
	color:#000;
	/*
	border-radius:20px;
	*/
	z-index:1;
}

/*
@media all and (max-width: 750px) and (min-width: 600px) { 
	#mainContent {
		padding:3.25vh;
	}
}
@media all and (max-width: 599px) and (min-width: 50px) { 
	#mainContent {
		padding:2.75vh;
	}
}
*/

.textboxCollectionField {
	height: 14vw;
	max-height:60px;
	color: #464646;
	font-family: inherit;
	width: 90%;
	font-size: 100%;
	text-align: center;
	border-radius:8px;
	border-style:none;
}

.checkboxContainer {
	display: flex;
}

.checkboxLabel {
	position: relative;
	pointer-events: all;
	padding: 5px;
	cursor: pointer;
	user-select: none;
	width: 100%;
	color: #080808;
}

.checkboxField {
	width: 15%;
	display: inline-grid;
	cursor: pointer;
}

#submitButton {
	width:40%;
	height:15vw;
	max-height:70px;
	font-size:4vh;
	border:solid 2px; 
	color:#1A67F2; 
	background:rgba(255,255,255,1);
	font-family:Roboto Slab;
	border-radius:8px;
}

#submitButton:hover {
	background:rgba(255,255,255,0.75);
}

#bottomBlackBarTextFixed {
	text-align:center; 
	font-size:1em; 
	font-weight:400; 
	font-size:2.5vh; 
	/*position:fixed; 
	bottom:0%; left:0%;
	*/
	margin-bottom:0;
	width:100%; 
	padding-top:5px; 
	padding-bottom:5px; 
	background:rgba(0,0,0,0.75);
}

#bottomBlackBarText {
	text-align:center; 
	font-size:1em; 
	font-weight:400; 
	font-size:2.5vh; 
	/*position:fixed; bottom:0%; left:0%; */
	width:100%; 
	padding-top:5px; 
	padding-bottom:5px; 
	background:rgba(0,0,0,0.75);
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #000;
}

.hide {
	display: none;
}