/********************** copied from default.css *********************/

html,
body,
div,
object,
iframe,
h1,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-font-smoothing: antialiased;
}

html {
	font-size: 62.5%;
}

body,
textarea {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.5rem;
	line-height: 2.3rem;
}

a {
	/*color: #006699;*/
	color: #00b2da;
	background: none repeat scroll 0 0 transparent;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

a.nolink {
	text-decoration: none;
}

h1 {
	color: #fda22f;
	font-size: 2.8rem;
	line-height: 4.6rem;
	margin: 2.3rem 0 0 0;
}

h1.title {
	background-color: #fbfbfb;
	border: 1px solid #eee;
	color: #fda22f;
	display: block;
	font-size: 2rem;
	font-weight: normal;
	margin: 0.5rem 0 1.5rem 0;
	padding: 0rem 1rem 0rem;
}

h1.title a {
	color: #fda22f;
	text-decoration: none;
}

h1.title a:hover {
	text-decoration: underline
}

h2 {
	color: #fda22f;
	/*font-size: 2.6rem;
            line-height: 4.6rem;/*margin:2.3rem 0 0 0;*/
}

body.is-testing {
	max-width: 950px;
	margin: 0 auto;
}

/*h3 {
	font-size: 2.1rem;
	line-height: 2.3rem;
	margin: 2rem 0.3rem 0;
}
h3 span {
	color: #666;
	font-weight: normal;
}*/
.page {
	min-height: 500px;
	padding-bottom: 100px;
}

.float-wrapper {
	overflow: auto;
}

/*.button, input[type=button], input[type=submit] {
	background-color: #fda22f;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 0.5rem 1rem;
	text-decoration: none;
	cursor: pointer;
	border: none;
}
input[type=button], input[type=submit] {
	margin-right: 10pt;
}*/
.container {
	font-size: 1.5rem;
	margin: 0 auto;
	/*width: 1080px;*/
}

.main {
	float: left;
	width: 100%;
}

.footer {
	background-color: #bfffbe;
	color: #666;
	float: left;
	font-size: 1.2rem;
	padding: 1rem 0;
	text-align: center;
	width: 100%;
}

.pagelt-title {
	font-size: 18px;
	padding-bottom: 15px;
}

#pagelet {
	max-width: 1200px;
}

/*********************** copy end *************************/

/************CSS for new buttons**********************/
.button,
input[type=button],
input[type=submit] {
	background-color: #fda22f;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	/*padding: 0.5rem 3.5rem;*/
	padding: 0.5rem 0.5rem;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.5rem;
	/*margin: 0 0.5rem;*/
}

.containerbutton {
	text-align: right;
}

/********************** Site property ********************/
#site-filters {
	float: right;
	color: #fda22f;
	font-weight: bold;
}

.fundraiser-new {
	float: left;
	margin-top: -15px;
}

#fund-filters {
	padding-left: -9px;
	color: #fda22f;
	font-weight: bold;
	float: right;
}

#site_search_name,
#btn_submit,
.search_input_bar {
	line-height: 30px;
	height: 30px;
	border: solid 1px #ccc;
	border-radius: 6px;
	padding: 0 32px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: url("../images/search-greyscale.png") no-repeat 4px center;
}

#site_status_filter,
#payment_status_filter,
#fundraiser_filter,
#offline_status_filter,
#page_status_filter,
#discount_filter,
#chargeback_filter {
	height: 30px;
	background-color: #f8f8f8;
	border: 1px solid #2876a6;
	border-radius: 6px;
	display: inline-block;
	font-size: 1.2rem;
	padding: 0.2rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url("../images/sort-sortable.png") #f0f0f0 no-repeat 90% 50%;
	width: 150px;
}

#loader {
	padding: 15px;
	background-image: url(../images/ajax-load.gif);
	background-position: 5px center;
	padding-left: 30px;
	background-repeat: no-repeat;
}

/******************* Menus ***************************/

#top-menu {
	padding: 0.5rem;
}

#top-menu a {
	display: inline-block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	background-color: #f5f5f5;
	border-radius: 5px;
}

.content {
	padding: 1rem;
}

.padding {
	padding: 1rem;
}

.grid {
	border-bottom: #f5f5f5 solid 1px;
	margin: 1.5rem 0;
}

.grid tr td:first-child,
.grid-cell--first {
	border-radius: 10px 0 0 10px;
}

.grid tr td:last-child,
.grid-cell--last {
	border-radius: 0 10px 10px 0;
}

.grid td,
.grid-cell {
	padding: 6px 12px;
	background-color: #f5f5f5;
}

.grid tr.head td,
.grid-head .grid-cell {
	color: #ffa326;
	font-weight: bold;
	background-color: #fff;
}

.grid tr.alt td,
.grid-row.alt .grid-cell {
	background-color: #fff;
}

.grid tr.spc td:first-child,
.grid-row.spc .grid-cell--first {
	border-radius: 0;
}

.grid tr.spc td:last-child,
.grid-row.spc .grid-cell--last {
	border-radius: 0;
}

.grid tr.spc>td,
.grid-row.spc .grid-cell {
	padding: 0;
	background-color: #fff;
}

.grid tr.selected td,
.grid-row.selected .grid-cell {
	background-color: #b0e3ef;
}

.grid tr.selected td a,
.grid-row.selected a {
	font-weight: bold;
}

.grid tr.selected td:first-child,
.grid-row.selected .grid-cell--first {
	border-radius: 10px 0 0 0;
}

.grid tr.selected td:last-child,
.grid-row.selected .grid-cell--last {
	border-radius: 0 10px 0 0;
}

.grid tr.alt td,
.grid .grid .grid-row.alt .grid-cell {
	background-color: #fff;
}

.grid tr:hover td {
	background-color: #bce7f0;
}

.grid tr.head:hover td {
	background-color: #fff;
}

.grid-inner {
	border: #bce7f0 solid 5px;
	;
	border-radius: 0 0 10px 10px;
	margin-bottom: 1rem;
	background-color: #fff;
	box-shadow: 2px 8px 8px #999;
	/* overflow: auto;*/
}

.grid-inner-header {
	background-color: #f0f0f0;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 0.5rem;
	text-align: center;
}

.grid-inner-header a {
	color: #666;
	display: block;
	float: right;
	padding: 0 1rem;
	text-decoration: none;
}

.donation_result_total {
	text-align: right;
	padding-right: 10px;
	font-style: italic;
	padding-bottom: 1rem;
}

.js-bufferTrigger {
	text-align: center;
	padding: 5px 0;
}

#group_search_result .grid-inner-header a:hover {
	text-decoration: none;
	color: #000;
}

.group_search_result-participants {
	display: inline-block;
	min-width: 3em;
}

.formbox-box {
	background-color: #fff;
	padding: 1rem;
}

.row {
	padding: 0.5rem 0;
}

.row label.formLabel {
	color: #333;
	font-weight: bold;
	display: inline-block;
	;
	width: 15rem;
}

.row label.formLabelfee {
	color: #333;
	font-weight: bold;
	display: inline-block;
	;
	width: 15rem;
}

.row label.blueLabel {
	color: #2776a5;
	font-size: 125%;
	padding-right: 2rem;
}

.row label.longLabel {
	color: #333;
	font-weight: bold;
	display: inline-block;
	/* padding-right: 15 px;*/
	min-width: 18rem;
}

.row label.seperator {
	color: #000;
	font-weight: normal;
	font-size: 120%;
	display: inline-block;
	background-color: #f8f8f8;
	padding: 5px;
	width: 100%;
	border-bottom: #eee solid 1px;
}

.row label.seperator img {
	vertical-align: bottom;
}

.row label.rocketseperator {
	color: green;
	font-weight: normal;
	display: inline-block;
	background-color: #f8f8f8;
	padding: 5px;
	width: 98%;
	border: 1px dotted green;
}

.row label.rocketseperator img {
	vertical-align: bottom;
}

.row label.rocketseperator b {
	vertical-align: top;
}

.row .input_verylong {
	display: inline-block;
	width: 100%;
	background-color: #f8f8f8;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 0.2rem;
	font-size: 1.6rem;
	font-family: "Open Sans", Arial, sans-serif;
	vertical-align: middle;
	box-sizing: border-box;
	line-height: 2.4rem;
}

.row input.input_verylong {
	padding: 6px;
}

.row .input_long,
.row select,
.row textarea,
.fakeinput {
	display: inline-block;
	width: 32rem;
	background-color: #f8f8f8;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 0.2rem;
	font-size: 1.6rem;
	font-family: "Open Sans", Arial, sans-serif;
	vertical-align: middle;
}

.fakeinput {
	min-height: 16px;
	padding: 8px;
	width: auto;
	min-width: 32rem;
	font-size: 100%;
}

.row .input_short {
	display: inline-block;
	width: 15rem;
	background-color: #f8f8f8;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 0.2rem;
	font-size: 1.6rem;
	vertical-align: middle;
}

.helpoutertext {
	float: right;
	width: 76%;
	padding-bottom: 0.75rem;
}

.innerRow {
	display: inline-block;
	vertical-align: middle;
}

.innerRow .option {
	display: inline-block;
	padding-right: 25px;
}

.page_columns {
	clear: both;
	overflow: auto;
	border: 1px solid #b0e3ef;
	border-radius: 10px;
	display: flex;
}

.page_columns .left {
	width: 200px;
	background-color: #f5f5f5;
	border-right: 1px solid #b0e3ef;
}

.page_columns .right {
	width: 100%;
	padding: 1rem 2rem;
}

.innerLeft {
	width: 50%;
	float: left;
}

.innerRight {
	width: 49%;
	float: right;
}

#site-menu {}

#mainMenu {
	margin: 2rem 0;
}

#mainMenu ul {
	list-style: none;
}

#mainMenu ul li {
	border-bottom: none;
}

#mainMenu li.active {
	background-color: #fff;
}

#mainMenu li.active a {
	color: #000;
}

.mainMenu-toggle {
	background-image: url("../images/arrow-blue.png");
	background-repeat: no-repeat;
	background-position: 92% 13px;
	margin-bottom: 0;
	color: #00b2da;
	font-weight: normal;
	font-size: 18px;
	background-color: transparent;
	border-bottom: none;
	cursor: pointer;
	display: block;
	padding: 8px 15px;
}

