@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;
}


/* ubuntu */
@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-LightItalic.ttf);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-Italic.ttf);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-MediumItalic.ttf);
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: Ubuntu;
    src: url(./../../src/fonts/ubuntu/Ubuntu-BoldItalic.ttf);
    font-weight: 700;
    font-style: italic;
}

body {
    margin: 0;
}

.wbk_hidden {
    display: none !important;
}

.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);
}
.wbk_hidden_v {
    visibility: hidden !important;
}

.wbk_go_premium_banner {
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: 46px !important;
}
@media (max-width: 768px) {
    .wbk_go_premium_banner{
        margin-left: 0!important;
        max-width: 100%!important;
        object-fit: contain;
    }
}
.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;
}

.wbk_option_input[type='checkbox'] {
    height: 26px !important;
}
@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: 500px) {
    .mobile-version-wb .wizard-content-w .button-wbk {
        width: auto;
    }
}
.wizard-tab-wb {
    display: none;
}
.wizard-tab-active-wb {
    display: block;
}
.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;
}

.freeze_form {
    overflow: hidden;
}

.wbk-deselect-all {
    display: block;
    margin-bottom: 20px;
}

.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;
    background: #f0f0f1;
}

.main-block-wb * {
    box-sizing: border-box;
}

.wp-switch-editor {
    box-sizing: content-box;
    margin: 5px 0 0 5px;
    padding: 3px 8px 4px;
}

.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: normal;
    word-wrap: break-word;
}

.main-block-wb input[type='password'],
.main-block-wb input[type='text'],
.main-block-wb input[type='number'] {
    border: 1px solid #8a9393;
    border-radius: 15px;
    height: 50px;
    margin: 0;
    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 {
    width: 100%;
}

.main-part-wrapper-wb .button-wbkb{
    margin-left: 20px;
}

.header-main-wb {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c2c7c7;
    padding: 20px;
    margin: 0 0 30px 0;
    background-color: #fff;
    gap: 10px;
    max-height: 100px;
}

.header-main-wb > a > img {
    width: 100%;
    height: auto;
    max-height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 80px;
    max-width: 150px;
}

.header-main-wb .vertical-line-wb {
    display: block;
    height: 30px;
    width: 1px;
    background: #c2c4d6;
}

.header-main-wb .page-title-wb {
    font-size: 22px;
    line-height: 32px;
    font-weight: 300;
}

.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: 0 30px 0 30px;
    border-radius: 15px;
    transition: 0.2s;
    cursor: pointer;
    margin: 0 0 0 100px;
    line-height: 50px;
    min-width: 50px;
}

.header-main-wb .add-service-button-wbkb:hover,
.button-wbkb:hover,
.button-wbkb:focus,
.button-wbkb:active {
    opacity: 0.9 !important;
    color: #fff !important;
    text-decoration: underline !important;
}

.header-main-wb .add-service-button-wbkb .text-wb {
    margin: 0 8px 0 0;
}

.plus-icon-wb {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    position: relative;
}

.plus-icon-wb:before {
    content: '';
    width: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -1px;
}

.plus-icon-wb:after {
    content: '';
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -1px 0 0 0;
}

.settings-list-wb {
    list-style: none;
    display: grid;
    column-gap: 25px;
    row-gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
    margin: 0px 20px 20px 20px;
}

.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;
    text-transform: capitalize;
    line-height: 24px;
}

.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: 20;
        margin-bottom: 30px;
    }

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

    .header-main-wb .add-service-button-wbkb .plus-icon-wb:before {
        margin-left: 0;
    }

    .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: -20px;
    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: 110000;
}

.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.loading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 31;
}
.sidebar-roll-wb.loading:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='50' cy='50' r='16' stroke-width='1' stroke='%23777777' stroke-dasharray='25.132741228718345 25.132741228718345' fill='none' stroke-linecap='round'%3e%3canimateTransform attributeName='transform' type='rotate' dur='1.4492753623188404s' repeatCount='indefinite' keyTimes='0;1' values='0 50 50;360 50 50'%3e%3c/animateTransform%3e%3c/circle%3e%3ccircle cx='50' cy='50' r='14' stroke-width='1' stroke='%23777777' stroke-dasharray='21.991148575128552 21.991148575128552' stroke-dashoffset='21.991148575128552' fill='none' stroke-linecap='round'%3e%3canimateTransform attributeName='transform' type='rotate' dur='1.4492753623188404s' repeatCount='indefinite' keyTimes='0;1' values='0 50 50;-360 50 50'%3e%3c/animateTransform%3e%3c/circle%3e%3c!-- [ldio] generated by https://loading.io/ --%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    margin-top: -80px;
    margin-left: -80px;
    border-radius: 50%;
    /*border: 4px solid #fff;*/
    /*border-top-color: #1F6763;*/
    animation: spin 1s linear infinite;
    z-index: 32;
}
.mass-delete-wb.loading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 31;
}
.mass-delete-wb.loading:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='50' cy='50' r='16' stroke-width='1' stroke='%23777777' stroke-dasharray='25.132741228718345 25.132741228718345' fill='none' stroke-linecap='round'%3e%3canimateTransform attributeName='transform' type='rotate' dur='1.4492753623188404s' repeatCount='indefinite' keyTimes='0;1' values='0 50 50;360 50 50'%3e%3c/animateTransform%3e%3c/circle%3e%3ccircle cx='50' cy='50' r='14' stroke-width='1' stroke='%23777777' stroke-dasharray='21.991148575128552 21.991148575128552' stroke-dashoffset='21.991148575128552' fill='none' stroke-linecap='round'%3e%3canimateTransform attributeName='transform' type='rotate' dur='1.4492753623188404s' repeatCount='indefinite' keyTimes='0;1' values='0 50 50;-360 50 50'%3e%3c/animateTransform%3e%3c/circle%3e%3c!-- [ldio] generated by https://loading.io/ --%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 32;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.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;
    user-select: none;
}

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

.sidebar-roll-wb .sidebar-roll-content-inner-wb::-webkit-scrollbar {
    width: 4px;
}
.sidebar-roll-wb .sidebar-roll-content-inner-wb::-webkit-scrollbar-track {
    background-color: #f3f4f4;
    border-radius: 4px;
}
.sidebar-roll-wb .sidebar-roll-content-inner-wb::-webkit-scrollbar-thumb {
    background-color: #d9dfe7;
    border-radius: 4px;
}

.sidebar-roll-wb .sidebar-roll-content-inner-wb .date-range-select-wb .text-wb {
    padding: 0 20px 0 20px;
}

.toggle-container-wb .toggle-title-wb {
    height: 35px;
    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;
}

.main-block-wb input[type='password'],
.field-block-wb input[type='text'],
.field-block-wb input[type='number'] {
    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 {
    min-width: 150px;
    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;
}

.wbk_wide_tooltip {
    width: 350px !important;
}

.wbk_tooltip_right {
    left: auto !important;
    right: 0 !important;
    border-radius: 10px 10px 0 10px !important;
}
.wbk_tooltip_right:after {
    left: auto !important;
    right: 5px !important;
}

.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%;
    left: 0;
    background: #212121;
    padding: 5px;
    border-radius: 10px 10px 10px 0;
    font-size: 12px;
    min-width: 110px;
    margin: 0 0 6px 0;
    text-align: center;
    color: #fff;
    width: 137px;
    z-index: 999;
}
.sidebar-roll-part-wrapper-wb .help-popover-box-wb :first {
    width: 300px !important;
}
.help-popover-wb .help-popover-box-wb:after {
    content: '';
    width: 0;
    height: 0;
    top: 100%;
    left: 0;
    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 .help-popover-box-wb a {
    color: #fff;
}

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

.help-popover-wb.bottom-wb .help-popover-box-wb {
    bottom: auto;
    top: 100%;
    z-index: 10;
    border-radius: 10px 0 10px 10px;
    margin: 5px 0 0 0;
}

.help-popover-wb.bottom-wb .help-popover-box-wb:after {
    top: auto;
    bottom: 100%;
    border-top: 0;
    border-bottom: 10px solid #212121;
}

.help-popover-wb.bottom-wb.center-wb .help-popover-box-wb {
    border-top-right-radius: 10px;
}

.nice-select {
    position: relative;
    user-select: none;
}

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

.nice-select .current:after {
    content: url('../images/select-arrow.png');
    position: absolute;
    top: 0;
    right: 15px;
    transition: 0.2s;
}

.nice-select.open .current:after {
    transform: rotate(-180deg);
}

.nice-select .current {
    color: #212121;
    padding: 0 40px 0 20px;
    cursor: pointer;
    height: 50px;
    overflow: hidden;
}

.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;
    margin-top: 0;
}

.nice-select.open .list {
    display: block;
}

.nice-select .list li {
    color: #212121;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
}

.nice-select .list li:first-child {
    padding-top: 20px;
}

.nice-select .list li:last-child {
    padding-bottom: 20px;
}

.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;
    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:before {
    content: '' !important;
}

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 {
    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 {
    position: relative;
    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;
}

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

.toggle-editor-wrapper-wb .visual-editor-wb.active-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-steps-block-wb.step-1-wb li:first-child {
    background-color: #1f6763;
    color: #fff;
}

.setup-steps-block-wb.step-2-wb:before {
    background-color: #1f6763;
}

.setup-steps-block-wb.step-2-wb li:first-child {
    background: transparent;
    width: 30px;
    height: 30px;
    background: #1f6763 url(../images/checkmark-white-medium.png) no-repeat
        center;
    text-indent: 100px;
}

.setup-steps-block-wb.step-2-wb li:first-child + li {
    background-color: #1f6763;
    color: #fff;
}

.setup-steps-block-wb.step-3-wb:before {
    background-color: #1f6763;
}

.setup-steps-block-wb.step-3-wb:after {
    background-color: #1f6763;
}

.setup-steps-block-wb.step-3-wb li:first-child {
    background: transparent;
    width: 30px;
    height: 30px;
    background: #1f6763 url(../images/checkmark-white-medium.png) no-repeat
        center;
    text-indent: 100px;
}

.setup-steps-block-wb.step-3-wb li:first-child + li {
    background: transparent;
    width: 30px;
    height: 30px;
    background: #1f6763 url(../images/checkmark-white-medium.png) no-repeat
        center;
    text-indent: 100px;
}

.setup-steps-block-wb.step-3-wb li:first-child + li + li {
    background: #1f6763;
    color: #fff;
}

.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: 0.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-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;
}

@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;
    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;
}

[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 {
    display: flex;
    align-items: center;
    box-shadow: 0 0 20px rgba(161, 164, 182, 0.5);
    border-radius: 8px;
    padding: 12px;
    margin: 30px 0;
    position: relative;
    z-index: 100000000;
    background: #fff;
}

.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;
    margin: 0px 20px 0px 20px;
}

.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: 1px solid #8a9393;
    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;
    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;
}

.mobile-version-wb .appointment-box-wbk {
    width: auto;
    max-width: 920px;
}

.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 {
    display: none;
}

.appointment-box-wbk.active-wb {
    display: flex;
}

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

.appointment-content-wbk {
    flex-grow: 1;
    position: relative;
}

.appointment-content-scroll-wbk {
    padding: 0 25px 0 10px;
    position: relative;
    margin: 0 0 23px 0;
    height: 500px;
}

.appointment-content-scroll-wbk[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;
}

.styled-as-select-w .input-text-w {
    border: 1px solid #cdcfde;
    line-height: 50px;
    border-radius: 20px;
    width: 100%;
    padding: 0 40px 0 20px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    color: #212121;
    background: #fff url(../images/select-arrow.png) no-repeat right 20px center;
}

.styled-as-select-w .input-text-w::placeholder {
    color: #212121;
}

.styled-as-select-w .input-text-w:focus::placeholder {
    color: transparent;
}

.appointment-content-wbk .input-text-w {
    width: 100%;
    max-width: 345px;
}

.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,
.color-picker-wb:focus {
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 12px;
    width: 40px;
    height: 40px;
    background: none;
    border: 0;
    -webkit-appearance: none;
    overflow: hidden;
    box-shadow: none o !important;
    outline: none !important;
    border: 1px solid #ddd !important;
    border-radius: 12px;
    padding: 0;
    margin: 0 5px;
}

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

.appointment-content-wbk
    .button-block-wbk.two-buttons-wbk
    .button-wbk:first-child {
    margin-left: 10px;
}

.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: none;
    box-shadow: none;
    padding: 0;
    min-height: 0;
}

.mobile-version-wb .appointment-box-wbk.active-wb {
    display: block;
}

.mobile-version-wb .appointment-content-scroll-wbk {
    margin-bottom: 30px;
    padding: 0 15px 0 15px;
}

.mobile-version-wb .appointment-content-scroll-wbk:after {
    display: none;
}

.mobile-version-wb .appointment-content-scroll-wbk[data-scrollbar] {
    padding: 0 15px 0 15px;
}

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

.mobile-version-wb .appointment-content-wbk .button-block-wbk .button-wbk {
    margin-left: 0;
}

.mobile-version-wb .appointment-content-wbk .button-block-wbk.two-buttons-wbk {
    display: block;
}

.mobile-version-wb
    .appointment-content-wbk
    .button-block-wbk.two-buttons-wbk
    .button-wbk {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
}

.mobile-version-wb
    .appointment-content-wbk
    .button-block-wbk.two-buttons-wbk
    .button-wbk:last-child {
    margin-bottom: 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;
}

.ui-datepicker[style] {
    box-shadow: 0 0 10px rgba(161, 164, 182, 0.16);
    border-radius: 20px;
    padding: 25px 10px 25px 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    background: #fff;
    width: 445px;
    box-sizing: border-box;
}

.ui-datepicker a {
    transition: 0.2s;
}

.ui-datepicker a:hover {
    opacity: 1;
}

.ui-datepicker .ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid transparent;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
    background: #1f6763;
    color: #fff;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
    border: 1px solid #1f6763;
}

.ui-datepicker table .ui-state-default {
    color: #212121;
}

.ui-datepicker table .ui-priority-secondary {
    color: #8a9393;
}

.ui-datepicker thead {
    color: #1f6763;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.ui-datepicker thead th {
    padding: 10px 0 10px 0;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    margin: 0 15px 10px 15px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
font-weight: 400;
    color: #212121;
    line-height: 18px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/arrow-left.png);
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/arrow-right.png);
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    display: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    display: flex;
    justify-content: space-between;
    padding: 0 15px 0 15px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    transition: 0.2s;
    padding: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
    opacity: 0.7;
}

.ui-datepicker .ui-datepicker-current:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #1f6763;
    border-radius: 8px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.ui-datepicker .clear-datepicker-w:before {
    content: url(../images/clear-icon.png);
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-close:before {
    content: url(../images/close-icon-calendar.png);
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.mobile-version-wb .ui-datepicker {
    width: auto;
    right: 15px;
    min-width: 345px;
}

.mobile-version-wb .appontment-time-list-w {
    grid-template-columns: 1fr 1fr 1fr;
}

.calendar-horizontal-w {
    margin: 0 0 15px 0;
}

.calendar-horizontal-w .rescalendar_controls .move_to_today,
.calendar-horizontal-w .rescalendar_controls .move_to_next_month,
.calendar-horizontal-w .rescalendar_controls .move_to_tomorrow,
.calendar-horizontal-w .rescalendar_controls .move_to_last_month,
.calendar-horizontal-w .rescalendar_controls .move_to_yesterday {
    display: none;
}

.calendar-horizontal-w .firstColumn {
    display: none;
}

.calendar-horizontal-w .refDate {
    width: 100%;
}

.calendar-horizontal-w .rescalendar_controls {
    margin: 0 0 15px 0;
}

.calendar-horizontal-w .mes {
    display: block;
}

.calendar-horizontal-w .rescalendar_table_wrapper {
    position: relative;
    padding: 0 20px 0 20px;
}

.calendar-horizontal-w .rescalendar_table_wrapper .rescalendar_table {
    width: 100%;
    user-select: none;
}

.calendar-horizontal-w .rescalendar_table_wrapper .rescalendar_table thead td {
    text-align: center;
    color: #a1a3b6;
    cursor: pointer;
}

.calendar-horizontal-w
    .rescalendar_table_wrapper
    .rescalendar_table
    thead
    td
    .cell_inner {
    display: inline-block;
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    border: 1px solid transparent;
    transition: 0.2s;
}

.calendar-horizontal-w
    .rescalendar_table_wrapper
    .rescalendar_table
    thead
    td:hover
    .cell_inner {
    opacity: 0.7;
}

.calendar-horizontal-w
    .rescalendar_table_wrapper
    .rescalendar_table
    thead
    td.middleDay
    .cell_inner {
    background: #1f6763;
    color: #fff;
}

.calendar-horizontal-w
    .rescalendar_table_wrapper
    .rescalendar_table
    thead
    td.middleDay:hover
    .cell_inner {
    cursor: default;
    opacity: 1;
}

.calendar-horizontal-w
    .rescalendar_table_wrapper
    .rescalendar_table
    thead
    td.today
    .cell_inner {
    border: 1px solid #1f6763;
}

.calendar-horizontal-w
    .rescalendar_table_wrapper
    .rescalendar_table
    thead
    td.today
    .cell_inner:hover
    .cell_inner {
    cursor: default;
    opacity: 1;
}

.calendar-horizontal-w .rescalendar_table_wrapper .move_to_yesterday {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../images/arrow-left.png);
    border: 0;
    cursor: pointer;
    transition: 0.2s;
    margin: -10px 0 0 0;
}

.calendar-horizontal-w .rescalendar_table_wrapper .move_to_yesterday:hover {
    opacity: 0.7;
}

.calendar-horizontal-w .rescalendar_table_wrapper .move_to_tomorrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 18px;
    height: 18px;
    background: url(../images/arrow-right.png);
    border: 0;
    cursor: pointer;
    transition: 0.2s;
    margin: -10px 0 0 0;
}

