/*
    We previously had a big css file (myqfleet-telerik.css) which had tons of changes to the telerik base styles made in-line.
    This prevented us from upgrading to newer telerik releases.

    We want to use the latest telerik css, so moving all the individual hacks (as they are discovered) into this file.
*/

:root {
    --kendo-color-error: #a6023f;
    --kendo-color-primary: var(--myqfleet-primary, #007680);
    --kendo-color-primary-on-surface: var(--myqfleet-primary, #02b5ba);
    --kendo-color-warning: #f7a42a;
    --kendo-color-on-warning: #fff;
    --kendo-color-primary-hover: var(--myqfleet-primary-hover, #018488);
    --kendo-color-primary-active: var(--myqfleet-primary-hover, #01787b);
}


.k-drawer-items, .k-drawer-items ul {
    margin: 0;
    padding: 0;
}

.k-tabstrip-items .k-tabstrip-item {
    --kendo-color-primary-on-surface: var(--myqfleet-primary-hover, #007680);
}

.k-tabstrip-items .k-tabstrip-item:active, .k-tabstrip-items .k-tabstrip-item.k-active, .k-tabstrip-items .k-tabstrip-item.k-selected {
    font-weight: var(--kendo-font-weight-normal, normal);
}

.k-switch-md {
    width: 56px;
    height: 30px;
}

    .k-switch-md .k-switch-track {
        width: 56px;
        height: 30px
    }

    .k-switch-md .k-switch-thumb {
        width: 24px;
        height: 24px
    }

    .k-switch-md.k-switch-on .k-switch-thumb-wrap {
        left: calc(100% - 15px)
    }

    .k-switch-md.k-switch-off .k-switch-thumb-wrap {
        left: 15px
    }


.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 1px;
    margin-bottom: 0px
}

    .k-tabstrip-top > .k-tabstrip-items-wrapper > .k-tabstrip-items {
        width: 100%
    }

    .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        margin-bottom: -1px
    }

        .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item + .k-item {
            margin-left: 0px
        }

        .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
            border-bottom-color: transparent;
            z-index: 1;
        }


/* Remove trailing space on chat messages */
.k-chat-bubble.k-bubble .k-bubble-content :last-child {
    margin-bottom: 0;
}