@charset "UTF-8";

/* ALL RESOLUTION */

body {
	margin: 0px !important;
	padding: 0px !important;
	background-color: rgba(239,238,245,1) !important;
}

hr {
    border: none;
    height: 1px;
    background-color: #333;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#event-title {
	margin: 0px;
	width: 100%;
	padding: 10px 0px;
	background-color: rgba(53,53,53,1.00);
	color: white;
	font-weight: 700;
	text-align: center;
	border-radius: 0px 0px 8px 8px;
	margin-bottom: 20px;
}

#container {
	background-image: linear-gradient(to bottom, rgba(197,197,197,0.75) 25%, rgba(32,32,41,0.75));
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, "sans-serif";
}


#contact-image {
	padding-top: 25px;
	text-align: center;
	margin: 0px;
}

#contact-image img {
	border-radius: 12px;
	/* height: 150px; */
	max-width: 250px;
	margin: 0px;
}

#title-org {
	padding: 5px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: .75em;
	color: white;
	margin: 0px;
}

#full-name {
	padding: 5px 0px;
	text-align: center;
	font-size: 2em;
	color: white;
	margin: 0px;
}

#action-buttons {
	text-align: center;
	margin: 0px;
}

#action-buttons img {
	filter: invert(100%);
}

#details {
	padding: 0px;
	padding-bottom: 100px;
	width: 90%;
	max-width: 500px;
	margin: auto;
}

.info-bar {
	padding: 10px;
	border-radius: 8px;
	border: thin solid rgba(212,212,212,0.80);
	font-family: Helvetica, Arial, "sans-serif";
	color: rgba(34,51,131,1.00);
	background: white;
}

.lil-headers {
	font-size: .85em;
	color: rgba(53,53,53,1.00);
}

.form-control {
	font-family: Helvetica, Arial, "sans-serif" !important;
	color: rgba(34,51,131,1.00) !important;
}

label {
	padding-top: 10px;
	font-size: .85em;
	color: rgba(53,53,53,1.00);
}

#option-bar {
	display: inline;
}

#footer-bar {
	text-align: center;
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background-color: rgba(212,212,212,0.80);
	border-radius: 8px 8px 0px 0px;
	backdrop-filter: blur(10px);
	z-index: 5000;
	padding: 15px 0px;
}

.admin-mobile-icon {
	width: 40px;
	padding: 4px;
	border: thin solid rgba(144,144,144,1.00);
	border-radius: 8px;
	filter: drop-shadow(0 0 0.1rem white);
	background-color: rgb(180, 180, 180);
	margin: 4px;	
	cursor: pointer;
}

.admin-mobile-button {
	font-family: Helvetica, Arial, "sans-serif";
	font-width: 700px;
	padding: 4px;
	border: thin solid rgba(144,144,144,1.00);
	border-radius: 8px;
	filter: drop-shadow(0 0 0.1rem white);
	background-color: rgb(180, 180, 180);
	margin: 4px;	
	cursor: pointer;
}

.action-icon {
	width: 40px;
	padding: 4px;
	border: thin solid rgba(144,144,144,1.00);
	border-radius: 8px;
	filter: drop-shadow(0 0 0.1rem white);
	background-color: rgb(180, 180, 180);
	margin: 4px;	
	cursor: pointer;
	font-size: .5em;
	text-align: center;
	text-transform: uppercase;
	
}