.profile-picutre-upload.ui-dialog label,
.service-delete-popup.ui-dialog .ui-dialog-titlebar-close,
.user-logged-in div[data-lastpass-root],
body .ajax-progress {
    display: none !important;
}

.cl-bold,
.cl-checkbox-type-2 input+label {
    font-family: GothamHTF-Medium, Arial;
}

.cl-underline {
    position: relative;
    cursor: pointer;
}

.cl-underline:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0.5px;
    background-color: #000;
}

.cl-grid-2,
.cl-grid-3 {
    justify-content: space-between;
    display: grid;
}

.cl-back-btn:hover,
.cl-btn-reset,
.cl-text-underline,
.deleteStation,
body .cl-cancel-btn-2 {
    text-decoration: underline;
}

.cl-edit-btn,
.cl-info-tabs a,
.cl-search-type .form-item,
.overview-general-update .form-item-date-of-birth label,
.overview-general-update .form-item-email label,
.overview-general-update .form-item-language label {
    position: relative;
}

.cl-details {
    background-image: url(../assets/details.svg);
    max-width: 350px;
    width: 100%;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
}

.form-actions,
.form-item {
    margin: 0 !important;
}

.cl-main-content {
    padding-top: 28px !important;
    padding-bottom: 60px !important;
    width: 100%;
}

.cl-popup-default-grey.ui-dialog .ui-dialog-content,
.region-content,
body .ajax-progress {
    padding: 0 !important;
}

