.footer {
  display: flow-root;
}

.content {
  padding-bottom: 52px !important;
}

.rokus-grid-shell {
  --rokus-grid-reserved-height: 310.991px;
  --rokus-grid-available-height: max(280px, calc(100vh - var(--rokus-grid-reserved-height)));
  --rokus-grid-available-height: max(280px, calc(100dvh - var(--rokus-grid-reserved-height)));
  height: var(--rokus-grid-available-height) !important;
  position: relative;
  min-height: var(--rokus-grid-available-height) !important;
}

.rokus-grid-shell > .rokus-ag-grid {
  align-items: center;
  height: 100% !important;
  min-height: 100% !important;
  width: 100% !important;
}

.rokus-ag-grid.ag-theme-alpine,
.rokus-ag-grid.ag-theme-alpine-dark {
  --ag-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ag-font-size: 14px;
  --ag-border-radius: 6px;
}

.rokus-ag-grid.ag-theme-alpine-dark {
  --ag-background-color: #0b1727;
  --ag-foreground-color: #b6c1d2;
  --ag-header-background-color: #121e2d;
  --ag-header-foreground-color: #b6c1d2;
  --ag-odd-row-background-color: #121e2d;
  --ag-row-hover-color: rgba(44, 123, 229, .14);
  --ag-selected-row-background-color: rgba(44, 123, 229, .22);
  --ag-border-color: rgba(255, 255, 255, .06);
  --ag-secondary-border-color: rgba(255, 255, 255, .06);
  --ag-row-border-color: rgba(255, 255, 255, .05);
}

.rokus-ag-grid .rokus-grid-action {
  background: transparent;
  border: 0;
  color: #5e6e82 !important;
  padding: .125rem .25rem;
}

.rokus-ag-grid.ag-theme-alpine-dark,
.rokus-ag-grid.ag-theme-alpine-dark .ag-root-wrapper,
.rokus-ag-grid.ag-theme-alpine-dark .ag-header,
.rokus-ag-grid.ag-theme-alpine-dark .ag-header-cell,
.rokus-ag-grid.ag-theme-alpine-dark .ag-header-group-cell,
.rokus-ag-grid.ag-theme-alpine-dark .ag-header-cell-text,
.rokus-ag-grid.ag-theme-alpine-dark .ag-cell,
.rokus-ag-grid.ag-theme-alpine-dark .ag-row,
.rokus-ag-grid.ag-theme-alpine-dark .ag-overlay,
.rokus-ag-grid.ag-theme-alpine-dark .ag-overlay-no-rows-center,
.rokus-ag-grid.ag-theme-alpine-dark .ag-icon {
  color: #b6c1d2 !important;
}

.rokus-ag-grid .rokus-grid-action:hover,
.rokus-ag-grid.ag-theme-alpine-dark .rokus-grid-action:hover {
  color: var(--falcon-primary) !important;
}

html[data-bs-theme="dark"] .rokus-ag-grid .rokus-grid-action {
  color: #b6c1d2 !important;
}

.rokus-ag-grid .ag-row.rokus-grid-row-despesa,
.rokus-ag-grid .ag-row.rokus-grid-row-despesa .ag-cell {
  background-color: rgba(251, 219, 225, .38) !important;
}

.rokus-ag-grid.ag-theme-alpine-dark .ag-row.rokus-grid-row-despesa,
.rokus-ag-grid.ag-theme-alpine-dark .ag-row.rokus-grid-row-despesa .ag-cell {
  background-color: rgba(208, 26, 59, .16) !important;
}

.rokus-ag-grid .ag-row.rokus-grid-row-vencida,
.rokus-ag-grid .ag-row.rokus-grid-row-vencida .ag-cell {
  background-color: rgba(251, 219, 225, .58) !important;
}

.rokus-ag-grid.ag-theme-alpine-dark .ag-row.rokus-grid-row-vencida,
.rokus-ag-grid.ag-theme-alpine-dark .ag-row.rokus-grid-row-vencida .ag-cell {
  background-color: rgba(208, 26, 59, .24) !important;
}

.rokus-grid-pagination {
  align-items: center !important;
  background: var(--falcon-card-bg) !important;
  border-top: 1px solid var(--falcon-border-color) !important;
  font-size: .875rem;
  height: 61px !important;
  margin: 0 !important;
  min-height: 61px !important;
  padding: 0 1rem !important;
}

.rokus-grid-pagination [class*="col-"] {
  align-items: center;
  display: flex;
  margin-top: 0 !important;
}

.rokus-grid-pagination .pagination {
  gap: 0 !important;
}

.rokus-grid-pagination .page-item .page-link,
.rokus-grid-pagination > [class*="col-"] > button.btn-falcon-default {
  align-items: center;
  border-color: var(--falcon-border-color);
  box-shadow: var(--falcon-box-shadow-sm);
  display: inline-flex;
  font-size: .875rem;
  height: 2.25rem;
  justify-content: center;
  min-width: 2.25rem;
}

.rokus-grid-pagination .page-item .page-link {
  border-radius: 0;
  margin-left: -1px;
}