.mainMenu-toggle:hover {
	background-color: #00b2da;
	background-image: url("../images/arrow-white.png");
	color: #fff;
}

.mainMenu-section.is-active .mainMenu-toggle {
	background-image: url("../images/arrow-white-down.png");
}

.mainMenu-submenu {
	display: none;
}

.mainMenu-section.is-active .mainMenu-submenu {
	display: block;
	border-bottom: 1px solid #eee;
}

#site-menu a {
	display: block;
	color: black;
	padding: 8px 5px 8px 25px;
	text-decoration: none;
	font-size: 14px;
}

#site-menu a.active,
#site-menu a:hover {
	color: #000;
	background-color: #e5f2fa;
	position: relative;
}

#site-menu a.active:after {
	content: " ";
	display: block;
	position: absolute;
	right: -1px;
	top: 8px;
	border-width: 12px 10px;
	border-color: transparent white transparent transparent;
	border-style: solid;
}

#mainMenu li.active span {
	color: #fff;
	background-color: #00b2da;
}

.vpad {
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: auto;
}

.hpad {
	padding-left: 15px;
	padding-right: 15px;
}

#simplemodal-container {
	background-color: #fff;
	box-shadow: #333 1px 1px 8px;
	/*border-radius: 1rem 1rem 0 0;*/
	overflow-x: hidden;
	overflow-y: hidden;
	border: #b0e3ef solid 1px;
}

#simplemodal-overlay {
	background-color: #333;
}

#btn_newsite,
.add_new {
	background: url("../images/icon_plus.png") no-repeat scroll 10px 7px #fda22f;
	margin-right: 10px;
	padding-left: 37px !important;
}

#btn_site_list {
	color: #666;
	float: right;
	font-size: 85%;
	text-decoration: none;
}

#btn_site_list:hover {
	color: #2776a5;
}

input[type="button"].add_new {
	background-position: 10px center !important;
	padding-left: 37px !important;
}

#btn_newfolder {
	background: url('../images/icon_folder.png') no-repeat scroll 10px 7px #fda22f;
	margin-right: 10px;
	padding-left: 37px;
}

#btn_newpage,
.button-newItem {
	background: url("../images/icon_plus.png") no-repeat scroll 10px 7px #fda22f;
	padding-left: 37px;
}

#property-grid {
	display: none;
}

.arrow_box {
	position: relative;
	background: #e6f3e6;
	border: 1px solid #90a890;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.arrow_box:after,
.arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(230, 243, 230, 0);
	border-right-color: #e6f3e6;
	border-width: 9px;
	margin-top: -7px;
}

.arrow_box:before {
	border-color: rgba(144, 168, 144, 0);
	border-right-color: #90a890;
	border-width: 10px;
	margin-top: -8px;
}

.highlight {
	background-color: #e6f3e6;
	border-radius: 6px;
}

.light-text {
	color: #666;
	font-size: 90%
}

h3.box-header {
	margin: 0.5rem 0;
	padding: 0.3rem 0;
	border-bottom: 1px solid #90a890;
}

#menu-grid {
	position: relative;
}

#menu-grid ol,
#menu-grid li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-grid ol {
	padding-left: 25px;
}

#menu-grid ol ol {
	padding-left: 50px;
}

#menu-grid li div {
	border: 1px solid #76a5c8;
	cursor: pointer;
	display: inline-block;
	margin: 2px 0;
	padding: 3px 10px;
	background-color: #c8def1;
	min-width: 250px;
}

#menu-grid li.deleted>div {
	background-color: #f6f6f6;
	border-color: #e2e2e2;
}

#menu-grid li.active>div {
	background-color: #e6f3e6;
	border-color: #90a890;
}

#menu-grid li.default.active>div {
	background-color: #e6f3e6;
	border-color: #90a890;
}

/*#menu-grid li.nonedit.active > div{*/
/*background-color: #e6f3e6;*/
/*border-color: #90a890;*/
/**/
/*}*/
#menu-grid li.visible>div {
	border-left-width: 5px;
}

/*#menu-grid li.nonedit > div{*/
/*background-color: #fdffc8;*/
/*}*/
#site_search_go {
	padding: 0.2rem 1rem;
}

.subHeader {
	color: #333;
	font-weight: bold;
	display: inline-block;
	width: 15rem;
	font-size: 1.75rem;
}

/********** special textboxes *****/

#waiver,
#seo_description,
#analytic_code,
#remarks,
#google_schema {
	width: 100%;
	height: 100px;
	font-size: 80%;
}

textarea.fullwidth {
	width: 100%;
	height: 200px;
}

/********* Campagin setup page **************/
#campaign-thumb,
#campaign-banner {
	vertical-align: middle;
	display: inline-block;
	height: 90px;
	padding: 2px;
}

#campaign-thumb a,
#campaign-image-holder a,
#campaign-banner a,
#campaign-video-holder a,
#page-image-holder a {
	height: 90px;
	width: 90px;
	display: inline-block;
	background-image: url(../images/add-image.png);
	border: #cbcbcb solid 1px;
	background-position: center;
	background-repeat: no-repeat;
}

#campaign-thumb img,
#campaign-image-holder img,
#campaign-banner img,
#campaign-video-holder img,
#page-image-holder img {
	width: 90px;
	height: 90px;
}

#logo_image {
	vertical-align: middle;
	display: inline-block;
	min-height: 40px;
	max-height: 250px;
	min-width: 100px;
	max-width: 450px;
}

#logo_image a {
	max-height: 30rem;
	border: #cbcbcb solid 1px;
	display: block;
	background-color: #f0f0f0;
	background-image: url(../images/add-image.png);
	border: #cbcbcb solid 1px;
	background-position: center;
	background-repeat: no-repeat;
	width: 28rem;
	min-height: 8rem;
}

#logo_image a img {
	max-height: 30rem;
	width: 28rem;
}

#flogo_image {
	vertical-align: middle;
	display: inline-block;
	min-height: 40px;
	max-height: 250px;
	min-width: 100px;
	max-width: 450px;
}

#flogo_image a {
	max-height: 30rem;
	border: #cbcbcb solid 1px;
	display: block;
	background-color: #f0f0f0;
	background-image: url(../images/add-image.png);
	border: #cbcbcb solid 1px;
	background-position: center;
	background-repeat: no-repeat;
	width: 28rem;
	min-height: 8rem;
}

#flogo_image a img {
	max-height: 30rem;
	width: 28rem;
}

#favlogo_image {
	vertical-align: middle;
	display: inline-block;
	height: 32px;
	width: 32px;
}

#favlogo_image a {
	height: 32px;
	border: #cbcbcb solid 1px;
	display: block;
	background-color: #f0f0f0;
	background-image: url(../images/add-image.png);
	border: #cbcbcb solid 1px;
	background-position: center;
	background-repeat: no-repeat;
	width: 32px;
}

#favlogo_image a img {
	height: 32px;
	width: 32px;
}

#campaign-image-holder a,
#page-image-holder a,
#campaign-video-holder a {
	margin-right: 0.5rem;
	position: relative;
}

#campaign-image-holder a span,
#page-image-holder a span,
#campaign-video-holder a span {
	display: inline-block;
	position: absolute;
}

#campaign-image-holder a span.trash,
#campaign-video-holder a span.trash,
#page-image-holder a span.trash {
	bottom: 5px;
	right: 5px;
	background-image: url(../images/trash.png);
	width: 16px;
	height: 16px;
	background-color: rgba(255, 255, 255, 0.6);
}

#campaign-image-holder a span.default,
#campaign-video-holder a span.default {
	bottom: 4px;
	left: 5px;
	background-image: url(../images/tick-round-disable.png);
	width: 20px;
	height: 20px;
}

#campaign-image-holder a span.default-active,
#campaign-video-holder a span.default-active {
	background-image: url(../images/tick-round-active.png);
}

#campaign-video-holder a span.play {
	width: 24px;
	height: 24px;
	background-image: url(../images/icon-play.png);
	background-position: center;
	background-repeat: no-repeat;
	top: 33px;
	left: 48px;
}

#campaign-thumb div {}

#campaign-image-holder,
#campaign-video-holder {
	min-height: 90px;
	padding: 2px;
}

/*******************  forms and data ****************/
.fieldSep {
	overflow: auto;
	padding-bottom: 2px;
}

.fieldSep a {
	float: right;
	text-decoration: none;
}

.std_form_field,
.question_field {
	padding: 1rem 0;
}

.std_form_field ul,
.question_field ul {
	margin: 0;
	padding: 0;
}

.form_copy_block {
	width: 100% !important;
	height: 100px;
}

.std_form_field li,
.question_field li,
.language_field li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style: none;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	border: none;
	/*background-image: url(../images/move.png);*/
	background-repeat: no-repeat;
	background-position: 5px center;
	cursor: move;
	overflow: auto;
}

.language_field li {
	background-image: none;
	cursor: default;
}

.question_field li,
.customoptions {
	background-color: #c8def1;
	border: #76a5c8 solid 1px;
}

.std_form_field .wrapper,
.question_field .wrapper {
	overflow: auto;
}

.language_field .wrapper {
	position: relative;
	overflow: hidden;
	padding: 6px;
}

.tasklist_field textarea {
	border: #fff solid 1px;
	width: 370px;
	height: 50px;
	font-size: 1.5rem;
	background-color: #fff;
}

.language_field textarea {
	border: 1px solid #bebebe;
	width: 100%;
	height: 50px;
	font-size: 1.5rem;
	background-color: #fff;
	padding: 0px;
}

.std_form_field .styles {
	min-height: 50px;
	background-color: #fff;
	overflow: auto;
	padding: 15px;
	cursor: default;
	display: none;
}

.std_form_field .styles div {
	width: 200px;
	float: left;
}

.std_form_field .styles div input {
	width: 150px;
	margin-top: 5px;
}

.std_form_field div.field_name {
	padding: 5px;
	width: 200px;
	float: left;
	margin-left: 50px;
	cursor: default;
}

.language_field div.field_name,
.tasklist_field div.field_name {
	width: 45%;
	margin-left: 15px;
}

