/* topbar */
.notice-dot {
	width: 20px !important;
	height: 20px !important;
	background-color: red;
	border-radius: 50%;
}

#btn-semua-notif {
	cursor: pointer;
}

.notif-footer-link {
	height: 40px;
}

.btn-selengkapnya {
	font-size: 10px;
}

.color-black {
	color: black;
}

.desktop-notif-kategori {
	cursor: pointer;
}

.desktop-notif-kategori.active {
	border-bottom: 4px solid #f6941f;
}
.color-white {
	color: white;
}

.bg-color-orange {
	background-color: #f79d35;
	border: none;
}

.notif-subbagian {
	padding-left: 10px !important;
	padding-right: 10px !important;

	margin-bottom: 10px;
}

.notif-mobile {
	min-height: 100vh;
}

.kategori-notif-konten {
	font-size: 10px;
}

.mobile-notif-container {
	margin-top: 60px;
}

.text-grey {
	color: #757575;
}

.text-orange {
	color: #f79d35;
}

.notif-subbagian-row .cont {
	color: #f79d35;
}

.notif-subbagian-text {
	padding: 0;
	text-align: center !important;
	font-size: 10px;
}

.notif-sub .jumlah-notif {
	border-radius: 50%;
	position: absolute;
	right: 0;
	margin-right: 20px;
}

.notif-container {
	height: 60%;
	overflow-y: scroll;
}
.notif-content-desktop {
	padding: 20px 0;
}

.notif-content-desktop:hover {
	background-color: #f3f4f5;
}

/* .notif-container-mobile {
	height: 65vh;
	overflow-y: scroll;
} */

::-webkit-scrollbar {
	width: 5px;
}

.link-notif {
	font-size: 12px;
	position: absolute;
	right: 0;
	margin-right: 40px;
}

.notif-container::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.notif-container::-webkit-scrollbar-thumb {
	background: #888;
}

.notif-container::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.notif-content:hover {
	background-color: #f3f4f5;
}
.belum-dibaca:hover {
	background-color: #f3f4f5;
}

.notif-proses:hover {
	background-color: #f3f4f5;
}

.notif-content.belum-dibaca {
	background-color: beige;
}

.notif-container-desktop .belum-dibaca {
	background-color: beige;
}

.notif-footer {
	color: #f79d35;
	cursor: pointer;
	font-size: 12px;
}

.notif-section {
	cursor: pointer;
}

.notif-active {
	color: #f79d35;
	padding-bottom: 5px;
	border-bottom: 2px solid #f79d35;
}

.show_result {
	font-family: tahoma;
	padding: 10px;
	border-bottom: 1px #cdcdcd dashed;
	font-size: 15px;
	background: white;
}

.show_result:hover {
	background: #cfe8f6;
	color: #000;
	cursor: pointer;
}

@media screen and (max-width: 599px) {
	.notif-main-container {
		width: 100% !important;
	}
}
/* beranda */
.profile-rounded {
	border-radius: 50%;
	width: 80px;
}

.deskripsi p {
	line-height: 0.2;
	position: relative;
	top: 10px;
}

.icon-container {
	width: 50px;
	height: 35px;
	padding: 8px 5px;
	border-radius: 45%;
	text-align: center;

	background-color: #d8d8d8;
}

.icon-root {
	margin-left: 20px;
}

.deskripsi-card h4 {
	margin-bottom: 0px !important;
	font-size: 8px;
}

.deskripsi-card p {
	margin-bottom: 0px !important;
	font-size: 12px;
}

.card-hijau {
	color: #01900b;
}

.bg-hijau {
	background-color: #dfffe1;
}

.card-orange {
	color: #f79d35;
}

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

.card-biru {
	color: #2599c9;
}

.bg-biru {
	background-color: #d2ecf6;
}

.card-ungu {
	color: #5446cb;
}

.bg-ungu {
	background-color: #e2deff;
}

.card-filter {
	border-radius: 25px !important;
}

.card-filter select {
	width: 100%;
	text-align: center;
	border: none;
}

.card-filter select option {
	text-align: center;
}

#date-rangepicker {
	width: 90%;
	text-align: center;
	border: none;
}

.icon-panah {
	position: absolute;
	right: 0;
	margin-right: 10px;
	margin-top: 5px;
}

.icon-quick {
	color: black;
}

.judul-section {
	padding-bottom: 10px;
}

.head-line-quick {
	position: absolute;
	bottom: 0;
	left: 55px;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #f07622;
	margin: 0;
}

@media screen and (max-width: 599px) {
	.head-line-quick {
		position: absolute;
		bottom: 0;
		left: 40%;
		display: block;
		width: 50px;
		height: 3px;
		background-color: #f07622;
		margin: 0;
	}
}

.judul-section-bawah {
	margin-bottom: 0;
}

@media screen and (min-width: 599px) {
	.card-section-bawah {
		border: 1px solid #eff0f3;
		border-radius: 15px;
		box-shadow: 2px 2px 5px #aaaaaa;
	}
}

/* footer */
.icon_container {
	border: 1px solid #757575;
	padding: 0 2px;
	color: #757575;
	border-radius: 5px;
}

@media screen and (max-width: 599px) {
	.social-media-container {
		display: flex;
		justify-content: center;
	}
}
.footer-judul {
	margin-bottom: 15px;
	margin-top: 15px;
}

.head-line {
	position: absolute;
	bottom: 0;
	left: 15px;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #f07622;
	margin: 0;
}

.footer-sub-menu {
	margin-left: 0px;
}

.footer-sub-menu a {
	color: #757575;
	margin-bottom: 10px;
}

.footer-sub-menu a:hover {
	text-decoration: underline;
}

.text-footer-bawah {
	color: #757575;
	margin-top: 15px;
}

.table-responsive::-webkit-scrollbar-track {
	box-shadow: none;
}

.table-responsive::-webkit-scrollbar-track {
	box-shadow: none;
}

.main-link-campaign div {
	background: #eaeaea;
	padding: 8px;
	border-radius: 2px;
	position: relative;
	margin-bottom: 10px;
}

#tb_campaign tr td {
	vertical-align: middle;
}