#semantic-tabs {
    border: 1px solid #eee;
position:relative;
z-index:9;
}

#semantic-tabs-heads {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#semantic-tabs-heads {
    background: #eee;

}

#semantic-tabs-heads li {
    cursor: pointer;
    padding: 5px 10px;
font-size: 12px;
line-height: 18px;
color:#777;
}

#semantic-tabs-heads li.successfull {
border-bottom: solid 2px #00f0ff;
}

#semantic-tabs-heads li.fuel-lube {
border-bottom: solid 2px #ff0000;
}

#semantic-tabs-heads li.fuel {
border-bottom: solid 2px #0162ca;
}

#semantic-tabs-heads li.lube {
border-bottom: solid 2px #2cf164;
}

#semantic-tabs-heads li.active {
    color: #777;
    background: #fff;
}

.semantic-tabs-component {
padding:10px;
font-size:14px;
}