@import url("hi-icons.css");

/* layout */ 
#layout {
	margin-left: 239px;
	padding-top: 60px;
	overflow: auto;
}
	.outer #layout {
		max-width: 620px;
		border: 0;
		margin: 60px auto;
		padding: 0;
	}

/* top bar */
/*#bar {*/
	/*background: #B2B7B6;*/
	/*position: fixed;*/
	/*top: 0;*/
	/*right: 0;*/
	/*left: 0;*/
	/*z-index: 100;*/
	/*font-size: .875em;*/
	/*overflow: visible;*/
	/*height: 64px;*/
	/*color: #fff;*/
	/*z-index: 10000;*/
/*}*/
	/*#bar .col8.icon { width: auto; }*/
	/*#bar .col4.last {*/
		/*float: right;*/
		/*width: inherit;*/
		/*max-width: 48%;*/
	/*}*/
	/*#bar .logo a {*/
		/*padding: 0;*/
	/*}*/
	/*#bar a {*/
		/*display: inline-block;*/
		/*padding: 8px 10px;*/
		/*color: #fff;*/
	/*}*/
	/*#bar .bar-item {*/
		/*padding: 12px 0;*/
	/*}*/
	/*#bar .pad {*/
		/*padding: 8px 10px;*/
	/*}*/
	/*#bar .set {*/
		/*list-style-type: none;*/
		/*padding: 0;*/
		/*margin: 0;*/
		/*cursor: pointer;*/
	/*}*/
	/*.campaign-selector .sub {*/
		/*height: 220px;*/
		/*overflow-y: scroll;*/
	/*}*/
		/*#bar .set > li {*/
			/*display: inline-block;*/
		/*}*/
		/*#bar .sub {*/
			/*background: #F9F8F6;*/
			/*position: absolute;*/
			/*top: 64px;*/
			/*right: 0;*/
			/*z-index: 1000;*/
			/*display: none;*/
			/*min-width: 150px;*/
			/*border-width: 0 1px 1px 1px;*/
			/*border-style: solid;*/
			/*border-color: #dbdcda;*/

		/*}*/
			/*#bar .sub li {*/
				/*display: block;*/
				/*border-bottom: 1px solid #eee;*/
			/*}*/
			/*#bar .sub a {*/
				/*display: block;*/
				/*color: #635d58;*/
			/*}*/
			/*#bar .sub a:hover {*/
				/*background: #F5F4F0;*/
			/*}*/
		/*#bar .has-sub {*/
			/*position: relative;*/
		/*}*/
		/*#bar .has-sub:hover .sub {*/
			/*display: block !important;*/
		/*}*/
	/*#bar .last .set {*/
		/*float: right;*/
	/*}*/
	/*#bar .ad::before {*/
		/*font-family: 'hi-icons';*/
		/*font-size: 8px;*/
		/*font-weight: 400;*/
		/*padding: 1em;*/
		/*vertical-align: top;*/
		/*content: "\e609";*/
	/*}*/
/*!*	#bar .ad {*/

		/*width: 10px;*/
		/*height: 7px;*/
		/*display: inline-block;*/
		/*margin-left: .75em;*/
	/*}*/
