/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]), select {background: #e5e5e5; border: 1px solid black;}

a {text-decoration:none;}

.companies-grid {
  grid-template-columns: 2.5rem auto 1.5fr 8rem 16rem 7rem 5rem 5rem 13rem;
}

@media (max-width: 1500px) {
  .companies-grid {
    grid-template-columns: 2.5rem auto 1.5fr 8rem 5rem 5rem 13rem;
  }
  .companies-grid .col-business,
  .companies-grid .col-period {
    display: none;
  }
}

@media (max-width: 1250px) {
  .companies-grid {
    grid-template-columns: 2.5rem auto 1.5fr 5rem 5rem 13rem;
  }
  .companies-grid .col-client-type,
  .companies-grid .col-business,
  .companies-grid .col-period {
    display: none;
  }
}

@media (max-width: 1050px) {
  .companies-grid {
    grid-template-columns: 2.5rem auto 1fr 13rem;
  }
  .companies-grid .col-client-type,
  .companies-grid .col-business,
  .companies-grid .col-period,
  .companies-grid .col-source,
  .companies-grid .col-group {
    display: none;
  }
}

@media (max-width: 900px) {
  .companies-grid {
    grid-template-columns: 1fr;
  }
  .companies-grid .col-checkbox,
  .companies-grid .col-select,
  .companies-grid .col-client-type,
  .companies-grid .col-business,
  .companies-grid .col-period,
  .companies-grid .col-source,
  .companies-grid .col-group,
  .companies-grid .col-actions {
    display: none;
  }
}