/*
Plugin Name: Appointkart
Plugin URI: http://appointkart.bi-team.in/
Description: Appointkart 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: 5.6
Author: BI Team
Author URI: http://bi-team.in/
*/

#ak_bg_overlay {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000 repeat scroll 0% 0%;
    opacity: 0.5;
    overflow: auto;
    z-index: 99999;
}


/* Appointkart main css */

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

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

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

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

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

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

.ak_main_view_wrapper strong {
    font-weight: bold;
}


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

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

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

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

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

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

.ak_main_view_wrapper .hidden {
    display: none;
}


/*----*****---- << Appointkart Form common css >> ----*****----*/

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

.ak_main_view_wrapper label span {
    color: #b4b4b4;
}

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

.ak_main_view_wrapper legend {
    font-weight: bold;
}

.ak_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: 0px 10px !important;
    border-radius: 4px;
    color: #92A7BB;
    cursor: pointer;
    height: 34px;
    margin: 0px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 100%;
    line-height: 30px;
}

.ak_main_view_wrapper .ak_selection_box select optgroup {
    background: #FFF !important;
}

.ak_main_view_wrapper .nm {
    margin: 0px !important;
}

.ak_main_view_wrapper .form_row {
    margin: 0px 0px 20px;
    clear: both;
    float: left;
    width: 100%;
}

.ak_main_view_wrapper input[type="text"],
.ak_main_view_wrapper input[type="password"],
.ak_main_view_wrapper input[type="email"],
.ak_main_view_wrapper input[type="url"],
.ak_main_view_wrapper input[type="tel"],
.ak_main_view_wrapper input[type="number"],
.ak_main_view_wrapper input[type="range"],
.ak_main_view_wrapper input[type="date"],
.ak_main_view_wrapper input[type="search"],
.ak_main_view_wrapper textarea,
.ak_main_view_wrapper input.text,
.ak_main_view_wrapper select,
.ak_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 !important;
}

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

.ak_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;
}

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

.ak_main_view_wrapper input[type="submit"],
input[type="reset"],
input[type="button"],
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;
}

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

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

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

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

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

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

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

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

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

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

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


/* common main css end */


/* new css */

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

.ak_main_view_wrapper ul li:before,
.ak_main_view_wrapper ul.ak_legends_ul li:before,
.ak_main_view_wrapper ul.ak_payment_checkbox li:before,
.ak_main_view_wrapper ul.country-list li:before,
.ak_main_view_wrapper ul.ak_user_new_exitsting li:before,
.ak_main_view_wrapper ul.ak_gender_radio li:before {
    content: none !important;
    background-image: unset !important;
}

.ak_main_view_wrapper ul.ak_gender_radio li label {
    cursor: pointer;
    line-height: 34px;
}

.ak_main_view_wrapper ul li:after,
.ak_main_view_wrapper ul.ak_legends_ul li:after,
.ak_main_view_wrapper ul.ak_payment_checkbox li:after,
.ak_main_view_wrapper ul.country-list li:after,
.ak_main_view_wrapper ul.ak_user_new_exitsting li:after,
.ak_main_view_wrapper ul.ak_gender_radio li:after {
    content: none !important;
    background-image: unset !important;
}

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

.ak_main_view_wrapper .ak_right_cart img {
    margin: 0px !important;
    padding: 0px !important;
    border: 0px none !important;
}

.ak_main_view_wrapper ul.ak_payment_checkbox {
    position: relative;
}


/* 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;
}

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


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


/********   ak_inner_container style start here ***********/

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

#ak_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;
}

#ak_main_wrapper .ak_main_header {
    margin-bottom: -4px;
    line-height: 30px;
}

.ak_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; */
}

.ak_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;
}

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

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

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

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

.ak_main_view_wrapper .ak_right_cart .ak_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: 9999;
    color: #23282D;
    cursor: pointer;
}


/* ak service description and price*/

.ak_service_desctime {
    float: left;
    width: 100%;
    position: relative;
    display: inline-block;
}

.ak_service_desctime p {
    margin: 0px;
}

.ak_service_desctime label {
    width: 46%;
    padding: 0px;
}

.ak_main_view_wrapper .ak_label_price {
    width: auto;
    text-align: right;
    float: right !important;
}

.ak_main_view_wrapper .ak_label_time {
    width: auto;
    text-align: right;
    float: right !important;
    right: 15px;
    position: relative;
    margin-bottom: 0px;
}

.ak_service_desctime p.ak_ser_time {
    width: auto;
    padding: 0px;
    position: relative;
    text-align: right;
    margin-bottom: 0px;
    font-size: 12px;
}

.ak_service_desctime p.ak_ser_price {
    width: auto;
    padding: 0px;
    position: relative;
    margin: 0px;
    text-align: right;
    margin-bottom: 0px;
    font-size: 12px;
}

.ak_service_desctime .ak_service_desc {
    padding: 0px;
    float: left;
    width: 100%;
    position: relative;
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 4px;
    clear: both;
}

