/* Custom panel layout styling for Top, Left, and Right navbar placements */

:root {
    --sidebar-width: 250px;
    --topbar-bg: #212529;
    --nav-bg: #6c757d;
}

/* CSS Theme Variable Definitions */
body[data-theme="dark"],
body:not([data-theme]) {
    --bs-body-color: #f8fafc;
    --bs-body-color-rgb: 248, 250, 252;
    --page-bg: #0f172a;
    --page-text: #f8fafc;
    --card-bg: #1e293b;
    --card-border: rgba(255, 255, 255, 0.1);
    --input-bg: #0f172a;
    --input-border: #334155;
    --input-text: #f8fafc;
    --table-border: #334155;
    --table-header-bg: #1e293b;
    --text-muted-color: #94a3b8;
    --theme-header-bg: #0f172a;
    --theme-header-text: #f8fafc;
    --theme-nav-bg: #1e293b;
    --theme-nav-text: rgba(255, 255, 255, 0.85);
    --theme-nav-text-hover: #ffffff;
    --theme-nav-active-bg: rgba(255, 255, 255, 0.15);
    --theme-nav-active-text: #ffffff;
}

body[data-theme="light"] {
    --bs-body-color: #0f172a;
    --bs-body-color-rgb: 15, 23, 42;
    --page-bg: #f8fafc;
    --page-text: #0f172a;
    --card-bg: #ffffff;
    --card-border: rgba(0, 0, 0, 0.08);
    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --input-text: #0f172a;
    --table-border: #e2e8f0;
    --table-header-bg: #f1f5f9;
    --text-muted-color: #64748b;
    --theme-header-bg: #ffffff;
    --theme-header-text: #0f172a;
    --theme-nav-bg: #f1f5f9;
    --theme-nav-text: #334155;
    --theme-nav-text-hover: #0f172a;
    --theme-nav-active-bg: #e2e8f0;
    --theme-nav-active-text: #0f172a;
}

