/* Shared tab components */
.leslinq-summary-tab {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px;
    min-width: 0;
    text-align: center;
    width: 100%;
}

.leslinq-summary-tab h2 {
    color: inherit;
    font-size: var(--dashboard-tab-title-font-size);
    font-weight: var(--dashboard-tab-title-font-weight);
    line-height: 1.25;
    margin-bottom: 2px;
    text-align: center;
    white-space: normal;
    width: 100%;
}

.leslinq-summary-tab h3 {
    color: inherit;
    font-size: var(--dashboard-tab-count-font-size);
    font-weight: var(--dashboard-tab-count-font-weight);
    line-height: 1.25;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.leslinq-summary-tab p {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.leslinq-summary-tabstrip,
.leslinq-summary-tabstrip-inner {
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    width: 100%;
}

.leslinq-summary-tabstrip > ul,
.leslinq-summary-tabstrip-inner > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.leslinq-summary-tabstrip > ul > li,
.leslinq-summary-tabstrip-inner > ul > li {
    align-items: center;
    display: flex;
    flex: 1 1 0;
    justify-content: center;
    max-width: none;
    min-width: 0;
    text-align: center;
}

.leslinq-summary-tabstrip:not(.k-tabstrip) > div:not(:first-of-type),
.leslinq-summary-tabstrip-inner:not(.k-tabstrip) > div:not(:first-of-type) {
    display: none;
}

.leslinq-summary-tabstrip-unselected:not(.k-tabstrip) > div {
    display: none;
}

.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper {
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    display: block !important;
    width: 100%;
}

.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper::before,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper::after,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper::before,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper::after,
.leslinq-summary-tabstrip .k-tabstrip-items::before,
.leslinq-summary-tabstrip .k-tabstrip-items::after,
.leslinq-summary-tabstrip-inner .k-tabstrip-items::before,
.leslinq-summary-tabstrip-inner .k-tabstrip-items::after {
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
    display: none !important;
}

.leslinq-summary-tabstrip .k-tabstrip-prev,
.leslinq-summary-tabstrip .k-tabstrip-next,
.leslinq-summary-tabstrip .k-tabstrip-scroll-button,
.leslinq-summary-tabstrip-inner .k-tabstrip-prev,
.leslinq-summary-tabstrip-inner .k-tabstrip-next,
.leslinq-summary-tabstrip-inner .k-tabstrip-scroll-button {
    display: none !important;
}

.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-tabstrip-items,
.leslinq-summary-tabstrip > .k-tabstrip-items,
.leslinq-summary-tabstrip .k-tabstrip-items,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-tabstrip-items,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items,
.leslinq-summary-tabstrip-inner .k-tabstrip-items {
    display: flex !important;
    margin: 0;
    padding: 0;
    width: 100%;
}

.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip .k-tabstrip-item,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip-inner .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip-inner .k-tabstrip-item {
    align-items: center;
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex: 1 1 0 !important;
    justify-content: center;
    max-width: none;
    min-width: 0;
    text-align: center;
    width: auto !important;
}

.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-active,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-selected,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-state-active,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-active,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-selected,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-state-active,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-active,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-selected,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-state-active,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-active,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-selected,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-state-active {
    background: transparent;
    border: 0 !important;
}

.leslinq-summary-tabstrip-unselected > .k-tabstrip-items-wrapper .k-item.k-active,
.leslinq-summary-tabstrip-unselected > .k-tabstrip-items-wrapper .k-item.k-selected,
.leslinq-summary-tabstrip-unselected > .k-tabstrip-items-wrapper .k-item.k-state-active,
.leslinq-summary-tabstrip-unselected > .k-tabstrip-items > .k-item.k-active,
.leslinq-summary-tabstrip-unselected > .k-tabstrip-items > .k-item.k-selected,
.leslinq-summary-tabstrip-unselected > .k-tabstrip-items > .k-item.k-state-active {
    background: transparent;
    border: 0;
}

.leslinq-summary-tabstrip-unselected > .k-tabstrip-content,
.leslinq-summary-tabstrip-unselected > .k-content {
    display: none !important;
}

.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-link,
.leslinq-summary-tabstrip > .k-tabstrip-items .k-link,
.leslinq-summary-tabstrip .k-tabstrip-items .k-link,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-link,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items .k-link,
.leslinq-summary-tabstrip-inner .k-tabstrip-items .k-link {
    align-items: center;
    display: flex !important;
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    padding: 12px;
    text-align: center;
    width: 100%;
}

.leslinq-summary-tabstrip > .k-tabstrip-content,
.leslinq-summary-tabstrip > .k-content {
    background: var(--white);
    border: 0;
    padding: 28px 18px 18px;
}

.leslinq-summary-tabstrip-inner > .k-tabstrip-content,
.leslinq-summary-tabstrip-inner > .k-content {
    border: 0;
    padding: 20px 0 0;
}

.leslinq-summary-tabstrip-two > .k-tabstrip-items-wrapper .k-item,
.leslinq-summary-tabstrip-two > .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip-two .k-tabstrip-item {
    flex: 0 0 50% !important;
    width: 50% !important;
}

.leslinq-summary-tabstrip-three > .k-tabstrip-items-wrapper .k-item,
.leslinq-summary-tabstrip-three > .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip-three .k-tabstrip-item {
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
}

.leslinq-summary-tabstrip-four > .k-tabstrip-items-wrapper .k-item,
.leslinq-summary-tabstrip-four > .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip-four .k-tabstrip-item {
    flex: 0 0 25% !important;
    width: 25% !important;
}

.leslinq-summary-tabstrip-five > .k-tabstrip-items-wrapper .k-item,
.leslinq-summary-tabstrip-five > .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip-five .k-tabstrip-item {
    flex: 0 0 20% !important;
    width: 20% !important;
}

.leslinq-summary-tabstrip-six > .k-tabstrip-items-wrapper .k-item,
.leslinq-summary-tabstrip-six > .k-tabstrip-items > .k-item,
.leslinq-summary-tabstrip-six .k-tabstrip-item {
    flex: 0 0 16.666667% !important;
    width: 16.666667% !important;
}

.leslinq-summary-tabstrip-compact .leslinq-summary-tab {
    margin: 6px;
}

.leslinq-summary-tabstrip-compact > .k-tabstrip-items-wrapper .k-link,
.leslinq-summary-tabstrip-compact > .k-tabstrip-items .k-link,
.leslinq-summary-tabstrip-compact .k-tabstrip-items .k-link {
    padding: 8px 10px;
}

.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-active .leslinq-summary-tab h3,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-selected .leslinq-summary-tab h2,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-selected .leslinq-summary-tab h3,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-state-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-item.k-state-active .leslinq-summary-tab h3,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-active .leslinq-summary-tab h3,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-selected .leslinq-summary-tab h2,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-selected .leslinq-summary-tab h3,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-state-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip > .k-tabstrip-items > .k-item.k-state-active .leslinq-summary-tab h3,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-active .leslinq-summary-tab h3,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-selected .leslinq-summary-tab h2,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-selected .leslinq-summary-tab h3,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-state-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-item.k-state-active .leslinq-summary-tab h3,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-active .leslinq-summary-tab h3,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-selected .leslinq-summary-tab h2,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-selected .leslinq-summary-tab h3,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-state-active .leslinq-summary-tab h2,
.leslinq-summary-tabstrip-inner > .k-tabstrip-items > .k-item.k-state-active .leslinq-summary-tab h3 {
    color: var(--red);
}

@media (max-width: 768px) {
    .leslinq-summary-tabstrip > .k-tabstrip-items-wrapper,
    .leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper {
        background: var(--white);
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1030;
    }

    .leslinq-summary-tabstrip > .k-tabstrip-content,
    .leslinq-summary-tabstrip > .k-content {
        padding-bottom: 86px;
    }

    .leslinq-summary-tab {
        margin: 4px 2px;
    }

    .leslinq-summary-tab i {
        font-size: 16px !important;
        line-height: 1;
    }

    .leslinq-summary-tab h2 {
        font-size: 12px;
        line-height: 1.15;
        overflow-wrap: anywhere;
    }

    .leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-link,
    .leslinq-summary-tabstrip > .k-tabstrip-items .k-link,
    .leslinq-summary-tabstrip .k-tabstrip-items .k-link,
    .leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-link,
    .leslinq-summary-tabstrip-inner > .k-tabstrip-items .k-link,
    .leslinq-summary-tabstrip-inner .k-tabstrip-items .k-link {
        padding: 8px 2px;
    }
}

@media (max-width: 425px) {
    .leslinq-summary-tab {
        margin: 3px 1px;
    }

    .leslinq-summary-tab i {
        font-size: 15px !important;
    }

    .leslinq-summary-tab h2 {
        font-size: 10px;
    }

    .leslinq-summary-tabstrip > .k-tabstrip-items-wrapper .k-link,
    .leslinq-summary-tabstrip > .k-tabstrip-items .k-link,
    .leslinq-summary-tabstrip .k-tabstrip-items .k-link,
    .leslinq-summary-tabstrip-inner > .k-tabstrip-items-wrapper .k-link,
    .leslinq-summary-tabstrip-inner > .k-tabstrip-items .k-link,
    .leslinq-summary-tabstrip-inner .k-tabstrip-items .k-link {
        padding: 7px 1px;
    }
}
