body {
    background-color: #dee6ec;
}

.form-control.form-control-solid {
    border-color: #c5cacd;
}
table.dataTable thead tr th.sorting_asc,
table.dataTable thead tr td.sorting_asc {
    color: #7239EA;
}

table.dataTable thead tr th.sorting_desc,
table.dataTable thead tr td.sorting_desc {
    color: #7239EA;
}

table.dataTable tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
}

table.dataTable tbody tr td.text-end {
    padding-left: 5px;
    padding-right: 20px;
}

table.dataTable thead tr th {
    padding-left: 5px;
    padding-right: 5px;
}

.table-sm> tbody > tr > td {
    padding: 0rem 0rem;
}

input[type=text], input[type=text], textarea {
    text-transform: uppercase;
}

input#password, input#popup_password, input#confirm_password, input#old_password {
    text-transform: none;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #50cd89;
    border-color: #50cd89;
}

.scrolltop {
    bottom: 70px;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #5e6278;
}

.form-control {
    border-color: #c5cacd;
    transition: color .2s ease,background-color .2s ease;
}

.form-control:read-only {
    background-color: #ebeef1;
    color: #5e6278;
}

th .form-check-input {
    padding-left: 5px !important;
}

.form-check-input {
    cursor: pointer;
}

.modal .dataTables_scrollBody tr{
    cursor: pointer;
}

.dataTables_scrollBody tr td span[data-bs-toggle="tooltip"]{
    cursor: pointer;
}

#card_bpjs_kes_kary, #card_bpjs_tk_kary {
    background-image: url("/assets/media/misc/dashboard_kary_asurnasi.png");
    background-size: cover;
}

.timeline-label:before {
    left: 91px;
}

.timeline-label .timeline-label {
    width: 90px;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

.table {
    --bs-table-hover-color: #181C32;
    --bs-table-hover-bg: #a4d9f6;
}

.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: 5px;
}

div, ol, pre, span, ul {
    scrollbar-width: thin;
    scrollbar-color: #98c6f4 transparent;
}

@media (min-width: 992px) {
    span, ol, ul, pre, div {
        scrollbar-width: thin;
        scrollbar-color: #78b2ec transparent;
    }
    span:hover,
    ol:hover,
    ul:hover,
    pre:hover,
    div:hover {
        scrollbar-color: #78b2ec transparent;
    }
    span:hover::-webkit-scrollbar-thumb,
    ol:hover::-webkit-scrollbar-thumb,
    ul:hover::-webkit-scrollbar-thumb,
    pre:hover::-webkit-scrollbar-thumb,
    div:hover::-webkit-scrollbar-thumb {
        background-color: #78b2ec;
    }
}

table.dataTable > thead .sorting_asc:after {
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' fill='%23FFF'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.42111 2.06463C4.22088 1.96161 3.9637 1.9809 3.78597 2.12863L0.177181 5.12847C-0.046034 5.31402 -0.0602611 5.63049 0.145404 5.83532C0.351069 6.04015 0.698744 6.05578 0.921959 5.87023L4.14137 3.19406L7.06417 5.84414C7.27904 6.03896 7.62686 6.03835 7.84105 5.84278C8.05524 5.64721 8.05469 5.33073 7.83982 5.13591L4.54449 2.14806C4.50704 2.1141 4.46541 2.08629 4.42111 2.06463Z'/%3E%3C/svg%3E");
}

table.dataTable > thead .sorting_desc:after {
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' fill='%23FFF'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.42111 5.93537C4.22088 6.03839 3.9637 6.0191 3.78597 5.87137L0.177181 2.87153C-0.046034 2.68598 -0.060261 2.36951 0.145404 2.16468C0.351069 1.95985 0.698744 1.94422 0.921959 2.12977L4.14137 4.80594L7.06417 2.15586C7.27904 1.96104 7.62686 1.96165 7.84105 2.15722C8.05524 2.35279 8.05469 2.66927 7.83982 2.86409L4.54449 5.85194C4.50704 5.8859 4.46541 5.91371 4.42111 5.93537Z'/%3E%3C/svg%3E");
}

div.dataTables_scrollHead table {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.dataTables_scrollHead th:first-child {
    border-top-left-radius: 5px;
}

div.dataTables_scrollHead th:last-child {
    border-top-right-radius: 5px;
}

table.dataTable thead tr th:first-child, table.dataTable tbody tr td:first-child {
    padding-left: 5px;
}

table.dataTable thead tr th:last-child, table.dataTable tbody tr td:last-child {
    padding-right: 5px;
}

.flatpickr-day.today {
    background: #ceebff;
    color: #54555c;
    border-color: transparent;
}

.accordion-item {
    border: 1px solid #009ef7;
}

@media (min-width: 992px) {
    .content {
        padding: 10px 0;
        padding: 10px 0;
    }
}
@media (min-width: 992px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding: 0 10px;
        padding: 0 10px;
    }
}

table.dataTable td.dt-control{text-align:center;cursor:pointer}
table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}

.toast-header {
    padding: 0.5rem 0rem;
}

.toast-body {
    padding: 0rem;
    padding-top: 0.5rem;
    word-wrap: break-word;
}

.form-control-email{
    text-transform: lowercase !important;
}

.field-icon {
    cursor: pointer;
    float: right;
    margin-top: -25px;
    margin-left: -25px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}


element.style {
}
input#password, input#popup_password {
    text-transform: none;
}
.form-control.is-valid, .was-validated .form-control:valid {
    background-image: none;
}

.form-control.is-invalid, .was-invalidated .form-control:invalid {
    background-image: none;
}