/* fonts */
@import url('https://fonts.googleapis.com/css?family=Questrial|Roboto|Abel|Catamaran|Fira+Sans+Condensed|Oswald|Anton');

/* custom styles */
body {
	font-family: 'Catamaran', sans-serif;
}

body .row {
	max-width: 100%;
}

#header {
	width: 100%;
	background: var(--navy-blue-color);
	padding: 0;
}

#header .header-inner {
	margin: 0 auto;
}

#header .log-button {
	background-color: transparent;
	border: 1px solid var(--greenish-blue-color);
	border-radius: 4px;
	color: var(--greenish-blue-color);
	float: right;
	padding: 0.25rem 1rem;
	margin-top: 0.5rem;
	transition: transform 0.8s ease-in-out;
	-webkit-transition: -webkit-transform 0.8s ease-in-out;
}

#header a.log-button:hover {
	background-color: var(--greenish-blue-color);
	border: 1px solid var(--greenish-blue-color);
	color: #fff;
	box-shadow: none;
}

#header span.log-button:hover {
	background-color: #ff0000;
	border: 1px solid #ff0000;
	box-shadow: none;
	color: #fff;
}

#header .row .columns {
	padding: 10px 0;
}

#header .header-inner button.menu-icon {
	float: right;
	margin: 13px 0 0 25px;
}

#header .header-inner button.config-icon {
	float: right;
	margin: 3px 0 0 5px;
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #fff;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	border-radius: 40px;
}

#header .header-inner button.config-icon:hover {
	background: rgba(255, 255, 255, 0.2);
}

.is-open-right #header .header-inner button.config-icon {
	outline: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#header .header-inner button.config-icon i.fa {
	color: #fff;
}

#header .header-inner h1 {
	line-height: 1;
	font-size: 26px;
	padding: 0;
	margin: 5px 0 0 0;
}

#header .header-inner a.logo img {
	max-width: 175px;
}

#header .header-inner p {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 13px 10px 0 0;
	float: right;
}

#header .header-inner p a {
	color: #fff;
	font-size: 12px;
}

.feedback-wrap {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 5px;
	text-align: center;
	z-index: 9999;
}

.feedback-wrap .feedback {
	display: block;
	padding: 20px;
}

.feedback-wrap .feedback p {
	color: #fff;
	font-size: 36px;
}

.off-canvas {
	background: #222;
}

.off-canvas .close-button {
	color: #fff;
	top: 5px;
}

.off-canvas .menu {
	margin-top: 40px;
}

.off-canvas .menu>li>a {
	color: #fff;
	padding: 10px 10px 10px 15px;
}

.off-canvas .menu>li>a:hover {
	background: #444;
	border-radius: 0 0 0 0;
}

.off-canvas .menu>li:hover {
	background: #fff;
}

.off-canvas-content {
	background-color: #fff;
	border-top: 1px solid var(--greenish-blue-color);
}

#main-wrapper h1 {
	line-height: 1.2;
	font-size: 28px;
	font-weight: 300;
	padding: 20px;
	margin-bottom: 0;
	background: #1e212a;
	border-radius: 5px 5px 0 0;
	border-bottom: 2px solid #000;
	color: #fff;
	font-family: 'Fira Sans Condensed', sans-serif;
	text-transform: uppercase;
}

#main-wrapper h1 a.button {
	float: right;
	margin: 0;
	background: transparent;
	border: 2px solid #8dc63f;
	border-radius: 15px;
	padding: 8px 20px;
	line-height: 1;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#main-wrapper h1 a.button:hover {
	background: #b4dd85;
	color: #000;
}

#main-wrapper h3 {
	font-size: 20px;
}

#container {
	margin: 0 auto;
	background: rgba(220, 220, 220, 0.2);
}

#container input,
#container select,
#container textarea,
.ui-timepicker-standard a {
	box-shadow: none;
	border: 1px solid #333;
	border-radius: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

#container input.cr-slider {
	border: none;
}

#container .content {
	padding: 0 0 100px 0;
	min-height: 500px;
	background: #fff;
}

#container .content .top-content {
	padding: 15px;
}

#container .content .top-content p {
	margin: 0;
}

#container .content.wizard {
	background: #eee;
}

#container .content h2 {
	font-size: 24px;
	color: #333;
	padding: 0;
	margin: 5px 0 0 0;
}

.callout.unset {
	text-align: center;
	font-size: 20px;
	background: #fbffb6;
	margin: 10px 20px;
}

.upgrade-option {
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.upgrade-options {
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.upgrade-options .upgrade-option {
	display: inline-block;
	margin: 0 2px;
}

.upgrade-options .upgrade-option a {
	background: #efefef;
	display: block;
	padding: 5px 20px;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 2px;
	cursor: pointer;
}

.upgrade-options .upgrade-option a:hover {
	box-shadow: 0 0 10px #222;
}

.upgrade-options .upgrade-option.active a {
	background: #fff;
}

.upgrade-options .upgrade-option a h4 {
	margin: 0 0;
	font-size: 28px;
}

.upgrade-options .upgrade-option a .pricing {
	color: #7fbb37;
}

.upgrade-options .upgrade-option a .pricing .price-free {
	font-weight: 600;
}

.upgrade-options .upgrade-option a .current {
	color: #aaa;
}

.upgrade-options .button.package-details {
	background: #7fbb37;
	font-weight: 600;
	margin: 5px 0 5px 0;
	padding: 5px 10px;
}

#process-modal a.button {
	position: relative;
	display: inline-block;
	border: 1px solid #222;
	line-height: normal;
	margin: 15px auto 0 auto;
	font-size: 22px;
	font-weight: 600;
	padding: 15px 50px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	background: #7fbb37;
	font-family: 'Roboto', sans-serif;
}

#package-details-modal h4 {
	font-weight: 600;
}

#package-details-modal .package-details {
	border: 1px solid #efefef;
	padding: 10px;
	font-family: 'helvetica', sans-serif;
}

#package-details-modal .compare-features a {
	display: block;
	text-align: center;
	background: #efefef;
	color: #25aae1;
	font-weight: 600;
	padding: 5px;
}

p.free-text {
	font-size: 32px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 600;
	padding: 50px 10%;
	color: #444;
	line-height: 1.3;
	text-align: center;
	margin: 0;
}

/* end wizard styles */

/* signup form styles */
#container .sign-up-inner {
	max-width: 800px;
	margin: 15px auto;
	border: 1px solid #cacaca;
	background: #fff;
	padding: 20px 20px 60px 20px;
	border-radius: 5px;
}

#container .sign-up-inner p {
	text-align: center;
}

/* end signup form styles */

/* secure form styles */
.content-inner {
	background: #f9f9f9;
	padding: 1rem 0.625rem;
	border: 1px solid var(--info);
	border-radius: 4px;
}

.content-inner .submit input.secure-button,
#upgrade-form .submit input.secure-button {
	padding: 8px 40px;
	background: #8dc63f;
	font-size: 16px;
	border-radius: 5px;
	margin: 30px 5px;
	color: #fff;
}

#archive-viewer {
	display: inline-block;
	text-align: center;
	padding: 8px 40px;
	background: #8dc63f;
	cursor: pointer;
	font-size: 16px;
	border-radius: 5px;
	margin: 30px auto;
	color: #fff;
}

table.archive-table th {
	background-color: #c3dfa1;
	text-align: left;
}

table.archive-table td,
table.archive-table th {
	font-family: 'Roboto', sans-serif;
}

.content-inner .active .submit input,
#upgrade-form.active .submit input.secure-button {
	background: #74b964 url('../images/progress-circle.gif') no-repeat;
	background-size: 25px 25px;
	background-position: center left 5px;
}

