body {
	display: block;font-family: NotoSans-Regular;
}

 @font-face {

	font-family: 'NotoSans-Regular';
	src: url('../fonts/NotoSans-Regular.ttf');

}

.bw-container .h1, .bw-container h1, .bw-container .h2, .bw-container h2 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: calc(1.325rem + .9vw);
}

 

.bw-container #bwd_graphic {
	padding-top: 2rem
}

.bw-container .methodlogy-btn {
	display: none;
}

.bw-container section {
	z-index: 2000;
}

.bw-container .step-div {
	padding: 0.5em;


}


 
:root {
	--green: #0CBFD5;
	--yellow: #D6CD70;
	--red: #df5a49;
}

.bw-container .mobile-width {
	display: none;
	margin-bottom: 7vh;

}

.bw-container #sections {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: left;
	z-index: 500;


}

.bw-container .step {
	margin-right: auto;
	margin-left: 20px;

	font-size: 1.3em;
	line-height: 1.4em;
	width: 50vw;
	margin-top: 20px;
	margin-bottom: 120vh;
	background: transparent;
	text-align: justify;

}

.bw-container .step.cover_page {
	width: 50%;
	height: auto;
	margin-bottom: 60vh;
	margin-top: 0;


}

.bw-container .step.end_page {
	width: 100%;
	height: auto;


}

.bw-container {
	padding-top: 50px;
}

.bw-container  #bwd_chart {
	
	
	height: -moz-calc(100% - (140px));
    height: -webkit-calc(100% - (140px));
    height: calc(100% - (140px));
	
	display: block;
	position: fixed;
	width: 100vw;
	top:140px;
	

}


.bw-container #genre_select {
	width: auto;
	margin-right: 0.5rem;
	

}

.bw-container  #bwd_controls select {
	display: none;
}


.bw-container  .color_green {
	color: var(--green);
	font-weight: 700;
}

.bw-container  .color_yellow {
	color: var(--yellow);
	font-weight: 700;
}

.bw-container  .color_red {
	color: var(--red);
	font-weight: 700;
}


.bw-container  .modal-sheet .modal-dialog {
	width: 380px;
	transition: bottom .75s ease-in-out;
}

.bw-container  .modal-sheet .modal-footer {
	padding-bottom: 2rem;
}

.bw-container  .modal-alert .modal-dialog {
	width: 380px;
}

.bw-container  .modal-tour .modal-dialog {
	width: 380px;
}


.bw-container  .tick_no line {
	stroke: #fff
}

.bw-container  .tick_yes line {
	stroke: #000
}

.bw-container .img_div
{float:right;display:flex;width:50%;height:100%;text-align:center;align-items: center;
}

.bw-container  #camera_icon {
	 
	opacity: 1;
 
	max-height:30vw;
	 
	 
	min-width: 200px;
		min-height:200px;
			 
		max-width: 600px;
		max-height:500px;
		
		width: 90%;
		height: auto;
		margin:auto;
		display:block;
}
 

.bw-container  #sections .scroll-trigger {
	color: #aaa;
	margin-top: 20px
}


@media (max-width: 780px) {

	.bw-container  #genre_select {
		float: left;

	}

	.bw-container  #bwd_chart {
		top: 115px;
		height: -moz-calc(100% - (125px));
    height: -webkit-calc(100% - (125px));
    height: calc(100% - (125px));

	}

	.bw-container  #bwd_chart.image_top {
		top: 10vh;
		height: 90vh;

	}

	.bw-container  .mobile-width {
		display: block
	}

	.bw-container  .methodology- {
		font-size: 0.8rem;
		z-index: 400
	}


	.bw-container  #sections .step {
		margin-right: 0;
		font-size: 0.8rem;
		width: 90%;
	}
.bw-container .img_div
{float:none;display:flex;width:100%;height:40vh; 
}

	.bw-container  #camera_icon {
		float: none;
		text-align: center;
		 
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		height: auto; 
		min-width: 200px;
		min-height:200px;
			 
			max-width: 300px;
		max-height:250px;
		margin-top:25px;
		
		
	 
	
	}

	.bw-container  .div_bwd_image {
		justify-content: center;
	}

	.bw-container  .step.cover_page {
		padding: 10% 0.3em 0 0.5em;
		width: 95%;
		text-align: center;
		height: auto;
		margin-bottom: 60vh;
		
		margin-top: 2.5vh;


	}

	.bw-container  .step-div {

		background-color: hsla(0, 0%, 100%, .9)
	}

}


.bw-container  .note-text {
	text-anchor: start;
	font-size: 0.7rem;
	color: gray;
	opacity: 0.7;
}

.bw-container  .yaxis_txt {
	text-anchor: start;
	font-size: 0.7rem;
	color: gray;
	opacity: 0.7;
}

.bw-container .g_xScale path{stroke:none;}
.bw-container  .annotation-subject path.subject {
	stroke: lightgray
}