/* V272 — Fix the real application parent width.
   V271 table rules were correct, but the global fluid class was not attached
   to the true AppLayout parent. */

@media (min-width:1101px){
  .v272-app-shell-content,
  .v272-app-shell-content > .v228-app-content,
  .v272-page-main{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v272-page-main{
    margin-left:0!important;
    margin-right:0!important;
  }

  .v272-page-main > *{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-page{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-page > .ledger-cell{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .v271-products-table-wrap{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-table{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    table-layout:fixed!important;
  }
}

/* Make the difference clearly visible on large screens. */
@media (min-width:1600px){
  .v272-page-main{
    padding-left:32px!important;
    padding-right:32px!important;
  }
}

@media (min-width:1920px){
  .v272-page-main{
    padding-left:36px!important;
    padding-right:36px!important;
  }

  .v271-products-table th,
  .v271-products-table td{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

@media (min-width:2400px){
  .v272-page-main{
    padding-left:44px!important;
    padding-right:44px!important;
  }

  .v271-products-table th,
  .v271-products-table td{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}