.nav-tabs .nav-link {
    /* Style your link text here */
    /* border: none!important; Override default tab border */
    padding: 10px 10px; /* Adjust padding as needed */
    background-color: #ffffff; /* Background for inactive tabs */
    color: #333; /* Text color for all tabs */
    border-bottom:#dee2e6;
  }
  
  .nav-tabs .nav-link.active {
    color:var(--quaternary);
    background-color: #fff; /* Background for active tab */
    border-bottom: 2px solid var(--quaternary); /* Underline for active tab */
  }

  /* overwritten bootstrap */
  .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: var(--quaternary);
    background-color: #fff;
    border-color: #ffffff #ffffff var(--quaternary);
}

.nav-tabs .nav-link.link-disabled {
    color: #c7cacd; /* Grey color for disabled links */
    cursor: not-allowed; 
  }
/* disable hover effect if link-disavled */
.nav-tabs .nav-item.show .nav-link.link-disabled {
    color: #c7cacd;
    background-color: #fff;
    /* border-color: #ffffff #ffffff var(--quaternary); */
}



/* ovo se trenutno koristi samo na public notebooku negdje, provjertii pa obrisati */
.nav-tab-holder {
    padding: 7px 0px 13px 0px;
    border-bottom: 1px solid var(--light-gray_2);
    margin-left: 15px;
}

/* ovo prema dolje su submeniji na resultat pageovima (predict,details gumbi) */
.tab-edit-scenario {
    margin-left: 10px;
}

.tab-edit-scenario:hover{
    opacity: 0.9;
}

.nav-link-edit-scenario {
    
    cursor: pointer;
    color: var(--primary);
    text-align: left;
    font: normal normal 600 16px/16px "DM Sans", sans-serif;
    letter-spacing: 0;
    opacity: 1;
    width: 100%;
    /* transition: all 200ms linear; */
    border: 2px solid #F0F0F6;
    padding: 9px;
    background-color: #F0F0F6
}
.nav-link-edit-scenario:hover{
    /* background: #F9F9F9 0% 0% no-repeat padding-box; */
    border: 2px solid;
    border-color: #DDDDE5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.nav-link-edit-scenario.active {
    /* background: #e0e0f9 0% 0% no-repeat padding-box; */
    /* opacity: 1; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid black;
    padding: 9px;
}


.nav-link-edit-scenario.active:hover {
    opacity: 1;
}


.nav-link-edit-scenario.active > span {
    color: var(--primary) !important;
    /*opacity: 0;*/
}


.nav-link-edit-scenario:hover{
    opacity: 0.9;
}