body {
	background-color: rgb(247, 248, 248);
	font-family: "Baloo Tammudu 2";
}

.navbar {
	box-shadow: 0 6px 6px -6px rgb(160, 160, 160);
}

#title-brand {
	margin-left: -16px;
}

a.navbar-brand small {
	display: block;
	font-size: 0.65em;
	text-transform: capitalize;
	margin-top: -3px;
}

.dropdown-menu {
	width: 250px;
}

#subtitle-username {
	font-size: 11px;
	margin-top: -15px;
}

#btn-profile {
	background-color: #ff9f40;
	color: white;
	display: none;
}

.toggle-tax {
	font-size: 24px;
	cursor: pointer;
	color: #ff9f40;
	padding-top: 12px;
	margin-left: -12px;
}

.toggle-service {
	font-size: 24px;
	cursor: pointer;
	color: #ff9f40;
}

.over-auto {
	overflow: auto;
}

#card-parameters {
	height: 345px;
}

.bg-purple {
	background-color: #9966ff;
}

.bg-green {
	background-color: #8cdd40;
}

.bg-yellow {
	background-color: #ffce56;
}

.bg-pink {
	background-color: #ff6384;
}

.bg-orange {
	background-color: #ff9f40;
}

.bg-blue {
	background-color: #36a2eb;
}

.text-pink {
	color: #ff6384;
}

.text-orange {
	color: #f88f26;
}

.card-vertical-one {
	border-left: 7px #36a2eb solid;
}

.card-vertical-two {
	border-left: 7px #ff9f40 solid;
}

.card-vertical-three {
	border-left: 7px #8cdd40 solid;
}

.card-body small {
	display: block;
	font-size: 0.65em;
	text-transform: capitalize;
	margin-top: -3px;
}

.box-small {
	width: 15px;
	height: 15px;
}

@media only screen and (max-width: 480px) {
	#image-login {
		display: none;
	}
}

.card-village {
	border-left: 5px solid;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

.card-statistic {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

.active.card-village {
	border-left: none;
	background-color: orange;
	color: white;
}

.form-select:focus {
	border-color: #faba60;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #faba60;
	outline: 0 none;
}

.indicator-slide {
	width: 10px;
	border: 1px solid grey;
	border-radius: 20%;
	padding: 5px;
	cursor: pointer;
	display: inline-block;
	right: 0;
}

.indicator-slide.active {
	background-color: grey;
}

.indicator-slide:active {
	background-color: grey;
}

#loading-screen {
	position: fixed;
	width: 100%;
	height: 10vh;
	z-index: 99999;
	display: flex;
	align-items: center;
	background: white;
	overflow: hidden;
}

.img-loading-scren {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media only screen and (max-width: 480px) {
	#container-village {
		height: 460px;
	}
}

@media only screen and (min-width: 480px) {
	#container-village {
		height: 100px;
	}
}

@media only screen and (max-width: 800px) {
	.card h6 {
		font-size: 13px;
	}

	#dropdownProfile {
		justify-content: center;
		align-items: center;
	}
}

.img-profile {
	width: 100px;
}

@media only screen and (max-width: 950px) {
	.div-area-small {
		width: 100%;
	}
}

@media only screen and (max-width: 800px) {
	.hidden-small {
		display: none;
	}

	.img-profile {
		width: 70px;
	}
}

@media only screen and (max-width: 950px) {
	.hidden-medium {
		display: none;
	}

	.img-profile {
		width: 100px;
	}
}