.table th, .table th a {
    color: #343a40 !important;
}

.table th a {
    text-decoration: underline;
}

.custom-switch .custom-control-label::before, .custom-switch .custom-control-label::after {
    cursor: pointer;
}

.del_pic {
    position: absolute;
    margin-left: -11px;
    margin-top: -6px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 10px;
}

a[data-toggle=lightbox] {
    cursor: zoom-in;
}

.text-warning {
    color: orange !important;
}

/* Support Dark Mode */
.dark-mode .table th, .dark-mode .table th a {
    color: #f8f9fa !important;
}

.dark-mode hr {
    border-top: 1px solid #4b545c;
}

.dark-mode .custom-select {
    background: #343a40 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
}

.dark-mode .select2-container--bootstrap4 .select2-selection {
    background-color: unset;
    border: 1px solid #6c757d;
}

.dark-mode .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}

.dark-mode .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
}

.dark-mode .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    color: #ffffff;
}

/** logo **/
.logo-active {
    border: 3px solid #007bff !important;
}

.logo-unactive {
    border: 3px solid #cccccc !important;
}

.logo-unactive:hover {
    border: 3px solid #007bff !important;
}

/* format_search */
.format_search_normal {
    width: 300px;
    float: right;
}

.format_search_type_key {
    margin-bottom: 10px;
    border: 2px solid blue;
    width: 200px;
    float: right
}

.loading-overlay {
    display: none;
    background: rgba(255, 255, 255, 0.7);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9998;
    align-items: center;
    justify-content: center;
}

.loading-overlay.is-active {
    display: flex;
}