.border-box * {
	box-sizing:border-box;
}

.mobile-only {
    display:none !important;
}

.veryLightGrey2 {color:#ddd;}

.busySpinnerOuter {
    line-height: 24px;
}

.busySpinner {
    height:24px;
    width:24px;
    padding-right:8px;
    background-position: left center;
    background-image: url('<<$vars.resourcesUrl>>ajax-loader.gif');
    background-repeat: no-repeat;
    box-sizing:content-box !important;
}

.GB_popup .busySpinner {
    box-sizing:content-box;
}

.caps{
    text-transform:uppercase;
}

.hubbub-summary-v2 .row3 .bigBlogPostContainer.wider {
	width:960px;
}

.opentip .content {
    font-size:11px;
    line-height:14px;
}

#loginTimeoutContainer{
    position:fixed;
    left:5px;
    top:200px;
    background:#dfdfdf;
    border:1px solid #fff;
    width:400px;
    padding:16px;
    border-radius:2px;
    left:50%;
    margin-left:-216px;
    text-align:center;
    z-index:2000;
    box-shadow:0px 0px 20px #444;
}

#loginTimeoutContainer .userIdentification{
    height:32px;
    margin-bottom:10px;
}

#loginTimeoutContainer .userIdentification img{
    margin-right:10px;
}

#loginTimeoutContainer .userIdentification span.inner{
    position:relative;
    top:-10px;
}

#loginTimeoutContainer .userIdentification span.name{
    font-weight:bold;
}

#loginTimeoutContainer .userIdentification span.logoutTimerContainer{
    font-weight:bold;
}

#fullContainer{
	background-color:#<<$bgCol>>;
	min-height:100%;
	/* padding-bottom:40px; */
	background-position:<<$backgroundPosition>>;
	background-repeat:<<$backgroundRepeat>>;
	background-attachment:<<if $backgroundAttachment eq 1>>fixed<<else>>scroll<</if>>;
	/*position:relative;*/
}

p.colour{color: #0087bf;}

span.colour{color: #0087bf;}

.bold{
	font-weight:bold;
}

.block{
	display:block;
}

.marginTop{
	margin-top:18px;
}

.marginBottom{
	margin-bottom:18px;
}

.noBottomMargin{
	margin-bottom:0px;
}

.noMargin, h4.noMargin{
    margin:0px;
}

h1.big{
    font-size:40px;
    line-height:60px;
}

.greyHighlightBox{
    background-color:#f4f4f4;
    border-radius:3px;
    padding:20px;
}

.smallGreyTextLabel{
    color:#b3b3b3;
	font-size:12px;
	line-height:14px;
    font-family: 'Source Sans Pro', sans-serif;
}

.veryLightGrey{
	color:#1B2437;
}

.lightGrey{
	color:#7f7f7f;
}

.lightGreySoft {
    color: #6B7588;
}

.left{
	float:left;
}

.right{
	float:right;
}

.rightAbsolute{
	position:absolute;
    right:0px;
}

.noFloat{
	float:none;
}

.hidden{
	display:none;
}

.visuallyHidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.caps{
	text-transform:uppercase;
}

.marginBottom{
	margin-bottom:18px;
}

.userPic{
	border:1px solid #d0d0d0;
	background-color:#ffffff;
	float:left;
	background-repeat:no-repeat;
	background-position:50% 50%;
	margin:0 8px 8px 0;
	line-height:1px;
	font-size:1px;
}

.userPic_rounded{
	float:left;
}

.profileAvatar .profileContainer{
    height: 190px;
    width: 190px;
    position:relative;
}

.profileAvatar #deleteProfileImage{
    bottom: 5%;
    cursor: pointer;
    position: absolute;
    right: 5%;
}

.overlayBox{
	padding:4px;
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dddddd;
	position:absolute;
    z-index:10;
}

.closedFlash{
	background-image:url('<<$vars.resourcesUrl>>closed.gif');
	display:block;
	width:95px;
	height:95px;
	float:right;
	margin-left:10px;
}

.closedFlash .text{
	display:none;
}

#container {
	width: 100% ;
	margin: auto;
	border-top: 0px;
	background-color:#ffffff;
}

.main_content_blank
{
	width: 978px;
	background-color: #ffffff;
}

.main_content_profile
{
	width: 978px;
	margin: -32px auto 0;
	background-color: #ffffff;
}

.main_content_admin h5 {
    font-size:14px;
    line-height:18px;
    font-weight:normal;
    margin-bottom:10px;
    margin-top:10px;
    padding:0px;
}

h2.smallHeader {
    margin:2px 0px;
    padding:0px;
    line-height:18px;
}

.main_content
{
	background-color: #ffffff;
        position:relative;
}

.fullWidthContent{
	padding:18px;
    position:relative;
}

#footer
{
	width: auto;
	clear: both;
	height:50px;
	text-align:center;
	background-color:#FFFFFF;
	margin:15px;
	font-size:10px;
	border-top:3px solid #<<$voteBarCol>>;
	padding-top:10px;
}

.footerCWBadge{
	float:right;
	padding-left:16px;
}

.footerCWBadge a{
	display:block;
	width:240px;
	height:30px;
	background-image:url('<<$vars.resourcesUrl>>medallia-crowdicity.png');
	background-repeat:no-repeat;
  background-position:center right;
  background-size: 100%;
}

.footerCWBadge.platformBy a, a.platformBy{
	background-image:url('<<$vars.resourcesUrl>>platformBy.png');
}

.footerCWBadge.footerCWBadgePartner a, a.footerCWBadgePartner{
	width:auto;
	background-image:none;
}

.footerCWBadge a span{
	display:none;
}

ul.pageBar{
	display:block;
	height:30px;
	/*background-color:#<<$navBgCol>>;*/
	list-style-type:none;
	list-style:none;
	margin:0px;
	padding:0px;
	border-bottom:3px solid #<<$navBgCol>>;
	width:948px;
	margin:0px 15px;
    font-family: 'Source Sans Pro', sans-serif;
}

ul.pageBar li{
	display:block;
	float:left;
	margin-right:14px;
	line-height:30px;
	padding:0px 6px 0px 0px;
	/*font-size:15px;
    font-weight:300;*/
}

ul.pageBar li.homePage{
	padding-left:22px;
	background-image:url('<<$vars.resourcesUrl>>icon_home.gif');
	background-repeat:no-repeat;
	background-position:0px 5px;
}

ul.pageBar li.divider{
	color:#<<$navBgTextCol>>;
	margin-left:12px;
	padding:0px;
}

ul.pageBar li a{
	color:#666;
}

ul.pageBar li.selected a{
	color:#<<$linkCol>>;
}

ul.pageBar li.selected{
	background-color:transparent;
}

/* Generic */
#pagination {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

#pagination li {
    list-style-type: none;
    border-radius: 34px;
    height: 36px;
    min-width: 48px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -1px;
}

#pagination li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 6px;
    margin: 0px;
    max-width: 100px;
    width: 100%;
    border: none;
    font-weight: 400;
    font-size: 14px;
    color: #1b2437;
    border-radius: 34px;
    text-decoration: none;
    z-index: 0;
    line-height: 1;
}

#pagination li a.selected {
    background-color: #eaf3ff;
    font-weight: 700;
}

#pagination li a:hover {
    background-color: #f5f6f7;
}

/* OLD pagination */
div.pagination{
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}

div.pagination .number{
	padding:1px;
	font-size:11px;
	background-color:#dddddd;
	margin:1px;
	display:inline-block;
	border-radius:3px;
	min-width:20px;
	font-weight:bold;
}

div.pagination .number_selected{
	padding:1px;
	font-size:11px;
	background-color:#eeeeee;
	margin:1px;
	display:inline-block;
	border-radius:3px;
	min-width:20px;
	font-weight:bold;
	color:#ffffff;
}

div.errorScreen {
    padding-bottom:300px;
    background-position: center bottom;
    background-image:url(<<$vars.resourcesUrl>>notPresent.png);
    background-repeat:no-repeat;
}

div.errorScreen h3 {
    text-align:center;
    font-size:24px;
}

div.errorScreen .centered {
    text-align:center;
}

div.error
{
	color:#CC0000;
	background-color:#ffdfdf;
	padding: 5px;
	margin: 5px 0 5px 0;
	clear: both;
	border:1px solid #CC0000;

}

div.green
{
	color: #013220;
	background-color: #b6e6a4;
	padding: 5px;
	margin: 5px 0 5px 0;
	clear: both;
	border:1px solid #013220;

}

span.error
{
	color:#CC0000;
	background-color:#ffdfdf;
	padding: 2px;
	margin: 0px 5px 0 0;
	clear: both;
	border:1px solid #CC0000;
}

span.errorColor
{
	color:#CC0000;
}

span.error.noMargin
{
	margin: 0px;
}

.warning {
	color:#f06124;
	border:1px solid #f06124;
	padding: 5px;
	margin: 5px 0 5px 0;
	clear: both;
    display:block;
}

a.warning {
	color:#f06124;
}

div.message {
	color:green;
	background-color:#F7FFF0;
	border:1px solid green;
	padding: 5px;
	margin: 5px 0 5px 0;
	clear: both;
}

div.themeMessage {
	/*color:#<<$voteBarTextCol>>;
	background-color:#<<$voteBarCol>>;*/
	color:#fff;
	background-color:#dfdfdf;
	padding: 5px;
	clear: both;
	font-weight:bold;
}

div.themeMessage p {
	margin: 4px 0 4px 0;
	padding:0px;
}

div.error ul
{
	list-style: none;
	margin-top: 3px;
}

div.error li
{
	padding: 2px 2px 2px 5px;
}

div.notice
{
	color:#CC0000;
	background-color:#ffdfdf;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border:1px solid #CC0000;
}

input.error, select.error {
    border:1px solid #CC0000;
}

.small{
	font-size:12px;
	line-height:16px;
}

.smallHeader{
	font-size:12px;
}

.big{
	font-size:16px;
}

/* Banner */
#logo
{
	float: left;
}

#logo_box
{
	height: <<$bannerHeight>><<if $bannerHeight ne 'auto'>>px<</if>>;
	background-color:#<<$bannerCol>>;
	/*position:relative;*/
	padding-top:0px;
	<<if intval($hubbubBannerFile->data.file_id) ne 0>>background-image:url(<<$hubbubBannerFile->getCloudinaryUrl()>>);<</if>>
	width:948px;
	margin:0px 15px;
	background-position:center top;
}

