/* Add here all your CSS customizations */
@import url("https://fonts.googleapis.com/css?family=Exo:400,700");

body {
	font-family: "Exo", sans-serif;
	/* font-family: "Montserrat", sans-serif; */
}
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE and Edge */
body {
	-ms-overflow-style: none;
}

.bg-content {
	background: linear-gradient(
			180deg,
			rgb(39 37 250 / 75%) 0%,
			rgb(154 181 160 / 70%) 600px, #007bff

		),
		url("../img/kantorbupati.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
}
.menu-app {
	width: 100% !important;
}
.btn-light-3 {
	color: #fff;
	background-color: #4c57af  !important;
	border-color: #fff !important;
	border-style: solid;
}
.btn-light-3:hover {
	color: #4caf50;
	background-color: #fff !important;
	border-color: #4caf50 !important;
	border-style: solid;
}

.footer-jalan {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.pesan-jalan {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	/* flex-direction: column; */
	min-width: 0;
	height: 40px;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0px solid rgba(0, 0, 0, 0.125);
	border-radius: 5px;
}

.text-diskominfo {
	font-size: 17px;
	color: white;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0px;
}

.text-pesan {
	font-size: 17px;
	color: #009b4c;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0px;
}

.footer-stand {
	position: fixed;
	padding: 10px 0px 0px 0px;
	bottom: 0;
	width: 100%;
	/* Height of the footer*/
	height: 80px;
	margin-bottom: -25px;
}

.open-popup {
	display: none;
	cursor: pointer;
	width: 25% !important;
	margin-bottom: 40px;
	position: fixed;
	bottom: 0;
	right: 10px;
	border: 3px solid #4caf50;
	background-color: #fff;
	z-index: 9;
}
.show-minimaze {
	display: block;
}
.show-youtube {
	display: block;
}
.chat-popup {
	display: none;
	width: 25% !important;
	margin-bottom: 40px;
	position: fixed;
	bottom: 0;
	right: 10px;
	border: 3px solid #f1f1f1;
	background-color: #fff;
	z-index: 9;
}
.head-youtube {
	background-color: #ffcb00;
	color: #616161;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	height: 75px !important;
}
.icon-channel {
	display: block;
	width: 50px;
	height: 50px;
	margin: 1em auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	border: 2px solid #eee;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.icon-tutup {
	cursor: pointer;
}