.navTabsColored {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid var(--second-color) !important;
}

.navTabsColored>* {
    background-color: var(--main-color);
    color: white;
    border-radius: 5px 5px 0 0;
    flex: 1 1 0;
    margin-bottom: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.navTabsColored>*.nav-link.active {
    background-color: var(--second-color);
    color: var(--main-color);
    border-left: 1px solid var(--main-grey) !important;
    border-top: 1px solid var(--main-grey) !important;
    border-right: 1px solid var(--main-grey) !important;
    /* border-bottom: 1px solid transparent; */
}

.navTabsColored>*.nav-link:not(.active) {
    border-left: 1px solid var(--main-grey) !important;
    border-top: 1px solid var(--main-grey) !important;
    border-right: 1px solid var(--main-grey) !important;
    /* border-left: 1px solid var(--extra-light-grey) !important;
    border-top: 1px solid var(--extra-light-grey) !important;
    border-right: 1px solid var(--extra-light-grey) !important; */
    /* border-bottom: 1px solid var(--main-grey) !important; */
}

.navTabsColored>*.nav-link.active:hover {
    color:  var(--main-color);
}

.navTabsColored>*.nav-link:not(.active):hover {
    color: white;
}

.navTabsColored>*:not(:last-child) {
    margin-right: 1px;
}

.navTabsColored>.nav-link {
    word-wrap: break-word;
    flex-wrap: wrap;
}