.calendar-horizontal-w .rescalendar_table_wrapper .move_to_tomorrow:hover {
    opacity: 0.7;
}

.checkbox-row-w.one-row-w .checkbox-text-w .checkbox-title-w {
    margin-bottom: 0;
    padding: 3px 0 0 0;
}

.mb-30-w {
    margin-bottom: 30px;
}

.details-list-w {
    font-size: 14px;
    padding: 0 0 0 25px;
    margin: 10px 0 15px 0;
}

.details-list-w .no-time-w {
    color: #8a9393;
}

.appontment-time-list-w {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 6px;
    row-gap: 6px;
    list-style: none;
    margin: 0 0 30px 0;
}

.appontment-time-list-w .radio-time-block-w {
    display: flex;
    width: 107px;
    height: 44px;
    border: 1px solid #1f6763;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
    cursor: pointer;
    user-select: none;
}

.appontment-time-list-w .radio-checkmark {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #8a9393;
    border-radius: 100%;
    margin: 0 5px 0 0;
}

.appontment-time-list-w input[type='radio'] {
    display: none;
}

.appontment-time-list-w input[type='radio'][disabled] ~ .radio-time-block-w {
    color: #a1a3b6;
    background: #d5d7e7;
    border: 1px solid #d5d7e7;
    cursor: default;
    text-decoration: line-through;
}

.appontment-time-list-w
    input[type='radio'][disabled]
    ~ .radio-time-block-w
    .radio-checkmark {
    display: none;
}

.appontment-time-list-w input[type='radio']:checked ~ .radio-time-block-w {
    color: #fff;
    background: #1f6763;
    border: 1px solid #1f6763;
    cursor: default;
}

.appontment-time-list-w
    input[type='radio']:checked
    ~ .radio-time-block-w
    .radio-checkmark {
    border-color: #fff;
    border-width: 4px;
}

.appontment-time-list-w input[type='radio'] ~ .radio-time-block-w {
    transition: 0.2s;
}

.appontment-time-list-w input[type='radio'] ~ .radio-time-block-w:hover {
    opacity: 0.7;
}

.appontment-time-list-w
    input[type='radio'][disabled]
    ~ .radio-time-block-w:hover {
    opacity: 1;
}

.appontment-time-list-w
    input[type='radio']:checked
    ~ .radio-time-block-w:hover {
    opacity: 1;
}

.appontment-time-list-w.group-list-w {
    grid-template-columns: 1fr 1fr 1fr;
}

.appontment-time-list-w.group-list-w .radio-time-block-w {
    width: 134px;
    height: 72px;
    display: table-cell;
    vertical-align: middle;
}

.appontment-time-list-w.group-list-w .radio-time-block-w .radio-time-inner-w {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 3px 0;
}

.appontment-time-list-w.group-list-w
    .radio-time-block-w
    .radio-time-inner-w
    .time-w {
    font-family: 'Ubuntu', sans-serif;
font-weight: 400;
}

.appontment-time-list-w.group-list-w .radio-time-block-w .group-active-icon-w {
    display: none;
}

.appontment-time-list-w.group-list-w .available-w {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Ubuntu', sans-serif;
font-weight: 300;;
    font-size: 14px;
}

.appontment-time-list-w.group-list-w .available-w img {
    margin: 0 6px 0 0;
}

.appontment-time-list-w.group-list-w
    input[type='radio']
    ~ .radio-time-block-w
    .radio-checkmark {
    border-color: #212121;
}

.appontment-time-list-w.group-list-w
    input[type='radio']:checked
    ~ .radio-time-block-w
    .group-active-icon-w {
    display: inline-block;
}

.appontment-time-list-w.group-list-w
    input[type='radio']:checked
    ~ .radio-time-block-w
    .group-default-icon-w {
    display: none;
}

.appontment-time-list-w.group-list-w
    input[type='radio']:checked
    ~ .radio-time-block-w
    .radio-checkmark {
    border-color: #fff;
}

.appontment-time-list-w.group-list-w
    input[type='radio'][disabled]
    ~ .radio-time-block-w
    .radio-checkmark {
    display: block;
    border-color: #a1a3b6;
}

.appontment-time-list-w.group-list-w
    input[type='radio'][disabled]
    ~ .radio-time-block-w {
    text-decoration: none;
}

.appontment-time-list-w.group-list-w
    input[type='radio'][disabled]
    ~ .radio-time-block-w
    .time-w {
    text-decoration: line-through;
}

.appontment-time-list-w.group-list-w
    input[type='radio'][disabled]
    ~ .radio-time-block-w
    .available-w
    img {
    opacity: 0.3;
}

.label-standalone-w {
    margin: 0 0 10px 0;
    font-family: poppins-semibold;
}

.appointment-content-wbk .first-text-w {
    margin: 0 0 30px 0;
}

/* START select country phone code */
.iti {
    position: relative;
    display: inline-block;
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti input,
.iti input[type='tel'],
.iti input[type='text'] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.iti__country {
    padding: 5px 10px;
    outline: 0;
}

.iti__dial-code {
    color: #999;
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle;
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type='tel'],
.iti--allow-dropdown input[type='text'],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type='tel'],
.iti--separate-dial-code input[type='text'] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}

.iti--allow-dropdown
    input[disabled]
    + .iti__flag-container:hover
    .iti__selected-flag,
.iti--allow-dropdown
    input[readonly]
    + .iti__flag-container:hover
    .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

.iti--container:hover {
    cursor: pointer;
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    width: 20px;
}

.iti__flag.iti__be {
    width: 18px;
}

.iti__flag.iti__ch {
    width: 15px;
}

.iti__flag.iti__mc {
    width: 19px;
}

.iti__flag.iti__ne {
    width: 18px;
}

.iti__flag.iti__np {
    width: 13px;
}

.iti__flag.iti__va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0;
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0;
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0;
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0;
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0;
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0;
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0;
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0;
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0;
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0;
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0;
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0;
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0;
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0;
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0;
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0;
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0;
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0;
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0;
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0;
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0;
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0;
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0;
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0;
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0;
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0;
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0;
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0;
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0;
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0;
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0;
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0;
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0;
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0;
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0;
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0;
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0;
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0;
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0;
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0;
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0;
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0;
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0;
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0;
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0;
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0;
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0;
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0;
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0;
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0;
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0;
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0;
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0;
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0;
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0;
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0;
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0;
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0;
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0;
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0;
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0;
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0;
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0;
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0;
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0;
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0;
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0;
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0;
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0;
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0;
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0;
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0;
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0;
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0;
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0;
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0;
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0;
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0;
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0;
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0;
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0;
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0;
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0;
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0;
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0;
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0;
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0;
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0;
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0;
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0;
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0;
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0;
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0;
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0;
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0;
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0;
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0;
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0;
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0;
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0;
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0;
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0;
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0;
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0;
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0;
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0;
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0;
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0;
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0;
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0;
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0;
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0;
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0;
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0;
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0;
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0;
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0;
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0;
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0;
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0;
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0;
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0;
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0;
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0;
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0;
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0;
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0;
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0;
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0;
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0;
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0;
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0;
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0;
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0;
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0;
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0;
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0;
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0;
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0;
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0;
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0;
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0;
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0;
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0;
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0;
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0;
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0;
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0;
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0;
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0;
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0;
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0;
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0;
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0;
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0;
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0;
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0;
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0;
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0;
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0;
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0;
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0;
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0;
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0;
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0;
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0;
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0;
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0;
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0;
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0;
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0;
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0;
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0;
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0;
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0;
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0;
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0;
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0;
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0;
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0;
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0;
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0;
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0;
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0;
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0;
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0;
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0;
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0;
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0;
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0;
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0;
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0;
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0;
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0;
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0;
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0;
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0;
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0;
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0;
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0;
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0;
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0;
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0;
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0;
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0;
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0;
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0;
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0;
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0;
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0;
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0;
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0;
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0;
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0;
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0;
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0;
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0;
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0;
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0;
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0;
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0;
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0;
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0;
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0;
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0;
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0;
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0;
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0;
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0;
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0;
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0;
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0;
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0;
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0;
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0;
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0;
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0;
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0;
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0;
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0;
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0;
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0;
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0;
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0;
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0;
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0;
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0;
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0;
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0;
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0;
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0;
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0;
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0;
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0;
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0;
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0;
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0;
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../images/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(../images/flags@2x.png);
    }
}

.iti__flag.iti__np {
    background-color: transparent;
}

/* END select country phone code */

.iti--allow-dropdown {
    width: 100%;
}

.iti--allow-dropdown .input-text-w {
    padding-left: 100px !important;
}

.iti--allow-dropdown .iti__country-list {
    font-size: 14px;
    max-width: 350px;
    border-radius: 20px 0 0 20px;
    overflow-x: hidden;
}

.iti--allow-dropdown .iti__flag-container:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 15px;
    width: 1px;
    background: #dadee5;
    z-index: 10;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    transition: 0.2s;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: transparent;
    opacity: 0.7;
}

.iti--allow-dropdown .iti__arrow {
    border: 0;
    width: 10px;
    height: 9px;
    background: url(../images/select-arrow.png);
    margin-left: 10px;
}

.iti--allow-dropdown .iti__arrow.iti__arrow--up {
    transform: rotate(180deg);
}

.iti--allow-dropdown .iti__selected-flag {
    padding: 0 20px 0 20px;
}

.mobile-version-wb .iti--allow-dropdown .iti__country-list {
    width: 300px;
}

.payment-method-list-w {
    list-style: none;
    margin: 0 0 30px 0;
}

.payment-method-list-w li {
    margin: 0 0 15px 0;
}

.payment-details-wrapper-w {
    box-shadow: 0 0 10px rgba(161, 164, 182, 0.26);
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
    margin: 0 0 20px 0;
}

.payment-details-wrapper-w table {
    width: 100%;
}

.payment-details-wrapper-w table td {
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}

.payment-details-wrapper-w table td:first-child {
    max-width: 200px;
    padding-left: 0;
}

.payment-details-wrapper-w table td:last-child {
    text-align: right;
    padding-right: 0;
}

.payment-details-wrapper-w table thead td {
    font-family: poppins-semibold;
}

.payment-details-wrapper-w table tfoot tr:first-child td {
    border-bottom: 1px solid #cdcfde;
    padding-bottom: 10px;
}

.payment-details-wrapper-w table tfoot tr:last-child td {
    padding-top: 10px;
    font-family: 'Ubuntu', sans-serif;
font-weight: 400;
}

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

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

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

.custom-radiobutton-wbk:hover input ~ .checkmark-w {
    opacity: 0.7;
}

.custom-radiobutton-wbk input:checked ~ .checkmark-w {
    border-color: #1f6763;
    border-width: 4px;
}

.custom-radiobutton-wbk input:checked:hover ~ .checkmark-w {
    opacity: 1;
}

.input-additional-select-w input[type='text'] {
    padding-left: 110px;
}

.additional-select-w {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 90px;
    z-index: 10;
}

.additional-select-w:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 15px;
    width: 1px;
    background: #dadee5;
}

.additional-select-w .additional-select-list-w {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 10px 15px 10px 15px;
    box-shadow: 0 0 10px rgba(161, 164, 182, 0.26);
    list-style: none;
    border-radius: 10px;
}

.additional-select-w .additional-select-list-w li {
    cursor: pointer;
    transition: 0.2s;
}

.additional-select-w .additional-select-list-w li:hover {
    opacity: 0.7;
}

.additional-select-w .additional-select-clickable-w {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.2s;
}

.additional-select-w .additional-select-clickable-w:hover {
    opacity: 0.7;
}

.additional-select-w .additional-select-clickable-w:after {
    content: url(../images/select-arrow.png);
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -13px 0 0 0;
}

.additional-select-w
    .additional-select-clickable-w
    .additional-select-selected-w {
    width: 60px;
    text-align: center;
}

.field-row-w.two-fields-w {
    display: flex;
    justify-content: space-between;
    max-width: 345px;
}

.input-help-w {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    cursor: pointer;
}

.input-help-w .help-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.input-help-w .help-icon:hover {
    opacity: 0.7;
}

.input-help-w .help-icon:before {
    content: '?';
    display: inline-block;
    color: #a1a3b6;
    border: 1px solid #a1a3b6;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 9px;
    text-align: center;
}

.input-help-w .help-popover-w {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(161, 164, 182, 0.26);
    font-size: 12px;
    min-width: 200px;
}

.input-help-w .help-popover-w:before {
    content: '';
    width: 0;
    height: 0;
    top: 100%;
    right: 20px;
    position: absolute;
    border-top: 15px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
}

.thank-you-block-w {
    width: 100%;
}

.thank-you-block-w .image-wrapper-w {
    text-align: center;
    margin: 0 0 35px 0;
}

.thank-you-block-w .thank-you-content-w {
    max-width: 350px;
    margin: 0 auto;
}

.thank-you-block-w .thank-you-list-w {
    list-style: none;
    margin: 0 0 30px 0;
}

.thank-you-block-w .thank-you-list-w li {
    display: flex;
    align-items: start;
    line-height: 20px;
    margin: 0 0 15px 0;
}

.thank-you-block-w .thank-you-list-w li .list-icon-w {
    display: block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

.thank-you-block-w .thank-you-list-w li img {
    display: block;
    vertical-align: middle;
}

.thank-you-block-w .text-sent-w {
    text-align: center;
    margin: 0 0 35px 0;
}

.thank-you-block-w .buttons-block-w {
    text-align: center;
}

.thank-you-block-w .buttons-block-w .button-wbk {
    min-width: 240px;
}

@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;
    }

    .ui-datepicker {
        scale: 0.8;
        margin-top: -50px;
    }

    .appontment-time-list-w .radio-time-block-w {
        width: auto;
        padding: 5px;
    }

    .appontment-time-list-w .radio-time-block-w .time-w {
        font-size: 12px;
    }
}

@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;
    }

    .ui-datepicker {
        scale: 0.7;
        margin-top: -70px;
    }

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

    .ui-datepicker {
        scale: 0.6;
        margin-top: -90px;
    }
}

@media (max-width: 1200px) {
    .appointment-box-wbkrapper-wb {
        width: 418px;
        height: 325px;
    }

    .appointment-box-wbk {
        scale: 0.5;
    }

    .ui-datepicker {
        scale: 0.5;
        margin: -120px 0 0 50px;
    }
}

@media (max-width: 1100px) {
    .appearance-menu-wb {
        font-size: 16px;
    }

    .appearance-menu-wb li {
        height: 28px;
    }
}

@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;
    }

    .ui-datepicker {
        scale: 1;
        margin: 0;
    }

    .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 .left-part-wb .buttons-block-wb {
        /* display: none;*/
    }

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

    .appointment-box-thank-you-w {
        width: 100%;
    }
}

@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-content-wbk .button-block-wbk {
        padding: 0 15px 0 15px;
    }

    .appointment-content-wbk .button-wbk {
        display: block;
        width: 100%;
    }

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

    .appointment-box-wbk {
        scale: 0.4;
    }

    .ui-datepicker {
        scale: 0.8;
    }

    .mobile-version-wb.appointment-box-wbkrapper-wb {
        width: auto;
        max-width: none;
    }

    .mobile-version-wb .appointment-content-wbk .button-wbk {
        width: auto;
    }

    .thank-you-block-w .thank-you-content-w {
        padding: 0 10px 0 10px;
    }
}

