/*
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/
*/
/* AppSpinner- wordpress appointment booking plugin*/
/* AppSpinner main css */

.as_main_view_wrapper h1 {
    font-size: 36px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.as_main_view_wrapper h2 {
    font-size: 30px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.as_main_view_wrapper h3 {
    font-size: 26px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.as_main_view_wrapper h4 {
    font-size: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.as_main_view_wrapper h5 {
    font-size: 18px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.as_main_view_wrapper h6 {
    font-size: 16px !important;
    margin-bottom: 20px !important;
}

.as_main_view_wrapper strong {
    font-weight: bold;
}

/* p { line-height:22px;margin:0px;float: left; }	 */

.as_main_view_wrapper hr {
    background-color: #dbdbdb;
    border: none;
    height: 1px;
    margin: 6px 0;
    width: 100%;
}

.as_main_view_wrapper .clear {
    float: none;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.as_main_view_wrapper .float-right {
    float: right;
}

.as_main_view_wrapper .float-left {
    float: left;
}

.as_main_view_wrapper .middle-align {
    text-align: center;
}

.as_main_view_wrapper .hidden {
    display: none;
}
/*----*****---- << Appointkart Form common css >> ----*****----*/
.manual_booking_message{
	float: left;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
	padding: 30px 20px;
	font-size: 16px;
}

.as_main_view_wrapper label {
    font-size: 13px;
    float: left !important;
    width: 100%;
    display: block;
    padding-bottom: 0px !important;
    color: #555;
    font-weight: 400 !important;
    position: relative;
	line-height: 20px;
}

.as_main_view_wrapper label span {
    color: #b4b4b4;
}
.as_main_view_wrapper #twocheckout_fields label span,
 .as_main_view_wrapper #authorizenet_fields label span,
 .as_main_view_wrapper #stripe_fields label span{
	 color: inherit;
 }

.as_main_view_wrapper fieldset {
    border: 1px solid #eaeaea;
    padding: 15px;
    margin: 0 0 20px 0;
}

.as_main_view_wrapper legend {
    font-weight: bold;
}

.as_main_view_wrapper select {
    cursor: pointer;
    margin: 0px;
    width: 100%;
    -webkit-appearance: listbox;
    -webkit-appearance: menulist-text;
    -webkit-appearance: none;
    /* outline-style: solid; */
    outline-width: 1px;
    padding: 5px 10px !important;
    border-radius: 4px;
    color: #92A7BB;
    cursor: pointer;
    height: 34px;
    margin: 0px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 100% !important;
    line-height: 30px;
}

.as_main_view_wrapper .as_selection_box select optgroup {
    background: #FFF !important;
}
.as_main_view_wrapper .nm{
	margin: 0px !important;
}
.as_main_view_wrapper .form_row {
    margin: 0px 0px 20px;
    clear: both;
	float: left;
	width: 100%;
}


.as_main_view_wrapper input[type="text"],
.as_main_view_wrapper input[type="password"],
.as_main_view_wrapper input[type="email"],
.as_main_view_wrapper input[type="url"],
.as_main_view_wrapper input[type="tel"],
.as_main_view_wrapper input[type="number"],
.as_main_view_wrapper input[type="range"],
.as_main_view_wrapper input[type="date"],
.as_main_view_wrapper input[type="search"],
.as_main_view_wrapper textarea,
.as_main_view_wrapper input.text,
.as_main_view_wrapper select,
.as_main_view_wrapper textarea {
    background-color: rgba(239, 239, 239, 0.7) !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
    color: #767A7E;
    display: inline-block !important;
    line-height: 22px !important;
    font-size: 14px;
    width: 100%;
    padding: 5px 10px !important;
    -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;
    margin: 0px !important;
	height: 34px;
}

.as_main_view_wrapper input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover,
	input[type="date"]:hover {
    color: #000;
}

.as_main_view_wrapper textarea {
    height: 60px;
    overflow: auto;
    resize: none;
    padding: 5px 13px !important;
    width: 100%;
    background-color: rgba(239, 239, 239, 0.1);
    border-radius: 4px;
    color: #767A7E;
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
}

.as_main_view_wrapper input[type="submit"]:hover,
.as_main_view_wrapper input[type="reset"]:hover {
    background-color: #546d87;
}

.as_main_view_wrapper input[type="submit"],
.as_main_view_wrapper input[type="reset"],
.as_main_view_wrapper input[type="button"],
.as_main_view_wrapper button,
.add_to_cart_button,
.product_type_variable,
.product-details .button,
.add_to_wishlist {
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 15px;
    padding: 16px 16px 15px 16px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.as_main_view_wrapper #sel_services-error {
    width: 100% !important;
}

.as_main_view_wrapper input[readonly] {
    cursor: pointer !important;
}

.as_main_view_wrapper .error,
.as_main_view_wrapper input.error[type="text"],
.as_main_view_wrapper input.error[type="email"],
.as_main_view_wrapper input.error[type="password"],
.as_main_view_wrapper textarea.error,
.as_main_view_wrapper input.error[type="tel"] {
    border-color: #F92C2C;
    color: #F92C2C;
}

.as_main_view_wrapper label.error {
    color: red !important;
    position: absolute !important;
    margin-top: -2px;
    width: 100%;
    line-height: 19px;
    font-size: 12px;
}

.as_main_view_wrapper label#login-error {
    width: 350px !important;
}

.as_main_view_wrapper label#coupon_invalid {
    width: 90% !important;
}

.as_main_view_wrapper .error[type="email"] {
    border: 1px solid #F92C2C;
}

.as_main_view_wrapper .error-msg,
.as_main_view_wrapper .success-msg {
    display: inline-block;
    padding: 5px 35px;
    position: relative;
    display: none;
}

.as_main_view_wrapper .error-msg {
    border-color: #ff9999;
    color: #d01313;
}

.as_main_view_wrapper .success-msg {
    border-color: #77be32;
    color: #77be32;
}

.as_main_view_wrapper .clearfix {
    display: block;
    content: "";
    clear: both;
}


/* common main css end */


/* new css */

.as_main_view_wrapper ul li {
    background-image: unset !important;
}

.as_main_view_wrapper ul li:before,
.as_main_view_wrapper ul.as_legends_ul li:before,
.as_main_view_wrapper ul.as_payment_checkbox li:before,
.as_main_view_wrapper ul.country-list li:before,
.as_main_view_wrapper ul.as_user_new_exitsting li:before,
.as_main_view_wrapper ul.as_gender_radio li:before {
    content: none !important;
    background-image: unset !important;
}

.as_main_view_wrapper ul li:after,
.as_main_view_wrapper ul.as_legends_ul li:after,
.as_main_view_wrapper ul.as_payment_checkbox li:after,
.as_main_view_wrapper ul.country-list li:after,
.as_main_view_wrapper ul.as_user_new_exitsting li:after,
.as_main_view_wrapper ul.as_gender_radio li:after {
    content: none !important;
    background-image: unset !important;
}

.as_main_view_wrapper ul.as_payment_checkbox {
position:relative;
}

.as_main_view_wrapper img {
    margin: 10px 0px !important;
    padding: 0px !important;
    border: 0px none !important;
}

.as_main_view_wrapper .as_right_cart img {
    margin: 0px !important;
    padding: 0px !important;
    border: 0px none !important;
}


/* to hide or disable text input and button border on active and selected in chrome */

*:focus {
    outline: 0;
}

*:focus {
    outline: 0;
}

textarea:focus,
input:focus {
    outline: 0;
}

input:focus::-moz-focus-inner {
    border: 0;
}

input[type="button"] {
    outline: none;
}

input[type="button"]::-moz-focus-inner {
    border: 0;
}

.as_main_view_wrapper .ak-button:active,
.as_main_view_wrapper .ak-button:focus,
.as_main_view_wrapper a:active,
.as_main_view_wrapper a:focus,
.as_main_view_wrapper input[type="button"]:active,
.as_main_view_wrapper input[type="button"]:focus,
.as_main_view_wrapper input[type="text"]:active,
.as_main_view_wrapper input[type="text"]:focus,
.as_main_view_wrapper select:active,
.as_main_view_wrapper select:focus,
.as_main_view_wrapper textarea:active,
.as_main_view_wrapper textarea:focus,
.as_main_view_wrapper .ak-button.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.as_main_view_wrapper a:active,
.as_main_view_wrapper a:focus,
.as_main_view_wrapper .ak-button,
.as_main_view_wrapper a {
    -webkit-backface-visibility: hidden;
}


/*********************************/


/********   as_inner_container style start here ***********/

#as_loader_image img.as_loader_ajax_image {
    z-index: 999999;
    position: absolute;
    left: 48%;
    top: 48% !important;
    clear: both;
    display: none;
}

#as_main_wrapper {
    width: 95%;
    margin: 0px auto !important;
    padding: 0px;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box !important;
}

#as_main_wrapper .as_main_header {
    margin-bottom: -4px;
    line-height: 30px;
}

