@CHARSET "UTF-8";

 .ui-widget-header {
   border-width: 0;
   background-color: #fff;
   font-weight: normal;
   text-align: center;
 }
 .ui-datepicker {
   padding: 0;
   width: 20em;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, .6);
   box-sizing: border-box;
   font-size: 1.1em;
   z-index: 1001 !important;
 }
 .ui-datepicker table {
   margin: 0;
 }
 .ui-datepicker-calendar tbody  td {
   padding-top: 5px;
   text-align: center;
  font-size: 1.2em;
 }
 .ui-datepicker th {
   font-weight: normal;
   padding: .2em .3em;
 }
 .ui-datepicker td {
   padding: 0;
 }
 .ui-datepicker table thead tr {
   border-bottom: 1px solid #ccc;
 }
 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active {
   border-width: 0;
 }
 .ui-state-default,
 .ui-widget-content .ui-state-default {
   background-color: #fff;
   text-align: center;
 }

 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
   background-color: #D2F5F5;
   color: #333;
 }
 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active,
 a.ui-button:active,
 .ui-button:active,
 .ui-button.ui-state-active:hover {
   background-color: #7886E7;
   color: #fff;
 }
 .ui-datepicker td span,
 .ui-datepicker td a {
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   padding: 0;
   border-radius: 15px;
 }

 .ui-timepicker-select {
   border-width: 1px !important;
 }

 .ui-datepicker .ui-datepicker-prev span {
   background-image: url('../../img/btn/prev.svg');
   background-position: 50% 50%;
   background-size: 10px;
 }
 .ui-datepicker .ui-datepicker-next span {
   background-image: url('../../img/btn/next.svg');
   background-position: 50% 50%;
   background-size: 10px;
 }
 .ui-datepicker-next-hover,
 .ui-datepicker-prev-hover {
   border: 1px solid #fff !important;
   background-color: #fff !important;
   cursor: pointer;
 }

.ui-timepicker-div.ui-timepicker-oneLine {
  padding: 0;
  border-top: 1px solid #ccc;
}
 .ui-timepicker-div.ui-timepicker-oneLine dl {
   margin: 3px auto;
   padding-top: 3px;
   width: 250px;
}

.ui-datepicker-calendar thead th:first-child,
.ui-datepicker-calendar tbody .sunday .ui-state-default {
  color: #cc0000;
  font-weight: bold;
}
.ui-datepicker-calendar thead th:last-child,
.ui-datepicker-calendar tbody .saturday .ui-state-default {
  color: #0000cc;
  font-weight: bold;
}
.ui-datepicker-calendar tbody .sunday .ui-state-active,
.ui-datepicker-calendar tbody .saturday .ui-state-active {
  color: #fff;
  font-weight: normal;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	 color: #000000;
	font-weight: bold;
}

/** for smart phone **/
@media screen and (max-width: 767px) {
  .ui-datepicker {
    left: 2% !important;
    box-sizing: border-box;
    width: 96%;
    font-size: 1.1em;
    z-index: 1101!important;
  }
  .ui-datepicker-calendar tbody td {
    font-size: 1.2em;
  }

}