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;

}

.booking-box {

	/*background-color: #eeeeee;*/

}



.today{

	/*background-color: #095bef;*/

}



.current{

	/*background-color: blue;*/

}

.booked {

	background-color: blue;

}

.tabl_1 table, .tabl_2 table, .tabl_3 table, .tabl_4 table {

	width: 100%;

	height: 250px;

}

.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;

}

.remove_tab {

	width: 200px;

	margin: 2px auto;

	text-align: center;

}

.remove_tab button {

	/*background: #242424;*/

	/*background: #6c6c6c;*/

	background:#333333;

border: medium none;

color: #fff;

line-height: 30px;

padding: 0 15px;

}

.back_booking {

	text-align: center;

}

.back_booking button {

	background: #242424;

	border: medium none;

	color: #fff;

	line-height: 30px;

	padding: 0 15px;

}

.leftButton {

	float: left;

}

.leftButton button {

/*background: #6c6c6c;*/

background:#333333;

border: medium none;

color: #fff;

line-height: 30px;

padding: 0 15px;

position: relative;

top: 59px;

z-index: 1;

outline: aliceblue;

font-size: 20px;

 outline: aliceblue;

	/*background: #242424;

	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: #6c6c6c;*/

	background: #333333;

	border: medium none;

	color: #fff;

	line-height: 30px;

	padding: 0 15px;

	float: right;

	position: relative;

	top: 59px;

	z-index: 1;

    outline: aliceblue;

    font-size: 20px;

	/*background: #242424;

	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 .ac {

  pointer-events: none;

  text-decoration: line-through;

}

.booking-box.complete .ac {

	pointer-events: none;

}

.booking-box.complete {

	pointer-events: auto;

}

.booking-box.selected {

	background: #ff0000;

	color: #fff;

	/* border: 1px solid #ff0000; */

}



div.active {

	background: #4CBB17;

	color: #242424;



}



div.first{

  background-color: #ff0000;

  background-image: -webkit-linear-gradient(-239deg, #ff0000 50%, #eeeeee 50%);

  color: #242424;

  border:1px solid #000 !important;

}



div.last{

  background-color: #ff0000;

  background-image: -webkit-linear-gradient(-58deg, #ff0000 50%, #eeeeee 50%);

  color: #242424;

  border:1px solid #000 !important;

}

td.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 {

	/*background: rgb(51, 51, 51) none repeat scroll 0% 0%;

	color: rgb(255, 255, 255);*/

	/*background: rgba(46,46,46,.7) none repeat scroll 0% 0%;*/

	background-color: #333333;

    color: rgb(255 255 255);

    font-weight: 700;

}

.hea1 {

	background: rgba(46,46,46,.7) none repeat scroll 0% 0%;

    color: rgb(255 255 255);

    font-weight: 700;

	/*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%;

	

}

.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: 23%;

	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;*/

	pointer-events: none;

}

.today.start.end {

	pointer-events: none;

	color: #fff;

}

.today.start.end, .today.complete, .today {

	background-color: #68d4de;

}

.today.complete .full-book, .today.start.end .first-half-book, .today.start.end .last-half-book {

	visibility: hidden;

}

/* form css */

.ui-dialog {

	height: 440px !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: 0 !important;

	text-transform: capitalize;

}

.ui-dialog .form-group input[type="text"] {

	border: 1px solid #bbb;

	border-radius: 0 !important;

	font-size: 12px;

	padding: 5px 10px !important;

	width: 100%;

}

.ui-dialog .form-group input[type="email"] {

	border: 1px solid #bbb;

	border-radius: 0 !important;

	font-size: 12px;

	padding: 5px 10px !important;

	width: 100%;

}

.ui-dialog .form-group input[type="submit"] {

	border: 1px solid #242424;

	margin: 10px auto;

	text-align: center;

	width: 30%;

	height: 35px;

	text-transform: uppercase;

	border-radius: 0px;

	padding: 0px !important;

	background: #242424;

	color: #fff;

}

.ui-dialog .form-group input[type="submit"]:hover {

	border: 1px solid #242424;

	color: #242424;

	background: none;

}

.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;

}

.booking-box.start.end {

	background: url("../images/start-end-book.html") repeat !important;

	pointer-events: none;

}

.complete {

	/*background: #ff0000;*/

}

.remove_tab a {

	color: #fff;

}

.remove_tab a:hover {

	text-decoration: none;

	color: #fff;

}

#spinner1 img {

	position: absolute;

	top: 43%;

	left: 24%;

	width: 150px;

	z-index: 99;

}

#spinner2 img {

	position: absolute;

	top: 43%;

	right: 21%;

	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: 14.28%;

	height: 42px;

	float: left;

	border: 2px solid transparent;

	/*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;

}

#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;

	background-color: #ff0000c7;

}

#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;

}

#call-box-s .last-half-book img {

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 0;

}

#call-box-s .cell {

	/*background-color: #6c6c6c52;*/

	width: 100%;

	height: 100%;

	display: block;

	position: absolute;

	z-index: 1;

	text-align: center;

	line-height: 35px;

	font-size: 14px;

	font-family: arial;

	font-weight: normal;

	border: 2px solid rgb(235, 235, 235);

    font-weight: 700;

   /* box-shadow: 2px 2px 2px 2px #cccccc36;*/

	/*border-left: 1px solid #333;

	border-top: 1px solid #333;*/

}





.cell01{

	border:2px solid transparent



}

/*for weekdays------------------------------------*/

#call-box-s .cell02{

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    z-index: 1;

    text-align: center;

    line-height: 40px;

    font-size: 14px;

    font-family: arial;

    font-weight: normal;

    /* border: 1px solid rgb(235, 235, 235); */

    font-weight: 700;

}

/*end--------------------------------------*/

/*for weekdays------------------------------------*/

#call-box-s .cell03{

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    z-index: 1;

    text-align: center;

    line-height: 40px;

    font-size: 14px;

    font-family: arial;

    font-weight: normal;

    /* border: 1px solid rgb(235, 235, 235); */

    font-weight: 700;

}

/*end--------------------------------------*/

#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: #fff;

	/*color: #FF0;*/

}

#call-box-s .booking-box.start.end div {

	background: url("img/start-end-book.html") repeat !important;

	pointer-events: none;

}

@media (min-width: 541px) and (max-width: 694px){
	.rightButton button {
		top: 46px;
	}
.rightButton button{
	top: 99px;
}

}

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

.ui-dialog {

	height: 520px !important;

}

.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;

}

}

.ui-dialog .ui-dialog-content {

    background-color: #c2c9d1 !important;

}

.ui-dialog-titlebar {

	background:#000 !important;

        color:#fff !important;

}

@media (min-width: 1024px) and (max-width: 1280px){
	.rightButton button {
		top: 60px;
    z-index: 1;
}
.leftButton button {
	top: 60px;
}
}

@media (max-width: 384px){
	.rightButton button {
		top: 47px;
	}
	.leftButton button {
		top: 99px;
	}
}

@media (min-width: 768px) and (max-width: 800px){
	.rightButton button {
		top: 59px;
    z-index: 1;
}
.leftButton button {
	top: 60px;
}
}
@media (max-width: 360px){
	.rightButton button {
		top: 47px !important;
	}
	.leftButton button {
		top: 99px !important;
	}
}

@media (min-width: 400px) and (max-width: 540px){
	.rightButton button {
		top: 47px !important;
	}
	.leftButton button {
		top: 99px !important;
	}
}
@media (min-width: 541px) and (max-width: 768px){
	.rightButton button {
		top: 58px !important;
	}
	.leftButton button {
	/*	top: 99px !important;*/
	}
}