.contentWrapper1 {
	max-width: 1310px;
	width: 100%;
	padding: 0 35px; /* because of proposal representative info */
	margin: 0 auto;
	box-sizing: border-box;
}

/* Add module */
.contentWrapper2 {
	max-width: 1230px;
	width: 100%;
	padding: 0 35px; /* because of proposal representative info */
	margin: 0 auto;
	box-sizing: border-box;
}

/* narrow separator */
.marginRight7px {
	margin-right: 7px;
}

.border2pxSolidBlue {
	border: 2px solid #004989;
}

.border2pxSolidGreen {
	/*border: 2px solid rgb(66, 166, 89);*/
	border: 2px solid rgb(0, 134, 0);
}

.border2pxSolidGrey {
	border: 2px solid rgb(215, 215, 215);
}

.border2pxSolidRed {
	border: 2px solid #a40d14;
}

.border1pxSolidGreyLight {
	border: 1px solid #d7d7d7;
}

.border2pxSolidWhite {
	border: 2px solid #ffffff;
}

.borderBottom1pxDottedBlack {
	border-bottom: 1px dotted #333333;
}

.entityMaintainControl {
}

.entityMaintainControl a {
	color: red;
}

.opacity50 {
	opacity: 0.5;
}

.placeWarning {

}

/*
	FONT-SIZE
================================================== */

/* Summary text in proposal-representative-info, text in header */
.fontSize14px {
	font-size: 14px;
	line-height: 1.3;
}

/* Regular text */
.fontSize16px {
	font-size: 16px;
	line-height: 1.2;
}

/* Bigger then regular */
.fontSize18px {
	font-size: 18px;
	line-height: 1.2;
}

/* Mobile icons headers + icons */
.fontSize20px {
	font-size: 20px;
	line-height: 1.2;
}

.fontSize24px {
	font-size: 24px;
	line-height: 1.2;
}

/* List item entity name  */
.fontSize28px {
	font-size: 28px;
	line-height: 1.1;
}

/* Head entity name */
.fontSize36px {
	font-size: 36px;
	line-height: 1.1;
}

/* Idea percentage */
.fontSize40px {
	font-size: 40px;
	line-height: 1.1;
}

/*
	ICONS
================================================== */

/* popup close */
.bigIcon {
	font-size: 30px;
	line-height: 30px;
	text-align: center;
}

.ofIcon {
	display: block;
	height: 20px;
	padding-left: 25px;
}

.ofIcon.plus-grey-white {
	background: transparent url('/images/icons/plus-grey-white.svg') no-repeat scroll left center;
}

.textInButtonRow .ofIcon {
	height: 30px;
	line-height: 30px;
}

/*.textInButtonRow .fa {*/
/*font-size: 20px;*/
/*line-height: 20px;*/
/*text-align: center;*/
/*}*/

.textInButtonRow .jsOfSelect-trigger .fa {
	font-size: 20px;
	text-align: center;
	line-height: 20px;
}

.dropDownIcon {
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}

/*
	COLORS and WEIGHHT
================================================== */

.fontWeightBold {
	font-weight: bold;
}

.colorWhite {
	color: #ffffff;
}

.colorRed {
	color: #a40d14;
}

.colorBlue {
	color: #004989;
}

.colorGreen {
	/*color: rgb(66, 166, 89);*/
	color: rgb(0, 134, 0);
}

.colorGreyLight {
	color: #d7d7d7;
}

.colorGreyMedium {
	color: #999999; /* separators, dates in Live */
}

.colorGrey {
	color: #707070;
}

.colorBlack {
	color: #333333;
}

.backgroundColorBlue {
	background-color: #004989;
}

.backgroundColorRed {
	background-color: #a40d14;
}

.backgroundColorGreen {
	/*background-color: rgb(66, 166, 89);*/
	background-color: rgb(0, 134, 0);
}

.backgroundColorGreyLight {
	background-color: #D7D7D7;
}

.backgroundColorGreyMedium {
	background-color: #999999;
}

/* Add module header */
.backgroundColorDarkGrey {
	background-color: #6f6f6f;
}

.backgroundColorWhite {
	background-color: #ffffff;
}

.redWhite {
	padding: 0 5px;
	color: #ffffff;
	background-color: #a40d14;
}

.blueWhite {
	padding: 0 5px;
	color: #ffffff;
	background-color: #004989;
}

.greyWhite {
	padding: 0 5px;
	color: #ffffff;
	background-color: #707070;
}

/*
	GENERAL BLOCKS AND COMPONENTS
================================================== */

.height30px {
	height: 30px;
	line-height: 30px;
}