.ak_service_desctime .ak_service_desc .ak_des_p {
    float: left;
    display: block;
    word-wrap: break-word;
    width: 100%;
    line-height: 20px;
}

.ak_ser_time_price {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 5px 0px;
    position: absolute;
    top: -2px;
    right: 0px;
}


/* ak provider images css */

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

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

.ak_provider_img_wrapper .ak_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;
}

.ak_provider_img_wrapper .ak_img_p img.selectedProvider {
    border: 2px solid #47B392;
}

.ak_provider_img_wrapper .ak_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;
}

.ak_provider_img_wrapper .ak_img_p .ak_pro_name {
    font-size: 12px;
    text-align: cener;
    position: relative;
    top: -3px;
}


/* right side of products */


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

.ak_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 */

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

.ak_main_view_wrapper .ak_slot_legends ul.ak_legends_ul {
    list-style-type: none;
    display: inline-block;
    width: auto;
    margin: 0px auto;
    float: none;
    clear: both;
}

.ak_main_view_wrapper .ak_slot_legends ul.ak_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
}

.ak_main_view_wrapper .ak_slot_legends .ak_slot_legends_box {
    width: 13px;
    height: 13px;
    float: left;
    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;
}

.ak_main_view_wrapper .ak_slot_legends .ak_slot_legends_box.ak_not_available_new {
    background: #808080;
}


/* date select header and next prev css */

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

.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev {
    float: left;
    width: 7.6%;
    height: 34px;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next {
    border-radius: 0px 4px 4px 0px !important;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev {
    border-radius: 4px 0px 0px 4px;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev .left-arrow {
    background: transparent url("../assets/images/date_p.png") no-repeat center center / 14px auto !important;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next .right-arrow {
    background: transparent url("../assets/images/date_n.png") no-repeat center center / 14px auto !important;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev .left-arrow.loader,
.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next .right-arrow.loader {
    background: transparent url("../assets/images/ajax-loader_w.gif") no-repeat center center / 25px auto !important;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_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: block;
}


/*	
	.ak_main_view_wrapper .ak_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;}
	.ak_main_view_wrapper .ak_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;}
*/

.ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
    display: inline-block;
    position: relative;
    margin: 0px auto !important;
    width: 84.8%;
    float: left;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next {
    float: right;
    width: 7.6%;
    height: 34px;
}

.ak_main_view_wrapper .ak_tslot_date_pic .ak_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: block;
}


/*
	.ak_main_view_wrapper .ak_tslot_date_pic:hover{background:#47B392;}
	.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev span:hover{background:#436F8F;}
	.ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next span:hover{background:#436F8F;}
	*/

.ak_main_view_wrapper .ak_tslot_wrapper {
    float: left;
    margin-right: auto;
    text-align: center;
}

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

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

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

.ak_main_view_wrapper p.ak_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*/
}

.ak_main_view_wrapper p.ak_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*/
}

.ak_main_view_wrapper p.ak_time_slot:hover {
    text-decoration: underline;
}


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

.ak_main_view_wrapper .ak_alert_msg p {
    color: #ff0000;
    font-size: 13px;
}

.ak_main_view_wrapper .ak_addon_availble {
    float: left;
    display: block;
}

.ak_main_view_wrapper .ak_addon_availble p {
    color: #029B0E;
    font-size: 13px;
}


/* second page cart css table view cart */

#ak_main_wrapper .ak_second_page .ak_right_cart {
    display: none;
}

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


/* cart header */

.ak_main_view_wrapper .ak_label_cart {
    display: none;
}

.ak_main_view_wrapper .ak_shop_wrapper .ak_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;
}

.ak_main_view_wrapper .ak_shop_wrapper .app_service {
    width: 30%;
    float: left;
    padding: 2px 6px;
}

.ak_main_view_wrapper .ak_shop_wrapper .app_date {
    width: 15%;
    float: left;
    padding: 2px 6px;
}

.ak_main_view_wrapper .ak_shop_wrapper .app_time {
    width: 16%;
    float: left;
    padding: 2px 6px;
}

.ak_main_view_wrapper .ak_shop_wrapper .app_provider {
    width: 19%;
    float: left;
    padding: 2px 6px;
}

.ak_main_view_wrapper .ak_shop_wrapper .app_price {
    width: 9%;
    float: left;
    padding: 2px 6px;
}

.ak_main_view_wrapper .ak_shop_wrapper .ak_product_remove {
    width: 4%;
    position: relative;
    right: 20px;
}


/* header content */

.ak_main_view_wrapper .ak_shop_wrapper .ak_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;
}

.ak_main_view_wrapper .ak_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;
}

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

.ak_main_view_wrapper .ak_cart_totals .ak_cart_header {
    width: 50%;
    float: left;
    font-size: 14px;
}

.ak_main_view_wrapper .ak_cart_totals .ak_total_price {
    width: 50%;
    float: left;
}

