.bkmain{font-family:sans-serif;font-size:9pt;line-height:150%;}
table{border-collapse:collapse;margin:0 0 0 0;}
.bkcalendar{display:inline-block;width:360px;height:420px;background-color:#f2f2f2;border-radius:10px;padding:10px 30px 10px 25px;margin-top:20px;}
.bkheader{text-align:center;}
.bktable{width:100%;}
.bktable td, th{width:40px;height:38px;padding:0 7px 2px 7px;;text-align:center;}
.bktable th{margin:0 0 0 0;padding:0 0 0 0;}
.bkavailable{cursor:pointer;color:white;width:30px;height:25px;background-color:black;border-radius:5px;text-align:center;font-weight:bold;}
.bkunavailable{cursor:not-allowed;color:white;width:30px;height:25px;background-color:#d8d8d8;border-radius:5px;text-align:center;font-weight:bold;}
.bkblank{cursor:not-allowed;width:30px;height:25px;color:#f2f2f2;}
.bkselected{cursor:pointer;color:white;width:30px;height:25px;background-color:#2e4093;border-radius:5px;text-align:center;font-weight:bold;}
.bktime{display:inline-block;font-size:9pt;vertical-align:top;}
.bktitle{font-weight:bold;}
.bkform{display:inline-block;width:720px;vertical-align:top;margin-left:20px; float:right;}
.bkresults{margin-top:10px;width:170px;height:320px;background-color:#2e4093;float:right;color:white;text-align:center;border-radius:10px;
  font-weight:bold;padding:4px 5px 4px 5px;}
input, textarea{border:0px;border-radius:5px; padding:4px 15px; font-size:15px; font-weight: normal; color:#000;}
input:hover { color:black; }
.bkcontact label { float:left; width:100%; font-size:16px; margin:2px 0;}
.bkcontact input {border:1px solid gray;border-radius:5px; padding:0; float:left; width:100%; padding:2px 0;}

.bkfield{display:inline-block; float:left; width:100%p; padding-bottom:10px;}
.bkfield_1 { float:left; width:100%;}
.bkfield_left { float:left; width:20%;}
.bkfield_right { float: right; width:78%;}
.bkfield.addres { float: left; width:100%;}
.town {float: left; width:100%;}
.town.bkfield_left { float:left; width:30%;}
.town.bkfield_right { float:right; width:68%;}
.bkfield.telephone {float: left; width:100%;}
.bkfield.email {float: left; width:100%;}
.bkfield.details  {float: left; width:100%;}
.bkfield.details textarea {float: left; width:100%;  border: 1px solid gray;}

.bkcontact{float:left; width:530px;}
.bkdate{font-size:80pt;}
.bkmonth{font-size:16pt;}
.bkbook{font-size:14pt;color: #2e4093;font-weight:bold;}
.bkavail{width:20px;height:20px;background-color:black;border-radius:5px;}
.bkunavail{width:20px;height:20px;background-color:#d8d8d8;border-radius:5px;margin:15px 0 5px 0;}
.bkborder{border-top:1px solid black;border-bottom:1px solid black;}
.bkline{margin:-5px 0 -5px 5px;}

.submit-btn { float: left; width: 100%;}
.submit-btn input { border:0px; border-radius:5px !; padding:1px 15px; font-size:14px; line-height:22px;}
.submit-btn input:hover { background:#000; color:#fff; cursor:pointer;}
@media only screen and ( max-width:1100px) {
.bkcalendar {padding: 10px 15px; width: 340px; float:left;}
.bkform { width:50%; float:left;}
.bkcontact { width:60%;}
.bktime span { color:#000;}
.bkresults { width:150px;}
}

@media only screen and ( max-width:768px) {
.bkcalendar { display: inline-block; height: auto; margin-top: 10px; padding: 10px 2px; width: 100%;}
.bkform { margin-left: 0px; width: 100%;}
.bkcontact { width: 100%;}
.bkresults { width:100%; height:auto;}
}