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.jpg") 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.jpg") repeat !important;*/
	pointer-events: none;
}
 @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;
	top: 47px;
}
.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;
	top: 97px;
}
.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;
}