.as_main_view_wrapper {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #767A7E;
    margin: 20px 0px;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box !important;
    min-height: 480px !important;
    min-width: 600px !important;
    /*  background: transparent linear-gradient(to right, #EDEDED 0%, rgba(237, 237, 237, 0.72) 50%, #F6F6F6 50%, #F6F6F6 100%) repeat scroll 0% 0% !important; */
}



.as_main_view_wrapper .as_box_header {
    width: 100%;
    float: left;
    display: inline-block;
    margin: 0px 0px 10px !important;
}

.as_main_view_wrapper .as_box_text_left {
    float: left;
    font-size: 16px;
    font-weight: 500 !important;
    font-weight: bold;
    padding: 5px 5px;
    color: #fff;
    line-height: 28px;
}

.as_main_view_wrapper .as_right_cart {
    width: 45px;
    font-size: 18px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #FFF;
    cursor: pointer;
}

.as_main_view_wrapper .as_right_cart img {
    float: right;
    position: relative;
    width: 23px;
    height: 23px;
    right: 12px;
    top: 10px
}

.as_main_view_wrapper .as_right_cart .as_badge {
    display: inline-block;
    min-width: 11px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #FFF;
    border-radius: 100%;
    padding: 2px 4px !important;
    position: relative !important;
    left: 20px;
    top: 5px;
    float: right;
    z-index: 9;
    color: #23282D;
    cursor: pointer;
}


/* ak service description and price*/
/* as service description and price*/
	.as_service_desctime{float: left;width:100%;position:relative;display:inline-block;}
	.as_service_desctime p{margin:0px;}
	.as_service_desctime label{width: 46%;padding: 0px;}
	.as_main_view_wrapper .as_label_price{width:auto;text-align:right;float:right !important;right:35px}
	.as_main_view_wrapper .as_label_capacity{width:auto;text-align:right;float:right !important;right:15px}
	.as_main_view_wrapper .as_label_time{width:auto;text-align:right;float:right !important;right:55px;position:relative;margin-bottom: 0px;}

	.as_service_desctime p.as_ser_time{width:auto;padding:0px;position:relative;text-align:right;margin-bottom:0px;font-size:12px;}
	.as_service_desctime p.as_ser_price{width:auto;padding:0px;position:relative;margin: 0px;text-align:right;margin-bottom:0px;font-size:12px;}
	.as_service_desctime p.as_ser_capacity{width:auto;padding:0px;position:relative;margin: 0px;text-align:right;margin-bottom:0px;font-size:12px;}
	.as_service_desctime .as_service_desc{padding:0px;float:left;width:100%;position:relative;margin: 0px;margin-top: 8px;margin-bottom:10px; clear:both;}
	.as_service_desctime .as_service_desc .as_des_p{float:left;display:block; word-wrap: break-word;width: 100%;}
		
	.as_ser_time_price{float:left;width:100%;display:inline-block;padding: 5px 0px;position: absolute;top: -20px;right: 0px;}


/* ak provider images css */

.as_provider_img_wrapper {
    float: left;
    display: inline-block;
    position: relative;
}

.as_provider_img_wrapper .as_img_p {
    width: 80px;
    height: auto;
    position: relative;
    margin: 0px 3px 10px;
    display: inline-block;
}

.as_provider_img_wrapper .as_img_p img {
    width: 100%;
    min-height: 80px;
    float: left;
    border-radius: 4px;
    position: relative;
    display: block;
    cursor: pointer;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    transition: 0.7s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}

.as_provider_img_wrapper .as_img_p img.selectedProvider {
    border: 2px solid #47B392;
}

.as_provider_img_wrapper .as_img_p img:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    z-index: 99999;
}

.as_provider_img_wrapper .as_img_p .as_pro_name {
    font-size: 12px;
    text-align: cener;
    position: relative;
    top: -3px;
}


/* right side of products */


/**** .as_main_view_wrapper .as_info_img{background:transparent url('images/bi_click_tct.png')no-repeat;position:absolute;width:128px;height:31px;} ****/

.as_main_view_wrapper .date_cal {
    background: transparent url("images/calendar-icon.png") no-repeat scroll 99% center !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
}


/* new elements show boxes to show availalebiltiy */

.as_main_view_wrapper .as_slot_legends {
    float: left;
    display: block;
    text-align: center;
    margin-top: 5px;
    width: 100%;
	line-height: 10px;
}

.as_main_view_wrapper .as_slot_legends ul.as_legends_ul {
    list-style-type: none;
    display: inline-block;
    width: auto;
    margin: 0px auto;
    float: none;
    clear: both;
}

.as_main_view_wrapper .as_slot_legends ul.as_legends_ul li {
    float: left;
    display: inline-block;
    margin: 0px 15px 0px 0px !important;
    vertical-align: middle;
    font-size: 11px;
    line-height: 13px;
    padding: 0px !important
}

.as_main_view_wrapper .as_slot_legends .as_slot_legends_box {
    width: 13px;
    height: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
    float: left;
    display: inline-block;
    margin-right: 3px;
}

.as_main_view_wrapper .as_slot_legends .as_slot_legends_box.as_not_available_new {
    background: #808080;
}


/* date select header and next prev css */

.as_main_view_wrapper .as_tslot_date_pic {
    width: 100%;
    border-radius: 4px;
    float: left;
    margin: 0px;
    position: relative;
    display: block;
    text-align: center;
	height: 34px;
}

.as_main_view_wrapper .as_tslot_date_pic .as_cal_prev {
    float: left;
    width: 9%;
	height: 34px;
}

.as_main_view_wrapper .as_tslot_date_pic .as_cal_next{
	-webkit-border-radius: 0px 4px 4px 0px !important;
	-moz-border-radius: 0px 4px 4px 0px !important;
	-o-border-radius: 0px 4px 4px 0px !important;
	-ms-border-radius: 0px 4px 4px 0px !important;
	border-radius: 0px 4px 4px 0px !important;
}
.as_main_view_wrapper .as_tslot_date_pic .as_cal_prev {
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-o-border-radius: 4px 0px 0px 4px;
	-ms-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}
.as_main_view_wrapper .as_tslot_date_pic .as_cal_prev .left-arrow{
	background: transparent url("../assets/images/date_p.png") no-repeat center center / 14px auto !important;
}
.as_main_view_wrapper .as_tslot_date_pic .as_cal_next .right-arrow{
	background: transparent url("../assets/images/date_n.png") no-repeat center center / 14px auto !important;
}
.as_main_view_wrapper .as_tslot_date_pic .as_cal_prev .left-arrow.loader,
.as_main_view_wrapper .as_tslot_date_pic .as_cal_next .right-arrow.loader{
	background: transparent url("../assets/images/ajax-loader_w.gif") no-repeat center center / 25px auto !important; background-size: 30px 30px;
}



