@charset "UTF-8";
.bold{
  font-weight: bold;
}
.nowrap{
  white-space: nowrap;
}
.line-through{
  color: #dcdcdc;
  text-decoration: line-through;
}
.important_notice{
  color:            red;
  background-color: #ffe4e1;
  font-weight:      bold;
}
.table-hover > tbody > tr:hover {
  background-color: #ffffe0;
}
div.row-nomargin{
  max-width:    1000px;
  margin-right: 0px;
}
div.row-nomargin .row{
  margin-left:  0px !important;
  margin-right: 0px !important;
}
.col-header{
  color:            black;
  background-color: #ddd;
  text-align:       center;
  font-size:        1.2rem;
}
.col-cell{
  border:           1px solid #ddd;
  font-size:        1.2rem;
  text-align:       center;
}
.col-cell-label{
  color:            black;
  background-color: #f5f5f5;
}

.row-logicalrow{
  padding-bottom:     2px;
}
.col-header-toiawase{
  background-color: #9acd32;
}
.col-cell-toiawase{
  border:           1px solid #9acd32;
}
/*****
 * インプットグループ用のラベル(input-group-addon)
 ***********************************************************/
.input-group-addon{
  padding: 6px 3px;
}
/*****
 * 「あり」ラベル 1:気づき情報 2:予約備考 3:症状聞き取り
 ***********************************************************/
.label.label-ari-type1{
  color: #fff;
  background-color:#800000; opacity:1.0;
}
.label.label-ari-type2{
  color: #fff;
  background-color:#32cd32; opacity:1.0;
}
.label.label-ari-type3{
  color: #fff;
  background-color:#4169e1; opacity:1.0;
}
.label.label-is_first{
  color: #fff;
  background-color:#ff1493; opacity:1.0;
}
/*****
 * 予約カレンダー
 ***********************************************************/
.yoyaku-cal>table{
  margin:0;
  width:auto;
  max-width:none;
}
.yoyaku-cal>table>thead{
  border-bottom: solid 3px #dddddd;
}
.yoyaku-cal>table .col01{ width:50px; }
.yoyaku-cal>table .col02{ width:200px; }
.yoyaku-cal>table>thead>tr>th,
.yoyaku-cal>table>tbody>tr>td{
  padding: 0;
  text-align:center;
  margin: 0; padding: 0;
}
.yoyaku-cal>table>tbody>tr>td{
  margin: 0; padding: 0;
}
.yoyaku-cal>table th.odd{
  background-color: #f5f5f5;
}
.yoyaku-cal>table td.odd{
}
.yoyaku-cal>table th.even{
  background-color: #fff;
}
.yoyaku-cal>table td.even{
}
.yoyaku-cal>table th.today{
}
.yoyaku-cal>table td.today{
/*
  background-color: #ffffe0;
*/
}
.yoyaku-cal>table th.holiday{
  color: #dc143c;
}
/*
.yoyaku-cal>table th.holiday.even{
  background-color: #fff0f5;
}
*/
.yoyaku-cal>table td.holiday{
  background-color: #ffe4e1;
}
/*
.yoyaku-cal>table td.holiday.even{
  background-color: #fff0f5;
}
*/
.yoyaku-cal>table>tbody>tr>td.col01 .canvas-base{ position:relative; width: 50px; height: 1800px; }
.yoyaku-cal>table>tbody>tr>td.col02 .canvas-base{ position:relative; width: 150px; height: 1800px; }
.yoyaku-cal>table>tbody>tr>td.col01 canvas{
  margin: 0; padding: 0;
  width: 50px; height: 1800px;
}
.yoyaku-cal>table>tbody>tr>td.col02 canvas{
  margin: 0; padding: 0;
  width: 150px; height: 1800px;
  border-top:     solid 1px #adadad;
  border-bottom:  solid 1px #adadad;
  border-left:    solid 1px #adadad;
}
.yoyaku-cal>table>tbody>tr>td.col02:last-of-type>canvas{
  border-right:   solid 1px #adadad;
}
/*****
 * 予約カレンダー 登録アイテム
 ***********************************************************/
