body {
    overflow-x: hidden;
    font-family: "Microsoft Sans Serif", serif;
}
/* Sidebar styles */
#sidebar {
    min-height: 100vh;
    width: 60px;
    background-color: #f8f9fa;
    padding-top: 60px; /* Offset for navbar */
    position: fixed;
    transition: transform 0.3s ease-in-out;
}
/* Hide sidebar on small devices */
@media (max-width: 767.98px) {
    #sidebar {
        transform: translateX(-100%);
    }
}
/* Show sidebar when toggled */
#sidebar.active {
    transform: translateX(0);
}
#sidebar .nav-link {
    color: #333;
    text-align: center;
    padding: 20px 0;
}
#sidebar .nav-link:hover {
    background-color: #eaeaea;
}
/* Adjust main content margin */
#main-content {
    margin-left: 60px;
    padding-top: 60px; /* Offset for navbar */
    transition: margin-left 0.3s ease-in-out;
}
/* Full-width content on small devices */
@media (max-width: 767.98px) {
    #main-content {
        margin-left: 0;
    }
}
/* Shift content when sidebar is active */
#main-content.shifted {
    margin-left: 60px;
}
/* Navbar styles */
.navbar-nav .nav-link {
    color: #333;
}
.navbar-nav .nav-link:hover {
    color: #0056b3;
}
.navbar-brand img {
    height: 30px;
}
/* User image */
.navbar .dropdown-menu {
    right: 0;
    left: auto;
}
.user-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
/* Sidebar toggle button */
.sidebar-toggle-btn {
    display: none;
}
@media (max-width: 767.98px) {
    .sidebar-toggle-btn {
        display: inline-block;
    }
}

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
}

.checkbox-item {
    width: 33%; /* Adjust this value to control the number of columns */
}

.strike-text {
    text-decoration: line-through;
}

.logo {
    height: 50px;
}

.grid-action {
    font-size: 25px;
}

#flat-note-tab-pane {
    overflow: visible;
}

#flat-note-tab-pane .codex-editor {
    position: relative;
    z-index: 1;
}

#flat-note-tab-pane .ce-inline-toolbar {
    z-index: 1050;
}

/* --- Overrides: header buttons shape --- */
/* keep dropdown toggles circular, restore normal buttons */
.header .header-right .dropdown-toggle {
    border-radius: 50%;
    height: 46px;
    width: 46px;
}
.header .header-right .profile-box .dropdown-toggle {
    border-radius: .375rem;
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.header .header-right button:not(.dropdown-toggle) {
    border-radius: .375rem; /* Bootstrap default */
    width: auto;
    height: auto;
}
/* ensure primary buttons are blue, not greyed by header button rule */
.header .header-right .primary-btn {
    background: #365CF5 !important;
    border-color: #365CF5 !important;
    color: #fff !important;
}
.header .header-right .primary-btn:hover,
.header .header-right .primary-btn:focus,
.header .header-right .primary-btn:active {
    background: #365CF5 !important;
    border-color: #365CF5 !important;
    color: #fff !important;
}
/* avoid notification dot styles leaking into regular buttons */
.header .header-right button:not(.dropdown-toggle)::after {
    display: none;
}
.header .header-right button:not(.dropdown-toggle) span {
    position: static;
    width: auto;
    height: auto;
    background: initial;
    border: 0;
    border-radius: 0;
    display: inline;
    top: auto;
    right: auto;
}
.header-nav .header-right {
    width: 100%;
}
@media (max-width: 767.98px) {
    .header-actions {
        width: 100%;
    }
    .header-nav {
        width: 100%;
    }
    .header-nav .header-right {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        padding-top: 0.75rem;
    }
    .header-nav .header-right .mr-5 {
        display: none;
    }
    .header-nav .header-right .btn,
    .header-nav .header-right .profile-box {
        width: 100%;
    }
    .header-nav .header-right .btn {
        display: block;
        text-align: center;
    }
}

/* --- Overrides: primary button hover --- */
.primary-btn {
    background: #365CF5;
    color: #fff;
    border-color: #365CF5;
}
.primary-btn:hover,
.primary-btn:focus,
.primary-btn:active {
    color: #fff;
    background: #365CF5;
    border-color: #365CF5;
}

.sidebar-nav-wrapper {
    overflow-y: auto;
}

.table-xs td,
.table-xs th {
    padding: 0.30rem;
}

/* Keep export dropdown button visible inside card-style blocks */
.card-style .btn-group.base-dropdown-btn .entrance-export-toggle.dropdown-toggle {
    background: #00c1f8 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}

.card-style .btn-group.base-dropdown-btn .entrance-export-toggle.dropdown-toggle::after {
    display: inline-block !important;
    margin-left: 0.5rem;
    vertical-align: middle;
}