.textInButtonRow {
	min-height: 30px;
	line-height: 30px;
}

.textInButtonRow.height34px {
	min-height: 34px;
	line-height: 34px;
}

.textInButtonRow.massiveFormElement {
	min-height: 40px;
	line-height: 40px;
}

.lastDivNoMargin > div:last-of-type {
	margin-bottom: 0;
}

.lastOfTypeNoMargin:last-of-type {
	margin-bottom: 0;
}

.greyBlock {
	display: block;
	border: 1px solid #d7d7d7;
	background-color: #f5f5f5;
}

.greyBlock2 {
	padding: 10px;
	display: block;
	background-color: #ebebeb;
}

.greyBlock div.separator {
	position: relative;
	background-color: #d7d7d7;
	height: 1px;
}

.greyBlock.shifted {
	margin-left: 3px;
	margin-right: 3px;
	border-top: none;
}

.yellowBlock {
	display: block;
	border: 1px solid rgb(220, 220, 140);
	background-color: rgb(255, 255, 175);
	box-shadow: 1px 1px 1px rgb(220, 220, 140);
}

.orangeBlock {
	display: block;
	border: 1px solid #ff9800;
	background-color: #ffe0b2;
	box-shadow: 0 0 5px #d7d7d7;
}

.whiteBlock {
	word-wrap: break-word;
}

.whiteBlock {
	display: block;
	border: 1px solid #d7d7d7;
	background-color: #ffffff;
	box-shadow: 0 0 5px #d7d7d7;
}

.whiteBlock.paddingNone {
	padding: 0 !important;
}

.whiteBlock.bigPadding {
	padding: 29px !important;
}

.blackBorderedBlock {
	display: block;
	border: 1px solid #333333;
	box-shadow: 0 0 5px #d7d7d7;
}

.ctPopup-shade .whiteBlock {
	box-shadow: none !important;
}

.whiteBlock_header {
	background-color: #ebebeb;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	z-index: 1;
}

.whiteBlock div.separator {
	position: relative;
	background-color: #d7d7d7;
	height: 1px;
}

.whiteBlock div.separator_cut {
	position: relative;
	background-color: #d7d7d7;
	height: 1px;
}

.whiteBlock div.separator div.text {
	position: absolute;
	left: 50%;
	background-color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	text-align: center;
	color: #d7d7d7;
}

/*.imageWrapper60px {*/
/*position: relative;*/
/*display: block;*/
/*width: 60px;*/
/*height: 60px;*/
/*background-color: #525252;*/
/*}*/

.squareBlock {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
}

.transparentBlock {
	display: block;
	padding: 15px;
	border: none;
	background-color: transparent;
}

/*
	TWO COLUMN LAYOUTS
================================================== */

/* 30 left - USER IN HEADER */
div.twoColumnLayout30px {
	padding-left: 40px;
}

div.twoColumnLayout30px > div.left {
	float: left;
	width: 30px;
	margin-left: -40px;
}

div.twoColumnLayout30px > div.right {
	float: left;
	width: 100%;
}

/* 15 left - Group privacy radio button */
div.twoColumnLayout15px {
	padding-left: 25px;
}

div.twoColumnLayout15px > div.left {
	float: left;
	width: 15px;
	margin-left: -25px;
}

div.twoColumnLayout15px > div.right {
	float: left;
	width: 100%;
}

/* 50 left */
div.twoColumnLayout50px {
	padding-left: 60px;
}

div.twoColumnLayout50px > div.left {
	float: left;
	width: 50px;
	margin-left: -60px;
}

div.twoColumnLayout50px > div.right {
	float: left;
	width: 100%;
}

/* 40 left - LEADER VOTING */
div.twoColumnLayout40px {
	padding-left: 50px;
}

div.twoColumnLayout40px > div.left {
	float: left;
	width: 40px;
	margin-left: -50px;
}

div.twoColumnLayout40px > div.right {
	float: left;
	width: 100%;
}

div.twoColumnLayout40pxRight {
	padding-right: 50px;
}

div.twoColumnLayout40pxRight > div.left {
	float: right;
	width: 100%;
}

div.twoColumnLayout40pxRight > div.right {
	float: right;
	width: 40px;
	margin-right: -50px;
}

/* 120 left */
div.twoColumnLayout120px {
	padding-left: 130px;
}

div.twoColumnLayout120px > div.left {
	float: left;
	width: 120px;
	margin-left: -130px;
}

div.twoColumnLayout120px > div.right {
	float: left;
	width: 100%;
}

/* 240 left */
div.twoColumnLayout240px {
	padding-left: 250px;
}

