/*
Plugin Name: AppSpinner
Plugin URI: http://appspinner.lyounsi-web.com/
Description: AppSpinner 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.3
Author: BI Team
Author URI: http://lyounsi-web.com/
*/

.as_main_view_wrapper html, .as_main_view_wrapper body, .as_main_view_wrapper div, .as_main_view_wrapper span, .as_main_view_wrapper  h1,.as_main_view_wrapper  h2,.as_main_view_wrapper  h3,.as_main_view_wrapper  h4,.as_main_view_wrapper  h5,.as_main_view_wrapper  h6,.as_main_view_wrapper  p,.as_main_view_wrapper  form,.as_main_view_wrapper  label,.as_main_view_wrapper  legend,.as_main_view_wrapper  table,.as_main_view_wrapper  thead,.as_main_view_wrapper  tr,.as_main_view_wrapper  th,.as_main_view_wrapper  td,.as_main_view_wrapper  input,.as_main_view_wrapper  textarea,.as_main_view_wrapper  em,.as_main_view_wrapper  ul,.as_main_view_wrapper  li, .as_main_view_wrapper  select { letter-spacing:0px;text-transform:unset;line-height:auto;font-weight:normal;font-size: 100%;    margin: 0px;    padding: 0px;  border:0px; outline:0px; vertical-align: baseline;	word-wrap: initial; -webkit-appearance: none !important; -moz-appearance: none !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important;}
.as_main_view_wrapper em{font-style: normal !important;}
.as_grid1, .as_grid2, .as_grid3, .as_grid35, .as_grid4, .as_grid5, .as_grid55, .as_grid6, .as_grid7, .as_grid75, .as_grid8, .as_grid9, .as_grid10, .as_grid11, .as_grid115, .as_grid12 { float: left; }
.pull { float: right; }
.as_grid1.last, .as_grid2.last, .as_grid3.last, .as_grid35.last, .as_grid4.last, .as_grid5.last, .as_grid55.last, .as_grid6.last, .as_grid7.last, .as_grid75.last, .as_grid8.last, .as_grid9.last, .as_grid10.last, .as_grid11.last, .as_grid115.last, .as_grid12 { margin: 0; outline: none; }
.as_grid1.pull, .as_grid2.pull, .as_grid3.pull, .as_grid35.pull .as_grid4.pull, .as_grid5.pull, .as_grid55.pull, .as_grid6.pull, .as_grid7.pull, .as_grid75.pull, .as_grid8.pull, .as_grid9.pull, .as_grid10.pull, .as_grid11.pull, .as_grid115.pull, .as_grid12.pull { float: right; outline: none; }
.as_grid1,
.as_grid2,
.as_grid3,
.as_grid35,
.as_grid4,
.as_grid5,
.as_grid55,
.as_grid6,
.as_grid7,
.as_grid75,
.as_grid8,
.as_grid9,
.as_grid10,
.as_grid11,
.as_grid115,
.as_grid12 {
    float: left;
}

.pull {
    float: right;
}

.as_grid1.last,
.as_grid2.last,
.as_grid3.last,
.as_grid35.last,
.as_grid4.last,
.as_grid5.last,
.as_grid55.last,
.as_grid6.last,
.as_grid7.last,
.as_grid75.last,
.as_grid8.last,
.as_grid9.last,
.as_grid10.last,
.as_grid11.last,
.as_grid115.last,
.as_grid12 {
    margin: 0;
    outline: none;
}

.as_grid1.pull,
.as_grid2.pull,
.as_grid3.pull,
.as_grid35.pull,
.as_grid4.pull,
.as_grid5.pull,
.as_grid55.pull,
.as_grid6.pull,
.as_grid7.pull,
.as_grid75.pull,
.as_grid8.pull,
.as_grid9.pull,
.as_grid10.pull,
.as_grid11.pull,
.as_grid115.pull,
.as_grid12.pull {
    float: right;
    outline: none;
}

.as_grid1 {
    width: 8.33%;
}

.as_grid2 {
    width: 16.66%;
}

.as_grid3 {
    width: 25%;
}

.as_grid35 {
    width: 31%;
}

.as_grid4 {
    width: 33.33%;
}

