div#ui-datepicker-div {z-index: 2 !important;}
#datepicker:before{
 position:absolute;
 top:-10px;
 left:50%;
 margin-left:-5px;
 display:block;
 content:"";
 width:0;
 height:0;
 border-bottom:5px solid #444751;
 border-top:5px solid transparent;
 border-left:5px solid transparent;
 border-right:5px solid transparent;
}
/*.ui-datepicker{
  width: 38.8em !important;
}*/
#datepicker{
	position: relative;
    background: transparent;
    display: block;
    padding: 5px;
    width: 100%;
    height: 44px;
    border: 2px solid #2c9640;
    border-radius: 7px;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
  background-color: #eee;
  border-radius: 3px;
  display: block;
  padding: 0.42em;
  width: 100%;
}
.ui-datepicker-header{
 -webkit-border-radius:3px 3px 0 0;
 -moz-border-radius:3px 3px 0 0;
 border-radius:3px 3px 0 0;
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .3) inset;
 -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .3) inset;
 box-shadow:0 1px 0 rgba(255, 255, 255, .3) inset;
 background: #2c9640;
 /*background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F66C7B), to(#D25068));
 background-image: -moz-linear-gradient(top, #F66C7B, #D25068 100%);*/
 color:#FFF;
 height:32px;
 position:relative;
}

.ui-datepicker-header:after{
 background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAACCAYAAACKVvbTAAAAKUlEQVQIHWP8//8/Awh8/PgRwgDzIAQ/Pz8jiMUCExMQEDCBsWE0zAAA8dYKZBkmJoYAAAAASUVORK5CYII=') repeat-x;
 position:absolute;
 bottom:2px;
 left:0;
 display:block;
 width:99%;
 height:2px;
 content:""; 
}

.ui-datepicker-prev:hover{
 /*border-right:5px solid #000;   */
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  height: 10px !important;
  /*position: absolute;*/
  top: 2px;
  width: 1.5em;
}
.ui-datepicker-prev{
 cursor:pointer;
 float:left;
 display:block;
 border-bottom:8px solid transparent;
 border-top:8px solid transparent;
 border-left:8px solid transparent;
 border-right:8px solid #FFF;
 text-indent:-9999px;
 margin-top:8px;
 margin-left:0px; 
}

.ui-datepicker-next:hover{
 /*border-left:5px solid #000;   */
}

.ui-datepicker-next{
 cursor:pointer;
 float:right;
 display:block;
 border-bottom:7px solid transparent;
 border-top:7px solid transparent;
 border-left:7px solid #FFF;
 border-right:7px solid transparent;
 text-indent:-9999px;
 margin-top:8px;
 margin-right:0px;
}