.language_field div.field_name {
	margin-left: 0;
	box-sizing: border-box;
}

.question_field div.question_name {
	padding: 5px;
	width: 600px;
	float: left;
	margin-left: 50px;
	cursor: default;
	height: 15px;
	overflow: hidden;
}

.std_form_field li div.field_label {
	/*padding: 4px;*/
	width: 53%;
	float: left;
	margin-left: 2%;
	cursor: default;
}

.std_form_field li div.field_label input {
	width: 160px;
	font-size: 1.5rem;
	border: none;
	padding: 2px;
	background-color: #fff;
	line-height: 2.3rem;
}

.language_field li div.field_label input,
.tasklist_field li div.field_label input {
	width: 100%;
	display: block;
	padding: 6px;
	border: 1px solid #bebebe;
	border-radius: 3px;
	box-sizing: border-box;
}

.taskList-header {
	color: #3e9bd5;
}

#available_header {
	cursor: pointer;
	color: #00b2da;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 2.0rem;
	line-height: 2.3rem;
}

.available_fields div.field_css {
	display: none;
}

.std_form_field div.field_required,
.std_form_field div.field_active,
.std_form_field li div.field_css,
.question_field div.field_active,
.remove_field {
	width: 60px;
	float: right;
	height: 32px;
	background-image: url(../images/star_off.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: default;
	margin-right: 10px;
}

.std_form_field li div.field_css {
	background-image: url(../images/icon_edit.png);
}

li.required div.field_required {
	background-image: url(../images/star_on.png);
}

.available_fields div.field_required {
	display: none;
}

.std_form_field div.field_active,
.add_field {
	background-image: url(../images/icon-add.png);
}

.active_fields div.field_active,
.question_field div.field_active,
.remove_field {
	background-image: url(../images/icon_delete.png);
}

.active_fields div.locked {
	background-image: url(../images/padlock.png);
}

.std_form_field .placeholder {
	height: 40px;
	background-color: #feffcb;
	background-image: none;
}

.std_form_field_header {
	color: #fda22f;
	overflow: auto;
	clear: both;
	padding-top: 10px;
	font-weight: bold;
}

.std_form_field_header div.field_name {
	width: 210px;
	float: left;
	margin-left: 55px;
}

.std_form_field_header div.field_label {
	width: 180px;
	float: left;
	margin-left: 10px;
}

.std_form_field_header div.field_actions {
	width: 70px;
	float: right;
	text-align: center;
}

.language_field_header div.field_name {
	width: 48%;
	margin-left: 15px;
}

#content_edit_wrap {
	min-width: 600px;
	min-height: 500px;
}

#html_editor {
	width: 100%;
	height: 350px;
}

#content_edit_header {
	font-weight: bold;
	padding: 0.5rem;
}

#content_edit_buttons {
	padding: 10px;
}

#user-tool-box {
	float: right;
	margin-top: -50px;
}

#question_dialog_body,
#question_dialog_form {
	height: 380px;
	overflow: auto;
	border: 1px solid #c5c5c5;
	border-width: 1px 0 1px 0;
}

#question_dialog_form {
	padding: 0 1rem;
}

#question_options {
	padding: 1rem 0 0 0;
	overflow: auto
}

#question_options div {
	float: left;
	background-color: #c8def1;
	border: #76a5c8 solid 1px;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	margin-right: 15px;
	margin-bottom: 15px;
}

#question_options div a {
	color: #f00;
	display: inline-block;
	padding-left: 10px;
	margin-left: 5px;
	border-left: #f8f8f8 solid 1px;
	cursor: pointer;
	text-decoration: none;
}

#save_question {}

.question_block {
	border: #76a5c8 solid 1px;
	border-radius: 5px;
	overflow: auto;
	margin-bottom: 10px;
	background-color: #c8def1;
	position: relative;
}

.q-left {
	/*float:left;*/
	width: 85%;
	padding: 5px;
}

.q-right {
	position: absolute;
	right: 0;
	width: 40px;
	background-color: #f8f8f8;
	border-left: #c5c5c5 solid 1px;
	bottom: 0;
	top: 0;
	background-image: url(../images/icon-add.png);
	background-repeat: no-repeat;
	background-position: center;
}

.q-desc {
	color: #666;
	font-size: 90%;
}

.q-time {
	color: #666;
	font-size: 80%;
	text-align: right;
}

.email_box {
	width: 100% !important;
	height: 200px;
}

/*********** widget layouts ******************/
.tabset {
	clear: both;
	margin: 5px 0 15px 0;
	display: flex;
}

.tabset h3 {
	margin: 0;
	padding: 10px 0;
	background-color: #e5f2fa;
	cursor: pointer;
	flex: 0 0 auto;
	width: 50%;
	text-align: center;
	/* border: #00b2da solid 1px;*/
	color: #00b2da;
	border-bottom: #999 solid 1px;
	border-right: #fff solid 1px;
}

.tabset h3.active {
	background-color: #00b2da;
	color: #fff;
	/* border-color: #00b2da;*/
}

.tabset h3:first-child {
	border-radius: 5px 0 0 0
}

.tabset h3:last-child {
	border-radius: 0 5px 0 0
}

.tabbody {
	display: none;
}

.tabbody_active {
	display: block
}

.compacttab h3 {}

/********** column layouts ******************/
.columns {
	display: block;
	position: relative;
	overflow: auto;
	clear: both;
}

.column-left {
	width: 50%;
	float: left;
}

.column-left .wrap {
	padding-right: 15px;
}

.column-right {
	width: 50%;
	float: right;
}

.column-right .wrap {
	padding-left: 15px;
}

.auto-width {
	width: auto !important;
}

#pre-theme {
	overflow: auto;
	/*height: 175px;*/
}

#pre-theme a {
	float: left;
	display: block;
	position: relative;
	height: 111px;
	width: 100px;
	margin: 0 10px 40px 0;
	border: #999 solid 1px;
}

#pre-theme a img {
	width: 100px;
	height: 111px;
}

#pre-theme a span {
	width: 20px;
	height: 20px;
	background-image: url(../images/tick-round-disable.png);
	position: absolute;
	left: 44px;
	bottom: 5px;
	background-repeat: no-repeat;
}

#pre-theme a.active span {
	background-image: url(../images/tick-round-active.png);
}

#pre-theme .theme_title {
	text-decoration: none;
	font-size: 1.1rem;
	text-align: center;
}

/********** notifications boxes *************/
.success,
.faliure,
.loading {
	padding: 5px 10px;
	border-radius: 3px;
	margin-bottom: 15px;
	color: #000;
}

.success {
	background-color: #b5deb1;
}

.faliure {
	background-color: #fbb3a5;
}

.informational {
	background-color: #feffdc;
}

.success-text {
	color: #0F0;
}

.faliure-text {
	color: #f00;
}

.informational-text {
	color: #00F;
}

.loading {
	background-image: url(../images/ajax-load.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	min-height: 16px;
	padding: 5px 5px 5px 25px;
	background-color: #fdffc8;
}

#notifier {
	background-color: #fffb91;
	padding: 0.25rem 3rem;
	position: fixed;
	z-index: 2000;
	box-shadow: #999 1px 1px 10px;
	top: 1rem;
	display: none;
}

.information {
	padding: 5px;
	border: #eee solid 1px;
	background-color: #feffdc;
	color: #000;
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 35px;
	background-image: url(../images/icon_warning.png);
}

#activity-messages {
	display: none;
	position: fixed;
	top: 0;
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	text-align: center;
}

/*********** form validation indicators *****/

div.new-under-error {
	font-size: smaller;
	background-color: #f3e6e6;
	border-color: #f00;
	border-style: solid;
	border-width: 2px;
}

div.newerrormessage {
	background: transparent url("../images/msg_arrow2.gif") no-repeat scroll left center;
	padding-left: 7px;
}

div.newerror {
	font-size: smaller;
	background-color: #f3e6e6;
	border-color: #f00;
	border-style: solid solid solid none;
	border-width: 2px;
	padding: 2px 3px 0 3px;
}

.error {
	background-color: #fffdc2;
	margin: 1px 0;
	padding: 4px;
	font-size: 12px;
	margin-left: 15rem;
}

.correct {
	background-image: url(../images/tick-round-active.png);
	background-position: 99% center;
	background-repeat: no-repeat;
}

.wrong {
	background-image: url(../images/icon_warning.png);
	background-position: 99% center;
	background-repeat: no-repeat;
}

.calendar-icon {
	background-image: url(../images/calendar.png);
	background-repeat: no-repeat;
	background-position: 99% center;
}

.blue {
	color: #00b2da;
}

/******** TinyMCE plugin (client variables ****/
#client_vars {
	width: 530px;
	min-height: 200px;
	overflow: auto;
}

#client_vars .section {
	color: #069;
	font-weight: bold;
	border-bottom: #999 solid 1px;
	background-color: #f8f8f8;
	padding: 4px;
	padding-left: 15px;
}

#client_vars .section_body a {
	color: #333;
	font-size: 95%;
	text-decoration: none;
	width: 150px;
	padding: 2px;
	text-align: center;
	display: block;
	border: #2776a5 solid 1px;
	float: left;
	margin: 0 5px 5px 0;
	cursor: pointer;
	overflow: hidden;
}

#client_vars .section_body a:hover {
	background-color: #b0e3ef;
}

#client_vars .section_body {
	padding: 15px;
	overflow: auto;
	clear: both;
}

.mce-window.mce-in {
	/*left: 300px!important;*/
}

/**** Fundraiser quick info page **/
#info-page {}

#info-page .header {
	overflow: auto;
}

#info-page a.close {
	color: #000;
	display: block;
	float: right;
	padding: 4px 8px;
	text-decoration: none;
}

#info-page a.close:hover {
	color: #069
}

#info-page .left-image {
	float: left;
	width: 25%
}

#info-page .left-image img {
	width: 100%
}

#info-page .right-info {
	float: right;
	padding: 10px 0 0 15px;
	width: 70%;
	color: #fda22f;
	font-size: 140%;
}

.right-info a {
	color: #fda22f;
	text-decoration: none;
}

