/*
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** End reset CSS **/



body
{
	/*font-family: Tahoma, Verdana, Segoe, sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0 auto;

}

/**
 * Dynamic text sizes
 **/
small
{
	font-size: 75%;
}
small.smaller
{
	font-size: 60%;
}
small.smallest
{
	font-size: 50%;
}
strong
{
	font-weight: bold;
}

iframe
{
	width: 400px !important;
	overflow: hidden;
}
.widget.doublewide iframe
{
	width: 97.5% !important;
}

#container,
.dashboard.toolz_preview
{
	width: 920px; /* margins of widgets push this to 900 wide */
}

#container,
#filter_bar_container,
#theme_bar_container,
#tab_bar_container,
.dashboard #main,
header
{
	margin: 0 auto;
	padding: 0;
}

header {
	height: auto;
}

header nav a, header nav a.primary-nav {
	padding: 0;
}

header nav {
	display: inline-block;
	padding: 0;
	width: 98%;
}

/**
 * Inputs
 **/

input.exampled
{
	color: #aaa;
}
.down_triangle
{
	/* Set border-top-color on your element */
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid;
}

/**
 * Uservoice button
 **/

iframe.uvw-dialog-iframe
{
	width: inherit !important;
}
#uvTab
{
	margin-top: 0px !important;
	bottom: 30px;
	top: inherit !important;
}

/**
 * Tab bar
 **/
	.tab_container {
		/*background: pink;*/
	}
	.control_container {
		/*background: yellow;*/
	}
	
	#filter_bar_container,
	#tab_bar
	{
		
	}
	
	#tab_bar .tab
	{
		float: left;
		margin: .25em 1em 0 0;
	}
	#tab_bar .hidden.tab
	{
		display: block;
		visibility: visible;
	}
	#tab_bar .hidden.tab a
	{
		text-decoration: line-through;
	}
	#tab_bar .tab input
	{
		position: relative;
		margin-top: -6px;
		margin-right: 0px;
		top: 2px;
		left: 11px;
		padding-left: 30px;
	}
	#tab_bar .tab[order="0"] input
	{
		padding-left: 3px;
		margin-left: 7px;
	}
	#tab_bar span.hide_tab
	{
		z-index: 60;
		position: relative;
		margin-top: -6px;
		left: 2px;
		margin-right: -34px;
		color: #339900;
	}
	#tab_bar span.hide_tab:hover
	{
		cursor: pointer;
	}
	#tab_bar .hidden span.hide_tab
	{
		color: black;
	}
	header nav .tab a.primary-nav
	{
		border: 0;
		/*color: #265373;*/
		font-size: 1em;
		font-weight: bold;
		/*padding-left: 1em;*/
		text-decoration: none;
		text-shadow: none;
	}
	header nav .tab a.primary-nav:hover
	{
		/*color: #3893ca;*/
	}
	header nav .tab a.primary-nav.current
	{
		color: #000;
		cursor: default;
	}
	header nav .tab a.icon.primary-nav {
		font-weight: normal;
	}
	header nav .tab a.primary-nav .nav-text {
		/* font family is to force labels to render in dsv font rather than browser's fallback */
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
	}
	#layout_selector
	{
		float: right;
	}
	#layout_selector select
	{
		width: 12em;
	}

	#tab_bar .control_container #permalink
	{
		float: right;
		position: relative;
		top: 0 !important;
	}
	#permalink:hover
	{
		cursor: pointer;
		color: #8C8C8C;
	}
	.response_url input
	{
		width: 92%;
		margin-left: 11px;
		font-size: 10px;
	}
	.response_url > div
	{
		font-size: 13px;
		margin: 12px;
	}
	
	#tab_bar .control_container a,
	a.icon_link
	{
		/*background: #265373;*/
		/*color: #eee;*/
		float: right;
		font-weight: normal;
		font-size: .9em;
		height: 1.4em;
		line-height: 1.5em;
		margin-left: 1em;
		margin-top: 0px;
		padding: .25em;
		text-align: center;
		width: 1.5em;
		/*
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 15%;
		*/
	}
	#tab_bar .control_container a:hover,
	#tab_bar .control_container a.hover
	{
		cursor: pointer;
	}
	
	#tab_bar .distribute_button
	{
		/*font-size: 1.0em;*/
		/*position: relative;*/
	}
	
	#tab_bar .distribute_button.distributing:after,
	#tab_bar .share_button.shared:after
	{
		float: right;
		position: relative;
		top: -6px;
		left: 6px;
		color: #339900;
		font-size: 12px;
		content: "\e61d";
		text-shadow: -1px -1px #fff;
		font-family: "jimicons";
	}
	#new_widget_button_floater {
		position: fixed !important;
		top: -3px !important;
		left: 0 !important;
		margin: 5px !important;
		margin-left: 0 !important;
		z-index: 101;
		width: 27px !important;
		margin: 5px 5px 5px 0 !important;
		padding: 0 !important;
		
	}
	#new_widget_button_floater a.new_widget_button {
		margin: 0 !important;
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
		border-left: 0 !important;
		width: 21px !important;
	}
	
	#home {
		
	}

/**
 * Filter bar
 **/
	#filter_bar_container, #theme_bar_container
	{
		display: none;
		margin: 0 auto;
		overflow: hidden;
		width: 98%;
		background-color: red;
	}
	.dashboard #filter_bar, .dashboard #theme_bar
	{
		height: 2em;
		line-height: 1.75em;
		padding: .5em 1em;
		/*
		margin-left: 20px;
		margin-bottom: 20px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 15px;
		width: 809px;
		*/
		/*background: #eee;*/
	
		/*-webkit-border-radius: 12px;*/
		/*-moz-border-radius: 12px;*/
		/*-ms-border-radius: 12px;*/
		/*-o-border-radius: 12px;*/
		/*border-radius: 12px;*/
	}
	#filter_bar_container .filter, #theme_bar_container .filter
	{
		display: none;
		width: 300px;
	}
	#filter_bar #survey_filter
	{
		float: right;
	}
	#filter_bar #date_filter
	{
		z-index: 70;
		float: left;
		width: 325px;
		border: 1px solid #5897fb;
		border-top: none;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		-ms-border-radius: 0 0 4px 4px;
		-o-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
		background: white;
		color: black;
		text-shadow: none;
		padding: 4px;
		padding-left: 11px;
	}
	#filter_bar #date_filter input[type="text"]
	{
		height: 1em;
		font-size: .9em;
		width: 100px;
		box-sizing: initial;
	}
	#filter_bar select, #theme_bar select
	{
		margin-top: -1px;
		width: 190px;
	}
	#filter_controls
	{
		padding-left: 21px;
	}
	#filters
	{
		margin-top: 11px;
	}
	#filter_bar .filter_control, #theme_bar .filter_control
	{
		float: left;
		margin-right: 40px;
		position: relative;
		top: 2px;
		opacity: 0.9;
		filter: alpha(opacity=90);
		z-index: 30;
	}
	#filter_bar .filter_control:hover, 	#theme_bar .filter_control:hover
	{
		cursor: pointer;
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	#filter_bar .filter_control .down_triangle, #theme_bar .filter_control .down_triangle
	{
		float: right;
		position: relative;
		top: 10px;
		left: 4px;
	}
	#filter_bar .filter, #theme_bar .filter
	{
		width: 500px;
	}
	#filter_bar .select2-container a, #theme_bar .select2-container a
	{
		width: 400px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	#filter_bar #date_start_custom_date_range .select2-container a,
	#filter_bar #date_end_custom_date_range .select2-container a
	{
		width: inherit;
	}
	#filter_bar .select2-container a *
	{
		/*visibility: hidden;*/
	}
	.select2-with-searchbox
	{
		z-index: 120 !important;
	}
	.dashboard .select2-drop
	{
		margin-top: -22px;
	}
	#filter_bar .filter_control label.changed
	{
		font-weight: bold;
	}
	#s2id_autogen2_search
	{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.select2-result-unselectable.select2-disabled
	{
		font-weight: bold;
		margin-top: 18px;
	}
	li.select2-result-unselectable.select2-disabled > div.select2-result-label:hover
	{
		cursor: default;
	}
	#date_filter #date_start_custom_date_range,
	#date_filter #date_end_custom_date_range {
		position: relative;
		display: inline-block;
	}
	#date_filter.custom_date_ranges label[for="to"] {
		margin-left: 20px;
	}
	.select2-drop.custom_date_range > .select2-search {
		position: absolute;
		top: -31px;
	}
	.select2-drop-mask {
		z-index: 20 !important;
	}

/**
 * Filter summary
 **/
	#filter_summary_container
	{
		margin: 1em auto;
		overflow: hidden;
	}	
	#filter_summary {
		font-size: .9em;
		line-height: 1.75em;
		text-align: center;
	}

	#filter_summary .primary {
		float: left;
		
	}
	#filter_summary .primary div,
	#filter_summary .secondary div {
		line-height: 1.25em;
	}
	#filter_summary .primary div {
		float: left;
	}
	#filter_summary .secondary {
		/* dsv */ visibility: hidden;
		float: right;
	}
	#filter_summary .secondary div {
		float: right;
	}
	
	#filter_summary .survey,
	#filter_summary .manager_name {
		font-weight: normal;
	}
	#filter_summary .survey {
		border-right: 1px solid #ccc;
		margin-right: .5em;
		padding-right: .5em;
	}
	#filter_summary .manager_name {
		
	}
	#filter_summary .level {
		
	}
	#filter_summary .date,
	#filter_summary .num_shops,
	#filter_summary .group,
	#filter_summary .ulg,
	#filter_summary .wave {
		border-left: 1px solid #ccc;
		margin-left: .5em;
		padding-left: .5em;
	}
	#filter_bar_container.closed ~ #filter_summary_container #filter_summary .level:hover,
	#filter_bar_container.closed ~ #filter_summary_container #filter_summary .date:hover,
	#filter_bar_container.closed ~ #filter_summary_container #filter_summary .group:hover,
	#filter_bar_container.closed ~ #filter_summary_container #filter_summary .ulg:hover,
	#filter_bar_container.closed ~ #filter_summary_container #filter_summary .wave:hover {
		cursor: pointer;
	}
	

.dsv
{
	/*padding: .5em;*/
}

#dashboard
{
	position: relative;
	margin: 0 auto;
	padding-bottom: 1em;
	min-height: 300px;
}

.clear
{
	clear: left;
}

.dashboard #container {
	box-sizing : border-box;
}
#main {
	width: 100% !important;
}


.widget .key_question_area br {
	display: inline-block !important;
}
.key_question .text_alignment_left {
	text-align: left;
}
.key_question .text_alignment_right {
	text-align: right;
}
.key_question .text_alignment_center {
	text-align: center;
}
.key_question_area.question_answer span {
	padding-left: 1em;
	padding-right: 1em;
}

.label.key_question_label {
	font-size: 1em;
	color: "#FFF";
}

.key_question .widget-body {
	height: 274px;
}
/* other style stuff */
.key_question_right .heatmapped_label, .key_question_left .heatmapped_label
 {
	font-size: 3em;
	padding: 0;
	margin: 0px auto;
	vertical-align: middle;
	text-align: center;
}
.key_question_area.question_text {
	vertical-align: middle;
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	margin: 0px auto;
}
.key_question_area.question_answer {
	vertical-align: middle;
	clear: both;
	padding-top: 0.3em;
	padding-bottom: 1.5em;
	margin: 0px auto;
	float: left;
}
.key_question_left, .key_question_right {
	vertical-align: middle;
	float: left;
}
.key_question div[data_sink="gauge_donut"] > .label {
	top: 1.8em;
	font-size: 2.2em;
}
.key_question_container, .vertically_centered_div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@media print {
	.key_question_container, .vertically_centered_div {
		top: 0;
		transform: none;
	}
	/*.key_question_area.question_answer {
		padding-top: 0.1em;
		padding-bottom: 0.1em;
	}*/
}

