/* This is just an example file*/
* {
	box-sizing : border-box;
}

/* Helvetica Neue */
@font-face {
	font-family: 'Helvetica Neue';
	font-style: regular;
	font-weight: 400;
	src: url("Helvetica Neue Regular.otf");
}

/* Montserrat-ExtraLight */
@font-face {
	font-family: 'Montserrat-ExtraLight';
	font-style: light;
	font-weight: 100;
	src: url('Montserrat-ExtraLight.otf');
}

html {
	width : 100%;
	height : 100%;
	scrollbar-color : ;
	scrollbar-width : thin;
}

body {
	box-sizing : border-box;
	background : radial-gradient(circle at 15% 36%, #1A1D28 0%, #0f0f10 100%);/* #202124; #171920*/
	background-size : 6000px;
	background-attachment : fixed;
	background-size : cover;
	display: flex;
  	flex-direction: column;
	color : #EBEBEB;
	font-family : Montserrat-ExtraLight, Helvetica Neue, Tahoma;
	letter-spacing: 1px;
	font-size : 16px;
	margin : 0;
}

pre {
	text-align : left
}

header, footer {
/* 	background-color : #202224; */
	background-image : url("Ipsauce.png");
	background-position : 34px 24px;
	background-repeat : no-repeat;
	height : 127px;
	padding-top: 79px;
	padding-left: 34px;
	border : 3px #121212 solid;
	border-width : 0px 0px 3px 0px;
}

footer {
	background-position : center left;
	background-size : auto 38px;
	height : 44px;
	text-align : center;
	margin-top : 80px;
	padding-top: 12px;
}

svg {
	stroke-linecap: round;
	
}

#theme-toggle-container {
	position : absolute;
	top : 16px;
	right : 25px;
}

#theme-toggle-container button {
	background-color : transparent;
	width : 40px;
	height : 22px;
	padding : 1px;
	border : 2px #777 solid;
	border-radius : 11px;
	cursor : pointer;
	vertical-align : top;
}

#theme-toggle-container .toggle-selector {
	width : 16px;
	height : 16px;
	border : 1px #888 solid;
	border-radius : 11px;
}


#theme-toggle-container svg {
	margin-top : -1px;
}
.moon .sun-shape, .sun .sun-shape {
	fill : #888;
}
.sun .sun-beams {
	stroke : #888;
}
#theme-toggle-container svg.moon {
	margin-top : -5px;
	transform : translateX(-4px);
	vertical-align : top;
}
.moon .sun-shape {
	transform: scale(1.35);
}
.moon .moon-mask > circle {
	transform: translateX(-7px);
}

#theme-toggle-container [data-themeToggle = "dark"] .toggle-selector {
	margin-left : 17px;
}

ul {
	text-align: left;
	width : 1850px;
	padding: 0px;
	margin : auto;
}

li {
	margin-bottom : 8px;
}

.result-container {
	background-color : #1D1D28;
	text-align : left;
	overflow : hidden;
}
.result-container .table-container {
	display : flex;
	justify-content: center;
/* 	padding: 5px; */
	transition: max-height .7s, margin-top .7s;
}
.result-container[data-visible="false"] .table-container {
	max-height : 0px;
}
.result-container[data-visible="true"] .table-container {
	max-height : 10000px;
}
.result-container .table-container table {
	margin : 5px auto;
}


.data-zone-header {
	background-color : #21242D;
	padding-left : 16px;
	border-radius : 7px 7px 0 0;
	border: 2px #4285ba solid;
	border-width: 0 0 2px 0;
	cursor : pointer;
}
.result-container[data-visible="false"] .data-zone-header {
/* 	border-radius : 7px; */
}

table {
	display : block;
	font-size: 12px;
	letter-spacing: 2px;
}

tr:nth-child(even) {
	background-color : #252731;
}

tr:hover td {
	background-color : #2D3137;
}

td {
	padding : 16px 9px;
}

td:first-child {
	letter-spacing: 1px;
}

td:nth-child(2) {
	font-size: 14px;
}

th {
/* 	background-color : #282934; */
	padding : 24px 9px;
	border: 2px #F7F7F7 solid;
	border-width: 0 0 2px 0;
}

h2, h3, h4, h5 {
	font-weight : normal;
}

h2 {
	margin : auto;
	margin-top : 38px;
}

h3 {
	color : #EFEFEF;
	margin-top : 80px;
	margin-bottom : 0px;
	text-align : left;
}

h4 {
	margin-top : 0px;
	margin-left : 16px;
	margin-bottom : 8px;
}

h5 {
	font-family : Helvetica Neue;
	font-size : 18px;
	margin : 0;
}

.result-container h4 {
	display : inline-block;
	font-weight : normal;
	text-align : left;
	margin : 0px 16px 0px 0px;
	padding : 14px;
	vertical-align : top;
}

.triangle {
	display : inline-block;
	background-image : url("arrow-right-64.png");
	background-size: contain;
	width : 18px;
	height : 18px;
	margin-top : 14px;
/* 	cursor : pointer; */
}

.triangle[data-isDevelopped="true"] {
	background-image : url("arrow-down-64.png");
}

#pie-chart .svg-container {
	margin : auto;
}

#pie-chart .slicetext text, #pie-chart .traces text{
	fill : #BABABA !important;
}

#symbol {
	display : none;
}

.map-container {
	background-color: #e8e8e8;
	padding: 70px 50px;
	width: 790px;
	margin: auto;
}






body.light-theme {
	background : initial;
	background-color : #F1F1F1;
	color : #121212;
}

body.light-theme header, body.light-theme footer {
	background-image : url("Ipsauce_light.png");
}

body.light-theme .data-zone-header {
	background-color : #EAEAEA;
}

body.light-theme header {
	border-color : #E1E1E1;
}

body.light-theme .result-container {
	background-color : #F1F1F1;
}

body.light-theme tr:nth-child(even) {
	background-color : #E9E9E9;
}

body.light-theme th {
	border-color: #888;
}

body.light-theme tr:hover td {
	background-color : #DADADA;
}

body.light-theme h3 {
	color : #090909;
}

body.light-theme .map-container {
	background-color: transparent;
}