body {
	font-family: "Open Sans", sans-serif;
	color: black;/*#676767;*/
	background: white;
}	

h1, h2, h3, h4 {
	color: black;
}

img {
	margin-bottom: 10px;
}

.dropdown {
	margin-left: 20px;
}

/********************* SECTIONS ******************/


.alert {
	text-align: center;
}

.shadowBox {
	background: white;
	margin: 5px;
	margin-bottom: 15px;
	box-shadow: 5px 10px 8px #565656;
	padding: 20px;
	padding-top: 23px;
	display: block;
	border-radius: 10px;
	flex: 1;
}

.contentContainer {
	margin: 10px;
	padding: 20px;
	padding-top: 25px;
	padding-bottom: 30px;
	border: 2px;
	border-color: gray;
	border-radius: 10px;
	border-style: solid;
	box-shadow: 5px black;
}

.card {
	margin: 5px;
	padding: 5px;
	border: none;
}

.cardtitle {
	margin: 5px;
	margin-left: 0px;
	padding: 5px;
	padding-left: 0px;
}

.cardtext {
	margin: 5px;
	margin-left: 0px;
	padding: 5px;
	padding-left: 0px;
}

.scenarioSlider {
	margin-left: 10px;
	margin-right: 15px;
}

.scenarioRow {
	margin-bottom: 1em;
}

/********************* Accordeon ******************/

.accordionControlBackground {
	background-image: url("/assets/edge-small.png");
    background-position: center;
    background-size: cover;
    background-repeat': no-repeat;
}


/********************* Bottom Cards ******************/

.col-bottom-container {
	display: table;
	width: 75%;
}

.col-bottom {
	display: table-cell;
	padding: 1em;
	margin: 5em;
	box-shadow: 5px 10px 8px #565656;
	border-radius: 10px;
	width: 25%;
}

.creditRow {
	display: flex;
}

.creditBox {
	flex: 1;
}


/********************* Buttons ******************/

.button-scenario {	
	margin-right: 3em;
}

.button-scenario-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.button-scenario-text-current {
	/* display: inline; */
	padding-left: 10px;
	padding-right: 10px;	
}

.button-scenario-text {
	/* display: inline; */
	padding-left: 15px;
	padding-right: 15px;
}



/********************* Scenarios ******************/

.primaryenergyImage {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.primaryenergyValue {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}