/* styles for '...' */ 
.multiline_ellipsis_text {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative; 
	/* use this value to count block height */
	/* max-height = line-height (1.2) * lines max number (3) */

	/* none of this here. defined in individual widgets because it can vary
	font-size: 1.2em;
	line-height: 1.2em;
	max-height: 12em; 
	/* fix problem when last visible word doesn't adjoin right side  */
	text-align: justify;  
	/* place for '...' */
	margin-right: -1.5em;
	padding-right: 1.5em;
	width: 93%;
	padding-left: 0.4em;
}
/* create the ... */
.multiline_ellipsis_text:before {
	/* points in the end */
	content: '...';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of block */
	right: 0.8em;
	bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.multiline_ellipsis_text:after {
	/* points in the end */
	content: '';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of text */
	right: 2.3em;
	/* set width and height */
	width: 1em;
	height: 1em;
	margin-top: 0.3em;
	/* bg color = bg color under block */
	background: white;
}


@media print {
	.widget {
		margin: 0 0 1em 2% !important;
		width: 47% !important;
		page-break-before:auto !important;
		page-break-after: auto !important;
	}
	.widget:not(.doublewide) {
		page-break-inside: avoid !important;
	}
	.page-break-clear { 
 		clear: both;
	}
	.page-break {
	  page-break-after: always !important; 
	  break-after: page;
	  height: 0px;
	  display: block !important;
	}
	.doublewide {
/*		page-break-inside: auto !important;
*/		width: 96% !important;
	}
	.dashboard #container {
		max-width: 944px !important;
	}
	.widget-header, .widget-subheader, .widget-empty-subheader {
		page-break-after:avoid !important;
	}
	.widget-body {
		page-break-before: avoid !important;
	}
	/*.shop_info_outer {
		table-layout: fixed !important;
		width: 47% !important;
	}*/
	#container, .dashboard #container {
		padding: 0 !important;
		border-radius: 0 !important; /*looks awkward in pdf */
	}
	.dashboard header .logos {
		display: none; /* TC logo placement breaks pdfs sometimes, plus we have a logo widget if more logo is needed */
	}
	.key_question_container .clearfix { /* bugfix to prevent weird page break appearing after key question widget */
		display:none;
	}
	.key_question_container .clearfix { /* bugfix to prevent weird page break appearing after key question widget */
		display:none;
	}
	/*.key_question_container {
		page-break-inside: auto;
	}
	
	.key_question_area {
		page-break-inside: always !important;
	}*/

	/**
	 * min-height apparently breaks prince
	 **/
	#dashboard
	{
		min-height: 0;
		/*	page-break-inside: auto !important; */
	}

	.question_list tr[qfmt="62"] { /* page break */
		page-break-after:always;
	}
	
	#filter_summary_container {
		display: none; 
		/*content: "Andreea dev8 sandbox testing in progress";
		top: -1em;
		background-color: yellow !important;*/
	}
	header, .dashboard header, header nav, footer, .dashboard footer {
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -ms-border-radius: 0;
	    -o-border-radius: 0; 
	    border-radius: 0; 
	}

	/* For PDFs */
	@page
	{
		margin: 0;
		margin: 0mm; 
		padding: 0px; 
		prince-shrink-to-fit: auto; 
		size: B4; /* we need this more customizable but right now narrow things like a4 break nps widget and others */		
	}

}

.widget {
	height: 300px;
	padding-bottom: 1em;
	margin: 0 0 1em 2%;
	width: 47%;
	clear: none;
	float: left;
	/*box-sizing : border-box;*/
	overflow: hidden;
	color: black;
}
/*.widget.page-break-before {
	page-break-before: always;
}*/
@media print {
	div.page-break-placeholder {
		background-image: none !important;
		background-color: transparent;
		height: 0;
	}
}
div.page-break-placeholder {
	float: left;
	width: 97.5%;
	margin: .2em .8em 1em .8em;
	height: 2px;
	
	/* Fancy background stuff */
	background-image:
		-webkit-linear-gradient(
		-45deg,
		#fff 25%,
		#000 25%,
		#000 50%,
		#fff 50%,
		#fff 75%,
		#000 75%,
		#000
	);
	background-image:
		-moz-linear-gradient(
		-45deg,
		#fff 25%,
		#000 25%,
		#000 50%,
		#fff 50%,
		#fff 75%,
		#000 75%,
		#000
	);
	background-image:
		-ms-linear-gradient(
		-45deg,
		#fff 25%,
		#000 25%,
		#000 50%,
		#fff 50%,
		#fff 75%,
		#000 75%,
		#000
	);
	background-image:
		linear-gradient(
		-45deg,
		#fff 25%,
		#000 25%,
		#000 50%,
		#fff 50%,
		#fff 75%,
		#000 75%,
		#000
	);
	
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-ms-background-size: 10px 10px;
	background-size: 13px 13px;
	
	opacity: 0.15;
}

.note
{
	font-size: 0.8em;
	font-style: italic;
}

/* Used to denote where a widget will get dropped when you drag it */
@-webkit-keyframes widget_placeholder_animation
{
	0%
	{
		background-position: 0 0;
	}
	100%
	{
		background-position: 10px 10px;
	}
}	
@-moz-keyframes widget_placeholder_animation
{
	0%
	{
		background-position: 0 0;
	}
	100%
	{
		background-position: 10px 10px;
	}
}	
@-ms-keyframes widget_placeholder_animation
{
	0%
	{
		background-position: 0 0;
	}
	100%
	{
		background-position: 10px 10px;
	}
}	
@keyframes widget_placeholder_animation
{
	0%
	{
		background-position: 0 0;
	}
	100%
	{
		background-position: 10px 10px;
	}
}
#dashboard .widget_placeholder
{
	/* Fancy background stuff */
	background-image:
		-webkit-linear-gradient(
		-45deg,
		#fc0 25%,
		transparent 25%,
		transparent 50%,
		#fc0 50%,
		#fc0 75%,
		transparent 75%,
		transparent
	);
	background-image:
		-moz-linear-gradient(
		-45deg,
		#fc0 25%,
		transparent 25%,
		transparent 50%,
		#fc0 50%,
		#fc0 75%,
		transparent 75%,
		transparent
	);
	background-image:
		-ms-linear-gradient(
		-45deg,
		#fc0 25%,
		transparent 25%,
		transparent 50%,
		#fc0 50%,
		#fc0 75%,
		transparent 75%,
		transparent
	);
	background-image:
		linear-gradient(
		-45deg,
		#fc0 25%,
		transparent 25%,
		transparent 50%,
		#fc0 50%,
		#fc0 75%,
		transparent 75%,
		transparent
	);
	
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-ms-background-size: 10px 10px;
	background-size: 10px 10px;
	
	-webkit-animation: widget_placeholder_animation 1s linear infinite;
	-moz-animation: widget_placeholder_animation 1s linear infinite;
	-ms-animation: widget_placeholder_animation 1s linear infinite;
	animation: widget_placeholder_animation 1s linear infinite;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-box-shadow:inset 0 10px 0 rgba(255,255,255,.2);
	-moz-box-shadow:inset 0 10px 0 rgba(255,255,255,.2);
	-ms-box-shadow:inset 0 10px 0 rgba(255,255,255,.2);
	box-shadow:inset 0 10px 0 rgba(255,255,255,.2);
	
	overflow: hidden;
}
#dashboard .widget_placeholder
{
	float: left;
	border: 1px solid #fc0;
	height: 300px;
	padding-bottom: 12px;
	margin: 0 9.6px 12px 9.6px;
	width: 47.5%;
	position: relative;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#dashboard .widget_placeholder.ui-draggable-dragging
{
	border: 0px;
	background-image: none;
	background: #fcfcfc;
}
#dashboard .widget_placeholder.doublewide
{
	width: 97.5%;
}

.widget.doublewide
{
	width: 96%;
	height: inherit;
	min-height: 0px !important;
	page-break-inside: avoid;
	float: none;
	clear: both;
}
.widget.doublewide.survey_summary,
.widget.doublewide.improvable_questions, 
.widget.doublewide.question_list, 
.widget.doublewide.key_question
{
	page-break-inside: always !important;
}

.widget.doublewide.announcement,
.widget.doublewide.glossary
{
	min-height: 0px;
	height: auto;
}

.widget-header
{
	/* moved to themes */
}
.widget-subheader
{
	/*background: #f5f5f5;*/
	border-bottom: 1px solid #ddd;
	line-height: 2;
	font-style: italic;
}
.widget-subheader + .widget-subheader
{
	border-top: 0;
}
.widget-header + .widget-empty-subheader
{
	height: 26px;
}
.shop_info .widget-header + .widget-empty-subheader, .shop_info .widget-header + .widget-subheader
{
	display: none;
}

.doublewide .widget-header + .widget-empty-subheader
{
	height: 0;
}

/**
 * Widget picker sidebar
 **/
#widget_picker
{
	position: fixed !important;
	visibility: hidden;
	top: -2px;
	left: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 100;
	background: #f3f3f3;
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.7);
	line-height: normal !important;
}
#widget_picker .widget
{
	height: 22px !important;
	width: 236px !important;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 0 5px 5px !important;
}
#widget_picker .widget,
#widget_picker .widget-header
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#widget_picker .widget-header
{
	background: #e5e5e5;
	border: 0;
}
#widget_picker_type_to_filter
{
	margin: 5px;
	width: 185px;
	font-size: 12px;
	padding-left: 23.5px;
	margin-left: 28.5px;
}
#widget_picker > span.icon
{
	position: absolute;
	top: 11px;
	left: 36.5px;
	font-size: 0.85em;
	color: #777;
}
#widget_picker .widget[data-type-to-filter-match="partial"]
{
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: #f3f3f3;
}
#widget_picker .widget .title
{
	height: 22px;
	padding-top: 5px;
	text-align: left;
	padding-left: 30px;
	line-height: 20px;
	margin-top: -4px;
}
#widget_picker .widget .count
{
	width: 22px;
	height: 12px;
	float: right;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 5px 0 5px 0;
	border-left: 1px solid #c6c3b9;
	color: #444444;
	line-height: 12px;
}
#widget_picker .widget .count:empty
{
	border: 0;
}
#widget_list_scroller
{
	height: 100%;
	width: 110%;
	overflow-y: scroll;
	overflow-x: hidden;
}
#widget_list
{
	height: 100%;
	width: 100%;
	padding-bottom: 40px;
}
#widget_picker .widget:hover
{
	cursor: pointer;
	border: 1px solid #0095ff;
	-webkit-box-shadow: 0px 3px 12px #aaa;
	-moz-box-shadow: 0px 3px 12px #aaa;
	-ms-box-shadow: 0px 3px 12px #aaa;
	-o-box-shadow: 0px 3px 12px #aaa;
	box-shadow: 0px 3px 12px #aaa;
}

/**
 * Icons for widgets in the sidebar
 **/
#widget_picker .widget .icon
{
	width: 22px;
	height: 9px;
	float: left;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-top: 4px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #222;
}

#widget_picker .widget .icon:before {
	text-shadow: none;
}

#widget_picker .announcement .icon:before {
	content: "\e906";
}
#widget_picker .company_overview .icon:before {
	content: "\e900";
}
#widget_picker .drilldown_ranking .icon:before {
	content: "\e90a";
}
#widget_picker .flashpoints .icon:before {
	content: "\e90b";
}
#widget_picker .glossary .icon:before {
	content: "\e908";
}
#widget_picker .improvable_questions .icon:before {
	content: "\e913";
}
#widget_picker .key_question .icon:before {
	content: "\e90f";
}
#widget_picker .level_trending .icon:before {
	content: "\e96f";
}
#widget_picker .level_trending_year_over_year .icon:before {
	content: "\e909";
}
#widget_picker .net_promoter_score_widget .icon:before {
	content: "\e910";
}
#widget_picker .question_correlation .icon:before {
	content: "\e911";
}
#widget_picker .question_crosstab .icon:before {
	content: "\e912";
}
#widget_picker .question_trending .icon:before {
	content: "\e919";
}
#widget_picker .recent_shops .icon:before {
	content: "\e91f";
}
#widget_picker .section_trending .icon:before {
	content: "\e91a";
}
#widget_picker .sections_by_level .icon:before {
	content: "\e914";
}
#widget_picker .question_list .icon:before {
	content: "\e915";
}
#widget_picker .toolz_widget .icon:before {
	content: "\e916";
}
#widget_picker .top_x_bottom_x .icon:before {
	content: "\e917";
}
#widget_picker .wave_comparison .icon:before {
	content: "\e91b";
}
#widget_picker .map .icon:before {
	content: "\e90e";
}
#widget_picker .your_score .icon:before {
	content: "\e973";
}
#widget_picker .level_comparison .icon:before {
	content: "\e95e";
}
#widget_picker .date_comparison .icon:before {
	content: "\e972";
}
#widget_picker .shop_info .icon:before {
	content: "\e608";
}
#widget_picker .sectional_change .icon:before {
	content: "\e95d";
}
#widget_picker .score_comparison .icon:before {
	content: "\e973";
}
#widget_picker .action_item_log .icon:before {
    content: "\e955";
}
#widget_picker .action_item_progress .icon:before {
    content: "\e956";
}
#widget_picker .risk_distribution .icon:before {
    content: "\e957";
}
#widget_picker .action_item_counts_by_level .icon:before {
    content: "\e960";
}
#widget_picker .action_item_counts .icon:before {
    content: "\e961";
}
#widget_picker ._widget_counts .icon:before {
    content: "\e954";
}
#widget_picker .static_content .icon:before {
	content: "\e906";
}
#widget_picker .social_media_monitoring .icon:before {
	content: "\e96b";
}

