section.elementor-section.elementor-top-section.elementor-element.elementor-element-9ede0fd {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-9ede0fd > .elementor-container.elementor-column-gap-default {
    max-width: 100% !important;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-9ede0fd > .elementor-container.elementor-column-gap-default .elementor-widget-wrap {
    padding: 0 !important;
}

.header-project .column-action {
    align-items: center;
}

.header-project .completed-this-step {
    background-color: rgba(156, 99, 244, 1);
    color: #fff;
    border: none;
    margin-left: 20px;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.cwi_funnel_map_container {
    display: block;
}

.card-funnel {
    width: 160px;
    height: 210px;
    border: 1px solid #D4D3D3;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.card-funnel::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
     border-radius: 8px;
    text-align: center;
    background-color: rgba(156, 99, 244, 1);
    left: 0px;
    top: 0px;
    opacity: 0;
    z-index: 2;
}

.icon-edit {
    margin-bottom: -5px;
    margin-right: 10px;
    width: 20px;
    filter: brightness(0) invert(1);
    height: 20px;
    content: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2_336)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.3077 1.21289C15.184 1.21289 15.0616 1.2376 14.9476 1.28558C14.8335 1.33356 14.7303 1.40383 14.6438 1.49227L14.639 1.49716L2.96085 13.1186L1.43601 18.5644L6.88186 17.0396L18.5033 5.36145L18.5056 5.35914C18.5926 5.27282 18.6617 5.17012 18.7089 5.05696C18.756 4.94381 18.7803 4.82244 18.7803 4.69986C18.7803 4.57727 18.756 4.4559 18.7089 4.34275C18.6617 4.22959 18.5926 4.12689 18.5056 4.04057L18.5032 4.03813L15.9716 1.49229C15.8851 1.40384 15.7819 1.33356 15.6679 1.28558C15.5539 1.2376 15.4314 1.21289 15.3077 1.21289ZM14.5597 0.363865C14.7965 0.26422 15.0508 0.212891 15.3077 0.212891C15.5646 0.212891 15.8189 0.26422 16.0557 0.363865C16.2918 0.463212 16.5057 0.60859 16.685 0.791506C16.6856 0.792054 16.6861 0.792602 16.6866 0.793151L19.2098 3.33057C19.2103 3.33101 19.2107 3.33145 19.2111 3.3319C19.3913 3.51091 19.5343 3.72374 19.632 3.95817C19.7299 4.19319 19.7803 4.44526 19.7803 4.69986C19.7803 4.95445 19.7299 5.20653 19.632 5.44154C19.5343 5.67601 19.3912 5.88888 19.2111 6.06791C19.2106 6.06832 19.2102 6.06873 19.2098 6.06914L7.49784 17.8383C7.43698 17.8994 7.36133 17.9438 7.27824 17.9671L0.849671 19.7671C0.675724 19.8158 0.489032 19.7669 0.361302 19.6391C0.233573 19.5114 0.184669 19.3247 0.233374 19.1508L2.03337 12.7222C2.05664 12.6391 2.10101 12.5634 2.16216 12.5026L13.9313 0.790552C14.1104 0.608085 14.324 0.46304 14.5597 0.363865Z" fill="%23000001"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2_336"%3E%3Crect width="20" height="20" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
}


.card-funnel ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.card-funnel h3 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 16px;
    text-align: center;
    color: #262626;
    margin-bottom: 0px;
}

.card-funnel h4 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #262626;
    opacity: 0.6;
    margin-bottom: 0px;
    width: 100%;
    height: 16px;
    overflow: hidden;
}

.edit-funnel {
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 45%;
    opacity: 0;
    color: #fff !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.view-funnel {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    width: 64px;
    background-color: rgba(156, 99, 244, 1);
    color: #fff !important;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
    padding: 4px;
    line-height: 12px;
    border-radius: 5px;
}
.view-funnel:hover {
    color: #fff;
    opacity: 0.5;
}

.view-funnel.checking::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/uploads/loading.gif);
    background-size: 100%;
    margin-right: 5px;
}
.hasPreview .preview-funnel {
    position: absolute;
    bottom: -25px;
    left: 5px;
    right: 0;
    width: 70px;
    background-color: rgba(156, 99, 244, 1);
    color: #fff !important;
    text-transform: uppercase;
    font-size: 12px;
    padding: 4px;
    line-height: 12px;
    border-radius: 5px;
    padding: 4px;
    line-height: 12px;
    border-radius: 5px;
    border: 1px solid rgba(156, 99, 244, 1);
    bottom: -27px;
}
.hasPreview .view-funnel {
    border: 1px solid rgba(156, 99, 244, 1);
    background: none;
    color: #9b51e0  !important;
    margin: 0px !important;
    left: initial;
    width: 70px;
    right: 5px;
    bottom: -27px;
}