#logo_box h1
{
	color:#<<$bannerTextCol>>;
}

#logo_box h2
{
	color:#<<$bannerTextCol>>;
}

#logo_box .subtitle p
{
	font-size: 16px;
	font-weight: bold;
	color:#<<$bannerTextCol>>;
	margin-top:10px;
	width:600px;
}

#logo_box #logo_text
{
	padding-top: 20px;
	width: 500px;
	padding-left: 30px;
}

.community-banner{
    width:1024px;

    <<if $newBannerHeight ne 'auto' && is_object($hubbubBannerFileNew) && intval($hubbubBannerFileNew->data.file_id) ne 0>>
      height: <<$newBannerHeight>>px;
      background-color:#<<$bannerCol>>;
      background-position:center top;
      background-image:url(<<$hubbubBannerFileNew->getCloudinaryURL(980, $newBannerHeight)>>);
    <</if>>
}

.community-banner h1
{
	color:#<<$bannerTextCol>>;
}

.community-banner h2
{
	color:#<<$bannerTextCol>>;
}

.community-banner .text {
	padding-top: 20px;
	padding-left: 30px;
}

.full_col
{
	padding:15px;
	width:948px;
    position:relative;
}

.full_col_width
{
	padding:0px 15px;
	width:948px;
}

.full_col_width_admin
{
	padding:15px 0px;
	width:980px;
}

.full_col ul + p, .full_col ol + p {
    margin-top:8px;
}

/* Popup */
#GB_overlay, #loginTimeoutBack {
    background-color: rgba(107, 117, 136, 0.65);
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index: 1049;
    display: flex;
    align-items: center;
    justify-content: center;
}

#GB_popupLoader, .GB_popupLoader {
	background-color: #ffffff;
    z-index: 890;
	border:#aaaaaa 1px solid;
	width:200px;
	position: fixed;
	top: 30%;
	left: 50%;
	margin: 0 0 0 -100px;
	text-align:center;
	padding:20px;
	/* height:70px; */
	border-radius:4px;
    box-sizing: border-box;
}

#GB_popup {
    background: #fff;
    height: auto;
    max-height: calc(100% - 8px);
    max-width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    position: fixed;
    overflow-y: auto;
}

#popUpBodyId {
    height: 100%;
}

@media (min-width: 850px) {
  #GB_popup {
    display: block;
  }
}

.GB_popup * {
    box-sizing: border-box;
}

.GB_popup .formElement {
    font-weight:normal;
}

.GB_popup select {
    box-sizing:border-box;;
}

.GB_popupBehind {
	background-color: #000000;
    z-index: 200;
	width:715px;
	position: fixed;
	top: 5%;
	left: 50%;
	margin: 0 0 0 -357.5px;
	height:500px;
	overflow:hidden;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    display:none;
}

.popUpTitle{
	float:left;
	padding:7px 10px 7px 0px;
	height:14px;
    font-size:18px;
}

.popUpTitle_image{
	padding-left:26px;
	background-position:0px center;
	background-repeat:no-repeat;
}

.popUpClose{
	float:right;
}

.popUpTitleBar {
	/*width:695px;*/
	height:26px;
	margin:13px 17px 17px 17px;
	line-height:14px;
}

.popUpBodyId {
	overflow:auto;
	margin:17px;
	position:relative;
	clear:both;
}

.popUpBodyId .bottomButtons{
	position: absolute;
	/* bottom:1px;
	right:1px; */
}

.popUpBodyId  .bottomButtons.createChallengeButtons {
    position: static;
}

.popUpBodyId .bottomButtons.fullWidth{
    width:100%;
    padding-left:1px;
}

/* Misc */

.clear
{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}

.clearRight
{
	clear:right;
	height:0px;
	font-size:0px;
	line-height:0px;
}

.greenTick{
	height:32px;
	background-repeat:no-repeat;
	background-image:url('<<$vars.resourcesUrl>>greenTick.gif');
	background-position:center;
}

.redCross{
	height:32px;
	background-repeat:no-repeat;
	background-image:url('<<$vars.resourcesUrl>>redCross.gif');
	background-position:center;
}

.greenTick span, .redCross span{
	display:none;
}

/* Notification */

#futWindow{
	position:fixed;
	top:10px;
	right:10px;
	width:250px;
	border:1px solid #000;
	background-color:#ff0000;
	color:#fff;
	z-index:1001;
	font-size:16px;
	line-height:16px;
	padding:8px;
}

#futWindow a{
	color:#000;
}

/* Debug */
#debugWindow{
	position:fixed;
	top:10px;
	right:10px;
	width:350px;
	border:1px solid #dddddd;
	background-color:#ffffff;
	z-index:1000;
	font-size:10px;
	line-height:11px;
	overflow-y:scroll;
	max-height:600px;
}

#debugWindow .inner{
	padding:8px;
}

#debugWindow .inner .debugItem{
	margin-bottom: 20px;
}

#debug{
	padding:20px;
	background-color:#ffffff;
}

