@media screen and (max-width: 600px) {
    .container--fluid {
        max-width: 100% !important;
    }
  
    .container {
        max-width: 100% !important;
    }
  
    .container.box {
        max-width: 100% !important;
    }

    .container--filters {
        padding-top:5px !important;
        padding-right: 10px !important;
        padding-bottom: 5px !important;
        padding-left:10px !important;
    }

    .container--dense-1 {
        padding-top:5px !important;
        padding-right: 10px !important;
        padding-bottom: 5px !important;
        padding-left:10px !important;
    }

    .container--dense-2 {
        padding-top:5px !important;
        padding-right: 10px !important;
        padding-bottom: 5px !important;
        padding-left:10px !important;
    }

    .col--dense--1 {
        padding: 5px 12px 5px 12px !important;
    }
  }
  
  @media screen and (min-width: 601px) {
    .container--fluid {
        max-width: 95% !important;
    }
  
    .container {
        max-width: 98% !important;
    }
  
    .container.box {
        max-width: 100% !important;
    }

    .container--filters {
        padding-top: 2px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;
    }

    .container--dense-1{
        padding-top: 5px !important;
        padding-right: 10px !important;
        padding-bottom: 5px !important;
        padding-left: 10px !important;
    }

    .container--dense-2{
        padding-top: 3px !important;
        padding-right: 10px !important;
        padding-bottom: 3px !important;
        padding-left: 10px !important;
    }
    .col--dense--1 {
        padding: 0px 12px 0px 12px !important;
    }
  }
  
  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }