:root{
    
  --active:#FF9800;
  --toast:#FF9800;
  --button:#F4BB02;
  --white: #FFFFFF;
  --black:#000000;
  --gray:#b9b6b6;
  --lightGray:#F5F5F5;
  --nav-link:#4B98EBDE;
  --cancelado:#F8D7DA;
  --por-pagar:#FFF3CD;
  --apartada:#ADB5BD;
  --pagado:#CFF4FC;
  --impuesto:#4B98EB;
  --blanco:#FFFFFF;
}

.dropdown-toggle::after{
    display:none;
}

.div-buttons{
    display: flex;
    gap: 1rem;
}
div.dataTables_wrapper div.dataTables_filter{
    justify-content: space-between;
}

.dt-button{
    padding:2px 5px;
    border-radius: 5px;
    background-color: var(--active);
    color: var(--white) ;
    transition: 0.3s all ease-in-out;
}
.dt-button:hover{
    background-color: var(--toast);
    color:var(--white);
}

.btn-second{
    background-color: transparent;
    border: none;
    color:var(--black);
}

.btn-second:hover{
    background-color: transparent;
    border: none;
    color:var(--black);
}

div.dataTables_wrapper div.dataTables_filter input{
    border: 1px solid var(--gray);
    border-radius: 5px;
    outline: none;
}

div.dataTables_wrapper div.dataTables_paginate{
    display: flex;
    gap: 5px;
    justify-content: end;
}

a.paginate_button.current{
    border-radius: 5px;
    padding: 1px 4px;
    background-color: var(--active);
    color: var(--white);
}

div#dataTable_wrapper, div#dataTableSimple_wrapper{
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 1px 1px 5px var(--gray), -1px -1px 5px var(--gray);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

#dataTableSalida{
    height: 50%;
}

.table>:not(caption)>*>*{
    padding: 1rem .5rem;
    border-bottom-width:0;
}

#dataTable tbody tr:nth-child(even),#dataTableSimple tbody tr:nth-child(even) {
    background-color: var(--white); /* Blanco */
}

#dataTable tbody tr:nth-child(odd),#dataTableSimple tbody tr:nth-child(odd) {
    background-color: var(--lightGray); /* Gris claro */
}

img.img-user{
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50px;
  
  }
  
  .estatus{
    border-radius: 15px;
    padding: 0px 5px;
    border: none;
  }
  
  .cancelado{
    background-color: var(--cancelado);
  }

  .por-pagar{
    background-color: var(--por-pagar);
  }

  .pagado{
    background-color: var(--pagado);
  }

  .apartada{
    background-color: var(--apartada);
  }

  .impuesto{
    border: none;
    border-radius: 5px;
    background-color:var(--impuesto);
    color: var(--blanco);
    padding: 5px;
    width: fit-content;
  }

  .description{
    text-align: justify;
  }

  .accordion-button{
    background-color: var(--impuesto) ;
    padding: 10px;
    color: var(--lightGray);
  }

  .accordion-button:not(.collapsed){
    background-color: var(--impuesto);
    color: var(--lightGray);
  }

  button.dt-button.buttons-excel.buttons-html5{
    display:none;
  }

  table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected{
    background-color: var(--button) !important;
  }

  #th-select input.form-control, #th-actions input.form-control{

    display:none;
  }

  thead:hover{
    cursor: move;
  }