.svg-green {
    filter: brightness(0) saturate(100%) invert(28%) sepia(21%) saturate(6747%) hue-rotate(138deg) brightness(101%) contrast(80%);
}
.svg-red {
    filter: invert(30%) sepia(50%) saturate(4948%) hue-rotate(343deg) brightness(95%) contrast(105%);
}
.svg-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(145deg) brightness(102%) contrast(100%);
}

.notification-preview {
    cursor: pointer;
    border-left: 2px solid red;
}

.read-notification-preview {
    border-left: unset;
}

.notification-unread {
    filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(7480%) hue-rotate(0deg) brightness(96%) contrast(109%);
}

.btn-clear {
    border: none;
    background-color: transparent;
}

.btn-large-icon.k-button .k-icon.k-svg-icon > svg {
    height: 36px;
    width: 36px;
}

body:not([data-bs-theme="dark"]) #navbar-global {
    background-color: rgb(25, 132, 200);
    color: white;
}

.img-powered-by-rocketclaims {
    height: auto;
    max-height: 2rem;
    max-width: 100px;
}

.link-underline-primary {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration: underline !important;
}

.dropZoneElement {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px solid #c7c7c7;
    width: 100%;
    height: 110px;
    text-align: center;
}

.dropFileHereText {
    color: #c7c7c7;
    text-transform: uppercase;
    font-size: 12px;
}

.textWrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 24px;
    line-height: 1.2em;
    font-family: Arial,Helvetica,sans-serif;
    color: #000;
}

.k-dropzone {
    background-color: white;
    border: none;
}

.k-upload {
    background-color: white;
    border: none;
}

/* stacktrace formatting */
.stack-trace {
    font-family: Consolas, Monaco, monospace;
}

.stack-trace .error-message { color: black; font-weight: bold; font-size: 1.2rem; margin: 8px 0 8px 0; }
.stack-trace .method { color: green; font-weight: bold; }
.stack-trace .file { color: darkorange; font-weight: bold; }
.stack-trace .line { color: red; font-weight: bold; }

body[data-bs-theme="dark"] .stack-trace .error-message { color: white; }
body[data-bs-theme="dark"] .stack-trace .method { color: #70c9ba; }
body[data-bs-theme="dark"] .stack-trace .file { color: #f8b068; }
body[data-bs-theme="dark"] .stack-trace .line { color: #ff4f68; }

/* Attempt to match bootstrap navbar to original kendoMenu */

/* Dark mode navbar (black background, gray border) */
body[data-bs-theme="dark"] nav.navbar {
    background-color: rgba(0, 0, 0, 1);
    border: 1px solid #5f5f5f;
}

/* Light mode navbar (blue background, gray border) */
nav.navbar {
    background-color: rgba(25, 132, 200, 1);
    border: 1px solid #5f5f5f;
}

:root {
    --bs-nav-link-font-size: 14px;
}
.nav-item .nav-link {
    color: rgba(255, 255, 255, 1) !important;
}
a.nav-link.dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Ensure there's some space between submenu names and the menu arrow */
li.dropdown-submenu > a {
    margin-right: 14px;
}

/* --- Bootstrap Nav Submenu positioning and styling --- */

.dropdown-submenu {
    position: relative;
}

/* Default: submenu opens to the right of its parent */
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: -0.1rem; /* slightly overlapping parent menu */
}

/* When JS adds .submenu-left, open to the left instead */
.dropdown-submenu.submenu-left > .dropdown-menu {
    left: auto;
    right: 100%;
    margin-right: 0.1rem;
}

/* --- Submenu header (the item with the arrow) --- */

.dropdown-submenu > .dropdown-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.25rem 1rem; /* match Bootstrap dropdown-item padding */
    white-space: nowrap; /* change to 'normal' if you want wrapping */
}

/* Icon inside submenu header */
.dropdown-submenu > .dropdown-toggle .menu-icon {
    margin-right: 8px;
    flex-shrink: 0; /* don’t let the icon squish */
}

/* --- Arrow on submenu header --- */

.dropdown-submenu > .dropdown-toggle::after {
    content: "";
    margin-left: auto; /* pushes arrow to the far right */
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid currentColor; /* arrow pointing right */
}

/* Flip arrow when submenu opens to the left */
.dropdown-submenu.submenu-left > .dropdown-toggle::after {
    border-left: none;
    border-right: 0.3em solid currentColor; /* arrow pointing left */
}

/* Optional: keep submenu items looking like normal dropdown items */
.dropdown-submenu .dropdown-menu .dropdown-item {
    padding: 0.25rem 1rem;
}

/* Retain the active background color on open submenu items */
.dropdown-item:active,
.dropdown-item:focus {
    background-color: var(--bs-dropdown-link-active-bg);
    color: white;
}