/*s2 bwlow change done in premiumapptpicker.min.css */
	 
.datePicker {
    width: auto;
}


#PremiumAppointmentPicker .Reference ul {
    display: inline;
}
#PremiumAppointmentPicker .Reference li {
    margin-right: 30px;
    margin-bottom: 10px;
    font-size: 14px;
	float: none;
}
#PremiumAppointmentPicker .Reference li div {
    height: 15px;
    width: 15px;
    float: left;
    margin: 0;
    margin-right: 10px;
    border-radius:10px;
}

#PremiumAppointmentPicker .Reference .RefStandard {
    background-color: #583088;
}
#PremiumAppointmentPicker .Picker {
    font-size: .8em;
    margin: 0;
    margin-left: 0;
    width: 100%;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
#PremiumAppointmentPicker .Picker {
    font-size: .8em;
    margin: 0;
    margin-left: 0;
    width: 100%;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
dl.appointments .premium label.FreePicked,dl.appointments .standard label.FreePicked,dl.appointments dd.doubleWidth label.FreePicked {
    /* background-color: #2f80b8;
    background-image: url("../images/btAP_tick_sprite.png");
    background-position: -190px 0;
    background-repeat: no-repeat; */
}
.appointments dd.doubleWidth input:checked+label.FreeAppointment,.appointments .premium input:checked+label.FreeAppointment,.appointments .standard input:checked+label.FreeAppointment {
    /* background-color: #2f80b8;
    background-image: url("../images/btAP_tick_sprite.png");
    background-position: -125px 0;
    background-repeat: no-repeat; */
}
.appointments .premium label.PaidPicked,.appointments .standard label.PaidPicked,.appointments dd.doubleWidth label.PaidPicked {
    /* background-color: #e284b7;
    background-image: url("../images/btAP_tick_sprite.png");
    background-position: -65px 0;
    background-repeat: no-repeat; */
}
.appointments dd.doubleWidth input:checked+label.PaidAppointment,.appointments .premium input:checked+label.PaidAppointment,.appointments .standard input:checked+label.PaidAppointment {
    /* background-color: #e284b7;
    background-image: url("../images/btAP_tick_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat; */
}
.appointments label.FreeAppointment {
    background-color: #583088;
}
dl.appointments dd dl dd label span.panel {
    z-index: 1000;
    zoom:1;}

.SplittedPrice {
    display: none!important;
}
.ActualSelectionText .SplittedPrice {
    display: block!important;
}

#PremiumAppointmentPicker  td {
	padding-top:4px;
	padding-bottom:4px;
	padding-right: 4px;
}

.datePicker .lastCol {
    border-right: 0;
}
label.Appointment,label.Unavailable {
    background: #fff;
	
    /*s1*/
	/* width: 87%; */
	width: 90px;
    
	
	height: 100%;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    position: relative;
}

label.Unavailable {
	cursor: default!important;
	border-radius: 6px;
	border: 1px solid #dddddd;
}
.tooltip {
	display: block;
}
.ie6 .tooltip,label.Appointment:hover .tooltip {
    display: block;
    zoom:1;z-index: 1000;
}
.evening label.Appointment.selected:hover,.earlyMorning label.Appointment.selected:hover {
    background-image: none;
	background-color: #6400AA;
	
    /* background-color: #583088; */
}
.evening label.Appointment.selected.Premium:hover,.earlyMorning label.Appointment.selected.Premium:hover {
    background-image: none;
    background-color: #DF3290;
}
label.Appointment .tooltip {
	position:absolute;
	width:100%;
	color:white!important;
	left:0px;
	top:24%;
	padding:10px 0 0;
	 background: none; 
    /*border: 2px solid #fff;*/
    border-right: 0;
    text-align: center;
}
label.Appointment .tooltip span { 
	color: #6400AA!important;
}

label.Appointment .tooltip .time {
    font-size: 14px;
    display: block;
    color: #6400AA!important;
}

label.Appointment.selected {
     background: #6400AA;
	 /*url("../images/btAP_tick_sprite.png") -125px center no-repeat; */
}
label.Premium.Appointment.selected {
	/* background: #E284B7 url("../images/btAP_tick_sprite.png")  0 center no-repeat; */
	background: #E60050;
	/* url("../images/btAP_tick_sprite.png") */
}

