*, *::after, *::before {
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-app-region: no-drag;
}

body, html {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    user-select: none;
    text-align: inherit;
    -webkit-user-drag: none;
}

body[data-kt-drawer-activities="on"] {
    overflow-y: hidden;
}

.property-tabs,
.property-tabs i {
    color: var(--bs-secondary-inverse);
}

.property-tabs:hover,
.property-tabs.active,
.property-tabs:hover i,
.property-tabs.active i {
    color: var(--bs-primary-inverse);
    background: var(--bs-text-gray-800);
}

html[data-bs-theme="dark"] .property-tabs,
html[data-bs-theme="dark"] .property-tabs i {
    color: #ccc;
}

html[data-bs-theme="dark"] .property-tabs:hover,
html[data-bs-theme="dark"] .property-tabs.active,
html[data-bs-theme="dark"] .property-tabs:hover i,
html[data-bs-theme="dark"] .property-tabs.active i {
    color: #000;
}

#kt_app_content_container {
    padding-bottom: 20px;
}

.errordiv {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    background-color: var(--bs-primary);
    width: auto;
    min-width: 120px;
    min-height: 24px;
    display: none;
    position: absolute;
    z-index: 9999;
    top: 65px;
    border-radius: 3px;
}

.errordiv:before {
    position: absolute;
    top: -6px;
    left: 13px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    content: '';
}

.errordiv:after {
    position: absolute;
    top: -6px;
    left: 13px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--bs-primary);
    border-left: 6px solid transparent;
    content: '';
}

.form-select.select2-selection--multiple {
    padding-left: .55rem;
}

.form-select.select2-selection--multiple .select2-search.select2-search--inline {
    padding-left: .33rem;
}

.modal-body {
    max-height: calc(100vh - 190px);
    overflow-y: auto;
}

.app-header {
    background-color: var(--bs-primary-light);
}

table[id^="data_table"] thead tr,
#mainTable thead tr {
    background: var(--bs-primary-light);
}

table[id^="data_table"] thead tr th:first-child,
#mainTable thead tr th:first-child {
    border-left: 4px solid var(--bs-primary-light);
}

.fancybox__container {
    z-index: 1056 !important;
}

.select2-container--bootstrap5 .select2-selection {
    height: auto !important;
}

@media all and (max-width: 480px) {
    #kt_app_content_container {
        padding-bottom: 0;
    }

    #kt_app_content_container .nav-container {
        overflow-x: auto;
        overflow-y: hidden;
    }

    #kt_app_content_container .nav-container .nav {
        white-space: nowrap;
        flex-wrap: nowrap;
        margin: 0 15px;
    }

    #kt_app_content_container .nav-container .nav .nav-item:last-child .nav-link {
        margin-right: 20px;
    }

    #kt_app_content_container .nav-container .nav.nav-line-tabs-2x .nav-item {
        margin-bottom: 0;
    }

    .app-header {
        position: fixed;
        width: 100%;
        z-index: 2;
    }

    .app-wrapper {
        padding-top: var(--bs-app-header-height);
    }

    #mobile-toolbar {
        position: fixed;
        bottom: 0;
        z-index: 1;
        background: var(--bs-app-header-minimize-bg-color);
        width: 100%;
        left: 0;
        padding: 15px 20px;
        box-shadow: inset 0 10px 8px -11px #CCC, inset 0 0 0 0 #CCC;
    }

    #addNewFloating,
    #actionAddItem {
        position: fixed;
        width: 48px;
        height: 48px;
        bottom: 64px;
        line-height: 48px;
        right: 15px;
        z-index: 1;
        border-radius: 100%;
        -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        padding: 0;
        font-size: 21px;
    }

    #addNewFloating i,
    #actionAddItem i {
        font-size: 24px;
    }

    div[data-bs-dismiss="modal"] i {
        font-size: 22px !important;
    }

    .modal-body {
        max-height: calc(100vh - 140px);
        overflow-y: auto;
    }
}