.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: #FFF !important;
	border-bottom: unset;
}

.menu-nav.nav-pills .nav-link {
    color: #111 !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: #fff !important;
    background-color: #2e7d32 !important;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
}

#pds_header .btn.btn-hover-transparent-white .svg-icon svg g [fill] {
    fill: #774545;
}

#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: #111;
	}
	.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,
	.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link i, 
	.header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link i {
		color: #2e7d32;
	}
	.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: #2E7D32;
	}
	.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;
	}
	#pds_header .btn.btn-hover-transparent-white .svg-icon svg g [fill] {
		fill: #FFFFFF;
	}
	.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: #2e7d32 !important;
    background-color: #FFF !important;
    border-color: #2e7d32 !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: #2e7d32 !important;
    border-color: #FFF !important;
}

.ui-widget-toolbars li.middle .btn.btn-icon-primary i {
	color: #2e7d32;
}

.ui-widget-toolbars li.middle .btn.btn-hover-icon-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, 
.ui-widget-toolbars li.middle .btn.btn-hover-icon-success:focus:not(.btn-text) i, 
.ui-widget-toolbars li.middle .btn.btn-hover-icon-success.focus:not(.btn-text) i {
    color: #1BC5BD !important;
}

.ui-widget-toolbars .li-middle .btn.btn-icon-primary i {
	color: #2e7d32
}

li.refresh,
li.refresh:before,
li.total-record,
li.total-record:before {
	color: #2e7d32;
}

.ui-tabs {
	padding: 0;
}

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

#pds_content {
	background-color: #97979791;
}

.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;
}

.corner legend {
    color: #493232;
}
.corner .ui-widget-awesome-legend .fa-inverse {
	color: #493232;
}
.table-cell-header,
span.header_order:before {
	color: #493232;
}

.pds-card {
	-webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
	margin-top: 20px;
}
.pds-card .card-header {
	padding: 0.75rem 1rem;
	width: calc(100% - 30px);
	margin-top: -20px;
	border: 0;
	border-radius: 0.42rem;
}
.pds-card .card-title {
	margin-bottom: 0;
}
.pds-card .card-label {
	margin-bottom: 0;
}
.pds-card .card-body,
.pds-card .card-footer {
	width: 100%;
	padding: 0.5rem 0.75rem;
}
.dataTables_wrapper .pds-table.dataTable {
	margin: 0 !important;
}
.pds-table tbody tr:nth-of-type(odd) td {
	background-color: #EBEDF3;
}
.pds-table tbody tr:nth-of-type(even) td {
	background-color: #FFFFFF;
}
.pds-table.table-bordered th, 
.pds-table.table-bordered td {
    border: 0.5px solid #E5E5E5;
}
.pds-table.table-hover tbody tr:hover {
	background-color: unset;
}
.pds-table.table-hover tbody tr:hover th,
.pds-table.table-hover tbody tr:hover td {
    background-color: #FFFBDC;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item:first-child {
    margin-left: 0;
}
.dataTables_length label {
	margin-bottom: 0;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link {
	background-color: #2e7d32;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.previous > .page-link, 
.dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link, 
.dataTables_wrapper .dataTables_paginate .pagination .page-item.last > .page-link, 
.dataTables_wrapper .dataTables_paginate .pagination .page-item.first > .page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {
	color: #2e7d32;
	border: 1px solid #2e7d32;
	background-color: var(--white);
}
.dataTables_wrapper .dataTables_info i,
.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link > i {
	color: #2e7d32;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled > .page-link {
	border: 0;
}
:root {
	--basic-color: #fccd3f;
	--basic-header: var(--basic-color);  /* fallback for old browsers */
	--basic-header: url(../../../gambar/pattern-png-min.png),-webkit-linear-gradient(to right, #fccd3f, #d3aa30);  /* Chrome 10-25, Safari 5.1-6 */
	--basic-header: url(../../../gambar/pattern-png-min.png),linear-gradient(to right, #fccd3f, #d3aa30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}