/* Table with the overview */
.factfish-general-statistics-overview-table td:first-child, 
.factfish-general-statistics-overview-header {
	color: #4b6f9e;
    font-weight: 700;
	white-space: nowrap;    
}

/* Table with the link to the data set (when reloading the page via AJAX) */
.factfish-general-statistics-link-table {
	width: 100%;
}

.factfish-general-statistics-link-table td {
	font-weight: normal !important;
	color: #7f7f7f !important;
}

.factfish-general-statistics-link-table tr:first-child td:nth-child(2) {
	width: 99%;
}

.factfish-general-statistics-link-table tr:nth-child(2) td:first-child {
	width: 100%;
}

/* Selected data set */
.factfish-general-statistics-selected {
	margin-top: 5px;
	display: inline-block;
	color: #f8b544;
	line-height: normal;
}

/* Link when relaoding via AJAX */
.factfish-general-statistics-link-header {
	display: none;
}

/* Link input field */
.factfish-js-data-set-link-input {
	width: 100%;
}

/* Modal for reloading */
.modal-dialog {
	margin-top: 200px;
}

.modal-body {
	font-size: 30px; 
	text-align: center;
}

/* All data sets for the series */ 
.factfish-general-statistics-series {
	line-height: 1.7em;
}	

/* Div with the data sets */ 
.factfish-general-statistics-data-sets {
	line-height: normal;
}

.factfish-general-statistics-data-sets a div:first-child, 
.factfish-general-statistics-selected  div:first-child {
	float: left;
	width: 15px;	
}

.factfish-general-statistics-data-sets a div:nth-child(2),
.factfish-general-statistics-selected  div:nth-child(2) {
	margin-left: 15px;	
}

/* Link background has to be set again */
.factfish-general-statistics-data-sets a:hover div { 
	background: #4b6f9e !important;	
}

/* Space between the data sets */
.factfish-general-statistics-data-sets-space {
	height: 8px;
}

/* Button div for charts, map, table */
.factfish-general-statistics-button-div {
	z-index: 100;
}	

/* Main table with the data */
.factfish-general-statistics-data-table {
	border-collapse: collapse;
}

.factfish-general-statistics-data-table th {
	background: #4b6f9e;
	color: #fff;
	text-align: center;
	vertical-align: middle !important;
}

.factfish-general-statistics-data-table td,  {
	padding: 6px 15px 6px 8px !important;
}

.factfish-general-statistics-data-table td {
	text-align: right;
}

.factfish-general-statistics-data-table td:first-child {
	text-align: left;
}

.factfish-general-statistics-data-table td:last-child {
	text-align: center;
}

/* Data div for xs */
.factfish-general-statistics-small-data {
	font-size: 12px; 
	margin-top: 4px;
}

/* Country flag outer div */
.factfish-general-statistics-flag {
    float: left;
    height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 0 35px 0 0;
    position: relative;
    width: 30px;
}

/* Country flag image */
.factfish-general-statistics-flag img {
    margin-left: 5px;
    margin-top: 3px;
    position: absolute;
}

/* flag for the world */
.factfish-general-statistics-globe {
	max-width: 20px;
}

/* Dummy ranking, when row doesn't have a rankig */ 
.factfish-general-statistics-dummy-ranking {
	display: none;
}

/* Form elements for the charts */
.factfish-general-container label {
	padding-left: 5px;
	color: #7f7f7f;
}

.factfish-general-container legend {
	margin-bottom: 10px;
}

.factfish-general-container fieldset, .factfish-general-container fieldset p {
 	line-height: normal;
}

.factfish-general-container input[type="text"] {
	border: 1px solid #e3e3e3;
	background: #f5f5f5;
	color: #7f7f7f;
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;	
}

.factfish-general-container fieldset button {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

/* Div with the form elements and export */
#factfish-bar-date-form > div, #factfish-pie-date-form  > div, .factfish-general-statistics-map > div:nth-child(2) {
	margin-top: 10px;
}

/* For the pie form we need a z-index */
.factfish-general-statistics-z-index {
	z-index: 100 !important;
}

/* Text for uncomparable */
.factfish-general-statistics-uncomparable-text {
	line-height: normal; 
	padding-left: 30px; 
	padding-right: 30px;
}

/* Text for xs for the drill down explanation */
.factfish-general-statistics-drill-down-text {
	line-height: normal; 
	padding-left: 30px; 
	padding-right: 30px;
}

/* Year radio buttons */
#factfish-bar-middle-year, #factfish-bar-early-year, 
#factfish-pie-middle-year, #factfish-pie-early-year {
	margin-left: 15px;
} 

/* Separator line between the country form selection */
.factfish-general-statistics-form-country-hr {
	margin: 5px; 
	width: 100px;
}	

/* Icon in h3 */
.factfish-general-container h3 i {
	font-size: 20px !important;	
}

/* Buttons with the chart types and table */
.factfish-general-statistics-button-div .btn {
	width: 100%;
	margin-bottom: 10px;
} 

