/* styles for Awardify admin layout */
@media (min-width: 0px) {
	html {
		font-size: 65.2%;
		/*font-size: 14px;*/
	}
	body {
		background-color: #ecf0f1;
		font-family: 'Figtree', sans-serif;
		font-size: 1.4rem;
	}
	p {
		font-size: 1.75rem;
	}
	pre {
		display: block;
		float: left;
		width: 100%;
	}
	.monospace {
		font-family: monospace;
	}
	.row,
	.site-wrap-row,
	.site-wrap-col {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.bg-info {
		background-color: #d0e6f5 !important;
		border: 2px solid #87c1e8;
		color: #000;
		display: block;
		font-size: 1.15rem;
		line-height: 1.25 !important;
		opacity: 0.75 !important;
		padding: 8px 12px !important;
		width: 100%;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.d-none {
		display: none;
	}
	.fa-stack {
		font-size: 75%;
	}
	.copy-msg {
		background: #2ecc71;
		color: #fff;
		display: inline-block;
		padding: 4px 12px;
		width: auto;
	}
	.progress {
		float: left;
		height: 20px;
		margin: 6px 0;
		overflow: visible;
		width: 100%;
	}
	.progress-bar {
		padding: 4px 8px;
	}
		.progress-percent {
			align-self: flex-end;
			color: #fff;
			font-size: 1.5rem;
			padding: 4px 8px;
		}
		/* progress bar colors */
		.progress-bar-low {
			background-color: #7f8c8d;
		}
		.progress-bar-medium {
			background-color: #8e44ad;
		}
		.progress-bar-high {
			background-color: #2980b9;
		}
		.progress-bar-full {
			background-color: #16a085;
		}
	textarea {
		width: 100%;
	}
	textarea.email-body {
		height: 140px;
		font-family: monospace;
		margin: 12px 0;
		padding: 8px 12px;
	}
	.red,
	tr.red td a {
		color: red;
	}
	.deleted {
		text-decoration: line-through;
	}
	a,
	button,
	div,
	img,
	p {
		transition: all 0.25s;
		-moz-transition: all 0.25s;
		/* Firefox 4 */
		-webkit-transition: all 0.25s;
		/* Safari and Chrome */
		-o-transition: all 0.25s;
		/* Opera */
	}
	ol {
		display: flex;
		flex-direction: column;
		float: left;
		width: 100%;
	}
	/* remove transition for select2 span to stop scroll-to-top behaviour on click */
	span.select2-container {
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
	}
	/* textarea inside select2 */
	.select2-container--default .select2-selection--multiple .select2-search__field {
		min-height: 24px;
	}
	select {
		width: auto;
	}
	/* visual indication of which select2 options have been selected */
	.select2-container {
		border: 1px solid #ccc;
	}
	.select2-results__option--selected {
		font-style: italic;
		opacity: 0.6;
	}
	
	.toggle {
		border: 0;
		color: #333;
		font-size: 1.65rem;
		margin: 12px 0;
		padding: 4px 8px;
	}
	.input-group .input-group-addon {
		background: #eee;
		border: 1px solid #ccc;
	}
	.input-group ul,
	.input-group ol {
		display: block;
		float: left;
		width: 100%;
	}
	.input-group input[disabled] {
		cursor: not-allowed;
	}
	label.readonly {
		opacity: 0.5;
	}
	.flex-fields {
		display: flex;
		flex-direction: column;
	}
		.flex-fields label {
			display: flex;
			flex-direction: row;
			width: 100%;
		}
			.flex-fields label .label-text {
				align-self: center;
				flex-grow: 1;
				flex-shrink: 1;
				min-width: 100px;
				padding-right: 8px;
			}
			.flex-fields label input {
				flex-grow: 1;
				flex-shrink: 1;
				padding: 4px 8px;
				width: 100%;
			}
			.flex-fields label .btn-remove {
				flex-grow: 0;
				flex-shrink: 0;
				width: 24px;
			}
	.flex-row {
		display: flex;
		flex-direction: row;
		float: left;
		width: 100%;
	}
	.flex-row.nowrap {
		flex-wrap: nowrap;
	}
	.flex-row .flex-col {
		flex-grow: 1;
		flex-shrink: 1;
	}
	.flex-row .flex-col.noresize {
		flex-grow: 0;
		flex-shrink: 0;
	}
	.ajax {
		background: #fff;
		border: 1px solid #ccc;
		display: none;
		float: left;
		margin: 16px 0;
		min-height: 0px;
		max-height: 400px;
		overflow: auto;
		padding: 12px 16px;
		position: relative;
		width: 100%;
	}
	.ajax-response {
		display: block;
	}
		.ajax-response p {
			font-size: 1.85rem;
			line-height: 2.6rem;
		}
	.img-thumb {
		width: 140px;
	}
	.img-wrap {
		display: block;
		float: left;
		padding: 6px;
		text-align: center;
	}
	.workspace {
		position: relative;
	}
	main .workspace .img-wrap a.btn {
		margin: 8px 0 16px 0;
	}
	.img-wrap .img-thumb {
		width: 100%;
		max-width: 100%;
	}
	.well,
	.wrap {
		display: block;
		float: left;
		width: 100%;
	}
	.wrap {
		margin: 0;
		min-height: 24px;
		padding: 0;
	}
	.position-relative {
		position: relative;
	}
	.btn {
		font-size: 1.5rem;
	}
	.btn-block {
		display: block;
		float: left;
		width: 100%;
	}
	.btn-primary {
		background: #c0392b;
		border: 1px solid #c0392b;
	}
	.btn-primary:hover,
	.btn-primary:focus {
		background: #c0392b;
		border-color: #c0392b;
	}
	.btn-default {
		border: 1px solid #333;
	}
	.btn-info {
		background: #5bc0de;
		border-color: #46b8da;
	}
	.btn .focus {
		display: none;
	}
	.btn:focus .focus {
		display: inline;
	}
	.btn:focus .default {
		display: none;
	}
	.btn-ui {
		background: #eee;
		border: 1px solid #aaa;
		color: #555;
		font-size: 1.25rem;
		font-weight: 700;
		margin-bottom: 8px;
		padding: 8px 16px;
		text-align: left;
	}
	.btn-ui:hover,
	.btn-ui:focus,
	.btn-ui[aria-expanded="true"] {
		background: #fff;
	}
	.btn-ui.btn-sm {
		font-size: 1.15rem;
		padding: 4px 8px;
	}
	/* add to .btn-link to make identical to html link */
	.btn-plain {
		border: 0;
		font-size: inherit;
		line-height: inherit;
		padding: 0;
		vertical-align: inherit;
	}
	.body-entries .btn-plain {
		margin-left: 8px;
	}
	.helpBtn {
		display: block;
		float: left;
		padding: 4px 8px;
		width: 100%;
	}
	.body-entries .group {
		padding: 8px 12px;
	}
	.validate-msg {
		border: 1px dashed #ccc;
		font-size: 90%;
		margin: 3px 0;
		padding: 6px 8px;
	}
	
	/* primary layout */
	#app {
		display: flex;
		flex-direction: column;
	}
	
	.form-control {
		height: 36px;
	}
	.opacity-50 {
		opacity: 0.5;
	}
	.filter-wrapper {
		margin: 8px 0;
	}
	.filter-control {
		display: block;
		float: left;
		font-weight: normal;
		padding-right: 8px;
	}
	.filter-control input[type="checkbox"].filter {
		display: block;
		float: left;
		padding-right: 6px;
		width: 20px;
	}
	.collapse-button {
		position:relative;
	}
	.collapse-button[aria-expanded="false"] .collapse-button-icon-opened,
	.collapse-button[aria-expanded="true"] .collapse-button-icon-closed {
		display: none;
	}
	.collapse-button[aria-expanded="true"] .collapse-button-icon-opened,
	.collapse-button[aria-expanded="false"] .collapse-button-icon-closed {
		display: inline-block;
	}
	.collapse {
		float: left;
		margin: 0 0 8px 0;
		padding-top: 8px;
		width: 100%;
	}
	details {
		background: #fff;
		border: 1px solid #ccc;
		display: flex;
		flex-direction: column;
		float: left;
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
	}
	.adminAlerts {
		margin: 12px 0 24px 0;
	}
		.adminAlerts-heading {
			color: #555;
			font-size: 2.4rem;
			opacity: 0.8;
		}
		.adminAlerts-desc {
			color: #777;
			font-style: italic;
		}
	details.adminAlert {
		background: none;
		border: 4px dashed #ccc;
		margin-bottom: 16px;
	}
	details:hover {
		box-shadow: 0 2px 8px #777;
	}
		details summary {
			font-size: 1.85rem;
			padding: 12px 16px;
		}
		details.details-sm summary {
			font-size: 1.65rem;
			padding: 6px 12px;
		}
		details.details-xs summary {
			background: none;
			font-size: 1.3rem;
			padding: 4px 8px;
		}
		details summary:hover {
			cursor: pointer;
		}
		details.muted {
			background: none;
			border: 2px solid #aaa;
		}
			details.muted summary {
				color: #aaa;
			}
		.details-contents {
			display: flex;
			flex-direction: column;
			padding: 8px 16px;
			position: relative;
		}
			.details-contents h3,
			.details-contents h4 {
				margin: 8px 0 4px 0;
			}
			.details-contents button {
				margin: 6px 0;
				width: auto;
			}
			.details-contents .bg {
				margin: 0 0 16px 0;
			}
	details .details-contents details summary {
		background: #eee;
		font-size: 1.75rem;
	}
	.wrapper {
		display: block;
		float: left;
		width: 100%;
	}
	/* migrating to new category */
	.select-field {
		background: #eee;
		border: 1px solid #ccc;
		margin: 4px 0;
		padding: 12px 16px;
	}
	/* Article Editor */
	.arx-container {
		border: 1px solid #ccc !important;
		float: left !important;
		width: 100% !important;
	}
	.arx-popup-container .arx-popup form {
		float: left;
	}

	/* Redactor */
	.redactor-toolbar {
		width: 100% !important;
	}
	.ui-img-preview {
		margin: 16px 0;
	}
	.ui-datepicker {
		background: #fff;
		box-shadow: 2px 2px 4px #000;
		padding: 0;
		width: auto;
	}
	.ui-datepicker-header {
		background: #c0392b;
		color: #fff;
		margin-bottom: 4px;
		padding: 4px 8px;
	}
	.ui-datepicker-prev {
		float: left;
	}
	.ui-datepicker-next {
		float: right;
	}
	.ui-datepicker-next a:hover,
	.ui-datepicker-prev a:hover {
		text-decoration: none;
	}
	.ui-datepicker table {
		background: #fff;
	}
	.ui-icon {
		color: #fff;
		font-size: 1rem;
		font-weight: 700;
		text-transform: uppercase;
	}
	.ui-datepicker-title {
		text-align: center;
	}
	.ui-datepicker-calendar tbody tr td a {
		display: block;
		float: left;
		padding: 6px 8px;
		text-align: center;
		width: 100%;
	}
	.ui-datepicker-calendar tbody tr td a:hover {
		background: #c0392b;
		color: #fff;
	}
	.ui-datepicker-calendar thead th span {
		display: block;
		float: left;
		padding: 6px 8px;
		width: 100%;
	}
	.ui-timepicker-standard {
		z-index: 2 !important;
	}
	.ui-menu {
		display: flex;
		flex-direction: column;
		float: left;
		padding: 12px 0;
		width: 100%;
	}
		.ui-menu a {
			color: #777;
			border-bottom: 1px solid #ccc;
			font-size: 1.75rem;
			line-height: 1.2;
			padding: 8px 8px;
		}
		.ui-menu a:last-child {
			border-bottom: 0px;
		}
		.ui-menu a:hover {
			background: #eee;
			color: #000;
			text-decoration: none;
		}
	/* fields */
	.field {
		display: flex;
		flex-direction: column;
		float: left;
		font-size: 1.75rem;
		padding: 6px 0;
		width: 100%;
	}
	.compact .field {
		padding: 0;
	}
		.field .field-label {
			margin: 0;
			padding: 0;
		}
		.field .field-singleline,
		.field .field-textarea {
			font-size: 1.75rem;
			padding: 4px 8px;
			max-width: 600px;
		}
		.field .field-textarea-lg {
			height: 240px;
		}
	.field-quill {
		margin-bottom: 16px;
		overflow: visible !important;
		position: relative;
	}
		.field-quill .quill-editor {
			border: 1px solid #ccc;
			min-height: 100px;
			overflow: visible !important;
		}
		.field-quill .ql-container {
			overflow: visible !important;
		}
		.field-quill .ql-editor {
			overflow: visible !important;
		}
		.field-quill .ql-tooltip {
			z-index: 99999 !important;
			position: fixed !important;
		}
		.field-quill .ql-tooltip.ql-editing {
			position: fixed !important;
		}
		/* Quill bubble toolbar in structured content: keep tooltip above details/summary and other UI */
		#structuredcontent-rows .ql-tooltip,
		#structuredcontent-rows .ql-bubble .ql-tooltip,
		#structuredcontent-rows .ql-toolbar {
			z-index: 99999 !important;
		}
		#structuredcontent-rows .structuredcontent-row-details .details-contents,
		#structuredcontent-rows .structuredcontent-row {
			overflow: visible !important;
		}
	
	.field-group {
		display: block;
		float: left;
		margin: 4px 0;
		padding: 0;
		width: 100%;
	}
		/* .field-group .field-label: don't use overflow:hidden because this will preclude select fields from showing their lists */
		.field-group .field-label {
			/*border: 1px solid #ccc;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;*/
			margin: 0;
			padding: 0;
			width: 100%;
		}
			.field-group .field-label-text,
			.field-group .field-label-input, /* wrapper for .field-group .field-input and select2 */
			.field-group .field-input {
				float: none;
			}
		h5.field-heading,
		.field-group .field-input,
		.field-group .field-label-text {
			font-size: 1.75rem;
			font-weight: 400;
			line-height: 1.15;
		}
		/*
		.field-group .field-label-text {
			background: #eee;
			border-right: 1px solid #ccc;
			flex-grow: 0;
			font-size: 1.25rem;
			font-weight: 400;
			line-height: 1;
			margin: 0;
			padding: 12px 12px 8px 12px;
			text-align: center;
			min-width: 110px;
			max-width: 200px;
		}
		*/
		.field-group .field-label-input {
			border-left: 0;
			flex-grow: 1;
			flex-shrink: 1;
		}
		.field-group .field-label-input {
			flex-grow: 1;
			flex-shrink: 1;
		}
		.field-group-check .field-group .field-label-text {
			background: none;
		}
		.field-group .field-input {
			border: 1px solid #ccc;
		}
		.field-group .field-input input,
		.field-group .field-input textarea {
			background: #fff;
			border: none;
			display: block;
			float: left;
			font-weight: 400;
			padding: 6px 8px;
			width: 100%;
		}
		.input-group textarea.form-control {
			font-size: 1.5rem;
		}
		.field-group .field-select {
			font-weight: 400;
		}
		.field-group-check .field-group .field-label .field-group .field-input {
			border: none;
		}
		.field-group-check .field-group .field-label .field-group .field-input input {
			background: none;
			border: none;
			height: 20px;
			padding: 0;
			width: 20px;
		}
		.field-group-check .field-group .field-label .field-group .field-label-text {
			font-weight: 400;
			padding: 4px;
		}
	body.settings details .field {
		padding: 18px 0;
	}
	body.settings details .compact .field {
		padding: 0;
	}
	body.settings details .field .styled-select {
		max-width: 400px;
	}
	/* custom radio buttons from UI class */
	.radio-custom-label.flex-row {
		display: flex;
		flex-direction: row;
	}
	.radio-custom-label.flex-row .input {
		flex-grow: 0;
		flex-shrink: 0;
		width: 24px;
	}
	.radio-custom-label.flex-row .label-text {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		flex-shrink: 1;
	}
	.radio-custom-label.flex-row .label-text .desc {
		font-weight: 400;
	}
	.radio-custom-label .desc {
		font-size: 80%;
		opacity: 0.8;
	}
	/* nominations */
	.body-entries .nomination h3,
	.body-nominations .nomination h3 {
		font-size: 2.8rem;
	}
	.body-entries .nomination h4,
	.body-nominations .nomination h4 {
		font-size: 2.25rem;
	}
	.body-entries .nomination h5,
	.body-nominations .nomination h5 {
		font-size: 2rem;
		padding-top: 12px;
	}
	/* used on <a> for displaying dynamic thumbnails */
	.preview {
		display: block;
		float: left;
		height: 140px;
		margin: 0;
		padding: 0;
		position: relative;
		width: 240px;
	}
	.preview-img {
		display: block;
		float: left;
		height: 140px;
		overflow: hidden;
		width: 100%;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		z-index: 1;
	}
		.preview-img img {
			margin-left: -10%;
			max-width: 120%;
		}
	.preview .preview-controls {
		display: none;
	}
	.preview:hover .preview-controls-bg,
	.preview:hover .preview-controls {
		display: block;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.preview:hover .preview-controls-bg {
		background: #fff;
		opacity: 0.8;
		z-index: 3;
	}
	.preview:hover .preview-controls {
		background: none;
		padding: 12px;
		opacity: 1.0;
		z-index: 4;
	}
	.preview-controls iframe {
		border: 0;
		height: 140px;
		scrolling: none;
		width: 140px;
	}
	.preview-controls label {
		display: block;
		float: left;
		width: 100%;
	}
	.preview-controls label.half {
		padding-right: 12px;
		width: auto;
	}
	.preview-state {
		color: #fff;
		font-size: 2rem;
		line-height: 2rem;
		position: absolute;
		bottom: 4px;
		left: 4px;
		opacity: 0.8;
		text-shadow: 0 0 4px #fff;
		z-index: 2;
	}
	/* independent from .preview */
	.preview-item {
		display: block;
		float: left;
		margin-top: 4px;
		width: 100%;
	}
	.preview-item .btn {
		float: left;
	}
	.preview-item .collapse {
		border: 1px solid #ccc;
		height: 140px;
		margin-top: 0;
		overflow: hidden;
	}
	.preview-item iframe {
		border: 0;
		float: left;
		height: 140px;
		scrolling: none;
		width: auto;
	}
	#all {
		width: 100%;
		float: left;
		min-height: 500px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Muli', sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		display: block;
		float: left;
		width: 100%;
	}
	h1 {
		font-weight: 900;
	}
	table {
		width: 100%;
	}
	table.listView th,
	table.listView td {
		padding: 6px 8px;
	}
	table.listView tr:nth-child(even) {
		background: #f5f5f5;
	}
	table.listView tr:nth-child(odd) {
		background: #fff;
	}
	td {
		vertical-align: top;
		padding: 8px 0 0 4px;
	}
	table.finalists tr td.total {
		text-align: right;
		padding-right: 0;
	}
	.scroll-container {
		margin: 0;
		overflow-x: auto;
		padding: 0 12px;
	}
	/* LOGIN */
	body.login {
		background: #c0392b;
	}
	#login {
		width: 400px;
		min-height: 200px;
		margin: 100px auto 0 auto;
	}
	#login .identity {
		width: 100%;
		min-height: 24px;
		float: left;
		margin: 5vh 0 16px 0;
		position: relative;
	}
	#login .identity .logo {
		width: 100%;
		float: left;
	}
	#login .identity .logo .logo-img {
		margin: 0 auto;
		padding: 0 16px;
		width: 100%;
		max-width: 100%;
	}
	#login .wrapper {
		border-radius: 8px;
		float: left;
		min-height: 24px;
		padding: 16px;
		width: 100%;
	}
	#login .wrapper form {
		width: 100%;
		margin: 0;
	}
	#login label {
		display: block;
		color: #fff;
		float: left;
		padding: 8px 0;
		width: 100%;
	}
	#login label input {
		background: #fff;
		color: #333;
		display: block;
		float: left;
		font-size: 2rem;
		line-height: 2.2rem;
		margin: 4px 0 0 0;
		min-height: 12px;
		padding: 12px 16px;
		width: 100%;
	}
	#login label input:focus {
		background: #ecf0f1;
	}
	#login button {
		background: #c0392b;
		border: 1px solid #fff;
		display: block;
		float: left;
		font-size: 2rem;
		line-height: 2rem;
		margin-top: 16px;
		padding: 16px 24px;
		text-align: center;
		width: 100%;
	}
	#login button .icon-default {
		display: inline;
	}
	#login button .icon-focus,
	#login button:focus .icon-default {
		display: none;
	}
	#login button:focus .icon-focus {
		display: inline;
	}
	#login button:focus {
		border-color: #fff;
		box-shadow: 0 0 4px #fff;
	}
	#login .contact {
		padding: 16px 0 0 0;
		float: left;
		width: 100%;
	}
	#login .contact .content {
		font-size: 1rem;
		text-align: center;
		color: #e0e0e0;
		width: 100%;
		display: block;
	}
	#login .contact .content a {
		color: #fff;
	}
	#login .error {
		background: #fff;
		color: #c0392b;
		display: block;
		float: left;
		padding: 12px 16px;
		width: 100%;
	}
	header,
	footer {
		min-height: 60px;
		width: 100%;
		float: left;
	}
	footer {
		margin-top: 16px;
		padding: 8px 16px;
	}
	header {
		min-height: 16px;
		padding: 0;
		float: left;
	}
	.error {
		background: #d2322d;
		color: #fff;
		display: block;
		float: left;
		font-weight: normal;
		margin: 0;
		padding: 4px 8px;
		width: 100%;
	}
	.list li label label.error {
		background: #d2322d;
		font-style: normal;
		position: relative;
		z-index: 999;
	}
	.block,
	.block-small {
		float: left;
		min-height: 24px;
		width: 100%;
	}
	.block-small {
		font-size: 0.9em;
		line-height: 1em;
	}
	.list-group {
		float: left;
		width: 100%;
	}
	/* badge color schemes */
	.badge {
		background: #7f8c8d;
		color: #fff;
		font-weight: 400;
		padding: 4px 8px;
	}
	.badge-green {
		background: #27ae60;
		color: #fff;
	}
	.badge-red {
		background: #c0392b;
		color: #fff;
	}
	.badge-blue {
		background: #27ae60;
		color: #fff;
	}
	.badge-grey {
		background: #7f8c8d;
		color: #fff;
	}
	.badge-white {
		background: #fff;
		color: #555;
	}
	.badge-outline {
		background: none;
		border: 1px solid #7f8c8d;
		color: #7f8c8d;
	}
	.badge-outline-green {
		border-color: #27ae60;
		color: #27ae60;
	}
	.badge-outline-white {
		border-color: #fff;
		color: #fff;
	}
	#topbar .badge-outline-white {
		border-radius: 8px;
		margin-left: 8px;
		opacity: 0.75;
	}
	.badge.desc {
		background: none;
		color: #999;
		font-size: 1.2rem;
		line-height: 1.15;
		padding: 0;
	}
	.nav-top {
		background: #c0392b;
		border: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0;
		width: 100%;
	}
	.nav-top nav {
		color: #fff;
		padding: 8px 16px;
	}
	.nav-top .nav.nav-tabs {
		width: auto;
	}
	.nav-top a,
	.navbar-default .navbar-nav>li>a,
	.nav-top form button .fa,
	.nav-top form button .fa:hover,
	.nav-top a:hover,
	.navbar-default .navbar-nav>li>a:hover {
		color: #fff;
		text-decoration: none;
	}
	.nav-top form .form-control::-webkit-input-placeholder,
	.nav-top form .form-control::-moz-placeholder,
	.nav-top form .form-control:-ms-input-placeholder,
	.nav-top form .form-control:-moz-placeholder {
		color: #fff;
	}
	.nav-top nav.nav-right a {
		padding: 0 6px;
	}
	.nav-top nav a i.fa.fa-sign-out {
		font-size: 120%;
	}
	.nav-top form input {
		background: none;
		border: 1px solid #fff;
		color: #fff;
	}
	.nav-top form input:focus {
		background: #fff;
		border: 1px solid #fff;
		color: #c0392b;
	}
	.nav-top .navbar-brand img {
		display: block;
		float: left;
		height: 20px;
		padding-right: 4px;
	}
	.navbar-seasons {
		color: #fff;
		display: block;
		float: left;
		font-size: 1.25rem;
		padding: 8px 0;
	}
	.navbar-seasons,
	.navbar-form {
		display: none;
	}
	.nav-top .nav.nav-tabs {
		border: 0;
		display: block;
		float: right;
		margin: 4px 0 0 0;
		padding: 0;
	}
	.nav-top .navbar-seasons .dropdown-menu {
		min-width: 120px;
		left: 0;
	}
		.nav-top .navbar-seasons .dropdown-menu li {
			min-width: 80px;
		}
		.nav-top .navbar-seasons .dropdown-menu li a {
			color: #333;
			font-size: 1.25rem;
			line-height: 1.6;
			padding: 8px;
		}
	.nav-top .navbar-seasons .btn-group.filter-seasons {
		margin: 0;
		padding: 0 0 0 8px;
		width: auto;
	}
		.nav-top .navbar-seasons .btn-group.filter-seasons .btn.dropdown-toggle {
			background-color: none;
			border: 0;
			color: #fff;
			font-size: inherit;
			margin: 0;
			opacity: 0.7;
			padding: 0;
		}
		.nav-top .navbar-seasons .btn-group.filter-seasons .dropdown-menu {
			min-width: auto;
		}
	.nav-top .nav-account form button .fa,
	.nav-top .nav-account form button .fa:hover {
		color: #333;
	}
	.nav-top .nav.nav-tabs.nav-account {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0;
		width: auto;
	}
		.nav-account li {
			display: flex;
			flex-direction: row;
		}
		.nav-account li a,
		.nav-account li form button {
			font-size: 1.25rem;
			padding: 4px 16px;
		}

	.mobile-menu {
		background: none;
		border: 0;
		color: #fff;
		display: block;
		float: right;
		margin: 2px 0 0 0;
		padding: 12px 16px;
		text-decoration: none;
		width: auto;
	}
	.mobile-menu i {
		color: #fff;
		font-size: 2rem;
		line-height: 2rem;
	}
	/* MOBILE ACTION TRIGGER */
	.mobile-action {
		display: block;
		float: right;
		margin: 8px -8px 0 0;
		min-height: 20px;
		padding: 0;
		width: auto;
	}
	.mobile-action button {
		border: none;
		background: none;
		float: left;
		padding: 8px;
	}
	.mobile-action .fa {
		color: #fff;
		font-size: 20px;
		text-align: center;
	}
	.tab-links a {
		font-size: 2rem;
		font-weight: 700;
		padding: 4px 12px;
	}
	.tab-links a:active,
	.tab-links a:focus,
	.tab-links a:hover {
		text-decoration: none;
	}
	.tab-pane .row .col-xs-12 .input-group:nth-child(1) {
		margin-top: 16px;
	}
	.api-updates {
		margin-bottom: 16px;
	}
	.codigo {
		color: #777;
		float: left;
		font-size: 0.89em;
		padding: 24px 12px;
	}
	.bg {
		display: block;
		float: left;
		min-height: 24px;
		padding: 12px 16px;
		width: 100%;
	}
	.bg a.btn {
		margin: 16px 0 0 0;
	}
	.bg-warning {
		background: #ffc107;
		color: #333;
		margin: 0;
	}
		.bg-warning a {
			background: #fff;
			border: 1px solid #ccc;
			color: #333;
			display: inline-block;
			font-size: 80%;
			padding: 4px 8px;
		}
		.bg-warning a:hover {
			background: #eee;
			border-color: #333;
			text-decoration: none;
		}
	.ui-msg {
		margin: 0 0 12px 0;
	}
	#codigo-controls p,
	#aw-controls p {
		display: block;
		float: left;
		padding: 8px 0;
		width: 100%;
	}
	#codigo-controls h4,
	#aw-controls h4 {
		display: block;
		float: left;
		font-size: 1.75rem;
		line-height: 2.25rem;
		width: 100%;
	}
	#codigo-controls .btn,
	#aw-controls .btn {
		margin: 0 6px 6px 0;
	}
	form.filters {
		display: block;
		float: left;
		margin: 0 0 8px 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
		form.filters h5 {
			text-transform: uppercase;
			padding: 8px 0 0 0;
		}
		form.filters .field {
			padding: 0;
		}
	#filter {
		display: block;
		float: left;
		padding: 8px 12px;
		position: relative;
		width: 100%;
	}
	.btn-filter {
		display: none;
		padding: 9px 12px;
		position: absolute;
		right: 0;
		top: 0;
		width: 80px;
	}
	#codigo-filters {
		padding: 12px 0;
	}
	form.filters .filter-list {
		padding-bottom: 8px;
	}
	form.filters .filter-list label {
		align-items: flex-start;
	}
	/* image selection */
	.image-select-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
		.image-select-list-item {
			background: #eee;
			border: 2px solid #fff;
			margin: 4px;
			padding: 8px;
		}
		.image-select-list-item:hover {
			border-color: #ccc;
			box-shadow: 2px 2px 4px #000;
		}
		.image-select-list-item label {
			display: flex;
			flex-direction: column;
		}
			.image-select-list-item label .image-select-list-item-img {
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				height: 240px;
				width: 300px;
			}
			.image-select-list-item label .image-select-list-item-input {
				margin: 0;
				padding: 4px 0 12px 0;
				text-align: center;
			}
				.image-select-list-item label .image-select-list-item-input input {
					height: 20px;
					width: 20px;
				}
	/* status tabs */
	.status-tab {
		background: #fff;
		border: 3px solid #999;
	}
	.status-tab.active {
		background: #eee;
		border-color: #000;
	}
	.status-pane {
		display: none;
		padding-top: 20px;
	}
	.status-pane.active {
		display: block;
	}
	
	/* views - for different layouts within an app */
	.views {
		float: left;
		margin-bottom: 16px;
		width: 100%;
	}
		.views .view {
			background: none;
			border: 2px solid #999;
			color: #333;
			font-size: 1.25rem;
			margin: 0 4px 4px 0;
			padding: 6px 10px;
		}
		.views .view:hover {
			background: #fff;
			text-decoration: none;
		}
		.views .view.active {
			background: #fff;
			border-color: #000;
			color: #000;
		}
		
	/* beta notes */
	.beta {
		background: #fff;
		border: 2px dashed #27ae60;
		color: #27ae60;
		margin: 4px 0 8px 0;
		padding: 8px 12px;
	}
	
	/* select2 */
	.js-select {
		border: 1px solid #ccc;
		float: left;
		font-size: 1em;
		height: 36px;
		width: 100%;
	}
	.field-group .field-label .select2-container--default[style] {
		border: 1px solid #ccc;
		width: 100% !important;
	}
	/* override inline style="width: 100px;" */
	.select2-container--default .select2-selection--multiple,
	.select2-container--default .select2-selection--single {
		border: 0;
		height: 36px;
		padding: 4px 0;
	}
	/* allow the select2 box to expand when several tags are in use */
	.select2-container--default .select2-selection--multiple {
		height: auto;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		left: 0;
		top: 60%;
	}
	.select2-container--default .select2-search--inline .select2-search__field,
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 1.5rem;
		font-weight: 400;
		width: 100% !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 1.5rem;
		font-weight: 400;
	}
	/* catch and control the options for select2 to fix the jumpy bug */
	/* stop select2 from shifting the screen out of view on first click (webkit issue) */
	/* custom element in Select-named classes */
	.select2-helper-results-container {
		position: relative;
		width: 100% !important;
	}
		.select2-helper-results-container .select2-container.select2-container--default.select2-container--open {
			width: 100% !important;
		}
	/* Custom Styled Select */
	.styled-select-menu {
		width: 240px;
		height: 28px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #ccc;
		font-size: 1em;
		padding-left: 8px;
		margin-left: 4px;
		float: left;
		position: relative;
	}
	.styled-select-menu select {
		background: transparent;
		width: 100%;
		padding: 0;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 28px;
		-webkit-appearance: none;
		color: #333;
		position: absolute;
		top: 0;
		left: 8px;
		z-index: 2;
	}
	.styled-select-menu i {
		width: 16px;
		height: 16px;
		font-size: 16px;
		float: right;
		position: absolute;
		top: 4px;
		right: 4px;
		z-index: 1;
	}
	.f-group {
		border-bottom: 1px solid #999;
		display: flex;
		flex-direction: column;
		margin-bottom: 8px;
		padding: 8px 0;
	}
	.f {
		padding-top: 8px;
	}
	.f .f-label {
		display: flex;
		flex-direction: column;
	}
		.f .f-label .label-text {
			font-size: 1.25rem;
			font-weight: 700;
		}
	/* reset images embedded in rich text */
	.f-textarea figure img,
	.f-textarea-plain figure img {
		height: auto !important;
		max-height: 480px !important;
		max-width: 480px !important;
		position: relative !important;
		top: unset !important;
		right: unset !important;
		bottom: unset !important;
		left: unset !important;
		width: 100% !important;
	}
	/* 'table' fields */
	.f-table table {
		display: flex;
		flex-direction: column;
		float: left;
		width: 100%;
	}
	.f-table table thead {
		display: none;
	}
	.f-table table tbody {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		width: 100%;
	}
		.f-table table tbody tr {
			display: flex;
			flex-grow: 0;
			flex-shrink: 0;
			flex-direction: column;
			padding: 8px 12px;
			width: 100%;
		}
		/* alternate background colours */
		.f-table table tbody tr:nth-child(even) {
			background-color: #efefef;
		}
			.f-table table tbody tr td {
				display: flex;
				flex-direction: column;
				width: 100%;
			}
				.f-table table tbody tr td h6.f-table-td-heading {
					font-size: 1.35rem;
					font-weight: 700;
					margin: 0;
					padding: 4px 0 2px 0;
				}
	.body-entries .f {
		border-bottom: 2px dashed #ccc;
		float: left;
		margin: 12px 0;
		padding: 12px 0;
		width: 100%;
	}
		.body-entries .f .f-summary {
			color: #999;
		}
			.body-entries .f .f-summary code {
				color: #999;
				font-weight: 700;
			}
	.body-entries main .tab-content .tab-pane .f h2 {
		font-size: 2rem;
		margin: 0;
		padding: 0;
	}
	.body-entries .f p.f-desc {
		color: #999;
		font-size: 1.25rem;
		margin: 0;
		padding: 4px 0;
	}
	.body-entries .f .f-answer {
		background: #f9f9f9;
		margin: 10px 0 0 0;
		padding: 12px 16px;
		font-size: 1.75rem;
	}
		.body-entries .f .f-answer p {
			margin: 0;
			padding: 4px 0;
		}
	/* ----- CONTENT AREA STYLES ------ */
	main {
		float: left;
		margin: 0;
		min-height: 500px;
		padding: 24px 16px;
		position: relative;
		width: 100%;
	}
	body.layout-v2 main {
		padding-top: 0;
	}
	main ul.nav-tabs li a,
	main ul.nav-tabs li .nav-link {
		font-size: 1.15em;
		padding: 8px 6px;
	}
	main ul.nav-tabs li a:hover {
		text-decoration: none;
	}
	main ul.nav-tabs li a.active,
	main ul.nav-tabs li .nav-link.active {
		font-weight: bold;
	}
	/* V2 LAYOUT */
	body.layout-v2 .site-wrap-col {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
		body.layout-v2 .site-wrap-col .header-main,
		body.layout-v2 .nav-main,
		body.layout-v2 .site-wrap-col .footer-main {
			flex-grow: 0;
			flex-shrink: 0;
		}
		body.layout-v2 .site-wrap-col .header-main,
		body.layout-v2 .site-wrap-col .footer-main {
			width: 100%;
		}
		body.layout-v2 .nav-main {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			padding: 4px 0;
			position: relative;
			width: 160px;
			z-index: 1;
		}
			body.layout-v2 .nav-main .menu-trigger {
				right: -18px;
			}
			body.layout-v2 .nav-main .nav-main-item {
				display: block;
				font-size: 1.5rem;
				padding: 8px;
			}
			body.layout-v2 .nav-main .nav-main-item.has-children {
				padding: 0;
			}
				body.layout-v2 .nav-main .nav-main-item-icon {
					display: block;
					float: left;
					font-size: 1.65rem;
					margin: 0;
					padding: 0 6px 0 0;
					width: unset;
				}
				body.layout-v2 .nav-main .nav-main-item-title {
					display: block;
					float: left;
					font-size: 1.5rem;
					margin: 0;
					padding: 0;
					width: unset;
				}
				body.layout-v2 .nav-main .nav-main-item-btn {
					border: none;
					background: none;
					cursor: pointer;
					margin: 0;
					padding: 8px;
					width: 100%;
				}
				body.layout-v2 .nav-main .nav-main-item-btn[aria-expanded="true"] {
					background: #ccc;
					color: #000;
				}
					body.layout-v2 .nav-main .nav-main-item-btn .ind-icon {
						display: block;
						float: right;
						font-size: 10px;
						padding: 8px 0;
					}
					body.layout-v2 .nav-main .nav-main-item-btn[aria-expanded="false"] .ind-icon .closed,
					body.layout-v2 .nav-main .nav-main-item-btn[aria-expanded="true"] .ind-icon .open {
						display: block;
					}
					body.layout-v2 .nav-main .nav-main-item-btn[aria-expanded="false"] .ind-icon .open,
					body.layout-v2 .nav-main .nav-main-item-btn[aria-expanded="true"] .ind-icon .closed {
						display: none;
					}
				body.layout-v2 .nav-main .nav-main-item-list {
					background: #ccc;
					border-bottom: 4px solid #dedede;
					display: flex;
					flex-direction: column;
					list-style-type: none;
					margin: 0;
					padding: 4px;
					width: 100%;
				}
					body.layout-v2 .nav-main .nav-main-item-list .nav-main-item-list-child {
						background: none;
						font-size: 88%;
					}
						body.layout-v2 .nav-main .nav-main-item-list .nav-main-item-list-child a {
							color: #000;
							cursor: pointer;
							display: block;
							float: left;
							padding: 8px;
							width: 100%;
						}
							body.layout-v2 .nav-main .nav-main-item-list .nav-main-item-list-child a i {
								color: inherit;
								opacity: 0.6;
								padding-right: 2px;
							}
						body.layout-v2 .nav-main .nav-main-item-list .nav-main-item-list-child a:hover {
							background: #fff;
							color: #222;
							text-decoration: none;
						}
			body.layout-v2.nav-main-closed .nav-main .nav-main-item-title,
			body.layout-v2.nav-main-closed .nav-main .nav-main-item-btn .nav-main-item-title,
			body.layout-v2.nav-main-closed .nav-main .nav-main-item-btn .ind-icon,
			body.layout-v2.nav-main-closed .nav-main .nav-main-item-list {
				display: none !important;
			}
			body.layout-v2.nav-main-closed .nav-main .nav-main-item-btn {
				width: 36px;
			}
			body.layout-v2.nav-main-closed .nav-main {
				width: 36px;
			}
		body.layout-v2 main {
			flex-grow: 1;
			flex-shrink: 1;
			padding-top: 12px;
			width: calc(100% - 160px);
		}
		body.layout-v2.nav-main-closed main {
			width: calc(100% - 36px);
		}
	body.layout-v2 .nav-main .nav-main-item.active,
	body.layout-v2 .nav-main .nav-main-item-list .nav-main-item-list-child.active a {
		background: #fff;
		color: #c0392b;
		font-weight: 700;
	}
	main .panel .pan {
		padding-right: 16px;
	}
	main form {
		width: 100%;
		float: left;
	}
	main form.form-inline {
		display: inline-block;
		float: none;
		width: auto;
	}
	main .bg .form-inline {
		border: 10px solid red;
	}
	main ul.nav {
		margin: 0;
		padding-bottom: 0;
		width: 100%;
	}
	.tab-content,
	main .tab-content {
		background-color: #fff;
		border: 1px solid #e0e0e0;
		border-top: 0;
		float: left;
		margin: 0;
		min-height: 200px;
		padding: 0 0 24px 0;
		position: relative;
		width: 100%;
	}
	main .tab-content .tab-pane {
		display: none;
		float: left;
		min-height: 200px;
		padding: 0 16px 0 16px;
		width: 100%;
	}
	main .tab-content .tab-pane.active {
		display: block;
	}
	main .workspace form select {
		padding: 4px 6px;
	}
	.custom-field.iframe {
		height: 197px;
		overflow: hidden;
		padding: 4px 0 0 8px;
		width: 290px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	main .workspace form .form-control[readonly] {
		background: #fff;
	}
	.select-wrapper {
		background: #eee;
		display: block;
		float: left;
		min-height: 24px;
		height: 320px;
		padding: 12px 16px;
		position: relative;
		width: 100%;
		z-index: 1;
	}
	#form-builder .select-wrapper {
		border: 1px solid #ccc;
	}
	.select-controls {
		background: #eee;
		min-height: 24px;
		padding: 12px 16px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 3;
	}
	.select-controls .fuzzy-search {
		padding: 4px 8px;
		width: 100%;
	}
	.select-wrapper .list {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		max-height: 310px;
		overflow-x: auto;
		padding: 52px 16px 12px 16px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.select-wrapper .list li {
		padding: 4px 0;
	}
	.select-wrapper .list li label:focus {
		background: #fff;
		border: 1px solid #ccc;
	}
	.select-wrapper .list li label input[type="radio"] {
		position: absolute;
		visibility: hidden;
	}
	.select-wrapper .list li label {
		display: inline-block;
		background: #eee;
		font-weight: 400;
		font-style: italic;
		padding: 6px 16px;
		cursor: pointer;
		width: 100%;
	}
	.select-wrapper .list li label input[type="radio"]:checked ~ *,
	.select-wrapper .list li label.active {
		color: #000;
		font-weight: 700;
	}
	.select-wrapper .list li label .name {
		font-style: normal;
	}
	.codigo-iframe {
		border: 0;
		display: block;
		float: left;
		height: 320px;
		overflow: hidden;
		width: 100%;
	}
	iframe.file_upload {
		height: 160px;
		width: 100%;
	}
	.file_upload_options a {
		position: relative;
	}
	.file_upload_options a img {
		position: absolute;
	}
	iframe.file_upload.photo {
		height: 280px;
	}
	iframe.file_upload.directory {
		height: 180px;
		margin: 0;
		width: 290px;
		border: 0;
	}
	iframe.file_upload.short {
		height: 120px;
	}
	body.file_display {
		background: none;
		width: 320px;
	}
	body.file_display.photo {
		width: 100%;
	}
	body.file_display .container {
		margin: 0;
		padding: 0;
	}
	body.file_display .container .dir-block {
		position: relative;
		min-height: 150px;
		width: 320px;
	}
	body.file_display .dir-block img {
		position: absolute;
		top: 4px;
		left: 16px;
		width: 120px;
	}
	.file_upload_options {
		position: absolute;
		top: 4px;
		left: 4px;
	}
	.file_upload_options p a {
		word-wrap: break-word;
	}
	body.file_display.photo .file_upload_options {
		position: absolute;
		top: 240px;
		left: 16px;
	}
	body.file_display .dir-block .file_upload_options.directory {
		position: absolute;
		top: 100px;
		left: 148px;
		width: 120px;
	}
	iframe.gallery-cover {
		border: 1px solid #ccc;
		float: left;
		height: 57px;
		width: 240px;
	}
	.wg {
		float: left;
		margin: 0;
		padding: 6px 0;
		width: 100%;
	}
	.wg-group {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
		.wg-heading {
			display: block;
			float: left;
			font-size: 1.5rem;
			font-weight: 700;
			width: 100%;
		}
		.wg .wg-input-text,
		.wg .wg-label,
		.wg .wg-textarea {
			font-size: 1.25rem;
			line-height: 1.2;
		}
		.wg-label {
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row;
			float: left;
			font-weight: 400;
			padding: 2px 6px;
		}
		.wg-label-block {
			width: 100%;
		}
			.wg-label-item.wg-label-item-control {
				flex-grow: 0;
			}
			.wg-label-item.wg-label-text {
				flex-grow: 1;
			}
		.wg-label-select {
			padding: 0;
		}
			.wg-input-number {
				text-align: center;
				width: 60px;
			}
			.wg-input-checkbox,
			.wg-input-radio {
				flex-grow: 0;
				flex-shrink: 0;
				margin-top: 8px !important;
				height: 16px;
				width: 16px;
			}
			.wg-input-checkbox,
			.wg-input-email,
			.wg-input-number,
			.wg-input-radio,
			.wg-input-text,
			.wg-label-text {
				display: block;
				float: left;
			}
			.wg-label-text {
				padding: 4px 0 0 4px;
				width: auto;
			}
		.wg-group-inner {
			float: left;
			margin: 0;
			padding: 0;
			width: 100%;
		}
	/* Bootstrap Form Helpers */
	main .workspace form .input-group .bfh {
		padding: 2px 0;
		width: 100%;
	}
	main .workspace form .input-group .bfh .input-group {
		width: 100%;
	}
	/* End BFH */
	.file input[type=file] {
		float: left;
		margin: 6px 0 0 12px;
	}
	main .tab-content .tab-pane textarea.css {
		background-color: #f3f3f3;
		border: 1px solid #ccc;
		font-size: 1.2em;
		font-family: sans-serif;
		line-height: 1.5em;
		min-height: 250px;
		padding: 16px;
		width: 100%;
	}
	main h1 {
		color: #333;
		font-size: 2.8rem;
		margin: 0;
		padding: 0 0 12px;
	}
	main .tab-content .tab-pane h2 {
		font-size: 1.6em;
		color: #333;
		font-weight: normal;
		padding: 0 0 16px 0;
	}
	main .tab-content .tab-pane h3 {
		color: #333;
		font-size: 2.5rem;
		float: left;
		line-height: 1.1;
		padding: 16px 0 8px 0;
		width: 100%;
	}
	main .tab-content .tab-pane a.backlink {
		padding: 0 0 24px 0;
		margin: -16px 0 0 0;
		font-size: 1em;
		text-decoration: none;
		width: 200px;
		display: none;
	}
	.capitalize {
		text-transform: capitalize;
	}
	main .tab-content .tab-pane select {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: 4px 0;
	}
	.styled-select {
		width: 100%;
		height: 36px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #ccc;
		font-size: 1.25rem;
		padding-left: 8px;
		position: relative;
	}
	.styled-select select {
		background: transparent;
		width: 100%;
		padding: 5px;
		line-height: 1;
		border: 0;
		border-radius: 0;
		height: 34px;
		-webkit-appearance: none;
		color: #333;
		position: absolute;
		top: 0;
		left: 8px;
		z-index: 2;
	}
	.styled-select i {
		width: 16px;
		height: 16px;
		font-size: 16px;
		float: right;
		position: absolute;
		top: 8px;
		right: 4px;
		z-index: 1;
	}
	.control-label {
		font-size: 1.25rem;
		padding: 4px 0 0 0;
		text-align: center;
		min-width: 100px;
		max-width: 120px;
		font-weight: 400;
	}
	/* add new */
	input.addnew {
		display: block;
		float: left;
		margin: 2px 0;
		padding: 4px 8px;
		width: 100%;
	}
	/* input[file] styling - based on http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ */
	.file-wrapper {
		background: #c0392b;
		float: left;
		margin: 16px 16px 16px 0;
		min-height: 24px;
		padding: 24px 16px;
		text-align: center;
		width: 100%;
	}
	.no-js .inputfile + label {
		display: none;
	}
	.inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}
	.inputfile + label .fa {
		width: 1em;
		height: 1em;
		vertical-align: middle;
		fill: currentColor;
		margin-top: -0.25em;
		/* 4px */
		margin-right: 0.25em;
		/* 4px */
	}
	/* end of input[file] styling */
	
	dl.summary dt {
		font-weight: 400;
		font-size: 0.85rem;
		opacity: 0.7;
		text-transform: uppercase;
	}
	dl.summary dd {
		font-size: 1.15rem;
	}

	.flex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}
		.flex-item {
			align-self: auto;
			flex-grow: 1;
			margin: 0;
		}
	.payment header p {
		font-size: 1.5rem;
		line-height: 1.8rem;
		opacity: 0.7;
	}
	.invoice {
		background: #fff;
		border: 1px solid #ccc;
		margin: 8px 0;
		padding: 16px 24px;
		width: 100%;
	}
		.invoice-desc-heading {
			font-weight: 400;
			margin: 0;
			text-transform: normal;
		}
		.invoice-desc-text {
			display: block;
			float: left;
			font-size: 70%;
			padding: 8px 0;
			width: 100%;
		}
		.invoice-price {
			font-size: 2rem;
			text-align: right;
		}
		.invoice .badge.desc {
			display: block;
			float: left;
			text-align: left;
			width: 100%;
		}
	.payment-total {
		font-weight: 900;
	}
	.form-space {
		margin-bottom: 8px;
	}
	.spacer-block {
		float: left;
		margin: 8px 0;
		padding: 8px 0;
		width: 100%;
	}
	/* standard modals */
	.modal.modal-xl {
		max-width: 100%;
	}
	.modal.modal-xl .modal-dialog {
		max-height: unset;
		max-width: 95%;
	}
	/* ui modals */
	.modal.ui {
		background: #fff;
		min-height: 40vh;
		max-height: 90vh;
		margin: 3% 0 0 3%;
		padding: 0;
		width: 94%;
	}
	.modal.ui .modal-dialog,
	.modal.ui .modal-dialog .modal-content {
		float: left;
		margin: 0;
		min-height: 40vh;
		padding: 0;
		width: 100%;
	}
	.modal.ui .modal-dialog .modal-content,
	.modal.ui .modal-dialog .modal-content .modal-footer {
		box-shadow: none;
		border: 0;
	}
	.modal.ui .modal-dialog .modal-content .modal-header {
		background: #e0e0e0;
		margin: 0;
		padding: 0;
	}
	.modal.ui .modal-dialog .modal-content .modal-header button {
		background: #555;
		border: 0;
		color: #fff;
		font-size: 4rem;
		padding: 16px 32px;
	}
	.modal.ui .modal-dialog .modal-content .modal-body {
		float: left;
		height: 72vh;
		width: 100%;
		overflow: auto;
	}
	.modal.ui .modal-dialog .modal-content .modal-header h4.modal-title {
		font-size: 2.8rem;
		font-weight: 900;
		padding: 24px;
		margin: 0;
		width: auto;
	}
	.modal.ui .modal-dialog .modal-content .modal-footer {
		min-height: 24px;
		padding: 24px;
		margin: 0;
		width: 100%;
	}
	/* embedded modal content from iframe */
	iframe.modal-embed {
		border: 0;
		display: block;
		float: left;
		height: 80vh;
		width: 100%;
	}
	/* attached images */
	.attached-images {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		width: 100%;
	}
		.attached-item {
			display: flex;
			flex-direction: column;
			padding: 4px;
			width: 120px;
		}
			a.attached-item-img {
				background-repeat: no-repeat;
				background-size: cover;
				height: 100px;
				width: 100%;
			}
		.attached-item .copy-response {
			position: relative;
		}
			.attached-item .copy-response .copy-msg {
				font-size: 1.5rem;
				position: absolute;
				top: 0;
				left: 0;
				width: 140px;
			}
	main .workspace form {
		padding-right: 16px;
	}
	main .workspace form .checkbox-radio-group,
	main .workspace form .custom-field {
		width: 100%;
		min-height: 14px;
		margin: 0 0 3px 0;
		float: left;
	}
	main .workspace form .custom-field {
		border: 1px solid #ccc;
		margin-bottom: 8px;
	}
	main .workspace form .checkbox-radio-group label {
		width: 100%;
		min-height: 36px;
		float: left;
		display: block;
		border: 1px solid #ccc;
	}
	main .workspace form .checkbox-radio-group label .checkbox-radio-input-container,
	main .workspace form .custom-field label {
		background-color: #eee;
		display: block;
		float: left;
		font-size: 0.89em;
		margin: 0;
		height: 36px;
		padding: 12px 8px 9px 8px;
		width: 125px;
	}
	main .workspace form .checkbox-radio-group label .checkbox-radio-input-container {
		width: 32px;
	}
	main .workspace form .custom-field label {
		border-right: 1px solid #ccc;
		text-align: center;
		padding: 6px 8px;
	}
	main .workspace form .custom-field label.right {
		background: none;
		border: 0;
		width: 80px;
		height: 20px;
		float: left;
		padding: 0;
	}
	main .workspace form .custom-field label.right .input-wrapper {
		display: block;
		width: 16px;
		height: 16px;
		margin-left: 12px;
		position: relative;
		float: left;
	}
	main .workspace form .custom-field label.right .input-wrapper input {
		position: aboslute;
		top: 0;
		left: 0;
	}
	.slug-field {
		border-color: #eee;
		display: none;
	}
	.slug-field .input-group-addon {
		border-color: #eee;
		margin: 0;
		padding: 0;
		min-width: 120px;
		max-width: 120px;
	}
	.slug-field .input-group-addon .control-label.col-lg-1 {
		font-size: 1.25rem;
		height: auto;
		padding: 10px 0;
		width: 100%;
	}
	.slug-field .slug {
		background: #fff;
		border: 1px solid #eee;
		color: #777;
		display: block;
		float: left;
		height: 36px;
		padding: 6px 8px 0 8px;
		width: 100%;
	}
	.checkbox-radio-group label {
		border: 1px solid #ccc;
		display: block;
		float: left;
		margin: -2px 0 10px 0;
		min-height: 36px;
		position: relative;
		width: 100%;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
	}
	.checkbox-radio-group label .checkbox-radio-input-container {
		background: #eee;
		padding: 10px 16px;
		width: 36px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.checkbox-radio-group label .checkbox-radio-input-container input {
		display: block;
		float: left;
		margin: 0 0 0 -4px;
		height: 16px;
		width: 16px;
	}
	.checkbox-radio-group label .checkbox-radio-text {
		display: block;
		position: absolute;
		top: 0;
		left: 36px;
		padding: 6px 0 6px 8px;
		font-size: 1.1em;
		font-weight: normal;
		border-left: 1px solid #ccc;
		width: auto;
	}
	main .workspace form .custom-field.tel .tel-wrapper {
		border: 1px solid blue;
		float: right;
	}
	main .workspace form .custom-field.tel table tbody tr td input[type=tel].form-control {
		text-align: center;
		width: 33%;
	}
	input[type="checkbox"].form-control {
		width: 24px;
	}
	main .workspace,
	main .no-tabs {
		background: #fff;
		/*border-left: 1px solid #ddd;*/
		border-bottom: 1px solid #ddd;
		width: 100%;
		min-height: 600px;
		padding: 16px 16px 24px 16px;
		margin: 0;
		float: left;
	}
	main .no-tabs h2 {
		margin-bottom: 16px;
		width: 100%;
		float: left;
		line-height: 1.5em;
	}
	main .no-tabs {
		border: 1px solid #ddd;
	}
	main .no-tabs.no-bg {
		background: none;
		border: 0;
		padding: 0;
	}
	main .no-tabs.no-bg .bg-info {
		background: #fff;
		border: 1px solid #ccc;
		color: #333;
	}
	.control-group {
		float: left;
		padding: 12px 0;
		width: 100%;
	}
	main .workspace .control-group a.btn {
		margin-top: 8px;
	}
	.body-entries .tab-content {
		background: #fff;
		border: 1px solid #ddd;
		border-top: none;
		float: left;
		min-height: 24px;
		width: 100%;
	}
	.body-entries main .workspace,
	.body-entries main .no-tabs {
		min-height: 24px;
		border-bottom: none;
		padding-top: 0;
	}
	.body-entries main h2,
	.body-entries main h3,
	.body-entries main h4 {
		float: left;
		margin: 4px 0;
		padding: 0;
		width: 100%;
	}
	.body-entries main h2 {
		color: #777;
		font-size: 2rem;
		font-weight: 400;
		margin-top: 24px;
	}
	.body-entries main h3 {
		color: #555;
		font-size: 1.75rem;
		font-weight: 400;
	}
	.body-entries main h4 {
		color: #333;
		font-size: 1.5rem;
		font-weight: 400;
	}
	/* scores */
	main h2.h-channel,
	main h3.h-group,
	main h4.h-category {
		color: inherit;
		display: block;
		float: left;
		margin: 0 0 8px 0;
		padding: 8px 0 8px 8px;
		width: 100%;
	}
	.h-channel {
		border-left: 24px solid #f39c12;
	}
	.h-group {
		border-left: 36px solid #e74c3c;
	}
	.h-category {
		border-left: 48px solid #c0392b;
	}
	.h-category-entries {
		display: block;
		float: left;
		width: 100%;
	}
	.body-entries .badge.desc {
		display: block;
		text-align: left;
	}
	.body-entries .entries {
		overflow: auto;
	}
	.body-entries-scores table {
		white-space: nowrap;
	}
	.body-entries-scores thead th,
	.body-entries-scores tbody tr td {
		padding-right: 12px;
		width: 120px;
	}
	.body-entries-scores thead th {
		font-size: 1.15rem;
	}
	/* entry title, total */
	.body-entries-scores thead th.th-entry,
	.body-entries-scores thead th.th-total {
		font-size: 1.5rem;
	}
	/* entry title */
	.body-entries-scores thead th.th-entry,
	.body-entries-scores tbody tr td.title {
		width: 240px;
	}
	.body-entries-scores tbody tr td .entry-title-wrap {
		white-space: wrap;
	}
	/* total */
	.body-entries .entries .workspace,
	.body-entries .entries .details-contents {
		padding: 0;
	}
	.body-entries-scores thead th:nth-child(2),
	.body-entries-scores tbody tr td.grand-total {
		padding-left: 8px;
		padding-right: 8px;
		width: 80px;
	}
	.body-entries-scores thead th:nth-child(1),
	.body-entries-scores tbody tr td:nth-child(1),
	.body-entries .entry-list-item-select {
		width: 24px;
	}
		.entry-list-item-select input.js-select {
			height: 20px;
			width: 20px;
		}
	.entry-list-item.appraisal-unapproved {
		border: 2px dashed #ccc;
		opacity: 0.75;
		padding: 12px 16px;
	}
	.entry-list-item-by {
		font-size: 80%;
		line-height: 1.4;
		margin: 4px 0 0 0;
	}
		.entry-list-item-by a {
			color: #333;
		}
		.entry-list-item-by a:hover {
			color: var(--blue);
		}		
	.entry-list-item-status {
		border-radius: 6px;
		font-size: 1rem;
		padding: 4px 6px;
	}
	.status-removed-from-judging {
		opacity: 0.7;
	}

	/* entry item */
	.entry-block {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		justify-content: center;
		margin: 0 0 16px 0;
		width: 100%;
	}
	.f-video-upload .entry-block {
		width: 320px;
	}
		.entry-block h4 {
			display: none;
		}
	.entry-block-object {
		max-width: 240px;
		position: relative;
		z-index: 1;
	}
		/* give full width to allow videos to show properly */
		.entry-block-object.fieldtype-video-upload {
			margin-bottom: 24px;
			max-width: 100%;
		}
		.entry-block-object video {
			height: 270px;
			width: 480px;
		}
	.entry-block-object.file {
		padding: 0 0 8px 0;
		width: 100%;
	}
	.entry-block-img {
		float: left;
		max-height: 120px;
		margin: 8px 8px 0 0;
		max-width: 240px;
	}
		.entry-block-img-caption {
			font-size: 1.5rem;
			line-height: 1.2;
			padding: 4px 0;
		}
	.entry-block-object-download.image {
		background: #fff;
		color: #333;
		float: left;
		font-size: 1.25rem;
		line-height: 1;
		padding: 4px 8px;
		position: absolute;
		top: 16px;
		left: 8px;
		z-index: 2;
	}
	.green {
		color: #27ae60;
	}
	.red,
	td.red a {
		color: #c0392b;
	}
	tr.deleted td a,
	tr.deleted td {
		color: #999;
	}
	.company td {
		padding: 8px 0;
	}
	.company td.title {
		min-width: 180px;
		max-width: 280px;
	}
	main .workspace a.btn-primary {
		margin: 24px 0 0 0;
	}
	/* Uploadifive */
	main .workspace .btn.ui-btn-uploadifive {
		float: right;
		margin: 0 0 0 8px;
	}
	.input-group-uploadifive {
		border: 1px solid #ccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
		.input-group-uploadifive .input-group-addon {
			border: none;
			border-right: 1px solid #ccc;
		}
	.uploadifive-button {
		float: left;
		font-size: 1.5rem;
	}
	.uploadifive-button:hover {
		background: #34495e;
		color: #fff;
	}
	.uploadifive-button input[multiple="multiple"] {
		cursor: pointer;
	}
	.uploadifive-queue-item {
		background-color: #F5F5F5;
		border-bottom: 1px dotted #D5D5D5;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font: 12px Arial, Helvetica, Sans-serif;
		margin-top: 3px;
		padding: 15px;
	}
	.uploadifive-queue-item .close {
		background: url('https://api.awardify.io/codigo/v1/core/uploadifive/uploadifive-cancel.png') 0 0 no-repeat;
		display: block;
		float: right;
		height: 16px;
		text-indent: -9999px;
		width: 16px;
	}
	.uploadifive-queue-item .progress {
		border: 1px solid #D0D0D0;
		height: 3px;
		margin-top: 5px;
		width: 100%;
	}
	.uploadifive-queue-item .progress-bar {
		background-color: #0072BC;
		height: 3px;
		width: 0;
	}
	main .home h1 {
		font-size: 2.5em;
		font-weight: 900;
		letter-spacing: -1px;
	}
	main .home p {
		font-size: 1.25em;
		line-height: 1.6em;
		padding: 6px 0;
	}
	main .workspace table {
		width: 100%;
		margin: 16px 0 0 -8px;
	}
	main .workspace table tbody tr:nth-child(odd) {
		background-color: #f3f3f3;
	}
	main .workspace table tbody tr:nth-child(even) {
		background-color: #fff;
	}
	main .workspace table tbody tr th,
	main .workspace table tbody tr td a.btn {
		margin: 0 0 4px 0;
	}
	main .workspace table thead tr th {
		background-color: #fff;
		color: #555;
		border-bottom: 1px solid #ccc;
	}
	main .workspace table tbody tr:hover > td {
		background-color: #e0e0e0;
	}
	main .workspace table tbody tr td .block.variants {
		margin-top: 8px;
		opacity: 0.8;
	}
	main .workspace table tbody tr td .block.variants .variant {
		margin-right: 4px;
	}
	main .workspace table tbody tr td .block.variants .variant.deleted {
		color: #999;
		text-decoration: line-through;
	}
	main .workspace table tbody tr td:first-child a {
		font-size: 1.15em;
	}
	main .workspace table tbody tr td:first-child a .monospace {
		font-size: 1.4rem;
	}
	main .workspace table tbody tr td .edit-option {
		background: none;
		border: none;
		color: #2980b9;
		display: inline-block;
		float: left;
	}
	main .workspace table tbody tr td .edit-option:hover {
		text-decoration: none;
	}
	main .workspace table tbody tr td .edit-option .fa {
		text-align: center;
		width: 24px;
		font-size: 24px;
		display: block;
		margin-right: 16px;
		float: left;
	}
	main .workspace table tbody tr td .index-title,
	main .workspace table tbody tr td .index-text {
		color: #222;
		display: block;
		float: left;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.75rem;
		text-align: left;
		width: 100%;
	}
	main .workspace table tbody tr td .index-text {
		border: 1px solid #ccc;
		min-height: 48px;
		padding: 8px 12px;
	}
	
	/* form builder */
	#questions {
		float: left;
		padding: 0;
		width: 100%;
	}
	.q {
		background: #eee;
		border: 1px solid #ccc;
		display: block;
		float: left;
		margin: 6px 0;
		padding: 8px 12px;
		width: 100%;
	}
	.q:hover {
		background: #ddd;
		box-shadow: 0px 0px 12px #000;
		color: #000;
	}
	h4.q-heading {
		background: #333;
		color: #fff;
		display: block;
		float: left;
		font-size: 1.75rem;
		line-height: 1;
		padding: 8px 0;
		text-align: center;
		width: 100%;
	}
	.q-wrap {
		float: left;
		padding-bottom: 12px;
		width: 100%;
	}
	.q-label {
		float: left;
		font-weight: 400;
		padding-bottom: 4px;
		text-align: left;
		width: 100%;
	}
	.q-wrap-half .q-label {
		width: 50%;
	}
	.q-label-radio {
		padding-right: 16px;
		width: auto;
	}
	.q-text,
	.q-textarea {
		border: 1px solid #ccc;
		display: block;
		float: left;
		line-height: normal;
		padding: 4px 8px;
		width: 100%;
	}
	.q-textarea {
		height: 80px;
	}
	.q-label .q-checkbox {
		float: left;
		margin-right: 4px;
	}
	.q-label .bg-info {
		background: #fff;
		border: 2px solid #c0392b;
		color: #333;
		margin-top: 4px;
	}
	.q-label-text {
		display: block;
		float: left;
	}
	label.q-radio {
		display: block;
		float: left;
		font-weight: 400;
		margin-left: 8px;
	}
	.q .close {
		color: #333;
		font-size: 1.5rem;
		font-weight: 400;
		opacity: 0.75;
		padding: 8px 0;
		position: relative;
		top: unset;
		right: unset;
	}
	/* generated form questions */
	#form-builder {
		display: block;
		float: left;
		min-height: 24px;
		width: 100%;
	}
	main .workspace form#form-builder input {
		min-width: auto;
	}
	/* reset */
	.form-q {
		background: #fff;
		border: 1px solid #ccc;
		float: left;
		margin: 12px 0;
		padding: 0;
		width: 100%;
	}
	.form-q input,
	.form-q textarea,
	.form-q label {
		font-weight: 400;
	}
	.form-q-header {
		background: #ecf0f1;
		border-bottom: 1px solid #ccc;
		display: block;
		float: left;
		padding: 0;
		width: 100%;
	}
	.form-q-number {
		background: #7f8c8d;
		color: #fff;
		display: block;
		float: left;
		font-size: 1.75rem;
		font-weight: 700;
		line-height: 1.75rem;
		min-height: 12px;
		padding: 12px 16px;
		width: 100%;
	}
	.form-q-header h4 {
		float: left;
		line-height: 2.4rem;
		padding: 12px 16px;
		width: 100%;
	}
	.form-q-content {
		display: block;
		float: left;
		font-size: 1.75rem;
		line-height: 2.2rem;
		padding: 12px 16px;
		width: 100%;
	}
	.form-q label {
		display: block;
		float: left;
		width: 100%;
	}
	.form-q-input,
	.form-q-textarea {
		border: 1px solid #ccc;
		display: block;
		float: left;
		padding: 4px 8px;
		width: 100%;
	}
	.form-q-textarea {
		min-height: 180px;
	}
	.form-q-radio {
		display: block;
		float: left;
		padding: 8px 12px;
		width: 100%;
	}
	.form-q-radio input {
		margin: 0 4px 0 0;
	}
	/* pagination ui */
	.pagination {
		display: flex;
		flex-direction: column;
		float: left;
		width: 100%;
	}
		.pagination-controls {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
		}
		.pagination-controls .styled-select {
			flex-grow: 0;
			flex-shrink: 0;
			width: 100px;
		}
	/* edit-options for special ul.list-group controls within action pages */
	.list-group .list-group-item {
		display: block;
		float: left;
		padding: 6px 10px;
		width: 100%;
	}
	.list-group.no-border .list-group-item {
		border: 0;
	}
	.list-group.activity-list .list-group-item {
		background: none;
		border: 0;
		font-size: 80%;
	}
	.list-group .list-group-item.deleted {
		background: #eee;
	}
	.list-group .list-group-item.deleted a {
		color: #999;
	}
	.list-group .list-group-item .edit-options {
		float: right;
	}
	.list-group .list-group-item .edit-options .edit-option {
		padding: 0 4px;
	}
	.list-group .list-group-item span.log-date {
		text-decoration-style: dotted;
	}
	.list-group-item-heading {
		line-height: 1.2;
	}
	.list-group .list-group-item.tag-list-item input {
		margin: 0;
		min-width: 280px;
		padding: 4px 8px;
	}
	.list-group .list-group-item.tag-list-item .btn {
		margin: 0 0 3px 0;
		padding: 5px 12px;
	}
	body.settings .reports {
		padding: 24px 0;
	}
		body.settings .reports .list-group .list-group-item {
			border: 0;
		}
	body.settings main .reports table td h3,
	main .list-group-item h3 {
		font-size: 2.25rem;
		font-weight: 400;
	}
	main .workspace table thead tr th.control-width {
		width: 480px;
	}
	
	#form {
		position: relative;
	}
	.button-form-submission-wrapper {
		background: #fff;
		border-top: 1px solid #ccc;
		padding: 0 10% 16px 10%;
		position: fixed;
		bottom: 0;
		left: 0;
		min-height: 24px;
		width: 100%;
		z-index: 999;
	}
	#button-delete,
	#button-submit,
	#button-restore,
	#button-remove,
	.form-button {
		/*	float: right; */
		padding: 6px 24px;
		float: left;
		font-size: 1.25em;
		text-align: center;
		min-width: 100px;
		margin: 16px 0 0 16px;
	}
	#button-submit {
		float: left;
		margin-left: 0;
	}
	#sidebar h2 {
		font-size: 1.3em;
		color: #333;
		font-weight: normal;
	}
	.success-msg {
		width: 50%;
		min-height: 16px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 9999;
		box-shadow: 3px 3px 8px #777;
	}
	.userMsg-success {
		background-color: #2ecc71 !important;
		box-shadow: 3px 3px 8px #777;
		color: #fff !important;
		margin: 0;
		max-width: 300px;
		padding: 12px 16px;
		position: fixed;
		top: 12px;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	main .success-msg {
		top: -120px; /* when in a tabbed area, keep it above the tabs */
	}
	/* status badges */
	.badge.available {
		background: #2ecc71;
		color: #fff;
	}
	.badge.expired {
		background: #c0392b;
		color: #fff;
	}
	/* photos app */
	.list-group.photos {
		display: flex;
		flex-direction: column;
	}
		.list-group.photos .list-group-item {
			border: none;
		}
		.list-group.photos .list-group-item:hover {
			background-color: #f5f5f5;
		}
		.list-group.photos .list-group-item figure {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 180px;
		}
		.list-group.photos .list-group-item .ctrl-img-action {
			display: block;
			float: left;
			padding: 4px 0;
			width: 100%;
		}
			.list-group.photos .list-group-item .ctrl-img-action label {
				margin-right: 8px;
			}
	/* end of photos app*/
	
	/* searchable list controls */
	.ctrlList {
		display: flex;
		flex-direction: row;
		float: left;
		width: 100%;
	}
		.ctrlList-item {
			margin-right: 12px;
			min-width: 280px;
		}
	thead.list-columns th,
	tbody.list tr td {
		padding: 4px 6px;
	}
	tbody.list tr:nth-child(odd) {
		background: #fff;
	}
	.n {
		text-align: center;
		padding-right: 4px;
		width: 24px;
	}
	.n span {
		background: #ccc;
		border-radius: 90%;
		display: inline-block;
		color: #333;
		font-size: 9px;
		font-weight: 700;
		height: 20px;
		padding: 4px 0;
		width: 20px;
	}
	/* overrides for vertical layout */
	.body-entries-list .tab-content {
		background: none;
	}
	.body-entries-list table.listView thead th {
		background: #ddd;
	}
	.body-entries-list .ctrlList {
		flex-direction: column;
	}
	.body-entries-list .ctrlList-item {
		margin: 0;
		width: 100%;
		min-width: unset;
		max-width: 100%;
	}
	.body-entries-list td.entryRow-title,
	.body-entries-list td.entryRow-entrant,
	.body-entries-list td.entryRow-category {
		width: 180px;
	}
	.body-entries-list td.entryRow-score {
		text-align: right;
		width: 120px;
	}

	/* choose account upon first login */
	#accounts.wrapper {
		float: left;
		text-align: center;
		width: 100%;
	}
	#accounts.wrapper #filter {
		margin: 4px 0 8px 0;
		text-align: center !important;
	}
	.list-group.accounts {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		justify-content: center;
		width: 100%;
	}
		.accounts .list-group-item.account {
			background: none;
			border: none;
			margin: 0;
			padding: 0;
			max-width: 100%;
		}
			.chooseaccount-btn {
				background: #fff;
				border: 1px solid #ccc;
				color: #000;
				font-size: 1.65rem;
				margin: 3px 0;
				padding: 6px;
				width: 100%;
			}
			.chooseaccount-btn:hover {
				background: #34ace0;
				color: #fff;
			}
				.chooseaccount-name,
				.chooseaccount-domain {
					display: block;
					float: left;
					text-align: center;
					width: 100%;
				}
				.chooseaccount-domain {
					font-size: 60%;
					opacity: 0.6;
					padding: 0;
				}
	#support-btn {
		background: #c0392b;
		border: 1px solid #ccc;
		box-shadow: 2px 2px 4px #000;
		color: #fff;
		position: fixed;
			bottom: 0;
			right: 0;
		padding: 8px 12px;
		text-align: center;
		width: 84px;
	}
	#support-btn:hover {
		background: #fff;
		color: #c0392b;
		text-decoration: none;
	}
	/* dropdown menu list items */
	.dropdown-menu.show {
		box-shadow: 2px 2px 4px #999;
		min-width: 160px;
	}
		.dropdown-menu.show li {
			display: block;
			float: left;
			font-size: 1.25rem;
			padding: 3px 8px;
			width: 100%;
		}
			.dropdown-menu.show li a {
				display: block;
				color: #333;
				float: left;
				width: 100%;
			}
		.dropdown-menu.show li:hover {
			background-color: #777;
		}
		.dropdown-menu.show li.divider:hover {
			background-color: none;
		}
			.dropdown-menu.show li:hover button,
			.dropdown-menu.show li:hover a {
				color: #fff;
				text-decoration: none;
			}
	.download-btns .download-btns-list .list-group-item {
		background: none;
		border: 0;
	}
	.download-btns .download-btns-list .list-group-item {
		display: flex;
		flex-direction: column;
	}
		.download-btns small {
			color: #777;
			font-size: 1.25rem;
			padding: 0 0 4px 0;
		}
	/* draggable elements */
	.panel-drag .pan {
		display: flex;
		flex-direction: column;
	}
	.dragCtrl {
		display: flex;
		flex-direction: column;
	}
		.dragCtrl .btn {
			background: none;
			border: 2px solid #999;
			color: #333;
		}
		.dragCtrl .btn:hover {
			background: #999;
			border-color: #999;
			color: #fff;
		}
	.dragStatus {
		display: flex;
		flex-direction: column;
		opacity: 0.7;
	}
		.dragStatus .status {
			margin-top: 4px;
		}
	.dragList {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 12px 0;
		width: 100%;
	}
	.dragList.ui-droppable {
		background: #fff;
		border: 2px dashed #ccc;
		float: left;
		margin: 8px 0;
		height: 100%;
		min-height: 400px;
		padding: 8px 10px;
	}
		.drag {
			color: #222;
			display: flex;
			flex-direction: row;
			float: left;
			height: 0px;
			width: 100%;
		}
		.drag.loaded {
			height: auto;
			margin: 4px 0;
			padding: 8px 12px;
		}
		.drag.ui-draggable-dragging {
			border: 2px solid #000;
			box-shadow: 4px 4px 8px #000;
			max-width: 300px;
			opacity: 0.6;
			z-index: 1000;
		}
		.dragList .ui-state-highlight {
			background-color: blue !important;
			border: 24px dashed red !important;
			box-sizing: border-box !important;
			display: block !important;
			float: left !important;
			height: 100px !important;
			width: 100% !important;
		}
		.drag.move.loaded {
			background-color: #eee;
		}
		.drag.move.loaded,
		.drag.move.loaded .drag-title {
			cursor: move;
		}
			.drag-label {
				display: flex;
				flex-direction: row;
				width: 100%;
			}
				input.drag-input {
					display: none;
				}
				/* show input for draggable items */
				.drag.move.loaded input.drag-input {
					display: inline-block;
					height: 16px;
					width: 16px;
				}
				.drag-content {
					display: flex;
					flex-direction: column;
					padding-left: 8px;
					width: 100%;
				}
				.drag.loaded a {
					cursor: pointer;
				}
				.drag-desc {
					line-height: 1.1;
					padding: 3px 0;
				}
	/* timeline on first page */
	.timeline {
		padding-bottom: 40px;
	}
	.timeline h2 {
		font-size: 2.5rem;
	}
	.timeline h3 {
		font-size: 1.85rem;
		padding: 24px 0 8px 0;
	}
	.timeline table {
		border: 1px solid #999;
		margin: 0 0 16px 0;
		width: 100%;
	}
		.timeline tr:hover {
			background: #e5e5e5;
		}
		.timeline th {
			background: #ddd;
		}
		.timeline table th,
		.timeline table td {
			border-right: 1px solid #ccc;
			min-width: 80px;
			padding: 3px 8px;
		}
		.timeline table th:last-child,
		.timeline table td:last-child {
			border-right: none;
		}
		.timeline table td.number {
			text-align: right;
		}
		.timeline nav {
			margin-bottom: 40px;
		}
	/*revolvapp (Messenger email editor */
	.rex-container {
		overflow-y: auto;
	}
	#codigo-controls .download-btns .btn,
	#aw-controls .download-btns .btn,
	.download-btns a {
		font-size: 1.5rem;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	#codigo-controls .settings,
	#aw-controls .settings { 
		padding: 12px 0;
	}
		#codigo-controls .settings .checkbox-custom-label,
		#aw-controls .settings .checkbox-custom-label {
			font-size: 1.25rem;
		}
}
/* Extra small devices (phones, 767px and less) */
@media (max-width: 320px) {
	.filter-control {
		display: block;
		float: left;
		width: 100%;
	}
	main .workspace table thead tr th {
		display: none;
	}
	main .workspace table tbody tr td {
		width: 300px;
		float: left;
	}
	main .workspace table tbody tr td {
		display: none;
	}
	main .workspace table tbody tr td:first-child,
	main .workspace table tbody tr td:last-child {
		display: block;
	}
	.input-group {
		margin-bottom: 16px;
		float: left;
	}
	#submit-message {
		width: 95%;
		margin: 0 5%;
	}
	#login {
		width: 100%;
		margin: 0 auto;
	}
	#nav-select {
		position: absolute;
		top: -48px;
	}
	main .tab-content .tab-pane a.backlink {
		display: block;
	}
	#button-submit,
	#button-delete,
	#button-restore {
		width: 100%;
		margin: 4px 0;
		padding: 25px;
	}
}
@media (max-width: 440px) {
	#identity a .name {
		display: none;
	}
	#nav-select {
		position: absolute;
		top: -48px;
	}
	main .tab-content .tab-pane a.backlink {
		display: block;
	}
	.button-form-submission-wrapper {
		padding: 0;
	}
	#button-submit,
	#button-delete,
	#button-restore {
		border-radius: 0;
		margin: 0;
		padding: 8px 16px;
		width: 100%;
	}
}
@media (min-width: 540px) {
	.accounts .list-group-item.account {
		width: 50%;
	}
}
@media (max-width: 767px) {
	.container-fluid {
		margin: 0;
		padding: 0;
	}
	#all {
		padding: 0;
		margin: 0;
		overflow: none;
	}
	.nav-top {
		font-size: 100%;
	}
	main ul.nav-tabs li a {
		font-size: 1.75rem;
	}
	#login button:hover,
	#login button:focus {
		background: #fff;
		color: #c0392b;
	}
	/* OFF-CANVAS NAV */
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.row-offcanvas-right .sidebar-offcanvas {
		right: -100%;
		/* 12 columns */
		background: #ecf0f1;
		box-shadow: 3px 3px 8px #c0392b;
		color: #fff;
		font-size: 1.1em;
	}
	.row-offcanvas-right.active {
		display: block;
		right: 100%;
		/* 12 columns */
	}
	.sidebar-offcanvas {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
		/* 12 columns */
	}
	.offcanvas-header {
		background: #c0392b;
		float: left;
		min-height: 36px;
		padding: 0;
		width: 100%;
		border: 1px solid #fff;
	}
	.offcanvas-header .navbar-form.navbar-right {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		width: 240px;
	}
	.offcanvas-header .navbar-form.navbar-right .form-group {
		margin: 0;
		padding: 8px 0 0 8px;
	}
	.offcanvas-header .navbar-form.navbar-right .form-group,
	.offcanvas-header .navbar-form.navbar-right .form-group .form-control {
		float: left;
		width: 160px;
	}
	.offcanvas-header .navbar-form.navbar-right .form-group .form-control {
		background: none;
		border: 1px solid #fff;
		color: #fff;
	}
	.offcanvas-header .navbar-form.navbar-right .form-group .form-control:focus {
		background: #fff;
		border: 1px solid #fff;
		color: #333;
	}
	.offcanvas-header .navbar-form.navbar-right .btn {
		display: block;
		float: left;
		width: auto;
	}
	.offcanvas-header .navbar-form.navbar-right .btn .fa {
		color: #fff;
		font-size: 1.75rem;
		line-height: 1.75rem;
		padding: 10px;
	}
	.offcanvas-close {
		background: none;
		border: 0;
		color: #fff;
		float: right;
		font-size: 3rem;
		min-height: 32px;
		line-height: 3rem;
		margin: 0 12px 0 0;
		padding: 8px;
		position: relative;
	}
	.offcanvas-close i.fa-times {
		float: left;
		margin: 0;
	}
	.nav-mobile {
		display: block;
		float: left;
		padding: 12px 0;
		width: 100%;
	}
		.nav-mobile-item {
			color: #333;
			display: block;
			float: left;
			font-size: 1.75rem;
			line-height: 1.75rem;
			padding: 12px 20px;
			width: 100%;
		}
		.nav-mobile-item:hover,
		.nav-mobile-item:focus,
		.nav-mobile-item.active {
			background: #c0392b;
			color: #fff;
			text-decoration: none;
		}
	/* End of offcanvas nav */
	
	/* label over top inputs for smallest screens */
	.input-group .input-group-addon {
		background: none;
		border: none;
	}
		.input-group .input-group-addon label {
			font-weight: 700;
		}
	.input-group-addon,
	.slug-field .input-group-addon {
		display: block;
		float: left;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
	}
	.slug-field .input-group-addon {
		border-bottom: 1px solid #ccc;
		padding-left: 8px;
	}
	.control-label,
	.control-label.col-lg-1 {
		min-width: 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
	}
	.nav-screens-lg,
	body.layout-v2 .nav-screens-lg {
		display: none;
	}
	body.layout-v2 .nav-screens-xs {
		width: 100%;
	}
	body.layout-v2 .nav-screens-xs .menu-trigger {
		display: none;
	}
}
@media (min-width: 441px) {
	.button-form-submission-wrapper {
		background: none;
		border: 0;
		height: auto;
		margin: 0;
		padding: 0;
		width: 240px;
	}
		.button-form-submission-wrapper .button-form-submission {
			width: 100%;
		}
}
@media (min-width: 768px) {
	.accounts .list-group-item.account {
		width: 33.3%;
	}
	.mobile-menu {
		display: none;
	}
	.mobile-action {
		display: none;
	}
	.navbar-form,
	.navbar-seasons {
		display: block;
	}
	.sidebar-offcanvas {
		display: none;
	}
	.nav-main {
		background: #dedede;
		display: flex;
		flex-direction: row;
		float: left;
		justify-content: center;
		margin: 0;
		min-height: 24px;
		padding: 0;
		width: 100%;
	}
		.nav-main .container {
			margin: 0;
			padding: 0;
			width: auto;
		}
	.nav-main-item {
		color: #555;
		display: block;
		float: left;
		padding: 16px 8px;
		min-width: 60px;
	}
	.nav-main-item:hover {
		color: #555;
		padding: 12px 8px 20px 8px;
	}
	.nav-main-item.active,
	.nav-main-item.active:hover {
		color: #c0392b;
		padding: 16px 8px;
	}
	.nav-main-item-icon {
		display: block;
		float: left;
		font-size: 2.5rem;
		line-height: 2.5rem;
		padding: 0 0 8px 0;
		width: 100%;
		text-align: center;
	}
	.nav-main-item-title {
		display: block;
		float: left;
		font-size: 1.2rem;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#nav-select {
		display: none;
	}
	#navitems {
		display: block;
	}
	
	#app .menu-trigger,
	.nav-main .menu-trigger {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		background: #ccc;
		color: #fff;
		font-size: 12px;
		margin: 0;
		padding: 2px 4px;
		z-index: 2;
	}
	#app .menu-trigger:hover,
		.nav-main .menu-trigger:hover {
		cursor: pointer;
	}
	#app {
		display: flex;
		flex-direction: row;
	}
		#app .app-ctrl {
			flex-grow: 0;
			flex-shrink: 0;
			padding-top: 24px;
			position: relative;
			width: 240px;
			z-index: 1;
		}
		#app .app-work {
			flex-grow: 1;
			flex-shrink: 1;
			width: calc(100% - 240px);
		}
		#app.closed .app-ctrl {
			width: 24px;
		}
			#app .app-ctrl-inner {
				display: block;
				float: left;
				padding-right: 12px;
			}
			#app.closed .app-ctrl-inner {
				display: none;
			}
		#app .app-work {
			padding-top: 24px;
		}
		#app.closed .app-work {
			width: calc(100% - 24px);
		}
	#submit-message {
		width: 95%;
		margin: 0 5%;
	}
	.wg-group-inner {
		width: 50%;
	}
	.codigo-iframe {
		height: 600px;
		width: 480px;
	}
	#login {
		margin: 0 auto;
		width: 480px;
	}
	.body-entries .list td.title {
		max-width: 280px;
	}
	.input-group .input-group-addon {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.input-group .input-group-addon label {
		font-size: 1.15rem;
	}
		.input-group .input-group-addon label .fa-asterisk {
			font-size: 80%;
		}
}
@media (min-width: 992px) {
	.accounts .list-group-item.account {
		max-width: 200px;
	}
	#nav-select {
		display: none;
	}
	#navitems {
		display: block;
	}
	#submit-message {
		width: 50%;
		margin: 0 25%;
	}
}
@media (min-width: 1200px) {
	.accounts .list-group-item.account {
		max-width: 160px;
	}
	#nav-select {
		display: none;
	}
	#navitems {
		display: block;
	}
	.list-group.photos {
		flex-direction: row;
		flex-wrap: wrap;
	}
		.list-group.photos .list-group-item {
			width: 50%;
		}
}
@media (min-width: 1600px) {
	.wg-group-inner {
		width: 33.3%;
	}
}


