.DateInput_input, .DateInput_input_1 {
  font-size: 1.25vw;
  Height: 80%;
}

.dropdown-header {
  color: #56A5EC
}

.DateInput, .DateInput_1 {
  width: 100%;
}

#tide-hl-button {
  width: 50%;
}

#day-slider .rc-slider-mark-text {
  margin-right: 20px;
  margin-left: 5px;
  margin-bottom: 20px;
  width: 40px;
  text-align: center
}

#day-slider2 .rc-slider-mark-text2 {
  writing-mode: vertical-lr;
  text-orientation: sideways;
}

#day-slider2 .rc-slider-handle2 {
  border-top-color: #56A5EC;
  border-right-color: #56A5EC;
  border-bottom-color: #56A5EC;
  border-left-color: #56A5EC;
  background-color: #56A5EC;
}

#day-slider .label {
  font-size: 8pt;
}

#day-slider .value {
  font-size: 12pt;
}

#session-highlight-max .value {
  font-size: 12pt;
}

#session-highlight-min .value {
  font-size: 12pt;
}

#session-highlight-max .label {
  font-size: 8pt;
}

#session-highlight-min .label {
  font-size: 8pt;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(86, 165, 236, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(86, 165, 236);
}


/* Stuff for dash-ag-grid */
.header-cell {
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: left;
    display: flex !important;
    #background-color: #2596be;
    background-color: #eba434;
}

.header-cell2 {
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: left;
    display: flex !important;
}

.header-cell3 {
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: left;
    display: flex !important;
    background-color: #bebe25;
}

.center-aligned-group-header .ag-header-group-cell-label {
    justify-content: center;
}

.ag-header-cell-label {
    justify-content: center;
}

.ag-theme-alpine.inner-harbor-custom-class .ag-cell-focus {
    border: 2pt solid red !important;
}

.ag-theme-alpine.outer-harbor-custom-class .ag-cell-focus {
    border: 2pt solid red !important;
}

.ag-theme-alpine.compact {
    --ag-grid-size: 5.5px;
}

.ag-theme-alpine.custom-row {
    /* red - 10% opacity */
    --ag-selected-row-background-color: rgb(153, 153, 153, 0.2);
}

.no-border.ag-cell:focus {
  border:none !important;
  outline: none;
}