/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 * require_tree .

 */

/*
 * Filter / toolbar dropdowns: modest z-index so they clear sticky headers /
 * table chrome (~10–100) without competing with the main nav (see _new_nav_bar).
 */
#filterdropdown,
#Filterdropdown,
#Pegfil-filterdropdown,
#monthFilterDropdown,
#quarterFilterDropdown,
#groupFilterDropdown,
#filterByRankDropdown,
#transaction-filterdropdown,
#baselineQuarterDropdown,
#comparitorQuarterDropdown,
#ChargeclassDropdown,
#changeproduct,
#strategyDropdown,
#percentageDropdown,
#savedetailsdropdown,
#payorDropdown,
#locationDropdown,
#prescriberDropdown,
#save-version-dropdown,
#siteDropdown,
#insurance-options,
#utilization-dropdown-menu,
#purchase-dropdown-menu,
#dropdown,
.dropdown-content,
.filter-dropdown,
.custom-month-dropdown,
.custom-quarter-dropdown,
.custom-group-dropdown,
.custom-dropdown,
.percentage-dropdown-style,
.strategy-dropdown-style,
.group-dropdown-style,
.change-product-style,
.chargeclass-dropdown,
.save-version-dropdown {
  z-index: 500 !important;
}

/* Filter trigger buttons: keep stacking low; menus use the rules above. */
#filterButton,
#monthFilterBtn,
#Pegfil-filterButton,
#transaction-filterButton,
#quarterFilterBtn,
#groupFilterBtn,
#payorFilterBtn,
#locationFilterBtn,
#prescriberFilterBtn,
#versionFilterBtn,
#filterByRankBtn,
#baselineQuarterBtn,
#comparitorQuarterBtn,
.filter-button {
  z-index: 1 !important;
}

.filter-button-container,
[class*="filter-button-container"] {
  position: relative;
  overflow: visible !important;
  z-index: 0;
}

@media (max-width: 390px) and (max-height: 844px),(max-width: 414px) and (max-height: 896px),(max-width: 430px) and (max-height: 942px),(max-width: 476px) and (max-height: 667px){
.pagination {
  display: block;
  align-items: center;
  justify-content: center;
}
.pagination a{
  width: 21px;
}
.pagination .current {
  width: 30px;
}
.pagination a:hover{
  width: 30px;
  height: 30px;
}
}