.cl-center-width,
.cl-center-width-2,
.cl-center-width-3,
.cl-center-width-4,
.cl-center-width-5,
.cl-center-width-6,
.cl-center-width-full,
.cl-content-width {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

.cl-center-width {
    max-width: 1512px;
}

.cl-center-width-2 {
    max-width: 1310px;
}

.cl-center-width-3 {
    max-width: 1200px;
}

.cl-center-width-4 {
    max-width: 1170px;
}

.cl-center-width-5 {
    max-width: 830px;
}

.cl-center-width-6 {
    max-width: 500px;
}

.cl-center-width-full {
    max-width: 100%;
}

.cl-content-width {
    max-width: 780px;
}

.cl-full-width {
    width: 100%;
}

.cl-content-width.bulk-mail,
.cl-mt16px,
.cl-title-2 {
    margin-top: 16px;
}

.cl-edit-center-width {
    max-width: 343px;
    margin: 0 auto;
}

input[type="radio"] {
    accent-color: #000;
}

input:focus,
select:focus,
textarea:focus {
    outline: 0 !important;
    border-color: initial !important;
    box-shadow: none !important;
}

.cl-btns-wrapper> :first-child,
.cl-content-type-1,
.cl-search-type,
.profile-picutre-upload.ui-dialog .image-widget-data span,
p {
    margin-bottom: 16px;
}

img {
    max-width: 100%;
    height: auto;
}

@font-face {
    font-family: 'GothamHTF-Book';
    src: url("../fonts/GothamHTF-Book.woff") format("woff"), url("../fonts/GothamHTF-Book.ttf") format("truetype"), url("../fonts/GothamHTF-Book.svg") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamHTF-Light';
    src: url('../fonts/GothamHTF-Light.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamHTF-Thin';
    src: url('../fonts/GothamHTF-Thin.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamHTF-Ultra';
    src: url('../fonts/GothamHTF-Ultra.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamHTF-Medium';
    src: url('../fonts/GothamHTF-Medium.otf') format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamHTF-Bold';
    src: url('../fonts/GothamHTF-Bold.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harmonia Sans Std';
    src: url('../fonts/HarmoniaSansStd-Regular.woff2') format('woff2'),
        url('../fonts/HarmoniaSansStd-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harmonia Sans Std Semi Bd';
    src: url('../fonts/HarmoniaSansStd-SemiBd.woff2') format('woff2'),
        url('../fonts/HarmoniaSansStd-SemiBd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harmonia Sans Std';
    src: url('../fonts/HarmoniaSansStd-Bold.woff2') format('woff2'),
        url('../fonts/HarmoniaSansStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harmonia Sans Std';
    src: url('../fonts/HarmoniaSansStd-Regular.woff2') format('woff2'),
        url('../fonts/HarmoniaSansStd-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harmonia Sans Std Semi Bd';
    src: url('../fonts/HarmoniaSansStd-SemiBd.woff2') format('woff2'),
        url('../fonts/HarmoniaSansStd-SemiBd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harmonia Sans Std';
    src: url('../fonts/HarmoniaSansStd-Bold.woff2') format('woff2'),
        url('../fonts/HarmoniaSansStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

a {
    text-decoration: none;
    color: #000;
}

.deleteStation a,
.profile-picutre-upload.ui-dialog .image-widget-data span a,
.ui-widget-content a {
    color: #000 !important;
}

.cl-accent-color,
.cl-text-lightgreen,
a:hover {
    color: #C50070;
}

body {
    background-color: #fff;
    font-family: 'GothamHTF-Book', Arial;
    font-size: 14px;
    line-height: 17.5px;
    color: #000;
    padding-top: 94px;
    overflow: auto;
}

.cl-light {
    font-family: GothamHTF-Light, Arial;
}

.cl-text-10px {
    font-size: 10px;
    line-height: 1;
}

.cl-table-style-2 tbody,
.cl-text-12px {
    font-size: 12px;
    line-height: 18px;
}

.cl-text-16px {
    font-size: 16px;
    line-height: 1;
}

.cl-mlauto {
    margin-left: auto !important;
}

.cl-mrauto {
    margin-right: auto !important;
}

.cl-mb6px {
    margin-bottom: 6px !important;
}

.cl-mb8px {
    margin-bottom: 8px !important;
}

.cl-mb10px {
    margin-bottom: 12px !important;
}

.cl-mb12px {
    margin-bottom: 12px !important;
}

.cl-image-type-1,
.cl-mb16px {
    margin-bottom: 16px !important;
}

.cl-mb32px {
    margin-bottom: 32px !important;
}

.cl-mb64px {
    margin-bottom: 64px !important;
}

.cl-mb29px {
    margin-bottom: 29px !important;
}

.cl-mt21px {
    margin-top: 21px !important;
}

.cl-mt32px {
    margin-top: 32px !important;
}

.cl-mb7px {
    margin-bottom: 7px;
}

.cl-align-left,
.cl-select-type-5 {
    text-align: left;
}

.cl-align-center,
.cl-text-center {
    text-align: center;
}

.cl-align-right,
.cl-flexbox-2> :last-child {
    text-align: right;
}

.cl-flexbox-2> :first-child,
input[type="date"] {
    text-align: left !important;
}

.cl-h1,
.cl-h2,
.cl-h3,
.cl-h4,
.cl-h5,
.cl-h6 {
    font-family: GothamHTF-Medium, Arial;
    color: #000;
    margin: 0;
}

.cl-h1 {
    font-size: 42px;
    line-height: 43px;
}

.cl-h2 {
    font-size: 36px;
    line-height: 37px;
}

.cl-h3 {
    font-size: 24px;
    line-height: 26px;
}

.cl-h4 {
    font-size: 20px;
    line-height: 23px;
}

.cl-h5 {
    font-size: 16px;
    line-height: 18px;
}

.cl-h6 {
    font-size: 18px;
    line-height: normal;
}

.form-control:disabled {
    background-color: #f2f1f6;
    opacity: 0.4;
}

.cl-text-grey,
.cl-text-grey2 {
    color: #00000080;
}

.cl-text-grey-light {
    color: rgba(0, 0, 0, 0.35);
}

.cl-text-grey-bold {
    color: #383838;
}

.cl-text-black-light {
    color: rgba(0, 0, 0, 0.5);
}

.cl-text-green {
    color: #0e6b24;
}

.cl-text-red {
    color: #e02020;
}

.cl-text-black {
    color: #000;
}

.cl-text-gold {
    color: #000;
}

.cl-text-yellow {
    color: #8a6d0b;
}

.cl-grid-2 {
    align-content: flex-end;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.cl-grid-3 {
    align-content: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 16px;
}

.cl-grid-4 {
    display: grid;
    align-content: flex-start;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    grid-gap: 21.5px;
}

.cl-flexbox,
.cl-flexbox-column {
    flex-wrap: wrap;
    margin-bottom: 16px;
    display: flex;
}

.cl-grid-item-full {
    grid-column: 1/-1;
}

.cl-col-2-full {
    grid-row-start: 1;
    grid-row-end: 10;
}

.cl-flexbox {
    justify-content: space-between;
    align-items: center;
}

.cl-gap-8px {
    gap: 8px;
}

.cl-gap-16px {
    gap: 16px;
}

.cl-flexbox-column {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.cl-flexbox-1 {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cl-optins-area .cl-flexbox-1 {
    margin-bottom: 12px;
}

.cl-flexbox-2 {
    align-items: flex-start;
}

.cl-flexbox-2>* {
    flex: 0 0 50%;
}

.cl-flexbox-full {
    flex: 0 0 100%;
}

.cl-fields-col-2,
.cl-fields-col-2-auto {
    justify-content: space-between;
    display: grid;
}

.cl-fields-col-2 {
    grid-template-columns: repeat(2, calc((100% - 19px) / 2));
}

.cl-fields-col-2-auto {
    grid-template-columns: repeat(2, auto);
}

.cl-fields-col-3-wrapper #edit-date-of-birth,
.cl-fields-col-3-wrapper #edit-expiration-date,
.cl-fields-col-3-wrapper .cl-birth-input-wrapper {
    display: grid;
    grid-template-columns: repeat(3, calc((100% - 26px) / 3));
    justify-content: space-between;
    padding: 0 !important;
}

.cl-float-left {
    float: left;
    width: calc(50% - 8px);
}

.cl-float-right {
    float: right;
    width: calc(50% - 8px);
}
.phone-container > div:first-child {
    width: 40%;
}
.phone-container > div:last-child {
    width: 60%;
}

.email-container>div {
    flex: 0 0 calc(50% - 8px);
}

.email-container,
.phone-container {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}

.edit-staff-phone-container {
    display: flex;
    align-items: flex-start;
    gap: 16px
}

.cl-grey-section {
    padding: 16px 16px 0;
    background: #f2f1f6;
    border-radius: 6px;
    margin-bottom: 16px;
}

.cl-grey-section .cl-select-type-4 select {
    background-color: #fff !important;
}

.cl-empty-area {
    padding: 32px 16px;
    border-radius: 10px;
    background-color: #f2f1f6;
    font-size: 16px;
}

input[type="date"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M1.21855 12.5C0.974102 12.5 0.760213 12.41 0.57688 12.23C0.393547 12.05 0.30188 11.84 0.30188 11.6V2.3C0.30188 2.06 0.393547 1.85 0.57688 1.67C0.760213 1.49 0.974102 1.4 1.21855 1.4H2.2116V0.5H3.20466V1.4H8.3991V0.5H9.39216V1.4H10.3852C10.6297 1.4 10.8435 1.49 11.0269 1.67C11.2102 1.85 11.3019 2.06 11.3019 2.3V11.6C11.3019 11.84 11.2102 12.05 11.0269 12.23C10.8435 12.41 10.6297 12.5 10.3852 12.5H1.21855ZM1.21855 11.6H10.3852V5.15H1.21855V11.6ZM1.21855 4.25H10.3852V2.3H1.21855V4.25Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 15px 14px;
    padding-right: 0;
    color: #000 !important;
}

.cl-signature {
    border-radius: 4px;
    border: 0.5px solid grey !important;
    background-color: #f2f1f6 !important;
}

.cl-search-type select,
.cl-search-type-1 input,
.cl-search-type-1 input:focus {
    background-size: 15px !important;
    background-position: center right 10px !important;
    background-repeat: no-repeat !important;
}

.cl-input-type-2 input,
.cl-input-type-2 input:focus,
.cl-search-type-1 input,
.cl-search-type-1 input:focus {
    height: 40px;
    padding: 10px !important;
    background-color: #f2f1f6 !important;
    min-width: 65px;
    font-size: 14px;
    line-height: 18px;
}

.cl-validation-popup-default-grey-container{
    padding: 32px !important;
    text-align: center;
    font-size: 14px;
}

.cl-text-red.cl-validation-popup-default-grey-container::before {
    content: '';
    background-image: url('../images/alert.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 48%;
    top: 20%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
    opacity: 0;
    -webkit-appearance: none;
}

.form-select {
    background-image: url(../assets/arrow-down.svg);
    background-size: 12px;
}

input,
select {
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cl-input-type-2 input,
.cl-input-type-2 input:focus {
    border: 0.5px solid grey !important;
    border-radius: 4px;
    margin-bottom: 16px;
    color: #000;
    background-image: none !important;
    /* background-color: #fff !important; */
}

.cl-input-type-2 label,
.cl-search-type-1 label {
    color: rgba(0, 0, 0, 0.5);
    font-family: GothamHTF-Book, Arial;
    font-style: normal;
    margin-bottom: 5px;
}

.cl-search-type-1 input,
.cl-search-type-1 input:focus {
    border: 0.5px solid grey !important;
    border-radius: 4px;
    margin-bottom: 16px;
    color: #000;
    background-image: url("./../assets/search.svg");
}

.cl-price-field-style .form-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -10px !important;
}

.cl-price-field-style label {
    margin-bottom: 15px !important;
}

.cl-price-field-style input {
    max-width: 70px;
}

.cl-search-type select {
    border-radius: 4px;
    border: 0.5px solid grey !important;
    background-color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    text-align: left;
    padding: 8px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8483 1.17912C14.0558 0.961439 14.0497 0.622214 13.8344 0.411819C13.6192 0.201425 13.2721 0.195439 13.0493 0.398281L7.01948 6.29144L1.20068 0.398281C0.977941 0.195439 0.630847 0.201425 0.415572 0.411819C0.200297 0.622214 0.194174 0.961439 0.40172 1.17912L7.01948 7.75L13.8483 1.17912Z' fill='black'/%3E%3Cmask id='mask0_3307_46169' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8483 1.17912C14.0558 0.961439 14.0497 0.622214 13.8344 0.411819C13.6192 0.201425 13.2721 0.195439 13.0493 0.398281L7.01948 6.29144L1.20068 0.398281C0.977941 0.195439 0.630847 0.201425 0.415572 0.411819C0.200297 0.622214 0.194174 0.961439 0.40172 1.17912L7.01948 7.75L13.8483 1.17912Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3307_46169)'%3E%3Crect x='14.625' y='-4.125' width='15' height='15' transform='rotate(90 14.625 -4.125)' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}

.cl-search-type label,
.cl-select-type-4 label {
    color: rgba(0, 0, 0, 0.5);
    font-family: GothamHTF-Book, Arial;
    margin-bottom: 5px;
}

.cl-search-type-content {
    border: 0.5px solid #aaa;
    padding: 9px 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    margin-top: -2.5px !important;
}

.cl-search-type input,
.cl-search-type input:focus {
    min-width: 65px;
    height: 32px;
    padding: 4.5px 20px 4.5px 42px !important;
    background-color: #fff !important;
    border: 0.5px solid grey !important;
    border-radius: 4px;
    font-size: 13px;
    line-height: 23px;
    color: #000;
    background-repeat: no-repeat;
    background-position: center left 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M17.4 18L10.825 11.425C10.325 11.8583 9.74201 12.1958 9.07603 12.4375C8.41004 12.6792 7.70137 12.8 6.95 12.8C5.1473 12.8 3.62163 12.175 2.37298 10.925C1.12433 9.675 0.5 8.16667 0.5 6.4C0.5 4.63333 1.125 3.125 2.375 1.875C3.625 0.625 5.1375 0 6.9125 0C8.6875 0 10.1958 0.625 11.4375 1.875C12.6792 3.125 13.3 4.63458 13.3 6.40375C13.3 7.11792 13.1833 7.80833 12.95 8.475C12.7167 9.14167 12.3667 9.76667 11.9 10.35L18.5 16.9L17.4 18ZM6.925 11.3C8.27917 11.3 9.43021 10.8208 10.3781 9.8625C11.326 8.90417 11.8 7.75 11.8 6.4C11.8 5.05 11.326 3.89583 10.3781 2.9375C9.43021 1.97917 8.27917 1.5 6.925 1.5C5.55695 1.5 4.3941 1.97917 3.43645 2.9375C2.47882 3.89583 2 5.05 2 6.4C2 7.75 2.47882 8.90417 3.43645 9.8625C4.3941 10.8208 5.55695 11.3 6.925 11.3Z' fill='black'/%3E%3C/svg%3E") !important;
}

.cl-select-type-2,
.cl-select-type-3 {
    border-radius: 10px;
    display: flex;
    align-items: center;
    background-image: url("./../assets/arrow-down.svg") !important;
    background-color: #f2f1f6 !important;
    background-size: 15px !important;
}

.cl-select-type-2 {
    font-size: 12px;
    line-height: 13px;
    height: 41px;
    padding: 14px 47px 14px 16px;
    justify-content: flex-start;
    background-repeat: no-repeat !important;
    background-position: center right 16px !important;
}

.cl-select-type-3 {
    font-size: 14px;
    line-height: 18px;
    color: #272727;
    height: 39px;
    width: 100%;
    padding: 10px 47px 10px 16px;
    justify-content: flex-start;
    background-repeat: no-repeat !important;
    background-position: center right 12px !important;
}

.cl-select-type-4 select,
.cl-select-type-5 select {
    line-height: 18px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    background-repeat: no-repeat !important;
    background-position: center right 10px !important;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.cl-select-type-4 select {
    border-radius: 4px;
    border: 0.5px solid grey !important;
    background-color: #f2f1f6 !important;
    padding: 8px;
    height: 40px;
    justify-content: flex-start;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8483 1.17912C14.0558 0.961439 14.0497 0.622214 13.8344 0.411819C13.6192 0.201425 13.2721 0.195439 13.0493 0.398281L7.01948 6.29144L1.20068 0.398281C0.977941 0.195439 0.630847 0.201425 0.415572 0.411819C0.200297 0.622214 0.194174 0.961439 0.40172 1.17912L7.01948 7.75L13.8483 1.17912Z' fill='black'/%3E%3Cmask id='mask0_3307_46169' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8483 1.17912C14.0558 0.961439 14.0497 0.622214 13.8344 0.411819C13.6192 0.201425 13.2721 0.195439 13.0493 0.398281L7.01948 6.29144L1.20068 0.398281C0.977941 0.195439 0.630847 0.201425 0.415572 0.411819C0.200297 0.622214 0.194174 0.961439 0.40172 1.17912L7.01948 7.75L13.8483 1.17912Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3307_46169)'%3E%3Crect x='14.625' y='-4.125' width='15' height='15' transform='rotate(90 14.625 -4.125)' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 15px !important;
}

.cl-select-type-5 select {
    border-radius: 4px;
    border: 1px solid #808080 !important;
    background-color: #fff !important;
    padding: 8px 10px;
    height: 40px;
    justify-content: flex-start;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M6.5 8L0 1.21555L1.16458 0L6.5 5.59717L11.8354 0.0282681L13 1.24382L6.5 8Z' fill='black'/%3E%3C/svg%3E");
    background-size: 13px !important;
    color: #808080 !important;
}

.cl-checkbox-type-1,
.cl-checkbox-type-2 input {
    width: 19px !important;
    height: 19px !important;
    box-shadow: none !important;
}

.cl-accordion-header-right,
.cl-checkbox-type-2,
.cl-checkbox-type-3 .form-item,
.cl-quest-checkbox .fieldset-wrapper .form-item,
.cl-quest-radio .fieldset-wrapper .form-item {
    display: flex;
    align-items: center;
}

.cl-select-type-5 label {
    color: rgba(0, 0, 0, 0.5);
    font-family: GothamHTF-Book, Arial;
    line-height: 17.5px;
    margin-bottom: 6px;
}

.cl-checkbox-type-1:checked,
.cl-checkbox-type-2 input:checked,
.cl-checkbox-type-3 input:checked,
.cl-quest-checkbox input:checked {
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M3.90272 8.5L0 4.67726L1.0701 3.62909L3.90272 6.40366L9.9299 0.5L11 1.54817L3.90272 8.5Z' fill='black'/%3E%3C/svg%3E") !important;
    background-size: 11px 9px !important;
    background-position: center !important;
}

.cl-toggle-type-2 .form-check-input,
.cl-toggle-type-3 .form-check-input,
.form-switch .cl-toggle-type-1 {
    cursor: pointer;
    width: 44px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
    background-size: 29px;
}

.cl-checkbox-type-1 {
    margin: 0 0 18px !important;
    border: 1px solid grey !important;
    border-radius: 2px !important;
}

.cl-checkbox-type-1+label {
    margin-left: 5px;
    font-family: GothamHTF-Book, Arial;
}

.cl-checkbox-type-2 label {
    margin-bottom: 0;
    padding-left: 10px;
}

.cl-checkbox-type-2 input {
    margin: 0 !important;
    border: 2px solid #000 !important;
    border-radius: 2px !important;
}

.cl-checkbox-type-3 {
    margin-bottom: 22px !important;
    padding: 16px;
}

.cl-checkbox-type-3 .form-item {
    margin-bottom: 6px !important;
}

.cl-checkbox-type-3 label,
.cl-quest-checkbox label,
.cl-quest-radio .form-type-radio label {
    margin-bottom: 0;
    padding-left: 6px;
    color: var(--Dark, #252b2e);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.24px;
    font-family: GothamHTF-Book, Arial;
}

.cl-checkbox-type-3 input,
.cl-quest-checkbox input {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    border: 0.5px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.label,
label {
    display: block;
    font-family: GothamHTF-Medium, Arial;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 15px;
}

.cl-date-type-1,
.cl-input-type-1,
.cl-multi-select-type-1,
.cl-radio-type-1,
.cl-select-type-1,
.form-item {
    width: 100%;
}

.cl-radio-type-1 .fieldset-legend {
    color: rgba(0, 0, 0, 0.5);
    font-family: GothamHTF-Book, Arial;
    font-style: normal;
    margin-bottom: 9px !important;
    display: block;
}

.cl-radio-type-1 .form-type-radio {
    display: flex;
    align-items: center;
    margin-bottom: 12px !important;
}

.cl-radio-type-1 .form-type-radio input {
    width: 18px;
    height: 19px;
    border-radius: 50%;
    margin-right: 4px;
    appearance: auto;
}

.cl-radio-type-1 .form-type-radio label {
    font-family: GothamHTF-Book, Arial;
    margin: 0;
    line-height: 1;
}

.cl-quest-checkbox .fieldset-wrapper,
.cl-quest-radio .fieldset-wrapper {
    padding: 16px;
}

.cl-quest-checkbox .fieldset-wrapper .form-item~.form-item,
.cl-quest-radio .form-type-radio~.form-type-radio {
    margin-top: 9px !important;
}

.cl-quest-radio .form-type-radio input {
    width: 16px;
    height: 17px;
    border-radius: 50%;
    appearance: auto;
}

.cl-quest-checkbox legend,
.cl-quest-radio legend {
    font-family: GothamHTF-Medium;
    color: #000;
    font-weight: 500;
    line-height: 17.5px;
}

.cl-quest-checkbox label~label {
    margin-top: 6px !important;
}

.cl-quest-text label,
.cl-quest-textarea label {
    font-family: GothamHTF-Medium;
    color: #000;
    font-weight: 500;
    line-height: 17.5px;
    margin-bottom: 5px;
}

.cl-quest-text input,
.cl-quest-textarea textarea {
    padding: 16px 8px;
    font-size: 14px;
    line-height: 18px;
    font-family: GothamHTF-Book;
    background: var(--Background, #f2f1f6) !important;
}

.cl-quest-text input {
    border-radius: 4px;
}

.cl-quest-textarea textarea {
    border: none;
    border-radius: 4px;
}

.cl-input-type-1 input,
.cl-select-type-1 select {
    font-family: GothamHTF-Medium, Arial;
    min-height: 50px;
    padding: 16px 29px 16px 12px;
    font-size: 14px;
    align-items: center;
    margin-bottom: 16px;
    display: flex;
    width: 100%;
    color: #000;
    box-shadow: none !important;
}

.cl-quest-text.numeric-range {
    display: flex;
    gap: 13px;
}

.numeric-range-label {
    font-family: GothamHTF-Medium;
    color: #000;
    font-weight: 500;
    line-height: 17.5px;
    margin-bottom: -15px;
}

.cl-quest-text.numeric-range label {
    color: var(--Dark, #252b2e);
    font-size: 12px;
}

.cl-select-type-1 select {
    border-radius: 4px;
    border: none;
    justify-content: flex-start;
}

.cl-input-type-1 input {
    border-radius: 4px;
    border: none;
    justify-content: flex-start;
    background-image: none !important;
}

.cl-input::-webkit-input-placeholder {
    font-family: GothamHTF-Book, Arial;
    font-size: 13px;
    letter-spacing: normal;
    color: grey !important;
}

.cl-input:-ms-input-placeholder {
    font-family: GothamHTF-Book, Arial;
    font-size: 13px;
    letter-spacing: normal;
    color: grey !important;
}

.cl-input::placeholder {
    font-family: GothamHTF-Book, Arial;
    font-size: 13px;
    letter-spacing: normal;
    color: grey !important;
}

.cl-toogle-field-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cl-toogle-field-left input {
    margin: 0 18px !important;
}

.form-switch-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-switch-wrapper span:first-child {
    margin-right: 7px;
}

.form-switch-wrapper span:last-child {
    margin-left: 7px;
}

.form-switch {
    margin: 0;
    padding: 0;
}

.cl-toggle-type-3 .form-check-input,
.form-switch .cl-toggle-type-1 {
    border-radius: 29px;
    border: none;
    box-shadow: none !important;
    background-position: center left -2px;
    background-color: grey;
    margin: 0;
}

.cl-toggle-type-1:checked,
.cl-toggle-type-2 .form-check-input:checked,
.cl-toggle-type-3 .form-check-input:checked {
    background-color: #179432;
    border-color: #179432;
    background-position: center right -2px !important;
}

.cl-content-type-1 .ck-reset_all :not(.ck-reset_all-excluded *),
.cl-content-type-1 .ck.ck-reset,
.cl-content-type-1 .ck.ck-reset_all,
.cl-textarea-type-1 textarea {
    background-color: #f2f1f6 !important;
}

.cl-toggle-type-2 {
    padding: 0 !important;
    margin-bottom: 16px;
}

.cl-toggle-type-2 .form-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.cl-toggle-type-2 .form-check-input {
    border-radius: 29px;
    border: none;
    box-shadow: none !important;
    background-position: center left -2px;
    background-color: grey;
    margin: 0;
    transition: 0.2s;
}

.cl-toggle-type-2 label,
.cl-toggle-type-3 label {
    margin-bottom: 0;
}

.cl-toggle-type-3-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 8px;
}

.cl-toggle-type-3-wrap>span {
    color: var(--Blue, var(--Frette, #031d30));
    font-feature-settings: "clig"off, "liga"off;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    margin-top: 6.5px;
}

.cl-toggle-type-3 {
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--Clientela-Text-Grey, var(--Clientela-Grey, grey));
    font-style: normal;
    font-weight: 500;
    line-height: 17.5px;
}

.cl-toggle-type-3 .form-item {
    width: auto;
}

.cl-textarea-type-1 textarea {
    min-height: 101px;
    width: 100%;
    padding: 8px;
    border: 0.5px solid grey !important;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
}

.cl-textarea-type-1 .form-control::placeholder {
    color: #000;
}

.cl-content-type-1 label,
.cl-date-type-1 label,
.cl-textarea-type-1 label {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
    font-family: GothamHTF-Book, Arial;
    color: rgba(0, 0, 0, 0.5);
}

.cl-textarea-type-1 .bottom-label {
    margin-left: auto;
    margin-top: -10px;
    font-size: 14px;
    line-height: 18px;
    float: right;
}

.cl-content-type-1 .ck-reset_all :not(.ck-reset_all-excluded *),
.cl-content-type-1 .ck.ck-reset_all {
    border-color: grey;
    border-width: 0.5px;
}

.cl-content-type-1 .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.cl-content-type-1 .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-radius: 4px 4px 0 0;
}

.cl-content-type-1 .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.cl-content-type-1 .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    border-radius: 0 0 4px 4px;
    border-color: grey;
    border-width: 0.5px;
}

.cl-date-type-wrapper input[type="date"]::before {
    content: attr(placeholder);
    position: absolute;
    color: #272727;
    left: 11px;
}

.cl-date-type-1 input[type="date"] {
    width: 100%;
    height: 34px;
    padding: 8px;
    background-color: #f2f1f6;
    border: 0.5px solid grey !important;
    border-radius: 4px;
    background-size: 17px 16px !important;
    margin-bottom: 16px;
    font-size: 14px;
}

.cl-date-type-2 {
    width: 100%;
    height: 39px;
    padding: 11px 13px 11px 16px !important;
    background-color: #f2f1f6;
    border-radius: 10px;
    border: none;
    background-position: center right 15px !important;
}

.cl-edit-nav,
.cl-multi-select-type-3 .choices__input {
    border-bottom: 0.5px solid grey;
}

.cl-image-type-1 label {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
    font-family: GothamHTF-Book, Arial;
    color: rgba(0, 0, 0, 0.5);
}

.cl-image-type-1 .image-widget .btn-primary {
    height: auto;
    width: auto;
    font-size: 14px;
    line-height: 15px;
    padding: 8px 12px;
    border: none !important;
    border-radius: 6px;
    background-color: #C50070 !important;
    color: #000;
    margin: 8px 0 0;
    opacity: 1 !important;
}

.cl-multi-select-type-2 .choices__list--dropdown,
.cl-multi-select-type-2 div.choices__inner {
    border: 0.5px solid grey;
}

.cl-multi-select-type-2 label,
.cl-multi-select-type-3 label {
    font-family: GothamHTF-Medium, Arial;
    color: #000;
    margin-bottom: 6px;
}

.cl-multi-select-type-3 div.choices__inner {
    border: 0.5px solid grey;
    background-color: #f2f1f6;
    min-height: 42px !important;
    padding: 8px 25px 0 8px;
    background-position: right 8px top 17px;
}

.cl-multi-select-type-3 .choices__list--dropdown {
    border: 0.5px solid grey;
    background-color: #f2f1f6;
}

.cl-multi-select-type-3 .choices[data-type*="select-one"] .choices__button {
    top: 12px;
}

.cl-multi-select-type-3 .choices__inner .choices__input {
    background-color: transparent !important;
    border: none;
}

.cl-multi-select-type-3 .choices__list--multiple .choices__item {
    background: #c4c4c4 !important;
}

.cl-multi-select-type-3 .choices[data-type*="select-one"] .choices__input {
    padding-left: 40px;
    background-image: url(../assets/search-black.svg);
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-size: 16px;
}

.cl-multi-select-type-3 ::-webkit-input-placeholder {
    background-color: #000 !important;
}

.cl-multi-select-type-3 :-ms-input-placeholder {
    background-color: #000 !important;
}

.cl-multi-select-type-3 ::placeholder {
    background-color: #000 !important;
}

.cl-edit-nav {
    padding-bottom: 8px;
}

.cl-edit-nav-btns {
    display: flex;
    gap: 16px;
}

.cl-media-btn {
    border-radius: 6px;
    background: #9f2715 !important;
    color: #fff !important;
    height: 45px;
    display: flex;
    width: calc(50% - 8px);
    justify-content: center;
    align-items: center;
}

body .cl-btn-2,
body .cl-cancel-btn-2 {
    height: auto;
    border: none !important;
}

body .cl-cancel-btn-2 {
    color: #000 !important;
    font-family: GothamHTF-Book, Arial !important;
    font-size: 14px !important;
    line-height: 32px;
    background: 0 0 !important;
    padding: 0 !important;
    margin: 0;
    opacity: 1 !important;
}

body .cl-btn-2-edit {
    font-size: 14px !important;
    line-height: 15px;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #C50070 !important;
    color: #fff !important;
    margin: 0;
    opacity: 1 !important;
    height: 32px;
    min-width: 75px;
}

body .cl-btn-2,
body .cl-btn-active {
    line-height: 15px;
    padding: 8px 12px;
    margin: 0;
    opacity: 1 !important;
    font-size: 14px;
    font-family: GothamHTF-Book, Arial;
    background-color: #C50070 !important;
}

body .cl-btn-2 {
    border-radius: 6px;
    color: #fff !important;
}

body .cl-btn-active {
    height: 45px;
    border: none !important;
    border-radius: 6px;
    color: #fff !important;
}

.cl-btn-3,
.cl-create-btn {
    color: #fff !important;
    align-items: center;
    border-radius: 6px;
}

.cl-btn-3 {
    display: inline-flex;
    justify-content: center;
    font-size: 14px;
    font-family: GothamHTF-Book, Arial;
    background-color: #C50070 !important;
    border: none;
    padding: 9.5px 12px;
}

.cl-create-btn {
    background: url("../assets/plus-1.svg") right 12px center no-repeat #C50070 !important;
    display: flex;
    justify-content: flex-start;
    padding: 0 12px;
    font-size: 16px;
    width: 323px;
    height: 44px;
    border: none;
    margin: 0 auto;
}

.cl-edit-1-btn,
.cl-edit-delete-btn {
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.cl-edit-delete-btn-wrap {
    display: flex;
    gap: 6px;
}

.cl-edit-delete-btn {
    justify-content: center;
    font-size: 14px;
    font-family: GothamHTF-Medium, Arial;
    width: 100%;
    height: 45px;
    color: #fff !important;
    background: grey !important;
    border: none;
    margin: 0;
}

.cl-delete-btn,
.cl-edit-1-btn {
    background-repeat: no-repeat;
    background-position: center center;
    width: 35px;
    height: 35px;
    text-align: center;
}

.cl-edit-1-btn {
    background-image: url(../assets/edit-1.svg);
    background-color: #000;
    justify-content: center;
}

.btn-primary,
.cl-btn-primary,
.cl-delete-btn {
    display: flex;
    align-items: center;
    border-radius: 6px;
}

.cl-delete-btn {
    background-image: url(../assets/delete.svg);
    background-color: #d64833;
    justify-content: center;
}

.btn-primary,
.cl-back-btn,
.cl-btn-primary {
    font-size: 14px !important;
    font-family: GothamHTF-Medium, Arial !important;
    width: 100%;
    color: #fff !important;
}

.cl-read-more a,
.cl-read-more span {
    color: #000;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    text-align: left;
    display: inline-block;
    cursor: pointer;
}

.cl-action-btn-wrapper {
    margin-top: 40px;
    display: flex;
}

.btn-primary,
.cl-btn-primary {
    justify-content: center;
    height: 45px;
    background-color: #C50070 !important;
    border: none;
    margin: 0;
}

.cl-back-btn,
.cl-btn-primary-bold {
    display: flex;
    align-items: center;
    height: 45px;
}

.cl-back-btn {
    justify-content: center;
    border-radius: 0;
    margin: 0;
    border: 1px solid #000 !important;
    text-transform: uppercase;
}

.cl-btn-primary-accent,
.cl-btn-primary-bold {
    font-size: 14px;
    font-family: GothamHTF-Medium, Arial;
    width: 100%;
    border-radius: 6px;
}

div.appointment-disabled.cl-back-btn a {
    pointer-events: all !important;
}

.btn-primary:hover,
.cl-btn-primary:hover {
    color: #000;
}

.cl-btn-primary-bold {
    justify-content: center;
    color: #000;
    background: #000 !important;
    border: none;
}

.cl-btn-primary-accent,
.cl-btn-primary-accent-bold {
    display: flex;
    align-items: center;
    height: 45px;
    background: #C50070 !important;
    color: #fff !important;
}

.cl-btn-primary-accent {
    justify-content: center;
    border: none;
}

.cl-btn-primary-accent-bold {
    justify-content: center;
    font-size: 14px;
    font-family: GothamHTF-Medium, Arial;
    padding: 0 24px;
    width: auto;
    border-radius: 6px;
    border: none;
    word-break: break-all;
    white-space: nowrap;
    margin: 0;
}

.cl-btn-primary-grey,
.cl-btn-reset {
    align-items: center;
    font-size: 14px;
    font-family: GothamHTF-Medium, Arial;
    display: flex;
}

.cl-close-btn,
.cl-small-close-btn {
    background-position: center center;
    background-repeat: no-repeat;
}

.cl-btn-reset {
    justify-content: center;
    line-height: 32px;
    color: #000 !important;
    border: none;
    background-color: transparent !important;
    width: auto !important;
    margin: 0;
}

.cl-btn-primary-grey {
    justify-content: center;
    width: auto;
    padding: 9px 12px;
    height: 32px;
    color: #000;
    background-color: #f2f1f6 !important;
    border-radius: 23px;
    border: none;
}

.cl-btn-black-border,
.cl-btn-cancel {
    font-size: 14px;
    align-items: center;
    color: #000 !important;
}

.cl-btn-cancel {
    display: flex;
    justify-content: center;
    font-family: GothamHTF-Book, Arial;
    width: 100%;
    height: 45px;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    border-radius: 6px;
}

.cl-btn-black-border {
    line-height: 32px;
    padding: 0 18px;
    justify-content: center;
    display: flex;
    border-radius: 6px;
    border: 1px solid #000;
    font-family: GothamHTF-Book, Arial;
}

.cl-btn-black,
.cl-btn-green {
    padding: 0 18px;
    align-items: center;
    display: flex;
    font-family: GothamHTF-Book, Arial;
    line-height: 32px;
    font-size: 14px;
}

.cl-btn-black {
    justify-content: center;
    border-radius: 6px;
    background-color: #000;
    color: #fff !important;
}

.cl-btn-green {
    justify-content: center;
    border-radius: 6px;
    background-color: #C50070 !important;
    color: #000 !important;
}

.cl-close-btn,
.cl-edit-btn {
    width: 24px;
    height: 24px;
    align-items: center;
    cursor: pointer;
}

.cl-plus-btn {
    background-color: #000;
    margin-left: 12px;
    display: flex;
}

.cl-edit-btn {
    background-color: #000;
    margin-left: 12px;
    display: flex;
    justify-content: center;
    color: #000;
    border-radius: 6px;
}

.cl-close-btn {
    display: flex;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' viewBox='0 0 10 12' fill='none'%3E%3Cpath d='M0.836744 11.2895L0.0797882 10.4434L4.24304 5.78952L0.0797882 1.13567L0.836744 0.28952L5 4.94337L9.16326 0.28952L9.92021 1.13567L5.75696 5.78952L9.92021 10.4434L9.16326 11.2895L5 6.63567L0.836744 11.2895Z' fill='black'/%3E%3C/svg%3E");
    border: 0.5px solid #000;
    border-radius: 6px;
}

.cl-small-close-btn {
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../assets/close-small.svg);
    cursor: pointer;
}

.cl-disabled-edit-btn {
    opacity: 0.4;
    pointer-events: none;
}

.cl-accordion-item .cl-edit-btn {
    width: 24px;
    height: 24px;
}

.cl-edit-btn:after {
    content: "";
    width: 11px;
    height: 11px;
    background-image: url(../assets/edit.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.cl-plus-btn:before,
.cl-plus-icon:before {
    height: 15px;
    background-size: cover;
    content: "";
    background-repeat: no-repeat;
}

.cl-tag-btns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px;
    border: none !important;
    padding: 0 !important;
}

.cl-tag-btns span {
    padding: 4px 12px;
    color: #000;
    background-color: #fff;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #000;
    line-height: 16px;
}

.cl-tag-no-btn {
    border: none !important;
    padding: 0 !important;
}

.cl-plus-btn {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    min-width: 50px;
    height: 50px;
    border-radius: 6px;
}

.cl-info-tabs a.active:after,
.cl-remove-btn {
    background-color: #000;
}

.cl-plus-btn:before {
    width: 17px;
    background-image: url("../assets/plus.svg");
}

.cl-plus-icon:before {
    width: 16px;
}

.cl-plus-circle-icon {
    margin-left: auto;
    padding-left: 31px;
    background-image: url("../assets/plus-circle.svg");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 19px 19px;
}

.cl-reset-icon {
    margin-right: 0 !important;
    margin-left: auto !important;
    padding-left: 38px;
    background-image: url("../assets/reset.svg");
    background-repeat: no-repeat;
    background-position: center left 12px;
    background-size: 15px;
    min-width: 137px;
}

.cl-add-more,
.cl-remove-btn {
    margin-left: auto;
    cursor: pointer;
}

.cl-icon-arrow-down:before {
    content: "";
    display: block;
    width: 20px;
    height: 11px;
    background-image: url("../assets/arrow-down-1.svg");
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.2s;
}

.cl-add-more {
    padding-left: 20px;
    background-image: url("../assets/plus-circle.svg");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px 15px;
}

.cl-remove-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 12px 0 25px;
    min-width: 27px;
    height: 27px;
    background-image: url("../assets/close-white.svg");
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 10px;
    border-radius: 6px;
    margin-top: 1px;
    color: #fff;
    font-size: 14px;
}

.cl-accordion-item,
.cl-table-style thead,
.cl-table-style-2 thead {
    background-color: #f2f1f6;
}

.deleteStation {
    justify-content: space-around !important;
    padding-top: 32px;
    font-weight: 100;
}

.cl-accordion-item {
    border-radius: 10px !important;
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
}

.cl-accordion-item-disabled {
    opacity: 0.4;
}

.cl-accordion-item-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.cl-accordion-item-content {
    transition: 0.7s;
    max-height: 800px;
    overflow: hidden;
}

.cl-accordion-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    font-size: 13px;
    line-height: 14px;
    text-transform: capitalize;
}

.cl-accordion-date span {
    white-space: nowrap;
}

.cl-accordion-title {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    font-family: GothamHTF-Medium, Arial;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cl-accordion-title object {
    margin-right: 18.5px;
}

.cl-accordion-btn-triangle {
    width: 15px;
    height: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7' viewBox='0 0 15 7' fill='none'%3E%3Cpath d='M7.5 7L0 0H15L7.5 7Z' fill='black'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: 15px 7px !important;
    background-position: center center;
    transition: 0.2s ease-in-out;
    margin: 0 !important;
}

.cl-alert-icon,
.cl-gift-icon,
.cl-heart-icon,
.cl-star-icon,
.cl-calendar-icon,
.cl-contact-icon {
    min-width: 50px;
    height: 50px;
}

.cl-accordion-btn-triangle.collapsed {
    transform: rotate(-180deg);
}

.notes-icon:before {
    content: "";
    display: block;
    min-width: 24px;
    height: 30px;
    background-image: url(../assets/icons/note.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 16px;
}

.purchase-icon:before {
    content: "";
    display: block;
    min-width: 22px;
    height: 20px;
    background-image: url(../assets/icons/purchase.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 11px;
}


.note-icon:before {
    content: "";
    display: block;
    min-width: 25px;
    height: 25px;
    background-image: url(../assets/icons/ThankYou.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
}

.location-icon:before {
    content: "";
    display: block;
    min-width: 20px;
    height: 27px;
    background-image: url(../assets/icons/location.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 18px;
}

.crm-icon:before,
.message-icon:before,
.imessage-icon:before,
.sms-icon:before,
.telegram-icon:before,
.telephone-icon:before,
.wechat-icon:before,
.copy-and-share:before,
.whatsapp-icon:before {
    margin-right: 16px;
    display: block;
}

.whatsapp-icon:before {
    content: "";
    min-width: 25px;
    height: 25px;
    background-image: url(../assets/icons/whatsapp.svg);
    background-repeat: no-repeat;
    background-size: 95%;
}
.copy-and-share:before {
    content: "";
    min-width: 25px;
    height: 25px;
    background-image: url(../assets/icons/copy-and-share.svg);
    background-repeat: no-repeat;
    background-size: 95%;
}

.cl-accordion-item .cl-accordion-more:after,
.cl-alert-icon,
.cl-gift-icon,
.cl-heart-icon,
.cl-calendar-icon,
.cl-contact-icon,
.cl-star-icon,
.crm-icon:before,
.message-icon:before,
.imessage-icon:before,
.sms-icon:before,
.telegram-icon:before,
.telephone-icon:before,
.wechat-icon:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
}

.telephone-icon:before {
    min-width: 25px;
    height: 25px;
    background-image: url(../assets/icons/telephone.svg);
}

.crm-icon:before {
    min-width: 25px;
    height: 25px;
    background-image: url(../assets/icons/crm.svg);
}

.wechat-icon:before {
    min-width: 24px;
    height: 22px;
    background-image: url(../assets/icons/wechat.svg);
}

.telegram-icon:before {
    min-width: 25px;
    height: 24px;
    background-image: url(../assets/icons/telegram.svg);
}

.sms-icon:before {
    min-width: 24px;
    height: 23px;
    background-image: url(../assets/icons/sms.svg);
}

.message-icon:before {
    min-width: 25px;
    height: 20px;
    background-image: url(../assets/icons/message.svg);
    background-size: 24px 20px;
}

.imessage-icon:before {
    min-width: 23px;
    height: 23px;
    background-image: url(../assets/icons/imessage.svg);
}

.cl-star-icon {
    display: block;
    background-image: url(../assets/icons/star.svg);
}

.cl-gift-icon {
    display: block;
    background-image: url(../assets/icons/gift.svg);
}

.cl-heart-icon {
    display: block;
    background-image: url(../assets/icons/heart.svg);
}

.cl-calendar-icon {
    display: block;
    background-image: url(../assets/icons/calendar.svg);
}

.cl-contact-icon {
    display: block;
    background-image: url(../assets/icons/contact.svg);
}

.cl-alert-icon {
    display: block;
    background-image: url(../assets/icons/alert.svg);
}

.cl-block {
    display: block;
}

.cl-accordion-item .cl-accordion-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    cursor: pointer;
    width: 100%;
    margin-bottom: 0 !important;
    color: var(--Clientela-Black, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.cl-accordion-item .cl-accordion-more:after {
    width: 15px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.27672 6.69588C0.0691739 6.91356 0.0752979 7.25279 0.290573 7.46318C0.505847 7.67358 0.85294 7.67956 1.07568 7.47672L7.10552 1.58356L12.9243 7.47672C13.1471 7.67956 13.4942 7.67358 13.7094 7.46318C13.9247 7.25279 13.9308 6.91356 13.7233 6.69588L7.10552 0.125001L0.27672 6.69588Z' fill='black'/%3E%3C/svg%3E");
    margin-left: 10px;
    transform: rotate(0);
}

.cl-accordion-item .cl-accordion-more.collapsed:after {
    transform: rotate(-180deg);
}

.cl-accordion-item .cl-accordion-more.collapsed span:first-child,
.cl-accordion-item .cl-accordion-more span:last-child {
    display: none;
}

.cl-accordion-item .cl-accordion-more span:first-child,
.cl-accordion-item .cl-accordion-more.collapsed span:last-child {
    display: block;
}

.cl-info-tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: -6px;
}

.cl-info-tabs a {
    color: #000 !important;
    flex: 0 0 calc(50% - 8px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: GothamHTF-Medium, "sans-serif";
    font-size: 16px;
    line-height: 32px;
    padding: 0 16px 16px;
    text-align: center;
    text-decoration: none !important;
}

.cl-table-style thead,
.cl-table-style-2 thead,
.service-delete-popup .ui-dialog-titlebar {
    color: #000;
    font-family: GothamHTF-Medium, Arial;
}

.cl-info-tabs a:after {
    display: block;
    content: "";
    height: 6px;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    position: absolute;
    bottom: 0;
}

.cl-table-style thead tr {
    padding: 0 8px;
}

.cl-table-style td,
.cl-table-style th {
    padding-top: 20px;
    padding-bottom: 20px;
    white-space: nowrap;
}

.cl-table-style tbody tr,
.cl-table-style-2 tbody tr {
    border-bottom: 1px solid grey;
}

.cl-table-style tbody tr td:first-child {
    color: #454545;
}

.cl-table-style-wrapper {
    width: 100%;
    overflow-x: auto;
}

.cl-table-style-2 {
    line-height: 12px;
    font-size: 11px;
    width: 700px;
    overflow-x: scroll;
    margin: 0;
    padding: 0;
}

.cl-table-style-2 thead {
    font-style: italic;
}

.cl-table-style-2 thead tr {
    padding: 0 10px;
    border-bottom: 0 solid transparent;
}

.cl-table-style-2 td,
.cl-table-style-2 th {
    padding-top: 24px;
    padding-bottom: 24px;
    white-space: nowrap;
}

.cl-client-loyalty .cl-table-style-wrapper thead:after,
.cl-client-loyalty .cl-table-style-wrapper thead:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: grey;
    display: block;
    position: absolute;
    left: 0;
}

.cl-client-loyalty .cl-table-style-wrapper thead:before {
    top: 0;
}

.cl-client-loyalty .cl-table-style-wrapper thead:after {
    bottom: 0;
}

.clientela-majorel-log-form {
    padding: 0 16px;
}

.clientela-majorel-log-form .form-item {
    margin-top: 16px !important;
}

.clientela-majorel-log-form .form-submit {
    margin: 16px 0;
}

.page-link,
.page-link:focus {
    color: #000;
    padding: 8px 15px;
    background: 0 0 !important;
    box-shadow: none !important;
}

.active>.page-link,
.media-library-view--widget .view-header a.is-active>.page-link,
.media-library-view--widget .view-header a.page-link.is-active,
.page-item:first-child .page-link,
.page-link.active {
    background: #C50070 !important;
    border-color: #C50070;
    color: #fff;
}

.page-item.disabled {
    display: none;
}

.profile-picutre-upload.ui-dialog .ui-dialog-titlebar {
    background-color: #f2f1f6;
    padding: 16px 10px !important;
}

.profile-picutre-upload.ui-dialog .ui-dialog-title {
    color: #000;
    font-family: GothamHTF-Medium, Sans-serif;
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin: 0 !important;
    line-height: 22px;
}

.profile-picutre-upload.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 16px;
    right: 10px;
    padding: 0;
    width: 24px;
    height: 23px;
    border-radius: 6px;
    border: none !important;
    opacity: 1;
    background-color: #f2f1f6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25' fill='none'%3E%3Crect x='1' y='1' width='24' height='23' rx='6' fill='%23F1F1F1'/%3E%3Cpath d='M8.83673 18L8.07977 17.1538L12.243 12.5L8.07977 7.84615L8.83673 7L13 11.6538L17.1632 7L17.9202 7.84615L13.7569 12.5L17.9202 17.1538L17.1632 18L13 13.3462L8.83673 18Z' fill='black'/%3E%3Crect x='1' y='1' width='24' height='23' rx='6' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    color: #000;
    margin: 0;
}

.profile-picutre-upload.ui-dialog ::-webkit-file-upload-button {
    border-radius: 6px !important;
    border: 1px solid #000;
    background: #f2f1f6;
    height: 30px;
    padding: 0 12px;
    margin-right: 16px;
    margin-bottom: 21px;
}

.profile-picutre-upload.ui-dialog .ui-dialog-content {
    padding: 16px;
    max-height: 100% !important;
}

.profile-picutre-upload.ui-dialog .btn-primary {
    margin: 0 0 21px;
    height: 38px;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.65px;
}

.profile-picutre-upload.ui-dialog .simple-status-messages {
    width: 100%;
    right: 0;
    top: 0;
}

.service-delete-popup {
    left: 50% !important;
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 32px) !important;
    margin: 0 !important;
    border-radius: 10px;
    background-color: #f2f1f6 !important;
    overflow: hidden !important;
    border: none !important;
    z-index: 5000000;
    transform: translate(-50%, -50%) !important;
    top: 50% !important;
    max-height: calc(100vh - 32px) !important;
}

.service-delete-popup .ui-dialog-content {
    padding: 0;
    min-height: unset !important;
}

.service-delete-popup .ui-dialog-titlebar {
    border-bottom: none !important;
    align-self: stretch;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
    flex-direction: revert;
    align-items: center;
    padding: 16px !important;
}

.service-delete-popup.ui-dialog .ui-dialog-title {
    width: 100%;
    margin: 0 !important;
    line-height: 23px;
}

.service-delete-popup .delete-btn-wrapper .cl-delete-popup-cancel,
.service-delete-popup .delete-btn-wrapper .cl-delete-popup-primary {
    font-size: 13px;
    line-height: normal;
    text-transform: none;
    border-radius: 4px;
    display: flex !important;
    padding: 10px !important;
    height: 38px;
    font-family: GothamHTF-Book, Arial;
    margin: 0 !important;
    cursor: pointer;
    max-width: 100% !important;
}

.service-delete-popup.ui-widget-content {
    max-width: 343px !important;
}

.service-delete-popup .delete-btn-wrapper {
    display: flex !important;
    padding: 16px !important;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    background: #f2f1f6;
    width: 100%;
    flex-direction: row-reverse;
}

.service-delete-popup .delete-btn-wrapper .cl-delete-popup-primary {
    background: #C50070 !important;
    align-items: center !important;
    justify-content: center;
    color: #fff !important;
    text-decoration: none !important;
    width: 50%;
}

.service-delete-popup .delete-btn-wrapper .cl-delete-popup-cancel {
    color: #000 !important;
    text-decoration: underline !important;
    background-color: #f2f1f6 !important;
    align-items: center !important;
    justify-content: center;
    width: calc(50% - 21px);
}

.cl-popup-default-grey.ui-widget.ui-widget-content {
    max-height: 100% !important;
    padding: 0 !important;
}

.cl-popup-default-grey.ui-widget.ui-widget-content .client-tagform {
    margin: 0;
}

.cl-popup-default-grey.ui-dialog .ui-dialog-titlebar {
    background-color: #f2f1f6;
}

.cl-popup-default-grey.ui-dialog .ui-dialog-title {
    color: #000;
    font-family: GothamHTF-Medium, Sans-serif;
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin: 0 !important;
    line-height: 23px;
    font-weight: 400;
}

.cl-popup-default-grey.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    width: 24px;
    height: 23px;
    border-radius: 6px;
    border: none !important;
    opacity: 1;
    background-color: #f2f1f6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' fill='white'/%3E%3Cpath d='M7.85634 17L7 16.1437L11.1437 12L7 7.85634L7.85634 7L12 11.1437L16.1437 7L17 7.85634L12.8563 12L17 16.1437L16.1437 17L12 12.8563L7.85634 17Z' fill='black'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    color: #000;
    margin: 0;
}

.cl-popup-default-grey-content {
    padding: 32px !important;
}

.cl-popup-default-grey-container {
    display: grid;
    align-content: flex-end;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    grid-gap: 21px;
    background: #fff;
}

.cl-popup-default-grey-container .cl-date-type-1 {
    margin-bottom: 21px;
}

.cl-popup-default-grey-box {
    min-height: 98px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 7px;
    width: 100%;
    padding: 16px 23px;
    border-radius: 6px;
    background: #f2f1f6;
    cursor: pointer;
    border: 1px solid transparent;
}

.cl-popup-default-grey .simple-status-messages {
    width: 94%;
    left: 3%;
    top: 4%;
}

.cl-popup-default-grey-btn-wrap {
    padding: 16px;
    background-color: #f2f1f6;
}

.cl-popup-default-grey-btn-wrap button:disabled {
    opacity: 0.1;
}

.cl-popup-default-grey.ui-dialog.popup-dialog-class .btn-primary {
    max-width: 100%;
    margin: 0;
    font-size: 14px;
    font-family: GothamHTF-Medium;
    color: #000;
}

.cl-popup-email-template.ui-dialog.popup-dialog-class {
    max-height: 550px;
    overflow: auto;
    max-width: 100% !important;
}

@media screen and (max-width: 767px) {
    .cl-media-btn {
        width: 100%;
    }

    .cl-center-width-2,
    .cl-content-width {
        max-width: 400px;
    }

    .cl-grid-4 {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
    }

    .cl-float-left,
    .cl-float-right {
        float: none;
        width: 100% !important;
    }

    .cl-grid-2 {
        grid-template-columns: 2fr;
    }

    .cl-main-content .cl-grid-2>div:nth-of-type(2) {
        order: 1;
    }

    .cl-main-content .cl-grid-2>div:first-of-type {
        order: 2;
        grid-row-start: none;
        grid-row-end: none;
    }

    .cl-main-content .cl-grid-2>div:nth-of-type(3) {
        order: 3;
    }

    .cl-date-type-wrapper input[type="date"] {
        font-size: 14px;
    }

    .cl-date-type-wrapper input[type="date"]::before {
        font-size: 11px;
        top: 11px;
        left: 7px;
    }
}