.as_grid5 {
    width: 41.66% !important;
}

.as_grid55 {
    width: 46%;
}

.as_grid6 {
    width: 48.5% !important;
}

.as_grid7 {
    width: 58.33%;
}

.as_grid75 {
    width: 64.33%;
}

.as_grid8 {
    width: 66.66%;
}

.as_grid9 {
    width: 75%;
}

.as_grid10 {
    width: 83.33%;
}

.as_grid11 {
    width: 90.66%;
}

.as_grid115 {
    width: 95%;
}

.as_grid12 {
    width: 100%;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .as_grid1,
    .as_grid2,
    .as_grid3,
    .as_grid35,
    .as_grid4,
    .as_grid5,
    .as_grid55,
    .as_grid6,
    .as_grid7,
    .as_grid75,
    .as_grid8,
    .as_grid9,
    .as_grid10,
    .as_grid11,
    .as_grid115,
    .as_grid12 {
        width: 100% !important;
        margin: 0;
    }
}
.as_main_view_wrapper .row { clear: both; content: ""; display: block; margin-top: 20px; overflow: hidden; padding-bottom: 10px; }
.as_main_view_wrapper img.scale, .as_main_view_wrapper img.responsive { max-width: 100%; height: auto; }

/* appspinner main common button transition and radio and checkbox common css */
	/*----*****---- << AppSpinner Transition >> ----*****----*/
