:root {
  --tblr-font-sans-serif: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

.monospace {
  font-family: monospace;
}

.hidden {
  display: none;
}

.hidden-force {
  display: none !important;
}

.no-ul:hover {
text-decoration: none;
}

.navbar-brand-image {
  height: 23px !important;
}

.nav-item.active {
  --tblr-navbar-active-border-color: #563736;
}

.bb-0 {
  border-bottom: 0px;
}

.bt-0 {
  border-top: 0px;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-2px {
  margin-left: 2px;
}

.mr-1 {
  margin-right: 1rem;
}

.block {
  display: block;
}

.green {
  color: #00b300;
}

.red {
  color: #ff0000;
}

.footer {
  padding: 1rem !important;
}

.input-group-flat:focus-within {
  box-shadow: none !important;
  outline: none !important;
}

.form-selectgroup-input:focus {
  outline: 0 !important;
  display: none;
  border: 0px;
}

/* AG Grid */
.ag-root-wrapper {
  border-radius: 3px !important; }

.ag-with-header .ag-root-wrapper {
border: 0px !important;
border-radius: 0px; }

.ag-theme-quartz-dark .ag-header-cell-label {
text-transform: uppercase;
font-size: 10px; }

.ag-theme-alpine .ag-filter {
/* font-size: 14px; */
background-color: #F8FAFC; }

.ag-theme-alpine .ag-paging-panel {
background-color: #F8FAFC !important;
border-top: 0px !important;
}

.ag-theme-quartz-dark {
  --ag-header-background-color: #1B2432 !important;
  
  /* --ag-border-color: #ECEEF1 !important;
  --ag-row-border-color: #ECEEF1 !important;
  --ag-foreground-color: #3f123f !important;
  --ag-background-color: #ffffff !important;
  --ag-header-foreground-color: #616876 !important;
  --ag-secondary-foreground-color: #616876 !important;
  
  --ag-odd-row-background-color: #ffffff !important;
  --ag-header-column-resize-handle-color: #ECEEF1 !important;
  --ag-grid-size: 6px !important;
  --ag-list-item-height: 15px !important; */
}

/* .ag-row {
  z-index: 1 !important;
}

.ag-cell-focus {
  overflow: visible !important;
} */

/* END AG GRID */

/* .btn-panda {
  background-color: #563736;
  color: white;
}

.btn-panda:hover {
  background-color: #8f6766;
  color: white;
}

pre::selection {
  background: #ffffff;
  color: #1f2839;
} */

.ta-code {
  width: 100%;
  border: 0px;
  background-color: #1f2839;
  color: #ffffff;
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace';
  padding: 1rem;
  border-radius: 4px;
  overflow: auto;
}

.ta-code::selection {
  background: #ffffff;
  color: #1f2839;
}

.nav-link-white a {
  color: rgba(255,255,255,.7);
  text-decoration: none;
}

/* On hover on chat-item, make the background grey and change the cursor to a pointer */
body[data-bs-theme=light] .chat-item:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}

body[data-bs-theme=dark] .chat-item:hover {
  background-color: #1e2939;
  cursor: pointer;
}

body[data-bs-theme=dark] .border-end {
  border-right-color: #222e40 !important;
}

body[data-bs-theme=dark] .response-card {
  background-color: #171f2b;
}

body[data-bs-theme=dark] #pre-request {
  background-color: #182433 !important;
}

body[data-bs-theme=light] #pre-request {
  background-color: #ffffff !important;
  color: black !important;
}

body[data-bs-theme=light] #pre-response {
  background-color: #f7f8fb !important;
  color: black !important;
}

body[data-bs-theme=light] #div-col-response {
  background-color: #f7f8fb !important;
  color: black !important;
}

body[data-bs-theme=dark] .form-hint {
  color: #8d939b !important;
}

body[data-bs-theme=dark] .btn-dark {
  --tblr-btn-bg: #233f62 !important;
}

.mhmf {
  height: calc(100vh - 165px) !important;
}

.ts-control {
  flex-wrap: nowrap !important;
}

.ts-wrapper {
  min-height: 0px !important;
  height: 36px !important;
}

.input-group > .ts-wrapper:first-of-type {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.ts-dropdown {
  width: 230px !important;
}