@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;
    }
}

.services-blank-wb {
    background: #fff;
    box-shadow: 0 0 20px rgba(161, 164, 182, 0.5);
    border-radius: 20px;
    padding: 35px 30px 65px 30px;
    margin: 0 0 30px 0;
}

.services-blank-wb .block-title-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px 0;
}

.services-bank-content-wb {
    text-align: center;
}

.services-bank-content-wb .block-text-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    font-size: 24px;
    margin: 20px 0 30px 0;
}

.services-bank-content-wb .button-wbkb {
    padding-left: 30px;
    padding-right: 30px;
}

.services-bank-content-wb .button-wbkb .plus-icon-wb {
    margin: 0 0 0 8px;
}

.services-bank-content-wb .button-wbkb .plus-icon-wb:after {
    margin: -1px 0 0 0;
}

.new-service-menu-wb {
    display: flex;
    list-style: none;
    border-bottom: 1px solid #c2c7c7;
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    margin: 0 0 35px 0;
    user-select: none;
}

.new-service-menu-wb li {
    color: #8a9393;
    cursor: pointer;
    transition: 0.2s;
    padding: 0 0 5px 0;
    border-bottom: 2px solid transparent;
    margin: 0 35px 0 0;
}

.new-service-menu-wb li:hover {
    opacity: 0.7;
}

.new-service-menu-wb li.active-wb {
    color: #212121;
    border-bottom-color: #212121;
}

.new-service-menu-content-wb .new-service-content-item-wb {
    display: none;
}

.new-service-menu-content-wb .new-service-content-item-wb.active-wb {
    display: block;
}

.custom-multiple-select-wb .chosen-drop li.new-category-wb:before {
    background: url(../images/new-category-icon.png);
    width: 24px;
    height: 24px;
    border: 0;
}

.field-block-wb[disabled] label {
    opacity: 0.6;
    pointer-events: none;
}

.field-block-wb[disabled] .custom-select-wb {
    opacity: 0.6;
    pointer-events: none;
}

.field-block-wb[disabled] input[type='text'] {
    opacity: 0.6;
    pointer-events: none;
}

.field-block-wb .toggle-switch-wb {
    margin-left: auto;
    display: flex;
    user-select: none;
}

.field-block-wb .toggle-switch-wb .switch-item-wb {
    border: 1px solid #8a9393;
    padding: 0 10px 0 10px;
    line-height: 36px;
    min-width: 114px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}

.field-block-wb .toggle-switch-wb .switch-item-wb:hover {
    opacity: 0.7;
}

.field-block-wb .toggle-switch-wb .switch-item-wb:first-child {
    border-radius: 5px 0 0 5px;
}

.field-block-wb .toggle-switch-wb .switch-item-wb:last-child {
    border-radius: 0 5px 5px 0;
}

.field-block-wb .toggle-switch-wb .switch-item-wb.active-wb {
    background-color: #1f6763;
    border-color: transparent;
    color: #fff;
    cursor: default;
}

.field-block-wb .toggle-switch-wb .switch-item-wb.active-wb:hover {
    opacity: 1;
}

.add-one-more-field-wb .add-custom-field-wb {
    border-top: 1px solid #d9dfe7;
    padding: 20px 0 0 0;
}

.add-one-more-field-wb .add-custom-field-wb:first-child {
    border-top: 0;
}

.add-one-more-field-wb .add-custom-field-wb .one-more-field-wb {
    display: none;
}

.add-one-more-field-wb .add-custom-field-wb:last-child .one-more-field-wb {
    display: flex;
}

.one-more-field-wb {
    display: flex;
    transition: 0.2s;
    cursor: pointer;
    margin: 0 0 30px 0;
}

.one-more-field-wb:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/new-category-icon.png);
    margin: 0 10px 0 0;
}

.one-more-field-wb:hover {
    opacity: 0.7;
}

.sidebar-roll-wb .buttons-block-wb.two-buttons-wbkb {
    display: flex;
    justify-content: space-between;
}

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

.manipulations-block-wb .item-wb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid #8a9393;
    border-radius: 10px;
    margin: 0 16px 0 0;
    cursor: pointer;
    transition: 0.2s;
}

.manipulations-block-wb .item-wb:hover {
    opacity: 0.7;
}
.wbkdata_input_field_error {
    border-color: #d00 !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;
}

.add-image-block-wb .block-area-wb {
    display: block;
    background: #f5fafa;
    border: 2px dotted #cbe7e7;
    border-radius: 10px;
    padding: 25px 20px 30px 20px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    user-select: none;
}

.add-image-block-wb .block-area-wb:hover {
    opacity: 0.8;
}

.add-image-block-wb .block-title-wb {
    display: block;
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    margin: 10px 0 10px 0;
}

.add-image-block-wb .block-upload-file-wb {
    display: none;
}

.wbkdata_property_container_form input[readonly] {
    background-color: unset;
}

.business-hours-area-wb .label-wb {
    margin: 0 0 20px 0;
}

.business-hours-row-wb {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 35px 0 !important;
    overflow: inherit !important;
    height: unset !important;
}

.business-hours-row-wb .nice-select {
    min-width: 165px;
}

.business-hours-row-wb .select-wrapper-wb {
    margin: 0 15px 0 0;
}

.business-hours-row-wb .right-part-wb {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
}

.business-hours-row-wb .slider-range-working-hours-wb.ui-slider-horizontal {
    width: 220px;
}

.business-hours-row-wb[disabled] .slider-wrapper-wb {
    pointer-events: none;
}

.business-hours-row-wb[disabled] .slider-range-working-hours-time-wb {
    color: #8a9393;
    transition: 0.2s;
}

.business-hours-row-wb[disabled] .ui-slider-range {
    background: #8a9393;
    transition: 0.2s;
}

.business-hours-row-wb[disabled] .ui-slider-handle {
    background: #8a9393;
    box-shadow: none;
    transition: 0.2s;
}

.business-hours-row-wb .delete-row-wb {
    cursor: pointer;
    transition: 0.2s;
}

.business-hours-row-wb .delete-row-wb:hover {
    opacity: 0.7;
}

.business-hours-row-wb[data-js-business-hours-row-copy] {
    display: none;
}

.business-hours-row-wb[data-js-business-hours-row-copy-result] {
    display: flex;
}

.add-time-interval-bock-wb {
    padding: 10px 0 0 0;
}

.add-time-interval-bock-wb .button-wbkb {
    color: #212121;
    border-color: #212121;
    padding: 0 35px 0 35px;
}

.field-row-wb.two-fields-wb {
    display: flex;
    justify-content: space-between;
}

.field-row-wb.two-fields-wb .field-block-wb {
    width: 100%;
    max-width: 240px;
}
input.wbkdata_input_date_range_start,
input.wbkdata_input_date_range_end {
    background-color: unset;
    cursor: pointer;
    border: 1px solid #8a9393;
    width: 100%;
    height: 50px;
    border: 1px solid #8a9393;
    border-radius: 15px;
    background-color: unset;
    padding: 0 40px 0 20px;
    cursor: pointer;
}
.date-range-select-wb input.wbkdata_input_date_range_start,
.date-range-select-wb input.wbkdata_input_date_range_end {
    max-width: 105px;
}
.sidebar-roll-wb input.wbkdata_input_date_range_start {
    text-align: end;
}
.sidebar-roll-wb input.wbkdata_input_date_range_start,
.sidebar-roll-wb input.wbkdata_input_date_range_end {
    width: unset;
    background-color: unset;
    border: unset;
    font-size: 17px;
    padding: 0;
}

.switcher {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 46px;
    min-width: 46px;
    height: 26px;
    border-radius: 1em;
    box-shadow: inset -20px 0px 0px 0px #8a9393;
    background-color: white;
    border: 1px solid #8a9393;
    outline: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}
.switcher.on {
    box-shadow: inset 20px 0px 0px 0px #1f6763;
    border: 1px solid #1f6763;
}

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;
    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:before {
    content: '' !important;
}

input.slidebox-wb:checked {
    background: #1f6763;
    border-color: #1f6763;
}

input.slidebox-wb:checked:after {
    left: 20px;
}

.date-range-select-wb {
    border: 1px solid #8a9393;
    border-radius: 15px;
    max-width: 400px;
    display: flex;
    height: 50px;
    align-items: center;
}

.date-range-select-wb .arrow-left-wb {
    width: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.date-range-select-wb .arrow-right-wb {
    width: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
    position: relative;
    user-select: none;
}

.date-range-select-wb .arrow-left-wb:after {
    content: '';
    position: absolute;
    top: 16px;
    right: 0;
    width: 1px;
    height: 18px;
    background: #c2c7c7;
}

.date-range-select-wb .arrow-right-wb:after {
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    width: 1px;
    height: 18px;
    background: #c2c7c7;
}

.date-range-select-wb .arrow-left-wb img {
    transition: 0.2s;
}

.date-range-select-wb .arrow-right-wb img {
    transition: 0.2s;
}

.date-range-select-wb .arrow-left-wb:hover img {
    opacity: 0.7;
}

.date-range-select-wb .arrow-right-wb:hover img {
    opacity: 0.7;
}

.date-range-select-wb .text-wb {
    padding: 0 5px 0 5px;
}

@media (max-width: 1100px) {
    .services-blank-wb {
        padding: 20px 20px 25px 20px;
    }
}

@media (max-width: 800px) {
    .services-blank-wb {
        box-shadow: none;
        padding: 0;
        margin-bottom: 40px;
    }

    .services-blank-wb .block-title-wb {
        font-size: 28px;
    }

    .services-bank-content-wb .block-text-wb {
        font-size: 20px;
        margin: 20px 0 20px 0;
    }

    .new-service-menu-wb li {
        margin-right: 16px;
        font-size: 14px;
    }

    .new-service-menu-wb li:last-child {
        margin-right: 0;
    }

    .business-hours-row-wb {
        display: block;
    }

    .business-hours-row-wb .select-wrapper-wb {
        margin: 0 0 15px 0;
    }

    .business-hours-row-wb[data-js-business-hours-row-copy-result] {
        display: block;
    }

    .date-range-select-wb .text-wb {
        font-size: 13px;
    }

    .date-range-select-wb .arrow-left-wb {
        width: 25px;
    }

    .date-range-select-wb .arrow-right-wb {
        width: 25px;
    }

    .field-row-wb.two-fields-wb {
        align-items: end;
    }

    .field-row-wb.two-fields-wb .field-block-wb {
        max-width: 160px;
    }
}

/* START custom table */

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer;
}

table.dataTable td.dt-control:before {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 1em;
    content: '+';
    background-color: #31b131;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting_asc_disabled,
table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: 0.125;
    right: 10px;
    line-height: 9px;
    font-size: 0.9em;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
    bottom: 50%;
    content: 'â–´';
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    top: 50%;
    content: 'â–¾';
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before {
    display: none;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none;
}

div.dataTables_scrollBody table.dataTable thead > tr > th:before,
div.dataTables_scrollBody table.dataTable thead > tr > th:after,
div.dataTables_scrollBody table.dataTable thead > tr > td:before,
div.dataTables_scrollBody table.dataTable thead > tr > td:after {
    display: none;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px;
}

div.dataTables_processing > div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto;
}

div.dataTables_processing > div:last-child > div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgba(13, 110, 253, 0.9);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dataTables_processing > div:last-child > div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 10px 6px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable tbody tr {
    background-color: transparent;
}

table.dataTable tbody tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
    color: white;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}

table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
}

table.dataTable.stripe > tbody > tr.odd.selected > *,
table.dataTable.display > tbody > tr.odd.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
}

table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
}

table.dataTable.hover > tbody > tr.selected:hover > *,
table.dataTable.display > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.935);
}

table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3,
table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}

table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3,
table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
}

table.dataTable.display > tbody > tr.odd > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
}

table.dataTable.display > tbody > tr.odd > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
}

table.dataTable.display > tbody > tr.odd > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
}

table.dataTable.display > tbody > tr.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}

table.dataTable.display > tbody > tr.even > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
}

table.dataTable.display > tbody > tr.even > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px 17px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px;
}

table.dataTable th,
table.dataTable td {
    box-sizing: content-box;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    padding: 4px;
}

.dataTables_wrapper .dataTables_filter {
    display: none;
    float: right;
    text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(230, 230, 230, 0.1);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(230, 230, 230, 0.1)),
        color-stop(100%, rgba(0, 0, 0, 0.1))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(230, 230, 230, 0.1) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(230, 230, 230, 0.1) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: -ms-linear-gradient(
        top,
        rgba(230, 230, 230, 0.1) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: -o-linear-gradient(
        top,
        rgba(230, 230, 230, 0.1) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(230, 230, 230, 0.1) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #585858),
        color-stop(100%, #111)
    );
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #2b2b2b),
        color-stop(100%, #0c0c0c)
    );
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333;
}

.dataTables_wrapper .dataTables_scroll {
    clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > th,
.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > td,
.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > th,
.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > td {
    vertical-align: middle;
}

.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > th
    > div.dataTables_sizing,
.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > td
    > div.dataTables_sizing,
.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > th
    > div.dataTables_sizing,
.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > td
    > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom: none;
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: '';
    clear: both;
    height: 0;
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

/* END custom table */

.table-area-wb {
    box-shadow: 0 0 15px rgba(161, 164, 182, 0.5);
    border-radius: 20px;
    padding: 35px 35px 35px 35px;
    margin: 30px 30px 30px 0;
    background: #fff;
}

.table-area-wb .block-heading-wb {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px 0;
    align-items: center;
}

.table-area-wb .block-heading-wb .block-title-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    font-weight: normal;
    font-size: 32px;
}

.table-area-wb .block-heading-wb .button-wbkb .plus-icon-wb {
    margin: 0 0 0 8px;
}

.custom-table-wrapper-wb {
    position: relative;
    margin-bottom: 80px;
}

.custom-table-wrapper-wb .dataTables_scroll {
    position: relative;
}

.custom-table-wrapper-wb table {
    border-spacing: 0;
    border-collapse: separate;
}

.custom-table-wrapper-wb table thead th {
    cursor: default !important;
    border-bottom: 0;
    vertical-align: middle;
    font-family: 'Ubuntu', sans-serif;
font-weight: 400;
    padding: 20px !important;
    background-color: #cbe7e7;
}

.custom-table-wrapper-wb table thead th:before {
    display: none !important;
}

.custom-table-wrapper-wb table thead th:after {
    display: none !important;
}

.custom-table-wrapper-wb table thead th:first-child {
    width: 40px !important;
    border-radius: 10px 0 0 10px;
}

.custom-table-wrapper-wb table thead th:last-child {
    border-radius: 0 10px 10px 0;
}

.custom-table-wrapper-wb .table-options-wb {
    position: relative;
    display: flex;
    justify-content: end;
}

.custom-table-wrapper-wb .table-options-wb .options-item-wb {
    cursor: pointer;
    transition: 0.2s;
    margin: 0 8px 0 8px;
    min-width: 24px;
    position: relative;
}

.custom-table-wrapper-wb .table-options-wb .options-item-wb.loading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 31;
}
.custom-table-wrapper-wb .table-options-wb .options-item-wb.loading:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='50' cy='50' r='16' stroke-width='1' stroke='%23777777' stroke-dasharray='25.132741228718345 25.132741228718345' fill='none' stroke-linecap='round'%3e%3canimateTransform attributeName='transform' type='rotate' dur='1.4492753623188404s' repeatCount='indefinite' keyTimes='0;1' values='0 50 50;360 50 50'%3e%3c/animateTransform%3e%3c/circle%3e%3ccircle cx='50' cy='50' r='14' stroke-width='1' stroke='%23777777' stroke-dasharray='21.991148575128552 21.991148575128552' stroke-dashoffset='21.991148575128552' fill='none' stroke-linecap='round'%3e%3canimateTransform attributeName='transform' type='rotate' dur='1.4492753623188404s' repeatCount='indefinite' keyTimes='0;1' values='0 50 50;-360 50 50'%3e%3c/animateTransform%3e%3c/circle%3e%3c!-- [ldio] generated by https://loading.io/ --%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 32;
}
.custom-table-wrapper-wb .table-options-wb .options-item-wb:hover {
    opacity: 0.7;
}