/**!	#bar .name {*/
		/*font-weight: 700;*/
		/*letter-spacing: 0.025em;*/
	/*}*/

	/*!* campaign selector *!*/
	/*#bar .campaign-selector a.name::before {*/
		/*float: left;*/
		/*font-family: "hi-icons";*/
		/*font-size: 32px;*/
		/*font-weight: 400;*/
		/*padding-right: 0.25em;*/
		/*vertical-align: top;*/
		/*content: "\e602";*/

	/*}*/
		/*#bar .campaign-selector label {*/
			/*display: block;*/
			/*font-weight: 400;*/
			/*font-size: 0.857em;*/
			/*line-height: 0.5em;*/
			/*min-width: 200px;*/
		/*}*/
		/*#bar .campaign-selector .val {*/
			/*white-space: nowrap;*/
			/*overflow: hidden;*/
			/*text-overflow: ellipsis;*/
			/*display: block;*/
		/*}*/
		/*#bar .campaign-selector .ad {*/
			/*float: right;*/
			/*margin: -32px -24px 0 0;*/
		/*}*/
		/*#bar .campaign-selector .selected {*/
			/*border-left: 4px solid #54C5A7;*/
		/*}*/

	/*!* superadmin *!*/
	/*#bar .super {*/
		/*position: absolute;*/
		/*top: 1em;*/
		/*left: 6em;*/
		/*background: #888;*/
		/*text-transform: uppercase;*/
		/*color: #fff;*/
		/*border-radius: 2px;*/
	/*}*/
		/*#bar .super:hover {*/
			/*background: #9E9DA0;*/
		/*}*/

	/*!* score box in bar *!*/
	/*#bar .score {*/
		/*overflow: hidden;*/
		/*line-height: 1em;*/
		/*margin-top: 8px;*/
	/*}*/
	/*#bar .score label {*/
		/*margin: 5px 10px 0 0;*/
		/*float: left;*/
	/*}*/
	/*#bar .score-box {*/
		/*width: 24px;*/
		/*height: 24px;*/
		/*font-size: 1em;*/
		/*padding: 0;*/
		/*text-align: center;*/
		/*display: inline-block;*/
		/*color: #fff;*/
	/*}*/
		/*#bar .score-box .val {*/
			/*background: no-repeat;*/
			/*margin: 0;*/
			/*padding: 0;*/
			/*border-radius: 0;*/
			/*width: auto;*/
			/*height: auto;*/
			/*margin-top: 5px;*/
			/*font-weight: bold;*/
		/*}*/
	/*#bar .export-csv {*/
		/*background: url("../images/ico-csv.png") no-repeat center right;*/
		/*padding-right: 25px;*/
	/*}*/
/*#bar .set #mobile-menu {*/
	/*display: none;*/
	/*font-weight: bold;*/
	/*padding-right: 20px;*/
/*}*/

/* ____________________________________ */

#main {
	margin: 4.5em 3em;
	max-width: 1200px;
}

/* header */
#header {
	border-bottom: 1px solid #DBDCDA;
}
	.outer #header {
		margin-bottom: 30px;
		border: 0;
	}
#header .logo {
	padding: 1em; 
    width: 100%;
	background-color: #FFF;
	text-align: center;
}
#header .logo img { 
	max-width: 200px; 
}

	.outer #header .logo {
		padding: 0;
	}
	.outer #header .logo img {
		max-width: 275px;
	}

/* sidebar */
/*#sidebar {*/
	/*background: #F9F8F6;*/
    /*width: 240px;*/
    /*border-right: 1px solid #dbdcda;*/
    /*margin-left: -240px;*/
    /*position: fixed;*/
	/*left: 240px;*/
    /*top: 64px;*/
    /*bottom: 0;*/
    /*z-index: 10;*/

    /*font-family: "PT Sans",Helvetica,Arial,sans-serif;*/
    /*font-size: 0.875em;*/
    /*line-height: 1.143em;*/
    /*transition: left 0.2s ease-in-out;*/
