table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd {
  background-color:#f5f5f5!important;
}
table.dataTable.display tbody tr.odd>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color:#f5f5f5!important;
}
table.dataTable.display tbody tr.even>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color:transparent!important;
}
table.dataTable.stripe tbody tr:hover, 
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd:hover>.sorting_1,
table.dataTable.display tbody tr:hover.even>.sorting_1, 
table.dataTable.order-column.stripe tbody tr:hover.even>.sorting_1 {
  background-color:#ddd!important;
}
/*Mis centros*/
/*platos*/
/*dias*/
#tabla-centros_wrapper,
#table_platos_wrapper,
#table_dias_wrapper {
  background-color:#fff;
  display:flex;
  flex-wrap:wrap;
  overflow-x:auto;
  width:100%;
  box-sizing:border-box;
}
#tabla-centros_wrapper .dt-buttons {
  order:3;
  padding:20px 16px 0;
  position:absolute;
  right:0;
  display:flex;
  gap:30px;
}
#tabla-centros_length {
  order:1;
  padding:16px 0 16px 16px;
}
#tabla-centros_filter,
#table_platos_filter,
#table_dias_filter {
  order:2;
  padding:16px;
}
#table_platos_filter,
#table_dias_filter {
  width:100%;
}
#tabla-centros,
#table_platos,
#table_dias {
  order:4;
  border:0;
  width:100% !important;
  min-width:100%;
  table-layout:auto;
}
#tabla-centros_paginate {
  order:5;
  padding:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  gap:12px;
  font-size:12px;
  font-weight:500;
  font-family:Montserrat;
}
#tabla-centros_length label,
#tabla-centros_filter label,
#table_platos_filter label,
#table_dias_filter label {
  font-size:12px;
  font-family:Montserrat;
  font-weight:500;
  color:#000;
}
#tabla-centros_filter label {
  margin:0 0 0 24px;
}
#table_platos_filter label,
#table_dias_filter label {
  margin: 0 24px 0 0;
}
#tabla-centros_length select {
  border-radius: 8px;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  padding: 8px 9px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Montserrat';
  margin:0 12px;
}
#tabla-centros_filter input,
#table_platos_filter input,
#table_dias_filter input {
  border-radius: 8px;
  border-color: #9e9e9e;
  padding: 8px 9px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Montserrat';
}
#tabla-centros_wrapper .dt-buttons .dt-button:not(.buttons-colvis) {
/*  order: 2;*/
  background-color:#ea5723;
  color:#fff;
}
#tabla-centros_wrapper .dt-buttons .dt-button:not(.buttons-colvis):hover {
  background-color:var(--accent-3);
}
#tabla-centros_wrapper .dt-buttons .dt-button.buttons-colvis:hover {
  background-color:var(--accent-3);
}
#tabla-centros_wrapper .dt-buttons button {
  border-radius: 8px;
  padding:8px 12px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Montserrat';
  line-height:18px;
}

#tabla-centros_wrapper .dt-buttons button:nth-child(2),
#tabla-centros_wrapper .dt-buttons button:nth-child(3) {
  background-color:var(--accent-3);
}

#tabla-centros_wrapper .dt-buttons button:nth-child(2),
#tabla-centros_wrapper .dt-buttons button:nth-child(3) {
  background-color:var(--accent-3);
}

#tabla-centros_wrapper .dt-buttons button:nth-child(1) {
  order:4;
}

#tabla-centros_wrapper .dt-buttons button:nth-child(2) {
  order:1;
}

#tabla-centros_wrapper .dt-buttons button:nth-child(3) {
  order:2;
}

#tabla-centros_wrapper .dt-buttons button:nth-child(4) {
  order:3;
}

#tabla-centros_wrapper .dt-buttons button.buttons-colvis span {
  color:#fff!important;
}

.tf-dias-list-wrap {
  overflow-x:auto;
}

.tf-dias-list table {
  width:100%;
  table-layout:auto;
  max-width:100%;
}

@media (max-width:768px) {
  .tf-dias-list table {
    table-layout:fixed;
  }

  .tf-dias-list th,
  .tf-dias-list td {
    white-space:nowrap;
  }
}

