.tabs{
    display: flex;
    flex-direction: row;

    min-height: 1.37rem;
    max-height: 1.37rem;

    margin-top: -5px;
}

.tab {
    background: #00aaff60;
    font-size: 0.84rem;
    padding: 2px;
    flex: 1;
    margin-left: -4.8%;
    text-align: center;
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    cursor: pointer;
}

.tab:hover {
    background: #00aaff30;
    color: #00aaff;
    font-weight: bold;
}

.chatTab {
    background: #00aaff60;
    font-size: 0.84rem;
    padding: 2px;
    flex: 1;
    margin-left: -3%;
    text-align: center;
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    cursor: pointer;
}

.chatTab:hover {
    background: #00aaff30;
    color: #00aaff;
    font-weight: bold;
}


.tabLeft {
    clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
    border-radius: 4px 0px 0px 4px;
    padding-left: 0;
    margin-left: 0;
}

.tabRight {
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    border-radius: 0px 4px 4px 0px;
}


.tabActive {
    background: #00aaff;
    color: #000;
    font-weight: bolder;
}