.ak_main_view_wrapper .ak_cart_totals .ak_app_amount {
    font-size: 17px;
    font-weight: bold;
}

.ak_main_view_wrapper .ak_checkout_btn {
    clear: both;
}


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


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

#ak_main_wrapper .ak_third_page .ak_right_cart {
    display: none;
}

.ak_main_view_wrapper .ak_user_radio_group {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 0px;
}

.ak_main_view_wrapper ul.ak_user_new_exitsting {
    display: inline-block;
    float: left;
    margin: 10px 0px;
    width: 100%;
    padding-left: 20px;
}

.ak_main_view_wrapper .ak_exiting_user {
    display: block;
    float: left;
    width: 48%;
}

.ak_main_view_wrapper .ak_new_user {
    display: block;
    float: left;
    width: 48%;
}

.ak_main_view_wrapper #ak_new_user_view {
    display: none;
}


/* gender radio */

.ak_main_view_wrapper .ak_gender_radio_group {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.ak_main_view_wrapper ul.ak_gender_radio {
    display: inline-block;
    float: left;
    margin: 0px 10px;
    width: 100%;
    padding: 0px !important;
    line-height: 30px;
}

.ak_main_view_wrapper .ak_gender_male {
    display: block;
    float: left;
    width: 48%;
}

.ak_main_view_wrapper .ak_gender_female {
    display: block;
    float: left;
    width: 48%;
}

.ak_main_view_wrapper .ak_cart_checkout {
    clear: both;
    text-align: left;
    position: relative;
    display: inline-block;
    padding: 10px 0px;
    width: 100%;
}

.ak_main_view_wrapper .ak_cart_checkout .form_row {
    margin: 0px;
}

.ak_main_view_wrapper .ak_cart_items_list,
.ak_main_view_wrapper .ak_cart_sub_total,
.ak_main_view_wrapper .ak_tax_amount_label,
.ak_main_view_wrapper .ak_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;
}

.ak_main_view_wrapper .ak_cart_item_price,
.ak_main_view_wrapper .ak_cart_amount,
.ak_main_view_wrapper .ak_tax_amount,
.ak_main_view_wrapper .ak_coupon_amount {
    width: 35%;
    float: right;
    font-size: 13px;
    padding-left: 8px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

.ak_main_view_wrapper .ak_coupon_amount {
    padding-left: 3px !important;
}

.ak_main_view_wrapper .ak_total_amount_label {
    width: 65%;
    float: left;
    font-size: 16px;
    text-align: left;
    clear: both;
}

.ak_main_view_wrapper .ak_total_amount {
    width: 35%;
    float: right;
    font-size: 16px;
    text-align: left;
    padding-left: 8px;
}

.ak_main_view_wrapper .ak_discount_coupons {
    display: block;
    float: left;
    width: 100%;
}

.ak_main_view_wrapper .ak_discount_coupons .ak_coupon_inputbtn {
    clear: both;
    float: left;
}

.ak_main_view_wrapper .ak_discount_coupons a.ak_apply_coupon {
    float: right;
    margin-top: 0px;
}

.ak_main_view_wrapper .ak_coupon_input {
    width: 65% !important;
}

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

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

.ak_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;
}

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


/* partial deposite */

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

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

.ak_main_view_wrapper .ak_partial_amt .ak_partial_amt_label {
    width: 64%;
    float: left;
    font-size: 14px;
    text-align: left;
    clear: both;
    margin: 5px;
}

.ak_main_view_wrapper .ak_partial_amt .ak_partial_amt_val {
    width: 30%;
    float: right;
    font-size: 14px;
    text-align: left;
    margin: 5px 0px;
}

.ak_main_view_wrapper .ak_payment_method {
    margin-top: 5px;
}

.ak_main_view_wrapper .ak_payment_method .ak_paypal_image {
    position: relative;
    vertical-align: middle;
    left: 8px;
}

.ak_main_view_wrapper .ak_payment_method .payment_radio_group ul li:before {
    display: none !important;
}

.ak_main_view_wrapper .ak_payment_method .payment_radio_group ul li:last-child {
    margin-bottom: 25px;
}

.ak_main_view_wrapper .ak_confirm_booking_btn {
    clear: both;
    padding-top: 10px;
}

.ak_main_view_wrapper .ak_login_btn {
    clear: both;
    position: relative;
    top: -7px;
    left: 6px;
}


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


/** fourth page new form ***/

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

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

.ak_main_view_wrapper .ak_form_margin {
    padding-top: 0px !important;
}

.ak_main_view_wrapper ul.ak_gender_margin {
    margin: 2px 20px;
}


/* stripe payment custom css */

.ak_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;
}

.ak_main_view_wrapper #stripe_fields .ak_form_row {
    margin: 0px 0px 12px !important;
}

.ak_main_view_wrapper #stripe_fields .ak_card_number {
    padding: 5px 3px 5px 30px !important;
}

.ak_main_view_wrapper #stripe_fields .ak_stripe_cvc {
    width: 30%;
}

