@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------
    カレンダーの日付の色変更
----------------------------------------------------*/

div#ui-datepicker-div {
    z-index: 5!important;/*タブより前に配置するため*/
}

.ui-widget-header {
    text-shadow: none!important;
}
.ui-widget-header .ui-icon {
  border: none;
}
/*.class-holiday > .ui-state-default {
  background: #FFFF00 !important;
  color: red !important;
}*/

/* 文字サイズの修正（デフォルト（可変）から固定に変えています） ------------------*/
/* 共通 */
.ui-datepicker table {
    font-size: 14px!important;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 1.5em;
    font-size: 14px;
}
/* ポップアップタイプ 外枠用 */
div#ui-datepicker-div {
    font-size: 12px!important;
}
/* 貼り付けタイプ 外枠用 */
.ui-datepicker {
    font-size: 12px;
}
/* -------------------------------------------------------------------------------*/

/*infragisticsなどほかのjQuerの上書き防止 ここから*/

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix{
    background: none!important;
    background-color: #00aed9!important;
    border: 1px solid #FFF!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3!important;
    font-weight: normal!important;
    color: #555!important;
    background: none;/* 背景色は条件によって色が変わるのでimportantはつけない */
}
/* アクティブ状態のスタイル */
/*a.ui-state-default.ui-state-active{
   background: #0092D3!important;
   color: #FFF!important;
}*/
a.ui-state-default.ui-state-active {
    background: #FFF294!important;
    color: #000!important;
    font-size: 13px!important;
    border: 1px solid #fed22f!important;
    font-weight: bold!important;
}

/* ヘッダーの文字色 */
.ui-datepicker .ui-widget-header{
    color: #FFF;
}
/* 曜日部分の背景色 */
.ui-datepicker thead {
    background: none!important;
}

/*「今日」「閉じる」の文字サイズ*/
.ui-datepicker button.ui-corner-all{
    font-size: 12px!important;
}
/*「今月」「今日」の文字色を濃くするスタイル*/
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
}
/* 左右矢印の画像 */
.ui-widget-header .ui-icon, .ui-state-default .ui-widget-header.ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
    background-position: -96px -16px!important;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
    background-position: -32px -16px!important;
}
/*infragisticsなどほかのjQuerの上書き防止 ここまで*/



/* 色の設定 ----------------------------------------------- */

/* hover時 */
.ui-datepicker .ui-state-default:hover {
    /*background-color: #00aed9!important;
    color: #FFF!important;*/
    border: 1px solid #fed22f!important;
    background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x!important;
    color: #000!important;
}

/* 当日 */
/*.ui-datepicker .ui-datepicker-today a {
    border: 1px solid #fed22f!important;
    background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x!important;
    color: #363636!important;
    font-weight: bold!important;
}*/
.ui-datepicker .ui-datepicker-today a {
    background: #00aed9!important;/*?F*/
    color: #FFFFFF!important;/*???F*/
    border: 1px solid #898989!important;
    font-weight: bold!important;
}

/*土曜*/
.class-saturday > .ui-state-default {
  background: #D6EBF0 !important;
  color: rgb(0, 174, 217) !important;
}
/*日曜*/
.class-sunday > .ui-state-default {
  background: #FFCCCC !important;
  color: red !important;
}
/*休日（祝日・病院休み等）*/
.class-holiday > .ui-state-default {
  background: #FFCCCC !important;
  color: red !important;
}

/* 複数日付選択 */
.select_date_multi {
  background-color: green !important;
}

.select_date_multi .ui-state-default {
  color: #fff !important;
}

.select_date_multi.ui-datepicker-today a {
  background-color: green !important;
}

/*当月以外の色を透過させる*/
.ui-datepicker-other-month {
    opacity: 0.35;
}