/* Custom Global style CSS
by Bobby Fajar Christian @bobbyfajarc
Started in 2021, Last Revised in 2024 */

@import url('https://cdn.jsdelivr.net/npm/animate.css/animate.min.css');
@import url('https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css');
@import url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/fontawesome.min.css');
@import url('https://cdn.jsdelivr.net/npm/@iconscout/unicons/css/line.min.css');
@import url('https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.min.css');
@import url('https://cdn.jsdelivr.net/npm/sakura-js/dist/sakura.min.css');
@import url('https://cdn.jsdelivr.net/npm/@selectize/selectize/dist/css/selectize.bootstrap5.min.css');
@import url('https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs5.min.css');
@import url('https://cdn.jsdelivr.net/npm/sweetalert2/dist/sweetalert2.min.css');
@import url('https://cdn.jsdelivr.net/npm/toastr/build/toastr.min.css');
@import url('https://cdn.datatables.net/v/bs5/jszip-3.10.1/dt-2.1.8/af-2.7.0/b-3.1.2/b-colvis-3.1.2/b-html5-3.1.2/b-print-3.1.2/cr-2.0.4/date-1.5.4/fc-5.0.3/fh-4.0.1/kt-2.12.1/r-3.0.3/rg-1.5.0/rr-1.5.0/sc-2.4.3/sb-1.8.1/sp-2.3.3/sl-2.1.0/sr-1.4.1/datatables.min.css');

.bobby {
    display: block;
}

html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar Kemendag Family*/
::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #8C90A6;
	border-radius: 20px;
	border: 3px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--success);
	background: linear-gradient(57deg, var(--bs-primary) 0%, var(--bs-success) 100%);
}

.frm-error {
    /* isi kene */
    border-color: var(--bs-danger) !important;
}

.loader-form {
    position: absolute;
    top: 30%;
    right: 2%;
    display: none;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.btn-disabled,
.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:active {
    cursor: default !important;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    color: #b1b1b1;
}

.fl {
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}

.del-form-list {
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    border: 1px solid #e2e2e2;
    top: -8px;
    left: -16px;
    background-color: #fff;
    border-radius: 50%;
    color: #b1b1b1;
}

.flabel {
    white-space: nowrap;
    overflow: hidden;
}

.icon-collapse .icon {
    font-size: 20px;
    cursor: pointer;
}

.back-to {
    cursor: pointer;
}

/* Datatable */
.table thead tr th {
    text-align: center;
}

.dataTables_filter {
    margin-bottom: 10px;
}

/* SweetAlert */
.swal2-actions .swal2-styled {
    padding: 5px;
    font-size: 14px !important;
}

.swal2-header .swal2-title {
    font-size: 18px;
}

.swal2-content .swal2-html-container {
    font-size: 14px;
}

.boomboom {
    width: 120px;
    margin-bottom: 0.125rem;
}

.list-pegawai:hover {
    cursor: pointer !important;
    background-color: #dee4ff !important;
}

.tab-pane.fade {
    transition: all 0.2s;
    transform: translateY(1rem);
}

.tab-pane.fade.show {
    transform: translateY(0rem);
}

.text-secondary-2 {
    color: #abb4b5;
}

.amount.gendut {
    font-size: 2.25rem;
}

/* Selectize */
.selectize-input {
    font-size: 13px !important;
    padding: 7px 20px !important;
}

@media only screen and (max-width: 768px) {
    .invest-data.dokidoki {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .invest-data-ck.dokidoki {
        flex-grow: 1;
        height: 48px;
        width: 150px;
        margin-bottom: 2rem;
    }

    .invest-data-amount.dokidoki {
        display: block;
        flex-shrink: 0;
        flex-grow: 1;
    }

    .jagajarak {
        margin-bottom: 0.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .invest-data-ck.dokidoki {
        flex-grow: 1;
        height: 48px;
        width: 80px;
        margin-bottom: 1rem;
    }
}