.ak_main_view_wrapper #stripe_fields .ak_stripe_cvc .ak_cvc_code {
    padding: 5px 3px 5px 25px !important;
}

.ak_main_view_wrapper #stripe_fields .ak_exp_month {
    width: 42% !important;
    margin-right: 3px;
    text-align: left;
    padding: 5px 3px 5px 25px !important;
}

.ak_main_view_wrapper #stripe_fields .ak_exp_year {
    width: 43% !important;
    margin-left: 3px;
    text-align: left;
}

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

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

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

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

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

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

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

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

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

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

.ak_main_view_wrapper .ak_header_bg h4 {
    float: left;
    line-height: 30px;
}

.ak_main_view_wrapper .ak_lock_img {
    position: relative;
    width: 20%;
    float: left;
}

.ak_main_view_wrapper .ak_lock_img img {
    width: 100%;
    position: absolute;
    top: 38px;
    opacity: 0.25;
}

.ak_main_view_wrapper #stripe_fields img.ak_stripe_image {
    float: right;
    position: relative;
    top: 3px;
}

.ak_main_view_wrapper #stripe_fields .ak_header_bg {
    padding: 3px 6px;
    margin: 0px !important;
}


/* New clients page frontend css latest new */

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

#ak_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;
}

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

#ak_clients_info .client_logout {
    float: right;
}

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

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

#ak_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 .ak_cl_order {
    width: 10%;
    float: left;
    padding: 4px;
}

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

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

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

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

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

#akclient_list .list_wrapper .ak_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 .ak_cl_status_data {
    color: red;
    font-weight: bold;
}

#akclient_list .list_wrapper .list_content .ak_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 .ak_cl_button:hover {
    background: #47B392;
}

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

#ak_clients_info .ak_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;
}

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

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

#ak_clients_info .ak_client_save_cancel_reason {
    background: red !important;
}

#ak_clients_info span.ak_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 .ak_label_client {
    display: none;
}

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

#ak_clients_info .ak_login_p {
    float: left;
    width: 100%;
    margin: 0px;
}

#ak_clients_info .ak_width60 {
    width: 60%;
    float;
    left;
}

#ak_clients_info .ak_client_login {
    float: left;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
}

#ak_clients_info .ak_client_login_main {
    width: 100%;
    float: left;
}

.ak_main_view_wrapper .ak_select_age_caret {
    position: absolute;
    top: 70%;
    margin-top: -2px;
    right: 14px;
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #555;
    cursor: pointer;
}


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


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


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


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

