.hidden {
	display: none;
}

.clearfix {
	height: auto;
	overflow: hidden;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.no-wrap, .nowrap {
	white-space: nowrap;
}

body {
	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f3f3f3;
}

	body.dark {
		background-color: #181818;
	}

h1 {
	margin: 0;
	padding: 20px 0 0 0;

	color: #181818;
	font-size: 24px;
	font-weight: 300;
}
	.dark h1 {
		color: #fff;
	}

h2 {
	margin: 30px 0 0 0;
	padding: 0;

	color: #333;
	font-size: 22px;
}
	.dark h2 {
		color: #fff;
	}

p {
	font-size: 1em;
	line-height: 1.4em;
}
	.dark p {
		color: #fff;
	}


a {
	color: #2980b9;
}

a:link, a:visited, a:hover {
	text-decoration: none;
}

.not-selectable, .noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}



.window {
	margin: 0 auto;
	padding: 0 3%;
	width: 94%;
		max-width: 800px;

}

	.wide .window {
		max-width: 94%;
	}


/* iframe */

	body.iframe {
	    display: block;
	    width: 100%;
	}

	.iframe #wrapper {
	    overflow-x: hidden;
	    overflow-y: auto;
	    -webkit-overflow-scrolling: touch;
	}



	.cnf-webinar {

	}

		.cnf-webinar #flex-branding-top, .cnf-webinar header, .cnf-webinar #header-session, .cnf-webinar footer, .cnf-webinar #freshwidget-button, .cnf-webinar .freshwidget-container {
			display: none !important;
		}

		.cnf-webinar #main {
			border-top: none;
		}
/* global announcement */

	#announce-global {
		background-color: #FCF3D0;
		color: #181818;
		padding: 10px 0;
		text-align: center;
	}

		#announce-global p {
			margin: 0;
			padding: 0;

			font-size: 17px;
			font-weight: bold;
			line-height: 1.4;
		}

		#announce-global a {
			border-bottom: 1px dotted #2980B9;
			color: #2980B9;

		}



/* flex branding */


	#flex-branding-top, #flex-branding-bottom {
		text-align: center;
	}



	#flex-branding-top img, #flex-branding-bottom img {
		display: block;
		margin: 0 auto;

		height: auto;
		width: auto;
		max-width: 100%;
	}

		#flex-branding-top img {
			max-height: 125px;
		}

	#flex-branding-bottom {
		margin-top: 20px;
	}



/* header */

	header {
		background-color: #282828;
	}

		header h1 {
			margin: 0;
			padding: 0;
			text-align: center;
		}

		header h1 a {
			display: block;
			padding: 15px 0;

			color: #fff;
			font-size: 21px;
			font-weight: 700;
		}

		header img {
			height: auto;
			max-width: 90%;
		}






/* header - admin */

	#header-admin {
		background-color: #393939;
		background-image: linear-gradient(to bottom, rgb(57, 57, 57), rgb(74, 74, 74));

	}

		#header-admin h1 {
			margin: 0;
			padding: 0;

			font-size: 16px;
			font-weight: 300;
			text-align: center;

		}

		#header-admin h1 a {
			display: block;
			padding: 10px 0;

			color: #aaa;

			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}


	.admin #flex-branding-bottom {
		display: none;
	}

	#header-admin {
		background: #d15c0c;
	}

		#header-admin h1 a {
			color:  #fff;
		}






/* app nav */

	#app-nav {
		background: #ccc;
		text-align: center;
	}

	#app-nav a {
		display: inline-block;
		padding: 12px 15px;


		border-right: 1px solid #aaa;
		color: #666;
		font-size: 16px;
		font-weight: 600;
	}

		#app-nav a:hover {
			background: #bbb;
			color: #222;
		}

		#app-nav a:last-child {
			border-right: none;
		}


/* session header */

	#header-session {
		background-color: #484848;
	}

		#header-session h1 {
			margin: 0;
			padding: 0;

			font-size: 16px;
			font-weight: 300;
			text-align: center;

		}

		#header-session h1 a {
			display: block;
			padding: 10px 0;

			color: #ddd;

			/*
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			*/
		}


/* home link label */

	#home-link {
		padding: 20px 0;
		text-align: center;

		background-color: #ddd;
	}

	#home-link .form-row {
		padding: 0;
		margin: 0;
	}

	#home-link .btn {
		border: none;
		box-shadow: none;
	}

	#home-link a {
		padding: 15px 20px;
		width: auto;

		background: #bbb;
		color: #484848;

		font-size: 18px;
		font-weight: 300;

	}


/* custom branding for sessions */

	#custom-session-header {
		padding: 15px 0;
		background: transparent;
	}

		#custom-session-header img {
			display: block;

			margin: 0 auto;
			height: auto;
			width: auto;
				max-width: 90%;

		}




	#custom-session-brand-bottom {
		padding: 25px 0 ;
	}


	.custom-branding {
		text-align: center;
	}

		.custom-branding img {
			height: auto;
			width: auto;
				max-width: 100%;
		}





#main {
	/*border-top: 1px solid #aaa;*/
	padding-bottom: 100px;
}



/* main headings */

	.main-heading {

	}

		.main-heading h1, .main-heading h2, .main-heading h3 {
			display: inline-block;
			margin-right: 10px;
		}


		.main-heading h1 {

		}

		.main-heading h2 {

		}


	.heading-actions-line {
		display: block;
		padding-top: 5px;
	}


	.heading-action {
		display: inline-block;
		margin-right: 10px;

		border-bottom: 1px dotted #aaa;
		font-size: 16px;
		font-weight: 600;
	}


/* contextual content styling */

	.content-note {
		margin: 15px 0;
		padding: 15px;

		background: #e3e3e3;
		border-left: 6px solid #d6d6d6;
		border-radius: 9px;

		position: relative;

	}

	.content-note p, .content-note ul, .content-note ol {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;

		color: #444;
		font-size: 16px;
		line-height: 1.5;
	}

	.content-note-icon {
		position: absolute;
		left: 10px;
		top: 15px;

		color: #444;
		font-size: 21px;
	}

	.content-note-text {
		padding-left: 28px;
	}

	.content-note.larger .content-note-text {
		font-size: 18px;
	}

	.content-note.warning {
		background: #f1c40f;
		border-left-color: rgba(0,0,0,0.2);

		color: #111;
	}

		.content-note.warning .content-note-icon {
			color: rgba(0,0,0,0.5);
		}
/* dashboard - session checkout */

	#dashboard-checkout {
		margin-top: 20px;
		margin-bottom: 30px;
		padding: 0;
		background: #ddd;
		border-radius: 6px;

		height: auto;
		overflow: hidden;
	}

	.dashboard-checkout-row {
		padding: 15px 20px 15px 0;
		border-bottom: 1px solid #ccc;
	}
	.dashboard-checkout-row:last-child {
		border-bottom: medium none transparent;
	}

	.dashboard-checkout-left {
		float: left;


		padding: 9px 15px 9px 15px;

		color: #555;
		font-size: 15px;
		font-weight: 300;

	}

	.dashboard-checkout-right {
		float: right;
	}


	.btn-session-checkout {
		display: inline-block;
		padding: 9px 12px;

		background: #4D7C8A;
		color: #fff;
		font-size: 15px;
		font-weight: 300;

		vertical-align:  middle;

		border-radius: 6px;
		border: none;
		box-shadow: none;
	}

		.btn-session-checkout:hover {
			background: #2c3e50;
			box-shadow: none;
			color: #fff;
		}

	.btn-session-checkout span {
		 display: inline-block;
		 margin-right: 8px;
		 height: 20px;
		 width: 20px;

		 background: transparent url("../img/icon-session-checkout.png") center no-repeat;
		 background-size: 20px 20px;
		 vertical-align: middle;
	 }

/* session dashboard back button */

	.session-back {
		padding: 20px 0;
	}

		.session-back-btn {
			display: block;

			background: #383838;
			border-radius: 5px;
			box-sizing: border-box;

			text-align: center;
		}

		.session-back-btn-label {
			display: block;
			padding: 15px;

			color: #eee;
			font-size: 16px;
			font-weight: 300;
		}

		.session-back-btn-icon {
			float: left;
			padding: 4px 0 0 10px;


			color: #eee;
			font-size: 32px;
		}


/* dashboard - game */

	.btn.btn-game-join {
		padding: 15px 0;

		background: #4D7C8A;
		color: #fff;
		font-size: 18px;
		font-weight: 300;

		vertical-align:  middle;

		border-radius: 9px;
		border: none;
		box-shadow: none;
	}
		.btn.btn-game-join:hover {
			background: #2c3e50;
			box-shadow: none;
			color: #fff;
		}


	 .btn-game-join span {
		display: inline-block;
		margin-right: 15px;
		height: 40px;
		width: 40px;

		background: transparent url("../img/icon-game-join-button-3.png") center no-repeat;
		background-size: 40px 40px;
		vertical-align: middle;
	}

/* dashboard - trivia battle */

	#dashboard-trivia-battle {
		margin-top: 25px;
	}

	.btn.btn-trivia-battle-join {
		padding: 20px 0;

		background: rgb(93,146,186);
		background: linear-gradient(180deg, rgba(93,146,186,1) 0%, rgba(68,108,138,1) 100%);
		border: none;

		box-shadow: 3px 3px 5px rgba(0,0,0,0.15),
            -3px -3px 5px rgba(0,0,0,0.15);


		color: #fff;
		font-size: 20px;
		font-weight: 300;

		vertical-align:  middle;


	}
		.btn.btn-trivia-battle-join:hover {
			background: #446c8a;
			color: #fff;
		}

	.btn-trivia-battle-join-icon {
		margin-right: 12px;
		font-size: 20px;

	}
/* dashboard - relaod */
	#reload-message {
		margin: 30px 0 0 0;

		color: #444;
		font-size: 21px;
		font-weight: 300;
		text-align: center;
	}



/* dashboard - announcement */

	#dashboard-announcement {
		margin: 25px 0;

	}
		#dashboard-announcement h2 {

			margin: 0;
			padding: 0 0 5px 0;

			color: #aaa;
			font-size: 14px;
			font-weight: 300;
		}


		#dashboard-announcement p {
			margin: 0;
			padding: 0;

			color: #444;

			font-size: 18px;
			font-weight: 700;
		}

/* dashboard - session eval */

	#dashboard-evaluation {
		margin: 30px 0;
		padding: 15px;

		background-color: #bbdcff;
		border-top: 4px solid #99cbff;
			border-radius: 5px;
		border-bottom: 4px solid #99cbff;
	}

		.dark #dashboard-evaluation {
			background-color: #012;
			border-color: rgba(0,0,0,0.5);
		}


		#dashboard-evaluation .form-row {
			margin: 0;
			padding: 0;
		}

		.dashboard-evaluation-message {
			margin: 0;
			padding: 0;

			font-size: 16px;
			font-weight: 300;
			text-align: left;
		}

		.evaluation-autounlock-timestamp {
			display: block;
			padding-top: 4px;

			font-size: 19px;
			font-weight: 300;
		}

		.moderator-evaluation-enabled-message {
			color: #004988;
		}



		#dashboard-evaluation.evaluation-completed {
			padding: 10px 15px;

			background-color: #b4d7fc;
			background-image: linear-gradient(left, rgb(180, 215, 252), rgb(180, 215, 252));
			border: 1px solid #aad3ff;
		}

			.dark #dashboard-evaluation.evaluation-completed {
				background: #012;
				border: none;
			}

		.evaluation-completed-message {
			color: #004a99;
		}


/* dashboard - team battle */

	#dashboard-game {
		margin: 30px 0;
	}

/* dashboard - slide sync */

	#dashboard-slide {

		margin: 0 auto;
			margin-top: 30px;

		width: 100%;
			max-width: 100%;
	}

		#dashboard-slide h2 {
			padding: 10px;

			background: #E74C3C;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			color: #fff;
			font-size: 18px;
		}

		#dashboard-slide img {
			display: block;
			margin: 0 auto;
			width: 100%;
			height: auto;

			border: 1px solid #ddd;
				border-top: none;
			box-sizing: border-box;

		}


		#dashboard-preso-sync-image {
			overflow: hidden;
		}


