@import url("https://use.typekit.net/wph0cnq.css");
* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	position: relative;
}
body {
	font-family: "poppins", sans-serif;
	font-style: normal;
}
img {
	max-width:100%;
	height:auto;
}
.container {
	max-width: 1460px;
	margin:0px auto;
	padding:0px 30px;
}
.clear:after {
	content:'';
	display:block;
	clear:both;
}
.mobile {
	display: none;
}
.nomobile {
	display: block;
}
.notice {
	padding: 10px 0;
	color: #666;
}
.hidden {
	display: none;
}
/* ERRORS & ALERTS */
	.Alert {
		background-color: #F7D3A5;
	}
	.alert {
		background-color: #F7D3A5;
		padding: 20px;
	}
	.red,
	.alert.bad {
		color: red;
		font-weight: bold;
	}

	.black {
		color: black;
		font-weight: bold;
	}
	.green,
	.alert.good {
		color: green;
		font-weight: bold;
	}
	.orange,
	.alert.warning {
		color: #a24400;
		font-weight: bold;
	}

	div.Errors,
	.BadNews {
		border: 1px solid red;
		height: auto;
		background: #EFE0E0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 10px;
		color: red;
		margin-top: 20px;
		float: right;
		
	}
	.GoodNews {
		color: green;
		padding: 10px;
		border: 1px solid green;
		height: auto;
		background: #E2EFE0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin-top: 20px;
		float: right;
	}
	.red {color: red;}
/* ^ ERRORS & ALERTS */
/* TOOLTIP */
	.tooltip{
		position: absolute;
		z-index: 999999;
		display: none;
		padding-top: 8px;
	}

	.tooltip-arrow{
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 8px solid #274D71;
		top: 0px;
		left: 50%;
		margin-left: -10px;
		position: absolute;
	}
	.tooltip-content{
		font-size: 12px;
		color: #fff;
		border: 1px solid #2b2b2b;
		background: #2b2b2b;
		line-height: 18px;
		border-radius: 3px;
		position: relative;
		min-width: 200px;
	}
	.tooltip-content *{
		color: #fff;
	}
	.tooltip-title{
		line-height: 32px;
		color: #fff;
		font-size: 14px;
		line-height: 2;
		padding-left: 8px;
		background: #01c0c8;
	}

	.tooltip-inner{
		padding: 15px 8px;
		min-width: 100px;
	}

	.tooltip-center .tooltip-arrow{
		left: 50%;
		margin-left: -10px;
	}


	/* down */
	.tooltip-down{
		padding-top: 0;
		padding-bottom: 8px;
	}
	.tooltip-down .tooltip-arrow{
		top: auto;
		bottom: 0;
		border-bottom: 0;
		border-top: 8px solid #2b2b2b;
	}


	/* right */
	.tooltip-right{
		padding: 0 8px 0 0;
	}
	.tooltip-right .tooltip-arrow{
		top: 50%;
		margin-top: -10px;
		left: auto;
		right: 0;
		border-right: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 8px solid #2b2b2b;
	}


	/* left */
	.tooltip-left{
		padding: 0 0 0 8px;
	}
	.tooltip-left .tooltip-arrow{
		left: 0;
		top: 50%;
		margin-top: -10px;
		margin-left: 0;
		border-left: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 8px solid #2b2b2b;
	}

/* ^ TOOLTIP */

/* PANEL */
	.panel {
		margin: 30px 0;
	}
	.panel:after {
		content:'';
		display:block;
		clear:both;
	}
	.panel .title{
		padding: 20px;
		color: #fff;
		background: #00afb8;
	}
	.panel .title .collapse {
		float: right;
		cursor: pointer;
	}
	.panel .content{
		padding: 20px 40px;
	}
	.panel .content.gray{
		padding: 5px 10px;
		background: #dee2e6;
	}
/* ^ PANEL */

/* ADD SCREEN */
	.addScreen {
		margin-bottom: 15px;
	}
	.addScreen .addButton {
		text-align: right;
	}
	.addScreen .addButton button {
		font-size: 14px;
		padding: 10px 6px;
		line-height: 14px;
		height: auto;
	}
	.addScreen .addPanel {
		display: none;
	}
	.addScreen .addPanel .header {
		background: #efefef;
		color: #000;
		padding: 10px;
		font-weight: bold;
	}
	.addScreen .addPanel .body {
		border: 1px solid #efefef;
		padding: 10px;
	}
	.addScreen .addPanel .body .addButtonAjax {
		text-align: right;
	}
/* ^ ADD SCREEN */

button.link,
a.link {
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 4px 6px;
	border-radius: 5px;
	background: #00c292;
	line-height: 20px;
	height: 30px;
}
button.link:hover,
a.link:hover {
	color: #fff;
	background: #018161;
}
button.link.red,
a.link.red {
	background: #ad030b;
}
button.link.red:hover,
a.link.red:hover {
	color: #fff;
	background: #6f0106;
}
button.link.delete,
a.link.delete {
	color: #ad030b !important;
	background: #fff;
	height: auto;
	margin-right: 20px;
}
button.link.delete:hover,
button.link.red:hover,
a.link.red:hover {
	color: #fff !important;
	background: #6f0106;
}
.form {
	margin: 30px 0;
}
.form-b {
	margin-bottom: 20px;
}
.col {
	margin: 1%;
	width: 98%;
	float: left;
}
blockquote {
	border: 2px solid #d3d3d3;
	border-radius: 5px;
	background: #efefef;
}
blockquote .flex {
	display: flex;
	flex-wrap: wrap;
}
blockquote span.block-title {
	display: block;
	font-weight: bold;
}
blockquote .col {
	margin: 1%;
	width: 98%;
}
blockquote .col-15,
.col-15 {
	width: 18%
}
blockquote .col-1,
blockquote .col-14,
.col-14, 
.col-1 {
	width: 23%
}
blockquote .col-13,
.col-13 {
	width: 31%
}
blockquote .col-2,
blockquote .col-12,
.col-12,
.col-2 {
	width: 48%
}
blockquote .col-3,
.col-3 {
	width: 73%
}
blockquote .col-4,
.col-4 {
	width: 98%
}
.align-right {
	text-align: right;
}
	select.multiple {
		height: 100px;
	}
.datatables tbody tr select,
.datatables tbody tr input {
	max-width: 250px;
	padding: 5px 10px;
}
.sticky {
	background: #fff;
	padding: 20px;
	position: sticky;
	top: 0;
	z-index: 9999;
}
.sticky.scroll {
	border-bottom: 2px solid #000;
}
.selectize-control {
	padding: 4px 0;
}
.attendeeCount { }
.attendeeCount p,
.attendeeCount h5 {
	margin: 0 0 5px 0;
}
@media (max-width:800px) {

}