:root {
    --vh: 100vh;
  }
  
  #app {
    min-height: var(--app-height);
  }
  
  html,
  body,
  #app {
    min-width: 100vw;
  }
  
  body {
    /*
    overflow: hidden !important;
    width: 100vw;
    height: 100vh;
    height: var(--vh);
    position: fixed;
    top: 0;
    left: 0;
    */
  }
  
  div.invalid-feedback {
    display: block;
  }
  
  .gm-style iframe + div { border:none!important; }
  
  
  
  div.react-datepicker {
    display: flex;
  }
  
  div.react-datepicker-popper {
    z-index: 3;
  }
  
  
  #uavhelpdesk-usershare {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: -1;
    display: none;
    pointer-events: none;
  }
  
  .react-datepicker__navigation--previous {
    border-right-color: #fff !important;
  }
  .react-datepicker__navigation--next {
    border-left-color: #fff !important;
  }
  
  .normal-scroll,
  .normal-scroll * {
    /*
    scroll-behavior: unset !important;
    */
  }
  
  div,
  button,
  div[role="button"],
  div:focus,
  button:focus,
  div[role="button"]:focus {
    outline: 0;
  }
  
  
  .ReactVirtualized__Grid:focus {
    outline: 0;
  }
  
  .react-datepicker__header {
    background-color: #2770c0;
  
  }
  .react-datepicker__header * {
    color: #fff;
  }
  
  .react-datepicker,
  .react-datepicker *,
  .react-datepicker *:focus {
    border-radius: 0 !important;
    outline: 0 !important;
  }
  .react-datepicker {
    border: 0;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.7);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.7);
  }
  .react-datepicker__time-container {
    border-color: #2770c0;
  }
  
  .react-phone-input-2 .special-label {
    display: none !important;
  }
  
  div.css-nbylj9-option,
  div.css-1579d96-option {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  
  
  body.map-is-zooming .map-label,
  body.map-is-zooming .map-label-remove-on-zoom {
    display: none !important;
  }
  
  
  #birthday {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  
  #birthday-audio {
    display: none;
  }
  
  div.css-26l3qy-menu {
    box-shadow: 0 0 0;
  }
  
  
  body .form-control.is-invalid,
  body .was-validated .form-control:invalid {
    background-image: none;
  }
  
  
  input:invalid {
    box-shadow: none;
  }
  
  
  .no-map-label-events .map-label {
    pointer-events: none !important;
  }
  
  .rc-tooltip-hidden {
    display: none;
  }
  .rc-tooltip {
    position: absolute;
    z-index: 1000;
  }
  .overlay {
    pointer-events: none;
  }
  
  
  a.a-underline:hover {
    text-decoration: underline !important;
  }
  
  .tui-full-calendar-weekday-grid {
    overflow: hidden !important;
  }
  
  span[role="alert"].react-datepicker__aria-live {
    display: none;
  }
  
  
  .Toastify__toast-container {
    z-index: 1000000000 !important;
  }
  
  /*
  body.contribution-v2 * {
    overflow: hidden !important;
  }
  */
  
  #portal-overlay {
    z-index: 99999;
    position: absolute;
    top: 0;
  }
  
  
  .map-info-window-wrapper {
    display: flex;
    flex-direction: column;
  }
  .map-info-window-wrapper .map-info-window-row {
    display: flex;
    flex-direction: row;
  }
  
  .map-info-window-wrapper .map-info-window-row .map-info-window-label {
    padding-right: 5px;
  }
  .map-info-window-wrapper .map-info-window-row .map-info-window-value {
    margin-left: auto;
  }
  
  .rc-slider, .rc-slider-handle, .rc-slider-rail, .rc-slider-track {
    touch-action: none;
  }
  
  div.css-1nmdiq5-menu {
    z-index: 10;
  }
  
  
  
  /* TimePicker */
  .react-time-picker {
    display: inline-flex;
    position: relative;
  }
  
  .react-time-picker,
  .react-time-picker *,
  .react-time-picker *:before,
  .react-time-picker *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .react-time-picker--disabled {
    background-color: #f0f0f0;
    color: #6d6d6d;
  }
  
  .react-time-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    border: thin solid gray;
  }
  
  .react-time-picker__inputGroup {
    min-width: calc((4px * 3) + 0.54em * 6 + 0.217em * 2);
    flex-grow: 1;
    padding: 0 2px;
    box-sizing: content-box;
  }
  
  .react-time-picker__inputGroup__divider {
    padding: 1px 0;
    white-space: pre;
  }
  
  .react-time-picker__inputGroup__divider,
  .react-time-picker__inputGroup__leadingZero {
    display: inline-block;
    font: inherit;
  }
  
  .react-time-picker__inputGroup__input {
    min-width: 0.54em;
    height: 100%;
    position: relative;
    padding: 0 1px;
    border: 0;
    background: none;
    color: currentColor;
    font: inherit;
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  
  .react-time-picker__inputGroup__input::-webkit-outer-spin-button,
  .react-time-picker__inputGroup__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
  }
  
  .react-time-picker__inputGroup__input:invalid {
    background: rgba(255, 0, 0, 0.1);
  }
  
  .react-time-picker__inputGroup__input--hasLeadingZero {
    margin-left: -0.54em;
    padding-left: calc(1px + 0.54em);
  }
  
  .react-time-picker__inputGroup__amPm {
    font: inherit;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
  }
  
  .react-time-picker__button {
    border: 0;
    background: transparent;
    padding: 4px 6px;
  }
  
  .react-time-picker__button:enabled {
    cursor: pointer;
  }
  
  .react-time-picker__button:enabled:hover .react-time-picker__button__icon,
  .react-time-picker__button:enabled:focus .react-time-picker__button__icon {
    stroke: #0078d7;
  }
  
  .react-time-picker__button:disabled .react-time-picker__button__icon {
    stroke: #6d6d6d;
  }
  
  .react-time-picker__button svg {
    display: inherit;
  }
  
  .react-time-picker__clock {
    width: 200px;
    height: 200px;
    max-width: 100vw;
    padding: 25px;
    background-color: white;
    border: thin solid #a0a096;
    z-index: 1;
  }
  
  .react-time-picker__clock--closed {
    display: none;
  }
  

