.map-analysis-page {

	& .second-sidebars {
		position: absolute;
		top: 0;
		bottom: 0;

	}

	.sidebar {
		width: 8rem;
		height: 100vh;
		color: white !important;
		background-color: black;
		overflow: hidden;
	}

	.right-body {
		height: calc(100vh - 8rem);
		position: relative;
	}

	.sidebar .logo img {
		height: 3em;
	}

	.sidebar a {
		color: white !important;
	}

	.menu-items > a {
		display: block;
		padding: 1rem 1.5rem;
		//border-radius: 0.5rem 0rem 0rem 0.5rem;
		text-align: center;
		line-height: 1.5rem;
		font-size: 0.9rem;
		white-space: break-space;
		word-spacing: 9999999px;
		width: 100%;
	}

	.menu-items > a > span {
		display: block;
		font-size: 1.5rem;
		margin-bottom: 0.4rem;
	}

	.menu-items > a:hover {
		background: #c5c5c5;
		color: black !important;
	}

	.menu-items > a.active {
		background: #F7F7F7 !important;
		color: black !important;
	}

	.page-search-box {
		border-radius: 0.5rem;
		border: 1px solid var(--color-sys-light-primary-container, #E7E7E7);
		backdrop-filter: blur(6px);

		#geo-search {
			max-width: 30rem;
			min-width: 20rem;
		}
	}


	.map-analysis-page {
		width: 100%;
	}

	.top-bar {
		height: 4rem;
		width: 100%;
	}

	.right-body-main {
		background: #F7F7F7;
		position: relative;
	}

	.second-sidebar {
		display: none;
		width: 0px;
		overflow: hidden;
		background: #F7F7F7;
		height: 100vh;
	}

	.second-menu-item {
		border-radius: var(--xs, 0.25rem);
		background: var(--background, #FFF);
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
		padding: 1.4rem 1rem;
		display: block;
		margin: 1.3rem 0px;
		transition: all 1s;
	}

	.second-sidebar.show {
		width: 20vw;
		max-width: 27rem;
		min-width: 23rem;
		display: block;
		position: absolute;
		z-index: 999;
		transition: transform 1s;
	}

	.top-bar a.btn {
		font-weight: 600;
	}

	.info-overlay {
		font-size: 0.9rem;
		min-width: 27rem;
		max-width: 27rem;
		padding: 1.4rem;
		background: #fff;
		min-height: calc(100vh - 8rem);
		max-height: calc(100vh - 8rem);
		position: absolute;
		right: 0;
		z-index: 999;
		transition: transform 1s;
		transform: translateX(0rem);
	}

	.info-overlay.collapsed {
		transform: translateX(27rem);
	}

	.info-overlay p {
		line-height: 1.4em;
	}

	.info-overlay h3 {
		font-size: 1.2em;
		font-weight: 600;
		color: #000;
	}

	.info-overlay h4 {
		font-size: 1.3em;
	}

	.info-overlay h5 {
		font-size: 0.9em;
		font-weight: 500;
		color: #000;
	}

	.info-overlay dl {
		font-size: 0.9em;
	}

	.info-overlay dl dt {
		font-weight: 500;
		color: var(--on-background-gray, #616161);
		margin-bottom: 0.5em;
	}

	.info-overlay dl dd {
		font-weight: 600;
		color: #000;
		font-size: 1rem;
	}

	.info-overlay .canvas {
		height: 20rem;
		background: #F7F7F7;
	}


	// Switch
	.form-switch .form-check-input {
		width: 3.3em;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%297, 97, 97, 0.8%29'/%3e%3c/svg%3e");
	}

	.form-check-input {
		box-shadow: none !important;
		background-color: var(--primary-container, #E7E7E7);
		border-color: var(--primary-container, #E7E7E7);
	}

	.second-menu-item h5 {
		font-size: 1.2em;
		font-weight: 400;
		margin: 0px;
	}


}

.map-container {

}

.toggle {
	position: absolute;
	top: 50%;
	background-color: #fff;
	left: -2.7rem;
	border-left: 0;
	border-right: 1px solid #d4d4d4;
	border-radius: 8px 0 0 8px;
	padding: 1rem;
}

.toggle .fas {
	font-size: medium;
	color: #0D0E10 !important;
}

.toggle .fas {
	font-size: medium;
	color: #0D0E10 !important;
}

.survey-response-row.active {
	background-color: #E7E7E7;
	border-width: 1.6px !important;
}

.analysis-summary{
	.activity{
		color: #FFA000;
		font-weight: 600;
	}

	.period{
		color: #7b51a6;
		font-weight: 600;
	}

	p{
		font-size: 0.9rem;
	}
}