.debugBox{
	border:1px solid #aaaaaa;
	background-color:#dfdfdf;
	padding:10px;
	margin-top:10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* Pagination */
.paginator_numberBox{
	text-align:center;
}

.paginator_numberBox .paginator_pageNumberOn{
	display:inline-block;
	padding:1px 3px;
	background-color:#d6d6d6;
	color:#<<$linkCol>>;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	min-width:26px;
}

.paginator_numberBox .paginator_pageNumberOn:hover{
	background-color:#cdcdcd;
}


.paginator_numberBox .paginator_pageNumberFirst{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.paginator_numberBox .paginator_pageNumberLast{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

.paginator_numberBox .paginator_pageNumberOff{
	display:inline-block;
	padding:1px 3px;
	background-color:#656565;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	min-width:26px;
}

.paginator_numberBox .paginator_pageNumberHide{
    visibility: hidden;
}

.paginator_numberBox .endButton{
	width:60px;
}

.paginator_container{
	margin:15px 0px;
}

/* Tooltip icon */
.toolTipIcon_white{
    display:inline-block;
    border-radius:7px;
    background-color:#fff;
    color:#818182;
    width:14px;
    font-size:10px;
    height:14px;
    line-height:14px;
    text-align:center;
}

.toolTipIcon_grey{
    display:inline-block;
    border-radius:7px;
    background-color:#818182;
    color:#fff;
    font-size:10px;
    height:14px;
    line-height:14px;
    text-align:center;
}

/* Email recipient selector */
.emailUserSelector_container {
    display: flex;
    height:247px;
    flex-flow: row wrap;
    position:relative;
    width:100%;
}

.emailUserSelector_container .groupList{
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:228px;
    width:262px;
}

.emailUserSelector_container .groupList .inner{
    padding:4px;
    height:222px;
    overflow:auto;
}

.emailUserSelector_container .searchContainer{
    width:263px;
}

.emailUserSelector_container .searchContainer .inner{
    border:1px solid #ccc;
    height:28px;
}

.emailUserSelector_container .searchContainer .searchField{
    line-height:20px;
    padding-top:4px;
    padding-right:4px;
    padding-bottom:2px;
    border:0px;
    /*background-color:transparent;*/
	padding-left:28px;
	background-image:url('<<$vars.resourcesUrl>>search.gif');
	background-repeat:no-repeat;
	background-position:4px center;
    width:229px;
}

.emailUserSelector_container .searchContainer .searchField:focus {
	outline:none;
}

.emailUserSelector_container .searchResults{
    background-color:#f4f4f4;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    height:199px;
    order: 3;
    overflow:hidden;
    position:relative;
    width:262px;
}

.emailUserSelector_container .searchResults .inner{
    padding:4px;
    overflow:auto;
    height:191px;
}

.emailUserSelector_container .searchOptions{
    clear:both;
    position:relative;
    background-color:#f4f4f4;
    text-align:center;
    padding:4px 0px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size:11px;
    line-height:11px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}

.emailUserSelector_container .listItem{
	background-repeat:no-repeat;
	background-position:0px 3px;
    min-height:28px;
    line-height:20px;
    padding-left:30px;
    border-bottom:1px solid #ccc;
    cursor:pointer;
    overflow:hidden;
    position:relative;
}

.emailUserSelector_container .listItem .option{
    background-color:#dfdfdf;
    color:#666;
    font-size:11px;
    line-height:11px;
    padding:4px 4px;
    display:block;
    float:left;
    margin:3px 0px 0px 4px;
}

.emailUserSelector_container .listItem .removeListItem{
    position:absolute;
    top:2px;left:8px;
    visibility:hidden;
    font-weight:bold;
    color:#ff0000;
}

.emailUserSelector_container .listItem:hover .removeListItem{
    visibility:visible;
}

.emailUserSelector_container .listItem.user{
	background-image:url('<<$vars.resourcesUrl>>symbol-user.gif');
}

.emailUserSelector_container .listItem.disabled{
	color:#ccc;
    cursor:default;
}

.emailUserSelector_container .searchResults .listItem.user:hover{
	background-image:url('<<$vars.resourcesUrl>>symbol-leftArrow.gif');
    color:#<<$linkCol>>;
    background-color:#fff;
}

.emailUserSelector_container .searchResults .listItem.user .addArrow{
    display:none;
    width:24px;
    height:26px;
    background-position:0px 2px;
	background-image:url('<<$vars.resourcesUrl>>symbol-rightArrow.gif');
    float:right;
}

.emailUserSelector_container .searchResults .listItem.user:hover .addArrow{
    display:block;
}

.emailUserSelector_container .searchResults .listItem.user.disabled:hover{
	background-image:none;
    color:#ccc;
}

/* Group selector */
.groupSelector_container{
    width:286px;
    height:247px;
    position:relative;
}

.groupSelector_container .title{
    width:100%;
}

.groupSelector_container .title .inner{
    padding:4px;
    line-height:20px;
    font-size:18px;
    color:#fff;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border:1px solid #ccc;
    height:20px;
    background-color:#dfdfdf;
}

.groupSelector_container .groupList{
    width:100%;
}

.groupSelector_container .groupList .inner{
    height:155px;
    /* border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    box-shadow: inset 3px 3px 3px #efefef;
    padding:4px; */
    overflow:auto;
}

.groupSelector_container .searchContainer{
    width:100%;
    clear:both;
    position:relative;
}

.groupSelector_container .searchResults{
    width:100%;
    right:-287px;
    position:absolute;
    z-index:999;
    bottom:1px;
}

.suggestList_container{
    width:242px;
    position:relative;
    float:left;
    z-index: 999;
}

.suggestList{
    height:auto;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:4px;
    overflow:auto;
    box-shadow:0px 0px 5px #666;
    background-color:#fff;
    position:absolute;
    top:-8px;
}

.suggestList .listItem{
    height:24px;
    line-height:24px;
    cursor:pointer;
    overflow:hidden;
    position:relative;
}

.groupSelector_container .listItem.disabled{
	color:#ccc;
    cursor:default;
}

.groupSelector_container .searchResults .listItem.usergroup:hover, .groupSelector_container .searchResults .listItem.user:hover{
    background-color:#<<$linkCol>>;
    color:white;
}

.groupSelector_container .searchResults .listItem.usergroup.disabled:hover, .groupSelector_container .searchResults .listItem.user.disabled:hover{
	background-image:none;
    color:#ccc;
}

.designForm_questions {padding-bottom:20px;}
.designForm_questionLeft {float:left;width:150px;}
.designForm_questionRight {float:left;}
.designForm_questionRight input {width:300px;}
.designForm_questionHide {float:left;width:65px;padding-left:15px;}
.designForm_questionDelete {float:left;width:150px;}
.query-log {background:#ccc;padding:10px 10px 0;}

.post-postfields h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:600;
    padding-top:10px;
    color:#444;
}

select.postfield-dropdown-type {
	width:100%;
    color: black;
    margin: 0 !important;
}

.custom-headings {margin-bottom:20px;}
.custom-heading-item label {cursor:pointer;}

/* Scrollotype */
.scrollotype_container{
    position:relative;
}

.scrollotype_container .vscrollBarOuter{
    width:10px;
    height:100%;
    position:absolute;
    right:0px;
    background-color:#ddd;
}

.scrollotype_container .vscrollBarInner{
    width:8px;
    padding:1px;
    height:10%;
    background-color:#aaa;
}

/* Paragraph labels */
.indentedParagraph {
    padding:4px 0px 4px 25px;
    background-repeat:no-repeat;
    background-position:2px 4px;
}

.warningText {
    background-image:url('<<$vars.resourcesUrl>>warning.gif');
}

.infoText {
    background-image:url('<<$vars.resourcesUrl>>info.gif');
}

.confirmText {
    background-image:url('<<$vars.resourcesUrl>>greenTick2.gif');
}

.announceWarning {
    background-image:url('<<$vars.resourcesUrl>>announceWarning.png');
}

.announceFeature {
    background-image:url('<<$vars.resourcesUrl>>announceFeature.png');
    background-position:0px 6px;
    padding-left:21px;
}

.announceNews {
    background-image:url('<<$vars.resourcesUrl>>announceNews.png');
    background-position:0px 4px;
    padding-left:30px;
}

.question {
    border:1px solid #949494;
    float:left;
    padding:10px;
    margin-right:10px;
    border-radius: 5px;
	background:#d1d1d1;
	color:#4e4848;
	font-weight:700;
	font-size:14px;
}

.question-type-title {
	float:left;
	font-weight:700;
	font-size:14px;
	padding-top:11px;
	padding-right:20px;
}

.question.over {
    border:1px dashed #666;
}

.dropable {
    border:2px dashed #b5b5b5;
    padding:5px;
    margin-top:50px;
    text-align:center;
	width:85%;
	margin:auto;
	margin-top:35px;
	background:#f7f7f7;
	padding-top:20px;
}

pl ul {
    margin-top:10px;
}

.question-tpl li {
    margin-bottom:10px;
    list-style:none;
    padding:5px;
}

.question-tpl li.answer-title {
	width:789px;
	background:#f1f1f1;
}

.question-tpl .fa-bars {
    cursor:n-resize;
}

.question_types.floating {
    box-shadow: #aaa 0px 0px 12px;
}

.save-indicator {
	text-align:right;
	color:#a0a0a0;
}

.survey-tab {
	padding:25px 20px 45px;
	background:#f0f0f0;
}

.survey-page-header {
	font-size:16px;
	font-weight:700;
	float:left;
	padding-top:9px;
}

.survey-page-header-input {
	float:left;
	width:940px;
}

/* Survey results page */
.survey-results-overall {
    width:653px;
}

.survey_resultTextContainer {
    width:653px;
    margin-top:10px;
}

.survey_resultTextContainer .item {
    float:left;
    background-color:#fafafa;
    padding:8px;
    margin:4px;
    position:relative;
    font-size:16px;

}

.survey_resultTextContainer .item .openQuote
{
    position:absolute;
    font-size:50px;
    line-height:50px;
    top:0px;
    left:0px;
    color:#dfdfdf;
    font-family:Georgia;
    top:0px;
    left:2px;
}

.survey_resultGraphContainer {
    margin-top:10px;
}

.survey_resultGraphContainer .resultGraph .item{
    position:relative;
    margin-bottom:4px;
}

.survey_resultGraphContainer .resultGraph .item .barContainer{
    background-color:#fafafa;
    height:30px;
    position:relative;
}

.survey_resultGraphContainer .resultGraph .item .barContainer .bar{
    background-color:#dfdfdf;
    height:30px;
    position:absolute;
}

.survey_resultGraphContainer .resultGraph .item .barContainer .name{
    height:30px;
    position:absolute;
    line-height:30px;
    padding-left:10px;
    font-size:16px;
}

.survey_resultGraphContainer .resultGraph .item .value{
    position:absolute;
    height:30px;
    line-height:30px;
    font-size:16px;
    right:0px;
    top:0px;
    width:140px;
    text-align:left;
    background-color:#aaa;
    color:white;
    margin-left:1px;
}

.survey_resultGraphContainer .resultGraph .item .value .inner{
    margin: auto;
    font-size: 14px;
    text-align: center;
}

.flat-button {
	padding: 11px 29px;
	font-size:18px;
	border:none;
	cursor: pointer;
	background: #<<$buttonCol>>;
	color: #<<$buttonTextCol>>;
}

.flat-transparent-button {
	background:transparent;
	color:#bbbbbb;
}

.survey-title {
	text-align:center;
	margin-bottom:20px;
}

.survey-desc {
	word-wrap: break-word;
  line-height:28px;
}

.mdl-surveys__counter {
    margin-right: 5px;
}

.survey-progress {
	position:relative;
	margin-top:50px;
	margin-bottom:25px;
}

.survey-progress .line {
	position:absolute;bottom:50%;width:100%;border-top:1px solid #d8d8d8;z-index:1;
}

.survey-progress-inner {
	margin: auto;
	height: 46px;
	background: #fff;
	position: relative;
	z-index: 2;
	display: flex;
	padding: 0 10px;
	flex-flow: column wrap;
	justify-content: normal;
	align-content: center;
	width: 75%;
}

.survey-progress-inner div:first-child {
	text-transform:uppercase;
	color:#000;
}

.survey-progress-inner ul {
	list-style:none;
	margin:0;
}

.survey-progress-inner ul li {
	height:5px;
	float:left;
	margin-bottom: 3px;
}

.survey-progress-inner li.prev {
	background:#000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.survey-progress-inner li.current {
	background:#97cb6f;
	border-top:1px solid #a1d07c;
	border-bottom:1px solid #d0e8be;
}

.survey-progress-inner li.next {
	background:#dad9d9;
	border-top:1px solid #dedddd;
	border-bottom:1px solid #efeeee;
}

#main-survey .type-style-displayS {
  text-align: center;
}

.surveypage-container {
	width: 100%;
  margin: auto;
  word-wrap: break-word;
}

.surveypage-answer {
    margin-top: 20px;
}

.question-counter {
	display:inline-block;
	color:#000;
	padding-right:5px;
    width:24px;
	font-size:20px;
}

.question-rule {
    font-size:11px;
    padding-left:29px;
    display:block;
}

.question-item {
	background:#fff;
	border:2px dashed #d6d6d6;
	margin-bottom:25px;
	position:relative;
}

#survey_form .optionsContainer {
    margin-top:20px;
    padding-left:30px;
}

#survey_form .error .optionsContainer {
    padding-left:28px;
}

#survey_form fieldset {
    border: none;
}

/* TAGS */
form .tagArea {
	border:1px solid #dedede;
	width:484px;
	padding:4px;
	font-size:12px;
	line-height:12px;
}

form .tagArea.onboard {
    height:170px;
    width:330px;
    cursor:text;
    padding:6px 7px;
    border-radius:3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-top: 1px solid #AAA;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #DDD;
}

form .tagArea #noTagsMessage{
	float:left;
	padding:4px;
	margin-right:4px;
}

form .tagArea .itemTag{
    float:left;
	padding:4px 6px;
	background-color:#dfdfdf;
	color:#555;
	margin:1px 4px 1px 0px;
	height:12px;
	font-weight:bold;
	border-right:2px solid #ccc;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
font-size:11px;
}

form .tagArea .itemTag span{
	float:left;
}

form .tagArea .itemTag a{
	float:left;
	margin-left:8px;
	color:#555;
	font-weight:normal;
}

form .tagArea .newItemTag{
	border:0px;
	float:left;
	font-size:12px;
	line-height:12px;
	padding:4px 4px 4px 0px;
	outline:0px;
	height:12px;
	margin:1px 4px 1px 0px;
}

form .tagArea .newItemTag:focus{
    border:0px;
    outline:0px;
    box-shadow:none;
}

.viewPost_sidebar_box{
	clear:both;
	color:#7e7e7e;
    border:1px solid #d0d0d0;
    margin-top:10px;
    padding:11px;
}

.viewPost_sidebar_box h3
{
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:0px;
    padding-bottom:0px;
    color:#7f7f7f;
    margin-top:0px;
    padding-top:0px;
}

/* MILESTONES ADMIN */
span.milestone_add a {
	font-size:42px;
	display:block;
	height:100%;
	line-height:52px;
}