.content-inner h4 {
	font-size: 16px;
}

.content-inner .field {
	padding: 5px 15px;
}

.content-inner .field.upload-box {
	padding: 15px 15px 5px 15px;
	background: #efefef;
}

.content-inner .main-info,
.content-inner .contact-info {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
}

.content-inner .config-info {
	background: #eee;
	margin-bottom: 15px;
	padding: 10px;
}

.content-inner .site-config-info {
	background: rgba(100, 100, 100, 0.05);
	margin-bottom: 15px;
	padding: 5px 15px;
	margin: 0 15px;
}

.content-inner .site-config-info .switch-label {
	font-size: 15px;
	padding: 18px 5px 5px 5px;
	font-weight: 600;
	color: #444;
}

.content-inner .field label {
	position: relative;
	font-size: 16px;
	width: 100%;
}

.content-inner .cur {
	font-size: 15px;
	letter-spacing: 0.25px;
	font-family: 'Roboto', sans-serif;
}

.content-inner .switch-label {
	font-size: 17px;
	line-height: 1;
	padding-top: 6px;
}

/* end secure form styles */

.event-stats.row {
	background: rgba(100, 128, 139, 0.1);
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 0 0 0;
}

.event-stats.row .stat-box {
	padding: 10px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #7fbb37;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
}

.event-stats.row .stat-label {
	color: #222;
	font-weight: 600;
	font-size: 14px;
	background: rgba(127, 187, 55, 0.2);
	padding: 0 5px;
}

.event-stats.row .stat-value {
	color: #000;
	padding-top: 5px;
}

.info-wrap {
	margin: 10px auto;
}

.info-wrap .info-item {
	display: table;
	width: 100%;
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	background: #fff;
	padding: 10px;
}

.info-wrap .info-label {
	display: table-cell;
	font-weight: 600;
	font-size: 18px;
	width: 36%;
}

.info-wrap .info-val {
	display: table-cell;
	font-size: 18px;
}

.info-wrap .info-item span {
	font-size: 12px;
	color: #444;
}

.content .chartjs-render-monitor {
	background: #fff;
}

.dash-button-wrap {
	text-align: center;
}

.dash-button-wrap .dash-button {
	border-radius: 3px;
	display: block;
	margin: 0 0 10px 0;
	font-size: 18px;
	padding: 5px 35px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	background-color: var(--orange-color);
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.dash-button-wrap .dash-button:hover {
	background-color: var(--greenish-blue-color);
}

.row.dashboard-package {
	margin: 0;
}

.instruction-text {
	padding: 5px 15px 0 15px;
	border: 1px solid rgba(100, 100, 100, 0.1);
	margin-bottom: 15px;
}

.instruction-text p {
	line-height: 1.4;
	margin-bottom: 10px;
	color: #444;
}

.instruction-text.small {
	padding: 0 0 0 0;
}

.instruction-text.small p {
	display: block;
	padding: 4px;
	font-size: 13px !important;
	line-height: 1;
	background: #eee;
	color: #555;
	text-align: center;
}

.request-funds h4 {
	font-size: 22px;
	padding: 0 5px;
	font-weight: 600;
}

.request-funds p {
	padding: 0 5px;
}

.request-funds .multi-option {
	padding: 0 20px;
}

.request-funds .past-requests {
	margin-top: 20px;
}

.request-funds .past-request-info {
	padding: 0 20px;
	margin-bottom: 40px;
}

.past-requests h4 {
	font-weight: 600;
	font-size: 20px;
	padding: 20px 10px 0 10px;
}

.question-wrap.row {
	padding: 10px;
	border: 1px solid #d6d6d6;
	margin: 15px;
	background: #eeebe3;
}

.question-wrap.question-switch {
	display: none;
}

.question-wrap.question-switch.active {
	display: block;
}

.rows-wrap.row {
	position: relative;
	padding: 10px 5px;
	border: 1px solid #d6d6d6;
	margin: 15px;
	background: var(--light-navy-blue-color);
	cursor: pointer;
}

.rows-wrap.row .upload-button,
.rows-wrap.row .upload-button-x2,
.rows-wrap.row .upload-button-x3 {
	padding: 2px 20px;
	font-size: 15px;
	margin: 2px 0 5px 0;
	border: 1px solid #7fbb37;
	border-radius: 3px;
	color: #444;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: rgba(97, 158, 22, 0.35);
}

.rows-wrap.row .upload-button:hover,
.rows-wrap.row .upload-button-x2:hover,
.rows-wrap.row .upload-button-x3:hover {
	background: rgba(97, 158, 22, 0.5);
}

.rows-wrap.row label {
	padding: 5px;
	font-weight: 600;
	font-size: 13px;
	margin-top: 5px;
	background: rgba(255, 255, 255, 0.2);
	color: #444;
}

.rows-wrap.row .medium-4 {
	padding-left: 5px;
	padding-right: 5px;
}

.rows-wrap.row .jqte {
	margin: 0;
}

.rows-wrap.row .medium-4 .trumbowyg-box {
	background: #fff;
}

.rows-wrap.row .remove-ajax {
	position: absolute;
	top: 0px;
	right: 0px;
}

.rows-wrap.row .cke_combo {
	width: 70px;
}

.rows-wrap.row .cke_button_label {
	display: none !important;
	/*without icon*/
}

.revenue-wrap.row,
.expense-wrap.row {
	position: relative;
	padding: 0 5px;
	border-bottom: 1px solid #d6d6d6;
	margin: 0 15px;
}

.tabs-content .revenue-wrap.row label,
.tabs-content .expense-wrap.row label {
	color: #999;
	font-size: 12px;
}

.tabs-content .revenue-wrap.row input,
.tabs-content .expense-wrap.row input {
	border: 1px solid #efefef !important;
	color: #333;
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.tabs-content .revenue-wrap.row .remove-ajax,
.tabs-content .expense-wrap.row .remove-ajax {
	margin-top: 15px;
}

.tabs-content .revenue-wrap.row .remove-ajax i.fa,
.tabs-content .expense-wrap.row .remove-ajax i.fa {
	color: #ccc;
}

.tabs-content .revenue-wrap.row .remove-ajax:hover i.fa,
.tabs-content .expense-wrap.row .remove-ajax:hover i.fa {
	color: #aaa;
}

#additional-revenue .add-ajax-button,
#expenses .add-ajax-button {
	margin: 0;
}

.row.rev-exp-row {
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding: 5px;
	margin: 5px 0 5px 0;
}

.row.rev-exp-row-none {
	text-align: center;
	padding: 30px 0;
	font-size: 24px;
}

#container .rows-wrap textarea.editor-content {
	font-family: 'Catamaran', sans-serif;
}

#container .rows-wrap textarea.editor-content p {
	font-size: 17px;
	margin-bottom: 10px;
	line-height: 1.5;
}

#container .rows-wrap textarea.editor-content h1 {
	font-family: 'Anton', sans-serif;
	font-size: 2.7em;
	color: #333;
	margin: 5px 0;
}

#container .rows-wrap textarea.editor-content h2 {
	font-family: 'Anton', sans-serif;
	font-size: 2.25em;
	color: #333;
}

#container .rows-wrap textarea.editor-content h3 {
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #333;
	border: none;
	background: #fff;
	padding: 5px;
	text-align: left;
	padding: 5px 0;
}

#container .rows-wrap textarea.editor-content h4 {
	font-family: 'Anton', sans-serif;
	font-size: 1.3em;
	font-weight: 300;
	color: #333;
}