#info-page a.item {
	display: block;
	padding: 5px;
	text-decoration: none;
	border-bottom: #f5f5f5 solid 1px;
	overflow: auto;
}

#info-page a.item:hover {
	background-color: #f5f5f5;
}

#info-page a.item>span {
	float: right;
	display: block;
	color: #666;
	font-size: 90%;
}

#info-page a.item>span span {
	display: block;
	font-size: 125%;
	color: #069;
	font-weight: bold;
}

#info-page .scroll {
	overflow: auto;
	padding: 1rem 0;
	max-height: 380px;
}

a.filters {
	padding: 2px 15px;
	text-decoration: none;
}

a.active-filter {
	font-weight: bold;
	background-color: #069;
	color: #fff;
}

.fundraiser-name {
	margin: 0;
	font-size: 150%;
	line-height: 1.53333;
}

.is-hidden {
	display: none;
}

/************* editInline ***********/
.editInline__action {
	cursor: pointer;
}

.editInline__container,
.editInline__edit,
.editInline__actions {
	display: inline-block;
}

.editInline__container.is-display .hide-on-display,
.editInline__container.is-editor .hide-on-editor,
.editInline__container.is-loading .hide-on-loading,
.editInline__container .show-on-display,
.editInline__container .show-on-editor,
.editInline__container .show-on-loading {
	display: none;
}

.editInline__container.is-display .show-on-display,
.editInline__container.is-editor .show-on-editor,
.editInline__container.is-loading .show-on-loading {
	display: inline-block;
}

.editInline__input {
	border: 1px solid #ccc;
	padding: 1px;
}

/************* paging ***********/
.paging input {
	display: none;
}

.paging a {
	padding: 3px 5px;
	display: inline-block;
	margin-right: 8px;
	border: #ddd solid 1px;
	background-color: #fbfbfb;
	text-decoration: none;
	color: #00b2da;
}

.paging a.current {
	background-color: #00b2da;
	color: #fff;
}

.ampGrid-cell-compact {
	width: 24px;
}

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

/********** Language page ****/
#language_ref {
	position: relative;
	text-align: center;
}

#language_ref img {
	border: #b1b1ae solid 1px;
	box-shadow: 1px 1px 4px #999;
	max-width: 300px;
	max-height: 250px;
}

/***** Titles ***/
.bluecontainertitle {
	font-size: 2.1rem;
	line-height: 2.3rem;
	margin: 1.5rem 0 0 0;
	color: #fff;
	background: #00b2da;
	padding: 1rem;
	border-radius: 10px 10px 0 0;
}

.bluecontainer {
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #b0e3ef;
	padding: 1rem;
	overflow: auto;
}

.headerline {
	font-size: 2.1rem;
	margin: 1.5rem 0;
	color: #00b2da;
	padding: 0 1rem 0 0;
	font-weight: bold;
	overflow: hidden;
	position: relative;
}

.header-link {
	text-decoration: none;
	float: right;
	font-size: 1.4rem;
	font-weight: normal;
}

.subheaderline {
	font-size: 1.75rem;
	margin: 1.5rem 0;
	color: #00b2da;
	padding: 0 1rem 0 0;
	font-weight: bold;
	overflow: hidden;
	position: relative;
}

.mainheaderline {
	font-size: 2.5rem;
	margin: 1.5rem 0;
	color: #00b2da;
	padding: 0 1rem 0 0;
	font-weight: bold;
	overflow: hidden;
	position: relative;
}

.expand {
	font-size: 2.1rem;
	margin: 1.5rem 0;
	color: #00b2da;
	padding: 0 1rem 0 0;
	font-weight: bold;
	font-size: 1.5rem;
	padding-left: 81%;
}

.contract {
	font-size: 2.1rem;
	margin: 1.5rem 0;
	color: #00b2da;
	padding: 0 1rem 0 0;
	font-weight: bold;
	font-size: 1.5rem;
	padding-left: 81%;
}

.headerline span {
	/*display: block;
            position: relative;*/
}

/*.headerline span:after {
	content: "";
	position: absolute;
	height: 20px;
	border-bottom: 1px solid #00b2da;
	top: -9px;
	width: 100%;
}*/
/*.headerline span:after {
	/* left: 100%;*/
/*	margin-left: 4px;
}*/
/**************** Admin message styles ***************/

#msg-list {
	border: #ddd solid 1px;
	min-height: 100px;
	/ / max-height: 250 px;
	overflow: auto;
	border-width: 5px 1px 1px 1px;
	margin-bottom: 20px;
}

.admin-msg {
	padding: 0.5rem;
	color: #333;
	font-weight: bold;
	border-bottom: #eee solid 1px;
	display: block;
	padding-left: 35px;
	background-position: 5px center;
	background-repeat: no-repeat;
	text-decoration: none;
}

#msg-list a.replied {
	background-image: url(../images/reply_icon.png);
}

.admin-msg span {
	color: #666;
	font-weight: normal;
}

.admin-msg .time {
	display: inline-block;
	float: right;
	width: 15%;
	text-align: right;
}

.admin-msg .sender {
	float: right;
	display: inline-block;
	font-size: 90%;
}

.admin-msg:hover {
	background-color: #eee;
}

a.msg-unreadread {
	background-color: #b0e3ef;
}

#msg-panel {}

.message-detail {
	border: #ddd solid 1px;
}

.msg-header {
	background-color: #eee;
	padding: 5px;
	overflow: auto;
	padding-bottom: 10px;
}

.msg-subject {
	font-weight: bold;
	width: 100%;
}

.msg-overview {
	font-size: 80%;
	color: #666;
}

.msg-sender {
	color: #666;
	float: left;
	display: inline-block;
	font-size: 90%;
}

.msg-time {
	float: right;
	display: inline-block;
}

.msg-replied {
	background-color: #fffb91;
	padding: 2px 10px;
	font-size: 12px;
}

.msg-body {
	padding: 1rem;
	font-size: 90%;
}

.msg-body p {
	padding: 10px 0;
}

.msg-response {
	padding: 1rem 1rem 0 1rem;
	;
	background-color: #eee;
	margin-bottom: 1px;
}

.msg-response p {
	font-size: 12px;
	padding: 10px 0;
}

.msg-reply {
	text-align: center;
	background-color: #ddd;
	padding: 2rem 0;
}

.msg-reply textarea {
	width: 98%;
	min-height: 100px;
}

.msg-btn {
	text-align: center;
	padding: 1rem;
}

.msg-btn input {
	margin-right: 15px;
}

/************** Adjest button with in the popup ************/
#actions_save,
#prop_edit,
#prop_del {
	padding: 0.5rem 1rem;
}

/******** Pop up box dialog header ***********/
.popup-header {
	font-size: 2rem;
	padding: 1rem;
	/*margin-bottom:1rem;*/
	color: #000;
	position: relative;
	background-color: #b0e3ef;
	padding-right: 6rem;
	cursor: move;
}

.popup-header a {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 1rem 2rem;
	color: #999;
	text-decoration: none;
}

.popup-header a:hover {
	text-decoration: none;
	background-color: #f00;
	color: #fff;
}

/********** layout in form edit page *************/
.vcol {
	float: left;
}

.vcol-title {
	padding-bottom: 1rem;
	font-weight: bold;
}

.vcol-body {}

.vcol-body-sep {
	padding-bottom: 1rem;
}

#bgcolor-picker {
	height: 50px;
	width: 120px;
	border: #ccc solid 1px;
	cursor: pointer;
}

#txt-bg-color {
	background-color: #f8f8f8;
	border: 1px solid #999;
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.6rem;
	padding: 0.5rem;
	vertical-align: middle;
	width: 110px;
}

#bgimage-picker {
	width: 120px;
	height: 120px;
	border: #ccc solid 1px;
	cursor: pointer;
	background-image: url(../images/add-image.png);
	background-position: center;
	background-repeat: no-repeat;
}

#colplt {
	background-color: #f6f6f6;
	border: 1px solid #a8a8a8;
	box-shadow: 2px 2px 2px #eaeaea;
	display: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 181px;
	z-index: 1200;
}

#colplt td {
	width: 16px;
	height: 16px;
}

#colplt td.nocolor {
	background-color: #fff;
	background-image: url("../images/nocolor.png");
	background-position: center center;
}

.panel {
	padding-bottom: 15px;
	overflow: auto;
}

.col3 {
	width: 33%;
	float: left;
	/*min-height: 100px;*/
}

.colhead {
	font-size: 14px;
}

.form-panel {
	border-color: #00b2da;
	background-color: #ecf6f8;
}

.row label.formLabel span {
	color: red;
}

.row label.formLabelfee span {
	color: red;
}

/************* Groups *************/
.group_ide {
	padding: 1rem 0;
	overflow: auto;
}

#groupcanvas {
	/*float: left;
    width: 60%;*/

	min-height: 200px;
}

#groupcanvas li {
	overflow: auto;
	clear: both;
}

#groupcanvas label {
	overflow: auto;
	display: inline-block;
	float: left;
	margin-top: 14px;
	border: #fff solid 1px;
}

/*
.grouplevel {
	padding: 0.25rem 0 0.25rem 2rem;
	display:flex;
}
.groupblock {
	min-width: 64px;
	height: 64px;
	float: left;
	background-position: center 0;
	background-repeat: no-repeat;
	margin-right: 1rem;
	position: relative;
	border: #fff dashed 1px;
	cursor: pointer;
}
.groupblock a {
	display: inline-block;
	text-align: center;
	padding-top: 45px;
	min-width: 64px;
}
.groupblock-primary {
	background-position: center;
	min-width: 150px;
	background-position: 0 center;
}
.groupblock-primary a {
	padding: 20px 0 0 65px;
	color: #000;
}*/
#groupcanvas label.groupblock-active {
	background-color: #ecf6f8;
	border: #00b2da dashed 1px;
	;
}

#groupproperty {
	/*float: left;
    width: 40%;*/
	margin-top: 2rem;
}

#groupproperty .formbox-box,
.acivity-property {
	border: #90a890 solid 1px;
}

.acivity-property {
	margin: 1rem;
	display: inline-block;
}

