.tabs {
    background: #283E63;
    min-width: 229px;
    height: calc(100vh - (54px + 90px));
    box-shadow: 0px 3px 15px #00000029;
}

/* nav-tabs */
.tabs .nav-tabs {
    padding:0
}

.tabs .nav-tabs li {

}

    .tabs .nav-tabs li button {
        width: 100%;
        border-radius: 0px;
        background: #28223E;
        height: 30px;
        color: #B6B4BD;
        text-shadow: 0px 1px 2px #0F0B1D52;
        font-size: 12px;
        font-weight: 500;
        border: none;
        border-inline-end: 1px solid #283E63;
        outline: none;
    }
.tabs .nav-tabs li button:hover{
    border-color: #283E63;
    color: #cbcad0;
}

        .tabs .nav-tabs li button.active {
            background-color: #214E87;
            color: #B6B4BD;
            text-shadow: 0px 1px 2px #0F0B1D52;
            border: none;
            border-inline-end: 1px solid #283E63;
        }
.tabs .nav-tabs li:last-child button, .tabs .nav-tabs li:last-child button.active {
    border: none;
}
/* tab-content */
.tabs .tab-content {
    height: calc(100% - 30px);
}

    .tabs .tab-content .tab-pane {
        height: 100%;
    }