/* $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;
	}
	
	.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;
	}