body {
	margin: 0px;
	padding: 0px;
	font-size: 14px !important;
	color: #333 !important;
	font-family: 'Open Sans', sans-serif !important;
}
/*td {
	line-height: 35px;
}*/
.ac {
	cursor: pointer;
	cursor: hand;
}
.mob{
	display: block !important;
    float: none !important;
    margin: 0 auto !important;
	}
.des{float:left}
.booking-box {
	background-color: #eeeeee;
}
.today {
	background-color: #a07575 !important;
}
.booked {
	background-color: blue;
}
.tabl_1 table, .tabl_2 table, .tabl_3 table, .tabl_4 table {
	width: 100%;
}
.tabl_1, .tabl_2, .tabl_3, .tabl_4 {
	margin-bottom: 30px;
}
#success-msg {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.topCon {
	padding: 20px 0px;
}
.prev-next {
	    padding: 10px 0px 0px;
}
.remove_tab {
	margin: 2px auto;
	text-align: center;
}
.remove_tab button {
	background: #2a6ebb;
	border: medium none;
	color: #fff;
	line-height: 30px;
	padding: 0 15px;
}
.back_booking {
	text-align: center;
}
.back_booking button {
	background: #2a6ebb;
	border: medium none;
	color: #fff;
	line-height: 30px;
	padding: 0 15px;
}
.leftButton {
	float: left;
}
.leftButton button {
	background: #2a6ebb;
	border: medium none;
	color: #fff;
	line-height: 30px;
	padding: 0 15px;
}
.leftButton button .fa {
	margin-right: 10px;
}
.rightButton {
	float: right;
	top: 0px;
}
.rightButton button {
	background: #2a6ebb;
	border: medium none;
	color: #fff;
	line-height: 30px;
	padding: 0 15px;
	float: right;
}
.rightButton button .fa {
	margin-left: 10px;
}
.before-today .ac {
	pointer-events: none;
}
.before-today {
	pointer-events: auto;
}
.booking-box.complete .ac {
	pointer-events: none;
}
.booking-box.complete {
	pointer-events: auto;
}
.today.complete .ac {
	pointer-events: auto;
}
.today.complete .ac {
	pointer-events: none;
}
.booking-box.selected {
	background: rgb(51, 64, 52) none repeat scroll 0 0;
	color: #fff;
	border: 1px solid #343434;
}
li.selected div.active {
	background: rgb(255, 0, 0) none repeat scroll 0 0;
	color: rgb(255, 255, 255);
	display: inline-block;
	padding: 0 5px;
	width: 100%;
}
li.booking-box div.active {
	background: rgb(255, 0, 0) none repeat scroll 0 0;
	color: rgb(255, 255, 255);
	display: inline-block;
	padding: 0 5px;
	width: 100%;
}
li.today div.active {
	background: rgb(255, 0, 0) none repeat scroll 0 0;
	color: rgb(255, 255, 255);
	display: inline-block;
	padding: 0 5px;
	width: 100%;
}
complete {
	background: #de181e none repeat scroll 0 0;
	border: 1px solid #3c3939;
	color: #fff;
}
end {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #eeeeee url("../images/am.png") repeat scroll right center / cover;
	border-color: #888 #333 #333;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #000;
}
start {
	background: #eeeeee url(../images/pm.png) repeat scroll right center / cover;
	color: #000;
	border: 1px solid #333;
	border-bottom: 1px solid #888;
}
.hea {
	color: #000;
    text-align: center;
    padding:5px 15px;
    font-size: 1.5em;
    font-weight: 600;
}
#cursor
{
  font-size: 20px;
  font-weight:600;
  color: #2a6ebb;
}
.hea1 {
	background: rgb(51, 51, 51) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
}
.cal_details {
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	width: 100%;
}
.cal_details img {
	display: inline-block;
	margin-left: 8px;
	width: 20%;
	height:20px;
}