/*}*/
	/*#sidebar.toggled {*/
		/*left: 240px !important;*/
	/*}*/
     /*#sidebar .menu,*/
     /*#sidebar .menu ul {*/
        /*border: none;*/
        /*background: transparent;*/
    /*}*/
	/*#sidebar li a {*/
		/*background-color: #f9f8f6;*/
		/*background-repeat:  no-repeat;*/
		/*background-position:  2em center;*/

		/*color: #9e9da0;*/
		/*border-bottom: 1px solid  #edeae5;*/
		/*padding: 1em 0;*/
		/*display: block;*/

		/*cursor: pointer;*/
	/*}*/

	/*#sidebar li.active a,*/
	/*#sidebar li a:hover {*/
		/*color: #635d58;*/
	/*}*/

	/*#nav ul.sub {*/
		/*top: -1px;*/
		/*left: -240px;*/
		/*min-width: 200px;*/
		/*visibility: visible;*/
		/*border-width: 1px 1px 0 0;*/
		/*border-style: solid;*/
		/*border-color: #dbdcda;*/

		/*transition: left .4s ease-in;*/
		/*z-index: -100;*/
	/*}*/
		/*#nav ul.sub li a {*/
			/*background-image: none !important;*/
			/*padding-left: 2.5em;*/
		/*}*/
		/*#nav li .ra {*/
			/*position: absolute;*/
			/*right: 16px;*/
			/*top: 18px;*/
		/*}*/
		/*#nav li .ra::before {*/
			/*font-family: 'hi-icons';*/
			/*font-size: 8px;*/
			/*vertical-align: top;*/
			/*content: "\e608";*/
		/*}*/
		/*#nav li.has-sub:hover a {*/
			/*background-color: #F5F4F0;*/
		/*}*/
		/*#nav li.has-sub:hover ul.sub {*/
			/*left: 240px;*/
			/*transition: left .2s ease-out;*/
		/*}*/
		/*#nav li.has-sub:hover .ra {*/
			/*opacity: .3;*/
			/*transition: opacity .2s ease-out;*/
		/*}*/

	/*#sidebar #nav > li >  a::before {*/
		/*font-family: 'hi-icons';*/
		/*font-size: 24px;*/
		/*vertical-align: top;*/
		/*padding: 1em;*/
		/*color: inherit;*/
	/*}*/
	/*#sidebar #nav > li.campaigns > a::before 	{ content: "\e602"; }*/
	/*#sidebar #nav > li.people > a::before 		{ content: "\e606"; }*/
	/*#sidebar #nav > li.invite > a::before 		{ content: "\e604"; }*/
	/*#sidebar #nav > li.accounts > a::before		{ content: "\e600"; }*/
	/*#sidebar #nav > li.api > a::before			{ content: "\e601"; }*/
	/*#sidebar #nav > li.clients > a::before		{ content: "\e60a"; }*/
	/*#sidebar #nav > li.logout > a::before		{ content: "\e60b"; }*/
	/*#sidebar #nav > li.audit > a::before		{ content: "\e60c"; }*/
	/*#sidebar #nav > li.languages > a::before		{ content: "\e606"; }*/

	/*#sidebar .copyright {*/
		/*position: fixed;*/
		/*bottom: 0;*/
		/*left: 0;*/
		/*margin: 0;*/
		/*padding: .5em 1em;*/
		/*color: #ccc;*/
		/*background-color: #f9f8f6;*/
	/*}*/

/* page titles */
header.title {
}
	header.title .content {
		width: 70%;
	}
	header.title .section-title {
		position: relative;
		top: 3px;
		text-transform: uppercase;
		font-weight: 700;
	}
	header.title .page-title {
		font-size: 1.25em;
		line-height: 1.2em;
		/*margin-bottom: ;*/
	}
	header.title .description {
		margin-top: 1em;
	}

/* page actions */
#page-actions {
	float: right;
	text-align: right;
}
	#page-actions a {
		margin-left: 10px;
		text-transform: uppercase;
		font-size: .75em;
		font-weight: 700;
	}
	#page-actions a {
		color: #B2B7B6;
	}
	#page-actions a:hover {
		color: #61c3a8;
	}
	#page-actions a.print::before {
		font-family: 'hi-icons';
		font-size: 24px;
		font-weight: 400;
		content: "\e607";
		padding: .5em;
		vertical-align: top;
	}
	#page-actions a.export::before {
		font-family: 'hi-icons';
		font-size: 24px;
		font-weight: 400;
		content: "\e603";
		padding: .5em;
		vertical-align: top;		
	}

/* page options */
.page-options .pagination {
	float: right;
	margin-left: 120px;
}

/* __ footer __ */
#footer {
	margin: 0 0 2em 3.5em;
}
	#footer .color-scale { display: block; }
	#footer .score-box {
		display: inline-block;
		width: 16px;
		height: 16px;
		margin: 0 8px 5px 0;
		vertical-align: top;
	}

	.outer #footer {
		margin: 30px 0;
	}

/* __ score boxes __ */
.global-average {
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	padding: 7px;
	font-family: "PT Sans",Helvetica,Arial,sans-serif;
	width: 200px;
	float: right;
}
	.global-average .rating {
		display: inline-block;
		vertical-align: middle;
	}
	.global-average .text { 
		display: inline-block; 
		vertical-align: middle;

		font-size: 16px;
		line-height: 1em;
		font-weight: bold;
		text-transform: uppercase;
		vertical-align: middle;
		margin-left: 15px;
	}
	.global-average .votes {
		font-size: 12px;
		font-weight: normal;
		text-transform: none;
	}

/* widgets */
.widgets .title {
	border-bottom: 1px solid #635d58;
	padding-bottom: 10px;
	margin-bottom: 3em;
}

.campaign-nav {
	margin-bottom: 3em;	
}
#campaigns .row .col9 { display: none; }