@media only screen and (min-width:960px) and (max-width:1270px) {
    .ak_main_view_wrapper {
        padding: 10px;
    }
    #ak_main_wrapper.ak_main_view_wrapper label {
        padding: 5px 0px 5px;
    }
    .ak_main_view_wrapper .ak_add_cart {
        clear: both;
    }
    .ak_main_view_wrapper p.ak_time_slot,
    .ak_main_view_wrapper p.ak_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 4px;
        position: relative;
    }
    /* right side */
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
        font-size: 0.9em;
        width: 75%;
    }
    .ak_main_view_wrapper .ak_gender_male {
        display: block;
        float: left;
        width: 45%;
    }
    .ak_main_view_wrapper .ak_gender_female {
        display: block;
        float: left;
        width: 50%;
    }
    .ak-button.small {
        padding: 0px 44px 0px 4px !important;
    }
    .ak_main_view_wrapper .ak_button {
        padding: 0px 6px !important;
        min-width: 50px !important;
    }
    .ak_main_view_wrapper ul.ak_gender_radio {
        margin: -6px 10px;
    }
    .ak_main_view_wrapper .ak_time_slot_containter .all_time_slots_div {
        width: 94%;
        margin: 0px auto;
    }
    .ak_main_view_wrapper p.ak_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*/
    }
    .ak_main_view_wrapper p.ak_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*/
    }
    .ak_main_view_wrapper .ak_tslot_date_pic {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_checkavl_btn {
        margin: 0px 0px 20px;
    }
    .ak_main_view_wrapper .ak_quantity {
        margin: 22px 0px 0px;
    }
    .ak_main_view_wrapper .ak_product_detail_content {
        width: 80%;
    }
    .ak_main_view_wrapper #ak_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    .ak_main_view_wrapper .date_cal {
        width: 100%;
    }
    #ak_main_wrapper .ak_main_header {
        font-size: 20px;
    }
    .ak_main_view_wrapper .ak_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .ak_main_view_wrapper .ak_product_image img {
        width: 200px;
        height: 200px;
    }
    .ak_main_view_wrapper .ak_form_row {
        margin: 0px 5px 20px;
    }
    .ak_main_view_wrapper .ak_cart_totals .ak_app_amount {
        font-size: 15px;
    }
    /* new client listing */
    #akclient_list .list_wrapper .ak_cl_order {
        width: 10%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_provider {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_service {
        width: 21%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_date {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_time {
        width: 9%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_status {
        width: 11%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_actions {
        width: 22%;
        float: left;
        padding: 4px;
        text-align: center;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev {
        width: 10.9%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next {
        width: 10.9%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
        font-size: 13px;
        width: 78.2%;
    }
}


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

@media only screen and (min-width:768px) and (max-width:959px) {
    .ak_main_view_wrapper {
        padding: 10px;
    }
    #ak_main_wrapper.ak_main_view_wrapper label {
        padding: 5px 0px 5px;
    }
    /* right side */
    .ak_main_view_wrapper .ak_tslot_date_pic {
        width: 98%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev {
        width: 13.5%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next {
        width: 13.5%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
        font-size: 13px;
        width: 73%;
    }
    .ak_main_view_wrapper .ak_checkavl_btn {
        margin: 0px 0px 20px;
    }
    .ak_main_view_wrapper .ak_quantity {
        margin: 22px 0px 0px;
    }
    .ak_main_view_wrapper .ak_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .ak_main_view_wrapper p.ak_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*/
    }
    .ak_main_view_wrapper p.ak_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*/
    }
    .ak_main_view_wrapper .ak_product_detail_content {
        width: 100%;
    }
    .ak_main_view_wrapper #ak_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    .ak_main_view_wrapper .date_cal {
        width: 100%;
    }
    #ak_main_wrapper .ak_main_header {
        font-size: 20px;
    }
    .ak_main_view_wrapper .ak_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .ak_main_view_wrapper .ak_product_image img {
        width: 200px;
        height: 200px;
    }
    /* second page cart */
    .ak_main_view_wrapper .ak_shop_wrapper .app_provider {
        width: 18%;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_price {
        width: 7%;
    }
    /* thrid page css */
    .ak_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%;
    }
    .ak_main_view_wrapper textarea {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_cart_checkout {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_tax_amount_label {
        width: 50%;
    }
    .ak_main_view_wrapper .ak_cart_sub_total {
        width: 50%;
    }
    .ak_main_view_wrapper .ak_total_amount_label {
        width: 50%;
        font-size: 14px;
    }
    .ak_main_view_wrapper .ak_total_amount {
        font-size: 15px;
    }
    .ak_main_view_wrapper .ak_coupon_input {
        width: 60% !important;
    }
    .ak_main_view_wrapper .ak_form_row {
        float: left !important;
        margin: 0px 6px 20px;
    }
    /* new client listing */
    #akclient_list .list_wrapper .list_header {
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_order {
        width: 11%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_provider {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_service {
        width: 22%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_date {
        width: 13%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_time {
        width: 9%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_cl_status {
        width: 10%;
        float: left;
        padding: 4px;
    }
    #akclient_list .list_wrapper .ak_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) {
    .ak_main_view_wrapper {
        padding: 10px;
        min-width: 100% !important;
    }
    #ak_main_wrapper.ak_main_view_wrapper label {
        padding: 5px 0px 5px;
    }
    .ak_main_view_wrapper .ak_quantity {
        float: left !important;
        margin: -25px 0px 30px 0px;
    }
    .ak_main_view_wrapper .ak_add_cart {
        clear: both;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_date {
        width: 19%;
    }
    /* right side */
    .ak_main_view_wrapper .ak_form_margin {
        margin-top: 15px !important;
        float: left;
        display: inline-block;
        width: 100%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
        font-size: 15px;
    }
    .ak_main_view_wrapper label.ak_choose_date_label {
        width: 100%;
        float: left;
    }
    .ak_main_view_wrapper .date_cal {
        width: 100%;
        float: left;
    }
    .ak_main_view_wrapper .ak_checkavl_btn {
        margin: 15px 0px 15px;
    }
    .ak_main_view_wrapper .ak_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .ak_main_view_wrapper p.ak_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*/
    }
    .ak_main_view_wrapper p.ak_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*/
    }
    .ak_main_view_wrapper p.ak_time_slot {
        font-size: 13px !important;
        padding: 3px 12px;
        position: relative;
    }
    .ak_main_view_wrapper .ak_product_detail_content {
        width: 100%;
    }
    .ak_main_view_wrapper #ak_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    #ak_main_wrapper .ak_main_header {
        font-size: 23px;
    }
    .ak_main_view_wrapper .ak_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .ak_main_view_wrapper .ak_product_image img {
        width: 200px;
        height: 200px;
    }
    /* show cart table style */
    .ak_main_view_wrapper .ak_shop_wrapper .ak_shop_header {
        padding: 5px;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_shop_header {
        width: 98%;
        font-size: 14px;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_service {
        width: 24%;
        padding: 0px;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_provider {
        width: 19%;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_shop_content {
        padding: 5px;
        width: 100%;
    }
    .ak_main_view_wrapper .ak_product_remove .remove {
        height: 20px;
        width: 20px;
        line-height: 20px;
    }
    .ak_main_view_wrapper .ak_cart_totals {
        width: 50%;
        font-size: 13px;
    }
    .ak_main_view_wrapper .ak_cart_totals .ak_app_amount {
        font-size: 14px;
    }
    /*********************/
    /** fourth page new form ***/
    .ak_main_view_wrapper .ak_row_main {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        clear: both;
    }
    .ak_main_view_wrapper .ak_form_row {
        float: left !important;
        margin: 0px 0px 22px !important;
    }
    .ak_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 .ak_label_client {
        display: block;
        width: 25%;
        float: left;
        text-align: left;
    }
    #akclient_list .list_wrapper .ak_cl_order {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_provider {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_service {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_date {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_time {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_status {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_actions {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_info_data {
        width: 73%;
        padding: 2px;
        float: left;
    }
    #akclient_list .list_wrapper .list_content .ak_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;
    }
    #ak_clients_info .ak_width60 {
        width: 80%;
        float;
        left;
    }
    .ak_main_view_wrapper #stripe_fields .ak_grid9 {
        width: 75%;
    }
    .ak_main_view_wrapper #stripe_fields .ak_grid5 {
        width: 41.66%;
    }
    .ak_main_view_wrapper #stripe_fields .ak_form_row {
        margin: 0px 0px 12px !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_card_number {
        padding: 5px 3px 5px 35px !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_stripe_cvc .ak_cvc_code {
        padding: 5px 3px 5px 30px !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_exp_month {
        padding: 5px 3px 5px 30px !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_stripe_cvc {
        width: 25%;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_lock_img {
        width: 23%;
    }
    .ak_main_view_wrapper #stripe_fields .ak_exp_mnyr {
        width: 50% !important;
        margin-right: 3px;
        text-align: left;
    }
    .ak_main_view_wrapper h4 {
        font-size: 18px !important;
    }
    .ak_main_view_wrapper img.ak_stripe_image {
        float: right;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev {
        width: 11.2%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next {
        width: 11.2%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
        font-size: 13px;
        width: 77.6%;
    }
}


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


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

@media only screen and (min-width: 320px) and (max-width: 479px) {
    #ak_main_wrapper {
        width: 100%;
    }
    .ak_main_view_wrapper input[type="text"],
    .ak_main_view_wrapper input[type="password"],
    .ak_main_view_wrapper input[type="email"],
    .ak_main_view_wrapper input[type="url"],
    .ak_main_view_wrapper input[type="tel"],
    .ak_main_view_wrapper input[type="number"],
    .ak_main_view_wrapper input[type="range"],
    .ak_main_view_wrapper input[type="date"],
    .ak_main_view_wrapper input[type="search"],
    .ak_main_view_wrapper textarea,
    .ak_main_view_wrapper input.text,
    .ak_main_view_wrapper select,
    .ak_main_view_wrapper textarea {
        font-size: 13px !important;
        padding: 3px 4px !important;
    }
    .ak_main_view_wrapper label {
        font-size: 13px;
    }
    .ak_main_view_wrapper .ak_box_text_left {
        font-size: 11px;
        font-weight: normal;
        line-height: 22px;
    }
    .ak_main_view_wrapper .ak_right_cart {
        width: 35px;
        height: 35px;
    }
    .ak_main_view_wrapper .ak_right_cart img {
        float: right;
        position: relative;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 8px;
    }
    /* .ak_main_view_wrapper .ak_right_cart .ak_badge{left: 19px;top: 1px;}*/
    .ak_main_view_wrapper .ak_right_cart .ak_badge {
        left: -1px;
        top: -19px;
    }
    #ak_main_wrapper.ak_main_view_wrapper {
        padding: 10px;
        min-width: 100% !important;
    }
    .ak_main_view_wrapper .ak_quantity {
        float: left !important;
        margin: -25px 0px 30px 0px;
    }
    .ak_main_view_wrapper .ak_tslot_wrapper p {
        margin: 3px !important;
    }
    /* right side */
    .ak_main_view_wrapper .ak_form_margin {
        margin-top: 15px !important;
        float: left;
        display: inline-block;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev {
        width: 13.5%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next {
        width: 13.5%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
        font-size: 13px;
        width: 73%;
    }
    .ak_main_view_wrapper label.ak_choose_date_label {
        width: 100%;
        float: left;
    }
    .ak_main_view_wrapper .date_cal {
        width: 100%;
        float: left;
    }
    .ak_main_view_wrapper .ak_checkavl_btn {
        margin: 15px 0px 15px;
    }
    .ak_main_view_wrapper .ak_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .ak_main_view_wrapper p.ak_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
        width: 97%;
    }
	.ak_main_view_wrapper .ak_slot_legends ul.ak_legends_ul li {
		width: 100%;
		float: left;
		text-align: left;
		line-height: 16px;
	}
    .ak_main_view_wrapper p.ak_time_slot {
        width: 97%;
    }
    .ak_main_view_wrapper p.ak_time_slot {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
    }
    .ak_main_view_wrapper .ak_product_detail_content {
        width: 100%;
    }
    .ak_main_view_wrapper #ak_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    #ak_main_wrapper .ak_main_header {
        font-size: 20px;
    }
    .ak_main_view_wrapper .ak_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .ak_main_view_wrapper .ak_product_image img {
        width: 200px;
        height: 200px;
    }
    /* show cart table style second page css */
    .ak_main_view_wrapper .ak_label_cart {
        display: block;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_shop_header {
        display: none;
    }
    .ak_main_view_wrapper .ak_label_cart {
        padding: 0px !important;
        font-size: 13px;
        float: left;
        display: inline;
        width: 30%;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_service {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_date {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_time {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_provider {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_price {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_label_cart {
        width: 27%;
        float: left;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_service {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_date {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_time {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_provider {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_price {
        width: 72% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_cart_totals {
        width: 70%;
    }
    .ak_main_view_wrapper .ak_checkout_btn {
        float: left;
        vertical-align: middle;
        text-align: center;
    }
    /* thrid page css */
    .ak_main_view_wrapper .ak_exiting_user {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_new_user {
        width: 100%;
    }
    .ak_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%;
    }
    .ak_main_view_wrapper textarea {
        width: 100%;
    }
    .ak_main_view_wrapper input[type="text"] {
        margin-bottom: 5px;
    }
    .ak_main_view_wrapper .ak_button {
        margin-top: 0px;
    }
    .ak_main_view_wrapper ul.ak_user_new_exitsting {
        padding-left: 10px;
        margin: 10px 0px;
    }
    .ak_main_view_wrapper .ak_cart_checkout {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_tax_amount_label {
        width: 50%;
    }
    .ak_main_view_wrapper .ak_cart_sub_total {
        width: 50%;
    }
    .ak_main_view_wrapper .ak_total_amount_label {
        width: 50%;
        font-size: 16px;
    }
    .ak_main_view_wrapper .ak_total_amount {
        font-size: 16px;
    }
    .ak_main_view_wrapper .ak_coupon_input {
        width: 70% !important;
    }
    .ak_main_view_wrapper .ak_confirm_booking_btn {
        text-align: center;
    }
    /*********************/
    /** fourth page new form ***/
    .ak_main_view_wrapper .ak_row_main {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        clear: both;
    }
    .ak_main_view_wrapper .ak_form_row {
        float: left !important;
        margin: 0px 0px 22px !important;
    }
    .ak_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 .ak_label_client {
        display: block;
        width: 25%;
        float: left;
        text-align: left;
    }
    #akclient_list .list_wrapper .ak_cl_order {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_provider {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_service {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_date {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_time {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_status {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_actions {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_info_data {
        width: 73%;
        padding: 2px;
        float: left;
    }
    #akclient_list .list_wrapper .list_content .ak_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;
    }
    #ak_clients_info .ak_width60 {
        width: 100%;
        float;
        left;
    }
    .ak_main_view_wrapper #stripe_fields .ak_grid9 {
        width: 100%;
    }
    .ak_main_view_wrapper #stripe_fields .ak_grid5 {
        width: 100%;
    }
    .ak_main_view_wrapper #stripe_fields .ak_form_row {
        margin: 0px 0px 12px !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_stripe_cvc {
        width: 33%;
        float: right !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_exp_mnyr {
        width: 66% !important;
        margin-right: 3px;
        text-align: left;
    }
    .ak_main_view_wrapper h4 {
        font-size: 14px !important;
    }
    .ak_main_view_wrapper .ak_lock_img {
        display: none;
    }
    .ak_main_view_wrapper img.ak_stripe_image {
        float: left;
        margin-bottom: 5px;
    }
}


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

@media only screen and (max-width: 319px) {
    #ak_main_wrapper {
        width: 100%;
    }
    #ak_main_wrapper.ak_main_view_wrapper {
        padding: 5px;
        min-width: auto !important;
    }
    .ak_main_view_wrapper .ak_box_text_left {
        font-size: 9px;
        font-weight: normal;
        line-height: 22px;
    }
    .ak_main_view_wrapper .ak_right_cart {
        width: 35px;
        height: 35px;
    }
    .ak_main_view_wrapper .ak_right_cart img {
        float: right;
        position: relative;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 8px;
    }
    .ak_main_view_wrapper .ak_right_cart .ak_badge {
        left: -3px;
        top: -19px;
    }
    .ak_main_view_wrapper .ak_quantity {
        float: left !important;
        margin: -25px 0px 30px 0px;
    }
    .ak_main_view_wrapper .ak_tslot_wrapper p {
        margin: 3px !important;
    }
    /* right side */
    .ak_main_view_wrapper .ak_form_margin {
        margin-top: 15px !important;
        float: left;
        display: inline-block;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic {
        width: 100%;
        left: 0%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_date_heading {
        font-size: 11px;
        line-height: 30px;
        width: 67%;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev {
        width: 30px;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next {
        width: 30px;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_prev span {
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .ak_main_view_wrapper .ak_tslot_date_pic .ak_cal_next span {
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    .ak_main_view_wrapper .ak_time_slot_containter .all_time_slots_div {
        margin: 0px auto;
    }
    .ak_main_view_wrapper p.ak_time_slot_booked {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
        width: 97%;
    }
    .ak_main_view_wrapper p.ak_time_slot {
        width: 97%;
    }
    .ak_main_view_wrapper label.ak_choose_date_label {
        width: 100%;
        float: left;
    }
    .ak_main_view_wrapper .date_cal {
        width: 84%;
        float: left;
    }
    .ak_main_view_wrapper .ak_checkavl_btn {
        margin: 15px 0px 15px;
    }
    .ak_main_view_wrapper .ak_info_img {
        display: none;
    }
    .ak_main_view_wrapper p.ak_time_slot {
        font-size: 13px !important;
        padding: 3px 5px;
        position: relative;
    }
    .ak_main_view_wrapper .ak_product_detail_content {
        width: 100%;
    }
    .ak_main_view_wrapper #ak_prod_det_popup {
        width: 90%;
        left: 5%;
    }
    #ak_main_wrapper .ak_main_header {
        font-size: 20px;
    }
    .ak_main_view_wrapper .ak_product_image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .ak_main_view_wrapper .ak_product_image img {
        width: 200px;
        height: 200px;
    }
    /* show cart table style second page css */
    .ak_main_view_wrapper .ak_label_cart {
        display: block;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_shop_header {
        display: none;
    }
    .ak_main_view_wrapper .ak_label_cart {
        padding: 0px !important;
        font-size: 13px;
        float: left;
        display: inline;
        width: 30%;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_service {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_date {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_time {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_provider {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .app_price {
        width: 100% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_label_cart {
        width: 35%;
        float: left;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_service {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_date {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_time {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_provider {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_shop_wrapper .ak_app_price {
        width: 64% !important;
        padding: 2px 0px;
        float: left !important;
    }
    .ak_main_view_wrapper .ak_cart_totals {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_checkout_btn {
        float: left;
        vertical-align: middle;
        text-align: center;
    }
    .ak_main_view_wrapper .ak-button.smallleft {
        font-size: 12px;
    }
    .ak_main_view_wrapper .ak-button.small {
        font-size: 12px;
    }
    /* thrid page css */
    h4 {
        font-size: 18px !important;
    }
    .ak_main_view_wrapper ul.ak_user_new_exitsting {
        margin: 5px 3px;
    }
    .ak_main_view_wrapper .ak_exiting_user {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_new_user {
        width: 100%;
    }
    .ak_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%;
    }
    .ak_main_view_wrapper textarea {
        width: 100%;
    }
    .ak_main_view_wrapper ul.ak_gender_radio {
        margin: 5px 3px;
    }
    .ak_main_view_wrapper .ak_cart_checkout {
        width: 100%;
    }
    .ak_main_view_wrapper .ak_tax_amount_label {
        width: 60%;
    }
    .ak_main_view_wrapper .ak_cart_sub_total {
        width: 60%;
    }
    .ak_main_view_wrapper .ak_total_amount_label {
        width: 60%;
        font-size: 14px;
    }
    .ak_main_view_wrapper .ak_total_amount {
        font-size: 18px;
    }
    .ak_main_view_wrapper .ak_coupon_input {
        width: 60% !important;
    }
    .ak_main_view_wrapper .ak_confirm_booking_btn {
        text-align: center;
    }
    /*********************/
    /** fourth page new form ***/
    .ak_main_view_wrapper .ak_row_main {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        clear: both;
    }
    .ak_main_view_wrapper .ak_form_row {
        float: left !important;
        margin: 0px 0px 16px !important;
    }
    .ak_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 .ak_label_client {
        display: block;
        width: 23%;
        float: left;
        text-align: left;
    }
    #akclient_list .list_wrapper .ak_cl_order {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_provider {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_service {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_date {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_time {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_status {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_actions {
        width: 100%;
        padding: 2px;
    }
    #akclient_list .list_wrapper .ak_cl_info_data {
        width: 70%;
        padding: 2px;
        float: left;
    }
    #akclient_list .list_wrapper .list_content .ak_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;
    }
    #ak_clients_info .ak_width60 {
        width: 100%;
        float;
        left;
    }
    .ak_main_view_wrapper #stripe_fields .ak_grid9 {
        width: 100%;
    }
    .ak_main_view_wrapper #stripe_fields .ak_grid5 {
        width: 100%;
    }
    .ak_main_view_wrapper #stripe_fields .ak_form_row {
        margin: 0px 0px 12px !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_stripe_cvc {
        width: 33%;
        float: right !important;
    }
    .ak_main_view_wrapper #stripe_fields .ak_exp_mnyr {
        width: 66% !important;
        margin-right: 3px;
        text-align: left;
    }
    .ak_main_view_wrapper h4 {
        font-size: 15px !important;
    }
    .ak_main_view_wrapper .ak_lock_img {
        display: none;
    }
    .ak_main_view_wrapper img.ak_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;
}