/* dashboard - bottom */

	#dashboard-bottom {
		padding: 50px 0 30px 0;
	}

		.moderator-view #dashboard-bottom {
			padding-top: 15px;
		}

		#dashboard-bottom .form-row {
			margin: 0;
			padding: 0;
		}

		.btn.btn-moderator-sign-in {
			color: #757575;
		}

	#users-online {
		padding: 20px 0 15px 0;

		color: #424242;
		font-size: 15px;
		font-weight: 300;
		text-align: center;
	}

		.dark #users-online {
			color: #aaa;
		}

	#users-count {
		display: inline-block;
		margin: 5px 0 0 0;
		padding: 3px 6px;

		background: #e3e3e3;
	}

		.dark #users-count {
			background: #000;
		}

/* undo */

	#undo {

		padding: 10px 0;

		width: 100%;
		position: fixed !important;
		bottom: 0;

		background: rgba(255,255,255,0.88);
		border-top: 6px solid #ccc;
		text-align: center;
	}



		#undo-description {
			margin: 0;
			padding: 0 0 10px 0;


			color: #444;
			font-size: 18px;
			font-weight: 300;

		}


		#dismiss-undo {
			margin-left: 15px;
		}

/* no polls message */


	.no-polls-message {
		margin-top: 25px;
		padding: 15px;

		background: #ddd;
		border-radius: 5px;
		color: #444;
		font-size: 16px;
	}


		.dark .no-polls-message {
			background: #111;
			color: #ddd;
		}




	.no-polls-message-alt {
		margin-top: 25px;
	}

	.no-polls-message-alt-status {
		display: block;
		padding: 9px 15px;

		background: #344d85;
		border-radius: 5px;
		box-shadow: 0 0 8px rgba(0,0,0,0.38);
		color: rgba(255,255,255,0.62);
		font-size: 15px;
		font-weight: 300;
		line-height: 1.5;
		text-align: center;
	}

		.no-polls-message-alt-status-count {
			display: inline-block;
			margin: 0 3px;
			padding: 5px 6px;

			background: rgba(0, 0, 0, 0.1);
			border-radius: 5px;
			box-shadow: 0 0 6px rgba(0,0,0,0.1) inset;
			font-size: 17px;
			font-weight: 300;
		}

	.no-polls-message-alt-subtext {
		display: block;
		padding: 6px 15px 0 15px;

		color: #666;
		font-size: 13px;
		font-weight: 300;
		line-height: 1.5;
		text-align: center;
	}

		.dark .no-polls-message-alt-subtext {
			color: #aaa;
		}
	

/* transition */

	#transition-view {

	}

	#transition-message {
		padding: 30px 0;

		font-size: 20px;
		font-weight: 300;
		line-height: 28px;
		text-align: center;
	}

/* notifications */

	#notifications {
		margin: 15px 0;
		padding: 15px 0;
	}

		#notifications p {
			margin: 0;
			padding: 0;
			font-size: 18px;
			font-weight: 700;
		}

		#notifications.default {
			background-color: #ddd;
			color: #444;
		}

		#notifications.good {
			background-color: #e1f9e8;
			border-top: 1px solid #20ab44;
			border-bottom: 1px solid #20ab44;
			color: #1b8e39;
		}

		#notifications.bad {
			background-color: #ffd9d9;
			border-top: 1px solid #f00;
			border-bottom: 1px solid #f00;
			color: #760f0f;
		}


	.notification-text {
		padding: 0 30px;

		text-align: center;
	}


	.notification-action {
		padding: 15px 0 0 0;
		text-align: center;
	}


/* session evaluations */

	.evaluation-question {

	}

		.evaluation-question-status {
			padding:  20px 0 0 0;
			margin: 0;

			color: #777;
			font-size: 15px;
			text-transform: uppercase;
		}

		.evaluation-question-content {

			margin: 0;
			padding: 5px 0 10px 0;

			color: #282828;
			font-size: 22px;

		}


	#evaluation-review {

	}

		#evaluation-review h2 {
			margin: 20px 0 0 0;
			padding: 10px;

			background: #ddd;
			font-size: 17px;
			font-weight: 700;

		}

			.dark #evaluation-review h2 {
				background: #000;
			}

		#evaluation-review p {
			margin: 0;
			padding: 10px;



			font-size: 22px;
			font-style: italic;
			font-weight: 300;

		}


/* info tables */

	.tbl {
		width: 100%;
	}

		.tbl th {
			padding: 12px 5px;

			background: #ccc;
			font-size: 15px;
			font-weight: 300;
		}

		.tbl td {
			padding: 8px 5px;

			border-bottom: 1px solid #ccc;
			color: #222;
			font-size: 14px;
			font-weight: 300;
		}


			.tbl td.app-uri {
				color: #999;
				font-size: 14px;
			}

			.tbl td.app-uri span {
				margin-right: 2px;

				color: #444;
				font-size: 16px;
				font-weight: 600;
			}


	/* hover state */

		.tbl-hover tr:hover td {
			background: #ddd;
		}



	/* special case - slide index table */

		.tbl .tbl-row-title {
			padding: 10px;

			background: #16a085;


			color: #fff;

			font-size: 18px;
		}


		.tbl .tbl-row-subhead {


			padding: 10px;

			color: #666;
			font-size: 14px;
			text-transform: uppercase;

		}


/* section headers */

	.section-header {
		height: auto;
		overflow: hidden;

		background-color: #33363c;
		background-image: linear-gradient(to bottom, rgb(51, 54, 60), rgb(34, 38, 44));
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.section-header h1 {
		display: inline-block;
		float: left;
		margin: 0;
		padding: 15px;

		background: transparent;
		border-radius: 0;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		line-height: 18px;
	}

		.section-header h1 .section-header-meta {
			display: block;

			color: rgba(255,255,255,0.8);
			font-size: 14px;
			font-weight: 400;
		}

	.section-instructions{
		padding: 9px 15px;
		display: block;
		width: auto;

		background: #999;
	}

		.section-instructions p {
			margin: 0;
			padding: 0;

			color: #fff;
			font-size: 14px;
			font-weight: 300;
			line-height: 1;
		}

	.section-header a {
		display: inline-block;
		float: right;

		background-color: #3f424a;
		background-image: linear-gradient(to bottom, rgb(63, 66, 74), rgb(51, 54, 60));
		border-left: 1px solid #22262C;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		line-height: 18px;
	}

		.section-header a:hover {
			background: #444;
		}

		.section-header a span {
			display: block;
			padding: 15px 10px;
		}

		.section-header a.action-add span {
			background: transparent url("/assets/img/action-add.png") 10px center no-repeat;
			background-color: transparent;
			background-position: 10px center;
			background-repeat: no-repeat;
			background-size: 24px 24px;
			padding-left: 44px;
		}







.table-list .question-response {
	display: none;
}


	.table-list tr.is-answered .question-response {
		display: block;
	}


	.table-list tr.is-answered .question-response-instructions {
		display: block;

		margin-top: 3px;
		padding-left: 20px;
		background: transparent url("../img/icon-answered.png") center left no-repeat;
		background-size: 16px 16px;
		color: #000;
		font-size: 15px;
		font-weight: 400;

		opacity: 0.5;
	}

.table-list tr.is-answered td.label .question-response-content {
	display: block;
	padding-top: 3px;

	font-size: 14px;
	font-weight: 300;
}


.table-list td.approve {
	cursor: pointer;
	text-align: center;

	width: 50px;
	border-right: 1px solid #ccc;
}

.table-list td.approve span {
	display: inline-block;
	height: 24px;
	width: 24px;
	padding: 0;

	background: transparent url("../img/icon-add.png") center no-repeat;
	text-align: center;
}






	.table-list tr.is-saved td.label, .table-list tr.is-saved td.question-answered, .table-list tr.is-saved td.utility {
		background-color: #cbe4f4;
		background-image: linear-gradient(to bottom, rgb(203, 228, 244), rgb(175, 213, 237));

	}

		.table-list tr.is-saved td.utility span {
			opacity: 0.1;
		}

		.table-list tr.is-saved td.utility.save span {
			background-image: url("../img/icon-heart-active.png");

			opacity: 0.7;
		}

		.table-list tr.is-saved td.vote, .table-list tr.voted-for.is-saved td.vote {
			background-color: #cbe4f4;
			background-image: linear-gradient(to bottom, rgb(203, 228, 244), rgb(175, 213, 237));
			border-right-color: #93C6E7;
		}

			.table-list tr.is-saved td.vote span, .table-list tr.voted-for.is-saved td.vote span {
				/*background-image: url("../img/chevron-gray.png"); */

				background-position: 6px 0;
				color: #777;
			}


	.table-list tr.is-completed td.label, .table-list tr.is-completed td.question-answered, .table-list tr.is-completed td.utility {
		background-color: #dddddd;
		background-image: linear-gradient(to bottom, rgb(221, 221, 221), rgb(204, 204, 204));
		color: #bbb;
	}


		.table-list tr.is-completed td.utility span {
			opacity: 0.1;
		}

			.table-list tr.is-completed td.question-answered.is-answered span {
				opacity: 0.1;
			}

		.table-list tr.is-completed td.utility.complete span {
			background-image: url("../img/icon-completed-active.png");
			opacity: 0.7;
		}


		.table-list tr.is-completed td.vote, .table-list tr.voted-for.is-completed td.vote {
			background-color: #dddddd;
			background-image: linear-gradient(to bottom, rgb(221, 221, 221), rgb(204, 204, 204));
			border-right-color: #bbb;
		}

			.table-list tr.is-completed td.vote span, .table-list tr.voted-for.is-completed td.vote span {
				background-position: 6px 0;
				color: #777;
				opacity: 0.2;
			}

		.table-list tr.is-answered.is-completed .answer-instructions {
			opacity: 0.2;
		}



		.table-list tr.marked-for-deletion td.label, .table-list tr.marked-for-deletion td.utility {
			background: #EEBCB9;

		}

		.table-list tr.marked-for-deletion td.vote, .table-list tr.voted-for.marked-for-deletion td.vote {
			background: #EEBCB9;

			border-right-color: #bbb;
		}

			.table-list tr.marked-for-deletion td.vote span, .table-list tr.voted-for.marked-for-deletion td.vote span {
				background-position: 6px 0;
				color: #777;

				opacity: 0.2;
			}



	.table-list-item-meta {
		display: block;
		padding: 3px 0 0 0;

		color: #888;
		font-size: 13px;
		font-weight: 300;
	}




.link-list, .table-list {
	box-shadow: 0 0 8px #aaa;
	border-radius: 5px;
}

	.dark .link-list, .dark .table-list {
		box-shadow: 0 0 8px #000;
	}


	.link-list h1, .table-list h1 {
		margin: 0;
		padding: 15px;

		background-color: #33363c;
		background-image: linear-gradient(to bottom, rgb(51, 54, 60), rgb(34, 38, 44));
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
	}
	


.link-list {
	margin: 30px 0;
	padding: 0;
}

	.link-list ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.link-list li {
		list-style: none;
		margin: 0;
		padding: 0;

		display: block;
	}

	.link-list a, .link-list a:hover, .link-list a:visited, .link-list .block-item {
		display: block;
		position: relative;
		padding: 15px;

		color: #444;
		font-size: 15px;
		font-weight: 700;
		text-decoration: none;
	}

		.dark .link-list a, .dark .link-list a:hover, .dark .link-list a:visited, .dark .link-list .block-item {
			color: #fff;
		}


	.link-list li {
		background-color: #f4f4f4;
		background-image: linear-gradient(to bottom, rgb(244, 244, 244), rgb(228, 228, 228));
		border-bottom: 1px solid #ccc;
	}

		.dark .link-list li {
			background: #222;
			border-bottom-color: #141414;
		}

	.link-list li:first-child {
		border-top: 1px solid #ccc;
	}

		.dark .link-list li:first-child {
			border-top-color: #141414;
		}

		.link-list li:hover {
			background-color: #d9dcdc;
			background-image: linear-gradient(to bottom, rgb(217, 220, 220), rgb(200, 201, 203));
		}

		.dark .link-list li:hover {
			background: #333;
		}


		.link-list li:hover a {
			color: #181818;
		}

		


	.link-list li .meta {
		float: right;

		color: #999;
		font-size: 12px;
		font-weight: 300;
	}

		.link-list li:hover .meta {
			color: #999;
		}


	.link-list .list-item-meta {
		display: block;
		padding: 3px 0 0 0;

		color: #888;
		font-size: 13px;
		font-weight: 300;
	}

		.link-list li:hover .list-item-meta {
			color: #111;
		}

		.dark .link-list li:hover .list-item-meta {
			color: #ccc;
		}




	.link-list li:last-child {
		border-bottom-left-radius:  5px;
		border-bottom-right-radius: 5px;
	}



/*
	link list with icons
*/

	.link-list li.icon a, .link-list li.icon a:hover {
		padding-left: 46px;
		background-position: 12px center;
		background-repeat: no-repeat;
		background-size: 24px 24px;
	}

		.link-list li.icon.has-meta a, .link-list li.icon.has-meta a:hover {
			background-position: 12px 16px;
		}

	.link-list li.icon-add a {
		background-image: url("../img/icon-add.png");
	}

	.link-list li.icon-edit a {
		background-image: url("../img/icon-edit.png");
	}

	.link-list li.icon-play a {
		background-image: url("../img/icon-play.png");
	}

	.link-list li.icon-reorder a {
		background-image: url("../img/icon-reorder.png");
	}

	.link-list li.icon-remove a {
		background-image: url("../img/icon-remove.png");
	}

	.link-list li.icon-upload a {
		background-image: url("../img/icon-upload.png");
	}

	.link-list li.icon-download a {
		background-image: url("../img/icon-download.png");
	}

	.link-list li.icon-email a {
		background-image: url("../img/icon-email.png");
	}

	.link-list li.icon-magnify a {
		background-image: url("../img/icon-magnify.png");
	}
	.link-list li.icon-check a {
		background-image: url("../img/icon-completed.png");
	}




/*
	collapsable link lists
*/

.link-list.collapsable {

	margin: 0;

}



.link-list.collapsed {
	border-radius: 9px;
	box-shadow: none;
}

#main .link-list.collapsed h1 {
	border-radius: 9px;

	background: #666;
	color: #ddd;
	font-size: 16px;
	text-align: center;
}

	#main .link-list.collapsed h1:hover {

		background: #444;
		color: #fff;
		cursor: pointer;

	}

	.link-list.collapsed ul {
		display: none;
	}

	.link-list.expanded li {

	}