.card-funnel:hover::before{
    opacity: 1;
}

.card-funnel:hover .edit-funnel {
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-funnel img {
    width: 120px;
    margin: 0 auto;
}

.card-funnel-title {
    padding: 8px;
    border-bottom: 1px solid #D4D3D3; 
    margin-bottom: 13px;
}

.card-funnel[data-type="custom"] .card-funnel-title {
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .card-funnel {
        width: 44%;
        margin: 10px;
    }
}
@media only screen and (max-width: 320px) {
    .card-funnel {
        width: calc(46% - 10px);
        margin: 10px;
    }
}

#cwi-drawflow {
    perspective: 0;
    /*height: calc(100vh - 93px);
    min-height: 800px;*/
    width: 100%;
    height: 800px;
    position: relative;
}

.drawflow .drawflow-node {
    padding: 0 !important;
    border: none !important;
    width: auto !important;
    background-color: transparent !important;
}

.drawflow .drawflow-node .input, 
.drawflow .drawflow-node .output {
    position: relative !important;
    width: 5px !important;
    height: 5px !important;
    background: transparent !important;
    border-radius: 0 !important;
    cursor: default !important;
    z-index: 1 !important;
    margin-bottom: 0px !important;
    border: none;
    top: 0 !important;
}

.drawflow .drawflow-node .input {
	margin-bottom: 0px !important;
}

.drawflow .connection {
    position: absolute;
    pointer-events: none;
    aspect-ratio: 1/1 !important;
}

.drawflow .connection .main-path {
    fill: none !important;
    stroke-width: 3px !important;
    stroke: #9C63F4 !important;
    pointer-events: all !important;
    stroke-dasharray: 0 !important;
    transition: none !important;
}

.parent-node .drawflow-delete {
    display: none !important;
}

.drawflow .drawflow-node .input {
    left: -5px !important;
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-right: none;
    border-left: 6px solid #9C63F4 !important;
}

.drawflow .drawflow-node .output {
    right: 5px !important;
    top: 0 !important;
}

.card-funnel.live-training {
    cursor: default;
}

.card-funnel.live-training::before {
    content: none;
}

/*#cwi-drawflow {
    background-image: linear-gradient(#f8f3ff 1px, transparent 1px), linear-gradient(to right, #f8f3ff 1px, #fefdff 1px);
    background-size: 25px 25px;
}*/

.cwi-df-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    width: 48px;
    z-index: 999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.cwi-df-sidebar > ul {
    margin: 0;
    padding: 0 0 5px 0;
    width: 100%;
    list-style: none;
    position: relative;
    z-index: 999;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #eee;
}

.cwi-df-sidebar > ul > li {
    width: 100%;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-top: 10px;
}

.cwi-df-sidebar > ul > li.settings {
    background-image: url(/uploads/ic-settings.png);
}

.cwi-df-sidebar > ul > li.emails {
    background-image: url(/uploads/ic-email.png);
}

.cwi-df-sidebar > ul > li.payments {
    background-image: url(/uploads/ic-payments.png);
}

.df-sidebar-content {
    position: absolute;
    top: 0;
    left: -848px;
    width: 800px;
    height: 100%;
    background-color: #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    z-index: 99;
    visibility: hidden;
    transition: left 0.25s, visibility 0.25s;
    overflow: auto;
}

.df-sidebar-content.showing {
	visibility: visible;
	left: 48px;
	transition: left 0.25s;
}

.df-sidebar-menu-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9;
    width: calc(100vw - 20px);
}

.df-content-title {
    background-color: #8951E1;
    padding: 30px 0;
    text-align: center;
}

body .df-content-title h2 {
    color: #fff;
    font-family: 'Roboto';
    letter-spacing: 3px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1em;
    margin: 0;
}

.df-content-inner {
    padding: 55px 65px;
}

