:root {
  --qs-oil: #b2df8a;
  --qs-gas: #fb9a99;
}
  
.dash-dropdown .Select-menu-outer .VirtualizedSelectOption > a {
    width: 100%;
}

.tabulator-col-content {
  text-align: center !important;
}
/* .dash-dropdown .Select-control {
    background-color: green;
}

.dash-dropdown .Select-menu-outer {
    z-index: 1111 !important;
    background-color: lightgreen;
}

.VirtualizedSelectOption {
    background-color: blue;
    color: black;
    z-index: 1555 !important;
}

.VirtualizedSelectFocusedOption {
    background-color: red;
    font-size: 18px;
    color: white;
    z-index: 1555 !important;
} */

/* .dash-dropdown > * {
    pointer-events: initial !important;
} */
/* .dash-dropdown .Select-menu-outer .VirtualizedSelectSelectedOption {
    pointer-events: initial !important;
}
.dash-dropdown .Select-menu-outer .VirtualizedSelectOption {
    pointer-events: initial !important;
} */
.dash-default-spinner-rect1,
.dash-default-spinner-rect2,
.dash-default-spinner-rect3,
.dash-default-spinner-rect4,
.dash-default-spinner-rect5{
  background-color: #6e7891 !important;
}

.Select-control {
  border-radius: .5 rem !important;
  border-color: #e3e6ed !important;
}

#leaflet-map>div.info {
  background:rgba(255,255,255,0.99) !important;
}
.leaflet-top {
  z-index: 400 !important;
}
.text-oil {
  color: var(--qs-oil) !important;
}

.text-gas {
  color: var(--qs-gas) !important;
}

.bg-oil {
  background-color: var(--qs-oil) !important;
}

.bg-gas {
  background-color: var(--qs-gas) !important;
}

.navbar .dropdown-menu.dropdown-menu-end.navbar-dropdown-caret {
  right: 0 !important;
}

.toast-brand {
    color: #222834;
    font-size: larger;
}

.leaflet-height {
  min-height: 450px;
  height: calc(100vh - 18rem);
}

.pane-height {
  height: calc(100vh - 18rem);
}

.loading-min-height {
  min-height: calc(100vh - 18rem);
}

.navbar-logo > img {
  height: 32px !important;
}
.tabulator, #leaflet-map {
  border-radius: 1rem;
  border: 1px solid #e3e6ed;
}

.leaflet-collapse[aria-expanded=false] svg {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
  -webkit-transform:rotate(180deg);
}

@media (min-width: 768px) {
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
    .search-box {
      width: 35rem !important;
    }
  }
  
  @keyframes slideIn {
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
  
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
  
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
  }
  
  .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
  }
  
#content[data-dash-is-loading="true"]{
  visibility: hidden;
}
#content[data-dash-is-loading="true"]::before{
  content: "Loading QuickScout...";
  display: inline-block;
  color: var(--phoenix-primary);
  visibility: visible;
}

.map-content[data-dash-is-loading="true"]{
  visibility: hidden;
}
.map-content[data-dash-is-loading="true"]::before{
  content: "Loading QuickScout Interactive Map...";
  display: inline-block;
  color: var(--phoenix-primary);
  visibility: visible;
}