/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-date-range-picker {
  font-family: "Barlow", "Roboto", "Lato", sans-serif;
  font-weight: 400;
  font-size: 15px; }
  .gio-date-range-picker input[type="text"] {
    box-sizing: border-box;
    background: #ffffff;
    color: #1a1a1a;
    font-family: "Barlow", "Roboto", "Lato", sans-serif;
    font-size: 15px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    height: 37px;
    line-height: 37px;
    padding: 10px 5px; }
    .gio-date-range-picker input[type="text"]:active, .gio-date-range-picker input[type="text"]:focus {
      outline: 0; }
    .gio-date-range-picker input[type="text"]:disabled {
      background: #f4f4f4;
      border: 1px solid #e8e8e8;
      box-shadow: none;
      background-color: #e8e8e8;
      color: #8d8d8d; }
    .gio-date-range-picker input[type="text"]::placeholder {
      color: #d1d1d1;
      font-family: "Barlow", "Roboto", "Lato", sans-serif;
      line-height: 15px;
      padding: 10px 0 0; }
  .gio-date-range-picker__body {
    align-items: flex-start;
    border-bottom: 1px solid #d1d1d1;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 5px 10px 20px;
    padding-bottom: 5px; }
  .gio-date-range-picker__title {
    align-items: center;
    display: flex;
    height: 37px;
    margin-right: 30px; }
  .gio-date-range-picker__footer {
    margin: 5px 10px; }
  .gio-date-range-picker__row {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 -5px; }
  .gio-date-range-picker__row-item {
    margin: 0 5px 10px;
    flex-grow: 1; }
  .gio-date-range-picker__btn-row {
    align-items: center;
    display: flex;
    margin: 0 -5px;
    flex-flow: row wrap; }
    .gio-date-range-picker__btn-row > .en-button,
    .gio-date-range-picker__btn-row > .gio-button,
    .gio-date-range-picker__btn-row > .gio-btn-menu {
      margin: 0 5px 10px; }
    .gio-date-range-picker__btn-row--end {
      justify-content: flex-end; }
    .gio-date-range-picker__btn-row--center {
      justify-content: center; }
  .gio-date-range-picker__menu-btn--empty {
    color: #8d8d8d; }