#tabla-centros_wrapper .dt-buttons .dt-button .dt-down-arrow {
  display:inline-block;
  font-size:10px;
  margin-left:5px;
}
#tabla-centros_wrapper .dt-button-collection {
  border-color:#9e9e9e;
}
#tabla-centros_wrapper .dt-button-collection > div[role=menu] {
  display:flex;
  flex-direction:column;
}
#tabla-centros_wrapper .dt-button-collection > div[role=menu] > button {
  background-color:transparent!important;
  color:#9e9e9e!important;
  text-align:left;
  border-radius:0;
  border:0!important;
}
#tabla-centros_wrapper .dt-button-collection > div[role=menu] > button.active {
  color:#000!important;
}
#tabla-centros th,
#tabla-centros td,
#table_platos th,
#table_platos td,
#table_dias th,
#table_dias td {
  padding:16px;
  border:0;
  font-family:Montserrat;
  font-size:14px;
  line-height:1.3em!important;
  color:#000;
  text-align:left;
}
#tabla-centros th:first-child,
#tabla-centros td:first-child {
  text-align:center;
}
#tabla-centros th:last-child,
#tabla-centros td:last-child {
  /*display:flex;
  justify-content:center;
  gap:8px;*/
  text-align:center;
  width:auto!important;
}
#tabla-centros th {
  font-weight:700;
}
#tabla-centros td {
  font-weight:500;
}
#tabla-centros td img {
  max-width:75px;
}
#table_platos th:first-child,
#table_platos td:first-child,
#table_dias th:first-child,
#table_dias td:first-child {
  text-align:center;
}
#table_platos th:last-child,
#table_dias th:last-child {
  display:table-cell;
  text-align:center!important;
}
#table_platos td:last-child,
#table_dias td:last-child {
  display:table-cell;
  text-align:center!important;
}
#table_platos th,
#table_dias th {
  font-weight:700;
  text-align:left!important;
}
#table_platos td,
#table_dias td {
  font-weight:500;
  text-align:left!important;
}
#table_platos td img,
#table_dias td img {
  max-width:26px;
  width:20px;
}
#table_platos .item-alergenos {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin-top: 5px;
}
#tabla-centros_paginate > a {
  color:#9e9e9e!important;
  padding:0;
  border:0;
  margin:0;
}
#tabla-centros_paginate > a:hover {
  background:transparent;
  color:#000!important;
}
#tabla-centros_paginate span {
  display:flex;
  gap:4px;
}
#tabla-centros_paginate span > .paginate_button {
  border:8px;
  padding:8px 9px;
  background:#e0e0e0;
  color:#000!important;
  margin:0; 
  min-width: auto;
  height: auto;
  line-height: 1em;
}
#tabla-centros_paginate span > .paginate_button.current {
  background:#ea5723;
  color:#fff!important;  
}
#tabla-centros .dataTables_empty,
#table_platos .dataTables_empty,
#table_dias .dataTables_empty {
  display:none!important;
}

@media (max-width:1200px) {
  #tabla-centros_wrapper,
  #table_platos_wrapper,
  #table_dias_wrapper {
    justify-content: flex-start;
    flex-direction:column;
  }
  #tabla-centros_wrapper .dt-buttons {
    order:1;
    position:relative;
    margin:0;
    padding:16px;
    justify-content: center;
    gap:10px;
    flex-wrap:wrap;
  }
  #tabla-centros_wrapper #tabla-centros_length {
    order:2;
    padding:16px;
    text-align:left;
  }
  #tabla-centros_wrapper #tabla-centros_filter,
  #table_platos_wrapper #tabla-centros_filter,
  #table_dias_wrapper #tabla-centros_filter {
    float:none;
    text-align:left;
    margin:0;
    padding:16px;
  }
  #tabla-centros_wrapper #tabla-centros_filter label,
  #table_platos_wrapper #tabla-centros_filter label,
  #table_dias_wrapper #tabla-centros_filter label {
    margin:0;
  }

}

#table_dias .descripcion {
  max-width:220px;
}

#tabla-centros.mis-centros tr {
  cursor:pointer;
}