.group-icon {
	background-position: center 0;
	background-repeat: no-repeat;
	margin-right: 10px;
	cursor: pointer;
	width: 48px;
	height: 48px;
	display: block;
	float: left;
	background-size: contain;
	position: relative;
	cursor: move;
}

.group-icon-checked {
	height: 68px;
}

.group-icon-checked span {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 14px;
	bottom: 0;
	background-image: url(../images/icon_tick.png);
	background-repeat: no-repeat;
}

.group_icon_site {
	background-image: url(../images/teams_site.png);
}

.group_icon_c {
	background-image: url(../images/teams_hq.png);
}

.group_icon_b {
	background-image: url(../images/teams_office.png);
}

.group_icon_a {
	background-image: url(../images/teams_teams.png);
}

.group_icon_supporter {
	background-image: url(../images/teams_supporter.png);
}

.group_icon_arrow_down {
	background-image: url(../images/team-arrow.png);
}

.group_icon_arrow_left {
	background-image: url(../images/team-arrow-left.png);
	background-position: center;
}

.group_icon_supporter {
	background-image: url(../images/teams_supporter.png);
}

.group_icon_role_a {
	background-image: url(../images/teams_role_a.png);
}

.group_icon_role_b {
	background-image: url(../images/teams_role_b.png);
}

.group_icon_role_c {
	background-image: url(../images/teams_role_c.png);
}

.group_icon_role_d {
	background-image: url(../images/teams_role_d.png);
}

.row-header {
	color: #00b2da;
	font-weight: bold;
	padding-bottom: 1rem;
}

.inner-row {
	padding: 0.5rem 2rem;
}

/************ Group management page **************/
.group-filters,
.fundraiser-filters {
	display: none;
	overflow: auto;
}

.group-filters a,
.fundraiser-filters a {
	text-decoration: none;
}

.group-filters-close {
	position: absolute;
	right: 5px;
	top: 2px;
	display: block;
	padding: 5px 10px;
	color: #ccc;
	font-size: 16px;
}

.group-filter-inner {
	font-size: 1.3rem;
	color: #383838;
	border: 1px solid #00b2da;
	min-height: 100px;
	padding: 1rem;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 8px;
	display: inline-block;
	min-width: 450px;
	float: right;
}

.group-filter-fields {
	display: flex;
}

.group-filter-fields .row-min {
	padding: 0.5rem 0;
	overflow: auto;
}

.group-filter-fields input[type=text] {
	border: 1px solid #ccc;
	border-radius: 5px;
	float: right;
	padding: 2px;
	width: 100px;
}

.group-filter-inner .title {
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 1rem;
	text-align: center;
	color: #00b2da;
}

.group-filter-status {
	flex: 1 1 auto;
	padding-right: 1rem
}

.searchGroups-filters {
	display: flex;
	width: 100%;
}

.group-filter-campaign {
	flex: 1 1 auto;
	padding: 0 1rem;
}

.group-filter-activity {
	flex: 1 1 auto;
	padding-left: 1rem;
}

.group-filter-reset {}

.group-filter-reset a {
	display: inline-block;
	margin: 0 1rem
}

.blue-button {
	background-color: #00b2da;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: normal;
	padding: 0.5rem;
	text-decoration: none;
}

.big-list {
	position: relative;
	padding-bottom: 2rem;
}

.big-list a.blue-button {
	position: absolute;
	right: 10px;
	top: 10px;
}

.big-list .rowset {
	overflow: auto;
}

.big-list .icon {
	float: left;
	width: 60px;
}

.big-list .icon img {
	max-width: 48px;
}

.big-list .icon-small {
	float: left;
	width: 54px;
}

.big-list .icon-small img {
	max-width: 32px;
}

.big-list .title {
	float: left;
	font-size: 2rem;
	padding-top: 10px;
	color: #383838;
}

.big-list .stat {
	color: #00b2da;
}

.big-list .info {
	float: left;
}

.big-list .text {
	float: left;
	padding-top: 4px;
}

.big-list .comment {
	float: left;
	color: #666;
	padding-bottom: 4px;
}

/*************************** Site review page ************************/
.gen-status-ok,
.gen-status-warning,
.gen-status-error {
	padding: 0.5rem 0;
	padding-left: 35px;
	align-self: flex-start;
	background-repeat: no-repeat;
	background-position: 5px center;
	min-height: 20px;
	display: block;
	text-decoration: none;
}

.gen-status-ok {
	background-image: url(../images/tick-round-active.png);
}

.gen-status-warning {
	background-image: url(../images/ico_warnings.png);
}

.gen-status-error {
	background-image: url(../images/icon_error.png);
}

.lspace {
	padding-left: 3rem;
}

.gen-error-desc {
	background-color: #fffdcc;
	padding: 0.5rem 1rem;
	font-size: 1.3rem;
	display: inline-block;
	margin-left: 3rem;
}

.gen-status-msg {
	background-repeat: no-repeat;
	background-position: 5px center;
	min-height: 20px;
	background-color: #fffdcc;
	background-image: url(../images/icon_error.png);
	padding: 10px 40px;
	border: #fda22f solid 1px;
	margin-top: 2rem;
}

/*************************** Campaign page management tool ***********/
.cmp-item {
	display: flex;
	border-bottom: 1px solid #eee;
	padding: 4px 2px;
	position: relative;
}

.cmp-item:hover {
	background-color: #f5f5f5;
}

.cmp-item div {
	padding: 5px;
	align-self: center;
	min-width: 80px;
}

.cmp-item div.fix {
	padding: 0 1rem
}

.cmp-item a {
	text-decoration: none;
	display: block;
	align-self: center;
}

.cmp-item .fix {
	flex: 0 0 auto;
}

.cmp-item .float {
	flex: 1 1 auto;
}

/*
.page-status-live, .page-status-demo, .page-status-delete, .page-status-error, .page-status-closed */
.page-status {
	width: 24px;
	height: 24px;

	background-repeat: no-repeat;
	margin: 0 0.5rem 0 0;
	background-position: center;
	background-repeat: no-repeat;
}

.item-name {
	padding-left: 10px;
}

.page-status-live {
	background-image: url(../images/tick-round-active.png);
}

.page-status-demo {
	background-image: url(../images/tick-round-disable.png);
}

.page-status-delete {
	background-image: url(../images/tick-round-inactive.png);
}

.page-status-error {
	background-image: url(../images/icon_error.png);
}

.page-status-closed {
	background-image: url(../images/tick-round-closed.png);
}

.page-status-locked {
	background-image: url(../images/icon-locked.png)
}

.page-status-unlocked {
	background-image: url(../images/icon-unlocked.png)
}

.page-status-public {
	background-image: url(../images/icon-eye-gray.png);
}

.page-status-private {
	background-image: url(../images/icon-eyex-gray.png);
}

.page-actions {
	width: 20px;
	height: 20px;
	background-image: url(../images/settings.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.item-closed,
.item-open,
.item-static {
	width: 24px;
	height: 12px;
	background-position: 0 center;
	background-repeat: no-repeat;
}

.item-closed {
	background-image: url(../images/nav_arrow_next.png);
}

.item-open {
	background-image: url(../images/black_arrow_down.png);
}

.item-container {
	padding-left: 28px;
}

.cmp-item a.page-actions {
	visibility: hidden
}

.cmp-item:hover a.page-actions {
	visibility: visible;
}

.action-menu {
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #f9f9f9;
	box-shadow: #999 2px 2px 8px;
	border: #999 solid 1px;
	z-index: 99;
}

.cmp-item div.action-menu {
	padding: 0;
	width: auto;
}

.cmp-item div.action-menu-sep {
	border-top: #ddd solid 1px;
	margin: 0;
	padding: 0;
}

.action-menu a {
	color: #383838;
	padding: 1px 8px;
}

.action-menu a:hover {
	background-color: #b0e3ef;
}

.more-page-link {
	color: #fda22f;
	font-size: 1.3rem;
	padding-left: 55px;
	text-decoration: underline;
}

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

/************************************/
.page-content-type {
	display: block;
	overflow: auto;
	cursor: pointer;
	padding: 5px;
	background-image: url(../images/icon_edit.png);
	background-position: 99% center;
	background-repeat: no-repeat;
	border-bottom: #eee solid 1px;
}

#startdate,
#enddate,
#start,
#end {
	line-height: 30px;
	height: 30px;
	border: solid 1px #ccc;
	border-radius: 6px;
	padding: 0 13px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	width: 60px;
}

.page-content-type:hover {
	background-color: #ecf6f8
}

.content-type-icon {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-position: center;
	background-size: contain;
}

.content-type-status {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-position: center;
	background-repeat: no-repeat;
}

.content-type-ready {
	background-image: url(../images/tick-round-active.png);
}

.content-type-notready {
	background-image: url(../images/icon_warning.png);
}

.content-type-ok {
	background-image: url(../images/tick-round-disable.png);
}

.content-type-name {
	display: block;
	float: left;
	padding: 4px 5px 5px 5px;
	color: #000;
}

.p100 {
	width: 100%;
}

.p66 {
	width: 66.6%;
}

.p50 {
	width: 50%;
}

.p33 {
	width: 33.3%;
}

.p25 {
	width: 25%;
}

.hardrow {
	display: block;
}

.col3 {
	width: 29%
}

.col1 {
	width: 95%;
}

.col2 {
	width: 45%
}

#graphs {
	padding-top: 5px;
}

#graphs a {
	display: inline-block;
	width: 12px;
	height: 16px;
	margin-left: 50px;
}

/**hide clear for date picker*/
.datepick-clear {
	display: none;
}

label.amperror {
	background-color: #f00;
	border: 1px solid #f00;
	border-radius: 5px;
	bottom: -1.5rem;
	box-shadow: 1px 1px 2px #999;
	color: #fff;
	font-size: 90%;
	padding: 2px 5px;
	right: 1.5rem;
	z-index: 2000;
}

.data-row label.amperror {
	padding: 5px;
	border-radius: 0 0 5px 5px;
	display: block;
}

a.inline-change {
	display: inline-block;
	margin: 0 2rem;
	font-size: 90%;
	text-decoration: none;
}

.loader {
	background-image: url("../images/amp-loader.gif");
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	width: 24px;
}

