/* STARLIKE FIX 196 - Compras responsive 1366x768
   Solo afecta la vista Compras. */
#view-purchases,
#view-purchases *{
  box-sizing:border-box;
}
#view-purchases{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
#view-purchases > *,
#view-purchases .panel,
#view-purchases .card,
#view-purchases section{
  min-width:0 !important;
  max-width:100% !important;
}
#view-purchases input,
#view-purchases select,
#view-purchases textarea{
  min-width:0 !important;
  max-width:100% !important;
  width:100%;
}
#view-purchases table{
  width:100% !important;
  max-width:100% !important;
}
#view-purchases th,
#view-purchases td{
  overflow-wrap:anywhere;
  word-break:normal;
}
#view-purchases .table-wrap,
#view-purchases .table-scroll,
#view-purchases [class*="table-wrap"]{
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:auto !important;
}
@media (max-width:1366px){
  #view-purchases > .grid,
  #view-purchases > .two-col,
  #view-purchases > .split,
  #view-purchases .purchase-layout,
  #view-purchases .purchases-layout{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr) !important;
  }
  #view-purchases button{
    max-width:100%;
  }
}
@media (max-width:1050px){
  #view-purchases > .grid,
  #view-purchases > .two-col,
  #view-purchases > .split,
  #view-purchases .purchase-layout,
  #view-purchases .purchases-layout{
    grid-template-columns:1fr !important;
  }
}