/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2024 IMAJIKU.
*/

/* = Daterangepicker 
---------------------------------------------- */
.modal .daterangepicker {
	min-width: 490px
}

/* =Swiper
-------------------------------------------------------------*/
.swslider-box {
	position: relative;
	width: 100%;
}

.swslider-box .swiper-button-next,
.swslider-box .swiper-button-prev {
	width: 30px;
	height: 30px;
}

.swslider-box .swiper-button-next .nav-circle-box,
.swslider-box .swiper-button-prev .nav-circle-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0.75;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #484848;
	text-align: center;
	border: 1px solid #484848;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.swslider-box .swiper-button-next i,
.swslider-box .swiper-button-prev i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	padding: 3px;
	color: #ffffff;
}

.swslider-box .swiper-button-next:hover,
.swslider-box .swiper-button-prev:hover {
	opacity: 1;
}

.swslider-box .swiper-pagination-bullet-active {
	width: 30px;
	height: 10px;
	border-radius: 5px;
	background-color: var(--hc-color-button);
}

/*hidden swipper button default*/
.swiper-button-next:after,
.swiper-button-prev:after {
	display: none;
}

.swiper-pagination {
	display: none;
}

/*class untuk handle arrow ketika kurang dari yang ingin di tampilkan*/
.swiper-button-lock {
	display: none !important;
}

.swiper-arrow {
	opacity: 1;
	transition: opacity .3s linear;
}

/* button custom variant history */
.xwiper-minibtn-next::after,
.xwiper-minibtn-prev::after {
	content: '';
	display: none;
}

.xwiper-minibtn-next,
.xwiper-minibtn-prev {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	top: 0;
	margin: 0;
	width: 60px;
	height: 100%;
	cursor: pointer;
	background-color: var(--grey-50);
	opacity: 1 !important;
}

.xwiper-minibtn-next {
	right: 0;
}

.xwiper-minibtn-prev {
	left: 0;
}

.xwiper-minibtn-prev .nav-circle-box,
.xwiper-minibtn-next .nav-circle-box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid var(--hc-color-main-2);
	background-color: var(--hc-color-white);
	text-align: center;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transform: scale(0.8);
	opacity: 0.7;
}

.xwiper-minibtn-prev i,
.xwiper-minibtn-next i {
	font-size: 20px;
	color: var(--hc-color-main-2);
}

.xwiper:hover .xwiper-minibtn-prev,
.xwiper:hover .xwiper-minibtn-next {
	opacity: 1;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

.xwiper:hover .xwiper-minibtn-prev .nav-circle-box,
.xwiper:hover .xwiper-minibtn-next .nav-circle-box {
	transform: scale(1);
	opacity: 1;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

/* =TABLE DATATABLES
------------------------------------------------------------ */
table {
	width: 100%;
}

table.dataTable thead th,
table.dataTable thead td {
	border-top: 2px solid #a0a0a0;
	border-bottom: none;
	text-transform: uppercase;
	font-size: 14px;
}

table.dataTable tbody th,
table.dataTable tbody td {
	padding: 10px 10px 10px;
}

table.dataTable tbody tr.odd,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
	background-color: #ececec;
}

#table-report.table td,
#table-report.table th {
	border-top: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0;
	border: none;
	background-color: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: none;
	background: none;
}

table.dataTable .page-item.disabled .page-link {
	border-color: transparent;
	background-color: transparent;
}

table.dataTable .page-item.active .page-link {
	border-color: #91723a;
	background-color: #91723a;
}

table.dataTable .page-item.active .page-link:hover,
table.dataTable .page-item.disabled .page-link:hover {
	color: var(--hc-color-white) !important;
	opacity: 0.7;
}

/*.dataTables_wrapper .dataTables_filter{
float: left;
}*/
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child::before {
	background-color: #91723a;
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-align: center;
	font-size: 9px;
	line-height: 14px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child::before {
	background-color: #91723a;
	content: "\f077";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-align: center;
	font-size: 9px;
	line-height: 14px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: none;
}

/*datatables custom box 1 */
.datatable-variant-1 {
	position: relative;
	display: block;
}

.datatable-variant-1 .dataTables_wrapper .dataTables_filter {
	float: right;
	margin-top: 15px;
}

.datatable-variant-1 table.dataTable tbody tr.odd,
.datatable-variant-1 table.dataTable.stripe tbody tr.odd,
.datatable-variant-1 table.dataTable.display tbody tr.odd {
	background-color: var(--hc-color-white);
}

.datatable-variant-1 table.dataTable tbody tr th:nth-child(1) {
	background-color: #a0a0a0;
	color: var(--hc-color-white);
	white-space: nowrap;
}

.datatable-variant-1 table.dataTable tbody tr td:nth-child(2) {
	background-color: #a0a0a0;
	color: var(--hc-color-white);
	white-space: nowrap;
}

.datatable-box .table td,
.datatable-box .table th {
	vertical-align: middle;
}

.datatable-box table.dataTable td.reorder {
	text-align: left;
}

.datatable-box.datatable-fixed table.dataTable tbody tr td:nth-child(1) {
	background: #a0a0a0;
	color: var(--hc-color-white);
}

.datatable-box.datatable-fixed table.dataTable td,
.datatable-box.datatable-fixed table.dataTable th {
	min-width: 200px;
}

.datatable-box.datatable-fixed table.dataTable tbody td {
	height: 50px;
}

/* = Summernote
------------------------------------------------------------ */
.note-editor.note-frame {
	border: 2px solid #007bff;
	border-radius: 10px;
}

/* Contoh layout kustom */
.custom-toolbar .btn-group {
	margin-right: 10px;
}

.custom-toolbar {
	background-color: #e3f2fd;
	border-radius: 8px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}