.custom-table-wrapper-wb .table-options-wb .options-item-wb:first-child {
    margin-left: 0;
}

.custom-table-wrapper-wb .table-options-wb .options-item-wb:last-child {
    margin-right: 0;
}

.custom-table-wrapper-wb .table-options-wb .options-item-wb.more-row-wb {
    opacity: 0.5;
}

.custom-table-wrapper-wb .table-options-wb .options-item-wb.more-row-wb:hover {
    opacity: 0.3;
}

.dataTables_wrapper td {
    border-bottom: 1px solid #d9dfe7;
    padding: 20px !important;
}

.custom-table-wrapper-wb tr:last-child td {
    border-bottom: 0;
}

.custom-table-wrapper-wb .hidden-details-table-wb {
    width: 100%;
}

.custom-table-wrapper-wb .dataTables_scrollBody {
    border-bottom: 0 !important;
    padding: 0 15px 0 0;
}

.custom-table-wrapper-wb.has-select .dataTables_scrollBody .scroll-content {
    padding-bottom: 150px;
}

.wp_wbk_appointments .scroll-content {
    margin-bottom: 200px;
}

.custom-table-wrapper-wb .dataTables_scrollBody table {
    border-bottom: 0 !important;
}

.custom-table-wrapper-wb .dataTables_scrollBody thead {
    display: none;
}

.custom-table-wrapper-wb tr.row-selected-wb td {
    background: #f5fafa;
}

.custom-checkbox-wb,
.custom-checkbox-wb:focus {
    display: flex !important;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    border: 0 !important;
    border-radius: 20px;
    cursor: pointer !important;
    transition: 0.2s !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.custom-checkbox-wb:hover {
    opacity: 0.8;
}

.custom-checkbox-wb:after {
    content: '';
    border-radius: 0;
    border: 1px solid #8a9393;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: none !important;
    background: #fff;
    z-index: 2;
}

.custom-checkbox-wb:checked:after {
    background: #1f6763 url(../images/checkmark-white-small.png) no-repeat
        center;
    border-color: #1f6763;
}

.custom-table-wrapper-wb .dataTables_scrollHead {
    background: #cbe7e7;
    border-radius: 10px;
}

.custom-table-wrapper-wb thead .custom-checkbox-wb:after {
    background-color: #cbe7e7;
    border-color: #1f6763;
}

.custom-table-wrapper-wb thead .custom-checkbox-wb:checked:after {
    background-color: #1f6763;
}

.color-icon-wb {
    display: inline-block;
    width: 44px;
    min-width: 44px;
    height: 44px;
    line-height: 45px;
    text-align: center;
    font-family: poppins;
    font-weight: bold;
    border-radius: 100%;
}

.custom-table-wrapper-wb .color-icon-wb {
    margin: 0 15px 0 0;
}

.custom-table-wrapper-wb [data-scrollbar] .scrollbar-track {
    width: 6px;
    background: none;
}

.custom-table-wrapper-wb [data-scrollbar] .scrollbar-thumb {
    width: 6px;
    background: #eef7f7;
}

.custom-table-wrapper-wb .text-with-circle-wb {
    display: flex;
    align-items: center;
}

.custom-table-wrapper-wb table.dataTable.no-footer {
    border-bottom: 0;
}

.table-control-row-wb {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px 0;
    padding: 0 0 0 15px;
}

.table-control-row-wb .select-rows-area-wb {
    display: flex;
    align-items: end;
    min-height: 24px;
}

.table-control-row-wb .select-rows-block-wb {
    padding: 0 30px 0 0;
    position: relative;
}

.table-control-row-wb .select-rows-block-wb:after {
    content: url('../images/select-arrow.png');
    position: absolute;
    top: 0;
    right: 10px;
    transition: 0.2s;
    line-height: 20px;
}

.table-control-row-wb .select-rows-block-wb .dropdown-wb {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border-radius: 15px;
    z-index: 10;
    list-style: none;
    box-shadow: 0 0 10px rgba(161, 164, 182, 0.3);
    margin: 5px 0 0 0;
    min-width: 130px;
    overflow: hidden;
}

.table-control-row-wb .select-rows-block-wb .dropdown-wb li {
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    transition: 0.2s;
}

.table-control-row-wb .select-rows-block-wb .dropdown-wb li:hover {
    background: #cbe7e7;
}

.table-control-row-wb .select-rows-block-wb .dropdown-wb li:first-child {
    padding-top: 10px;
}

.table-control-row-wb .select-rows-block-wb .dropdown-wb li:last-child {
    padding-bottom: 10px;
}

.table-control-row-wb .select-rows-block-wb .clickable-area-wb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    cursor: pointer;
}

.table-control-row-wb .select-rows-block-wb .custom-checkbox-wb {
    transition: 0.2s;
}

.table-control-row-wb
    .select-rows-block-wb
    .clickable-area-wb:hover
    ~ .custom-checkbox-wb {
    opacity: 0.7;
}

.table-control-row-wb .select-rows-area-wb .delete-selected-rows-wb {
    display: none;
    margin: 0 0 0 25px;
    cursor: pointer;
    transition: 0.2s;
}

.table-control-row-wb .select-rows-area-wb .delete-selected-rows-wb:hover {
    opacity: 0.7;
}

.services-table-area-wb {
    margin: 0 0 80px 0;
}

.categories-table-area-wb table {
    table-layout: fixed;
}

.custom-table-wrapper-wb table tr:last-child td {
    border-bottom: 1px solid #d9dfe7;
}

.custom-table-wrapper-wb table tr[hidden-details-row] td table tr td {
    border-bottom: 0;
    max-width: 250px;
}

.custom-table-wrapper-wb .dataTables_paginate {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0;
    display: flex;
    align-items: center;
    margin: 50px 0 0 0;
}

.custom-table-wrapper-wb .paginate_button {
    margin: 0 !important;
    height: 32px;
    line-height: 32px;
    min-width: 32px !important;
    margin: 0 0 0 10px !important;
    border-radius: 10px !important;
}

.custom-table-wrapper-wb .paginate_button:active {
    box-shadow: none !important;
}

.custom-table-wrapper-wb .paginate_button.previous {
    width: 32px;
    height: 32px;
    text-indent: 32px;
    overflow: hidden;
    background: url(../images//pagination-arrow-left.png) no-repeat center !important;
    border: 0 !important;
}

.custom-table-wrapper-wb .paginate_button.next {
    width: 32px;
    height: 32px;
    text-indent: 32px;
    overflow: hidden;
    background: url(../images/pagination-arrow-right.png) no-repeat center !important;
    border: 0 !important;
}

.custom-table-wrapper-wb .paginate_button.disabled {
    opacity: 0.5;
}

.custom-table-wrapper-wb
    .dataTables_wrapper
    .dataTables_paginate
    span
    .paginate_button {
    background: none !important;
    border: 0 !important;
    color: #212121 !important;
    padding: 0 5px 0 5px;
}

.custom-table-wrapper-wb
    .dataTables_wrapper
    .dataTables_paginate
    span
    .paginate_button.current {
    background: #cbe7e7 !important;
    color: #1f6763 !important;
    font-family: 'Ubuntu', sans-serif;
font-weight: 400;
    cursor: default;
}

.custom-table-wrapper-wb
    .dataTables_wrapper
    .dataTables_paginate
    span
    .paginate_button.current:hover {
    opacity: 1;
}

.custom-table-wrapper-wb .hidden-details-wb {
    display: none;
}

.custom-table-wrapper-wb .hidden-details-table-wb {
    border-bottom: 0 !important;
}

.custom-table-wrapper-wb .hidden-details-table-wb tr td {
    width: auto !important;
    vertical-align: top;
}

.custom-table-wrapper-wb .hidden-details-table-wb tr td.note-wb {
    width: 490px !important;
}

.custom-table-wrapper-wb tbody tr:first-child td:first-child {
    border-radius: 10px 0 0 0;
}

.custom-table-wrapper-wb tbody tr:first-child td:last-child {
    border-radius: 0 10px 0 0;
}

.custom-table-wrapper-wb .more-row-wb img {
    transition: 0.2s;
}

.custom-table-wrapper-wb
    .active-wb
    .table-options-wb
    .options-item-wb.more-row-wb {
    opacity: 1;
}

.custom-table-wrapper-wb
    .active-wb
    .table-options-wb
    .options-item-wb.more-row-wb:hover {
    opacity: 0.7;
}

.custom-table-wrapper-wb .active-wb .more-row-wb img {
    transform: rotate(-180deg);
}

.custom-table-wrapper-wb .active-wb td {
    background: #f5fafa;
}

.custom-table-wrapper-wb .active-wb + tr td {
    background: #f5fafa;
}

.custom-table-wrapper-wb .title-mobile-wb {
    display: none;
    color: #8a9393;
}

.custom-table-wrapper-wb .mass-delete-wb {
    display: none;
    min-width: 24px;
    position: absolute;
    top: 0;
    left: 100%;
    transition: 0.2s;
    cursor: pointer;
    margin: -2px 0 0 15px;
}

.custom-table-wrapper-wb .mass-delete-wb:hover {
    opacity: 0.7;
}

.custom-table-wrapper-wb .mass-delete-wb img {
    vertical-align: top;
}

.delete-confirm-wb {
    display: none;
    position: absolute;
    width: max-content;
    line-height: 32px;
    background: #1f6763;
    border: 1px solid transparent;
    border-radius: 15px;
    color: #fff;
    padding: 0 20px 0 20px;
    cursor: pointer;
}
.mass-delete-confirm-wb {
    top: -7px;
    left: 110px;
}
.single-delete-confirm-wb {
    top: 33px;
}
.single-delete-edit-confirm-wb {
    top: 27px;
    left: 150px;
}

.custom-table-wrapper-wb .custom-checkbox-wb:checked ~ .mass-delete-wb {
    display: block;
}

.table-area-wb .block-heading-wb .right-part-wb {
    display: flex;
    align-items: center;
    position: relative;
}

.table-area-wb .block-heading-wb .right-part-wb .past-bookings-link-wb {
    color: #212121;
}

.table-area-wb .block-heading-wb .right-part-wb .button-wbkb {
    margin: 0 0 0 25px;
}

.wbkdata_hidden {
    display: none !important;
}

.wbkdata_block_icon,
.wbkdata_block_loader {
    display: inline-block;
    vertical-align: inherit;
}
.wbkdata_block_icon,
.wbkdata_block_loader {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}
.wbkdata_block_loader {
    background: url(../images/loading_small.svg) center/cover no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 16px;
}
.hide_element {
    display: none !important;
}
input.slider-range-working-hours-time-wb {
    background-color: unset;
}

@media (max-width: 1200px) {
    .table-area-wb {
        padding: 15px 15px 25px 15px;
        background: #f0f0f1;
        box-shadow: unset;
    }

    .dataTables_filter {
        float: right !important;
        margin-right: 0 !important;
    }

    .table-area-wb .block-heading-wb {
        margin: 0 0 10px 0;
    }

    .table-area-wb .block-heading-wb .block-title-wb {
        font-size: 28px;
        line-height: 1.5;
    }

    .custom-table-wrapper-wb .dataTables_paginate {
        margin-top: 40px;
    }

    .custom-table-wrapper-wb
        .dataTables_paginate
        > .paginate_button:first-child {
        margin-left: 0 !important;
    }

    .custom-table-wrapper-wb .hidden-details-table-wb tr td.note-wb {
        width: auto !important;
    }
}

@media (max-width: 1100px) {
    .custom-table-wrapper-wb table thead th {
        padding: 5px !important;
    }

    .custom-table-wrapper-wb table tbody td {
        padding: 5px !important;
    }

    .table-control-row-wb {
        padding-left: 5px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1000px) {
    .custom-table-wrapper-wb .table-options-wb .options-item-wb {
        margin: 0 3px 0 3px;
    }
}

@media (max-width: 900px) {
    .table-area-wb {
        box-shadow: none;
        padding: 0;
    }

    .table-area-wb .block-heading-wb .button-wbkb {
        min-width: 0;
        min-width: 50px;
        padding: 0 10px 0 10px;
    }

    .table-area-wb .block-heading-wb .button-wbkb .text-wb {
        display: none;
    }

    .table-area-wb .block-heading-wb .button-wbkb .plus-icon-wb {
        margin-left: 0;
    }

    .categories-table-area-wb
        .block-heading-wb
        .button-wbkb
        .plus-icon-wb:before {
        margin-left: 0;
    }

    .custom-table-wrapper-wb .dataTables_paginate {
        margin-top: 10px;
        position: static;
        justify-content: center;
        width: 100%;
    }

    .services-table-area-wb {
        margin-bottom: 40px;
    }

    .custom-table-wrapper-wb tr.row-selected-wb td {
        background: none;
    }
}

@media (max-width: 767px) {
    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        max-height: none !important;
    }

    .custom-table-wrapper-wb table {
        border-bottom: 0 !important;
    }

    .custom-table-wrapper-wb thead {
        display: none;
    }

    .custom-table-wrapper-wb .title-mobile-wb {
        display: block;
        margin: 0 0 5px 0;
    }

    .custom-table-wrapper-wb tbody {
        display: block;
    }

    .custom-table-wrapper-wb tbody tr {
        display: grid;
        border-bottom: 1px solid #cdcfde;
        margin: 0 0 20px 0;
    }

    .custom-table-wrapper-wb tbody tr td {
        display: block;
        border-bottom: 0;
        padding: 0 0 20px 0 !important;
    }

    .wp_wbk_services-custom-table-wb tbody tr {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 cell-7'
            'cell-2 cell-2'
            'cell-3 cell-3'
            'cell-4 cell-5'
            'cell-6 cell-6';
        margin: 0 0 15px 0;
        align-items: center;
    }

    .wp_wbk_services-custom-table-wb tbody tr td.cell-1 {
        grid-area: cell-1;
    }

    .wp_wbk_services-custom-table-wb tbody tr td.cell-2 {
        grid-area: cell-2;
    }

    .wp_wbk_services-custom-table-wb tbody tr td.cell-3 {
        grid-area: cell-3;
    }

    .wp_wbk_services-custom-table-wb tbody tr td.cell-4 {
        grid-area: cell-4;
    }

    .wp_wbk_services-custom-table-wb tbody tr td.cell-5 {
        grid-area: cell-5;
    }

    .wp_wbk_services-custom-table-wb tbody tr td.cell-6 {
        grid-area: cell-6;
    }

    .wp_wbk_services-custom-table-wb tbody tr td.cell-7 {
        grid-area: cell-7;
        justify-self: end;
    }

    .table-control-row-wb {
        padding-left: 0;
        margin-bottom: 30px;
    }

    .custom-table-wrapper-wb .table-options-wb .options-item-wb {
        margin-left: 10px;
        margin-right: 10px;
    }

    .custom-table-wrapper-wb .active-wb td {
        background: none;
    }

    .custom-table-wrapper-wb .active-wb + tr {
        display: block;
    }

    .custom-table-wrapper-wb .active-wb + tr tr {
        display: block;
        border-bottom: 0;
        margin-bottom: 0;
    }

    .custom-table-wrapper-wb .active-wb + tr > td {
        padding-bottom: 0 !important;
    }

    .custom-table-wrapper-wb .active-wb + tr td {
        background: none;
        width: auto !important;
    }

    .custom-table-wrapper-wb .active-wb + tr td:first-child {
        width: auto !important;
    }

    .custom-table-wrapper-wb .active-wb + tr td:last-child {
        width: auto !important;
    }

    .custom-table-wrapper-wb
        .dataTables_wrapper
        .dataTables_paginate
        .paginate_button {
        margin: 0 3px 0 3px !important;
    }

    .custom-table-wrapper-wb table tr:last-child td {
        border-bottom: 0;
    }

    .wp_wbk_service_categories-custom-table-wb tbody tr {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 cell-4'
            'cell-2 cell-2'
            'cell-3 cell-3';
        margin: 0 0 15px 0;
        align-items: center;
    }

    .wp_wbk_service_categories-custom-table-wb tbody tr td.cell-1 {
        grid-area: cell-1;
    }

    .wp_wbk_service_categories-custom-table-wb tbody tr td.cell-2 {
        grid-area: cell-2;
    }

    .wp_wbk_service_categories-custom-table-wb tbody tr td.cell-3 {
        grid-area: cell-3;
    }

    .wp_wbk_service_categories-custom-table-wb tbody tr td.cell-4 {
        grid-area: cell-4;
        justify-self: end;
    }

    .custom-table-wrapper-wb .dataTables_scrollBody {
        padding-right: 0;
    }

    .custom-table-wrapper-wb .dataTables_scroll:after {
        display: none;
    }

    .bookings-table-area-wb .block-heading-wb {
        margin-bottom: 30px;
    }

    .table-area-wb .block-heading-wb .right-part-wb .past-bookings-link-wb {
        position: absolute;
        top: 100%;
        right: 0;
        margin: 30px 0 0 0;
        z-index: 10;
    }

    .custom-table-wrapper-wb.has-select .dataTables_scrollBody .scroll-content {
        padding-bottom: 0;
    }
}

.dashboard-header-wb {
    display: flex;
    margin: 0 0 40px 0;
    justify-content: space-between;
}

.dashboard-header-wb .block-title-wb {
    display: flex;
    align-items: center;
    font-size: 32px;
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    margin: 0 0 15px 0;
}

.dashboard-header-wb .block-title-wb img {
    margin: 0 10px 0 0;
}

.dashboard-header-wb .left-part-wb {
    padding: 0 20px 0 0;
}

.dashboard-header-wb .right-part-wb {
    display: flex;
}

.dashboard-header-wb .field-container-wb {
    margin: 0 0 0 25px;
}

.dashboard-header-wb .custom-select-wb {
    min-width: 240px;
    display: inline-block;
    margin-left: auto;
}

.dashboard-data-wb {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    width: 100%;
    list-style: none;
    margin: 0 0 30px 0;
}

.dashboard-data-wb li {
    flex-grow: 1;
    box-shadow: 0 0 15px rgba(161, 164, 182, 0.5);
    border-radius: 20px;
    padding: 20px 30px 30px 30px;
}

.dashboard-data-wb .data-icon-wrapper-wb {
    height: 0;
}

.dashboard-data-wb .data-icon-wrapper-wb .data-icon-wb {
    display: flex;
    width: 48px;
    height: 48px;
    background: #cbe7e7;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-left: auto;
    position: relative;
    z-index: 1;
}

.dashboard-data-wb .data-content-wb {
    position: relative;
    z-index: 2;
    padding: 0 5px 0 0;
}

.dashboard-data-wb .data-content-wb .digit-wb {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
font-weight: 400;
    font-size: 46px;
    line-height: 1.5;
}

.dashboard-data-wb .data-content-wb .approved-wb {
    color: #7dc677;
}

.dashboard-data-wb .data-content-wb .separator-wb {
    color: #d9dfe7;
}

.dashboard-data-wb .data-content-wb .pending-wb {
    color: #ff7e07;
}

.dashboard-data-wb .data-content-wb .help-popover-wb {
    vertical-align: top;
    margin: -10px 0 0 0;
}

.dashboard-data-wb .data-content-wb .description-inner-wb {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0;
}

.dashboard-data-wb .data-content-wb .description-wb .help-popover-wb {
    position: absolute;
    top: 0;
    right: 0;
}

.intersests-conversion-block-wb {
    box-shadow: 0 0 15px rgba(161, 164, 182, 0.5);
    border-radius: 20px;
    padding: 35px 35px 40px 35px;
}

.intersests-conversion-block-wb .block-header-wb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 25px 0;
}