/* Primary button has no hover effect because we don't have a link */
a.btn-primary {
	background: #4b6f9e;	
}

a.btn-primary:hover {
	color: #fff;
	cursor: default;
	background: #4b6f9e !important;
}	

a.btn-default {
	color: #7f7f7f;
}

/* Hover color default button same as primary */
a.btn-default:hover {
	color: #fff;
	background: #4b6f9e !important;
}

/* Error messages for the year selection */
.factfish-bar-error-message, .factfish-pie-error-message {
	 display: none; 
	 color: red;
}

/* Loading div */
.factfish-general-statistics-loading {
	height: 600px; 
	background: #f9f9f9; 
	margin: 0 10px 10px; 
	text-align: center; 
	font-size: 30px;
	display: none;	
}

.factfish-general-statistics-loading p {
	margin-top: 160px;		
}	

.factfish-general-statistics-loading p i {
	font-size: 30px !important;	
}

/* Charts */
.factfish-general-statistics-bar-chart, .factfish-general-statistics-pie-chart {
	width: 100%;
	height: 100%;
	margin: 0 10px 10px;	
	display: none;
}

/* Map */
.factfish-general-statistics-map {
	width: 100%;
	display: none;
}

/* Data table, negative margin so that the filter is the same y-Position as the buttons */
@media (min-width: 992px) {
	.dataTables_wrapper {
		margin-top: -65px;
	}
}	

/* For uncomparable we don't have buttons, so margin is set back to 0 again */
.factfish-general-statistics-uncomparable .dataTables_wrapper {
	margin-top: 0;
}

/* h4 in the data section */
.well h4 {
	margin-bottom: 13px;
}	

/* Tree top level */
.factfish-general-statistics-tree-top-level {
	margin-left: 16px;
}	

/* Tree normal level */
.factfish-general-statistics-tree-normal-level {
	margin-left: 37px;
}

/* Tree icon */
.factfish-general-statistics-icon {
	margin-left: 35px;
	float: left;
	color: #337ab7;
	/*margin-right: 6px;*/
	width: 15px;
}

/* Tree link */
.factfish-general-statistics-link {
	padding-top: 2px;
	margin-left: 50px;
	/*	
	margin-left: 0;
	width: 430px;
	float: left;
	*/
}

/* Tree Selected node */
.factfish-general-statistics-link-selected > a > span {
	color: #f8b544;	
}

.factfish-general-statistics-link-selected > a:hover {
	background: none !important;	
}

/* Body div to pass the parameters to the header via AJAX reload */
.factfish-general-statistics-body-variables {
	display: none;
}	

/* Export div */
.factfish-general-statistics-export {
	margin-top: -18px; 
	padding-left: 20px;
}	

.factfish-general-statistics-export p {
	line-height: normal;
}	

/* Export div for uncomparable */
.factfish-general-statistics-export-uncomparable {	
	padding-left: 20px;
}	

/* We need a margin for uncomparable when the div is on top, next to the table */
@media (min-width: 992px) {
	.factfish-general-statistics-export-uncomparable {
		margin-top: 45px;	
	}
}		

/* Disabled link */
a.factfish-general-statistics-disabled, a.factfish-general-statistics-disabled:hover {
	/*color: #337ab7;*/
	color: #559cd9;	
	background: none !important;	
}

/* Div for multiple sources */
.factfish-general-statistics-soources-div {
	line-height: 1.5em;	
}	

/* Styles for the treetable from the examples http://ludo.cubicphuse.nl/jquery-treetable/#examples */
table.treetable span.indenter {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: right;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  width: 19px;
  float: left;
}

table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
}

table.treetable {
  border-collapse: collapse;
  font-size: .8em;
  line-height: 1;
  margin: .6em 0 1.8em 0;
  width: 100%;
}

table.treetable caption {
  font-size: .9em;
  font-weight: bold;
  margin-bottom: .2em;
}

table.treetable tbody tr td {
  cursor: default;
  padding: .3em 1em;
}

table.treetable span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: .2em 0 .2em 1.5em;
}

table.treetable tr.collapsed span.indenter a {
  background-image: url(/images/icons/expand.png);
}

table.treetable tr.expanded span.indenter a {
  background-image: url(/images/icons/collapse.png);
}

table.treetable tr.branch {
    background-color: #fff;
}

table.treetable tr.selected {
  background-color: #fff;
  color: #fff;
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url(/images/icons/expand-light.png);
}

table.treetable tr.expanded.selected span.indenter a {
  background-image: url(/images/icons/collapse-light.png);
}

table.treetable tr.accept {
  background-color: #fff;
  color: #fff
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url(/images/expand-light.png);
}

table.treetable tr.expanded.accept td span.indenter a {
  	background-image: url(/images/collapse-light.png);
}
/* End treetable styles */

/* Overwrite some styles from the treetable */
table.treetable {
	font-size: 14px;
	margin-top: 0;	
	margin-bottom: 0;
}

table.treetable span {
	padding-left: 0;
}