.page {
	border: unset !important;
}

.kubie-shadow {
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

.kubie-shadow-top {
	box-shadow: 5px 0 0 2px rgb(0 0 0 / 20%), 10px 0 0 2px rgb(0 0 0 / 10%) !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.font-style-normal{
	font-style: normal !important;
}

.font-size-base {
  font-size: 1rem !important; 
}

.font-size-sm {
  font-size: 0.925rem !important;
}

.font-size-xs {
  font-size: 0.8rem !important;
}

.font-size-lg {
  font-size: 1.05rem !important;
}

select {
	border-radius: 0.2rem;
	height: calc(1.1em + 0.9rem + 1px);
	padding: 0.3rem 0.5rem;
}

.header-gradient, .table-row-header, .header-mobile, #pds_footer {
	background: var(--basic-header);
}

.header-bottom-shadow {
	background: #a78e0b !important;
	border-bottom: unset;
}

.menu-nav.nav-pills .nav-link {
    color: #ffffff !important;
}

.menu-nav .show > .nav-link, .menu-nav .nav-link:hover:not(.disabled), .menu-nav .nav-link.active {
	color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: transparent;
}

.menu-nav.nav-pills .show > .nav-link, .menu-nav.nav-pills .nav-link.active {
	color: #9afffc !important;
    background-color: #045d5b !important;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
}

#main_content {
	min-height: calc( 100vh - 85px );
}

.sticky-toolbar {
    width: unset;
	z-index: 98;
}

.linear-legend {
	background: rgb(37,49,68) !important;
	background-image: var(--basic-header) !important;
}

input[type=text], textarea, select {
    border: 1px solid #adadad !important;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
    -moz-box-shadow: 0 0 8px #233338;
    -webkit-box-shadow: 0 0 8px #233338;
    box-shadow: 0 0 8px #233338;
    border: 1px solid #233338 !important;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
    -moz-box-shadow: 0 0 8px #233338;
    -webkit-box-shadow: 0 0 8px #233338;
    box-shadow: 0 0 8px #233338;
    border: 1px solid #233338 !important;
}

.chosen-container-single .chosen-single {
	border: 1px solid #adadad;
}

.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container .chosen-drop {
	border: 1px solid #233338 !important;
}

.table-body-content .table-row-extend:not(.ui-widget-header):nth-child(odd) {
    background-color: antiquewhite;
}

.table-body-content .table-row-extend:not(.ui-widget-header):nth-child(even) {
    background-color: #f5f5f5;
}

.onselect:hover {
    background-color: #ccebff !important;
    color: #703C04 !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #D1B000;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #D1B000), color-stop(90%, #f7dd55));
    background-image: -webkit-linear-gradient(#D1B000 20%, #f7dd55 90%);
    background-image: -moz-linear-gradient(#D1B000 20%, #f7dd55 90%);
    background-image: -o-linear-gradient(#D1B000 20%, #f7dd55 90%);
    background-image: linear-gradient(#D1B000 20%, #f7dd55 90%);
    color: #fff;
}

@media (min-width: 992px) {
	.header .header-top {
		height: 50px;
	}
	.header .header-bottom {
		height: 35px;
	}
	.header-menu .menu-nav > .menu-item > .menu-link .menu-text,
	.header-menu .menu-nav > .menu-item > .menu-link i {
		color: #FFF;
	}
	.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, 
	.header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
		color: #8dede9;
	}
	.header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, 
	.header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
		color: #D1B000;
	}
	.header-fixed .header {
		height: initial;
		-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
		box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
	}
	.header-menu .menu-nav > .menu-item .menu-submenu {
		width: 245px;
	}
	.sticky-toolbar {
		top: 3px;
	}
	.header-fixed .wrapper {
		padding-top: 85px;
		/* padding-bottom: 40px; */
	}
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
		padding: 0 12.5px;
	}
	.footer-fixed .footer {
		position: fixed;
		height: 40px;
		z-index: 97;
		-webkit-box-shadow: 5px 0 0 2px rgb(0 0 0 / 20%), 10px 0 0 2px rgb(0 0 0 / 10%);
		box-shadow: 5px 0 0 2px rgb(0 0 0 / 20%), 10px 0 0 2px rgb(0 0 0 / 10%);
		bottom: 0;
		right: 0;
		left: 0;
	}
}

@media (max-width: 991.98px) {
	.topbar {
		background-color: #6d6d6db8;
	}
	.content {
		padding: 0;
	}
	.header-fixed .wrapper {
		padding-top: 54px;
	}
	#main_content {
		min-height: calc( 100vh - 56px );
	}
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
		padding: 0 12.5px;
	}
}

.ui-widget-pager .aqPaging a.btn {
	color: var(--basic-color) !important;
    background-color: #FFF !important;
    border-color: var(--basic-color) !important;
	height: calc(1.35em + 0.8rem + 2px);
    width: calc(1.35em + 0.8rem + 2px);
}

.ui-widget-pager .aqPaging a.btn:hover,
.ui-widget-pager .aqPaging a.btn.active {
	color: #FFF !important;
    background-color: var(--basic-color) !important;
    border-color: #FFF !important;
}

.ui-tabs {
	padding: 0;
}

fieldset.corner {
	background-color: #FFF !important;
}

#pds_content {
	background-color: #f2f3ff91;
}

.text-gold {
	color: #ffc30b !important;
}

.svg-icon.svg-icon-gold svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #D1B000 !important;
}

.navi .navi-item .navi-link:hover,
.navi .navi-item .navi-link:hover .navi-text {
    color: #D1B000;
}

:root {
	--basic-color: #056460;
	--basic-header: var(--basic-color);  /* fallback for old browsers */
	--basic-header: url(../../../gambar/pattern-png-min.png),-webkit-linear-gradient(to right, #056460, #2b7c7c);  /* Chrome 10-25, Safari 5.1-6 */
	--basic-header: url(../../../gambar/pattern-png-min.png), linear-gradient(to right, #056460, #2b7c7c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}