.breadcrumb > li.breadcrumb-item {
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.header-btn[data-class=mobile-nav-on] {
    border-color: #f15e22!important;
    background-color: #f15e22!important;
    background-image: none !important;
    color: #fff;
    width: 3.875rem;
}

.mod-skin-light:not(.mod-skin-dark) .page-content-wrapper {
    background-color: #f4f4f4!important;
}
/* Bootstrap Validation Summary Override */
.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors {
    margin-bottom: 1rem;
}

.col-0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.166665%;
    flex: 0 0 4.166665%;
    max-width: 4.166665%;
    width: 4.166665%;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666%;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
    width: 16.66666%;
}

.dataTables_empty {
    font-size: 1.5rem !important;
}

/* Reference classes, no implementation */
.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.lang-csharp,
.has-tooltip,
.has-popover {
}

/* Keeps analyzers happy */
.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target {
}

.header-icon:not(.btn) .profile-image {
    width: 2rem;
    height: 2rem;
}


.info-card .profile-image {
    width: 3.125rem;
    height: 3.125rem;
    display: inline-block;
    z-index: 2;
    position: relative;
}

/* Small word wrap correction */
section > ol > li {
    word-break: break-all;
}

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.documentation h2 {
    color: var(--primary);
}

.documentation th:first-child,
.documentation th:nth-child(3) {
    width: 16%;
}

.documentation blockquote {
    margin-left: 1rem;
    padding: 1rem 1rem 0.01rem 1rem;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
    background: #edf2f9;
    border-left: 3px solid var(--primary);
}

    .documentation blockquote.info {
        background: #edf2f9;
        border-left: 3px solid var(--info);
    }

    .documentation blockquote.warning {
        background: #fff4db;
        border-left: 3px solid var(--warning);
    }

    .documentation blockquote.danger {
        background: #fadeeb;
        border-left: 3px solid var(--danger);
    }

/* Enter custom CSS rules for your application here */

dd {
    min-height: 19px;
}

button i {
}

.height-200 {
    min-height: 200px;
}

.btn-action-icon {
    padding: .5rem 10px .5rem 10px !important;
    width: 35px !important;
}

    .btn-action-icon i {
        font-size: 1.2em;
        padding-right: 5px;
    }

.input-invalid {
    border: 1px solid #dc3545;
}

.badge-sm {
    font-size: 75%;
}

.badge-md {
    font-size: 100%;
    padding: 0.25em 0.5em;
}

/* Data Table custom CSS rules */
.dt-action-btn {
    margin-right: 10px;
}

/* Cases Data Table custom CSS rules */
.case-task-completion {
    margin-top: 5px;
    background-color: #f1f9fd;
    width: fit-content;
    padding: .2em .5em;
    border-radius: 4px;
    border-left: 3px solid #4ad4c5;
}

/* Document Selection Styles */
.list-group-header {
    background-color: #e7e7e7;
    border-bottom: 2px solid #8d8d8d;
    box-shadow: 0px 0px 13px 0px rgb(62 44 90 / 8%);
    border-top: 2px solid #8d8d8d !important;
}


/* Splash Icon Menu */

.o_home_menu .o_app .o_app_icon {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

a.o_menuitem:hover {
    box-shadow: 8px 8px 22px rgba(120,240,120, 0.2) !important;
}

a.o_menuitem {
    background-color: #4A4F59;
    box-shadow: 4px 4px 8px rgba(0,0,0,.7);
    margin-right: .75rem;
    margin-left: .75rem;
}

    a.o_menuitem > i.fal {
        padding-top: .5rem;
    }

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.pulse-on-hover:hover {
    animation: pulse 0.3s 1;
}

.select2-container {
    z-index: 2050 !important;
}

table.dataTable td.dt-control:before {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: white;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;
    line-height: 1em;
    content: "+";
    background-color: #f15e22;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child {
    white-space: normal;
    word-break: break-word;
}

.scrollable {
    height: 950px; /* Set a fixed height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
}

.success-span {
    color: #ffffff;
    font-weight: 600;
    background-color: #1dc9b7;
    padding: 3px 10px;
    margin-left: 10px;
    border-radius: 3px;
}

.hide {
    display: none;
}

.lh-med {
    line-height: 1.6em;
}

address {
    line-height: 1.6em;
}

.timeline {
    border-left: 1px solid hsl(0, 0%, 90%);
    position: relative;
    list-style: none;
}

    .timeline .timeline-item {
        position: relative;
    }

        .timeline .timeline-item:after {
            position: absolute;
            display: block;
            top: 0;
        }

        .timeline .timeline-item:after {
            background-color: hsl(0, 0%, 90%);
            left: -45px;
            border-radius: 50%;
            height: 11px;
            width: 11px;
            content: "";
        }

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

    .gutters-sm > .col, .gutters-sm > [class*=col-] {
        padding-right: 8px;
        padding-left: 8px;
    }

.highlighted {
    border: 2px solid #d3d3d3;
}

.app-nav-link {
    padding: .75rem 1.125rem;
}

.selected {
    /* -webkit-box-shadow: inset 0 0 0px 1px #886ab5 !important;
    box-shadow: inset 0 0 0px 1px #886ab5 !important;
    background: #534b69 !important;*/
    /*font-weight: 500;
    color: inherit;*/
}

#sticky-bar {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050; /* Ensures it's above other content */
    background-color: #26272b; /* Light background */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for emphasis */
    transition: all 0.3s ease-in-out; /* Smooth transition */
    display: none; /* Initially hidden */
}