.as_main_view_wrapper .as_tslot_date_pic .as_cal_prev span {
    width: 100%;
    font-size: 18px;
    height: 34px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px 0px 0px 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

/*
.as_main_view_wrapper .as_tslot_date_pic span img#left_arrow_img {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
}

.as_main_view_wrapper .as_tslot_date_pic span img#right_arrow_img {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
}
*/
.as_main_view_wrapper .as_tslot_date_pic .as_date_heading {
    display: inline-block;
    position: relative;
    margin: 0px auto !important;
    width: 82%;
    float: left;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}

.as_main_view_wrapper .as_tslot_date_pic .as_cal_next {
    float: right;
    width: 9%;
	height: 34px;
}

.as_main_view_wrapper .as_tslot_date_pic .as_cal_next span {
    border-radius: 0px 4px 4px 0px;
    width: 100%;
    font-size: 18px;
    height: 34px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
}


/*	.as_main_view_wrapper .as_tslot_date_pic:hover{background:#47B392;}	.as_main_view_wrapper .as_tslot_date_pic .as_cal_prev span:hover{background:#436F8F;}	.as_main_view_wrapper .as_tslot_date_pic .as_cal_next span:hover{background:#436F8F;}	*/

.as_main_view_wrapper .as_tslot_wrapper {
    float: left;
    margin-right: auto;
    text-align: center;
}

.as_main_view_wrapper .as_tslot_wrapper p {
    margin: 5px !important;
    line-height: 24px;
    vertical-align: middle;
}

.as_main_view_wrapper .as_time_slot_containter {
    float: left;
    display: block;
    width: 100%;
    margin: 5px 0px;
}

.as_main_view_wrapper .as_time_slot_containter .all_time_slots_div {
    width: 94%;
    display: inline-block;
    text-align: center !important;
}

.as_main_view_wrapper p.as_time_slot {
    font-size: 14px !important;
    color: #FFF;
    float: left;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 2px;
    -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;
    width: 30%;
    text-align: center !important;
    height: 30px;
    margin: 5px 5px auto !important;
    line-height: 24px;
    width: -moz-calc(31.33% - 5px);
    /* Firefox 4+ */
    width: calc(31.33% - 5px);
    /* IE9+ and future browsers */
    width: -webkit-calc(31.33% - 5px);
    /* safari 6 and chrome*/
}

.as_main_view_wrapper p.as_time_slot_booked {
    background: #808080;
    color: #FFF;
    float: left;
    border-radius: 4px;
    margin-right: 20px;
    padding: 3px 2px;
    position: relative;
    width: 30%;
    text-align: center !important;
    height: 30px;
    margin: 5px 5px auto !important;
    cursor: default;
    pointer-events: none;
    line-height: 25px;
    width: -moz-calc(31.33% - 5px);
    /* Firefox 4+ */
    width: calc(31.33% - 5px);
    /* IE9+ and future browsers */
    width: -webkit-calc(31.33% - 5px);
    /* safari 6 and chrome*/
}

.as_main_view_wrapper p.as_time_slot:hover {
    text-decoration: underline;
}


/*** .as_main_view_wrapper .as_info_img{background:transparent url('images/as_click_tct.png')no-repeat;position:absolute;width:128px;height:31px;} ***/

.as_main_view_wrapper .as_alert_msg p {
    color: #ff0000;
    font-size: 13px;
}

.as_main_view_wrapper .as_addon_availble {
    float: left;
    display: block;
}

.as_main_view_wrapper .as_addon_availble p {
    color: #029B0E;
    font-size: 13px;
}


/* second page cart css table view cart */

#as_main_wrapper .as_second_page .as_right_cart {
    display: none;
}

.as_main_view_wrapper .as_shop_wrapper {
    margin: 0px -1px 24px 0px;
    text-align: left;
    width: 100%;
    display: block;
    float: left;
}


/* cart header */

.as_main_view_wrapper .as_label_cart {
    display: none;
}

.as_main_view_wrapper .as_shop_wrapper .as_shop_header {
    float: left;
    padding: 5px 10px;
    margin: 5px 0px;
    width: 100%;
    color: #fff;
    display: inline-block;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.as_main_view_wrapper .as_shop_wrapper .app_service {
    width: 30%;
    float: left;
    padding: 2px 6px;
}

.as_main_view_wrapper .as_shop_wrapper .app_date {
    width: 15%;
    float: left;
    padding: 2px 6px;
}

.as_main_view_wrapper .as_shop_wrapper .app_time {
    width: 16%;
    float: left;
    padding: 2px 6px;
}

.as_main_view_wrapper .as_shop_wrapper .app_provider {
    width: 19%;
    float: left;
    padding: 2px 6px;
}

.as_main_view_wrapper .as_shop_wrapper .app_price {
    width: 9%;
    float: left;
    padding: 2px 6px;
}

.as_main_view_wrapper .as_shop_wrapper .as_product_remove {
    width: 4%;
    position: relative;
    right: 20px;
}


/* header content */

.as_main_view_wrapper .as_shop_wrapper .as_shop_content {
    float: left;
    padding: 7px;
    width: 100%;
    color: #555;
    background: #fff;
    display: inline-block;
    text-align: left;
    margin: 4px 0px;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.as_main_view_wrapper .as_product_remove .remove {
    border-radius: 100%;
    color: #f5f5f5;
    display: inline-block;
    vertical-align: middle;
    font-size: 23px;
    font-weight: normal;
    height: 30px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

.as_main_view_wrapper .as_cart_totals {
    clear: both;
    text-align: left;
    float: right;
    width: 40%;
    padding: 12px;
    background-color: #FBFBFB;
    font-size: 14px;
    position: relative;
    right: 0px;
}

.as_main_view_wrapper .as_cart_totals .as_cart_header {
    width: 50%;
    float: left;
    font-size: 14px;
}

.as_main_view_wrapper .as_cart_totals .as_total_price {
    width: 50%;
    float: left;
}

.as_main_view_wrapper .as_cart_totals .as_app_amount {
    font-size: 17px;
    font-weight: bold;
}

.as_main_view_wrapper .as_checkout_btn {
    clear: both;
}


/****************************/


/*** third page user information page css */

#as_main_wrapper .as_third_page .as_right_cart {
    display: none;
}

.as_main_view_wrapper .as_user_radio_group {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 0px;
}
.as_main_view_wrapper ul.as_user_new_exitsting li label{cursor: pointer;}
.as_main_view_wrapper ul.as_user_new_exitsting {
    display: inline-block;
    float: left;
    margin: 10px 0px;
    width: 100%;
    padding-left: 20px;
}

.as_main_view_wrapper .as_exiting_user {
    display: block;
    float: left;
    width: 48%;
}

.as_main_view_wrapper .as_new_user {
    display: block;
    float: left;
    width: 48%;
}

.as_main_view_wrapper #as_new_user_view {
    display: none;
}


/* gender radio */

.as_main_view_wrapper .as_gender_radio_group {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
}
.as_main_view_wrapper ul.as_gender_radio li label{cursor: pointer;line-height: 34px;}
.as_main_view_wrapper ul.as_gender_radio {
    display: inline-block;
    float: left;
    margin: 0px;
    width: 100%;
    padding: 0px 0 0 10px !important;
}

.as_main_view_wrapper .as_gender_male {
    display: block;
    float: left;
    width: 48%;
}

.as_main_view_wrapper .as_gender_female {
    display: block;
    float: left;
    width: 48%;
}

.as_main_view_wrapper .as_cart_checkout {
    clear: both;
    text-align: left;
    position: relative;
    display: inline-block;
    padding: 10px 0px;
    width: 100%;
}
.as_main_view_wrapper .as_cart_checkout .form_row{margin: 0px;}


.as_main_view_wrapper .as_cart_items_list,
.as_main_view_wrapper .as_cart_sub_total ,
.as_main_view_wrapper .as_tax_amount_label,
.as_main_view_wrapper .as_coupon_discount_label{
    width: 65%;
    float: left;
    font-size: 13px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 5px;
}

.as_main_view_wrapper .as_cart_item_price,
.as_main_view_wrapper .as_cart_amount,
.as_main_view_wrapper .as_tax_amount,
.as_main_view_wrapper .as_coupon_amount {
    width: 35%;
    float: right;
	padding-left: 8px;
    font-size: 13px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
}
.as_main_view_wrapper .as_coupon_amount{
	padding-left: 0px !important;
}
.as_main_view_wrapper .as_total_amount_label {
    width: 60%;
    float: left;
    font-size: 15px;
    text-align: left;
    clear: both;
}

.as_main_view_wrapper .as_total_amount {
    width: 36%;
    float: right;
    font-size: 15px;
    text-align: left;
	padding-left: 8px;
}

.as_main_view_wrapper .as_discount_coupons {
    display: block;
    float: left;
    width: 100%;
}

.as_main_view_wrapper .as_discount_coupons .as_coupon_inputbtn {
    clear: both;
    float: left;
}

.as_main_view_wrapper .as_discount_coupons a.as_apply_coupon {
    float: right;
    margin-top: 0px;
}

.as_main_view_wrapper .as_coupon_input {
    width: 50% !important;
}

.as_main_view_wrapper .as_coupon_display {
    display: block;
    float: left;
    width: 100%;
	margin: 8px 0;
}

.as_main_view_wrapper label.coupon_code {
    width: 50%;
    height: auto;
    height: 30px;
}

.as_main_view_wrapper span.coupn_value {
    position: relative;
    float: left;
    background: #fff;
    border: 1px solid #555;
    padding: 1px 7px;
    border-radius: 3px;
    min-width: 60px;
}

.as_main_view_wrapper span.coupn_value img {
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
}


/* partial deposite */

.as_main_view_wrapper .as_partial_amt {
    border: 1px solid #555;
    height: auto;
    float: left;
    width: 100%;
    margin: 20px 0px;
}

.as_main_view_wrapper .as_partial_amt .partial_amt_message {
    float: left !important;
    width: 100% !important;
    height: auto !important;
    padding: 5px 5px 10px !important;
}

.as_main_view_wrapper .as_partial_amt .as_partial_amt_label {
    width: 60%;
    float: left;
    font-size: 14px;
    text-align: left;
    clear: both;
    margin: 5px;
}

.as_main_view_wrapper .as_partial_amt .as_partial_amt_val {
    width: 35%;
    float: right;
    font-size: 14px;
    text-align: left;
    margin: 5px 0px;
}

.as_main_view_wrapper .as_payment_method {
    margin-top: 5px;
	
}

.as_main_view_wrapper .as_payment_method .as_paypal_image {
    position: relative;
    vertical-align: middle;
    left: 8px;
}

.as_main_view_wrapper .as_payment_method .payment_radio_group ul li:before {
    display: none !important;
}

.as_main_view_wrapper .as_payment_method .payment_radio_group ul li:last-child {
    margin-bottom: 25px;
}

.as_main_view_wrapper .as_confirm_booking_btn {
    clear: both;
    padding-top: 10px;
}

.as_main_view_wrapper .as_login_btn {
    clear: both;
    position: relative;
    top: -7px;
    left: 6px;
}


/*********************/


/** fourth page new form ***/

.as_main_view_wrapper .as_row_main {
    width: 100%;
    height: 100px;
    float: left;
    display: block;
    clear: both;
}

.as_main_view_wrapper .as_form_row {
    float: left !important;
    margin: 0px 6px 14px;
    position: relative;
}

.as_main_view_wrapper .as_form_margin {
    padding-top: 0px !important;
}

.as_main_view_wrapper .as_single_col {
    width: 100%;
    margin: 0px 0px 20px !important;
    padding: 0px 5px !important;
}

.as_main_view_wrapper ul.as_gender_margin {
    margin: 2px 20px;
}


/* stripe payment custom css */

.as_main_view_wrapper #authorizenet_fields,
.as_main_view_wrapper #stripe_fields {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin: 10px 0px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.as_main_view_wrapper #stripe_fields .as_form_row ,
.as_main_view_wrapper #authorizenet_fields .as_form_row {
    margin: 0px 0px 12px !important;
}

