/* input box in default state */
/*.tcalInput{border:1px solid #fff;background: url('/mpreserve/skin/basic_skin/skin_images/cal.gif') 100% 50% no-repeat #fafafa;padding-left: 15px;cursor: pointer;}*/
#tcal{visibility:visible;}
#tcalControls{border-collapse: collapse;border: 0;width: 100%;}
#tcalControls th{border-collapse: collapse;border: 0;padding:0 0 15px 0;font-size:22px;text-align:center;white-space:nowrap;}
#tcalControls td{border-collapse: collapse;border: 0;padding:0 0 15px 0;width:16px;background-position:50% 50%;background-repeat: no-repeat;cursor: pointer;}
/*
#tcalPrevYear{background-image: url('/mpreserve/skin/basic_skin/skin_images/prev_year.gif');}
#tcalPrevMonth{background-image: url('/mpreserve/skin/basic_skin/skin_images/prev_mon.gif');}
#tcalNextMonth{background-image: url('/mpreserve/skin/basic_skin/skin_images/next_mon.gif');}
#tcalNextYear{background-image: url('/mpreserve/skin/basic_skin/skin_images/next_year.gif');}
*/
#tcalPrevYear > span{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background-color:#333;color:#fff;border-radius:20px;font-size:13px;font-weight:normal;margin-right:10px;}
#tcalPrevMonth > span{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background-color:#333;color:#fff;border-radius:20px;font-size:13px;font-weight:normal;}
#tcalNextMonth > span{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background-color:#333;color:#fff;border-radius:20px;font-size:13px;font-weight:normal;margin-right:10px;}
#tcalNextYear > span{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background-color:#333;color:#fff;border-radius:20px;font-size:13px;font-weight:normal;}

/* table containing week days header and calendar grid */
#tcalGrid{border-collapse: collapse;width: 100%;}
#tcalGrid th{border-right:1px solid #c6c6c6;border-collapse: collapse;padding:3px 0;height:40px;text-align: center;font-size:16px;color:#fff;background:#333;}
#tcalGrid th:first-child{background-color:#f44e4e;}
#tcalGrid th:last-child{background-color:#2a84d7;}
#tcalGrid td{border: 0;height:40px;border-collapse: collapse;padding: 2px 0;text-align: center;width: 14%;font-size:14px;cursor: pointer;}

/*달력에 보여지는 지난달,다음달 날짜들*/
#tcalGrid td.tcalOtherMonth{color:#c9c5c3;}

#tcalGrid{border-bottom:1px solid #c6c6c6;}
#tcalGrid td{border-left:1px solid #c6c6c6;border-top:1px solid #c6c6c6;border-right:1px solid #c6c6c6;}
/*토요일*/
#tcalGrid td.tcalSat{background-color:#efefef;color:#2a84d7;}
/*일요일*/
#tcalGrid td.tcalSun{background-color:#efefef;color:#f44e4e;}
/*오늘날짜*/
#tcalGrid td.tcalToday{}
/*선택날짜*/
#tcalGrid td.tcalSelected{background-color:#000;color:#fff !important;}
/*지난날짜*/
#tcalGrid td.tcalBefore{color:#000;cursor:no-drop;}


/*예약시간 선택*/
.rp_title{margin-top:4px;font-size:16px;}
.rp_title > .tcal{margin:0 20px 0 10px;box-sizing:border-box;height:34px;font-size:16px;text-align:center;border:1px solid #d0d0d0;color:#2a84d7;}
.rp_title > #restime_add > select{margin:0 0 0 10px;box-sizing:border-box;padding:0 10px;height:34px;font-size:16px;text-align:center;border:1px solid #d0d0d0;}

/* 휴일 */
.reserve_cal_box .rest_day{background-color: #efefef; color:#f44e4e!important;cursor: no-drop;}

/* 포커스 효과 */
input:focus, select:focus {
  border: 2px solid #2a84d7; 
  outline: none;
}