.rokus-grid-pagination .page-item:first-child .page-link {
  border-bottom-left-radius: var(--falcon-border-radius);
  border-top-left-radius: var(--falcon-border-radius);
  margin-left: 0;
}

.rokus-grid-pagination .page-item:last-child .page-link {
  border-bottom-right-radius: var(--falcon-border-radius);
  border-top-right-radius: var(--falcon-border-radius);
}

.rokus-grid-pagination .page-item.active .page-link {
  background-color: var(--falcon-primary) !important;
  border-color: var(--falcon-primary) !important;
  color: #fff !important;
  position: relative;
  z-index: 2;
}

.rokus-grid-pagination .form-select {
  font-size: .875rem;
  min-width: 5.25rem;
}

html[data-bs-theme="dark"] .rokus-grid-pagination {
  background: #121e2d !important;
  border-top-color: rgba(255, 255, 255, .06) !important;
}

html[data-bs-theme="dark"] .rokus-grid-pagination label,
html[data-bs-theme="dark"] .rokus-grid-pagination [data-grid-page-summary],
html[data-bs-theme="dark"] .rokus-grid-pagination [data-organizacoes-page-summary],
html[data-bs-theme="dark"] .rokus-grid-pagination [data-pomodoro-page-summary],
html[data-bs-theme="dark"] .rokus-grid-pagination #aprovacaoResumo {
  color: #b6c1d2 !important;
}

html[data-bs-theme="dark"] .rokus-grid-pagination .page-item .page-link,
html[data-bs-theme="dark"] .rokus-grid-pagination > [class*="col-"] > button.btn-falcon-default,
html[data-bs-theme="dark"] .rokus-grid-pagination .form-select {
  background-color: #0b1727 !important;
  border-color: rgba(255, 255, 255, .08) !important;
  color: #b6c1d2 !important;
}

@media (max-width: 767.98px) {
  .content .card:has(.rokus-ag-grid) {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
  }

  .card:has(.rokus-ag-grid) .card-header {
    overflow-x: auto;
    overflow-y: visible;
  }

  .card:has(.rokus-ag-grid) .card-header > .d-flex {
    flex-wrap: nowrap !important;
    min-width: max-content;
  }

  .card:has(.rokus-ag-grid) .card-header > .d-flex > .d-flex {
    flex-wrap: nowrap !important;
  }

  .card:has(.rokus-ag-grid) .card-header .row {
    flex-wrap: nowrap;
    min-width: max-content;
  }

  .card:has(.rokus-ag-grid) .card-header .row > [class*="col-"] {
    flex: 0 0 auto;
    width: auto;
  }

  .card:has(.rokus-ag-grid) .card-header .d-flex {
    flex-wrap: nowrap !important;
    min-width: max-content;
  }

  .rokus-grid-pagination {
    border-top: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto;
    height: auto !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    min-height: auto;
    row-gap: .75rem !important;
    text-align: center !important;
  }

  .rokus-grid-pagination > [class*="col-"] {
    justify-content: center !important;
  }

  .rokus-grid-pagination > [class*="col-"]:first-child {
    grid-column: 1 / -1;
  }

  .rokus-grid-pagination > [class*="col-"]:last-child {
    justify-content: end !important;
  }

  .rokus-grid-pagination > [class*="col-"]:last-child label {
    display: none !important;
  }
}

html[data-bs-theme="dark"] .rokus-choice-control,
html[data-bs-theme="dark"] .rokus-choice-dropdown,
html[data-bs-theme="dark"] .choices__inner,
html[data-bs-theme="dark"] .choices__input,
html[data-bs-theme="dark"] .choices__list--dropdown,
html[data-bs-theme="dark"] .choices__list[aria-expanded],
html[data-bs-theme="dark"] .choices__list--dropdown .choices__item,
html[data-bs-theme="dark"] .choices__list[aria-expanded] .choices__item {
  background-color: var(--falcon-gray-1100) !important;
  color: var(--falcon-gray-300) !important;
  border-color: var(--falcon-border-color) !important;
}

html[data-bs-theme="dark"] .rokus-choice-control input,
html[data-bs-theme="dark"] .rokus-choice-control input::placeholder,
html[data-bs-theme="dark"] .choices__placeholder {
  color: var(--falcon-gray-400) !important;
  opacity: 1 !important;
}

html[data-bs-theme="dark"] .rokus-choice-option:hover,
html[data-bs-theme="dark"] .rokus-choice-option.is-active,
html[data-bs-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted,
html[data-bs-theme="dark"] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--falcon-primary) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] .rokus-choice-tag,
html[data-bs-theme="dark"] .choices__list--multiple .choices__item {
  background-color: var(--falcon-gray-900) !important;
  color: var(--falcon-gray-200) !important;
  border-color: var(--falcon-border-color) !important;
}

.modal-content > .position-absolute.top-0.end-0.mt-3.me-3.z-1 {
  margin-top: 0 !important;
  height: 4.375rem;
  display: flex;
  align-items: center;
}

.modal-content > .position-absolute.top-0.end-0.mt-3.me-3.z-1 .btn-close {
  margin: 0;
}