span.milestone_add a:hover {
	text-decoration:none;
}

.cond_desc {display:none;}

/* MILESTONES */

#viewtab_milestoneGeneral {
	position:relative;
}

#viewtab_milestoneGeneral .bottomButtons {
	position:absolute;
	bottom:14px;
	right:0;
}

#editMilestoneForm .optionColumn .option {
	display:block;
	margin-bottom:4px;
}

.form_box_hollow.milestone_options_box {
    border-color:#f4f4f4;
    border-width: 10px;
    border-top:0px;
    margin-bottom:20px;
}

.milestone_options {
    padding-left:30px;
    width:430px;
}

.milestone_options .milestone_option {
    padding:15px 0px;
}

.milestone_options .milestone_option:first-child {
    padding-top: 0px;
}

.milestone_options .milestone_option:last-child {
    padding-bottom: 0px;
}

.milestone_options .milestone_option .indentedOption {
    padding-left:16px;
    padding-top:8px;
}

.milestone_timeline {
    clear:both;
    float:left;
    position:relative;
    padding:90px 50px 0;
    margin:0;
    width:100%;
    height:213px;
    border:1px solid #E1E1E1;
}

.milestone_timeline.admin {
	border:none;
}

.milestone_timeline_inner{
    position:relative;
    clear:both;
    float:left;
    width:100%;
}
#milestones_container {
	padding-top:15px;
}

#milestoneDelete {
	z-index: 3;
}

#milestoneDelete li {
	list-style-type:none;
}

.milestone_timeline .milestone_outer {
	float:left;
	position:relative;
}

.milestone_timeline .milestone_outer span {
	font-size: 18px;
}

.milestone_outer .milestone_progress_bar {
	position:absolute;
	top: 33px;
	left:-1px;
	height:12px;
	background:#ddd;
	z-index:1;
}

.milestone_outer .milestone_backend_label {
	position:absolute;
	top:-40px;
}

.milestone_outer .milestone_approval_divider {
	width:2px;
	height:35px;
	background:#ff0000;
	position:relative;
	z-index:10;
	margin:auto;
	margin-top:27px;
}

.milestone_timeline .milestone_outer span.milestone_label_inbetween {
	cursor:pointer;
	font-size:12px;
	padding:5px;
	margin:0 2px;
}

.milestone_timeline .milestone_label_arrow {
	margin-top:5px;
	width:0px;
	height:0px;
	border-left:10px solid transparent;
	border-top:10px solid #4d4d4d;
	border-right:10px solid transparent;
	border-bottom:0px;
	display:block;
        position:absolute;
        left:50%;
        margin-left:-10px;
}

.milestone_timeline .milestone_outer span.milestone_label_inbetween:hover {
	outline:1px solid #a6c638;
	cursor:text;
}

.milestone_progress_bar .milestone_progress_completed {
	height:12px;
	background:#a6c638;
}

.milestone_outer_middle span {
	/*float:right;*/
}

.milestone_outer_last span {
	text-align:center;
    /*float:right;*/
    min-width:52px;
}

.milestone_outer_first span {
	text-align:center;
    float:left;
    min-width:52px;
}

.milestone_label_input {
	outline:1px solid #a6c638;
	padding:7px;
	float:left;
	border:none;
	position:relative;
	top:-30px;
        left:10px;
}

.milestone_timeline .milestone_circle {
	border-radius:50%;
	width:55px;
	height:55px;
	position:relative;
	text-align:center;
	float:right;
	margin-top:10px;
	z-index:2;
	background-color:#a6c638;
	background-repeat:no-repeat;
	background-position:center center;
}

.milestone_circle_submitted {
	background-image:url(<<$vars.resourcesUrl>>/icon-submitted.png);
}

.milestone_timeline .milestone_circle_add {
	background:#ddd;
	margin-right:20px;
}

.milestone_timeline .milestone_circle .count {
    position:absolute;
    left:0px;
    width:50px;
    top:0px;
    text-align:center;
    height:50px;
    line-height:50px;
    font-size:24px;
    color:#ddd;
}

.milestone_timeline .milestone_completed .milestone_circle .count {
    color:#fff;
}

.milestone_completed .milestone_circle {
	border-color:#a6c638;
	line-height:54px;
    background-color:#a6c638;
}

.milestone_timeline .milestone_circle_grey {
	background-color:#ddd !important;
}

.milestone_completed span {
	color:#adadad;
}

.milestone_timeline .milestone_outer div.milestone_inbetween_label {
	float:none;
	position:absolute;
	top:-50px;
	left:50%;
	color:#adadad;
}

.milestone_timeline .milestone_outer div.milestone_inbetween_label span {
	font-size:14px;
}

.milestone_timeline .milestone_outer .milestone_name {
	font-size:14px;
	color:#b6b6b6;
	padding-top:10px;
}

.milestone_timeline .milestone_outer.milestone_completed .milestone_name {
	color:#4d4d4d;
}

/* MILESTONE SIDEBAR - USERS WHO VOTED */

#viewPost_sidebar_milestoneUsersVoted {
	margin-top:10px;
	font-size:11px;
	border:1px solid #d0d0d0;
	padding:12px;
}

#viewPost_sidebar_milestoneUsersVoted h3 {
	font-size:11px;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom:0px;
	color: #666;
}

#viewPost_sidebar_milestoneUsersVoted .smallAvatarLink {
	margin-right: 4px;
	margin-bottom: 4px;
	width:22px;
	height:22px;
	display:block;
	float:left;
}

#viewPost_sidebar_milestoneUsersVoted .smallAvatarLink span {
	display: none;
}

.viewPost_sidebar_timelimit {
	margin-top:10px;
	border:1px solid #ddd;
	padding:12px;
}

.timelimits_left {
	width:50px;
	height:51px;
	background:url(<<$vars.resourcesUrl>>/timelimit-left.png) no-repeat;
}

.timelimits_middle {
	height:51px;
	width:885px;
	background:#f0f0f0;
	position:relative;
}

.timelimits_middle .category_timelimit {
	position:absolute;
	top:2px;
	right:300px;
}

.timelimits_middle .category_timelimit p {
	position:absolute;
	color:#ca0000;
	top:35px;
}

.timelimits_right {
	width:45px;
	height:51px;
	background:url(<<$vars.resourcesUrl>>/timelimit-right.png) no-repeat;
}

.incubator-question-mark {
	width:13px;
	height:13px;
	background:url(<<$vars.resourcesUrl>>/question-mark.png) no-repeat;
	display:inline-block;
	position:relative;
	top:2px;
	left:5px;
}

.clock-ticker {
	border:1px solid #d0d0d0;
	padding:10px;
}

.clock-ticker footer {
	text-align:left !important;
	color:#818181 !important;
}

.clock-ticker .clockTitle {
	font-size:9pt !important;
}

.clock-item {
	background:#939393;
	width:55px;
	height:55px;
	line-height:50px;
	text-align:center;
	border-radius:2px;
	display:block;
	font-size:18pt;
	margin-right:8px;
}

.clock-item-inactive {
	background:#eaeaea;
}

.clock-days {
	font-weight:700;
}

.clock-hours, .clock-minutes {
	font-weight:400;
}

.clock-seconds {
	font-weight:300;
	margin-right:0;
}

.time-left-box {
	background:#939393;
	padding:10px;
	display:inline-block;
	color:#fff;
	text-transform: uppercase;
	border-radius:2px;
	position:absolute;
	top:5px;
}

#timer_paused_warning {
	margin-top:10px;
}

#discuss_upper .groupSpan{
	background-color:#dfdfdf;
	color:#444;
	font-size:10px;
	font-weight:bold;
	padding:2px 4px;
	line-height:10px;
	display:block;
	float:left;
	margin:4px 4px 0px 0px;
}

.milestoneOuterStart {position:absolute;width:55px;}
.milestoneOuterLast {position:absolute;text-align:right;}
.milestoneOuter {position:absolute;text-align:center;}
.milestoneOuter > span {font-size:13px;display:inline-block;width:50%;}
.milestoneOuterStart > span, .milestoneOuterLast > span {font-size:13px;display:inline-block;width:75%;}

.progressBarOuter {float:left;text-align:center;position:relative;min-height:1px;}
.progressBarLabel {
    position:absolute;
    font-size:13px;
    background:#4D4D4D url(<<$vars.resourcesUrl>>progress-bar-info.png) no-repeat right 5px center;
    width:140px;
    padding:10px 25px 10px 5px;
    color:#fff;
    top:-60px;
    left:20px;
    cursor:pointer;
}
.progressBarLabel-active {
    background:#4D4D4D url(<<$vars.resourcesUrl>>progress-bar-close.png) no-repeat right 8px center;
}

.progressBarLabel.admin {
	color:#000;
	background:none;
	top:-25px;
	left:0;
}

.progressBarLabel-arrow {
    position:absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #4D4D4D;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    left:0;
    bottom:-10px;
}
.progressBarLabel-votes {
    position:absolute;
    top:-60px;
    left:20px;
    margin-left:140px;
    padding:5px;
    text-transform:uppercase;
    font-size:13px;
    text-align:left;
    line-height:1.2em;
}
.progressBarInner {
    height:11px;
    background:#ddd;
    z-index:1;
    margin-top:3px;
    position:absolute;
    top:19px;
    width:101%;
}
.milestoneCircle {
	width:55px;
	height:55px;
	background:green;
	border-radius:50%;
	float:left;
	z-index:2;
	position:relative;
	/*background-color:#a6c638;*/
	overflow:hidden;
	background-color:#ddd;
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:8px;
}
.milestoneInfoToggle {
    cursor:pointer;
}
/* .milestoneCircleFill {background-color:#<<$voteBarCol>>;height:100%;} */
.milestoneCircleFill div {position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;border-radius:50%;}
.milestoneApprovalDivider {
	width:3px;
	height:22px;
	background:#d0041b;
	position:absolute;
	z-index:10;
	top:-1px;
	left:50%;
	margin-left:-1px;
}

.milestone-progress-arrow {
    width:29px;
    height:11px;
    background:#<<$voteBarCol>> url(<<$vars.resourcesUrl>>/milestones-progress-arrow-t.png) no-repeat right center;
    position:absolute;
    right:0;
    top:0;
}

