body{
margin:0;
padding:0;
}
#mdc2{
width:400px;
}
#ui-datepicker-div{
z-index:99!important;
}
.ui-datepicker{
width:400px;
}
.ui-datepicker table {
  font-size: 14px;
}
.ui-state-default, .ui-widget-content .ui-state-default{
border: 1px #fff solid;
background: #ffffff;
}
.ui-datepicker td a {
  padding: 5px;
  text-align: center;
  font-size:17px;
}

.ui-datepicker td a:hover {
border:1px #aaa solid;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight{
border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-active, .ui-widget-content .ui-state-active{
border: 1px solid #003eff;
  background: #007fff;
}
.custom-calendar-saturday a.ui-state-default {
    color: blue;
}
.custom-calendar-sunday a.ui-state-default {
    color: red;
}
.custom-calendar-holiday a.ui-state-default {
    color: red;
}
.ui-datepicker-week-end:last-child{
color:blue;;
}
.ui-datepicker-week-end:first-child{
color:red;
}
.icon_calendar{
width:30px;
}
#tmenu{
display: flex;
background-color: #fff;
//  min-width: 980px;
  padding: 9px 15px 10px;
  margin:0;
  position:relative;

}
#tmenu .pre{
padding:0px 0 12px 0px;
font-size:25px;
height:10px;
margin-top:8px;
color:#fff;
}
#tmenu #today{
font-size:25px;
margin:0 0 0 10px;
}
#tmenu :nth-last-child(2){
    margin-left: auto;
}

#tmenu :last-child{
font-size:18px;
  position:relative;
top:10px;
}



#cmenu{
display: flex;
background-color: #EEEEEE;
border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px 0;
  min-width: 980px;
  padding: 9px 15px 10px;
  margin:0;
  position:relative;
}

#tmenu .bicon2{
    background: linear-gradient(to bottom , #E85F6A , #E23845);
    display: block;
     border-radius: 5px;
    border: 1px solid #B53437;
    text-align: center;
    padding: 0px 12px 0px 10px;
    color: #fff;
    text-decoration: none;
	font-size:14px;
	margin-right:5px;
	cursor:pointer;
	height:27px;
	  position:relative;
top:8px;

}
#tmenu .material-icons span{
  position:relative;
top:5px;
font-size:20px;
}
.bicon{
    background: linear-gradient(to bottom , #ffe6ac , #ffc43f);
    display: block;
     border-radius: 5px;
    border: 1px solid #c18f21;
    text-align: center;
    padding: 10px 10px 5px 10px;
    color: #333;
    text-decoration: none;
	font-size:16px;
	margin-right:5px;
	cursor:pointer;

}
#cmenu .cicon{
font-size:25px;

}
#cmenu .preday{
padding: 12px 10px 5px 25px!important;
//clip-path: polygon(0% 50%, 20% 0%, 100% 0%, 100% 100%, 20% 100%);
margin-left:20px;
position:relative;
}
#cmenu .nextday{
padding: 12px 25px 5px 10px!important;
//clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
margin-left:5px;
position:relative;
}
#cmenu .preday span,#cmenu .nextday span{
font-size:35px;
position:absolute;
color:red;
}
#cmenu .preday span{
left:-3px;
top:3px;
}
#cmenu .nextday span{
right:-3px;
top:4px;
}


#cmenu .bicon_day{
display: block;
text-decoration: none;
padding:8px!important;
margin:0 2px;
color:#000;
border-radius: 50%;
font-weight:bold;

}
#cmenu a.bicon_day:hover{
background:#aaa;
border-radius: 50%;
color:#fff;

}
#cmenu .active{
background:#ccc;
border-radius: 50%;
color:#000;
border:1px #333 solid;
}
#cmenu .sat{
color:#3399FF!important;
}
#cmenu .sun{
color:red!important;
}
ul, ol {
  list-style: none;
  margin:0;padding:0;
}
div{
padding:0;
margin:0;
}

#schedule,.sc_main{
position:relative;
}
.scheduleReservation{

height: 58px;
top:10px !important;
}


