[data-bs-theme="dark"] input::selection {
    background-color: var(--tblr-primary);
}

.tab-content > .tab-flex.active {
    display: flex;
}

.tab-content > .tab-flex {
    display: none;
}

.pointer-click {
    cursor: pointer;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}
.live-click-loading,
.live-submit-loading {
    --tblr-spinner-width: 1.5rem;
    --tblr-spinner-height: 1.5rem;
    --tblr-spinner-vertical-align: -0.125em;
    --tblr-spinner-border-width: 2px;
    --tblr-spinner-animation-speed: 0.75s;
    --tblr-spinner-animation-name: spinner-border;
}

.live-click-loading,
.live-submit-loading {
    --tblr-spinner-width: 1rem;
    --tblr-spinner-height: 1rem;
}

.live-click-loading div,
.live-submit-loading .live-submit-btn div {
    border: var(--tblr-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
    display: inline-block;
    width: var(--tblr-spinner-width);
    height: var(--tblr-spinner-height);
    vertical-align: var(--tblr-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
    margin-right: 0.5rem;
}

.live-click-loading i,
.live-submit-loading .live-submit-btn i {
    display: none;
}

.live-connected #indicator:before {
    content: "\f058";
    color: var(--tblr-success);
}

.live-only-connected {
    display: none !important;
    font-variant: small-caps;
}
.live-connected .live-only-connected {
    display: flex !important;
}

.live-only-disconnected {
    display: none !important;
    font-variant: small-caps;
}
body:not(.live-connected) .live-only-disconnected {
    display: flex !important;
}

body:not(.live-connected) #indicator {
    --tblr-spinner-width: 1rem;
    --tblr-spinner-height: 1rem;
    --tblr-spinner-vertical-align: -0.125em;
    --tblr-spinner-border-width: 2px;
    --tblr-spinner-animation-speed: 0.75s;
    --tblr-spinner-animation-name: spinner-border;

    border: var(--tblr-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
    display: inline-block;
    width: var(--tblr-spinner-width);
    height: var(--tblr-spinner-height);
    vertical-align: var(--tblr-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
    margin-right: 0.5rem;
    color: var(--tblr-danger);
}

.btn-loading {
    opacity: 0.5;
}

.chart-sm {
    margin-top: -80px;
}

.navbar-toggler {
    position: fixed;
    left: 1rem;
    top: .65rem;
    z-index: 100;
}

.navbar-expand.navbar-vertical:is(.collapse,.offcanvas):is(.show,.showing) ~ .navbar-toggler {
    display: none;
}

.navbar-expand.navbar-vertical:is(.collapse,.offcanvas):is(.hiding) ~ .navbar-toggler {
    display: block;
}

.navbar-expand.navbar-vertical ~ .navbar,
.navbar-expand.navbar-vertical ~ .page-wrapper {
    margin-left: 0;
}

.navbar-expand.navbar-vertical:not(.collapse,.offcanvas) ~ .navbar,
.navbar-expand.navbar-vertical:is(.collapse,.offcanvas):is(.show,.showing) ~ .navbar,
.navbar-expand.navbar-vertical:not(.collapse,.offcanvas) ~ .page-wrapper,
.navbar-expand.navbar-vertical:is(.collapse,.offcanvas):is(.show,.showing) ~ .page-wrapper {
    margin-left: 15rem;
    transition: margin-left 0.3s ease-out ;
}

.navbar-expand.navbar-vertical:is(.collapse,.offcanvas):is(.hiding) ~ .navbar,
.navbar-expand.navbar-vertical:is(.collapse,.offcanvas):is(.hiding) ~ .page-wrapper {
    margin-left: 0;
    transition: margin-left 0.3s ease-out;
}


.btn .icon {
    font-size: var(--tblr-btn-icon-size);
}

tr:has(select[data-value="column"]) {
    border-top-style: dashed;
    border-bottom-style: dashed;
    border-top-width: 2px;
    border-bottom-width: 2px;
}

.drag-over {
    column-span: all;
    border-style: dotted;
    border-width: 4px;
}
[data-bs-theme="dark"] .light-only,
.dark-only {
    display: none;
}

[data-bs-theme="dark"] .dark-only,
.light-only {
    display: block;
}

.search-div {
    --tblr-list-group-item-padding-y: 0.4rem;
}

.search-div strong {
    background-color: var(--tblr-primary);
}

[data-bs-theme="dark"], [data-bs-theme="dark"]{
    --tblr-active-bg: rgba(var(--tblr-primary-rgb), .3) !important;
}

.hover-trunc:hover * {
    overflow-x: auto;
    text-overflow: unset;
    /*text-wrap: wrap;*/
}

.hover-trunc:hover .hover-hide {
    display: none;
}

.hover-trunc .hover-show {
    display: none;
}

.hover-trunc:hover .hover-show {
    display: unset;
}