@import url("https://fonts.googleapis.com/css?family=Poppins");

:root {
    --bs-font-sans-serif: "Poppins", sans-serif;
}

.auth-bg {
    background-image: url("../images/bg.png");
}

.pace-active {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: hsla(0, 0%, 0%, 0.700);
    z-index: 10600;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
    pointer-events: unset;
}

.pace-inactive .process-area {
    display: none;
}

body[data-layout-mode=dark] footer a {
    color: #fff;
}

#side-menu>.mm-active>a {
    color: #fff !important;
    background-color: #0D2B5B;
    border-color: #0D2B5B;
    box-shadow: 0 2px 6px 0 rgb(13 43 91 / 50%);
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: left !important;
}

body[data-sidebar=dark] #side-menu>.mm-active>a {
    color: #000 !important;
    background-color: #fff;
    border-color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: left !important;
}

.mm-active .active,
.mm-active .active svg {
    color: #000 !important;
}

#side-menu>li>a {
    margin-right: 1rem !important;
}

body[data-sidebar=dark] #side-menu>.mm-active>a svg {
    color: #000 !important;
}

#side-menu>.mm-active>a svg {
    color: orange !important;
}

#sidebar-menu ul li ul.sub-menu li a {
    font-size: .9rem !important;
}

#side-menu>.mm-active>a:hover svg {
    color: #ffc800 !important;
}

#sidebar-menu ul li ul.sub-menu li a.active,
#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:hover i,
#sidebar-menu ul li a:hover svg {
    color: black !important;
}

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a.active,
body[data-sidebar=dark] #sidebar-menu ul li a:hover,
body[data-sidebar=dark] #sidebar-menu ul li a:hover i,
body[data-sidebar=dark] #sidebar-menu ul li a:hover svg {
    color: #fff !important;
}

#side-menu>.mm-active>a:hover,
#side-menu>.mm-active>a:hover i {
    color: rgb(185, 185, 185) !important;
}

body[data-sidebar=dark] #side-menu>.mm-active>a:hover,
body[data-sidebar=dark] #side-menu>.mm-active>a:hover i,
body[data-sidebar=dark] #side-menu>.mm-active>a:hover svg {
    color: #0D2B5B !important;
}

.btn-small {
    padding: 4px 6px 2px !important;
    border-radius: 4px !important;
    font-size: 8px !important;
}

.btn-warning {
    color: #000 !important;
}

.input-group>.form-control {
    border-right: unset;
}

