.navbar-primary {
	background-color: #3b3cab;
}
.badge-primary {
	background-color: #3b3cab;
}
.btn-primary {
	background-color: #3b3cab;
	border-color: #3b3cab;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background-color: #2f318b !important;
}
.accent-primary .btn-link,
.accent-primary a:not(.dropdown-item) {
	color: #2f318b;
}
.accent-primary .dropdown-item.active,
.accent-primary .dropdown-item:focus {
	background-color: #2f318b !important;
	color: white;
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
	border-color: #5456c4;
}
.table-primary,
.table-primary > td,
.table-primary > th {
	background-color: #3b3cab;
	color: #fff;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
	background-color: #2f318b !important;
}

element.style {
	white-space: initial;
	width: 135px;
}
.main-sidebar .brand-text,
.main-sidebar .logo-xl,
.main-sidebar .logo-xs,
.sidebar .nav-link p,
.sidebar .user-panel .info {
	transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
}
.nav-sidebar .nav-link p {
	display: inline-block;
	margin: 0;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
}
*,
::after,
::before {
	box-sizing: border-box;
}
user agent stylesheet p {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
/* sidebar menu title */
.accent-primary
	[class*="sidebar-light-"]
	.nav-sidebar
	.nav-treeview
	> .nav-item
	> .nav-link:not(.active):hover,
.accent-primary[class*="sidebar-dark-"]
	.nav-sidebar
	.nav-treeview
	> .nav-item
	> .nav-link:not(.active):hover {
	color: #2f318b;
}
/* datatable pagination text */
.accent-primary .btn-link:hover,
.accent-primary a:not(.dropdown-item):hover {
	color: #2f318b;
}
.dropdown-item.active,
.dropdown-item:active {
	background-color: #2f318b !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: #3b3cab;
}
.nav-treeview > .nav-item > .nav-link.active i,
.nav-treeview > .nav-item > .nav-link.active p {
	color: #2f318b;
}
.table-cursor-pointer tr {
	cursor: pointer !important;
}
.table-cursor-disabled tr {
	cursor: not-allowed !important;
}
.cursor-default {
	cursor: default !important;
}
.cursor-disabled {
	cursor: not-allowed !important;
}
/* datatable */
.table td {
	padding: 0.4rem;
	vertical-align: middle;
}
/* datagrid */
.accent-primary .page-item.active .page-link {
	background-color: #3b3cab;
	border-color: #3b3cab;
}
/* .table thead th {
	text-align: center !important;
	vertical-align: middle;
} */
/* select2 */
.form-control-sm ~ .select2-container--bootstrap4 .select2-selection--single {
	height: calc(1.8125rem + 2px) !important;
}
.form-control-sm ~ .select2-container .select2-selection--multiple,
.form-control-sm ~ .select2-container .select2-selection--single {
	min-height: calc(1.8125rem + 2px) !important;
}
.form-control-sm
	~ .select2-container--bootstrap4
	.select2-selection--single
	.select2-selection__rendered {
	line-height: calc(1.8125rem + 2px) !important;
}
.select2-search--dropdown .select2-search__field {
	padding: 4px;
}
.select2-container--bootstrap4.select2-container--focus .select2-selection {
	-webkit-box-shadow: 0 0 0 0.8px rgba(0, 123, 255, 0.25) !important;
	box-shadow: 0 0 0 0.8px rgba(0, 123, 255, 0.25) !important;
	border-color: #d3e6f8 !important;
}
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4
	.select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
	background-color: #3b3cab !important;
}
.select2-container.select2-container--open .select2-selection--single {
	border-color: #d3e6f8;
}
.select2-container--bootstrap4 .select2-selection__clear {
	/* color: #3b3cab !important;
	background-color: #f2f2f2 !important; */
	color: #000000 !important;
	background-color: transparent !important;
}
span.select2-selection__rendered {
	color: #495057;
}
.select2-results__option {
	padding-top: 2px;
	padding-bottom: 2px;
}
select.form-control.select2 {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}
/* sweetalert2 */
.swal2-html-container {
	font-size: small;
}
.swal2-title {
	font-size: 1.2em !important;
}
.swal2-styled {
	padding: 0.4em 1.2em !important;
}
/* slimscroll */
.slimscroll nav {
	padding-bottom: 70px;
}
/* datepicker */
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.datepicker table tr td span.active.active {
	background-color: #3b8cde !important;
	border-color: #247ad1 !important;
}
/* datatable select */
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
	background-color: #5199e1 !important;
	color: white;
}

.select2-container--bootstrap4
	.select2-selection--single
	.select2-selection__placeholder {
	line-height: 1.25rem;
}
/* loading animation */
#loading {
	display: block;
	visibility: visible;
	position: fixed;
	z-index: 9999999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	padding-top: 20%;
	filter: alpha(opacity=75);
	opacity: 1;
	font-size: large;
	font-weight: 400;
	background: url("../images/logo/loading-diy.gif");
	background-repeat: no-repeat;
	background-size: 280px 209px;
	background-color: #00000040;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	color: white;
}
/* adminlte alert */
.alert-info {
	background: #49d3e9;
	border-color: #49d3e9;
}
.alert-success {
	background: #3b3cab;
	border-color: #3b3cab;
}

.laporan {
	font-size: 90%;
	height: 450px;
	overflow-x: hidden;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1), 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.laporan-sm {
	height: 350px;
}

.form-control.text-right.is-invalid,
.was-validated .form-control.text-right:invalid {
	background-position: center left calc(0.375em + 0.1875rem);
	padding-right: 0.5rem;
}
.form-control:disabled {
	cursor: not-allowed !important;
}
.text-small {
	font-size: small;
}
.table-checked {
	background-color: #5199e1 !important;
	color: white !important;
}
.table-checked .text-muted {
	color: white !important;
}

@media (max-width: 576px) {
	label.text-right {
		text-align: left !important;
	}
}

.custom-invalid-feedback {
	color: #dc3545;
	font-size: 80%;
	width: 100%;
	margin-top: 0.25rem;
	margin-bottom: 0;
	line-height: normal;
}

/* bootstrap tab */
.card-primary.card-outline-tabs>.card-header a.active {
	border-top: 3px solid #3b3cab;
}

.modal-open{
    overflow: auto;
    padding-right:0 !important;
}

/* From https://css.glass */
.login-glas{
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.bg-glas{
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}