.ui-datepicker-calendar .select-able .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #dffbda;
}

.datepicker-select-text{
color: red;
text-align: center;
margin-top: 10px;
margin-bottom: -20px;
width: 100%;
display:none;
}
.datepicker-select-text.show{
display:block;
}
option:disabled{
color:#d9d9d9;
}
#fullTip{
color:red;text-align:center;
display:none;
}
#fullTip.show{
display:block;
}

#bd-ct-reserve .date-info{
    display: none;
    border-bottom: 1px solid #eaeaea;
    margin-top: 15px;
    padding-bottom: 15px;
}

#bd-ct-reserve .date-info::before{
    display:none;
}
.date-info-name{
    font-size:14px;
    font-weight:bold;
}

.ui-state-disabled .ui-state-default{
background: #eaeaea !important;
}
.ui-datepicker-current-day.select-able .ui-state-active{
background: #937016 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active{
color:white !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
color: white !important;
}
.ui-datepicker-today .ui-state-default {
color: black !important;
}

.ui-datepicker-today .ui-state-default.ui-state-active {
color: white !important;
}
.input-datepicker-disabled{
opacity:0.6;
}


div.error {
margin-left: 10px;
}
.dropdown {
position: relative;
border: 1px solid #eaeaea;
background: right 10px center url(/m6104/b0001/tms/image/btn_arr1_down.png) no-repeat;
}
.dropdown::before {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 0px;
right: 30px;
height: 100%;
width: 20px;
background: #ffffff;
}
.dropdown > select {
display: block;
width: 100%;
height: 25px;
font-size: 18px;
padding: 0 30px 0 10px;
color: #937016;
border: none;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.dropdown > select:focus {
outline: none;
}
.textcheckbox {
overflow: hidden;
width: 100%;
margin-top: 15px;
}
.textcheckbox > label {
display: block;
float: left;
cursor: pointer;
width: calc((100% - 31px) / 3);
height: 50px;
margin-top: 15px;
margin-right: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.textcheckbox > label:nth-child(3n) {
margin-right: 0;
}
.textcheckbox > label > input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.textcheckbox > label > span {
display: block;
line-height: 50px;
border-radius: 5px;
background: #eaeaea;
text-align: center;
}
.textcheckbox > label:hover > input ~ span {
color: #ffffff;
background: #937016;
}
.textcheckbox > label > input:checked ~ span {
color: #ffffff;
background: #937016;
}
.textcheckbox > label > input:disabled ~ span {
opacity: .3;
color: #555555 !important;
background: #eaeaea !important;
}
#body > h1 {
margin: 0;
text-align: center;
}
#body > p {
margin: 10px 0 15px;
text-align: center;
}
#bd-content > * {
overflow: hidden;
background: #ffffff;
}
#bd-content > dl, #bd-content > div {
padding: 30px 60px;
}
#bd-ct-reserve > dd {
overflow: hidden;
margin-top: 30px;
}
#bd-ct-reserve > dd:first-child {
padding-top: 0;
margin-top: 0;
}
#bd-ct-reserve > dd::before {
content: '';
display: block;
float: left;
width: 25px;
height: 25px;
margin-right: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
#bd-ct-reserve > dd.area::before {
background-image: url(/m6104/b0001/tms/image/icon_area.png);
}
#bd-ct-reserve > dd.outlet::before {
background-image: url(/m6104/b0001/tms/image/icon_outlet.png);
}
#bd-ct-reserve > dd.cover::before {
background-image: url(/m6104/b0001/tms/image/icon_cover.png);
}
#bd-ct-reserve > dd.date::before {
background-image: url(/m6104/b0001/tms/image/icon_date.png);
}
#bd-ct-reserve > dd.time::before {
background-image: url(/m6104/b0001/tms/image/icon_hour.png);
background-position: 2px center;
}
#bd-ct-reserve > dd.option1::before {
background-image: url(/m6104/b0001/tms/image/icon_table2.png);
background-position: 2px center;
background-size: 20px;
}
#bd-ct-reserve > dd > * {
float: left;
}
#bd-ct-reserve > dd > *:first-child {
font-size: 18px;
}
#bd-ct-reserve > dd > .dropdown {
width: calc(100% - 35px);
height: 35px;
border: none;
border-bottom: 1px solid #eaeaea;
}
#bd-ct-reserve > dd.area > [type="text"],
#bd-ct-reserve > dd.date > [type="text"] {
width: calc(100% - 35px);
height: 35px;
font-size: 18px;
padding: 0 30px 10px 10px;
color: #937016;
border: none;
border-bottom: 1px solid #eaeaea;
}
#bd-ct-reserve > dd.date > div {
width: calc(100% - 35px);
margin-left: 35px;
padding: 30px 0;
border-bottom: 1px solid #eaeaea;
}
#bd-ct-reserve > dd.date > div > div {
margin: auto;
width: 252px;
font-size: 15px;
}
#bd-ct-guest {
overflow: hidden;
margin-top: 20px;
}
#bd-ct-guest > dd {
float: left;
width: 100%;
position: relative;
margin-top: 20px;
padding-top: 20px;
}
#bd-ct-guest > dd > div:first-child {
line-height: 15px;
padding: 0 10px;
}
#bd-ct-guest > dd > div:first-child > span {
color: #ff0000;
}
#bd-ct-guest > dd > div > input, #bd-ct-guest > dd > div > textarea {
width: 100%;
padding: 0 10px;
color: #999999;
border: none;
border-bottom: 1px solid #eaeaea;
background: none;
}
#bd-ct-guest > dd > div > input {
height: 37px;
line-height: 38px;
}
#bd-ct-guest > dd > div > textarea {
padding: 10px;
height: 100px;
}
#bd-ct-guest > dd > div > label {
line-height: 35px;
margin: 0 10px;
color: #999999;
}
#bd-ct-guest > dd > div > label > input {
vertical-align: baseline;
}
#bd-ct-guest > dd.telephone {
position: relative;
}
#bd-ct-guest > dd.telephone > div:first-child::before {
content: '+';
position: absolute;
left: 10px;
top: 46px;
}
#bd-ct-guest > dd.telephone > .dropdown {
float: left;
width: 120px;
height: 37px;
border: none;
border-bottom: 1px solid #eaeaea;
}
#bd-ct-guest > dd.telephone > .dropdown > select {
height: 37px;
font-size: 15px;
padding: 0 30px 0 25px;
color: #999999;
}
#bd-ct-guest > dd.telephone > .telephone_input {
float: left;
width: calc(100% - 130px);
margin-left: 10px;
}
#bd-ct-guest > dd.tnc > label {
display: block;
position: relative;
padding-left: 25px;
}
#bd-ct-guest > dd.tnc > label > a {
text-decoration: underline;
}
#bd-ct-guest > dd.tnc > label > input {
position: absolute;
top: 5px;
left: 5px;
}
#bd-ct-guest > dd.tnc > label > div.error {
margin-left: 0;
}
#bd-ct-guest > dd.deposit {
display: none;
}
#bd-ct-guest > dd.deposit > div:last-child {
overflow: hidden;
padding: 10px;
font-size: 20px;
font-weight: bold;
color: #ff0000;
}
#bd-ct-guest > dd.deposit > div:last-child > img {
float: right;
width: 80px;
margin-left: 10px;
}
#bd-ct-button > a {
display: block;
height: 60px;
line-height: 60px;
background: #eaeaea;
border: none;
font-size: 18px;
text-align: center;
color: #ffffff;
background: #937016;
}
#input-time, #input-time > option {
display: none;
}
#input-timeslots {
float: right !important;
width: 180px;
padding: 0 30px;
}
#input-timeslots .owl-item {
position: relative;
text-align: left;
}
#input-timeslots .owl-item .subtitle {
display: block;
text-align: center;
}
#input-timeslots .owl-nav {
width: 100%;
}
#input-timeslots .owl-nav [class*=owl-] {
display: inline-block;
}
#input-timeslots .owl-prev {
position: absolute;
top: 0;
left: 0;
}
#input-timeslots .owl-next {
position: absolute;
top: 0;
right: 0;
}