.editable.widget .widget-header h2,
.editable.widget .widget_controls_button,
.editable.widget .widget_remove_button,
.widget_ekg_button
{
	cursor: pointer;
}

.widget-header h2
{
	/* moved to themes */
}

.widget-footer
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	color: #888;
	font-size: 0.9em;
	font-style: italic;
}

.widget .graph, .widget .graph > div, .widget img.graph
{
	margin: 0 auto;
	text-align: center;
}

table
{
	width: 100%;
}
table .header
{
	font-weight: bold;
}
tr.even
{
	/*background: #f7fbfc;*/
}
thead div.subheader
{
	font-size: 0.8em;
}

.widget_controls_button,
.widget_remove_button,
.widget_ekg_button {
	background: transparent;
	/*color: white;*/
	position: absolute;
	top: 0;
	font-weight: bold;
	font-size: 1.3em;
	padding: 8px;
}
.widget_controls_button {
	left: 0.5em;
}
.widget_remove_button {
	right: 0.5em;
}
.widget_ekg_button {
	left: 0.5em;
}
.widget_remove_button + .widget_ekg_button {
	left: 2em;
}
.widget_controls_button:hover,
.widget_remove_button:hover
{
	/*color: #3893ca;*/
	cursor: pointer;
}

#shadow
{
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 110%;
	height: 110%;
	z-index: 50;
}
#shadow img
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -27px;
}
.fullscreen
{
	position: fixed;
	left: 0;
	top: 0;
	width: 110%;
	height: 110%;
}
.ui-widget-overlay
{
	background: transparent;
}

.widget > img.loading
{
	margin: 134px 0px 0px 0px;
}
.widget.doublewide > img.loading
{
	margin: 134px 0px 0px 0px;
}

th.tooltipped > span,
th.disclaimed > span
{
	/*background: url(/dsv/assets/images/icon-tip.png) no-repeat right top;*/
	/*padding-right: 1.25em;*/
	white-space: nowrap;
}

th.col_name  .icon {
	display: none;
}
th.col_name.tooltipped .icon.tooltip,
th.col_name.disclaimed .icon.disclaimer {
	display: inline-block;
	margin-left: .25em;
}
.ui-tooltip-content {
	text-align: justify;
}

.label {
	font-size: 1.5em;
	font-weight: bold;
}

/**
 * Heat Mapping and Impact Bars
 **/
table td.bad:not(.inverse),
.label.bad,
span.bad,
.flashpoint.bad .value
{
	color: #DD4640 !important;
}
table td.poor:not(.inverse),
.label.poor
{
	color: #FF8833 !important;
}
table td.fair:not(.inverse),
.label.fair
{
	color: #FFCC33 !important;
}
table td.good:not(.inverse),
.label.good,
span.good,
.flashpoint.good .value
{
	color: #88CC00 !important;
}
.impact_bar
{
	width: 150px;
	white-space: nowrap;
}
.heat_bar, .impact_bar > .bar
{
	background: white;
	border: 1px solid #b3b3b3;
	height: 1em;
	margin-top: .25em;
}
.heat_bar > div, .impact_bar div
{
	float: left;
	height: 1em;
}
.impact_bar > div.impact_bar_base
{
	background: transparent; /* theme commander compensation */
	color: #444; /* theme commander compensation */
	float: left;
	font-size: 0.7em;
	margin-top: .65em;
}
.impact_bar > div.bar
{
	float: right;
	position: relative;
}
.bad div.heated, .dashboard .widget_table tbody .bad.heated td.header,
table td.bad.inverse
{
	background: #DD4640 !important;
	color: black !important;
}
table td.bad.inverse
{
	border: 1px solid #D42B25 !important;
}
.poor div.heated, .dashboard .widget_table tbody .poor.heated td.header,
table td.poor.inverse
{
	background: #FF8833 !important;
	color: black !important;
}
table td.poor.inverse
{
	border: 1px solid #F56600 !important;
}
.fair div.heated, .dashboard .widget_table tbody .fair.heated td.header,
table td.fair.inverse
{
	background: #FFCC33 !important;
	color: black !important;
}
table td.fair.inverse
{
	border: 1px solid #F0B400 !important;
}
.good div.heated, .dashboard .widget_table tbody .good.heated td.header,
table td.good.inverse
{
	background: #88CC00 !important;
	color: black !important;
}
table td.good.inverse
{
	border: 1px solid #77B300  !important;
}
.bad > div.missing, .poor > div.missing, .fair > div.missing, .good > div.missing
{
	background: white;
}
.heat_map_legend .range
{
	display: inline;
	margin: 10px;
}
.heat_map_legend .heated
{
	width: 16px;
	display: inline-block;
}
.heat_map_legend .description
{
	display: inline;
	font-weight: bold;
	color: black;
	margin-left: 2px;
}

/**
 * Width Bar
 **/
.width_bar
{
	border: 1px solid black;
	height: 20px;
}

