/* highchart */
			.country {
				font-size: 12px;
				font-weight: 600;
			}

			/* @media screen and (max-width: 600px) {
				.country {
					font-size: 9px;
					font-weight: 600;
				}
			} */

			.tile-map-legend {
				position: absolute;
				right: 0;
				bottom: 0;
			}

			#tile-map-chart svg {
				font: 11px sans-serif;
			}

			div.stylized-map-tooltip {
				/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				position: absolute;
				display: none;
				width: 160px;
				background: none repeat scroll 0 0 white;
				border: 0 none;
				border-radius: 8px 8px 8px 8px;
				box-shadow: -3px 3px 15px #888888;
				color: black;
				font : 15 px sans-serif;
				font-weight: 600;
				padding: 5px;
				text-align: center;  */
				position: absolute;
				text-align: center;
				/* width: 160px;                  */
				padding: 5px;
				font: 18px sans-serif;
				font-weight: 600;
				background: white;
				border: 1px;
				border-radius: 8px;
				pointer-events: none;
				box-shadow: -3px 3px 15px #888888;
			}

			p {
				font-weight: 600;
			}
			.span-remote {
				background-color: rgb(69, 96, 132);
				color: #ffffff;
			}
			.span-hybrid {
				background-color:rgb(225, 190, 76);
				color: black;
			}
			.span-inperson {
				background-color: rgb(121, 177, 66);
				color: #ffffff;
			}
			/* highchart end */

			/* map chart start */
			/* .land{ fill: #ccc; }
			.border-states{
				stroke: #fff;
				fill: none;
				stroke-linejoin: round;
				stroke-linecap: round;
			}
			.states{fill: #aec7e8;}
			.bubble{fill:red; fill-opacity: .5;}
			.hover{stroke:#666; fill-opacity: .8;} */
			.map-chart {
				position: relative;
			}

			.states {
				fill: none;
				stroke: #fff;
				stroke-linejoin: round;
			}

			.map-legend {
				position:absolute;
				right:0;
				bottom:0;
			}

			.path:hover {
				fill-opacity: .7;
			}

			/* Style for Custom Tooltip */
			div.bubble-map-tooltip {
				position: absolute;
				text-align: center;
				/* width: 250px;                  */
				padding: 5px;
				font: 18px sans-serif;
				font-weight: 600;
				background: white;
				border: 1px;
				border-radius: 8px;
				pointer-events: none;
				box-shadow: -3px 3px 15px #888888;
			}

			.covid-tooltip {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				position: absolute;
				display: none;
				width: auto;
				height: auto;
				background: none repeat scroll 0 0 white;
				border: 0 none;
				border-radius: 8px 8px 8px 8px;
				box-shadow: -3px 3px 15px #888888;
				color: black;
				font : 12 px sans-serif;
				padding: 5px;
				text-align: center;
			}

			#legend text {
				font-size: 0.9em;
				color: #333;
				font-weight: 400;
			}

			.covid-title {
				position: absolute;
				font-family: sans-serif;
				font-size: 15px;
				font-weight: bold;
				padding-top: 20px;
			}

			/* map chart end */

			/* horizontal grouped bar chart start */

			.bar-chart {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				width: 960px;
				height: 400px;
				/* margin: auto; */
				position: relative;
			}
			.bar-chart svg {
				width: 100%;
				height: 100%;
				position: center;
			}
			.toolTip {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				position: absolute;
				display: none;
				width: auto;
				height: auto;
				background: none repeat scroll 0 0 white;
				border: 0 none;
				border-radius: 8px 8px 8px 8px;
				box-shadow: -3px 3px 15px #888888;
				color: black;
				font : 12 px sans-serif;
				padding: 5px;
				text-align: center;
			}
			.legend {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 80%;
			}
			text {
				font : 14 px sans-serif;
			}
			.axis text {
				font :12px sans-serif;
			}
			.axis path{
				fill: none;
				stroke: #000;
			}
			.x.axis line {
				fill: none;
				stroke: #000;
				shape-rendering: crispEdges;
			}
			.y.axis path {
				display: none;
			}

			/* horizontal grouped bar chart end */

			/* sankey chart start */

			/* path {
				stroke: white;
				stroke-width: 0.25px;
				fill: lightgrey;
			} */

			.graph {
				font-family: sans-serif;
				font-size: 12px;
			}

			.nodesankey rect {
				cursor: pointer;
				fill-opacity: .9;
				shape-rendering: crispEdges;
			}

			.nodesankey text {
			pointer-events: none;
			}

			.linksankey {
				fill: none;
				stroke: #000;
				stroke-opacity: .6;
			}

			.linksankey:hover {
				stroke-opacity: .9;
			}

			div.tooltipsankey {
				position: absolute;
				text-align: left;
				/* width: 120px;                  */
				padding: 5px;
				font: 18px sans-serif;
				font-weight: 600;
				background: white;
				border: 1px;
				border-radius: 8px;
				pointer-events: none;
				box-shadow: -3px 3px 15px #888888;
			}

			.node-layer {
				position: absolute;
				font-family: sans-serif;
				font-size: 15px;
				font-weight: bold;
				padding-top: 20px;
			}

			/* sankey chart end */
			.datepicker:before {
				content: '';
				display: inline-block;
				border-left: 7px solid transparent;
				border-right: 7px solid transparent;
				border-bottom: 7px solid #ccc;
				border-bottom-color: rgba(0, 0, 0, 0.2);
				position: absolute;
				top: -7px;
				left: 190px;
			}

			.datepicker:after {
				content: '';
				display: inline-block;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-bottom: 6px solid #ffffff;
				position: absolute;
				top: -6px;
				left: 191px;
			}

			.btn-disabled {
				opacity: .65;
			}

			/*  */
			.carousel-control-prev-icon {
				background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
			}

			.carousel-control-next-icon {
				background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
			}

			.map-container {
				float: none;
				width: 100%;
				border-right: none;
				position: relative;
			}

			.zoom-controls {
				position: absolute;
				top: 40px;
				right: 20px;
				width: 30px;
				text-align: center;
				line-height: 30px;
				font-size: 18px;
				font-weight: bold;
			}

			.zoom-in {
				width: 30px;
				height: 30px;
				cursor: pointer;
				display: inline-block;
				margin-bottom: 3px;
				background: #d9d9d9;
				border-radius: 2px;
				color: #112f52;
			}

			.zoom-out {
				width: 30px;
				height: 30px;
				cursor: pointer;
				display: inline-block;
				margin-bottom: 3px;
				background: #d9d9d9;
				border-radius: 2px;
				color: #112f52;
			}

			.slider rect {
				fill: gray;
				shape-rendering: crispEdges;
			}

			.slider line {
				fill: none;
				stroke: red;
				opacity: 0.3;
				shape-rendering: crispEdges;
			}

			input[type="range"]{
				-webkit-appearance: none;
				-moz-apperance: none;
				border-radius: 6px;
				height: 6px;
				background-image: -webkit-gradient(
					linear,
					left top,
					right top,
					color-stop(0.15, #8c8c8c),
					color-stop(0.15, #C5C5C5)
				);
			}

			input[type='range']::-webkit-slider-thumb {
				-webkit-appearance: none !important;
				background-color: #E9E9E9;
				border: 1px solid #CECECE;
				height: 15px;
				width: 15px;
			}