/****** DARK MODE ******/

/* DARK MODE TRIGGER */
.nav-top .user-controls {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: auto;
}
.nav-top .theme {
	display: block;
	width: auto;
}
	.nav-top .theme-btn {
		background: none;
		border: 0;
		color: #fff;
		font-size: 18px;
		padding: 8px 12px;
	}
	
/* FOUNDATIONAL ELEMENTS */
body.dark,
body.dark #all,
body.dark main div,
body.dark main ul,
body.dark main ol,
body.dark main li,
body.dark main p
body.dark .nav-main .menu-trigger
{
	background: #222 !important;
	color: #dfdfdf !important;
}
body.dark a {
	color: #79b5f5;
}
body.dark a:hover {
	color: #64abf6;
}

/* TOP BAR */
body.dark .nav-top {
	background: #880E4F;
}
body.dark .nav-top a {
	color: #fff;
}
body.dark .nav-top a:hover {
	color: #eee;
}

/* HEADINGS */
body.dark main h1,
body.dark main .tab-content .tab-pane h2,
body.dark main .tab-content .tab-pane h3,
body.dark main .tab-content .tab-pane h4,
body.dark.body-entries main h2,
body.dark.body-entries main h3,
body.dark.body-entries main h4 {
	color: #ccc !important;
}