.as_main_view_wrapper #stripe_fields .as_card_number,
.as_main_view_wrapper #authorizenet_fields .as_card_number {
    padding: 5px 3px 5px 30px !important;
}
/*
.as_main_view_wrapper #stripe_fields .as_stripe_cvc,
.as_main_view_wrapper #authorizenet_fields .as_stripe_cvc {
    width: 30%;
}*/

.as_main_view_wrapper #stripe_fields .as_stripe_cvc .as_cvc_code,
.as_main_view_wrapper #authorizenet_fields .as_stripe_cvc .as_cvc_code {
    padding: 5px 3px 5px 25px !important;
}

.as_main_view_wrapper #stripe_fields .as_exp_month.as_grid5,
.as_main_view_wrapper #authorizenet_fields .as_authexp_month.as_grid5 {
	margin-right: 3px;
    text-align: left;
    padding: 5px 3px 5px 25px !important;
}

.as_main_view_wrapper #stripe_fields .as_exp_year.as_grid6,
.as_main_view_wrapper #authorizenet_fields .as_authexp_year.as_grid6 {
    margin-left: 3px;
    text-align: left;
	float: none !important;
}

.as_main_view_wrapper .cardnum_input_icon {
    position: absolute;
    display: block;
    left: 2%;
    top: 69%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url('images/cards/cc_card.png') no-repeat center center;
    background-size: 100%;
    opacity: 1;
}

.as_main_view_wrapper .cvv_input_icon {
    position: absolute;
    display: block;
    left: 2%;
    top: 69%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url('images/cards/cc_lock.png') no-repeat center center;
    background-size: 100%;
    opacity: 1;
}

.as_main_view_wrapper .exp_month_input_icon {
    position: absolute;
    display: block;
    left: 2%;
    top: 69%;
    margin-top: -10px;
    width: 18px;
    height: 18px;
    background: url('images/cards/cc_cal.png') no-repeat center center;
    background-size: 100%;
    opacity: 1;
}

.as_main_view_wrapper .card {
    position: absolute;
    display: block;
    right: 3%;
    top: 52%;
    width: 28px;
    height: 19px;
    z-index: 9999;
    background-size: 100%;
}

.as_main_view_wrapper .cc-number.visa + .card {
    background-image: url('images/cards/visa.png');
}

.as_main_view_wrapper .cc-number.amex + .card {
    background-image: url('images/cards/amex.png');
}

.as_main_view_wrapper .cc-number.jcb + .card {
    background-image: url('images/cards/jcb.png');
}

.as_main_view_wrapper .cc-number.mastercard + .card {
    background-image: url('images/cards/mastercard.png');
}

.as_main_view_wrapper .cc-number.discover + .card {
    background-image: url('images/cards/discover.png');
}

.as_main_view_wrapper .as_header_bg {
    background: rgba(118, 126, 126, 0.25);
    color: #555;
}

.as_main_view_wrapper .as_header_bg h4 {
    float: left;
    line-height: 30px;
	display: inline-table;
	margin-bottom: 0px !important;
}

.as_main_view_wrapper .as_lock_img {
    position: relative;
}

.as_main_view_wrapper .as_lock_img img {
    width: 80%;
	position: absolute;
	top: 20px;
	opacity: 0.25;
	left: 13%;
	max-width: 100px;
}

.as_main_view_wrapper #stripe_fields img.as_stripe_image,
.as_main_view_wrapper #authorizenet_fields img.as_stripe_image {
    float: right;
    position: relative;
    top: 3px;
}

.as_main_view_wrapper #stripe_fields .as_header_bg,
.as_main_view_wrapper #authorizenet_fields .as_header_bg {
    padding: 3px 6px;
    margin: 0px !important;
}


/* New clients page frontend css latest new */

#as_clients_info {
    float: left;
    width: 100%;
    position: relative;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    background: inherit;
}

#as_clients_info .client_top_bar {
    float: left;
    width: 100%;
    min-height: 35px;
    background: #2b3234;
    color: #fff;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 3px 5px;
}

#as_clients_info .client_name {
    float: left;
    width: 50%;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
}

