#logo { position: absolute; margin: 3rem 1rem; }

.avatar-list-stacked .avatar:last-child { margin-right: calc(0 * var(--tblr-avatar-size)) !important; }
/* .clearfix { display: block; clear: both; content: ""; } */
.global-search.form-control { box-shadow: none; border: none; }
.video-stream { border-radius: (--tblr-border-radius); }

.page-center { justify-content: center; }

.p-modal { padding: var(--tblr-modal-padding); }

.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }

.ms-6 { margin-left: 2.5rem !important; }
.ms-7 { margin-left: 3rem !important; }
.ms-8 { margin-left: 3.5rem !important; }
.ms-9 { margin-left: 4rem !important; }
.ms-10 { margin-left: 4.5rem !important; }

.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -2rem !important; }

.avatar-full { width: 100%; height: 100%; }

.border-dashed { border-style: dashed; }
.border-top-left-radius-0 { border-top-left-radius: 0; }
.border-top-right-radius-0 { border-top-right-radius: 0; }
.border-bottom-left-radius-0 { border-bottom-left-radius: 0; }
.border-bottom-right-radius-0 { border-bottom-right-radius: 0; }

.border-radius { border-radius: var(--tblr-border-radius); box-shadow: var(--tblr-avatar-box-shadow); }

.badge.badge-none { border: none; background: transparent; }

#camera-stream { 
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

.avatar-xxl {
    --tblr-avatar-size: 8.35rem;
    --tblr-avatar-status-size: 1.33rem;
    --tblr-avatar-font-size: 3.2rem;
    --tblr-avatar-icon-size: 4.5rem;
}

.btn-accordion svg {
    transition: transform 0.35s ease;
}

.btn-accordion.collapsed svg {
    transform: rotate(180deg);
}

.drop-area {
    border: 2px dashed #ccc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}
.drop-area.dragover {
    border-color: #000;
    background-color: #f0f0f0;
}
.drop-area img {
    max-width: 100%;
    max-height: 100%;
    display: none;
}
.drop-area p {
    margin: 0;
}


.input-group-flat input[type="file"].form-control:not(:last-child) { border-right-color: var(--tblr-border-color); }

.list-group-header.sticky-top { z-index: 1010; }

.icon-xl { --tblr-icon-size: 7rem; stroke-width: 1; }

.input-group:has(.form-control:disabled) .input-group-text { background-color: var(--tblr-bg-surface-secondary) !important; }

.form-control.disabled, .disabled, .form-control.disabled .input-group-text { background-color: var(--tblr-bg-surface-secondary) !important; }

.input-group-text:has(+ .form-control.is-invalid), .form-control.is-invalid + .input-group-text { border-color: var(--tblr-form-invalid-border-color); }
.input-group-text:has(+ .form-control.is-invalid::selection) { background-color: rgba(var(--tblr-form-invalid-border-color), 0.16); }

 .top-1 { top: 0.25rem !important; }
.top-2 { top: 0.5rem !important; }
.top-3 { top: 1rem !important; }
.top-4 { top: 1.25rem !important; }
.top-5 { top: 1.5rem !important; }
.top-6 { top: 1.75rem !important; }
.top-7 { top: 2rem !important; }
.top-8 { top: 2.25rem !important; }
.top-9 { top: 2.5rem !important; }
.top-10 { top: 2.75rem !important; }
.top-11 { top: 3rem !important; }
.top-12 { top: 3.25rem !important; }
.top-13 { top: 3.5rem !important; }
.top-14 { top: 3.75rem !important; }

.modal-full-height .modal-content { height: calc(100vh - 1.5rem); margin: 0.5rem; }

.form-check.form-switch .on, .form-check.form-switch .off { display: block; transition: opacity 0.3s, transform 0.3s; display: block;}
.form-check.form-switch input[type="checkbox"]:checked + .on { display: block; }
.form-check.form-switch input[type="checkbox"]:checked + .on + .off { display: none; }
.form-check.form-switch input[type="checkbox"]:not(:checked) + .on { display: none; }
.form-check.form-switch input[type="checkbox"]:not(:checked) + .on + .off { display: block; }

.input-icon .was-validated .form-control:invalid, .input-icon .form-control.is-invalid {
    border-color: var(--tblr-form-invalid-border-color);
    padding-right: calc(1.4285714286em + 1.125rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3571428572em + 0.28125rem + 1.125rem) center;
    background-size: calc(0.7142857143em + 0.5625rem) calc(0.7142857143em + 0.5625rem);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number], input[type=date] {
    appearance: textfield;
    -moz-appearance: textfield; /* Firefox */
}

.overflow-scroll.hide-scroll::-webkit-scrollbar {
    display: none;
}

.overflow-scroll.hide-scroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

input::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"]::-webkit-input-placeholder { 
    visibility: hidden !important;
}