.covers{

width: calc(100% - 35px);
}
.covers .dropdown{
border: 0;
border-bottom: 1px solid #eaeaea;
margin-bottom: 10px;
}
.covers .cover-row{
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
justify-content: space-between;
margin-bottom: 5px;
}
.covers .cover-row .cover-item{
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
width: 50%;
justify-content: space-between;
}
.covers .cover-row .cover-item div:nth-child(1){
width: 76px;
text-align: right;
padding-right: 10px;
color:#937016;
line-height: 30px;
}
.covers .cover-row .cover-item div:nth-child(2){
width: calc(100% - 68px);
}
.covers .cover-row .cover-item input{
width: 100%;
padding: 0 10px 5px;
color: #999999;
border: none;
border-bottom: 1px solid #eaeaea;
background: none;
text-align:center;
}
.date-tip{
    float: none !important;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
#other span:not(:last-child){
    margin-right: 2px;
}

/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.textcheckbox > label {
width: calc((100% - 30px) / 2);
}
.textcheckbox > label:nth-child(3n) {
margin-right: 15px;
}
.textcheckbox > label:nth-child(2n) {
margin-right: 0;
}
#bd-content > dl, #bd-content > div {
padding: 10px;
}
#bd-ct-reserve > dd.date > div {
width: 100%;
margin: auto;
}
#input-timeslots {
width: 100%;
margin: 20px auto 0;
}
}