.intersests-conversion-block-wb .block-header-wb .title-wb {
    font-size: 32px;
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
}

.intersests-conversion-block-wb .block-header-wb .title-wb .help-popover-wb {
    vertical-align: top;
    margin-top: -20px;
}

.toggle-switch-wb {
    list-style: none;
    display: flex;
}

.toggle-switch-wb li {
    line-height: 48px;
    margin: 0 0 0 10px;
    border: 1px solid #8a9393;
    border-radius: 15px;
    padding: 0 10px 0 10px;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
}

.toggle-switch-wb li:hover {
    opacity: 0.7;
}

.toggle-switch-wb li:first-child {
    margin-left: 0;
}

.toggle-switch-wb li.active-wb {
    background: #1f6763;
    border-color: #1f6763;
    color: #fff;
    cursor: default;
}

.toggle-switch-wb li.active-wb:hover {
    opacity: 1;
}

.booking-revenue-wb {
    display: flex;
    margin: 0 0 20px 0;
}

.booking-revenue-wb .booking-item-wb {
    display: flex;
    align-items: center;
    margin: 0 25px 0 0;
}

.booking-revenue-wb .booking-item-wb:before {
    content: '';
    display: inline-block;
    background: #609293;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin: 0 5px 0 0;
}

.booking-revenue-wb .revenue-item-wb {
    display: flex;
    align-items: center;
    color: #00b5ee;
}

.booking-revenue-wb .revenue-item-wb:before {
    content: '';
    display: inline-block;
    background: #00b5ee;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin: 0 5px 0 0;
}

.booking-revenue-wb .revenue-item-wb:after {
    display: none;
    content: 'PRO';
    line-height: 24px;
    margin: 0 0 0 5px;
    background: #00b5ee;
    color: #fff;
    border-radius: 4px;
    padding: 0 8px 0 8px;
}

.booking-revenue-wb .revenue-item-wb[disabled] {
    color: #8a9393;
}

.booking-revenue-wb .revenue-item-wb[disabled]:before {
    background: #8a9393;
}

.booking-revenue-wb .revenue-item-wb[disabled]:after {
    display: block;
}

.add-circle-global-wb {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 90;
}

.add-circle-global-wb .circle-block-wb {
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    background: #1f6763;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.2s;
}

.add-circle-global-wb .circle-block-wb:hover {
    opacity: 0.8;
}

.wp_wbk_appointments-custom-table-wb .dataTables_scrollHead table {
    table-layout: fixed;
}

.wp_wbk_appointments-custom-table-wb .dataTables_scrollBody table {
    table-layout: fixed;
}

.wp_wbk_appointments-custom-table-wb th.cell-6 {
    width: 220px;
}

.status-select-wb .nice-select .current {
    border: 0;
    background: #eee;
    line-height: 34px;
    padding: 0 25px 0 30px;
    border-radius: 8px;
    position: relative;
    height: 34px;
    word-break: break-all;
    width: 200px;
}

.status-select-wb .nice-select .list li {
    padding: 5px 20px 5px 20px;
    cursor: pointer;
}

.status-select-wb .nice-select .list li:hover {
    background: #cbe7e7;
}

.status-select-wb .nice-select .list li:first-child {
    padding-top: 10px;
}

.status-select-wb .nice-select .list li:last-child {
    padding-bottom: 10px;
}

.status-select-wb[data-value='pending'] .current,
.status-select-wb[data-value='woocommerce'] .current,
.status-select-wb[data-value='added_by_admin_not_paid'] .current,
.status-select-wb[data-value='paid'] .current {
    background: rgba(255, 126, 7, 0.2);
    color: #ff7e07;
}

.status-select-wb[data-value='approved'] .current,
.status-select-wb[data-value='paid_approved'] .current,
.status-select-wb[data-value='added_by_admin_paid'] .current,
.status-select-wb[data-value='arrived'] .current {
    background: rgba(125, 198, 119, 0.2);
    color: #0eb500;
}

.status-select-wb[data-value='Canceled'] .current {
    background: rgba(252, 37, 37, 0.2);
    color: #fe0606;
}

.status-select-wb[data-value='Rejected'] .current {
    background: rgba(0, 0, 0, 0.2);
    color: #212121;
}

.status-select-wb .nice-select .current:after {
    content: '';
    width: 5px;
    height: 5px;
    border-bottom: 1.5px solid #212121;
    border-right: 1.5px solid #212121;
    transform: rotate(45deg);
    top: 12px;
    right: 12px;
}

.status-select-wb[data-value='pending'] .nice-select .current:after,
.status-select-wb[data-value='woocommerce'] .nice-select .current:after,
.status-select-wb[data-value='added_by_admin_not_paid']
    .nice-select
    .current:after,
.status-select-wb[data-value='paid'] .nice-select .current:after {
    border-color: #ff7e07;
}

.status-select-wb[data-value='approved'] .nice-select .current:after,
.status-select-wb[data-value='paid_approved'] .nice-select .current:after,
.status-select-wb[data-value='added_by_admin_paid'] .nice-select .current:after,
.status-select-wb[data-value='arrived'] .nice-select .current:after {
    border-color: #0eb500;
}

.status-select-wb[data-value='Canceled'] .nice-select .current:after {
    border-color: #fe0606;
}

.status-select-wb[data-value='Rejected'] .nice-select .current:after {
    border-color: #212121;
}

.status-select-wb .nice-select .current:before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    left: 10px;
    top: 10px;
    vertical-align: middle;
}

.status-select-wb[data-value='pending'] .nice-select .current:before,
.status-select-wb[data-value='paid'] .nice-select .current:before,
.status-select-wb[data-value='added_by_admin_not_paid']
    .nice-select
    .current:before,
.status-select-wb[data-value='woocommerce'] .nice-select .current:before {
    background: url('../images/status-pending-icon.png');
}

.status-select-wb[data-value='approved'] .nice-select .current:before,
.status-select-wb[data-value='arrived'] .nice-select .current:before,
.status-select-wb[data-value='added_by_admin_paid']
    .nice-select
    .current:before,
.status-select-wb[data-value='paid_approved'] .nice-select .current:before {
    background: url('../images/status-approved-icon.png');
}

.status-select-wb[data-value='Canceled'] .nice-select .current:before {
    background: url('../images/status-canceled-icon.png');
}

.status-select-wb[data-value='Rejected'] .nice-select .current:before {
    background: url('../images/status-rejected-icon.png');
}

.table-empty-content-wb {
    text-align: center;
}

.table-empty-content-wb .empty-image-wb {
    padding: 50px 0 40px 0;
}

.table-empty-content-wb .text-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    font-size: 24px;
    margin: 0 0 20px 0;
}

.intersests-conversion-block-wb .table-empty-content-wb .empty-image-wb {
    padding-bottom: 25px;
}

.picker,
.picker__holder {
    width: 350px;
}

.picker,
.picker__holder {
    width: 350px;
}

@media (max-width: 1400px) {
    .wp_wbk_appointments-custom-table-wb table thead th {
        padding: 10px !important;
    }

    .wp_wbk_appointments-custom-table-wb table tbody td {
        padding: 10px !important;
    }

    .wp_wbk_appointments-custom-table-wb .table-control-row-wb {
        padding-left: 10px;
    }
}

