@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
	font-family: 'SansationLight';
	src: url('../fonts/SansationLight.eot');
	src: local('SansationLight'), url('../fonts/SansationLight.woff') format('woff'), url('../fonts/SansationLight.ttf') format('truetype');
}
html,body{
	font-family: "SN Pro", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
.bg{
	position:absolute;
	background-attachment: fixed;
	width:100%;
	height:100vh;
	background-image:url('../../assets/images/bg.png')!important;
	background-size:8% 15%;
	background-position: center;
	background-repeat: repeat;
	opacity: 0.2!important;
	z-index: -1;
}
.loader-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 9999!important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.loader-bg .loader-track {
    position: relative;
    height: 3px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.loader-bg .loader-track .loader-fill:after, .loader-bg .loader-track .loader-fill:before {
    content: '';
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
}

.loader-bg .loader-track .loader-fill:before {
    -webkit-animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.loader-bg .loader-track .loader-fill:after {
    -webkit-animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes mbar {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -35%;
    }
}

@keyframes mbar {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -35%;
    }
}

@-webkit-keyframes m_s {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes m_s {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}


.loading{
	position: fixed;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.6);
	z-index:9999;
}
.loader{
	display: none;
	position: fixed;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.6);
	z-index:9999;
}
.pointer{
	cursor:pointer;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
.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:99999!important;
	font-size:12px!important;
	margin-top:10px!important;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: none;
}
.select2-selection{
	padding-top:5px!important;
	padding-left:15px!important;
}
.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;
}
.fc-toolbar-title{
	font-weight:bold!important;
}
.fc-col-header-cell-cushion,.fc-daygrid-day-number{
	color:#000000!important;
}
.dataTables_wrapper .dataTables_processing {
	position: fixed !important;
	top: 50% !important;
	background: #FFFFCC;
	border: 1px solid black;
	border-radius: 3px;
	font-weight: bold;
}
#toastsContainerTopRight{
	z-index:999999;
}
.bg-gray{
	background: #e9ecef!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:15px!important;
	text-align: left !important;
}
table.dataTable thead tr:first-child th {
    position: sticky;
    z-index: 12;
    top: 0;
    background: white;
}


.bell {
  animation: bell-ring 0.6s ease-in-out infinite;
}
@keyframes bell-ring {
  0%   { transform: rotate(0deg); }
  15%  { transform: rotate(15deg); }
  30%  { transform: rotate(-15deg); }
  45%  { transform: rotate(10deg); }
  60%  { transform: rotate(-10deg); }
  75%  { transform: rotate(5deg); }
  85%  { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.zoom-img {
  overflow: hidden;
}

.zoom-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease;
}

.zoom-img img:hover {
  transform: scale(1.2);
}