.scheduleReservationInner{
background-color: #F9F2DF;
  border: solid 1px #E4BE48;
  border-radius: 10px;
  height: inherit;
  padding: 5px;
  box-sizing: border-box;
white-space: nowrap;
line-height: 1.5;
color: #4d4d4d;
-webkit-text-size-adjust: none;


}
.cf::after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  line-height: 0;
  content: ".";
}

.reserveItemMultiEllipsis::after {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  position: absolute;
}

.scheduleReserveIconList{
height:25px;
white-space: nowrap;
padding:0 0 5px 0;
  font-size: 0;
}
.scheduleReserveIcon {
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  min-width: 18px;
  padding: 5px;
  text-align: center;
  display: inline-block;
  margin: 0 0 4px 4px;;

    font-size: 13px;
	line-height: 1;
}
.scheduleReserveIcon.needAccounting {
  background-color: #70BC92;
}
.scheduleReserveIcon.info {
  background-color: #AE3964;
}
.scheduleReserveIcon.customerNew {
  background-color: #728CBA;
}
.scheduleReserveIcon.named {
    background-color: #002C67;
}
.scheduleReserveName{
margin-left: 2px;
font-size: 13px;
  height: 22px;
  font-weight: bold;
  display: inline-block;
  vertical-align: bottom;
  padding:0 0 0 3px;
  white-space: nowrap;
}

.scheduleReservation.done .scheduleReservationInner {
  border: 1px solid #fff;
//  border:0;
  background: #e2e2e5;
//  border-radius:0px;
}
.scheduleReservation.done2 .scheduleReservationInner {
  border: 2px solid #a9abaf!important;
  background: #E2E2E5;
  /border-radius:10px;
}

#cancelwindow{
width: 400px;
background-image: linear-gradient(0deg, rgba(172, 172, 172, 1), rgba(228, 228, 228, 1) 95%, rgba(233, 233, 233, 1));
border-radius:10px;
border:1px #89899B solid;
padding:5px 0;
position:absolute;
z-index:99999;
display:none;
}
#cancelwindow #btarea{
display: flex;
width:380px;
margin:0 auto;
padding:0px;
}
#cancelwindow #btarea :first-child{
font-size:14px;
color:#000;
font-weight:bold;
}
#cancelwindow #btarea :last-child,#cancelwindow #btarea2 div{
display:block;
border-radius:5px;
background: linear-gradient(to bottom , #929EB2 , #5B6679);
border:1px #4C5B6D solid;
color:#fff;
 text-decoration: none;
	font-size:14px;
	font-weight:bold;
padding:2px 5px;
margin-left: auto;
cursor:pointer;
}
#cancelwindow #textzone{
width:380px;
margin:10px auto 0 auto;
background:#fff;
border-radius:10px;
border:1px #7F8393 solid;
padding:5px;
position:relative;
}
#cancelwindow #btarea2{
display: flex;
width:300px;
margin:0 auto;
padding:0px;
}














#orderdetail{
display: none;
z-index: 101;
width: 523px;
position: absolute;
background-image: linear-gradient(0deg, rgba(172, 172, 172, 1), rgba(228, 228, 228, 1) 95%, rgba(233, 233, 233, 1));
border-radius:10px;
border:1px #89899B solid;
padding:10px 0;
top:0;

}
#orderdetail #btarea{
display: flex;
width:500px;
margin:0 auto;
padding:0px;

}
#orderdetail #btarea div{
display:block;
border-radius:5px;
background: linear-gradient(to bottom , #929EB2 , #5B6679);
border:1px #4C5B6D solid;
color:#fff;
 text-decoration: none;
	font-size:14px;
padding:2px 10px;
margin:0 5px 0 0;
cursor:pointer;
}
#orderdetail #btarea :last-child{
display:block;
border-radius:5px;
background: linear-gradient(to bottom , #929EB2 , #5B6679);
border:1px #4C5B6D solid;
color:#fff;
 text-decoration: none;
	font-size:14px;
	font-weight:bold;
padding:2px 10px;
margin-left: auto;
cursor:pointer;
}
#textzone{
width:500px;
margin:10px auto 0 auto;
background:#fff;
border-radius:10px;
border:1px #7F8393 solid;
padding:10px;
position:relative;
}
#namearea{
font-size:18px;
font-weight:bold;
}


