/******************************************************************************
 * Utility styles
 *****************************************************************************/
 
 table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
.hidden { 
	display: none; 
	visibility: hidden; 
}

.invisible { 
	visibility: hidden; 
}

.disabled {
  opacity: .35;
  background-image: none;
  cursor: default!important;
}

@-webkit-keyframes fadeout {
	0%   { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes fadeout  {
	0%   { opacity: 1; }
	100% { opacity: 0; }
}

.fadeout {
	-webkit-animation: fadeout 5s ease-in;
	animation: fadeout 5s ease-in;
}

@-webkit-keyframes throbbing {
	0%   { opacity: 1; }
	100% { opacity: 0.4; }
}
@keyframes throbbing  {
	0%   { opacity: 1; }
	100% { opacity: 0.4; }
}

.throb {
	-webkit-animation: throbbing .5s alternate infinite;
	animation: throbbing .5s alternate infinite;
}

.pure-button {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-new, .pure-button-reset, .pure-button-secondary  {
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-new {
	background: rgb(28, 184, 65); /* this is a green */
}

.pure-button-reset {
	background: rgb(202, 60, 60); /* this is maroon */
}
	
.pure-button-secondary {
	background: rgb(66, 184, 221); /* this is a light blue */
}

/******************************************************************************
 * Header styles
 *****************************************************************************/

@media print {
	#top-header {
		display: none;
	}
	
	.select2-results, .select2-hidden-accessible {
		display: none;
	}
}

.header {
	width: 98%;
	margin: 1% 1% 0%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left bottom;
	overflow: hidden;
}

.header-text {
	text-align: right;
	font-size: 1.5em;
	padding-left: 25%;
}

.header #event-title, .header .event-title {
	font-size: 1.5em;
}