/**
 * Settings dialog
 **/
	#settings
	{

		z-index: 110;
		//height: auto !important;
		height: 600px !important;
		//max-height: 600px !important;
		overflow-y: scroll;
		background: #f0f0f0;
	}

	#settings,
	#settings * {
	}
	#settings::-webkit-scrollbar,
	#settings *::-webkit-scrollbar {
		display: none;
	}
	/* the following un-inherits the page's container */
	.dialog #container {
		width: auto;
	}
	
	#setting_selector {
		position: relative;
		/*top: -10px;*/
	}
	
	#settings .ui-state-default:hover
	{
		border: 1px solid #d3d3d3;
	}
	
	#settings h1:hover
	{
		background: #f7f7f7;
	}
	#settings h1
	{
		font-weight: normal;
		margin-top: 0;
		text-align: center;
		font-size: 1.75em;
		margin-bottom: 18px;
	}
	#settings h1 .position
	{
		font-size: 0.5em;
		position: relative;
		top: -5px;
	}
	
	#settings h3, #settings h3:hover
	{
		padding-left: 33px;
		margin-top: -1px;
		text-shadow: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	
	#settings h3:focus
	{
		outline: none;
	}
	
	#settings .loading_icon
	{
		display: none;
		text-align: center;
	}
	
	#settings .setting_content
	{
		max-height: 300px;
		padding-bottom: 10px;
		/*overflow: scroll;*/
	}
	
	#settings .setting_help_text
	{
		font-style: italic;
		margin-left: 19px;
		margin-right: 20px;
		font-size: 0.9em;
		margin-bottom: 26px;
		position: relative;
		top: 8px;
	}
	#settings .setting_help_text.empty
	{

		display: none !important;
	}
	#settings .setting_help_text ul
	{
		list-style: initial;
	}
	
	#settings .options
	{
		margin-top: 1em;
		/*text-align: center;*/
	}
	
	#settings .no_valid_options
	{
		text-align: center;
	}
	
	#settings .options .text.option
	{
		text-align: center;
	}
	#settings .options .text.option input,
	#settings .options .text.option textarea
	{
		border: 2px solid #ddd;
		font-size: 1.25em;
		padding: .5em;
		text-align: center;
		width: 90%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: 1px 1px 6px #eee inset;
		-moz-box-shadow: 1px 1px 6px #eee inset;
		-ms-box-shadow: 1px 1px 6px #eee inset;
		-o-box-shadow: 1px 1px 6px #eee inset;
		box-shadow: 1px 1px 6px #eee inset;
	}
	#settings .options .text.option input:focus,
	#settings .options .text.option textarea:focus
	{
		outline: none;
		border-color: #85bae0;
		-webkit-box-shadow: 0px 0px 9px #badef7;
		-moz-box-shadow: 0px 0px 9px #badef7;
		-ms-box-shadow: 0px 0px 9px #badef7;
		-o-box-shadow: 0px 0px 9px #badef7;
		box-shadow: 0px 0px 9px #badef7;
	}
	#settings .options .text.option textarea
	{
		height: 200px;
		text-align: left;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#settings .options .text.option input[data-is-default="1"]
	{
		font-style: italic;
		color: #ccc;
	}
	
	#settings .options .radio.option,
	#settings .options .checkbox.option,
	#settings .drilldown_depth
	{
		text-align: left;
		/*padding-left: 27%;*/
		padding-bottom: .2em;
		font-size: 0.9em;
		color: #505050;
	}
	#settings .show_entire_company
	{
		margin-top: 6px;
	}

	#settings .options .radio.option input[type="radio"]
	{
		vertical-align: text-top;
		position: relative;
		top: 3px;
	}
	#settings .options .checkbox.option input[type="checkbox"]
	{
		vertical-align: bottom;
		position: relative;
		top: -2px;
	}

	#settings .options .option:not(:hover)
	{
		/* width: 90%; */ /* makes spinner.php setting trippy. if we need to put this back, adjust so those are not affected */
		
	}
	#settings .setting_content[setting_id="18"] .options .option:not(:hover) /*only question text selector gets this stuff */
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#settings #checkbox_functions
	{
		/*padding-left: 27%;*/
		font-size: 0.8em;
		margin-left: 4px;
		margin-bottom: 3px;
	}
	#settings #checkbox_functions,
	#settings #checkbox_functions a,
	#settings #checkbox_functions a:visited {
		color: #265373;
		padding-bottom: .5em;
	}
	#settings #checkbox_functions a:hover {
		color: #208fdf;
	}
	/* Don't pad left nearly as much for the "question" setting types (18, 19, 30) */
	#settings.setting_18 #options .radio.option,
	#settings.setting_19 #options .checkbox.option,
	#settings.setting_19 #checkbox_functions,
	#settings.setting_30 #options .radio.option
	{
		padding-left: 19px;
	}
	
	#settings.setting_43 #options #checkbox_functions,
	#settings.setting_43 #options .option
	{
		padding-left: 19px;
		margin-left: 0;
	}
	
	#settings.setting_49 #options
	{
		padding-left: 19px;
		padding-right: 19px;
	}
	
	#settings .options .number.option
	{
		text-align: center;
	}
	
	#settings .slider
	{
		width: 90%;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	#settings .slider_range_label 
	{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#settings .options div.divider
	{
		background: #F4F4F4;

		padding: 8px;
		padding-left: 32px;
		margin-left: -33px;
		margin-top: 8px;
		margin-bottom: 9px;
		margin-right: -34px;
	}
	.setting_help_text.empty + .options div.divider:first-child
	{
		margin-top: -14px;
	}

	.slider.bad .ui-slider-range
	{
		background: #DD4640 !important;
	}
	.slider.poor .ui-slider-range
	{
		background: #FF8833 !important;
	}
	.slider.fair .ui-slider-range
	{
		background: #FFCC33 !important;
	}
	.slider.good .ui-slider-range
	{
		background: #88CC00 !important;
	}
	
	#settings .drilldown_depth input
	{
		width: 20px;
	}
	#settings .apply-to-all
	{
		text-align: right;
		font-size: 11px;
	}



/**
 * Single Value setion
 **/
.single_value
{
	font-size: 8.0em;
	margin-top: 52px;
}

/**
 * Gauge section
 **/
.graph.gauge
{
	position: relative;
	top: 14px;
}
.graph.gauge.speedometer
{
	top: 0px;
}

/* Widget tables general section ********************************************************/
.widget_table {
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 14px;
	width: 100%;
}
.widget_table tr {
	/*border-bottom: 1px solid #eee;*/
}
.widget_table td {
	padding: .25em;
	vertical-align: top;
}
.widget_table td.clickable:hover {
	cursor: pointer;
	filter: invert(6%);
	-webkit-filter: invert(6%);
	-moz-filter: invert(6%);
	-ms-filter: invert(6%);
	background: inherit;
}
.widget_table th {
	text-align: left;
	font-weight: bold;
}
.widget_table td:first-child,
.widget_table th:first-child {
	padding-left:1em;
	text-align: left;
}
.widget_table tbody tr.even {
	/*background: #f7fbfc;*/
}
.widget_table tbody tr:hover
{
	/*background: #f4f7fb;*/
}
.dashboard .widget_table tbody tr.odd.peer,
.dashboard .widget_table tbody tr.even.peer,
.dashboard .widget_table tbody tr.odd.peer:hover,
.dashboard .widget_table tbody tr.even.peer:hover, 
.shaded_row:hover
{
	background: #f7f7f7 !important;
}

.shaded_row:nth-of-type(odd) {
    background-color: #f7f7f8 ;

}

.shaded_row:nth-of-type(even) {
  background-color: white;
}

.widget_table br {
	display: block; /* theme commander compensation */
}

div[data_sink="gauge_donut"] > .label {
	font-size: 3em;
	top: 91px;
	height: 0;
	position: relative;
	z-index: 1;
}

div[data_sink="gauge_image"] {
	position: relative;
	top: 5px;
}
div[data_sink="gauge_image"] > .label {
	font-size: 3em;
	z-index: 1;
}
div[data_sink="gauge_image"] img,
div[data_sink="multi_gauge_images"] img,
div[data_sink="multi_gauge_images_with_points"] img {
	max-width: 370px;
	max-height: 203px;
}


.link_question {
	overflow-wrap: break-word;
}
/* Survey Summary table section *********************************************************/
.survey_summary .widget_table td.col_data {
	line-height: 1.35;
	vertical-align: middle;
}
.survey_summary td.response_breakdown {
	width: 200px;
}
.table-row {
	display: table-row;
	padding: 0 0 3px 0;
}
.table-cell {
	display: table-cell;
	padding: 0;
}
.table-cell:first-child {
	padding-right: 4px;
	text-align: right;
	width: 60px;
	font-style: inherit;
	white-space: nowrap;
}
.table-cell {
	text-align: left;
}
/* Drillable table section **************************************************************/

.drillable_table td
{
	text-align: center;
}

.drillable_table tr.hidden
{
	display: none;
}

.drillable_table tbody tr.drillable.depth_1 {
	background: #ecf4f9;
}
.drillable_table tbody tr.drillable.depth_2 {
	background: #f5f9fc;
}
.drillable_table tbody tr.drillable td {
	color: #265373;
}
.drillable_table tr.super_header th,
.drillable_table th.col_name,
.drillable_table td.col_data {
	padding-right: 1em;
	text-align: right;
}

tbody tr.drillable:hover
{
	cursor: pointer;
}

tr.drillable td:first-child
{
	min-width: 150px;
}

tr.drillable.depth_1 td:first-child:before,
tr.depth_2 td:first-child:before,
tr.depth_3 td:first-child:before,
tr.depth_4 td:first-child:before,
tr.depth_5 td:first-child:before,
tr.depth_6 td:first-child:before
{
	font-size: 11px;
	font-family: 'jimicons';
	content: "\e927";
	color: #B7C6D1;
	position: relative;
	left: -1px;
	margin-right: -3px;
}
tr.hierarchy-hover td:first-child:before
{
	content: "\e926" !important;
	color: #265373 !important;
}
tr.drillable.depth_1 td:first-child:before
{
	left: 3px;
	margin-left: -1.2em;
	margin-right: 0;
}

.drillable_table tr.depth_2 td:first-child
{
	padding-left: 11px;
}
.drillable_table tr.depth_3 td:first-child:before
{
	padding-left: 4px;
}
.drillable_table tr.depth_4 td:first-child:before
{
	padding-left: 11px;
}
.drillable_table tr.depth_5 td:first-child:before
{
	padding-left: 18px;
}
.drillable_table tr.depth_6 td:first-child:before
{
	padding-left: 25px;
}
.drillable_table .peer td
{
	color: #bbb !important;
}
.drillable_table .peer td.inverse
{
	color: #8F8F8F !important;
}

/* Table with Scatter Plots *************************************************************/
table.table_with_scatter_plots tr.drillable {
	page-break-after: avoid;
}

/* Improvable Question widget ***********************************************************/
div.improvable_questions tbody td,
div.improvable_questions thead th
{
	text-align: right;
}

/* Message ******************************************************************************/
.message
{
	height: 180px;
	text-align: center;
	vertical-align: middle;
	padding: 5%;
	margin: auto;
}
.doublewide .message
{
	height: auto;
}
.doublewide .empty.message > p
{
	margin-top: 0px;
	height: 14px;
}
.widget:not(.doublewide) .message.empty > p {
	height: auto; /* the other rule with height of 234px breaks the layout for prince13 */
}

.message > p
{
	height: 234px;
	vertical-align: middle;
	text-align: center;
	padding: 6px;
	/*margin-top: 100px;*/
	display: inline-block;
	width: 323px;
}

.logo-message .image-container{
	height: 180px;
    white-space: nowrap;
	text-align: center; 
}

.logo-message .image-container .logo-centering-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.logo-message .image-container img {
    vertical-align: middle;
    max-height: 250px;
    max-width: 250px;
}

.message > p br 
{
	display:inline;
}
.message.left_justify > p
{
	text-align: left;
}
.doublewide .message > p
{
	width: 783px;
}
.announcement .message > p,
.glossary .message > p,
.improvable_questions .message > p
{
	height: auto;
	margin-top: 0;
}
.announcement .message > p
{
	font-size: 14px;
	line-height: 1.25;
}
.announcement .message > p > br
{
	display: block;
}
.announcement .message > p br + br
{
	/* Makes consecutive work in PDFs for some reason */
	margin-bottom: 9.5px;
	border-bottom: 1px solid rgba(255,255,255,0);
}
.announcement:not(.doublewide) img
{
	max-width: 322px;
	max-height: 158px;
}
.announcement.doublewide img
{
	max-width: 783px;
}

.shop_info_outer {
	width: 100%;
	height: auto;
}
.shop_info:not(.doublewide) .shop_info_outer,
.shop_info:not(.doublewide) .shop_info_table {
	height: 280px;
}

.shop_info_mgr {
	font-size: 0.8em;
	display: inline;
}
.doublewide .shop_info_mgr {
	font-size: 1em;
	padding-left: 1.2em;
}
.shop_info_inner {
/*	display: table-cell;
*/	vertical-align: middle;
}
.text_with_label {
	font-size: 1.2em;
	color: #000;
	/*height: 1.3em;*/
/*	background-color: red;
*/	/*padding: 0.7em 1em 1em 0.7em ;*/
}
/*.doublewide .text_with_label {
	padding-bottom: 1.2em;
}*/
.text_with_label .small {
	font-size: 0.7em;
	font-weight: normal;
    position: relative;
    float: left;
    width: 98%;
/*    text-align: left;
*/  
	color: gray;
    font-style: italic;
    height: 1.3em;
}
@media print {
	.shop_info:not(.doublewide) .shop_info_table {
		height: 260px;
		}
	.text_with_label {
		font-size: 1em;
	}
	.text_with_label .small {
		height:1em;
	}
}

.text_size_smaller {
	font-size: 0.9em !important;
}

.text_size_smallest {
	font-size: 0.8em !important;
}

.text_size_bigger {
	font-size: 1.1em !important;
}

.text_size_biggest {
	font-size: 1.2em !important;
}

.text_with_label br {
	display:initial;
}
.large {
	width: 98%;
	float: left;
}

.shop_info_table tr td {
	vertical-align: middle;
}



.text_alignment_left {
	text-align: left;
}
.text_alignment_right {
	text-align: right;
}
.text_alignment_center {
	text-align: center;
}

.message strong
{
	font-weight: bold;
}
.message em
{
	font-style: italic;
}

/* Embedded videos ******************/
.widget.doublewide .embedded_video iframe
{
	width: 100% !important;
	height: 400px !important
}
.widget.doublewide .embedded_video
{
	height: 387px !important;
}
.widget.doublewide .embedded_video .video_wrapper
{
	width: 100%;
	height: 400px !important;
	overflow: hidden;
	border-radius: 0 0 9px 9px;
	position: absolute;
	bottom: 0px;
}
.widget:not(.doublewide) .embedded_video .video_wrapper
{
	width: 100%;
	height: 275px !important;
	overflow: hidden;
	border-radius: 0 0 9px 9px;
	position: absolute;
	bottom: 0px;
}
.widget:not(.doublewide) .embedded_video iframe
{
	width: 100% !important;
	height: 275px !important;
}
.widget:not(.doublewide) youtube+iframe
{
	width: 90% !important;
	height: 150px !important;
}
.widget.borderless .video_wrapper
{
	border-radius: 0 !important;
}

/* Glossary ***********************/
.widget.glossary {
	line-height: 2em;
}
.widget.glossary .widget-empty-subheader {
	display: none;
}
.widget.glossary .message {
	padding: 1em 2em 0 2em;
}
.widget.glossary .empty.message {
	padding: 5%;
}
.widget.glossary .widget-empty-subheader {
	display: none;
}
.widget.glossary br {
	display: block;
}
hr {
    border: 0;
    height: 1px;
    background: #999;
    background-image: -webkit-linear-gradient(left, #ddd, #999, #ddd); 
    background-image:    -moz-linear-gradient(left, #ddd, #999, #ddd); 
    background-image:     -ms-linear-gradient(left, #ddd, #999, #ddd); 
    background-image:      -o-linear-gradient(left, #ddd, #999, #ddd); 
}
.widget.glossary hr:last-of-type {
	display: none;
}
.widget.glossary .message {
	text-align: left;
}
.widget.glossary .widget_label {
	float: left;
	font-weight: bold;
	margin-right: .5em;
}

/** Question Correlation **/
.widget.question_correlation td.col_data {
	white-space: nowrap;
}
.widget.question_correlation .sidebar {
	text-align: justify;
	padding-right: 20px;
	padding-top: 3px;
}

/** Flashpoints **/

.widget.flashpoints .widget-body {
	padding: .5em;
}
.flashpoints th
{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.flashpoint td
{
	vertical-align: middle;
	height: 60px;
	border-bottom: 1px solid #ddd;
	line-height: 1.5;
	padding: 0 6px;
	/*background: lime;*/
}
.flashpoint td.item,
.flashpoint td > div {
	/*background: tan;*/
}
tr.flashpoint:hover {
	background-color: #f5f5f5;
	cursor: pointer;
}

.flashpoint .icon {
	width: 50px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: .5em 50%;
}
/* in PDFs, the image was getting cut off so this makes it wider */
@media print {
	.flashpoint .icon {
		width: 60px;
	}
}

.flashpoint .item {
	width: 50%;
	font-size: 13px;
	font-weight: bold;
}
.flashpoint .value {
	font-weight: bold;
}
.level_in_ancestor.good .icon {
	background-image: url(/dsv/assets/images/icon-flashpoint-hierarchy-good.png);
}
.level_in_history.good .icon {
	background-image: url(/dsv/assets/images/icon-flashpoint-history-good.png);
}
.question_in_history.good .icon {
	background-image: url(/dsv/assets/images/icon-flashpoint-question-good.png);
}

.level_in_ancestor.bad .icon {
	background-image: url(/dsv/assets/images/icon-flashpoint-hierarchy-bad.png);
}
.level_in_history.bad .icon {
	background-image: url(/dsv/assets/images/icon-flashpoint-history-bad.png);
}
.question_in_history.bad .icon {
	background-image: url(/dsv/assets/images/icon-flashpoint-question-bad.png);
}

.flashpoint strong.child {
	/*color: orange;*/
}
.flashpoint strong.level {
	color: #555;
	/*color: gold;*/
}
.flashpoint .score .diff,
.flashpoint .significance .value
{
	/*color: purple;*/
	font-size: 1.2em;
}
.flashpoint .significance .value {
	position: relative;
	top: 6px;
}
.flashpoint.question_in_history .significance > div {
	
}	
.flashpoint.question_in_history .significance > div.weighted {
	/*background: magenta;*/
	font-size: 11px;
	font-style: italic;
	position: relative;
    top: -3px;
}
.flashpoint.question_in_history .significance div {
	/*background: aqua;*/
}
.flashpoint small {
	/*color: blue;*/
	float: left;
	font-style: italic;
    padding-top: 1em;
    width: 100%;
}

/** Question Crosstab **/
.widget.question_crosstab thead > tr + tr {
	border-bottom: 1px solid #ccc;
}
.widget.question_crosstab td,
.widget.question_crosstab th.col_name {
	border: 1px solid #e8e8e8;
}
.widget.question_crosstab thead th:first-child,
.widget.question_crosstab tbody td.key {
}
.widget.question_crosstab th:first-child,
.widget.question_crosstab td:first-child {
	background: inherit;
	filter: brightness(96%);
	-webkit-filter: brightness(96%);
	-moz-filter: brightness(96%);
	-o-filter: brightness(96%);
	-ms-filter: brightness(96%);
}
.widget.question_crosstab td.key {
	font-weight: bold;
}
.widget.question_crosstab th:not(:first-child),
.widget.question_crosstab td.col_data {
	padding-right: 6px;
	text-align: right;
}
.widget.question_crosstab tbody > tr:first-child > td.key {
	font-weight: bold;
}
.widget.question_crosstab td.empty {
	opacity: 0.35;
	filter: alpha(opacity=35);
}

/** Heatmapped Label **/
.heatmapped_label
{
	width: 437px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 5%;
	margin: auto;
}
.first .two_bar {
	float: left;
	margin-left: 30px;
}
.second .two_bar {
	float: right;
	margin-right: 31px;
}

/* Multi-gauge View stuff - multiple gauges, multiple donuts, multiple speedometers - common styles here */
/* Note: Individual data sinks may add dynamically generated css reflecting width/height/fontsize calculations */
.multi_gauge .graph.gauge, 
.multi_donut_gauge .graph.gauge, 
.multi_speedometer .graph.gauge,
.multi_image_gauge .graph.gauge {
	top: 0px;
}
.multi_gauge_container {
	padding-top: 10px; /* regular gauges have labels at the top, looks awkward without this */
}


.multi_gauge, 
.multi_donut_gauge, 
.multi_speedometer,
.multi_gauge_image {
	display:inline-block;
}
div[data_sink="gauge"] > .label.multi_gauge_label,
div[data_sink="gauge_donut"] > .label.multi_donut_label, 
div[data_sink="gauge_speedometer"] > .label.multi_speedometer_label,
div[data_sink="multi_gauge_images"] .label,
div[data_sink="multi_gauge_images_with_points"] .label {
	color: #666;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap; /* needed for ellipsis */
	overflow: hidden;
}
div[data_sink="multi_gauge_images"] .graph_container,
div[data_sink="multi_gauge_images_with_points"] .graph_container {
	padding: 5px;
}
div[data_sink="multi_gauge_images"] .score > span,
div[data_sink="multi_gauge_images_with_points"] .score > span {

	font-size: 1.4em;
}
/* End multi-gauge view stuff */

/* Jim's jQ customizations **************************************************************/
/* the following makes the close button customizable */
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-button.ui-state-active,
.ui-widget-header .ui-button.ui-state-hover,
.ui-widget-header .ui-button.ui-state-focus {
	background: transparent;
	border: 0;
}
.ui-dialog.layout_widget_settings_dialog .ui-state-default .ui-icon.ui-icon-closethick {
	background: url(/dsv/assets/images/icon-check.png);
}
.ui-dialog.layout_widget_settings_dialog .ui-state-hover .ui-icon.ui-icon-closethick,
.ui-dialog.layout_widget_settings_dialog .ui-state-focus .ui-icon.ui-icon-closethick {
	background: url(/dsv/assets/images/icon-check-hover.png);
}
.ui-dialog {
	padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	right: .5em;
}

.ui-widget-header {
	background: #265373;
	color: white;
	font-weight: normal;
	/*margin-bottom: .75em;*/
	text-shadow: none;
}

.ui-dialog .ui-dialog-content {
	padding: 0;
}
.ui-dialog.ui-corner-all {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}
.ui-dialog-titlebar.ui-corner-all {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.ui-dialog.ui-widget-content {
	border: 6px solid #d9e7f2;
	-webkit-box-shadow: 0px 3px 18px #265373;
	-moz-box-shadow: 0px 3px 18px #265373;
	-ms-box-shadow: 0px 3px 18px #265373;
	-o-box-shadow: 0px 3px 18px #265373;
	box-shadow: 0px 3px 18px #265373;
}
iframe.ui-widget-content {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none3;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.ui-dialog.ui-draggable {
	position: fixed;
}
.ui-dialog input[type=text] {
	border: 2px solid #bacfde;
}
.ui-dialog input[type=text]:hover {
	border: 2px solid #759fbd;
}
.ui-dialog input[type=text]:focus {
	border: 2px solid #5986a6;
	-webkit-box-shadow: 0px 0px 9px #80caff;
	-moz-box-shadow: 0px 0px 9px #80caff;
	-ms-box-shadow: 0px 0px 9px #80caff;
	-o-box-shadow: 0px 0px 9px #80caff;
	box-shadow: 0px 0px 9px #80caff;
}
.ui-dialog #distribution_dialog {
	padding: 1em;
}
.ui-dialog #new_layout,
.ui-dialog #edit_layout {
	padding: 0 1em 1em 1em;
}
.ui-dialog #new_layout .create_layout_name h1,
.ui-dialog #edit_layout .edit_layout_name h1 {
	margin: .75em 0 .5em 0;
}
.ui-dialog h1 {
	color: black;
}
#distribution_dialog .note
{
	margin-bottom: 2.5em;
}
#level_div,
.create_layout_radios,
.create_layout_survey,
.edit_layout_survey {
	margin-top: 10px;
	line-height: 2em;
}
#level_div input{
	margin-bottom: .5em;
}	
#day_of_month_div div,
.day_of_month_end,
#day_of_month_input_div
{
	float: left;
}
#day_of_month_input_div
{
	margin: -.5em 0 0 .5em;
}
#day_of_month_div {
	clear: both;
	height: 1.5em;
	line-height: 1.5em;
}

.ui-dialog .controls {
	bottom: 0;
	margin: 1em;
	position: absolute;
	right: 0;
}
.ui-dialog .controls input[type=button] {
	background: #265373;
	border: 1px solid #265373;
	color: white;
	font-size: 14px;
	margin-left: 1em;
	padding: 6px 12px;
	text-shadow: none;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}
.ui-dialog .controls input[type=button]:hover {
	background: #336f99;
	border: 1px solid #336f99;
	color: white;
}

.ui-dialog .controls input[type=button]#cancel {
	background: #809eb3;
	background: white;
	border: 1px solid #265373;
	color: #003c66 !important; /* !important so themes don't win */
}
.ui-dialog .controls input[type=button]#cancel:hover {
	background: #5387ac;
	background: #eaf4fb;
	border: 1px solid #265373;
	color: #265373;
}


/**
 * TROGDOR THE BURNINATOR
 **/

canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

@keyframes burning
{
	0%   {
		color: red;
	    text-shadow:
        -13px -4px 20px rgba(255,64,0,0),
        13px -6px 20px rgba(255,64,0,0),
        -10px -1px 15px rgba(255,0,0,0),
        10px -2px 15px rgba(255,0,0,0),
        -20px -20px 10px rgba(0,0,0,0),
        50px -25px 15px rgba(0,0,0,0),
        -20px -30px 20px rgba(0,0,0,0),
        50px -35px 30px rgba(0,0,0,0);
	}
	50%   {
		color: orange;
	    text-shadow:
        -16px -14px 25px rgba(255,64,0,0),
        16px -16px 25px rgba(255,64,0,0),
        -10px -5px 20px rgba(255,0,0,1),
        10px -9px 20px rgba(255,0,0,1),
        -20px -30px 15px rgba(0,0,0,1),
        50px -35px 20px rgba(0,0,0,1),
        -20px -40px 30px rgba(0,0,0,1),
        50px -45px 40px rgba(0,0,0,1);
	}
	100%   {
		color: red;
	    text-shadow:
        -19px -24px 30px rgba(255,64,0,0),
        19px -26px 30px rgba(255,64,0,0),
        -10px -12px 20px rgba(255,0,0,0),
        10px -18px 20px rgba(255,0,0,0),
        -20px -35px 20px rgba(0,0,0,0),
        50px -40px 25px rgba(0,0,0,0),
        -20px -45px 40px rgba(0,0,0,0),
        50px -50px 50px rgba(0,0,0,0);
	}
}
@-webkit-keyframes burning /* Safari and Chrome */
{
	0%   {
		color: red;
	    text-shadow:
        -13px -4px 20px rgba(255,64,0,0),
        13px -6px 20px rgba(255,64,0,0),
        -10px -1px 15px rgba(255,0,0,0),
        10px -2px 15px rgba(255,0,0,0),
        -20px -20px 10px rgba(0,0,0,0),
        50px -25px 15px rgba(0,0,0,0),
        -20px -30px 20px rgba(0,0,0,0),
        50px -35px 30px rgba(0,0,0,0);
	}
	50%   {
		color: orange;
	    text-shadow:
        -16px -14px 25px rgba(255,64,0,0),
        16px -16px 25px rgba(255,64,0,0),
        -10px -5px 20px rgba(255,0,0,1),
        10px -9px 20px rgba(255,0,0,1),
        -20px -30px 15px rgba(0,0,0,1),
        50px -35px 20px rgba(0,0,0,1),
        -20px -40px 30px rgba(0,0,0,1),
        50px -45px 40px rgba(0,0,0,1);
	}
	100%   {
		color: red;
	    text-shadow:
        -19px -24px 30px rgba(255,64,0,0),
        19px -26px 30px rgba(255,64,0,0),
        -10px -12px 20px rgba(255,0,0,0),
        10px -18px 20px rgba(255,0,0,0),
        -20px -35px 20px rgba(0,0,0,0),
        50px -40px 25px rgba(0,0,0,0),
        -20px -45px 40px rgba(0,0,0,0),
        50px -50px 50px rgba(0,0,0,0);
	}
}


.icon {
	font-family: 'jimicons';
	text-shadow: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.question_correlation table .icon {
	margin-left: -4px;
}
.question_correlation .heat_bar {
	float: left;
	margin-right: 8px;
}
.question_correlation .heat_bar,
.question_correlation .heat_bar div {
	height: 5px;
}
.question_correlation .heat_bar .heated {
	background: #FF8833;
}

table.quick_shops .icon_link {
	color: white;
	float: none;
	margin-right: 0.5em;
	margin-left: 0;
}
#widget_picker .job_id .icon::before {
	content: "\e936";
}

.icon-red-disabled {
	color: red !important;
}
.disabled_button {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.icon-green-enabled {
	color: green !important;
}
.icon-red-disabled, .icon-green-enabled {
	padding-top: 0.1em;
	font-size: 0.8em;
	padding-left: 1.8em;
}


/* end icon font symbols ****************************************************************/

/* Fancy <select> elements **************************************************************/

.dropcontainer {
	position:absolute;
	font-size: 16px;
	color: #777;
	width: 100%;
	z-index: 10;
} 
	
.trigger,
.trigger:hover,
.activetrigger,
.activetrigger:hover,
.activetrigger:active
{
	background: #d9e8f2 url(/dsv/assets/images/settings-selector-arrow.png) 97.5% center no-repeat;
	border: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #b3d1e5;
	color: black;
	display: block;
	padding: 10px 10px 10px 15px;
	font-size: 16px;
	text-decoration: none;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
}

.trigger {
	/*color: black;*/
	/*padding: 10px;*/
	/*font-size: 16px;*/
	/*width: 100%;*/
	/*background: #fff url(/dsv/assets/images/selector-arrow-down.png) 98% center no-repeat;*/
	/*display: block;*/
	/*border-top: 1px solid #ccc;*/
	/*border-bottom: 1px solid #ccc;*/
	/*text-decoration: none;*/
	/*-webkit-box-sizing: border-box;*/
	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
	/*-webkit-transition: all 0.5s ease;*/
	/*-moz-transition: all 0.5s ease;*/
	/*-o-transition: all 0.5s ease;*/
	/*transition: all 0.5s ease;*/
	}

.trigger:hover,
.activetrigger,
.activetrigger:hover,
.activetrigger:active
{
	cursor: pointer;
	background: #b3d1e5 url(/dsv/assets/images/settings-selector-arrow-hover.png) 97.5% center no-repeat;
}

.activetrigger {
	/*color: black;*/
	/*padding: 10px;*/
	/*font-size: 16px;*/
	/*width: 100%;*/
	/*background: #fff url(/dsv/assets/images/selector-arrow-down.png) 98% center no-repeat;*/
	/*display: block;*/
	/*border-top: 1px solid #ccc;*/
	/*border-bottom: 1px solid #ccc;*/
	/*text-decoration: none;*/
	/*-webkit-box-sizing: border-box;*/
	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
	}

.activetrigger:hover {
	/*background: #fff url(/dsv/assets/images/selector-arrow-down.png) 98% center no-repeat;*/
	/*cursor: pointer;*/
	}

.activetrigger:active {
	/*background: #fff url(/dsv/assets/images/selector-arrow-down.png) 98% center no-repeat;*/
	}

.dropcontainer ul {
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	background: #fff;
	list-style-type: none;
	margin: 0 auto;
	width: 96%;
	z-index: 40;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer ul li {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer ul li a {
	text-decoration: none;
	color: #777;	
}
.dropcontainer ul li:hover a {
	color: #265373;
}
.dropcontainer ul li.disabled:hover a {
	color: inherit;
	cursor: default;
}

.dropcontainer ul li.header a {
	font-size: 14px;
	font-weight: bold;
}
.dropcontainer ul li.header a:before {
	/*content: '--- ';*/
}
.dropcontainer ul li.header a:after {
	/*content: ' ---';*/
}

.dropcontainer ul li:hover {
	background: #d9e8f2;
	outline: none;
	cursor: pointer;
	}

.dropcontainer ul li.header,
.dropcontainer ul li.header:hover {
	background: #edf3f8;
	outline: inherit;
	cursor: inherit;
}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	border: 1px solid #ccc;
	border-top: 0;
	padding-bottom: .5em;
	-webkit-box-shadow: 0px 6px 15px #aaa;
	-moz-box-shadow: 0px 6px 15px #aaa;
	-ms-box-shadow: 0px 6px 15px #aaa;
	-o-box-shadow: 0px 6px 15px #aaa;
	box-shadow: 0px 6px 15px #aaa;
	}

/* End fancy <select> elements **************************************************************/

.query_profile {
	background: white;
	color: black;
}
.query_statement {
	color: #d22;
}
.query_time {
	color: #2a2;
}
.query_backtrace {
	color: #22d;
}

/** Borderless stuff **/
.widget.borderless:not(.editable)
{
	background: transparent !important;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.widget.borderless.editable
{
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.widget.borderless.editable div.widget-header
{
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.widget.borderless.editable div.widget-header h2
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.doublewide.widget.borderless.announcement:not(.editable) div.message
{
	padding: 1%;
}
.widget.borderless:not(.editable) div.widget-header
{
	display: none;
}


/* Editable elements (elements that turn into text input fields) */
.editable_element
{
	position: absolute;
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

/**
 * EKG stuff
 **/
 .ekg-branding
{
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 1;
	color: white;
	font-size: 30px;
	font-weight: bold;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.ekg-branding .icon
{
	margin-right: -13px;
}
.ekg-dialog.ui-dialog.ui-corner-all
{
	font-size: 80%;
	border: 0 !important;
}
.ekg-dialog > .ui-dialog-titlebar
{
	display: none;
}

tr[ekg-activated="1"],
span[ekg-activated="1"],
div[ekg-activated="1"],
rect[ekg-activated="1"],
path[ekg-activated="1"]
{
	background: rgba(255, 186, 68, 0.5);
	fill: rgba(255, 186, 68, 0.5);
	outline: 5px solid rgba(255, 186, 68, 1);
}

table.drillable_table tbody tr.odd[ekg-activated="1"],
table.drillable_table tbody tr.even[ekg-activated="1"],
table.widget_table tbody tr.odd[ekg-activated="1"],
table.widget_table tbody tr.even[ekg-activated="1"]
{
	background: rgba(255, 186, 68, 0.5) !important;
	fill: none;
	outline: none;
}
table.drillable_table tbody tr.odd[ekg-activated="1"]:hover,
table.drillable_table tbody tr.even[ekg-activated="1"]:hover,
table.widget_table tbody tr.odd[ekg-activated="1"]:hover,
table.widget_table tbody tr.even[ekg-activated="1"]:hover
{
	background: rgba(255, 186, 68, 0.6) !important;
}
tr[ekg-activated="1"]:hover,
span[ekg-activated="1"]:hover,
div[ekg-activated="1"]:hover,
rect[ekg-activated="1"]:hover,
path[ekg-activated="1"]:hover{
	cursor: pointer;
}

.ekg.drillable_table tbody tr.drillable td.AvgScore
{
	color: inherit;
}
.ekg.drillable_table tbody tr:not(.drillable) td.AvgScore
{
	font-weight: bold;
}


.ui-dialog .ui-dialog-content.ekg-results
{
	overflow-y: hidden;
}

.ekg-cell
{
	float: left;
	width: 48%;
	height: 60px;
	position: relative;
	border-left: 2px solid #eee;
	left: -2px;
	color: #687373;
}
.ekg-cell + .ekg-cell + .ekg-cell + .ekg-cell + .ekg-cell + .ekg-cell.gauge-with-text
{
	/** The two gauges in the bottom right **/
	height: 130px;
}
.ekg-cell h1
{
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: -1px;
	color: #687373;
	display: inline-block;
	margin-left: 11px;
	margin-top: 10px;
}
.ekg-cell h1 small
{
	position: relative;
	top: -2px;
}
.ekg-cell h2
{
	position: absolute;
	top: 1px;
	left: 10px;
	color: white;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.ekg-cell.header
{
	width: 100%;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 4px;
	background: hsl(201, 45%, 55%);
}
.ekg-cell.header h1
{
	letter-spacing: 1.3px;
	color: white;
	font-size: 16px;
	text-align: center;
	display: block;
	margin-top: 0;
}
.ekg-cell.subheader
{
	background: hsl(201,31%,39%);
	line-height: 34px;
	height: 34px;
	padding-top: 0px;
	padding-bottom: 2px;
}
.ekg-cell.subheader h1
{
	font-size: 0.8em;
	letter-spacing: 1.3px;
	text-transform: initial;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	width: 70%;
	padding-left: 15%;
}
.ekg-cell.table-with-header
{
	width: 100%;
	height: auto;
	margin-bottom: 29px;
	height: initial;
}
.ekg-cell.table-with-header .widget_table
{
	font-size: 1em;
}
.ekg-cell.table-with-header th,
.ekg-cell.table-with-header tbody tr:first-child td:first-child
{
	color: #446D82;
}
.ekg-cell.table-with-header td.col_data
{
	width: 248px;
}
.ekg-cell.table-with-header th.col_name span
{
	position: relative;
	left: -3px;
}
.ekg-results[type="question"] .ekg-cell.table-with-header tbody tr:first-child td:first-child
{
	font-weight: bold;
}
.ekg-cell.gauge-with-text > .subheader
{
	text-align: center;
	font-style: italic;
}
.ekg-results[type="level"] .ekg-cell.text + .ekg-cell.gauge-with-text
{
	margin-top: 17px;
}
.ekg-cell.gauge-with-text > .gauge
{
	display: inline-block;
	width: 50%;
	float: left;
}
.ekg-cell.gauge-with-text .text div
{
	line-height: 14px;
}
.ekg-cell.gauge-with-text .text.outer
{
	display: inline-table;
	width: 49%;
	height: 120px;
	margin-left: -22px;
	float: left;
}
.ekg-cell.ekg-pie-graph
{
	height: 200px !important;
}
.ekg-cell.ekg-pie-graph .text.outer
{
	display: inline-table;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.ekg-cell.gauge-with-text .text.inner,
.ekg-cell.ekg-pie-graph .text.inner
{
	display: table-cell;
	vertical-align: middle;
}
.ekg-cell.gauge-with-text .text.inner .big,
.ekg-cell.ekg-pie-graph .text.inner .big
{
	font-weight: bold;
	font-size: 1.25em;
	text-transform: uppercase;
}
.ekg-cell.gauge-with-text .text.inner .small,
.ekg-cell.ekg-pie-graph .text.inner .small
{
	margin-top: 3px;
}
.ekg-results[type="question"] .ekg-cell.gauge-with-text
{
	top: -35px;
}
.ekg-cell [data_sink="gauge_donut"] > .label
{
	font-size: 2.8em;
	width: 160px;
	text-align: center;
	position: relative;
	top: 60px;
	left: -2px;
	color: hsl(0, 0%, 27%) !important;
	letter-spacing: -1px;
}
.ekg-cell [data_sink="gauge_donut"] > .label > span:after
{
	position: absolute;
	content: "%";
	font-size: 0.4em;
	top: 2px;
}
.ekg-cell.number-of-interest
{
	letter-spacing: -1px;
}
.ekg-results[type="question"] .ekg-cell.number-of-interest
{
	height: 108px;
}
.ekg-results[type="level"] .ekg-cell.number-of-interest
{
	height: 157px;
}
.ekg-cell.number-of-interest > div
{
	float: left;
	display: inline-block;
	width: 50%;
	padding-top: 23px;
}
.ekg-cell.number-of-interest .number
{
	color: #8C0;
	font-weight: bold;
	font-size: 5.75em;
	position: relative;
	top: -14px;
	text-align: center;
	letter-spacing: -6px;
}
.ekg-cell.number-of-interest .number:after
{
    position: relative;
    content: "%";
    font-size: 0.6em;
    top: -17px;
}
.ekg-cell.number-of-interest .number:before
{
    position: relative;
    content: "+";
    font-size: 0.6em;
    top: -11px;
}
.ekg-cell.number-of-interest .number.less_than_one:before
{
    content: "<";
    font-size: 0.5em;
    top: -13px;
}
.ekg-cell.number-of-interest .text
{
	position: relative;
	top: 2px;
	left: -22px;
	top: -8px;
	line-height: 1.4;
	font-weight: bold;
}
.ekg-cell.number-of-interest .text .big
{
	font-size: 17px;
	text-transform: uppercase;
}
.ekg-cell.ekg-bar-graph
{
	height: 250px !important;
}
.ekg-cell.heat_barred_number_of_interest
{
	width: 100%;
}
.ekg-cell.text
{
	letter-spacing: -1px;
    font-weight: bold;
    line-height: 1.3em;
}
.ekg-results[type="level"] .ekg-cell.header + .ekg-cell.text
{
	position: absolute;
	top: 32px;
}
.ekg-results[type="level"] .ekg-cell + .ekg-cell + .ekg-cell + .ekg-cell + .ekg-cell + .ekg-cell.text
{
	height: 0;
}
.ekg-cell.text *
{
	padding-left: 11px;
}
.ekg-cell.text .small
{
	margin-bottom: 9px;
}
.ekg-cell.text h1
{
	text-align: left;
	padding-left: 0;
	margin-top: 14px;
	margin-bottom: 3px;
}
.ekg-results[type="question"] .ekg-cell.gauge-with-text + .ekg-cell.text
{
	position: relative;
	top: -36px;
}

/** Expander / Expandable **/
.expandable:hover {
	cursor: pointer;
}

.expansion {
	padding: 0;
}

.expansion > td {
	padding: 0 !important;
	overflow: hidden;
	margin: 0;
}

tr.expandable td.key:before {
       font-size: 11px;
    font-family: 'jimicons';
    content: "\e927";
    color: #B7C6D1;
    position: relative;
    left: -1px;
    margin-right: -3px;
}

.dashboard .widget_table tbody tr[expanded="1"] {
	border-top: 6px solid #D1D1D1;
	border-left: 2px solid #D1D1D1;
	border-right: 2px solid #D1D1D1;
	border-bottom: 0;
}
.dashboard .widget_table tbody tr.expansion {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #D1D1D1;
	border-right: 2px solid #D1D1D1;
}

.dashboard .widget_table tbody tr.expansion td {
	border-bottom: 6px solid #d1d1d1;
	margin-bottom: 1em;
}

tr.expansion div.container > div.pie_graph_outer,
tr.expansion div.container > div.bar_graph_outer
{
	width: 49%;
	display: inline-block;
}
.dashboard .widget_table tbody tr.expansion:hover
{
	background: inherit !important;
}

/** Mobile stuff **/
#get-mobile-link {
	font-size: 11px;
	margin: 30px 0 30px 0;
	text-align: center;
}

#get-mobile {
	margin-left: 36px;
}

#get-mobile h1 {
	font-weight: bold;
	margin-top: 33px;
}

#get-mobile ol {
	list-style-type: decimal;
	margin-left: 20px;
}

#get-mobile li {
	margin-top: 20px;
}

#get-mobile li.download img {
	margin-top: 12px;
}

#get-mobile li.download a {
	text-decoration: none;
}

#mobile_code {
	display: inline;
	position: absolute;
}

#mobile_code img,
#mobile_code input
{
	height: 17px;
	font-size: 11px;
}

#mobile_code .code {
	font-weight: bold;
}

#get-mobile .dismiss {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 5px;
	margin-right: 5px;
}

/**
 * Lightbox tooltip stuff
 **/
.lightbox_tooltip {
	position: absolute;
	z-index: 900;
	color: hsl(0, 0%, 32%);
	padding: 5px;
	border-radius: 1px;
	background: hsla(0,0%,92%,1);
}

.lightbox_tooltip > .arrow {
	position: absolute;
	width: 0;
    height: 0;
    top: -12px;
    left: 200px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid hsla(0,0%,92%,1);
}

/* DSV */
.response_breakdown .table-row .table-cell:first-child {
	display: none;
}
.full_row_question .response_text {
	display: none;
}
.question_list .response_text{
	word-wrap:break-word;
}

.question_list_table.layout_density_roomy td, .question_list_table.layout_density_roomy th {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	line-height:1.1em;
}
tr.response_full_row td, tr.response_full_row td:first-child {
	text-align: center;
}

tr.response_full_row td[qfmt='32'], tr.response_full_row td[qfmt='32']:first-child {
	text-align: justify;
}

.question_list tr[qfmt="62"] td {
	display: none;
}

.question_list .allow_question_html b {
	font-weight: bold;
}
.question_list .allow_question_html i {
	font-style: italic;
}

.show_all_answer_options .selected_answer_option {
	color: green;
	display: inline;
}
.show_all_answer_options .icon-check-fill {
	color: green;
	height: 1em;
	width: 1em;
	padding-left: 0.4em;
}

.show_selective_answer_options .selected_answer_option, .show_selective_answer_options .selected_answer_option_check {
	background-image: none !important;
}

.show_selective_answer_options .unselected_answer_option, 
.show_selective_answer_options .unselected_answer_option + br /* line break following a hidden item should also be hidden */
{
	display: none !important;
}

.show_selective_answer_options .response_text .icon:before {
	display: none !important;
}

.ui-dialog .ui-dialog-content.set-qset {
	padding:1em;
}
.set-qset h1 {
	padding-top: 1em;
	padding-bottom: 1em;
}


/* UNCOMMENT TO DEMO CUSTOM GAUGES */
 /* smaller gauges */
 /*
 .gauge_000 { background: transparent  url('./gauge_look_1/gauge_000.png') no-repeat center top !important;}
 .possiblePoints_000 { background: transparent  url('./gauge_look_1/gauge_na.png') no-repeat center top !important;}
 .gauge_001 { background: transparent  url('./gauge_look_1/gauge_001.png') no-repeat center top !important;}
 .gauge_002 { background: transparent  url('./gauge_look_1/gauge_002.png') no-repeat center top !important;}
 .gauge_003 { background: transparent  url('./gauge_look_1/gauge_003.png') no-repeat center top !important;}
 .gauge_004 { background: transparent  url('./gauge_look_1/gauge_004.png') no-repeat center top !important;}
 .gauge_005 { background: transparent  url('./gauge_look_1/gauge_005.png') no-repeat center top !important;}
 .gauge_006 { background: transparent  url('./gauge_look_1/gauge_006.png') no-repeat center top !important;}
 .gauge_007 { background: transparent  url('./gauge_look_1/gauge_007.png') no-repeat center top !important;}
 .gauge_008 { background: transparent  url('./gauge_look_1/gauge_008.png') no-repeat center top !important;}
 .gauge_009 { background: transparent  url('./gauge_look_1/gauge_009.png') no-repeat center top !important;}
 .gauge_010 { background: transparent  url('./gauge_look_1/gauge_010.png') no-repeat center top !important;}
 .gauge_011 { background: transparent  url('./gauge_look_1/gauge_011.png') no-repeat center top !important;}
 .gauge_012 { background: transparent  url('./gauge_look_1/gauge_012.png') no-repeat center top !important;}
 .gauge_013 { background: transparent  url('./gauge_look_1/gauge_013.png') no-repeat center top !important;}
 .gauge_014 { background: transparent  url('./gauge_look_1/gauge_014.png') no-repeat center top !important;}
 .gauge_015 { background: transparent  url('./gauge_look_1/gauge_015.png') no-repeat center top !important;}
 .gauge_016 { background: transparent  url('./gauge_look_1/gauge_016.png') no-repeat center top !important;}
 .gauge_017 { background: transparent  url('./gauge_look_1/gauge_017.png') no-repeat center top !important;}
 .gauge_018 { background: transparent  url('./gauge_look_1/gauge_018.png') no-repeat center top !important;}
 .gauge_019 { background: transparent  url('./gauge_look_1/gauge_019.png') no-repeat center top !important;}
 .gauge_020 { background: transparent  url('./gauge_look_1/gauge_020.png') no-repeat center top !important;}
 .gauge_021 { background: transparent  url('./gauge_look_1/gauge_021.png') no-repeat center top !important;}
 .gauge_022 { background: transparent  url('./gauge_look_1/gauge_022.png') no-repeat center top !important;}
 .gauge_023 { background: transparent  url('./gauge_look_1/gauge_023.png') no-repeat center top !important;}
 .gauge_024 { background: transparent  url('./gauge_look_1/gauge_024.png') no-repeat center top !important;}
 .gauge_025 { background: transparent  url('./gauge_look_1/gauge_025.png') no-repeat center top !important;}
 .gauge_026 { background: transparent  url('./gauge_look_1/gauge_026.png') no-repeat center top !important;}
 .gauge_027 { background: transparent  url('./gauge_look_1/gauge_027.png') no-repeat center top !important;}
 .gauge_028 { background: transparent  url('./gauge_look_1/gauge_028.png') no-repeat center top !important;}
 .gauge_029 { background: transparent  url('./gauge_look_1/gauge_029.png') no-repeat center top !important;}
 .gauge_030 { background: transparent  url('./gauge_look_1/gauge_030.png') no-repeat center top !important;}
 .gauge_031 { background: transparent  url('./gauge_look_1/gauge_031.png') no-repeat center top !important;}
 .gauge_032 { background: transparent  url('./gauge_look_1/gauge_032.png') no-repeat center top !important;}
 .gauge_033 { background: transparent  url('./gauge_look_1/gauge_033.png') no-repeat center top !important;}
 .gauge_034 { background: transparent  url('./gauge_look_1/gauge_034.png') no-repeat center top !important;}
 .gauge_035 { background: transparent  url('./gauge_look_1/gauge_035.png') no-repeat center top !important;}
 .gauge_036 { background: transparent  url('./gauge_look_1/gauge_036.png') no-repeat center top !important;}
 .gauge_037 { background: transparent  url('./gauge_look_1/gauge_037.png') no-repeat center top !important;}
 .gauge_038 { background: transparent  url('./gauge_look_1/gauge_038.png') no-repeat center top !important;}
 .gauge_039 { background: transparent  url('./gauge_look_1/gauge_039.png') no-repeat center top !important;}
 .gauge_040 { background: transparent  url('./gauge_look_1/gauge_040.png') no-repeat center top !important;}
 .gauge_041 { background: transparent  url('./gauge_look_1/gauge_041.png') no-repeat center top !important;}
 .gauge_042 { background: transparent  url('./gauge_look_1/gauge_042.png') no-repeat center top !important;}
 .gauge_043 { background: transparent  url('./gauge_look_1/gauge_043.png') no-repeat center top !important;}
 .gauge_044 { background: transparent  url('./gauge_look_1/gauge_044.png') no-repeat center top !important;}
 .gauge_045 { background: transparent  url('./gauge_look_1/gauge_045.png') no-repeat center top !important;}
 .gauge_046 { background: transparent  url('./gauge_look_1/gauge_046.png') no-repeat center top !important;}
 .gauge_047 { background: transparent  url('./gauge_look_1/gauge_047.png') no-repeat center top !important;}
 .gauge_048 { background: transparent  url('./gauge_look_1/gauge_048.png') no-repeat center top !important;}
 .gauge_049 { background: transparent  url('./gauge_look_1/gauge_049.png') no-repeat center top !important;}
 .gauge_050 { background: transparent  url('./gauge_look_1/gauge_050.png') no-repeat center top !important;}
 .gauge_051 { background: transparent  url('./gauge_look_1/gauge_051.png') no-repeat center top !important;}
 .gauge_052 { background: transparent  url('./gauge_look_1/gauge_052.png') no-repeat center top !important;}
 .gauge_053 { background: transparent  url('./gauge_look_1/gauge_053.png') no-repeat center top !important;}
 .gauge_054 { background: transparent  url('./gauge_look_1/gauge_054.png') no-repeat center top !important;}
 .gauge_055 { background: transparent  url('./gauge_look_1/gauge_055.png') no-repeat center top !important;}
 .gauge_056 { background: transparent  url('./gauge_look_1/gauge_056.png') no-repeat center top !important;}
 .gauge_057 { background: transparent  url('./gauge_look_1/gauge_057.png') no-repeat center top !important;}
 .gauge_058 { background: transparent  url('./gauge_look_1/gauge_058.png') no-repeat center top !important;}
 .gauge_059 { background: transparent  url('./gauge_look_1/gauge_059.png') no-repeat center top !important;}
 .gauge_060 { background: transparent  url('./gauge_look_1/gauge_060.png') no-repeat center top !important;}
 .gauge_061 { background: transparent  url('./gauge_look_1/gauge_061.png') no-repeat center top !important;}
 .gauge_062 { background: transparent  url('./gauge_look_1/gauge_062.png') no-repeat center top !important;}
 .gauge_063 { background: transparent  url('./gauge_look_1/gauge_063.png') no-repeat center top !important;}
 .gauge_064 { background: transparent  url('./gauge_look_1/gauge_064.png') no-repeat center top !important;}
 .gauge_065 { background: transparent  url('./gauge_look_1/gauge_065.png') no-repeat center top !important;}
 .gauge_066 { background: transparent  url('./gauge_look_1/gauge_066.png') no-repeat center top !important;}
 .gauge_067 { background: transparent  url('./gauge_look_1/gauge_067.png') no-repeat center top !important;}
 .gauge_068 { background: transparent  url('./gauge_look_1/gauge_068.png') no-repeat center top !important;}
 .gauge_069 { background: transparent  url('./gauge_look_1/gauge_069.png') no-repeat center top !important;}
 .gauge_070 { background: transparent  url('./gauge_look_1/gauge_070.png') no-repeat center top !important;}
 .gauge_071 { background: transparent  url('./gauge_look_1/gauge_071.png') no-repeat center top !important;}
 .gauge_072 { background: transparent  url('./gauge_look_1/gauge_072.png') no-repeat center top !important;}
 .gauge_073 { background: transparent  url('./gauge_look_1/gauge_073.png') no-repeat center top !important;}
 .gauge_074 { background: transparent  url('./gauge_look_1/gauge_074.png') no-repeat center top !important;}
 .gauge_075 { background: transparent  url('./gauge_look_1/gauge_075.png') no-repeat center top !important;}
 .gauge_076 { background: transparent  url('./gauge_look_1/gauge_076.png') no-repeat center top !important;}
 .gauge_077 { background: transparent  url('./gauge_look_1/gauge_077.png') no-repeat center top !important;}
 .gauge_078 { background: transparent  url('./gauge_look_1/gauge_078.png') no-repeat center top !important;}
 .gauge_079 { background: transparent  url('./gauge_look_1/gauge_079.png') no-repeat center top !important;}
 .gauge_080 { background: transparent  url('./gauge_look_1/gauge_080.png') no-repeat center top !important;}
 .gauge_081 { background: transparent  url('./gauge_look_1/gauge_081.png') no-repeat center top !important;}
 .gauge_082 { background: transparent  url('./gauge_look_1/gauge_082.png') no-repeat center top !important;}
 .gauge_083 { background: transparent  url('./gauge_look_1/gauge_083.png') no-repeat center top !important;}
 .gauge_084 { background: transparent  url('./gauge_look_1/gauge_084.png') no-repeat center top !important;}
 .gauge_085 { background: transparent  url('./gauge_look_1/gauge_085.png') no-repeat center top !important;}
 .gauge_086 { background: transparent  url('./gauge_look_1/gauge_086.png') no-repeat center top !important;}
 .gauge_087 { background: transparent  url('./gauge_look_1/gauge_087.png') no-repeat center top !important;}
 .gauge_088 { background: transparent  url('./gauge_look_1/gauge_088.png') no-repeat center top !important;}
 .gauge_089 { background: transparent  url('./gauge_look_1/gauge_089.png') no-repeat center top !important;}
 .gauge_090 { background: transparent  url('./gauge_look_1/gauge_090.png') no-repeat center top !important;}
 .gauge_091 { background: transparent  url('./gauge_look_1/gauge_091.png') no-repeat center top !important;}
 .gauge_092 { background: transparent  url('./gauge_look_1/gauge_092.png') no-repeat center top !important;}
 .gauge_093 { background: transparent  url('./gauge_look_1/gauge_093.png') no-repeat center top !important;}
 .gauge_094 { background: transparent  url('./gauge_look_1/gauge_094.png') no-repeat center top !important;}
 .gauge_095 { background: transparent  url('./gauge_look_1/gauge_095.png') no-repeat center top !important;}
 .gauge_096 { background: transparent  url('./gauge_look_1/gauge_096.png') no-repeat center top !important;}
 .gauge_097 { background: transparent  url('./gauge_look_1/gauge_097.png') no-repeat center top !important;}
 .gauge_098 { background: transparent  url('./gauge_look_1/gauge_098.png') no-repeat center top !important;}
 .gauge_099 { background: transparent  url('./gauge_look_1/gauge_099.png') no-repeat center top !important;}
 .gauge_100 { background: transparent  url('./gauge_look_1/gauge_100.png') no-repeat center top !important;}
.gauge svg {display: none !important;}
.gauge .highcharts-data-labels span {display: none !important;}

*/

.sectional_change tr.odd td, .sectional_change tr.even td{
	padding-top: 7px;
	padding-bottom: 7px;
}
.sectional_change  .widget-header + .widget-empty-subheader {
	height: 0px;
}

/* for half width widget, we truncate long section names */
.widget:not(.doublewide) table.sectional_change {
	table-layout: fixed;
}

.widget:not(.doublewide) table.sectional_change td.key span { 
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    width:100%;
    display:block;
}
.sectional_change th:first-of-type { /* section name */
	width: auto;
}
.sectional_change th+th {
	width: 20%;
}
.doublewide .sectional_change th+th {
	width: 10%;
}
.sectional_change.with_change_arrows th:last-of-type { /* up/down name */
	width: 6%;
}
.doublewide .sectional_change.with_change_arrows th:last-of-type { /* up/down name */
	width: 4%;
}
.sectional_change .arrow-up {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 12px 6px;
	border-color: transparent transparent #88CC00 transparent;
}
.sectional_change .arrow-down {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 6px 0 6px;
	border-color: #DD4640 transparent transparent transparent;
}
.sectional_change .no-change-arrow:after {
	content: "--";
}

/* NPS Shopview Widget - people graphic */
.nps_people_outer {
    padding-top: 20px;
    margin: 0px auto;
    height: 140px;
    margin: 0px auto;
    text-align: center;
}
.nps_ruler {
    float: left;
    margin: 0;  
    border-collapse:collapse;
    border-top: 0.5px solid;
    border-bottom: 0.5px solid;
    border-left: 0;
    border-right: 0.5px solid;  
}
.nps_people_outer, .nps_question_text {
    width: 410px;
}
.nps_ruler_block {
    background-size: 36px 70px;
}
.nps_ruler,
.nps_ruler label:before, 
.nps_ruler label:after {
    width: 35px;
}
.icon-nps-guy:before {
    font-size:36px;
}
.doublewide .nps_people_outer, .doublewide .nps_question_text {
    width: 680px;
}
.doublewide .nps_ruler_block {
    background-size: 60px 70px;
}
.doublewide .nps_ruler, 
.doublewide .nps_ruler label:before, 
.doublewide .nps_ruler label:after {
    width: 60px;
}
.doublewide .icon-nps-guy:before {
    font-size:50px;
}
.nps_ruler_block {
    overflow: hidden;
    border: 0;
    border-radius: 10px;
    width: 100%;
    height: 70px;
    overflow: visible;
    background-color: transparent;
    background-repeat: repeat-x;
    /* only needed for labels */
    white-space:nowrap;
    font-size:0;
    margin:-1;
    padding:0;
}
.nps_ruler {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.nps_ruler:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.nps_ruler:first-of-type {  
    border-radius: 10px 0 0 10px ;
}
.nps_ruler:last-of-type {  
    border-radius: 0 10px 10px 0;
    border-right: 0.5px solid;
}

.net_promoter_selected_score {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    padding-top: 6px;
    padding-bottom:6px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: -6px;
    border-left: 0.5px solid;
    border-radius: 10px;
}

/* net promoter score  - color stuff */
.net_promoter_score_widget .good {
    background-color: #88CC00;
    border-color: #446600;
    color: #446600;
}
.net_promoter_score_widget .poor {
    background-color: #FF8833;
    border-color: #663614;
    color: #663614;
}
.net_promoter_score_widget .fair {
    background-color: #FFCC33;
    border-color: #665114;
    color: #665114;
}
.net_promoter_score_widget .bad {
    background-color: #DD4640;
    border-color: #581C19;
    color: #581C19;
}
.good .nps_ruler_block  {
    background-image: 
        linear-gradient(180deg, 
            #88CC00 90%, 
            transparent 10%
            ), 
        linear-gradient(90deg, 
            transparent 50%, 
            rgba(73, 73, 73, 0.5) 50%, 
            rgba(73, 73, 73, 0.5) 52%, 
            transparent 52%
        );
}
.poor .nps_ruler_block {
    background-image: 
        linear-gradient(180deg, 
            #FF8833 90%, 
            transparent 10%
            ), 
        linear-gradient(90deg, 
            transparent 50%, 
            rgba(73, 73, 73, 0.5) 50%, 
            rgba(73, 73, 73, 0.5) 52%, 
            transparent 52%
        );
}
.fair .nps_ruler_block {
    background-image: 
        linear-gradient(180deg, 
            #FFCC33 90%, 
            transparent 10%
            ), 
        linear-gradient(90deg, 
            transparent 50%, 
            rgba(73, 73, 73, 0.5) 50%, 
            rgba(73, 73, 73, 0.5) 52%, 
            transparent 52%
        );
}

.bad .nps_ruler_block {
        background-image: 
            linear-gradient(180deg, 
            #DD4640 90%, 
            transparent 10%
            ), 
        linear-gradient(90deg, 
            transparent 50%, 
            rgba(73, 73, 73, 0.5) 50%, 
            rgba(73, 73, 73, 0.5) 52%, 
            transparent 52%
        );
}
.net_promoter_selected_score.good .icon-nps-guy:after,
.net_promoter_selected_score.good .icon-dragon-head:after, 
.answer-good {
    color: #88CC00;
}
.net_promoter_selected_score.fair .icon-nps-guy:after,
.net_promoter_selected_score.fair .icon-dragon-head:after {
    color: #FFCC33;
}
.net_promoter_selected_score.poor .icon-nps-guy:after,
.net_promoter_selected_score.poor .icon-dragon-head:after {
    color: #FF8833;
}
.net_promoter_selected_score.bad .icon-nps-guy:after,
.net_promoter_selected_score.bad .icon-dragon-head:after, 
.answer-bad {
    color: #DD4640;
}
.net_promoter_selected_score .icon-nps-guy:before {
	color: black;
}

.net_promoter_selected_score .icon-nps-guy:after {
	padding-top: 6px;
}


.nps_ruler label:before, .nps_ruler label:after {
	cursor:default;
    display:block;
}

.nps_people_outer {
    counter-reset: netpromoter -1; /* Set the section counter to 0 */
}
.icon-nps-guy:before {
    white-space: pre-wrap;
    line-height: 70px;
    content: "\e935";
}
.icon-nps-cat:before {
	/* content: "\e936" !important; */ /* switch to broad shouldered women instead of cats here */
    content: "\e62a" !important;
}
.icon-nps-guy:after {
    white-space: pre-wrap;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 120%;
    content: counter(netpromoter);
    counter-increment: netpromoter;/* Increment the section counter*/
}
.icon-nps-guy:after {
    font-weight: bolder;
    content: counter(netpromoter);
}
.icon-dragon-head:after {
    white-space: pre-wrap;
    font-size:30px;
    line-height: 10px; /* dragon head is mostly like a horizontal line, doesn't need much height */
    content: "\e616";
}

.nps_question_text {
    margin: 0px auto;
    padding-bottom: 20px;
}
.doublewide .nps_question_text {
	padding-top: 20px;
}
/* end NPS Shopview Widget - people graphic */

/* Multi-gauge View stuff - multiple gauges, multiple donuts, multiple speedometers - common styles here */
/* Note: Individual data sinks may add dynamically generated css reflecting width/height/fontsize calculations */
.your_score .widget-empty-subheader, 
.score_comparison .widget-empty-subheader, 
.date_comparison .widget-empty-subheader, 
.level_comparison .widget-empty-subheader, 
.key_question .widget-empty-subheader {
	display: none;
}
.multi_gauge .graph.gauge, 
.multi_donut_gauge .graph.gauge, 
.multi_speedometer .graph.gauge {
	top: 0px;
}
.multi_gauge_container {
	padding-top: 10px; /* regular gauges have labels at the top, looks awkward without this */
}
.multi_gauge, 
.multi_donut_gauge, 
.multi_speedometer {
	display:inline-block;
}
div[data_sink="gauge"] > .label.multi_gauge_label,
div[data_sink="gauge_donut"] > .label.multi_donut_label, 
div[data_sink="gauge_speedometer"] > .label.multi_speedometer_label {
	color: #666;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap; /* needed for ellipsis */
	overflow: hidden;
}
/* End multi-gauge view stuff */

/* debugging isotope crashiness */
/* so apparently if I fix height/width, or position is not relative, the window resizing crashes  - wtf */
/*#widget_list {
	width: 200px;
}*/

#dsv_save_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	width: 100px;
	margin-top: 0.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 0.5em;
}
#dsv_save_success span {
	font-style: italic;
	font-size: 1.2em;
}
.range_toggle {
	display: inline;
	float: right;
	font-size: 0.8em;
}
/* question list column widths range stuff */