.cal_details ul li {
	background: #f2f2f2;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	list-style: none;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	float: none;
	min-width: 140px;
	width: 19%;
	vertical-align: top;
}
.cal_details ul {
	display: inline-block;
	margin-left: 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.new-show {
	margin-top: 40px;
}
 
#table-1 .ac{ pointer-events: none; }
#table-1 { pointer-events: auto; }

#table-2 .ac{ pointer-events: none; }
#table-2 { pointer-events: auto; }
 

.complete {
	background: #ff0000;
}
.today.start.end {
	color: #fff;
}
.today.start.end, .today.complete, .today {
	background-color: #a07575 !important;
}
.today.complete .full-book, .today.start.end .first-half-book, .today.start.end .last-half-book {
	visibility: hidden;
}

/* form css */
.ui-dialog {
	height: 520px !important;
}
.ui-dialog .form-group {
	overflow: hidden !important;
	margin: 15px 0 0px !important;
}
.ui-dialog .form-group label {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal !important;
	margin:5px 0px !important;
	text-transform: capitalize;
}
.ui-dialog .form-group input[type="text"] {
	border: 2px solid #bdc3c7;
    border-radius: 0 !important;
    font-size: 12px;
    padding: 5px !important;
    width: 100%;
}
.form-control{
		border: 2px solid #bdc3c7 !important;
}
.ui-dialog .form-group input[type="text"]:focus, .ui-dialog .form-group input[type="email"]:focus, .form-control:focus {
	border: 2px solid #2a6ebb !important;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ui-dialog .form-group input[type="email"] {
	border: 2px solid #bdc3c7;
    border-radius: 0 !important;
    font-size: 12px;
    padding: 5px !important;
    width: 100%;
}
.ui-dialog .form-group input[type="submit"] {
    border: 1px solid #2a6ebb !important;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 10px 15px !important;
    background: #2a6ebb;
    color: #fff;
    width: 140px;
    height: 41px;
	
}
.ui-dialog .form-group input[type="submit"]:hover {
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ui-dialog .form-group input[type="text"]:focus {
	border-color: #bbb;
	box-shadow: none !important;
	outline: 0 none;
}
.ui-dialog .form-group input[type="email"]:focus {
	border-color: #bbb;
	box-shadow: none !important;
	outline: 0 none;
}
.ui-dialog .ui-dialog-content {
	background-color:#c2c9d1 !important;
}
.booking-box.start.end {
	background: url("../images/start-end-book.jpg") repeat !important;
}
.complete {
	background: #ff0000;
}
.remove_tab a {
	color: #fff;
}
.remove_tab a:hover {
	text-decoration: none;
	color: #fff;
}
#spinner1 img {
	position: absolute;
	top: 30%;
	left: 45%;
	width: 150px;
	z-index: 99;
}
#call-box-s .bg-r {
	height: 100px;
}
#call-box-s .bg-r img {
	width: 100%;
	height: 100%;
}
#call-box-s td {
	width: 2.8%;
	height: 45px;
	float: left;
	box-shadow: 1px 1px 0px 0px #333;
	position: relative;
}
#call-box-s .cell5 {
	width: 71.4%;
	height: 50px;
	float: left;
	box-shadow: 1px 1px 0px 0px #333;
	position: relative;
	text-align: center;
	line-height: 50px;
}
#call-box-s .first-half-book {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	text-align:left;
}
#call-box-s .first-half-book img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}
#call-box-s .full-book {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	color: #fff !important;
	text-align:left;
}
#call-box-s .full-book img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}
#call-box-s .last-half-book {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	text-align:left;
}
#call-box-s .last-half-book img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}
#call-box-s .cell {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	font-family: arial;
	font-weight: normal;
	/*border-left: 1px solid #333;
	border-top: 1px solid #333;*/
}
#call-box-s table {
	box-shadow: 1px 1px 0px 0px #333;
}
#call-box-s .complete div {
	color: #fff;
}
#call-box-s .booking-box.start.end {
	color: #FF0;
}
#call-box-s .booking-box.start.end div {
	background: url("img/start-end-book.jpg") repeat !important;
	pointer-events: none;
}
 @media only screen and (max-width: 767px) {
.ui-dialog {
	height: 700px !important;
}
.sin-rate {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size:14px !important;
}
.start .sin-rate, .full-book .sin-rate {
	color: #fff;
	font-size:14px !important;
}

}
.sin-rate {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size:11px;
}



 @media only screen and (max-width: 500px) {

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
	width: 100% !important;
}
}
@media only screen and (max-width: 500px) {
.leftButton {
	float: none;
	text-align: center;
}
.rightButton button {
	float: none;
	text-align: center;
}
.rightButton {
	text-align: center;
}
.remove_tab {
	text-align: center;
}
.topCon h4 {
	font-size: 14px;
	padding: 0 !important;
}
}
 @media only screen and (max-width: 600px) {
.width2 {
	padding: 0px !important;
	width: 100% !important;
}
.leftButton button {
	margin-left: 0px;
}
.width3 {
	width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.width4 {
	width: 100% !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
}
@media only screen and (max-width: 600px) {
#pro_cal {
	height: 1050px !important;
}
#spinner1 img {
	position: absolute;
	top: 33%;
	left: 24%;
	width: 150px;
	z-index: 99;
}
#spinner2 img {
	position: absolute;
	top: 63%;
	right: 21%;
	width: 150px;
	z-index: 99;
}
}
#table-1 tr {
	height: 40px;
}
#table-1 tr td:first-child {
	width: 13.1%;
	border-left: solid 1px;
	line-height: 1.5;
	text-align: center;
	font-weight:900;
}
#table-1 .cat-name{
	padding:10px 2px;
	font-weight:700 !important;
}

