#table_length{
    display: flex;
    justify-content: space-between;
}

/* #createdButtonsContainer{
    display: flex;
    gap: 15px;
} */

[id^="excelButtonContainer"] > button{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 15px;
    font-weight: bold;
    color: var(--white);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s;
}

[id^="excelButtonContainer"] > button svg{
    width: 15px;
}



/* #createdButtonsContainer > #pdfButton{
    background-color: #b30000;
}

#createdButtonsContainer > #pdfButton:hover{
    background-color: #800000;
} */

[id^="excelButtonContainer"] > #excelButton{
    background-color: #008000;
}

[id^="excelButtonContainer"] > #excelButton:hover{
    background-color: #006600;
}

table > tbody > tr > td.action button, table > tbody > tr > td.action a{
    padding: 5px 10px;
    font-weight: bold;
    color: var(--white);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s;
}

td.action {
    white-space: nowrap;
}

td.action a.accept/* :not(.notActive) */{
    background-color: #008000;
}

td.action a.accept:hover/* :not(.notActive) */{
    background-color: #006600;
}


td.action a.refuse/* :not(.notActive) */{
    background-color: #b30000;
}

td.action a.refuse:hover/* :not(.notActive) */{
    background-color: #800000;
}

td.action a.edit/* :not(.notActive) */{
    background-color: #bec714;
}

td.action a.edit:hover/* :not(.notActive) */{
    background-color: #abb316;
}

td.action button.notActive{
    background-color: var(--gray);
    cursor: default;
}

td.action a.nfcliente/* :not(.notActive) */{
    background-color: #004280;
    /*white-space: nowrap;*/
}

td.action a.nfcliente:hover/* :not(.notActive) */{
    background-color: #002080;
    /*white-space: nowrap;*/
}