﻿.k-tabstrip.k-pos-relative.telerik-blazor.k-tabstrip-top { /*entire tab view*/
    height: 100%;
    width: 100%;
    border: none !important;
    outline-style: none !important;
    border-width: 0px !important;
    overflow: visible !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-content: start;
}


/*.k-tabstrip-items-wrapper.k-hstack {
    padding-left: 9px !important;
}*/
.k-tabstrip-item.k-item.k-active.k-tab-on-top { /*active tab item*/
    height: 100%;
    color: #3B5EDA;
    text-shadow: 0.5px 0px 0px #3B5EDA;
    padding-left: 5px;
    padding-right: 5px;
}


    .k-tabstrip-item.k-item.k-active.k-tab-on-top.k-active { /*active tab item*/
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .k-tabstrip-item.k-item.k-active.k-tab-on-top.k-first {
        padding-left: 5px;
    }

.k-tabstrip-item.k-item.k-state-default { /*inactive tab item*/
    height: 100%;
    border: none;
    outline-style: none;
    color: #525863;
    padding-left: 7.5px;
    padding-right: 7.5px;
}



.k-tabstrip-items .k-link { /*inner element of tab*/
    padding-block: 0px;
    padding-inline: 0px;
    height: 37px;
    width: 100%;
    border: none;
    outline-style: none;
}


.tab-item-container {
    height: 38px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.tab-title-container {
    height: 27px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .tab-title-container:hover {
        background-color: #3B5EDA1A;
        border-radius: 5px;
    }

    .tab-title-container.tab-hover {
        background-color: #3B5EDA1A;
        border-radius: 5px;
    }

/*remove outline around tab headers when selected*/
.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    outline: none;
    border: none;
    box-shadow: none;
}


/*underline logic*/

li.k-tabstrip-item.k-active > .k-link > .tab-item-container > .active-underline-element {
    height: 1.5px;
    width: 100%;
    background-color: #3B5EDA;
    border: 0.5px solid #3B5EDA;
    border-radius: 2px;
}

/*remove tab content outline*/
.k-tabstrip-content, .k-tabstrip > .k-content {
    border: none !important;
    outline-style: none !important;
    padding-block: 0px;
    padding-inline: 0px;
    height: 100%;
}

/*remove outline under tab strip and force height*/
.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border: none !important;
    outline-style: none !important;
    height: 37px;
}


.k-tabstrip-content, .k-tabstrip > .k-content {
    overflow: visible !important;
}


/*-------------------------------------SYNCFUSION STYLING-------------------------------------*/
.e-tab .e-toolbar.e-tab-header { /*SF entire tab*/
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    border: none !important;
    outline-style: none !important;
    border-width: 0px !important;
    overflow: visible !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-content: start;
    height: 37px;
}

    .e-tab .e-toolbar.e-tab-header .e-toolbar-items {
        height: 37px;
    }
        .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item {
            height: 37px;
        }

        .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item[data-index="0"] > .e-tab-wrap {
            padding-left: 5px;
            padding-right: 7.5px;
        }

        .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item[data-index]:not(.e-toolbar-item[data-index="0"]) > .e-tab-wrap {
            
            padding-right: 7.5px;
            padding-left: 7.5px;
        }

        .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item .e-tab-wrap {
            border: none !important;
        }

            .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item .e-tab-wrap:hover {
                border: none !important;
            }

        .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item.e-active { /*SF active tab item*/
            height: 100%;
            text-shadow: 0.5px 0px 0px #3B5EDA;
        }

            .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap .e-text-wrap .e-tab-text .tab-item-container .tab-title-container {
                background-color: #3B5EDA1A;
                border-radius: 5px;
            }

            .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap .e-text-wrap .e-tab-text { /*SF active tab text*/
                color: #3B5EDA;
                text-shadow: 0.5px 0px 0px #3B5EDA;
            }

        .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item:not(.e-active) { /*SF inactive tabs*/
            height: 100%;
            border: none;
            outline-style: none;
            color: #3B5EDA !important;
        }

            .e-tab .e-toolbar.e-tab-header .e-toolbar-items .e-toolbar-item:not(.e-active) .e-tab-wrap .e-text-wrap .e-tab-text { /*SF inactive tab text*/
                color: #525863;
            }

.e-tab .e-toolbar .e-toolbar-items .e-toolbar-item { /*remove wrapping border*/
    border: none;
    padding-top: 0px;
}

.e-tab .e-tab-header:not(.e-vertical)::before { /*remove bottom border*/
    border-width: 0 0 0px;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border: none;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
    border: none;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-text-wrap .e-tab-text .tab-item-container .active-underline-element {
    height: 1.5px;
    width: 100%;
    background-color: #3B5EDA;
    border: 0.5px solid #3B5EDA;
    border-radius: 2px;
}

.e-tab .e-tab-header:not(.e-vertical) .e-indicator, .e-tab .e-tab-header.e-vertical .e-indicator {
   background-color:red;
}

/*tab strip inside of dialog*/
.e-dlg-content .wrapper .tabs .tab .underline {
    margin-top: 5px !important;
}