.tr-cls{
	    width: 100%;
        margin: 3px 0;
    padding: 0px;
    display: table;
}
.cell-cls {
    width: 25.5px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    position: relative;
    margin: 0px 1px;
    font-size: 13px;
}
.pro_h li {
    color: #fff;
}
.cat_h li:first-child {
    color: #fff;
}
.before-today {
	text-decoration:line-through;
	background:#e1dfdf; 
        color:#333;
}
.tr-cls .cell-cls:first-child {
    width: 150px;
    float: left;
    background: #2a6ebb;
    font-size: 10px;
    line-height: normal;
    padding: 6px;
}
#table-1 ul:first-child li {
	background:#2a6ebb;
	
}
/*Pop Up Css*/
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    background: #2a6ebb;
    color: #fff;
}
@media only screen and (max-width: 650px) {
	.tr-cls .cell-cls:first-child {	
	width:99%;
	}
	
.cell-cls {
    background: #e1dfdf;
    color: #333;
    display: inline-block;
    font-size: 13px;
    height: 33px;
    line-height: 2.2;
    margin: 1px;
    position: relative;
    text-align: center;
    width: 13.5%;
}
}
@media only screen and (min-width: 651px) and (max-width: 1024px)   {
	.tr-cls:first-child {	
	width:100% !important;
	}
	.tr-cls:first-child .cell-cls {	
	width:100% !important;
	}
.cat_h{
	width: 50%;
	float:left;
	
	
}
.tr-cls .cell-cls{
	width:13.6%;
}
.cat_h  .cell-cls:first-child{
width:98.5% !important
}
.cell-cls {
    margin:1px;
   }
}

.desk_days {
	display:none;
}
.blank{
	display:none;
}
.bttnn{
	background:#fff;
	border:none;
	padding:4px;
	text-align:left;
}
.bttnn span{
	float:right;
	padding-top:4px;
}
#demo2222{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
	margin-top:2px;
	padding:5px 10px;
}

.cell-cls .tuf-hov {
   background-color: black;
    border-radius: 6px;
    bottom: 100%;
    color: #fff;
    left: 0;
    margin-left: -80px;
    padding: 5px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 190px;
    z-index: 1;
}

.cell-cls .tuf-hov::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.cell-cls:hover .tuf-hov {
    visibility: visible;
}
 .cell-cls:nth-last-child(4) .tuf-hov::after, .cell-cls:nth-last-child(3) .tuf-hov::after,  .cell-cls:nth-last-child(2) .tuf-hov::after,  .cell-cls:nth-last-child(1) .tuf-hov::after   {
  border-color: black transparent transparent;
  border-style: solid;
  border-width: 8px;
  content: "";
  left: 90%;
  margin-left: -5px;
  position: absolute;
  top: 100%;
}
.cell-cls:nth-last-child(4) .tuf-hov, .cell-cls:nth-last-child(3) .tuf-hov , .cell-cls:nth-last-child(2) .tuf-hov , .cell-cls:nth-last-child(1) .tuf-hov  {
  background-color: black;
  border-radius: 6px;
  bottom: 100%;
  color: #fff;
  left: 0;
  margin-left: -159px;
  padding: 5px;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 190px;
  z-index: 1;
}
.cell-cls:nth-last-child(4):hover .tuf-hov , .cell-cls:nth-last-child(3):hover .tuf-hov , .cell-cls:nth-last-child(2):hover .tuf-hov, .cell-cls:nth-last-child(1):hover .tuf-hov {
    visibility: visible !important;
}
@media only screen and (max-width: 1023px) {
.mob{	
display: block !important;
    float: none !important;
    margin: 0 auto !important;
}

.desk_ver{
	display:none;
}
.desk_days {
	display:inline-block !important;
	background:#2a6ebb !important;
	float: left;
	color: #fff;
}
.blank{
	display:inline-block !important;
}
 .cell-cls:nth-child(7n+2) .tuf-hov::after , .cell-cls:nth-child(7n+3) .tuf-hov::after {
 border-color: black transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: "";
    left: 103%;
    margin-left:-196px;
    position: absolute;
    top: 100%;
}
.cell-cls:nth-child(7n+2) .tuf-hov , .cell-cls:nth-child(7n+3) .tuf-hov  {
 background-color: black;
    border-radius: 6px;
    bottom: 100%;
    color: #fff;
    left: 0;
    margin-left: 5px;
    padding: 5px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 200px;
    z-index: 1;

}
.cell-cls:nth-child(7n+2):hover .tuf-hov , .cell-cls:nth-child(7n+3):hover .tuf-hov{
    visibility: visible !important;
}

 .cell-cls:nth-child(7n+1) .tuf-hov::after , .cell-cls:nth-child(7n+0) .tuf-hov::after {
 border-color: black transparent transparent;
  border-style: solid;
  border-width: 8px;
  content: "";
  left: 90%;
  margin-left: -5px;
  position: absolute;
  top: 100%;
}
.cell-cls:nth-child(7n+1) .tuf-hov , .cell-cls:nth-child(7n+0) .tuf-hov {
  background-color: black;
  border-radius: 6px;
  bottom: 100%;
  color: #fff;
  left: 0;
  margin-left: -161px;
  padding: 5px;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 200px;
  z-index: 1;
}
.cell-cls:nth-child(7n+1):hover .tuf-hov , .cell-cls:nth-child(7n+0):hover .tuf-hov {
    visibility: visible !important;
}
.cell-cls .tuf-hov {
   background-color: black;
    border-radius: 6px;
    bottom: 100%;
    color: #fff;
    left: 0;
    margin-left: -77px;
    padding: 5px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 200px;
    z-index: 1;
}

}