.ui-datepicker-title{
 text-align:center;
 line-height:1.8em !important;
 font-size:16px;
 font-weight:600;
 text-shadow:0 1px 1px #632631;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-datepicker-calendar{
 width:100%;
 background:#FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAGElEQVQIHWNYtWrVf4b///8zMGtra0NYAG3QCnusptO9AAAAAElFTkSuQmCC') bottom left repeat-x;
 padding:5px 5px 9px 5px !important;
 -webkit-border-radius:0 0 5px 5px;
 -moz-border-radius:0 0 5px 5px;
 border-radius:0 0 5px 5px;
}
.ui-datepicker tr:last-child td {
  padding-bottom: 10px;
}
.ui-datepicker th { color:#63697A; text-align: center; font-weight: 700; border: 0; padding-bottom:5px;  }
.ui-datepicker td { border: 0;padding-left: 10px }

.ui-datepicker td span, .ui-datepicker td a { 
 display: block;
 color:#63697A; 
 line-height:30px; 
 width:100%; 
 text-align: center; 
 text-decoration: none; 
 border:1px solid #EDEDED; 
 margin:0 0 2px 0; 
}
.ui-state-default.ui-state-highlight {
  background-color: #fff !important;
  border: 1px solid #2c9640 !important;
  color: #2c9640 !important;
  font-weight: bold;
}
.ui-state-default.ui-state-active {
  border: 1px solid #2c9640 !important;
}
.ui-datepicker td a:hover{ 
 background: #2c9640; 
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c9640), to(#2c9640));
 background-image: -moz-linear-gradient(top, #2c9640, #2c9640 100%); 
 color:#FFF; 
 font-weight:700; 
 text-shadow:0 1px 0 rgba(0, 0, 0, .7); 
 -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .3) inset;
 -moz-box-shadow:0 0 5px rgba(0, 0, 0, .3) inset;
 box-shadow:0 0 5px rgba(0, 0, 0, .3) inset; 
}
#modalDialog{
  width: 560px;
}
  .bookingSlotoption {
  /*border: 1px solid #999999;*/
  padding-bottom: 20px;
  position: absolute;
  top: 0;
  width: 94%;
  left:600px;
  background:#FFF;
  z-index:10;
  display:none;
  opacity:0;
}
.optionHeader {
  /*border-bottom: 1px solid #999999;*/
  font-size: 15px;
  font-weight: bold;
  height: 30px;
  line-height: 31px;
  padding-left: 8px;
  text-align: left;
  width: 98.5%;
  color:#555;
}
.fullSlot {
  color: #666666;
  float: left;
  font-size: 14px;
  margin: 8px 0 0 60px;
  padding: 0 7px;
  width: 76%;
}
.s_slot {
  border: 1px solid #999999;
  border-collapse: collapse;
  float: left;
  line-height: 28px;
  padding: 5px 10px;
  text-align: center;
  width: 27%;
  font-weight: bold;
}
.slotEven{
  background-color: #E9E9E9 ;
}
.slotOdd{
    background-color: #FFFFFF;
}
.l_slot {
  float: left;
  margin-left: 35px;
  padding: 10px;
  width: 100px;
}
.modal-body{
  overflow: auto;
  min-height: 350px;
}
.optionClose {
  color: #232176 !important;
}
.loginError {
  background: url("../image/warning.png") no-repeat scroll 10px center #FFD1D1;
  font-size: 12px;
  padding: 9px 9px 7px;
  text-align: center;
  margin-left: 20px;
}
.btn-add-cart{
  padding:0px 12px !important;
  margin-top:0px;
}
.slotHeader{
  font-size: 15px;
  color:#444;
}
.errorMsg {
  border: medium none;
  width: auto !important;
  color:#FF0000;
}
.bookButton {
  background: none repeat scroll 0 0 #117EDD;
  border-left: 5px solid #103B9A;
  height: 50px;
  line-height: 30px;
  width: 76%;
  margin-bottom:2px;
}
.bookingButtonMsg {
  color: #FFFFFF;
  float: left;
  font-size: 15px;
  padding: 10px 30px;
}
.buttonContainer {
  padding-top: 9px;
}
/*.ui-state-active{
  border-bottom: 3px outset #00FF00 !important;
  border-top: 3px outset #00FF00 !important;
}*/
.available > a{
  background: #2c9640 !important;
  color:#FFF !important;
  border-bottom: 3px outset #2c9640 !important;
}
.available > a:hover {
  
}
.multibookingSlotoption{
  /*border: 1px solid #999999;*/
  padding-bottom: 20px;
  position: absolute;
  top: 12px;
  width: 94%;
}
.multislotoption {
  /*border: 1px solid #999999;*/
  color: #444444;
  padding: 1px 10px;
  width: 62%;
  margin-left: 5px;
  margin-top: 2px;
  font-family: Georgia;
  font-weight: normal;
}
.multislotoptioncart {
  margin-top: 2px;
  padding:29px 10px;
}
.btn-multi-add-cart{
  padding:0px 12px !important;
  margin-top:0px;
}
.middle-align{
  padding-top: 17px !important;
}

.booking-block {
    position: relative;
    background: transparent;
    display: block;
    width: 100%;
    margin: auto;
    text-align: left;
	  margin-bottom:20px;
    margin-top: 25px;
    max-width: 400px;
}

.booking-block label {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 100%;
    z-index: -1;
}
.booking-block label i {
    position: absolute;
    right: 23px;
    font-size: 22px;
}


.slotOptions .btn-danger:hover,
.slotOptions .btn-danger:focus,
.slotOptions .btn-danger:active,
.slotOptions .btn-danger:active:hover,
.slotOptions .btn-danger:active:focus,
.slotOptions .btn-danger.active,
.slotOptions .btn-danger.disabled,
.slotOptions .btn-danger[disabled] {
    background-color: #2c9640;
    border: 2px solid #2c9640;
    color: #fff;
}



.past-slot button {
    background: #232176;
    color: #FFF;
	pointer-events:none;
	opacity: 0.6;
}

.booking-block label i{color:#2c9640}
.slotOptions {
    max-height: 500px;
    overflow-y: scroll;
}
.slotOptions .table-bordered>tbody>tr>td, 
.slotOptions .table-bordered>tbody>tr>th, 
.slotOptions .table-bordered>tfoot>tr>td, 
.slotOptions .table-bordered>tfoot>tr>th, 
.slotOptions .table-bordered>thead>tr>td, 
.slotOptions .table-bordered>thead>tr>th{
	border:0;
	vertical-align: middle;
}

.bookingSlotoption .close{font-size:25px}

.slotOptions button{
	border-color:#1592ce;
}
.bookingSlotoption h3 {
    color: #2c9640;
}
.slotOptions tr.text-center.middle-align:nth-child(odd) {
    background: #f7f7f7;
}

.slotOptions tr.text-center.middle-align.past-slot {
    background-color: #ddd;
    color: #721c24; 
}

.slotOptions thead > tr:first-child {
    background: #2c9640;
    color: #FFF;
    font-weight: 500;
}
@media(max-width:1199px){
	.booking-block label{
		font-size:14px;
		top:12px;
	}
}
@media(max-width:667px){
	.booking-block label{
		font-size:14px;
		top:12px;
	}
}