a,ul li a, .read-more span, input[type="submit"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="search"], textarea, input.text, img, .read-more, .button, input[type="reset"],li a:before  { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s;z-index:3; position:relative;}
/*----*****---- << Button >> ----*****----*/
	.as_main_view_wrapper .as_button{font-size:13px; margin-top:10px; font-weight:400; padding:0px 10px; border-radius:2px; line-height:32px;  display:inline-block; background: #436F8F;color: #FFF;	-webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s;position: relative;height: 34px;min-width: 50px;-moz-appearance: none;text-align:center;}	
	.as_main_view_wrapper .as_button:hover{background:#47B392;}
	.as-button { color:#ffffff; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; margin-top:10px; z-index:3; position:relative; -moz-appearance: none;} 
	.as-button:hover span { color:#ffffff; cursor: pointer; }
	.as-button:hover{ color:#ffffff; }
	.as-button span { text-align:center; border-radius:0px 2px 2px 0px; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; /*transition: width 0.1s ease 0s; */ position:absolute; right:0; top:0; -moz-appearance: none;}
	.as-button.large { font-size:18px; font-weight:400; padding:0px 95px 0px 40px; border-radius:2px; line-height:60px; display:inline-block; }
	.as-button.large.signup { font-size:18px; font-weight:400; padding:10px 30px; line-height:30px; border-radius:10px;  }
	.as-button.large span { width:60px; font-size:22px; height:60px; text-align:center; line-height:60px; }
	.as-button.medium { font-size:13px; font-weight:400; padding:0px 71px 0px 17px; border-radius:2px; line-height:50px; display:inline-block; }
	.as-button.medium span { width:50px; font-size:13px; height:50px; text-align:center; line-height:50px; }
	.as-button.small {  font-size:13px; font-weight:400; padding:0px 45px 0px 12px; border-radius:2px; line-height:34px;  display:inline-block; height: 34px; }
	.as-button.smallleft {  font-size:13px; font-weight:400; padding:0px 12px 0px 45px; border-radius:2px; line-height:34px;  display:inline-block;height: 34px;  }
	.as-button.small span { width:34px;  font-size:13px; height:34px;  text-align:center; line-height:34px; border-radius: 0px 2px 2px 0px; }
	.as-button.smallleft span { width:34px;  font-size:13px; height:34px;  text-align:center; line-height:34px; left: 0px;     border-radius: 2px 0px 0px 2px;}
	.as-button.small span img{position: absolute;left: 40%;top: 3%;}
	.as-button.smallleft span img{position: absolute;left: 40%;top: 3%;}
				.as_main_view_wrapper .clear {float: none;    clear: both;    margin: 0px;    padding: 0px;}
	
	.as_main_view_wrapper .row-first { margin-right: 22px;}
	/* as select box select dropdown  css*/
	.as_selection_box{clear: both;position: relative;}
	.as_selection_box::before, .as_selection_box::after {content: "";pointer-events: none;position: absolute;}
	.as_selection_box select option {background-color: #f8f8f8;padding: 8px 0px 9px 10px;}
	.as_selection_box select optgroup{background-color:#436F8F;font-size:15px;margin:3px 0px;}
	
	.as_selection_box::before {border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #FFF;bottom: 0px;height: 0px;margin: auto;right: 10px;top: 2px;z-index: 1;}
	.as_selection_box::after {border-radius: 0px 4px 4px 0px;height: 34px;right: 0px;top: 0px;width: 34px;}
	 /* end selection css*/	
 /*radio and check box css for new and existing user */
 
 .as_main_view_wrapper .as_user_radio_group input[type="radio"] {display: none;}

	.as_main_view_wrapper .as_user_new_exitsting label span {background-color: #FBFBFB;border: 1px solid #47B392;width: 18px;height: 18px;border-radius: 100%;position: relative;display: inline-block;margin-right: 10px;top: 3px;}
	.as_main_view_wrapper .as_user_new_exitsting label span::before {background-color: #FBFBFB;border-radius: 100%;cursor: pointer;display: inline-block;height: 8px;width: 8px;z-index: 1;position: absolute;top: 4px;left: 4px;content: "";transition: all 0.5s ease 0s;}

/*radio and check box css for gender of user */
 
	.as_main_view_wrapper .as_gender_radio_group input[type="radio"] { display: none;}
	.as_main_view_wrapper .as_gender_radio_group li{list-style-type:none;}
	.as_main_view_wrapper .as_gender_radio label span {background-color: #FBFBFB;border: 1px solid #47B392;width: 18px;height: 18px;border-radius: 100%;position: relative;display: inline-block;margin-right: 10px;top: 3px;}
	.as_main_view_wrapper .as_gender_radio label span::before {background-color: #FBFBFB;border-radius: 100%;cursor: pointer;display: inline-block;height: 8px;width: 8px;z-index: 1;position: absolute;top: 4px;left: 4px;content: "";transition: all 0.5s ease 0s;}
	
	/* payment method checkbox */
	.payment_radio_group input[type="radio"]{display: none;	}
	.as_main_view_wrapper .as_payment_checkbox li{list-style-type:none;display: inline-block;float: left;width: 100%;line-height: 30px;}
	.as_main_view_wrapper .as_payment_checkbox label span {background-color: #FBFBFB;border: 1px solid #47B392;width: 16px;height: 16px;transition: all 0.5s ease 0s;position: relative;display: inline-block;margin-right: 10px;top: 3px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.as_main_view_wrapper .as_payment_checkbox label span::before {background-color: #FBFBFB;cursor: pointer;display: inline-block;height: 6px;width: 6px;z-index: 1;position: absolute;top: 4px;left: 4px;content: "";transition: all 0.5s ease 0s;}
	
	/*----*****---- << AppSpinner Color >> ----*****----*/
	a, .as-button.type3:hover { text-decoration:none;}
	.as_main_view_wrapper .as_cart_totals .as_app_total .as_app_amount{color:#47B392;font-size: 18px;}
	/*----*****---- << Background Color >> ----*****----*/
	.as_main_view_wrapper .date, .as_main_view_wrapper a, .as_main_view_wrapper input[type="submit"], .as_main_view_wrapper .as-button, .as_main_view_wrapper  input[type="button"],.as_selection_box::after, .as_main_view_wrapper a.as-button, .as-price, .as_main_view_wrapper .icon, .as_main_view_wrapper table.cart a.remove:hover, .as_main_view_wrapper input[type="checkbox"]:checked + label span, .as_main_view_wrapper label span + input[type="checkbox"]:checked, .as_main_view_wrapper input[type="radio"]:checked + label span:before, .as_main_view_wrapper a.selected, .as_main_view_wrapper th, .as_main_view_wrapper .as_payment_area .as_product_remove .remove:hover{ background-color:#47B392;border:0px none !important;outline:0px ;-moz-appearance: none; }
	.as_payment_area .as_product_remove .remove:hover{color:#fff !important;}
	.as-button  span{ background-color:#436F8F !important; }