@media (max-width: 1300px) {
    .custom-table-wrapper-wb .table-options-wb .options-item-wb {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media (max-width: 1200px) {
    .dashboard-data-wb li {
        padding: 10px 20px 20px 20px;
    }

    .dashboard-data-wb .data-icon-wrapper-wb .data-icon-wb {
        width: 32px;
        height: 32px;
    }

    .dashboard-data-wb .data-icon-wrapper-wb .data-icon-wb img {
        width: 16px;
    }

    .dashboard-data-wb .data-content-wb .digit-wb {
        font-size: 35px;
    }

    .dashboard-header-wb .right-part-wb {
        display: block;
    }

    .dashboard-header-wb .right-part-wb .field-container-wb {
        margin: 0 0 20px 0;
    }

    .dashboard-header-wb .right-part-wb .field-container-wb:last-child {
        display: flex;
        justify-content: end;
        margin-bottom: 0;
    }

    .wp_wbk_appointments-custom-table-wb .color-icon-wb {
        width: 30px;
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 5px;
    }
}

@media (max-width: 1100px) {
    .dashboard-header-wb {
        margin-bottom: 20px;
    }

    .dashboard-header-wb .block-title-wb {
        font-size: 28px;
    }

    .dashboard-header-wb .block-title-wb img {
        width: 28px;
    }

    .dashboard-data-wb li {
        padding: 10px 10px 10px 10px;
    }

    .dashboard-data-wb .data-content-wb .digit-wb {
        font-size: 30px;
    }

    .wp_wbk_appointments-custom-table-wb .table-control-row-wb {
        padding-left: 5px;
    }

    .wp_wbk_appointments-custom-table-wb table {
        font-size: 14px;
    }

    .wp_wbk_appointments-custom-table-wb table thead th {
        padding: 5px !important;
    }

    .wp_wbk_appointments-custom-table-wb table tbody td {
        padding: 5px !important;
    }

    .wp_wbk_appointments-custom-table-wb table thead th:last-child {
        width: 125px !important;
    }

    .wp_wbk_appointments-custom-table-wb table tbody td:last-child {
        width: 125px !important;
        justify-self: end;
    }
}

@media (max-width: 1000px) {
    .dashboard-data-wb .data-content-wb .digit-wb {
        font-size: 24px;
    }
}

@media (max-width: 900px) {
    .dashboard-header-wb {
        margin-bottom: 15px;
    }

    .dashboard-data-wb {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-data-wb .data-icon-wrapper-wb {
        height: auto;
        margin: 0 0 5px 0;
    }

    .dashboard-data-wb .data-icon-wrapper-wb .data-icon-wb {
        margin-left: 0;
    }

    .dashboard-header-wb .left-part-wb {
        margin: 0 0 25px 0;
    }

    .dashboard-header-wb .right-part-wb .field-container-wb:last-child {
        display: block;
    }

    .dashboard-data-wb .data-content-wb .digit-wb {
        margin-bottom: 10px;
    }

    .wp_wbk_appointments-custom-table-wb .table-control-row-wb {
        padding-left: 0;
        margin: 0 0 30px 0;
    }

    .wp_wbk_appointments-custom-table-wb .dataTables_scrollHead {
        display: none;
    }

    .wp_wbk_appointments-custom-table-wb .dataTables_scrollBody {
        max-height: none !important;
    }

    .wp_wbk_appointments-custom-table-wb tbody {
        display: block;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr {
        display: grid;
        border-bottom: 1px solid #cdcfde;
        margin: 0 0 20px 0;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td {
        display: block;
        border-bottom: 0;
        padding: 0 0 20px 0 !important;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 grid-template-areas'
            'cell-2 cell-8'
            'cell-3 cell-3'
            'cell-4 cell-4'
            'cell-5 cell-6'
            'cell-7 cell-9';
        margin: 0 0 15px 0;
        align-items: center;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-1 {
        grid-area: cell-1;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-2 {
        grid-area: cell-2;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-3 {
        grid-area: cell-3;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-4 {
        grid-area: cell-4;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-5 {
        grid-area: cell-5;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-6 {
        grid-area: cell-6;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-7 {
        grid-area: cell-7;
    }

    .wp_wbk_appointments-custom-table-wb tbody tr td.cell-8 {
        grid-area: cell-8;
        justify-self: end;
    }
}

@media (max-width: 767px) {
    .dashboard-data-wb {
        margin-bottom: 40px;
    }

    .bookings-table-area-wb {
        margin-bottom: 50px;
    }

    .intersests-conversion-block-wb {
        box-shadow: none;
        padding: 0;
    }

    .intersests-conversion-block-wb .block-header-wb {
        display: block;
        margin: 0 0 15px 0;
    }

    .intersests-conversion-block-wb .block-header-wb .title-wb {
        font-size: 28px;
        margin: 0 0 20px 0;
    }

    .table-empty-content-wb .empty-image-wb {
        padding-top: 0;
    }

    .table-empty-content-wb .text-wb {
        font-size: 20px;
    }

    .add-circle-global-wb {
        right: 15px;
        bottom: 15px;
    }
}

@media (max-width: 700px) {
    .dashboard-data-wb .data-content-wb .approved-wb {
        display: block;
    }

    .dashboard-data-wb .data-content-wb .separator-wb {
        display: none;
    }

    .dashboard-data-wb .data-content-wb .pending-wb {
        display: block;
    }
}

@media (max-width: 500px) {
    .dashboard-header-wb .date-range-select-wb {
        min-width: 0;
    }
}

.bookings-filter-full-wb {
    margin: 0 0 15px 0;
}

.bookings-filter-full-wb .filter-list-wb {
    display: flex;
    gap: 10px;
    list-style: none;
}

.bookings-filter-full-wb .filter-list-wb > li {
    flex: 1;
}

.bookings-filter-full-wb .filter-list-wb .input-search-wb {
    width: 100%;
}

.bookings-filter-full-wb .filter-list-wb .nice-select .current {
    width: 100%;
}

.search-field-wb {
    display: flex;
    position: relative;
    border: 0;
}

.search-field-wb .input-search-wb {
    padding-right: 60px !important;
    width: 100%;
}

.search-field-wb .input-search-wb::placeholder {
    color: #212121;
}

.search-field-wb .input-search-wb:focus::placeholder {
    color: transparent;
}

.search-field-wb .search-submit-wb {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    cursor: pointer;
    transition: 0.2s;
}

.search-field-wb .search-submit-wb:hover {
    opacity: 0.7;
}

.export-link-wrapper-wb {
    display: flex;
}

.export-link-wrapper-wb .export-link-wb {
    display: flex;
    text-decoration: none;
    color: #a1a3b6;
    align-items: center;
    cursor: pointer;
}

#wbk_start_export {
    width: max-content;
    line-height: 32px;
    background: #1f6763;
    border: 1px solid transparent;
    border-radius: 15px;
    color: #fff;
    padding: 0 20px 0 20px;
    margin-left: 10px;
    cursor: pointer;
}

.export-link-wrapper-wb .export-link-wb img {
    margin: 0 0 0 10px;
    vertical-align: middle;
    max-width: 16px;
    max-height: 16px;
}

.export-link-wrapper-wb .help-popover-wb {
    margin-left: 10px;
    margin-top: -10px;
}

.selected-customers-list-wb {
    list-style: none;
}

.selected-customers-list-wb > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d9dfe7;
    padding: 15px 0 15px 0;
}

.selected-customers-list-wb > li > .right-part-wb {
    display: flex;
}

.selected-customers-list-wb .name-item-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
}

.selected-customers-list-wb .delete-row-wb {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 36px;
    width: 36px;
    cursor: pointer;
    transition: 0.2s;
    margin: 0 0 0 10px;
}

.selected-customers-list-wb .delete-row-wb:hover {
    opacity: 0.7;
}
.wbkdata_loader:after {
    content: url(../images/loader.gif);
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 51px !important;
}

.wbkdata_propery_info {
    margin-top: 5px;
    color: #d00;
}

@media (max-width: 1200px) {
    .bookings-filter-full-wb .filter-list-wb {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 cell-1'
            'cell-2 cell-3'
            'cell-4 cell-5';
        margin: 0 0 15px 0;
        align-items: center;
        display: grid;
    }

    .bookings-filter-full-wb .filter-list-wb > li.cell-1 {
        grid-area: cell-1;
    }

    .bookings-filter-full-wb .filter-list-wb > li.cell-2 {
        grid-area: cell-2;
    }

    .bookings-filter-full-wb .filter-list-wb > li.cell-3 {
        grid-area: cell-3;
    }

    .bookings-filter-full-wb .filter-list-wb > li.cell-4 {
        grid-area: cell-4;
    }

    .bookings-filter-full-wb .filter-list-wb > li.cell-5 {
        grid-area: cell-5;
    }
}

@media (max-width: 767px) {
    .bookings-filter-full-wb .filter-list-wb {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 20px;
        grid-template-areas:
            'cell-1'
            'cell-2'
            'cell-3'
            'cell-4'
            'cell-5';
    }

    .sidebar-roll-wb[data-name='sidebar-new-booking']
        .field-row-wb.two-fields-wb {
        display: block;
    }

    .sidebar-roll-wb[data-name='sidebar-new-booking']
        .field-row-wb.two-fields-wb
        .field-block-wb {
        max-width: none;
    }

    .sidebar-roll-wb[data-name='sidebar-new-customer']
        .field-row-wb.two-fields-wb {
        display: block;
    }

    .sidebar-roll-wb[data-name='sidebar-new-customer']
        .field-row-wb.two-fields-wb
        .field-block-wb {
        max-width: none;
    }
}

.priority-wb {
    background: rgba(125, 198, 119, 0.2);
    border-radius: 8px;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    padding: 0 25px 0 25px;
}

.priority-wb.low-wb {
    color: #0eb500;
}

.priority-wb.medium-wb {
    color: #ff7e07;
    background: rgba(255, 126, 7, 0.2);
}

.priority-wb.high-wb {
    color: #fe0606;
    background: rgba(252, 37, 37, 0.2);
}

.wp_wbk_pricing_rules-custom-table-wb table {
    table-layout: fixed;
    line-height: 1;
}

.sidebar-roll-wb .date-range-select-wb {
    max-width: none;
}

.custom-radio-list-wb {
    display: flex;
}

.custom-radio-list-wb .radiobutton-block-wbkb {
    margin: 0 10px 0 0;
}

.custom-radio-list-wb .radiobutton-block-wbkb:last-child {
    margin-right: 0;
}

.custom-radio-list-wb .radiobutton-block-wbkb .name-wb {
    display: block;
    border: 1px solid #8a9393;
    border-radius: 16px;
    line-height: 1;
    padding: 16px 10px 16px 10px;
    cursor: pointer;
    transition: 0.2s;
    text-align: center;
}

.custom-radio-list-wb .radiobutton-block-wbkb .name-wb:hover {
    opacity: 0.8;
}

.custom-radio-list-wb .radiobutton-block-wbkb input[type='radio'] {
    display: none;
}

.custom-radio-list-wb
    .radiobutton-block-wbkb
    input[type='radio']:checked
    ~ .name-wb {
    background: #1f6763;
    border-color: #1f6763;
    color: #fff;
}

.custom-radio-list-wb
    .radiobutton-block-wbkb
    input[type='radio']:checked
    ~ .name-wb:hover {
    opacity: 1;
    cursor: default;
}

.custom-table-wrapper-wb .table-control-row-wb.with-search-wb .right-part-wb {
    display: flex;
}

.custom-table-wrapper-wb
    .table-control-row-wb.with-search-wb
    .right-part-wb
    .search-field-wb {
    min-width: 308px;
}

.custom-table-wrapper-wb
    .table-control-row-wb.with-search-wb
    .right-part-wb
    .button-wbkb {
    min-width: auto;
    white-space: nowrap;
    margin-left: 20px;
}

.custom-table-wrapper-wb
    .table-control-row-wb.with-search-wb
    .right-part-wb
    .button-wbkb
    .plus-icon-wb {
    margin-left: 10px;
}

@media (max-width: 1000px) {
    .wp_wbk_pricing_rules-custom-table-wb .dataTables_scrollBody {
        max-height: none !important;
    }

    .wp_wbk_pricing_rules-custom-table-wb table {
        line-height: normal;
    }

    .wp_wbk_pricing_rules-custom-table-wb thead {
        display: none;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 cell-9'
            'cell-2 cell-4'
            'cell-3 cell-3'
            'cell-5 cell-6'
            'cell-7 cell-8';
        margin: 0 0 15px 0;
        align-items: center;
        display: grid;
        border-bottom: 1px solid #d9dfe7;
        padding: 0 0 10px 0;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-1 {
        grid-area: cell-1;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-2 {
        grid-area: cell-2;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-3 {
        grid-area: cell-3;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-4 {
        grid-area: cell-4;
        justify-self: end;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-5 {
        grid-area: cell-5;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-6 {
        grid-area: cell-6;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-7 {
        grid-area: cell-7;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-8 {
        grid-area: cell-8;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr .cell-9 {
        grid-area: cell-9;
        justify-self: end;
    }

    .wp_wbk_pricing_rules-custom-table-wb table tr td {
        border-bottom: 0 !important;
    }

    .wp_wbk_pricing_rules-custom-table-wb table .title-mobile-wb {
        display: block;
    }
}

@media (max-width: 767px) {
    .custom-table-wrapper-wb .table-control-row-wb.with-search-wb {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-2'
            'cell-1';
    }

    .custom-table-wrapper-wb
        .table-control-row-wb.with-search-wb
        .select-rows-area-wb {
        grid-area: cell-1;
    }

    .custom-table-wrapper-wb
        .table-control-row-wb.with-search-wb
        .right-part-wb {
        grid-area: cell-2;
        margin: 0 0 20px 0;
    }

    .custom-table-wrapper-wb
        .table-control-row-wb.with-search-wb
        .right-part-wb
        .search-field-wb {
        min-width: 180px;
    }
}

@media (max-width: 500px) {
    .custom-table-wrapper-wb
        .table-control-row-wb.with-search-wb
        .right-part-wb {
        display: block;
    }

    .custom-table-wrapper-wb
        .table-control-row-wb.with-search-wb
        .right-part-wb
        .search-field-wb {
        margin: 0 0 15px 0;
    }

    .custom-table-wrapper-wb
        .table-control-row-wb.with-search-wb
        .right-part-wb
        .button-wbkb {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
}

.upgrade-message-wb {
    display: flex;
    background: #cbe7e7;
    border-radius: 10px;
    padding: 15px 30px 15px 30px;
    align-items: center;
}

.upgrade-message-wb .upgrade-icon-wb {
    display: flex;
    width: 48px;
    min-width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    margin: 0 15px 0 0;
}

.upgrade-message-wb .text-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    margin: 0 10px 0 0;
}

.upgrade-message-wb .button-wbkb {
    margin-left: auto;
}

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

.upgrade-content-wb .image-wrapper-wb {
    padding: 180px 0 0 0;
}

.upgrade-content-wb .text-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    font-size: 24px;
    padding: 25px 0 130px 0;
}

.custom-table-wrapper-wb .dataTables_scroll table {
    table-layout: fixed;
}

.wp_wbk_coupons-custom-table-wb .dataTables_scrollHeadInner {
    padding-right: 15px !important;
}

.wp_wbk_coupons-custom-table-wb .cell-1 {
    width: 10% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-2 {
    width: 5% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-3 {
    width: 10% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-4 {
    width: 200px !important;
}

.wp_wbk_coupons-custom-table-wb .cell-5 {
    width: 10% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-6 {
    width: 10% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-7 {
    width: 10% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-8 {
    width: 10% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-9 {
    width: 10% !important;
}

.wp_wbk_coupons-custom-table-wb .cell-10:last-child {
    width: 70px !important;
}

@media (max-width: 1300px) {
    .wp_wbk_coupons-custom-table-wb thead {
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .upgrade-content-wb .image-wrapper-wb {
        padding-top: 150px;
    }

    .upgrade-content-wb .text-wb {
        padding-bottom: 50px;
    }

    .wp_wbk_coupons-custom-table-wb table {
        line-height: normal;
    }

    .wp_wbk_coupons-custom-table-wb thead {
        display: none;
    }

    .wp_wbk_coupons-custom-table-wb table tr {
        grid-template-columns: 55% 45%;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 cell-10'
            'cell-2 cell-3'
            'cell-4 cell-5'
            'cell-6 cell-7'
            'cell-8 cell-9';
        margin: 0 0 15px 0;
        padding: 0 0 10px 0;
        align-items: center;
        display: grid;
        border-bottom: 1px solid #d9dfe7;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-1 {
        grid-area: cell-1;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-2 {
        grid-area: cell-2;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-3 {
        grid-area: cell-3;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-4 {
        grid-area: cell-4;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-5 {
        grid-area: cell-5;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-6 {
        grid-area: cell-6;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-7 {
        grid-area: cell-7;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-8 {
        grid-area: cell-8;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-9 {
        grid-area: cell-9;
    }

    .wp_wbk_coupons-custom-table-wb table tr .cell-10 {
        grid-area: cell-10;
        justify-self: end;
    }

    .wp_wbk_coupons-custom-table-wb table tr td[class*='cell'] {
        width: auto !important;
        border-bottom: 0 !important;
        padding: 0 0 10px 0;
    }

    .wp_wbk_coupons-custom-table-wb .dataTables_scrollBody {
        max-height: none !important;
    }

    .wp_wbk_coupons-custom-table-wb table .title-mobile-wb {
        display: block;
    }
}

@media (max-width: 800px) {
    .sidebar-roll-wb[data-name='sidebar-add-coupon']
        .field-row-wb.two-fields-wb {
        display: block;
    }

    .sidebar-roll-wb[data-name='sidebar-add-coupon']
        .field-row-wb.two-fields-wb
        .field-block-wb {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .upgrade-message-wb {
        padding: 10px 10px 10px 10px;
    }

    .upgrade-message-wb .upgrade-icon-wb {
        width: 24px;
        height: 24px;
        min-width: 24px;
        margin-right: 5px;
    }

    .upgrade-message-wb .upgrade-icon-wb img {
        width: 16px;
    }

    .upgrade-message-wb .button-wbkb {
        min-width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .upgrade-content-wb .text-wb {
        font-size: 20px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .wp_wbk_coupons-custom-table-wb table tr {
        padding-bottom: 0;
    }
}

.dataTables_scroll .dataTables_scrollHeadInner {
    padding-right: 15px !important;
}

@media (max-width: 767px) {
    .wp_wbk_email_templates-custom-table-wb table tr {
        grid-template-columns: 60% 40%;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 cell-4'
            'cell-2 cell-2'
            'cell-3 cell-3';
        margin: 0 0 15px 0;
        align-items: center;
        display: grid;
        border-bottom: 1px solid #d9dfe7;
    }

    .wp_wbk_email_templates-custom-table-wb table tr .cell-1 {
        grid-area: cell-1;
    }

    .wp_wbk_email_templates-custom-table-wb table tr .cell-2 {
        grid-area: cell-2;
    }

    .wp_wbk_email_templates-custom-table-wb table tr .cell-3 {
        grid-area: cell-3;
    }

    .wp_wbk_email_templates-custom-table-wb table tr .cell-4 {
        grid-area: cell-4;
        justify-self: end;
    }
}

.add-image-block-wb {
}

.add-image-block-wb .add-image-wb {
    display: flex;
    align-items: center;
    margin: 0 5px 0 0;
    cursor: pointer;
    transition: 0.2s;
}

.add-image-block-wb .add-image-wb:hover {
    opacity: 0.7;
}

.add-image-block-wb .add-image-wb img {
    margin: 0 15px 0 0;
}

.add-image-block-wb .add-image-wb .text-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
}

.add-image-block-wb .add-image-field-wb {
    display: none;
}

.authorization-message-wb .message-title-wb {
    color: #fc2525;
    padding-left: 20px;
    line-height: 1.1;
    margin: 0 0 10px 0;
    background: url(../images/warning-icon.png) top left no-repeat;
}

.authorization-message-wb.successfull-wb .message-title-wb {
    color: #7dc677;
    background-image: url(../images/succesessful-icon.png);
}

.authorization-message-wb .message-subtitle-wb {
    font-size: 13px;
    line-height: 1;
}

.wp_wbk_gg_calendars-custom-table-wb .cell-2 {
    width: 5% !important;
}

.wp_wbk_gg_calendars-custom-table-wb .cell-7 {
    width: 20% !important;
}

.wp_wbk_gg_calendars-custom-table-wb .cell-8:last-child {
    width: 10% !important;
}

@media (max-width: 767px) {
    .wp_wbk_gg_calendars-custom-table-wb table tr {
        grid-template-columns: 60% 40%;
        grid-template-rows: auto;
        grid-template-areas:
            'cell-1 cell-8'
            'cell-2 cell-2'
            'cell-3 cell-3'
            'cell-4 cell-4'
            'cell-5 cell-6'
            'cell-7 cell-7';
        margin: 0 0 15px 0;
        align-items: center;
        display: grid;
        border-bottom: 1px solid #d9dfe7;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-1 {
        grid-area: cell-1;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-2 {
        grid-area: cell-2;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-3 {
        grid-area: cell-3;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-4 {
        grid-area: cell-4;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-5 {
        grid-area: cell-5;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-6 {
        grid-area: cell-6;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-7 {
        grid-area: cell-7;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr .cell-8 {
        grid-area: cell-8;
        justify-self: end;
    }

    .wp_wbk_gg_calendars-custom-table-wb table tr td[class*='cell'] {
        width: auto !important;
    }
}

.sidebar-roll-wb[data-name='sidebar-schedule-toools']
    .toggle-container-wb
    .toggle-title-wb {
    font-size: 16px;
    text-transform: uppercase;
}

.sidebar-roll-wb[data-name='sidebar-schedule-toools']
    .toggle-container-wb
    .toggle-title-wb:hover {
    opacity: 1;
}

.sidebar-roll-wb[data-name='sidebar-schedule-toools']
    .toggle-container-wb
    .toggle-title-wb
    .text-wb {
    transition: 0.2s;
}

.sidebar-roll-wb[data-name='sidebar-schedule-toools']
    .toggle-container-wb
    .toggle-title-wb:hover
    .text-wb {
    opacity: 0.7;
}

.sidebar-roll-wb[data-name='sidebar-schedule-toools']
    .toggle-container-wb
    .toggle-title-wb:hover:after {
    opacity: 0.7;
}

.toggle-container-wb .toggle-title-wb .help-popover-wb {
    margin: -10px 0 0 5px;
}

/* START fullcalendar default */

.fc-icon,
.fc-unselectable {
    -moz-user-select: none;
    -ms-user-select: none;
}

.fc .fc-button,
.fc-icon {
    text-transform: none;
    font-weight: 400;
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed;
}

.fc .fc-button:not(:disabled),
.fc a[data-navlink],
.fc-event.fc-event-draggable,
.fc-event[href] {
    cursor: pointer;
}

.fc-unselectable {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.fc {
    display: flex;
    flex-direction: column;
    font-size: 1em;
}

.fc .fc-button,
.fc-icon {
    display: inline-block;
    text-align: center;
}

.fc,
.fc *,
.fc :after,
.fc :before {
    box-sizing: border-box;
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.fc th {
    text-align: center;
}

.fc td,
.fc th {
    vertical-align: top;
    padding: 0;
}

.fc .fc-button,
.fc .fc-button .fc-icon,
.fc .fc-button-group,
.fc .fc-timegrid-slot-label {
    vertical-align: middle;
}

.fc a[data-navlink]:hover {
    text-decoration: underline;
}

.fc .fc-button:hover,
.fc .fc-list-event-title a,
a.fc-event,
a.fc-event:hover {
    text-decoration: none;
}

.fc-direction-ltr {
    direction: ltr;
    text-align: left;
}

.fc-direction-rtl {
    direction: rtl;
    text-align: right;
}

.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid #ddd;
}

.fc-liquid-hack td,
.fc-liquid-hack th {
    position: relative;
}

@font-face {
    font-family: fcicons;
    src: url('data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=')
        format('truetype');
    font-weight: 400;
    font-style: normal;
}

.fc-icon {
    width: 1em;
    height: 1em;
    -webkit-user-select: none;
    user-select: none;
    font-family: fcicons !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
    content: '\e900';
}

.fc-icon-chevron-right:before {
    content: '\e901';
}

.fc-icon-chevrons-left:before {
    content: '\e902';
}

.fc-icon-chevrons-right:before {
    content: '\e903';
}

.fc-icon-minus-square:before {
    content: '\e904';
}

.fc-icon-plus-square:before {
    content: '\e905';
}

.fc-icon-x:before {
    content: '\e906';
}

.fc .fc-button {
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
}

.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

.fc .fc-button {
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
}

.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc .fc-button:disabled {
    opacity: 0.65;
}

.fc .fc-button-primary {
    color: #fff;
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.fc .fc-button-primary:hover {
    color: #fff;
    background-color: #1e2b37;
    border-color: #1a252f;
}

.fc .fc-button-primary:disabled {
    color: #fff;
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    color: #fff;
    background-color: #1a252f;
    border-color: #151e27;
}

.fc .fc-button .fc-icon {
    font-size: 1.5em;
}

.fc .fc-button-group {
    position: relative;
    display: inline-flex;
}

.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
}

.fc .fc-button-group > .fc-button.fc-button-active,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
}

.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
}

.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: 0.75em;
}

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: 0.75em;
}

.fc-direction-rtl .fc-toolbar-ltr {
    flex-direction: row-reverse;
}

.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.fc .fc-scroller-liquid {
    height: 100%;
}

.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
}

.fc .fc-scroller-harness-liquid {
    height: 100%;
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
    direction: rtl;
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid-section-footer > *,
.fc .fc-scrollgrid-section-header > * {
    border-bottom-width: 0;
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {
    width: 100%;
    table-layout: fixed;
}

.fc .fc-scrollgrid table {
    border-top-style: hidden;
    border-left-style: hidden;
    border-right-style: hidden;
}

.fc .fc-scrollgrid {
    border-collapse: separate;
    border-right-width: 0;
}

.fc .fc-scrollgrid-liquid {
    height: 100%;
}

.fc .fc-scrollgrid-section,
.fc .fc-scrollgrid-section table,
.fc .fc-scrollgrid-section > td {
    height: 1px;
}

.fc .fc-scrollgrid-section-liquid > td {
    height: 100%;
}

.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden;
}

.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    position: sticky;
    z-index: 3;
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0;
}

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0;
}

.fc .fc-scrollgrid-sticky-shim {
    height: 1px;
    margin-bottom: -1px;
}

.fc-sticky {
    position: sticky;
}

.fc .fc-view-harness {
    flex-grow: 1;
    position: relative;
}

.fc .fc-bg-event,
.fc .fc-highlight,
.fc .fc-non-business,
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
}

.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
}

.fc .fc-bg-event {
    background: #8fdf82;
    opacity: 0.3;
}

.fc .fc-bg-event .fc-event-title {
    margin: 0.5em;
    font-size: 0.85em;
    font-style: italic;
}

.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
}

.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
}

.fc-event-dragging:not(.fc-event-selected) {
    opacity: 0.75;
}

.fc-event-dragging.fc-event-selected {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
}

.fc-event-selected .fc-event-resizer,
.fc-event:hover .fc-event-resizer,
.fc-h-event,
.fc-v-event {
    display: block;
}

.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
}

.fc-event-selected .fc-event-resizer:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
}

.fc-event-selected,
.fc-event:focus {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event-selected:before,
.fc-event:focus:before {
    content: '';
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-event-selected:after,
.fc-event:focus:after {
    content: '';
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}

.fc-h-event {
    border: 1px solid #3788d8;
    background-color: #3788d8;
}

.fc-h-event .fc-event-main {
    color: #fff;
}

.fc-h-event .fc-event-main-frame {
    display: flex;
}

.fc-h-event .fc-event-time {
    max-width: 100%;
    overflow: hidden;
}

.fc-h-event .fc-event-title-container {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
}

.fc-h-event .fc-event-title {
    display: inline-block;
    vertical-align: top;
    left: 0;
    right: 0;
    max-width: 100%;
    overflow: hidden;
}

.fc-h-event.fc-event-selected:before {
    top: -10px;
    bottom: -10px;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
    top: 0;
    bottom: 0;
    width: 8px;
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
    cursor: w-resize;
    left: -4px;
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
    cursor: e-resize;
    right: -4px;
}

.fc-h-event.fc-event-selected .fc-event-resizer {
    top: 50%;
    margin-top: -4px;
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
    left: -4px;
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
    right: -4px;
}

.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
}

.fc .fc-popover-title {
    margin: 0 2px;
}

.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
}

.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
}

.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
}

:root {
    --fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc-daygrid-day-events:after,
.fc-daygrid-day-events:before,
.fc-daygrid-day-frame:after,
.fc-daygrid-day-frame:before,
.fc-daygrid-event-harness:after,
.fc-daygrid-event-harness:before {
    content: '';
    clear: both;
    display: table;
}

.fc .fc-daygrid-body {
    position: relative;
    z-index: 1;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
}

.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%;
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
}

.fc .fc-daygrid-day-number {
    position: relative;

    padding: 4px;
}

.fc .fc-daygrid-day-events {
    margin-top: 1px;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: absolute;
    left: 0;
    right: 0;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: relative;
    min-height: 2em;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 1em;
}

.fc .fc-daygrid-event-harness {
    position: relative;
}

.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
}

.fc .fc-daygrid-day-bg .fc-non-business {
    z-index: 1;
}

.fc .fc-daygrid-day-bg .fc-bg-event {
    z-index: 2;
}

.fc .fc-daygrid-day-bg .fc-highlight {
    z-index: 3;
}

.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
}

.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
}

.fc .fc-daygrid-day-bottom {
    font-size: 0.85em;
    padding: 2px 3px 0;
}

.fc .fc-daygrid-day-bottom:before {
    content: '';
    clear: both;
    display: table;
}

.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
}

.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    color: grey;
}

.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 2px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
}

.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px;
}

.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
}

.fc-liquid-hack .fc-daygrid-day-frame {
    position: static;
}

.fc-daygrid-event {
    position: relative;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 0.85em;
}

.fc-daygrid-block-event .fc-event-time {
    font-weight: 700;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
    padding: 1px;
}

.fc-daygrid-dot-event {
    display: flex;
    align-items: center;
    padding: 2px 0;
}

.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    font-weight: 700;
}

.fc-daygrid-dot-event.fc-event-mirror,
.fc-daygrid-dot-event:hover {
    background: rgba(0, 0, 0, 0.1);
}

.fc-daygrid-dot-event.fc-event-selected:before {
    top: -10px;
    bottom: -10px;
}

.fc-daygrid-event-dot {
    margin: 0 4px;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 4px solid #3788d8;
    border-radius: 4px;
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
}

.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
}

.fc-v-event {
    border: 1px solid #3788d8;
    background-color: #3788d8;
}

.fc-v-event .fc-event-main {
    color: #fff;
    height: 100%;
}

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
}

.fc-v-event .fc-event-title-container {
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0;
}

.fc-v-event .fc-event-title {
    top: 0;
    bottom: 0;
    max-height: 100%;
    overflow: hidden;
}

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-v-event.fc-event-selected:before {
    left: -10px;
    right: -10px;
}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
}

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
    height: 8px;
    left: 0;
    right: 0;
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
    top: -4px;
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
    bottom: -4px;
}

.fc-v-event.fc-event-selected .fc-event-resizer {
    left: 50%;
    margin-left: -4px;
}

.fc-v-event.fc-event-selected .fc-event-resizer-start {
    top: -4px;
}

.fc-v-event.fc-event-selected .fc-event-resizer-end {
    bottom: -4px;
}

.fc .fc-timegrid .fc-daygrid-body {
    z-index: 2;
}

.fc .fc-timegrid-axis-chunk > table,
.fc .fc-timegrid-body,
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
}

.fc .fc-timegrid-divider {
    padding: 0 0 2px;
}

.fc .fc-timegrid-body {
    min-height: 100%;
}

.fc .fc-timegrid-axis-chunk {
    position: relative;
}

.fc .fc-timegrid-slot {
    height: 1.5em;
    border-bottom: 0;
}

.fc .fc-timegrid-slot:empty:before {
    content: '\00a0';
}

.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
}

.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
}

.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
}

.fc .fc-timegrid-axis-frame-liquid {
    height: 100%;
}

.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fc .fc-timegrid-axis-cushion {
    max-width: 60px;
    flex-shrink: 0;
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
}

.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
}

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc .fc-timegrid-col.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
}

.fc .fc-timegrid-col-frame {
    min-height: 100%;
    position: relative;
}

.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc-media-screen .fc-timegrid-cols {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-media-screen .fc-timegrid-cols > table {
    height: 100%;
}

.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc .fc-timegrid-col-bg {
    z-index: 2;
}

.fc .fc-timegrid-col-bg .fc-non-business {
    z-index: 1;
}

.fc .fc-timegrid-col-bg .fc-bg-event {
    z-index: 2;
}

.fc .fc-timegrid-col-bg .fc-highlight,
.fc .fc-timegrid-col-events {
    z-index: 3;
}

.fc .fc-timegrid-bg-harness {
    position: absolute;
    left: 0;
    right: 0;
}

.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden;
}

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
}

.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
}

.fc-timegrid-event-harness {
    position: absolute;
}

.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
    box-shadow: 0 0 0 1px #fff;
}

.fc-timegrid-event,
.fc-timegrid-more-link {
    font-size: 0.85em;
    border-radius: 3px;
}

.fc-timegrid-event {
    margin-bottom: 1px;
}

.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
}

.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: 0.85em;
    margin-bottom: 1px;
}

.fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
}

.fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0';
}

.fc-timegrid-event-short .fc-event-title {
    font-size: 0.85em;
}

.fc-timegrid-more-link {
    position: absolute;
    z-index: 9999;
    color: inherit;
    background: #d0d0d0;
    cursor: pointer;
    margin-bottom: 1px;
}

.fc-timegrid-more-link-inner {
    padding: 3px 2px;
    top: 0;
}

.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
}

.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
}

.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-width: 1px 0 0;
}