#dsv_save_button {
	width: 100px !important;
	padding: 1em;
}




.social-media-button {
	display: inline;
    height: 2.6em;
    line-height: 1.3em;
	font-size: 1.3em;
    vertical-align:middle;
    text-align: center;
    margin: 1em auto;
    padding: 1em;
    width: 6em;
}

.social-media-widget-image {
	background-image: url('//cdn.sassiex.com/26450cb1-8894-42ce-9dbd-c54f91b8809c');
    background-size: 90px 90px;
    height: 90px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.social-media-review-count {
	display: block;
	text-align: center;
	margin: 0.5em auto;
	width: 96%;
    font-size: 1.25em;
    line-height: 34px;
    padding-top: 4px;
}
.social-media-monitoring-container .star-icon {
	color: #ddd;
	font-size: 1em;
	position: relative;
}
.social-media-monitoring-container .star-icon.full:before {
	color: #FDE16D;
	content: '\2605';
	position: absolute; 
/*	left: 0;
*/	text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
.social-widget-preview-right p {
	position: relative; /* for prince to understand what the star icon relative is inside of */
}
.links-place {
	clear: both;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin: -9em auto 0 auto;
    height: 10em;
}
.widget.doublewide .links-place {
	width: 70%;
}

.widget.doublewide .links-place .social-media-button-contents {
	width: 10em;
}
.links-place a span {
	text-decoration: underline;
}
.social-media-monitoring-container {
	width: 90%;
	margin: 0px auto;
}
.social-media-monitoring-container .star-icon.half:before {
	color: #FDE16D;
	content: '\2605';
	position: absolute;
	left: 0;
	width: 50%;
	overflow: hidden;
	text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
.social-media-monitoring-container .social-image {
	padding: 5px 0 10px;
}
.social-media-monitoring-container .social-image img {
	width: 40px;
}
.social-widget-preview-left {
	width: 12%;
	float: left;
	margin-left: 5px;
	text-align: center;
}
.social-widget-preview-right {
	float: right;
	width: 85%;
	margin-right: -5px;
}
.social-media-container {
	margin: 10px;
}

.social-left, .social-left * {
	float: left;
}
.social-right, .social-right * {
	float: right;
}
.social-media-preview-container {
	clear: both;
}
.social-widget-preview-right .is-right {
	text-align: left;
}
.social-preview-row {
	clear: both;
}
.social-media-monitoring-container .social-widget-preview-right p {
	text-align: justify;
}
.social-media-monitoring-container .multiline_ellipsis_text {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative; 
	/* use this value to count block height */
	/* max-height = line-height (1.2) * lines max number (3) */
	font-size: 1.2em;
	line-height: 1.4em;
	max-height: 3.4em; 
	/* fix problem when last visible word doesn't adjoin right side  
	text-align: justify;  
	/* place for '...' */
	margin-right: -1.5em;
	padding-right: 1.5em;
	width: 93%;
/*	padding-left: 0.4em;
*/}
/* create the ... */
.social-media-monitoring-container .multiline_ellipsis_text:before {
	/* points in the end */
	content: '...';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of block */
	right: 1.2em;
	bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.social-media-monitoring-container .multiline_ellipsis_text:after {
	/* points in the end */
	content: '';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of text */
	right: 1.2em;
	/* set width and height */
	width: 1em;
	height: 1em;
	margin-top: 0.3em;
	/* bg color = bg color under block */
	background: white;
}