div.twoColumnLayout240px > div.left {
	float: left;
	width: 240px;
	margin-left: -250px;
}

div.twoColumnLayout240px > div.right {
	float: left;
	width: 100%;
}

/* 300 left */
div.twoColumnLayout300px {
	padding-left: 310px;
}

div.twoColumnLayout300px > div.left {
	float: left;
	width: 300px;
	margin-left: -310px;
}

div.twoColumnLayout300px > div.right {
	float: left;
	width: 100%;
}

/*20 left*/

.twoColumnLayout20 {
	padding-left: 30px;
}

div.twoColumnLayout20 > div.left {
	float: left;
	width: 20px;
	margin-left: -30px;
}

div.twoColumnLayout20 > div.right {
	float: left;
	width: 100%;
}

/*
	TOOLTIP
================================================== */

.ctTooltip {
	position: relative;
}

.ctTooltip-tooltip {
	position: absolute;
	width: 300px;
	z-index: 800;
	line-height: 130%;
}

.ctTooltip-tooltip > div.after, .ctTooltip-tooltip > div.before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ctTooltip-tooltip > div.after {
	border-color: transparent;
	border-bottom-color: rgb(255, 255, 175);
	border-width: 15px;
	margin-left: -15px;
}

.ctTooltip-tooltip > div.before {
	border-color: transparent;
	border-bottom-color: rgb(230, 230, 150);
	border-width: 16px;
	margin-left: -16px;
}


/*
	TOURTIP
================================================== */

.ctTour-tooltip {
	width: 500px;
	height: auto;
	z-index: 1002;
	line-height: 130%;
}