.b-milestone-progress-arrow--top {
	background-color:#fff;
	height:5px;
	width:5px;
	transform:skewX(40deg);
	font-size:1px;
	padding:1px;
}

.b-milestone-progress-arrow--bottom {
	background-color:#fff;
	height:6px;
	width:5px;
	transform:skewX(-40deg);
	font-size:1px;
	padding:1px;
}

.milestoneProgressCompleted {
	height:11px;
	background:#<<$voteBarCol>>;
        position:relative;
}

.milestone-vote-counter {
    padding:3px 5px;
    background:#<<$voteBarCol>>;
    display:inline-block;
    color:#fff;
    position:absolute;
    top:20px;
    z-index:9999;
}

.milestone-vote-counter .vote-counter-arrow {
    height:0;
    width:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #<<$voteBarCol>>;
    border-top:0 solid #<<$voteBarCol>>;
    position:absolute;
    left:50%;
    margin-left:-6px;
    top:-6px;
}

.milestone-viewer-box-info p:last-child {
    margin:0 !important;
}

.milestone-filter-item-bordered {
	border-bottom:1px solid #ddd;
}

.milestoneFilters h3 {
	padding-bottom:6px;
}

.milestoneFilters a {
	color:#525252;
}

.milestone-filter-icon-small {
	float:left;
	border-radius:50%;
	width:18px;
	height:18px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	margin-right:12px;
	margin-left:5px;
}

.milestone-filter-icon-circle {
	float:left;
	border-radius:50%;
	border:2px solid #ddd;
	width:10px;
	height:10px;
	margin-left:8px;
	margin-right:12px;
}

.milestone-filter-item-active .milestone-filter-icon-circle {
    border:2px solid #<<$voteBarCol>>;
}

.milestone-filter-vertical-bar {
	width:4px;
	height:100%;
	position:absolute;
	bottom:-13px;
	left:13px;
	background:#ddd;
        z-index:1;
}

.milestone-filter-item-active .milestone-filter-vertical-bar {
    background:#a6c638;
}

.milestone-filter-item {
	line-height:30px;
	position:relative;
	margin-top:12px;
}

.milestone-filter-icon-big {
	float:left;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#ddd;
	background-repeat:no-repeat;
	background-position:center center;
	margin-right:5px;
        position:relative;
        z-index:2;
}

.milestone-filter-item-active .milestone-filter-icon-big {
    background-color:#a6c638;
}

.milestone-filter-circle {
	margin-top:12px;
	line-height:12px;
}

.milestone-filter-any {
	padding-bottom:11px;
        line-height:20px !important;
        margin-top:0;
}

.milestone-filter-incubator-completed {
	padding-bottom:12px;
}

.milestone-filter-expired {
        line-height:20px !important;
	padding:12px 0;
        margin-top:0;
}

.milestone-filter-any .milestone-filter-icon-small {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-any.png);
}

.milestone-filter-any.milestone-filter-item-active .milestone-filter-icon-small {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-any-active.png);
}

.milestone-filter-expired .milestone-filter-icon-small {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-expired.png);
}

.milestone-filter-expired.milestone-filter-item-active .milestone-filter-icon-small {
    background-image:url(<<$vars.resourcesUrl>>/icon-milestone-expired-active.png);
}

.milestone-filter-submitted .milestone-filter-icon-big {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-submitted.png);
}

.milestone-filter-approval .milestone-filter-icon-big {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-approved.png);
	background-color:#fff;
}

.milestone-filter-approval.milestone-filter-item-active .milestone-filter-icon-big {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-approved-active.png);
	background-color:#fff;
}

.milestone-filter-gathering-votes .milestone-filter-icon-big {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-gathering-votes.png);
}

.milestone-filter-elaborate .milestone-filter-icon-big {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-elaborate.png);
}

.milestone-filter-incubator-completed .milestone-filter-icon-big {
	background-image:url(<<$vars.resourcesUrl>>/icon-milestone-incubator-completed.png);
}
.milestone-viewer-box {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    background:#4d4d4d;
    padding:30px 140px 30px 40px;
    margin:0;
    font-size:15px;
    color:#fff;
    line-height:22px;
    display:none;
}

.milestone-viewer-box-close {
    position:absolute;
    /* border:1px solid #fff; */
    padding:5px 25px 5px 5px;
    top:18px;
    right:15px;
    cursor:pointer;
}

.milestone-viewer-box-info {
    display:none;
}

#backend_incubator_creator {
    padding-bottom:50px;
}

#backend_incubator_creator .progressBarLabel {
    top:-25px;
}

/* POST CSS */

#new_idea_form_outer * {
	box-sizing:border-box;
}

.b-single-post--underlay {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(107,117,136,0.65);
    z-index:1000;
    display:none;
}
.b-single-post--wrapper {
    position:fixed;
    left:50%;
    margin-left:-512px;
    width:1024px;
    background:#fff;
    top:40px;
    bottom:40px;
    z-index:1001;
    display:none;
}
.b-single-post--left {
    position:absolute;
    left:0;
    width:420px;
    bottom:50px;
    top:0;
    background:#53A2E3;
}

.popUpBodyId .b-single-post--left {
	display:none;
}

.popUpBodyId .b-single-post--right {
	width:100%;
	left:auto;
}

.b-single-post--right {
    position:absolute;
    top:0;
    bottom:50px;
    left:420px;
    width:604px;
    background:#fff;
    padding:20px 25px;
    overflow-y:auto;
    overflow-x:hidden;
}
.b-single-post--right-wrapper {
    position:relative;
    clear:both;
    float:left;
    width:100%;
}

.b-single-post--image {
    clear:both;
    float:left;
    width:100%;
}
.b-single-post--image img {
    width:100%;
    height:auto;
}

.b-single-post--label {
    clear:both;
    float:left;
    width:100%;
}

.b-single-post--note {
    clear:both;
    float:left;
    width:100%;
    margin:0 0 5px;
    font-size:12px;
    color:#7a7a7a;
}

.creat-blog-form{
  display: flex;
  flex-direction: column;
}

.b-single-post--field {
    clear:both;
    float:left;
    width:100%;
}
.b-single-post--field input, .b-single-post--field select, .b-single-post--field textarea {
    width:100%;
    margin:0;
}
.b-single-post--file {
    clear:both;
    float:left;
    width:100%;
    padding:25px 40px;
    /* background:#fafafa; */
    border:1px dashed #7a7a7a;
    text-align:center;
}

.b-single-post--file.drag-over {
    background-color:#eee;
}

.b-single-post--file p a:hover {
    text-decoration:none;
}
.b-single-post--file p:last-child {
    margin-bottom:0;
    padding-bottom:0;
}

.b-single-post--field .selectric .label, .b-single-post--field .selectric-wrapper {
    max-width:100%;
    width:100%;
}

.b-single-post--field-left {
    width: 100%;
    margin-bottom: 15px;
}

.b-single-post--field-right {
    width: 100%;
}

@media (min-width: 450px) {
    .b-single-post--field-left {
        clear:both;
        float:left;
        width:50%;
        padding-right:10px;
        margin: 0;
    }

    .b-single-post--field-right {
        float:left;
        width:50%;
        padding-left:10px;
    }
}

.b-single-post--header-image-input-container {
    position:relative;
}

.b-single-post--header-image-bg {
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}

.b-single-post--headerImageInput{
    background-color:rgba(255,255,255,0.5);
    position:relative;
}

.b-single-post--file-list {
    clear:both;
    float:left;
    width:100%;
    border:1px solid #D7D7D7;
    padding:5px;
    overflow-y: scroll;
}
.b-single-post--file-item {
    clear:both;
    float:left;
    width:100%;
    border-bottom:1px solid #D7D7D7;
    line-height:30px;
    font-size:12px;
    position:relative;
    overflow:hidden;
}
.b-single-post--file-item a, .b-single-post--file-item a:hover {
    text-decoration:none;
    color:#7a7a7a;
}
.b-single-post--file-item span:last-child, .b-single-post--file-item img {
    line-height:40px;
    font-size:22px;
    color:#D7D7D7;
}

.b-single-post--file-item a:last-child, .b-single-post--file-item img {
    float:left;
}

.b-single-post--file-item-bar {
    width:0%;
    height:4px;
    background-color:#<<$voteBarCol>>;
    bottom:0px;
    position:absolute;
}

.b-single-post--field-right .b-single-post--file-list, .b-single-post--field-left .b-single-post--file {
    height:195px;
}

#post_idea_select_drafts {
    display: none;
}
ul.b-single-post--select-list {
    display:none;
    margin:0;
    padding:0;
    clear:both;
    float:left;
    width:100%;
    list-style:none;
	max-height:300px;
	overflow:auto;
}
ul.b-single-post--select-list-all {
    display:block;
}
ul.b-single-post--select-list li {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    border-bottom:1px solid #E5E5E5;
    background:#fff;
    padding:0 10px;
    line-height:40px;
    /* font-size:12px; */
}
ul.b-single-post--select-list li a {
    display:block;
    color:#565656;
    text-decoration:none;
}
ul.b-single-post--select-list li a:hover {
    text-decoration:none;
}
ul.b-single-post--select-list li span {
    position:absolute;
    right:10px;
    top:5px;
    height:30px;
    line-height:30px;
    background:#fff;
    color:#E5E5E5;
    border:1px solid #E5E5E5;
    padding:0 10px;
    display:none;
}
ul.b-single-post--select-list li:hover span {
    display:block;
}
.b-single-post--right-overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99;
    background:rgba(255,255,255,0.8);
    display:none;
}

.b-single-post__required-fields-tip {
	font-size:11px;
    float:left;
	position:relative;
	left:426px;
}

.b-single-post__user-item, .b-single-post__tag-item {
	float:left;
	margin-right:10px;
    margin-bottom:10px;
	background-repeat:no-repeat;
	padding-left:25px;
}

.b-single-post__tag-users--results, .b-single-post__tag-tags--results {
	position:absolute;
	background:#f5f5f5;
	width:100%;
	border:1px solid #d7d7d7;
	max-height:150px;
	overflow:auto;
	border-top:none;
	display:none;
	padding:10px;
	padding-bottom:0;
	z-index:9;
}