/* HELP TEXT */
body.dark .bg-info {
	background-color: #1976D2 !important;
	border-color: #2196F3 !important;
	color: #fff !important; 
}

/* BUTTONS */
body.dark a.btn {
	color: #eee;
}
body.dark .btn-info,
body.dark .btn-ui {
	background: #1565C0;
	border-color: #1565C0;
	color: #eee;
}
body.dark .btn-danger {
	background: #9C27B0;
	border-color: #9C27B0;
	color: #eee;
}
body.dark .btn-success {
	background: #43A047;
	border-color: #43A047;
	color: #eee;
}

/* TABBED/PANE ENVIRONMENTS */
body.dark main .tab-content,
body.dark main .tab-pane,
body.dark main .no-tabs {
	border: 0;
}

/* NAV TABS */
body.dark nav.views a,
body.dark .nav-tabs .nav-item .nav-link,
body.dark .nav-tabs .nav-link {
	background: none;
	border-color: #777;
	color: #999;
}
body.dark nav.views a.active,
body.dark nav.views a:hover,
body.dark .nav-tabs .nav-item.show .nav-link,
body.dark .nav-tabs .nav-link.active {
	background: #777;
	border: 1px solid #ccc;
	color: #fff;
}

/* TAB LINKS */
body.dark main .tab-content .tab-pane a:not(.btn),
body.dark main .tab-content .tab-pane .btn-link {
	color: #4DD0E1;
}