/* chart */
#chart {
	height: 300px;
}
.chart-average,
.chart-average #chart-pie {
	height: 220px;
	width: 220px;
}
	.chart-average {
		position: relative;
		margin: 0 auto;
	}
	.chart-average label {
		font-size: 4em;
		font-weight: 600;

		position: absolute;
		z-index: 1;
		left: 50%;
		transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0); /* IE 9 */
		-webkit-transform: translate(-50%, 0); /* Safari */
		top: 117px;
	}
	.chart-average .disc {
		position: absolute;
		z-index: 1;
		/*top: 7px;*/
		top: 30px;
		left: 6px;
		width: 205px;
		height: 205px;
		margin: 0;

		border-radius: 100%;
		border-width: 8px;
		border-style: solid;
	}

	.campaign .chart-average .disc {
		top: 7px;
	}

	.campaign .chart-average label {
		top: 99px
	}
.voter-trend-chart #chart {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}
/* invitation */
#invite-invalid-emails {
	display: none;
}
	#invite-invalid-emails {
		font-size: .85em;
		color: #ff0000;
		max-height: 200px;
		max-width: 400px;
		overflow-y: auto;
	}
#invite-people-status {
	display: none;
}
.invite-people #message {
	height: 400px;
}

/* comments */
#form-comment .cancel {
	display: none;
}
#comments { margin-top: 2em; }
#comments .title {
	background: url("../images/ico-action_log.png") no-repeat left center;
	padding-left: 24px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.875em;
	line-height: 1.143em;
}
#comments .comments {
	font-size: .78em;
	line-height: 1.5em;
	list-style-type: none;
	max-width: 95%;
	/*max-height: 350px;*/
	overflow-y: auto;
}
	.comments .text { font-size: 1em; }
	.comments .item {
		border: 2px solid #d7d7d9;
		border-radius: 3px;
		margin: 0 0 1em 0;
		padding: 1.25em 1em 1.5em;
	}
	.comments .item.type-impact { border-color: #97cd7d;}
	.comments .item.type-action { border-color: #fddb2f;}

	.comments .item .type-action { color: #fddb2f;}
	.comments .item .type-impact { color: #97cd7d;}

	.comments .meta {
		color: #999;
		padding-top: 10px;
		font-size: 1em;
	}
		.comments .meta li {
			display: inline-block;
			margin-right: 15px;
		}
		.comments .meta .controls {
			float: right;
			display: none;
		}
		.comments .meta .controls a {
			margin-left: 10px;
		}
		.comments .status-resolved {
			color: #97CD7D;
		}
		.comments .item.focus,
		.comments .item.focus .text {
			background: #FFFABF;
		}
	.comments .item:hover .controls {
		display: block;
	}

/* voter profile */
.voter-profile p {
	margin: 0 30px 0 0;
	float: left;
}
	.voter-profile label {
		font-weight: bold;
	}
	header .voter-profile {
		margin-left: 42px;
		margin-top: -10px;
	}

/* voter fields */
#voterfield-values-list .delete {
	font-size: .8em;
	display: none;
}
	#voterfield-values-list {
		margin: 0;
		padding: 0 0 0 15px;
	}
	#voterfield-values-list li {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	#voterfield-values-list li:hover .delete {
		display: inline-block;
		float: right;
	}

/* people */
.people-nav {
	margin-bottom: 3em;
}
#table-people a.comments {
	color: #61c3a8;
	}

/* people import */
#section-people-import .csv-fields {
	font-family: monospace;
	font-weight: bold;
	display: inline-block;
	background: #f6f6f6;
	padding: 6px;
}
	#section-people-import .csv-fields .v {
		margin-right: 15px;
	}
	#section-people-import .csv-fields.bad .v {
		color: #ff0000;
	}
#table-import-errors .line {
	width: 25%;
}

#table-import-errors .message {
	width: 75%;
}

#api .key {
	font-size: 1.2em;
	line-height: 2em;
	background: #fbfbfb;
	padding: 5px 10px;
}
	#api label {
		display: block;
	}

#score-stats .number {
	display: block;
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}
	#score-stats label {
		display: block;
		color: #b2b7b6;
		font-size: .7em;
		text-transform: uppercase;
		text-align: center;	
	}
	#score-stats .ico {
		display: inline-block;
		border-radius: 2px;
		width: 8px;
		height: 8px;
	}
	#score-stats .positive .ico {
		background: #FFD836;
	}
	#score-stats .negative .ico {
		background: #FA5A5D;
	}
	#score-stats .neutral .ico {
		background: #9D9D9F;
	}