.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
    color: inherit;
    text-decoration: inherit;
}

.bg-body {
    background-color: var(--tblr-body-bg);
}

.text-justify {
    text-align: justify;
}

.col-function {
    width: 18px !important;
}

.tab-pane > .table tr:last-child td { border-bottom: none; }

.table.table-data tbody td { padding: 0.5rem 0.25rem; vertical-align: middle; }
.table.table-data tbody td:first-child { width: 18px !important; }
.table.table-data tbody td:last-child { padding-right: 1rem; }
.table.table-data tbody td.dataTables_empty { padding: 0.75rem; }

.table.table-data.td-align-top tbody td { vertical-align: top; }
.table.table-data.td-align-bottom tbody td { vertical-align: bottom; }
.table.table-data.td-align-middle tbody td { vertical-align: middle; }

.paging_bootstrap .pagination .page-item { margin-left: 0.75rem;}

.checklist-container { display: block; height: 100%; }
.checklist-option-container { display: block; height: 100%; overflow-y: scroll; padding-top: 0.5rem; }
.checklist-container.form-control { padding: 0; }
.checklist-container .checklist-option { width: 100%; clear: both; padding: 0.25rem 1rem; cursor: pointer; }
.checklist-container .checklist-option:last-child { margin-bottom: 0; }
.checklist-container .checklist-search { border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.checklist-option-checkall, .checklist-option-uncheckall { font-size: 14px; }
.checklist-option-checkall { margin-left: 1rem; margin-right: 0.5rem; border-right: 1px solid #d9dbde; padding-right: 0.5rem; }


.cal-container { border-radius: var(--tblr-border-radius); overflow: hidden; text-align: center; }
.cal-container .cal-date { font-size: 1.45rem; padding: 0.5rem 0.5rem 0 0.5rem; }
.cal-container .cal-month { padding: 0.25rem 0.5rem; }

@media (min-width: 575.98px) {
    .cal-container.sticky-top { top: 9.4rem; z-index: 1010; }
}

@media (max-width: 576px) {
    .cal-container.sticky-top { top: 5rem; z-index: 1010; }
}

@media (min-width: 575.98px) {
    .mb-sm-3 { margin-bottom: 1rem !important; }
}

@media (max-width: 767.98px) { 
    .mb-md-3 { margin-bottom: 1rem !important; }
}

@media (max-width: 991.98px) { 
    .mb-lg-3 { margin-bottom: 1rem !important; }
}

@media (max-width: 1199.98px) {
    .mb-xl-3 { margin-bottom: 1rem !important; }
}

@media (max-width: 1399.98px) {
    .mb-xxl-3 { margin-bottom: 1rem !important; }
}


.note-editor .note-toolbar {
    /* background-color: rgba(var(--tblr-primary-rgb), 0.16); */
    background-color: inherit;
    border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}

.note-editor .note-btn {
    --tblr-btn-padding-x: 1rem;
    --tblr-btn-padding-y: 0.5625rem;
    --tblr-btn-font-family: var(--tblr-font-sans-serif);
    --tblr-btn-font-size: 0.875rem;
    --tblr-btn-font-weight: var(--tblr-font-weight-medium);
    --tblr-btn-line-height: 1.4285714286;
    --tblr-btn-color: var(--tblr-body-color);
    --tblr-btn-bg: transparent;
    --tblr-btn-border-width: var(--tblr-border-width);
    --tblr-btn-border-color: transparent;
    --tblr-btn-border-radius: var(--tblr-border-radius);
    --tblr-btn-hover-border-color: transparent;
    --tblr-btn-box-shadow: var(--tblr-box-shadow-input);
    --tblr-btn-disabled-opacity: 0.4;
    --tblr-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
    font-family: var(--tblr-btn-font-family);
    font-size: var(--tblr-btn-font-size);
    font-weight: var(--tblr-btn-font-weight);
    line-height: var(--tblr-btn-line-height);
    color: var(--tblr-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
    border-radius: var(--tblr-btn-border-radius);
    background-color: var(--tblr-btn-bg);
    box-shadow: var(--tblr-btn-box-shadow);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    --tblr-btn-icon-size: 1.25rem;
    --tblr-btn-bg: var(--tblr-bg-surface);
    --tblr-btn-color: var(--tblr-body-color);
    --tblr-btn-border-color: var(--tblr-border-color);
    --tblr-btn-hover-bg: var(--tblr-btn-bg);
    --tblr-btn-hover-border-color: var(--tblr-border-active-color);
    --tblr-btn-box-shadow: var(--tblr-box-shadow-input);
    --tblr-btn-active-color: var(--tblr-primary);
    --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
    --tblr-btn-active-border-color: var(--tblr-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-shadow: var(--tblr-btn-box-shadow);

    min-width: calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
    min-height: calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
    padding-left: 0;
    padding-right: 0;

    /* background-color: inherit;
    border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
    color: var(--tblr-body-color); */
}

/* .note-editor .note-btn:hover {
    color: var(--tblr-btn-hover-color);
    text-decoration: none;
    background-color: var(--tblr-btn-hover-bg);
    border-color: var(--tblr-btn-hover-border-color);
} */

.note-editor.note-airframe, .note-editor.note-frame {
    /* border: var(--tblr-card-border-width) solid var(--tblr-card-border-color); */
    border: none;
    box-shadow: var(--tblr-box-shadow-input);
}

.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
    background-color: var(--tblr-bg-forms);
    border: none;
    border-bottom: var(--tblr-border-width) solid var(--tblr-border-color);
    border-left: var(--tblr-border-width) solid var(--tblr-border-color);
    border-right: var(--tblr-border-width) solid var(--tblr-border-color);
}

.note-editor .note-editing-area {
    color: var(--tblr-body-color);
}

.note-editor .note-dropdown-menu {
    --tblr-dropdown-color: var(--tblr-body-color);
    --tblr-dropdown-bg: var(--tblr-bg-surface);
    --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
    --tblr-dropdown-border-radius: var(--tblr-border-radius);
    --tblr-dropdown-border-width: var(--tblr-border-width);
    --tblr-dropdown-inner-border-radius: calc(var(--tblr-border-radius) - var(--tblr-border-width));

    color: var(--tblr-dropdown-color);
    background-color: var(--tblr-dropdown-bg);
    border: var(--tblr-dropdown-border-width) solid var(--tblr-dropdown-border-color);
    border-radius: var(--tblr-dropdown-border-radius);
    box-shadow: var(--tblr-box-shadow-dropdown);
}

.note-editor .note-btn.dropdown-toggle {
    min-width: 24px;
}

.note-editor .note-btn-group.note-color.note-color-all .note-btn.dropdown-toggle .note-icon-caret {
    margin-left: 2px;
}

.note-editor .note-toolbar {
    border: none;
    border-top: var(--tblr-border-width) solid var(--tblr-border-color);
    border-left: var(--tblr-border-width) solid var(--tblr-border-color);
    border-right: var(--tblr-border-width) solid var(--tblr-border-color);
}
.note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {
    min-width: 253px;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
    min-width: 347px;
    min-height: 327px;
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
    width: calc(100% - 7px);
}

.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
    /* border-radius: var(--tblr-border-radius); */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    appearance: none;
    background-clip: padding-box;
}

.note-editor.note-airframe .note-editing-area:focus-within, .note-editor.note-frame .note-editing-area:focus-within {
    background-color: var(--tblr-bg-forms);
    border-radius: var(--tblr-border-radius);
    border-color: #80aad3;
    outline: 0;
    box-shadow: var(--tblr-box-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.note-editor .note-dropdown-menu .note-dropdown-item {
    color: var(--tblr-dropdown-link-color);
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
    line-height: 1.4285714286;
}

.note-editor .note-btn-group { margin-right: 0; }
.note-editor .note-dropdown-menu .note-dropdown-item:hover { background-color: inherit; }
.note-editor .note-btn.dropdown-toggle::after { content: none; }
.note-editor .note-btn.dropdown-toggle { padding-right: 0.25rem; padding-left: 0.75rem; }