/* DayPicker styles */

.DayPicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 1rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.DayPicker.loading .DayPicker-Weekdays,
.DayPicker.loading .DayPicker-Body {
  opacity: .25;
  pointer-events: none;
}

.DayPicker.loading .DayPicker-NavButton {
  display: none;
}

.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 1rem;
  width: 100%;
  margin: 0;
}

.DayPicker.has-error .DayPicker-Month {
  -webkit-animation: shakeInput 0.25s ease-in-out 0s 1.5;
  animation: shakeInput 0.25s ease-in-out 0s 1.5;
}

  .DayPicker-NavBar {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 .5rem;
  }

  .DayPicker-NavButton {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
  }

    .DayPicker-NavButton--prev {
      left: 1rem;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMjYgNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+ZG93bmxvYWQgKDEpPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iZG93bmxvYWQtKDEpIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4gICAgICAgICAgICAgICAgPGcgaWQ9InByZXYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjM5MzE5MywgMjUuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMy4zOTMxOTMsIC0yNS4wMDAwMDApIHRyYW5zbGF0ZSgwLjg5MzE5MywgMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJyaWdodCIgcG9pbnRzPSIwIDQ5LjEyMzczMzEgMCA0NS4zNjc0MzQ1IDIwLjEzMTg0NTkgMjQuNzIzMDYxMiAwIDQuMjMxMzgzMTQgMCAwLjQ3NTA4NDQ1OSAyNSAyNC43MjMwNjEyIDAgNDkuMTIzNzMzMSI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+");
    }

    .DayPicker-NavButton--next {
      right: 1rem;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMjYgNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+ZG93bmxvYWQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJkb3dubG9hZCIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJuZXh0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjk1MTQ1MSwgMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJyaWdodCIgcG9pbnRzPSIwIDQ5LjEyMzczMzEgMCA0NS4zNjc0MzQ1IDIwLjEzMTg0NTkgMjQuNzIzMDYxMiAwIDQuMjMxMzgzMTQgMCAwLjQ3NTA4NDQ1OSAyNSAyNC43MjMwNjEyIDAgNDkuMTIzNzMzMSI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+");
    }


  .DayPicker-Caption {
    display: table-caption;
    height: 1.5rem;
    text-align: center;
    margin-bottom: 24px;
  }

  .DayPicker-Weekdays {
    display: table-header-group;
  }

    .DayPicker-WeekdaysRow {
      display: table-row;
    }

      .DayPicker-Weekday {
        display: table-cell;
        padding: 2px .5rem;
        font-size: 10px;
        text-align: center;
        color: #C4BCB9;
        text-decoration: none;
      }

      .DayPicker-Weekday abbr[title] {
        text-decoration: none;
      }

  .DayPicker-Body {
    display: table-row-group;
  }

    .DayPicker-Week {
      display: table-row;
    }

      .DayPicker-Day {
        display: table-cell;
        padding: 14px;
        border: 1px solid rgba(255,255,255,0.1);
        text-align: center;
        cursor: pointer;
        vertical-align: middle;
        outline: 0;
        border-right: 0;
        border-left: 0;
      }

  .DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default;
  }

/* Default modifiers */

.DayPicker-Day--today {
  color: inherit;
  font-weight: 500;
}

.DayPicker-Day--disabled {
  color: #3b3d3e;
  cursor: default;
  background-color: #181E22;
}

.DayPicker-Day--outside {
  cursor: default;
  color: #dce0e0;
  background: transparent;
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #f7f8f8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  color: #FFF;
  background-color: #CC4B80;
}

@media screen and (max-width: 500px){
  .DayPicker-Day {
    padding: 10px 14px;
  }
}