#ui-datepicker-div {
  padding: 16px 16px 48px; }
  @media (max-width: 860px) {
    #ui-datepicker-div {
      position: fixed !important;
      width: 100% !important;
      top: 0 !important;
      left: 0 !important; }
      #ui-datepicker-div .ui-datepicker-close-btn {
        text-align: right;
        padding: 0 8px;
        margin-bottom: 24px; }
        #ui-datepicker-div .ui-datepicker-close-btn-icon {
          color: #00b7be;
          font-size: 24px;
          font-weight: bold; }
      #ui-datepicker-div .ui-datepicker-header {
        margin-bottom: 16px; }
      #ui-datepicker-div .ui-datepicker-calendar {
        font-size: 16px; }
        #ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
          text-align: center;
          background-color: inherit;
          padding: .5em .2em; }
        #ui-datepicker-div .ui-datepicker-calendar tbody tr td span {
          text-align: center; }
      #ui-datepicker-div .ui-icon {
        width: 24px;
        height: 24px;
        background-size: contain;
        background-position: center;
        top: 30%; }
      #ui-datepicker-div .ui-datepicker-next .ui-icon {
        background-image: url(../images/common/round-right.png);
        left: 0; }
      #ui-datepicker-div .ui-datepicker-prev .ui-icon {
        background-image: url(../images/common/round-left.png);
        right: 0;
        left: auto; } }
  #ui-datepicker-div .ui-widget-header {
    background-color: inherit;
    border: none; }
  #ui-datepicker-div .ui-widget-content {
    display: none; }
  #ui-datepicker-div .ui-state-default {
    border: none; }
  @media (min-width: 861px) {
    #ui-datepicker-div th.ui-datepicker-week-end:first-child, #ui-datepicker-div td.ui-datepicker-week-end:first-child {
      color: red; }
    #ui-datepicker-div th.ui-datepicker-week-end:last-child, #ui-datepicker-div td.ui-datepicker-week-end:last-child {
      color: blue; }
    #ui-datepicker-div th:first-child a, #ui-datepicker-div td:first-child a {
      color: red; }
    #ui-datepicker-div th:last-child a, #ui-datepicker-div td:last-child a {
      color: blue; } }

button.ui-datepicker-trigger {
  border: none;
  background-color: inherit;
  display: inline;
  padding: 0px;
  padding-left: 3px;
  vertical-align: baseline;
  position: absolute;
  right: 24px;
  top: 17px;
  font-size: 18px;
  color: gray; }
  @media (min-width: 861px) {
    button.ui-datepicker-trigger {
      right: 16px; } }