body[data-theme="custom"] {
    --bs-body-color: #0f172a;
    --bs-body-color-rgb: 15, 23, 42;
    --page-bg: #f8fafc;
    --page-text: #0f172a;
    --card-bg: #ffffff;
    --card-border: rgba(0, 0, 0, 0.08);
    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --input-text: #0f172a;
    --table-border: #e2e8f0;
    --table-header-bg: #f1f5f9;
    --text-muted-color: #64748b;
    --theme-header-bg: color-mix(in srgb, var(--custom-theme-color, #0d6efd) 70%, #000);
    --theme-header-text: var(--custom-text-color, #ffffff);
    --theme-nav-bg: var(--custom-theme-color, #0d6efd);
    --theme-nav-text: var(--custom-text-color, #ffffff);
    --theme-nav-text-hover: var(--custom-text-color, #ffffff);
    --theme-nav-active-bg: rgba(0, 0, 0, 0.15);
    --theme-nav-active-text: var(--custom-text-color, #ffffff);
}

/* Master Application Theme Styling */
body {
    background-color: var(--page-bg) !important;
    color: var(--page-text) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] .card-title,
body[data-theme="dark"] label,
body[data-theme="dark"] form label,
body[data-theme="dark"] .form-label,
body[data-theme="dark"] .text-body,
body[data-theme="dark"] .text-dark:not(.bg-warning):not(.btn-warning):not(.badge),
.panel-user-text {
    color: var(--page-text) !important;
}

body[data-theme="dark"] .text-muted,
body[data-theme="dark"] .form-text {
    color: var(--text-muted-color) !important;
}

body[data-theme="dark"] .card:not(.bg-primary):not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-info):not(.bg-secondary),
body[data-theme="dark"] .card:not(.bg-primary):not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-info):not(.bg-secondary) > .card-body,
body[data-theme="dark"] .card:not(.bg-primary):not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-info):not(.bg-secondary) > .card-header,
body[data-theme="dark"] .card:not(.bg-primary):not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-info):not(.bg-secondary) > .card-footer,
body[data-theme="dark"] .bg-white:not(.bg-primary):not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-info):not(.bg-secondary),
body[data-theme="dark"] .bg-light:not(.bg-primary):not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-info):not(.bg-secondary) {
    background-color: var(--card-bg) !important;
    color: var(--page-text) !important;
    border-color: var(--card-border) !important;
}

/* Dashboard Contextual Metric Cards Theme Immunity */
.card.bg-primary,
.card.bg-primary > .card-body {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}
.card.bg-primary h5, .card.bg-primary p, .card.bg-primary div {
    color: #ffffff !important;
}

.card.bg-success,
.card.bg-success > .card-body {
    background-color: #198754 !important;
    color: #ffffff !important;
}
.card.bg-success h5, .card.bg-success p, .card.bg-success div {
    color: #ffffff !important;
}

.card.bg-warning,
.card.bg-warning > .card-body {
    background-color: #ffc107 !important;
    color: #212529 !important;
}
.card.bg-warning h5, .card.bg-warning p, .card.bg-warning div {
    color: #212529 !important;
}

body[data-theme="dark"] .table {
    color: var(--page-text) !important;
    --bs-table-bg: transparent;
    --bs-table-color: var(--page-text);
}

body[data-theme="dark"] .table th {
    background-color: var(--table-header-bg) !important;
    color: #f8fafc !important;
    border-color: var(--table-border) !important;
}

body[data-theme="dark"] .table td {
    border-color: var(--table-border) !important;
    color: var(--page-text) !important;
}

body[data-theme="dark"] .form-control,
body[data-theme="dark"] .form-select,
body[data-theme="dark"] .input-group-text {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

body[data-theme="dark"] .form-control::file-selector-button,
body[data-theme="dark"] .form-control::-webkit-file-upload-button {
    background-color: #334155 !important;
    color: #f8fafc !important;
    border-color: #475569 !important;
}

body[data-theme="dark"] .form-control:hover::file-selector-button,
body[data-theme="dark"] .form-control:hover::-webkit-file-upload-button {
    background-color: #475569 !important;
    color: #ffffff !important;
}

body[data-theme="dark"] .btn-light {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

body[data-theme="dark"] .btn-light:hover,
body[data-theme="dark"] .btn-light:focus,
body[data-theme="dark"] .btn-light:active,
body[data-theme="dark"] .btn-light.show {
    background-color: #334155 !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}

body[data-theme="dark"] .form-control::placeholder {
    color: #94a3b8 !important;
}

body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .modal-header,
body[data-theme="dark"] .modal-body,
body[data-theme="dark"] .modal-footer {
    background-color: var(--card-bg) !important;
    color: var(--page-text) !important;
    border-color: var(--card-border) !important;
}

/* Dropdown Menu Theme Styling */
body[data-theme="dark"] .dropdown-menu {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
}

body[data-theme="dark"] .dropdown-menu .dropdown-header {
    color: #94a3b8 !important;
}

body[data-theme="dark"] .dropdown-menu .dropdown-header strong,
body[data-theme="dark"] .dropdown-menu .dropdown-header span {
    color: #f8fafc !important;
}

body[data-theme="dark"] .dropdown-menu .dropdown-item {
    color: #f8fafc !important;
}

body[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
body[data-theme="dark"] .dropdown-menu .dropdown-item:focus {
    background-color: #334155 !important;
    color: #ffffff !important;
}

body[data-theme="dark"] .dropdown-menu .dropdown-item.active,
body[data-theme="dark"] .dropdown-menu .dropdown-item.active span,
body[data-theme="dark"] .dropdown-menu .dropdown-item.active i {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

body[data-theme="dark"] .dropdown-menu .dropdown-item.text-danger {
    color: #ef4444 !important;
}

body[data-theme="dark"] .dropdown-menu .dropdown-divider {
    border-color: #334155 !important;
}

/* Custom Theme Dropdown Styling */
body[data-theme="custom"] .dropdown-menu {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15) !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-header {
    color: #64748b !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-header strong,
body[data-theme="custom"] .dropdown-menu .dropdown-header span {
    color: #0f172a !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-item:not(.active) {
    color: #0f172a !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-item:not(.active) span,
body[data-theme="custom"] .dropdown-menu .dropdown-item:not(.active) i {
    color: #0f172a !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-item:hover,
body[data-theme="custom"] .dropdown-menu .dropdown-item:focus {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-item.active,
body[data-theme="custom"] .dropdown-menu .dropdown-item.active span,
body[data-theme="custom"] .dropdown-menu .dropdown-item.active i {
    background-color: var(--custom-theme-color, #0d6efd) !important;
    color: #ffffff !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-item.text-danger {
    color: #dc3545 !important;
}

body[data-theme="custom"] .dropdown-menu .dropdown-divider {
    border-color: #e2e8f0 !important;
}

/* Pagination Theme Styling */
body[data-theme="dark"] .pagination .page-link {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #38bdf8 !important;
}

body[data-theme="dark"] .pagination .page-link:hover,
body[data-theme="dark"] .pagination .page-link:focus {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}

body[data-theme="dark"] .pagination .page-item.disabled .page-link {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #64748b !important;
    opacity: 0.6;
}

body[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* Custom Theme Primary Overrides */
body[data-theme="custom"] .btn-primary {
    background-color: var(--custom-theme-color, #0d6efd) !important;
    border-color: var(--custom-theme-color, #0d6efd) !important;
    color: var(--custom-text-color, #ffffff) !important;
}

body[data-theme="custom"] .btn-primary:hover,
body[data-theme="custom"] .btn-primary:focus,
body[data-theme="custom"] .btn-primary:active {
    background-color: color-mix(in srgb, var(--custom-theme-color, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--custom-theme-color, #0d6efd) 85%, #000) !important;
    color: var(--custom-text-color, #ffffff) !important;
}

body[data-theme="custom"] .btn-outline-primary {
    color: var(--custom-theme-color, #0d6efd) !important;
    border-color: var(--custom-theme-color, #0d6efd) !important;
}

body[data-theme="custom"] .btn-outline-primary:hover {
    background-color: var(--custom-theme-color, #0d6efd) !important;
    color: var(--custom-text-color, #ffffff) !important;
}

/* Radio & Checkbox Button Selection Contrast Fix */
.btn-check:checked + .btn,
.btn-check:checked + label,
.btn-check:checked + .btn-outline-primary,
.btn-check:checked + .btn-outline-secondary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

.btn-check:checked + .btn *,
.btn-check:checked + label *,
.btn-check:checked + .btn-outline-primary *,
.btn-check:checked + .btn-outline-secondary * {
    color: #ffffff !important;
}

body[data-theme="custom"] .btn-check:checked + .btn,
body[data-theme="custom"] .btn-check:checked + label,
body[data-theme="custom"] .btn-check:checked + .btn-outline-primary,
body[data-theme="custom"] .btn-check:checked + .btn-outline-secondary {
    background-color: var(--custom-theme-color, #0d6efd) !important;
    border-color: var(--custom-theme-color, #0d6efd) !important;
    color: #ffffff !important;
}

body[data-theme="custom"] .btn-check:checked + .btn *,
body[data-theme="custom"] .btn-check:checked + label *,
body[data-theme="custom"] .btn-check:checked + .btn-outline-primary *,
body[data-theme="custom"] .btn-check:checked + .btn-outline-secondary * {
    color: #ffffff !important;
}

body[data-theme="custom"] .text-primary {
    color: var(--custom-theme-color, #0d6efd) !important;
}

body[data-theme="custom"] .bg-primary,
body[data-theme="custom"] .card.bg-primary,
body[data-theme="custom"] .card.bg-primary > .card-body {
    background-color: var(--custom-theme-color, #0d6efd) !important;
    color: var(--custom-text-color, #ffffff) !important;
}

body[data-theme="custom"] .bg-primary.bg-opacity-10 {
    background-color: color-mix(in srgb, var(--custom-theme-color, #0d6efd) 12%, transparent) !important;
    color: var(--custom-theme-color, #0d6efd) !important;
}

body[data-theme="custom"] .pagination .page-item.active .page-link {
    background-color: var(--custom-theme-color, #0d6efd) !important;
    border-color: var(--custom-theme-color, #0d6efd) !important;
    color: var(--custom-text-color, #ffffff) !important;
    font-weight: 600;
}

body[data-theme="custom"] .pagination .page-link {
    color: var(--custom-theme-color, #0d6efd) !important;
}

body[data-theme="custom"] .pagination .page-link:hover {
    background-color: color-mix(in srgb, var(--custom-theme-color, #0d6efd) 10%, transparent) !important;
    color: var(--custom-theme-color, #0d6efd) !important;
}

body[data-theme="custom"] .form-control:focus,
body[data-theme="custom"] .form-select:focus {
    border-color: var(--custom-theme-color, #0d6efd) !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--custom-theme-color, #0d6efd) 25%, transparent) !important;
}

/* Base Header & Navbar Theme Styles */
.panel-header-content {
    background-color: var(--theme-header-bg) !important;
    color: var(--theme-header-text) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.panel-header-content span:not(.dropdown-menu span):not(.dropdown-item span),
.panel-header-content i:not(.dropdown-menu i):not(.dropdown-item i),
.panel-header-user-link {
    color: var(--theme-header-text) !important;
}

.panel-header-subtext {
    color: var(--theme-header-text) !important;
}

.panel-header-btn {
    color: var(--theme-header-text) !important;
    border-color: var(--theme-header-text) !important;
}

.panel-header-lang-btn {
    color: var(--theme-header-text) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.panel-header-lang-btn:hover,
.panel-header-lang-btn:focus,
.panel-header-lang-btn.show,
.panel-header-lang-btn:active {
    color: var(--theme-header-text) !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}

.panel-header-lang-btn span,
.panel-header-lang-btn i {
    color: var(--theme-header-text) !important;
}

.panel-navbar-content {
    background-color: var(--theme-nav-bg) !important;
    color: var(--theme-nav-text) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.panel-navbar-content .nav-link {
    color: var(--theme-nav-text) !important;
    font-weight: 500;
}

.panel-navbar-content .nav-link:hover,
.panel-navbar-content .nav-link:focus {
    color: var(--theme-nav-text-hover) !important;
}

.panel-navbar-content .nav-link.active {
    color: var(--theme-nav-active-text) !important;
    background-color: var(--theme-nav-active-bg) !important;
    border-radius: 0.375rem;
    font-weight: 600;
}

.panel-navbar-content .navbar-toggler {
    border-color: var(--theme-nav-text) !important;
}

/* Header Wrapper Stacking Context (Ensures dropdowns open over navbar) */
.panel-header-wrapper {
    position: relative;
    z-index: 1050 !important;
}

.panel-header-wrapper .dropdown-menu {
    z-index: 1060 !important;
}

/* Base Body Flex Structure */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Master Layout Wrapper */
.panel-app-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

.panel-main-wrapper {
    display: flex;
    flex: 1 0 auto;
    width: 100%;
    position: relative;
}

/* Main Content Area */
.panel-content-area {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    transition: all 0.3s ease-in-out;
}

/* Navigation Container Styling */
.panel-nav-container {
    transition: all 0.3s ease-in-out;
    z-index: 100 !important;
    position: relative;
}

/* Horizontal / Top Navbar Layout (Default) */
body[data-navbar-position="top"] .panel-main-wrapper {
    flex-direction: column;
}

body[data-navbar-position="top"] .panel-nav-container {
    width: 100%;
}

@media (min-width: 992px) {
    body[data-navbar-position="top"] .panel-nav-container .navbar-nav {
        flex-direction: row;
    }

    body[data-navbar-position="top"] .panel-nav-container .nav-item {
        margin-right: 0.5rem;
    }
}

/* Left Sidebar Layout */
@media (min-width: 992px) {
    body[data-navbar-position="left"] .panel-main-wrapper {
        flex-direction: row;
    }

    body[data-navbar-position="left"] .panel-nav-container {
        width: var(--sidebar-width);
        min-width: var(--sidebar-width);
        background-color: #495057 !important;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }

    body[data-navbar-position="left"] .panel-nav-container .navbar {
        height: 100%;
        align-items: flex-start;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    body[data-navbar-position="left"] .panel-nav-container .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        width: 100%;
    }

    body[data-navbar-position="left"] .panel-nav-container .navbar-nav {
        flex-direction: column;
        width: 100%;
    }

    body[data-navbar-position="left"] .panel-nav-container .nav-item {
        width: 100%;
        margin-bottom: 0.35rem;
    }

    body[data-navbar-position="left"] .panel-nav-container .nav-link {
        padding: 0.65rem 1rem;
        border-radius: 0.375rem;
        transition: background-color 0.2s ease;
    }

    body[data-navbar-position="left"] .panel-nav-container .nav-link:hover,
    body[data-navbar-position="left"] .panel-nav-container .nav-link.active {
        background-color: rgba(255, 255, 255, 0.15);
    }

    /* Right Sidebar Layout */
    body[data-navbar-position="right"] .panel-main-wrapper {
        flex-direction: row;
    }

    body[data-navbar-position="right"] .panel-content-area {
        order: 1;
    }

    body[data-navbar-position="right"] .panel-nav-container {
        order: 2;
        width: var(--sidebar-width);
        min-width: var(--sidebar-width);
        background-color: #495057 !important;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }

    body[data-navbar-position="right"] .panel-nav-container .navbar {
        height: 100%;
        align-items: flex-start;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    body[data-navbar-position="right"] .panel-nav-container .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        width: 100%;
    }

    body[data-navbar-position="right"] .panel-nav-container .navbar-nav {
        flex-direction: column;
        width: 100%;
    }

    body[data-navbar-position="right"] .panel-nav-container .nav-item {
        width: 100%;
        margin-bottom: 0.35rem;
    }

    body[data-navbar-position="right"] .panel-nav-container .nav-link {
        padding: 0.65rem 1rem;
        border-radius: 0.375rem;
        transition: background-color 0.2s ease;
    }

    body[data-navbar-position="right"] .panel-nav-container .nav-link:hover,
    body[data-navbar-position="right"] .panel-nav-container .nav-link.active {
        background-color: rgba(255, 255, 255, 0.15);
    }
}

/* Mobile responsive fixes */
@media (max-width: 991.98px) {
    .layout-switcher-btn {
        display: none !important;
    }

    .panel-main-wrapper {
        flex-direction: column !important;
    }

    .panel-nav-container {
        width: 100% !important;
        min-width: 100% !important;
        order: 0 !important;
        background-color: transparent !important;
        border: none !important;
    }

    .panel-content-area {
        order: 1 !important;
        width: 100% !important;
    }

    .panel-nav-container .navbar {
        height: auto !important;
        align-items: center !important;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .panel-nav-container .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
    }

    .panel-nav-container .navbar-nav {
        flex-direction: column !important;
        width: 100% !important;
    }

    .panel-nav-container .nav-item {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 0.25rem !important;
    }

    .panel-nav-container .nav-link {
        padding: 0.5rem 1rem !important;
    }
}

/* Switcher Button Indicator */
.layout-switcher-btn .dropdown-item.active, 
.layout-switcher-btn .dropdown-item:active {
    background-color: #0d6efd;
    color: #fff;
}

/* 100% Table Container Height & Unclipped Dropdowns */
.panel-table-page-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: calc(100vh - 200px);
}

.panel-table-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 420px;
}

.panel-table-card .card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0;
}

.panel-table-card .table-responsive {
    flex: 1 1 auto;
    min-height: 380px;
    overflow-x: auto !important;
    max-width: 100%;
}

/* Unclip Dropdowns inside Tables */
.table-responsive .dropdown-menu {
    z-index: 1060 !important;
}

/* Dynamic Toast Positioning based on Navbar Location */
.toast-container {
    transition: top 0.3s ease, bottom 0.3s ease, left 0.3s ease, right 0.3s ease;
}

/* Default / Navbar Top / Navbar Left: Toast in Bottom Right */
.toast-container,
body[data-navbar-position="top"] .toast-container,
body[data-navbar-position="left"] .toast-container {
    top: auto !important;
    bottom: 0 !important;
    left: auto !important;
    right: 0 !important;
}

@media (min-width: 992px) {
    /* Navbar Right: Toast in Bottom Left */
    body[data-navbar-position="right"] .toast-container {
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
    }
}