/* special link list items */

	.link-list .agenda-only .block-item {
		padding: 10px 15px 10px 9px;
		border-left: 6px solid #d1d1d1;
	}

		.dark .link-list .agenda-only .block-item, .dark .link-list .agenda-only:hover .block-item {
			background: #292929;
			border-left-color: #111;
			color: #999;
			font-weight: 300;
		}

	.link-list .agenda-only, .link-list .agenda-only:hover {
		background-color: #dedede;
		background-image: linear-gradient(to bottom, rgb(222, 222, 222), rgb(209, 209, 209));
	}


	.link-list .agenda-only .block-item {
		color: #777;
		font-size: 15px;
		font-style: normal;
		font-weight: 600;
	}

	.link-list .agenda-only .list-item-meta, .link-list li.agenda-only:hover .list-item-meta {
		color: #777;
		font-style: normal;
	}






/* link list v2 */

	.link-list-v2 {
		margin: 30px 0 0 0;
		padding: 0;

		box-shadow: 0 0 8px #aaa;
		border-radius: 5px;
	}

		.dark .link-list-v2 {
			box-shadow: 0 0 8px #000;
		}


	.link-list-v2 h1 {
		margin: 0;
		padding: 15px;

		background-color: #33363c;
		background-image: linear-gradient(to bottom, rgb(51, 54, 60), rgb(34, 38, 44));
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
	}

		.dark .link-list-v2 h1 {
			color: #ccc;
			font-size: 19px;
			font-weight: 300;
		}

	.link-list-v2 ul, .link-list-v2 li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.link-list-v2-item {
		display: block;
		position: relative;
		padding: 15px;

		background-color: #f4f4f4;
		background-image: linear-gradient(to bottom, rgb(244, 244, 244), rgb(228, 228, 228));

		border-bottom: 1px solid #ccc;
		color: #444;
		font-size: 15px;
		font-weight: 700;
		text-decoration: none;
	}

		.link-list-v2-item:hover {
			background: #d9dcdc;
		}

		.link-list-v2-li:first-child .link-list-v2-item {
			border-top: 1px solid #ccc;
		}
			.dark .link-list-v2-li:first-child .link-list-v2-item {
				border-top-color:#141414;
			}


		.link-list-v2-li:last-child .link-list-v2-item {
			border-bottom: none;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

		.dark .link-list-v2-item {
			background: #222;
			border-bottom-color: #141414;
		}

	.link-list-v2-icon {
		display: inline-block;
		position: absolute;

		font-size: 17px;
	}

		.dark .link-list-v2-icon {
			color: #fff;
		}

	.link-list-v2-item:not(.block-item):hover .link-list-v2-icon {
		color: #2980b9;
	}

		.dark .link-list-v2-item:not(.block-item):hover .link-list-v2-icon {
			color: #3498db;
		}



	.link-list-v2-label {
		display: block;

		color: #181818;
		font-size: 16px;
		font-weight: 600;
	}

		.dark .link-list-v2-label {
			color: #fff;
		}

	.link-list-v2-item:not(.block-item):hover .link-list-v2-label {
		color: #2980b9;
		text-decoration: underline;;
	}

		.dark .link-list-v2-item:not(.block-item):hover .link-list-v2-label {
			color: #3498db;
		}



	.link-list-v2-desc {
		display: block;
		padding: 4px 0 0 0;

		color: #666;
		font-size: 14px;
		font-weight: 300;
	}

		.dark .link-list-v2-desc {
			color: #999;
		}


	.has-icon .link-list-v2-label, .has-icon .link-list-v2-desc {
		padding-left: 30px;
	}



.table-list {
	margin: 30px 0;
}



	.table-list table {
		table-layout: fixed;
		width: 100%;
	}

	.table-list td:hover {
		cursor: pointer;
	}

	.table-list td {
		background-color: #f4f4f4;
		background-image: linear-gradient(to bottom, rgb(244, 244, 244), rgb(228, 228, 228));

		border-bottom: 1px solid #ccc;
		font-size: 16px;
	}

		.dark .table-list td {
			background: #444;
			border-bottom-color: #333;
			color: #eee;
		}

		.table-list tr:first-child td {
			border-top: 1px solid #ccc;
		}

			.dark .table-list tr:first-child td {
				border-top-color: #333;
			}






	td.vote {
		color: #999;
		text-align: center;
		font-size: 17px;
		font-weight: 300;
		border-right: 1px solid #ccc;
	}
	
		.dark td.vote {
			border-right: 1px solid #222;
		}


		td.vote {
			width: 50px;
			padding: 10px 0;
		}


		td.vote span {
			display: inline-block;
			height: 20px;
			width: 36px;

			padding-top: 16px;

			background: transparent url("/assets/img/upvote-chevrons.png") 6px 0px no-repeat;
			background-size: 100px 16px;
		}


		tr.voted-for td.vote {
			background-color: #e8f4e9;
			background-image: linear-gradient(to bottom, rgb(232, 244, 233), rgb(209, 233, 210));

			color: #3D8B3D;
		}

			.dark tr.voted-for td.vote {
				background: #214524;
			}



		tr.voted-for td.vote span {
			background-position: -44px 0;
		}

		tr td.vote.vote_disabled span {
			display: none;
		}

	td.not-approved {
		width: 44px;

		border-right: 1px solid #ccc;
		text-align: center;
	}
		td.not-approved span {
			display: inline-block;
			height: 32px;
			width: 32px;

			background: transparent url(../img/spinny.gif) center no-repeat;
			background: transparent url(../img/icon-add.png) center no-repeat;
			background-size: 24px 24px;
		}


	td.label {
		border-bottom: 1px solid #ccc;
		padding: 15px 15px;
		font-size: 16px;
		font-weight: 700;
		line-height: 22px;
	}

		td.with-link {
			padding: 0;
		}

		td.with-link a, td span.objective {
			display: block;
			padding: 15px 15px;
			color: #272727;
		}

		.dark td.with-link a, .dark td span.objective {
			color: #fff;
		}

	td.action-add {

	}
		td.action-add a {
			padding-left: 40px;
			background: transparent url("../img/icon-add.png") 10px center no-repeat;
			background-size: 22px 22px;
		}

		a.toggle-show span:before, a.toggle-hide span:before {
			padding-right: 8px;
		}
		a.toggle-show span:before {
			content: "\21E9";
		}
		a.toggle-hide span:before {
			content: "\21E7";
		}


	td.label.extra-padding-right {
		padding-right: 35px;
	}


	td.label span.label-subtext, td.label span.label-subtext a {
		display: block;

		color: #555;
		font-weight: 400;
	}

		td.label span.label-meta {
			margin-left: 3px;

			color: #555;
			font-size: 14px;
			font-weight: 300;
		}

		td.label span.label-meta.label-meta-block {
			display: block;
			margin-left: 0px;

			font-style: italic;
		}

	td.meta, td.meta.with-link a {
		width: 130px;

		color: #777;
		font-size: 13px;
		white-space: nowrap;
	}


	td.utility {
		width: 40px;
		border-left: 1px solid #ccc;
		text-align: center;
		cursor: pointer;
	}

		.dark td.utility {
			background: #aaa;
			border-left-color: #999;
		}

		td.utility:hover {
			background-color: #e1e4e4;
			background-image: linear-gradient(to bottom, rgb(225, 228, 228), rgb(204, 204, 204));
		}

		td.utility span {
			display: inline-block;
			height: 36px;
			width: 36px;

			background-color: transparent;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 24px 24px;

			opacity: 0.68;
		}

		td.utility:hover span {
			opacity: 1;
		}

		td.utility.action-approve span {
			background-image: url(../img/action-approve.png);
		}

			td.utility.action-approve.approved, td.utility.action-approve.approved:hover  {
				background-color: #d7e7d3;
				background-image: linear-gradient(to bottom, rgb(215, 231, 211), rgb(235, 243, 233));
			}

			td.utility.action-approve.approved span, td.utility.action-approve.approved:hover span {
				background-image: url(../img/action-approve-green.png);
			}


		td.utility.action-email {
			width: 44px;
		}

			td.utility.action-email span {
				background-image: url(../img/action-email.png);
			}

		td.utility.action-save span {
			background-image: url(../img/icon-heart.png);
		}

		td.utility.action-remove span {
			background-image: url(../img/icon-remove.png);
		}

		td.utility.action-edit {
			width: 44px;
		}

			td.utility.action-edit span {
				background-image: url(../img/action-edit.png);
			}

		td.utility.action-lock {
			width: 50px;
		}

		tr.status-locked td.utility span {
			background-image: url(../img/status-locked.png);
		}

		tr.status-unlocked td.utility span {
			background-image: url(../img/status-unlocked.png);
		}

			tr.status-unlocked td.utility {
				background-color: #ecf6ff;
				background-image: linear-gradient(to bottom, rgb(236, 246, 255), rgb(203, 229, 254));
			}

			tr.status-unlocked td.utility span {
				opacity: 1;
			}


		td.utility.remove span {
			background: transparent url("../img/icon-remove.png") center no-repeat;
		}

		td.utility.complete span {
			background: transparent url("../img/icon-completed.png") center no-repeat;
		}


		td.utility.save span {
			background: transparent url("../img/icon-heart.png") center no-repeat;
		}



tr.status-unlocked span.meta-locked {
	display: none;
}

	tr.status-locked span.meta-locked {
		display: inline-block;

		margin-left: 10px;
		padding-left: 20px;

		background: transparent url("../img/icon-locked.png") center left no-repeat;
		background-size: 16px 16px;

		color: #777;
		font-size: 15px;
		font-weight: 600;
	}


tr.poll-row td.label span.meta-response-count {
	margin-left: 12px;
	padding-left: 20px;

	background: transparent url("../img/icon-number-responses.png") center left no-repeat;
	color: #777;
	font-size: 15px;
	font-weight: 600;
}


	/* presenter name in poll rows */
	tr.poll-row td.label span.meta-presenter-name {
		display: inline-block;
		margin-left: 12px;
		padding-left: 20px;

		background: transparent url("../img/icon-meta-presenter.png") center left no-repeat;
		background-size: 16px 16px;
		border-radius: 4px;

		color: #777;
		font-size: 15px;
		font-weight: 600;
	}

tr.poll-row td.label span.meta-responded {
	display: none;
}

	tr.poll-row.user-responded td.label {
	}

		tr.poll-row.user-responded td.label a {
			color: #999;
		}

	tr.poll-row.user-responded td.label span.meta-responded {
		display: inline-block;

		margin-left: 12px;
		padding-left: 20px;

		background: transparent url("../img/icon-meta-responded.png") center left no-repeat;
		color: #555;
		font-size: 15px;
		font-weight: 600;
	}



.question-heading {
	padding-bottom: 15px;

}

	.question-score {
		float: left;
		width: 8%;
	}

		.question-score span {
			display: inline-block;


			background-color: #d6d6d6;
			border: 1px solid #aaa;
			color: #555;
			padding: 3px 10px;
			font-size: 24px;

		}

	.question-heading h1 {
		float: left;
		width: 90%;

		color: #000;
	}


td.utility.info-replies {
	border-left: none;
}

	td.utility.info-replies span {
		display: inline-block;
		height: auto;
		width: auto;
		padding: 4px 6px 5px 6px;

		background: #ccc;
		border-radius: 4px;
		color: #777;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
	}



tr.no-replies td.utility.info-replies span {
	display: none;
}


td.utility.info-replies:hover {
	background-color: #f4f4f4;
	background-image: linear-gradient(to bottom, rgb(244, 244, 244), rgb(228, 228, 228));
}





.cnf-footer {
	padding: 50px 0 15px 0;
}


	.cnf-footer a {
		display: block;

		padding: 12px 0;

		border: 1px solid #d6d6d6;
		border-radius: 12px;
		color: #999;
		font-size: 14px;
		text-align: center;

		/*
		box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.15),
    -6px -6px 6px 0 rgba(255, 255, 255, 0.3);
		*/

	}


	.cnf-footer-button-left {
		float: left;
		width: 49%;

		box-sizing: border-box;
	}

	.cnf-footer-button-right {
		float: right;
		width: 49%;

		box-sizing: border-box;
	}


	.cnf-footer-section {
		padding-bottom: 15px;
	}


.consent-footer {
	height: auto;
	overflow: hidden;

	text-align: center;
}

	.consent-footer-button {
		display: inline-block;
		width: 49%;

		box-sizing: border-box;

	}

		.consent-footer-manage-profile {
			float: left;
		}

		.consent-footer-privacy-policy {
			float: right;
		}


	.change-color-mode {
		height: auto;
		overflow: hidden;
	}
		.btn.change-color-mode-button {

		}
		.change-color-mode-icon {
			color: #34495e;
		}

		.dark .change-color-mode-icon {
			color: #fdcb6e;
		}

/* dashboard - learning objectives */

	#dashboard-objectives {

	}

		#dashboard-objectives .table-list {
			box-shadow: none;
		}

		#dashboard-objectives .section-header {
			background: #777;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

		#dashboard-objectives .opened .section-header {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

		#dashboard-objectives .section-header h1 {
			background: transparent;
			color: #fff;
		}

			#dashboard-objectives .section-header h1 .objectives-count {
				color: #ccc;
			}

		#dashboard-objectives .section-header a {
			background: #666;
			border: none;
			border-bottom-right-radius: 5px;
		}

		#dashboard-objectives .objective {
			padding: 12px 15px;
			line-height: 1.4;

			font-size: 16px;
			font-weight: 300;
		}

