@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 1214px;
  }
}

.sidenav {
  z-index: 100 !important;
}

.app-pager-nav {
  font-size: 14px;
  font-weight: 400;
  color: rgb(55, 65, 81);
}

.app-pager-input {
  display: inline-block;
  text-align: right;
  width: unset;
}

.app-pager-input:focus {
  color: var(--bs-primary);
}

.app-pager-span-button-nav {
  line-height: 21px;
}

.app-pager-button-nav {
  background-color: rgb(231, 233, 237);
  box-shadow: none;
  border: 1px solid #e7e9ed;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0px;
  flex: 1 1 auto;
  position: relative;
}

:not(:first-child) .app-pager-button-nav {
  margin-left: 1px;
}

.app-pager-button-nav .material-icons {
  color: rgb(55, 65, 81);
  line-height: 1.5;
  text-align: center;
  display: block;
}

/* 
* {
  border: 1px solid red;
} 
*/