.wordcloud {
	line-height: 3em;
}
#wordcloud-stats .number {
	display: block;
	font-size: 3.5em;
	text-align: center;
	line-height: 1em;
}
	#wordcloud-stats .desc {
		text-align: center;
		color: #b2b7b6;
	}
	#wordcloud-stats .wordcloud-progress {
		background: #F9F8F6;
		overflow: visible;
		height: 35px;
	}
	#wordcloud-stats .wordcloud-progress.comments .bar {
		background: #34c0cc;
	}
	#wordcloud-stats .wordcloud-progress.positive .bar {
		background: #FFD836;
	}
	#wordcloud-stats .wordcloud-progress.negative .bar {
		background: #FA5A5D;
	}

	#wordcloud-stats .value {
		float: none;
		position: absolute;
		right: 10px;
		font-weight: bold;
		padding: 0 4px;
	}
	.wordcloud.negative, .wordcloud.negative a {
		color: #FA5A5D;
	}
/* ______________________________________________ */
/* superadmin */
#superadmin-stats {
	overflow: hidden;
	text-align: center;
}
	#superadmin-stats li {
		margin-top: 30px;
		overflow: hidden;
	}
	#superadmin-stats .num {
		background: #f3f3f3;
		border-radius: 100%;
		display: inline-block;
		font-size: 3em;
		line-height: 1.2em;
		min-width: 200px;
		min-height: 200px;
		padding-top: 75px;
		margin-bottom: 10px;
	}
	#superadmin-stats label {
		display: block;
		text-transform: uppercase;
	}
	#superadmin #clients-table img {
		width: 64px;
		height: auto;
	}


/* ______________________________________________ */

/* tables */
#table-votes .time, 
#table-votes .email, #table-votes a.view { color: #b4b8b7; }
#table-votes .time, #table-votes .email, #table-votes a.view { 
	display: block;
}
#table-votes td.rating {
	min-width: 120px;
}
	#table-votes .has-comment td {
		border: 0;
	}
	#table-votes td .comment {
		margin: 0;
		vertical-align: middle;
		padding: 0;
		font-style: italic;
	}
	#table-votes td .comment label {
		font-weight: bold;
		font-style: normal;
		text-transform: uppercase;
	}
	td.rating-trend .score-box {
		/*float: left;*/
	}
	td.rating-trend .trend {
		float: left;
		margin: 18px 0 0 10px;
	}
/* _______________ media queries ____________________ */
@media all and (max-width: 1024px) {
	#sidebar {
		left: 0;
	}
	#layout {
		margin-left: 0;
	}
	#main {
		margin: 15px;
	}
}

@media all and (max-width: 1024px) {
	#table-votes {
		font-size: .75em;
	}
	#table-votes th,
	#table-votes td {
		padding: 0.5em;
	}


	#bar .sub {
		right: auto;
		left: 0;
	}
	#bar .icon {
		display: none;
	}
	#bar .campaign-selector {
		display: none;
	}
	#bar .set #mobile-menu {
		display: inline-block;
		position: absolute;
		left: 1em;
		top: 1em;
		font-size: 20px;
	}
	#bar .user .has-sub {
		position: absolute;
		right: 1em;
	}
}
@media all and (max-height: 700px) {
	#sidebar {
		/*position: fixed;*/
		bottom: 0;
	}
}
/* _______________ Print Styles ____________________ */

@media print {

	@page {
		margin: 1cm 1.5cm 2cm;
	}

	body { font-size: 12px; }

	*,
	.table th a { color: #000 !important; }

	#bar, #sidebar, 
	#page-actions, 
	.campaign-nav, 
	.button,
	.expand-to-textbox,
	.filter,
	.pagination { display: none; }

	#layout, #main	{
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#main {	padding: 1em; }

	.score-box {
		background-color: transparent !important;
		display: inline;
		height: auto;
		padding: 0;
		width: auto;
		font-size: 1em;
	}
		.score-box .val { padding: 0; }
		.score-box .change { 
			position: inherit;
			border: none !important;
			background-color: transparent !important;
		}
		.table tr .trans { display: none; }
		.table th a.sort { background-image: none !important; }
	
	.chart-average label { font-size: 5.5em; }

	img { max-width: 100% !important; }
	a:link, a:visited{ color: #000; }


}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}