/* BUTTONS */
body.dark .btn-primary {
	background: #880E4F;
	border-color: #880E4F;
	color: #fff;
}
body.dark .btn-secondary,
body.dark a.btn-secondary {
	background: #777;
	border-color: #777;
	color: #eee;
}
body.dark .q .close {
	color: #eee;
}

/* FORM ELEMENTS */
body.dark main input,
body.dark main textarea,
body.dark .styled-select select {
	color: #eee;
}
body.dark main input,
body.dark main textarea {
	background: #37474F;
	border: 1px solid #ccc;
}
body.dark .styled-select,
body.dark .styled-select select {
	background: #37474F;
}
body.dark .styled-select select {
	border: 0 !important;
}

/* DROPDOWN MENUS */
body.dark .dropdown-menu.show,
body.dark .dropdown-menu.show li {
	background: #37474F;
	color: #eee;
}
body.dark .dropdown-menu.show li,
body.dark .dropdown-menu.show li a,
body.dark .dropdown-menu.show li button {
	color: #eee;
}
body.dark main .dropdown-menu.show li:hover,
body.dark main .dropdown-menu.show li:hover button {
	background: #777 !important;
}

/* SELECT2 ELEMENTS */
body.dark .select2-container--default .select2-selection--single, 
body.dark .select2-container--default .select2-selection--multiple,
body.dark .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
body.dark .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	background: #37474F !important;
	border: 0 !important;
}
body.dark .select2-container--default .select2-results__option--selectable {
	background: #37474F;
	color: #eee !important;
}
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #eee !important;
}
body.dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #3498db !important;
	color: #fff !important;
}
/* textarea within select2 */
body.dark .select2-container--default .select2-selection--multiple .select2-search__field {
	background: none !important;
	border: 0 !important;
}
body.dark main .form-space span {
	background: none !important;
}