#container .rows-wrap .cke_combo {
	width: 50px !important;
	margin-right: 4px !important;
}

#container .rows-wrap .cke_combo .cke_combo_text {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.content-section.row {
	margin-bottom: 15px;
}

.row.row-options {
	margin: 10px 0 20px 0;
}

.row.row-options .row-type-button {
	display: block;
	background: #efefef;
	padding: 0;
	text-align: center;
	border: 4px solid transparent;
	min-height: 70px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.row.row-options .row-type-button:hover {
	border: 4px solid #619e16;
}

.remove-ajax {
	background: #fff;
	padding: 7px;
	border: 1px solid #d6d6d6;
	cursor: pointer;
	text-align: center;
	margin-top: 0;
	width: 34px;
	height: 36px;
}

.remove-item,
.remove-package {
	background: #fff;
	padding: 7px;
	border: 1px solid #d6d6d6;
	cursor: pointer;
	text-align: center;
	width: 34px;
	height: 36px;
}

.upload-field .remove-item {
	height: auto;
}

.edit-item {
	background: #fff;
	padding: 7px;
	border: 1px solid #d6d6d6;
	cursor: pointer;
	text-align: center;
	width: 34px;
	height: 36px;
}

.remove-ajax i.fa {
	color: #555;
	font-size: 18px;
}

.add-ajax-button {
	display: block;
	padding: 2px;
	text-align: center;
	color: #8dc63f;
	background: var(--light-navy-blue-color);
	cursor: pointer;
	line-height: 1;
}

.add-ajax-button span {
	position: relative;
	bottom: 8px;
	right: 5px;
	font-size: 18px;
}

.add-ajax-button span.max {
	display: block;
	padding: 15px;
	color: #333;
	bottom: 0;
	right: 0;
}

.add-ajax-button i.fa {
	font-size: 40px;
	cursor: pointer;
}

.content-inner .card-info {
	background: #fff;
	border-radius: 3px;
}

.content-inner a.action-icon {
	display: block;
	text-align: center;
}

.add-ajax-button .add-question-button {
	color: #8dc63f;
}

.small-form {
	border: 1px solid #cacaca;
	background: #fff;
	padding: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
	margin: 50px auto;
}

.small-form h4 {
	color: #444;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	color: #333;
	margin: 5px 0 15px 0;
}

.small-form p {
	text-align: center;
}

.small-form label {
	font-size: 16px;
	line-height: 1.4;
}

.small-form input[type='submit'] {
	display: block;
	width: 100%;
}

.small-form input[type='submit'] {
	display: block;
	width: 100%;
}

.small-form .g-wrap {
	max-width: 304px;
	margin: 0 auto;
}

.mid-form {
	padding-bottom: 140px;
}

.mid-form .pwords {
	margin-bottom: 20px;
}

.mid-form input[type='password'] {
	margin-bottom: 0;
}

.mid-form h1 {
	color: #444;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	color: #333;
	margin: 5px 0 25px 0;
}

.mid-form label {
	font-size: 16px;
	line-height: 1.4;
}

.cart-controls {
	padding: 15px 0 10px 0;
	text-align: center;
}

#container .cart-controls input[type='submit'],
#container .cart-controls a,
.reveal .cart-controls a {
	position: relative;
	display: inline-block;
	border: 1px solid #222;
	line-height: normal;
	margin: 15px auto 0 auto;
	font-size: 22px;
	font-weight: 600;
	padding: 15px 50px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	background: #7fbb37;
	font-family: 'Roboto', sans-serif;
}

#container .active .cart-controls input[type='submit'] {
	background: #7fbb37 url('../images/progress-circle.gif') no-repeat;
	background-size: 25px 25px;
	padding: 25px 80px;
	font-size: 0;
	background-position: top 50% right 50%;
}

.form-alert {
	background-color: rgba(236, 88, 64, 0.1);
	padding: 10px;
	border: 1px solid #ec5840;
	text-align: center;
	margin: 10px 0 20px 0;
}

.form-alert p {
	font-size: 18px;
	line-height: 1.4;
	margin: 0 0 0 0;
}

.field label span.req {
	position: relative;
	display: inline-block;
	color: red;
}

.row.promo-row {
	margin-left: 5px;
	margin-right: 5px;
	background: rgba(255, 255, 255, 0.5);
	padding: 20px 10px;
}

.row.promo-row .ajax-object {
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

.row.promo-row .discount-type {
	position: absolute;
	display: none;
	font-size: 18px;
}

.row.promo-row .discount-type.fixed {
	left: -12px;
	bottom: 2px;
	font-family: 'helvetica', sans-serif;
}

.row.promo-row .discount-type.percentage {
	right: -18px;
	bottom: 2px;
	font-family: 'helvetica', sans-serif;
}

.row.questions-row {
	background: rgba(255, 255, 255, 0.5);
	margin: 10px 5px 0 5px;
	padding-bottom: 10px;
	min-height: 100px;
	border-bottom: 1px solid #d6d6d6;
}

.course-wrap.row {
	padding: 15px 10px 10px 10px;
	border: 1px solid #d6d6d6;
	margin: 15px;
	background: #fff;
}

.row.course-row {
	background: #619e16;
	margin: 10px 0;
	padding-bottom: 10px;
	padding: 3px 0;
	min-height: 100px;
}

#selected-courses h3 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	line-height: 1.2;
	font-family: 'Roboto', sans-serif;
}

#selected-courses h4 {
	color: #555;
	font-size: 17px;
	margin: 5px 0 5px 0;
	font-weight: 300;
	line-height: 1.1;
	font-family: 'Roboto', sans-serif;
}

#selected-courses h5 {
	color: #555;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.1;
	font-family: 'Roboto', sans-serif;
}

.course-selector {
	position: relative;
	background: #fff;
	margin: 10px 15px 0 15px;
	padding: 0;
}

.course-selector .field {
	padding: 0;
}

.course-selector .search-result {
	cursor: pointer;
	margin: 1px 5px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.7);
}

.course-selector .search-result:hover {
	background: rgba(255, 255, 255, 1);
}

.course-selector .search-result h4 {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Fira Sans Condensed', sans-serif;
	line-height: 1.3;
	margin: 0 2px;
	color: #222;
}

.course-selector .search-result h5 {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
	margin: 0 2px;
	color: #444;
}

.course-selector label {
	display: block;
	background: rgba(255, 255, 255, 0.8);
	margin: 0 3px;
	padding: 15px;
}

.course-selector input {
	display: block;
	padding: 15px;
	width: 100%;
	margin: 5px auto;
	font-size: 22px;
	background: #fff;
}

.course-selector .search-result .select-button {
	display: block;
	background: #8dc63f;
	color: #fff;
	font-weight: 600;
	padding: 5px;
	margin-top: 15px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

#current-course {
	margin: 0 20px 20px 20px;
	padding: 15px;
	background: #efefef;
}

#current-course h4 {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Fira Sans Condensed', sans-serif;
	line-height: 1.3;
	margin: 0 2px;
	color: #222;
}

#current-course h5 {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
	margin: 0 2px;
	color: #444;
}

.site-builder {
	padding: 0 10px;
}

#main-wrapper .site-builder .row h3 {
	padding: 10px 15px;
	background: #ccc;
	color: #222;
	border-bottom: 1px solid #d6d6d6;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
}

.row.content-rows {
	background: #efefef;
	margin: 10px 5px 0 5px;
	padding-bottom: 10px;
	min-height: 100px;
	border-bottom: 1px solid #d6d6d6;
}

.content-rows figure.media {
	display: block;
}