.b-single-post__tag-tags--results .tagResult {
	background-repeat:no-repeat;
	background-position:5px 3px;
	font-size:12px;
	height:28px;
	line-height:28px;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	padding-left:35px;
}

.b-single-post__tag-tags--results .tagResult {
	padding-left:10px;
}

.b-single-post__tag-item {
	float:left;
	padding:0;
	background-color:#dfdfdf;
	color:#555;
	font-weight:bold;
	border-right:2px solid #ccc;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	font-size:11px;
	padding-left:8px;
	padding-right:3px;
}

/* END POST CSS */

    #scorecard .total_votes_summary ul {
        list-style: none;
        padding:0;
    }

    #scorecard .total_votes_summary span {
        float:right;
        /* color: #898989; */
    }

    #scorecard .lightgreen {
        background-color: #<<$voteBarCol>>;
        color: #<<$voteBarTextCol>>;
    }

    #scorecard .darkgreen {
        background-color: #<<$voteBarDarkCol>>;
        color: #<<$voteBarTextCol>>;
    }

    #scorecard .lightblue {
        background-color: #<<$buttonCol>>;
        color: #<<$buttonTextCol>>;
    }

    #scorecard .heading {
        text-align: center;
    	/* padding-top:55px; */
    }

    #scorecard .heading span.num {
        font-size: 100px;
        letter-spacing: -7px;
    }

    #scorecard .heading span.decimal {
      font-size: 40px;
      letter-spacing:-3px;
    }

    #scorecard .out_of {
        /* font-size: 14px;
        font-weight: 400; */
        position:relative;
        top:-14px;
        text-align: center;
    	/* padding-top:20px; */
    }

    #scorecard .total_out_of {
    }

    #scorecard .subheading {
        font-size:14px;
        padding:6px 0;

    }

    #scorecard .results_wrapper .results_meter_view {
        width:100%;
        display: inline-block;
    }


    #scorecard .results_wrapper .results_meter_view .results_meter_trail {
        background-color: #<<$voteBarCol>>;
        height:16px;
    	position:relative;
    }

    #scorecard .results_wrapper .results_meter_view .results_meter_trail .bit {
        position:absolute;
        right:0;
        background-color: #<<$voteBarDarkCol>>;
        color: #<<$voteBarTextCol>>;;
        width:20px;
        display: inline-block;
        text-align: center;
        height:16px;
    	line-height:16px;
        font-size: 13px;
    }

    #scorecard .your_rating {
        margin:0 auto;
        text-align: center;
        display:none;
    }

    #scorecard .your_rating .title {
        text-transform: uppercase;
        color: #8a8a8a;
        font-size: 14px;
    	padding-bottom:20px;
    }

    #scorecard .your_rating .num {
        font-size: 70px;
        color: #<<$voteBarCol>>;
    }

    #scorecard .your_rating .decimal {
        font-size: 38px;
        color: #<<$voteBarCol>>;
    }

    #scorecard .your_rating .edt_rating a {
		text-decoration:none;
    }

    #scorecard .your_rating i {
        color: #c0c0c0;
    }

    .scorecard_overlay_outer {
    	position:fixed;
    	top:0;
    	left:0;
    	width:100%;
    	height:100%;
    	z-index:999999;
    	display:none;
    }

    .scorecard_overlay_bg {
		background:#000;
    	opacity:0.8;
    	width:100%;
    	height:100%;
    	z-index:1;
    }

#rate_this_idea_popup {
  clear: left;
  float: left;
  background-color: #fff;
  padding: 27px 25px;
  z-index: 2;
  overflow: auto;
  width: 95%;
  max-width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 700px) {
  #rate_this_idea_popup {
    width: 700px;
  }
}

#rate_this_idea_popup hr {
  clear:both;
  margin: 28px 0;
  color: #919191;
}

#rate_this_idea_popup .xtra_pad {
  padding-left:22px;
}

#rate_this_idea_popup .btn_close {
  float: right;
  cursor: pointer;
  color: #1B2437;
}

#rate_this_idea_popup .top_wrapper {
  /* margin-left:22px;
  padding-bottom:24px; */
  border-bottom: 1px solid #d7d7d7;
}

#rate_this_idea_popup .info {
    float:right;
    font-size: 15px;
    color: #919191;
}

#rate_this_idea_popup .rating_wrapper {
  float:left;
  width:100%;
  margin-bottom: 20px;
}

#rate_this_idea_popup .rating_wrapper .min {
    float: left;
    width: 10px;
    text-align: center;
    padding: 0;
    position: relative;
    top: 25px;
    left: 10px;
}

#rate_this_idea_popup .rating_wrapper .max {
    float: left;
    width: 10px;
    text-align: center;
    padding-left: 10px;
    position: relative;
    top: 25px;
    right: 20px;
}

@media (min-width: 700px) {
  #rate_this_idea_popup .rating_wrapper {
    margin-bottom: 0;
  }
  #rate_this_idea_popup .rating_wrapper .max {
    padding: 0 10px;
  }
}

#rate_this_idea_popup .separator {
  float: left;
  position: relative;
  top:-12px;
  right: 0px;
  width:2px;
  padding: 0 12px;
  color: #d7d7d7;
  height:30px;
  font-size: 30px;
}

#rate_this_idea_popup .out_of {
  float:left;
  color: #616161;
  font-weight: 700;
  font-size: 23px;
  position: relative;
  top:-5;
  width:20px;
}

#rate_this_idea_popup .out_of span {
  float:left;
  color: #616161;
  font-weight: 700;
  font-size: 17px;
}

#rate_this_idea_popup {
	padding-bottom:50px;
}

.b-scorecard-action-buttons {
	position:absolute;
	right:10px;
	bottom:-135px;
}

#scorecardForm {
	position:relative;
}

.b-scorecard-vote-button {
	background:#0b4ae9;
	color:#fff;
	border:1px solid #0b4ae9;
	padding:8px 20px;
}

/* -------------------------------------------------------------------------- */

#challenge_selector_participated {
    margin-right:25px;
}

  /* Rating */

.rating {
  display:inline-block;
  float:left;
  width:80%;
  position: relative;
  /* top: -14px; */
  /* border-bottom: 1px solid #ccc; */

}
.rating input{ display:none; }
.rating label{ float:right; width:10%; cursor: pointer; }
.rating label { background:#e7e7e7; }
.rating label:hover { background:#<<$buttonCol>> !important; }
.rating label:before{
  content: '';
  position: relative;
  width:100%;
  left:0;
  transition:all 0.3s;
}

.rating input:checked ~ label,
.rating label:hover ~ label,
.rating label:hover {
  background:#<<$buttonCol>>;
  color:#<<$buttonTextCol>>;
}

.rating .text{
  float:left;
  color:#424242;
  padding:10px 0;
  position: relative;
  text-transform: uppercase;
	width:100%;
}

.rating img.px_border {
  height:35px;
  width:2px;
}

.rating .meter_wrapper {
  float:left;
  width:400px;
}

.rating .rate_steps {}

.rating .rate_steps ul {
  width:100%;
  margin:0;
  padding:0;
  color:#424242;
  list-style:none;
  float:left;
}

.rating .rate_steps ul li {
  width:10%;
  text-align:right;
  float:left;
  margin-top:4px;
}

.rating .rate_steps ul li.first {
    width:10.5%;
}


 label {
  padding:0 0 3px 0;
 }

 .current_rate {
  padding:0 5px;
  float:left;
  font-size: 20px;
  position: relative;
  top:-4px;
  margin-left:10px;
 }


 .current_rate_div {
  float:left;
  font-size: 20px;
  position: relative;
  top:-4px;
 }

 .out_of_total {
  float:left;
  font-size: 30px;
  position: relative;
  top:-8px;
 }


/* TST */

.rating-inner:hover input:checked ~ label{
    background:#<<$voteBarLightCol>>;
}

.rating input:checked ~ label,
.rating label:hover ~ label,
.rating label:hover,
.rating input:checked ~ label:hover ~ label, /* added */
.rating input:checked ~ label:hover,         /* added */
.rating label:hover ~ input:checked ~ label{ /* added */
    background-color: #<<$buttonCol>>;
}

#checked_error {
	float:left;
	padding-top:8px;
}

.legals ol { counter-reset: item; margin-bottom: 20px; }
.legals li { margin: 10px 0px 10px 0px; }
.legals ol > li { display:block; }
.legals ol > li a[data-mce-href] { word-break: break-all; }
.legals ol > li:before { content: counters(item, ".") " "; counter-increment: item; padding-left: 10px; }

.instanceText h1 {
  font-weight: 400;
  font-size: 32px;
  margin: 0px;
  color: rgb(27, 36, 55);
}

.instanceText h2 {
  font-weight: 600;
  font-size: 24px;
  margin: 0px;
  color: rgb(27, 36, 55);
}

.instanceText h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0px;
  color: rgb(27, 36, 55);
}

.instanceText h4 {
  font-size: 18px;
  font-weight: 700;
  color: rgb(27, 36, 55);
}

.instanceText h5 {
  font-size: 16px;
  font-weight: 700;
  color: rgb(27, 36, 55);
}

.instanceText h6 {
  font-size: 14px;
  font-weight: 700;
  color: rgb(27, 36, 55);
}

.instanceText ol {
  counter-reset: none;
  list-style: decimal;
  margin-bottom: 16px;
  margin-top: 16px;
  margin-left: 16px !important;
  padding-left: 16px;
}

.instanceText ul {
  list-style-type: disc;
  margin-bottom: 16px;
  margin-top: 16px;
  margin-left: 16px !important;
  padding-left: 16px;
}

.instanceText li {
  margin: 0;
}

.instanceText ol > li {
  display: list-item;
}

.instanceText ol > li a[data-mce-href] {
  word-break: normal;
}

.instanceText ol > li:before {
  content: none;
  counter-increment: none;
  padding-left: 0;
}

.legals .boxout {
	padding:10px;
	margin:10px 0px 20px 0px;
	background-color:#dfdfdf;
}

/* New admin milestones timeline */
.b-admin-milestones-container {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	margin-left:0;
	margin-right:0;
	width:980px;
	padding-top:46px;
}

.b-milestone-circle {
	width:54px;
	height:54px;
	background:#<<$voteBarCol>>;
	border-radius:50%;
	position:relative;
	cursor:pointer;
}

