@font-face {
  font-family: poppins-light;
  src: url(../fonts/poppins/Poppins-Light.ttf);
}

@font-face {
  font-family: poppins;
  src: url(../fonts/poppins/Poppins-Regular.ttf);
}

@font-face {
  font-family: poppins-medium;
  src: url(../fonts/poppins/Poppins-Medium.ttf);
}

@font-face {
  font-family: poppins-semibold;
  src: url(../fonts/poppins/Poppins-SemiBold.ttf);
}

@font-face {
  font-family: poppins;
  src: url(../fonts/poppins/Poppins-Bold.ttf);
	font-weight: bold;
}
/* WEBBA Booking admin styles */
/* common  */
.wbk-schedule-row{
border: navajowhite;
box-shadow: none;
background: none !important;
padding: 20px 0 !important;
overflow: auto !important;
}
.wbk-schedule-row-simple {
margin: 0;
padding: 0;
overflow: auto;
width: 100%;
}
.green_bg{
background: #3CA925;
}
.red_bg {
background: #CF2B0D;
}
.gray_bg{
background: #808080;
}
.red_font{
color: #CF2B0D;
}
.green_font{
color: #3CA925;
}
.w15_100{
width: 15px;
}
.w50_100{
width: 50px;
}
.control {
display: block;
width: 16px;
height: 16px;
float: left;
}
.edit {
background-image: url(../images/edit.png);
margin: 0 0 0 10px;
}
.save {
background-image: url(../images/save.png);
margin: 5px 0 0 10px;
}
.cancel {
background-image: url(../images/cancel.png);
margin: 6px 0 0 10px;
}
.loading {
width: 107px;
height: 16px;
float: left;
display: block;
background-image: url(../images/loading.gif);
margin: 6px 0 0 10px;
}
.value_container {
float: left;
display: inline;
white-space: nowrap;
}
.control_container{
float: left;
}
.warning_border {
border: 1px solid #D80000 !important;
}
#dialog-confirm-delete {
display: none;
}
#dialog-interval-error {
display: none;
}
#dialog-interval-error-2 {
display: none;
}
#dialog-appointment, #wbk-service-dialog {
display: none;
}
#dialog-appointment{
height:700px !important;
}
#appointment_dialog_left{
width:330px;
display: block;
float: left;
}
#appointment_dialog_right{
width: 330px;

display: block;
float: left;
margin-left: 10px;
}
#dialog-add-service {
display: none;
padding: 10px;
width: 100%;
}
#service_dialog_right {
float:left;
margin-left: 10px;
}
#service_dialog_left,#service_dialog_left2 {
float:left;
width: 200px;
}
.ml5{
margin-left: 5px !important;
}
.cb{
clear: both;
}
.wbk-long-input {
width: 190px;
margin: 1px;
padding: 3px 5px;
border: 1px solid #aaa !important;
}
.wbk_select_no_border	{
border: none;
}
.wbk-input-error-wb {
border-left: 3px solid #ff0000 !important;
}
.input-error-wb {
color: #ff0000;
}
.wbk-font-10 {
font-size: 10px;
}
/* tabs */
.ui-tabs-nav {
position:relative;
float:left;
width:100%;
padding: 0;
margin: 20px 0 0 0;
list-style:none;
}
.ui-tabs li {
float:left;
margin:0;
padding:0;
outline: none;
}
.ui-tabs li a:not(.search-choice-close){
display: block;
color: #23282d;
text-decoration: none;
background: #f1f1f1;
margin: 0 3px 0 0;
padding: 10px 10px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 16px;
}
.ui-tabs li.ui-state-active a{
background: #fff;
color: #000;
}
.ui-tabs li  a, .ui-tabs li a:active{
outline: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none;
transition-duration:0 !important;
}
.ui-tabs-panel {
clear: both;
background-color: #fff;
border: 1px solid #ccc;
padding: 15px;
}
/* labels */
label {
font-weight: normal !important;
}
/* schedule elements */
.day_container {
width: 150px;
position: relative;
float: left;
border: 1px solid #e5e5e5;
margin: 0 10px 10px 0 !important; 
min-height: 250px;
background: #fff !important;
box-shadow: 0 0 10px rgba(161, 164, 182, 0.26);
}
.day_title {
text-align: center;
color: #fff;
padding: 10px;
font-weight: normal;
min-height: 33px;
padding-top: 9px !important;
border-radius: 5px 5px 0 0;
}
.day_controls {
padding: 3px;
font-size: 14px;
margin: 3px;
border-bottom: 1px dotted #e5e5e5;
background: #fff;
margin-top: 10px !important;
padding: 5px !important;
}
.timeslot_container {
padding: 3px;
font-size: 14px;
margin: 5px 0 !important;
border-bottom: 1px dotted #c1bfbf;
background: #fff;
}
.timeslot_time {
width: 50%;
margin: 0px;
padding: 0px;
float: left;
font-weight: normal;
font-size: 14px !important;
}
.timeslot_controls {
display: block;
width: 50%;
margin: 0px;
padding: 0px;
float: left;
text-align: right;
overflow: hidden;
}
.timeslot_controls a {
color: #808080;
cursor: pointer;
text-decoration: none;
}
.wbk-appointment-backend {
color: #fff !important;
background: #808080;
display: block;
text-align: center;
padding: 1px;
margin: 0px;
border-radius: 3px;
margin-bottom: 5px;
}
.wbk_appointment_details {
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
background: #fff;
padding: 5px;
position: fixed;
display: none;
}
@media (max-width: 1024px) {
.day_container {
width: 33%;
}
}
@media (max-width: 768px) {
.day_container {
width: 99%;
}
.timeslot_container {
padding: 7px;
}
.timeslot_time {
font-size: 16px;
}
}
/* business hours */
.business_hours_container{
float: left;
border: 1px solid #A5A5A5;
margin-right: 3px;
}
.business_hours_control_container{
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
/* services */
.service_table {
width: 100%;
border-collapse: collapse;
}
.service_table th {
padding: 5px 15px 5px 15px;
border: 1px solid #a0a5aa;
background: #ccc;
text-align: left;
}
.service_table th:nth-child(9) {
min-width: 300px !important;
}

.service_table td, .service_table th {
padding: 5px 15px 5px 15px;
border: 1px solid #b4b9be;
text-align: left;
color: #000000;
height: 45px;
}
.service_table tr:nth-child(2n) {
background: #f1f1f1;
}
/* modad dialog */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #aaaaaa;
opacity: 0.3;
}
.ui-front {
z-index: 100;
}
.ui-dialog {
border: 1px solid #aaaaaa !important;
background: #fff !important;
z-index: 100000 !important;
}
.ui-widget-header{
cursor: move !important;
color: #fff !important;
}
.ui-dialog .ui-dialog-titlebar {
padding: 10px;
position: relative;
background: #23282d;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
text-align: right;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: 5px;
height: 44px;
padding: 10px 0px 5px 0px;
margin: 0 5px 5px 5px;
border-top: 1px solid #BEB5B5;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 5px;
background: none;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: 3px;
cursor: pointer;
background: #23282d;
border: none;
color: #fff;
vertical-align: middle;
text-align: center;
padding: 10px 20px;
border-radius: 3px;
overflow: visible;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-dialog-titlebar-close {
display: none;
}
.wbk-user-list {
width: 270px;
}
.wbk-payment-methods{
width: 270px;
height: 100px;
}
/* collection items layout elements */
.wbk-collection-items{
width: 20%;
float: left;
border-right: 1px solid #CACACA;
}
.wbk-collection-item-date{
width: 80%;
float: left;
}
.dashicons{
text-decoration: none;
}
.wbk-section-title{
font-size: 18px !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
}
/* special options controls */
#wbk_book_thanks_message,#wbk_book_not_found_message,#wbk_form_label{
width:900px;
}
#wbk_paypal_redirect_url, #wbk_stripe_settings_section table tr td input[type="text"],#wbk_stripe_settings_section table tr td input[type="password"], #wbk_interface_settings_section table tr td input[type="text"], #wbk_gg_calendar_settings_section table tr td input[type="text"], #wbk_gg_calendar_settings_section table tr td input[type="password"],  #wbk_translation_settings_section table tr td input[type="text"], #wbk_email_settings_section table tr td input[type="text"],  #wbk_paypal_sandbox_clientid, #wbk_paypal_sandbox_secret,#wbk_paypal_live_clientid, #wbk_purchase_code, #wbk_paypal_live_secret,#wbk_holydays{
width: 900px;
}
#wbk_stripe_settings_section table tr td select,  #wbk_general_settings_section table tr td input[type="text"],#wbk_general_settings_section table tr td select, #wbk_appointments_settings_section table tr td select, #wbk_mode_settings_section table tr td select, #wbk_email_settings_section table tr td select{
width: 350px;
}
#wbk_stripe_tax, #wbk_stripe_mob_font_size{
width: 350px !important;
}
.wbk_input_500{
width:500px !important;
height:40px !important;
}
.wbk-full-width-control{
width: 100%
}
.input-label-wbk{
width: 500px;
display: block;
clear: both;
}
.wbk-input{
width: 500px;
display: block;
clear: both;
}
#appointment_dialog_left input{
width: 300px !important;
}
.wbk_google_auth_error{
   font-size: 16px !important;
   color: #9e0000 !important;
   line-height: 1.5;
}
.wbk_google_auth_desc{
   font-size: 13px;
   display: block;
}
.wbk_google_auth_link{
   font-size: 13px;
   display: block;
}
.wbk_google_auth_success{
   font-size: 16px !important;
   color: #009e00 !important;
   line-height: 1.5;
}
.wbk_google_auth_success img,
.wbk_google_auth_warning img,
.wbk_google_auth_error img{
   margin-right: 7px;
   position: relative;
   top: 5px;
}
.wbk_google_auth_warning{
   font-size: 16px !important;
   color: #cc7a00 !important;
   line-height: 1.5;
}
.wbk-cancel-button {
    display: none !important;
}
.wbk_middle_field{
    width: 350px !important;
}
.wbk_hidden{
    display: none !important;
}
.wbk_hidden_v{
    visibility: hidden !important;

}
.wbk_option_block_{
    padding: 10px !important;
    background: #de9d7d !important;
}

