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

body {
	background-color:#5DADE2;
}
div.header {
	width:auto;
	text-align:center;
	position:relative;
	margin-bottom:50px;
}
div.banner {
	text-align:center;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
img.banner {
	width:1024px;
	height:auto;
}
#menu {
	margin: 10px 0px 0px 0px;
}
div.menu_button {
	display:inline-block;
	background-color:#ff4300;
	width:170px;
	height:30px;
	line-height:30px;
	font-size:20px;
	border:solid 2px black;
	color:black;
	text-align:center;
	margin:0px 4px 10px 4px;
}
div.menu_button:hover {
	background-color:white;
	cursor:pointer;
}

div.content {
	position:relative;
	text-align:center;
}
span.button {
	display:inline-block;
	width:170px;
	height:30px;
	line-height:30px;
	font-size:20px;
	border:solid 2px black;
	border-radius:20px;
	color:black;
	background-color:#ff4300;
	text-align:center;
	margin:10px 4px 0px 4px;
}
span.button:hover {
	background-color:white;
	cursor:pointer;
}
span.delete_button {
	display:none;
	width:170px;
	height:30px;
	line-height:30px;
	font-size:20px;
	border:solid 2px black;
	border-radius:20px;
	color:black;
	background-color:#ff4300;
	text-align:center;
	margin:10px 4px 0px 4px;
}
.small_button {
	display:inline-block;
	width:150px;
	height:25px;
	line-height:25px;
	font-size:18px;
	border:solid 2px black;
	border-radius:16px;
	margin:10px 5px 0px 5px;
	color:black;
	background-color:#ff4300;
	text-align:center;
}
.small_button:hover {
	background-color:white;
	cursor:pointer;
}
div.delete_button {
	display:inline-block;
	right:0px;
	width:75px;
	height:25px;
	line-height:25px;
	font-size:18px;
	border:solid 2px black;
	border-radius:16px;
	color:black;
	background-color:#ff4300;
	text-align:center;
	margin: 5px 5px 5px 5px;
}
div.delete_button:hover {
	background-color:red;
	cursor:pointer;
}
a {
	text-decoration:none;
	color:black;
}
div.login {
	display:block;
}
div.sub-login {
	display:inline-block;
	text-align:right;
}
div.sub-login div {
	margin: 0px 0px 10px 0px
}
div.login-buttons {
	
}
div.regform {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}
div.reg_container {
	text-align:right;
	margin: 15px 0px 0px 0px;
}
div.reg {
	display:inline-block;
	margin: 5px 25px 5px 25px;
	text-align:right;
}
.error {
	color:red;
	margin-top:5px;
}
div.captcha {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
div.g-recaptcha {
	margin-left:auto;
	margin-right:auto;
}
div#events {
	display:inline-block;
	width:1024px;
	margin: 20px auto 30px auto;
}
div.event {
	display:inline-block;
	left:0px;
	width:800px;
	line-height:30px;
	font-size:20px;
	border:solid 2px black;
	color:black;
	background-color:#F5B041;
	text-align:left;
	padding:5px 30px 5px 30px;
	margin:5px 4px 5px 4px;
}
div.event:hover {
	background-color:white;
	cursor:pointer;
}
span.event-sub {
	margin: 0px 10px 0px 0px;
}

div.neweventname {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin: 3px 0px 2px 0px;
	text-align:center;
}
div.eventdetails {
	display:inline-block;
	padding:10px 30px 10px 30px;
	border: 1px solid black;
	background-color:#F5B041;
}

div#questions {
	display:inline-block;
	width:1024px;
	margin: 20px auto 30px auto;
}
div.question{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:25px 0px 0px 0px;
}
textarea.questionedit {
	display:inline-block;
	background-color:#F5B041;
	padding:5px 5px 5px 5px;
	margin:5px 4px 5px 4px;
}








/* The container */
.checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#codeentry {
	line-height:50px;
	font-size:50px;
}

#exampletab {
	display:table;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:100%;
}
#container {
	display: table-cell;
	vertical-align: middle;
	height:100%;
	width:100%;
}
#example {
	display:inline-block;
}
#question {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5%;
	padding: 3% 3% 3% 3%;
}
div#logo_upload {
	margin:50px 0px 50px 0px;
}
img.examplelogo {
	width:1024px;
	height:auto;
}
div.instructions {
	border: 3px solid black;
	background-color:#F5B041;
	position: fixed;
	z-index:7;
	font-size:24px;
	padding: 0% 3% 3% 3%;
	overflow:auto;
}
div#instructions {
	width:74%;
	height:40%;
	top:30%;
	left:10%;
	text-align:left;
}
div.closebox {
	width:30px;
	height:30px;
	background-color:red;
	position:absolute;
	top:5px;
	right:5px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid black;
	line-height:30px;
	font-size:30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Arial, sans-serif;
}
div#editpassword {
	justify-content:center;
	align-items:center;
	width:40%;
	height:33%;
	top:35%;
	left:28%;
}
div#editemail {
	justify-content:center;
	align-items:center;
	width:40%;
	height:33%;
	top:35%;
	left:28%;
}