.answer-options {
	display: none;
	padding: 10px;
	background: #fff;
}

.content-inner textarea {
	min-height: 150px;
}

.submit {
	text-align: center;
}

button:focus,
input[type='submit']:focus {
	outline: 0;
}

.submit input[type='submit'] {
	display: inline-block;
	margin: 20px auto;
	padding: 15px 50px;
	background: #8dc63f;
	font-size: 26px !important;
	color: #fff;
}

.req {
	color: red;
}

.placeholder {
	background: #efefef;
	border: 1px solid #ccc;
	display: block;
	padding: 50px;
	min-height: 150px;
}

#footer .footer-inner p {
	background: var(--greenish-blue-color);
	color: #fff;
	border-top: 2px solid var(--greenish-blue-color);
	font-size: 14px;
	padding: 20px;
	margin-bottom: 0;
	font-family: 'Fira Sans Condensed', sans-serif;
	text-align: center;
	text-transform: uppercase;
}

input.update {
	display: block;
	width: 100%;
	margin: 30px auto;
}

.hidden-other {
	display: none;
}

.step-progress {
	padding: 15px 0;
	text-align: center;
}

.step-progress .step {
	display: inline-block;
	padding: 5px 20px;
	margin: 0 2px 10px 2px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: #999;
	background: rgba(0, 0, 0, 0.02);
	border: 1px solid #888;
	border-radius: 15px;
	font-family: 'Abel', sans-serif;
}

.step-progress .step.active {
	color: #7fbb37;
	background: #fff;
	border: 1px solid #7fbb37;
	font-size: 20px;
}

.step-progress .fas {
	color: #d6d6d6;
}

.errors p,
.add-errors p {
	color: #ff4026;
	text-align: center;
}

.dash-top {
	margin-bottom: 30px;
	padding: 0 15px;
}

.site-grid {
	padding-bottom: 30px;
}

.site-grid .ce-selector {
	padding-bottom: 30px;
}

.site-grid .no-content-box {
	max-width: 600px;
	margin: 20px auto;
	background: #fff;
	padding: 20px;
}

#main-wrapper .site-grid .ce-selector-inner {
	padding: 10px 5px;
	background: #fff;
	background-position: top right 25px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 1px solid #afbe9e;
	background-position: center center;
}

#main-wrapper .site-grid .ce-selector-inner:hover {
	background: #81be37 url(../images/right-arrow.png) no-repeat;
	background-position: center right;
	border: 1px solid #222;
}

#main-wrapper .site-grid .ce-selector-inner h3 {
	background: none;
	border-bottom: none;
}

#main-wrapper .dash-info-inner {
	background: var(--navy-blue-color);
	padding: 10px 20px;
}

#main-wrapper .dash-info-inner .row {
	background: rgba(255, 255, 255, 0.3);
	padding: 10px 0;
	margin-bottom: 4px;
}

#main-wrapper .dash-info-inner h3 {
	color: #222;
	font-size: 20px;
	font-weight: 600;
}

#main-wrapper .dash-info-inner .stat {
	color: #222;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}

#main-wrapper .dash-info-inner .site-status .good {
	background: #81be37;
	padding: 0;
	font-size: 20px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	margin-bottom: 5px;
}

#main-wrapper .upgrade-levels {
	margin: 0 15px;
	background: #fff;
}

#main-wrapper .upgrade-levels h4 {
	padding: 20px;
	background: #2e323e;
	line-height: 1;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #fff;
}

#main-wrapper .upgrade-levels ul {
	padding: 5px;
}

#main-wrapper .upgrade-levels ul li.accordion-item {
	margin-bottom: 3px;
	background: #fff;
	border: 2px solid rgba(129, 190, 55, 0.5);
}

#main-wrapper .upgrade-levels .accordion-title {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#main-wrapper .upgrade-levels ul li.is-active,
#main-wrapper .upgrade-levels .accordion-title:hover {
	background: rgba(129, 190, 55, 0.2);
}

#main-wrapper .upgrade-levels ul li.accordion-item a {
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	border: none;
	background: rgba(129, 190, 55, 0.1);
}

#main-wrapper .upgrade-levels .accordion-content {
	font-family: 'Roboto', sans-serif;
}

#main-wrapper .upgrade-levels .accordion-content h3 {
	color: #222;
	font-weight: 600;
}

#main-wrapper .new-site-button {
	text-align: center;
	margin: 30px 0;
}

#main-wrapper .new-site-button a {
	display: inline-block;
	background: #619e16;
	padding: 8px 40px;
	margin: 0 5px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #222;
}

#main-wrapper .new-site-button a h3 {
	color: #fff;
	padding: 0;
	margin: 0;
}

#main-wrapper .new-site-button a p {
	padding: 0;
	margin: 5px 0 0 0;
	color: #fff;
}

#main-wrapper .ce-selector-inner .meta {
	display: block;
	padding: 2px 5px;
	border-top: #ccc;
	color: #000;
	font-family: 'Roboto', sans-serif;
}

#main-wrapper .site-grid .ce-selector-inner h3 {
	display: block;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	padding: 5px;
	margin: 0;
}

#main-wrapper .site-grid .ce-selector-inner:hover .meta,
#main-wrapper .site-grid .ce-selector-inner:hover h3 {
	color: #fff;
}

#main-wrapper .content-section {
	font-family: 'Catamaran', sans-serif;
}

#main-wrapper .content-section p {
	font-size: 17px;
	margin-bottom: 10px;
	line-height: 1.5;
}

#main-wrapper .content-section h1 {
	font-family: 'Anton', sans-serif;
	font-size: 2.7em;
	color: #333;
	background: none;
	border-bottom: none;
	padding: 0;
	margin: 5px 0;
}

#main-wrapper .content-section h2 {
	font-family: 'Anton', sans-serif;
	font-size: 2.4em;
	color: #333;
}

#main-wrapper .content-section h3 {
	font-family: 'Anton', sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #333;
}

#main-wrapper .content-section h4 {
	font-family: 'Anton', sans-serif;
	font-size: 1.3em;
	font-weight: 300;
	color: #333;
	margin: 5px 0;
}

.site-grid .ce-selector-inner form {
	display: block;
	text-align: center;
}

.site-grid .ce-selector-inner input[type='submit'] {
	display: block;
	background: #fff;
	width: 100%;
	color: #222;
	padding: 5px 5px;
}

.site-grid .button {
	display: block;
	text-align: center;
	padding: 10px 10px 0 10px;
	background: none;
}

.site-grid .button a {
	padding: 15px;
	display: block;
	background: #81be37;
	color: #000;
	font-size: 22px;
	margin: 0;
}

.site-grid p {
	padding: 15px;
	color: #000;
	font-size: 20px;
	text-align: center;
	margin: 5px 0;
}

ul.vertical.menu.core-menu {
	margin-bottom: 15px;
}

ul.vertical.menu {
	background: var(--navy-blue-color);
	border: 1px solid var(--info);
	border-radius: 4px;
	padding: 10px 0;
}

ul.vertical>li {
	padding: 0 10px 0 0;
}

ul.vertical>li .current-user-access {
	background-color: #359297c4;
	border-radius: 4px;
	color: #eee;
	font-size: 11px;
	padding: 0 10px;
	margin: 0 0 10px 10px;
	position: relative;
}

ul.vertical>li .current-user-access .access-label {
	display: block;
	padding: 0;
	font-size: 14px;
	color: #fff;
}

ul.vertical>li .current-user-access .change-user {
	background: var(--navy-blue-color);
	border-radius: 3px;
	color: #222;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 600;
	float: right;
	line-height: 1;
	padding: 7px 10px;
	margin-top: 5px;
}

