/* Kontrolka */
.Select-control {
  background: #2a2e39 !important;
  border: 1px solid #363c4e !important;
  border-radius: 3px !important;
  min-height: 28px !important;
  height: 28px !important;
}
.Select-value-label, .Select-single-value { color: #d1d4dc !important; }
.Select-placeholder { color: #5d6374 !important; }
.Select-arrow { border-top-color: #5d6374 !important; }
.Select--is-focused .Select-control,
.Select--is-open .Select-control {
  border-color: #5c6bc0 !important;
  box-shadow: none !important;
  background: #2a2e39 !important;
}
.Select-input > input {
  color: #d1d4dc !important;
  background: transparent !important;
}

/* Menu rozwijane */
.Select-menu-outer {
  background: #2a2e39 !important;
  border: 1px solid #363c4e !important;
  border-top: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.8) !important;
  border-radius: 0 0 4px 4px !important;
  z-index: 9999 !important;
}
.Select-menu {
  background: #2a2e39 !important;
  max-height: 250px !important;
}
.Select-option {
  background: #2a2e39 !important;
  color: #b0b8cc !important;
  font-size: 11px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid rgba(54,60,78,0.4) !important;
}
.Select-option:hover,
.Select-option.is-focused {
  background: #1e222d !important;
  color: #ffffff !important;
}
.Select-option.is-selected {
  background: #1a237e !important;
  color: #9fa8da !important;
}
.Select-noresults {
  background: #2a2e39 !important;
  color: #5d6374 !important;
}

/* VirtualizedSelect */
.VirtualizedSelectOption {
  background: #2a2e39 !important;
  color: #b0b8cc !important;
  font-size: 11px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid rgba(54,60,78,0.3) !important;
  cursor: pointer !important;
}
.VirtualizedSelectFocusedOption {
  background: #1e222d !important;
  color: #fff !important;
}
.VirtualizedSelectSelectedOption {
  background: #1a237e !important;
  color: #9fa8da !important;
}