@media (min-width: 992px) {
    body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item>.menu-link .menu-icon .svg-icon {
        color: #ffffff;
    }
}

.logo-title {
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    display: inline-table;
    padding: 5px 35px 5px 0;
    margin-left: 7px;
    float: right;
    border-right: 1px solid #ffffff1f;
}

.alert.alert-secondary {
    color: #444;
}

form p {
    margin: 0;
}

form .error {
    color: red;
    font-size: 11px;
    padding: 2px 0 0 7px;
}

.alert-success {
    color: #1aa157;
    border-color: #cefde3;
    background-color: #e7faf0;
}

.dataTables_length,
.dataTables_filter,
dataTables_processing,
div.dataTables_wrapper div.dataTables_processing,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after {
    display: none !important;
}

label.label.label-success {
    background: #caeeea;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 10px;
    color: #009482;
    font-weight: 600;
}

label.label.label-default {
    background: #f7f7f7;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 10px;
    color: #666;
    font-weight: 600;
}

.dataTables_info {
    display: inline-flex !important;
}

.dataTables_paginate {
    display: inline-flex;
    flex: 1;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: right;
}

a.paginate_button {
    padding: 0 4px;
    color: #555;
}

table#datatables {
    border-bottom: 1px solid #f8f8f8;
    margin: 0 0 10px !important;
}

@media (min-width: 992px) {
    .header-fixed[data-kt-sticky-header=on] .header .header-logo .logo-title {
        color: #555;
    }
}

.tooltip-inner {
    background-color: #222;
    box-shadow: 0px 0px 4px black;
    color: #EEE;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #222 !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #222 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #222 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #222 !important;
}

.tooltip.delete .tooltip-inner {
    background-color: #d24a4a;
    color: #EEE;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right.delete .tooltip-arrow::before {
    border-right-color: #d24a4a !important;
}

.tooltip.bs-tooltip-left.delete .tooltip-arrow::before {
    border-left-color: #d24a4a !important;
}

.tooltip.bs-tooltip-bottom.delete .tooltip-arrow::before {
    border-bottom-color: #d24a4a !important;
}

.tooltip.bs-tooltip-top.delete .tooltip-arrow::before {
    border-top-color: #d24a4a !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #222;
}

.delete .tooltip-arrow::before {
    border-top-color: #d24a4a !important;
}

td.dataTables_empty {
    text-align: center;
    color: #aeacac;
}

form .error {
    font-size: 10px;
    padding: 1px 7px 1.5px !important;
    font-weight: 400 !important;
    /* position: absolute; */
    background: #e84242;
    color: #FFF;
    margin: 0px 0 0 5px;
    border-radius: 2px;
    display: none;
}

form .error.show {
    display: inline;
}

.paginate_button {
    cursor: pointer;
}

.paginate_button.disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

a.paginate_button.current {
    color: #d30101;
    border-radius: 100%;
    padding: 0px 5px;
    font-weight: 600;
    cursor: not-allowed;
}

.icon-select-santri {
    text-align: right;
    margin: -40px 7px 20px;
    float: right;
    padding: 5px;
    cursor: pointer;
}

table.dataTable>thead>tr>td:not(.sorting_disabled),
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 0.75rem;
}

.separator {
    display: block;
    height: 0;
    border-bottom: 1px solid #f5f5f5;
}

.add-button {
    padding: 5px 13px !important;
    margin-top: 10px;
    border-radius: 20px;
}

@media (min-width: 992px) {
    .header .header-menu .menu>.menu-item.here>.menu-link .menu-title {
        color: #009582;
    }

    .header .header-menu .menu>.menu-item.here>.menu-link .menu-icon,
    .header .header-menu .menu>.menu-item.here>.menu-link .menu-icon .svg-icon,
    .header .header-menu .menu>.menu-item.here>.menu-link .menu-icon i {
        color: #009582;
    }
}

.error-detail {
    text-align: center;
    max-width: 400px;
    margin: auto;
    color: #727070;
}

.error-detail h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

#detail-data input,
#detail-data select,
#detail-data textarea,
#detail-data .select2 {
    pointer-events: none;
}

.btn.btn-danger {
    border-color: #de3131;
    background-color: #de3131;
}

.btn-check:checked+.btn.btn-danger,
.btn-check:active+.btn.btn-danger,
.btn.btn-danger:focus:not(.btn-active),
.btn.btn-danger:hover:not(.btn-active),
.btn.btn-danger:active:not(.btn-active),
.btn.btn-danger.active,
.btn.btn-danger.show,
.show>.btn.btn-danger {
    border-color: #de3131 !important;
    background-color: #de3131 !important;
}

table#datatables {
    /* min-height: 500px; */
    vertical-align: top !important;
}

.card {
    border-radius: 5px;
    box-shadow: 1px 1px 10px #0000001a;
}

body {
    background-size: 100% calc(50% - 20px);
    background-attachment: fixed;
    height: 100%;
}

/* .form-check-custom.form-check-solid .form-check-input:checked {
    background-color: #f70000;
} */

.btn-square-small {
    width: 30px !important;
    height: 30px !important;
}

button.swal2-cancel.btn.btn-default.swal2-styled {
    background: #FFF;
    color: #484747;
    border: 1px solid #ddd !important;
}

.form-title {
    border-bottom: 1px dashed #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.form-title:before {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    background: red;
    margin: 5px -22px 0;
}

.note-toolbar {
    background-color: #f5f8fa;
    border-color: #eee;
}

.note-editor.note-airframe,
.note-editor.note-frame {
    border: 1px solid rgb(0 0 0 / 9%);
}

.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar {
    background-color: #f5f8fa;
}

.note-editing-area .note-editable {
    font-size: 14px !important;
    color: #4e5262;
}

#pr-box.light p {
    background-color: #de3231;
}

#pr-box i {
    border-bottom: 7px solid #de3231;
}

#pr-box.light ul li span {
    border: 3px solid #de3231;
}

#pr-box.light ul li span.pr-ok {
    background-color: #de3231;
    border: 3px solid #de3231;
}

.flex-row-fluid {
    max-width: 100%;
}

div#datatables_wrapper {
    overflow: scroll;
}

@media (max-width: 767.98px) {
    .form-title:before {
        content: none;
    }

    .card-title {
        display: block !important;
    }
}