.thermometer {
	background-color: #e6e6e1;
	position: relative;
	padding: 1.4rem 1rem 1.5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ticker {
	display: table-cell;
}

.thermometer .therm_percent {
	position: absolute;
	bottom: 0.2rem;
	left: 1rem;
	color: #71716c;
	font-weight: bold;
	text-transform: uppercase;
}

.thermometer .therm_goal {
	position: absolute;
	bottom: 0.2rem;
	right: 1rem;
	color: #71716c;
	font-weight: bold;
	text-transform: uppercase;
}

.thermometer .therm_raised {
	color: #71716c;
	font-weight: bold;
	left: 1rem;
	position: absolute;
	text-transform: uppercase;
	top: 0.5rem;
	color: #fff;
	background-color: #0054a6;
	padding: 0 .2rem;
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 1.4rem;
}

.thermometer .therm_raised:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 23px;
	border: 2px solid;
	border-color: #0054a6 transparent transparent #0054a6;
}

.thermometer .therm_bar {
	background-color: #fff;
	height: 1.5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 300px;
}

.thermometer .therm_bar_fill {
	display: inline-block;
	background-color: #0054a6;
	height: 1.5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: top;
}

.progressBar_therm {
	height: 100%;
	background-color: white;
	border-radius: 22px;
}

.progressBar_therm div {
	height: 100%;
	color: #fff;
	text-align: right;
	line-height: 22px;
	width: 0;
	background-color: #09f;
	border-left-radius: 22px;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
}

.therm .therm_progress {
	left: 1rem;
	text-transform: uppercase;
	color: #fff;
	border-radius: 5px;
	font-size: 0.75em;
	font-family: 'Open Sans', sans-serif;
}

/** Key value grid ****/
.data-row,
.data-row2 {
	/*  border-bottom: 1px solid #e9eaed;*/
	display: flex;
	padding: 1rem 0 1rem 1rem;
	border-bottom: #ddd solid 1px;
	position: relative;
}

.data-row .key,
.data-row2 .key {
	color: #999;
	float: left;
	font-size: 1.3rem;
	font-weight: bold;
	text-transform: uppercase;
	width: 32%;
	text-align: right;
	padding-right: 1.5rem;
	line-height: 1.8rem;
}

.data-row .value {
	float: left;
	width: 60%;
	word-wrap: break-word;
}

.data-row-ext .key {
	width: 50%;
}

.data-row-ext .value {
	width: 40%;
}

.data-row2 .key {
	width: 50%;
	padding-right: 1rem;
	text-align: right;
	box-sizing: border-box;
	align-self: center;
}

.data-row2 .val {
	width: 50%;
	padding-left: 1rem;
	text-align: right;
	box-sizing: border-box;
}

.data-row input[type=text],
.data-row select,
.data-row textarea {
	background-color: #f8f8f8;
	border: 1px solid #999;
	border-radius: 3px;
	display: inline-block;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.6rem;
	padding: 0.5rem;
	vertical-align: middle;
	width: 25rem;
	;
}

.data-row label {
	padding: 0 1rem 0.5rem 0;
}

.edit-btn {
	position: absolute;
	width: 24px;
	height: 24px;
	display: block;
	background-image: url(../images/icon_edit.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	right: 5px;
	display: none;
}

.data-row:hover .edit-btn {
	display: block;
}

.edit-wrapper {
	padding: 1rem;
	box-shadow: 1px 1px 4px #999;
	width: 26rem;
	display: none;
}

.inline-confirm {
	padding-top: 1rem;
	text-align: right;
}

.inline-confirm a {
	background-position: 5px center;
	display: inline-block;
	padding: 10px 10px 10px 30px;
	color: #333;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	border: #959595 solid 1px;
	text-decoration: none;
	margin-left: 1rem;
}

.inline-confirm a:hover {
	text-decoration: none;
	background-color: #00aeef;
	color: #fff;
}

.inline-commit {
	border-right: #959595 solid 1px;
	background-image: url(../images/icon_tick.png);
}

.inline-cancel {
	background-image: url(../images/delete.png);
}

.dialog-batch {
	top: 400px;
	left: 400px;
}

/** Task List page */
.row .task_input {
	width: 100%;
}

/** Flex box */
.flex {
	display: flex;
}

.flex-fixed {
	flex: 0 0 auto;
	align-self: center;
}

.flex-fixed-top {
	flex: 0 0 auto;
	align-self: top;
}

.flex-float {
	flex: 1 1 auto;
	align-self: center;
}

.flex-float-top {
	flex: 1 1 auto;
	align-self: top;
}

.placement {
	padding: 1rem;
}

.vplacement {
	padding: 1rem 0;
}

.hplacement {
	padding: 0 1rem;
}

.lplacement {
	padding-left: 1rem;
}

.rplacement {
	padding-right: 1rem;
}

.cplacement {
	padding-top: 1rem
}

/*reports*/
.dashboard-container {
	vertical-align: middle;
}

.dashboard-container .head,
.dashboard-container .report-row {
	position: relative;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
}

.dashboard-container .head {
	color: #ffa326;
	font-weight: bold;
	background-color: #fff;
}

.dashboard-container .report-container {
	margin-bottom: 4px;
	background-color: #f0f0f0;
	border-radius: 6px;
}

.dashboard-container .report-container:hover,
.dashboard-container .report-container.is-active {
	background-color: #bce7f0;
}

.dashboard-container .report-row {
	cursor: pointer;
}

.dashboard-container .report-row-params {
	position: relative;
	padding: 0 12px;
	margin-right: 0;
}

.dashboard-container .cell {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.dashboard-container .report-icon,
.dashboard-container .report-button {
	width: 50px;
}

.dashboard-container .report-button {
	cursor: pointer;
	padding-right: 4px;
}

.dashboard-container .report-name {
	width: 180px;
	text-align: left;
	margin-left: 4px;
}

.dashboard-container .report-date {
	width: 155px;
	text-align: left;
	margin-left: 4px;
}

.dashboard-container .filters-fields {
	display: flex;
}

.dashboard-container .filters-fields .row-min {
	padding: 0.5rem 0;
	overflow: auto;
}

.dashboard-container .filters-fields input[type=text],
.dashboard-container .filters-fields select {
	border: 1px solid #ccc;
	border-radius: 5px;
	float: right;
	padding: 6px;
	line-height: 1.1;
	width: 150px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.dashboard-container .filters-fields .error {
	margin-left: 0px;
}

.dashboard-container .filters-fields input[type=text].input_long,
.dashboard-container .filters-fields textarea.input_long {
	border: 1px solid #ccc;
	border-radius: 5px;
	float: right;
	padding: 6px;
	width: 360px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	line-height: 1.1;
}

.dashboard-container .filters-fields textarea.input_long {
	height: 95px;
	line-height: 17px;
	width: 100%;
}

.dashboard-container .filters-fields .title {
	font-weight: bold;
	color: #00b2da;
}

.dashboard-container .filters-fields-param1 {
	/*flex: 1 1 auto;*/
	padding-right: 1rem;
	font-weight: bold;
	text-align: left;
}

.dashboard-container .filters-fields-param1 {
	flex: 0.5 0.5 auto;
	font-weight: bold;
	background: #def3f8;
	padding-right: 1rem;
	border-radius: 5px;
	padding: 6px 12px;
}

.dashboard-container .filters-fields-param2 {
	flex: 0.5 0.5 auto;
	font-weight: bold;
	background: white;
	padding-right: 1rem;
	border-radius: 5px;
	margin-left: 2rem;
	padding: 6px 12px;
}

.dashboard-container .filters-reset {}

.dashboard-container .filters-reset a {
	display: inline-block;
	margin: 0 1rem;
	text-decoration: none;
}

.dashboard-container .filters-reset--actions {
	float: right;
}

#breadcrumb {
	margin: 0;
	font-size: 21px;
	line-height: 42px;
	padding: 0 0 0 38px;
	background: url(../images/folder-26-greyscale.jpg) no-repeat 6px 6px;
}

#breadcrumb a {
	font-size: 21px;
	line-height: 42px;
	text-decoration: none;
}

#breadcrumb .folder-name {
	color: #000;
}

#dash-reports {
	width: 100%;
}

#dash-title {
	float: left;
	color: #00669a;
	font-size: 21px;
	line-height: 42px;
}

.metric-title {
	font-size: 1.5rem;
	color: #9b9b9b;
	font-weight: bold;
}

.metric {
	font-size: 2.6rem;
	font-weight: bold;
	margin-top: 4px;
	color: #434343;
}

/*.metric-line {
    color: #9b9b9b;
    font-size: 1.3rem;
    padding-bottom: 4px;
}*/
.dashrow {
	display: flex;
	justify-content: left;
	padding: 0.5rem;
	padding-bottom: 2rem;
}

.bigitem {
	font-family: 'Open Sans', sans-serif;
	border-radius: 5px;
	font-size: 5rem;
	font-weight: bold;
	color: #00b2da;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 5px 0 10px;
	text-align: center;
	line-height: 3rem;
}

.bigitemtext {
	vertical-align: top;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-align: center;
}

.whitetitle {
	font-family: 'Open Sans', sans-serif;
	color: #00b2da;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 8px;
}

.progress-circle {
	padding: 2rem;
}

.uppercontainer {
	width: 80%;
	padding-left: 2em;
}

.dash-bigtext {
	color: #9b9b9b;
	font-weight: bold;
	font-size: 1.3rem;
	min-width: 120px;
	width: 75%;
}

.dashboard-styles .lrg-blue {
	width: 25%;
}

.dashboard-styles .lrg-blue .title {
	font-family: 'Open Sans', sans-serif;
	color: #00b2da;
	font-size: 12px;
	text-transform: uppercase;
}

.dashboard-styles .lrg-blue .bar {
	font-family: 'Open Sans', sans-serif;
	background-color: #00b2da;
	border-radius: 5px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 10px;
	margin: 5px 10px 10px 0;
	width: 75%;
	/* 130px;*/
	min-width: 100px;
}

.metric-line:not(:last-child) {
	margin-top: 4px;
}

.smallmetric {
	font-size: 1.8rem;
	color: #434343;
	font-weight: bold;
}

#dash-reports>div {
	width: 100%;
	display: flex;
	justify-content: left;
}