.yoyaku-cal .cal-item{
  position:absolute;
  left:2px;right:1px;
  z-index:2;
  text-overflow:ellipsis; overflow:hidden;
  display:table-cell;
  text-align:left;
  font-size:11px;
}
.yoyaku-cal .cal-item.cal-item-scd{
  color:            rgba(128 ,0   ,0 ,1.0);
  background-color: rgba(255 ,140 ,0 ,0.2);
  border: solid 1px rgba(255 ,140 ,0 ,1.0);
}
.yoyaku-cal .cal-item.cal-item-display_top{
  z-index: 3;
}
.yoyaku-cal .cal-item.cal-item-tsk{
  color:            rgba(0,100,0,1.0);
  background-color: rgba(50,205,50,0.2);
  border: solid 1px rgba(50,205,50,1.0);
}
.yoyaku-cal .cal-item.cal-item-tsk-kari{
  color:            rgba(0 ,0   ,128 ,1.0);
  background-color: rgba(0 ,191 ,255 ,0.2);
  border: solid 1px rgba(0 ,191 ,255 ,1.0);
}
.yoyaku-cal .cal-item.cal-item-0{
  color:#000;
  background-color:#ffe4b5;
  border: solid 1px #ff8c00;
/*
  opacity:0.8;
*/
}
.yoyaku-cal .cal-item.cal-item-1{
  color:#000;
  background-color:#ffe4e1;
  border: solid 1px #ff69b4;
/*
  opacity:0.8;
*/
}
.yoyaku-cal .cal-item.cal-item-ts0{
/*
  color:#000;
  background-color: rgba(128 ,128 ,128 ,0.2);
  border: none;
*/
}
.yoyaku-cal .cal-item.cal-item-ts0:hover{
  color:#000;
  background-color: rgba(128 ,191, 255 ,0.4);
  border: solid 1px rgba(128 ,191, 255 ,1.0);
}
.yoyaku-cal .cal-item.cal-item-ts1{
  color:#000;
  background-color: rgba(128 ,128 ,128 ,0.2);
  border: none;
/*
  opacity:0.8;
*/
}
.yoyaku-cal .cal-item.cal-item-free.current-item{
    border-top: solid 2px #ee5f5b;
}
.yoyaku-cal .cal-item.cal-item-free.current-item:hover{
    border-top: solid 2px #ee5f5b;
}
.yoyaku-cal .cal-item.cal-item-free{
/*
  color:            rgba(75 ,0 ,130 ,0.0);
  background-color: rgba(75 ,0 ,130 ,0.0);
  border: solid 1px rgba(75 ,0 ,130 ,0.0);
*/
  color:            transparent;
  background-color: transparent;
  border:           transparent;
  z-index:2;
}
.yoyaku-cal .cal-item.cal-item-busy{
	color: #000;
	background-color: rgba(128 ,128 ,128 ,0.2);
	border: none;
  z-index:1;
}
.yoyaku-cal .cal-item.cal-item-free:hover{
  color:            rgba(75 ,0 ,130 ,1.0);
  background-color: rgba(75 ,0 ,130 ,0.1);
  border: solid 1px rgba(75 ,0 ,130 ,0.3);
}
.yoyaku-cal .cal-item.cal-item-myreserved{
  z-index:          1;
  color:            rgba(139 ,0   ,0   ,1.0);
  background-color: rgba(255 ,222 ,173 ,1.0);
  border: solid 1px rgba(255 ,165 ,0   ,1.0);
}

/*****
 * 固定パネルヘッダー(my-common.jsと併用)
 ***********************************************************/
#fixed-panel-header{
  position:fixed;
  left:45px;
  top:50px;
  width:100%;
  background-color:#fff;
  z-index:1029;
}
#fixed-panel-header h2{
  margin-top: 10px;
  margin-bottom: 5px;
}

/*****
 * オリジナル バッジ
 ***********************************************************/
.badge-custom01{
  background-color:#ffa500;
}
.badge-custom02{
  background-color:#ffa500;
}
.badge-custom03{
  background-color:#ffa500;
}

/*****
 * Google Map
 ***********************************************************/
.map_canvas{
  height:150px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/*****
 * ui-dialog
 ***********************************************************/
.ui-dialog.ui-widget.ui-widget-content{
	z-index: 2000;
}
/*****
 * tagit
 ***********************************************************/
ul.tagit {
  padding: 3px 5px 3px 1px;
  max-height:32px;
  margin-bottom: 0px;
}
ul.tagit li {
  margin: 0;
}
ul.tagit li.tagit-choice-editable {
  padding: 0 18px 0 .5em;
}
ul.tagit li.tagit-new{
  padding: 0px
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
  color: #fff;
  font-size: .9em;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
  color: #fff;
}
ul.tagit li.tagit-choice {
  background-color: #5bc0de;
  border-color: #46b8da;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80%;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
  background-color: #31B0D5;
  border-color: #269ABC;
}
input[type="text"].ui-widget-content.ui-autocomplete-input{
  width: 3em;
  font-size: 1.0em;
}