.input-group>.btn {
    border: 1px solid #ced4da;
    border-left: unset;
    box-shadow: none !important;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.input-group>.form-control.is-invalid {
    border-right: unset;
}

.input-group>.form-control:focus+.btn {
    border-color: #b9bfc4;
}

.input-group>.form-control.is-invalid+.btn {
    border-color: #fd625e;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
    border-left: unset;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.badge-soft-primary {
    color: #5156be;
    background-color: rgba(81, 86, 190, .18);
}

.bg-soft-primary {
    background-color: rgba(81, 86, 190, .18) !important;
}

.bg-soft-pastel {
    background-color: rgba(214, 201, 195, .25) !important;
}

.bg-soft-secondary {
    background-color: rgb(242, 242, 245) !important;
}

.bg-pastel {
    --bs-bg-opacity: 1;
    background-color: rgba(214, 201, 195) !important;
}

.bg-primary {
    background-color: #0D2B5B !important;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.select2-container--default .select2-selection--multiple input,
.select2-container--default .select2-selection--multiple input:focus-visible {
    border: none !important;
}

.select2-container--default .select2-selection--multiple:has(input:focus) {
    border-color: #b9bfc4 !important;
}

.select2-selection__choice {
    margin-top: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
    color: #495057;
}

.select2-dropdown {
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection .select2-selection__arrow {
    height: 37px !important;
    padding: 0.47rem 0.75rem !important;
}

.select2-container--default .select2-selection {
    border: 1px solid #ced4da !important;
    min-height: 39px !important;
    padding: 0.3rem 0.75rem !important;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection .select2-selection__rendered {
    color: #495057 !important;
    line-height: unset !important;
    padding-left: 0;
}

.select2-container--default input {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    color: #495057 !important;
    outline: unset !important;
}

.select2-container--default *:focus-visible {
    outline: unset !important;
}

.select2-container--default input:focus-visible {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    color: #495057 !important;
    outline: unset !important;
}

body[data-layout-mode=dark] .select2-container--default .select2-selection .select2-selection__arrow {
    color: #adb5bd !important;
    background-color: #363a38 !important;
    border: 1px solid #3b403d !important;
}

body[data-layout-mode=dark] .select2-container--default .select2-selection {
    color: #adb5bd !important;
    background-color: #363a38 !important;
    border: 1px solid #3b403d !important;
}

body[data-layout-mode=dark] .select2-container--default .select2-selection .select2-selection__rendered {
    color: #adb5bd !important;
    background-color: #363a38 !important;
}

body[data-layout-mode=dark] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #363a38;
}

body[data-layout-mode=dark] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffffff !important;
    color: #363a38 !important;
}

body[data-layout-mode=dark] .select2-container--default input {
    color: #adb5bd !important;
    background-color: #363a38 !important;
    border: 1px solid #3b403d !important;
}

body[data-layout-mode=dark] .select2-dropdown {
    color: #adb5bd !important;
    background-color: #363a38 !important;
    border: 1px solid #3b403d !important;
}

body[data-layout-mode=dark] .form-control.is-invalid {
    border: 1px solid #fd625e !important;
}

body[data-layout-mode=dark] thead th {
    background-image: -webkit-linear-gradient(top, #313533, #313533);
}

body[data-layout-mode=dark] thead th {
    background-image: -webkit-linear-gradient(top, #313533, #313533);
}

body[data-layout-mode=dark] .table-first-fixed th:first-child,
body[data-layout-mode=dark] .table-first-fixed td:first-child {
    position: sticky !important;
    left: 0px !important;
    background-color: #363a38 !important;
    z-index: 1 !important;
}

.table-first-fixed th:first-child,
.table-first-fixed td:first-child {
    position: sticky !important;
    left: 0px !important;
    background-color: #f2f2f2 !important;
    z-index: 1 !important;
}

thead th {
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
}

th .input-group>.form-control:not(:first-child) {
    border-radius: 0.25rem !important;
}

table.dt-rowReorder-float {
    position: absolute !important;
    opacity: 0.8;
    table-layout: fixed;
    background-color: #f3f3f9;
    z-index: 2001
}

tr.dt-rowReorder-moving {
    background-color: #f3f3f9;
}

body.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

table.dataTable td.reorder {
    text-align: center;
    cursor: move
}

table.dt-rowReorder-float td.dtfc-fixed-left,
table.dt-rowReorder-float td,
tr.odd.dt-rowReorder-moving td.dtfc-fixed-left,
tr.even.dt-rowReorder-moving td.dtfc-fixed-left,
tr.odd.dt-rowReorder-moving td,
tr.even.dt-rowReorder-moving td {
    background-color: #f3f3f9 !important;
    --bs-table-accent-bg: #f3f3f9 !important;
}

.reorder-element {
    cursor: move;
}

.table-reorder>thead .sorting {
    cursor: default !important;
    padding-right: 12px !important;
}

.table-reorder>thead .sorting:before,
.table-reorder>thead .sorting:after {
    content: "" !important;
}

body[data-layout-mode=dark] tr.even td.dtfc-fixed-left,
body[data-layout-mode=dark] tr.even td.dtfc-fixed-right {
    background-color: #313533;
}

tr.even td.dtfc-fixed-left,
tr.even td.dtfc-fixed-right {
    background-color: #fff;
}

tr.odd td.dtfc-fixed-left,
tr.odd td.dtfc-fixed-right {
    background-color: #fff;
}

th.dtfc-fixed-left,
th.dtfc-fixed-right,
td.dtfc-fixed-left,
td.dtfc-fixed-right {
    z-index: 1;
}

body[data-layout-mode=dark] .card-footer {
    background-color: #313533;
    border-top: 1px solid #3b403d;
}

.signature-wrapper {
    text-align: center;
    width: 100%;
    height: 150px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    left: 0;
    top: 0;
}

.document-list li.active {
    background-color: rgba(44, 48, 46, .075);
    border-color: transparent;
}

.document-list li {
    display: block;
    padding: 14px 16px;
    color: #74788d;
    -webkit-transition: all .4s;
    transition: all .4s;
    border-top: 1px solid #e9e9ef;
    position: relative;
}

.form-control.disabled {
    background-color: #e9e9ef;
    opacity: 1;
    pointer-events: none;
}

.form-check-input.disabled {
    background-color: #e9e9ef;
    border: none;
    opacity: 1;
    pointer-events: none;
    cursor: auto;
}

.form-check-input-lg {
    min-width: 38px;
    width: 38px;
    height: 38px;
}

.form-check-input-lg-p {
    height: 38px;
}

.form-check-input:has(~ * .is-invalid),
.form-check-input:has(+ * .is-invalid) {
    border-color: #fd625e;
}

.select2-container--default.select2-container--disabled .select2-selection,
.disabled~.select2-container--default .select2-selection {
    background-color: #e9e9ef !important;
    pointer-events: none;
}

.text-dark {
    color: #495057 !important;
}

.text-justify {
    text-align: justify;
}

.ws-prewrap {
    white-space: pre-wrap;
}

.h-img-group {
    height: calc(1.4em + 1rem + 2px);
}

img {
    object-fit: cover !important;
}

.img-ttd {
    height: 85px;
}

.img-static-content-1-1 {
    aspect-ratio: 100 / 100;
    max-width: 100%;
}

.img-barcode {
    aspect-ratio: 100 / 40;
    max-width: 100%;
    border: 1px solid #e9e9ef !important;
    border-bottom: unset !important;
}

.select2-results {
    font-weight: 400 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) .bg-in,
.table-striped>tbody>tr .bg-in {
    --bs-table-accent-bg: rgba(42, 181, 125, .1);
}

.table-striped>tbody>tr:nth-of-type(odd) .bg-out,
.table-striped>tbody>tr .bg-out {
    --bs-table-accent-bg: rgba(253, 98, 94, .1);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #fff !important;
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top {
    background-color: rgba(255, 191, 83, 0.15) !important;
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    font-weight: bold !important;
}

.fc-event.bg-primary {
    background-color: rgba(81, 86, 190, 1) !important;
}

.fc-event {
    color: #fff;
}

body[data-layout-mode=dark] .fc-daygrid-day-number,
body[data-layout-mode=dark] .fc-col-header-cell-cushion {
    color: #fff;
}

.text-status {
    cursor: auto;
}

.text-status.bg-soft-primary {
    color: #5156be !important;
    background-color: rgba(81, 86, 190, .18) !important;
}

.dashboard {
    height: 100%;
    position: fixed;
    overflow: hidden;
    right: 0;
    left: 0;
}

.dashboard-content {
    padding-left: 250px;
    padding-top: 131px;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
}

.dashboard .bg-overlay {
    margin-left: 250px;
    margin-top: 131px;
}

.dashboard .row {
    padding-bottom: 61px;
}

.dashboard-bg {
    background-image: url(../images/dashboard.jpg);
    background-size: cover;
}

@media (max-width: 991.98px) {
    .dashboard-content {
        padding-left: 0px;
    }

    .dashboard .bg-overlay {
        margin-left: 0px;
    }
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
    background-image: url(../images/calendar_today-dark.svg);
}

body[data-layout-mode=dark] input[type=date]::-webkit-calendar-picker-indicator,
body[data-layout-mode=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator {
    background-image: url(../images/calendar_today-light.svg);
}

#sidebar-menu ul li a {
    padding-right: 1rem !important;
}

#sidebar-menu ul li a,
#sidebar-menu ul li ul.sub-menu li a {
    font-size: 0.875rem !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0D2B5B !important;
}

#page-topbar .indicator {
    position: absolute;
    top: 25px;
    right: 14px;
}

#page-topbar .indicator .circle {
    background: var(--bs-danger);
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

#page-topbar .indicator .circle::before {
    background-color: var(--bs-danger);
    content: "";
    display: table;
    border-radius: 50%;
    position: absolute;
}

#page-topbar .indicator .circle::before,
.pulse-1 {
    animation-name: pulse-1;
    animation-duration: .9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes pulse-1 {
    0% {
        opacity: 1;
        width: 7px;
        height: 7px;
        left: 0;
        top: 0;
    }

    95% {
        opacity: .1;
        left: -10.5px;
        top: -10.5px;
        width: 28px;
        height: 28px;
    }

    100% {
        opacity: 0;
        width: 7px;
        height: 7px;
        left: 0;
        top: 0;
    }
}

.signature-pad-wrapper {
    position: relative;
    top: -24px;
}

.signature-clear {
    padding: .05rem .29rem .1rem;
}

.signature-clear i {
    vertical-align: middle;
}

.signature-clear-wrapper {
    text-align: right;
    position: relative;
    width: 250px;
    bottom: -30px;
    right: 3px;
    justify-self: center;
}

.signature-input-wrapper {
    position: relative;
    top: -20px;
    width: 250px;
    justify-self: center;
}

.signature-old {
    text-align: center;
    position: relative;
    top: 2px;
    margin-bottom: 28px;
}

.timeline-with-icons {
    border-left: 1px solid rgb(238, 203, 109, .3);
    position: relative;
    list-style: none;
}

.timeline-with-icons .timeline-item {
    position: relative;
}

.timeline-with-icons .timeline-item:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline-with-icons .timeline-item .timeline-title {
    color: #74788d;
}

.timeline-with-icons .timeline-item .timeline-icon {
    position: absolute;
    left: -48px;
    background-color: rgb(242, 242, 245);
    color: var(--bs-secondary);
    border-radius: 50%;
    height: 31px;
    width: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-with-icons .timeline-item p {
    color: #74788d;
}

.timeline-with-icons .timeline-item:first-child .timeline-title {
    color: var(--bs-primary);
}

.timeline-with-icons .timeline-item:first-child .timeline-icon {
    background-color: rgb(238, 203, 109, .3);
    color: #eb9406;
}

.timeline-with-icons .timeline-item:first-child p {
    color: var(--bs-body-color);
}

.fc .fc-button-primary:focus {
    box-shadow: unset !important;
}

.fc-h-event .fc-event-main {
    color: unset !important;
}

.fc .fc-daygrid-body,
.fc .fc-scrollgrid table {
    width: 100% !important;
}

.fc-event {
    margin: 5px 2px;
}

.fc .fc-toolbar h2 {
    font-size: 14px;
}

.page-link:focus {
    box-shadow: unset;
}

.barcode {
    text-align: center;
    font-size: 10px;
    width: 200px;
}

.btn-delete-alat-photo {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: .08rem .3rem 0;
}

th.bg-soft-primary,
td.bg-soft-primary {
    background: #fff !important;
    --bs-table-bg: rgba(81, 86, 190, .18) !important;
    --bs-table-accent-bg: rgba(81, 86, 190, .18) !important;
}

th.bg-soft-secondary,
td.bg-soft-secondary {
    background: #fff !important;
    --bs-table-bg: rgba(116, 120, 141, 0.15) !important;
    --bs-table-accent-bg: rgba(116, 120, 141, 0.15) !important;
}

th.bg-soft-success,
td.bg-soft-success {
    background: #fff !important;
    --bs-table-bg: rgba(42, 181, 125, 0.15) !important;
    --bs-table-accent-bg: rgba(42, 181, 125, 0.15) !important;
}

th.bg-soft-info,
td.bg-soft-info {
    background: #fff !important;
    --bs-table-bg: rgba(75, 166, 239, 0.15) !important;
    --bs-table-accent-bg: rgba(75, 166, 239, 0.15) !important;
}

th.bg-soft-warning,
td.bg-soft-warning {
    background: #fff !important;
    --bs-table-bg: rgba(255, 191, 83, 0.15) !important;
    --bs-table-accent-bg: rgba(255, 191, 83, 0.15) !important;
}

th.bg-soft-danger,
td.bg-soft-danger {
    background: #fff !important;
    --bs-table-bg: rgba(253, 98, 94, 0.15) !important;
    --bs-table-accent-bg: rgba(253, 98, 94, 0.15) !important;
}

th.bg-soft-pink,
td.bg-soft-pink {
    background: #fff !important;
    --bs-table-bg: rgba(232, 62, 140, 0.15) !important;
    --bs-table-accent-bg: rgba(232, 62, 140, 0.15) !important;
}

th.bg-soft-light,
td.bg-soft-light {
    background: #fff !important;
    --bs-table-bg: rgba(233, 233, 239, 0.15) !important;
    --bs-table-accent-bg: rgba(233, 233, 239, 0.15) !important;
}

th.bg-soft-dark,
td.bg-soft-dark {
    background: #fff !important;
    --bs-table-bg: rgba(52, 58, 64, 0.15) !important;
    --bs-table-accent-bg: rgba(52, 58, 64, 0.15) !important;
}

.table-equipment tr.bg-soft-info,
.table-equipment th.bg-soft-info,
.table-equipment td.bg-soft-info {
    background: #fff !important;
    --bs-table-bg: rgba(255, 191, 83, 0.3) !important;
    --bs-table-accent-bg: rgba(255, 191, 83, 0.3) !important;
}

.table-equipment tr.bg-soft-secondary,
.table-equipment th.bg-soft-secondary,
.table-equipment td.bg-soft-secondary {
    background: #fff !important;
    --bs-table-bg: rgba(116, 120, 141, 0.07) !important;
    --bs-table-accent-bg: rgba(116, 120, 141, 0.07) !important;
}

.dash-list {
    padding-left: 1.2rem;
}

.dash-list li::marker {
    content: "- ";
}