ul.vertical>li>a {
	color: #104f53;
	font-weight: 300;
	font-family: 'Fira Sans Condensed', sans-serif;
	text-transform: uppercase;
	line-height: 1;
	padding: 0;
}

ul.vertical .menu.nested>li>a {
	position: relative;
	border-left: 4px solid var(--orange-color);
	padding: 10px 10px 10px 30px;
	color: #fff;
}

ul.vertical .menu.nested>li>a::before {
	position: absolute;
	top: 7px;
	left: 13px;
	content: '>';
	font-size: 18px;
	line-height: 1;
	display: block;
	float: left;
	color: var(--orange-color);
	width: 20px;
	height: 20px;
}

ul.vertical>li.a>a,
ul.vertical>li.a>a:hover {
	background: var(--orange-color);
	border-radius: 0 20px 20px 0;
	color: #fff;
	white-space: nowrap;
}

ul.vertical>li>a:hover {
	background: rgba(37, 170, 226, 0.3);
	border-radius: 0 20px 20px 0;
	color: initial;
}

ul.vertical>li>a>.nav-link-icon,
ul.vertical>li>a>.nav-link-text {
	display: inline-block;
	padding: 8px;
	font-size: 15px;
	font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}

ul.vertical>li>a>.nav-link-icon {
	background: var(--navy-blue-color);
	max-height: 40px;
	text-align: center;
	width: 40px;
}

ul.vertical>li.a>a>.nav-link-icon,
ul.vertical>li>a:hover>.nav-link-icon {
	background: transparent;
}

ul.vertical .menu.nested>li.a>a {
	background: var(--orange-color);
	color: #fff !important;
}

ul.vertical>li>a i {
	margin: 0 auto;
}

ul.vertical .menu.nested {
	background-color: var(--greenish-blue-color);
	border-bottom: 5px solid var(--greenish-blue-color);
	border-top: 5px solid var(--greenish-blue-color);
	padding: 0;
	margin-left: 0;
}

.db-box a {
	display: block;
	padding: 80px 0;
	margin-bottom: 15px;
	text-align: center;
	color: #000;
	font-weight: 600;
	font-size: 16px;
	background: #d6d6d6;
	opacity: 0.7;
	transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
}

.db-box.admin a {
	background: #aaa;
}

.db-box a:hover {
	opacity: 1;
}

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

.social-icon img {
	width: 100%;
	max-width: 50px;
}

.is-accordion-submenu-parent>a::after {
	border-color: #fff transparent transparent;
}

ul.accordion a.accordion-title {
	font-weight: 600;
	font-size: 18px;
	color: #000;
}

ul.tabs li.tabs-title a {
	font-weight: 600;
	font-size: 15px;
	color: #000;
}

ul.tabs li.tabs-title.is-active a {
	background: #7fbb37;
	color: #fff;
}

table.tablesorter {
	margin-top: 30px;
}

table.tablesorter tr th,
table.tablesorter tr th.header {
	border-bottom: 1px solid #ccc;
	padding: 10px !important;
	font-size: 18px !important;
}

table.tablesorter td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

table.tablesorter td span {
	display: none;
}

table.tablesorter td:last-child {
	border-right: none;
}

table.tablesorter td.cen {
	text-align: center;
}

table.tablesorter tbody tr {
	background-color: #f1f1f1;
}

table.tablesorter tr#new,
table.tablesorter tr.new {
	background-color: #b8e9f3 !important;
}

table.tablesorter tr.changed {
	background: #b8e9f3 !important;
}

table.tablesorter tr td input,
table.tablesorter tr td select,
table.tablesorter tr td textarea {
	margin-bottom: 0 !important;
	font-size: 18px !important;
}

#committee_options {
	font-size: 18px !important;
}

.reveal-overlay {
	background: rgba(0, 0, 0, 0.5);
}

.reveal-overlay .reveal {
	width: 100%;
	max-width: 800px;
	padding: 0 0 15px 0 !important;
	border: 3px solid #21a0dd;
	outline: none;
}

.reveal-overlay .reveal.wide {
	width: 100%;
	max-width: 1140px;
	border: 3px solid #21a0dd;
	outline: none;
}

.reveal-overlay .reveal.wide h4 {
	border-bottom: 2px solid #21a0dd;
	padding: 0;
	color: #21a0dd;
	font-size: 32px;
	margin: 10px 0 35px 0;
}

.reveal-overlay .reveal.mid {
	width: 100%;
	max-width: 860px;
	border: 3px solid #21a0dd;
	outline: none;
}

.reveal-overlay h3 {
	text-align: center;
	font-size: 24px;
	padding-bottom: 20px;
	font-family: 'Abel', sans-serif;
}

.reveal-overlay .button {
	color: #333;
	background: #fff;
	font-size: 18px;
	border: 1px solid #7fbb37;
	border-radius: 25px;
	padding: 10px 15px;
	font-family: 'Abel', sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.reveal-overlay .close-button {
	color: #333;
	background: #fff;
	font-size: 18px;
	border: 1px solid #7fbb37;
	border-radius: 5px;
	padding: 10px 15px;
	margin: 15px 10px 0 0;
	font-family: 'Abel', sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.reveal-overlay .button:hover,
.reveal-overlay .button.selected {
	color: #fff;
	background: #222;
}

.reveal-overlay .field {
	text-align: center;
}

.custom-modal .upgrade h4 {
	text-align: center;
	font-size: 18px;
	padding-bottom: 20px;
	font-family: 'Abel', sans-serif;
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #efefef 50%, #ffffff 99%);
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #efefef 50%, #ffffff 99%);
	background: radial-gradient(ellipse at center, #ffffff 0%, #efefef 50%, #ffffff 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
	padding: 12px 10px;
	margin-bottom: 25px;
	border-bottom: 2px solid var(--info);
	border-top: 2px solid var(--info);
	color: #444;
}

.custom-modal .upgrade h3 {
	text-align: center;
	font-weight: 600;
	padding-bottom: 10px;
	font-family: 'Abel', sans-serif;
	text-transform: uppercase;
	color: #222;
	padding: 10px;
	background: #fff;
	margin-bottom: 0;
}

.custom-modal .upgrade p,
.custom-modal .upgrade ul li {
	font-size: 16px;
	font-family: 'Abel', sans-serif;
}

.custom-modal .upgrade .upgrade-inner {
	padding: 5px;
}

.custom-modal .upgrade.popular {
	padding: 8px;
	border-radius: 3px;
	background: var(--light-navy-blue-color);
	box-shadow: 0px 0px 10px 2px var(--navy-blue-color);
}

.custom-modal .upgrade .upgrade-inner .button {
	background-color: unset;
	border-radius: 25px;
	border-color: #2199e8;
	color: #2199e8;
	display: block;
	text-align: center;
}

.custom-modal .upgrade .show-more {
	cursor: pointer;
	margin-bottom: 10px;
}

.custom-modal .upgrade ul li.more {
	display: none;
}

.custom-modal .upgrade ul.show-all li.more {
	display: list-item;
}

.custom-modal .upgrade ul.show-all .show-more {
	display: none;
}

.reveal h3 {
	font-size: 24px;
	line-height: 1.2;
	padding: 5px 10px;
	margin-bottom: 0;
	font-family: 'Anton', sans-serif;
	text-align: center;
}

.reveal .loading-results {
	padding: 10px;
	text-align: center;
}

.reveal .cur {
	font-family: 'helvetica', sans-serif;
	font-size: 15px !important;
}

#cc-feedback {
	text-align: center;
	padding: 10px;
}

#cc-feedback p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}

#cc-feedback p.number {
	font-weight: 600;
}

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

.tools .sharing .menu>li>a {
	background: #d6d6d6;
	color: #000;
}

.tools .sharing .menu.vertical>li {
	background: #efefef;
}

.tools .sharing .menu.vertical>li.is-submenu-item {
	padding: 5px 10px;
	display: block;
	clear: both;
}

.tools #add-user,
.tools #add-team {
	cursor: pointer;
	padding: 10px;
}

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