#dash-reports>div:not(:last-child) {
	/* padding-top: 15 px;*/
}

#dash-reports>div>div {
	width: 25%;
	height: 50px;
	margin: 5px;
	vertical-align: top;
}

/*participant types and discounts*/
.participant-types-container {
	vertical-align: middle;
	text-align: center;
}

.participant-types-container .head,
.participant-types-container .participant-types-row {
	position: relative;

	a.res-list {
		border: #ccc solid 1px;
		text-decoration: none;
		color: #333;
		display: inline-block;
		padding: 0.5rem;
		margin: 0 1rem 0.5rem 0;
		overflow: hidden;
		position: relative;
	}

	a.res-list:hover {
		background-color: #ecf6f8;
	}

	a.res-list span {
		background-color: #f8f8f8;
		border-left: #eee solid 1px;
		background-position: center;
		background-repeat: no-repeat;
		width: 3rem;
		min-width: 20px;
		right: 0;
		top: 0;
		bottom: 0;
		display: block;
		position: absolute;
	}

	padding: 3px;
	vertical-align: middle;
	display: flex;
}

.participant-types-container .head {
	color: #ffa326;
	font-weight: bold;
	background-color: #fff;
}

.participant-types-container .participant-types-container {
	border-radius: 6px;
}

.participant-types-container .participant-types-container:nth-child(even) {
	background-color: #f0f0f0;
}

.participant-types-container .participant-types-row-params {
	position: relative;
	padding: 5px;
	text-align: left;
	background-color: #fff;
}

.participant-types-container .cell {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.participant-types-container .participant-types-icon,
.participant-types-container .participant-types-button {
	width: 40px;
}

.participant-types-container .participant-types-status {
	width: 60px;
}

.participant-types-container .participant-types-button {
	cursor: pointer;
	padding-right: 4px;
}

.participant-types-container .participant-types-name {
	width: 160px;
	text-align: left;
	flex: 1 1 auto;
}

.participant-types-container .participant-types-fee {
	width: 50px;
	text-align: right;
}

.participant-types-container .participant-types-date {
	width: 80px;
	text-align: left;
}

.discounts-container {
	vertical-align: middle;
	text-align: center;
}

.discounts-container .head,
.discounts-container .discounts-row {
	position: relative;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
}

.discounts-container .head {
	color: #ffa326;
	font-weight: bold;
	background-color: #fff;
}

.discounts-container .discounts-container {
	border-radius: 6px;
}

.discounts-container .discounts-container:nth-child(even) {
	background-color: #f0f0f0;
}

.discounts-container .discounts-row-params {
	position: relative;
	padding: 5px;
	text-align: left;
	background-color: #fff;
}

.discounts-container .cell {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.discounts-container .discounts-icon,
.discounts-container .discounts-button {
	width: 40px;
}

.discounts-container .discounts-status {
	width: 60px;
}

.discounts-container .discounts-button {
	cursor: pointer;
	padding-right: 4px;
}

.discounts-container .discounts-name {
	width: 180px;
	text-align: left;
}

.discounts-container .discounts-code {
	width: 100px;
	text-align: left;
}

.discounts-container .discounts-usage,
.discounts-container .discounts-discount,
.discounts-container .discounts-limit {
	width: 80px;
}

.discounts-container .discounts-date {
	width: 80px;
	text-align: left;
}

/* Activity Category table*/

#activity_group_table td,
.grid-cell {
	background-color: unset;
}

#activity_group_table tr td:first-child {
	border-radius: 6px 0 0 6px;
}

#activity_group_table tr td:last-child {
	border-radius: 0 6px 6px 0;
}

#activity_group_table tr:nth-child(even) {
	background-color: #f0f0f0;
}

/*activities and sessions*/

.question-mark {
	cursor: pointer;
	background: #fff;
	color: #00b2da;
	border: 1px solid #00b2da;
	-moz-border-radius: 50%;
	border-radius: 10px;
	padding: 1.5px;
	text-align: center;
}

.insrtuctions p {
	font-weight: bold;
	padding: 10px 0 0 0;
	line-height: 1.5;
}

.instruction-container {
	display: flex
}

.instruction-container>div {
	vertical-align: top;
	display: flex;
}

.instruction-container>div>div:first-of-type {
	width: 15rem;
}

.instruction-container>div>div:last-of-type {
	width: 350px;
	padding-left: 50px;
}

.activities-container {
	/*vertical-align: middle;*/
	/*text-align: center;*/
}

.activities-container .head,
.activities-container .activities-row {
	position: relative;
	padding: 3px;
}

.activities-container .head {
	color: #ffa326;
	font-weight: bold;
	background-color: #fff;
}

.activities-container .activities-container {
	border-radius: 6px;
}

.activities-container .activities-container:nth-child(even) {
	background-color: #f0f0f0;
}

.activities-container .activities-row-params {
	position: relative;
	padding: 5px;
	text-align: left;
	background-color: #fff;
}

.activities-container .cell {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.activities-container .activities-icon,
.activities-container .activities-button {
	width: 40px;
}

.activities-container .activities-status,
.activities-container .activities-sessions {
	width: 82px;
}

.activities-container .activities-button {
	cursor: pointer;
	padding-right: 4px;
}

.activities-container .activities-name {
	width: 480px;
	text-align: left;
}

.activities-container .sessions.activities-name {
	width: 160px;
}

.activities-container .activities-date {
	width: 140px;
	text-align: left;
}

.bluecontainer.whitebg {
	background-color: #fff;
	padding: 1rem;
	margin: 3px;
}

.report-folder {
	padding-left: 12px;
	margin: 10px 0;

}

.folder-name {
	background-image: url(../images/folder.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	padding-left: 36px;
	color: #333;
	display: block;
	cursor: pointer;
	flex: 1 0 auto;
}

.report-files {
	padding-left: 24px;
	display: none;
}

.report-file {
	display: flex;
	background-image: url(../images/icon_report.png);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 10px 0;
	padding-left: 36px;
	margin: 0 0 5px 5px;
	border-radius: 5px;
	background-color: #f5f5f5;
	margin-top: 10px;
}

.report-name {
	flex: 1 0 auto;
	cursor: pointer;
}

.report-run {
	background-image: url(../images/icon_run.png);
	background-repeat: no-repeat;
	width: 36px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
	cursor: pointer;
}

.report-edit {
	background-image: url(../images/icon_edit.png);
	background-repeat: no-repeat;
	width: 36px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 10px;
}

.report-delete {
	background-image: url(../images/chat_delete.png);
	background-repeat: no-repeat;
	width: 36px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.report-created,
.report-last-run {
	color: #333;
	padding-left: 10px;
	white-space: nowrap;
	width: 90px;
}

.report-selected {
	background-color: #bce7f0;
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
}

.report-file:hover {
	background-color: #e5f2fa;
}

.rpt-col1 {
	flex: 1 1 auto;
}

.rpt-col2,
.rpt-col3 {
	width: 100px;
	color: #666;
	font-size: 90%;
	color: #ffa326;
	font-weight: bold;
}
}

.rpt-padding {
	padding-left: 24px;
	padding-left: 5px;
	width: 840px;
}

.folder-wrapper {
	background-color: #f5f5f5;
	border-radius: 5px;
	display: flex;
	padding: 5px 0;
}

.folder-wrapper:hover {
	background-color: #e5f2fa;
}

/**** Site wizard **/

.blue-round-box {
	/*border-radius: 10px;
    overflow: auto;*/
	background-color: #b0e3ef;
}

.blue-round-header {
	background-color: #bce7f0;
	padding: 1rem;
	font-size: 1.5rem;
	color: #333;
	font-weight: bold;
	position: relative;
	padding-right: 5rem;
}

.blue-round-header a {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 1rem 2rem;
	color: #999;
	text-decoration: none;
}

.blue-round-header a:hover {
	color: #f00;
}

.site-type-big {
	background-color: #fff;
	border-radius: 10px;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	height: 80px;
	line-height: 1.2rem;
	margin: 10px;
	padding: 10px;
	text-align: center;
	width: 80px;
	cursor: pointer;
	transition: all 0.4s;
}

.site-type-icon {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	margin-bottom: 0.5rem;
	text-align: center;
	width: 77px;
}

.site-type-big:hover,
.site-type-active {
	background-color: #fda22f;
	color: #fff;
}

.site-icon-small {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 28px;
	height: 28px;
	background-size: contain;
}

.icon-p2p-event {
	background-image: url(../images/icon_type-event.png);
}

.icon-p2p-diy {
	background-image: url(../images/icon_type-diy.png);
}

.icon-widget-activity {
	background-image: url(../images/icon-activity.png);
}

.icon-widget-text {
	background-image: url(../images/icon-textblock.png);
}

.icon-p2p-blueprint {
	background-image: url(../images/icon_type-blueprint.png);
}

.icon-p2p-event-small {
	background-image: url(../images/icon_small-event.png);
}

.icon-p2p-diy-small {
	background-image: url(../images/icon_small-diy.png);
}

.icon-p2p-blueprint-small {
	background-image: url(../images/icon_small-blueprint.png);
}

.flex-row {
	padding: 0.5rem 1rem;
	display: flex
}

.flex-row-left {
	width: 50%
}

.flex-row-center {
	width: 20%
}

.flex-row-right {
	width: 30%;
	text-align: right
}

.section_header {
	border-radius: 5px;
	border: #999 solid 1px;
	padding: 0.5rem;
	font-weight: bold;
	display: flex;
	color: #0054a6;
}

.mini-button {
	font-size: 1.2rem;
	font-weight: normal;
	border: #0054a6 solid 1px;
	padding: 0 10px;
	background-color: #d3f3ff;
	cursor: pointer
}

.mini-button:hover {
	text-decoration: none;
}

.anote {
	font-size: 1.3rem;
	font-style: italic;
	color: #333;
}

/* Donation results */
.donationExport {
	display: inline-block;
}

#donation_result_grid tr[data-id] td {
	padding-top: 1.5em;
}

#donation_result_grid .donation-actions td {
	padding-top: 0;
}

#donation_result_grid .donation-actions p {
	font-size: .8em;
	line-height: 1;
	opacity: 0;
}