#as_clients_info .client_logout {
    float: right;
}

#as_clients_info .client_logout .clogout {
    cursor: pointer;
    color: #00B9EB;
}

#as_clients_info .client_logout .clogout:hover {
    color: #0090B7;
}

#as_clients_info form#akclient_list {
    float: left;
    display: block;
    width: 100%;
}

#akclient_list .list_wrapper {
    margin-bottom: 24px;
}

#akclient_list .list_wrapper .list_header {
    float: left;
    padding: 5px;
    margin: 4px 0px;
    width: 100%;
    color: #FFF;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    box-sizing: border-box;
    background: #47B392;
}

#akclient_list .list_wrapper .as_cl_order {
    width: 10%;
    float: left;
    padding: 4px;
}

#akclient_list .list_wrapper .as_cl_provider {
    width: 13%;
    float: left;
    padding: 4px;
}

#akclient_list .list_wrapper .as_cl_service {
    width: 21%;
    float: left;
    padding: 4px;
}

#akclient_list .list_wrapper .as_cl_date {
    width: 13%;
    float: left;
    padding: 4px;
}

#akclient_list .list_wrapper .as_cl_time {
    width: 9%;
    float: left;
    padding: 4px;
}

#akclient_list .list_wrapper .as_cl_status {
    width: 12%;
    float: left;
    padding: 4px;
}

#akclient_list .list_wrapper .as_cl_actions {
    width: 22%;
    float: left;
    padding: 4px;
    text-align: center;
}

#akclient_list .list_wrapper .list_content {
    float: left;
    padding: 5px;
    width: 100%;
    color: #555;
    background: #FFF none repeat scroll 0% 0%;
    display: inline-block;
    text-align: left;
    margin: 4px 0px;
    font-size: 13px;
    box-sizing: border-box;
    background: #fafafa;
}

#akclient_list .list_wrapper .as_cl_status_data {
    color: red;
    font-weight: bold;
}

#akclient_list .list_wrapper .list_content .as_cl_button {
    float: left;
    min-width: 70px;
    margin: 0px 4px 5px;
    padding: 3px 6px;
    border-radius: 3px;
    background: #436F8F;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    vertical-align: baseline;
    border-bottom: 0px none;
    line-height: 20px;
}

#akclient_list .list_wrapper .list_content .as_cl_button:hover {
    background: #47B392;
}

#akclient_list .list_wrapper .list_content span.as_download_invoice_img {
    background: transparent url("images/as_download.png") no-repeat scroll 0% 0%;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    vertical-align: middle;
    right: -4px;
    top: -1px;
}

#as_clients_info .as_cancel_reason {
    position: relative;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.30);
    border-radius: 4px;
    width: 100%;
    box-shadow: 0px 0px 6px #A29E9E;
    bottom: 0px;
    z-index: 9999;
    background: #fff;
    padding: 6px 5px;
}

#as_clients_info .cancel_reason_txt {
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}

#as_clients_info .cancel_reason_input_txt {
    float: left;
    font-size: 14px;
    width: 64%;
    padding: 5px 6px !important;
    line-height: 20px;
}

#as_clients_info .as_client_save_cancel_reason {
    background: red !important;
}

#as_clients_info span.as_close_cancel_rsn {
    background: url("images/cross_remove.png") no-repeat scroll 0% 0%;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
}

#akclient_list .list_wrapper .as_label_client {
    display: none;
}

#as_clients_info label.error {
    float: left;
    width: 100%;
}

#as_clients_info .as_login_p {
    float: left;
    width: 100%;
    margin: 0px;
}

#as_clients_info .as_width60 {
    width: 60%;
    float;
    left;
}

#as_clients_info .as_client_login {
    margin-right: 10px;
    float: left;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
}

#as_clients_info .as_client_login_main {
    width: 100%;
    float: left;
}


/* single colum view */

.as_main_view_wrapper label.coupon_code_single_col {
    width: 64% !important;
}

.as_main_view_wrapper .as_partial_amt .as_amt_label_single_col {
    width: 60% !important;
}

.as_main_view_wrapper .as_partial_amt .as_amt_val_single_col {
    width: 34% !important;
}

.as_main_view_wrapper .as_lock_img_single_col img {
    width: 60% !important;
    position: absolute;
    top: 20px !important;
    opacity: 0.25;
}

.as_main_view_wrapper #stripe_fields .as_stripe_cvc_single_col {
    width: 33% !important;
}


/* end single colum view */

.as_main_view_wrapper .as_forgot_pass {
    font-size: 12px;
    color: #000 !important;
    background: none !important;
    text-decoration: underline;
}


/********************************************/


/*********** RESPONSIVE STYLE ***************/


/********************************************/


/*----*****---- << Desktop >> ----*****----*/