.tools .tool {
	display: inline-block;
}

.search-feedback {
	padding: 5px;
}

.search-feedback a.add-connection {
	float: right;
}

.button.search {
	margin-top: 22px;
}

.button a {
	color: #fefefe;
}

.button.read-only {
	background: #d6d6d6;
}

a.button.read-only {
	color: #222;
}

.button.revoke-share-row,
.button.revoke-team-row {
	background: #d6d6d6;
	color: #333;
	padding: 6px;
	float: right;
	margin-bottom: 0;
}

.is-accordion-submenu-parent>a::after {
	border-color: #000 transparent transparent;
}

.party select,
.stand select {
	min-width: 120px;
}

.reveal-overlay .button.confirm-remove-row {
	width: 100%;
}

.feedback-overlay {
	display: none;
	position: fixed;
	top: 100px;
	width: 100%;
	padding: 0;
	z-index: 1001;
	-webkit-animation-fill-mode: backword;
	-webkit-animation-name: fadeIn;
}

.feedback-inner {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	padding: 50px;
	color: #fff;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.8);
}

.report {
	display: table;
	width: 100%;
	padding: 15px;
	margin: 50px 0 50px 0;
}

.report .stat {
	display: table-cell;
	width: 20%;
	text-align: center;
}

.report .stat h5 {
	color: #444;
}

.report .stat div {
	color: #222;
	border: 1px solid #d6d6d6;
	margin: 0 2px;
	background: #fff;
	padding: 10px 0;
}

.section-spacer {
	display: block;
	padding: 20px;
}

.breadcrumb {
	margin: 0 0 10px 0;
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top,
			rgba(255, 255, 255, 1) 0%,
			rgba(244, 244, 244, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,
			rgba(255, 255, 255, 1) 0%,
			rgba(244, 244, 244, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 1) 0%,
			rgba(244, 244, 244, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

ul.breadcrumb li a {
	color: var(--orange-color);
	text-transform: capitalize;
}

ul.breadcrumb li a:hover {
	color: var(--greenish-blue-color);
	text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #bbb;
}

/* password styles */

.indicator {
	font-size: 12px;
	padding: 3px;
	margin: 5px 0 0 0;
	color: #444;
}

.indicator.green {
	background: #b6e46e;
}

.password-strength-wrapper {
	width: 100%;
	display: none;
	margin: 5px 0 0 0;
}

#passwordDescription {
	font-size: 12px;
	padding: 0;
	color: #444;
}

#passwordStrength {
	display: block;
	/*	float:left;*/
	font-size: 12px;
	padding: 3px;
}

.strength0 {
	width: 20%;
	background: #f5e1db;
}

.strength1 {
	width: 40%;
	background: #f5f0d7;
}

.strength2 {
	width: 60%;
	background: #ecf4d7;
}

.strength3 {
	width: 80%;
	background: #c7f0c1;
}

.strength4 {
	background: #b6e46e;
	width: 100%;
}

.strength5 {
	background: #b6e46e;
	width: 100%;
}

.scrape-report {
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 10px;
}

.scrape-report .member {
	border: 1px solid blue;
	padding: 5px;
}

.scrape-report .sub {
	border: 1px solid green;
	margin-left: 40px;
	padding: 5px;
}

td.action {
	width: 60px;
}

td.action .button {
	margin-bottom: 0;
	background-color: #999;
	border: 1px solid #888;
}

/* croppie image upload styles */
.croppie-container .cr-viewport {
	border: 2px solid #ccc !important;
}

.image-option {
	display: block;
	background: var(--navy-blue-color);
	padding: 0;
	cursor: pointer;
	margin-bottom: 5px;
	border: 5px solid transparent;
}

.image-option.active {
	background-color: var(--greenish-blue-color);
}

.sub-tabs {
	padding: 0 15px;
}

.sub-tabs .tabs-content {
	background: #e6e6e6;
}

.sub-tabs .image-container {
	padding: 20px;
	background: #e6e6e6;
	margin-bottom: 45px;
}

.sub-tabs ul.tabs {
	border: none;
}

.tabs-panel ul.tabs li.tabs-title.is-active a {
	background: #e6e6e6;
	color: #000;
}

.logo-row {
	display: none;
}

.logo-row.active {
	display: block;
}

.upload-field {
	/*	max-width:500px;*/
	margin: 0 auto;
	text-align: center;
}

.upload-field input[type='file'] {
	border: 2px solid #8dc63f;
	text-align: center;
	padding: 20px 100px;
	margin-bottom: 0;
	border-radius: 5px;
	cursor: pointer;
}

.upload-field button {
	padding: 8px 40px;
	font-size: 16px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	padding: 20px 100px;
	cursor: pointer;
	width: 100%;
	line-height: 1.3;
}

.upload-box .upload-field button {
	margin: 0;
}

#upload-header-result-photo .upload-field input[type='file'] {
	padding: 10px;
	margin-bottom: 10px;
}

.upload-field button.active {
	border: 2px solid #8dc63f;
	background: url('../images/ajax-load.gif') no-repeat;
	background-position: center center;
	font-size: 0;
}

.upload-feedback {
	background-color: #f04124;
	border-color: #de2d0f;
	color: #ffffff;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
}

#upload-landing {
	margin: 0 auto 40px auto;
}

#upload-landing .columns {
	margin: 15px 0;
}

.columns {
	padding: 12px 15px;
}

.cropper {
	/*	display:none;*/
	margin-top: 20px;
}

.cropper.visible {
	display: block;
	text-align: center;
}

.caption,
.link-url {
	display: none;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

.caption input,
.link-url input {
	margin: 5px 0;
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	font-size: 20px;
	border: 2px solid #ddd;
	color: #444;
}

.link-field {
	display: none;
	margin-top: 20px;
}

.image-box .row.tools {
	margin: 0 0 20px 0;
	text-align: center;
	border: 1px solid #efefef;
}

.image-box .row.tools i {
	color: #555;
	cursor: pointer;
	margin: 5px;
}

.image-box .row.tools i:hover {
	color: #000;
}

.caption-update {
	border: 1px solid #ccc;
	padding-top: 5px;
	margin: 5px 0;
}

.caption-update input[type='text'],
.caption-update input[type='text']:active,
.caption-update input[type='text']:focus {
	width: 78%;
	border: none;
	box-shadow: none;
}

.caption-update .caption-save {
	float: right;
	color: #fff;
	background: rgba(141, 198, 63, 0.95);
	padding: 5px;
	margin: 0 5px 0 0;
	text-align: center;
	cursor: pointer;
	border: 1px solid #444;
	line-height: 1;
}

.caption-update .caption-save .fa {
	color: #fff;
	font-size: 15px;
}

#container .caption-update input {
	border: none;
	background: #eee;
	margin: 0 0 5px 5px;
	padding: 5px;
	height: auto;
}

.column.site-image {
	margin: 10px 0;
}

#overlay-image-container.hidden {
	display: none;
}

.jscolor {
	cursor: pointer;
	width: 100% !important;
	padding: 10px;
	border: none;
	text-align: center;
}