/* polls */

	#dashboard-polls .section-header {
		background-color: #344d85;
		background-image: linear-gradient(to bottom, rgb(52, 77, 133), rgb(42, 63, 109));
	}

		#dashboard-polls .section-header h1 {
			background: transparent;
		}

		#dashboard-polls .section-header a {
			background-color: #3e5b9d;
			background-image: linear-gradient(to bottom, rgb(62, 91, 157), rgb(52, 77, 133));

			border-left-color: #2A3F6D;
		}

		#dashboard-polls .section-instructions {
			background-color: #5c7abf;
			background-image: linear-gradient(to bottom, rgb(92, 122, 191), rgb(104, 132, 196));

		}


/* questions */

	#dashboard-questions .section-header {
		background-color: #3b8337;
		background-image: linear-gradient(to bottom, rgb(59, 131, 55), rgb(48, 107, 45));
	}

		#dashboard-questions .section-header h1 {
			background: transparent;
		}

		#dashboard-questions .section-header a {
			background-color: #469b41;
			background-image: linear-gradient(to bottom, rgb(70, 155, 65), rgb(59, 131, 55));

			border-left-color: #306B2D;
		}

		#dashboard-questions .section-instructions {
			background-color: #4aa445;
			background-image: linear-gradient(to bottom, rgb(74, 164, 69), rgb(79, 176, 74));
		}


		.no-questions-row-icon {
			margin-right: 10px;
		}

		.question-content {
			margin-right: 5px;
		}

		.question-tag {
			display: inline-block;
			padding: 2px 5px;

			background: #d3d3d3;
			background: rgba(0,0,0,0.06);

			border-radius: 4px;
			color: #666;
			color: rgba(0,0,0,0.5);
			font-weight: 600;
			font-size: 14px;
			text-shadow: none;
		}

			.is-completed .question-tag {
				color: #aaa;
				color: rgba(0,0,0,0.2);
			}

			.is-saved .question-tag {
				background: rgba(0,0,0,0.4);
				color: #fff;
				color: rgba(255,255,255,0.8);

			}

		.question-tag-label {
			font-weight: 300;
		}


		.question-row-timestamp {
			display: block;

			color: #777;
			font-size: 14px;
			font-weight: 300;
		}

			.hide-question-timestamps .question-row-timestamp {
				display: none;
			}

	/* spotlighting question */

	.question-spotlighted {
		padding: 12px 12px;

		background: #f1c40f;
		color: #444;
		cursor: pointer;
		font-size: 14px;
	}

		.question-spotlighted span {
			border-bottom: 1px dotted #888;
		}
	/* questions control bar */

		.questions-control-bar {
			background: #ebedee;
			position: relative;
		}

		.questions-control {
			display: inline-block;
			margin: 0;
			padding: 0;
			font-size: 13px;
			font-weight: 300;
		}

		.questions-control-configure {
			display: inline-block;
			width: 20px;
			height: 20px;
			right: 5px;
			top: 8px;
			position: absolute;
			cursor: pointer;
			color: #5c666d;
		}

		.questions-control-status {
			display: inline-block;
			margin: 0;
			padding: 0 8px 0 10px;
			color: #5c666d;
		}

			.questions-control:first-child .questions-control-status {
				padding-left: 15px;
			}

		.questions-control-button {
			display: inline-block;
			margin: 0;
			padding: 10px 10px;

			background: #e2e4e6;

			color: #2e3236;
			cursor: pointer;
			font-weight: 600;
		}

		.questions-control-button:hover {
			background: #d9dcde;

			color: #d35400;
			text-decoration: underline;
		}

			.questions-control-showing {
				margin-left: 10px;
			}

		.questions-control-reset {
			display: inline-block;
			margin-left: 6px;
			height: 22px;
			width: 30px;

			background: transparent url("../img/icon-remove@2x.png") center no-repeat;
			background-size: 16px 16px;
			cursor: pointer;
			opacity: 0.6;
			vertical-align: middle;
		}

			.questions-control-reset:hover {
				opacity: 1;
			}



/* ask question view */


	.ask-question-for-presenter {
		padding: 20px 0 0 0;
	}

	.ask-question-for-presenter .radio-list {
		padding-top: 5px;
	}


/* question view */

	.question-view-spotlight {
		height: auto;
		overflow: hidden;

		padding: 12px;
		background: #74b9ff;
		border-radius: 4px;
	}

		.question-view-spotlight.active-spotlight {
			background: #ddd;
		}

	.question-view-spotlight-left {
		float: left;
		width: 54%;
	}

	.question-view-spotlight-right {
		float: right;
		width: 44%;

	}


	.question-view-spotlight-title {
		color: #2d3436;
		font-size: 14px;
		font-weight: 600;

	}

	.question-view-spotlight-info {

		padding-top: 6px;

		color: #2d3436;
		font-size: 14px;
		font-weight: 300;
	}

	.question-view-spotlight .form-row {
		padding: 6px 0 0 0;
	}

	.question-view-spotlight .btn {
		background: #0984e3;
		border: none;
		color: #fff;
		font-weight: 300 !important;
	}

		.question-view-spotlight .btn:hover {
			background: #0984e3;
			color: #fff;
			text-decoration: underline;
		}


	.question-view-spotlight.active-spotlight .btn, .question-view-spotlight.active-spotlight .btn:hover {
		background: #555;
	}


/* poll take */

	#poll-take {

	}

	#poll-take-submit-container {
		margin-top: 30px;
		padding: 20px 15px;

		background: #ddd;
		border-top: 6px solid #ccc;
		border-bottom: 6px solid #ccc;
		border-radius: 4px;
	}

		#poll-take-submit-container.ready {
			background: #CBE4F4;
			border-color: #96C7E6;

		}

		#poll-take-submit-container.ready .form-row .btn-primary {

			-webkit-animation-name: submit-pulse;
			-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: ease-in-out;
		}


		#poll-take-submit-container .form-row {
			padding-top: 0;
		}

	#poll-take-submit-container.ready #poll-take-ready-message {



	}

		#poll-take-submit-container.ready #poll-take-ready-message p {
			margin: 0;
			padding: 18px 0 0 0;

			color: #2C3E50;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
		}


	#poll-take-submit-placeholder {
		height: 1px;
		width: 1px;

		position: fixed;
	}


	@-webkit-keyframes submit-pulse {
	  0% {
	  	background:#1486CA;
	  }
	  50% {
	    background:#0949C9;
	  }
	  100% {
	    background:#1486CA;
	  }
	}



/* poll results */

#chart {
	margin: 15px 0 30px 0;
	width: 100%;
}


	#chart.framed {
		width: auto;
		margin: 30px 0 15px 0;
		padding: 15px;

		background-color: #fff;
		border: 3px solid #ccc;
		border-radius: 10px;
		box-shadow:  0 3px 6px #aaa;

	}

	h1#poll-title {
		margin: 0;
		padding: 30px 0 15px 0;

		color: #181818;
		font-size: 22px;
		font-weight: 300;
		letter-spacing: -1px;
		text-align: center;
	}

		.dark h1#poll-title {
			color: #fff;
		}


	.poll-image {
		padding: 15px;
		background: #eee;
		border-top: 4px solid #ddd;
		border-bottom: 4px solid #ddd;
		border-radius: 9px;
	}

	.poll-image img {
		display: block;
		margin: 0 auto;

		width: auto;
			max-width: 100%;
		height: auto;
			max-height: 400px;
	}


	#poll-waiting-message {
		display: block;
		position: relative;

		margin: 0 auto;
			margin-top: 20px;
		width: 50%;
		height: 200px;

		background: #fff url(../img/loading.gif) center no-repeat;

		border-radius: 6px;
		box-shadow: 0 0 5px #aaa;
	}


		#poll-waiting-message p {
			position: absolute;
			bottom: 0;
			width: 100%;


			color: #aaa;
			font-size: 16px;
			font-weight: 700;

			text-align: center;
		}


	#poll-results-hidden-message {

	}

		#poll-results-hidden-message p {
			margin: 15px 0;
			padding: 10px;

			background: #ccc;
			text-align: center;
		}



	#poll-view-number-of-responses-line {
		display: none;
		text-align: center;
	}