@media only screen and (min-width:960px) and (max-width:1270px) {
    .as_main_view_wrapper {
        padding: 10px;
    }

    #as_main_wrapper.as_main_view_wrapper label {
        padding: 5px 0px 5px;
    }
    .as_main_view_wrapper .as_add_cart {
        clear: both;
    }
    .as_main_view_wrapper p.as_time_slot,
    .as_main_view_wrapper p.as_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 4px;
        position: relative;
    }
    /* right side */
    .as_main_view_wrapper .as_tslot_date_pic .as_date_heading {
        font-size: 0.9em;
        width: 75%;
    }
    .as_main_view_wrapper .as_gender_male {
        display: block;
        float: left;
        width: 45%;
    }
    .as_main_view_wrapper .as_gender_female {
        display: block;
        float: left;
        width: 50%;
    }
    .ak-button.small {
        padding: 0px 44px 0px 4px !important;
    }
    .as_main_view_wrapper .as_button {
        padding: 0px 6px !important;
        min-width: 50px !important;
    }
    .as_main_view_wrapper ul.as_gender_radio {
        margin: -6px 10px;
    }
    .as_main_view_wrapper .as_time_slot_containter .all_time_slots_div {
        width: 94%;
        margin: 0px auto;
    }
    .as_main_view_wrapper p.as_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 4px;
        position: relative;
        width: 29%;
        width: -moz-calc(30.33% - 3px);
        /* Firefox 4+ */
        width: calc(30.33% - 3px);
        /* IE9+ and future browsers */
        width: -webkit-calc(30.33% - 3px);
        /* safari 6 and chrome*/
    }
    .as_main_view_wrapper p.as_time_slot {
        width: 29%;
        width: -moz-calc(30.33% - 3px);
        /* Firefox 4+ */
        width: calc(30.33% - 3px);
        /* IE9+ and future browsers */
        width: -webkit-calc(30.33% - 3px);
        /* safari 6 and chrome*/
    }
    .as_main_view_wrapper .as_tslot_date_pic {
        width: 100%;
    }
    .as_main_view_wrapper .as_checkavl_btn {
        margin: 0px 0px 20px;
    }
    .as_main_view_wrapper .as_quantity {
        margin: 22px 0px 0px;
    }
    .as_main_view_wrapper .as_product_detail_content {
        width: 80%;
    }
    .as_main_view_wrapper #as_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    .as_main_view_wrapper .date_cal {
        width: 100%;
    }
    #as_main_wrapper .as_main_header {
        font-size: 20px;
    }
    .as_main_view_wrapper .as_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .as_main_view_wrapper .as_product_image img {
        width: 200px;
        height: 200px;
    }
    .as_main_view_wrapper .as_form_row {
        margin: 0px 5px 20px;
    }
    .as_main_view_wrapper .as_cart_totals .as_app_amount {
        font-size: 15px;
    }
    /* new client listing */
    #akclient_list .list_wrapper .as_cl_order {
        width: 10%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_provider {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_service {
        width: 21%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_date {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_time {
        width: 9%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_status {
        width: 11%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_actions {
        width: 22%;
        float: left;
        padding: 4px;
        text-align: center;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_prev {
        width: 12.1%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_next {
        width: 12.1%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_date_heading {
        font-size: 13px;
        width: 75.8%;
    }
}


/*----*****---- << Tablet (Portrait) >> ----*****----*/

@media only screen and (min-width:768px) and (max-width:959px) {
    .as_main_view_wrapper {
        padding: 10px;
    }
    #as_main_wrapper.as_main_view_wrapper label {
        padding: 5px 0px 5px;
    }

    /* right side */
    .as_main_view_wrapper .as_tslot_date_pic {
        width: 98%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_prev {
        width: 13.5%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_next {
        width: 13.5%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_date_heading {
        font-size: 13px;
        width: 73%;
    }
    .as_main_view_wrapper .as_checkavl_btn {
        margin: 0px 0px 20px;
    }
    .as_main_view_wrapper .as_quantity {
        margin: 22px 0px 0px;
    }
    .as_main_view_wrapper .as_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .as_main_view_wrapper p.as_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 2px;
        position: relative;
        width: 29%;
        width: -moz-calc(29.33% - 0px);
        /* Firefox 4+ */
        width: calc(29.33% - 0px);
        /* IE9+ and future browsers */
        width: -webkit-calc(29.33% - 0px);
        /* safari 6 and chrome*/
    }
    .as_main_view_wrapper p.as_time_slot {
        width: 29%;
        width: -moz-calc(29.33% - 0px);
        /* Firefox 4+ */
        width: calc(29.33% - 0px);
        /* IE9+ and future browsers */
        width: -webkit-calc(29.33% - 0px);
        /* safari 6 and chrome*/
    }
    .as_main_view_wrapper .as_product_detail_content {
        width: 100%;
    }
    .as_main_view_wrapper #as_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    .as_main_view_wrapper .date_cal {
        width: 100%;
    }
    #as_main_wrapper .as_main_header {
        font-size: 20px;
    }
    .as_main_view_wrapper .as_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .as_main_view_wrapper .as_product_image img {
        width: 200px;
        height: 200px;
    }
    /* second page cart */
    .as_main_view_wrapper .as_shop_wrapper .app_provider {
        width: 18%;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_price {
        width: 7%;
    }
    /* thrid page css */
    .as_main_view_wrapper 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 {
        width: 100%;
    }
    .as_main_view_wrapper textarea {
        width: 100%;
    }
    .as_main_view_wrapper .as_cart_checkout {
        width: 100%;
    }
    .as_main_view_wrapper .as_tax_amount_label {
        width: 50%;
    }
    .as_main_view_wrapper .as_cart_sub_total {
        width: 50%;
    }
    .as_main_view_wrapper .as_total_amount_label {
        width: 50%;
        font-size: 14px;
    }
    .as_main_view_wrapper .as_total_amount {
        font-size: 15px;
    }
    .as_main_view_wrapper .as_coupon_input {
        width: 60% !important;
    }
    .as_main_view_wrapper .as_form_row {
        float: left !important;
        margin: 0px 6px 20px;
    }
    /* new client listing */
    #akclient_list .list_wrapper .list_header {
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_order {
        width: 11%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_provider {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_service {
        width: 22%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_date {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_time {
        width: 9%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_status {
        width: 10%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_cl_actions {
        width: 22%;
        float: left;
        padding: 4px;
        text-align: center;
    }
}


/*----*****---- << Mobile (Landscape) >> ----*****----*/


/* Note: Design for a width of 480px */

@media only screen and (max-width:767px) {
    .as_main_view_wrapper {
        padding: 10px;
        min-width: 100% !important;
    }
    #as_main_wrapper.as_main_view_wrapper label {
        padding: 5px 0px 5px;
    }
    .as_main_view_wrapper .as_quantity {
        float: left !important;
        margin: -25px 0px 30px 0px;
    }
    .as_main_view_wrapper .as_add_cart {
        clear: both;
    }

    .as_main_view_wrapper .as_shop_wrapper .app_date {
        width: 19%;
    }
    /* right side */
    .as_main_view_wrapper .as_form_margin {
        margin-top: 15px !important;
        float: left;
        display: inline-block;
        width: 100%;
    }
    .as_main_view_wrapper .as_tslot_date_pic {
        width: 100%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_date_heading {
        font-size: 15px;
    }
    .as_main_view_wrapper label.as_choose_date_label {
        width: 100%;
        float: left;
    }
    .as_main_view_wrapper .date_cal {
        width: 100%;
        float: left;
    }
    .as_main_view_wrapper .as_checkavl_btn {
        margin: 15px 0px 15px;
    }
    .as_main_view_wrapper .as_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .as_main_view_wrapper p.as_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
        width: 30%;
        width: -moz-calc(32.33% - 7px);
        /* Firefox 4+ */
        width: calc(32.33% - 7px);
        /* IE9+ and future browsers */
        width: -webkit-calc(32.33% - 7px);
        /* safari 6 and chrome*/
    }
    .as_main_view_wrapper p.as_time_slot {
        width: 30%;
        width: -moz-calc(32.33% - 7px);
        /* Firefox 4+ */
        width: calc(32.33% - 7px);
        /* IE9+ and future browsers */
        width: -webkit-calc(32.33% - 7px);
        /* safari 6 and chrome*/
    }
    .as_main_view_wrapper p.as_time_slot {
        font-size: 13px !important;
        padding: 3px 12px;
        position: relative;
    }
    .as_main_view_wrapper .as_product_detail_content {
        width: 100%;
    }
    .as_main_view_wrapper #as_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    #as_main_wrapper .as_main_header {
        font-size: 23px;
    }
    .as_main_view_wrapper .as_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .as_main_view_wrapper .as_product_image img {
        width: 200px;
        height: 200px;
    }
    /* show cart table style */
    .as_main_view_wrapper .as_shop_wrapper .as_shop_header {
        padding: 5px;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_shop_header {
        width: 98%;
        font-size: 14px;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_service {
        width: 24%;
        padding: 0px;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_provider {
        width: 19%;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_shop_content {
        padding: 5px;
        width: 100%;
    }
    .as_main_view_wrapper .as_product_remove .remove {
        height: 20px;
        width: 20px;
        line-height: 20px;
    }
    .as_main_view_wrapper .as_cart_totals {
        width: 50%;
        font-size: 13px;
    }
    .as_main_view_wrapper .as_cart_totals .as_app_amount {
        font-size: 14px;
    }
    /*********************/
    /** fourth page new form ***/
    .as_main_view_wrapper .as_row_main {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        clear: both;
    }
    .as_main_view_wrapper .as_form_row {
        float: left !important;
        margin: 0px 0px 22px !important;
    }
    .as_main_view_wrapper textarea {
        width: 100%;
    }
    /* new client listing */
    #akclient_list .list_wrapper .list_header {
        display: none;
    }
    #akclient_list .list_wrapper .list_content {
        background: #e4e4e4;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_label_client {
        display: block;
        width: 25%;
        float: left;
        text-align: left;
    }
    #akclient_list .list_wrapper .as_cl_order {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_provider {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_service {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_date {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_time {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_status {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_actions {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_info_data {
        width: 73%;
        padding: 2px;
        float: left;
    }
    #akclient_list .list_wrapper .list_content .as_cl_button {
        padding: 3px 6px;
        border-radius: 3px;
        background: #436F8F;
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        position: relative;
        vertical-align: baseline;
        line-height: 23px;
    }
    #as_clients_info .as_width60 {
        width: 80%;
        float;
        left;
    }
    .as_main_view_wrapper #stripe_fields .as_grid9 ,
    .as_main_view_wrapper #authorizenet_fields .as_grid9 {
        width: 75% !important;
    }
    .as_main_view_wrapper #stripe_fields .as_exp_month.as_grid5 ,
	.as_main_view_wrapper #authorizenet_fields .as_authexp_month.as_grid5{
        width: 41.66% !important;
    }
	.as_main_view_wrapper #stripe_fields .as_exp_year.as_grid6,
	.as_main_view_wrapper #authorizenet_fields .as_authexp_year.as_grid6 {
		width: 50% !important;
	}
    .as_main_view_wrapper #stripe_fields .as_form_row ,
   .as_main_view_wrapper #authorizenet_fields .as_form_row {
        margin: 0px 0px 12px !important;
    }
    .as_main_view_wrapper #stripe_fields .as_card_number,
    .as_main_view_wrapper #authorizenet_fields .as_card_number {
        padding: 5px 3px 5px 35px !important;
    }
    .as_main_view_wrapper #stripe_fields .as_stripe_cvc .as_cvc_code ,
   .as_main_view_wrapper #authorizenet_fields .as_stripe_cvc .as_cvc_code {
        padding: 5px 3px 5px 30px !important;
    }
    .as_main_view_wrapper #stripe_fields .as_exp_month,
    .as_main_view_wrapper #authorizenet_fields .as_exp_month {
        padding: 5px 3px 5px 30px !important;
    }
    .as_main_view_wrapper #stripe_fields .as_stripe_cvc,
    .as_main_view_wrapper #authorizenet_fields .as_stripe_cvc {
        width: 31% !important;
        float: left !important;
    }
	
    .as_main_view_wrapper .as_lock_img {
        width: 23% !important;
    }
	.as_main_view_wrapper .as_lock_img_single_col img {
		width: 70% !important;
		position: absolute;
		top: 33px !important;
		opacity: 0.25;
		margin: 0px auto;
		left: 16px;
		}
    .as_main_view_wrapper #stripe_fields .as_exp_mnyr,
    .as_main_view_wrapper #authorizenet_fields .as_exp_mnyr {
        width: 44% !important;
        margin-right: 3px;
        text-align: left;
    }
    .as_main_view_wrapper h4 {
        font-size: 18px !important;
    }
    .as_main_view_wrapper img.as_stripe_image {
        float: right;
    }
}


/*----*****---- << Mobile >> ----*****----*/


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 320px) and (max-width: 479px) {
    #as_main_wrapper {
        width: 100%;
    }
    .as_main_view_wrapper input[type="text"],
    .as_main_view_wrapper input[type="password"],
    .as_main_view_wrapper input[type="email"],
    .as_main_view_wrapper input[type="url"],
    .as_main_view_wrapper input[type="tel"],
    .as_main_view_wrapper input[type="number"],
    .as_main_view_wrapper input[type="range"],
    .as_main_view_wrapper input[type="date"],
    .as_main_view_wrapper input[type="search"],
    .as_main_view_wrapper textarea,
    .as_main_view_wrapper input.text,
    .as_main_view_wrapper select,
    .as_main_view_wrapper textarea {
        font-size: 13px !important;
        padding: 3px 4px !important;
    }
    .as_main_view_wrapper label {
        font-size: 13px !important;
    }
    .as_main_view_wrapper .as_box_text_left {
        font-size: 11px;
        font-weight: normal;
        line-height: 22px;
    }
    .as_main_view_wrapper .as_right_cart {
        width: 35px;
        height: 35px;
    }
    .as_main_view_wrapper .as_right_cart img {
        float: right;
        position: relative;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 8px;
    }
    /* .as_main_view_wrapper .as_right_cart .as_badge{left: 19px;top: 1px;}*/
    .as_main_view_wrapper .as_right_cart .as_badge {
        left: -1px;
        top: -19px;
    }
    #as_main_wrapper.as_main_view_wrapper {
        padding: 10px;
        min-width: 100% !important;
    }

    .as_main_view_wrapper .as_quantity {
        float: left !important;
        margin: -25px 0px 30px 0px;
    }
    .as_main_view_wrapper .as_tslot_wrapper p {
        margin: 3px !important;
    }
    /* right side */
    .as_main_view_wrapper .as_form_margin {
        margin-top: 15px !important;
        float: left;
        display: inline-block;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_prev {
        width: 13.5%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_next {
        width: 13.5%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_date_heading {
        font-size: 13px;
        width: 73%;
    }
    .as_main_view_wrapper label.as_choose_date_label {
        width: 100%;
        float: left;
    }
    .as_main_view_wrapper .date_cal {
        width: 100%;
        float: left;
    }
    .as_main_view_wrapper .as_checkavl_btn {
        margin: 15px 0px 15px;
    }
    .as_main_view_wrapper .as_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .as_main_view_wrapper p.as_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
        width: 97%;
    }
    .as_main_view_wrapper p.as_time_slot {
        width: 97%;
    }
    .as_main_view_wrapper p.as_time_slot {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
    }
    .as_main_view_wrapper .as_product_detail_content {
        width: 100%;
    }
    .as_main_view_wrapper #as_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    #as_main_wrapper .as_main_header {
        font-size: 20px;
    }
    .as_main_view_wrapper .as_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .as_main_view_wrapper .as_product_image img {
        width: 200px;
        height: 200px;
    }
	.as_main_view_wrapper .as_slot_legends ul.as_legends_ul li{
		width: 100%;
		float: left;
		text-align: left;
		line-height: 16px;
	}
    /* show cart table style second page css */
    .as_main_view_wrapper .as_label_cart {
        display: block;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_shop_header {
        display: none;
    }
    .as_main_view_wrapper .as_label_cart {
        padding: 0px !important;
        font-size: 13px;
        float: left;
        display: inline;
        width: 30%;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_service {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_date {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_time {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_provider {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_price {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_label_cart {
        width: 27%;
        float: left;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_service {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_date {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_time {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_provider {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_price {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_cart_totals {
        width: 70%;
    }
    .as_main_view_wrapper .as_checkout_btn {
        float: left;
        vertical-align: middle;
        text-align: center;
    }
    /* thrid page css */
    .as_main_view_wrapper .as_exiting_user {
        width: 100%;
    }
    .as_main_view_wrapper .as_new_user {
        width: 100%;
    }
    .as_main_view_wrapper 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 {
        width: 100%;
    }
    .as_main_view_wrapper textarea {
        width: 100%;
    }
    .as_main_view_wrapper input[type="text"] {
        margin-bottom: 5px;
    }
    .as_main_view_wrapper .as_button {
        margin-top: 0px;
    }
    .as_main_view_wrapper ul.as_user_new_exitsting {
        padding-left: 10px;
        margin: 10px 0px;
    }
    .as_main_view_wrapper .as_cart_checkout {
        width: 100%;
    }
    .as_main_view_wrapper .as_tax_amount_label {
        width: 50%;
    }
    .as_main_view_wrapper .as_cart_sub_total {
        width: 50%;
    }
    .as_main_view_wrapper .as_total_amount_label {
        width: 50%;
        font-size: 16px;
    }
    .as_main_view_wrapper .as_total_amount {
        font-size: 16px;
    }
    .as_main_view_wrapper .as_coupon_input {
        width: 70% !important;
    }
    .as_main_view_wrapper .as_confirm_booking_btn {
        text-align: center;
    }
    /*********************/
    /** fourth page new form ***/
    .as_main_view_wrapper .as_row_main {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        clear: both;
    }
    .as_main_view_wrapper .as_form_row {
        float: left !important;
        margin: 0px 0px 22px !important;
    }
    .as_main_view_wrapper textarea {
        width: 100%;
    }
    /* new client listing */
    #akclient_list .list_wrapper .list_header {
        display: none;
    }
    #akclient_list .list_wrapper .list_content {
        background: #e4e4e4;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_label_client {
        display: block;
        width: 25%;
        float: left;
        text-align: left;
    }
    #akclient_list .list_wrapper .as_cl_order {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_provider {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_service {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_date {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_time {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_status {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_actions {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_info_data {
        width: 73%;
        padding: 2px;
        float: left;
    }
    #akclient_list .list_wrapper .list_content .as_cl_button {
        padding: 3px 6px;
        border-radius: 3px;
        background: #436F8F;
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        position: relative;
        vertical-align: baseline;
        line-height: 23px;
    }
    #as_clients_info .as_width60 {
        width: 100%;
        float;
        left;
    }
	
    .as_main_view_wrapper #stripe_fields .as_grid9,
    .as_main_view_wrapper #authorizenet_fields  .as_grid9 {
        width: 100% !important;
    }
	.as_main_view_wrapper #stripe_fields .as_exp_month.as_grid5,
	.as_main_view_wrapper #authorizenet_fields .as_authexp_month.as_grid5{
		 width: 44% !important;
	}
    
	.as_main_view_wrapper #stripe_fields .as_exp_year.as_grid6,
	.as_main_view_wrapper #authorizenet_fields .as_authexp_year.as_grid6{
		width: 50% !important;
	}
    .as_main_view_wrapper #stripe_fields .as_form_row ,
    .as_main_view_wrapper #authorizenet_fields .as_form_row {
        margin: 0px 0px 12px !important;
    }
    .as_main_view_wrapper #stripe_fields .as_stripe_cvc ,
   .as_main_view_wrapper #authorizenet_fields .as_stripe_cvc {
        width: 100% !important;
        float: right !important;
    }
    .as_main_view_wrapper #stripe_fields .as_exp_mnyr,
   .as_main_view_wrapper #authorizenet_fields .as_exp_mnyr {
        width: 100% !important;
        margin-right: 3px;
        text-align: left;
    }
    .as_main_view_wrapper h4 {
        font-size: 14px !important;
    }
    .as_main_view_wrapper .as_lock_img {
        display: none;
    }
    .as_main_view_wrapper img.as_stripe_image {
        float: left;
        margin-bottom: 5px;
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 319px) {
    #as_main_wrapper {
        width: 100%;
    }
    #as_main_wrapper.as_main_view_wrapper {
        padding: 5px;
        min-width: auto !important;
    }
   
    .as_main_view_wrapper .as_box_text_left {
        font-size: 9px;
        font-weight: normal;
        line-height: 22px;
    }
    .as_main_view_wrapper .as_right_cart {
        width: 35px;
        height: 35px;
    }
    .as_main_view_wrapper .as_right_cart img {
        float: right;
        position: relative;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 8px;
    }
    .as_main_view_wrapper .as_right_cart .as_badge {
        left: -3px;
        top: -19px;
    }
    .as_main_view_wrapper .as_quantity {
        float: left !important;
        margin: -25px 0px 30px 0px;
    }
    .as_main_view_wrapper .as_tslot_wrapper p {
        margin: 3px !important;
    }
    /* right side */
    .as_main_view_wrapper .as_form_margin {
        margin-top: 15px !important;
        float: left;
        display: inline-block;
    }
    .as_main_view_wrapper .as_tslot_date_pic {
        width: 100%;
        left: 0%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_date_heading {
        font-size: 11px;
        line-height: 30px;
        width: 67%;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_prev {
        width: 30px;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_next {
        width: 30px;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_prev span {
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .as_main_view_wrapper .as_tslot_date_pic .as_cal_next span {
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .as_main_view_wrapper .as_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .as_main_view_wrapper p.as_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
        width: 97%;
    }
    .as_main_view_wrapper p.as_time_slot {
        width: 97%;
    }
    .as_main_view_wrapper label.as_choose_date_label {
        width: 100%;
        float: left;
    }
    .as_main_view_wrapper .date_cal {
        width: 84%;
        float: left;
    }
    .as_main_view_wrapper .as_checkavl_btn {
        margin: 15px 0px 15px;
    }
    .as_main_view_wrapper .as_info_img {
        display: none;
    }
    .as_main_view_wrapper p.as_time_slot {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
    }
    .as_main_view_wrapper .as_product_detail_content {
        width: 100%;
    }
    .as_main_view_wrapper #as_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    #as_main_wrapper .as_main_header {
        font-size: 20px;
    }
    .as_main_view_wrapper .as_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .as_main_view_wrapper .as_product_image img {
        width: 200px;
        height: 200px;
    }
    /* show cart table style second page css */
    .as_main_view_wrapper .as_label_cart {
        display: block;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_shop_header {
        display: none;
    }
    .as_main_view_wrapper .as_label_cart {
        padding: 0px !important;
        font-size: 13px;
        float: left;
        display: inline;
        width: 30%;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_service {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_date {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_time {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_provider {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .app_price {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_label_cart {
        width: 35%;
        float: left;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_service {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_date {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_time {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_provider {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_shop_wrapper .as_app_price {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .as_main_view_wrapper .as_cart_totals {
        width: 100%;
    }
    .as_main_view_wrapper .as_checkout_btn {
        float: left;
        vertical-align: middle;
        text-align: center;
    }
    .as_main_view_wrapper .ak-button.smallleft {
        font-size: 12px;
    }
    .as_main_view_wrapper .ak-button.small {
        font-size: 12px;
    }
    /* thrid page css */
    h4 {
        font-size: 18px !important;
    }
    .as_main_view_wrapper ul.as_user_new_exitsting {
        margin: 5px 3px;
    }
    .as_main_view_wrapper .as_exiting_user {
        width: 100%;
    }
    .as_main_view_wrapper .as_new_user {
        width: 100%;
    }
    .as_main_view_wrapper 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 {
        width: 100%;
    }
    .as_main_view_wrapper textarea {
        width: 100%;
    }
    .as_main_view_wrapper ul.as_gender_radio {
        margin: 5px 3px;
    }
    .as_main_view_wrapper .as_cart_checkout {
        width: 100%;
    }
    .as_main_view_wrapper .as_tax_amount_label {
        width: 60%;
    }
    .as_main_view_wrapper .as_cart_sub_total {
        width: 60%;
    }
    .as_main_view_wrapper .as_total_amount_label {
        width: 60%;
        font-size: 14px;
    }
    .as_main_view_wrapper .as_total_amount {
        font-size: 18px;
    }
    .as_main_view_wrapper .as_coupon_input {
        width: 60% !important;
    }
    .as_main_view_wrapper .as_confirm_booking_btn {
        text-align: center;
    }
    /*********************/
    /** fourth page new form ***/
    .as_main_view_wrapper .as_row_main {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        clear: both;
    }
    .as_main_view_wrapper .as_form_row {
        float: left !important;
        margin: 0px 0px 16px !important;
    }
    .as_main_view_wrapper textarea {
        width: 100%;
    }
    /* new client listing */
    #akclient_list .list_wrapper .list_header {
        display: none;
    }
    #akclient_list .list_wrapper .list_content {
        background: #e4e4e4;
        padding: 4px;
    }
    #akclient_list .list_wrapper .as_label_client {
        display: block;
        width: 23%;
        float: left;
        text-align: left;
    }
    #akclient_list .list_wrapper .as_cl_order {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_provider {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_service {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_date {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_time {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_status {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_actions {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .as_cl_info_data {
        width: 70%;
        padding: 2px;
        float: left;
    }
    #akclient_list .list_wrapper .list_content .as_cl_button {
        padding: 3px 6px;
        border-radius: 3px;
        background: #436F8F;
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        position: relative;
        vertical-align: baseline;
        line-height: 23px;
    }
    #as_clients_info .as_width60 {
        width: 100%;
        float;
        left;
    }
    .as_main_view_wrapper #stripe_fields .as_grid9 {
        width: 100%;
    }
    .as_main_view_wrapper #stripe_fields .as_grid5 {
        width: 100%;
    }
    .as_main_view_wrapper #stripe_fields .as_form_row {
        margin: 0px 0px 12px !important;
    }
    .as_main_view_wrapper #stripe_fields .as_stripe_cvc {
        width: 33%;
        float: right !important;
    }
    .as_main_view_wrapper #stripe_fields .as_exp_mnyr {
        width: 66% !important;
        margin-right: 3px;
        text-align: left;
    }
    .as_main_view_wrapper h4 {
        font-size: 15px !important;
    }
    .as_main_view_wrapper .as_lock_img {
        display: none;
    }
    .as_main_view_wrapper img.as_stripe_image {
        float: left;
        margin-bottom: 5px;
    }
}

.pickmeup {
    z-index: 267772788 !important
}

.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-month,
.pickmeup .pmu-instance nav .pmu-next {
    float: left;
}