/* admin styles */

.row.filter-row {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px 0 10px 0;
	border-radius: 5px;
	background: #efefef;
}

#main-wrapper .row.filter-row h3 {
	font-size: 20px;
	font-weight: 600;
	padding-top: 7px;
	color: #333;
}

#main-wrapper .row.filter-row select {
	margin-bottom: 0;
}

.row.header {
	padding: 10px 5px;
	background: rgba(100, 100, 100, 0.25);
	margin: 20px 0 0 0;
	font-size: 18px;
	font-weight: 600;
}

.row.funds-header {
	padding: 10px 5px;
	background: rgba(100, 100, 100, 0.25);
	margin: 0;
	font-size: 18px;
}

.row.user-row {
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding: 5px;
	margin: 0;
}

.row.user-row .columns {
	padding-top: 8px;
}

.row.user-row .action-col {
	text-align: right;
	padding-top: 0;
}

.row.user-row .button {
	padding: 10px 15px;
	display: block;
	background: #81be37;
	color: #fff;
	font-size: 16px;
	margin: 0;
	border-radius: 0;
	border: none;
	font-weight: 300;
	border-radius: 0 !important;
	border: none !important;
}

.row.log-row {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	margin: 5px 0 10px 0;
}

.row.log-row .columns {
	padding-top: 2px;
}

#form-feedback {
	display: none;
	padding: 15px;
	font-size: 20px;
	color: #dd4d21;
	background: rgba(221, 77, 33, 0.2);
	text-align: center;
	font-weight: 600;
}

.row.config .row {
	padding: 15px 15px 0 15px;
	background: #eee;
}

.row.config .row.standard {
	background: #fff;
	max-width: 400px;
}

.row.config .row.config-child {
	padding-top: 35px;
}

.config-child.hidden {
	display: none;
}

.row.config .row.parent-enabler {
	background: none;
	max-width: 400px;
}

.row.config .row.parent-enabler.active {
	background: #eeeeee;
}

.row.config .config-option {
	display: none;
}

.row.config .config-option.active {
	display: block;
}

#container .row.config input[type='text'] {
	width: 100%;
	margin-bottom: 0;
}

.tabs-content h4 {
	font-size: 22px;
	font-weight: 600;
	color: #333;
	margin: 5px 15px 20px 15px;
	font-family: 'Roboto', sans-serif;
}

.tabs-content .field label {
	font-size: 16px;
	color: #333;
	margin: 10px 0 0 0;
}

.custom-menu-option {
	display: block;
	padding: 5px;
}

.custom-menu-option.hidden {
	display: none;
}

.content-inner .site-config-info.admin-field-set {
	display: none;
	background: #fff;
	border-top: 1px solid #ccc;
}

.content-inner .site-config-info.admin-field-set.active {
	display: block;
}

.sort-fields {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
	border: none;
}

.sort-fields .sorter {
	display: inline-block;
	padding: 3px;
	background: rgba(100, 100, 100, 0.1);
	cursor: pointer;
	font-size: 10px;
	margin: 0;
	color: #999;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.sort-fields .sorter:hover {
	color: #222;
}

.denied p {
	display: block;
	font-size: 22px;
	padding: 50px;
	color: #dd4d21;
	text-align: center;
}

#pager {
	padding: 15px 0;
	text-align: center;
}

#pager a,
#pager strong {
	display: inline-block;
	border: 1px solid rgba(33, 153, 232, 1);
	padding: 5px;
	margin: 0 1px;
}

#pager strong {
	color: rgba(33, 153, 232, 1);
	background: rgba(33, 153, 232, 0.2);
}

.revenue-expenses {
	font-family: 'Abel', sans-serif;
}

.financial-summary {
	margin: 20px 0 20px 0;
}

.financial-summary h4 {
	font-size: 20px;
}

.financial-summary .totals {
	border-top: 1px solid #222;
	padding-top: 3px;
	background: #999;
}

.financial-summary .totals h4 {
	color: #fff;
	font-weight: 600;
}

#archived.active {
	background: #fff;
	margin-bottom: 50px;
}

#archived .archive-switch {
	display: none;
}

#archived .archive-switch.active {
	display: block;
}

#event-archive {
	display: none;
	padding: 10px;
}

#archived.active #event-archive {
	display: block;
	padding: 0;
}

.reveal-overlay .reveal.website-frame {
	position: relative;
	width: 100%;
	max-width: 1080px;
	text-align: right;
	top: 0px;
}

.reveal-overlay .reveal.website-frame .close-button {
	z-index: 1010;
}

.archived-iframe iframe {
	position: relative;
	width: 100%;
	height: 700px;
	max-width: 1080px;
}

#container #archived h2 {
	font-size: 18px;
	color: #363636;
	margin-bottom: 10px;
	font-weight: 600;
}

#archived .archived-events {
	padding: 5px 0 0 0;
	background: var(--light-navy-blue-color);
	margin: 0 5px;
}

#archived .archive-wrap {
	margin-left: 5px;
	margin-right: 5px;
	background: rgba(129, 190, 55, 0.1);
	padding: 10px 5px 5px 5px;
	border-bottom: 1px solid rgba(129, 190, 55, 0.3);
}

#archived .archive-wrap.new-row {
	background: #efefef;
}

#archived .archive-wrap input {
	margin-bottom: 5px;
}

#archived .action {
	display: inline-block;
	margin: 0 0 0 5px;
}

#archived .action .fa {
	border: 1px solid #222;
	color: #222;
	padding: 3px;
	font-size: 16px;
	cursor: pointer;
	background: #fff;
}

#main-wrapper.archives h3 {
	color: #444;
	font-family: 'Fira Sans Condensed', sans-serif;
	background: #fff;
	display: inline-block;
	padding: 10px 15px;
	margin-bottom: 0;
}

#live-suggestions {
	display: block;
	background: #619e16;
}

#live-suggestions .search-result {
	padding: 15px 7px 5px 7px;
	background: #efefef;
	font-size: 18px;
	margin: 0 3px;
	border-top: 2px solid #619e16;
	border-bottom: 2px solid #619e16;
}

#live-suggestions .search-result .switch-button {
	background: #8dc63f;
	color: #222;
	padding: 2px 5px;
	margin-bottom: 10px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

/* mobile and tablet styles */
@media only screen and (max-width: 64em) {
	.tools .sharing {
		margin-bottom: 3em;
	}
}

/* mobile styles */
@media only screen and (max-width: 639px) {
	.step-progress .step {
		display: block;
	}

	.report .stat h5 {
		font-size: 12px;
	}

	.report .stat div {
		font-size: 16px;
	}

	table.tablesorter tr th,
	table.tablesorter tr th.header {
		padding: 0 10px 0 0 !important;
		font-size: 10px !important;
	}

	table.tablesorter tr td input,
	table.tablesorter tr td select,
	table.tablesorter tr td textarea {
		margin-bottom: 0 !important;
		font-size: 12px !important;
		padding: 0;
		height: auto;
	}

	table.tablesorter tr td.name {
		max-width: 120px;
		overflow: hidden;
	}

	table.tablesorter tr td.name input {
		min-width: auto;
	}

	table.tablesorter tr td.party {
		width: 67px;
		overflow: hidden;
	}

	table.tablesorter tr td.stand {
		width: 70px;
		overflow: hidden;
	}

	table.tablesorter tr td.party select,
	table.tablesorter tr td.stand select {
		min-width: auto;
	}

	table.tablesorter tr td.assigned {
		max-width: 30px;
		overflow: hidden;
	}

	table.tablesorter tr td.action {
		width: 26px;
	}

	table.tablesorter tr td.action .button {
		padding: 3px;
		font-size: 14px;
	}

	.row.user-row .action-col {
		text-align: center;
	}
}