#donation_result_grid tr[data-id]:hover+.donation-actions p,
#donation_result_grid .donation-actions:hover p {
	opacity: 1;
}

#donation_result_grid .donation-actions a {
	color: #00b2da;
}

#donation_result_grid .donation-actions a.reject {
	color: #c33;
}

.inline-close {
	float: right;
	display: inline-block;
	font-weight: normal;
	color: #999;
	padding: 0 10px;
	cursor: pointer;
}

.inline-close:hover {
	color: #000
}

#groupcanvas div:hover {
	background-color: #f5f5f5;
}

#groupcanvas div {
	overflow: auto;
	float: left;
}

.group-connector,
a.group-link,
a.group-connector-primary {
	width: 64px;
	height: 64px;
	display: block;
	float: left;
	background-image: url(../images/groups_connector.png);
	background-repeat: no-repeat;
	cursor: move;
}

#groupcanvas a.group-connector-primary {
	background-image: url(../images/groups_connector-primary.png);
}

#groupcanvas a.group-link {
	background-image: url(../images/groups_link.png);
}

a.group-space {
	width: 64px;
	height: 64px;
	display: block;
	float: left;
}

#groupcanvas span {
	display: inline-block;
	padding: 5px;
	padding-top: 10px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#groupcanvas span.small {
	padding: 5px;
	color: #00b2da;
	font-size: 90%;
	margin-top: 5px;
}

.group-propert-label {
	display: inline-block;
	width: 50%
}

.group-role-icon {
	width: 36px;
	height: 36px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-top: 5px;
}

.lowcontrast {
	font-size: 1.3rem;
	color: black;
	display: inline-block;
	padding-right: 1rem;
}

.dashboard-styles .raised .title {
	font-family: 'Open Sans', sans-serif;
	color: #00b2da;
	font-size: 14px;
	text-transform: uppercase;
}

.dashboard-styles .raised .bar {
	font-family: 'Open Sans', sans-serif;
	background-color: #00b2da;
	border-radius: 5px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 5px 0 10px;
	width: 94%;
}

.dashboard-styles .small-blue {
	width: 25%;
}

.dashboard-styles .small-blue-diff {
	width: 25%;
}

.dashboard-styles .small-blue .title {
	font-family: 'Open Sans', sans-serif;
	color: #00b2da;
	font-size: 11px;
	text-transform: uppercase;
}

.dashboard-styles .small-blue .bar {
	font-family: 'Open Sans', sans-serif;
	background-color: #00b2da;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 5px 10px 10px 0;
	width: 75%;
	/* 130px;*/
	min-width: 100px;
}

.dashboard-styles .small-blue-diff .title {
	font-family: 'Open Sans', sans-serif;
	color: #9b9b9b;
	font-size: 11px;
	text-transform: uppercase;
}

.dashboard-styles .small-blue-diff .bar {
	font-family: 'Open Sans', sans-serif;
	background-color: #9b9b9b;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 5px 10px 10px 0;
	width: 75%;
	/* 130px;*/
	min-width: 100px;
}

.dashboard-styles .white-container {
	font-family: 'Open Sans', sans-serif;
	border-radius: 5px;
	border: 1px solid #00b2da;
	color: #626366;
	font-size: 11px;
	text-transform: uppercase;
	padding: 12px 10px;
	margin-left: 1rem;
	min-width: 200px;
	min-height: 100px;
}

.dashboard-styles .white-containers {
	font-family: 'Open Sans', sans-serif;
	border-radius: 5px;
	border: 1px solid #00b2da;
	color: #626366;
	font-size: 11px;
	text-transform: uppercase;
	padding: 15px 10px;
	display: flex;
}

.dashboard-styles .white-container .number,
.dashboard-styles .white-containers .number {
	color: #00b2da;
	font-size: 24px;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
}

.dashboard-styles .outertitle {
	font-family: 'Open Sans', sans-serif;
	color: #00b2da;
	font-size: 12px;
	text-transform: uppercase;
}

.row label.formLabel span.currencycode {
	float: right;
	color: black;
}

/*
.item {
    width: 50% !important;
}
*/
.shortcontainer {
	display: flex;
}

.lcontainer {
	width: 90%;
}

.row label.helptext {
	color: #444;
	display: inline-block;
	font-size: 14px;
	min-width: 15rem;
}

.js-save,
.js-cancel {
	background-color: #fda22f;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	padding: 0.5rem 0.5rem;
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size: 1.5rem;
}

.dashhide {
	display: none;
}

.innerload {
	background-color: #fdffc8;
	padding: 5px 5px 5px 25px;
	border-radius: 3px;
	margin-bottom: 15px;
}

/******  Text sizes ******/
.size2 {
	font-size: 2rem;
	line-height: 2.4rem;
}

.task {}

.task a {
	display: block;
	padding: 0.5rem 1rem;
	background-color: #00b2da;
	color: #fff;
	margin-bottom: 4px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}

.task a:hover {
	background-color: #fda22f;
	text-decoration: none;
}

.mono {
	background-color: #f5f5f5;
	border-radius: 6px;
	cursor: pointer;
	margin-bottom: 0.5rem;
	border: #d5d5d5 solid 1px;
}

.mono .img img {
	width: 50px;
	height: 50px;
	float: left;
	border-radius: 6px 0 0 6px;
}

.mono:hover {
	background-color: #bce7f0;
	border-color: #00b2da;
}

.mono .name {
	padding-left: 1rem;
}

.mono .add {
	padding-right: 1rem;
}

.sys-box {
	background-color: #fbfbfb;
	border: 1px solid #ccc;
	width: 350px;
	margin: auto;
	margin-top: 5rem;
	border-radius: 6px;
}

.sys-box-title {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	font-size: 2rem;
	padding: 1rem;
	border-radius: 6px 6px 0 0;
}

.sys-box-body {
	padding: 2rem;
}

.clear {
	float: right;
	min-width: 85px;
}

.default-url {
	padding-left: 30px !important;
	background-image: url(../images/star-round.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}

#sync-progress {
	border: #00b2da solid 1px;
	border-radius: 2rem;
	position: relative;
}

#sync-pb {

	text-align: center;
	border-radius: 2rem;
	background-color: #00b2da;
	height: 3rem;
	width: 0%;
}

#sync-label {
	position: absolute;
	left: 48%;
	top: 0.5rem;
}

#crm-sync-cont {
	display: none;
}

/** Custom on/off type checkbox */
.onoffswitch-switch {
	display: block;
	width: 16px;
	margin: 6px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 56px;
	border: 1px solid #999999;
	border-radius: 20px;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 15px;
	border: 1px solid #999;
}

.onoffswitch {
	position: relative;
	width: 90px;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-inner::after {
	content: "OFF";
	value: '0';
	padding-right: 10px;
	background-color: #e5f2fa;
	color: black;
	text-align: right;
	padding-right: 1rem !important;
}

.onoffswitch-inner::before {
	content: "ON";
	value: '1';
	padding-left: 10px;
	background-color: #00b2da;
	color: #FFFFFF;
	padding-left: 2rem !important;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

/*************** Status switch modification **********/
.status_switch .onoffswitch {
	width: 120px;
}

.status_switch .onoffswitch-switch {
	right: 90px;
}

.status_switch .onoffswitch-inner::after {
	content: 'Disabled';
}

.status_switch .onoffswitch-inner::before {
	content: 'Active';
}

.light-label {
	color: #555;
}

.reorderer {
	cursor: move;
}

/*************** Custom Checkbox ***************/

/* Customize the label (the container) */
.custom-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border: #ccc solid 1px;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked~.checkmark {
	background-color: #00b2da;
	border-color: #00b2da;
}

.custom-checkbox input:disabled~.checkmark {
	background-color: #ccc;
	border-color: #ccc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.custom-strip {
	margin: 1rem;
	display: flex;
	border: #ccc solid 1px;
	border-radius: 5px;
}

.custom-strip span {
	padding: 0.5rem;
}

.custom-strip input {
	display: none;
}

.custom-strip span {
	flex: 1 1 auto;
}

.custom-strip span.fixed-width {
	width: 100px;
	flex: 0 0 auto;
	text-align: right;
}

.custom-strip:hover {
	background-color: #e5f2fa;
}

.custom-strip-select {
	background-color: #00b2da;
	color: #fff;
	border-color: #00b2da;
	font-weight: bold;
}

.custom-strip-select:hover {
	background-color: #00b2da;
}

.custom-strip-desc {
	display: block;
	font-size: 90%;
	color: #666;
}

.icon-tags {
	width: 36px;
	height: 32px;
	display: inline-block;
	background-image: url(../images/codes.png);
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: bottom;
	margin-left: 1rem;
	border: #ccc solid 1px;
	border-radius: 5px;
	background-color: #efefef;
	cursor: pointer;

}

.icon-tags:hover {
	box-shadow: 1px 1px 5px #ccc;
}

#pg_name_vars {
	position: absolute;
	display: flex;
	background-color: #fff;
	border: #ccc solid 1px;
	border-radius: 3px;
	box-shadow: 2px 2px 8px #ccc;
	left: 18rem;
	top: -2rem;
	width: 400px;
	flex-wrap: wrap;
}

#pg_name_vars a {
	width: 50%;
	box-sizing: border-box;
	padding: 1rem;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: #00b2da solid 1px;
}

/* Large desktops and laptops */
@media (min-width: 1500px) {
	.page_columns .left {
		width: 300px;
	}

	.row label.formLabel {
		width: 25rem;
	}

	.row label.formLabelfee {
		width: 24rem;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	.page_columns .left {
		width: 250px;
	}

	.row label.formLabel {
		width: 25rem;
	}

	.row label.formLabelfee {
		width: 24rem;
	}
}

@media (min-width: 1200px) {

	.row label.formLabel {
		width: 25rem;
	}

	.row label.formLabelfee {
		width: 24rem;
	}
}

/* Portrait tablets and small desktops */
@media (max-width: 767px) {
	.helpoutertext {
		float: none;
	}

	.row label.formLabelfee {
		width: 14rem;
	}
}

.tox-tinymce {
	border: #bebebe solid 1px !important;
}

.tox-statusbar__branding {
	display: none !important;
}