html,body{
	font-family: "Arimo", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	scroll-behavior: smooth;
	font-size:14px;
	-webkit-tap-highlight-color: transparent;
}
body{
	font-family: 'Outfit', sans-serif;
	color: var(--text);
	min-height: 100vh;
	overflow-x: hidden;
}
.bg-danger-dark{
	background-color:#690c05!important;
	color:#ffffff!important;
}
.bg-danger-dark-smooth{
	background-color:#ccaaa7!important;
}
.bg{
	position:absolute;
	background-attachment: fixed;
	width:100%;
	height:100vh;
	background-image:url('../../assets/images/bg.png');
	background-size:15% 15%;
	background-position: center;
	background-repeat: repeat;
	opacity: 0.18;
	z-index: -1;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.pointer{
	cursor:pointer;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: none;
}
.select2-is-invalid{
	border: 1px solid #dc3545!important;
}
.select2-results{
	background:#ccc!important;
	color:#000!important;
	font-size:14px!important;
}
.select2-selection__arrow{
	display:none!important;
}
.col-form-label{
	font-weight:normal!important;
	font-size:14px!important;
}
.inputgrouptext{
	border-radius:0 .3em .3em 0!important;
}
.text-danger-dark{
	color:#690c05!important;
}
.bg-danger-dark{
	background-color:#690c05!important;
	color:#ffffff!important;
}
.bg-danger-dark-smooth{
	background-color:#ccaaa7!important;
}
.nav-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #aaaaaa!important;
}
.nav-link.active, .nav-link:hover {
	color: #000000!important; /* Warna ikon saat dipilih */
}
.loader {
	width: fit-content;
	font-family: sans-serif;
	font-size: 18px;
	color: white;
	padding: 0 3px 5px 0;
	background: repeating-linear-gradient(90deg,currentColor 0 8%,#0000 0 10%) 200% 100%/200% 3px no-repeat;
	animation: l3 2s steps(6) infinite;
}
.loader:before {
	content:"Loading..."
}
@keyframes l3 {to{background-position: 80% 100%}}

.cursor-default{
	cursor:default!important;
}
.pointer{
	cursor:pointer!important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
/*
input[type="file"]::file-selector-button {
	display: none;
}
input[type="file"]::-webkit-file-upload-button {
  display: none;
}
*/

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Pilih";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label::after {
  content: "Pilih";
}
.col-form-label{
	font-weight:normal!important;
	font-size:14px!important;
}
.datepicker{
	padding:10px!important;
	z-index:999!important;
	font-size:12px!important;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: none;
}
.select2-is-invalid{
	border: 1px solid #dc3545!important;
}
.select2-results{
	background:#ccc!important;
	color:#000!important;
	font-size:15px;
}
.select2-selection__rendered {
    line-height: 26px !important;
	padding:0px!important;
	margin-left:-4px!important;
	font-size:15px!important;
}
.select2-selection__arrow{
	display:none!important;
}
.inputgrouptext{
	border-radius:0 .3em .3em 0!important;
}
.leaflet-popup-content,.iframe-map,.iframe {
	/* position: absolute; */
	top: 0;
	left: 0;
	border: none;
	margin-top: -8px;
	margin-bottom: -10px;
	margin-left: -13px;
	margin-right: -15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.leaflet-popup-content,.iframe-map,.iframe {
	/* position: absolute; */
	top: 0;
	left: 0;
	border: none;
	margin-top: -8px;
	margin-bottom: -10px;
	margin-left: -13px;
	margin-right: -15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.leaflet-container.crosshair-cursor-enabled {
	cursor: crosshair!important;
}
.leaflet-popup-close-button{
	color:red!important;
	font-size:20px!important;
	right:5px!important;
}
.bg-danger-smooth {
  background-color: #f5c6cb!important;
}
.bg-warning-smooth {
  background-color: #ffeeba!important;
}
.bg-info-smooth {
	background-color: #D4F6FA!important;
}
.bg-dark-smooth {
	background-color: #BABAB5!important;
}
.fc-toolbar-title{
	font-weight:bold!important;
}
.fc-col-header-cell-cushion,.fc-daygrid-day-number{
	color:#000000!important;
}
.dataTables_wrapper .dataTables_processing{
	position: absolute !important;
	margin-top: 20% !important;
	background: transparent!important;
	border: none!important;
	box-shadow:none!important;
	z-index: 11000 !important;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
    border-color: #aaaaaa !important; /* Replace #FF0000 with your desired color code */
}
table.dataTable th{
	padding:10px 7px 10px 7px!important;
	text-align: left !important;
}
table.dataTable thead tr:first-child th {
    position: sticky;
    z-index: 12;
    top: 0;
    background: white;
}

#toastsContainerTopRight{
	z-index:999999;
}
.bg-primary-smooth {
  /*background-color: #007bff !important;*/
  background-color: #cfe4fa !important;
}
.bg-secondary-smooth {
  /*background-color: #6c757d !important;*/
  background-color: #6c757d !important;
}
.bg-success-smooth {
  /*background-color: #28a745 !important;*/
  background-color: #e7f5e6 !important;
}
.bg-info-smooth {
  /*background-color: #17a2b8 !important;*/
  background-color: #cdf4fa !important;
}
.bg-warning-smooth {
  /*background-color: #ffc107 !important;*/
  background-color: #f7eed2 !important;
}
.bg-danger-smooth {
  /*background-color: #dc3545 !important;*/
  background-color: #f5cbcf !important;
}
.bg-light-smooth {
  /*background-color: #dc3545 !important;*/
  background-color: #aaaaaa !important;
}
.border-light-smooth {
  /*background-color: #dc3545 !important;*/
  border-color: #aaaaaa !important;
}
ul.pagination{
	margin-bottom:0px;
}
.pagination > li.page-item a{
	color:#343a40!important;
}
.pagination > li.disabled a{
	color:#889199!important;
}
.pagination > li.active a {
	background-color:#ffc107!important;
	border-color:#6c757d!important;
}
.pagination > li.page-item a:focus {
    box-shadow: .5px .5px 2px .5px #ffc107!important;
}
.shine-loader{
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0) 80%
	),lightblue;
	background-repeat: repeat-y;
	background-size: 60px 500px;
	background-position: 0 0;
	animation: shine 1s infinite;
}
@keyframes shine {
	to {
		background-position: 110% 0;
	}
}