:root {
    --lpx-brand: #00A7E1 !important;
    --lpx-primary: var(--bs-primary) !important;
    --lpx-secondary: var(--bs-secondary) !important;
    --lpx-success: var(--bs-success) !important;
    --lpx-info: var(--bs-info) !important;
    --lpx-warning: var(--bs-warning) !important;
    --lpx-danger: var(--bs-danger) !important;
}

body .lp-opened-sidebar .lp-content {
    padding: 0 0px 0px 265px;
}

body.lp-closed .lp-content {
    padding: 0 0 0 67px;
}

body.lp-topmenu .lp-content {
    padding: 0 0 0 0px;
}

body.lp-topmenu header {
}

h5, .h5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.ol-popup {
    background-color: var(--lpx-card-bg) !important
}



.lpx-breadcrumb-container {
    border: 0px !important;
    height: 5px !important;
}

.lpx-content-wrapper {
    border: 0px !important;
}

.lpx-content-container .lpx-content {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 30px !important;
    padding-left: 0px !important;
    border-radius: 1em 1em 0 0 !important;
}



.k-grid th {
    padding-top: 2px !important;
    padding-right: 12px;
    padding-bottom: 2px !important;
    padding-left: 12px;
}

.k-grid td {
    padding: 1px 5px !important;
    white-space: nowrap !important;
}

.k-splitter {
    background-color: transparent !important;
    border-color: transparent !important;
}

.k-tabstrip-content {
    background-color: transparent !important;
}

.k-tilelayout {
    background-color: transparent !important;
}

    .k-tilelayout.telerik-blazor {
        gap: 6px !important;
        padding-top: 0px !important;
        padding-right: 6px !important;
        padding-bottom: 6px !important;
        padding-left: 6px !important;
    }

    .k-tilelayout .k-card {
        border-width: 0px !important;
    }

.k-radio {
    border-color: #7F7F7F !important;
}

.k-card-body {
    padding: 8px !important;
}

.tab-content {
    padding: 8px 8px !important;
}

.k-picker-solid {
    background-color: transparent !important;
}

.k-button-outline {
}

.k-button:hover, .k-button.k-hover {
    border-color: #7F7F7F !important;
}

.k-rounded-md {
}

.k-input {
}

.k-card {
    box-shadow: 0px 0.3px 0.9px rgba(127, 127, 127, 0.13), 0px 1.6px 3.6px rgba(127, 127, 127, 0.17) !important;
}

.k-card-header {
    padding: 4px 4px 4px 6px !important;
    border-width: 0px 0px 0px 0px !important;
}

.nav-tabs .nav-item .nav-link {
    padding: 8px !important;
}

.k-checkbox {
    margin: 7px !important;
    border-color: #7F7F7F !important;
}

.form-label {
    margin-top: 5px !important;
    margin-bottom: 3px !important;
}

.k-tabstrip-content {
    padding-top: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 4px !important;
    padding-left: 1px !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    border-color: transparent !important;
}

.k-tabstrip-items-wrapper {
    border-color: var(--lpx-brand) !important;
    border-width: 0px 0px 2px 0px !important;
}

    .k-tabstrip-items-wrapper .k-item.k-active {
        border-color: var(--lpx-brand) !important;
    }

.k-pager-wrap {
    padding: 2px 2px !important;
}

.k-icon {
    padding: 0px !important;
}

.k-grid-header, .k-grid-header-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > td, .k-filter-row > th {
    border-color: transparent !important;
}

th.k-header {
    border-width: 0px 1px 0px 1px !important;
}

.lp-footer {
    padding-top: 2px !important;
    padding-right: 16px !important;
    padding-bottom: 2px !important;
    padding-left: 16px !important;
    min-height: 20px !important;
    background: transparent !important;
}

.k-grid {
    border-color: transparent !important;
}

.k-grid-pager {
    display: flex !important;
}

.k-toolbar-resizable {
    background-color: transparent !important;
}

.k-toolbar {
    padding: 0px !important;
    gap: 1px !important;
    border-width: 0px !important;
}

    .k-toolbar::before {
        margin-inline-start: 0px !important;
    }

.k-disabled {
    filter: grayscale(1) !important;
}