.b-milestone-circle > span {
	position:relative;
	top:60px;
	left:-72px;
	display:block;
	width:200px;
	text-align:center;
	font-size:13px;
}

.b-milestone-circle span a {
	color:#000;
	text-decoration:none;
}

.b-milestone-circle span a:hover {
	text-decoration:none;
}

.b-milestone-circle__background {
	position:absolute;
	z-index:9;
	width:54px;
	height:54px;
	background-repeat:no-repeat;
	background-position:center center;
}

.b-milestone-circle--grey {
	background:#ddd;
	left:-1px;
}

.b-milestone-circle--grey span {
	color:#fff;
	font-size:42px;
	top:17px;
}

.b-milestone-blank {
	background:#ddd;
}

.b-milestone-circle--grey span.b-admin-milestone-add-label {
	top:39px;
	font-size:13px;
	color:#000;
	text-transform:uppercase;
}

.b-milestone-circle__background--submitted {
	background-image:url(<<$vars.resourcesUrl>>/icon-submitted.png);
}

.b-milestone-circle__background--elaborate {
	background-image:url(<<$vars.resourcesUrl>>/icon-elaborate.png);
}

.b-milestone-circle__background--review {
	background-image:url(<<$vars.resourcesUrl>>/icon-approved.png);
}

.b-milestone-circle__background--score {
	background-image:url(<<$vars.resourcesUrl>>/icon-gather-support.png);
}

.b-admin-milestone-line {
	height:11px;
	background:#ddd;
	position:relative;
	text-align:center;
}

.b-admin-milestone-line span {
	position:relative;
	bottom:38px;
	font-size:13px;
	cursor:pointer;
}

.b-milestone-approval-divider {
	width:3px;
	background:#d0041b;
	position:absolute;
	z-index:10;
	left:50%;
	margin-left:-1px;
	height:26px;
	top:-15px;
}

.b-admin-milestone-label-input {
	outline:1px solid #a6c638;
	padding:7px;
	border:none;
	position:relative;
	top:-47px;
}

.b-milestone-scorecard {
	position:relative;
        margin-bottom:20px;
}

.base_milestone_criteria_tpl {
    margin-bottom:20px;
}

.b-milestone-scorecard-label {
	border:1px solid #aeaeae;
}

.b-milestone-scorecard-description {
	border:1px solid #ddd;
	border-top-width:0px;
}


/* Loader */
.voteLoaderContainer {
    position:relative;
}

.ccLoaderOuter{
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    box-sizing: border-box;
    position:absolute;
    background-color:#fff;
    opacity: 0.75;
}

.ccloader {
  width: 64px;
  height: 64px;
  border: 4px solid #444;
  border-radius: 32px;
  border-bottom-color: transparent;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position:absolute;
  left:50%;
  top:50%;
  margin:-32px 0 0 -32px;
}


.b-idea__footer.voteLoaderContainer .ccloader {
  width: 34px;
  height: 34px;
  margin:-17px 0 0 -17px;
  border-radius: 17px;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* New tooltip */
.ui-tooltip, .ui-tooltip .arrow:after {
  background-color: #444;
  z-index:4000;
}
.ui-tooltip {
	padding: 6px 10px;
    border-radius: 3px;
    font-size:11px;
    line-height:14px;
    color:#dfdfdf;
    position:absolute;
    pointer-events: none;
    max-width:300px;
}
.ui-tooltip.description {
	padding: 10px 15px;
    border-radius: 2px;
    font-size:13px;
    line-height:19px;
    background-color:#fdfdfd;
    border:1px solid #dfdfdf;
    color:#1B2437;
    position:absolute;
    pointer-events: none;
    max-width:300px;
    /* font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; */
}
.ui-tooltip.fixed {
    position:fixed;
}
.ui-tooltip.badge {
	padding: 0px 0px;
    background-color: #fff;
}

.ui-tooltip .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.ui-tooltip .arrow.top {
  top: -16px;
  bottom: auto;
}
.ui-tooltip .arrow.left {
  left: 20%;
}
.ui-tooltip.right .arrow {
  left: 80% !important;
  right: 40px !important;
}
.ui-tooltip .arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui-tooltip .arrow.top:after {
  bottom: -20px;
  top: auto;
}

.ui-tooltip .arrowinline.left::after {
	content: "";
	right: 100%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: none;
	border-right-color: #1B2437;
	border-width: 5px;
	margin-top: -5px;
}
.ui-helper-hidden-accessible{
    display:none;
}

.ui-loader,
.ui-loader:before,
.ui-loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.ui-loader {
  color: #353535;
  font-size: 10px;
  margin: 50px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.ui-loader:before,
.ui-loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.ui-loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.ui-loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

#dashboard-app {
    margin-top: 2rem;
}

.dashboard__main-menu {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
    background-color:#<<$bannerCol>>;
}

.dashboard__main-menu-title {
    color: white;
    margin: 0;
    padding: 1rem;
    font-size: 2rem;
}

.dashboard__main-menu-list {
    display: flex;
    list-style: none;
    margin: 0;
    height: 50px;
    margin-left: 1rem;
}

.dashboard__main-menu-list li {
    padding: 0 1rem;
    line-height: 50px;
    background-color: #2076bd;
    margin-right: 0.8rem;
    border-radius: 5px 5px 0 0;
}
.dashboard__main-menu-list li.active {
    background-color: white;
}


.dashboard__main-menu-list li a {
    display: block;
    color: white;
}

.dashboard__main-menu-list li a:hover {
    text-decoration: none;
}

.dashboard__main-menu-list li.active a {
    color: black;
    font-weight: 700;
}

.dashboard__filters {
    margin-top:20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #dad9d9;
}

.dashboard__filters-filters {
    display: flex;
    list-style: none;
    margin: 0;
    position: relative;
    top: 2px;
}

.dashboard__filters-filters li {
    margin: 0 0.8rem;
    padding: 0.8rem 0;
}

.dashboard__filters-filters li.active {
    border-bottom: 2px solid #<<$bannerCol>>;
}

.dashboard__filters-filters li:first-child {
    margin-left: 0;
}

.dashboard__filters-sort {
    display: flex;
    align-items: center;
}

.dashboard__filters-sort span {
    font-weight: bold;
}

.dashboard__filters-sort select {
    border: 1px solid #dad9d9;
    border-radius: 5px;
    margin-left: 0.8rem;
}

.dashboard__filters-thumbnails {
    width: 22px;
    display: flex;
    margin-left: 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
}

.dashboard__filters-thumbnails div:nth-child(2),
.dashboard__filters-thumbnails div:nth-child(4) {
    margin-right: 2px;
}

.dashboard__filters-thumbnails div:nth-child(3),
.dashboard__filters-thumbnails div:nth-child(4) {
    position: relative;
    top: 3px;
}

.dashboard__filters-thumbnails div {
    width: 8px;
    height: 8px;
    background: #dad9d9;
}

.dashboard__filters-list {
    width: 18px;
    cursor: pointer;
    position: relative;
    top: 3px;
    margin-left: 0.25rem;
}

.dashboard__filters-list div {
    height: 4px;
    background-color: #dad9d9;
    width: 100%;
    margin-bottom: 3px;
}

.dashboard__filters-thumbnails.active div,
.dashboard__filters-list.active div {
    background-color: #3a3a3a;
}

.dashboard__filters-additional {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    height: 51px;
    position: relative;
    z-index: 1;
}

.dashboard__filters-additional-filters {
    display: flex;
    align-items: flex-start;
}

.dashboard__filters-additional-filters > div {
    margin-left: 0.5rem;
}

.dashboard__filters-additional-filters > div:first-child {
    margin-left: 0;
}

.dashboard__filters-dropdown {
    display: flex;
    padding: 1rem;
    border: 1px solid #dad9d9;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.dashboard__filters-dropdown button {
    border: none;
    background: none;
    color: #dad9d9;
    font-size: 1.5rem;
}

.dashboard__filters-dropdown span {
    display: inline-block;
}

.dashboard__filters-dropdown.active {
    border-radius: 5px 5px 0 0;
}

.dashboard__filters-dropdown-items {
    list-style-type: none;
    border: 1px solid #dad9d9;
    margin: 0;
    padding: 1rem;
    background: white;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50px;
}

.dashboard__filters-dropdown-items.open {
    display: block;
}

.dashboard__filters-dropdown-items li {
    border-bottom: 1px solid #dad9d9;
    padding: 0.5rem 0.5rem;
}

.dashboard__filters-dropdown-items li.selected {
    background: #9e9e9e;
    color: white;
}

.dashboard__filters-dropdown-items li:hover {
    background: #9e9e9e;
    color: white;
}

.dashboard__filters-dropdown-items li:last-child {
    padding-top: 2rem;
    border: none;
}

.dashboard__filters-dropdown-items li:last-child:hover {
    background: white;
    color: black;
}

.dashboard__filters-dropdown-count {
    color: #<<$bannerCol>>;
    padding: 0 0.5rem;
}

.dashboard__idea-list {
  margin-top: 1rem;
}

.dashboard__idea-item {
  display: flex;
  margin-bottom: 2rem;
  border: 1px solid #dad9d9;
  position: relative;
}

.dashboard__idea-actions {
  position: absolute;
  top: 1.5rem;
  right: -0.5rem;
  transform: translate(-50%, -50%) rotate(90deg);
  padding: 6px 8px;
  border: 1px solid #dad9d9;
  border-radius: 50%;
  color: #9e9e9e;
  cursor: pointer;
}

.dashboard__idea-image {
  width: 300px;
  position: relative;
}

.dashboard__idea-author-image {
    text-align: center;
    margin-top: 0.75rem;
}

.dashboard__idea-author-image img {
    border-radius: 50%;
}

.dashboard__idea-body {
  padding: 2rem;
  width: 425px;
}

.dashboard__idea-totals {
    width: 100%;
}

.dashboard__idea-stats {
  display: flex;
  justify-content: space-between;
  width: 197px;
}

.dashboard__idea-submission-details {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-top: 0.3rem;
}

.dasboard__idea-actions-menu {
    position: absolute;
    top: 3rem;
    right: -3.0rem;
    background: white;
    border: 1px solid #9e9e9e;
    list-style-type: none;
    padding: 1rem;
    z-index: 99;
}

/* Cookie consent */
.cc_banner-wrapper{
    z-index:9001;
    position:relative
}
.cc_container .cc_btn{
    cursor:pointer;
    text-align:center;
    font-size:0.6em;
    transition:font-size 200ms;
    line-height:1em
}
.cc_container .cc_message{
    font-size:0.6em;
    transition:font-size 200ms;
    margin:0;
    padding:0;
    line-height:1.5em
}
.cc_container .cc_logo{
    display:none;
    text-indent:-1000px;
    overflow:hidden;
    width:100px;
    height:22px;
    opacity:0.9;
    transition:opacity 200ms
}
.cc_container .cc_logo:hover,
.cc_container .cc_logo:active{
    opacity:1
}

@media screen and (min-width: 500px){
    .cc_container .cc_btn{
        font-size:0.8em
    }
    .cc_container .cc_message{
        font-size:0.8em
    }
}

@media screen and (min-width: 768px){
    .cc_container .cc_btn{
        font-size:1em
    }
    .cc_container .cc_message{
        font-size:1em;
        line-height:1em
    }
}

@media screen and (min-width: 992px){
    .cc_container .cc_message{
        font-size:1em
    }
}

@media print{
    .cc_banner-wrapper,
    .cc_container{
        display:none
    }
}

.cc_container{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    padding:10px
}

.cc_container .cc_btn{
    padding:8px 10px;
    background-color:#f1d600;
    cursor:pointer;
    transition:font-size 200ms;
    text-align:center;
    font-size:0.6em;
    display:block;
    width:33%;
    margin-left:10px;
    float:right;
    max-width:120px
}

.cc_container .cc_message{
    transition:font-size 200ms;
    font-size:0.6em;
    display:block
}

@media screen and (max-width:500px) {
    #main-survey .mdl-form__button-row {
        flex-flow: column wrap;
    }

    #main-survey .mdl-form__button-row input {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 500px){
    .cc_container .cc_btn{
        font-size:0.8em
    }

    .cc_container .cc_message{
        margin-top:0.5em;
        font-size:0.8em
    }
}