.ctTour-tooltip div.after, div.after-right,
div.after-right-top, div.after-left, div.after-left-down {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ctTour-tooltip > div.after {
	border-bottom-color: rgb(255, 255, 175);
	border-width: 15px;
	margin-left: -15px;
}

.ctTour-tooltip > div.after-right {
	border-left-color: rgb(255, 255, 175);
	border-width: 15px;
    right: -28px;
    top: 20px;
}

.ctTour-tooltip > div.after-left {
	border-right-color: rgb(255, 255, 175);
	border-width: 15px;
    left: -28px;
    top: 20px;
}

.ctTour-tooltip > div.after-right-top {
	border-bottom-color: rgb(255, 255, 175);
	border-width: 15px;
    right: 0;
    top: -28px;
}

.ctTour-tooltip > div.after-left-down {
	border-top-color: rgb(255, 255, 175);
	border-width: 15px;
    left: 0;
    bottom: -28px;
}
/*
	LIST ITEM POLL VARIANT
	also is used in widgets
================================================== */

div.listItem-pollVarian {
	position: relative;
	min-height: 20px;
	padding: 5px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
}

div.listItem-pollVarian table {
	width: 100%;
	position: relative;
}

div.listItem-pollVarian table tr td.name {
	width: 75%;
	line-height: 20px;
}

div.listItem-pollVarian table tr td.countLeaderVote {
	width: 10%;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 14px;
}

div.listItem-pollVarian table tr td.percent {
	width: 10%;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 14px;
}

@media screen and (max-width: 250px) {
	div.listItem-pollVarian table tr td.name {
		width: 95%;
		line-height: 20px;
	}

	div.listItem-pollVarian table tr td.countLeaderVote {
		width: 0;
		display: none;
	}

	div.listItem-pollVarian table tr td.percent {
		width: 0;
		display: none;
	}
}

div.listItem-pollVarian div.progress {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #c6e7fd;
	z-index: 0;
}

div.listItem-pollVarian:hover {
	background-color: #c6e7fd;
}

div.listItem-pollVarian a.overlay-link {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

div.listItem-pollVarian a.button {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

div.listItem-pollVarian .whenActive {
	display: none;
}

div.listItem-pollVarian .whenNotActive {
	display: block;
}

div.listItem-pollVarian.active .whenActive {
	display: block;
}

div.listItem-pollVarian.active .whenNotActive {
	display: none;
}

.ctToggle.active .fa.fa-caret-down {
	/*color: rgb(66, 166, 89);*/
	color: rgb(0, 134, 0);
}

/*
	LIST ITEM CANDIDATE VOTE
================================================== */

div.listItem-candidateVote {
	position: relative;
	min-height: 20px;
	padding: 5px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
}

div.listItem-candidateVote table {
	width: 100%;
	position: relative;
}

div.listItem-candidateVote table tr td.countCandidateVote {
	width: 30%;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 14px;
}

div.listItem-candidateVote .whenActive {
	display: none;
}

div.listItem-candidateVote .whenNotActive {
	display: block;
}

div.listItem-candidateVote.active .whenActive {
	display: block;
}

div.listItem-candidateVote.active .whenNotActive {
	display: none;
}

/*
	LIST ITEM DELEGATE VOTE
================================================== */

div.listItem-delegateVote {
	position: relative;
	min-height: 20px;
	padding: 5px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
}

div.listItem-delegateVote table {
	width: 100%;
	position: relative;
}

div.listItem-delegateVote table tr td.countCandidateVote {
	width: 30%;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 14px;
}

div.listItem-delegateVote .whenActive {
	display: none;
}

div.listItem-delegateVote .whenNotActive {
	display: block;
}

div.listItem-delegateVote.active .whenActive {
	display: block;
}

div.listItem-delegateVote.active .whenNotActive {
	display: none;
}

/*
	GLIDE
================================================== */

.glide {
	position: relative;
	width: 100%;
	height: 100%;
}

.glide__wrapper {
	overflow: hidden;
}

.glide__track {
	position: relative;
	width: 100%;
	height: 100%;
	list-style: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-touch-action: pan-Y;
	touch-action: pan-Y;
	overflow: hidden;
}

.glide__track.dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.glide__slide {
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}

.glide__arrows {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.glide__arrow {
	cursor: pointer;
}

.glide__bullets {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.glide--slider .glide__slide {
	float: left;
	clear: none;
}

.glide--carousel.glide--vertical .glide__track {
	overflow: visible;
}

.glide--carousel .glide__slide {
	float: left;
	clear: none;
}

.glide--slideshow .glide__wrapper {
	height: 100%;
}

.glide--slideshow .glide__slide {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.glide--slideshow .glide__slide.active {
	z-index: 1;
}

.width50percent {
	width: 50%;
}

.width350px {
	width: 350px;
}

/*
	Input clear X
================================================== */
input::-ms-clear {
   display: none;
}

.input-clearable::-ms-clear {
	width: 0;
	height: 0;
}

.jsFrontInputClean {
	position: relative;
}

.jsFrontInputClean .jsFrontInputClean-button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background: url('/images/input-clearable-x.png') no-repeat center center;
	cursor: pointer;
}

/*
	Input placeholder in Safari, Safari 3 patch, http://difour.org
================================================== */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.form-text, .form-text.massiveFormElement {
		line-height: 20px;
	}
}

.fa-smile-o:before, .fa-meh-o:before, .fa-frown-o:before {
	font-weight: bold;
}

img.userImageRedBorder {
	border: 2px solid #a40c13;
}


/*=============Centered tabs used in adding stack=================== */

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

div.tabs.center > div.item {
	float: none;
	display: inline-block;
	border-top: none;
}

/*=============Add topic suggest=================== */

.jsAddTopicExistedSuggest .jsAddTopicExistedSuggest-content {
	position: absolute;
	width: 360px;
	max-height: 300px;
	display: block;
	border: 1px solid #d7d7d7;
	background-color: #ffffff;
	box-shadow: 0 0 5px #d7d7d7;
	text-align: left;
	white-space: nowrap;
	z-index: 500;
	overflow-x: hidden;
	overflow-y: auto;
}

.jsAddTopicExistedSuggest .jsAddTopicExistedSuggest-content .separator_cut{
	margin: 0;
}

.jsAddTopicExistedSuggest a {
	text-decoration: none;
}

.jsAddTopicExistedSuggest .jsAddTopicExistedSuggest-content .jsAddTopicExistedSuggest-item {
	padding: 5px 0 5px 5px;
	width: 100%;
	cursor: pointer;
}

.jsAddTopicExistedSuggest .jsAddTopicExistedSuggest-content .jsAddTopicExistedSuggest-item:hover,
.jsAddTopicExistedSuggest .jsAddTopicExistedSuggest-content .jsAddTopicExistedSuggest-item.active {
	background-color: #e5e5e5;
}

.jsAddTopicExistedSuggest .jsAddTopicExistedSuggest-clear {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background: url(/images/input-clearable-x.png) no-repeat center center;
	cursor: pointer;
}

.regularButton.redLikeMobile {
	color: #d50000;
	border: 1px solid #d50000;
	background-color: transparent;
}

.regularButton.skeletonGreen {
	border: 1px solid rgb(0, 134, 0);
	color: rgb(0, 134, 0);
	background-color: #ffffff;
}


.regularButton.skeletonBlue {
	border: 1px solid rgb(0, 80, 150);
	color: rgb(0, 80, 150);
	background-color: #ffffff;
}