.ie6 .tooltip {
    background-color: transparent!important;
    border: 0!important;
}

.ie6 .selected {
    background-color: #6ABE28;
}

.datePicker tr.earlyMorning td,.datePicker tr.evening td {
    height: 85px;
}

.datePicker tr.morning td,.datePicker tr.afternoon td {
    height: 85px;
}

.datePicker tr.morning td .tooltip,.datePicker tr.afternoon td .tooltip,label.Appointment.selected:hover .tooltip {
	/* usmin */
    /* top: 24% !important; */
}

label.Premium.Appointment .tooltip {
    background: #FFF	;
}

#PremiumAppointmentPicker .Picker .errorMessage .content {
    font-size: 1.4em;
    padding: 10px 50px;
}

/*Usmin Start*/

.datePicker thead tr {
	/* display:none; */
}
label.Appointment.selected{
	border: 1px solid #6400AA;
	border-radius: 6px;
    /* border: 1px #583088 */
}
label.Appointment{
	    border: 1px solid #6400AA;
		border-radius: 6px;
}
/* label.Appointment.selected .tooltip{
    background:#6400AA;
} */
label.Appointment.selected .tooltip .time, label.Appointment.selected .tooltip .type{
	color: #fff!important
}
label.Unavailable .tooltip {
	
	
    position: absolute;
    width: 100%;
    color: white!important;
    left: 0;
    top: 24%;
    padding: 2px 0 0;
    /* background: #583088; */
	/* usmin */
	/* background: #fff; */
    /*border: 2px solid #dddddd;*/
    border-right: 0;
    text-align: center;
}
label.Unavailable .tooltip span {
    color: #dddddd!important;
}
label.Unavailable .tooltip .time {
	/* usmin */
    font-size: 14px;
    display: block;
    /* color: #c7c3c3!important; */
	color: #dddddd!important;
}
label.Appointment .tooltip span.type,label.Unavailable .tooltip span.type{
	font-weight: bold;
	font-size: 14px;
}
body{
	/* font-family: bt-font, Calibri, sans-serif !important; */
}
label.Premium .tooltip span, label.Premium .tooltip .time{
	color: #DF3290 !important;
}
label.Premium {
	 background: #FFF;
    border: 1px solid #DF3290;
    border-radius: 6px;
}
label.Premium.selected{
	background: #DF3290;
    border: 1px solid #DF3290;
    border-radius: 6px;
}
label.Premium.selected .tooltip{
    background:#DF3290;
}
label.Appointment.selected{
	/* width: 90px; */
	/* height: 100%; */
}
/* Media Query for Tablet*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {

label.Appointment .tooltip span.type,label.Unavailable .tooltip span.type{
	font-size: 1.5rem;
}
label.Appointment .tooltip .time {
    font-size: 1rem;
}
label.Appointment,label.Unavailable {
	/*s3*/
	width: 77px;
}
label.Unavailable .tooltip .time{
    font-size: 1rem;
}
}




label.Appointment.selected::before{
	background: url(../../images/Functional-Icons_Sprite-Sheet.png) no-repeat;
	background-position: -583px -304px;
	content: "";
	width: 20px;
	height: 21px;
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
}
label.Appointment .tooltip,label.Unavailable .tooltip{top:0!important;}
label.Appointment {
    background-color: #fff !important;
    margin-bottom: 2px;
    height: 85px;
}
label.Appointment.selected {
    background-color: #6400aa !important;
    margin-bottom: 2px;
    height: 85px;
}
label.Unavailable {
    margin-bottom: 2px;
    /* height: 40px;*/
    /* width: 100%; */
}
.datePicker tr.morning td .tooltip,
.datePicker tr.afternoon td .tooltip {
    /* top:5px;border:none */
}
.datePickerLimit {
    /* height: 70px !important; */
}
.EvenDatePickerLimit {
    height: 98px !important;
}
.EvenDatePickerLimit02 {
    height: 79px !important;
}
label.oneHourLimit {
    background: none repeat scroll 0 0 #ededed;
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 65px;
    height: 20px;
}
.noSlot {
    min-height: 124px;
}

.datePicker tr td,
.datePicker tr th {
    border-bottom: none;
    border-right: none;
}