@media screen and (min-width: 768px){
    .cc_container{
        padding:15px 30px 15px
    }

    .cc_container .cc_btn{
        font-size:1em;
        padding:8px 15px
    }

    .cc_container .cc_message{
        font-size:1em
    }
}

@media screen and (min-width: 992px){
    .cc_container .cc_message{
        font-size:1em
    }
}

.cc_container{
    background:#222;
    color:#fff;
    font-size:14px;
    /*font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;*/
    box-sizing:border-box
}

.cc_container ::-moz-selection{
    background:#ff5e99;
    color:#fff;
    text-shadow:none
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited{
    color:#<<$buttonTextCol>>;
    text-decoration:none;
    background-color:#<<$buttonCol>>;
    transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    -webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    border-radius:5px;-webkit-border-radius:5px
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active{
    background-color:#fff;
    color:#000;
    text-decoration:none;
}

.cc_container a,
.cc_container a:visited{
    text-decoration:underline;
    color:#fff;
    transition:200ms color;
    display:inline-block;
    padding-left:10px;
}

.cc_container a:hover,
.cc_container a:active{

}

.milestone_question_checkbox, .phase_question_checkbox {
	position: relative;
	top: 8px;
}

.milestone_visibility_change_warning {
	width: 294px;
}

#phaseTableBody tr {
	background: #ffffff;
}

#phaseForm {
	overflow: auto;
}

@-webkit-keyframes slideUp{
    0%{
        -webkit-transform:translateY(66px);
        transform:translateY(66px)
    }

    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes slideUp{
    0%{
        -webkit-transform:translateY(66px);
        -ms-transform:translateY(66px);
        transform:translateY(66px)
    }

    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}

.cc_container,
.cc_message,
.cc_btn{
    animation-duration:0.8s;
    -webkit-animation-duration:0.8s;
    -moz-animation-duration:0.8s;
    -o-animation-duration:0.8s;
    -webkit-animation-name:slideUp;
    animation-name:slideUp
}

.userscore-row {
    border-bottom: 1px solid #eaeaea;
}

.userscore-row--removed {
    color: #bbb;
}

.userscore-row--removed a {
    color: #bbb;
}

.userscore-row--removed .userscore-remove,
.userscore-row--ok .userscore-add {
  display: none;
}

.userscore-cell {
    border-bottom:1px solid #eaeaea;
    padding-bottom:4px;
    padding-top:4px;
}

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

.userscore-remove, .userscore-add {
    cursor: pointer;
    display: none;
}

.userscore-remove {
    color: red;
}

.userscore-add {
    color: #1B2437;
}

.userscore-remove--active, .userscore-add--active {
    display: inline;
}

.userscore-heading {
    text-align:left;
    border-bottom:2px solid #eaeaea;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.idea-confirmation * {
  box-sizing: border-box;
}
.idea-confirmation .b-single-challenge__ideas {
  margin: 0 -16px;
  padding-top: 20px;
}
.flexbox .idea-confirmation .b-single-challenge__ideas-list {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin-left: 0;
}
.idea-confirmation h2 {
  font-weight: normal;
}

.idea-list__heading {
  text-align: center;
  font-size: 16px;
  margin: 10px 0 30px;
}
.idea-confirmation {
  padding: 20px;
}
.idea-confirmation__text {
  text-align: center;
  font-size: 16px;
}
.idea-confirmation__title {
  text-align: center;
}
.idea-confirmation__link {
  font-size: 20px;
}

.ui-sortable-placeholder {
    background: #eee;
}

.b-challenge-ideaVisibility {
  display: flex;
  align-items: center;
  align-self: flex-start;
	width: 100%;
	border: 1px solid #1B2437;
	padding: 6px;
	margin: 0 6px 15px;
}

.b-challenge-ideaVisibility .icon {
  align-self: flex-start;
  margin-right: 6px;
  font-size: 26px;
}
.b-challenge-ideaVisibility p {
  margin: 0;
}


.b-challenge-ideaVisibility--newPost {
	margin-top: 20px;
}

.b-challenge-ideaVisibility--noMargin {
	margin: 0;
}

.b-private-milestone-reached__outer {
	background-color: #fff;
	z-index: 801;
	width: 715px;
	position: fixed;
	top: 25%;
	left: 50%;
	margin: 0 0 0 -357.5px;
	height: 158px;
	overflow: hidden;
	box-shadow: 0px 10px 40px #444;
	padding: 25px;
	display: none;
}

.b-private-milestone-reached__title {
	font-size: 28px;
	padding-bottom: 20px;
}

.b-private-milestone-reached__content {
	padding-bottom: 20px;
}

.b-private-milestone-reached__idea-list-button {
	background-color:#<<$buttonCol>>;
	font-family: 'Source Sans Pro', sans-serif;
	padding:5px 12px;
	color:#<<$buttonTextCol>>;
	font-weight:600;
	display:inline-block;
	float:left;
	border:0;
}

.b-private-milestone-reached__idea-list-button a
{
	color:#<<$buttonTextCol>>;
	background-repeat:no-repeat;
}

.mdl-jira-popup__outer {
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	background: white;
	box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	width: 400px;
	z-index: 9998;
}

.mdl-jira-popup__outer h2 {
	font: bold 20px "Nunito",-apple-system,BlinkMacSystemFont,helvetica,arial,sans-serif;
}

.mdl-jira-popup__row {
	display: flex;
	padding: 7px 0;
}

.mdl-jira-popup__row label {
	flex: 25%;
	padding: 8px;
}

.mdl-jira-popup__block-container {
	flex: 75%;
	height: 34px;
}

.mdl-jira-popup__block-container .loading-indicator {
	padding: 12px 0 0 100px;
}

.mdl-jira-popup__warning {
	padding: 8px 0 0 8px;
}

.mdl-jira-popup__already-exists {
	flex: 25%;
	padding: 12px 8px;
}

.mdl-jira-tickets-created {
	padding: 10px;
	border-top: 4px solid green;
	background-color: #E8F7EB;
	width: 100%;
	display: flex;
}

.mdl-jira-tickets-created a {
	text-decoration: underline;
}

.mdl-jira-tickets-created .mdl-icon {
	margin-right: 12px;
}

.mdl-jira-tickets-created .mdl-icon svg {
	color: green;
}

.mdl-jira-selected-ideas__title {
	flex: 25%;
	padding-top: 8px;
}

.mdl-jira-selected-ideas__title.--moreThanFive {
	flex: 100%;
	padding-top: 8px;
}

.mdl-jira-tickets-created p {
	margin: 0;
}

.mdl-jira-replace__title {
	vertical-align: middle;
	padding-left: 3px;
}

.mdl-jira-divider {
	border-top: 1px solid #EAECFF;
}

.onboardPage .mdl-form__input, .onboardPage .mdl-form__tags, .onboardPage .mdl-form__input.-select  {
  max-width: 100%;
}

.onboardPage .mdl-form__item.-half  {
  width: 100%;
  max-width: calc(50% - 8px);
}

.profile-button-container{
  margin-right: 16px;
}

.mdl-community-nav__profile .mdl-more-menu__item {
  padding: 7px;
}

.mdl-community-nav__profile .mdl-more-menu__item a {
  padding: 7px 0;
  width: 100%;
  display: block;
}

.mdl-community-nav .mdl-community-nav__profile  .lang-dropdown-popup li a {
  padding: 5px;
}

@media (max-width: 1024px) {
    .full_col_width_admin,
    .main_content_profile {
        width: 100%;
    }

    #main-survey .full_col,
    .full_col .surveypage-container {
        width: 100%;
    }
}

#invitesArea h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
}

#invitesArea strong {
    font-weight: bold;
    margin-bottom: 1.5rem;
}

#invitesArea p {
    margin-bottom: 1.5rem;
}

.tooltip {
    position: relative;
    display: inline-block;
  }

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    z-index: 1;
    font-size: 15px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.challenge-name-warning {
    background-color: #fdfae9;
    padding: 8px;
    margin: 16px 0px;
}

@media all and (max-width: 993px) {
    .survey-results-overall {
        width: 80vw;
    }

    #survey-results-container #admin_right_container {
        float: inline-start;
        width: 80vw;
    }
}