.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px;
    border-style: solid;
    border-color: red;
}

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
}

.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fc .fc-list-empty-cushion {
    margin: 5em 0;
}

.fc .fc-list-table {
    width: 100%;
    border-style: hidden;
}

.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
}

.fc .fc-list-sticky .fc-list-day > * {
    position: sticky;
    top: 0;
    background: #fff;
}

.fc .fc-list-table thead {
    position: absolute;
    left: -10000px;
}

.fc .fc-list-table tbody > tr:first-child th {
    border-top: 0;
}

.fc .fc-list-table th {
    padding: 0;
}

.fc .fc-list-day-cushion,
.fc .fc-list-table td {
    padding: 8px 14px;
}

.fc .fc-list-day-cushion:after {
    content: '';
    clear: both;
    display: table;
}

.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
}

.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
    float: left;
}

.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
    float: right;
}

.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
    padding-right: 0;
}

.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
    padding-left: 0;
}

.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer;
}

.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
}

.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
}

.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border-radius: 5px;
}

.fc .fc-list-event-title a {
    color: inherit;
}

.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
}

.fc-theme-bootstrap a:not([href]) {
    color: inherit;
}

.fc-theme-bootstrap5 a:not([href]) {
    color: inherit;
    text-decoration: inherit;
}

.fc-theme-bootstrap5 .fc-scrollgrid {
    border-right-width: 0;
    border-bottom-width: 0;
}

/* END fullcalendar default */

.schedules-calendar-block-wb {
    padding: 10px 0 0 0;
}

.schedules-calendar-services-wb {
    display: flex;
    justify-content: start;
    align-items: baseline;
    margin: 0 0 30px 0;
}