/* version 5  */


body { margin: 0; }


.main-block-wb { font-family: 'Ubuntu', sans-serif; box-sizing: border-box; color: #212121; font-size: 16px; min-width: 375px; min-height: 100vh; position: relative; overflow: hidden; }
.main-block-wb * { margin: 0; padding: 0; box-sizing: border-box; font-size: 16px;}

.main-block-wb a { transition: 0.2s; }
.main-block-wb a:hover { opacity: 1; }
.main-block-wb img { max-width: 100%; vertical-align: middle; }
.main-block-wb b { font-family: 'Ubuntu', sans-serif;
font-weight: 400; font-weight: bold; }

.main-block-wb input[type="text"], .main-block-wb input[type="number"] { min-width: 285px; border: 1px solid #8A9393; border-radius: 15px; height: 50px; padding: 0 20px 0 20px; font-family: 'Ubuntu', sans-serif; font-size: 16px; color: #212121; }
.main-block-wb textarea { border: 1px solid #8A9393; border-radius: 15px; width: 100%; min-width: 100%; min-height: 100px; max-width: 100%; padding: 10px 20px 10px 20px; font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: normal; color: #212121; }
.main-block-wb button { font-family: 'Ubuntu', sans-serif; font-size: 16px; }


::placeholder { color: #8A9393; }
:focus::placeholder { color: transparent; }


.main-block-wb .main-part-wrapper-wb { padding: 45px 50px 45px 50px; width: 100%; }

.header-main-wb {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C2C7C7;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    margin-top: 30px;
    margin-right: 30px; 
}

.header-main-wb .logo-main-wb { margin: 0 13px 0 0; }
.header-main-wb .vertical-line-wb { display: block; height: 30px; width: 1px; background: #C2C4D6; margin: 0 13px 0 0; }
.header-main-wb .page-title-wb { font-size: 32px; }

.header-main-wb .main-menu-wb { margin-left: auto; display: flex; font-family: 'Ubuntu', sans-serif;
font-weight: 500; }
.header-main-wb .main-menu-wb a { text-decoration: none; color: #212121; margin: 0 30px 0 30px; position: relative; }
.header-main-wb .main-menu-wb a.active-wb:hover { opacity: 1; cursor: default; }
.header-main-wb .main-menu-wb a.active-wb:after { content: ''; width: 4px; height: 4px; position: absolute; top: 100%; left: 50%; background-color: #1F6763; border-radius: 100%; margin: 2px 0 0 -2px; }

.header-main-wb .add-service-button-wbkb { background-color: #1F6763; border: 0; color: #fff; font-family: 'Ubuntu', sans-serif; font-size: 16px; padding: 10px 30px 10px 30px; border-radius: 15px; transition: 0.2s; cursor: pointer; margin: 0 0 0 100px; }
.header-main-wb .add-service-button-wbkb:hover { opacity: 0.8; }
.header-main-wb .add-service-button-wbkb .text-wb { margin: 0 8px 0 0; }
.header-main-wb .add-service-button-wbkb .plus-icon-wb { display: inline-block; vertical-align: middle; width: 15px; height: 15px; position: relative; }
.header-main-wb .add-service-button-wbkb .plus-icon-wb:before { content: ''; width: 1px; background: #fff; position: absolute; top: 0; bottom: 0; left: 50%; margin: 0 0 0 -1px; }
.header-main-wb .add-service-button-wbkb .plus-icon-wb:after { content: ''; height: 1px; background: #fff; position: absolute; left: 0; right: 0; top: 50%; }


.settings-list-wb { list-style: none; display: grid; column-gap: 25px; row-gap: 25px; grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); }
.settings-list-wb li { background: #fff; border-radius: 20px; box-shadow: 0 0 15px rgba(161,164,182,0.5); padding: 30px 30px 40px 30px; cursor: pointer; }
.settings-list-wb .card-title-wb { display: flex; align-items: center; margin: 0 0 25px 0; }
.settings-list-wb .card-title-wb .card-icon-wb { width: 48px; min-width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #CBE7E7; border-radius: 10px; margin: 0 15px 0 0; }
.settings-list-wb .card-title-wb .card-title-text-wb { font-size: 24px; font-family: 'Ubuntu', sans-serif;
font-weight: 500; transition: 0.2s; position: relative; }
.settings-list-wb .view-settings-link-wb .text-wb { font-family: 'Ubuntu', sans-serif;
font-weight: 400; margin: 0 10px 0 0; transition: 0.2s; }
.settings-list-wb li:hover .card-title-text-wb { opacity: 0.7; }
.settings-list-wb li .view-settings-link-wb .hover-icon-wb { display: none; }
.settings-list-wb li:hover .view-settings-link-wb .text-wb { color: #1F6763; }
.settings-list-wb li:hover .view-settings-link-wb .default-icon-wb { display: none; }
.settings-list-wb li:hover .view-settings-link-wb .hover-icon-wb { display: inline-block; }

.settings-list-wb .card-title-text-wb .pro-wb { position: absolute; left: 100%; bottom: 50%; font-size: 16px; background: #00B5EE; color: #fff; border-radius: 5px; padding: 0 8px 0 8px; margin: 0 0 0 5px; }



@media( max-width: 1500px ){

	.main-block-wb .main-part-wrapper-wb { padding: 25px 30px 25px 30px; }

}

@media( max-width: 1400px ){

	.header-main-wb .main-menu-wb a { margin-left: 15px; margin-right: 15px; }

	.header-main-wb .add-service-button-wbkb { margin-left: 50px; }

}

@media( max-width: 1300px ){

	.settings-list-wb { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
	.settings-list-wb li { padding: 15px; }

	.settings-list-wb .card-title-wb { margin-bottom: 15px; }
	.settings-list-wb .card-title-wb .card-title-text-wb { font-size: 20px; }
	.settings-list-wb .card-title-text-wb .pro-wb { font-size: 14px; }
}

@media( max-width: 1200px ){

	.header-main-wb { padding-bottom: 15px; margin-bottom: 20px; }

	.header-main-wb .page-title-wb { font-size: 25px; }

	.header-main-wb .add-service-button-wbkb { margin-left: 20px; padding-left: 15px; padding-right: 15px; }
	.header-main-wb .add-service-button-wbkb .text-wb { display: none; }

	.settings-list-wb .card-title-wb .card-icon-wb { width: 32px; height: 32px; min-width: 32px; }
	.settings-list-wb .card-title-wb .card-icon-wb img { width: 16px; }

	.settings-list-wb { column-gap: 15px; row-gap: 15px; }

}

@media( max-width: 1100px ){

	.main-block-wb .main-part-wrapper-wb { padding: 15px 15px 25px 15px; }

}

@media( max-width: 1000px ){

	.header-main-wb .logo-main-wb { width: 80px; margin-right: 5px; }

	.header-main-wb .vertical-line-wb { height: 20px; margin-right: 5px; }

	.header-main-wb .page-title-wb { font-size: 20px; }

	.header-main-wb .main-menu-wb { font-size: 14px; }
	.header-main-wb .main-menu-wb a { margin-left: 10px; margin-right: 10px; }

	.header-main-wb .add-service-button-wbkb .plus-icon-wb:after { margin-top: -1px; }

}

@media( max-width: 800px ){

	.header-main-wb .main-menu-wb { display: none; }

	.header-main-wb .add-service-button-wbkb { margin-left: auto; }

	.main-block-wb textarea { min-height: 150px; }

}

@media( max-width: 500px ){

	.settings-list-wb li { padding: 20px; }

	.settings-list-wb li .view-settings-link-wb .text-wb { color: #1F6763; }
	.settings-list-wb li .view-settings-link-wb .default-icon-wb { display: none; }
	.settings-list-wb li .view-settings-link-wb .hover-icon-wb { display: inline-block; }

}





.main-curtain-wb { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.main-curtain-wb.open-wb { display: block; }

.sidebar-roll-part-wrapper-wb { position: fixed; top: 0; right: 0; bottom: 0; width: 0; z-index: 110; }

.sidebar-roll-wb { display: none; width: 540px; margin-left: 0; position: absolute; top: 0; left: 0; bottom: 0; z-index: 110; background: #fff;  min-height: 100%; transition: 0.2s; }
.sidebar-roll-wb.open-wb { display: block; }
.sidebar-roll-wb.slide-wb { margin-left: -540px; }
.sidebar-roll-wb .close-button-wbkb { position: absolute; top: 35px; right: 20px; width: 36px; height: 36px; transition: 0.2s; cursor: pointer; border:  1px solid #8A9393; border-radius: 10px; display: flex; align-items: center; justify-content: center; z-index: 30; }
.sidebar-roll-wb .close-button-wbkb:hover { opacity: 0.7; }
.sidebar-roll-wb .sidebar-roll-title-wb { position: absolute; left: 0; top: 0; right: 0; font-size: 32px; font-family: 'Ubuntu', sans-serif;
font-weight: 500; line-height: 36px; margin: 0 0 30px 0; background: #fff; z-index: 20; padding: 35px 20px 25px 20px; }

.sidebar-roll-wb form { height: 100%; }

.sidebar-roll-wb .sidebar-roll-content-wb { padding: 95px 8px 91px 0px; height: 100%; }
.sidebar-roll-wb .sidebar-roll-content-inner-wb { overflow: auto; height: 100%; padding: 0 12px 0 20px; }


.toggle-container-wb .toggle-title-wb { display: flex; align-items: center; font-size: 24px; font-family: 'Ubuntu', sans-serif;
font-weight: 500; cursor: pointer; transition: 0.2s; margin: 0 0 30px 0; }
.toggle-container-wb .toggle-title-wb:hover { opacity: 0.7; }
.toggle-container-wb .toggle-title-wb:after { content: url(../images/toggle-arrow.png); margin-left: auto; transition: 0.2s; }
.toggle-container-wb .toggle-content-wb { display: none; }
.toggle-container-wb.open-wb .toggle-content-wb { display: block; }
.toggle-container-wb.open-wb .toggle-title-wb:after { transform: rotate(-180deg); }


.field-block-wb { margin: 0 0 25px 0; }
.field-block-wb .label-wb { display: flex; margin: 0 0 8px 0; }
.field-block-wb .label-wb label { margin: 0 5px 0 0; user-select: none; }
.field-block-wb .label-wb label small { font-size: 12px; }
.field-block-wb .label-wb label b { font-weight: normal; font-family: 'Ubuntu', sans-serif;
font-weight: 500; }
.field-block-wb  input[type="text"] { width: 100%; }

.field-block-wb fieldset { position: relative; border: 0; }

.field-block-wb.with-slidebox-wb { display: flex; }
.field-block-wb.with-slidebox-wb .label-wb { padding: 0 20px 0 0; }
.field-block-wb.with-slidebox-wb .slidebox-wb { margin-left: auto; }
.field-block-wb.with-toggle-editor-wb { display: flex; align-items: center; }
.field-block-wb.with-toggle-editor-wb .label-wb { margin-bottom: 0; }
.field-block-wb.with-toggle-editor-wb .button-small-wb { margin-left: auto; }

.field-block-wb.with-checkbox-wb { display: flex; }
.field-block-wb.with-checkbox-wb .checkbox-custom-wrapper-wb { margin-left: auto; }

.field-block-wb .label-wb .label-link { margin-left: auto; color: #8A9393; text-align: right; }


.help-popover-wb { display: inline-block; margin: -2px 0 0 0; position: relative; user-select: none; }
.help-popover-wb .help-icon-wb { display: inline-block; color: #A1A3B6; border: 1px solid #A1A3B6; border-radius: 100%; width: 13px; height: 13px; line-height: 12px; font-size: 10px; text-align: center; cursor: pointer; transition: 0.2s; font-family: arial; }
.help-popover-wb .help-icon-wb:hover { opacity: 0.7; }
.help-popover-wb .help-popover-box-wb { display: none; position: absolute; bottom: 100%; right: 0; background: #000; color: #fff; padding: 5px; border-radius: 10px 10px 0 10px; box-shadow: 0 0 10px rgb(161 164 182 / 26%); font-size: 12px; min-width: 200px; margin: 0 0 6px 0; text-align: center; z-index: 999; }
.help-popover-wb .help-popover-box-wb:after { content: ''; width: 0; height: 0; top: 100%; right: 5px; position: absolute; border-top: 10px solid #212121; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; margin: 0 -5px 0 0; }
.help-popover-wb.center-wb .help-popover-box-wb { right: -48px; border-bottom-right-radius: 10px; }
.help-popover-wb.center-wb .help-popover-box-wb:after { right: 50%; }



.custom-select-wb .nice-select { position: relative; user-select: none; }
.custom-select-wb .nice-select .current { display: block; border-color: #212121; position: relative; background-color: #fff; border: 1px solid #8A9393; border-radius: 15px; line-height: 48px; transition: 0.2s; }
.custom-select-wb .nice-select .current:after { content: url('../images/select-arrow.png'); position: absolute; top: 0; right: 15px; transition: 0.2s; }
.custom-select-wb .nice-select.open .current:after { transform: rotate(-180deg); }
.custom-select-wb .nice-select .current { color: #212121; padding: 0 20px; cursor: pointer; min-height: 50px;}
.custom-select-wb .nice-select .list { display: none; position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; box-shadow: 0 0 10px rgba(161,164,182,0.3); border-radius: 15px; overflow: hidden; max-height: 200px; overflow: auto; }
.custom-select-wb .nice-select.open .list { display: block; }
.custom-select-wb .nice-select .list li { color: #212121; padding: 10px 20px 10px 20px; cursor: pointer; }
.custom-select-wb .nice-select .list li:first-child { padding-top: 20px; }
.custom-select-wb .nice-select .list li:last-child { padding-bottom: 20px; }
.custom-select-wb .nice-select .list li:hover { background: #CBE7E7; }

select.drop-up-wb ~  .nice-select .list { top: auto; bottom: 100%; }


.field-block-wb .hint-wb { font-size: 13px; margin: 10px 0 0 0; }
.field-block-wb .hint-wb a { color: #212121; }



input.slidebox-wb { position: relative; -webkit-appearance: none; outline: none; width: 46px; min-width: 46px; height: 26px; background-color: #8A9393;  border: 1px solid #8A9393; border-radius: 50px; cursor: pointer; transition: 0.2s; }
input.slidebox-wb:after { content: ""; position: absolute; top: 0; left: 0; background: transparent; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 0 1px rgba(0,0,0,0.15); transition: 0.2s; }
input.slidebox-wb:checked { background: #1F6763; border-color: #1F6763; }
input.slidebox-wb:checked:after { left: 20px; }


.sidebar-roll-wb hr { border: 0; height: 1px; background: #D9DFE7; margin: 0 0 0 0; padding: 0; }
.sidebar-roll-wb hr.solid-wb { background: #C2C7C7; }
.sidebar-roll-wb hr.fullwidth-wb { margin: 0 0 30px 0; }

.sidebar-roll-wb .buttons-block-wb { text-align: right; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; border-top: 1px solid #C2C7C7; padding: 20px 20px 20px 20px; }
.sidebar-roll-wb .buttons-block-wb .button-wbkb { margin-left: 20px; }

.button-wbkb { display: inline-block; line-height: 48px; background: #1F6763; border: 1px solid transparent; border-radius: 15px; color: #fff; padding: 0 20px 0 20px; font-family: 'Ubuntu', sans-serif; font-size: 16px; min-width: 110px; transition: 0.2s; cursor: pointer; text-decoration: none; position: relative;}
 
.button-wbkb.button-light-wb { background: #fff; color: #8A9393; border-color: #8A9393; }
.button-wbkb.button-light-wb:hover { opacity: 0.7; }
.button-wbkb.button-small-wb { line-height: 40px; background-color: #CDCFDE; color: #212121; }
.button-wbkb:disabled{cursor:default;  background-color: #CDCFDE; color: #212121; opacity: 0.8; }

.checkbox-custom-wrapper-wb { width: 20px; height: 20px; position: relative; }
.checkbox-custom-wrapper-wb input[type="checkbox"] { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; }
.checkbox-custom-wrapper-wb .checkmark-wb { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #8A9393; border-radius: 3px; z-index: 1; }
.checkbox-custom-wrapper-wb input[type="checkbox"]:checked ~ .checkmark-wb { background: #1F6763 url(../images/checkmark-white.png) no-repeat center; }


.toggle-editor-wrapper-wb .visual-editor-wb { display: none; }
.toggle-editor-wrapper-wb .visual-editor-wb.open-wb { display: block; }

.visual-editor-wb { margin: 0 0 25px 0; }
.visual-editor-wb .editor-area-wb .editor-icons-wrapper-wb { height: 55px; display: flex; align-items: center; border: 1px solid #8A9393; border-bottom: 0; border-radius: 20px 20px 0 0; padding: 0 0 0 15px; }
.visual-editor-wb .editor-area-wb .editor-icons-wrapper-wb img { max-width: 90%; }
.visual-editor-wb .editor-area-wb textarea { border-top-left-radius: 0; border-top-right-radius: 0; min-height: 200px; }


.sidebar-warning-block-wb { display: flex; align-items: center; background-color: #CBE7E7; border-radius: 10px; padding: 20px; margin: 0 0 20px 0; }
.sidebar-warning-block-wb .warning-image-wb { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100%; margin: 0 15px 0 0; }
.sidebar-warning-block-wb .warning-text-wb { font-family: 'Ubuntu', sans-serif;
font-weight: 500; }
.sidebar-warning-block-wb .button-wbkb { margin-left: auto; }


.disabled-area-wb { position: relative; opacity: 0.5; }
.disabled-area-wb:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }


@media( max-width: 800px ){

	.toggle-container-wb .toggle-title-wb { font-size: 20px; }
	.sidebar-roll-wb.slide-wb { width: 375px; margin-left: -375px; }
	.sidebar-roll-wb .sidebar-roll-title-wb { font-size: 28px; }
	.field-block-wb.with-toggle-editor-wb { display: block; }
	.field-block-wb.with-toggle-editor-wb .label-wb { margin-bottom: 10px; }
	.field-block-wb .label-wb.mobile-two-rows-wb { display: block; }
	.field-block-wb .label-wb.mobile-two-rows-wb .help-popover-wb { vertical-align: top; }
	.field-block-wb .label-wb.mobile-two-rows-wb .label-link { display: inline-block; }
	.visual-editor-wb .editor-area-wb textarea { min-height: 100px; }
	.hide-on-mobile-wb { display: none; }
	.sidebar-warning-block-wb { padding: 10px; }
	.sidebar-warning-block-wb .warning-image-wb { width: 24px; height: 24px; min-width: 24px; margin-right: 5px; }
	.sidebar-warning-block-wb .warning-image-wb img { width: 12px; }
	.sidebar-warning-block-wb .button-wbkb { padding-left: 10px; padding-right: 10px; min-width: auto; }

}

.setup-area-wb { box-shadow: 0 0 20px rgba(161,164,182,0.5); border-radius: 20px; padding: 60px 20px 60px 20px; }
.setup-steps-block-wb { display: flex; max-width: 908px; margin: 0 auto 30px auto; position: relative; list-style: none; justify-content: space-between; font-family: 'Ubuntu', sans-serif;
font-weight: 500; font-size: 24px; color: #8A9393; align-items: center; }
.setup-steps-block-wb:before { content: ''; position: absolute; top: 50%; left: 0; width: 50%; height: 2px; background-color: #D9DFE7; z-index: 10; }
.setup-steps-block-wb:after { content: ''; position: absolute; top: 50%; right: 0; width: 50%; height: 2px; background-color: #D9DFE7; z-index: 10; }
.setup-steps-block-wb li { position: relative; z-index: 20; width: 50px; height: 50px; background-color: #D9DFE7; border-radius: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }


.setup-steps-block-wb li.active{ background-color: #1F6763; color: #fff; }
.setup-steps-block-wb li.done { background: transparent; width: 30px; height: 30px; background: #1F6763 url(../images/checkmark-white-medium.png) no-repeat center; text-indent: 100px; }

  
.setup-fields-wb .container-small-wb { max-width: 500px; margin: 0 auto; }
.setup-fields-wb .container-medium-wb { max-width: 590px; margin: 0 auto; }
.setup-fields-wb .container-big-wb { max-width: 730px; margin: 0 auto; }


.setup-fields-wb .block-heading-wb { font-family: 'Ubuntu', sans-serif;
font-weight: 500; font-weight: normal; font-size: 32px; text-align: center; margin: 0 0 30px 0; line-height: 42px; }

.setup-fields-wb .buttons-block-wb { display: flex; justify-content: space-between; margin: 0 0 40px 0; }
.setup-fields-wb .buttons-block-wb .button-wbkb { min-width: 160px; }
.setup-fields-wb .buttons-block-wb .button-light-wb { border-color: #1F6763; color: #212121; }
.setup-fields-wb .skip-link-wrapper-wb { text-align: center; margin: 60px 0 0 0; }
.setup-fields-wb .skip-link-wrapper-wb a { color: #8A9393; }

.width-50-percent-wb { width: 50% !important; }


.setup-area-wb .help-popover-wb .help-icon-wb { border-color: #212121; color: #212121; }

.setup-fields-wb .container-medium-wb .buttons-block-wb { margin-bottom: 0; }


.slider-range-working-hours-wb.ui-slider-horizontal {
    height: 4px;
    background: #D9DFE7;
    clear: both;
    margin: 8px 0;
    border-radius: 4px;
    position: relative;
    text-align: left;
}

.slider-range-working-hours-wb.ui-slider-horizontal .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 4px;
    font-size: .7em;
    display: block;
    border-radius: 6px;
    background: #212121;
    height: 100%;
}

.slider-range-working-hours-wb.ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 12px;
    height: 12px;
    cursor: pointer;
    border-radius: 50%;
    background: #212121;
    top: -4px;
    margin-left: -4px;
		box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}
.slider-range-working-hours-wb.ui-slider-horizontal .ui-slider-handle:focus {
    outline:none;
}



.slider-range-working-hours-time-wb { border: 0 !important; padding: 0 !important; cursor: default; height: auto !important; color: #212121; margin-bottom: 5px; }
.slider-range-working-hours-time-wb:focus { outline: none; }



.custom-radiobutton-wbkb {
  display: block;
  position: relative;
  padding-left: 23px;
	line-height: 23px;
  cursor: pointer;
  user-select: none;
	box-sizing: border-box;
}

.custom-radiobutton-wbkb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-radiobutton-wbkb .checkmark-wb {
  position: absolute;
  top: 4px;
  left: 0;
  height: 16px;
  width: 16px;
	border: 2px solid #212121;
  border-radius: 50%;
	box-sizing: border-box;
	transition: 0.05s;
}

.custom-radiobutton-wbkb:hover input ~ .checkmark-wb {
  opacity: 0.7;
}

.custom-radiobutton-wbkb input:checked ~ .checkmark-wb {
  border-color: #1F6763;
	border-width: 4px;
}

.custom-radiobutton-wbkb input:checked:hover ~ .checkmark-wb {
	opacity: 1;
}


.radio-block-wb { margin: 0 0 25px 0; }
.radio-block-wb .radio-block-title-wb { margin: 0 0 15px 0; }
.radio-block-wb .radio-row-wb { margin: 0 0 15px 0; }
.custom-radiobutton-wbkb .radio-title-wb { transition: 0.2s; }
.custom-radiobutton-wbkb:hover .radio-title-wb { opacity: 0.7; }
.custom-radiobutton-wbkb input:checked ~ .radio-title-wb { font-family: 'Ubuntu', sans-serif;
font-weight: 500; }
.custom-radiobutton-wbkb input:checked ~ .radio-title-wb { opacity: 1; }


.setup-fields-wb .block-heading-wb { margin-bottom: 15px; }
.setup-fields-wb .block-subheading-wb { font-size: 24px; font-weight: normal; text-align: center; margin: 0 0 30px 0;  }


.setup-fields-wb .container-medium-wb .button-wbkb { min-width: 280px; }
.setup-fields-wb .container-medium-wb .button-light-wb { color: #1F6763; text-align: center; }


.text-center-wb { text-align: center; }


.field-block-wb .pro-label-wb { display: inline-block; background-color: #00B5EE; line-height: 24px; border-radius: 5px; color: #fff; padding: 0 8px 0 8px; }

.setup-fields-wb .fieldset-wb:last-child { margin: 0 0 60px 0; }

.fieldset-wb .field-wrapper-wb .input-text-wb { padding-right: 130px; }
.fieldset-wb .field-wrapper-wb .inner-submit-wb { position: absolute; top: 0; right: 0; height: 100%; min-width: 120px; background: #1F6763; color: #fff; border: 0; border-radius: 0 15px 15px 0; padding: 0 10px 0 10px; transition: 0.2s; cursor: pointer; }
.fieldset-wb .field-wrapper-wb .inner-submit-wb:hover { opacity: 0.8; }
.fieldset-wb .field-wrapper-wb .inner-submit-wb img { margin-left: 2px; }

.mb-10-wb { margin-bottom: 10px; }
.mb-40-wb { margin-bottom: 40px; }

@media( max-width: 800px ){

	.setup-steps-block-wb li { width: 36px; height: 36px; }

	.setup-steps-block-wb.step-2-wb li:first-child { width: 24px; height: 24px; background-size: 13px; }
	.setup-steps-block-wb.step-3-wb li:first-child { width: 24px; height: 24px; background-size: 13px; }
	.setup-steps-block-wb.step-3-wb li:first-child + li { width: 24px; height: 24px; background-size: 13px; }

	.setup-area-wb { box-shadow: none; padding: 0; }

	.setup-steps-block-wb { margin-bottom: 20px; }

	.setup-fields-wb .block-heading-wb { font-size: 28px; text-align: left; margin-bottom: 20px; }
	.setup-fields-wb .block-subheading-wb { text-align: left; font-size: 20px; }
	.setup-fields-wb .buttons-block-wb { margin-top: 35px; margin-bottom: 25px; }

	.setup-fields-wb .container-small-wb p { text-align: left; }
	.setup-fields-wb .container-medium-wb { max-width: 500px; }
	.setup-fields-wb .container-medium-wb .buttons-block-wb { display: block; }
	.setup-fields-wb .container-medium-wb .buttons-block-wb .button-wbkb { display: block; width: 100%; margin: 0 0 20px 0; }

	.setup-fields-wb .fieldset-wb:last-child { margin-bottom: 0; }

}




.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}


.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}


.custom-multiple-select-wb .chosen-container { width: 100% !important; }
.custom-multiple-select-wb .chosen-container .chosen-choices { border: 1px solid #8A9393; background: #fff !important; border-radius: 15px; min-height: 50px; background: none; padding: 10px 30px 0 20px !important; } .custom-multiple-select-wb .chosen-container .chosen-choices .chosen-search-input { margin: 0 !important; font-family: 'Ubuntu', sans-serif !important; font-size: 16px !important; color: #212121 !important; }
.custom-multiple-select-wb .chosen-container:after { content: url(../images/select-arrow.png); position: absolute;  top: 16px; right: 15px; transition: 0.2s; }
.custom-multiple-select-wb .chosen-container.chosen-with-drop:after { transform: rotate(-180deg); }
.custom-multiple-select-wb .chosen-container .chosen-choices li { display: flex; margin: 0 10px 10px 0; background: none; border: 0; padding: 0; align-items: center; box-shadow: none; }
.custom-multiple-select-wb .chosen-container .chosen-choices li span { display: inline-block; line-height: 28px; font-size: 16px; margin: 0 8px 0 0; }
.custom-multiple-select-wb .chosen-container .chosen-choices li .search-choice-close { width: 12px; height: 12px; background: url(../images/close-icon-medium.png); position: static; }
.custom-multiple-select-wb .chosen-container .chosen-choices li .search-choice-close:hover { background-position: 0 0; }
.custom-multiple-select-wb .chosen-container .chosen-drop { border: 0; box-shadow: 0 0 10px rgba(161,164,182,0.3); border-radius: 15px; background: #fff; overflow: hidden; }
.custom-multiple-select-wb .chosen-container .chosen-drop .chosen-results { list-style: none; max-height: 202px; overflow: auto; }
.custom-multiple-select-wb .chosen-container .chosen-drop .chosen-results li { padding: 10px 20px 10px 20px; font-size: 16px; }
.custom-multiple-select-wb .chosen-container .chosen-drop .chosen-results li:hover { background: #CBE7E7; }
.custom-multiple-select-wb .chosen-container .chosen-drop .chosen-results li:first-child { padding-top: 20px; }
.custom-multiple-select-wb .chosen-container .chosen-drop .chosen-results li:last-child { padding-bottom: 20px; }
.custom-multiple-select-wb .chosen-choices li.search-field input[type="text"] { height: 28px; }
.custom-multiple-select-wb .chosen-drop li { display: flex; align-items: center; }
.custom-multiple-select-wb .chosen-drop li:before { content: ''; display: inline-block; width: 20px; height: 20px; border: 1px solid #8A9393; border-radius: 3px; margin: 0 10px 0 0; vertical-align: middle; }
.custom-multiple-select-wb .chosen-drop li.premium-option-wb:after { content: 'PREMIUM'; display: inline-block; border-radius: 20px; background: #00B5EE; margin: 0 0 0 10px; color: #fff; font-size: 13px; padding: 0 5px 0 5px; line-height: 26px; }
.custom-multiple-select-wb .chosen-drop .result-selected { color: #212121; }
.custom-multiple-select-wb .chosen-drop .result-selected:before { content: ''; display: inline-block; width: 20px; height: 20px;  border-radius: 3px; margin: 0 10px 0 0; vertical-align: middle; background: #1F6763 url(../images/checkmark-white-small.png) no-repeat center; border: 0; }
.custom-multiple-select-wb .chosen-drop .no-results:before { display: none; }
.custom-multiple-select-wb .chosen-drop .no-results span { font-family: 'Ubuntu', sans-serif;
font-weight: 400; margin: 0 0 0 10px; }
.custom-multiple-select-wb .chosen-drop .no-results:hover { background: none !important; }


.wbk_option_block .chosen-container-multi .chosen-choices{
min-height: 32px;
}


[data-scrollbar] { overflow: auto; }
[data-scrollbar] .scrollbar-track { width: 4px; background-color: #f3f4f4; border-radius: 4px; }
[data-scrollbar] .scrollbar-thumb { width: 4px; background-color: #d9dfe7; border-radius: 4px; }


.notification-bar-wb {     color: #000; display: flex; background-color: #fff; position: relative; z-index: 1000; align-items: center; box-shadow: 0 0 20px rgba(161,164,182,0.5); border-radius: 8px; padding: 12px; margin: 30px 0 20px 0;  }
.notification-bar-wb .block-icon-wb { display: flex; align-items: center; justify-content: center; width: 24px; min-width: 24px; height: 24px; background: #CBE7E7; border-radius: 8px; margin: 0 12px 0 0; }
.notification-bar-wb .block-text-wb { margin: 0 10px 0 0; }
.notification-bar-wb .block-close-wb { display: block; width: 21px; height: 21px; min-width: 21px; position: relative; margin-left: auto; transform: rotate(45deg); cursor: pointer; transition: 0.2s; }
.notification-bar-wb .block-close-wb:hover { opacity: 0.7; }
.notification-bar-wb .block-close-wb:before { content: ''; position:  absolute; top: 0; left: 50%; bottom: 0; width: 1px; background: #8A9393; margin: 0 0 0 -1px; }
.notification-bar-wb .block-close-wb:after { content: ''; position:  absolute; left: 0; top: 50%; right: 0; height: 1px; background: #8A9393; margin: -1px 0 0 0; }


.appearance-block-wb { display: flex; }

.appearance-menu-wrapper-wb { margin: 0 0 25px 0; }

.appearance-menu-wb { 
    display: flex;
    list-style: none;
    font-size: 22px; 
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    color: #8A9393; 
    border-bottom: none !important;
    padding: 0 0 1px 0; 
}
.appearance-menu-wb li { margin: 0 55px 0 0; cursor: pointer; transition: 0.2s; position: relative; height: 33px; }
.appearance-menu-wb li:hover { opacity: 0.7; }
.appearance-menu-wb li:last-child { margin-right: 0; }
.appearance-menu-wb .active-wb { color: #1F6763; cursor: default; }
.appearance-menu-wb .active-wb:hover { opacity: 1; }
.appearance-menu-wb .active-wb:after { content: ''; display: block; position: absolute; top: 100%; left: 0; right: 0; height: 2px; background: #1F6763; }

.field-wrapper-wb .block-label-wb { display: inline-block; font-family: 'Ubuntu', sans-serif;
font-weight: 500; margin: 0 0 10px 0; }
.field-wrapper-wb .radio-row-wb { margin: 0 0 10px 0; }
.field-wrapper-wb .custom-radiobutton-wbkb { display: inline-block; }
.field-wrapper-wb .custom-radiobutton-wbkb input:checked ~ .checkmark-wb { border-color: #212121; }
.field-wrapper-wb .custom-radiobutton-wbkb input:checked ~ .radio-title-wb { font-family: 'Ubuntu', sans-serif; }

.appearance-block-wb .left-part-wb .buttons-block-wb .button-wbkb { margin: 0 20px 0 0; }
.appearance-block-wb .appearance-tabs-wb { margin: 0 0 35px 0; }
.appearance-block-wb .appearance-tabs-wb .single-tab-wb { display: none; }
.appearance-block-wb .appearance-tabs-wb .single-tab-wb.active-wb { display: block; }
.appearance-block-wb .right-part-wb { margin-left: auto; }

.desktop-mobile-toggle-wrapper-wb { display: flex; align-items: center; justify-content: end; margin: 0 0 30px 0; }
.desktop-mobile-toggle-wrapper-wb .toggle-text-wb { margin: 0 15px 0 0; }
.desktop-mobile-toggle-wrapper-wb .toggle-text-wb .help-popover-wb { vertical-align: top; }

.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb { display: flex; user-select: none; }
.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb .toggle-item-wb { border: 1px solid #8A9393; padding: 3px 10px 3px 10px; cursor: pointer; transition: 0.2s; }
.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb .toggle-item-wb:first-child { border-radius: 8px 0 0 8px; }
.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb .toggle-item-wb:last-child { border-radius: 0 8px 8px 0; }
.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb .toggle-item-wb.active-wb { background: #1F6763; border-color: #1F6763; color: #fff; cursor: default; }
.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb .toggle-item-wb:hover { opacity: 0.7; }
.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb .toggle-item-wb.active-wb:hover { opacity: 1; }
.desktop-mobile-toggle-wrapper-wb .toggle-item-wb img { margin-right: 5px; }
.desktop-mobile-toggle-wrapper-wb .toggle-item-wb .desktop-active-icon-wb { display: none; }
.desktop-mobile-toggle-wrapper-wb .toggle-item-wb .mobile-active-icon-wb { display: none; }
.desktop-mobile-toggle-wrapper-wb .toggle-item-wb.active-wb .desktop-default-icon-wb { display: none; }
.desktop-mobile-toggle-wrapper-wb .toggle-item-wb.active-wb .mobile-default-icon-wb { display: none; }
.desktop-mobile-toggle-wrapper-wb .toggle-item-wb.active-wb .desktop-active-icon-wb { display: inline-block; }
.desktop-mobile-toggle-wrapper-wb .toggle-item-wb.active-wb .mobile-active-icon-wb { display: inline-block; }


.appointment-box-wbk { display: flex; max-width: 920px; min-height: 650px; background: #fff; padding: 40px 20px 40px 40px; border-radius: 20px; box-shadow: 0 0 20px rgba(161,164,182,0.5); transition: 0.2s; }

.appointment-box-wbk .appointment-status-wrapper-w { background: #428A89; border-radius: 20px; color: #fff; padding: 40px; min-width: 360px; max-width: 360px; margin: 0 20px 0 0; }
.appointment-box-wbk .appointment-status-list-w { list-style: none; padding: 0; margin: 0; }
.appointment-box-wbk .appointment-status-list-w > li { display: flex; align-items: center; margin: 0 0 25px 0; opacity: 0.6; align-items: start; }
.appointment-box-wbk .appointment-status-list-w > li.active-w { opacity: 1; }
.appointment-box-wbk .appointment-status-list-w > li.completed-w .digit-w { background: #fff url(../images/checkmark-green.png) center center no-repeat; text-indent: 100px; overflow: hidden; }
.appointment-box-wbk .appointment-status-list-w .digit-w { display: flex; max-width: 36px; max-height: 36px; min-width: 36px; min-height: 36px; border: 2px solid rgba(255,255,255,0.2); align-items: center; justify-content: center; border-radius: 100%; margin: 0 10px 0 0; }
.appointment-box-wbk .appointment-status-list-w .text-w { padding: 2px 0 0 0; }
.appointment-box-wbk .appointment-status-list-w .text-w .text-title-w { font-size: 22px; margin: 0 0 10px 0; }
.appointment-box-wbk .appointment-status-list-w .text-w .subtitle-list-w { list-style: disc; margin: 0 0 0 20px; max-width: 200px; }
.appointment-box-wbk .appointment-status-list-w .text-w .subtitle-list-w li + li { margin-top: 10px; }

.field-row-w { margin: 0 0 20px 0; }
.field-row-w label { display: flex; font-family: 'Ubuntu', sans-serif;
font-weight: 400; margin: 0 0 10px 0; }
.field-row-w.two-fields-w { display: flex; justify-content: space-between; max-width: 345px; }
.field-row-w.two-fields-w input { max-width: 165px; }
.field-row-w .input-wrapper-w { position: relative; }

.checkbox-row-w { display: flex; width: 100%; user-select: none; }
.checkbox-row-w:last-child { margin-bottom: 0; }

.checkbox-custom-w { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; user-select: none; }
.checkbox-custom-w input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox-custom-w .checkmark-w { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 1px solid #CDCFDE; transition: 0.2s;border-radius: 3px; background-color: #fff; }
.checkbox-custom-w input:not(:checked) ~ .checkmark-w { background-color: #fff !important; }
.checkbox-custom-w:hover input ~ .checkmark-w { background-color: #ccc; }
.checkbox-custom-w input:checked ~ .checkmark-w { background-color: #1F6763; }
.checkbox-custom-w .checkmark-w:after { content: ""; position: absolute; display: none; }
.checkbox-custom-w input:checked ~ .checkmark-w:after { display: block; }
.checkbox-custom-w .checkmark-w:after { left: 8px; top: 3px; width: 6px; height: 11px; border: solid white; border-width: 0 2px 2px 0;  transform: rotate(45deg); }

.checkbox-row-w .checkbox-text-w { font-family: 'Ubuntu', sans-serif; font-size: 16px; }
.checkbox-row-w .checkbox-text-w .checkbox-title-w { display: block; margin: 0 0 8px 0; line-height: 1.3; }
.checkbox-row-w .checkbox-text-w .checkbox-subtitle-w { display: block; line-height: 22px; color: #1F6763; }
.checkbox-row-w .checkbox-text-w .checkbox-subtitle-w img { display: inline-block; vertical-align: top; margin: 0 4px 0 0; }

.appointment-box-wbk .button-block-wbk { display: flex; justify-content: right; padding: 0 25px 0 0; }
.appointment-box-wbk .button-block-wbk .button-wbk { margin-left: 30px; }

.appointment-box-wbk .button-wbk { font-family: 'Ubuntu', sans-serif;
font-weight: 400; display: inline-block; background: #1F6763; border-radius: 15px; color: #fff; border: 0; padding: 10px 45px 10px 45px; font-size: 16px; transition: 0.2s; cursor: pointer; min-width: 155px; }
.appointment-box-wbk .button-wbk:hover { opacity: 0.8; }

.appointment-box-wbk .button-wbk[disabled] { background: #D5D7E7; color: #A1A3B6; cursor: default; }
.appointment-box-wbk .button-wbk[disabled]:hover { opacity: 1; }

.appointment-box-wbk .button-wbk.simple-w { background: #fff; color: #000; border: 1px solid #1F6763; }

.wizard-content-w { flex-grow: 1; position: relative; }
.wizard-content-scroll-w  { padding: 0 25px 0 10px; position: relative; margin: 0 0 23px 0; height: 500px; }
.wizard-content-scroll-w[data-scrollbar]:after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 30px; background: linear-gradient(transparent, #fff); }

.appointment-box-wbk .last-w select ~ .nice-select .list { top: auto; bottom: 100%; }


.appointement-status-mobile-w { display: none; width: 80px; min-width: 80px; height: 80px; background: url(../images/progress-circle.png) top left; justify-content: center; align-items: center; margin: 0 15px 0 0; }
.appointement-status-mobile-w.step-1-w { background-position: top left; }
.appointement-status-mobile-w.step-2-w { background-position: top right; }
.appointement-status-mobile-w.step-3-w { background-position: bottom left; }
.appointement-status-mobile-w.step-4-w { background-position: bottom right; }

.appointment-status-text-mobile-wbk { display: none; }
.appointment-status-text-mobile-wbk .current-step-wbk { font-size: 20px; font-family: 'Ubuntu', sans-serif;
font-weight: 500; }

.appearance-block-wb .right-part-wb .buttons-block-wb { display: none; }




.service-cards-list-w { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; row-gap: 15px; list-style: none; }
.service-cards-list-w li { display: flex; justify-content: center; }
.service-cards-list-w .service-card-w { display: block; font-family: 'Ubuntu', sans-serif; max-width: 215px; position: relative; margin: 0; }
.service-cards-list-w .service-card-custom-w { cursor: pointer; transition: 0.2s; }
.service-cards-list-w .service-card-custom-w:hover { opacity: 0.8; }
.service-cards-list-w .card-title-w { margin: 0 0 5px 0; }
.service-cards-list-w .image-wrapper-w { display: block; margin: 0 0 10px 0; }
.service-cards-list-w .checkbox-subtitle-w { display: block; line-height: 22px; color: #1F6763; }
.service-cards-list-w .checkbox-subtitle-w img { display: inline-block; vertical-align: top; margin: 0 4px 0 0; }
.service-cards-list-w .service-card-w .checkbox-custom-w { position: absolute; top: 10px; left: 10px; }
.service-cards-list-w .service-card-w .card-title-w { display: block; }

.service-cards-list-w .service-card-w .service-card-inner-w { display: block; padding: 10px 10px 35px 10px; box-shadow: 0 0 10px rgba(161,164,182,0.26); border-radius: 10px; height: 100%; position: relative; }
.service-cards-list-w .service-card-custom-w .checkbox-subtitle-w { position: absolute; left: 10px; bottom: 10px; right: 10px; }
.service-cards-list-w .service-card-custom-w .checkbox-subtitle-w .active-icon-w { display: none; }
.service-card-custom-w input[type="checkbox"] { display: none; }
.service-card-custom-w input[type="checkbox"]:checked ~ .service-card-inner-w { background: #1F6763; color: #fff; }
.service-card-custom-w input[type="checkbox"]:checked ~ .service-card-inner-w .checkbox-subtitle-w { color: #fff; }
.service-card-custom-w input[type="checkbox"]:checked ~ .service-card-inner-w .checkbox-subtitle-w .default-icon-w { display: none; }
.service-card-custom-w input[type="checkbox"]:checked ~ .service-card-inner-w .checkbox-subtitle-w .active-icon-w { display: inline-block; }


.selector-of-services-wb { display: none; }
.selector-of-services-wb.active-wb { display: block; }


.appointment-box-wbkrapper-wb { width: 920px; }


.single-tab-wb .input-text-wb { max-width: 350px; }
.single-tab-wb .nice-select { max-width: 350px; }
.single-tab-wb .field-block-wb.with-slidebox-wb { margin: 30px 0 0 0; max-width: 350px; }



.field-wrapper-wb { position: relative; }
.field-wrapper-wb .color-picker-wb { position: absolute; top: 5px; left: 5px; border-radius: 12px; width: 40px; height: 40px; background: none; border: 0; -webkit-appearance: none; overflow: hidden; box-shadow: 0 0 1px rgba(0,0,0,0.8); }
.field-wrapper-wb .color-picker-wb::-webkit-color-swatch-wrapper { padding: 0; }
.field-wrapper-wb .color-picker-wb::-webkit-color-swatch { border: none; }
.field-wrapper-wb .input-text-color-wb { padding-left: 55px !important; }


.appointment-box-wbkrapper-wb .header-main-w { display: none; }
.appointment-box-wbkrapper-wb .heading-mobile-wb { display: none; }


.mobile-version-wb.appointment-box-wbkrapper-wb { max-width: 375px; height: auto; display: block; margin-left: auto; box-shadow: 0 0 20px rgba(161,164,182,0.5); border-radius: 8px; background: #fff; padding: 0 0 35px 0; overflow: hidden; }
.mobile-version-wb .heading-mobile-wb { display: block; font-family: 'Ubuntu', sans-serif;
font-weight: 500; font-weight: normal; text-align: center; margin: 0 0 20px 0; font-size: 28px; }
.mobile-version-wb .appointment-box-wbk { scale: 1; }
.mobile-version-wb .appointment-box-wbk .appointment-status-wrapper-w { display: flex; padding: 20px 25px 20px 25px; align-items: center; min-width: 0; max-width: none; margin: 0 15px 20px 15px; }

.mobile-version-wb .appointment-status-list-w { display: none; }

.mobile-version-wb .appointment-box-wbk { display: block; box-shadow: none; padding: 0; min-height: 0; }
.mobile-version-wb .wizard-content-scroll-w { margin-bottom: 30px; padding: 0 15px 0 15px; }
.mobile-version-wb .wizard-content-scroll-w:after { display: none; }
.mobile-version-wb .wizard-content-scroll-w[data-scrollbar] { padding: 0 15px 0 15px;}

.mobile-version-wb .wizard-content-w .button-block-wbk { padding: 0 15px 0 15px; justify-content: space-between;; }
.mobile-version-wb .wizard-content-w .button-block-wbk .button-wbk { margin-left: 0; }

.mobile-version-wb .appointement-status-mobile-w { display: flex; }
.mobile-version-wb .appointment-status-text-mobile-wbk { display: block; }

.mobile-version-wb .appointment-box-wbk .scrollbar-track { width: 8px; background-color: transparent; }
.mobile-version-wb .appointment-box-wbk .scrollbar-thumb { width: 2px; background-color: #C2C7C7; }


.mobile-version-wb .header-main-w { display: block; background: #212121; padding: 8px 15px 8px 15px; color: #fff; font-family: 'Ubuntu', sans-serif;
font-weight: 500; margin: 0 0 20px 0; }
.mobile-version-wb .header-main-w .header-container-w { display: flex; align-items: center; max-width: 1120px; margin: 0 auto; }

.mobile-version-wb .header-main-w .logo-main-w { color: #fff; text-decoration: none; font-size: 20px; }

.mobile-version-wb .header-main-w .main-menu-wrapper-w { margin-left: auto; position: relative; }
.mobile-version-wb .header-main-w .main-menu-list-w { list-style: none; border-radius: 0 0 5px 5px; }
.mobile-version-wb .header-main-w .main-menu-list-w li { margin: 0 0 0 60px; }
.mobile-version-wb .header-main-w .main-menu-list-w li a { color: #fff; text-decoration: none;  white-space: nowrap;}

.mobile-version-wb .header-main-w .toggle-mobile-menu-w { display: none; vertical-align: middle; cursor: pointer; }
.mobile-version-wb .header-main-w .toggle-mobile-menu-w .lines-w { display: block; width: 25px; height: 2px; background: #fff; margin: 0 0 6px auto; }
.mobile-version-wb .header-main-w .toggle-mobile-menu-w .line-3-w { display: block; width: 36px; margin-bottom: 0; }




.mobile-version-wb .header-main-w .main-menu-list-w { display: none; position: absolute; top: 100%; right: 0; background: #212121; z-index: 10; }
.mobile-version-wb .header-main-w .main-menu-list-w li { margin: 0; }
.mobile-version-wb .header-main-w .main-menu-list-w li a { display: block; padding: 5px 20px 5px 20px; }
.mobile-version-wb .header-main-w .main-menu-list-w li:first-child a { padding-top: 10px; }
.mobile-version-wb .header-main-w .main-menu-list-w li:last-child a { padding-bottom: 10px; }

.mobile-version-wb .header-main-w .toggle-mobile-menu-w { display: block; }









@media( max-width: 1700px ){

	.appointment-box-wbkrapper-wb { display: flex; align-items: center; justify-content: center; width: 668px; height: 520px; }
	.appointment-box-wbk { scale: 0.8; }

}

@media( max-width: 1600px ){

	.appearance-menu-wb { font-size: 18px; }
	.appearance-menu-wb li { margin-right: 20px; }

}

@media( max-width: 1400px ){

	.appointment-box-wbkrapper-wb { width: 585px; height: 455px; }
	.appointment-box-wbk { scale: 0.7; }

	.desktop-mobile-toggle-wrapper-wb .toggle-text-wb { display: none; }

}

@media( max-width: 1300px ){

	.appointment-box-wbkrapper-wb { width: 501px; height: 390px; }
	.appointment-box-wbk { scale: 0.6; }

}

@media( max-width: 1200px ){

	.appointment-box-wbkrapper-wb { width: 418px; height: 325px; }
	.appointment-box-wbk { scale: 0.5; }

}

@media( max-width: 1100px ){

	.appearance-menu-wb { font-size: 16px; }
	.appearance-menu-wb li { height: auto; }

}

@media( max-width: 1000px ){

	.appearance-menu-wb li { margin-right: 10px; }

}

@media( max-width: 900px ){
	.single-tab-wb .input-text-wb { max-width: none; }
	.single-tab-wb .nice-select { max-width: none; }
	.single-tab-wb .field-block-wb.with-slidebox-wb { max-width: none; }
}

@media( max-width: 500px ){

	.wizard-content-w .button-block-wbk { padding: 0 15px 0 15px; }
	.wizard-content-w .button-wbk { display: block; width: 100%; }

}


@media( max-width: 900px ){

	.appearance-menu-wb { justify-content: center; }
	.appearance-menu-wb li { margin: 0 8px 0 8px; }
	.appearance-menu-wb li:first-child { margin-left: 0; }
	.appearance-menu-wb li:last-child { margin-right: 0; }

	.appearance-block-wb { display: block; }
	.desktop-mobile-toggle-wrapper-wb { justify-content: center; }
	.appointment-box-wbkrapper-wb { width: 668px; height: 520px; margin: 0 auto 30px auto; }
	.appointment-box-wbk { scale: 0.8; }

	.appearance-block-wb .right-part-wb .buttons-block-wb { display: block; text-align: center; }
	.appearance-block-wb .right-part-wb .buttons-block-wb .button-wbkb { margin: 0 10px 0 10px; }

}

@media( max-width: 800px ){

	.notification-bar-wb { align-items: start; }

	.appearance-menu-wb { justify-content: start; }

	.appointment-box-wbkrapper-wb { width: 585px; height: 455px; }
	.appointment-box-wbk { scale: 0.7; }

}

@media( max-width: 700px ){

	.appointment-box-wbkrapper-wb { width: 501px; height: 390px; }
	.appointment-box-wbk { scale: 0.6; }

}

@media( max-width: 600px ){

	.appointment-box-wbkrapper-wb { width: 418px; height: 325px; }
	.appointment-box-wbk { scale: 0.5; }

}

@media( max-width: 500px ){

	.appointment-box-wbkrapper-wb { width: 334px; height: 260px; }
	.appointment-box-wbk { scale: 0.4; }

	.mobile-version-wb.appointment-box-wbkrapper-wb { width: auto; max-width: none; }
	.mobile-version-wb .wizard-content-w .button-wbk { width: auto; }

}

@media( max-width: 400px ){
	.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb { width: 100%; }
	.desktop-mobile-toggle-wrapper-wb .toggle-switcher-wb .toggle-item-wb { flex-grow: 1; text-align: center; }
	.appearance-block-wb .appearance-tabs-wb { margin-bottom: 40px; }
	.appearance-block-wb .right-part-wb .buttons-block-wb { text-align: right; }
	.appearance-block-wb .right-part-wb .buttons-block-wb .button-wbkb { margin: 0 0 0 20px; }
}


.btn-text-wb{

}
.button-wbkb-appearance-save{
	width: 100px;
	transition: all 0.3s;
	font-size: 2rem;
	border:none;
	outline:none;
	display: block;
	align-items:center;
	justify-content: center;
	gap: 0.5rem;
	color:#fff;
	cursor:pointer;

}

.loading-btn-wb {
	opacity: 0.8;
    padding-right: 60px;
}

.btn-ring-wbk{
    position: absolute;
    top: 3px;
    transition: all 0.3s;
    display: inline-block;
    opacity: 0;
}

.btn-ring-wbk:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: ringwb 1.2s linear infinite;

}
@keyframes ringwb {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}

/* added from wbk.css */

.wbk_business_hours_group{
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 15px;
}
.wbk_repeater_add_btn{
    clear: both;
    display: inline-block;
    margin: 10px 5px 16px 0;
    font-size: 14px !important;
    text-decoration: none;
    outline: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #7e8993 !important;
    padding: 5px 10px !important;
    background: transparent !important;
    cursor: pointer;
    margin-left: 1px;
    font-weight: normal !important;
    text-transform: none !important;
    font-family: oboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
.wbk_repeater_delete_btn{
    font-size: 36px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: block;
    width: 23px;
    height: 22px;
    float: right;
    line-height: 12px;
    cursor: pointer;
}
.wbk_business_hours_group_time {
    font-size: 18px;
    display: inline-block;
    margin-top: 15px;
}

.wbkdata_input_container .ui-slider-horizontal {
    box-shadow: none;
    border-radius: 0;

}

.wbkdata_input_container .ui-slider-handle{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #cbc4c4 !important;
    outline: none !important;
    background-image: none !important;
    background-color: #ddd !important;
}

.wbkdata_input_container .ui-slider-range{
    top: 0 !important;
    background: #002838 !important;
    border: none !important;
    box-shadow: none !important;
}

.wbkdata_input_container .ui-slider-handle:after{
    display: none;
}

input[name="amount"] {
    display: block !important;
}
input[name="min_quantity"] {
    display: block !important;
}
input[name="quantity"] {
    display: block !important;
}


.custom-multiple-select-wb-holder{
    width: 350px;
}

li.search-field{
    display: none !important;
}
.wbk-error-label{
    color: #ff0000;
}

.chosen-results li{
  padding: 5px;
}
.wizard-tab-wb{
    display: none;
}
.wizard-tab-active-wb{
    display: block;
}

.radio-block-title-wb{
    font-size: 16px;
}

.slidebox-wb:before{
    content: '' !important;
}
 
.wizard-field-holder-wb .checkbox-row-w .checkbox-text-w .checkbox-title-w {
    display: block;
    margin: 0 0 0 0;
    line-height: 26px;
    margin-right: 9px;
}