/* * 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;} /* -------------------------------------------------------------------------------- COLLAPSIBLE REPORT NAV (toggled by sidebar_controller via .sidebar-collapsed on ) --------------------------------------------------------------------------------*/ #report-nav { transition: width 0.15s ease; } #action-bar { transition: left 0.15s ease; } main { transition: padding-left 0.15s ease; } .page-inner, .report-filter { transition: margin-left 0.15s ease; } .sidebar-collapsed #report-nav { width: 64px; } .sidebar-collapsed #report-nav .nav-collapsible { display: none !important; } .sidebar-collapsed #report-nav .nav-header { justify-content: center; } .sidebar-collapsed #report-nav .nav-item { width: 52px; padding-left: 0; padding-right: 0; justify-content: center; } .sidebar-collapsed #report-nav .nav-user { width: 52px; padding-left: 2px; padding-right: 2px; } /* Shift the page content over to meet the narrowed rail */ .sidebar-collapsed #action-bar { left: 64px; } .sidebar-collapsed main { padding-left: 84px; } .sidebar-collapsed .page-inner { margin-left: 96px; } .sidebar-collapsed .report-filter { margin-left: 96px; } /* The toggle chevron points the other way once collapsed */ .sidebar-collapsed #report-nav .nav-toggle svg { transform: rotate(180deg); } a {text-decoration:none;} .companies-grid { grid-template-columns: 2.5rem 7rem 4rem 1.5fr 6rem 10rem 5rem 4rem 4rem 4rem 16rem; } .companies-grid .col-code, .companies-grid .col-client-type, .companies-grid .col-business, .companies-grid .col-period, .companies-grid .col-source, .companies-grid .col-group, .companies-grid .col-turnover { font-size: 0.75rem; line-height: 1rem; } @media (max-width: 1500px) { .companies-grid { grid-template-columns: 2.5rem 7rem 4rem 1.5fr 6rem 4rem 4rem 4rem 16rem; } .companies-grid .col-business, .companies-grid .col-period { display: none; } } @media (max-width: 1250px) { .companies-grid { grid-template-columns: 2.5rem 7rem 4rem 1.5fr 4rem 4rem 4rem 16rem; } .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 7rem 5rem 1fr 16rem; } .companies-grid .col-client-type, .companies-grid .col-business, .companies-grid .col-period, .companies-grid .col-source, .companies-grid .col-group, .companies-grid .col-turnover { display: none; } } @media (max-width: 900px) { .companies-grid { grid-template-columns: 1fr; } .companies-grid .col-checkbox, .companies-grid .col-select, .companies-grid .col-code, .companies-grid .col-client-type, .companies-grid .col-business, .companies-grid .col-period, .companies-grid .col-source, .companies-grid .col-group, .companies-grid .col-turnover, .companies-grid .col-actions { display: none; } }