:root {
    --spacious-size: 1.75rem;
    --compact-size: 1rem;
}
/* Sizes */
.p-spacious { padding: var(--spacious-size) !important; }
.pt-spacious { padding-top: var(--spacious-size) !important; }
.pb-spacious { padding-bottom: var(--spacious-size) !important; }
.ps-spacious { padding-left: var(--spacious-size) !important; }
.pe-spacious { padding-right: var(--spacious-size) !important; }
.py-spacious {
    padding-top: var(--spacious-size) !important;
    padding-bottom: var(--spacious-size) !important;
}
.px-spacious {
    padding-left: var(--spacious-size) !important;
    padding-right: var(--spacious-size) !important;
}
.p-compact { padding: var(--compact-size) !important; }
.pt-compact { padding-top: var(--compact-size) !important; }
.pb-compact { padding-bottom: var(--compact-size) !important; }
.ps-compact { padding-left: var(--compact-size) !important; }
.pe-compact { padding-right: var(--compact-size) !important; }
.py-compact {
    padding-top: var(--compact-size) !important;
    padding-bottom: var(--compact-size) !important;
}
.px-compact {
    padding-left: var(--compact-size) !important;
    padding-right: var(--compact-size) !important;
}
.m-spacious { margin: var(--spacious-size) !important; }
.mt-spacious { margin-top: var(--spacious-size) !important; }
.mb-spacious { margin-bottom: var(--spacious-size) !important; }
.ms-spacious { margin-left: var(--spacious-size) !important; }
.me-spacious { margin-right: var(--spacious-size) !important; }
.my-spacious {
    margin-top: var(--spacious-size) !important;
    margin-bottom: var(--spacious-size) !important;
}
.mx-spacious {
    margin-left: var(--spacious-size) !important;
    margin-right: var(--spacious-size) !important;
}
.m-compact { margin: var(--compact-size) !important; }
.mt-compact { margin-top: var(--compact-size) !important; }
.mb-compact { margin-bottom: var(--compact-size) !important; }
.ms-compact { margin-left: var(--compact-size) !important; }
.me-compact { margin-right: var(--compact-size) !important; }
.my-compact {
    margin-top: var(--compact-size) !important;
    margin-bottom: var(--compact-size) !important;
}
.mx-compact {
    margin-left: var(--compact-size) !important;
    margin-right: var(--compact-size) !important;
}
/* General */
.app-compact .menu-item .menu-link { padding: .4rem .75rem; }
.app-spacious .account-menu .nav .nav-link {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.app-compact .account-menu .nav .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.no-pointer-events { pointer-events: none; }
/* Sweet alert */
.app-compact .swal2-popup { padding: var(--compact-size) !important; }
.app-compact .swal2-popup button {
    padding: calc(.55rem + 1px) calc(1rem + 1px) !important;
    font-size: .95rem !important;
}
.app-compact .swal2-popup .swal2-html-container { font-size: 1rem !important; }
.app-compact .swal2-popup .swal2-actions { margin: 1rem auto 1rem auto  !important; }
/* Card */
.app-compact .card-header { min-height: 50px; }
/* Buttons */
i.bi, i[class*=" fa-"],
i[class*=" fonticon-"],
i[class*=" la-"],
i[class^=fa-],
i[class^=fonticon-],
i[class^=la-] { line-height: inherit; }
.btn-spacious { padding: calc(.775rem + 1px) calc(1.5rem + 1px) !important; }
.btn-compact {
    padding: calc(.55rem + 1px) calc(1rem + 1px) !important;
    font-size: .95rem !important;
}
.btn.btn-icon.btn-compact { height: auto; }
/* Form Controls */
.form-control-compact {
    min-height: calc(1.5em + 1.1rem + 2px);
    padding: .55rem .75rem;
    font-size: .95rem;
    border-radius: .425rem;
}
.form-check-input.size-compact {
    width: 35px !important;
    height: 23px !important;
}
.form-check-compact .form-check-input {
    height: 1.55rem;
    width: 1.55rem;
}
.col-form-label-compact {
    padding-top: calc(.55rem + 1px);
    padding-bottom: calc(.55rem + 1px);
    font-size: .95rem;
}
.form-label-compact { font-size: .95rem; }
.form-select-compact {
    padding-top: .55rem !important;
    padding-bottom: .55rem !important;
    padding-left: .75rem;
    font-size: .95rem;
    border-radius: .425rem;
}
.input-group.input-group-solid.input-group-compact { border-radius: .425rem; }
.input-group-compact > .btn, .input-group-compact > .form-control,
.input-group-compact > .form-select, .input-group-compact > .input-group-text {
    padding: .55rem .75rem;
    font-size: .95rem;
    border-radius: .425rem;
}
/* TinyMCE WYSIWYG Editor */
.tox-statusbar__branding { display: none; }


.CodeMirror code {
    border: none;
    padding: 0;
    margin: 0;
}
.cm-s-monokai.CodeMirror { text-wrap: nowrap; overflow: auto; }
.cm-s-monokai .CodeMirror-code { text-rendering: auto; }
[data-bs-theme=light] .cm-s-monokai .cm-op { color: #6c71c4; }
[data-bs-theme=dark] .cm-s-monokai .cm-op { color: #fff; }
[data-bs-theme=light] .cm-s-monokai .cm-builtin { color: #d33682; }
[data-bs-theme=dark] .cm-s-monokai .cm-builtin { color: #66d9ef; }
[data-bs-theme=light] .cm-s-monokai .cm-var { color: #839496; }
[data-bs-theme=dark] .cm-s-monokai .cm-var { color: #f8f8f2; }
[data-bs-theme=light] .cm-s-monokai .cm-str { color: #859900; }
[data-bs-theme=dark] .cm-s-monokai .cm-str { color: #e6db74; }

@media (min-width: 992px) {
    .app-compact .app-header { height: 60px; }
    .app-compact .app-sidebar-logo { height: 60px; }
    .app-spacious .app-sidebar-logo .app-sidebar-logo-default { height: 40px; }
    .app-spacious .app-sidebar-logo .app-sidebar-logo-minimize { height: 30px; }
    .app-compact .app-sidebar-logo .app-sidebar-logo-default { height: 35px; }
    .app-compact .app-sidebar-logo .app-sidebar-logo-minimize { height: 25px; }
    .app-compact .app-footer { height: 40px; }
}

/* Template CSS Fixes */
.modal-header { justify-content: space-between; } /* Fix Modal header spacings */
/* remove data-table footer bottom padding for better control */
div.dataTables_wrapper div.dataTables_length,
div.dataTables_length + div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate { padding-bottom: 0; }