.navTabs2 .nav-item a {
    text-decoration: none;
}

.navTabs2 .nav-item a.nav-link {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: all 0.15s ease-in-out;
    width: auto !important;
    padding: 0.5rem 0.74rem !important;
}

.navTabs2 .nav-item a.nav-link.active {
    background-color: var(--second-color) !important;
    color: var(--main-color) !important;
    border-left: 1px solid var(--main-grey) !important;
    border-top: 1px solid var(--main-grey) !important;
    border-right: 1px solid var(--main-grey) !important;

}

.navTabs2 .nav-item a.nav-link:not(.active) {
    background-color: var(--main-color) !important;
    color: white !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;
}

.navTabs2 {
    border-bottom: 1px solid var(--main-grey) !important;
}

.navTabs2 .nav-item .dropdown-menu {
    padding-top: 0 !important;
    top: -1px !important;
}

.navTabs2 .nav-item .dropdown-menu a {
    background-color: var(--main-color) !important;
    color: white;
}

.navTabs2TabContent .tab-pane {
    min-height: 300px;
    padding: 0.75rem;
    padding-top: 2rem;
}


.navTabs2TablistSelectClass {
    background-color: var(--main-color);
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.navTabs2TablistSelectClass option:active {
    background-color: red !important;
}

.navTabs2TabContent select,
.navTabs2TabContent input[type="text"],
.navTabs2TabContent textarea {
    width: 250px;
    border-radius: 5px;
    height: 24px;
    min-height: 24px;
    background-color: white;
    border: 1px solid var(--main-grey) !important;
    color: var(--main-grey);
}

.navTabs2Grid {
    display: grid;
    grid-column-gap: 15px;
    grid-template-columns: 33% 40% 1fr;
    grid-template-rows: 1fr;
}

@media screen and (max-width: 767px) {
    .navTabs2Grid {
        grid-template-columns: 75% calc(25% - 10px);
        grid-template-rows: auto auto;
    }

    .navTabs2Grid>div:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .navTabs2Grid>div:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .navTabs2Grid>div:nth-child(3) {
        grid-column-start: 2;
        grid-column-end: 3;
    }

    .navTabs2TabContent select,
    .navTabs2TabContent input[type="text"],
    .navTabs2TabContent textarea {
        width: 200px;
        height: 24px;
    }
}


@media screen and (max-width: 576px) {
 
	.navTabs2Grid {
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        grid-row-gap: 10px;
        grid-column-gap: 0px;
    }

        .navTabs2Grid>div:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .navTabs2Grid>div:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .navTabs2Grid>div:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
}