/* MAIN NAV */
body.dark .nav-main {
	background: #111;
}
	body.dark .nav-main .nav-main-item,
	body.dark .nav-main .nav-main-item button,
	body.dark .nav-main .nav-main-item li a
	{
		color: #cecece !important;
	}
	body.dark.layout-v2 .nav-main .nav-main-item-btn[aria-expanded="true"],
	body.dark.layout-v2 .nav-main .nav-main-item-list
	{
		background: #333 !important;
		color: #dfdfdf !important;
	}
	body.dark.layout-v2 .nav-main .nav-main-item-list {
		border-color: #333;
	}
	body.dark.layout-v2 .nav-main .nav-main-item-list .nav-main-item-list-child a:hover {
		background: #dfdfdf;
		color: #333 !important;
	}
	body.dark.layout-v2 .nav-main .nav-main-item.active, 
	body.dark.layout-v2 .nav-main .nav-main-item-list .nav-main-item-list-child.active a {
		background: #777 !important;
		color: #eee !important;
	}
	body.dark #app .menu-trigger,
	body.dark .nav-main .menu-trigger {
		background: #333;
		color: #999;
	}
	
/* DETAILS */
body.dark details,
body.dark details .details-contents details summary {
	background: #46484e;
	border: 1px solid #555;
	box-shadow: none;
}
body.dark details.details-xs {
	background: none;
	border: 0;
}
body.dark details.muted {
	background: none;
	border-color: #999;
}
body.dark .adminAlerts-heading,
body.dark .adminAlerts-desc {
	color: #ccc;
}
body.dark details.adminAlert {
	background: none;
	border: 4px dashed #aaa;
	margin-bottom: 16px;
}
	body.dark details.adminAlert summary {
		color: #ccc;
	}