.schedules-calendar-services-wb .fields-part-wb {
    display: flex;
    flex: 1 auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

.schedules-calendar-services-wb .label-wb {
    margin: 0 15px 0 0;
}

.schedules-calendar-services-wb .custom-select-wb {
    margin: 0 25px 0 0;
}

.schedules-calendar-services-wb .custom-select-wb {
    width: 370px;
}

.schedules-calendar-services-wb .button-wbkb {
    color: #212121;
    margin-right: 30px;
}

.fc-theme-standard .fc-scrollgrid {
    border-left-color: transparent;
    border-top-color: transparent;
}

.schedules-calendar-wrapper-wb {
    min-width: 800px;
    padding: 30px !important;
    margin-top: 20px !important;
    margin-right: 20px !important;
}

.schedules-calendar-wrapper-wb .fc .fc-timegrid-slot {
    border-bottom: 1px solid #ddd;
    height: 36px;
}

.schedules-calendar-wrapper-wb .fc .fc-timegrid-slot:first-child {
    border-bottom-color: transparent;
}

.schedules-calendar-wrapper-wb .fc .fc-timegrid-axis:first-child {
    border-bottom-color: transparent;
}

.fc-theme-standard .fc-scrollgrid table th .fc-scrollgrid-sync-inner {
    font-weight: normal;
    font-family: poppins-medium;
    padding: 5px 5px 20px 5px;
    text-align: left;
}

.fc-theme-standard .fc-scrollgrid table th .fc-scrollgrid-sync-inner {
    border-top: 1px solid #ddd;
}

.fc-theme-standard table td[role='presentation'] {
    border-bottom-color: transparent;
}

.fc-theme-standard table tr:last-child td.fc-timegrid-slot-lane {
    border-bottom-color: #ddd;
}

.schedules-calendar-wrapper-wb a:hover {
    opacity: 1;
}

.schedules-calendar-wrapper-wb .fc .fc-timegrid-axis-cushion,
.schedules-calendar-wrapper-wb .fc .fc-timegrid-slot-label-cushion {
    padding: 0 20px 0 0;
}

.schedules-calendar-wrapper-wb
    .fc-header-toolbar
    .fc-toolbar-chunk:first-child
    > div {
    display: flex;
    align-items: center;
}

.schedules-calendar-wrapper-wb .fc .fc-timegrid-col.fc-day-today {
    background: none;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-toolbar-title {
    font-weight: normal;
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    font-size: 24px;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-prev-button {
    background: none;
    color: #212121;
    border: none;
    transition: 0.2s;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-next-button {
    background: none;
    color: #212121;
    border: none;
    transition: 0.2s;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-prev-button:hover {
    opacity: 0.7;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-next-button:hover {
    opacity: 0.7;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-prev-button:focus {
    box-shadow: none;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-next-button:focus {
    box-shadow: none;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-prev-button:active:focus {
    background: none;
    border: none;
    box-shadow: none;
    color: #212121;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-next-button:active:focus {
    background: none;
    border: none;
    box-shadow: none;
    color: #212121;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-button-group {
    display: flex;
    gap: 10px;
}

.schedules-calendar-wrapper-wb .fc-header-toolbar .fc-button-group .fc-button {
    background: #fff;
    color: #212121;
    border: 1px solid #8a9393;
    border-radius: 15px;
    line-height: 48px;
    padding: 0 15px 0 15px;
}

.schedules-calendar-wrapper-wb
    .fc-header-toolbar
    .fc-button-group
    .fc-button::first-letter {
    text-transform: uppercase;
}

.schedules-calendar-wrapper-wb
    .fc-header-toolbar
    .fc-button-group
    .fc-button:focus {
    box-shadow: none;
}

.schedules-calendar-wrapper-wb
    .fc-header-toolbar
    .fc-button-group
    .fc-button.fc-button-active {
    background: #1f6763;
    color: #fff;
    border-color: #1f6763;
    cursor: default;
}

.schedules-calendar-wrapper-wb .fc-timegrid-slot-label-frame {
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    font-size: 16px;
}

.schedules-calendar-wrapper-wb .fc-timegrid:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 65px;
    right: 0;
    background: #ddd;
    height: 1px;
}

.schedules-calendar-wrapper-wb .fc-v-event {
    background: #d8eded;
    border-color: #d8eded;
}

.schedules-calendar-wrapper-wb .fc-v-event .fc-event-main {
    color: #212121;
    font-size: 12px;
    font-family: 'Ubuntu', sans-serif;
font-weight: 500;
    padding: 5px;
    border-left: 3px solid #1f6763;
    border-radius: 4px 0 0 4px;
}

.schedules-calendar-wrapper-wb .fc-event .fc-event-main-frame {
    cursor: pointer;
}

.schedules-calendar-wrapper-wb
    .fc-event
    .fc-event-main-frame
    + .fc-event-main-frame {
    display: none;
}

.schedules-calendar-wrapper-wb .fc-v-event .fc-event-time {
    font-size: 12px;
}

.schedules-calendar-wrapper-wb .fc-timegrid-event,
.schedules-calendar-wrapper-wb .fc-timegrid-more-link {
    border-radius: 0;
}

.schedules-calendar-wrapper-wb
    .fc-timegrid-event-harness-inset
    .fc-timegrid-event,
.schedules-calendar-wrapper-wb .fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
    box-shadow: none;
}

.schedules-calendar-wrapper-wb .fc-timegrid-event {
    margin-bottom: 0;
}

.schedules-calendar-wrapper-wb .fc-v-event {
    border: 0;
}

.schedules-calendar-wrapper-wb .fc-direction-ltr .fc-timegrid-col-events {
    margin: 0;
}

.schedules-calendar-wrapper-wb .fc-h-event {
    background: #d8eded;
    border-color: #d8eded;
    margin: 0 !important;
    border-left: 3px solid #1f6763;
    border-radius: 4px;
}

.schedules-calendar-wrapper-wb .fc-h-event .fc-event-main {
    color: #212121;
}

.schedules-calendar-wrapper-wb .fc-daygrid-event-dot {
    border-color: #d8eded;
}

.schedules-calendar-wrapper-wb .fc .fc-daygrid-day.fc-day-today {
    background: none;
}

.schedules-calendar-wrapper-wb .fc-daygrid .fc-scrollgrid {
    border-left: 1px solid #ddd;
}

.schedules-calendar-wrapper-wb .fc-daygrid {
    /* border-bottom: 1px solid #ddd; */
}

.schedules-calendar-wrapper-wb .fc-event-title {
    padding: 0 0 0 15px;
    background: url(../images/event-title-icon.png) no-repeat left top 4px;
}

.schedules-calendar-wrapper-wb .fc-event-main .event-popover-wb {
    display: none;
    position: relative;
    left: 0;
    bottom: 100%;
    right: 0;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px;
    margin: 0 0 3px 0;
    min-width: 100px;
    white-space: normal;
}
.fc-timegrid-event-harness .event-popover-wb {
    position: absolute !important;
}

.schedules-calendar-wrapper-wb .fc-event-main .event-popover-wb:after {
    position: absolute;
    top: 100%;
    left: 20px;
    border-top: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    width: 0;
    height: 0;
}

.schedules-calendar-wrapper-wb .fc-event-main .event-popover-wb.active-wb {
    display: block;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-title-wb {
    font-family: 'Ubuntu', sans-serif;
font-weight: 400;
    margin: 0 0 5px 0;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-time-wb {
    margin: 0 0 5px 0;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-service-wb {
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    background: url(../images/event-title-icon.png) no-repeat left top 4px;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-footer-wb {
    display: flex;
    align-items: center;
    margin: 15px 0 0 0;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-footer-wb
    .popover-name-wrapper-wb {
    display: flex;
    align-items: center;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-footer-wb
    .popover-name-letter-wb {
    display: flex;
    width: 24px;
    height: 24px;
    min-width: 24px;
    align-items: center;
    justify-content: center;
    background: #f8c9c9;
    color: #ff7777;
    border-radius: 100%;
    margin: 0 5px 0 0;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-footer-wb
    .popover-name-wb {
    margin: 0 5px 0 0;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-footer-wb
    .popover-edit-wb {
    width: 24px;
    min-width: 24px;
    height: 24px;
    background: url(../images/edit-popover-icon.png);
    margin-left: auto;
    cursor: pointer;
    transition: 0.2s;
}
.popover-edit-wb {
    display: none !important;
}

.schedules-calendar-wrapper-wb
    .fc-event-main
    .event-popover-wb
    .popover-footer-wb
    .popover-edit-wb:hover {
    opacity: 0.7;
}

.schedules-calendar-wrapper-wb .fc .fc-daygrid .fc-scroller-harness {
    overflow: visible;
}

/*.schedules-calendar-wrapper-wb .fc .fc-daygrid .fc-scroller {*/
/*    overflow: visible !important;*/
/*}*/

.schedules-calendar-wrapper-wb .fc .fc-daygrid .fc-event-title-container {
    padding: 0 0 0 5px;
}

.schedules-calendar-wrapper-wb .fc .fc-daygrid-day-top {
    flex-direction: unset;
}

.schedules-calendar-wrapper-wb
    .fc-daygrid
    .fc-col-header-cell
    .fc-scrollgrid-sync-inner {
    position: relative;
}

.schedules-calendar-wrapper-wb
    .fc-daygrid
    .fc-col-header
    th
    .fc-scrollgrid-sync-inner:after {
    content: url(../images/lock-open-icon.png);
    position: absolute;
    top: 2px;
    right: 2px;
}

.schedules-calendar-wrapper-wb
    .fc-daygrid
    .fc-col-header
    th.locked-wb
    .fc-scrollgrid-sync-inner:after {
    content: url(../images/lock-closed-icon.png);
}

.schedules-calendar-wrapper-wb .fc-daygrid .fc-col-header th.locked-wb {
    background: #f5fafa;
}

/*.schedules-calendar-wrapper-wb*/
/*    .fc-daygrid*/
/*    .fc-scrollgrid-sync-table*/
/*    td*/
/*    .fc-daygrid-day-frame:after {*/
/*    content: url(../images/lock-open-icon.png);*/
/*    position: absolute;*/
/*    top: 2px;*/
/*    right: 2px;*/
/*}*/

.schedules-calendar-wrapper-wb
    .fc-daygrid
    .fc-scrollgrid-sync-table
    td.locked-wb
    .fc-daygrid-day-frame:after {
    content: url(../images/lock-closed-icon.png);
    position: absolute;
    top: 2px;
    right: 2px;
}

.schedules-calendar-wrapper-wb
    .fc-daygrid
    .fc-scrollgrid-sync-table
    td.locked-wb {
    background: #f5fafa;
}

.schedules-calendar-wrapper-wb .fc-daygrid table td[role='presentation'] {
    border-bottom: 1px solid #ddd;
}

.main-block-wb.has-fullcalendar-wb {
    overflow: visible;
}

.btn-ring-wbk {
    position: absolute;
    top: 3px;
    right: 1px;
    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);
    }
}

@media (max-width: 1200px) {
    .schedules-calendar-wrapper-wb .fc-event-main .event-popover-wb {
        text-align: center;
        padding: 5px;
    }

    .schedules-calendar-wrapper-wb
        .fc-event-main
        .event-popover-wb
        .popover-footer-wb {
        display: block;
    }

    .schedules-calendar-wrapper-wb
        .fc-event-main
        .event-popover-wb
        .popover-service-wb {
        background: none;
        padding-left: 0;
    }

    .schedules-calendar-wrapper-wb
        .fc-event-main
        .event-popover-wb
        .popover-footer-wb
        .popover-name-wrapper-wb {
        margin-bottom: 15px;
    }

    .schedules-calendar-wrapper-wb
        .fc-event-main
        .event-popover-wb
        .popover-footer-wb
        .popover-name-letter-wb {
        margin: 0 auto 5px auto;
    }

    .schedules-calendar-wrapper-wb
        .fc-event-main
        .event-popover-wb
        .popover-footer-wb
        .popover-name-wb {
        margin: 0 0 5px 0;
    }

    .schedules-calendar-wrapper-wb
        .fc-event-main
        .event-popover-wb
        .popover-footer-wb
        .popover-edit-wb {
        margin: 0 auto;
    }
}

@media (max-width: 900px) {
    .schedules-calendar-services-wb {
        display: block;
    }

    .schedules-calendar-services-wb .label-wb {
        margin: 0 0 10px 0;
    }

    .schedules-calendar-services-wb .custom-select-wb {
        width: auto;
        flex-grow: 1;
        margin-right: 15px;
    }

    .schedules-calendar-services-wb .button-wbkb {
        padding: 0 10px 0 10px;
    }

    .schedules-calendar-wrapper-wb .fc .fc-header-toolbar.fc-toolbar {
        display: block;
    }

    .schedules-calendar-wrapper-wb
        .fc
        .fc-header-toolbar.fc-toolbar
        .fc-toolbar-chunk:first-child {
        margin: 0 0 15px 0;
    }

    .schedules-calendar-wrapper-wb
        .fc-header-toolbar
        .fc-button-group
        .fc-button {
        flex: 0;
    }
}

.dataTables_wrapper .dataTables_length select {
    width: 70px;
}

.dataTables_length {
    float: right !important;
}

.custom-table-wrapper-wb .dataTables_filter {
    margin-bottom: 20px;
    margin-right: 20px;
}
.webba-booking_page_wbk-options .main-block-wb .wrap {
    margin: 0;
}
.mail-block-wb-wizard {
    left: 0 !important;
}
span.smal_id_wbk {
    font-size: 12px;
}

/* dashboard */
.dashboard-wb .block-title-wb:before {
    content: '';
    position: relative;
    width: 32px;
    height: 33px;
    background-image: url(../images/hello-dashboard.png);
    display: inline-block;
    margin-right: 10px;
}

.dashboard-container .table-area-wb {
    margin-right: 0;
}

.dashboard-container .table-area-wb .right-part-wb {
    display: none;
}

.dashboard-container .intersests-conversion-block-wb .right-part-wb,
.dashboard-container .intersests-conversion-block-wb .booking-revenue-wb {
    display: none;
}

.dashboard-data-range-part-wb.dashboard-header-wb {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
}

.dashboard-data-range-part-wb.dashboard-header-wb .field-container-wb {
    margin: 0;
}

.date-range-select-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.date-range-select-container .picker__nav--prev,
.date-range-select-container .picker__nav--next {
    height: 30px;
}

.date-range-select-container input.wbkdata_input_text {
    background-color: #fff;
}

.dashboard-header-wb .date-range-select-container .custom-select-wb {
    margin: 0;
}
.wb_backend_header_margin {
    margin-top: 30px;
    margin-right: 30px;
}

.close-button-wbkb > .delete-confirm-wb {
    left: -107px;
    margin-top: 14px;
    opacity: 1 !important;
}

/* loading */
#schedules-calendar-wb,
#schedules-calendar-wb .fc-daygrid-day-top {
    position: relative;
}
#schedules-calendar-wb.loading:before,
#schedules-calendar-wb.loading:after,
#schedules-calendar-wb .timeslot_container .loading,
#schedules-calendar-wb .day_controls .loading,
.fc-event-main .loading,
.fc-event-main-frame .loading {
    width: 107px;
    height: 16px;
    float: left;
    display: block;
    background-image: url(../images/loading.gif);
    margin: 6px 0 0 10px;
}
.fc-daygrid-event-harness {
    z-index: 9999 !important;
}

/* fullcalendar colors */
.green_bg {
    background: #3ca925;
}
.red_bg {
    background: #cf2b0d;
}
.gray_bg {
    background: #808080;
}
.red_font {
    color: #cf2b0d;
}
.green_font {
    color: #3ca925;
}

/* fullcalendar */
#schedules-calendar-wb .timeslot_container {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    background: transparent;
}
#schedules-calendar-wb .day_number {
    width: 100%;
    margin-right: 5px;
    text-align: center;
}
#schedules-calendar-wb .day_controls {
    background-color: #fff;
    z-index: 1;
    padding: 3px;
}
#schedules-calendar-wb .day_controls a:hover {
    cursor: pointer;
}
.day_controls a {
    cursor: pointer;
}
#schedules-calendar-wb .timeslot_controls a:hover {
    cursor: pointer;
}
.schedules-calendar-block-wb .custom-multiple-select-wb {
    min-width: 300px;
    margin-right: 15px;
}
.fc-event {
    padding: 3px;
}
.fc .fc-daygrid-day-number {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    /*width: 100%;*/
}
.fc .fc-daygrid-day-top {
    display: flex;
    justify-content: space-between;
}

.schedules-calendar-wrapper-wb
    .fc-daygrid
    .fc-col-header-cell
    .fc-scrollgrid-sync-inner::after {
    display: none;
}

.schedules-calendar-services-wb .btn-link {
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

#schedules-calendar-wb .fc-daygrid-event .fc-event-main-frame .fc-event-time,
#schedules-calendar-wb .fc-timegrid-event .fc-event-main-frame .fc-event-time {
    display: none;
}

#schedules-calendar-wb .fc-scrollgrid-sync-table tr > td:last-child {
    padding-right: 20px !important;
}

#schedules-calendar-wb .timeslot_time .start-time,
#schedules-calendar-wb .timeslot_time .end-time {
    min-width: 65px;
    display: inline-block;
}

#schedules-calendar-wb .timeslot_time .end-time {
    margin-left: 8px;
}
.wbk_repeater_add_btn,
.wbk_repeater_add_btn:hover {
    color: #000 !important;
}
.wbk_question_sign,
.wbk_question_sign:active {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(../images/question_big.png);
    background-size: cover;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}
.fc-timegrid-event-harness-inset {
    background: #fff;
}

.fc-daygrid-event {
    white-space: normal !important;
}
.main-block-wb {
}
.fc-timegrid-event-harness {
    height: 300px !important;
}
.fc-timegrid-slots tr {
    height: 150px;
}
.schedules-calendar-services-wb {
    padding-top: 50px !important;
}
.wbk_backend_calendar_booking_details {
    padding: 10px 2px !important;
    font-size: 12px !important;
}
.wbk_dashboard_bookings_table table th:nth-child(2),
.wbk_dashboard_bookings_table table td:nth-child(2),
.wbk_dashboard_bookings_table table th:nth-child(6),
.wbk_dashboard_bookings_table table td:nth-child(6) {
    display: none !important;
}
.button-wbkb-mini {
    line-height: 27px;
    border-radius: 7px;
}
.button-wbkb-mini:disabled {
    cursor: default;
}
.wbk_resend_container {
    margin-top: 10px;
    display: block;
}
.wbk_resend_email {
    margin-right: 5px !important;
    margin-top: 5px !important;
    border-radius: 7px !important;
}
.resend_email_btn {
    margin-top: 5px !important;
}
.wbk_email_resend_result {
    clear: both;
    display: block;
    font-weight: normal;
}
span.wbk_email_resend_result {
    display: block;
    margin-top: 10px;
}
.wbk_font_green {
    color: #1f6763;
}
.wbk_font_red {
    color: red;
}
.schedule-tools-button-wbk,
.schedule-tools-button-wbk:hover {
    margin-top: 40px;
    margin-bottom: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    line-height: 48px;
    border: 1px solid transparent;
    border-radius: 15px;
    padding: 0 20px 0 20px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    min-width: 110px;
    transition: 0.2s allease;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    background: #1f6763;
    color: #fff;
}

#wpcontent{
    padding-left: 0;
}

@media screen and (max-width: 782px) {
    .auto-fold #wpcontent {
        padding-left: 0;
    }
}