/* $mainBg: #e7e7e7;
	$mainColor: #044AA3;
	$contrastColor: #CC7395; */
		
	.title {
		margin-top: 0px;
		color: #044AA3;
		font-weight: bold;
		font-size: 1.1em;
	}

	.unit{
		fill: #044AA3;
		/* font-weight: bold; */
		font-size: 1.05em;
		margin-top: 4px;
	}

	#fallback {
		max-width: 600px;
	}

	#global{
		text-align: center;
	}

	svg {
		overflow: visible;
	}

	#instruction {
		font-weight: bold;
		padding-top: 8px;
	}

	.axis,
	.yr_mx_mn{
		opacity: 1.0;
		font-size: 10px;
	}

	.tick {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		/* Safari */
		-khtml-user-select: none;
		/* Konqueror HTML */
		-moz-user-select: none;
		/* Firefox */
		-ms-user-select: none;
		/* Internet Explorer/Edge */
		user-select: none;
	}

	#currYVal {
		font-size: 14px;
		font-weight: 600;
		fill: #CC7395;
		text-anchor: end;
	}

	.gridDash {
		stroke-dasharray: 1;
		stroke: #abc;
		stroke-width: 1px;
	}

	/* g .y .axis g .tick line {
		stroke-dasharray: 1;
		stroke: #abc;
		stroke-width: 1px;
	} */
	
	.tick {
		/*stroke-dasharray: 1;
 		stroke: #044AA3; */
		stroke-width: 0.009em;
	}

	.line {
		fill: none;
		stroke: #044AA3;
		stroke-width: 3px;
	}

	#centreline {
		stroke: #666;
		fill: none;
		stroke-width: 1.5px;
	}

	.area {
		/*fill: #dee5ef;*/
		/* fill: #E1EBF4; */
		fill: rgba(157, 188, 214, 0.651);
		opacity: 0.5;
	}

	.your-line {
		fill: none;
		stroke: #c20f24;
		stroke-width: 3;
		stroke-dasharray: 5 5;
		cursor: pointer;
	}

	.drawMark{
		fill: #c20f24;
	}

	.marker {
		fill: #c20f24;
	}


	#guessChart, .chart-container{
		height: 90%;
		/* min-height: 395px; */
		/* width: 98%; */
		/* margin-left: auto;
		margin-right: auto; */
		position:relative;
		width:1050px;
	}
	
	/* .graph-err-container{
		position:absolute;
		top: 50%;
		left: 40%;
		font-size:30px;
		color:#044AA3;
	} */
	

	
	.graph-err-container {
		position: absolute;
		/* position: fixed; */
		/* top: -9%; */
		top: -10%;
		left: -1%;
		/* left: 0; */
		font-size: 30px;
		color: #044AA3;
		height: 100%;
		/* width: 110%; */
		width: 110%;
		background: #fff;
		z-index: 99999;
		/* z-index: 10000000000; */
		/* text-align: center; */
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.err-container-msg{
		/* top: 50%; */
		top: 44%;
		/* left: 40%; */
		position: absolute;
		transform: translateY(-50%);
	}
	
	.tool-tip{
        font-family: 'Open Sans';
        position: absolute;
        display: none;
        background: #fff;
        border:1px solid #414141;
		box-shadow: 0px 1px 3px #888888;
        text-align: center;
		z-index: 100 !important;
		pointer-events: none !important;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
        transition: all 0.3s;
    }

	.tool-tip .label{
		color:#fff;
		background: #414141;
		padding:3px 10px 0px 10px;
		display:block;
		font-size: 12px;
        height: 25px;
		width:81px;
		text-align:left;
	}
	
	.tool-tip .unit{
		color: #414141;
		display: block;
		padding: 3px 10px 3px 10px;
		font-size: 12px;
		margin-top: 25px;
		width:80px;
		text-align:left;
	}
	
	.btn-show-me{
		color:#fff;
		background:rgba(4, 74, 163, 0.9);
		font-size:16px;
		width: 150px;
		padding:5px;
		margin-top:-20px;
	}