.project-tab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.project-tab > li.project-tab-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    position: relative;

    list-style: none;

    border: 1px solid #CED1D3;
    border-bottom: 1px solid transparent;
    margin: 0 5px;
}

.project-tab > li.project-tab-block.active {
    top: 1px;
}

.project-tab > li.project-tab-block:first-child {
    margin-left: 0px;
}

.project-tab > li.project-tab-block:last-child {
    margin-right: 0px;
}


.project-tab > li.project-tab-block a.project-tab-link {
    display: block;
    padding: .3rem 1.5rem;
}

.project-tab-body {
    display: none;
}

.project-tab-body.active {
    display: block;
}

.project-tab-body > .project-tab-body-header {
    border: 1px solid #CED1D3;
    padding: .5rem 1rem;
}


.project-tab-new {
    background: #f5f7f6;
}

.project-tab-work,
.project-tab-approval
{
    background: #fcf7cc;
}

.project-tab-approve {
    background: #eff8fe;
}

.project-tab-success {
    background: #d0f5d0;
}

@media screen and (max-width: 991px) {
    .project-tab > li.project-tab-block a.project-tab-link {
        padding: .3rem 0.5rem;
    }
}