/* 9-sep */
.ReactModalPortal .ReactModal__Overlay ReactModal__Overlay--after-open {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.custom-modal-header {
	padding: 15px;
	background: #fff;
	position: sticky;
	top: 0;
	border-bottom: 3px solid #7fbb37;
}

.custom-modal-header h4 {
	color: #333;
	text-transform: uppercase;
	font-size: 18px;
}

.custom-modal-body {
	padding: 15px;
}

.custom-modal-box {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.ck.ck-dropdown .ck-dropdown__arrow {
	z-index: 0;
}

.ck-editor__main .ck-editor__editable {
	min-height: 170px;
	/* max-width: 200px; */
}

.add-content-row-wrapper {
	display: block;
	text-align: center;
	color: #8dc63f;
	background: var(--light-navy-blue-color);
	cursor: pointer;
	line-height: 1;
	text-align: center;
}

.add-content-row-wrapper button {
	width: 100%;
}

.add-content-row-wrapper button:focus {
	outline: 0px;
	border: 0px;
}

.border-common {
	border: 1px solid #dcdcdc;
}

.sec-content {
	margin: 0px;
	padding: 10px 15px;
	padding-bottom: 25px;
}

.upload-btn-custom {
	padding: 10px;
	width: 100%;
	background: var(--light-navy-blue-color);
	margin-top: 7px;
	border-radius: 6px;
	/* color: #fff; */
	cursor: pointer;
}

.upload-btn-custom1 {
	padding: 10px;
	width: 15%;
	background: #619e16;
	margin-top: 7px;
	color: #fff;
	border-radius: 6px;
	margin-left: 48%;
	text-transform: capitalize;
}

.custom-box-border {
	width: 100%;
	display: inline-block;
	padding: 15px 10px;
	background: var(--light-navy-blue-color);
	border: 1px solid #d6d6d6;
}

/* custom upload button */
.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
}

.upload-btn-wrapper .upload-btn-custom {
	padding: 2px 20px;
	font-size: 15px;
	margin: 2px 0 5px 0;
	border: 1px solid var(--greenish-blue-color);
	border-radius: 3px;
	color: #444;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.upload-btn-wrapper input[type='file'] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.close-btn-row {
	margin: -16px -10px 0 -10px;
}

.close-btn-row .fa {
	color: #222;
	font-size: 16px;
	background: #fff;
	padding: 10px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #d6d6d6;
}

.cstfwidth {
	width: 1050px;
	margin: auto;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
	background: rgb(0 0 0 / 58%) !important;
}

.crop-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 80px;
}

/* .controls {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    transform: translateX(-50%);
    height: 80px;
    display: flex;
    align-items: center;
  } */
.controls {
	position: absolute;
	z-index: 999;
	background: #f5f5f5;
	width: 100%;
	margin: 0 auto;
	padding: 7px;
	left: 0;
	right: 0;
	top: 0;
}

.reactEasyCrop_Image {
	transform: translate(158px, -45.5px) rotate(0deg) scale(2);
}

.crop-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.ReactModal__Overlay {
	z-index: 9999;
}

.controls i {
	background-color: var(--orange-color);
	border-radius: 5px;
	color: #fff;
	margin: 0px 2px;
	padding: 10px;
}

.custom-gray {
	background: #8a8181 !important;
}

.custom-padding {
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.slider {
	padding: 22px 0px;
}

@media screen and (max-width: 767px) {
	.controls h4 {
		display: none;
	}
}

.banner-wrap {
	position: relative;
	height: 490px;
}

#banner_section {
	width: 100%;
	height: 100%;
}

.banner-box {
	height: 350px;
	width: 300px;
	display: flex;
	align-items: center;
	padding-right: 15px;
	padding-left: 15px;
}

.banner-box img {
	border: 3px solid #e8e6e6;
	border-radius: 5px;
}

.custom-bdr-bottom {
	border-bottom: 1px solid #dcdcdc;
}

/* 21-10-2020 */
.overFlowHidden {
	overflow: hidden;
}

.coustomEditor .ck-editor__main .ck-editor__editable {
	min-height: 300px;
}

.banner-section-content-wrapper {
	position: relative;
	border: 0;
	border-radius: 0;
	background: transparent;
	padding-left: 50px !important;
	max-width: 1215px !important;
}

.banner-section-content-wrapper:hover {
	border: 0;
}

.banner-section-content-wrapper:before {
	content: '';
	display: inline-block;
	width: 97%;
	height: 100%;
	position: absolute;
	left: 20px;
	bottom: 0;
	background: rgb(0 0 0 / 0.5);
	transform: skew(25deg);
}

.logoCustom {
	width: 230px;
	height: 80px;
	background: white;
	display: flex;
	align-items: center;
	padding-left: 20px;
	position: relative;
}

.logoCustom:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 80px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: -5rem;
	bottom: 0;
}

#top_header .logoCustom img {
	height: 80px;
	object-fit: contain;
}

#top_header {
	padding: 0 !important;
}

.fixedSelectHeight input {
	height: 0;
}

.clBoth {
	clear: both;
}

#container input,
#container select,
#container textarea,
.ui-timepicker-standard a {
	border: 1px solid #ccc;
}

.height345 .ck-editor__main .ck-editor__editable {
	min-height: 345px;
}

/* 24-10-2020 */

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #000;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #000;
}

:-ms-input-placeholder {
	/* IE 10+ */
	color: #000;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #000;
}

.content-inner table.dataTable {
	border-bottom: 1px solid #000;
}

.content-inner table thead,
table tfoot {
	background-color: var(--greenish-blue-color);
	color: #ffffff;
}

.content-inner table.dataTable thead th,
table.dataTable thead td {
	border: unset;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	vertical-align: middle !important;
}

.content-inner table.dataTable tbody td {
	font-size: 14px;
	vertical-align: middle !important;
	word-break: break-word;
}

.content-inner table.dataTable tbody td:last-child {
	text-align: center;
}

.content-inner table.dataTable tbody td .fa,
.content-inner table.dataTable tbody td .far,
.content-inner table.dataTable tbody td .fas {
	width: 25px;
	font-size: 1rem;
	text-align: center;
}

.content-inner table.dataTable tbody td .fa:hover {
	font-size: 1.125rem;
}

.content-inner table.dataTable tbody td .fa-edit {
	color: #444;
}

.content-inner table.dataTable tbody td .fa-trash {
	color: red;
}

.content-inner table.dataTable tbody td .fa-ellipsis-v {
	width: unset;
	font-size: unset;
}

.content-inner .table-striped tbody tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

.content-inner .table-bordered td {
	border: unset;
	border-bottom: 1px solid #dee2e6;
}

table.table-fixed {
	table-layout: fixed;
}

table.table-fixed tbody tr:hover {
	cursor: pointer;
	z-index: 2;
	background-color: #f2f5f5cc !important;
	box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 #3c40434d,
		0 1px 3px 1px #3c404326;
	-webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 #3c40434d,
		0 1px 3px 1px #3c404326;
}

.dataTables_wrapper .dataTables_paginate {
	padding-top: 1.25em !important;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: var(--greenish-blue-color) !important;
	border-color: #000 !important;
	margin-top: 3px;
}

.dataTables_wrapper .dataTables_info {
	font-size: 12px;
}

.dataTables_wrapper .dataTables_length .custom-select,
.dataTables_wrapper .dataTables_filter .form-control {
	margin-left: 0px !important;
}