.k-separator {
    border-width: 0 0 0 2px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.k-calendar {
    border-color: transparent !important;
}

.i-status-icon {
    margin-right: 25px !important;
    margin-left: 25px !important;
    border-radius: 0px !important;
}

.i-status-icon-tiny {
    border-radius: 10px !important;
}

.i-notification-alert {
    color: var(--bs-purple);
}

.i-notification-remark {
    color: var(--bs-orange);
}

.i-notification-handling {
    color: var(--bs-pink);
}

.i-notification-delayed {
    color: var(--bs-cyan);
}

.i-icon-cyan {
    color: var(--lpx-brand);
    margin-bottom: 1px !important;
    margin-right: 4px !important;
}

.i-one-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.i-large-icon .k-icon {
    font-size: 28px;
}

.i-item-download-select {
    margin-right: -4px !important;
    border-radius: 4px 0px 0px 4px !important;
    box-shadow: none !important;
    border-color: currentColor !important;
    color: #7F7F7F !important;
    background-color: transparent !important;
}

.i-item-sharp-border {
    border-radius: 0px 0px 0px 0px !important;
}

.i-empty-space .k-icon {
    font-size: 28px;
    color: transparent !important;
}

.bg-orange {
}

    .bg-orange .k-selected {
        background-color: var(--bs-orange) !important;
    }

.bg-purple {
}

    .bg-purple .k-selected {
        background-color: var(--bs-purple) !important;
    }

.bg-green {
}

    .bg-green .k-selected {
        background-color: var(--bs-success) !important;
    }

.bg-yellow {
}

    .bg-yellow .k-selected {
        background-color: var(--bs-yellow) !important;
    }

.bg-red {
}

    .bg-red .k-selected {
        background-color: var(--bs-danger) !important;
    }

.k-badge-md {
    padding-block: 3px !important;
}

.k-badge-solid-remark {
    border-color: var(--bs-orange) !important;
    color: white !important;
    background-color: var(--bs-orange) !important;
}

.k-badge-solid-alert {
    border-color: var(--bs-purple) !important;
    color: white !important;
    background-color: var(--bs-purple) !important;
}

.k-button-outline-alert {
    border-color: var(--bs-purple) !important;
    color: var(--bs-purple) !important;
    background-color: transparent !important;
}

    .k-button-outline-alert:hover {
        border-color: var(--bs-purple) !important;
        color: black !important;
        background-color: var(--bs-purple) !important;
    }

.k-badge-solid-handling {
    border-color: var(--bs-pink) !important;
    color: black !important;
    background-color: var(--bs-pink) !important;
}

.k-button-outline-handling {
    border-color: var(--bs-pink) !important;
    color: var(--bs-pink) !important;
    background-color: transparent !important;
}

    .k-button-outline-handling:hover {
        border-color: var(--bs-pink) !important;
        color: black !important;
        background-color: var(--bs-pink) !important;
    }

.k-badge-solid-delayed {
    border-color: var(--bs-cyan) !important;
    color: white !important;
    background-color: var(--bs-cyan) !important;
}

.k-button-outline-delayed {
    border-color: var(--bs-cyan) !important;
    color: var(--bs-cyan) !important;
    background-color: transparent !important;
}

    .k-button-outline-delayed:hover {
        border-color: var(--bs-cyan) !important;
        color: black !important;
        background-color: var(--bs-cyan) !important;
    }

.tile-with-overflow .k-tilelayout-item-body {
    overflow: auto;
}

.k-grid-content {
    overflow-y: auto !important;
}

.k-grid-header,
.k-grid-footer {
    padding-right: 0 !important; /* version 2.26 and older requires !important here */
}

.k-grid-header-wrap,
.k-grid-footer-wrap {
    border-right-width: 0 !important;
}

/* fix grid pop-up menu*/
.k-actions,
.k-column-list-item,
.k-filter-menu-container {
    background: var(--lpx-card-bg);
}

.no-businesshours .k-scheduler-footer {
    display: none;
}

/* CENTER */

/* non-sortable headers */
.k-grid th.center-me {
    text-align: center;
}

/* sortable headers */
th.center-me .k-cell-inner > .k-link {
    justify-content: center;
}