/* SELECT */

div.css-1bl8mcx-Control,
div.css-1domaf0 {
  width: 100%;
}


.css-1bl8mcx-Control,
div.css-1domaf0 {
  -webkit-box-align: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 38px;
    position: relative;
    box-sizing: border-box;
    border-color: rgb(204, 204, 204);

    border-style: solid;
    border-width: 1px;
    transition: all 100ms ease 0s;
    outline: 0px !important;
}

div.css-1579d96-option,
div.css-6uavs8-option{
  padding: 5px 10px;
  color: #0270c0;
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

div.css-nbylj9-option,
div.css-12lyvee-option {
  background-color: #0270c0;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
}

div.css-4ljt47-MenuList {
  padding: 0 !important;
}
div.css-4ljt47-MenuList div.css-1579d96-option:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

div.css-h4cczp-option,
div.css-1xe131j-option {
  display: none;
}


.react-datepicker-wrapper {
  width: 100%;
}

div.css-1bl8mcx-Control {
  border-color: #0270c0;
}

svg.css-6q0nyr-Svg {
  color: #0270c0
}
div.css-1okebmr-indicatorSeparator {
  background-color: #0270c0;
}

div.css-26l3qy-menu {
  z-index: 15 !important;

}

div.css-26l3qy-menu > div {
  height: auto !important;
  max-height: 300px !important;
}
.select-areas-height-fix div.css-26l3qy-menu > div {
  max-height: 150px !important;
}

.container {
  max-width: 3000px !important;
}

.css-io2ucj {
  z-index: 3;
}



#portal > div[class^="css-"] {
  z-index: 900000;
}