/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* /styles/mixins.scss */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-date-time-picker, .gio-tethered-date-time {
  align-items: center;
  display: flex;
  font-family: "Barlow", "Roboto", "Lato", sans-serif;
  justify-content: space-between;
  position: relative; }
  .gio-date-time-picker input, .gio-tethered-date-time input {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    font-family: "Barlow", "Roboto", "Lato", sans-serif;
    font-size: 15px;
    height: 37px;
    line-height: 37px;
    line-height: 34px;
    outline: none;
    padding: 10px 5px;
    width: 100%; }
    .gio-date-time-picker input + .rdtPicker, .gio-tethered-date-time input + .rdtPicker {
      position: absolute;
      top: 37px;
      z-index: 100; }
  .gio-date-time-picker--danger input,
  .gio-date-time-picker--danger input[type="text"], .gio-tethered-date-time--danger input,
  .gio-tethered-date-time--danger input[type="text"] {
    background-color: #fff3f0;
    border-color: #ff8964; }
  .gio-date-time-picker select.en-form-control, .gio-tethered-date-time select.en-form-control {
    border-radius: 5px;
    padding: 0; }
    .gio-date-time-picker select.en-form-control option, .gio-tethered-date-time select.en-form-control option {
      height: 37px;
      line-height: 37px; }
  .gio-date-time-picker select.en-form-control[multiple], .gio-tethered-date-time select.en-form-control[multiple] {
    height: 148px; }
  .gio-date-time-picker select.en-form-control[multiple] option, .gio-tethered-date-time select.en-form-control[multiple] option {
    height: 37px;
    padding: 10px 5px; }
  .gio-date-time-picker .rdtPicker, .gio-tethered-date-time .rdtPicker {
    background-color: #ffffff;
    border: solid 1px #d1d1d1;
    display: none;
    left: 0;
    min-width: 253px;
    /* width of day cell x 7 + spacing + border */
    padding: 10px; }
    .gio-date-time-picker .rdtPicker .rdtPrev,
    .gio-date-time-picker .rdtPicker .rdtNext, .gio-tethered-date-time .rdtPicker .rdtPrev,
    .gio-tethered-date-time .rdtPicker .rdtNext {
      background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" class="gio-icon gio-icon--angle-right"><polygon points="99.4,64 35.4,128 28.6,121.1 85.7,64 28.6,6.9 35.4,0 "/></svg>') no-repeat 100% 50%;
      background-size: 12px 12px;
      cursor: pointer; }
      .gio-date-time-picker .rdtPicker .rdtPrev span,
      .gio-date-time-picker .rdtPicker .rdtNext span, .gio-tethered-date-time .rdtPicker .rdtPrev span,
      .gio-tethered-date-time .rdtPicker .rdtNext span {
        color: transparent;
        display: block;
        height: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; }
    .gio-date-time-picker .rdtPicker .rdtPrev, .gio-tethered-date-time .rdtPicker .rdtPrev {
      background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" class="gio-icon gio-icon--angle-left"><polygon points="28.6,64 92.6,0 99.4,6.9 42.3,64 99.4,121.1 92.6,128 "/></svg>');
      background-position: 0 50%; }
    .gio-date-time-picker .rdtPicker .rdtSwitch, .gio-tethered-date-time .rdtPicker .rdtSwitch {
      cursor: pointer;
      color: #007a87; }
    .gio-date-time-picker .rdtPicker table, .gio-tethered-date-time .rdtPicker table {
      border-spacing: 0;
      width: 100%; }
      .gio-date-time-picker .rdtPicker table th,
      .gio-date-time-picker .rdtPicker table td, .gio-tethered-date-time .rdtPicker table th,
      .gio-tethered-date-time .rdtPicker table td {
        padding: 5px;
        text-align: center; }
      .gio-date-time-picker .rdtPicker table td:hover, .gio-tethered-date-time .rdtPicker table td:hover {
        background-color: #e6f2f3; }
    .gio-date-time-picker .rdtPicker .rdtDays table thead .dow,
    .gio-date-time-picker .rdtPicker .rdtMonths table thead .dow,
    .gio-date-time-picker .rdtPicker .rdtYears table thead .dow, .gio-tethered-date-time .rdtPicker .rdtDays table thead .dow,
    .gio-tethered-date-time .rdtPicker .rdtMonths table thead .dow,
    .gio-tethered-date-time .rdtPicker .rdtYears table thead .dow {
      color: #58bfb8;
      font-family: "Barlow", "Roboto", "Lato", sans-serif;
      font-size: 13px;
      line-height: 20px;
      font-weight: 400; }
    .gio-date-time-picker .rdtPicker .rdtDays table tbody .rdtDay,
    .gio-date-time-picker .rdtPicker .rdtMonths table tbody .rdtDay,
    .gio-date-time-picker .rdtPicker .rdtYears table tbody .rdtDay, .gio-tethered-date-time .rdtPicker .rdtDays table tbody .rdtDay,
    .gio-tethered-date-time .rdtPicker .rdtMonths table tbody .rdtDay,
    .gio-tethered-date-time .rdtPicker .rdtYears table tbody .rdtDay {
      cursor: pointer; }
    .gio-date-time-picker .rdtPicker .rdtDays table tbody .rdtDisabled,
    .gio-date-time-picker .rdtPicker .rdtMonths table tbody .rdtDisabled,
    .gio-date-time-picker .rdtPicker .rdtYears table tbody .rdtDisabled, .gio-tethered-date-time .rdtPicker .rdtDays table tbody .rdtDisabled,
    .gio-tethered-date-time .rdtPicker .rdtMonths table tbody .rdtDisabled,
    .gio-tethered-date-time .rdtPicker .rdtYears table tbody .rdtDisabled {
      background-color: #f4f4f4;
      cursor: default; }
    .gio-date-time-picker .rdtPicker .rdtDays table tbody .rdtOld,
    .gio-date-time-picker .rdtPicker .rdtDays table tbody .rdtNew,
    .gio-date-time-picker .rdtPicker .rdtMonths table tbody .rdtOld,
    .gio-date-time-picker .rdtPicker .rdtMonths table tbody .rdtNew,
    .gio-date-time-picker .rdtPicker .rdtYears table tbody .rdtOld,
    .gio-date-time-picker .rdtPicker .rdtYears table tbody .rdtNew, .gio-tethered-date-time .rdtPicker .rdtDays table tbody .rdtOld,
    .gio-tethered-date-time .rdtPicker .rdtDays table tbody .rdtNew,
    .gio-tethered-date-time .rdtPicker .rdtMonths table tbody .rdtOld,
    .gio-tethered-date-time .rdtPicker .rdtMonths table tbody .rdtNew,
    .gio-tethered-date-time .rdtPicker .rdtYears table tbody .rdtOld,
    .gio-tethered-date-time .rdtPicker .rdtYears table tbody .rdtNew {
      color: #8d8d8d;
      cursor: default; }
    .gio-date-time-picker .rdtPicker .rdtDays table tbody .rdtToday,
    .gio-date-time-picker .rdtPicker .rdtMonths table tbody .rdtToday,
    .gio-date-time-picker .rdtPicker .rdtYears table tbody .rdtToday, .gio-tethered-date-time .rdtPicker .rdtDays table tbody .rdtToday,
    .gio-tethered-date-time .rdtPicker .rdtMonths table tbody .rdtToday,
    .gio-tethered-date-time .rdtPicker .rdtYears table tbody .rdtToday {
      font-weight: 700;
      color: #58bfb8; }
    .gio-date-time-picker .rdtPicker .rdtDays table tbody .rdtActive,
    .gio-date-time-picker .rdtPicker .rdtMonths table tbody .rdtActive,
    .gio-date-time-picker .rdtPicker .rdtYears table tbody .rdtActive, .gio-tethered-date-time .rdtPicker .rdtDays table tbody .rdtActive,
    .gio-tethered-date-time .rdtPicker .rdtMonths table tbody .rdtActive,
    .gio-tethered-date-time .rdtPicker .rdtYears table tbody .rdtActive {
      background-color: #58bfb8;
      color: #ffffff; }
    .gio-date-time-picker .rdtPicker .rdtDays table tfoot .rdtTimeToggle,
    .gio-date-time-picker .rdtPicker .rdtMonths table tfoot .rdtTimeToggle,
    .gio-date-time-picker .rdtPicker .rdtYears table tfoot .rdtTimeToggle, .gio-tethered-date-time .rdtPicker .rdtDays table tfoot .rdtTimeToggle,
    .gio-tethered-date-time .rdtPicker .rdtMonths table tfoot .rdtTimeToggle,
    .gio-tethered-date-time .rdtPicker .rdtYears table tfoot .rdtTimeToggle {
      margin: auto;
      cursor: pointer;
      padding-top: 5px;
      text-align: center;
      font-weight: 700;
      color: #007a87; }
      .gio-date-time-picker .rdtPicker .rdtDays table tfoot .rdtTimeToggle:hover,
      .gio-date-time-picker .rdtPicker .rdtMonths table tfoot .rdtTimeToggle:hover,
      .gio-date-time-picker .rdtPicker .rdtYears table tfoot .rdtTimeToggle:hover, .gio-tethered-date-time .rdtPicker .rdtDays table tfoot .rdtTimeToggle:hover,
      .gio-tethered-date-time .rdtPicker .rdtMonths table tfoot .rdtTimeToggle:hover,
      .gio-tethered-date-time .rdtPicker .rdtYears table tfoot .rdtTimeToggle:hover {
        background-color: transparent; }
    .gio-date-time-picker .rdtPicker .rdtMonth,
    .gio-date-time-picker .rdtPicker .rdtYear, .gio-tethered-date-time .rdtPicker .rdtMonth,
    .gio-tethered-date-time .rdtPicker .rdtYear {
      min-height: 33px;
      padding: 5px;
      cursor: pointer; }
    .gio-date-time-picker .rdtPicker .rdtTime td:hover, .gio-tethered-date-time .rdtPicker .rdtTime td:hover {
      background-color: transparent; }
    .gio-date-time-picker .rdtPicker .rdtTime .rdtCounters, .gio-tethered-date-time .rdtPicker .rdtTime .rdtCounters {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      min-width: 100px; }
      .gio-date-time-picker .rdtPicker .rdtTime .rdtCounters .rdtCounter, .gio-tethered-date-time .rdtPicker .rdtTime .rdtCounters .rdtCounter {
        margin: 0 10px;
        min-width: 30px; }
        .gio-date-time-picker .rdtPicker .rdtTime .rdtCounters .rdtCounter .rdtBtn, .gio-tethered-date-time .rdtPicker .rdtTime .rdtCounters .rdtCounter .rdtBtn {
          background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" class="gio-icon gio-icon--angle-up"><polygon points="64,28.6 128,92.6 121.1,99.4 64,42.3 6.9,99.4 0,92.6 "/></svg>') no-repeat 50% 0;
          background-size: 12px 12px;
          color: transparent;
          cursor: pointer;
          display: block;
          padding: 10px 0 0;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none; }
          .gio-date-time-picker .rdtPicker .rdtTime .rdtCounters .rdtCounter .rdtBtn:last-of-type, .gio-tethered-date-time .rdtPicker .rdtTime .rdtCounters .rdtCounter .rdtBtn:last-of-type {
            background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" class="gio-icon gio-icon--angle-down"><polygon points="64,99.4 0,35.4 6.9,28.6 64,85.7 121.1,28.6 128,35.4 "/></svg>');
            background-position: 50% 100%;
            padding: 0 0 10px; }
        .gio-date-time-picker .rdtPicker .rdtTime .rdtCounters .rdtCounter .rdtCount, .gio-tethered-date-time .rdtPicker .rdtTime .rdtCounters .rdtCounter .rdtCount {
          font-size: 17px;
          line-height: 26px; }
  .gio-date-time-picker.rdtOpen .rdtPicker, .gio-tethered-date-time.rdtOpen .rdtPicker {
    display: inline-block; }
  .gio-date-time-picker.dropup .rdtPicker, .gio-tethered-date-time.dropup .rdtPicker {
    bottom: 100%;
    top: initial; }
  .gio-date-time-picker.position-right .rdtPicker, .gio-tethered-date-time.position-right .rdtPicker {
    left: -90px; }

.gio-tethered-date-time__menu {
  z-index: 100; }