.leaflet-container{height:100vh;width:100vw;max-width:100%;max-height:100%}
#map,#map1{width:100%;height:100%}
.info,.info1{padding:6px 8px;font:14px/16px Arial,Helvetica,sans-serif;background:white;background:rgba(255,255,255,0.8);box-shadow:0 0 15px rgba(0,0,0,0.2);border-radius:5px}.info h4{margin:0 0 5px;color:#777}
.legend,.legend1{text-align:left;line-height:18px;color:#555}
.legend i{ width:18px;height:18px;float:left;margin-right:8px;opacity:0.7}
/* #chartContainer {
	height: 800px;
	margin: 0;
	padding: 10px;
	align-items: left;
	align-self: left;
	align-content: left;
} */
#chartCanvas {
	padding-left: 0;
	margin-left: 0;
}
canvas {
	width: 100%;
	/* max-width: 100%; */
	height: 500px;
	/* max-height: 440px; */
}
/* .stackedBarChart2 {
	position: absolute;
	top: 0;
	left: 0;
} */

/* sm */
@media (width >= 40rem) {
	/* Styles */
}

/* md */
@media (width >= 48rem) {
	/* Styles */
}

/* lg */
@media (width >= 64rem) {
	/* Styles */
}

/* xl */
@media (width >= 80rem) {
}
.chart-line-1 {
	position: absolute;
	bottom: -19px;
	left: 56px;
	height: 80px;
	margin-left: -3px;
	border-left: 1px solid #e2e2e2;
}
.chart-line-2 {
	position: absolute;
	bottom: -19px;
	left: 302px;
	height: 80px;
	border-left: 1px solid #e2e2e2;
	margin-left: -3px;
}
.chart-line-3 {
	position: absolute;
	bottom: -19px;
	left: 547px;
	height: 80px;
	border-left: 1px solid #e2e2e2;
	margin-left: -3px;
}
.chart-line-4 {
	position: absolute;
	bottom: -19px;
	left: 792px;
	height: 80px;
	border-left: 1px solid #e2e2e2;
	margin-left: -3px;
}
.chart-line-5 {
	position: absolute;
	bottom: -19px;
	left: 1038px;
	height: 80px;
	border-left: 1px solid #e2e2e2;
	margin-left: -3px;
}
.chart-line-6 {
	position: absolute;
	bottom: -19px;
	left: 1283px;
	height: 80px;
	border-left: 1px solid #e2e2e2;
	margin-left: -3px;
}
.chart-line-7 {
	position: absolute;
	bottom: -20px;
	left: 1528px;
	height: 80px;
	border-left: 1px solid #e2e2e2;
	margin-left: -3px;
}
.chart-line-1-text {
	position: absolute;
	bottom: 0;
	left: 150px;
}
.chart-line-2-text {
	position: absolute;
	bottom: 0;
	left: 400px;
}
.chart-line-3-text {
	position: absolute;
	bottom: 0;
	left: 650px;
}
.chart-line-4-text {
	position: absolute;
	bottom: 0;
	left: 880px;
}
.chart-line-5-text {
	position: absolute;
	bottom: 0;
	left: 1130px;
}
.chart-line-6-text {
	position: absolute;
	bottom: 0;
	left: 1380px;
}
.chart-lbl {
	width: 100%;
	height: 30px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}


/* 2xl */
@media (width >= 96rem) {

}
.sex-calc-flex {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.sex-calc-wrapper {
	width: 80%;
	height: 160px;
	position: relative;
	border: 1px solid #bbb;
	border-radius: 10px;
}
.sex-calc-female-icon {
	position: absolute;
	top: 12px;
	left: 120px;
	width: 100px;
	height: 54px;
	text-align: center;
}
.sex-calc-female-name {
	position: absolute;
	top: 80px;
	left: 120px;
	width: 100px;
	height: 40px;
	text-align: center;
}
.sex-calc-female-percent {
	position: absolute;
	top: 120px;
	left: 120px;
	width: 100px;
	height: 40px;
	text-align: center;
}

.sex-calc-colon-1 {
	position: absolute;
	top: 80px;
	left: 270px;
	width: 30px;
	height: 40px;
	text-align: center;
}

.sex-calc-male-icon {
	position: absolute;
	top: 12px;
	left: 340px;
	width: 100px;
	height: 54px;
	text-align: center;
}
.sex-calc-male-name {
	position: absolute;
	top: 80px;
	left: 340px;
	width: 100px;
	height: 40px;
	text-align: center;
}
.sex-calc-male-percent {
	position: absolute;
	top: 115px;
	left: 340px;
	width: 100px;
	height: 40px;
	text-align: center;
}
.sex-calc-colon-2 {
	position: absolute;
	top: 116px;
	left: 270px;
	width: 30px;
	height: 40px;
	text-align: center;
}
.pv-map * {
	font-family: 'Prompt' !important;
}

/* .select2-results__options[id*="select2-classify_name"] .select2-results__option:nth-child(1) {
	color: red;
}
.select2-results__options[id*="select2-classify_name"] .select2-results__option:nth-child(2) {
	color: green;
}
.select2-results__options[id*="select2-classify_name"] .select2-results__option:nth-child(3) {
	color: blue;
} */

/* Results "Dropdown/DropUp" */
.select2-container--default .select2-results>.select2-results__options {
	background-color: #b0d4f5;
	color: #222222;
}

/* Clear "X" */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #cccccc;
}

/* Clear "X" Hover */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #aa0000;
}
/* Each Result */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #1e61dd;
	color: white;
}
.circle-1 {
	width: 120px;
	height: 120px;
	padding-top: 15px;
	border-radius: 50%;
	background-color: rgb(178, 248, 245);
}
.circle-2 {
	width: 120px;
	height: 120px;
	padding-top: 15px;
	border-radius: 50%;
	background-color: rgb(250, 188, 237);
}
.sex-rate {
	display: flex;
	height: 170px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	box-sizing: border-box;
}
.sex-rate-icon {
	width: 40%;
    max-width: fit-content;
    margin-inline: auto;
	box-sizing: border-box;
    text-align: center;
}

.sex-rate-male-txt {
	width: 30%;
    text-align: right;
	font-size: 1.675rem;
	color: rgb(13, 102, 185);
	box-sizing: border-box;
}
.sex-rate-male-calc {
	width: 30%;
	font-size: 1.675em;
	color: rgb(13, 102, 185);
	box-sizing: border-box;
}

.sex-rate-female-txt {
	width: 30%;
    text-align: right;
	font-size: 1.675em;
	color: rgb(209, 13, 134);
	box-sizing: border-box;
}
.sex-rate-female-calc {
	width: 30%;
	font-size: 1.675em;
	color: rgb(209, 13, 134);
	box-sizing: border-box;
}
/* @media screen and (max-width: 600px) {
  .sex-rate-male-txt {
    font-size: 1rem;
  }
} */