/* Add application styles & imports to this file! */
@import '@angular/material/prebuilt-themes/deeppurple-amber.css';

.g-bubble-container {
  display: flex;
}

.g-bubble {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5C6F82;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  background-color: transparent !important;
  border: none;
  border-radius: 4px;
}

.g-bubble:hover {
  color: #0059B8;
}

.g-bubble:focus {
  border: none !important;
  outline: none !important;
  box-shadow: 0 0 0 2px #002E5F, 0 0 0 4px white, 0 0 0 6px #1a1a1a;
}

span.g-bubble:hover {
  color: #5C6F82;
}

.g-bubble__active {
  color: #002E5F;
  border: 2px solid #002E5F !important;
  box-shadow: none;
}

.mat-mdc-paginator-icon {
  width: 30px !important;
  height: 30px !important;
  fill: #002E5F !important;
}

.mat-mdc-paginator-navigation-next:hover .mat-mdc-paginator-icon {
  fill: #0059B8 !important;
}

.mat-mdc-paginator-navigation-previous:hover .mat-mdc-paginator-icon {
  fill: #0059B8 !important;
}

.mat-mdc-paginator-navigation-next:focus {
  fill: #002E5F !important;
  border: 2px solid #1A1A1A !important;
  border-radius: 4px !important;
}

.mat-mdc-paginator-navigation-previous:focus {
  fill: #002E5F !important;
  border: 2px solid #1A1A1A !important;
  border-radius: 4px !important;
}

.mat-mdc-paginator-navigation-previous:disabled .mat-mdc-paginator-icon {
  fill: #D4D7D9 !important;
}

.mat-mdc-paginator-navigation-next:disabled .mat-mdc-paginator-icon {
  fill: #D4D7D9 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version. */
mat-paginator {
  background: transparent !important;
}

.mat-mdc-paginator-range-actions {
  margin-right: 12px !important;
}

.inail-mat-table+mat-paginator .mat-mdc-paginator-range-label {
  display: none;
}

.inail-mat-table+mat-paginator .mat-mdc-paginator-navigation-next {
  padding: 0px !important;
}

.inail-mat-table+mat-paginator .mat-mdc-paginator-navigation-previous {
  padding: 0px !important;
}

.mat-mdc-paginator-navigation-previous {
  margin-right: 10px !important;
}

.mat-mdc-paginator-navigation-next {
  margin-left: 8px !important;
}