/* Desktop context menu */
.context-menu {
    position: absolute;
    display: none;
    z-index: 1000;
    padding: 10px;
    max-width: 200px;
}

    .context-menu .menu-header {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .context-menu .menu-item {
        padding: 8px;
        font-size: 14px;
        cursor: pointer;
        text-align: left;
    }

        .context-menu .menu-item:hover {
            background-color: #f0f0f0;
        }

/* Mobile drawer style */
@media (max-width: 768px) {
    .context-menu {
        position: fixed;
        bottom: -100%; /* Hidden below the viewport */
        left: 0;
        width: 100%;
        height: 300px; /* Adjust height as needed */
        border-radius: 12px 12px 0 0;
        box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.2);
        padding: 20px;
        display: flex;
        flex-direction: column;
        transform: translateY(100%);
        transition: transform 0.3s ease-out;
    }

        .context-menu.open {
            transform: translateY(0); /* Slide up into view */
        }

        .context-menu .menu-item {
            padding: 15px;
            font-size: 16px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }

            .context-menu .menu-item:last-child {
                border-bottom: none;
            }
}

.highlighted {
    background-color: #fff3f4 !important;
}

    .highlighted td {
        border-bottom: 2px solid #000;
    }

.table-action-bar {
}

@media (max-width: 768px) {
    .table-action-bar {
    }
}

.bg-brand-gradient {
    background-image: none !important;
    background-color: #122d50 !important;
}

/* Sidebar overrides */
.page-logo {
    width: 15.875rem !important;
    margin-top: 0.75rem;
    margin-bottom: .75rem;
}

.page-sidebar {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

/* Drawer Overrides */
.bg-trans-gradient {
    background: linear-gradient(251deg, #4f4e50, #122d50) !important;
}

.address-map iframe {
    border: none !important;
}

.badge-primary-faded {
    background: #122d50;
    border: 1px solid;
    border-radius: 18px;
    padding: .5em 10px;
    color: #f4f4f4;
}

.table-bordered {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

    .table-bordered thead tr th {
        border-color: #e9e9e9;
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #e9e9e9;
    }

    .table-bordered tbody tr th {
        border-color: #e9e9e9;
    }

.custom-table thead {
    background-color: #f15e22;
    color: #ffffff;
}

.wide-border-top {
    border-top: 4px solid #122d50;
}

.primary-wide-border-top {
    border-top: 5px solid #122d50;
}

.green-wide-border-top {
    border-top: 5px solid #28a745;
}

.orange-wide-border-top {
    border-top: 5px solid #f15e22;
}

.text-orange {
    color: #f15e22;
}

.bg-orange {
    background-color: #f15e22;
}

.btn-orange {
    background-color: #f15e22;
    color: #f4f4f4;
}

.purple-wide-border-top {
    border-top: 5px solid #6f42c1;
}

.text-purple {
    color: #6f42c1;
}

.btn-purple {
    background-color: #6f42c1;
    color: #f4f4f4;
}

.active-qty-container {
    background-color: #122d50;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.alt-qty-container {
    background-color: #f4f4f4;
    color: #4f4e50;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.swal2-container {
    z-index: 2060 !important;
}

@media (max-width: 768px) {
    #tabDropdown {
        font-size: 1.1rem;
        font-weight: 500;
        background-color: #ffffff;
        border: 2px solid #007bff;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }

    label[for="tabDropdown"] {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }

    .bg-light {
        background-color: #f8f9fa !important;
    }
}