#poll-results-not-visible {
	margin: 30px;
	padding: 15px;

	background: #ddd;
	font-weight: bold;
	text-align: center;
}


	/* pie chart */

		.pie-chart-label {
			display: block;

			background: #111;
			font-size: 14px;
			font-weight: bold;
			text-align:center;
			padding:6px;
			color:#fff;
		}
		.pieLabel {
			max-width: 250px;
		}
		@media only screen and (max-width: 800px) {
		  .pieLabel {
		    max-width: 50%;
		  }
		}

/* bar chart d3 */

	.bar-result-row {
		border: 2px solid #ddd;
		border-radius: 6px;
		margin: 1em 0;
		padding: 10px;
		display: flex;
	}
	.bar-result-row .bar-result-row-percent {
		border: 2px solid #000;
		border-radius: 6px;
		margin: 3px;
		font-size: 25px;
		font-weight: bold;
		padding: 18px 5px;
		height: 100%;
		min-width: 75px;
		text-align: center;
		border-color: gray;
		color: gray;
	}
	.bar-result-row .bar-result-row-block {
		width: 100%;
		margin: 0 10px;
	}
	.bar-result-row .bar-result-row-option {
		margin: 5px 0;
		font-size: 18px;
		min-height: 25px;
		font-weight: 300;
	}
	.bar-result-row .bar-result-row-bar {
		background-color: #ddd;
		height: 25px;
		width: 100%;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.bar-result-row .bar-result-row-fill {
		height: 100%;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.bar-result-row .bar-result-row-votes {
		margin: 0.5em 0 0;
	}
	.bar-result-row .bar-result-row-votes span {
		margin-left: 0.3em;
	}

/* bar chart */

	.bar-chart table {
		margin: 30px 0;
		width: 100%;

		box-shadow: 0 0 1em #999;
		border-radius: 9px;
	}

		.dark .bar-chart table {
			box-shadow: 0 0 1em #000;
		}

	.bar-chart table th {
		padding: 1em 0.6em;

		background: #eee;
		background-image: linear-gradient(bottom, #DDDDDD 0%, #EEEEEE 100%);
		border-bottom: 1px solid #aaa;
		color: #666;
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
	}

		.dark .bar-chart table th {
			background: #222;
			border-bottom: 1px solid #000;
			color: #aaa;
		}

		.bar-chart table th:first-child {
			border-top-left-radius: 9px;
		}

		.bar-chart table th:last-child {
			border-top-right-radius: 9px;
		}

	.bar-chart table td {
		padding: 9px 0;

		background: #fff;
		border-bottom: 1px solid #ccc;
		color: #444;
		font-size: 0.9em;
		font-weight: bold;
		vertical-align: middle;
	}

		.dark .bar-chart table td {
			background: #111;
			border-bottom: 1px solid #000;
			color: #fff;
		}


		.bar-chart table tr:last-child td:first-child {
			border-bottom-left-radius: 5px;
		}

		.bar-chart table tr:last-child td:last-child {
			border-bottom-right-radius: 5px;
		}


	.bar-chart table td.poll-choice {
		line-height: 1.35em;
		padding-left: 0.8em;
		width: 33%;

		font-weight: 300;
	}
		

	.bar-chart table td.poll-votes {
		width: 7%;

		color: #999;
		font-weight: 300;
		text-align: center;
	}

	.bar-chart table td.poll-percentage {
		width: 7%;

		color: #555;
		font-weight: 300;
		text-align: center;
	}

	.bar-chart td.poll-percentage-bar {
		padding-left: 9px;
		width: 49%;

	}

	.bar-chart .poll-percentage-bar span {
		display: inline-block;

		background: #f9d55b;
		border: 1px solid #eab92e;
		height: 26px;
		width: 0;

	}


	/* correct / incorrect */

		.bar-chart .correct .poll-percentage-bar span {
			background: #27ae60;
			border-color: #2ecc71;

			height: 40px;
		}

			.bar-chart table .correct td.poll-choice {
				font-weight: bold;
			}

		.bar-chart .incorrect .poll-percentage-bar span {
			background: #7F8C8D;
			border-color: #95A5A6;
		}





#response-cloud {
	padding: 15px;

	background-color: #eef2f3;
	background-image: linear-gradient(to bottom, rgb(238, 242, 243), rgb(218, 227, 229));

	border: 3px solid #c6d4d7;
	border-radius: 5px;
	box-shadow: 0 5px 15px #ccc;
	text-align: center;
}

	.dark #response-cloud {
		background: #111;
		border: 1px solid #333;
		box-shadow: 0 5px 15px #000;
	}

	#response-cloud ul {
		list-style: none;
		margin:  0;
		padding: 0;
	}

	#response-cloud li {
		list-style: none;
		margin:  0;
		padding: 5px;

		display: inline-block;
		font-weight: bold;
	}


	#response-cloud .size-1 {
		font-size: 16px;
	}

		.dark #response-cloud .size-1 {
			color: #dfe6e9;
			font-weight: 300;
		}

	#response-cloud .size-2 {
		color: #710703;
		font-size: 24px;
		
	}

		.dark #response-cloud .size-2 {
			color:#74b9ff;
			font-weight: 300;
		}

	#response-cloud .size-3 {
		color: #a30a04;
		font-size: 32px;
	}

		.dark #response-cloud .size-3 {
			color: #55efc4;
			font-weight: 300;
		}

	#response-cloud .size-4 {
		color: #b40b04;
		font-size: 40px;
	}

		.dark #response-cloud .size-4 {
			color: #ffeaa7;
			font-weight: 300;
		}

	#response-cloud .size-5 {
		color: #fab1a0;
		font-size: 48px;
	}

		.dark #response-cloud .size-5 {
			color: #ff7675;
			font-weight: 300;
		}

#open-ended {

}

	#open-ended td.score {
		width: 40px;
		border-right: 1px solid #ccc;
		color: #454545;
		font-weight: bold;

		text-align: center;

	}

	#open-ended td.label {
		width: 90%;
	}

	#open-ended .user-response {
		margin: 0;
		padding: 10px;

		border-bottom: 1px solid #ccc;
	}

		#open-ended .user-response:first-child {
			border-top: 1px solid #ccc;
		}

	#open-ended .user-response p {
		margin: 0;
		padding: 0;

		color: #444;
		font-size: 18px;
		font-weight: 700;
	}

	/*
		bubble poll view
	*/

	#bubble-container {
		max-height: 400px;
		overflow: hidden;
	}
	#bubble-view .bubble-col {
		vertical-align: top;
		display: inline-block;
	}

	#bubble-view p {
		padding: 20px;
		border: 1px solid #aaa;
		margin: 10px;
		border-radius: 10px;
	}
	#bubble-up, #bubble-down {
		display: block;
		padding: 7px 0;
		text-align: center;
		color: #bbb;
		font-size: 18px;
		cursor: default;
		border-radius: 5px;
		border: 1px solid transparent;
	}
	#bubble-up.active, #bubble-down.active {
		color: #000;
		border-color: #ddd;
		font-weight: bold;
		cursor: pointer;
		background-color: whiteSmoke;
	
		background-image: linear-gradient(to bottom, white, #E6E6E6);
		background-repeat: repeat-x;
		border: 1px solid #BBB;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-color: #E6E6E6 #E6E6E6 #BFBFBF;
		border-bottom-color: #A2A2A2;

		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

/*
	average response value
*/

#average-score {
	padding-top: 30px;

	text-align: center;
}

	#average-score h2 {
		margin: 0;
		padding: 0 0 10px 0;

		color: #888;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
		text-transform: uppercase;
	}

	#average-score p#average-score-text {
		margin: 0;
		padding: 0;

		color: #181818;
		font-size: 125px;
		font-weight: 700;
		line-height: 125px;

	}

	#average-score p#average-score-vote-count {
		margin: 0;
		padding: 5px 0 0 0;

		color: #484848;
		font-size: 26px;
		font-weight: 700;
		line-height: 26px;
	}



/* create poll screen */

	#poll-create-advanced {
		padding: 15px;
		margin-top: 70px;

		background: #ddd;

	}

		#poll-create-advanced h2 {
			color: #454545;
			font-size: 16px;
			font-weight: 600;
			text-align: center;

			margin: 0 0 15px 0;
			padding: 0 0 5px 0;
		}





/*
	poll blender
*/

#blend-with-different {
	margin-top: 100px;
}


/* next-poll-button */

	#next-poll-button {
		background: #CCE9FF;
		border-top: 3px solid #99d2ff;
		border-bottom: 3px solid #99d2ff;

		margin: 0 0 15px 0;
		padding: 15px;
	}

	#next-poll-button .form-row {
		padding: 0;
	}


	/* brainstorming polls */

		.brainstorm-poll-title {
			padding-top: 50px;
			padding-bottom: 0px;

			font-size: 25px;
			font-weight: 300;
		}


		.btn.btn-brainstorm-poll-show-add-idea-section {
			position: relative;

			padding: 20px 18px 20px 60px;
			font-size: 18px;
			font-weight: 600;
		}


			.add-idea-icon {
				position: absolute;
				left: 18px;
				top: 50%;
				margin-top: -16px;

				font-size: 32px;
			}


		.brainstorm-poll-form-container {
			margin-top: 10px;
			padding: 20px;

			background: #ddd;
			border-radius: 9px;
		}

			.dark .brainstorm-poll-form-container {
				background: #636e72;
			}

			.dark .brainstorm-poll-form-container .input-label label {
				color: #fff;
			}

		.brainstorm-poll-form-actions {
			height: auto;
			overflow: hidden;

			padding-top: 12px;

		}

		.brainstorm-poll-action-left {
			float: left;
			width: 67%;

		}

		.brainstorm-poll-action-right {
			float: right;
			width: 31%;
		}


		.brainstorm-poll-no-responses {
			margin-top: 30px;
			padding: 12px;

			border: 1px solid #ccc;
			border-radius: 4px;

		}
			.brainstorm-poll-no-responses p {
				margin: 0;
				padding: 0;

				color: #565656;
				font-size: 18px;
				font-weight: 300;
			}

			.brainstorm-poll-no-responses .brainstorm-poll-no-responses-icon {
				margin-right: 6px;

				color: #777
				font-size: 20px;
			}

		.brainstorm-poll-responses-container {
			padding-top: 30px;
		}

			.brainstorm-poll-responses-container .brainstorm-poll-responses-heading {
				padding: 10px;
				margin: 0;

				background: #ddd;
				border-top-right-radius: 6px;
				border-top-left-radius: 6px;

				font-size: 18px;
				font-weight: 300;
			}

				.dark .brainstorm-poll-responses-container .brainstorm-poll-responses-heading {
					background: #2d3436;
				}

			.brainstorm-poll-responses-container .brainstorm-poll-responses-description {
				padding: 10px;
				margin: 0;

				background: #eee;

				font-size: 14px;
				font-weight: 300;
			}

				.dark .brainstorm-poll-responses-container .brainstorm-poll-responses-description {
					background: #636e72;
					color: #fff;
				}

		.brainstorm-poll-responses {
			width: 100%;
		}

		.poll-brainstorm-response {

		}

			.poll-brainstorm-response:first-child td {
				border-top: 1px solid #ddd;
			}

				.dark .poll-brainstorm-response:first-child td {
					border-top-color: #111;
				}

			.poll-brainstorm-response td {
				padding: 12px 0;
				border-bottom: 1px solid #ddd;

			}

				.dark .poll-brainstorm-response td {
					border-bottom-color: #111;
				}


		.brainstorm-response-score-cell {
			width: 50px;
			text-align: right;
		}

			.brainstorm-response-score {
				display: inline-block;
				margin-right: 10px;
				padding: 6px 10px;

				border: 1px solid #ccc;
				border-radius: 6px;
				color: #444;
				font-size: 14px;
				font-weight: 300;
			}

			.dark .brainstorm-response-score {
				background: #151515;
				color: #fff;
			}
		.brainstorm-response-vote-cell {
			padding: 0;
			width: 50px;
			border-right: 1px solid #eee;
		}

			.dark .brainstorm-response-vote-cell  {
				border-right-color: #111;
			}

			.brainstorm-response-vote {
				padding: 15px 15px;

				cursor: pointer;

				font-size: 20px;
				font-weight: 600;
			}


		.brainstorm-response-content-cell {
		}

			.dark .brainstorm-response-content-cell {
				background: #111;
			}

			.brainstorm-response-content {
				display: block;
				padding-left: 10px;

				color: #222;
				font-weight: 300;
				line-height: 1.5;
			}

				.dark .brainstorm-response-content {
					color: #fff;
				}


		.poll-brainstorm-response .upvote-cell {
			background: #eee;
			color: #444;
		}

			.dark .poll-brainstorm-response .upvote-cell {
				background: #252525;
				color: #bbb;
			}

		.poll-brainstorm-response.upvoted .upvote-cell {
			background-color: #eeeeee;
			background-image: linear-gradient(left top, rgb(238, 238, 238), rgb(227, 227, 227));
			color: #27ae60;
		}

			.dark .poll-brainstorm-response.upvoted .upvote-cell {
				background: #27ae60;
				color: #fff;
			}

		.poll-brainstorm-response .brainstorm-response-remove-cell {
			padding-right: 10px;
		}

			.dark .brainstorm-response-remove-cell {
				background: #111;
			}

		.brainstorm-response-remove {
			color: #999;
			cursor: pointer;
		}

