/* Let's get this party started */
/* custom scrollbar */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* width */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #00a859;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #006619;
}

/* Handle Menu Utama Navbar */
.navbar #main_nav ul {
	padding: 0 0px;
	list-style: none;
	position: relative;
	/*width: 100%;*/
	font-family: ‘helvetica’, arial;
}
.navbar #main_nav ul:after {
	content: "";
	clear: both;
	display: block;
}

.navbar #main_nav ul li {
	float: left;
}

.navbar #main_nav ul li a {
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	color: #fff;
}

.navbar #main_nav ul ul {
	display: none;
	background: transparent;
	padding: 0;
	position: absolute;
	top: 100%;
	max-width: 300px;
	width: auto;
}

.navbar #main_nav ul ul li {
	float: none;
	position: relative;
}

.navbar #main_nav ul ul li a {
	padding: 10px;
	background-color: rgb(11 11 11 / 80%);
    border-color: rgba(0,0,0,.15);
    border-top: 3px solid #004000;
}

.navbar #main_nav ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
}


.navbar #main_nav ul li a.active, .navbar #main_nav ul li:hover > a {
	color: #fff;
	
    border-radius: 30px;
    box-shadow: 0px -2px 3px 1px #00a859;
	
}
/*
	.navbar #main_nav ul li:first-child a {
	border-radius:50px!important;
	}
*/

.navbar #main_nav ul li:hover > ul {display: block;}
.navbar #main_nav ul ul li:focus a { background: #222;}

#main_nav a {white-space:nowrap}

#navbar_top{box-shadow: 0px 10px 10px -5px #000;background:#212529;z-index:1030;}

/* Handle Website Theme Color */
.bg-web{background-color:#212529!important;}
.bg-web.btn-web:hover{background-color:#b30000!important;}
.btn-web {
	--bs-btn-color: #fff;
	--bs-btn-bg: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #dd8615;
	--bs-btn-hover-border-color: #db8312;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #db8312;
	--bs-btn-active-border-color: #d9800c;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: #212529;
}

ul.pagination{
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.375rem;
	--bs-pagination-font-size: 1rem;
	--bs-pagination-bg: #fff;
	--bs-pagination-border-width: 1px;
	--bs-pagination-border-color: #dee2e6;
	--bs-pagination-border-radius: 0.375rem;
	--bs-pagination-hover-bg: #e9ecef;
	--bs-pagination-hover-border-color: #dee2e6;
	--bs-pagination-focus-bg: #e9ecef;
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: #212529;
	--bs-pagination-active-border-color: #212529;
	--bs-pagination-disabled-color: #6c757d;
	--bs-pagination-disabled-bg: #fff;
	--bs-pagination-disabled-border-color: #dee2e6;
	display: flex;
	padding-left: 0;
	list-style: none;
}

.acent-web a{color:#212529;text-decoration: none!important;}
.acent-web a:hover{color:#b30000!important;}
.acent-web a.bg-web{color:#fff !important}
.text-web {color:#212529}
.border-web { --bs-border-opacity: 1;
	border-color: #212529!important;
}
.nav.nav-pills .active{background-color:#212529 !important; color:#fff !important}
.nav.nav-pills button{color:#222 !important;}

/* Handle Sidebar Navigation */

#sideNav {width:280px; z-index: 9999;}
#sideNav .bg-light a {white-space:nowrap;text-decoration: none!important; color: #212529!important; padding: 0.5rem;margin-bottom: 0.2rem; }
#sideNav .bg-light a.active,#sideNav .bg-light a:hover {border-left: 5px solid orange !important; border-radius: var(--bs-border-radius)!important; background-image: linear-gradient(to left, orange , transparent);}
#sideNav .bg-dark a {white-space:nowrap;text-decoration: none!important; color: #f8f9fa!important; padding: 0.5rem;margin-bottom: 0.2rem; }
#sideNav .bg-dark a.active#sideNav .bg-dark a:hover {border-left: 5px solid orange !important; border-radius: var(--bs-border-radius)!important; background-image: linear-gradient(to left, orange , transparent);}

#sideNav .menu li, #sideNav .submenu li{
	--bs-bg-opacity: 1;
	background-color: transparent;
	text-transform: uppercase;
	padding: 0.5rem 0.25rem!important;
	border:none;
}
.menu span[aria-expanded="true"] .fa-chevron-left {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.submenu{
	padding-top: 10px!important;
	background-color: #efefef;
	border-radius: 15px;
}

/* Handle Sidebar Widget */
.card-widget {
	--bs-bg-opacity: 1;
	background-color: transparent!important;
	overflow-x: hidden;
}