/*Plugin Name: BookDice
Plugin URI: 
Description: BookDice is an online appointment booking wordpress plugin, your website visitor can see the available time for service provider and can book their appointment instantly,due its shopping cart feature one user can book multiple appointments at once.
Version: 4.1
Author: skymoonlab
TeamAuthor URI: 
/* BookDice- wordpress appointment booking plugin */


/********************************/
/*      Main Style Start Here   */
/********************************/	
	
	#bdp { 	
		font-family:Lato !important;
		font-weight: normal;
		font-size: 13px;
		line-height: 25px;
		color: #2f2e33;
		padding: 20px 0 10px;
		margin: 0px;
		height: 100%;
		width: 100%;
		float: left;
		position: relative;
		cursor: default;
	}	 
	#bdp .bdp-main-wrapper{
		width: 100%;
		float: left;
		display: block;
		background: #fff;
		margin: 15px 0 20px;
		/* padding: 15px; */
		border: thin solid #c5c5c5;
		box-shadow: 0 2px 10px rgba(0,0,0,0.25);
	}
	#bdp .bdp-main-wrapper  .row{
		width:100% !important;
	}
	
	#bdp .bdp-main-wrapper  .row .bd-md-6 {
		width:50% !important;
	}
	
	#bdp #bd-main{
		float: left;
		position: relative;
		width: 100%;
		max-height: 100%;
	}
	/*
	#bdp .bd-border{
			
		-moz-box-shadow: 0px 3px 8px #9e379f;
		-webkit-box-shadow: 0px 3px 8px #9e379f;
		box-shadow: 0px 3px 8px #9e379f;
	}*/
	
	/* Navbar main top */
	#bdp #navbar{
		color: #fff;
		background-color: #efefef ; /*#262f34*/
		color: #262f34;
		overflow-y: hidden;
		padding: 10px 0px;
		box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.25);
		position: relative;
		z-index: 111;
	}

	#bdp #navbar .booking-steps {
		margin: 20px 0 10px !important;
	}
	#bdp #navbar .bdp-navbar-number{
		display: none;
	}

	#bdp #navbar .booking-steps {
		list-style: none;
		margin: 0;
		padding: 0;
		display: table;
		table-layout: fixed;
		width: 100%;
		position: relative;
	}
	#bdp #navbar .booking-steps-progress{
		position: relative;
		content: '';
		display: block;
		background: #c5c5c5;
		width: 83%;
		height: 1px;
		margin: 0 auto;
		float: none;
		top: 28px;
	}
	#bdp #navbar .booking-steps li a{
		cursor: default;
		line-height: 16px;
		padding: 0px 4px;
	}
	#bdp #navbar .booking-steps li a span.bdp-navbar-title{
		word-wrap: break-word;
	}
	#bdp #navbar .booking-steps li {
		position: relative;
		display: table-cell;
		text-align: center;
		font-size: 12px;
	}
	#bdp #navbar .booking-steps li:before {
		content: attr(data-step);
		display: block;
		margin: 0 auto;
		background: #c5c5c5;
		width: 15px;
		height: 15px;
		text-align: center;
		margin-bottom: 5px;
		line-height: 10px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		position: relative;
		z-index: 99;
	}
	
	#bdp #navbar .booking-steps li:after {
		content: '';
		position: absolute;
		display: block;
		background: #c5c5c5;
		width: 100%;
		height: 1px;
		top: 7px;
		left: 50% !important;
		margin-left: 24px 0;
		z-index: 1;
	}
	#bdp #navbar .booking-steps li:last-child:after {
		display: none;
	}
	
	#bdp #navbar .booking-steps > li.is-complete:before{
		border: 2px solid #f45d6c;
	}
	#bdp #navbar .booking-steps > li.is-active {
		color: #3498DB;
	}
	
	#bdp #navbar .booking-steps > li.is-active:after{
		width: 0;
		left: 0;
		height: 1px;
		background: transparent;
		-webkit-transition: width .6s ease;
		-moz-transition: width .6s ease;
		-ms-transition: width .6s ease;
		transition: width .6s ease;
	}
	
	
	#bdp #navbar .booking-steps > li.is-complete:after{
		width: 100% !important;
		content: "";
		background: #f45d6c;
		-webkit-transition: width .6s ease;
		-moz-transition: width .6s ease;
		-ms-transition: width .6s ease;
		transition: width .6s ease;
	}
	#bdp #navbar .booking-steps > li.is-active:before {
		
	}
	
	#bdp #navbar .booking-steps > li.is-active .bd-pulse-new {
		height: 35px;
		width: 35px;
		top: -10px;
		display: block;
		background: #f45d6c;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		border-radius: 100%;
		position: absolute;
		-webkit-animation: av_pulsate 1.1s ease-out infinite;
		-moz-animation: av_pulsate 1.1s ease-out infinite;
		animation: av_pulsate 1.1s linear infinite;
		opacity: 0;
		z-index: 91;
		left: 41%;		
	}
	
	/*image hotspot pulse*/
	@-webkit-keyframes av_pulsate {
		0% 		{-webkit-transform: scale(0.1); opacity: 0.0;}
		50% 	{opacity: 0.7;}
		100% 	{-webkit-transform: scale(1); opacity: 0.0;}
	}
	@-moz-keyframes av_pulsate {
		0% 		{-webkit-transform: scale(0.1); opacity: 0.0;}
		50% 	{opacity: 0.7;}
		100% 	{-webkit-transform: scale(1); opacity: 0.0;}
	}

	@keyframes av_pulsate {
		0% 		{transform: scale(0.1); opacity: 0.0;}
		50% 	{opacity: 0.7;}
		100% 	{transform: scale(1); opacity: 0.0;}
	}
	
	
	/**
	 * Needed for IE8
	 */
	#bdp #navbar .booking-steps-last:after {
		display: none !important;
	}
	
	#bdp .bdp-wrapper-inner-class{
		padding: 15px 25px;
		margin: 0px 0 20px;
	}
	#bdp .sticky {
		background-color:#ddd;
		position: fixed;
		left: 107px;
		width: 66%;
		z-index: 11;
	}
	
	
	/*
	#bdp .all_list_common_outer{
		transform: scale(0.8);
	}
	
	#bdp .all_list_common_outer.shown_active{
		transform: scale(1);
		 -webkit-transition: transform .4s ease-in-out;
		-moz-transition: transform .4s ease-in-out;
		-o-transition: transform .4s ease-in-out;
		transition: transform .4s ease-in-out;
	} */
	#bdp .bdp-backdrop{
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: #fff repeat scroll 0% 0%;
		opacity: 0.5;
		overflow: auto;
		z-index: 9999;
	}
	
	#bdp  .vertical-alignment-helper {
		display: table;
		height: 100%;
		width: 100%;
	}
	#bdp .vertical-align-center {
		display: table-cell;
		vertical-align: middle;
	}
	/* loader css */
	#bdp .bd-loading-main{
		position: fixed;
		z-index: 100;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: rgba(255,255,255,0.9);
		overflow: auto;
		z-index: 1111;
		display:none;
		opacity: 0.9;
	}
	
	/* First step locations  content*/
	#bdp #bd-main .content{	
		display: table-cell;
		position: relative;
		vertical-align: top;
		border-right: 2px solid #e4ebf2;
	}
	
	#bdp #locations-list .content-box .bdp-location-btn.bdp-btn-abs{
		top: 100px;
		bottom: unset;
	}
	
	#bdp #services-list .content-box .one-column .bdp-service-btn.bdp-btn-abs:before{
		content: "More";
		font-size: 14px;
	}
	#bdp #services-list .content-box .one-column .bdp-service-btn.bdp-btn-abs.ser-checked:before{
		content: "Less";
		font-size: 14px;
	}
	
	
	#bdp #services-list .content-box .one-column .bdp-service-btn.bdp-btn-abs:after{
		content: "\e604";
		font-family: 'simple-line-icons';
		position: relative;
		top: 2px;
		left: 2px;
		z-index: 99;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		-webkit-transition: -webkit-transform 0.7s ease-in-out;
		-moz-transition: -moz-transform 0.7s ease-in-out;
		-ms-transition: -ms-transform 0.7s ease-in-out;
		transition: transform 0.7s ease-in-out;
	}		
	
	#bdp #services-list .content-box .one-column .bdp-service-btn.bdp-btn-abs.ser-checked:after{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	#bdp #services-list .content-box .one-column .bdp-service-btn.bdp-btn-abs{
		top: 50px;
		bottom: unset;
		position: absolute;
		right: 7px;
	}
	
	
	#bdp #services-list .content-box .bdp-service-btn.bdp-btn-abs:before{
		content: "More";
		font-size: 14px;
	}
	#bdp #services-list .content-box .bdp-service-btn.bdp-btn-abs.ser-checked:before{
		content: "Less";
		font-size: 14px;
	}
	
	
	#bdp #services-list .content-box .bdp-service-btn.bdp-btn-abs:after{
		content: "\e604";
		font-family: 'simple-line-icons';
		position: relative;
		top: 2px;
		left: 2px;
		z-index: 99;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		-webkit-transition: -webkit-transform 0.7s ease-in-out;
		-moz-transition: -moz-transform 0.7s ease-in-out;
		-ms-transition: -ms-transform 0.7s ease-in-out;
		transition: transform 0.7s ease-in-out;
	}
	
	#bdp #services-list .content-box .bdp-service-btn.bdp-btn-abs.ser-checked:after{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	#bdp #services-list .content-box .bdp-service-btn.bdp-btn-abs{
		top: 60px;
		bottom: unset;
		position: absolute;
	}
	#bdp #providers-list .content-box .bdp-provider-btn.bdp-btn-abs{
		top: 50px;
		bottom: unset;
		position: absolute;
		right: 7px;
		z-index: 9;
	}
	#bdp #providers-list .content-box .bdp-provider-btn.bdp-btn-abs:before{
		content: "More";
		font-size: 14px;
	}
	#bdp #providers-list .content-box .bdp-provider-btn.bdp-btn-abs.prov-checked:before{
		content: "Less";
		font-size: 14px;
	}
	
	
	#bdp #providers-list .content-box .bdp-provider-btn.bdp-btn-abs:after{
		content: "\e604";
		font-family: 'simple-line-icons';
		position: relative;
		top: 2px;
		left: 2px;
		z-index: 99;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		-webkit-transition: -webkit-transform 0.7s ease-in-out;
		-moz-transition: -moz-transform 0.7s ease-in-out;
		-ms-transition: -ms-transform 0.7s ease-in-out;
		transition: transform 0.7s ease-in-out;
	}
	
	#bdp #providers-list .content-box .bdp-provider-btn.bdp-btn-abs.prov-checked:after{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	#bdp #locations-list .content-box,
	#bdp #details-payment-list{
		display: inline-block;
		margin-bottom: 0;
		min-height: 160px;
		position: relative;
		width: 100%;
	}
	#bdp #locations-list .content-box .content-inner,
	#bdp #services-list .content-box .content-inner,
	#bdp #providers-list .content-box .content-inner{
		border-width: 2px;
		border-style: solid;
		border-color: #c5c5c5;
		margin-top: 15px !important;
		padding: 10px;
		width: 100%;
		display: block;
		float: left;
		cursor: default;
		position: relative;
		background: #fff;
	}
	
	#bdp #locations-list .content-box .content-inner img.location-image{
		width: 150px;
		height: auto;
		float: left;
		margin: 0;
		-webkit-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		-moz-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		-ms-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
	}
	
	#bdp #locations-list .content-box .content-inner .bdp-location-img .locaion-img-thumb{
		width: 44px;
		display: inline-block;
		float: right;
	}
	#bdp #locations-list .content-box .content-inner .bdp-location-img .locaion-img-thumb a.location-image-link .location-image{
		height: 38px;
	}
	#bdp #locations-list .content-box .content-inner .location-info{
		padding: 3px 20px;
		min-height: 120px;
	}
	
	#bdp #locations-list .content-box .content-inner .location-info p.bdp-text{
		font-size: 15px !important;
		font-weight: normal;
		line-height: 22px !important;
		letter-spacing: 0.5px !important;
		margin: 0;
	}
	#bdp #locations-list .content-box .content-inner .bdp-location-map{
		display: none;
		width: 100%;
		float: left;
		position: relative;
		padding: 15px 0px 0;
	}
	
	/* location, service select */
	#bdp #locations-list .content-box .content-inner .hover-select-item,
	#bdp #services-list .content-box .content-inner .hover-select-item,
	#bdp #providers-list .content-box .content-inner .hover-select-item{
		display: block;
		width: 70px;
		height: 50px;
		color: #fff;
		position: absolute;
		top: 0;
		cursor:pointer;
		right: 0;
		z-index: 10;
		overflow: hidden;
		text-align: right;
		transition: height .4s;
		-webkit-border-radius: 0 3px;
		-moz-border-radius: 0 3px;
		-ms-border-radius: 0 3px;
		border-radius: 0 3px;
	}
	#bdp #locations-list .content-box .content-inner .hover-select-item:before,
	#bdp #services-list .content-box .content-inner .hover-select-item:before,
	#bdp #providers-list .content-box .content-inner .hover-select-item:before{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 30px;
		content: "Select";
		font-size: 17px;
		text-align: center;
		background: #c5c5c5;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		outline: transparent solid 1px;
		display: block;
	}
	#bdp #locations-list .content-box .content-inner.selected .hover-select-item:before,
	#bdp #services-list .content-box .content-inner.selected .hover-select-item:before,
	#bdp #providers-list .content-box .content-inner.selected .hover-select-item:before{
		display: none;
	}
	#bdp #locations-list .content-box .content-inner.selected .hover-select-item span:before,
	#bdp #services-list .content-box .content-inner.selected .hover-select-item span:before,
	#bdp #providers-list .content-box .content-inner.selected .hover-select-item span:before{
		display: block;
	}
	#bdp #locations-list .content-box .content-inner .hover-select-item span:before,
	#bdp #services-list .content-box .content-inner .hover-select-item span:before,
	#bdp #providers-list .content-box .content-inner .hover-select-item span:before{
		content: "";
		display: inline-block;
		border-left: 60px solid transparent;
		border-bottom: 0px solid transparent;
		position: absolute;
		top: 0;
		right: 0px;
		display: none;
	}

	#bdp #locations-list .content-box .bdp_locations.selected .hover-select-item span:after,
	#bdp #services-list .content-box .bdp_services.selected .hover-select-item span:after,
	#bdp #providers-list .content-box .bdp_providers.selected .hover-select-item span:after {
		border: 3px solid #fff;
		border-top: none !important;
		border-left: none !important;
		width: 9px !important;
		height: 15px;
		position: absolute;
		top: 5px;
		right: 11px;
		content: " ";
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		opacity: 1;
		filter: alpha(opacity=0);
		-webkit-transform: scale(0.7) rotate(45deg);
		-ms-transform: scale(0.7) rotate(45deg);
		transform: scale(0.7) rotate(45deg);
		-webkit-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}
	
	
	/* second step services  content*/
	#bdp #services-list ul.service-ul li.service-category-container{
		margin-bottom: 25px !important;
	}
	#bdp #services-list ul.service-ul li.service-category-container:last-child{
		margin-bottom: 0;
	}
	
	
	#bdp #services-list .service-category-container h1.category-name{
		font-size: 20px;
		font-weight: 600;
		padding: 15px 15px 0px;
		margin: 0 0 -10px;
	}
	/* sigle product */
		
	#bdp #services-list .content-box .content-inner.one-column .service-info{
		padding: 5px 20px;
	}
	
	#bdp #services-list .content-box{
		display: inline-block;
		margin-bottom: 0;
		min-height: 120px;
		position: relative;
		width: 100%;
	}
	#bdp #services-list .content-box .content-inner .service-info{
		padding: 10px;
	}
	
	#bdp #services-list .content-box .content-inner img.service-image{
		width: 70px;
		height: 70px;
		float: left;
		margin: 0;
		-webkit-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		-moz-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		-ms-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
	}
	#bdp #services-list .content-box .content-inner .service-info h3.service-title,
	#bdp #providers-list .content-box .content-inner .provider-info h3.provider-title{
		font-size: 18px;
		font-weight: normal;
		line-height: 20px;
		margin-bottom: 5px;
		text-align: left;
	}
	#bdp #services-list .content-box .content-inner .service-info h5{
		font-size: 13px;
		line-height: 18px;
	}
	#bdp #services-list .content-box .content-inner .service-info h5.service-price.actual-price{
		text-decoration: line-through;
		font-size: 12px;

	}
	#bdp #services-list .content-box .content-inner .bdp-service-details,
	#bdp #providers-list .content-box .content-inner .bdp-provider-details{
		display: none;
		width: 100%;
		position: relative;
		padding: 15px;
	}
	
	#bdp #services-list .content-box .content-inner .bdp-service-details p.bdp-service-desc,
	#bdp #providers-list .content-box .content-inner .bdp-provider-details p.bdp-provider-desc{
		font-size: 15px;
		font-weight: normal;
		line-height: 24px;
	}
	#bdp #locations-list .content-box .content-inner .bdp-location-img.bd-md-4{
		width: 200px;
	}
	
	#bdp #services-list .content-box .content-inner .bdp-service-img,
	#bdp #providers-list .content-box .content-inner .bdp-provider-img{
		width: 70px;
		height: 70px;
	}
	/******************************/
	/*      Providers List        */
	
	#bdp #providers-list .content-box{
		display: inline-block;
		margin-bottom: 0;
		min-height: 120px;
		position: relative;
		width: 100%;
	}
	#bdp #providers-list .content-box .content-inner .provider-info{
		padding: 15px;
	}
	
	#bdp #providers-list .content-box .content-inner img.provider-image{
		width: 70px;
		height: 70px;
		float: left;
		margin: 0;
		-webkit-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		-moz-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		-ms-box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
		box-shadow: 0 2px 4px 0 rgba(27,42,53,.25);
	}
	/********************/
	/*** calendar html ****/
	#bdp #bdp-calendar-full{
		padding: 120px 0;
		float: left;
	}
	
	#bdp .calendar-wrapper {
		border: thin solid #c5c5c5;
		width: 100%;				
		height: 100%;			
		position: relative;
		float: left;
	  }

	#bdp .calendar-header {
		height: 70px;					
		text-align: center;		
		position: relative;		
	}
	#bdp .calendar-wrapper .calendar-header a.previous-date{
		left: 0px;
		top: 0;
		height: 100%;
		line-height: 70px;
		font-size: 15px;
		position: absolute;
		color: #fff;
		padding: 0px 26px;
		
	}
	#bdp .calendar-wrapper .calendar-header a.next-date{
		right: 0px;
		top: 0;
		height: 100%;
		line-height: 70px;
		font-size: 15px;
		position: absolute;
		color: #fff;
		padding: 0px 26px;
	}
	#bdp .calendar-wrapper .calendar-header .calendar-title,
	#bdp .calendar-wrapper .calendar-header .calendar-year{
		padding: 15px 0 5px;
		display: block;
		text-align: center;
		line-height: 1;
		color: #fff;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 600;
	}
	#bdp .calendar-wrapper .calendar-header .calendar-year{
		font-size: 15px;
		padding: 5px 0 15px;
	}
	
	#bdp .calendar-wrapper .calendar-header .icon-arrow-right:before,
	#bdp .calendar-wrapper .calendar-header .icon-arrow-left:before{
		font-size: 18px;
		font-weight: bold;
	}
	#bdp .calendar-body .bdp-day,
	#bdp .calendar-body .bdp-week {
		width: -webkit-calc((100% / 7));					
		width: -moz-calc((100% / 7));					
		width: calc((100% / 7));					
		margin: 0;		
		min-width: 14.285%;
		text-align: center;	
		padding: 0;		
		float: left;
		font-size: 16px;
		font-weight: 400;
		border-right: thin solid #e5e5e5;
	}
	
	#bdp .calendar-body .bdp-day.bdp-last-day,
	#bdp .calendar-body .bdp-week.bdp-last-week{
		border-right: 0px;
	}
	#bdp .calendar-body .bdp-week{
		line-height: 59px;
		min-height: 60px;
		cursor: pointer;
	}
	#bdp .calendar-header p {
		font-size: 15px;
		font-weight: 600;
		text-align: center;		
		text-transform: uppercase;		
	}

	

	#bdp .inactive {					
		color: #ccc;
	}
	#bdp .calendar-body .dates .bdp-week.bdp-booked ,				
	#bdp .calendar-body .dates .bdp-week.bdp-booked:hover {					
		cursor: not-allowed !important;
		background: #808080 !important;
		color: #ccc !important;
	}
	

	#bdp .weekdays {	
		padding: 0;
		background: #1d2124;
		color: #fff;
		text-transform: uppercase;		
		line-height: 35px;
		border-top: 1px solid #e5e5e5;
	}

	#bdp .dates {
		padding: 0;
		float: left;
		width: 100%;
		
	}
	#bdp .dates .bdp-week{
		border-bottom: thin solid #e5e5e5;
	}
	#bdp .today-date {				
		position: relative;
		text-transform: uppercase;
		text-align: left;
		padding: 0.7em;
		float: left;
		width: 100%;

	}
	#bdp .calendar-body .dates .bdp-week.active{
		font-size: 20px;
	}
	#bdp .calendar-body .bdp-show-time.shown{
		display: block;
	}
	#bdp .calendar-body .bdp-show-time{
		display: none;
		position: relative;
		float: left;
		width: 100%;
	}
	#bdp .calendar-body .bdp-show-time .time-slot-container{
		padding: 10px 15px;
		overflow: hidden;
	}
	/* calendar front time legends */
	#bdp .calendar-body .bdp-show-time .time-slot-container .bd-slot-legends {
		float: left;
		display: block;
		z-index: 99;
		position: relative;
		text-align: center;
		top: 4px;
		width: 100%;
		background: #fff;
		-webkit-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-o-border-radius: 5px 5px 0px 0px;
		-ms-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
	}

	#bdp .calendar-body .bdp-show-time .time-slot-container .bd-slot-legends ul.bd-legends-ul {
		list-style-type: none;
		display: inline-block;
		width: auto;
		margin: 0px auto;
		padding: 0px;
		float: none;
		clear: both;
		
	}
	
	#bdp .calendar-body .bdp-show-time .time-slot-container .bd-slot-legends ul.bd-legends-ul li {
		float: left;
		display: inline-block;
		margin: 0px 15px 0px 0px !important;
		vertical-align: middle;
		font-size: 11px;
		line-height: 24px;
		padding: 0px !important;
	}
	
	#bdp .calendar-body .bdp-show-time .time-slot-container .bd-slot-legends .bd-slot-legends-box {
		width: 13px;
		height: 13px;
		display: inline-block;
		margin-right: 3px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		position: relative;
		top: 2px;
	}
	#bdp .calendar-body .bdp-show-time .time-slot-container .bd-slot-legends .bd-slot-legends-box.bd-not-available-new {
		background: #808080;
	}
		
	/* #bdp .calendar-body .bdp-show-time .time-slot-container ul li.time-slot.bd-slot-booked{ */
		/* background: #808080 !important; */
		/* cursor: default; */
		/* pointer-events: none; */
	/* } */
	#bdp .calendar-body .dates .bdp-week.bdp-slot-booked,
	#bdp .dates .bdp-week.hide_previous_dates,
	#bdp .dates .bdp-week.hide_previous_dates a,
	#bdp .dates .bdp-week.hide_previous_dates:hover {
		cursor: not-allowed;
		background: #f5f5f5 !important;
		color: #3d3d3d;
	}

	#bdp .calendar-body .bdp-show-time.shown .time-slot-container ul.time-slot-ul{
		transform: scale(1);
	}
	
	#bdp .calendar-body .bdp-show-time .time-slot-container ul.time-slot-ul{
		background: #fff;
		padding: 10px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.25);
		transform: scale(0.5);
	}
	#bdp .calendar-body .bdp-show-time .time-slot-container ul li.time-slot{
		font-size: 12px;
		line-height: 30px;
		margin: 5px 6px;
		padding: 0px 6px;
		min-width: 100px;
		vertical-align: top;
		cursor: pointer;
		text-align: center;
		display: inline-block;
		width: -webkit-calc(100% / 6 - 15px);
		width: -moz-calc(100% / 6 - 15px);
		width: -o-calc(100% / 6 - 15px);
		width: -ms-calc(100% / 6 - 15px);
		width: calc(100% / 6 - 15px);
	}
	#bdp .calendar-body .bdp-show-time .time-slot-container ul li.time-slot:hover{
		text-decoration: underline;
	}
	
	#bdp .today-date a.bdp-button {
		position: relative;
		left: 6%;
	}
	#bdp .today-date .bdp-selected-date-view{
		text-align: center;
		font-size: 15px;
		line-height: 57px;
		float: right;
		position: relative;
		font-family: 'Open Sans', sans-serif;
	}
	#bdp .today-date .bdp-selected-date-view span.bd-date-selected{
		padding-right: 15px;
	}
	#bdp .today-date .bdp-selected-date-view span.bd-date-selected:before{
		content: "\e075";
		font-family: 'simple-line-icons';
		font-size: 14px;
		padding-right: 5px;
	}
	#bdp .today-date .bdp-selected-date-view span.bd-time-selected:before{
		content: "\e081";
		font-family: 'simple-line-icons';
		font-size: 14px;
		padding-right: 5px;
	}
	
	#bdp h5.header5{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 10px 10px 5px 10px;
		cursor: pointer;
		border-bottom: thin solid #c5c5c5;
		float: left;
		width: 100%;
		display: block;
	}
	/* user personal information */
	#bdp #user-login .existing-user-login,
	#bdp #user-login .new-user-area{
		display:none;
	}
	/*
	#bdp #user-login .existing-user-login .front-user-login a.bdp-button{
		margin: 20px 5px 0px !important;
	} */
	#bdp .bdp-main-inner .form-group input.form-control{
		margin-bottom: 0px !important;
	}
	/* login forget password css */
	#bdp #user-login  span.forget-pass{
		font-size: 12px;
		width: 60px;
		float: left;
		line-height: 20px;
		margin-top: 4px;
	}
	#bdp #user-login span.forget-pass a.forget-pass-link{
		text-decoration: underline;
		background: transparent none repeat scroll 0% 0%;
		min-width: 55px;
	}
	#bdp #details-payment-list .content-box .bdp-main-inner label.bdp-error{
		width: 91.8777%;
		margin: 4px 4% auto;
	}
	#bdp .bdp-select-style {
		padding: 0;
		margin: 0;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
		position: relative;	
	}
	#bdp .bdp-select-style:after {
		top: 50%;
		right: 5%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		border-color: rgba(0, 0, 0, 0);
		border-top-color: #c5c5c5;
		border-width: 5px;
		margin-top: -2px;
		z-index: 1;
	}
	#bdp .bdp-show-pass input[type="checkbox"] + label .icons{
		cursor: pointer;
		font-size: 20px;
	}
	#bdp .bdp-show-pass{ 
		position: absolute;
		top: 30px;
		right: 23px;
	}
	#bdp .bdp-show-pass input[type="checkbox"]:checked + label .icons:before{
		content: "\e08f";
		font-family: 'simple-line-icons';
	}
	#bdp #details-payment-list .content-box .bdp-common-inputs input.user-phone-input{
		padding: 10px 10px 10px 50px !important;
	}
	
	#bdp .bdp-main-inner .form-group .intl-tel-input input,
	#bdp .bdp-main-inner .form-group .intl-tel-input input[type="text"],
	#bdp .bdp-main-inner .form-group .intl-tel-input input[type="tel"] {
		padding-left: 35px !important;
	}

	/* date picker */

		
	/********************/
	
	
	/* side bar */
	#bdp aside#content-sidebar{
		display: table-cell;
		position: relative;
		vertical-align: top;
		padding: 15px 20px;
	}
	#bdp aside#content-sidebar:before{
		content: "";
		border-left: 2px solid #e4ebf2;
		position: absolute;
		left: -2px;
		height: 100%;
		top: 0;
	}
	#bdp aside#content-sidebar .content-summary{
		float: left;
		width: 100%;
		display: block;
		overflow: hidden;
	}
	#bdp aside#content-sidebar .sidebar-box{
		width: 100%;
		display: inline-block;
		margin-bottom: 0;
		position: relative;
		/* margin-top: 15px !important; */
	}
	
	#bdp aside#content-sidebar .sidebar-box.bd-appointments-list{
		max-height: 500px;
		overflow: auto;
		margin-right: -20px;
		padding-right: 20px;
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list{
		border-width: 1px;
		border-style: solid;
		border-color: #c5c5c5;
		padding: 10px;
		position: relative;
		display: block;
		margin-bottom: 10px;
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list img.provider-image{
		width: 40px;
		height: auto;
		margin: 0;
		border: thin solid #c5c5c5;
		padding: 0px;
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list .provider-info .provider-title{
		float: left;
		width: 100%;
		line-height: 15px;
		word-wrap: break-word;
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list .right-booking-details .common-style {
		display: block;
		padding: 0 0 3px 10px;
		line-height: 18px;
		font-size: 13px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap; 
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list .right-booking-details .common-style.last-item{
		padding: 0 0 0 10px !important;
	}
	
	#bdp aside#content-sidebar .sidebar-box .booking-list .right-booking-details .common-style i.icons {
		display: block;
		float: left;
		padding: 2px 3px 3px 0px;
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list .right-booking-details .price{
		
		
		/* position: absolute; */
		/* right: 0; */
		/* bottom: 15px; */
		display:block;
		font-size: 22px !important;
		padding-top:5px;
		padding-left:7px;
		
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list .right-booking-details .price span.currency-symbol{
		font-size: 15px;
		padding-right: 1px;
		font-weight: 400;
	}
	
	#bdp aside#content-sidebar .sidebar-box .booking-list .delete{
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 45px;
		display: block;
		cursor: pointer;
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list .delete span:before{
		content: "";
		display: inline-block;
		border-bottom: 45px solid transparent;
		position: absolute;
		top: 0;
		left: 0px;
		display: none;
	}
	#bdp aside#content-sidebar .sidebar-box .booking-list .delete span:after{
		content: "\e054";
		font-family: 'simple-line-icons';
		display: inline-block;
		position: absolute;
		top: 1px;
		left: 3px;
		color: inherit;
		font-size: 15px;
		font-weight: bold;
	}
	
	
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount{
		padding-left: 20px;
		padding-top: 20px;
		float: left;
		width: 100%;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .bd-xs-12{
		line-height: 22px;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .common-amount-text,
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .common-amount-text{
		width: 65%;
		float: left;
		font-size: 15px;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding-right: 5px;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .common-amount-text.total-amount{
		font-size: 16px;
		font-weight: bold;
	}
	
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .common-amount-price span.currency-symbol{
		font-size: 14px;
		padding-right: 1px;
		font-weight: 400;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .common-amount-price.discount-price{
		padding-left: 3px;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .common-amount-price,
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .common-amount-price{
		width: 35%;
		float: right;
		padding-left: 8px;
		font-size: 15px;
		text-align: left;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .common-amount-price.total-price{
		font-size: 16px;
		font-weight: bold;
	}
	
	
	/* discount coupons */
	/*
	#bdp aside#content-sidebar .sidebar-box .bdp-total-amount .discount-coupons .coupon-input-text{
		background:none transparent;
		font-size:14px;
		font-weight:400;
		letter-spacing:1px;
		padding: 0px 0px;
		line-height: 24px;
		border-radius:0 none;
	} */
	
		
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .discount-coupons .label-show {
		position: relative;
		top: 11px;
		line-height: 18px;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .discount-coupons a.apply-coupon{
		float: right;
		position: absolute;
		bottom: 2px;
		right: 2px;
		top: 2px;
		margin: 0;
		height: 36px;
		line-height: 22px;
		min-width: 60px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		border-radius: 0px;
	}
	
	
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .discount-coupons,
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .display-coupon-code{
		float:left;
		display:block;
		width:100%;
		margin: 10px 0px 0px;		
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .discount-coupons .coupon-input{
		clear: both;
		float: left;
		width:100%;
		position: relative;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .discount-coupons .coupon-input label.error{
		width: 100%;
		margin: 0 auto;
	}
	
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .discount-coupons .coupon-input input.coupon-input-text{
		margin-bottom: 0px;
		padding: 5px 75px 5px 15px;
	}
	
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .discount-coupons .coupon-input form{
		position: relative;
		clear: both;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .display-coupon-code .coupon-value{
		
		font-family:inherit;
		border: 1px solid #c5c5c5;
		display: inline-block;
		font-size: 13px;
		background:none transparent;
		padding: 2px 5px;
		line-height: 18px;
		-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
		-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
		-ms-box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
		box-shadow: 1px 2px 3px rgba(0,0,0,0.25);
		
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .display-coupon-code .coupon-value-main{
		float: left;
		display: block;
		position: relative;
	}
	
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .display-coupon-code .coupon-value-main i.icon-close{
		font-size: 18px;
		position: absolute;
		top: -9px;
		right: -9px;
		cursor: pointer;
		background: #fff;
		-webkit-box-shadow: 1px -1px 3px rgba(0,0,0,0.25);
		-moz-box-shadow: 1px -1px 3px rgba(0,0,0,0.25);
		-ms-box-shadow: 1px -1px 3px rgba(0,0,0,0.25);
		box-shadow: 1px -1px 3px rgba(0,0,0,0.25);
	}
	/* partial ammount */
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .partial-amount-wrapper{
		float:left;
		display:block;
		width:100%;
		margin: 13px 0px 0px;
		border:1px solid #c5c5c5;
		padding: 8px;
	}
	#bdp aside#content-sidebar .sidebar-box .bdp-discount-partial .partial-amount-wrapper .partial-amount-message{
		float: left;
		width: 100%;
		height: auto ;
		text-align:left;
		line-height:17px;
	}
	
	
	/* stripe payment inputs */
	#bdp .bdp-stripe-wrapper{
		display:none;
		float:left;
		width:100%;
		margin:20px 0px;
	}
	#bdp .bdp-stripe-wrapper .stripe-header{
		font-size:18px;
		padding: 5px;
		float: left;
		width: 100%;
		margin-bottom: 10px;
		border-bottom: 1px solid #c5c5c5;
	}
	
	#bdp .bdp-stripe-wrapper .stripe-header .card-header{
		float: left;
		line-height: 25px;
	}
	#bdp .bd-stripe-card {
		width:100%;
		float:left;
	}
	#bdp .bdp-stripe-card .card-input-container{
		float: left;
		margin-top: 13px;
		position:relative;
	}
	#bdp .bdp-card-sample-img .float-right{
		float:right;
	}

	#bdp .bdp-stripe-card i.icon-credit-card{
		position:absolute;
		left: 13px;
		top: 31px;
		width:15px;
		font-size: 18px;
		z-index: 999;
	}
	#bdp .bdp-stripe-card i.icon-user{
		position:absolute;
		left: 13px;
		top: 31px;
		width:15px;
		font-size: 18px;
		z-index: 999;
	}
	
	
	#bdp .bdp-stripe-card input.input-card{
		padding: 5px 40px 5px 40px;
		font-size: 14px;
	}
	#bdp .bdp-stripe-card input.name-on-card{
		padding: 5px 10px 5px 40px;
		font-size: 14px;
	}
	
	
	#bdp .bdp-stripe-card .expiry-month em.card-mon-year-separator{
		position: absolute;
		top: 9px;
		font-size: 30px;
		margin: 0 1px;
	}
	#bdp .bdp-stripe-card i.icon-calendar{
		position:absolute;
		left: 13px;
		top: 10px;
		width:15px;
		font-size: 18px;
		z-index: 999;
	}
	#bdp .bdp-stripe-card input.expiry-month{
		padding: 10px 10px 10px 40px;
		font-size: 14px;
		text-align: left;
		
	}
	#bdp .bdp-stripe-card input.expiry-year{
		font-size: 14px;
		text-align: left;
	}
	
	#bdp .bdp-stripe-card i.icon-lock{
		position:absolute;
		left: 13px;
		top: 31px;
		width:15px;
		font-size: 18px;
		z-index: 999;
	}
	#bdp .bdp-stripe-card .cvc-code{
		padding:0px;
	}
	#bdp .bdp-stripe-card input.cvc-code{
		padding: 5px 10px 5px 40px;
		font-size: 14px;
		text-align: left;
	}
	#bdp .bdp-stripe-card .card-cvc-clue {
		display:none;
		box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
		z-index: 9;
		background: rgb(255, 255, 255) none repeat scroll 0% 0%;
		padding: 10px;
		word-wrap: break-word;
		font-size:12px;
		line-height: 13px;
		position: absolute;
		z-index: 9999;
		margin-top: 7px;
		border: thin solid #c5c5c5;
	}
	#bdp .bdp-stripe-card .card-cvc-clue:before{
		top: -6px;
		right: 21px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		border-color: rgba(0, 0, 0, 0);
		border-bottom-color: #fff;
		border-width: 4px;
		margin-top: -2px;
		z-index: 99;
	}
	#bdp .bdp-stripe-card .card-cvc-clue:after{
		top: -9px;
		right: 20px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		border-color: rgba(0, 0, 0, 0);
		border-bottom-color: #c5c5c5;
		border-width: 5px;
		margin-top: -2px;
		z-index: 9;
	}
	
	
	#bdp .bdp-stripe-card .card-cvc-clue img.cvc-image-hint{
		position: absolute;
		right: 2px;
		top: -45px;
	} 
	#bdp .bdp-stripe-card  input.cvc-code:focus + .card-cvc-clue { display: block; }
	
	/* for show credit card type visa or mastercard */
	#bdp .bdp-stripe-card .card-type{
		position: absolute;
		display: block;
		right: 20px;
		top: 31px;
		width: 28px;
		height: 19px;
		z-index: 9999;
		background-size: 100% auto;
	}
	/* enter card no. based image */
	#bdp .bdp-stripe-card .cc-number.visa + .card-type{
		background-image:url('../images/cards/visa.png') !important;
	}
	#bdp .bdp-stripe-card .cc-number.amex + .card-type{
		background-image:url('../images/cards/amex.png') !important;
	}
	#bdp .bdp-stripe-card .cc-number.jcb + .card-type{
		background-image:url('../images/cards/jcb.png') !important;
	}
	#bdp .bdp-stripe-card .cc-number.mastercard + .card-type{
		background-image:url('../images/cards/mastercard.png') !important;
	}
	#bdp .bdp-stripe-card .cc-number.discover + .card-type{
		background-image:url('../images/cards/discover.png') !important;
	}
	
	#bdp .bdp-stripe-card .secure-img{
		float: left;
		display: inline-block;
		position: relative;
		top: 40px;
	}
	/* bd-buttons-wrapper */
	#bdp .bdp-buttons-wrapper{
		float:left;
		width:100%;
		display:block;
		margin: 10px 0px;
		text-align: center;
	}
		/* thankyou step */
	#bdp #complete-checkout .bdp-booking-completed-message{
		width: 80%;
		text-align: center;
		padding: 40px 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 1px 8px #aeaeae;
		color: #373854;
		position : relative;
		top: 63% !important;
		left: 13% !important;
		margin: 20px 0;
	}
	
	#bdp #location_icon .content-inner.selected span:after{
		    border: 3px solid #fff;
    border-top: none !important;
    border-left: none !important;
    width: 9px !important;
    height: 15px;
    position: absolute;
    top: 5px;
    right: 11px;
    content: " ";
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7) rotate(45deg);
    -ms-transform: scale(0.7) rotate(45deg);
    transform: scale(0.7) rotate(45deg);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
	}