/*
	home screen
*/

	.session-list-presenter-list {
		display: block;
		padding-top: 5px;
	}

	.session-list-presenter {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 3px;
		padding: 3px 5px;
		border-radius: 4px;
	}



		li:hover .session-list-presenter {
			background: #aaa;
		}

		.dark .session-list-presenter, .dark li:hover .session-list-presenter {
			background: #111;
			color: #ccc;
		}

		.session-list-presenter-icon {
			margin-right: 5px;
			font-size: 11px;
		}

		.session-list-presenter-name {
		}

		.session-list-presenter-title {
			display: none;
		}



	.home-search {
		margin: 25px 0 50px 0;
		padding: 20px;

		background: #ddd;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

		.dark .home-search {
			background: #353535;
			border: none;
			border-radius: 5px;
		}

		.home-search form {
			margin: 0;
			padding: 0;
		}

		.home-search .form-row {
			padding-top: 0;
		}

		.home-search button {
			margin-top: 25px;
		}

		.home-search .input-label {
			padding-bottom: 10px;

			font-size: 20px;
			font-weight: 700;
		}

			.dark .home-search .input-label label {
				color: #ccc;
			}

		.home-search .input-text input {
			padding-top: 18px;
			padding-bottom: 18px;
			font-size: 24px;
		}

		.home-search .form-subtext {
			padding-bottom: 0;
		}

	.home-search.active {
		background: #BDDCF0;
		border-color: #86BFE4;
	}

		.home-search.active .input-label label {
			color: #2980b9;
		}


	.home-search.no-results {
		background: #F2C925;
	}

		.home-search.no-results .input-label label {
			color: #C0392B;
		}




	.home-sessions-container .no-results-message {
		background: #95A5A6;
		color: #222;
		font-size: 19px;
		font-weight: 600;

		padding: 10px;
	}

		.home-sessions-container .no-results-message p {
			padding: 0;
			margin: 0;
		}

	.list-item-tags {

	}

		.list-item-tag {
			display: inline-block;
			padding: 2px 5px;
			margin-left: 5px;

			background: rgba(0,0,0,0.15);
			border-radius: 4px;
			color: rgba(0,0,0,0.7);
			font-size: 13px;
			font-weight: 300;
		}

/* access code in session settings */


	#session-access-code {
		margin-top: 30px;
		padding: 15px 0;
		text-align: center;
	}

		#session-access-code h2 {
			margin: 0;
			padding: 0;

			color: #777;
			font-size: 20px;
			font-weight: 300;
		}

		#session-access-code p {
			margin: 0;
			padding: 0;

			color: #222;
			font-size: 30px;
			font-weight: 700;
		}

/*
	sortable lists
*/

.sortable-list {
	border: none;
	box-shadow: none;
}

	.sortable-list h1 {
		padding: 0 0 0 15px;
		margin: 0 0 0 0;

		background: transparent;
		border: none;
		color: #777;

		font-size: 24px;
		font-weight: 300;

	}

	.sortable-list li {
		list-style: none;
		display: block;
		margin: 15px 0;
		padding: 15px 15px 15px 15px;


		background: #e6e6e6;
		border: none;
		border-top: 4px solid #d6d6d6;
		border-bottom: 4px solid #d6d6d6;
		border-radius: 4px;

		color: #666;
		font-size: 21px;
		font-weight: 300;

		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;


		-webkit-transition: background, color, padding 0.3s ease-in-out;
		-moz-transition: background, color, padding 0.3s ease-in-out;
		-o-transition: background, color, padding 0.3s ease-in-out;
		transition: background, color, padding 0.3s ease-in-out;
	}

	.sortable-list li .sortable-item-number {
		display: inline-block;
		margin-right: 5px;
		padding: 5px;

		background: #d6d6d6;
		color: #999;
		font-size: 16px;
	}

	.sortable-list li:hover {

		background: #d6d6d6;
		border-color: #c6c6c6;
		color: #111;
		cursor: pointer;

		padding-left: 15px;
	}

		.sortable-list li:hover .sortable-item-number {
			background: #c6c6c6;
			color: #333;
		}



/* pages */

	.is-page {

	}
		/*
		.is-page #main, .is-page #main .window, #custom-page, .is-page #content-wrapper {
			height: 100%;
		}
		*/

		.page-embedded-iframe, .page-embedded-pdf {
			display: block;
			margin-top: 20px;
			height: 100%;
				min-height: 600px;
			width: 100% !important;
				max-width: 100% !important;


			border: 1px solid #555;
			box-shadow: 0 0 10px #aaa;
			box-sizing: border-box;
				-webkit-box-sizing: border-box;
		}

	

		.is-page #main img {
			height: auto;
			width: auto;
				max-width: 100%;
		}

		.is-page #main img.ignore {
			max-height: auto;
			max-width: auto;
		}


		.page-presenters-table {

		}

			.page-presenters-table td {
				padding-top: 20px;
				padding-bottom: 20px;

				border-bottom: 1px solid #ccc;
			}

		.page-presenters-photo-cell {
			width: 22%;
			vertical-align: top;

		}

			.page-presenter-photo-wrapper {
				padding: 6px;

				background: #fff;
				border: 1px solid #ccc;
				border-radius: 4px;
			}

			.page-presenter-photo-wrapper img {
				display: block;
			}




		.page-presenters-bio-cell {
			padding: 0 0 0 15px;

			vertical-align: top;
		}

		.page-presenter-name {
			margin: 0;
			padding: 0 0 2px 0;

			color: #181818;
			font-size: 24px;
			font-weight: 300;

		}

		.page-presenter-subtitle {
			margin: 0;
			padding: 4px 0 0 0;

			color: #666;
			font-size: 15px;
		}

		.page-presenter-bio p, .page-presenter-bio ul, .page-presenter-bio ol {
			font-size: 15px;
			line-height: 1.5;
		}


		.page-presenter-sessions {
			padding-top: 10px;
		}

		.page-presenter-sessions h3 {
			margin: 0;
			padding: 0 0 6px 0;

			font-size: 17px;
			font-weight: 600;
		}

		.page-presenter-sessions ul {
			padding: 0 0 0 20px;
			margin: 0;

			color: #181818;
			font-weight: 300;
			line-height: 1.5;
		}

		.page-presenter-sessions li {

		}

/*
	loading indicator
*/

body.loading {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#loading-indicator {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;

	height: 100%;
	width: 100%;

	background: #222;
	background: rgba(0,0,0,0.94);
}

	#loading-animation {
		position: absolute;
		height: 50px;
		width: 150px;
		left: 50%;
		margin-left: -75px;

		top: 200px;

	}

	#loading-message {
		position: absolute;
		top: 270px;
		left: 0;

		width: 100%;

		color: #fff;
		font-size: 26px;
		font-weight: 700;
		text-align: center;
	}


/*
	session slides
*/

.slide-user {
	margin-top: 30px;

	background: #fff;
	border: 3px solid #ddd;
	border-radius: 10px;
	box-shadow: 0 5px 10px #aaa;
	padding: 15px;

	text-align: center;
}

.slide-user img {
	margin: 0 auto;
	height: auto;
	width: 100%;
		max-width: 400px;

	display: block;
	border: 1px solid #ddd;
}


/*
	tutorial
*/

	#tutorial {

	}

		#tutorial h1 {
			margin: 0;
			padding: 25px 0 5px 0;

			font-size: 24px;
			text-align: center;
		}

		.tutorial-section {
			margin-top: 25px;
			padding: 20px;

			background: #fff;
			border: 1px solid #ccc;
			box-sizing: border-box;
			text-align: center;
		}

		.tutorial-section img {
			display: block;
			height: auto;
			width: 100%;

			border: 1px solid #ccc;
		}


		.tutorial-section h2 {
			margin: 0;
			padding: 15px 0 0 0;

			color: #444;
			font-size: 30px;
			line-height: 1;
		}

		.tutorial-section p {
			font-size: 18px;
			line-height: 1.45;

			text-align: left;
		}


/*
	loading thing
*/
#circleG{width:149.33333333333334px}.circleG{background-color:#fff;float:left;height:32px;margin-left:17px;width:32px;-moz-animation-name:bounce_circleG;-moz-animation-duration:1.9500000000000002s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-moz-border-radius:21px;-webkit-animation-name:bounce_circleG;-webkit-animation-duration:1.9500000000000002s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-webkit-border-radius:21px;-ms-animation-name:bounce_circleG;-ms-animation-duration:1.9500000000000002s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-ms-border-radius:21px;-o-animation-name:bounce_circleG;-o-animation-duration:1.9500000000000002s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;-o-border-radius:21px;animation-name:bounce_circleG;animation-duration:1.9500000000000002s;animation-iteration-count:infinite;animation-direction:linear;border-radius:21px}#circleG_1{-moz-animation-delay:.39s;-webkit-animation-delay:.39s;-ms-animation-delay:.39s;-o-animation-delay:.39s;animation-delay:.39s}#circleG_2{-moz-animation-delay:.9099999999999999s;-webkit-animation-delay:.9099999999999999s;-ms-animation-delay:.9099999999999999s;-o-animation-delay:.9099999999999999s;animation-delay:.9099999999999999s}#circleG_3{-moz-animation-delay:1.1700000000000002s;-webkit-animation-delay:1.1700000000000002s;-ms-animation-delay:1.1700000000000002s;-o-animation-delay:1.1700000000000002s;animation-delay:1.1700000000000002s}@-moz-keyframes bounce_circleG{50%{background-color:#2d39fc}}@-webkit-keyframes bounce_circleG{50%{background-color:#2d39fc}}@-ms-keyframes bounce_circleG{50%{background-color:#2d39fc}}@-o-keyframes bounce_circleG{50%{background-color:#2d39fc}}@keyframes bounce_circleG{50%{background-color:#2d39fc}}


/* another loading thing */

#loading-view {
	padding: 30px 0;
	text-align: center;
}

	#loading-view p {
		color: #777;
		font-size: 16px;
		font-weight: 300;
	}

#loading-status {
	display: block;

	margin: 30px 0 0 0;
	padding: 15px;
	
	border-radius: 9px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

	#loading-status.warning {
		background: #f39c12;
		color: #fff;
	}

	#loading-status.failure {
		background: #c0392b;
		color: #fff;
	}

.simple-spinner {
	display: inline-block;
	background: #fff url("../img/loading.gif") center no-repeat;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 0 10px #aaa inset;

	margin: 0 auto;
	padding: 0;
	height: 40px;
	width: 100px;
}