.df-content-inner .inp-group {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.df-content-inner .inp-group label {
    width: 100%;
    margin-bottom: 0;
    font-family: 'Rubik';
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0;
    flex-shrink: 0;
}

.df-content-inner .inp-group select, 
.df-content-inner .inp-group input {
    width: 100%;
    height: 56px;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 18px;
    outline-color: #9b51e0;
}

.df-content-inner .inp-group button {
    background-color: #9C64F4;
    color: #fff;
    border: none;
    height: 56px;
    min-width: 270px;
    font-weight: 500;
    font-family: 'Roboto';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 8px;
    outline: none;
    margin: 30px auto 0;
	cursor: pointer !important;
}

.funnel-settings-wrap .df-content-inner .inp-group span.note {
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
    display: inline-block;
    width: 100%;
}

.df-content-inner form {
    position: relative;
}

.df-content-inner form.loading::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(255,255,255,0.7);
    background-image: url(/uploads/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: wait;
}

.df-content-inner .coming-soon {
    text-align: center;
    font-size: 32px;
    color: #c8adff;
    font-weight: 300;
}

.df-content-inner .ac-not-connected {
    text-align: center;
}

.df-content-inner .ac-not-connected a.connect_ac {
    background-color: #004cff;
    height: 56px;
    color: #fff;
    border: none;
    border-radius: 16px;
    padding: 0 15px;
    width: 375px;
    cursor: pointer;
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
}

.df-content-inner .ac-not-connected a.connect_ac i {
    color: transparent;
    background-image: url(/uploads/active-campaign-logo-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    width: 165px;
    height: 18px;
    margin: 0 3px;
}

.df-content-inner .ac-not-connected span {
    display: block;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .df-sidebar-content {
        width: 700px !important;
    }
}
@media only screen and (max-width: 767px) {
    .df-content-inner {
        padding: 30px !important;
    }
   
    .df-sidebar-content {
        width: 300px !important;
    }
    .df-content-inner .inp-group {
        display: block !important;
    }
    body .df-content-title {
        padding: 15px 0px !important;
    }
    body .df-content-title h2{
        font-size: 18px !important
    }
    .card-funnel {
        width: 150px !important;
        
    }
}

/* Setting Funnel Favicon Upload */
.funnel-settings-wrap .df-content-inner .inp-group {
    visibility: visible !important;
    display: block !important;
    position: relative;
}
.funnel-settings-wrap .df-content-inner .inp-group label {
    display: block;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}
.funnel-settings-wrap .df-content-inner .inp-group span.guide {
    font-size: 14px;
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
    line-height: 22px;
    color: #7B7B7B;
    font-style: italic;
}
.funnel-settings-wrap .df-content-inner .inp-group select {
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important;
}
.funnel-settings-wrap .df-content-inner .inp-group span.noted {
    margin-top: 20px;
    display: block;
    font-size: 14px;
    font-family: 'Roboto';
}
.funnel-settings-wrap .df-content-inner  .upload-media-droppable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}
.funnel-settings-wrap .df-content-inner .upload-image-label {
    height: 176px;
    border: 2px dashed #9C63F4;
    border-radius: 16px;
    background-color: rgba(205, 176, 251, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.funnel-settings-wrap .df-content-inner  .upload-icon {
    background-image: url(/wp-content/plugins/cwi-custom/assets/img/upload.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 10px;
}
.funnel-settings-wrap .df-content-inner .upload-text {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-family: 'ROBOTO';
}
.funnel-settings-wrap .df-content-inner .upload-text b {
    color: #8951E1;
}


.funnel-settings-wrap  .upload-image-wrapper {
    cursor: pointer;
    position: relative;
    height: 176px;
}

.funnel-settings-wrap  .upload-image-label{
    height: 176px;
    border: 2px dashed #9C63F4;
    border-radius: 16px;
    background-color: rgba(205, 176, 251, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.funnel-settings-wrap  .upload-icon {
    background-image: url(/wp-content/plugins/cwi-custom/assets/img/upload.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 10px;
}

.funnel-settings-wrap  .upload-text {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-family: 'ROBOTO';
}

.funnel-settings-wrap  .upload-text b {
    color: #8951E1;
}

.funnel-settings-wrap  .upload-media-droppable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}

.funnel-settings-wrap  .upload-media-droppable.dz-drag-hover {
    background-color: #8951E1;
    border-radius: 16px;
    opacity: 0.5;
}

.funnel-settings-wrap  .upload-image-wrapper.has_image {
    display: none;
}

.funnel-settings-wrap  .upload_image_preview .dz-preview {
    display: flex;
}

.funnel-settings-wrap  .dz-preview {
    display: flex;
    border-radius: 16px;
    align-items: center;
    padding: 15px 20px;
    border: 1px dashed #ccc;
    margin-top: 30px;
}

.funnel-settings-wrap  .dz-image {
    flex-shrink: 0;
    max-width: 200px;
}

.funnel-settings-wrap .dz-preview img {
    max-width: 100%;
}

.funnel-settings-wrap  .dz-details {
    width: 100%;
    padding: 0 15px;
    position: relative;
}

.funnel-settings-wrap  .dz-details .dz-size {
    font-size: 12px;
    color: #777;
    line-height: 16px;
}

.funnel-settings-wrap  .dz-details .dz-filename {
    color: #777;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

.funnel-settings-wrap  .dz-progress {
    width: 100%;
    height: 4px;
    background-color: #E3E3E3;
    position: relative;
    border-radius: 8px;
    margin-top: 10px;
}

.funnel-settings-wrap  .dz-progress .dz-upload {
    background-color: #9C63F4;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 4px;
}

.funnel-settings-wrap  a.dz-remove {
    color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF85MzRfNzkyKSI+DQo8cGF0aCBkPSJNMS40Mjc3MyA1SDE4LjU3MDYiIHN0cm9rZT0iI0JFMkMyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMy41NzIyNyA1SDE2LjQyOTRWMTcuODU3MUMxNi40Mjk0IDE4LjIzNiAxNi4yNzg4IDE4LjU5OTQgMTYuMDExIDE4Ljg2NzNDMTUuNzQzMSAxOS4xMzUxIDE1LjM3OTcgMTkuMjg1NyAxNS4wMDA4IDE5LjI4NTdINS4wMDA4NEM0LjYyMTk1IDE5LjI4NTcgNC4yNTg1OSAxOS4xMzUxIDMuOTkwNjggMTguODY3M0MzLjcyMjc4IDE4LjU5OTQgMy41NzIyNyAxOC4yMzYgMy41NzIyNyAxNy44NTcxVjVaIiBzdHJva2U9IiNCRTJDMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTYuNDI3NzMgNS4wMDAwN1Y0LjI4NTc4QzYuNDI3NzMgMy4zMzg1OCA2LjgwNDAxIDIuNDMwMTcgNy40NzM3OCAxLjc2MDRDOC4xNDM1NSAxLjA5MDYzIDkuMDUxOTYgMC43MTQzNTUgOS45OTkxNiAwLjcxNDM1NUMxMC45NDY0IDAuNzE0MzU1IDExLjg1NDggMS4wOTA2MyAxMi41MjQ1IDEuNzYwNEMxMy4xOTQzIDIuNDMwMTcgMTMuNTcwNiAzLjMzODU4IDEzLjU3MDYgNC4yODU3OFY1LjAwMDA3IiBzdHJva2U9IiNCRTJDMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTcuODU3NDIgOS4yODc2VjE1LjAwNDEiIHN0cm9rZT0iI0JFMkMyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMTIuMTQyNiA5LjI4NzZWMTUuMDA0MSIgc3Ryb2tlPSIjQkUyQzJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF85MzRfNzkyIj4NCjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.loading_overlay {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(255,255,255,0.8);
    z-index: 999;
    background-image: url(/wp-content/plugins/cwi-custom/assets/img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}
.favicon-wrap .dz-success-mark,
.favicon-wrap .dz-error-mark {
    display: none;;
}
.favicon-wrap .dz-image {
    flex-shrink: 0;
    max-width: 200px;
}
.dz-preview.dz-success .dz-progress {
    display: none;
}
#favicon-uploader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: pointer;
}
/* Funnel Map Popup */
.action-show-popup {
    display: flex;
    width: auto;
    margin: 0 auto;
    list-style: none;
    margin-top: 30px;
    gap: 16px;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 9;
}

.action-show-popup li a{
    padding: 10px 16px;
    cursor: pointer;
    width: 180px;
    display: block;
    text-align: center;
    color: #fff !important;
}
.action-show-popup li a:hover{
    color: #fff !important;
    opacity: 0.5;
}
.action-show-popup li a.view-links{
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
    fill: var(--e-global-color-ef323b1 );
    color: var(--e-global-color-ef323b1 );
    background-color: var(--e-global-color-00769ba );
    border-radius: 8px 8px 8px 8px;
}
.action-show-popup li a.watch-tutorial{
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
    fill: #8951E1;
    color: #8951E1;
    background-color: #F3F2F3;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #8951E1;
    border-radius: 8px 8px 8px 8px;
}

.fm-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(38,38,38,0.8);
    z-index: 999;
    display: flex;
    align-items: center;
    overflow-y: auto;
    visibility: hidden;
    padding: 20px 0;
}

.fm-popup.active {
	visibility: visible;
    transition: visibility 0.25s linear 0s;
}

.fm-popup .fm-popup_content-wrapper {
    width: 767px;
    min-height: auto;
    background-color: #fff;
    margin: 0 auto;
    padding: 40px;
    border-radius: 16px;
    position: relative;
}

.fm-popup.questionnaire_validity_check .fm-popup_content-wrapper {
    text-align: center;
}

.fm-popup .fm-popup_content-wrapper.has-header {
    padding: 0;
}

.fm-popup .fm-popup_content-wrapper.has-header .fm-popup_header {
    padding: 32px 40px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.fm-popup .fm-popup_content-wrapper.has-header .fm-popup_header h2 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 500;
    color: #262626;
    font-family: 'Roboto';
    margin: 0;
}

.fm-popup .fm-popup_content-wrapper.has-header .fm-popup-content {
    padding: 96px 120px;
}

.fm-popup .fm-popup_content-wrapper span.fm-popup-close {
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
    user-select: none;
}

.fm-popup .fm-popup_content-wrapper button.fm-popup-close-button {
    margin: 40px auto 0;
    display: block;
    background-color: #8951E1;
    color: #fff;
    border: 2px solid #8951E1;
    border-radius: 12px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    width: 150px;
    padding: 10px 16px;
    cursor: pointer;
    outline: none;
}

.fm-popup .fm-popup_content-wrapper.has-header button.fm-popup-close-button {
    margin: 0 auto 30px;
}

.fm-popup.questionnaire_validity_check button,
.fm-popup .fm-popup_content-wrapper a.go-to-editor {
    margin: 40px 5px 0 5px !important;
    background-color: #8951E1;
    display: inline-block !important;
    color: #fff;
    border: 2px solid #8951E1;
    border-radius: 12px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    width: 150px;
    padding: 10px 16px;
    cursor: pointer;
    text-decoration: none;
}

.fm-popup h2 {
    font-size: 32px !important;
    line-height: 36px;
    font-weight: 400 !important;
    font-family: 'Roboto';
    color: #262626;
    margin-bottom: 32px;
    text-align: center;
}

.fm-popup.funnel-links ul.funnel-hot-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fm-popup.funnel-links ul.funnel-hot-links li {
    margin-bottom: 24px;
}

.fm-popup.funnel-links ul.funnel-hot-links span.fhl-title {
    display: block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    color: #8951e1;
}

.fm-popup.funnel-links ul.funnel-hot-links span.fhl-content {
    display: flex;
    width: 100%;
    align-items: center;
    border: 1px solid #ececec;
    padding: 12px 16px;
    border-radius: 16px;
    background-color: #fff;
}

.fm-popup.funnel-links ul.funnel-hot-links span.fhl-content span.fhl-link {
    font-size: 16px;
    line-height: 32px;
    font-weight: normal;
    color: #898989 !important;
    text-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 87%;
    display: block;
    
}
.fm-popup.funnel-links ul.funnel-hot-links span.fhl-content {
    position: relative;
}
.fm-popup.funnel-links ul.funnel-hot-links span.fhl-content span.fhl-copy {
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    gap: 8px;
    color: #8951E1;
    font-weight: 500;
    position: absolute;
    right: 22px;
}

.fm-popup.funnel-links ul.funnel-hot-links span.fhl-content span.fhl-copy svg {
    width: 20px;
}

.fm-popup.funnel-links ul.funnel-hot-links span.fhl-content a.fhl-external {
    width: 20px;
    flex-shrink: 0;
}

@media only screen and (max-width: 768px) {
    .fm-popup .fm-popup_content-wrapper {
        width: 95%;
    }
    .fm-popup.funnel-links ul.funnel-hot-links span.fhl-content span.fhl-link {
        width: 70%;
    }
}

/* FUNNEL WITH EMAIL */
/* Email Step */
.project-content-wrap .cwi-df-sidebar {
    top: initial;
}

/* Funnel With Email */
.project-content-wrap .email-list .card-email{
    width: 426px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #D4D3D3;
    background: #FFF;
    display: block;
    position: relative;
    margin-bottom: 20px !important;
}
.project-content-wrap .email-list .card-email .card-email-title{
    color: #262626;
    font-size: 13px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}
.project-content-wrap .email-list .card-email .card-email-title span {
    opacity: 0.6000000238418579;
    display: block;
    margin-top: 5px;
}
.project-content-wrap .email-list .card-email  .card-email-action{
    position: absolute;
    right: 0px;
    top: 24px;
    right: 24px;
}
.project-content-wrap .email-list .card-email .card-email-edit-icon {
    cursor: pointer;
    content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99979 5.00056C11.1833 5.00056 12.1426 4.04117 12.1426 2.8577C12.1426 1.67423 11.1833 0.714844 9.99979 0.714844C8.81632 0.714844 7.85693 1.67423 7.85693 2.8577C7.85693 4.04117 8.81632 5.00056 9.99979 5.00056Z' fill='%238951E1'/%3E%3Cpath d='M9.99979 12.1431C11.1833 12.1431 12.1426 11.1837 12.1426 10.0003C12.1426 8.81681 11.1833 7.85742 9.99979 7.85742C8.81632 7.85742 7.85693 8.81681 7.85693 10.0003C7.85693 11.1837 8.81632 12.1431 9.99979 12.1431Z' fill='%238951E1'/%3E%3Cpath d='M9.99979 19.2857C11.1833 19.2857 12.1426 18.3263 12.1426 17.1429C12.1426 15.9594 11.1833 15 9.99979 15C8.81632 15 7.85693 15.9594 7.85693 17.1429C7.85693 18.3263 8.81632 19.2857 9.99979 19.2857Z' fill='%238951E1'/%3E%3C/svg%3E%0A");
}
.project-content-wrap .email-list .card-email .email-icon-clock {
    content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2552_905)'%3E%3Cpath d='M9.99958 19.2882C15.1279 19.2882 19.2853 15.1309 19.2853 10.0025C19.2853 4.87415 15.1279 0.716797 9.99958 0.716797C4.87122 0.716797 0.713867 4.87415 0.713867 10.0025C0.713867 15.1309 4.87122 19.2882 9.99958 19.2882Z' stroke='%238951E1' stroke-width='1.42857' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99951 6.42969V10.0011L13.6281 14.2297' stroke='%238951E1' stroke-width='1.42857' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2552_905'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.project-content-wrap .email-list .card-email .email-icon-view {
    content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9005 8.92217C19.1373 9.21748 19.2685 9.60116 19.2685 9.99897C19.2685 10.3968 19.1373 10.7805 18.9005 11.0758C17.4005 12.8919 13.9862 16.4276 10.0005 16.4276C6.01476 16.4276 2.60048 12.8919 1.10048 11.0758C0.863563 10.7805 0.732422 10.3968 0.732422 9.99897C0.732422 9.60116 0.863563 9.21748 1.10048 8.92217C2.60048 7.10607 6.01476 3.57031 10.0005 3.57031C13.9862 3.57031 17.4005 7.10607 18.9005 8.92217Z' stroke='%238951E1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99972 12.8569C11.5777 12.8569 12.8569 11.5777 12.8569 9.99972C12.8569 8.42176 11.5777 7.14258 9.99972 7.14258C8.42176 7.14258 7.14258 8.42176 7.14258 9.99972C7.14258 11.5777 8.42176 12.8569 9.99972 12.8569Z' stroke='%238951E1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.project-content-wrap .email-list .card-email .email-icon-setting {
    content: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.13474 18L6.77321 15.1077C6.45398 15.0115 6.10879 14.8603 5.73764 14.6538C5.36649 14.4474 5.05078 14.2263 4.79051 13.9904L2.12321 15.125L0.257812 11.875L2.56359 10.1365C2.5341 9.95576 2.50975 9.76954 2.49051 9.57788C2.47128 9.38621 2.46166 9.19999 2.46166 9.01923C2.46166 8.85128 2.47128 8.67467 2.49051 8.48942C2.50975 8.30417 2.5341 8.09553 2.56359 7.86348L0.257812 6.125L2.12321 2.91345L4.77129 4.02885C5.07 3.78013 5.39308 3.55578 5.74051 3.35578C6.08795 3.15578 6.42577 3.00128 6.75399 2.8923L7.13474 0H10.8655L11.2271 2.91153C11.6104 3.04614 11.9492 3.20063 12.2434 3.375C12.5376 3.54935 12.8405 3.7673 13.1521 4.02885L15.8771 2.91345L17.7425 6.125L15.3598 7.92115C15.4149 8.12757 15.4457 8.31699 15.4521 8.48942C15.4585 8.66186 15.4617 8.83205 15.4617 9C15.4617 9.15513 15.4553 9.31892 15.4425 9.49135C15.4296 9.66378 15.4001 9.87243 15.354 10.1173L17.6982 11.875L15.8328 15.125L13.1521 13.9712C12.8405 14.2327 12.5271 14.4571 12.2117 14.6442C11.8963 14.8314 11.5681 14.9795 11.2271 15.0885L10.8655 18H7.13474ZM8.97321 11.5C9.67065 11.5 10.2617 11.2577 10.7463 10.7731C11.2309 10.2885 11.4732 9.69743 11.4732 9C11.4732 8.30257 11.2309 7.71154 10.7463 7.22693C10.2617 6.74231 9.67065 6.5 8.97321 6.5C8.27193 6.5 7.67994 6.74231 7.19724 7.22693C6.71455 7.71154 6.47321 8.30257 6.47321 9C6.47321 9.69743 6.71455 10.2885 7.19724 10.7731C7.67994 11.2577 8.27193 11.5 8.97321 11.5ZM8.97321 10.5C8.55655 10.5 8.20238 10.3542 7.91071 10.0625C7.61905 9.77083 7.47321 9.41667 7.47321 9C7.47321 8.58333 7.61905 8.22917 7.91071 7.9375C8.20238 7.64583 8.55655 7.5 8.97321 7.5C9.38988 7.5 9.74405 7.64583 10.0357 7.9375C10.3274 8.22917 10.4732 8.58333 10.4732 9C10.4732 9.41667 10.3274 9.77083 10.0357 10.0625C9.74405 10.3542 9.38988 10.5 8.97321 10.5ZM8.00014 17H9.95591L10.3251 14.2923C10.829 14.159 11.2825 13.976 11.6857 13.7433C12.0889 13.5106 12.4995 13.1917 12.9174 12.7866L15.4117 13.85L16.4059 12.15L14.2174 10.5058C14.3008 10.2212 14.3559 9.9593 14.3828 9.7202C14.4098 9.4811 14.4232 9.24103 14.4232 9C14.4232 8.74615 14.4098 8.50608 14.3828 8.2798C14.3559 8.05352 14.3008 7.80448 14.2174 7.5327L16.4444 5.85L15.4501 4.15L12.8982 5.21922C12.5956 4.88717 12.1979 4.57596 11.7049 4.28557C11.212 3.99519 10.7456 3.80257 10.3059 3.7077L10.0001 1H8.00591L7.69436 3.68845C7.19051 3.79615 6.72737 3.96955 6.30494 4.20865C5.8825 4.44775 5.46231 4.77627 5.04436 5.19422L2.55014 4.15L1.55591 5.85L3.72514 7.46922C3.6418 7.69359 3.58347 7.93718 3.55014 8.2C3.5168 8.46282 3.50014 8.73589 3.50014 9.01923C3.50014 9.27308 3.5168 9.525 3.55014 9.775C3.58347 10.025 3.6354 10.2686 3.70591 10.5058L1.55591 12.15L2.55014 13.85L5.02514 12.8C5.41744 13.1961 5.82481 13.5138 6.24726 13.7529C6.6697 13.992 7.14565 14.1782 7.67514 14.3116L8.00014 17Z' fill='%238951E1'/%3E%3C/svg%3E%0A");
}
.project-content-wrap .email-list .card-email .card-email-action-list{
    top: 40px;
    position: absolute;
    width: 138px;
    height: 118px;
    display: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.05);
    padding: 16px;
    right: -10px;
    z-index: 999;
}

.project-content-wrap .email-list .card-email .card-email-action-list a{
    color: #8951E1;
    font-size: 16px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    cursor: pointer;
}
.project-content-wrap .email-list .card-email .card-email-action-list a:last-child {
    margin-bottom: 0px;
}
.project-content-wrap .email-list .card-email .card-email-action-list span {
    width: 20px;
}
.project-content-wrap {
    position: relative;
}
.project-content-wrap .tabs-content  {
    position: absolute;
    width: 100%;
    height: 100%;
}

.project-content-wrap  .card-email,
.project-content-wrap  .card-funnel {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.project-content-wrap  .email-icon.inactive,
.project-content-wrap  .card-funnel.inactive {
  opacity: 0.7;
  pointer-events: none;
}
.project-content-wrap  .email-icon.inactive a,
.project-content-wrap  .card-funnel.inactive a {
  opacity: 0.7;
  pointer-events: none;
}
.project-content-wrap  .template_popup .template-email h1 {
    width: 90%;
}

.project-content-wrap  .edit-btn {
    top: -50px !important;
    right: 0px !important;
}

.project-content-wrap  .edit-btn::before {
    content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2568_38)'%3E%3Cpath d='M7.14293 17.4856L0.714355 19.2856L2.51436 12.857L14.2858 1.14271C14.4188 1.00665 14.5777 0.898535 14.7531 0.824724C14.9285 0.750912 15.1169 0.712891 15.3072 0.712891C15.4975 0.712891 15.6859 0.750912 15.8613 0.824724C16.0367 0.898535 16.1956 1.00665 16.3286 1.14271L18.8572 3.68557C18.9911 3.81837 19.0974 3.97638 19.1699 4.15046C19.2424 4.32455 19.2798 4.51127 19.2798 4.69986C19.2798 4.88844 19.2424 5.07517 19.1699 5.24925C19.0974 5.42334 18.9911 5.58134 18.8572 5.71414L7.14293 17.4856Z' stroke='%238951E1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2568_38'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}

/* Edit Email /?edit_email */
.project-edit-email-wrap .fe_step_wrapper .fe_input.fe_button {
    position: relative !important;
    text-align: left !important;
    padding: 0px !important;
    margin-top: 48px !important;
}
.project-edit-email-wrap .fe_step_wrapper .fe_input .fe_text_description {
    color: #7B7B7B;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 400;
    margin-top: 15px;
    display: block;
}

.email-icon{
    position: absolute;
    right: -47%;
    height: 35px;
    width: 35px;
    background: white;
    top: 41%;
    border-radius: 100%;
    border: 1px solid #8a51e1;
    font-size: 24px;
    display: block;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
}
.drawflow_content_node .card-funnel.livetraining + #post-webinar.email-icon {
    top: 75%;
    right: -57%;
}
.drawflow_content_node .card-funnel.live-training.tiers3 + #post-webinar.email-icon {
    top: 110%;
}
.email-icon i {
    content: url("data:image/svg+xml,%3Csvg width='2p;x' height='20px' viewBox='0 0 32 32' id='icons' version='1.0' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%238951E1;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Crect class='st0' height='18' id='XMLID_2233_' width='26' x='3' y='7'/%3E%3Cpath class='st0' d='M5,9' id='XMLID_2251_'/%3E%3Cpath class='st0' d='M16,20' id='XMLID_2250_'/%3E%3Cpolyline class='st0' id='XMLID_2249_' points='29,7 16,18 3,7 '/%3E%3Cg id='XMLID_386_'/%3E%3C/svg%3E");
}
.email-icon::before {
    position: absolute;
    height: 35px;
    width: 35px;
    background: white !important;
    border-radius: 100%;
    border: 1px solid #8a51e1;
    font-size: 24px;
    display: block;
    line-height: 37px;
    z-index: 1;
    opacity: 1 !important;
}


.template_popup.email-lists .template_popup_container {
    max-width: 600px !important;
    padding: 50px !important;
}
.template_popup.email-lists .template_popup_container .card-email {
    width: 100%;
}
.template_popup.email-lists  .template-email h1 {
    width: 100%;
}

#cwi-drawflow {
    background-size: 30px 30px;
    background-color: #F7F5F8;
    background-image:
      linear-gradient(to right, white 1px, transparent 1px),
      linear-gradient(to bottom, white 1px, transparent 1px);
    height: 100vh; /* or whatever you need */
    width: 100%; /* or whatever you need */
}
.cwi-df-sidebar .view-links {
    height: 24px !important;
    content: url("data:image/svg+xml,%3Csvg fill='%23000000' width='16px' height='16px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.962 15.867a2.469 2.469 0 0 1-.69 1.377l-1.029 1.028a2.5 2.5 0 0 1-3.536-3.536l1.029-1.029a2.464 2.464 0 0 1 1.423-.694l1.781-1.781a4.425 4.425 0 0 0-4.619 1.062l-1.028 1.028a4.5 4.5 0 0 0 6.364 6.364l1.029-1.029a4.489 4.489 0 0 0 1.073-4.587zM19.686 4.293a4.511 4.511 0 0 0-6.364 0l-1.029 1.029a4.49 4.49 0 0 0-1.063 4.62l1.779-1.779a2.476 2.476 0 0 1 .7-1.427l1.029-1.029a2.5 2.5 0 0 1 3.536 3.536l-1.029 1.029a2.484 2.484 0 0 1-1.379.693l-1.796 1.794a4.409 4.409 0 0 0 4.587-1.072l1.029-1.029a4.5 4.5 0 0 0 0-6.365z'/%3E%3Cpath d='M9 16a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 1.414l-6 6A1 1 0 0 1 9 16z'/%3E%3C/svg%3E");
}

/* Zoom in/out */
.funnel-zoom {
    position: fixed;
    bottom: 20px;
    left: 70px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.funnel-zoom button {
    outline: none !important;
    color: #999;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 7px 10px;
}

.funnel-zoom button:active {
    background-color: #999;
    color: #fff;
}

.funnel-zoom hr {
    width: 80%;
    margin: 0 auto;
    border-color: #ddd;
}

/* Test Mode Switcher */
.cwi-sidebar-right {
    position: absolute;
    top: 0;
    right: 15px;
}

.test_mode_switcher button {
    cursor: pointer;
    width: 40px;
    height: 24px;
    position: fixed;
    margin-top: 10px;
    top: 103px;
    right: 15px;
    z-index: 999;
    border: none;
    background-color: #c7c7c7;
    border-radius: 12px;
    box-shadow: 2px 3px 3px rgba(0,0,0,0.05);
    transition: background-color 0.25s linear 0s;
}

.test_mode_switcher button.active {
    background-color: #9C64F4;
    transition: background-color 0.25s linear 0s;
}

.test_mode_switcher button.in-progress {
    cursor: not-allowed;
}

.test_mode_switcher button::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #888585;
    border-radius: 10px;
    top: 2px;
    left: 2px;
    transition: left 0.25s linear 0s;
}
.test_mode_switcher button::before {
    content: 'Test Mode';
    display: block;
    position: fixed;
    width: auto;
    right: 62px;
    top: 113px;
    background-color: rgba(156, 99, 244, 1);
    color: #fff !important;
    padding: 6px 10px;
    line-height: 12px;
    border-radius: 5px;
    font-size: 14px;
}
.test_mode_switcher button.active::before {
    content: 'Test Mode Active';
}
.test_mode_switcher button.in-progress::before {
    content: url("data:image/svg+xml,%3Csvg width='30px' height='10px' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
}

.test_mode_switcher button.in-progress::after {
    background-image: url(/uploads/loading.gif);
    background-size: 100%;
}

.test_mode_switcher button.active::after {
    left: 18px;
    background-color: #fff;
    transition: left 0.25s linear 0s;
}

.test_mode_switcher button:focus {
    outline: none;
}

.tooltipster-content {
    background-color: #9C64F4;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 2px 4px;
    font-size: 13px;
}

[data-type="evergreen_webinar"].card-funnel.hasPreview {
    cursor: not-allowed;
}
[data-type="evergreen_webinar"].card-funnel.hasPreview .edit-funnel {
    display: none !important;
}
[data-type="evergreen_webinar"].card-funnel.hasPreview::before {
    display: none !important;
    background-color: none!important;
    cursor: none !important;
}