@charset "utf-8";
/* Jay - CSS Document */
textarea{height: auto;}
/*textarea{resize:none;}*/
/* Laptop Resolution CSS rules for browser widths from 1201px and up*/
@media only screen and (min-width: 1200px) {
    .container { width: 100% !important; }
}

/* Mobile Phone Resolution  CSS rules for browser widths equal to or less than 480px */

@media only screen and (max-width: 480px) {
}

/* Tablet Resolution CSS rules for browser widths from 481px to 768 px*/

@media only screen and (min-width: 481px) and (max-width: 768px) {
}

/*
 * Shared dashboard layout fix:
 * top_section.php renders a <style> tag between the fixed navbar and
 * .main-container, so Ace's adjacent-sibling selectors (.navbar-fixed-top +
 * .main-container) do not apply on some pages. Mirror the same offsets with a
 * general sibling selector so the sidebar starts below the navbar consistently.
 */
#navbar.navbar-fixed-top ~ .main-container {
    padding-top: 45px;
}

@media (max-width: 479px) {
    #navbar.navbar-fixed-top ~ .main-container {
        padding-top: 90px;
    }

    #navbar.navbar-fixed-top.navbar-collapse ~ .main-container {
        padding-top: 45px;
    }
}

.ordering_input{
    width: 40px;
}
/*adi css for temp*/
.main-body-spit { float: left; width: 100%; }
/*adi css for temp*/
.head-top-menu { margin-top: 11px; }
.head-top-menu > li { display: inline-flex; list-style: outside none none; margin-left: 25px; }
.head-top-menu a { color: #fff; }
.content-details .row { margin-top: 40px; padding: 0 10px; }
.content-details .clickable { cursor: pointer; }
.content-details .panel-heading div { margin-top: -25px; font-size: 15px; }
.content-details .panel-heading div span { margin-left: 5px; }
.content-details .panel-body { display: none; }
.nav_setting-option { float: left; width: 100%; }
.nav_setting-option .tabbable-panel { border: 1px solid #eee; padding: 10px; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.nav_setting-option .tabbable-line { float: left; width: 100%; }
.tab-menu .active a{background-color: #0096da;color:#fff;}
.nav_setting-option .tab-content { float: left; width: 100%; border-color: #EEEEEE; }
.tabbable-panel ul.nav.nav-tabs li a { height: 44px; background-color: #03a9f4; color: #fff; padding-top: 10px; }
/*uper wali*/
.nav_setting-option .tabbable-panel .tabbable-line ul.nav.nav-tabs li a { background-color: #03a9f4; color: #fff; }
.nav_setting-option .tabbable-panel .tabbable-line ul.nav.nav-tabs li.active a { background-color: #fff; color: #03a9f4; }
/*uper wali*/
.nav_setting-option ul.nav.nav-tabs li a i { margin-right: 10px; font-size: 18px; text-align: center; }
.nav_setting-option ul.nav.nav-tabs li a:active { padding: 12px; background-color: #fff; color: #4a4a4a; }
.nav-tabs > li.active > a.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #576373; border-color: #c5d0dc; border-top: 2px solid #4c8fbd; border-bottom-color: transparent; background-color: #FFF; z-index: 1; line-height: 18px; margin-top: -1px; box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15); }
.nav_setting-option ul.nav.nav-tabs li a:focus { padding: 12px; background-color: #fff !important; color: #03a9f4!important; border-top: 2px solid #4c8fbd; }


/* Default mode */

/* Below tabs mode */

.det_form { float: left; width: 100%; padding-top: 10px; }
.det_form input { width: 100%; height: 30px; border-radius: 3px !Important; }
.det_form .form-control, select { height: 30px !Important; }
.det_form .btn.btn-primary {border-radius: 0 !important; margin-top: 20px !important;}
.well tr td a { padding-left: 5px; padding-right: 5px; padding-top: 2px; color: #4a4a4a; border-radius: 3px; padding-bottom: 2px; }
.well { float: left; width: 100%; background-color: #fff !Important; }
.well tr th { background-color: #fff !Important; }
.modal_add_mail { float: left; width: 100%; }
.modal_add_mail button.btn.btn-info.btn-lg { float: right; padding-top: 4px; margin-bottom: 10px; background-color: #fff !Important; font-size: 13px; color: #4a4a4a !Important; border: 1px solid #DDDDDD; border-radius: 5px; padding-bottom: 4px; }
.modal_add_mail button.btn.btn-default { border: none !Important; border-radius: 5px; }
button.submit_modal { padding-top: 7px; color: #fff; padding-right: 10px; padding-bottom: 6px; border-radius: 5px; float: left; border: none; background-color: #ABBAC3; padding-left: 10px; }
.modal_add_mail .modal-body input { width: 100%; margin-top: 15px; }
.modal_add_mail .modal-content { border-radius: 5px; }
.modal_add_mail .modal-content .modal-footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.modal_add_mail td { padding: 15px !Important; }
.man_calend { float: left; width: 100%; }
.man_calend button.btn.btn-info.btn-lg { float: right; padding-top: 4px; margin-bottom: 10px; background-color: #fff !Important; font-size: 13px; color: #4a4a4a !Important; border: 1px solid #DDDDDD; border-radius: 5px; padding-bottom: 4px; }
.nav_setting-option h3 { /*float: left; */margin-top: 0px; margin-bottom: 20px; }
.cell { width: 100%; background-color: #fff !Important; float: left; }
.cell .table > thead > tr > th { background-color: #fff; }
.cell tr td a { padding-left: 5px; padding-right: 5px; padding-top: 2px; color: #4a4a4a; border-radius: 3px; padding-bottom: 2px; }
.cell td a p { display: inline; }
.cell td a { text-decoration: none; }
/*button_on-of*/
/* Switch button */
.pro_availibility ul { padding-left: 0px; }
.pro_availibility ul li { list-style: none; float: left; margin-left: 12px; }
.pro_availibility ul li h4 { margin-top: 2px; }
.pro_availibility ul li h4.thurs { margin-top: 2px; margin-right: 34px; }
/* Switch button */
.drop_one { float: left; width: 100%; }
.pro_availibility ul li button.btn.btn-default.dropdown-toggle { background-color: #fff !Important; color: #4a4a4a !Important; border: 1px solid #ABBAC3; text-align: center; padding-bottom: 3px; padding-top: 3px; border-radius: 3px; }
.pro_availibility ul li button.btn.btn-default.dropdown-toggle span.caret { border-top-color: #4a4a4a; margin-top: 0px; margin-left: 5px; }
.pro_availibility ul li ul.dropdown-menu { min-width: auto !Important; }
.pro_availibility ul li ul.dropdown-menu li { border-bottom: 1px dotted #ABBAC3; }
.pro_availibility ul li label { margin-top: 4px; }
.pro_availibility ul li p { margin: 5px !Important; }
.pro_availibility ul li label input[type=checkbox].ace.ace-switch:checked + .lbl::before { text-indent: 8px; color: #FFF; text-shadow: 0 0 0 #FFF; background-color: #03A9F4; border-color: #6a8ca8; }
.no-skin .nav-list > li.active:after { display: block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; z-index: 1; border: 2px solid; border-width: 0 2px 0 0; border-color: #03A9F4 !important; }
.ace-nav > li > a { background-color: #03A9F4 !important; color: #FFF; display: block; line-height: inherit; text-align: center; height: 100%; width: auto; min-width: 50px; padding: 0 8px; position: relative; }
.navbar { margin: 0; padding-left: 0; padding-right: 0; border-width: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; min-height: 45px; background: #565656!important; }
.nav { padding-left: 0; margin-bottom: 0; list-style: none; background: #f7f7f7; }
.tab-menu>li>a:focus, .tab-menu>li>a:hover { text-decoration: none; background-color: #0096da; color: #fff; }
.tabss { font-size: 17px; color: #74777b; float: left; }
.ace-nav > li > a { background-color: #03A9F4 !important; }
.no-skin .nav-list > li.active > a { font-weight: bold; color: #03A9F4 !important; }
.no-skin .nav-list li.active > a:after { border-right-color: #03A9F4 !important; -moz-border-right-colors: #2b7dbc; }
.no-skin .nav-list > li.active:after { display: block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; z-index: 1; border: 2px solid; border-width: 0 2px 0 0; border-color: #03A9F4; }
.pro_availibility { float: left; width: 100%; }
.one-day_time-bloc { float: left; width: 100%; margin-top: 10px; }
.one-day_time-bloc ul li { margin-top: 5px; margin-left: 0; margin-right: 12px; }
.pro_availibility ul li h4.mon { margin-right: 35px; }
.pro_availibility ul li h4.tue { margin-right: 35px; }
.pro_availibility ul li h4.wed { margin-right: 5px; }
.pro_availibility ul li h4.fri { margin-right: 55px; }
.pro_availibility ul li h4.sat { margin-right: 33px; }
.pro_availibility ul li h4.sun { margin-right: 45px; }
.one-day_time-bloc ul li .to {padding: 0 7px}


@media(max-width:577px) and (min-width:320px) {
    .pro_availibility ul li { list-style: none; margin-left: 12px; }
    .choose_block-day ul li { list-style: none; float: none; margin-left: 0px; display: inline-block; }
}


/*availibility block*/
.choose_block-day { float: left; width: 100%; margin-top: 15px; }
.choose_block-day ul { padding-left: 0px; float: left; width: 95%; }
.choose_block-day ul li p { color: #4a4a4a; z-index: 99999; float: left; text-align: center; width: 100%; margin: 0 !important; padding-top: 5px}
.choose_block-day ul li { list-style: none; }
.choose_block-day ul li button.btn.btn-default.dropdown-toggle { background-color: #fff !Important; color: #4a4a4a !Important; border: 1px solid #ABBAC3; text-align: center; padding-bottom: 3px; padding-top: 3px; border-radius: 3px; width: auto; }
.choose_block-day ul li { list-style: none; float: left; margin-left: 12px; width: 75px; }
.choose_block-day ul li button.btn.btn-default.dropdown-toggle span.caret { border-top-color: #4a4a4a; margin-top: 0px; margin-left: 5px; }
.choose_block-day ul li ul.dropdown-menu { min-width: auto !Important; }
.choose_block-day ul li ul.dropdown-menu li { border-bottom: 1px dotted #ABBAC3; }
.choose_block-day ul li { list-style: none; float: left; margin-left: 0px; }


@media(max-width:577px) and (min-width:320px) {
    .choose_block-day ul li { list-style: none; float: none; margin-left: 0px; }
    .choose_block-day ul li input.biday { margin-left: 0px !important; padding-top: 2px; padding-bottom: 2px; border-radius: 3px !Important; border-color: #ABBAC3; text-align: center; }
}


.choose_block-day ul li ul.dropdown-menu li { margin-left: 0px; text-align: center; padding: 0px; width: 100% !Important; }
.choose_block-day ul input.progress-sav { background-color: #fff; border: 1px solid #ABBAC3; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; border-radius: 3px; padding-left: 15px; }
.nav_setting-option h3 span input { background-color: #fff; border: 1px solid #ABBAC3; margin-left: 8px; border-radius: 3px; color: #4a4a4a; font-size: 16px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; line-height: 12px; }
.choose_block-day ul li input.biday { margin-left: 46px; padding-top: 2px; padding-bottom: 2px; border-radius: 3px !Important; border-color: #ABBAC3; text-align: center; }
/*end fo availibility*/
/*notification*/
.notification { float: left; width: 100%; }
.notification h3 { margin-bottom: 5px; margin-top: 0px; margin-right: 15px; }
.notification >.col-md-12.top_spac { margin-bottom: 5px; float: left; padding: 0; width: 100%; }
.btn.btn-primary { float: left; }
.notification >.col-md-12.top_spac select { margin-left: 0; float: left; float: left; }
.notification select { width: 100%; }
.notification ul { float: left; width: 100%; }
.notification ul li { list-style: none; float: left; margin-right: 15px; }
.notification ul li span.remider { float: right; margin-left: 15px; margin-right: 5px; margin-top: -5px; }
.notification ul { float: left; width: 100%; margin-left: 0px; }
.notification ul li span.remider button.btn.btn-default.dropdown-toggle { background-color: #fff !Important; color: #4a4a4a !Important; border: 1px solid #ABBAC3; text-align: center; padding-bottom: 3px; padding-top: 3px; border-radius: 3px; width: auto; }
.notification ul li ul.dropdown-menu li { margin-left: 0px; text-align: center; padding: 0px; width: 100% !Important; }
.notification ul li ul.dropdown-menu { min-width: auto !Important; }
.notification ul li span.remider select { width: 175px; border-radius: 3px; }
.notification ul li h4 { margin-top: 20px; float: left; }
.notification ul li p { float: right; line-height: 55px; margin: 0 auto; }


@media (max-width:405px) and (min-width:320px) {
    .notification ul li p { float: left; line-height: 18px; margin: 0 auto; }
    .one-day_time-bloc ul li { margin-left: 0; }
    .choose_block-day ul li select, .choose_block-day ul li input { margin-bottom: 5px; width: 100%; }
    .tab-pane .top_text h4 { word-wrap: break-word; word-break: break-all; }
    .top_spac #s .col-md-4 > div, #TextBoxDiv2 .col-md-4 > div, #TextBoxDiv3 .col-md-4 > div { float: left!important; padding-left: 14px; }
    .tbl-320-pd { padding-right: 0; padding-left: 0; }
}


.choose_block-day ul li { display: inline-block; width: auto!important; margin: 0 7px;}
.choose_block-day ul li:first-child {margin-left: 0 !important}
.choose_block-day ul li #TextBoxesGroup120 { display: inline-block; float: left; }
.notification ul.check-days { margin-top: 12px; margin-left: 0; }
.personal_det_chang { float: left; width: 100%; }
.personal_det_chang input { padding: 2px 16px; float: left; background-color: #4a4a4a; color: #fff; font-weight: 500; border: none !Important; height: 41px; border-radius: 5px; }
.modal-footer .btn { padding: 0px 20px; font-size: 14px; height: 40px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.remider_at { float: left; width: 100%; }
.remider_at button.btn.btn-default.dropdown-toggle span.caret { border-top-color: #4a4a4a; margin-top: 0px; margin-left: 5px; }
.remider_at button.btn.btn-default.dropdown-toggle { background-color: #fff !Important; color: #4a4a4a !Important; border: 1px solid #ABBAC3; text-align: center; padding-bottom: 3px; padding-top: 3px; border-radius: 3px; }
.remider_at ul.dropdown-menu { min-width: auto !Important; }
.notification input.progress-sav { background-color: #fff; border: 1px solid #ABBAC3; padding-top: 4px; padding-bottom: 4px; padding-right: 12px; border-radius: 3px; margin-top: 15px; padding-left: 12px; }
/*end of notification*/
/*services*/
.main_service_wrap { float: left; width: 100%; }
.main_service_wrap table { float: left; width: 100%; margin-top: 15px; }
.main_service_wrap table td { padding-top: 15px; padding-bottom: 15px; }
/*
.main_service_wrap table td button {
    background-color: #fff !IMportant;
    border: 1px solid #C7C7C7;
    font-size: 13px;
    width: 28px;
    height: 25px;
    border-radius: 3px;
    color: #4a4a4a !IMportant;
}
*/
.main_service_wrap table td span { margin-left: 5px; }
.main_service_wrap table th { border-bottom: 2px solid #C8C8C8; padding-bottom: 8px; }
.servic_detail-wrap { float: left; width: 100%; }
.admore { margin-left: 150px; margin-top: -30px; }
/*.main_service_wrap table td button:hover {
    
    border: none;
    font-size: 13px;

    border: 1px solid #C7C7C7;
    width: 28px;
    height: 25px;
    border-radius: 3px;
    color: #fff !IMportant;
}
*/
.servi_name { float: left; width: 100%; }
.servi_name input { padding:5px 10px 5px !important; width: 100%; }
.duration { float: left; width: 100%; }
.duration button.btn.btn-default.dropdown-toggle { background-color: #fff !Important; color: #4a4a4a !Important; border: 1px solid #ABBAC3; text-align: center; padding-bottom: 3px; padding-top: 3px; border-radius: 3px; }
.duration button.btn.btn-default.dropdown-toggle span.caret { border-top-color: #4a4a4a; margin-top: 0px; margin-left: 5px; }
.duration ul.dropdown-menu { min-width: auto !Important; }
.duration ul { float: left; margin-left: 0px; }
.duration ul li { float: left; list-style: none; margin-right: 12px; }
.break_ech_app { float: left; width: 100%; }
.break_ech_app button.btn.btn-default.dropdown-toggle { background-color: #fff !Important; color: #4a4a4a !Important; border: 1px solid #ABBAC3; text-align: center; padding-bottom: 3px; padding-top: 3px; border-radius: 3px; }
.break_ech_app button.btn.btn-default.dropdown-toggle span.caret { border-top-color: #4a4a4a; margin-top: 0px; margin-left: 5px; }
.break_ech_app ul.dropdown-menu { min-width: auto !Important; }
.break_ech_app ul li { float: left; list-style: none; margin-left: 12px; }
.break_ech_app .drop_one { float: right; width: Auto; }
.add_sgroup { float: left; width: 100%; }
.confi_typ { float: left; width: 100%; }
.servic_detail-wrap input.progress-sav { background-color: #fff; border: 1px solid #ABBAC3; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; border-radius: 3px; padding-left: 15px; }
/*choose service hours*/
.choose_hr-wrap { float: left; width: 100%; }
.choose_hr-wrap .one-day_time-bloc { float: left; width: 100%; margin-top: 10px; }
.choose_hr-wrap ul { padding-left: 0px; }
.choose_hr-wrap ul li { list-style: none; float: left; margin-left: 12px; }
.choose_hr-wrap ul li h4.mon { margin-right: 35px; }
.choose_hr-wrap ul li label { margin-top: 4px; }
.choose_hr-wrap ul li button.btn.btn-default.dropdown-toggle { background-color: #fff !Important; color: #4a4a4a !Important; border: 1px solid #ABBAC3; text-align: center; padding-bottom: 3px; padding-top: 3px; border-radius: 3px; }
.choose_hr-wrap ul li button.btn.btn-default.dropdown-toggle span.caret { border-top-color: #4a4a4a; margin-top: 0px; margin-left: 5px; }
.choose_hr-wrap ul li ul.dropdown-menu { min-width: auto !Important; }
/*end of service hours*/
.top-tabs .infobox-container a .infobox-icon h4 { background-color: #03A9F4; color: #fff; text-align: center; padding-top: 12px; box-shadow: -1px 1px 6px 1px #4a4a4a; padding-bottom: 12px; margin-top: 0px; border-radius: 100%; }
.main_service_wrap h3 { float: left; width: 100%; }
.main_service_wrap .button_right { float: right; }
.main_service_wrap .button_right input.btn.btn-info.btn-lg { background-color: #fff !Important; color: #4a4a4a !Important; text-shadow: none !important; border-width: 1px}
.main_service_wrap  span.button_right a { font-size: 12px; text-decoration: none; padding: 4px 10px; border-radius: 3px; color: #4a4a4a; margin: 0; display: inline-block; padding: 0;}
.nav_setting-option h3 span select { margin-left: 8px; font-size: 15px; }
.main_service_wrap input#add_group { float: right; margin-top: 22px; background-color: #fff; border: 1px solid #C8C8C8; padding: 5px 14px; border-radius: 5px; }
.main_service_wrap h3 { float: left; }
.main_service_wrap input#add_ser { float: right; margin-top: 22px; background-color: #fff; border: 1px solid #C8C8C8; padding: 5px 14px; border-radius: 5px; }
.choose_hr-wrap .one-day_time-bloc ul li h4.tue { margin-right: 33px; }
.choose_hr-wrap .one-day_time-bloc ul li h4.wed { margin-right: 7px; }
.choose_hr-wrap .one-day_time-bloc ul li h4.fri { margin-right: 55px; }
.choose_hr-wrap .one-day_time-bloc ul li h4.sat { margin-right: 28px; }
.choose_hr-wrap .one-day_time-bloc ul li h4.sun { margin-right: 42px; }
.choose_hr-wrap .one-day_time-bloc ul li h4.thurs { margin-right: 26px; }
.choose_hr-wrap .one-day_time-bloc ul li h4.Fri { margin-right: 53px; }
input[type=checkbox].ace.ace-switch:checked + .lbl::before { text-indent: 8px; color: #FFF; text-shadow: 0 0 0 #FFF; background-color: #03A9F4 !important; border-color: #6a8ca8; }
.choose_hr-wrap .allw_multi h4 { float: left; }
.choose_hr-wrap .allw_multi input#multi_book { width: 42px; padding-top: 2px; padding-bottom: 2px; margin-top: 6px; margin-left: 5px; border: 1px solid #D5D5D5; }
.choose_hr-wrap .allw_Book_appo h4 { float: left; margin-right: 15px; }
.choose_hr-wrap .allw_Book_appo select { width: auto !Important; float: left; margin-left: 5px; }
.allw_Book_appo { float: left; width: 100%; margin-top: 5px; }
.choose_hr-wrap input.progress-sav { background-color: #fff; border: 1px solid #ABBAC3; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; border-radius: 3px; padding-left: 15px; }
/*manage booking form*/
.manage_book_form { float: left; width: 100%; }
.manage_book_form table { border: none !Important; }
.manage_book_form table tr td { border: none !Important; }
.manage_book_form table tr th { background-color: #fff; border: none; border-bottom: 2px solid #C8C8C8; }
.manage_book_form input.progress-sav { background-color: #fff; border: 1px solid #ABBAC3; padding-top: 4px; float: left; padding-bottom: 4px; padding-right: 12px; border-radius: 3px; margin-top: 15px; padding-left: 12px; }
.manage_book_form h3 { float: left; width: 100%; }
.modal_add_mail h3 { width: auto !Important; float: left !Important; }
.manage_book_form button.btn.btn-info.btn-lg { float: right; padding-top: 4px; margin-bottom: 10px; background-color: #fff !Important; font-size: 13px; color: #4a4a4a !Important; border: 1px solid #DDDDDD; border-radius: 5px; padding-bottom: 4px; }
.manage_book_form .modal-dialog { width: 600px; margin: 30px auto; }
.manage_book_form .modal-dialog input[type="text"] { width: 100%; }
.manage_book_form ul { margin-left: 0px; margin-top: 10px; }
.manage_book_form ul ol { font-size: 16px; font-weight: 500; }
.manage_book_form ul ol li { margin-top: 5px; }
.manage_book_form button#sub_form { padding-top: 4px; margin-bottom: 10px; background-color: #fff !Important; font-size: 13px; color: #4a4a4a !Important; border: 1px solid #DDDDDD; border-radius: 5px; padding-bottom: 4px; }
.manage_book_form .modal-dialog a { color: #337ab7; text-decoration: none; width: 100%; }
.manage_book_form .modal-content { border-radius: 5px !important; padding-right: 20px; padding-left: 20px; padding-top: 30px; padding-bottom: 30px; }


@media(max-width:767px) and (min-width:320px) {
    .manage_book_form .modal-dialog { width: auto; margin: 30px auto; padding-right: 15px; padding-left: 15px; }
}


.servic_detail-wrap h3 { float: none; width: 100%; }
/*notifacation_service*/
.notification_ser-wrap { float: left; width: 100%; }
.send_ins_not { float: left; width: 100%; }
.send_ins_not select { float: left; width: 100%; }
.send_ins_not ul { float: left; width: 100%; margin-left: 0px; margin-top: 10px; }
.send_ins_not ul li input { float: left; list-style: none; width: 159px; background-color: #fff; border: 1px solid #E2E2E2; }
.send_ins_not ul li { float: left; list-style: none; margin-left: 5px; }
.send_ins_not ul li input { float: left; list-style: none; padding-top: 6px; width: 159px; background-color: #fff; border: 1px solid #E2E2E2; border-radius: 5px; padding-bottom: 6px; }

.send_ins_not input#mail_sub { float: left; width: 100%; }
.send_ins_not input#cancel_sub { float: left; width: 100%; }

.col-xs-12.for_ful { width: 100%; padding: 0px !Important; }
.wysiwyg-toolbar { background-color: #B0B3B6; line-height: 33px; margin: 0 !important; position: relative; margin-top: 15px !Important; }
.send_ins_not h5 { float: left; width: 100%; }
.send_ins_not select#rem_in { float: left; width: 90px; margin-left: 10px; font-size: 12px; }
.send_ins_not select#snd_bfor { width: 80px; float: left; }
.send_ins_not ul.fom_num { float: left; width: 100%; margin-top: 15px; margin-bottom: 15px !Important; }
.send_ins_not ul.fom_num li { float: left; margin-left: 8px; margin-right: 8px; }
.send_ins_not ul.fom_num a { font-size: 15px; }
.col-md-6.brdr-left { border-left: 1px solid #D5D5D5; }
.send_mail { float: right; margin-top: 12px; }


@media(max-width:992px) and (min-width:320px) {
    .col-md-6.brdr-left { border-left: none; }
}


/*end notifacation_service*/
input#save_pro { background-color: #fff; border: 1px solid #BBC0CA; padding-top: 5px; padding-bottom: 5px; padding-right: 18px; padding-left: 18px; float: left; margin-top: 10px; border-radius: 4px; }
/*end of services*/
/*customise_page*/
.tamplate_wrap { float: left; width: 100%; }
.tamplate_wrap .select_tamp { float: left; width: 100%; }
.select_tamp ul { float: left; width: 100%; margin-left: 0px; }
.select_tamp ul li { margin-left: 5px; list-style: none; }
.select_tamp ul li a { float: left; width: 100%; text-align: center; margin-bottom: 10px; }
.select_tamp ul li input#sel_temp { text-align: center; margin: 0 auto; display: table; }
.review_wrap { float: left; width: 100%; }
.col-md-8.border-left { border-left: 2px solid #C1B6B6; }
.select_tamp .nav.nav-justified > li > a { position: relative; }
.select_tamp .nav.nav-justified > li > a:hover, .select_tamp .nav.nav-justified > li > a:focus { background-color: transparent; }
.select_tamp .nav.nav-justified > li > a > .quote { position: absolute; top: 0px; opacity: 0; width: 25px; height: 25px; padding: 2px; background-color: #13c0ba; border-radius: 15px; color: #fff; }
.select_tamp .tab-content { border: none; padding: 0px 0px; position: relative; }
.select_tamp .nav.nav-justified > li.active > a > .quote { opacity: 1; }
.select_tamp .nav.nav-justified > li > a > img { box-shadow: 0 0 0 3px #13c0ba; }
.select_tamp .nav.nav-justified > li > a > img { max-width: 100%; opacity: .3; -webkit-transform: scale(.8, .8); transform: scale(.8, .8); -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.select_tamp .img-circle { border-radius: 0px; }
.select_tamp .nav.nav-justified > li.active > a > img, .select_tamp .nav.nav-justified > li:hover > a > img, .select_tamp .nav.nav-justified > li:focus > a > img { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.select_tamp img.img-circle { width: 80px; height: 80px; }
.select_tamp .tab-pane .tab-inner { padding: 0px 15px 20px; float: left; border-left: 1px solid #DAD8D8; }
.select_tamp .nav_setting-option h3 { float: left; width: 100%; margin-top: 0px; margin-bottom: 20px; }
/* .select_tamp h3 { margin-left: 15px; } */
.tamplate_wrap .select_tamp input#conti_temp { display: table; margin: 0 auto; background-color: #44A026; padding-top: 9px; border: 1px solid #B1B1B1; padding-bottom: 9px; color: #fff; padding-left: 20%; padding-right: 20%; font-size: 15px; }
.top_bar_clr { float: left; width: 100%; }
.top_bar_clr h3 { float: left; width: 100%; }
.top_bar_clr form input { padding: 5px; float: right; padding-top: 0px !Important; padding-bottom: 0px !Important; width: 25%; margin-right: 25%; }
.top_bar_clr form { margin-bottom: 5px; }
.top_bar_clr >.col-md-8.devider-brder { border-left: 1px solid #D5D5D5; }
.top_bar_clr input#conti_temp { display: table; margin: 0 auto; background-color: #44A026; padding-top: 9px; border: 1px solid #B1B1B1; padding-bottom: 9px; color: #fff; padding-left: 20%; padding-right: 20%; font-size: 15px; }
.top_bar_clr input.progress-sav { margin-top: 20px; }


@media (min-width: 768px) {
    .nav.nav-justified > li > a > .quote { left: auto; top: auto; right: 20px; bottom: 0px; }
}


/*ser & time*/
.Ser-time { float: left; width: 100%; }
.Ser-time h3 { float: left; width: 100%; }
.frm_sr_tm input { float: left; width: 100%; }
.frm_sr_tm { float: left; width: 100%; }
.frm_sr_tm h4 { margin-top: 12px !Important; margin-bottom: 5px; float: left; }
.Ser-time input.progress-sav { width: 100px; margin-top: 20px; border-radius: 0 !important}
.col-md-8.devider-brder { border-left: 1px solid #D5D5D5; }
.Ser-time input#conti_temp { display: table; margin: 0 auto; background-color: #44A026; padding-top: 9px; border: 1px solid #B1B1B1; padding-bottom: 9px; color: #fff; padding-left: 20%; padding-right: 20%; font-size: 15px; }
/*and of ser & time*/
/*end of customise_page*/
/*Booking & review*/
.Book-review { float: left; width: 100%; }
.frm_book { float: left; width: 100%; }
.frm_book h3 { float: left; width: 100%; }
.frm_sr_tm input { padding-top: 3px !Important; padding-bottom: 3px !Important; border-radius: 3px !Important; }
.frm_book input { padding-top: 3px !important; padding-bottom: 3px !important; width: 100%; border-radius: 3px !Important; }
.tab-top_br input { padding-top: 3px !important; padding-bottom: 3px !important; border-radius: 3px !Important; }
.tab-top_br .btn.btn-primary {border-radius: 0 !important}
.Book-review input.progress-sav { width: 100px; margin-top: 20px; border-radius: 0 !important}
.Book-review input#conti_temp { display: table; margin: 0 auto; background-color: #44A026; padding-top: 9px; border: 1px solid #B1B1B1; padding-bottom: 9px; color: #fff; padding-left: 20%; padding-right: 20%; font-size: 15px; }
.frm_sr_tm h4 { margin-bottom: 5px; margin-top: 10px; float: left; }
/*End of Booking & review*/
/*end of option-setting*/
/*appointment manager*/
.appointment_man-wrap { float: left; width: 100%; background-color:#fff; padding:10px 20px 10px;}
.appointment_man-wrap h3 { float: left; }
.appointment_man-wrap .sho_chec_wrap { float: left; width: 100%; }
.appointment_man-wrap ul.appintment-ul { float: left; width: 100%; margin-left: 0px; }
.appointment_man-wrap ul.appintment-ul li { float: left; list-style: none; margin-left: 5px; margin-top: 5px; min-height: 32px; width: 100%; padding-bottom: 8px; }
.appointment_man-wrap ul.appintment-ul li input.srvice { width: 60px; float: left; font-size: 12px; }
.appointment_man-wrap ul.appintment-ul li input { width: auto; float: left; padding-left: 2px; text-align: center; font-size: 12px; padding-right: 2px;  }
.appointment_man-wrap ul.appintment-ul li input.srch_service { width:300px; font-size: 12px; float: left; text-align: left; }
.appointment_man-wrap ul.appintment-ul li #services, .appointment_man-wrap ul.appintment-ul li #status{ width:200px; margin-left: 12px;}
.appointment_man-wrap ul.appintment-ul li span.book_date { float: left; line-height: 30px; font-size: 14px; padding-right: 10px; }
.appointment_man-wrap ul.appintment-ul li .book-appo-col {float: left;  margin-left: 2%; display: inline-block}
.appointment_man-wrap ul.appintment-ul li .book-appo-col:first-child {margin-left:0;}


.cont_pr_page { float: left; width: 100%; margin-top: 8px; margin-bottom: 8px; }
.cont_pr_page span { float: left; margin-right: 5px; line-height: 30px; font-size: 14px; }
.cont_pr_page select { width: 65px; }
.sho_checkbox { float: left; width: 85%; margin-top: 5px; }
.table_mngr { float: left; margin-top: 15px; width: 100%; }
.table_mngr .table-bordered { border: none !important; }
.table_mngr .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: none !important; }
.table_mngr tr span.date_time { margin-left: 8px; }
.table_mngr td span.status_panding { color: #f5f5f5; background-color: red; font-weight: 600; padding: 5px; border-radius: 5px; }
.table_mngr span.status_confirmed { background-color: green; font-weight: 600; color: #fff; padding: 5px; border-radius: 5px; }
.table_mngr tr span.status_Passed { color: #fff; padding: 5px; border-radius: 5px; background-color: blue; font-weight: 600; }
.table_mngr th { background: #fff; border: none !Important; border-bottom: 2px solid #D5D5D5 !Important; }
.dropdown-menu.dropdown-only-icon > li span.blue { font-size: 16px; margin-left: 2px; }
.table_mngr button.btn.btn-xs.btn-ok { font-size: 14px; height: 26px; padding-top: 0px; width: 26px; background-color: #6FB3E0 !Important; }
.table_mngr button.btn.btn-xs.btn-info { background-color: #10C510 !Important; }
.table_mngr .hidden-sm.hidden-xs.btn-group button { border-radius: 3px !Important; }
/*end of appointment manager*/
/*front-end*/
.fron_wrap { float: left; width: 100%; background: #747b80; }
.front { width: 600px; display: table; margin: 0 auto; margin-top: 25px; }
.blue_tab { float: left; width: 100%; }
.front img.hed_font-end { text-align: center; display: table; margin: 0 auto; margin-bottom: 15px; padding-top: 10px; /*width: 600px;*/
                          height: 120px; }
.main_img_them2wrap { float: left; width: 100%; border: 1px solid #ddd; border-bottom: none; }
.main_img_them2wrap h3, h4 { }
/*theme*/
/*** PANEL DEFAULT ***/
.blue_tab .with-nav-tabs.panel-default .nav-tabs > li > a, .blue_tab .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .blue_tab .with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #777; border: none; }
.blue_tab .with-nav-tabs.panel-default .nav-tabs > li.active > a, .blue_tab .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .blue_tab .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border-color: #ddd; box-shadow: none !Important; border-bottom-color: transparent; border: none !important; position: relative; top: 1px; }
.blue_tab .with-nav-tabs.panel-default .nav-tabs > li > a > h5 { font-size: 12px; font-weight: bold; margin-left: 15px; margin-right: 15px; }
.fron_wrap .main_img_top { float: left; width: 100%; border: 1px solid #ddd; border-bottom: none; }
.fron_wrap .main_img_top h3, h4 { margin-top: 15px; }


@media(max-width:992px) and (min-width:320px) {
    .blue_tab .ser_blue-wrap img { float: left; width: 100px !important; }
}

.blue_tab .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu { background-color: #f5f5f5; border-color: #ddd; }
.blue_tab .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #777; }
.blue_tab .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .blue_tab .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ddd; }
.blue_tab .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a, .blue_tab .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .blue_tab .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #555; }
/********************************************************************/
.blue_tab li.active .botom_line:hover { width: 0; position: relative; top: 1px; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #319FAB !Important; text-align: center; display: table; margin: 0 auto; }
.blue_arrow { float: left; width: 100%; }
.blue_tab li.active .botom_line { width: 0; bottom: 1px !Important; position: relative; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #319FAB !Important; text-align: center; display: table; margin: 0 auto; }
.blue_tab .panel.with-nav-tabs.panel-default ul.nav.nav-tabs li a { background-color: transparent; color: #4a4a4a; top: 0px !important; }
.blue_tab .panel.with-nav-tabs.panel-default ul.nav.nav-tabs li.active a { background-color: transparent; color: #4a4a4a; margin: 0 auto; }
.blue_tab .panel.with-nav-tabs.panel-default ul.nav.nav-tabs li.active a:hover { background-color: transparent !important; }
.blue_tab li.active .botom_line:focus { width: 0; position: relative; top: 1px; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #319FAB !Important; text-align: center; display: table; margin: 0 auto; }
.fron_wrap h3 { float: left; width: 100%; }
.blue_tab ul.nav.nav-tabs li a { background-color: #fff; }
.blue_tab .panel-default > .panel-heading { color: #333333; background-color: #fff; border-color: #dddddd; border-bottom: 2px solid #319FAB; }
.blue_tab ul.nav.nav-tabs { border: none !Important; display: table; margin: 0 auto; }
.blue_tab .nav-tabs > li { float: left; }
.blue_tab ul.nav.nav-tabs li.active { margin-bottom: 0px; padding-bottom: 0px; }
.blue_tab .tab-content { border: 1px solid #c5d0dc; padding: 16px 12px; position: relative; float: left; width: 100%; }
.ser_blue-wrap p.nt { float: left; width: 100%; text-align: center; font-size: 18px; color: #827C7C; }
.conti-but input.cont { padding-top: 10px; padding-bottom: 10px; width: 85%; border-radius: 5px; font-size: 15px; border: none; }
.ser_blue-wrap hr { display: table !Important; margin: 15px auto; float: left; width: 100%; border: 1px solid #C5D0DC; text-align: center; }
.conti-but { float: left; width: 100%; text-align: center; padding-top: 4px; }

@media(max-width:676px) and (min-width:320px) {
    .front { width: 100%; display: table; margin: 0 auto; }
    .blue_tab .nav-tabs > li { float: left; margin-bottom: -1px; border-bottom: 3px solid #319FAB; padding-bottom: 5px; width: 100%; }
}

.ser_blue-wrap { float: left; width: 100%; }
.ser_blue-wrap h4 { text-align: center; }
.ser_blue-wrap img { float: left; width: 100%; }
.ser_blue-wrap h5 { font-weight: 500; font-size: 18px; }
.row.mrgn_tp { margin-top: 15px; margin-bottom: 15px; width: 100%; float: left; }
.tim_blue-wrap { float: left; width: 100%; }
.tim_blue-wrap h4 { text-align: center; }
.tim_blue-wrap hr { float: left; width: 100%; border: 1px solid #DDD; }
.time_zon { float: left; text-align: center; width: 100%; background-color: rgba(171, 171, 15, 0.44); border-top: 2px solid #7D7D5A; }
.tim_drop.col-md-offset-2 { text-align: center; font-size: 28px; float: left; width: 100%; margin-top: 15px; }
.tim_drop.col-md-offset-2 i.fa.fa-calendar-o { margin-top: 0px; position: relative; top: -8px; color: #858585; }
.tim_tab table { width: 100%; }
.tim_tab { float: left; width: 100%; }
.tim_tab table#t01 tr:nth-child(even) { background-color: #eee; }
table#t01 tr:nth-child(odd) { background-color: #fff; }
.tim_tab table#t01 th { background-color: #4a4a4a; color: white; }
.tim_drop.col-md-offset-2 select { border: none !Important; }
.tim_tab td:hover { background-color: #03A9F4; margin-top: 2px !Important; color: #fff; margin-bottom: 2px !Important; border-radius: 3px !Important; }
.tim_tab select.form-control { border: none !Important; }
.tim_tab th, td { padding: 10px; text-align: left; }
.tim_tab h5 { font-weight: 500; color: #7D7D4A; }
.blue_tab .bk-dt_blue-wrap { float: left; width: 100%; text-align: center; }
.blue_tab .bk-dt_blue-wrap hr { border: 1px solid #DDDDDD; float: left; width: 100%; display: table; }
.rvw-conf_blue-wrap { float: left; width: 100%; }
.rvw-conf_blue-wrap h4 { text-align: center; }
.rvw-conf_blue-wrap hr { border: 1px solid #DDDDDD; float: left; width: 100%; display: table; margin-top: 0px; }
.rvw-conf_blue-wrap .time { float: left; width: 100%; }
.time table button.btn.btn-xs.btn-edit { background-color: #fff !Important; border: 1px solid #DDDDDD; color: #218FC1 !Important; border-radius: 3px; width: 28px; height: 28px; text-align: center; float: right; margin-bottom: 4px; }
.time table { width: 100%; float: left; }
.time table tr td { padding-top: 0px !Important; padding-bottom: 0px !Important; margin-top: 0px !Important; margin-bottom: 0px !Important; }
/*org_tab*/
.orang_tab { float: left; width: 100%; }
.orang_tab .tab-content { float: left; width: 100%; }
.orang_tab ul.nav.nav-tabs li a h4 { font-size: 14px; margin: 0 auto; margin-bottom: 5px; }
.orang_tab .nav-tabs { margin-bottom: 0 !important; margin-left: 0; position: relative; top: 1px; text-align: center; border-bottom: none; display: table; margin: 0 auto; width: 100%; }
.orang_tab .tabbable-panel ul.nav.nav-tabs li a { height: 44px; background-color: #03a9f4; color: #fff; }
.orang_tab .botom_line { height: 10px; background-color: #ddd; margin-bottom: 12px; float: left; width: 100%; }
.orang_tab li a .botom_line.right { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.orang_tab li a .botom_line.left { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.orang_tab .tabbable-panel ul.nav.nav-tabs li a { height: 44px; background-color: #f5f5f5 !important; color: #4a4a4a; }
.orang_tab .panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; border-bottom: 4px solid #fb7138; }
.orang_tab .tabbable-panel ul.nav.nav-tabs li.active a { height: 44px; background-color: #f5f5f5 !important; color: #4a4a4a; }
.orang_tab li.active .botom_line { background-color: #fb7138; }
.orang_tab .tabbable-panel ul.nav.nav-tabs li a h4 { font-size: 14px; }
.orang_tab .nav-tabs > li a h5 { font-size: 12px; font-weight: bold; }
.orang_tab .nav-tabs > li > hr { border: 6px solid #ddd !important; width: 100px; margin-bottom: 5px; text-align: center; display: table; margin-top: 0px; margin-left: 8px; margin-right: 8px; }
.orang_tab .panel.with-nav-tabs.panel-default .panel-heading ul.nav.nav-tabs li a { background-color: transparent !Important; color: #4a4a4a; }
.orang_tab .nav-tabs > li { float: left; margin-bottom: -1px; width: 25%; }
.orang_tab .nav-tabs > li.active > hr { border: 6px solid #fb7138 !important; width: 100px !important; text-align: center; display: table; margin-top: 1px; }
.orang_tab hr.right_curve { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.orang_tab hr.left_curve { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.orang_tab .nav-tabs > li > a { line-height: 1.42857143; border: none; border-radius: 4px 4px 0 0; background-color: transparent; }
.orang_tab .nav-tabs > li > a:hover { line-height: 1.42857143; border: none; border-radius: 4px 4px 0 0; background-color: transparent; }
.orang_tab .nav-tabs > li > a:active { line-height: 1.42857143; border: none; border-radius: 4px 4px 0 0; background-color: transparent; }
.orang_tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { box-shadow: none !important; border-top: none !Important; border-bottom: 5px solid #C9C9C9; border: none; }
.orang_tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { box-shadow: none !important; border-top: none !Important; border-top: none !important; position: relative; background-color: transparent !Important; }
.orang_tab .panel.with-nav-tabs.panel-default ul.nav.nav-tabs li.active a:hover { border-top: none !Important; box-shadow: none !important; background-color: transparent !Important; }
.orang_tab .panel.with-nav-tabs.panel-default ul.nav.nav-tabs li.active a:focus { border-top: none !Important; box-shadow: none !important; }
.orang_tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus h4 { color: #FF5D41; }
.orang_tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus h5 { color: #FF5D41; }
.bk-dt_blue-wrap hr { display: table; border: 1px solid #DDDDDD; width: 100%; float: left; }
.orang_tab .bk-dt_blue-wrap { float: left; width: 100%; text-align: center; }
.orang_tab .conti-but input.cont { padding-top: 10px; padding-bottom: 10px; width: 85%; background-color: #FB7138; color: #fff; font-size: 15px; border-radius: 5px; border: none; }
.orang_tab .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #ddd; }
.orang_tab .tooltip-inner { max-width: 200px; padding: 3px 8px; text-align: center; color: #000; border: 1px solid #ddd; background-color: #fff; border-radius: 4px; }
/* end of front-end*/
/*theme end*/
.app_pag .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #576373; border-color: #c5d0dc; border-top: 2px solid #4c8fbd !Important; border-bottom-color: transparent; background-color: #FFF !Important; z-index: 1; line-height: 18px; margin-top: -1px; box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15); }
.app_pag .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #576373; border-color: #c5d0dc; border-top: 2px solid #4c8fbd !Important; border-bottom-color: transparent; background-color: #FFF; z-index: 1; line-height: 18px; margin-top: -1px; box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15) !Important; }
.app_pag .nav-tabs > li { float: left; margin-bottom: -1px; width: 125px; text-align: center; }
.app_pag .nav-tabs > li > a:hover { background-color: #988F8F; color: #fff; border-color: #c5d0dc; }
.app_pag div#tab1default ul li { list-style: none; float: left; margin-left: 15px; }
.app_pag div#tab1default ul li input[type="button"] { background-color: #fff; border: 1px solid #CECECE; padding-top: 5px; padding-bottom: 5px; padding-right: 12px; padding-left: 12px; width: 145px; border-radius: 3px; }
.app_pag div#tab1default ul { margin-left: 0px; float: left; width: 100%; }
.app_pag div#tab1default input#fin_ht { background-color: #fff; border: 1px solid #CECECE; padding-top: 5px; padding-bottom: 5px; width: 145px; border-radius: 3px; margin-left: 15px; }
.app_pag .panel-heading { padding: 10px 15px; border-bottom: none; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.app_pag .nav-tabs > li > a, .nav-tabs > li > a:focus { border-radius: 0 !important; border-color: #c5d0dc; background-color: #eee; color: #999; margin-right: -1px; line-height: 18px; position: relative; }
.app_pag .nav-tabs { border-bottom: none; }
.app_pag .panel { margin-bottom: 20px; background-color: #ffffff; border: none; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.app_pag .tab-content { border: 1px solid #c5d0dc; padding: 16px 12px; position: relative; float: left; width: 100%; }
.app_pag { float: left; width: 100%; }
.app_pag div#tab2default ul li { list-style: none; float: left; margin-left: 10px; }
.app_pag div#tab2default ul li input { background-color: #fff; border: 1px solid #CECECE; float: left; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; width: 145px; margin-top: 5px; margin-left: 10px; }
.app_pag div#tab1default ul li textarea { width: 100%; }
.app_pag div#tab1default ul li .modal-content { border-radius: 5px; }
.app_pag div#tab1default ul li .modal-header .close { font-size: 18px; }
.app_pag div#tab2default ul li textarea { width: 100%; }
.app_pag div#tab2default ul li .modal-content { border-radius: 5px; }
.app_pag div#tab2default ul li .modal-header .close { font-size: 18px; }
.app_pag div#tab2default input { background-color: #fff; border: 1px solid #CECECE; float: left; padding-top: 5px; padding-bottom: 5px; border-radius: 3px; width: 145px; margin-left: 19px; }
.app_pag div#tab2default ul li { list-style: none; float: left; margin-left: 10px; }
.app_pag div#tab2default ul { float: left; width: 100%; margin-left: 0px; }
.app_pag div#tab1default .modal-content { border-radius: 5px; }
.app_pag div#tab1default .modal-header .close { font-size: 18px; }
.app_pag div#tab1default textarea { width: 100%; }
.app_pag div#tab2default .modal-content { border-radius: 5px; }
.app_pag div#tab2default .modal-header .close { font-size: 18px; }
.app_pag div#tab2default textarea { width: 100%; }
/*after changes*/
.top-tabs .bor_but { border: 1px solid #eee !important; font-weight: bold; padding: 10px 8px; background-color: #03A9F4; color: #fff !Important; border-radius: 5px !Important; }
.top-tabs .infobox .infobox-content:first-child { border-color: #fff; font-weight: bold; padding: 10px 8px; }
/*end of after changes*/
/*after development*/
.head_me { float: left; width: 100%; }
.sub_h { float: left; width: 100%; }
form.customise_for_devel { float: left; width: 100%; }
.customise_for_devel .head_me input { float: left; width: 100%; height: 30px; }
.customise_for_devel .sub_h input { float: left; width: 100%; height: 30px; }
.customise_color { float: left; width: 100%; }
.main_back { float: left; width: 100%; margin-top: 8px; }
.choose_front { float: left; width: 100%; margin-top: 15px; }
/*after development*/

.no-skin .sidebar { background-color: #8c8a8a!important; border-style: solid; border-color: #cccccc; border-width: 0 1px 0 0; }
.main-container:before { display: block; content: ""; position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important; }
.main-container:before { display: block; content: ""; position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important; }
.page-content { background: none!important; position: relative; margin: 0; padding: 8px 20px 24px; }
/*----my settings----*/

.modal-dialog { z-index: 9999; }
.top_bar_clr .alert.alert-success { margin-top: 20px; }
.top_bar_clr .col-md-4 { padding-left: 0; }
.img_class input { width: 60% !important; margin-right: 0 !important; }
input.progress-sav { line-height: 5px; height: 44px; }
.tab-top_br { margin-top: 35px; }
.ttt { display: block; float: left; width: 370px; margin-bottom: 10px; }
.adi-ind .modal-dialog { z-index: 9999; }
.man_calend .modal-content input { /* float: left; */
    width: 100%; margin-top: 10px; }
.man_calend .modal-dialog.s { z-index: 9999; }
div#TextBoxesGroup120 .ttt select, input { /*margin-left: 5px;*/
    height: 30px; }
div#TextBoxesGroup120 .ttt select { padding: 3px 4px !important; height: 30px; }
.ddtt { background-color: #F00; }
.bak-raj_color { float: left; width: 100%; }
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #0096da; color: #fff; }
.main-container:before { display: block; content: ""; position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important; }
.page-content { background: none!important; position: relative; margin: 0; padding: 8px 20px 24px; }
.nav_setting-option .tabbable-panel { border: 1px solid #eee; padding: 10px; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; background: #fff; }
.tim_wrap { display: inline-flex; }
.tim_wrap .start_tim { margin: -3px 8px; }
.tim_wrap .end_tim { margin: -2px 8px; }
.choose_block-day { clear: both; }

.choose_block-day .btn.btn-primary {margin-top: 20px}
/*-----Service Page-----*/

.main-container:before { display: block; content: ""; position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important; }
.nav_setting-option .tabbable-panel { border: 1px solid #eee; padding: 10px; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; background: #fff; }
.page-content { background: none!important; position: relative; margin: 0; padding: 8px 20px 24px; }
.bak-raj_color { float: left; width: 100%; }
.single_choice { margin-bottom: 8px; }
.multi_choice { margin-bottom: 8px; }
.main-container:before { display: block; content: ""; position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important; }
.nav_setting-option .tabbable-panel { border: 1px solid #eee; padding: 10px; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; background: #fff; }
.page-content { background: none!important; position: relative; margin: 0; padding: 8px 20px 24px; }
.break_ech_app .drop_one { float: left; width: Auto; }


@media screen and (max-width: 768px) and (min-width: 320px) {
    .ttt { width: 100% !important; }


    .choose_block-day ul li select, .choose_block-day ul li input { margin-bottom: 5px; }
}


.total-appo-disply {text-align: right;}
.choose-servi-week {padding: 10px 0 15px 0; margin-bottom: 15px;}
.servi-detail-btn {margin-top:20px; display: inline-block;}
.servi-detail-btn .btn {height: initial; }
.tim_wrap { display: inline-flex;}
.tim_wrap .start_tim { margin: -3px 8px;}
.tim_wrap .end_tim { margin: -2px 8px;}
.bak-raj_color {float: left; width: 100%;}
.bak-raj_color {float: left; width: 100%;}
.single_choice{margin-bottom: 8px;}
.multi_choice{margin-bottom: 8px;}
.break_ech_app .drop_one {float: left; width: Auto;}
.main-container:before { display: block; content: "";  position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important;}
.nav_setting-option .tabbable-panel { border: 1px solid #eee; padding: 10px; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; background: #fff;}
.main-container:before {display: block; content: ""; position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important;}
.page-content {background: none!important; position: relative; margin: 0; padding: 8px 20px 24px;}
.servi-code {float: right;}
.choose_hr-wrap .allw_Book_appo h5, .choose_hr-wrap .allw_multi h5 {float: left; margin-right: 15px;}
.sin-botm {display: inline-block; width: 100%; margin-top: 20px}
.sin-botm .sin-botm-btn {float: left; width: 50%}
.sin-botm .sin-botm-btn input#save_pro {margin: 0}
.sin-botm .sin-botm-checkbox {float: right; width: 50%; text-align: right;font-size: 23px}
.sin-botm .sin-botm-checkbox input {vertical-align: middle; margin: 0 5px 0 0;}
#mail_sub {margin-bottom: 15px;}


/*dashboard*/
.user-dashboard select#thur_to { margin-left: 3px; }
.user-dashboard select#fri_to { margin-left: 3px; }
.user-dashboard span#tt7 { margin-left: 6px; margin-right: 2px; }
.user-dashboard select#sat_to { margin-left: 3px; }
.user-dashboard span#tt6 { margin-left: 6px; }
.user-dashboard select#sun_to { margin-left: 2px; }
.user-dashboard .group_label { background: #fff; padding: 35px; width: 60%; margin: auto; }
.user-dashboard .group_label > p { margin-bottom: 34px; color: #95a5a6; font-size: 12px; }
.user-dashboard .colom_div { margin-bottom: 7px; }
.user-dashboard .week_div p { font-size: 17px; color: #3d484f; margin: 0; text-align: left; }
.user-dashboard select.select_btn { border: 1px solid #E4E4E4; border-radius: 3px; padding: 5px 0; height: 38px; color: #3d484f; font-size: 13px; }
.user-dashboard .week_div span { display: inline-block; font-size: 13px; }
.user-dashboard select#select_mon { margin-left: 3px; }
.user-dashboard span#tt2 { margin-right: 4px; }
.user-dashboard .onoffswitch { position: relative; width: 90px; text-align: center; }
.user-dashboard .onoffswitch-checkbox { display: none; }
.user-dashboard .onoffswitch-label { overflow: hidden; cursor: pointer; border-radius: 20px; margin: 0; text-align: left; }
.user-dashboard .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.user-dashboard .onoffswitch-inner:before, .user-dashboard .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 30px; font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; }
.user-dashboard .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #ccc; color: #FFFFFF; }
.user-dashboard .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #d8dfe3; color: #fff; text-align: right; }
.user-dashboard .onoffswitch-switch { display: block; width: 24px; height: 24px; background: #eee; position: absolute; top: 1px; bottom: 0; right: 50px; border-radius: 100%; transition: all 0.3s ease-in 0s; }
.user-dashboard .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.user-dashboard .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 14px; }
.user-dashboard .headSec { margin-bottom: 50px; }
.user-dashboard .availLogBtn { float: right; margin-top: 25px; }
.user-dashboard .availText { display: inline-block; }
.user-dashboard .deletePlusIconSec span i { font-size: 24px; color: #3276b3; }
.user-dashboard .deletePlusIconSec span.circleIcon i { color: #999; margin-right: 10px; }
.user-dashboard span.logoutIcon { margin-right: 8px; }
.user-dashboard .week_div { margin-left: 24px; }
.user-dashboard .finishBtn .btn { border-radius: 0; }
.user-dashboard span.finishIcon { margin-left: 8px; }
.user-dashboard #preloader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 99; height: 100%; }
.user-dashboard #status { width: 64px; height: 64px;  background-image: url(<?php echo base_url();?>/user_assets/images/35.gif);
                          background-repeat: no-repeat; background-position: center; margin: -32px 0 0 -32px; position: fixed; top: 50%; left: 50%; }
.user-dashboard #f_url { width: 99%; }
.user-dashboard #check { margin-left: 31px; }
.user-dashboard #err_msg { color: #daf7a6; }
.user-dashboard label#lbl_avl { margin-bottom: 22px; }
.user-dashboard .onoffswitch { margin-top: 5px; }
.user-dashboard select#select_wed { margin-right: 4px; }
.user-dashboard select#select_thur, .user-dashboard select#select_fri { margin-right: 5px; }
.user-dashboard .deletePlusIconSec span.circleIcon2 i { color: #999; margin-right: 10px; }
.user-dashboard .deletePlusIconSec span.circleIcon3 i { color: #999; margin-right: 10px; }
.user-dashboard .deletePlusIconSec span.circleIcon4 i { color: #999; margin-right: 10px; }
.user-dashboard .deletePlusIconSec span.circleIcon5 i { color: #999; margin-right: 10px; }
.user-dashboard .week_div2, .user-dashboard .week_div3, .user-dashboard .week_div4, .user-dashboard .week_div5, .user-dashboard .week_div6, .user-dashboard .week_div7 { margin-left: 26px; }
.user-dashboard .deletePlusIconSec { text-align: right; }
.user-dashboard .week_div.week_div2 { text-align: left !important; }
.user-dashboard span#tt { margin: 0; }
.user-dashboard .rmv a.remove_field { position: absolute; top: 5px; right: -30px; color: #fff; }
.user-dashboard .rmv { position: relative; }
.user-dashboard .cls .modal-body { padding: 13px 30px; }
.user-dashboard span.plus6 { margin-left: 10px; }
.user-dashboard select#select_hour { margin-left: 10px; }
.user-dashboard select#select_min { margin-left: 10px; }
.user-dashboard span#mtt { margin-left: 29px; }
.user-dashboard #contactno { height: 45px !important; padding: 6px 12px; border-radius: 0; margin: 9px 0; width: 58%; border: 2px solid #2d93fd; }
.user-dashboard .week_div .rmv select:first-child { margin-left: 3px; }
.user-dashboard .week_div2 .rmv select:first-child { margin: 0; }
.user-dashboard .week_div2, .user-dashboard .week_div3, .user-dashboard .week_div4, .user-dashboard .week_div5, .user-dashboard .week_div6, .user-dashboard .week_div7 { margin-left: 27px; }
.user-dashboard .week_div4 select:first-child { margin-right: 1px; }
.user-dashboard .week_div5 .rmv span { margin-right: 1px; }
.user-dashboard select#select_hour { margin-left: 27px; width: 91px; }
.user-dashboard select#select_min { margin-left: -56px; width: 92px; }
.user-dashboard span#mtt7 { display: none; }
.user-dashboard .week_div2 .rmv span { margin-right: 1px; }
.user-dashboard .week_div3 .rmv span { margin-right: 1px; }
.user-dashboard div#duration_msg { font-size: 16px; margin-top: 9px; margin-left: 35px; }
.user-dashboard span.circleIcon7 { margin-right: 10px; }
.user-dashboard .deletePlusIconSec span.circleIcon6 i { color: #999; }
.user-dashboard .deletePlusIconSec span.circleIcon7 i { color: #999; }
.user-dashboard .main-container:before { display: block; content: ""; position: absolute; z-index: -2; width: 100%; max-width: inherit; bottom: 0; top: 0; background: none!important; }
.user-dashboard .page-content { background:none!important  position: relative; margin: 0; padding: 8px 20px 24px; }
.user-dashboard .infobox { display: inline-block; width: 180px; height: 66px; color: #555; background: none; box-shadow: none; border-radius: 0; margin: -1px 0 0 -1px; padding: 8px 3px 6px 9px; border: none !Important; border-color: #D8D8D8 !important; vertical-align: middle; text-align: left; position: relative; }
.user-dashboard .hold-div { display: none; }
.recent-booking #task-table_wrapper {padding: 0 10px}
.user-dashboard .infobox h4.wmp {    width: 100% !important; border-radius: 0px !important;
                                     background: #ff8f00 !important; box-shadow: none !important; font-size: 15px !important; border-radius: 5px !important; margin-top: 2px !important; border: solid 1px !important; padding: 12px 0; color: #fff; text-align: center; margin-bottom: 0 !important}

/*eidt customize*/
.edit-customize .dl { margin-top: -77px; margin-left: 114px; }
.edit-customize  #img_margin_left { margin-left: 10px; }
.edit-customize  div.grid { width: 600px; }
.edit-customize  div.grid div { float: left; height: 35px; }
.edit-customize  div.col200 { width: 85px; }
.edit-customize  div.col300 { width: 100px; }
.edit-customize  div.grey { background-color: #F2F2F2; padding: 2px; }
.edit-customize  div.black { padding: 10px; text-align: left; background-color: #4a4a4a; color: white; /*width:px;*/}
.edit-customize  div.clear { clear: both; }
.edit-customize  .tim_wrap { display: inline-flex; }
.edit-customize  .tim_wrap .start_tim { margin: -3px 8px; padding: 5px; }
/*adi-edit*/
.edit-customize  .blue_tab ul.nav.nav-tabs li a { background-color: #fff; }
.edit-customize  .blue_tab .panel-default > .panel-heading { color: #333333; background-color: #fff; border-color: #dddddd; border-bottom: 3px solid #319FAB; float: left; width: 100%; margin-bottom: 15px; }
.edit-customize  .blue_tab li.active .botom_line:hover { width: 0; position: relative; top: -1px !important; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #319FAB !Important; text-align: center; display: table; margin: 0 auto; }
.edit-customize .img_class input[type="file"] {width: 100% !important; padding: 0; margin-top: 7px}
.img_class.design_img_class input[type="file"] {width: 100% !important}

input[type=checkbox].ace + .lbl::before, input[type=radio].ace + .lbl::before {margin-right:7px !important;}
.all-apoo-title {float: left; width: 100%}
.allw_multi {float: left; width: 100%}

.send_ins_not ul li:first-child {margin-left: 0}

.before-apoo {text-align: right;}
.before-apoo h5, .before-apoo span {display: inline-block;}

#myModal .modal-header .close { margin-top: -15px;  margin-right: -5px;}
.servic_detail-wrap input, .servic_detail-wrap textarea{width:100%;}
.servic_detail-wrap .test{width:auto;}






#calendarModalEdit .modal-backdrop .custom_field_values {color: #999; font-size: 15px;}

.your_information .moreDetailPopup .field_name {float: left; width: 100%}
.your_information .moreDetailPopup .field_name h3 {margin: 0 0 2px; font-size: 18px;}
.your_information .moreDetailPopup .field_value {font-size: 15px; float: left; width: 100%; padding-bottom: 13px; color: #999;}

a.select_syn_status{
    font-size: 15px;
    padding: 20px;
    text-decoration: none;
    cursor: pointer;
    line-height: 50px;
}
a.select_syn_status:hover{
    background: #0096da;
    color: #fff;
    padding: 10px 20px;
}
input.google_connect, input.google_disconnect{
    margin-right: 20px;
    padding: 10px;
    line-height: 3px;
    margin-left: 20px;
}
.center_popup{
    display: block;
    background-color: #f8f8f8;
    border-radius: 8px;
    bottom: 0;
    height: 154px;
    left: 0;
    margin: auto;
    padding: 10px 20px;
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 200;
}
.popup_bg{
    display: none;
    background-color: rgba(0, 0, 0,0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.center_popup span.close{
    color: #fff;
    opacity: 0.7;
    background: #000;
    padding: 2px 7px;
    border-radius: 50%;
}
.center_popup .icon_head{
        font-size: 15px;
    color: #c1c1c1;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.bookingAvailability {
    display: flex;
    float: left;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.bookingAvailability h5 {
    float: left;
    margin: 0 15px 0 0;
}


@media only screen and (max-width: 1200px) {
    .dashboard-calendar .panel-heading .panel-title {text-align: left;}.
    .recent-booking {margin-top: 25px}
    .appointment_man-wrap ul.appintment-ul li input.srch_service { width: 274px;}
    .appointment_man-wrap ul.appintment-ul li .book-appo-col {margin-left: 14px;}
    .appointment_man-wrap ul.appintment-ul li span.book_date { font-size: 13px; padding-right: 10px;}

    @media only screen and (max-width: 992px) {
        .appointment_man-wrap ul.appintment-ul li input.srch_service { width: 260px;}
        .appointment_man-wrap ul.appintment-ul li .book-appo-col { margin-left: 5px;}
        .appointment_man-wrap ul.appintment-ul li span.book_date { padding-right: 7px;}




    }

    @media only screen and (max-width: 767px) {
        .total-appo-disply {text-align: left; padding-top: 10px;}
        /*.footer {padding-top: 30px}*/
        .servi-code {margin-top: 10px; float: left;}
        .choose_hr-wrap .allw_Book_appo h5, .choose_hr-wrap .allw_multi h5 {margin-right: 0; width: 100%}
        .choose_hr-wrap .allw_Book_appo select {width: 120px !Important;}
        .servi-detail-btn .btn {padding: 4px 12px}
        .user-dashboard .infobox {height: initial;}
        .top-tabs .infobox-container a .infobox-icon h4 {margin: 0}
        #task-table_wrapper .dataTables_length, #task-table_wrapper .dataTables_filter {width: 100% !important}
        #task-table_wrapper .dataTables_filter label {float: left;}
        .main_service_wrap .button_right { float: left; margin-bottom: 15px;}
        .main_service_wrap h3 { text-align: left;}
        .mce-flow-layout-item.mce-last .mce-widget {float: left; width: 100%}
        .send_ins_not {margin-bottom: 15px}

        .choose_block-day ul li {width: 100% !important; margin: 0}
        .choose_block-day ul li:last-child {clear: none !important;}
        .choose_block-day ul li select {width: 100%}
        .choose_block-day ul li #TextBoxDivblockday1 {width: 100% !important}
        .choose_block-day ul li p {padding-top: 0; text-align: left;}
        .choose_block-day .btn.btn-primary {  margin-top: 0;}
        .before-apoo {text-align: left;}
        .appointment_man-wrap ul.appintment-ul li #services, .appointment_man-wrap ul.appintment-ul li #status {margin: 10px 0 0 0; float: left;  width: 100%;}
        .appointment_man-wrap ul.appintment-ul li .book-appo-col { margin-left: 0; margin-top: 10px;}
        .appointment_man-wrap ul.appintment-ul li .book-appo-col:first-child {margin-top:0;}
        .appointment_man-wrap ul.appintment-ul li span.book_date {width: 165px !important;}


    }
    @media only screen and (max-width: 480px) {
        .choose_hr-wrap .allw_Book_appo select { width: 100% !Important; margin: 0 0 10px 0;}
        .user-dashboard .infobox > .infobox-data {min-width: 210px;}
        .edit-customize .top_bar_clr .customise_color .main_back input {margin-right: 0}
        #TextBoxesGroup170 ul > li {margin-right: 9px;}
        .send_ins_not ul li {width: 100%; margin-left: 0}
        .appointment_man-wrap ul.appintment-ul li span.book_date {width: 100% !important;}
    }

}

@media only screen and (max-width: 320px) {

}

/*-------sevice edit --------------- */
.use_on{
    color:red;
    font-size: 25px;
}
/*-------edit sevice edit ---------- */


.w-100{
    width: 100% !important;
}

.d-block{
    display: block !important;
}

.iframe-wrapper {
    width: 100%;
    min-width: 800px;
    height: 650px;
    overflow: hidden;
    border-radius: 0.5rem;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.iframe-wrapper::-webkit-scrollbar { 
    display: none;
 }


.iframe-preview {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
}