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

*, body {
	margin: 0;
	border: none;
	box-sizing: border-box; 
}


#nojs {
	width: 80vw;
	margin: auto;
	margin-top: 5em;
	z-index: 999999;
}



#IE_map {
	/*margin-top: -97px;*/
	width: 100%;
	height: 100vh;
	/*position: relative;*/
	/*float: right;*/
	/*overflow: hidden;*/
}
/*
#map_img {
	float: right;
}
*/
.leaflet-legeng {
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	/*background: white;*/
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}

.map_legend {
    padding: 6px 8px;
    /*font: 14px/16px Arial, Helvetica, sans-serif;*/
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.legend-colors > img{
	width: 12vw;
	height: 3vw;
	/*float: left;*/
	/*margin-right: 8px;*/
	/*opacity: 0.7;*/
}

.featureInfo h4 {
    margin: 0 0 5px;
    color: #777;
}

.legend {
	line-height: 18px;
	color: #555;
}

blockquote {
	margin-left: 10%;
	margin-right: 10%;
	background-color: #aaa;
}

/*.ui-dialog > .ui-widget-header {background: red;}*/
/*#intro-dlg {	*/
.ui-dialog {
	width: 75vw;
	margin: auto;
}
.ui-widget-content {
/*.ui-widget.ui-widget-content{     */
	background-color: rgba(255,255,255,0.9);
    z-index: 1001;
    /*opacity: 0.85;*/
}

.ui-dialog-titlebar {
	/*display: none;*/
	/*height: 0px;*/
}

#cso-chart {}

#rep-compos-chart{
	/*width: 80%;*/
	height: 40vh;
	margin: auto;
}

.my-d3-tip {
	background-color: steelblue;
	color: white;
	/*opacity: 0.9;*/
    z-index: 1002;
}

#ratio, #pop, #tds {
	/*margin: auto;*/
	text-align: right;
	float: right;
}


#IE-rep-timeline {
	/*position: relative;*/
	overflow: hidden;
	height: 35vh;
	/*height:;*/
}

/* better to get this arrow into the timeline...*/
/*.arrow-up {
	box-sizing: border-box; 
	position: relative;
	width: 0; 
	height: 0; 
	top: -20px;

	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid black;
}*/
	/*left: calc(50% - 10px);*/
	/*background-color: black;*/
	/*color: black;*/
    /*left: 50%;*/
    /*margin-right: -50%;*/    

.main-control {
	height: 180px;
	/*width: calc(100vw - 36px);*/
	width: 75vw;
}

.timeline-container {
	box-sizing: border-box; 
	/*height: 200px;*/
	height: 100%;
	width: 100%;
	/*position: relative;
	float: left;*/
}

.vis-panel.vis-bottom {
	height: 24px !important;
}
/*
.vis-item {
	margin-bottom: 0!important;
	top: 0!important;
}
*/
.vis-group {
	border-bottom: none !important;
}

.vis-line, .vis-dot {
	background-color: #000;
	border-color: #000;	
	z-index: 111;
}

.vis-item-content {
	padding: 2px!important;
}

.act, .census, .exec, .dail {
	background-color: rgba(255, 255, 255, 0.4);
	/*opacity: 0.1;*/
	/*border: 1px solid #000;*/
	/*margin-bottom: 5px;*/
	/*margin-top: 3px;*/
}
.vis-item.vis-range.census, .vis-item.vis-range.exec {
	border-right: 1px solid #000;
}

/*
.tl-selected {
}
.tl-not-selected {
	border: 0px!important;
	border-image: none!important;
}
*/

/*
.vis-item.vis-background.act-even.census-odd {
	background-color: rgba(50, 100, 180, 0.65);
}

.vis-item.vis-background.act-even.census-even {
	background-color: rgba(70, 130, 180, 0.65);
}
*/

.vis-item.vis-background.act-even.census-odd {
	background-color: rgba(50, 100, 180, 0.65);
}

.vis-item.vis-background.act-even.census-even {
	background-color: rgba(90, 150, 180, 0.65);
}

.vis-item.vis-background.act-odd.census-odd {
	background-color: rgba(30, 30, 30, 0.65);
}

.vis-item.vis-background.act-odd.census-even {	
	background-color: rgba(90, 90, 90, 0.65);
}
/*THESE are annoying*/
/*
.vis-panel>.vis-content {
	top: 0!important;
}
.vis-panel.vis-bottom {
	top: 152px!important;
}
*/
/*.vis-label, .vis-group {
	height: 29px!important;
}*/
/*
.vis-item.act-census {
	background-color: rgba(255, 0, 0, 0.5);
}
*/

/*#event-detail {
	float: left;
	overflow: hidden;
	height: 30vh;
}*/
	/*height: 75vh;*/
	/*background-color: orange;*/
	/*display: "block";*/
	/*width: 51%;*/	
	/*position: relative;*/
/*
#topleft-container  {
	float:	left;
}
*/


#overview-control.is-control {
	width: 60vw;
	height: 30vh;
}

.charts-control {
	width: 60vw;
	height: 35vh;
}

#histog {
	width: 50%;
	height: 100%;
	float: left;
	margin: auto;
}

#rows {
	width: 50%;
	height: 100%;
	/*background-color: black;*/
	float: left;
	margin: auto;
	/*margin-right: */
	overflow-y: scroll;
	overflow-x: hidden;
	direction: rtl;
}



#selected-info {
	/*width: 50%;*/
	float: left;
}

#selected-names, #selected-values {
	width: 50%;
	/*text-decoration: none;*/
}

#selected-names{
 	float: left;
	text-align: right;
}

#selected-values {
 	float: right;
 }

 ul {
    list-style: none;
 /*	padding-left: 1rem;
 	padding-right: 1rem;*/
 }

 ul li{
 	/*display: block;*/
}

#selected-detail {
	width: 50%;
	/*float:right;*/
}