span.required {
	color: red;
}
span.select2.select2-container.select2-container--default {
	width: 100% !important;
}
input.datepicker {
	width: 100%;
}
.thumbs-table,
.thumbs-table-80,
.thumbs-table-60,
.thumbs-table-30 {
	width: 100%;
	text-align: center;
}
.thumbs-table img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.thumbs-table-80 img {
	max-width: 80%;
	height: auto;
	margin: 0 auto;
}
.thumbs-table-60 img {
	max-width: 60%;
	height: auto;
	margin: 0 auto;
}
.thumbs-table-30 img {
	max-width: 30%;
	height: auto;
	margin: 0 auto;
}
button.kv-file-remove.btn.btn-sm.btn-kv.btn-default.btn-outline-secondary {
	display: none;
}

td.disabled.day {
	text-decoration: line-through;
}
#floating-panel {
	position: absolute;
	top: 100px;
	left: 1%;
	z-index: 5;
	background-color: #fff;
	padding: 5px;
	text-align: left;
	line-height: 30px;
	padding-left: 10px;
	background: transparent;
	max-width: 30%;
	min-width: 25%;
}
i.fas.fa-star {
	color: #fde16d !important;
}
.rating-container.rating-lg.rating-animate {
	margin-top: -2rem;
}
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
	background-color: #ebedf3 !important;
}
.tooltip-geo {
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	font-weight: bold;
}
.color-fms-ungu {
	color: #8950fc;
}
.color-fms-kuning {
	color: #ffa800;
}
.color-fms-merah {
	color: #f64e60;
}
.color-fms-cyan {
	color: #1bc5bd;
}
.bootstrap-timepicker-widget table td > a {
	width: unset;
}
.card-fullscreen {
	display: block;
	z-index: 99;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
}
.polyline_trip {
	stroke-width: 5;
}
.polyline_route {
	stroke-width: 5;
}
.btn-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}
div#dropdown-menu {
	z-index: 2;
}

/*custom scrollbar*/
.scrollbar {
	scrollbar-color: #9a9a9a transparent;
	scrollbar-width: thin;
}

.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	/*background-color: #F5F5F5;*/
	background-color: transparent;
}

.scrollbar::-webkit-scrollbar {
	height: 7px;
	width: 5px;
	/*background-color: #F5F5F5;*/
	background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #9a9a9a;
	/*background-color: transparent;*/
}

.radius-5 {
	border-radius: 5px !important;
}
.radius-10 {
	border-radius: 10px !important;
}
.radius-15 {
	border-radius: 15px !important;
}
.radius-20 {
	border-radius: 20px !important;
}
.radius-25 {
	border-radius: 25px !important;
}
.radius-50 {
	border-radius: 50% !important;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #428bca;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #428bca transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.header-fixed.subheader-fixed.subheader-enabled .wrapper {
	padding-top: 50px;
}
.aside-minimize:not(.aside-minimize-hover) .brand .brand-logo h2 {
    display: none;
}
.aside-minimize:not(.aside-minimize-hover) .div-input-search-menu {
    display: none;
}

.bootstrap-tagsinput {
	padding-top: 10px;
}
.bootstrap-tagsinput .twitter-typeahead {
	top: -10px;
    margin-left: 10px
}

table>thead>tr>th:first-child {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important;
}

span.arsip-nama {
    display: block;
    display: -webkit-box;
    height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
	justify-content:center!important;
}
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
	display: block!important;
}

/* .fv-plugins-bootstrap .form-control.is-invalid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F64E60' stroke='none'/%3e%3c/svg%3e");
}
.fv-plugins-bootstrap .form-control.is-valid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231BC5BD' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
} */

.timeline-bar-dashed {
	background-image: linear-gradient(#264a8a 33%, rgba(255,255,255,0) 0%);
    background-position: right;
    background-size: 1px 6px;
    background-repeat: repeat-y;
}

.datepicker.datepicker-orient-top {
	z-index: 999!important;
}

.navi.navi-active .navi-item .navi-link.active i {
	color: #264a8a;
}

.custom-progress-bar {
    list-style: none;
    padding-left: 25px;
}
.custom-progress-bar li {
    position: relative;
    margin-top: 25px;
}

.custom-progress-bar li:first-child {
    margin-top: 0;
}

.custom-progress-bar li::before {
    content: "";
    line-height: 14px;
    text-align: center;
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: #fff;
}

.custom-progress-bar li.success-dot::before {
    border: 4px solid #22c55e;
}

.custom-progress-bar li.danger-dot::before {
    border: 4px solid #dc2626;
}

.custom-progress-bar li.primary-dot::before {
    border: 4px solid #15325c;
}

.custom-progress-bar li.gray-dot::before {
    border: 4px solid #d0d3d9;
}

.custom-progress-bar li::after {
    content: "";
    position: absolute;
    height: 55px;
    width: 3px;
    background-color: #d0d3d9;
    z-index: 1;
    left: -19px;
    top: -40px;
}

.custom-progress-bar.double-row-progress-bar li::after {
    height: 70px;
    top: -48px;
}

.custom-progress-bar li:first-child:after {
    display: none;
}