/* sidebar */

	.sidebar-toggle {
		position: absolute;
		top: 20px;
		right: 0;

		display: inline-block;
		padding: 6px 10px;

		background: rgba(0,0,0,0.05);
		border-radius: 5px;
		color: #333;
		cursor: pointer;
		text-transform: uppercase;
	}

		.sidebar-toggle:hover {
			background: #fff;
			box-shadow: 0 2px 3px rgba(0,0,0,0.2);
			color: #000;
		}


	.sidebar-toggle-label {
		float: left;
		padding-top: 5px;
		padding-right: 8px;
		font-size: 14px;
		font-weight: 300;
		line-height: 1;
	}

	.sidebar-toggle-icon {
		display: inline-block;
		
		font-size: 20px;
	}

	.content-standard .content, .content-expanded .content {
		position: relative;
	}

	.content-expanded #main .content {
		width: 100%;
	}

	.content-expanded .sidebar-toggle {
		background: #34495e;
		color: #fff;
	}

	.content-expanded #main .sidebar {
		display: none;		
	}



	.sidebar .form-row {
			padding-top: 0;
	}

		.sidebar h2 {
			padding-top: 15px;
			font-size: 21px;
			font-weight: 300;
		}

			.sidebar h2:first-child {
				padding-top: 0;
			}

		.sidebar p {
			line-height: 1.5;
		}

	.sidebar-go-back {
		padding: 12px;
		background: #ddd;
		border-radius: 4px;

		border-top: 4px solid #ccc;
		border-bottom: 4px solid #ccc;
	}

	.faq {

		margin: 30px 0 0 0;
		padding: 15px;

		background: #fff;
		border-top: 3px solid #ccc;
		border-bottom: 3px solid #ddd;

	}

		.faq h2 {
			margin: 0;
			padding: 0;

			color: #444;
			font-family: Georgia, serif;
			font-size: 19px;
			font-style: italic;
			font-weight: 400;
			line-height: 1.2;
		}

		.faq p {

			margin: 0;
			padding: 10px 0 0 0;

			color: #222;
			font-size: 15px;
			font-weight: 300;
			line-height: 1.5;
		}


		.faq a {
			border-bottom: 1px dotted #999;
			color: #2980B9;
			font-weight: bold;
		}

			.faq a:hover {
				background: #2980B9;
				border: none;
				color: #fff;
			}

/* confirmation pages */

	.confirm-box {
		margin-top: 20px;
		padding: 20px;

		background-color: rgba(255,255,255,0.8);
		border-top: 6px solid rgba(0,0,0,0.1);
		border-bottom: 6px solid rgba(0,0,0,0.1);
		border-radius: 4px;

	}

		.confirm-heading {
			margin: 0;
			padding: 0 0 10px 0;

			color: #181818;
			font-size: 22px;
			font-weight: 600;
			text-align: center;
		}

		.confirm-description {
			margin: 0;
			padding: 0 0 10px 0;

			color: #666;
			font-size: 16px;
			font-weight: 300;
			text-align: center;
		}

		.btn.btn-confirm-action {
			padding-top: 15px;
			padding-bottom: 15px;

			font-size: 18px;
		}

		.confirm-box .form-row {
			margin: 0;
			padding: 10px 0 0 0;

		}

	.confirm-cancel-box {
		padding: 0 20px;
	}


	/* attendance tracking */

	.session-check-in-code-field {
		margin-top: 24px;
		padding: 20px 15px;
		background: #e6e6e6;
		border-top: 4px solid #d6d6d6;
		border-bottom: 4px solid #d6d6d6;
		border-radius: 4px;
	}

		.session-check-in-code-field .input-label label {
			font-weight: bold;
		}

		.session-check-in-code-field .form-row {
			padding: 0;
		}


	.session-check-out-receipt {
		margin: 24px 0 0 0;
		padding: 15px 20px;

		background: #fff;
		border: 1px solid #ccc;
		border-radius: 9px;

	}

	.session-check-out-receipt h1 {
		margin: 0;
		padding: 0;
		font-size: 20px;
		font-weight: 300;
	}

	.session-check-out-receipt p {
		margin: 0;
		padding: 5px 0 20px 0;

		color: #666;
		font-size: 14px;
		font-weight: 300;
	}

		.session-check-out-receipt ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.session-check-out-receipt li {
			padding: 8px 0;
			margin: 0;

			font-size: 14px;
			font-weight: 300;

			border-bottom: 1px solid #e3e3e3;

		}

			.session-check-out-receipt li:first-child {
				border-top: 1px solid #e3e3e3;
			}

		.session-check-out-receipt span {
			display: inline-block;
			margin-right: 10px;
			padding: 4px 6px;
			background: #ddd;
			border-radius: 4px;
			color: #444;
		}



	/* checkin v2/v3 */

		#dashboard-checkout.v2 {
			margin: 0;
			padding: 0;
			background: transparent;
		}

		#dashboard-checkout.v3 {
			margin: 0;
			padding: 0;
			background: transparent;
		}

		.dashboard-checkin {
			margin-top: 20px;
			padding: 0;
			background: #ddd;
			border-radius: 6px;

			height: auto;
			overflow: hidden;

			border: 1px solid #c9c9c9;

			/*
			box-shadow:
				0px -6px 6px rgba(255, 255, 255, 0.2),
				0px 4px 9px rgba(0, 0, 0, 0.15);
			*/
			border-radius: 6px;
		}

			.dashboard-checkin-status {
				float: left;

				padding: 11px 0 0 12px;
			}

				.dashboard-checkin-status-icon {
					color: #454545;
					font-size: 20px;
				}

				.dashboard-checkin-status-label {
					display: inline-block;
					padding-top: 2px;
					margin-left: 6px;

					color: #454545;
					font-size: 17px;
				}




			.dashboard-checkin-action {
				display: inline-block;
				float: right;


			}
				.dashboard-checkin-action-button {
					display: block;
					padding: 12px 12px;

					background: rgb(230,230,230);
					background: linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(221,221,221,1) 100%);
					border-left: 1px solid #ccc;
					border-top-right-radius: 6px;
					border-bottom-right-radius: 6px;

					color: #16a085;

				}

				.dashboard-checkin-action-button-icon {
					float: left;
					margin-right: 5px;

					font-size: 17px;
				}

				.dashboard-checkin-action-label {
					display: inline-block;

					border-bottom: 1px solid #aaa;
					font-size: 17px;
					font-weight: 300;

				}


		.session-checkin-status-modal-content {

		}

			.session-checkin-status-modal-content p {
				padding: 10px 0;


				font-size: 19px;
				line-height: 1.5;
			}

		.session-checkin-status-modal-waiting {

		}

			.session-checkin-status-modal-waiting .text {
				display: block;
				padding: 0 0 20px 0;

				font-size: 21px;
				font-weight: 300;
				text-align: center;
			}

			.session-checkin-status-modal-waiting .gif {
				display: block;

			}

				.session-checkin-status-modal-waiting .gif img {
					display: block;
					width: 100%;
					height: auto;
				}


		.dashboard-codewords {
			margin-top: 10px;

		}

			.dashboard-checkin-codewords-link {
				display: block;
				padding: 12px;

				border: 1px solid #c9c9c9;
				border-radius: 6px;

				background: rgb(230,230,230);
				background: linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(221,221,221,1) 100%);
				color: #16a085;

				font-size: 17px;
			}

			.dashboard-checkin-codewords-link-text {
				border-bottom: 1px solid #aaa;
			}

			.dashboard-checkin-codewords-link-meta {

				float: right;

				color: #999;
				font-size: 14px;
			}



	.attendance-bar-wrapper {
		padding: 15px 0;

		background: #ddd;
		border-bottom: 3px solid #eee;
	}

		.attendance-bar-btn {
			display: inline-block;

			background: #16a085;

			background: rgb(31,182,153);
			background: linear-gradient(180deg, rgba(31,182,153,1) 0%, rgba(22,160,133,1) 100%);

			border-bottom: 5px solid rgba(0,0,0,0.2);
			border-radius: 5px;

			box-shadow:
				0px -6px 6px rgba(255, 255, 255, 0.2),
				0px 4px 9px rgba(0, 0, 0, 0.15);
			box-sizing: border-box;

			cursor: pointer;
		}

			.attendance-bar-btn.half {
				width: 48%;
			}

			.attendance-bar-btn.left {
				margin-right: 4%;
			}

			.attendance-bar-btn.right {

			}

			.attendance-bar-btn.full {
				width: 100%;
				text-align: center;
			}

		.attendance-bar-btn-label {
			display: block;
			padding: 12px 15px 2px 15px;

			border-top-left-radius: 9px;
			border-top-right-radius: 9px;

			color: #fff;
			font-size: 17px;
			font-weight: 600;
		}

			.attendance-bar-btn-label-icon {
				margin-left: 10px;
			}

			.attendance-bar-btn-label-text {
				border-bottom: 1px dotted rgba(255,255,255,0.7);
			}

		.attendance-bar-btn-subtext {

			display: block;
			padding: 2px 15px 12px 15px;


			color: rgba(255,255,255,0.70);

			font-size: 13px;
			font-weight: 300;
		}



	
		
	.codewords-view-header {
		margin: 0;
		padding: 20px 0 0 0;

		color: #282828;
		font-size: 22px;
		font-weight: 300;
		text-align: center;
	}



	.codewords-view-section {
		margin: 30px 0 0 0;
		padding: 20px;

		background: #ddd;
		border-radius: 9px;

	}

	.codewords-view-progress {
		background: #c4e1f5;
	}

		.codewords-view-progress-bar {
			width: 100%;
			height: 40px;

			background: #c3c3c3;
			border-radius: 20px;
			box-sizing: border-box;
		}

		.codewords-view-progress-bar-inner {
			height: 40px;
			width: 0%;

			background: #16a085;
			border-radius: 20px;
			box-sizing: border-box;
		}


		.codewords-view-progress-count {
			padding: 0 0 0 0;

			color: #333;
			font-size: 21px;
			font-weight: 300;
			text-align: center;
		}



	

	.codewords-view-h2 {
		margin: 0;
		padding: 0 0 10px 0;

		color: #222;
		font-size: 18px;
		font-weight: 300;
	}
	

	.codewords-view-input-wrapper {
		width: 100%;
	}

		.codewords-view-input {

			display: block;
			padding: 10px;
			width: 100%;

			border: 1px solid #c5c5c5;
			border-radius: 5px;
			box-sizing:border-box;
			color: #181818;
			font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 21px;
		}


	.codewords-view-submit-wrapper {
		padding-top: 10px;
	}

		.codewords-view-submit {
			display: inline-block;
			width: auto;

			padding: 10px 30px;

			background: #2c3e50;
			border: 1px solid #c5c5c5;
			border-radius: 5px;
			box-sizing:border-box;
			color: #fff;
			font-size: 19px;
		}

		.codewords-view-submit:disabled {
			background: #777;
			color: #aaa;
		}


	.codewords-view-error {
		display: none;

		margin-top: 10px;
		padding: 10px;
		background: #c0392b;

		color: #fff;
	}

		.codewords-view-error-icon {
			margin-right: 5px;
		}
		.codewords-view-error-message {

		}


	.codewords-view-accepted {

	}

		.codewords-view-accepted-header {

		}


		.codewords-view-accepted ul, .codewords-view-accepted li {
			margin: 0;
			padding: 0;
			list-style: none;

		}

		.codewords-view-accepted li {
			display: block;

			padding: 8px 0;
			border-bottom: 1px solid #ccc;
			
			font-family: 'Courier New', Courier, monospace;

		}

		.codewords-view-accepted li:last-child {
			border-bottom: none;
		}


	/* user consent page */

	.user-consent-page {


	}

		.user-consent-page h1 {
			font-size: 20px;
		}

		.user-consent-page p {
			font-size: 15px;
			font-weight: 300;
			line-height: 1.4;
		}

		.user-consent-details-section {
			padding: 10px 0 10px 0;



		}

		.user-consent-page h3 {
			margin: 0;

			padding: 0 0 5px 0;

			color: #565656;
			font-size: 15px;
			font-weight: 300;
			line-height: 1.4;
		}

		.user-consent-details {
			margin: 0;
			padding: 0;

			color: #2c3e50;
			font-style: italic;
		}

		.user-consent-page .checkbox-row {
			padding-top: 20px;
		}