.sc_main{
min-height:500px!important;

}
.overlay {
    display:none;
    position: fixed;
    inset:0 auto 0 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
	z-index:9999;
}
.is-active {
		overflow:hidden;
}


.jq-schedule * {
  box-sizing: border-box;
}
.jq-schedule .sc_wrapper::after,
.jq-schedule .sc_menu::after {
  content: "";
  display: table;
  clear: both;
}
.jq-schedule .sc_menu {
  width: 100%;
  height: 26px;
}
.jq-schedule .sc_menu .sc_header_cell {
  float: left;
}
.jq-schedule .sc_menu .sc_header {
  float: left;
  height: 26px;
  position: relative;
  overflow: hidden;
}
.jq-schedule .sc_menu .sc_header .sc_time {
text-align: left;
  border-left: solid 1px #aaa;
  background: #fff;
  border-bottom: solid 1px #555;
  padding-left:5px;
  font-size:15px;
}
.jq-schedule .sc_menu .sc_header_cell,
.jq-schedule .sc_data {
  float: left;
  font-weight: bold;
  color: #555;
  background: #fff;
  position: relative;
  border-right:1px #ddd solid;
  font-size:16px;
}
.jq-schedule .sc_menu .sc_header_scroll,
.jq-schedule .sc_data .sc_data_scroll {
  position: absolute;
  left: 0;
  top: 0;
}
.jq-schedule .sc_menu .sc_header_cell,
.jq-schedule .sc_header .sc_time,
.jq-schedule .sc_main_scroll .sc_time {
  color: #555;
  padding: 0 0 5px 0;
  line-height: 26px;
  height: 26px;
  display: block;
  border-bottom:1px #555 solid;

}
.jq-schedule .sc_header .sc_time,
.jq-schedule .sc_main_scroll .sc_time {
  float: left;
}
.jq-schedule .sc_main_box,
.jq-schedule .sc_data {
 max-height: 800px;
  overflow: hidden;
}
.jq-schedule .sc_main_box {
  float: left;
  overflow-x: auto;
  overflow-y: auto;
}
.jq-schedule .sc_main {
  position: relative;
}
.jq-schedule .timeline {
  position: relative;
}
.jq-schedule .ui-draggable-dragging,
.jq-schedule .ui-resizeable {
  z-index: 20;
}
.jq-schedule .scheduleReservation {
  position: absolute;
  cursor: pointer;
  z-index: 10;

}


.jq-schedule .scheduleReservation .ui-resizable-handle {
  display: block;
  content: " ";
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 5px;
background-color: transparent;
}
.jq-schedule .scheduleReservation .ui-resizable-handle.ui-resizable-e {
  right: 0;
}
.jq-schedule .scheduleReservation .ui-resizable-handle.ui-resizable-w {
  left: 0;
}
.jq-schedule .timeline,
.jq-schedule .sc_main .tb {
  border-bottom: solid 2px #666;
}
.jq-schedule .sc_data .timeline {
  overflow: hidden;
  padding: 10px;
}
.jq-schedule .sc_data .timeline span {
  display: block;
}
.jq-schedule .sc_data .timeline span.timeline-subtitle {
  font-size: 0.8em;
  color: #cccccc;
}
.jq-schedule .sc_main_scroll .sc_main .tl {
  float: left;
  height: 100%;
  border-right: solid 1px #ddd;
}
.jq-schedule .sc_main_scroll .sc_main .off {
background:#ddd;
}




.jq-schedule .sc_main_scroll .sc_main .tl:hover {
  background: #f0f0f0;
}
.jq-schedule .ui-state-disabled {
  opacity: 1;
}
.jq-schedule .ui-state-disabled .ui-resizable-handle {
  display: none;
}
.jq-schedule .ui-state-disabled .ui-resizable-handle:hover {
  cursor: auto;
}
.jq-schedule .ui-draggable-disabled {
  opacity: 0.8;
}

#cancelwindow,#addsc{
display:none;
}

a.s_title{
color:#551A8B;
}
a.s_title:hover{
color:blue;
}

#orderdetail #textzone td:first-child{
width:70px;
}

.w100cen{
width:100%;
text-align:center;
}

#advice{
background:#F3F3F3;
padding:10px;
line-height:130%;
}
#advice span{
color:red;
}