.tabContainer {
    margin: 0;
    padding: 8px;
    display: block;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 30px;
    display: inline-flex;
}

    ul.tabs li {
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        background-color: #b3b1b6;
        cursor: pointer;
        display: inline-flex;
        padding: 9px;
        margin-right: 2px;
        border: none;
        white-space: nowrap;
        border-radius: 2px 2px 0 0;
    }

        ul.tabs li img {
            width: 11px;
            display: none;
            position: absolute;
            margin: -8px 0 0 -9px;
        }

        ul.tabs li i {
            width: 11px;
            display: none;
            position: absolute;
            margin: -8px 0 0 -9px;
        }

        ul.tabs li.current {
            background: var(--color-red);
            border: none;
            padding: 10px;
            z-index: 1;
        }

.tab-content {
    display: none;
    border: 2px solid rgb(203,203,203);
    padding: 10px;
    position: relative;
    overflow: auto;
    border-radius: 0 4px 4px 4px;
    background-color: white;
}

.tab-content.current {
    display: inherit;
}