/* Line Duotone / Users / User Rounded */
.icon-user {
	width: 18px;
	height: 18px;
	background: red;
}

.text-right {
	text-align: right !important;
}

.table-responsive div.dt-buttons {
	float: none;
}

.table-responsive .dt-length label {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 20px;
}

.table-responsive .dt-search label {
	display: inline-block;
	margin-right: 5px;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
	text-align: left;
}

.table-responsive .dataTables_length {
	display: inline-block;
}

.table-responsive .pagination {
	float: right;
}

.table-responsive .dropdown-toggle::after {
	content: none;
}

.inline-right {
	float: right;
}

.dropdown li a {
	text-decoration: none;
}

.nav-item li a {
	text-decoration: none;
}

.select2-container {
	width: 100% !important;
}

.tabs-error {
	background: red !important;
	/*
    --tw-border-opacity: 1;
    border-color: rgb(231 81 90 / var(--tw-border-opacity));
    background-color: #e7515a14 !important;
    --tw-text-opacity: 1;
    color: rgb(231 81 90 / var(--tw-text-opacity));
*/
}

.text-danger ul {
	width: 100%;
}

.text-danger ul li {
	width: 100%;
	background: none;
	margin-bottom: 10px;
}



/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: 310px;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.select2-container--default .select2-selection--single {
	background-color: #fff !important;
	border: 1px solid rgb(224 230 237) !important;
	border-radius: 6px !important;
	min-height: 2.3rem !important;
}

.dark .dark\:bg-\[\#0d1724\] {
	color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
}



.dark .dark\:bg-\[\#0d1723\] {
	color: #80879b !important;
}

/* seacrh select 2 */
.dark .dark\:bg-\[\#0s1724\] {
	border: 1px solid #aaa;
	border-radius: 5px;
}

/* placeholder select 2 */
.dark .dark\:bg-\[\#0p1721\] {
	margin-left: 10px !important;
	color: rgb(136 142 168 / var(--tw-text-opacity)) !important;
	font-weight: 600 !important;
}

/* drowdown select 2 */
.dark .dark\:bg-\[\#0d0720\] {
	background-color: rgb(18 30 50 / var(--tw-bg-opacity)) !important;
	border: 1px solid #17263c !important;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051;
}

.dark .dark\:bg-\[\#0e1725\] {
	background-color: rgb(18 30 50 / var(--tw-bg-opacity)) !important;
	border: 1px solid #17263c !important;
	border-radius: 6px !important;
	/* min-height: 2.3rem !important; */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px !important;
	color: #80879b !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	margin-left: 10px !important;
	/* color: #0000009d !important; */
	font-weight: 600 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: unset !important;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #ccc;
	background-color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #007bff;
}

.dark-theme .select2-container--default .select2-selection--multiple {
	border: 1px solid #444;
	background-color: #444;
}

.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #28a745;
	color: white;
}

.select2-container--default .select2-results__option--selected {
	background-color: #007bff;
	color: white;
}

.dark-theme .select2-container--default .select2-results__option--selected {
	background-color: #28a745;
	color: white;
}

/* Gaya untuk hover */
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
	background-color: #0056b3;
}

.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
	background-color: #218838;
}

.select2-selection__clear {
	margin-top: 5px;
}

.dark .dark\:bg-\[\#0e1726\] {
	--tw-bg-opacity: 1;
	background-color: rgb(14 23 38 / var(--tw-bg-opacity)) !important;
}

.select2-text-dark {
	color: rgb(136 142 168 / var(--tw-bg-opacity)) !important;
}

.select2-border-dark {
	border-color: rgb(136 142 168 / var(--tw-bg-opacity)) !important;
}

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0.8rem 1.4rem;
	border-bottom: 1px solid #ebe9f1;
	border-top-left-radius: calc(0.358rem - 1px);
	border-top-right-radius: calc(0.358rem - 1px);
}

.modal-header .close {
	padding: 0.8rem 1.4rem;
	margin: -0.8rem -1.4rem -0.8rem auto;
}

.overflow-modal {
	max-height: 92vh;
	/* Atur tinggi maksimum modal */
	overflow-y: scroll;
	/* Mengaktifkan scroll vertikal */
}

.p-10 {
	padding: 10px;
}

:is([dir=ltr] .swal2-popup .swal2-title) {
	padding-right: 2rem !important;
}

:is([dir=ltr] .swal2-popup .swal2-html-container) {
	padding-right: unset !important;
}

.swal2-popup .swal2-html-container {
	margin: 1em 1.6em .3em !important;
	color: #e95f2b;
	font-weight: 300;
}

.w3em {
	min-width: 3em;
}

.w5em {
	min-width: 5em;
}

.w8em {
	min-width: 8em;
}

.w10em {
	min-width: 10em;
}

.w13em {
	min-width: 13em;
}

.w15em {
	min-width: 15em;
}

.w18em {
	min-width: 18em;
}

.w20em {
	min-width: 20em;
}

.w25em {
	min-width: 25em;
}

.w30em {
	min-width: 30em;
}

.w40em {
	min-width: 40em;
}

.w50em {
	min-width: 50em;
}

.w60em {
	min-width: 60em;
}

.w70em {
	min-width: 70em;
}

.w80em {
	min-width: 80em;
}

.w90em {
	min-width: 90em;
}

.w100em {
	min-width: 100em;
}