/* blurred text */

	.add-copy-button {
		white-space: nowrap;
	}

	.copy-button {
		display: inline-block;
		margin-left: 6px;
		cursor: pointer;

	}

	.blurred-text {
		
		color: transparent;
		cursor: help;
   		text-shadow: 0 0 10px rgba(0,0,0,0.4);
		
	}



/* retina display improvements */


@media all and (-webkit-min-device-pixel-ratio: 2) {


	.link-list li.icon-add a {
		background-image: url("../img/icon-add@2x.png");
	}

	.link-list li.icon-edit a {
		background-image: url("../img/icon-edit@2x.png");
	}

	.link-list li.icon-play a {
		background-image: url("../img/icon-play@2x.png");
	}

	.link-list li.icon-reorder a {
		background-image: url("../img/icon-reorder@2x.png");
	}

	.link-list li.icon-remove a {
		background-image: url("../img/icon-remove@2x.png");
	}

	.link-list li.icon-upload a {
		background-image: url("../img/icon-upload@2x.png");
	}

	.link-list li.icon-download a {
		background-image: url("../img/icon-download@2x.png");
	}

	.link-list li.icon-email a {
		background-image: url("../img/icon-email@2x.png");
	}

	.link-list li.icon-magnify a {
		background-image: url("../img/icon-magnify@2x.png");
	}
	.link-list li.icon-check a {
		background-image: url("../img/icon-completed@2x.png");
	}


}




/* two columns */

	.two-col .sidebar {
		margin-top: 50px;
		padding-top: 30px;

		border-top: 3px solid #555;
	}




/* navigation */

	.has-sidebar header img {
		max-height: 60px
	}

	header .window, #flex-branding-top .window {
		position: relative;
	}


	.sidebar-trigger {
		position: absolute;
		cursor: pointer;
		display: inline-block;

		top: 50%;
			margin-top: -25px;

		height: 50px;
		width: 50px;

		background: #282828 url("../img/icon-menu-en.png") center no-repeat;
		background-size: 34px 34px;

		border-radius: 8px;



	}



		header .sidebar-trigger, #flex-branding-top .sidebar-trigger{
			top: 50%;
				margin-top: -25px;


			left: 3%;

			background-color: #111;
		}






	html, body {
		width: 100%;
		height: 100%;

		/*
		overflow-x: hidden;
		overflow-y: auto; /* is this line necessary??? */



		-webkit-overflow-scrolling: touch;
	}


	#wrapper {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;

		height: 100%;
		width: 100%;
	}




	.sidebar-panel {
		background: #181818;
	}

		.sidebar-panel h1 {
			margin: 0;
			padding: 20px 0 15px 0;

			color: #999;
			font-size: 20px;
			font-weight: 300;
		}



		.sidebar-panel-nav ul {

			list-style: none;
			margin: 0;
			padding: 0;

			font-size: 18px;
			font-weight: 300;

		}

		.sidebar-panel-nav li {
			border-top: 1px solid #000;
		}

			.sidebar-panel-nav li:last-child {
				border-bottom: 1px solid #000;
			}


		.sidebar-panel-nav a {
			display: block;
			padding: 15px 0;

			color: #fff;
			opacity: 0.68;

		}
			.sidebar-panel-nav a:hover {
				opacity: 1;
			}

			.sidebar-panel li.icon-home a {
				padding-left: 24px;
				background: transparent url("../img/icon-sidebar-home.png") center left no-repeat;
				background-size: 14px 14px;
			}

			.sidebar-panel li.icon-webinar a {
				padding-left: 24px;
				background: transparent url("../img/icon-sidebar-webinar.png") center left no-repeat;
				background-size: 16px 16px;
			}

			.sidebar-panel li.icon-checkin a {
				padding-left: 24px;
				background: transparent url("../img/icon-sidebar-checkin.png") center left no-repeat;
				background-size: 16px 16px;
			}

			.sidebar-panel li.icon-lock a {
				padding-left: 24px;
				background: transparent url("../img/icon-sidebar-lock.png") center left no-repeat;
				background-size: 14px 14px;
			}

			.sidebar-panel li.icon-page a {
				padding-left: 24px;
				background: transparent url("../img/icon-sidebar-page.png") center left no-repeat;
				background-size: 14px 14px;
			}

			.sidebar-panel li.icon-external-link a {
				padding-left: 24px;
				background: transparent url("../img/icon-sidebar-external-link.png") center left no-repeat;
				background-size: 14px 14px;
			}




		.sidebar-panel-nav ul a .link-subtext {
			display: block;
			padding-top: 2px;

			color: #bbb;
			font-size: 13px;
			font-weight: 300;
		}



	body.mobile-sidebar-is-open {
		-webkit-overflow-scrolling: auto;
		overflow-x: hidden;
	}

	.mobile-sidebar-is-open #wrapper {
		height: 100%;
		overflow-y: hidden;
		-webkit-overflow-scrolling: auto;

		position: absolute;
	}



	body.mobile-sidebar-is-closed, .mobile-sidebar-is-closed #wrapper{
		/*overflow-x: hidden;*/

	}

	.mobile-sidebar-is-closed #wrapper {
		position: absolute;
	}





	#mobile-sidebar {
		height: auto;
		width: 275px;

		position: fixed;
		top: 0;
		z-index: 1000;


		overflow-y: auto;

	}

	@media screen and (orientation:landscape){
		.using-iphone #mobile-sidebar { width: 276px;}
	}



		#mobile-sidebar h1 {
			position: relative;

			background: #000;
			color: #aaa;

			margin: 0;
			padding: 20px 60px 20px 20px;

			font-size: 21px;
			font-weight: 300;

		}

		#mobile-sidebar .sidebar-trigger {
			top: 50%;
				margin-top: -23px;

			right: 10px;
		}

		#mobile-sidebar .sidebar-panel-nav {
			padding: 0 20px;
		}


	#normal-sidebar {
		display: none;

		position: fixed;

		width: 20%;
			padding: 0 2%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 1001;

		/*overflow-y: scroll;*/
		overflow-y: auto;

		/* this seemed to fix it */


		box-shadow: 0 0 10px #000 inset;
		border-top: 10px solid #999;
	}

		#normal-sidebar h1 {
			margin: 0;
			padding: 20px 0 15px 0;

			color: #999;
			font-size: 20px;
			font-weight: 300;
		}



	/* sidebar admin */

	#normal-sidebar .sidebar-qa-facilitator {
		margin-top: -5px;
		margin-left: -15px;
		margin-bottom: 20px;
		padding: 6px 15px;

		background: #2980b9;
		border-radius: 4px;
	}

		#normal-sidebar .sidebar-qa-facilitator p {
			margin: 0;
			padding: 0;

			color: #fff;
			font-size: 14px;
			font-weight: bold;
		}

	#mobile-sidebar .sidebar-qa-facilitator {
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 0;
		padding: 6px 15px;

		background: #2980b9;
	}

		#mobile-sidebar .sidebar-qa-facilitator p {
			margin: 0;
			padding: 0;

			color: #fff;
			font-size: 14px;
			font-weight: bold;
		}

	#normal-sidebar .sidebar-admin {
		position: absolute;
		bottom: 30px;

		color: #555;
	}

		#normal-sidebar.saturated .sidebar-admin {
			position: static;
			bottom: auto;
			padding: 30px 0 50px 0;
		}


		#normal-sidebar .sidebar-admin a {
			color: #777;

			font-size: 14px;
			font-weight: 300;
		}


	#mobile-sidebar .sidebar-admin {
		margin-top: 50px;

	}

		#mobile-sidebar .sidebar-admin a {
			display: block;
			padding: 10px 20px;

			color: #777;
			font-size: 14px;
			font-weight: 300;
		}


/* target mobile only */

	@media screen and (max-width: 600px) {

		.has-sidebar #flex-branding-top img {
			display: block;
			margin: 0 auto;
			height: auto;
			max-width: 68%;
		}


		.has-sidebar header h1 a {
			margin: 0 auto;
			max-width: 68%;
		}


	}


/* responsive */

	@media screen and (min-width: 900px) {



		body, html, #wrapper {
			width: 100%;
		}


		.window {
			margin: 0 auto;

			width: 100%;
				max-width: 700px;
		}

			.wider-body .window {
				max-width: 800px;
			}

			.wider-game .window {
				max-width: 1000px;
			}

		#normal-sidebar {
			display: block;
		}

		#mobile-sidebar {
			display: none;
		}


		.has-sidebar header img {
			max-height: 150px;
		}

		.has-sidebar #content-wrapper {
			position: absolute;
			width: 76%;
			left: 24%;

			border-top: 10px solid #ccc;
		}

			.has-sidebar #undo {
				width: 76%;
				left: 24%;

				position: absolute;
			}




		header .sidebar-trigger, #flex-branding-top .sidebar-trigger {
			display: none;
		}










		/* two columns */

			.two-col #main .window {
				height: auto;
				overflow: hidden;
					max-width: 800px;
			}

				.two-col-wide #main .window {
					max-width: 1200px;
				}

				.two-col-max-width #main .window {
					max-width: 94%;
				}

			.two-col .content {
				float: left;
				width: 61%;

			}

			.two-col .sidebar {
				float: right;
				width: 35%;

				margin: 0;
				padding: 0;
				border: none;
			}

			.two-col .content-left {
				width: 48%;
				float: left;

			}

			.two-col .content-right {
				width: 48%;
				float: right;
			}
	}


/* tooltips */

.has-tooltip.help-tooltip {
	cursor: help;
}



.tooltip-icon {
	display: inline-block;
	margin-left: 5px;
	height: 16px;
	width: 16px;
	background: transparent url("../img/icon-tooltip-tippy.png") center left no-repeat;
	background-size: 16px 16px;
}

	.tooltip-icon::after {
		display: inline-block;
		padding-top: 3px;
		padding-left: 19px;
		content: "What's This?";

		color: #777;
		font-size: 13px;
		font-style: italic;
		line-height: 1;
		vertical-align: top;
		white-space: nowrap;
	}



	.tippy-box[data-theme~='cnf'] {
		background-color: #fff;
		border: 10px solid rgba(0,0,0,0.1);
	  color: #444;
	}



	.tippy-box {

	}

/* extra narrow */

@media screen and (max-width: 400px) {

	.attendance-bar-btn.half {
		width: 49%;
	}

	.attendance-bar-btn.left {
		margin-right: 2%;
	}

	.attendance-bar-btn-label {
		font-size: 14px;
	}

	.attendance-bar-btn-subtext {
		font-size: 11px;
	}

	.attendance-bar-btn-label-icon {
		display: none;
	}
	
}

/* hi res */


	@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {


		td.vote span {
			background-image: url("/assets/img/upvote-chevrons@2x.png");
		}


		td.action-add a {
			background-image: url("../img/icon-add.png");
		}

	}


/* modals */

	.tingle-modal-status {
		padding: 3rem;
	}

	.tingle-modal h1 {
		margin: 0;
		padding: 0 0 20px 0;

		font-size: 24px;
		font-weight: 300;
	}

	.tingle-modal h2 {
		margin: 0;
		padding: 20px 0 0 0;

		font-size: 21px;
		font-weight: 300;
	}

/* embedded style (built-in) */

	.cnf-embedded {

	}

		.cnf-embedded header, .cnf-embedded #header-session, .cnf-embedded footer, .cnf-embedded .btn-moderator-login {
			display: none;
		}


	.cnf-frame header, .cnf-frame #header-session, .cnf-frame .btn-moderator-login {
		display: none;
	}

	.counter-recommend-text {
		float: right;
		font-size: 12px;
		line-height: 12px;
		padding: 3px 5px;
	}