@charset "UTF-8";

:root,
[data-bs-theme=light] {
    --app-logo-position: top;
    --app-logo-small-position: bottom;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --app-logo-position: bottom;
    --app-logo-small-position: bottom;
}

html,
body {
    display: flex;
    flex-direction: column;
    height: 100%;

    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.logo {
    width: 250px;
    height: 68px;
    object-fit: cover;
    object-position: left var(--app-logo-position);
}

.logo-small {
    width: 125px;
    height: 34px;
    object-fit: cover;
    object-position: left var(--app-logo-small-position);
}

#lyt-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0;
}

#lyt-main {
    padding: 4px 6px 4px 6px;
    flex-grow: 1;
}

.navbar-toggler:not(.collapsed) .bi-arrows-expand,
.sidebar-toggler:not(.collapsed) .bi-square,
.sidebar-icon-toggler:not(.collapsed) .bi-arrows-expand-vertical {
    display: none
}

.navbar-toggler.collapsed .bi-arrows-collapse,
.sidebar-toggler.collapsed .bi-layout-sidebar-inset,
.sidebar-icon-toggler.collapsed .bi-arrows-collapse-vertical {
    display: none
}

.form-signin {
    padding-top: 20px;
}

/* Landscape */
@media (min-width: 576px) {
    .form-signin {
        padding-top: 60px;
    }
}

@media (max-height: 600px) and (orientation: landscape) {
    .form-signin {
        padding-top: 20px;
    }
}

/* FIX - Bootstrap
-------------------------------------*/
@media (max-width: 576px) {
    .modal-dialog {
        margin-left: 4px;
        margin-right: 4px;
    }
}