/* LIST GROUP */
body.dark .list-group .list-group-item {
	background: none;
	border-color: #555;
	color: #eee;
}
body.dark .list-group button:hover,
body.dark .list-group a:hover,
body.dark main nav a:hover {
	background: #555 !important;
	color: #fff !important;
}
body.dark .download-btns small {
	color: #ccc;
}

/* TABLES */
body.dark main table,
body.dark main thead,
body.dark main tbody,
body.dark main tr,
body.dark main th,
body.dark main td {
	background: #222;
	color: #dfdfdf;
}
body.dark main .ui-messenger-email table td {
	background: #fff !important;
}
body.dark main a,
body.dark main .btn-link,
body.dark main table tbody tr td a {
	color: #78c8ed;
}
body.dark main table tbody tr td a.btn {
	color: #fff;
}
body.dark .f-table table tbody tr:nth-child(even) {
	background: none;
}
body.dark .f-table table tbody tr:nth-child(odd) {
	background: #252525;
}
body.dark main table.listView tr td {
	background: none;
}
body.dark main table.listView tr:nth-child(even) {
	background: #111;
}
body.dark main table.listView tr:nth-child(odd) {
	background: #252525;
}
body.dark main table tr:hover td {
	background: #444;
}
body.dark main table.listView thead tr th,
body.dark main tr.headings th {
	background: none;
	color: #ccc;
}
body.dark main table.listView thead tr th,
body.dark main table.listView thead,
body.dark main table.listView thead tr td,
body.dark.body-entries-list table.listView thead th {
	background: #111;
}

body.dark .chooseaccount-btn {
	background: #444;
	border-color: #333;
	color: #eee;
}

/* BADGES AND STATUS MARKERS */
body.dark .badge-green {
	background: none;
	border: 3px solid #2E7D32;
	color: #81C784;
}

/* DEBUGGING */
body.dark pre {
	color: #eee;
}

/* RICH TEXT EDITORS */
body.dark .ck-sticky-panel__content {
	background-color: #eee !important;
}
body.dark button.ck {
	background: #ccc !important;
	color: #222 !important;
}
body.dark button.ck:hover {
	background: #eee !important;
}

/* IFRAME CONTENT */
body.dark .select-field { /* copy entry */
	background: none;
}
body.dark.load-script.script-messenger-campaign,
body.dark.load-script.script-messenger-notification {
	background-color: #fff !important;
}
body.dark.load-script.script-messenger-campaign p,
body.dark.load-script.script-messenger-notification p {
	color: #222;
}
body.dark.load-script.script-messenger-notification pre {
	color: #222 !important;
}
body.dark .modal .modal-body {
	background: #222;
	color: #eee;
}