html {
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    font-size: 14px;
    display: block;
}
*, :after, :before {
    box-sizing: inherit;
}
.main-center .image_main {
    display: flex;
    justify-content: center;
}

.main-center .title_step {
    font-weight: bold;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    margin-bottom: 3px;
}

.main-content .parag {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.main-center p a {
    color: #4368E0;
}

.main-center .video {
    text-align: center;
    margin-bottom: 40px;
}

.main-center .btn_group {
    position: absolute;
    top: 30px;
    right: 30px;
}

.main-center .btn_group a {
    transition: .3s;
}

.main-center .btn_group a:hover {
    opacity: .7;
    transition: .3s;
}

.main-content .wrap_settings_box {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.main-content .wrap_settings_box .left_box {
    margin-right: 20px;
    flex-shrink: 0;
}

.main-content .wrap_settings_box .left_box .icon {
    border: 1px solid #C5C7D2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.main-content .wrap_settings_box .right_box .bread_crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-content .wrap_settings_box .right_box p {
    margin: 0;
}

.main-content .wrap_settings_box .right_box .bread_crumbs li a,
.wrap_settings_box .right_box .bread_crumbs li {
    color: #4368E0;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
}

.main-content .wrap_settings_box .right_box .bread_crumbs .step_crumbs {
    margin: 0 5px;
}

.main-content .script:not(.token) {
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    background: #E4E6F1;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

.main-content .script:not(.token) .icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #97AACD;
    border-radius: 8px;
    cursor: pointer;
}

.main-center .top_info_box {
    height: 70px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(37, 42, 50, 0.1);
    padding: 0 40px;
    display: flex;
    align-items: center;
}

.main-center .top_info_box .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.main-center .top_info_box .title span {
    color: #C5C7D2;
}

/*svg {*/
/*    display: flex;*/
/*}*/

.popup_2 .wrap_input fieldset {
    border: 2px solid #E4E6F1;
    border-radius: 12px;
    height: 44px;
}

.popup_2 .wrap_input fieldset legend {
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
}

.popup_2 .wrap_input fieldset {
    margin-bottom: 30px;
    position: relative;
}

.popup_2 .wrap_input fieldset:last-child {
    margin-bottom: 0;
}

.popup_2 .form_steps_label.step_2 .icon {
    background-image: url("/img/circle-checked.svg");
}

.popup_2 .form_steps_label.step_2 .check {
    display: flex;
    align-items: center;
    margin-left: 31px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.02em;
    color: #4368E0;
}

.popup_2 .form_steps_label.step_2 .check .icon_check {
    margin-right: 11px;
}

.popup_2 .form_steps_label.step_2 .check .icon_check svg {
    max-width: 18px;
    max-height: 18px;
}

.video_banner .wrap_video .overlay {
    /*background: blue no-repeat;*/
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.wrap_video .play {
    background: url('../img/youtube_btn.svg') no-repeat;
    background-size: contain;
    position: absolute;
    width: 70px;
    height: 69px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: .3s;
    pointer-events: none;
    cursor: pointer;
}

.hytPlayerWrapOuter {
    height: 100%;
}

.hytPlayerWrap {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.hytPlayerWrap {
    position: relative;
    padding-bottom: 56.25%;
    /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
}

.hytPlayerWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

.video_banner {
    position: relative;
    max-width: 437px;
    margin: 0 auto 40px auto;
}

.popup_wrpr.popup_wrpr_show {
    opacity: 1;
    visibility: visible;
}

.create_new_automation_popup .popup {
    max-width: 786px;
}

.create_new_automation_popup .wrap_label_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.create_new_automation_popup .wrap_text {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.create_new_automation_popup .form_steps_label.row_2 {
    align-items: flex-start;
}

.create_new_automation_popup .form_steps_label.row_2 .icon {
    position: relative;
    top: 3px;
}

.create_new_automation_popup .form_steps_label .badge {
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #4368E0;
    background: #D5E5FF;
    border-radius: 6px;
    padding: 0 5px;
}

.create_new_automation_popup .step_no_active.form_steps_label {
    color: #C5C7D2;
}

.create_new_automation_popup .step_no_active.form_steps_label .icon {
    /*background: url("../img/step_no_active.svg") no-repeat center;*/
}

@media (min-width: 1300px) {
    .main-right .right_toggle {
        display: none;
    }
}

@media (max-width: 767px) {
    .funnel_steps_page .funnels-panel.products_panel .panel-body.panel-body_2 .panel-item {
        min-width: 600px !important;
    }
    .product_panel_link {
        min-width: 200px !important;
    }
    .main-content .script {
        word-break: break-word;
        align-items: flex-start;
    }
    .main-content .script .icon {
        position: static;
        margin-top: 10px;
    }
    .main-content .wrap_settings_box {
        flex-direction: column;
        align-items: flex-start;
        margin: 10px 0;
    }
    .main-content .wrap_settings_box .right_box {
        margin-top: 10px;
    }
    .main-center .btn_group/*,
    .funnel_steps_top .settings_btn */
    {
        position: static !important;
        margin-bottom: 10px !important;
        display: flex !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
    }
    .funnel_steps_top .left_img_wrpr {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .popup {
        max-width: none !important;
        width: 90% !important;
    }
    .form_steps_label {
        flex-direction: column;
    }
    .popup_2 .form_steps_label.step_2 .check {
        margin-left: 0;
    }
    .form_steps_label .icon {
        margin-right: 0 !important;
    }
}

/*@media (max-width: 575px) {*/
/*    .wrap_select_step_type .row .item {*/
/*        margin-bottom: 30px !important;*/
/*    }*/
/*    .wrap_select_step_type .row .col:last-child .item {*/
/*        margin-bottom: 0 !important;*/
/*    }*/
/*}*/


/* main_anton.css */

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
}

a,
svg path {
    transition: 0.15s all ease-in-out;
}

.main-content h1 {
    margin: 5px 0 10px;
}

.result-tag {
    font-weight: normal;
    font-size: 11px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #636A7B;
    padding: 3px 5px;
    border: 1px solid #E4E6F1;
    border-radius: 3px;
}

.back_link_btn {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.back_link_btn svg {
    margin-right: 11px;
}

.back_link_btn svg path {
    transition: 0.15s all ease-in-out;
}

.back_link_btn:hover {
    color: #4368E0;
}

.back_link_btn:hover svg path {
    fill: #4368E0;
}

.main-search.with_notif {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E4E6F1;
    padding: 15px 30px;
    position: sticky;
    top: 0;
    z-index: 1;
}

.main-search.dashboard_search {
    position: relative;
    z-index: 5;
    background: #fff;
    padding: 0;
    border: 0;
    padding-bottom: 15px;
}

.main-search.dashboard_search .search_result_box {
    top: 45px;
    left: -30px;
    width: calc(100% + 60px);
}

.main-center.funnel_steps_page {
    padding: 0;
}

.main-search.with_notif .main-search-input {
    max-width: 793px;
    margin-right: 50px;
}

.funnel_steps_top {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 50px;
}

.funnel_steps_top .left_img_wrpr {
    border: 1px solid #E4E6F1;
    border-radius: 5px;
    overflow: hidden;
    width: 240px;
    margin-right: 30px;
    display: flex;
    align-items: flex-start;
    height: 250px;
}

.funnel_steps_top .left_img_wrpr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.funnel_steps_top .right {
    width: 100%;
    flex: 1;
}

.funnel_steps_top .right h3 {
    margin: 0;
    margin-top: 37px;
    margin-bottom: 28px;
    font-weight: 500;
    font-size: 26px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.funnel_tag {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #636A7B;
    padding: 5px 10px;
    border: 1px solid #E4E6F1;
    border-radius: 3px;
}

.funnel_tag svg {
    margin-right: 15px;
    min-width: 100%;
}

.funnel_tag .icon {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.funnel_tag_wrpr {
    display: flex;
    justify-content: flex-start;
}

.funnel_steps_url_item {
    margin-bottom: 21px;
}

.funnel_tag_wrpr .funnel_steps_url_item:last-child {
    margin-bottom: 0;
}

.funnel_steps_url_item .item_title {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 1px;
}

.funnel_steps_url_item .link_item {
    display: flex;
    align-items: flex-start;
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    color: #4368E0;
}

.funnel_steps_url_item .link_item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    min-height: 25px;
    width: 25px;
    height: 25px;
    background: #F5F5FC;
    border-radius: 50%;
    margin-left: 15px;
}

.products_panel .panel-item-cell {
    margin-left: 20px;
}

.products_panel_first_cell+.panel-item-cell {
    flex: 1;
}

.panel-item-cell.text-right {
    text-align: right;
}

.product_panel_link,
.products_panel .panel-item h3 {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    margin: 0;
    margin-bottom: 7px;
    cursor: pointer;
}

.product_panel_link {
    display: block;
    transition: 0.15s all ease-in-out;
}

.product_panel_link:hover {
    color: #4368E0;
}

.products_panel .panel-item h3.price {
    font-size: 17px;
    margin-bottom: 5px;
}

.products_panel_weeks {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    white-space: nowrap;
}

.products_panel_first_cell {
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
}

.products_panel_first_cell .number {
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.products_panel_square_label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    background: #FDCC5E;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.products_panel_square_label img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.panel_item_btn_wrpr {
    display: flex;
    align-items: center;
    margin-left: 48px;
}

.panel_item_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    margin-right: 5px;
    position: relative;
}

.panel_item_btn:hover {
    background: #d5e5ff;
}

.panel_item_btn:not(.delete_btn):hover svg path {
    fill: #4368E0;
}

.panel_item_btn.active {
    background: #D5E5FF;
    opacity: 1;
}
.panel_item_btn.disabled {
    opacity: 0.2;
    pointer-events: none;
}

.panel_item_btn.active:hover {
    background: #cadaf3;
}

.panel_item_btn.active svg path {
    fill: #4368E0;
}

.panel_item_btn.delete_btn {
    opacity: 0.5;
    transition: 0.15s all ease-in-out;
}

.panel_item_btn.delete_btn:hover {
    opacity: 1;
    background: #FEEDED;
}

.panel.products_panel .panel-head {
    margin-bottom: 20px;
}

.products_panel .panel-head h2 {
    display: flex;
    align-items: center;
    color: #252A32;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
}

.info_btn {
    display: flex;
    margin-left: 10px;
    cursor: pointer;
}

.info_btn:hover svg path {
    fill: #4368E0;
}

.panel_main_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.panel_main_title h1 {
    font-weight: bold;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.products_panel_img_wrpr {
    display: flex;
    min-width: 32px;
    min-height: 32px;
    height: 32px;
    overflow: hidden;
}

.copy_btn,
.pinn_btn {
    opacity: 0.5;
}

.copy_btn:hover,
.pinn_btn:hover {
    opacity: 1;
}

.funnels_page_panel .panel-body .panel-item .panel-item-title {
    min-width: 220px;
}

.panel_head_amount {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    margin-left: 10px;
}

.mb_50 {
    margin-bottom: 50px;
}

.form_steps_label {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 20px;
}

.form_steps_label .icon {
    display: flex;
    margin-right: 10px;
    min-width: 18px;
    min-height: 18px;
    width: 18px;
    height: 18px;
    background: url(../img/form_steps_icon_step.svg) no-repeat center;
    background-size: contain;
}

.form_steps_label.active .icon {
    background: url(../img/form_steps_icon_success.svg) no-repeat center;
    background-size: contain;
}

.funnel_type_radio_wrpr {
    flex-wrap: wrap;
    justify-content: space-between;
    display: none;
}

.funnel_type_radio_wrpr.active {
    display: flex;
}

.funnel_type_radio {
    width: calc(50% - 15px);
    cursor: pointer;
}

.funnel_type_radio_box {
    padding: 15px;
    border: 2px solid #E4E6F1;
    border-radius: 12px;
    width: 100%;
}

.funnel_type_radio input {
    display: none;
}

.funnel_type_radio input:checked~.funnel_type_radio_box {
    border-color: #4368E0;
}

.funnel_type_radio_box p {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-top: 15px;
    margin-bottom: 0;
}

.funnel_details_step {
    display: none;
}

.funnel_details_step.active {
    display: block;
    position: relative;
}

.popup .control-input {
    color: #636A7B;
}

.mainleft_new_step_btn {
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.15s all ease-in-out;
    user-select: none;
}

.mainleft_new_step_btn.active {
    padding: 8px 20px;
    padding-right: 50px;
    color: #F6F9FE;
    background: #4368E0;
}

.mainleft_new_step_btn>.icon {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: 0.15s all ease-in-out;
}

.mainleft_new_step_btn.active>.icon {
    opacity: 1;
}

.mainleft_new_step_dropdown {
    position: relative;
    /*top: 90%;*/
    /*right: 0;*/
    /*z-index: 5;*/
    min-width: 200px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    /*box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2);*/
    /*border-radius: 12px;*/
    padding: 15px;
    /*opacity: 0;*/
    transition: 0.15s all ease-in-out;
    /*pointer-events: none;*/
}

.mainleft_new_step_dropdown ul:not(:last-child) {
    border-bottom: 1px solid #EBEFF6;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.mainleft_new_step_dropdown ul li a {
    display: flex;
    align-items: center;
    padding: 5px 13px;
    border-radius: 6px;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    white-space: nowrap;
}

.mainleft_new_step_dropdown ul li a:hover {
    background: #f7f7f7;
}

.mainleft_new_step_dropdown li a .icon {
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 15px;
}

.settings_page .brdr_content_wrpr {
    z-index: 0;
    position: relative;
}

.funnel_apps_header.has_shadow {
    box-shadow: 0px 5px 10px rgba(37, 42, 50, 0.1);
}

.funnel_apps_header h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    display: flex;
    align-items: center;
}

.panel-head h2 {
    color: #252A32;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
}

.chart-box h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.main-right h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.chart-body.vertical_chart_bar {
    height: 200px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.vertical_chart_bar .chart_left_labels {
    height: 100%;
    max-height: 185px;
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
    text-align: center;
}

.vertical_chart_bar .chart_left_labels li {
    font-weight: 500;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
}

.chart-top-line {
    margin-bottom: 10px;
}

.vertical_chart_bar .chart {
    max-width: 100% !important;
    /*width: calc(100% - 35px) !important;*/
}

.main-center.apps_page {
    padding: 0;
}

.main-center.apps_page .main-content {
    padding: 0;
    /* padding-top: 70px; */
}

.funnel_apps_list {
    padding: 60px 40px 80px;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}

.blue_notification_box {
    position: relative;
    padding: 15px 70px;
    background: #D5E5FF;
    border-radius: 12px;
    margin-bottom: 50px;
}

.blue_notification_box .close_btn {
    position: absolute;
    right: 25px;
    top: 19px;
}

.blue_notification_box .close_btn svg path {
    fill: #97AACD;
}

.blue_notification_box .left_info_icon {
    position: absolute;
    left: 20px;
    top: 16px;
}

.blue_notification_box .left_info_icon svg {
    width: 28px;
    height: 28px;
}

.blue_notification_box .left_info_icon svg path {
    fill: #4368E0;
}

.blue_notification_box .box_body p {
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    color: #636A7B;
    margin: 0;
    margin-bottom: 10px;
}

.blue_notification_box .box_body a {
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    text-decoration: underline;
    color: #4368E0;
}

.blue_notification_box .box_body a:hover {
    opacity: 0.6;
}

.funnel_app_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: #F6F9FE;
    border-radius: 8px;
    margin-bottom: 10px;
    cursor: pointer;
}

.funnel_app_item:hover {
    background: #EEF4FF;
}

.funnel_app_item .left {
    display: flex;
    align-items: center;
    padding-right: 20px;
    width: 100%;
}

.funnel_app_item .left .img_wrpr {
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px;
    /*background: #FFFFFF;*/
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.img_wrpr img {
    display: block;
    width: 100%;
    height: auto;
}

.funnel_app_item .text_content h3 {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
}

.funnel_app_item .text_content p {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 0;
}

.popup_side_content {
    /*max-height: calc(100vh - 163px);*/
    overflow: auto;
    padding-right: 30px;
}

.custom_video_player {
    position: relative;
    border: 5px solid #EBEFF6;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 60%;
    width: 100%;
}

.custom_video_player .play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.video_player_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.main .brdr_box_w_checkbox .select2 {
    margin-top: 10px;
}

.main .select2-container--default .select2-selection--multiple,
.main .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #FFFFFF url(../img/select2_arrow_bottom.svg) no-repeat;
    background-position: calc(100% - 15px) 15px;
    border: 1px solid #C5C7D2;
    border-radius: 6px;
    width: 100%;
    display: flex;
    min-width: 242px;
    padding-bottom: 7px;
    padding-top: 3px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #C5C7D2 !important;
}

.main .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #EBEFF6;
    border-radius: 6px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    align-items: center;
    letter-spacing: 0.02em;
    color: #636A7B;
    display: flex;
    flex-direction: row-reverse;
    border: 0;
    padding: 1px 5px;
}

.main .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main .select2-container--default .select2-search--inline .select2-search__field {
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #636A7B;
    margin-right: 3px;
}

.main {
    position: relative;
}


@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.main_left_toggle {
    display: none;
    cursor: pointer;
}

.left-toggle {
    cursor: pointer;
}

.wrapper {
    overflow: hidden;
}

.banner-hero {
    z-index: 1;
}

.banner h2,
.main-content .banner p {
    z-index: 2;
}

.banner-fade-enter-active,
.banner-fade-leave-active {
    transition: opacity .15s;
}

.banner-fade-enter,
.banner-fade-leave-to {
    opacity: 0;
}

.updates-notification,
.close-banner {
    cursor: pointer;
}

.main-right {
    transition: 0.3s all ease-in-out;
    background: #fff;
}

.main-right.closed {
    margin-right: -352px;
    display: none;
}

.main-search.with_notif .main-search-input,
.main-search-input {
    max-width: 789px;
}

.main-search .main-search-input {
    max-width: 889px;
    margin-right: 100px;
}

.panel.funnels-panel .small-text {
    font-size: 13px;
    line-height: 150%;
}

.panel.funnels-panel .normal_font {
    font-weight: normal;
    color: #636A7B;
}

.main-right.not_dashboard_page {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 24px;
    z-index: 3;
}


/* .main-search.notif_panel_open .notification {
    position: relative;
    z-index: 10;
} */

.main-right .view-all {
    margin-right: 0;
}

.main-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-search:not(.with_notif) .notification {
    margin-top: -5px;
}

.funnel_type_radio_box_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.orange_badge {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #252A32;
    background: #FDCC5E;
    border-radius: 6px;
    padding: 2px 10px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.pagination li {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    color: #636A7B;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
    margin: 0 2px;
    border: 1px solid #eef4ff;
}

.pagination li:hover {
    background: #EEF4FF;
}

.pagination li.active {
    background: #4368E0;
    color: #fff;
}

.export_orders_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.export_orders_btn svg {
    margin-right: 12px;
}

.export_orders_btn:hover svg path {
    fill: #4368E0;
}

.popup_high_right {
    flex: 1;
    padding: 25px 30px 0;
    border-right: 1px solid #E4E6F1;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    max-width: 600px;
    width: 100%;
    height: 100%;
    transition: 0.3s all ease-in-out;
}

.popup_high_right .close_popup_btn {
    position: absolute;
    top: 15px;
    left: -50px;
    background: #bbbbbb;
    border-radius: 50%;
    padding: 9px;
}

.popup_high_right .close_popup_btn:hover {
    background: #F6F9FE;
}

.popup_high_right .close_popup_btn>svg {
    height: 100%;
    width: 24px;
}

.popup_high_right .close_popup_btn>svg>path {
    fill: #676767;
}

.popup_high_right .popup_bottom_btns {
    padding: 20px 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #e3e6f1;
}

.tab_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 50px;
    border-bottom: 1px solid #E4E6F1;
    position: sticky;
    top: 40px;
    background: white;
    z-index: 4;
    height: 40px;
}

.tab_items li {
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    color: #636A7B;
    padding: 5px 15px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.tab_items li.active {
    color: #4268df;
}

.tab_items li.active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 8px;
    width: 100%;
    background: #4368E0;
    border-radius: 30px 30px 0 0;
    bottom: -4px;
}

.brdr_content_wrpr {
    border: 1px solid #E4E6F1;
    border-radius: 8px;
    padding: 15px;
    margin: 20px;
}

.brdr_content_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    margin-bottom: 20px;
}

.time_history_number {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    color: #C5C7D2;
}

.time_history_number svg {
    margin-right: 10px;
}

.ml_a {
    margin-left: auto;
}

.popup_high_right .orders_pannel .products_panel_first_cell a {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.popup_high_right .orders_pannel .cell-value {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #252A32;
    white-space: nowrap;
}

.popup_high_right .orders_pannel .cell-value.amount_value {
    font-weight: normal;
}

.panel_header_amount {
    margin-left: auto;
    margin-right: 35px;
}

.popup_high_right .popup_main_content {
    /*max-height: calc(100vh - 183px);*/
    overflow-y: auto;
}

.bought_through_item {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.bought_through_item .img_wrpr {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-right: 10px;
}

.bought_through_item .img_wrpr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bought_through_item:hover {
    color: #4368E0;
}

.form-group.with_top_block {
    position: relative;
    /*margin-bottom: 30px;*/
}

.form-group.with_top_block .form_group_top_block {
    position: absolute;
    left: 12px;
    top: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    padding: 0 5px;
    display: flex;
    align-items: center;
    z-index: 2;
    /*background-color: #fff;*/
    transform: translateY(-50%);
}

.form-group.with_top_block .form_group_top_block::before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    width: 100%;
    display: block;
    background: #fff;
    transform: translateY(-50%);
    z-index: -1;
    height: 3px;
}

.form-group.with_top_block .form_group_top_block .info_icon {
    margin-left: 10px;
    cursor: pointer;
}

.form_group_col_50 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form_group_col_50 .form-group {
    width: calc(50% - 15px);
}

.brdr_content_wrpr .form-group:last-child {
    margin-bottom: 0;
}

.form-group .control-input {
    color: #636A7B;
}

.zip_city_state_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.zip_city_state_row .form-group:nth-child(1) {
    width: calc(30% - 15px);
}

.zip_city_state_row .form-group:nth-child(2) {
    width: calc(35% - 15px);
}

.zip_city_state_row .form-group:nth-child(3) {
    width: calc(35% - 15px);
}

.select2-container .select2-selection--single {
    height: 41px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 15px !important;
}

.select_search_icon .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}

.select_search_icon .select2-container--default .select2-selection--single {
    background: #fff url(../img/search_icon_gray.svg) no-repeat;
    background-position: 10px 11px;
}

.select2_arrow {
    position: relative;
}

.select2_arrow:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff url(../img/select2_arrow_bottom.svg) no-repeat center;
    width: 10px;
    height: 7px;
    pointer-events: none;
}

.popup_high_right .popup_bottom_btns .left {
    display: flex;
    align-items: center;
}

.popup_high_right .popup_bottom_btns .left .btn {
    margin-right: 30px;
}

.info_list li {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 10px;
}

.info_list li:last-child {
    margin-bottom: 0;
}

.info_list li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.purchase_history_panel .cell-value.time_value {
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    color: #636A7B;
}

.m_0_a {
    margin: 0 auto;
}

.popup_high_right .purchase_history_panel .products_panel_first_cell a {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
}

.pannel_cols_name.under_panel_table span {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #252A32;
}

.pannel_cols_name.under_panel_table span.panel_header_amount {
    font-size: 16px;
}

.pannel_cols_name.under_panel_table.panel-head {
    margin-bottom: 0;
    margin-top: 13px;
}

.popup_high_right .orders_pannel .panel-item {
    padding: 12px 10px;
}

.history_info_panel .back_to_btn {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 30px;
}

.history_info_panel .back_to_btn svg {
    margin-right: 11px;
}

.history_info_panel .back_to_btn:hover {
    color: #4368E0;
}

.panel-head.pannel_cols_name {
    padding: 0 10px;
}

.select_btn_row {
    display: flex;
    align-items: center;
}

.select_btn_row .btn {
    margin-left: 20px;
}

.select_btn_row .select2_arrow {
    width: 100%;
    flex: 1;
}

.mt_0 {
    margin-top: 0;
}

.path_input_wrpr {
    position: relative;
}

.path_input_wrpr span {
    position: absolute;
    left: 16px;
    top: 11px;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.path_input_wrpr .control-input {
    padding-left: 25px;
}

.funnel_setting_popup .popup_btn_wrpr {
    justify-content: space-between;
}

.funnel_setting_popup .popup_btn_wrpr .btn {
    margin: 0;
}

.input_w_copy_btn {
    position: relative;
}

.brdr_content_wrpr.danger_box {
    background: rgba(251, 89, 91, 0.05);
    border: 1px solid #FB595B;
}

.brdr_content_wrpr.danger_box p {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-top: 0;
    margin-bottom: 20px;
}

.funnel_apps_header .right_btns {
    display: flex;
    align-items: center;
}

.funnel_apps_header .right_btns .btn, .funnel_apps_header .right_btns .button {
    margin-left: 30px;
}

.input_under_text {
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    padding: 0 10px;
}

.automations_panel .panel-item {
    cursor: pointer;
}

.automations_panel .cell-value {
    font-size: 15px;
    font-weight: 500;
}

.automations_panel .cell-title {
    font-weight: normal;
    font-size: 13px;
}

.automations_item {
    display: flex;
    align-items: center;
}

.automations_item_img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.second_automations_item .automations_item_img {
    width: 35px;
    height: 40px;
}

.automations_panel .panel_item_left,
.automations_panel .panel_item_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.blue_tags {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.blue_tags li {
    background: #D5E5FF;
    border-radius: 6px;
    padding: 2px 10px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 5px;
}

.order_info_activity .panel-item {
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-bottom: 1px solid #EBEFF6;
    border-radius: 0;
}

.order_info_activity .panel-body .panel-item:first-child {
    margin-top: 0;
}

.order_info_activity .panel-body .panel-item:last-child {
    border-bottom: 0;
}

.customers_stats_widgets .stat-widget {
    width: calc(25% - 15px);
}

.customers_stats_widgets .stat-widget .stat-title {
    font-size: 16px;
    line-height: 150%;
}

.customers_stats_widgets .stat-widget .stat-info {
    max-width: 120px;
}

.customers_stats_widgets .delta {
    font-size: 17px;
    line-height: 150%;
    padding-left: 17px;
}

.delta:before {
    width: 14px;
    height: 14px;
    background-size: contain;
}

.customers_stats_widgets .small-text {
    font-size: 22px;
    line-height: 150%;
}

.product_qty_wrpr {
    display: flex;
    align-items: center;
}

.product_qty_wrpr .form-group.left {
    width: calc(100% - 145px);
    flex: 1;
}

.product_qty_wrpr .form-group.right {
    max-width: 105px;
    width: 100%;
}

.optin_email_checkbox {
    display: flex;
    align-items: center;
}

.optin_email_checkbox .info_icon {
    margin-left: 5px;
    cursor: pointer;
}

.optin_email_checkbox .text_label {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    display: block;
    margin-left: 10px;
}

.btn.link_item_btn {
    display: flex;
    align-items: center;
    padding: 6px 9px;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    background: #fff;
}

.btn.link_item_btn svg {
    margin-right: 10px;
}

.product_link_box .btn_wrpr {
    display: flex;
    justify-content: flex-end;
}

.product_link_box .btn_wrpr .btn {
    margin-left: 15px;
}

.product_link_box {
    padding: 20px;
    background: #F6F9FE;
    border-radius: 10px;
}

.product_link_box p {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 0;
    margin-bottom: 10px;
}

.product_link_box_cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.product_link_box_cols .left {
    max-width: 310px;
    width: 100%;
}

.product_link_box_cols .right {
    max-width: 280px;
    width: 100%;
}

.product_link_box_cols .col_title {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    margin: 0;
}

.product_link_variant:hover {
    background: #f2f5f9;
    border-color: #c4c7d2;
}

.product_link_variant {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #c4c7d2;
    border-radius: 3px;
    padding: 2px 10px;
    overflow: hidden;
}

.product_link_variant .left {
    display: flex;
    align-items: center;
}

.product_link_variant .img_wrpr {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
}

.product_link_variant .item_title {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-left: 20px;
}

.popup.automation_popup {
    max-width: calc(786px + 60px);
}

.saving-process {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.saving-process h5 {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #4368E0;
    margin-bottom: 20px;
}

.saving-process .prog-line {
    display: block;
    position: relative;
    width: 100%;
    height: 10px;
    background: #D5E5FF;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}

.saving-process .prog-line-inner {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    background: #15D7AE;
    border-radius: 6px;
}

.saving-process .btm-info {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
    margin-bottom: 20px;
}

.saving-process p {
    margin: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.cnd_popup .bottom-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 40px;
}

.cnd_popup .bottom-btns .button, .cnd_popup .bottom-btns .btn {
    margin-left: 30px;
}

.popup.cnd_popup {
    max-width: calc(611px + 60px);
}

.cnd_popup_step p {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 15px;
}

.cnd_popup_step b {
    font-weight: 500;
}

.blue_dot_list {
    margin-bottom: 15px;
}

.blue_dot_list li {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 5px;
    position: relative;
    padding-left: 16px;
}

.blue_dot_list li:last-child {
    margin-bottom: 0;
}

.blue_dot_list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background: #4368E0;
    border-radius: 50%;
}

.cnd_popup_step .form-group.with_top_block {
    margin-bottom: 0;
}

.cnd_popup_step.step_3 {
    text-align: center;
    min-height: 60px;
}

.cnd_popup_step .input_under_text {
    font-size: 14px;
    margin-top: 3px;
    padding-left: 17px;
}



.info_icon .tooltip,
.info_btn .tooltip {
    position: absolute;
    left: 10px;
    width: max-content;
    /*max-width: 340px;*/
    transform: translateX(-50%);
    background-color: #fff;
    /*padding: 5px;*/
    font-weight: 400;
    /*font-size: 12px;*/
    /*border: 1px solid #E4E6F1;*/
    /*border-radius: 3px;*/
    /*color: #636a7b;*/
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    bottom: calc(100% + 10px);
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    padding: 0.3rem 1rem;
    max-width: 400px;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
    font-size: 13px;
}

.info_icon:hover .tooltip,
.info_btn:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.main-search-input {
    border: 1px solid #F6F9FE;
}

.main-search-input:hover {
    border: 1px solid #E4E6F1;
}

.main-search-input:focus {
    border: 1px solid #4368E0;
}

.chart-triggers li:not(.active):hover {
    background: #F6F9FE;
}

/*.wrap_select_step_type .row .item:hover {*/
/*    border: 2px solid #4368E0;*/
/*}*/

.info_icon:hover svg path {
    fill: #4368E0;
}

.updates-notification:hover svg path {
    fill: #4368E0;
}

.left-toggle:hover {
    border-color: #4368E0;
}

.left-toggle:hover svg path {
    fill: #4368E0;
}

.popup_high_right .products_panel.orders_pannel .products_panel_first_cell+.panel-item-cell {
    flex: initial;
}

.products_panel .panel-item-cell.ml_a {
    margin-left: auto;
    margin-right: 7px;
}

.brdr_content_title.df {
    display: flex;
    align-items: center;
}

.gsheet_mapping_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.gsheet_mapping_header .brdr_content_title {
    margin-bottom: 0;
}

.field_mapping_item {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    margin-bottom: 20px;
}

.field_mapping_col {
    width: 100%;
    flex: 1;
    /*max-width: 288px;*/
}

.field_mapping_arrow {
    margin: 0 15px;
}

.field_mapping_title_wrpr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.field_mapping_title {
    width: 50%;
    margin-bottom: 10px;
}

.field_mapping_title_wrpr .field_mapping_title:last-child {
    padding-left: 2%;
}

.add_fm_btn {
    width: 100%;
    text-align: center;
}

.field_mapping_item .delete_btn {
    margin-left: 10px;
}

.no_items_text {
    padding: 10px;
    border-radius: 6px;
    background: #F5F5FC;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    /* Grey */
    color: #636A7B;
}

.chart_title_group_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.chart_filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #E4E6F1;
}

.chart_filters li {
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-right: 15px;
    margin-bottom: 3px;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
}

.chart_filters li svg {
    margin-left: 6px;
}

.chart_filters li:hover,
.chart_filters li.active {
    color: #4368E0;
}

.chart_filters li.active svg path {
    fill: #4368E0;
}

.chart_filters li:last-child {
    margin-right: 0;
}

.chart_filters li.active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    width: 100%;
    height: 2px;
    background: #4368E0;
}

.chart-title-group .chart-triggers.mb_0,
.mb_0 {
    margin-bottom: 0;
}

.main-center .top_info_box {
    position: sticky;
    /*top: 71px;*/
    z-index: 2;
}

.main-center {
    position: relative;
}

.main_inner_wrpr {
    flex: 1;
    width: 100%;
    position: relative;
    z-index: 2;
}

.main_inner_wrpr.create_workflow_automation_page {
    width: calc(100% - 356px);
}

.main_inner_wrpr.main-center {
    padding: 0;
}

.steps_layout .main-left {
    min-width: 356px;
}

.create_automation_popup {
    max-width: calc(570px + 60px);
}

.automation_type_radio .funnel_type_radio_box_header {
    justify-content: center;
}

.automation_type_radio h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-top: 15px;
}

.cr_autom_popup_sides {
    display: flex;
    justify-content: space-between;
    border: 1px solid #EEF4FF;
    border-radius: 6px;
    max-height: 380px;
    overflow: hidden;
}

.cr_autom_left {
    padding: 15px 10px;
    background: #EEF4FF;
    border-radius: 6px 0px 0px 6px;
    width: 240px;
}

.cr_autom_left_header {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    padding: 7px 10px;
}

.cr_autom_left ul {
    overflow-y: auto;
    max-height: calc(100% - 35px);
}

.cr_autom_left ul li {
    cursor: pointer;
    padding: 7px 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    transition: 0.15s all ease-in-out;
    border-radius: 4px;
}

.cr_autom_left ul li.active {
    background: #D5E5FF;
    color: #4368E0;
}

.cr_autom_left ul li:hover {
    color: #4368E0;
}

.cr_autom_right {
    width: 100%;
    overflow-y: auto;
    flex: 1;
}

.cr_autom_right_content {
    width: 100%;
    min-height: 378px;
}

.cr_autom_right_item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    padding-right: 0;
    cursor: pointer;
}

.cr_autom_right_item.active {
    font-weight: 500;
}

.cr_autom_right_item.active,
.cr_autom_right_item:hover {
    background: #F9F9F9;
}

.cr_autom_right_item .img_wrpr {
    width: 60px;
    max-height: 60px;
    margin-right: 15px;
}

.cr_autom_right_item .content_wrpr {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cr_autom_right_item .content_wrpr h3 {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.cr_autom_right_item .content_wrpr p {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 0;
    margin-bottom: 6px;
}

.cr_autom_right_item .content_wrpr p a {
    font-size: 14px;
    color: #4368E0;
    font-weight: 500;
}

.cr_autom_right_item .content_wrpr .gray_tag {
    padding: 3px 5px;
    background: #E4E6F1;
    border-radius: 4px;
    font-weight: normal;
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.create_automation_popup_2 {
    max-width: 900px !important;
}

.funnel_apps_header .right_btns_wrpr {
    display: flex;
    align-items: center;
}

.funnel_apps_header .right_btns_wrpr .btn {
    margin-left: 16px;
}

.create_workflow_automation_page .funnel_apps_header .control-input {
    flex: 1;
    max-width: 400px;
}

input.control-input {
    color: #252A32;
    transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
}

input.control-input::placeholder {
    color: #C5C7D2;
}

input.control-input:focus {
    border: 2px solid rgba(66, 104, 224, 0.82);
}

.create_workflow_automation_page .funnel_apps_list {
    background-color: #F5F5FC;
    background-image: radial-gradient(circle, #E3E4EC 20%, transparent 10%), radial-gradient(circle, #E3E4EC 20%, transparent 10%);
    background-size: 10px 10px;
    background-position: 0 0, 400px 400px;
    /*min-height: calc(100vh - 142px);*/
    padding: 0;
    max-width: 100%;
}

.workflow_automation_body {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.workflow_automation_body .start_trigger {
    background: #FFFFFF;
    border: 1px dashed #252A32;
    border-radius: 4px;
    padding: 10px 15px;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #252A32;
}

.workflow_automation_body .add_action {
    display: block;
    position: relative;
    width: 35px;
    height: 35px;
    background: transparent;
    border: 1px dashed #252A32;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    border-radius: 50%;
}

.workflow_automation_body .add_action:hover {
    border-color: #4368E0;
}

.workflow_automation_body .add_action:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -52px;
    width: 2px;
    height: 50px;
    background: #252A32;
}

.workflow_automation_body .add_action:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4368E0;
}

.workflow_automation_body .add_action svg {
    z-index: 2;
}

.workflow_automation_body .add_action svg path {
    fill: #fff;
}

.workflow_automation_body .info_text_block {
    padding: 10px;
    background: #D5E5FF;
    border-radius: 4px;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #4368E0;
    margin-top: 30px;
}

.funnel_apps_header_edit_title {
    flex: 1;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
}

.funnel_apps_header_edit_title:hover {
    color: #3959C1;
}

.cr_autom_action_item .img_wrpr {
    width: 40px;
}

.cr_autom_action_item .img_wrpr img {
    max-height: 28px;
}

.cr_autom_action_item .content_wrpr p {
    margin-bottom: 0;
}

.create_workflow_automation_page .funnel_apps_header {
    padding: 15px 30px;
}

.add_condition_btn {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
}

.add_condition_btn svg {
    margin-right: 10px;
}

.add_condition_btn:hover {
    color: #4368E0;
}

.add_condition_btn:hover svg path {
    fill: #4368E0;
}

.another_condition_box {
    padding: 10px;
    border: 1px solid #E4E6F1;
    border-radius: 6px;
    width: 100%;
    position: relative;
}

.condition_row {
    display: flex;
    padding: 10px;
    background: #EEF4FF;
    border-radius: 6px;
    margin-bottom: 10px;
}

.condition_row_col {
    width: 100%;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.condition_row_col .select2_arrow {
    width: 100%;
}

.condition_row .condition_row_col:last-child {
    margin-right: 0;
}

.and_or_toggle {
    cursor: pointer;
}

.and_or_toggle input {
    display: none;
}

.and_or_toggle_body {
    display: flex;
    border: 1px solid #636A7B;
    border-radius: 6px;
    overflow: hidden;
}

.and_or_toggle_body .left,
.and_or_toggle_body .right {
    padding: 11px 15px;
    font-weight: normal;
    font-size: 12px;
    line-height: 155%;
    letter-spacing: 0.02em;
    width: 52px;
    display: flex;
    justify-content: center;
    transition: 0.15s all ease-in-out;
}

.and_or_toggle_body .right {
    color: #fff;
    background: #636A7B;
}

.and_or_toggle_body .left {
    background: #FFFFFF;
    color: #636A7B;
}

.and_or_toggle input:checked~.and_or_toggle_body .right {
    background: #FFFFFF;
    color: #636A7B;
}

.and_or_toggle input:checked~.and_or_toggle_body .left {
    color: #fff;
    background: #636A7B;
}

.condition_row.added_item .condition_row_col:nth-child(1) {
    max-width: 106px;
}

.condition_row.added_item .condition_row_col:last-child {
    max-width: 20px;
    justify-content: flex-start;
}

.condition_row .delete_btn:hover svg path {
    fill: #4368E0;
}

.another_condition_boxes_wrpr {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 750px;
}

.conditions_compound_toggle {
    position: relative;
    margin: 30px 0;
}

.conditions_compound_toggle:before,
.conditions_compound_toggle:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-2px);
    width: 2px;
    height: 30px;
    border-right: 2px dashed #E4E6F1;
}

.conditions_compound_toggle:before {
    top: -30px;
}

.conditions_compound_toggle:after {
    bottom: -30px;
}

.another_condition_box_remove {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 22px;
    width: 22px;
    background: #97AACD;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.another_condition_box_remove:hover {
    background: #4368E0;
}

.another_condition_box_remove svg {
    max-width: 12px;
    max-height: 12px;
}

.another_condition_box_remove svg path {
    fill: #fff;
}

.another_condition_added_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.sm_popup {
    max-width: 510px;
}

.condition_row.transparent_row {
    margin: 0;
    padding: 0;
    background: transparent;
}

.end_automation_content {
    display: flex;
    align-items: center;
}

.end_automation_content p {
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 0;
    padding-left: 30px;
}

.end_automation_content .icon_wrpr {
    padding-left: 20px;
}

.integration_actions_popup .integration-items {
    align-items: flex-start;
    margin-top: 15px;
}

.integration_actions_popup .integration-items .item {
    width: calc(33.33% - 15px);
    margin: 0 7.5px 20px;
    min-height: 95px;
}

.google_sheets_popup .automation-progress-panel {
    justify-content: flex-start;
}

.google_sheets_popup .automation-progress-panel .item-prog {
    margin-right: 100px;
}

.google_sheets .link_item_btn_wrpr {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.google_sheets .no_items_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
    cursor: pointer;
}

.google_sheets .no_items_text .add_condition_btn {
    margin-top: 10px;
}

.google_sheets .no_items_text:hover .add_condition_btn {
    color: #4368E0;
}

.google_sheets .no_items_text:hover .add_condition_btn svg path {
    fill: #4368E0;
}

.google_sheets .field_mapping_item {
    background: #EEF4FF;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 0 10px;
}

.google_sheets_popup {
    max-width: 610px;
}

.google_sheets .field_mapping_item .delete_btn {
    padding: 0;
    width: auto;
    min-width: auto;
    background: transparent;
}

.google_sheets .panel_item_btn.delete_btn:hover {
    background: transparent;
}

.automation-progress-panel .item-prog-text span {
    white-space: nowrap;
}

.gsheets_row_popup.google_sheets_popup .automation-progress-panel .item-prog {
    margin-right: 0;
}

.gsheets_row_popup.google_sheets_popup .automation-progress-panel {
    justify-content: space-between;
}

.row_in_g_sheets .input_wrpr {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.row_in_g_sheets .input_wrpr .control-input {
    font-size: 13px;
    padding: 15px;
}

.row_in_g_sheets .connect_wrpr {
    position: relative;
    width: 100%;
    margin-right: 28px;
    flex: 1;
}

.row_in_g_sheets .connect_user_info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 22px;
    display: flex;
    align-items: center;
}

.row_in_g_sheets .connect_user_info .img_wrpr {
    border-radius: 50%;
    overflow: hidden;
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    margin-right: 17px;
}

.row_in_g_sheets .connect_user_info .img_wrpr img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.row_in_g_sheets .connect_user_info h3 {
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.brdr_content_title.df .check .icon_check {
    margin-right: 5px;
}

.left-body-results-empty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    color: #C5C7D2;
}

.form-group.with_top_block:hover {
    z-index: 3;
}

.info_icon .tooltip.top,
.info_btn .tooltip.top {
    bottom: auto;
    top: calc(100% + 10px);
}

.info_icon .tooltip.right_0,
.info_btn .tooltip.right_0 {
    right: 0 !important;
    transform: none !important;
}

.tooltip p {
    margin-top: 0;
}

.tooltip-title {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    font-weight: 500;
}

.tooltip-subtitle {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    font-weight: 500;
}

.tooltip ol {
    margin: 0;
    padding: 0;
    padding-left: 14px;
    text-align: left;
}

.search_result_box {
    position: absolute;
    top: 71px;
    left: 0;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 10px 30px 20px;
    border-bottom: 1px solid #E4E6F1;
    z-index: 2;
}

.search_result_box .panel-body {
    max-height: 260px;
    overflow-y: auto;
}

.alarm_panel {
    display: flex;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 10px;
}

.alarm_panel.green {
    color: #386536;
    background: #c3ffc3;
}

.alarm_panel .icon_wrpr {
    width: 56px;
    min-width: 56px;
    margin-right: 15px;
}

.alarm_panel .icon_wrpr svg {
    width: 100%;
}

.alarm_panel.green p {
    color: #386536;
    font-weight: 400;
    margin: 0;
}

.select2_arrow.disabled .select2-container--default .select2-selection--single {
    pointer-events: none;
    background: #f6f6f6;
}

.brdr_box_w_checkbox.disabled {
    pointer-events: none;
}

.brdr_box_w_checkbox.disabled .switch_checkbox,
.brdr_box_w_checkbox.disabled input:checked~.switch_checkbox {
    background: #E4E6F1;
}

.brdr_box_w_checkbox.disabled h3 {
    color: #b0b0b0;
}

.panel-head .info_btn .tooltip.auto_width {
    width: max-content;
}

.info_btn .tooltip.with_func {
    position: fixed;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    height: fit-content;
    width: fit-content;
    z-index: 5;
    transition: 0.3s opacity ease-in-out;
    transform: none;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    padding: 0.3rem 1rem;
    max-width: 400px;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
    font-size: 13px;
}

.tooltip.with_func p:last-child {
    margin-bottom: 0;
}

.orders_table .products_panel_first_cell+.panel-item-cell {
    flex: initial;
}

.orders_table.products_panel .panel-item .panel-item-cell:last-child {
    min-width: 70px;
}

.delta-zero:before {
    width: 12px;
    height: 3px;
    background: #c6c6c6;
    border-radius: 3px;
}

.delete_popup_wrpr {
    z-index: 9999999;
}

.main_inner_wrpr.delete_popup_wrpr {
    z-index: 2;
}

.main_inner_wrpr.delete_popup_wrpr+.product-settings-popup-wrap.active {
    display: none;
}

body .brdr_content_wrpr.danger_box.sticky-error.posfixed {
    position: fixed;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
}

.chart-body.vertical_chart_bar {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.stat-widget {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.stat-widget.loading svg {
    height: 100%;
}

.btn.btn_with_icon, .button.btn_with_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn.btn_with_icon svg, .button.btn_with_icon svg {
    margin-right: 11px;
}

.btn_with_icon_wrpr {
    display: flex;
}

.mb_25 {
    margin-bottom: 25px;
}

.search_overlay {
    background: #252A32;
    opacity: 0.5;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    cursor: pointer;
}

.main-search.searched .main-search-input {
    z-index: 2;
}

.dashboard_search.main-search .main-search-input {
    max-width: 100%;
    margin-right: 0;
}

.main-search.with_notif .search_result_box {
    width: 100%;
    left: 0px;
    box-shadow: 0px 5px 20px rgba(37, 42, 50, 0.2);
    border-radius: 8px;
    border: 0;
    padding: 0;
    overflow: hidden;
}

.main-search.with_notif .search_result_box .search_result_box_footer {
    padding: 20px 25px;
    background: #F6F9FE;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-search.with_notif .search_result_box .search_result_box_footer .left span {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #636A7B;
}

.main-search.with_notif .search_result_box .search_result_box_footer .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main-search.with_notif .search_result_box .search_result_box_footer .right a {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    display: flex;
    align-items: center;
}

.main-search.with_notif .search_result_box .search_result_box_footer .right a:hover {
    color: #4368E0;
}

.main-search.with_notif .search_result_box .search_result_box_footer .right a+a {
    margin-left: 50px;
}

.main-search.with_notif .search_result_box .search_result_box_footer .right a svg {
    margin-right: 10px;
}

.main-search.with_notif .search_result_box .items_found_number {
    padding: 15px 25px 0;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    text-align: left;
}

.main-search.with_notif .search_result_box .search_result_panel {
    padding: 15px;
}

.search_result_panels_wrpr {
    max-height: 376px;
    overflow: auto;
    width: 100%;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 5px;
    border-bottom: 1px solid #EBEFF6;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_header h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_header a {
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #4368E0;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_header a:hover {
    text-decoration: underline;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_body {
    padding: 12px 10px 0;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_body ul li a {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_body ul li a b {
    font-weight: bold;
    color: #252A32;
    transition: 0.15s all ease-in-out;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_body ul li+li {
    margin-top: 14px;
}

.main-search.with_notif .search_result_box .search_result_panel .result_panel_body ul li a:hover,
.main-search.with_notif .search_result_box .search_result_panel .result_panel_body ul li a:hover b {
    color: #4368E0;
}

.funnel_steps_page .main-search.with_notif .search_result_box {
    max-width: 789px;
    left: 30px;
}

.search_no_result {
    text-align: center;
    padding-top: 15px;
}

.search_no_result h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 15px;
}

.search_no_result p {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
}

.account_link .mainleft_new_step_dropdown {
    left: 100%;
    right: auto;
    top: auto;
    bottom: 0;
    opacity: 1;
    pointer-events: initial;
    min-width: initial;
    padding: 15px;
}

.account_link .mainleft_new_step_dropdown ul li a {
    justify-content: flex-start;
    height: initial;
    padding: 10px 15px;
}

.account_link .mainleft_new_step_dropdown ul li a .icon {
    margin-left: 0;
    flex: initial;
    margin-right: 10px;
    position: initial;
    height: initial;
    display: block;
    padding: 0;
    left: auto;
    transform: none;
    background: transparent;
}

.account_link.active,
.account_link.active:hover {
    opacity: 1;
}

.account_link {
    position: relative;
}

.account_link_trigger:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.connect_to_stripe_box.w100 {
    width: 100%;
}

.cnd_popup .popup_btn_wrpr .bottom-btns {
    margin-top: 0;
}

.automation-progress-panel.popup_progress_panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.automation-progress-panel.popup_progress_panel .item-prog {
    display: flex;
    align-items: center;
}

.automation-progress-panel.popup_progress_panel .item-prog .icon-status {
    margin-right: 10px;
}

.popup_progress_panel {
    padding: 40px 30px;
}

.popup.cnd_popup .popup_btn_wrpr.bt_0 {
    border-top: 0;
    padding: 15px 30px 30px;
}

.popup.cnd_popup .popup_header {
    padding: 30px 30px 0;
}

.cnd_popup.popup .content {
    padding: 6px 30px 15px;
}

.automation-activation-group {
    margin-left: auto;
}

.automation-activation-group .optin_email_checkbox .text_label {
    margin: 0 10px;
    cursor: pointer;
    color: #C5C7D2;
}

.automation-activation-group .optin_email_checkbox .text_label.active {
    color: #4368E0;
}

.panel_item_btn_wrpr.ml_20 {
    margin-left: 20px;
}

.add_block_btn {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    background: #FFFFFF;
    border: 1px solid #C5C7D2;
    border-radius: 4px;
    padding: 10px 30px;
}

.add_block_btn svg {
    margin-right: 10px;
}

.add_block_btn:hover {
    color: #4368E0;
    border-color: #4368E0;
}

.add_block_btn:hover svg path {
    fill: #4368E0;
}

.add_block_btn_wrpr {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    position: relative;
}

.add_block_btn_wrpr:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-2px);
    width: 2px;
    height: 30px;
    border-right: 2px dashed #E4E6F1;
    top: 0;
}

.vs__dropdown-menu {
    max-height: 200px !important;
    height: max-content !important;
}

@media(max-width: 1300px) {}

@media(max-width: 1000px) {
    .main-left {
        position: absolute;
        left: -444px;
        top: 0;
        z-index: 2;
        background: #fff;
        transition: 0.3s all ease-in-out;
        height: 100vh;
    }
    .main-left.active {
        left: 0;
    }
    .main-nav {
        margin-top: 20px;
    }
    .left-bar {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: #fff;
        padding: 20px 40px 15px;
    }
    .left-bar:not(.collapsed) {
        z-index: 3;
    }
    .main-right {
        position: absolute;
        right: -352px;
        top: 0;
        background: #fff;
        transition: 0.3s all ease-in-out;
        overflow: initial;
        padding: 0;
        z-index: 10;
    }
    .main-right.active {
        right: 0;
    }
    .main-right-inner {
        overflow-y: auto;
        padding: 30px;
        max-height: 100vh;
    }
    .main-right .right_toggle {
        top: 5px;
        right: 373px;
    }
    .main_left_toggle,
    .app_settings_popup .right_toggle {
        border: 1px solid #d0d1d7;
    }
    .main_left_toggle svg path,
    .app_settings_popup .right_toggle svg path {
        fill: #d0d1d7;
    }
    /*.funnels-panel .panel-item {*/
    /*    width: min-content;*/
    /*}*/
    .funnels-panel .panel-body {
        overflow-x: auto;
        max-width: calc(100vw - 152px);
    }
    .funnels-panel.products_panel .panel-item {
        width: 100%;
    }
    .funnel_steps_page .funnels-panel.products_panel .panel-item {
        min-width: min-content;
    }
}

@media(max-width: 991px) {
    .product_panel_link,
    .products_panel .panel-item h3 {
        font-size: 12px;
    }
    .products_panel .panel-item-cell,
    .panel_item_btn_wrpr {
        margin-left: 15px;
    }
    .funnel_steps_top .right h3 {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .stat-widget {
        width: calc(50% - 15px);
    }
    .panel-item-title {
        min-width: 150px;
    }
    .app_settings_popup {
        right: 0;
    }
    .app_settings_popup .popup_right_side {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        height: 100%;
        border-left: 1px solid #E4E6F1;
        overflow-y: auto;
        max-height: 100vh;
    }
    .app_settings_popup.right_open .popup_right_side {
        display: block;
    }
    .app_settings_popup .right_toggle {
        right: 18px;
        top: 86px;
    }
    /*.main-content.main-content_2 .templates .row .col*/
    /*!*.wrap_select_step_type .row .col*!*/
    /*{*/
    /*    width: 50%;*/
    /*}*/
    /*.main-content.main-content_2 {*/
    /*    flex-direction: column;*/
    /*}*/
    /*.main-content.main-content_2 .left_box {*/
    /*    margin-right: 0;*/
    /*    margin-bottom: 20px;*/
    /*}*/
    /*.main-content.main-content_2 .right_box {*/
    /*    width: calc(50% - 15px);*/
    /*    min-width: 250px;*/
    /*}*/
}

@media(max-width: 767px) {
    .funnel_steps_top {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .funnel_steps_top .left_img_wrpr {
        width: calc(100% - 30px);
        margin-bottom: 30px;
    }
    .funnels-panel.products_panel .panel-item {
        min-width: 600px;
    }
}

@media(max-width: 576px) {
    .chart-top-line {
        flex-direction: column;
        align-items: flex-start;
    }
    .chart-body.vertical_chart_bar {
        overflow-x: auto;
    }
    .vertical_chart_bar .chart {
        max-width: initial !important;
        width: initial !important;
    }
    .vertical_chart_bar .chart_left_labels {
        margin-right: 10px;
        max-height: 155px;
    }
    .stat-widget {
        width: 100%;
        margin-bottom: 15px;
    }
    .funnels-panel .panel-body {
        max-width: calc(100vw - 114px);
    }
    .panel-head {
        flex-direction: column;
    }
    .panel-head .view-all {
        margin-right: 0;
        margin-top: 10px;
    }
    .main-right {
        width: 100%;
        right: -100%;
    }
    .main-right .right_toggle {
        right: calc(100% + 20px);
    }
    .main-right .right_toggle.active {
        right: 100%;
    }
    .panel.products_panel .panel-head .btn {
        margin-top: 10px;
    }
    .panel.products_panel .panel-body {
        max-width: 100vw;
    }
    .panel_main_title {
        flex-direction: column;
    }
    .funnel_type_radio {
        width: 100%;
        margin-bottom: 20px;
    }
    .funnel_type_radio_wrpr .funnel_type_radio:last-child {
        margin-bottom: 0;
    }
    .popup {
        padding: 10px 15px;
    }
    .popup_btn_wrpr .btn {
        margin: 0 5px;
    }
    .popup_btn_wrpr {
        justify-content: center;
    }
    /*.main-content.main-content_2 .templates .row .col*/
    /*!*.wrap_select_step_type .row .col *!*/
    /*{*/
    /*    width: 100%;*/
    /*    min-width: 100%;*/
    /*}*/
    /*.main-content.main-content_2 .right_box {*/
    /*    width: 100%;*/
    /*    min-width: 100%;*/
    /*}*/
    .app_settings_popup .popup_right_side {
        width: 100%;
    }
    .select2-container--default .select2-selection--multiple,
    .select2-container--default.select2-container--focus .select2-selection--multiple {
        min-width: 100%;
    }
    .funnel_app_item {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .funnel_app_item .left {
        margin-top: 10px;
        padding-right: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .funnel_app_item .left .img_wrpr {
        margin-bottom: 10px;
    }
    .brdr_box_w_checkbox {
        flex-direction: column;
    }
    .brdr_box_w_checkbox .switch_checkbox_item {
        margin-bottom: 10px;
    }
}

@media(max-width: 400px) {
    .app_settings_popup .popup_left_side .bottom_btns_wrpr .btn {
        margin: 0 5px;
        padding: 10px 20px
    }
    .app_settings_popup .popup_left_side .bottom_btns_wrpr {
        justify-content: center;
    }
}


/* main_kolya.css */

.s-auth {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    background-color: #F6F9FE;
    overflow-y: auto;
    height: 100vh;
}

.s-auth>div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.s-auth .left {
    width: 60%;
    padding: 100px 20px 50px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.s-auth .top-panel {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
}

.s-auth .right {
    width: 40%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    padding: 20px;
    border-radius: 80px 0px 0px 80px;
    background-color: #7F85AE;
    background-image: url(../img/auth-right-bg.svg);
    background-repeat: no-repeat;
    background-position: top 47px right 33px;
}

.s-auth .right img {
    max-width: 100%;
}

.s-auth .right .img-wrap.first {
    position: absolute;
    left: -135px;
    top: 30%;
}

.s-auth .right .img-wrap.second {
    margin-top: 300px;
    position: relative;
    z-index: 1;
}

.btn, .button {
    cursor: pointer;
    border: none;
    outline: none;
}

.control-input {
    background: #FFFFFF;
    border-radius: 6px;
    width: 100%;
    display: block;
    padding: 11px 15px;
    letter-spacing: 0.02em;
    font-size: 14px;
    color: #C5C7D2;
    /*box-shadow: 0 0 0px 1px rgb(198, 199, 210);*/
    border: 2px solid #E4E6F1;
}

.control-group {
    position: relative;
}

.control-group .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    left: 15px;
}

.control-group .control-input {
    padding-left: 45px;
}

.form-group {
    margin-bottom: 15px;
}

.s-auth .form-wrap {
    max-width: 322px;
    width: 100%;
    margin: 0 auto;
}

input::-webkit-input-placeholder {
    opacity: 1;
    color: #c5c7d2;
}

input::-moz-placeholder {
    opacity: 1;
    color: #c5c7d2;
}

input:-ms-input-placeholder {
    opacity: 1;
    color: #c5c7d2;
}

input:-moz-placeholder {
    opacity: 1;
    color: #c5c7d2;
}

.s-auth .form-wrap .btn-wrap {
    margin-top: 30px;
}

.s-auth .form-wrap .btn-wrap .btn {
    width: 100%;
}

.s-auth .form-wrap .bottom-info {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-top: 30px;
    text-align: center;
}

.s-auth .form-wrap .bottom-info a {
    color: #4368e0;
    margin-left: 13px;
    transition: 0.3s;
}

.s-auth .form-wrap .bottom-info a:hover {
    opacity: 0.6;
}

.form-title {
    display: flex;
    align-items: center;
    font-size: 22px;
    line-height: 150%;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #252A32;
    margin-bottom: 35px;
}

.form-title .icon {
    display: flex;
    margin-right: 30px;
}

.s-auth .top-panel {
    max-width: 322px;
    width: 90%;
    margin: 0 auto;
}

.form-link-wrap {
    text-align: center;
    margin-top: 20px;
}

.form-link {
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #4368E0;
    display: inline-block;
}

.justify-between {
    justify-content: space-between;
}

.vertical_chart_bar .line-chart,
.vertical_chart_bar .bar-chart {
    max-width: 100% !important;
    width: 100% !important;
}

.chart-overflow {
    overflow-x: auto;
}

.f-chart-width {
    min-width: 500px;
}

.h-auto {
    height: auto !important;
}

.mb-80 {
    margin-bottom: 80px;
}

.step-name {
    display: flex;
    align-items: center;
    position: relative;
}

.step-name .name {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.step-name .icon {
    margin-right: 10px;
    display: flex;
}

.table-analitics td strong {
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}

.table-analitics td .delta {
    font-weight: 400;
    display: inline-block;
    margin-left: 4px;
}

.chart-legend {
    font-size: 0;
    margin-top: 25px;
    margin-bottom: 30px;
}

.chart-legend li {
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 150%;
    font-weight: 400;
    color: #C5C7D2;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.chart-legend li span {
    width: 15px;
    min-width: 15px;
    height: 15px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px;
}

.chart-title-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chart-title-group h2 {
    margin-bottom: 10px;
}

.chart-title-group .chart-triggers {
    margin-bottom: 10px;
}

.chart-triggers {
    display: flex;
    align-items: center;
}

.chart-triggers li {
    padding: 6px 15px;
    background-color: #FFFFFF;
    border-top: 1px solid #E4E6F1;
    border-bottom: 1px solid #E4E6F1;
    border-right: 1px solid #E4E6F1;
    letter-spacing: 0.02em;
    color: #636A7B;
    font-size: 12px;
    cursor: pointer;
    line-height: 150%;
}

.chart-triggers li.active {
    background-color: #EBEFF6;
}

.chart-triggers li:first-child {
    border-radius: 6px 0px 0px 6px;
    border-left: 1px solid #E4E6F1;
}

.chart-triggers li:last-child {
    border-radius: 0px 6px 6px 0px;
}

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

.table-analitics-wrap {
    overflow-x: auto;
}

.stat-widget .small-text {
    margin-right: 5px;
}

.settings-hide-msg {
    text-align: center;
    max-width: 350px;
    font-size: 13px;
    line-height: 150%;
    margin: 172px auto 0;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.mainleft_new_step_btn>.icon::before {
    content: "";
    position: absolute;
    height: 33px;
    width: 1px;
    top: -15px;
    left: -11px;
    background-color: #6D89D7;
}

.mainleft_new_step_btn>.icon {
    right: 14px;
}

.links-items-group {
    display: flex;
    align-items: center;
}

.icon.icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    min-height: 25px;
    width: 25px;
    height: 25px;
    background: #F5F5FC;
    border-radius: 50%;
    margin-left: 15px;
}

.btn.with-icon svg path {
    transition: 0.3s;
}

.btn.with-icon:hover svg path {
    fill: #fff;
}

.inline-block {
    display: inline-block;
}

.icon.icon-circle.pointer {
    cursor: pointer;
}

.icon.icon-circle svg path {
    fill: #C5C7D2;
}

.control-info {
    background: #EBEFF6;
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-top: 5px;
    margin-bottom: 15px;
}

.control-input+.control-info {
    margin-top: 15px;
}

.control-info strong {
    font-weight: 500;
}

.brdr_box_w_checkbox.p-0 {
    border: none;
}

.brdr_box_w_checkbox.b-0 {
    padding: 0;
}

.form-group.mb-15 {
    margin-bottom: 15px;
}

.brdr_box_w_checkbox.mb-0 {
    margin-bottom: 0;
}

.brdr_box_w_checkbox.mb-24 {
    margin-bottom: 24px;
}

.form_group_col_4,
.form_group_col_3 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.form_group_col_4 .form-group {
    width: calc(25% - 15px);
}

.form_group_col_3 .form-group {
    width: calc(33.3333% - 15px);
}

.control-info.mb-15 {
    margin-bottom: 15px;
}

.control-info.mb-24 {
    margin-bottom: 24px;
}

.select2-container--default .select2-selection--single {
    outline: none;
}

.form-group.inline {
    display: flex;
    align-items: center;
}

.form-group.inline .color-control {
    margin-right: 100px;
}

.color-control {
    display: flex;
    align-items: center;
}

.color-control .label {
    margin-right: 15px;
    letter-spacing: 0.02em;
    font-weight: 500;
    font-size: 13px;
    color: #636A7B;
}

.color-control img {
    display: none;
}

.color-control .input-color {
    border: 1px solid #C5C7D2;
    border-radius: 6px;
    background-image: url(../img/tgl-down.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding: 8px 35px 8px 8px;
}

.color-control .input-color input {
    padding: 0;
    background: none;
    width: 50px;
    height: 25px;
}

.font-options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.font-options .label {
    margin-right: 15px;
}

.font-options .radio {
    margin-right: 15px;
    letter-spacing: 0.02em;
    font-weight: 500;
    font-size: 13px;
    color: #636A7B;
}

.radio {
    display: flex;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #636A7B;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom radio button */

.radiomark {
    height: 18px;
    width: 18px;
    min-width: 18px;
    background-color: #fff;
    border: 1px solid #C5C7D2;
    border-radius: 100%;
    margin-right: 10px;
}


/* When the radio button is checked, add a blue background */

.radio input:checked~.radiomark {
    border-color: #4368E0;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio input:checked~.radiomark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.radio .radiomark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4368E0;
}

.form-group.mb-24 {
    margin-bottom: 24px;
}

.brdr_content_wrpr .txt-wrap p {
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 15px;
}

.brdr_content_wrpr .txt-wrap.mb-15 {
    margin-bottom: 15px;
}

.brdr_content_wrpr .txt-wrap a {
    color: #4368e0;
}

.brdr_content_wrpr .txt-wrap+.form-group {
    margin-top: 24px;
}

.brdr_content_wrpr .txt-wrap p strong {
    font-weight: 500;
}

.brdr_content_wrpr .txt-wrap p:last-child {
    margin-bottom: 0;
}

.form-group.with-copy-icon .copy-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.form-group.with-copy-icon .control-input {
    padding-right: 50px;
}

.form-group.with_top_block .copy-icon {
    width: 26px;
    min-width: 26px;
    height: 26px;
    background: #97AACD;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.form-group.with_top_block .copy-icon svg {
    width: 16px;
    height: 16px;
}

.form-group.with_top_block .copy-icon svg path {
    fill: #fff;
}

.vue-swatches__trigger {
    width: 50px!important;
    height: 25px !important;
    border-radius: 0!important;
}

.vue-swatches__trigger__wrapper {
    border: 1px solid #C5C7D2;
    border-radius: 6px;
    padding: 7px 35px 7px 8px;
    background-image: url(../img/tgl-down.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.vue-swatches__container:not(.vue-swatches--inline) {
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2) !important;
    border-radius: 12px !important;
}

.vue-swatches__fallback__input {
    border: 1px solid #E4E6F1;
    padding-left: 10px;
    padding-right: 10px;
}

.vue-swatches__fallback__wrapper .vue-swatches__fallback__button {
    background-color: #fff;
    border: 1px solid #4368E0;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #4368E0;
    margin-top: 15px;
}

.vue-swatches__fallback__wrapper {
    display: block !important;
    width: auto!important;
}

.automation-progress-panel .item-prog-text span {
    display: block;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.automation-progress-panel .item-prog.deactivated .icon-status svg path {
    fill: #C5C7D2;
}

.automation-progress-panel .item-prog.deactivated .item-prog-text span {
    color: #c5c7d2;
}

.atn-trigger-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.atn-trigger-items .item {
    width: calc(25% - 7.5px);
    border: 2px solid #E4E6F1;
    padding: 20px;
    border-radius: 12px;
    cursor: pointer;
}

.atn-trigger-items .item.active {
    border-color: #4368E0;
}

.atn-trigger-items .item .icon {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.atn-trigger-items .item span {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #636A7B;
    display: block;
}

.integration-items {
    display: flex;
    flex-wrap: wrap;
}

.integration-items .item {
    width: calc(20% - 20px);
    margin: 0 10px 20px;
    background: #FFFFFF;
    padding: 10px;
    text-align: center;
    border: 2px solid #E4E6F1;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.integration-items .item.active {
    background-color: #F6F9FE;
}

.integration-items .item:hover .btn {
    opacity: 1;
}

.integration-items .item:hover {
    border-color: #4368e0;
}

.integration-items .item h5 {
    margin-top: 8px;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #636A7B;
    font-weight: 400;
}

.integration-items .item .btn, .integration-items .item .button {
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    padding: 6px 5px;
    width: 90%;
    transition: 0.2s;
    max-width: 110px;
    z-index: 3;
}

.integration-items .item .label {
    background: #E4E6F1;
    border-radius: 0 0 8px 0;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 10px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #252A32;
    position: absolute;
    top: 0;
    text-transform: uppercase;
    left: 0;
    z-index: 1;
}

.integration-wrap .main-search-input {
    margin-bottom: 15px;
}

.activate-automation-popup-wrap .btm-descr {
    max-width: 545px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 40px;
}

.activate-automation-popup-wrap .bottom-btns {
    display: flex;
    justify-content: flex-end;
}

.activate-automation-popup-wrap .bottom-btns .button {
    margin-right: 30px;
}

.activate-automation-popup-wrap .bottom-btns .button:last-child {
    margin-right: 0;
}

.popup_wrpr.activate-automation-popup-wrap,
.popup_wrpr.automation-popup-wrap {
    visibility: visible;
    opacity: 1;
}

@media(max-width: 991px) {
    .stat-widget {
        width: calc(50% - 28.8px);
    }
    .s-auth .right .img-wrap.first {
        left: -50px;
    }
    .s-auth .right .img-wrap.second {
        margin-top: 150px;
    }
}

@media(max-width: 767px) {
    .s-auth .right {
        display: none;
    }
    .s-auth .left {
        width: 100%;
    }
    .s-auth .left {
        padding-top: 80px;
    }
    .s-auth .top-panel {
        top: 20px;
    }
    .stat-widget {
        width: 100%;
    }
}

@media(max-width: 480px) {
    .main-left {
        width: 250px;
    }
    .left-bottom {
        padding: 10px;
        display: flex;
    }
    .filter-list li a {
        width: 35px;
        height: 35px;
    }
    .main-search.with_notif .main-search-input {
        margin-right: 25px;
    }
    .main-center .top_info_box {
        padding: 0 15px;
    }
    .main-search.with_notif {
        padding: 15px 15px;
    }
    .blue_notification_box {
        margin-top: 65px;
        padding-right: 45px;
        padding-left: 15px;
        padding-top: 50px;
    }
    .funnel_apps_list {
        padding-left: 0;
        padding-right: 0;
    }
    .funnel_app_item .left {
        flex-direction: column;
    }
    .funnel_app_item .left .img_wrpr {
        margin-right: 0;
        margin-bottom: 20px;
    }
}


/* ------------------------------ EMAIL EDITOR STYLES ------------------------------ */

.app-email-editor {
    width: 100%;
}

.updates-notification.email-editor {
    display: none;
}

.app-email-editor .wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.app-email-editor .left-bar {
    width: 235px;
    height: 100vh;
    overflow: visible;
    padding: 35px 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-right: 1px solid #f2f2f5;
    position: relative;
    transition: all 0.3s;
    z-index: 2;
    background: #fBfBfB;
}

.app-email-editor .left-bar.collapsed {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}

.app-email-editor .left-toggle {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 30px;
    left: 100%;
    margin-left: -10px;
    z-index: 1;
    border: 1px solid #E4E6F1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all 0.3s;
}

.app-email-editor .left-toggle.collapsed {
    transform: rotateY(180deg);
}

.app-email-editor .logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.app-email-editor .logo img {
    width: 32px;
    height: 32px;
}

.app-email-editor .logo span {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.22;
    color: #4368E0;
    margin-left: 10px;
}

.app-email-editor .collapsed .logo span {
    display: none;
}

.app-email-editor .main {
    flex: 1;
    /* height: 100vh;
    overflow: auto; */
    display: flex;
    justify-content: space-between;
    width: calc(100% - 235px);
}

.app-email-editor .main-left {
    width: 356px;
    border-right: 1px solid #E4E6F1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.app-email-editor .left-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 16px 18px;
}

.app-email-editor .back-link {
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    color: #636A7B;
    padding-left: 30px;
    background-position: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.app-email-editor .list-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.app-email-editor .list-nav li a span {
    margin-left: 27px;
    flex: 1;
    color: #636A7B;
    text-decoration: none;
}

.app-email-editor .main-nav {
    margin-top: 110px;
    flex: 1;
}

.app-email-editor .list-nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    position: relative;
    width: 100%;
}

.app-email-editor .list-nav li a:hover {
    opacity: 0.7;
}

.app-email-editor .list-nav li a svg {
    display: block;
    max-width: 18px;
    max-height: 18px;
    margin: 0 6px;
}

.app-email-editor .list-nav li a:not(.router-link-exact-active) svg path {
    fill: #C5C7D2;
}

.app-email-editor .list-nav li a:not(.router-link-exact-active):hover svg path {
    fill: #4368E0;
}

.app-email-editor .collapsed .list-nav li a:hover {
    opacity: 1;
}

.app-email-editor .collapsed .list-nav li a {
    justify-content: center;
    padding-left: 0;
}

.app-email-editor .collapsed .list-nav li a svg {
    margin: 0;
}

.app-email-editor .collapsed .list-nav li a span {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 100%;
    height: 48px;
    background: #4368E0;
    padding: 0 15px;
    margin: 0;
    color: #fff;
    border-radius: 5px;
    z-index: 5;
    transform: scalex(0);
    transform-origin: left;
}

.app-email-editor .collapsed .list-nav li a:hover span {
    transition: all 0.3s;
    transform: none;
}

.app-email-editor .main-center {
    flex: 1;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

.app-email-editor .notification,
.app-email-editor .close-banner {
    cursor: pointer;
}

.app-email-editor .cr_autom_popup_sides {
    display: flex;
    justify-content: space-between;
    border: 1px solid #EEF4FF;
    border-radius: 6px;
    max-height: 380px;
    overflow: hidden;
}

.app-email-editor .cr_autom_left {
    padding: 15px 10px;
    background: #EEF4FF;
    border-radius: 6px 0px 0px 6px;
    width: 240px;
}

.app-email-editor .cr_autom_left ul {
    overflow-y: auto;
    max-height: calc(100% - 35px);
}

.app-email-editor .cr_autom_right {
    width: 100%;
    overflow-y: auto;
    flex: 1;
}

.app-email-editor .cr_autom_left ul {
    overflow-y: auto;
    max-height: calc(100% - 35px);
}

.app-email-editor .cr_autom_left ul li {
    cursor: pointer;
    padding: 7px 10px;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    transition: 0.15s all ease-in-out;
    border-radius: 4px;
}

.app-email-editor .cr_autom_left ul li.active {
    background: #D5E5FF;
    color: #4368E0;
}

.app-email-editor .control-input {
    background: #FFFFFF;
    /* border: 1px solid #C5C7D2; */
    border-radius: 6px;
    width: 100%;
    display: block;
    padding: 11px 15px;
    letter-spacing: 0.02em;
    font-size: 14px;
    color: #C5C7D2;
    box-shadow: 0 0 0px 1px RGB(198, 199, 210);
}

.app-email-editor input.control-input {
    color: #252A32;
    transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
}


/* COMMON END */


/* editor-anton.css START */

.app-email-editor .editor_header {
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E4E6F1;
    padding: 15px 30px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 13;
    height: 70px;
}

.app-email-editor .editor_header .email_name {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    transition: 0.15s all ease-in-out;
    border: 1px dashed #C5C7D2;
    padding: 5px 10px;
    border-radius: 6px;
}

.app-email-editor .editor_header .email_name.input_empty {
    border-color: red;
}

.app-email-editor .editor_header .email_name.input_focused {
    border-color: #3959C1;
}

.app-email-editor .editor_header .email_name:hover {
    color: #3959C1;
}

.app-email-editor .editor_header .right {
    display: flex;
    align-items: center;
}

.app-email-editor .main-center {
    background: #F5F5FC;
}

.app-email-editor .editor_header .btn, app-email-editor .editor_header .button {
    margin-left: 15px;
    display: flex;
    padding: 7px 30px;
}

.app-email-editor input.input-file {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}

.app-email-editor .upload-image {
    position: relative;
}

.app-email-editor .editor_header .notification {
    margin-left: 30px;
}

.app-email-editor .btn.brdr_btn.with_icon {
    display: flex;
    align-items: center;
}

.app-email-editor .btn.brdr_btn.with_icon svg {
    margin-right: 11px;
}

.app-email-editor .sm_btns_group {
    display: flex;
    align-items: center;
}

.app-email-editor .sm_sqr_btn {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-email-editor .sm_sqr_btn:hover {
    background: #EEF4FF;
}

.app-email-editor .editor_header .sm_btns_group {
    margin-left: 50px;
}

.app-email-editor .editor_header .devices_btns .sm_sqr_btn svg path {
    fill: #C5C7D2;
}

.app-email-editor .editor_header .devices_btns .sm_sqr_btn.active svg path {
    fill: #4368E0;
}

.app-email-editor .editor_header .devices_btns .sm_sqr_btn.active {
    background: #EEF4FF;
}

.app-email-editor .editor_header .undo_redo_group {
    margin-right: 35px;
}

.app-email-editor .main-center-content-header {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 71px;
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    /*box-shadow: 0px 5px 10px rgba(37, 42, 50, 0.1);*/
}

.app-email-editor .main-center-content-wrpr {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.app-email-editor .main-center-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 40px 30px;
    overflow-y: auto;
    flex: 1;
    overflow-x: hidden;
}

.app-email-editor .main-center-content.align_center {
    justify-content: center;
}

.app-email-editor .add_row_box {
    background: #FFFFFF;
    padding: 0;
    width: 100%;
    max-width: 600px;
    margin-bottom: 57px;
    /* border: 2px dashed #d5e5ff; */
}

.app-email-editor .add_row_box.has-children {
    border-color: transparent;
}


/* adds unwanted border/space around elements. */



/*.app-email-editor .element_wrpr {*/


/*    border: 2px solid transparent;*/


/*}*/

.app-email-editor .add_row_box .add_row_box_inner {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.app-email-editor .add_row_box .row_columns:not(.current) .add_row_box_inner {
    border: 1px dashed #d5e5ff !important;
}

.app-email-editor .add_row_box:hover .row_columns:not(.current) .add_row_box_inner {
    border: 1px dashed #D5E5FF !important;
}

.app-email-editor .add_row_box .row_columns.current .add_row_box_inner {
    border: 1px dashed #D5E5FF;
}

.app-email-editor .add_row_box .add_row_box_inner p {
    margin: 0;
    line-height: inherit;
}

.app-email-editor .plus_icon p {
    margin-top: 5px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
    padding-top: 1px;
}


/* .add_row_box:not(.current) {
    border: 2px solid transparent !important;
} */

.app-email-editor .add_row_box.edited {
    /* border: 2px solid; */
    position: relative;
}

.app-email-editor .tablets_grid .add_row_box,
.app-email-editor .mobile_grid .add_row_box {
    min-width: 100%!important;
}

.app-email-editor .bottom_plus_btn svg {
    pointer-events: none;
}

.app-email-editor .element_wrpr .bottom_plus_btn,
.app-email-editor .add_row_box.edited .bottom_plus_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -10px;
    z-index: 2;
    background: RGB(68, 156, 244) !important;
    cursor: pointer;
}

.app-email-editor .element_wrpr .bottom_plus_btn.top,
.app-email-editor .add_row_box.edited .bottom_plus_btn.top {
    top: -11px;
    display: none;
}

.app-email-editor .element_wrpr .left_top_controls,
.app-email-editor .add_row_box.edited .left_top_controls {
    display: flex;
    align-items: center;
    border-radius: 3px 3px 0px 0px;
    height: 27px;
    padding: 0 10px;
    position: absolute;
    left: -2px;
    top: -27px;
    font-weight: 500;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    background: RGB(68, 156, 244) !important;
}

.app-email-editor .element_wrpr .left_top_controls .drag_arrow_icon,
.app-email-editor .add_row_box.edited .left_top_controls .drag_arrow_icon {
    margin-right: 8px;
    display: flex;
    align-items: center;
    cursor: grab;
}

.app-email-editor .element_wrpr .right_top_controls,
.app-email-editor .add_row_box.edited .right_top_controls {
    display: flex;
    align-items: center;
    border-radius: 3px 3px 0px 0px;
    height: 27px;
    padding: 0 3px;
    position: absolute;
    right: -2px;
    top: -27px;
    background: RGB(68, 156, 244) !important;
    cursor: pointer;
}

.app-email-editor .right_top_controls_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border-radius: 2px;
}

.app-email-editor .element_wrpr .right_top_controls .right_top_controls_btn:nth-child(2),
.app-email-editor .add_row_box.edited .right_top_controls .right_top_controls_btn:nth-child(2) {
    margin: 0 5px;
}

.app-email-editor .add_row_box .add_row_box_inner .plus_icon {
    cursor: pointer;
}

.app-email-editor .plus_icon.active:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f6f9fe;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.app-email-editor .add_row_box .add_row_box_inner .plus_icon .elm-type-section {
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
    width: 345px;
    border: 1px solid #D5E5FF;
    padding: 5px 10px 10px;
}

.app-email-editor .add_row_box .add_row_box_inner .plus_icon.active .elm-type-section {
    opacity: 1;
    visibility: visible;
}

.app-email-editor .add_row_box .add_row_box_inner .plus_icon .plus_icon_trigger {
    cursor: pointer;
    /*min-height: 83px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*.app-email-editor .add_row_box .add_row_box_inner .plus_icon .plus_icon_trigger:hover svg path {*/
/*    fill: #4368E0;*/
/*}*/

.app-email-editor .add_row_box.edited .plus_icon .elm-type-section::before {
    /* background-image: url(../img/before-arrow-up-blue.svg); */
}

.app-email-editor .add_row_box .add_row_box_inner .elm-type-section p {
    margin: 0;
    letter-spacing: 0.02em;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
    color: #97AACD;
}

.app-email-editor .add_row_box_rows_wrpr {
    display: flex;
    flex-wrap: wrap;
    margin: -7.5px -10px;
}

.app-email-editor .add_row_box_rows_wrpr .add_row_box_row_item {
    width: calc(33.33% - 20px);
    margin: 7.5px 10px;
    display: flex;
    align-items: center;
}

.app-email-editor .add_row_box_rows_wrpr .add_row_box_row_item svg rect {
    fill: #EEF4FF;
}

.app-email-editor .add_row_box_rows_wrpr .add_row_box_row_item:hover svg rect {
    fill: #D5E5FF;
}

.app-email-editor .add_row_box.edited.blue {
    border-color: #4368E0;
}

.app-email-editor .add_row_box.edited.blue .bottom_plus_btn,
.app-email-editor .add_row_box.edited.blue .left_top_controls,
.app-email-editor .add_row_box.edited.blue .right_top_controls {
    background: #4368E0;
}

.app-email-editor .add_row_box.edited.blue .bottom_plus_btn:hover,
.app-email-editor .add_row_box.edited.blue .right_top_controls_btn:hover {
    background: #2D479D;
}

.app-email-editor .add_row_box.edited.green {
    border-color: #15D7AE;
}

.app-email-editor .add_row_box.edited.green .bottom_plus_btn,
.app-email-editor .add_row_box.edited.green .left_top_controls,
.app-email-editor .add_row_box.edited.green .right_top_controls {
    background: #15D7AE;
}

.app-email-editor .add_row_box.edited.green .bottom_plus_btn:hover,
.app-email-editor .add_row_box.edited.green .right_top_controls_btn:hover {
    background: #129C7F;
}

.app-email-editor .add_row_box.edited.red {
    border-color: #FF7A82;
}

.app-email-editor .add_row_box.edited.red .bottom_plus_btn,
.app-email-editor .add_row_box.edited.red .left_top_controls,
.app-email-editor .add_row_box.edited.red .right_top_controls {
    background: #FF7A82;
}

.app-email-editor .add_row_box.edited.red .bottom_plus_btn:hover,
.app-email-editor .add_row_box.edited.red .right_top_controls_btn:hover {
    background: #D04850;
}

.app-email-editor .add_row_box.edited.cyan {
    border-color: #68C2E9;
}

.app-email-editor .add_row_box.rows_box {
    display: flex;
}

.app-email-editor .add_row_box.rows_box .add_row_box_inner {
    width: 100%;
}

.app-email-editor .add_row_box.rows_box .add_row_box_inner:not(:last-child),
.app-email-editor .add_row_box.rows_box.edited .add_row_box_inner:not(:last-child) {
    border-right: 0;
}

.app-email-editor .add_row_box.rows_box.edited .add_row_box_inner:not(:last-child) {
    border-right: 1px solid;
}

.app-email-editor .add_row_box.rows_box.edited .add_row_box_inner:last-child,
.app-email-editor .add_row_box.rows_box.edited .add_row_box_inner:last-child {
    border-left: 1px solid;
}

.app-email-editor .add_row_box.rows_box.edited {
    border: 0;
    padding-top: 42px;
}

.app-email-editor .add_row_box.rows_box.edited .add_row_box_inner {
    position: relative;
    border: 2px solid;
}

.app-email-editor .add_row_box.rows_box.edited.blue .add_row_box_inner {
    border-color: #449CF4;
}

.app-email-editor .add_row_box.rows_box.edited .left_top_controls {
    left: 15px;
    top: 15px;
}

.app-email-editor .add_row_box.rows_box.edited .right_top_controls {
    right: 15px;
    top: 15px;
}

.app-email-editor .add_row_box.rows_box.edited.blue .add_row_box_inner {
    border-color: #449CF4;
}

.app-email-editor .add_row_box.rows_box.edited.blue .bottom_plus_btn,
.app-email-editor .add_row_box.rows_box.edited.blue .left_top_controls,
.app-email-editor .add_row_box.rows_box.edited.blue .right_top_controls {
    background: #449CF4;
}

.app-email-editor .add_row_box.rows_box.edited .bottom_plus_btn {
    bottom: 6px;
    z-index: 2;
}

.app-email-editor .add_row_box.rows_box.edited .bottom_plus_btn.top {
    top: 33px;
    z-index: 2;
}

.app-email-editor .add_row_box .row_sprtr {
    width: 6px;
    height: 16px;
    background: #449CF4;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: calc(50% - 20px);
    cursor: pointer;
    z-index: 2;
}

.app-email-editor .row_sprtr.active {
    border-radius: 8px;
    width: 26px;
}

.app-email-editor .row_sprtr.active:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/row_sprtr_active_bg.svg) no-repeat center;
    background-size: contain;
}

.app-email-editor .add_row_box.rows_box .add_row_box_inner {
    width: 50%;
}

.app-email-editor .add_row_box.rows_box.has_element .add_row_box_inner {
    padding: 5px;
    justify-content: center;
    position: relative;
}

.app-email-editor .add_row_box.rows_box.has_element.edited {
    padding-top: 15px;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .left_top_controls {
    left: -2px;
    top: -29px;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .right_top_controls {
    right: -2px;
    top: -29px;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .bottom_plus_btn {
    bottom: -11px;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .bottom_plus_btn.top {
    top: -11px;
    z-index: 2;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .element_wrpr {
    position: relative;
    width: 100%;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .add_row_box_inner.inner_element_edit .element_wrpr {
    border: 2px solid;
}

.app-email-editor .add_row_box.rows_box.edited.has_element.blue .add_row_box_inner .element_wrpr {
    border-color: #449CF4;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .add_row_box_inner {
    border: 1px dashed #D5E5FF;
}

.app-email-editor .add_row_box.rows_box.edited.has_element.blue .add_row_box_inner {
    border-color: #D5E5FF;
}

.app-email-editor .add_row_box.rows_box.edited.has_element .add_row_box_inner:last-child {
    border-left: 0;
}

.app-email-editor .main-center-content .mobile_grid {
    width: 100%;
    max-width: 375px !important;
    padding: 20px;
    background: #FFFFFF;
    padding-top: 68px;
    flex: 1;
}

.app-email-editor .main-center-content.with_grid_element {
    padding-right: 0;
    padding-left: 0;
}

.app-email-editor .with_grid_element .add_row_box .add_row_box {
    padding-left: 0;
    padding-right: 0;
}

.app-email-editor .with_grid_element .add_row_box.edited .add_row_box .left_top_controls {
    left: 0;
}

.app-email-editor .with_grid_element .add_row_box.edited .add_row_box .right_top_controls {
    right: 0;
}

.app-email-editor .with_grid_element .add_row_box.edited .add_row_box .add_row_box_inner {
    padding: 20px 5px;
}

.app-email-editor .with_grid_element .add_row_box {
    padding: 0;
}

.app-email-editor .with_grid_element .add_row_box .add_row_box {
    margin-bottom: 0;
}

.app-email-editor .with_grid_element .add_row_box.edited.green .bottom_plus_btn:hover,
.app-email-editor .with_grid_element .add_row_box.edited.green .right_top_controls_btn:hover {
    background: #4368E0;
}

.app-email-editor .with_grid_element .add_row_box.edited.blue .bottom_plus_btn:hover,
.app-email-editor .with_grid_element .add_row_box.edited.blue .right_top_controls_btn:hover {
    background: #97AACD;
}

.app-email-editor .add_row_box.rows_box.edited.has_element.cyan .add_row_box_inner .element_wrpr {
    border-color: #68C2E9;
}

.app-email-editor .main-center-content .tablets_grid {
    width: 100%;
    max-width: 768px !important;
    padding: 30px;
    background: #FFFFFF;
    padding-top: 68px;
    flex: 1;
}

.app-email-editor .with_grid_element .add_row_box {
    max-width: 100%;
}

.app-email-editor .main-center-content .desktop_grid {
    width: 100%;
    max-width: 100%;
    padding: 30px;
    background: #FFFFFF;
    padding-top: 68px;
    flex: 1;
}

.app-email-editor .add_row_box.rows_box.has_element.edited .element_wrpr img {
    width: 100%;
    max-width: 100%;
}

.app-email-editor .with_grid_element .add_row_box.rows_box.edited.has_element .left_top_controls {
    left: -2px;
}

.app-email-editor .with_grid_element .add_row_box.rows_box.edited.has_element .right_top_controls {
    right: -2px;
}

.app-email-editor .add_row_box .add_row_box.has_element.edited {
    width: 100%;
    padding: 0;
}

.app-email-editor .add_row_box .add_row_box.has_element .add_row_box_inner {
    width: 100%;
}

.app-email-editor .with_grid_element .add_row_box .add_row_box.edited .add_row_box .add_row_box_inner {
    padding: 0;
    border: 0;
}


/* .add_row_box.edited.cyan .bottom_plus_btn,
.add_row_box.edited.cyan .left_top_controls,
.add_row_box.edited.cyan .right_top_controls,
.add_row_box.rows_box.edited.cyan .bottom_plus_btn,
.add_row_box.rows_box.edited.cyan .left_top_controls,
.add_row_box.rows_box.edited.cyan .right_top_controls {
    background: #68C2E9;
}
.add_row_box.edited.cyan .bottom_plus_btn:hover,
.add_row_box.edited.cyan .right_top_controls_btn:hover,
.add_row_box.rows_box.edited .bottom_plus_btn:hover,
.add_row_box.rows_box.edited .right_top_controls_btn:hover {
    background: #4B97B8;
} */

.app-email-editor .with_grid_element .add_row_box.edited .add_row_box .add_row_box_inner.p_5 {
    padding: 5px;
}

.app-email-editor .btn.sm_btn {
    font-size: 12px;
    padding: 6px 10px;
}

.app-email-editor .select_image_popup .cr_autom_left ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-email-editor .select_image_popup .cr_autom_left ul li:hover {
    background: #D5E5FF;
}

.app-email-editor .cr_autom_left ul li .edit_btns_group {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: 0.15s all ease-in-out;
}

.app-email-editor .cr_autom_left ul li:hover .edit_btns_group {
    opacity: 1;
}

.app-email-editor .cr_autom_left ul li .edit_btns_group a {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.app-email-editor .cr_autom_left ul li .edit_btns_group a:hover {
    opacity: 1;
}

.app-email-editor .create_folder_box {
    border: 1px dashed #97AACD;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.app-email-editor .select_image_popup .cr_autom_left .btn.sm_btn {
    margin-bottom: 15px;
}

.app-email-editor textarea.text_input,
.app-email-editor .sm_text_input {
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    padding: 5px 10px;
    background: #FFFFFF;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    display: block;
    width: 100%;
}

.app-email-editor textarea.text_input::placeholder,
.app-email-editor .sm_text_input::placeholder {
    color: #C5C7D2;
}

.app-email-editor textarea.text_input {
    font-size: 14px;
    min-height: 150px;
}

.app-email-editor .create_folder_box .sm_text_input {
    margin-bottom: 5px;
}

.app-email-editor .btn.xs_btn {
    font-size: 10px;
    padding: 3px 5px;
    height: auto;
}

.app-email-editor .create_folder_box .btn_wrpr {
    display: flex;
    align-items: center;
}

.app-email-editor .create_folder_box .btn_wrpr .btn {
    margin-right: 10px;
}

.app-email-editor .select_image_popup .cr_autom_popup_sides {
    max-height: 470px;
}

.app-email-editor .select_image_popup .cr_autom_left ul {
    max-height: 100%;
    flex: 1;
    width: 100%;
}

.app-email-editor .select_image_popup .cr_autom_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 205px;
}

.app-email-editor .select_image_popup .cr_autom_right {
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.app-email-editor .select_image_popup .cr_autom_right .popup_right_header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.app-email-editor .select_image_popup .select_img_items_list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.app-email-editor .select_image_popup .select_img_item {
    width: calc(33.33% - 10px);
    margin: 5px;
    border: 1px solid #EBEFF6;
    padding: 5px;
}

.app-email-editor .select_image_popup .select_img_item .img_wrpr {
    overflow: hidden;
    padding-bottom: 65%;
    position: relative;
}

.app-email-editor .select_image_popup .select_img_item .img_wrpr img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
}

.app-email-editor .select_image_popup .select_img_item p {
    margin: 0;
    font-weight: normal;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    margin-top: 3px;
}

.app-email-editor .select_image_popup .select_img_item .hover_block {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s all ease-in-out;
}

.app-email-editor .select_image_popup .select_img_item .hover_block .xs_delete_btn {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}

.app-email-editor .select_image_popup .select_img_item:hover .hover_block {
    opacity: 1;
    visibility: visible;
}

.app-email-editor .select_image_popup .select_img_item:hover,
.app-email-editor .select_image_popup .select_img_item.active {
    border: 1px solid #449CF4;
}

.app-email-editor .select_image_popup .select_img_item.active p {
    color: #636A7B;
}

.app-email-editor .select_image_popup .select_img_item.active .hover_block {
    opacity: 1;
    visibility: visible;
}

.app-email-editor .email-template img {
    max-width: 100%;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field.all_padding_field,
.app-email-editor .main .wrapper_main .sidebar .item_sidebar.all_paddings .wrapper_body .field {
    display: none;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar.all_paddings .wrapper_body .field.all_padding_field {
    display: flex;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body div.field.mt_0 {
    margin-top: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar.padding_item_sidebar .wrapper_body,
.app-email-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar .wrapper_body {
    align-items: flex-start;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field.margin_single_side {
    display: none;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar.active .margin_single_side,
.app-email-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar .margin_single_side.margin_top_side {
    display: flex;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar.active .margin_all_sides {
    display: none;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar .wrapper_body .title {
    min-width: 51px;
}

.app-email-editor .border_item_sidebar .sides .sides_btn {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    display: block;
    transition: 0.15s all ease-in-out;
}

.app-email-editor .border_item_sidebar .sides .sides_btn:not(.active):hover {
    border-color: #4368E0;
}

.app-email-editor .border_item_sidebar .sides .sides_btn.active.top {
    border-top: 3px solid #449CF4;
}

.app-email-editor .border_item_sidebar .sides .sides_btn.active.right {
    border-right: 3px solid #449CF4;
}

.app-email-editor .border_item_sidebar .sides .sides_btn.active.bottom {
    border-bottom: 3px solid #449CF4;
}

.app-email-editor .border_item_sidebar .sides .sides_btn.active.left {
    border-left: 3px solid #449CF4;
}

.app-email-editor .border_item_sidebar .sides .sides_btn.active.center {
    border: 3px solid #449CF4;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar.border_item_sidebar:not(.active) .wrapper_body {
    display: none;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar.border_item_sidebar:not(.active) .wrapper_title {
    margin: 0;
}

@media(max-width: 1300px) {
    .app-email-editor div.main-center-content-header {
        flex-wrap: wrap;
        padding-top: 5px;
        padding-bottom: 2px;
    }
    .app-email-editor .txt-style-group {
        margin-bottom: 3px;
    }
    .app-email-editor .editor_header .undo_redo_group {
        margin-right: 10px;
    }
    .app-email-editor .editor_header .sm_btns_group {
        margin-left: 10px;
    }
}

@media(max-width: 767px) {
    .app-email-editor .select_image_popup .select_img_item {
        width: calc(50% - 10px);
    }
}


/* editor-anton.css END */


/* editor-artur.css START */

.app-email-editor .main .wrapper_main {
    display: flex;
    height: calc(100vh - 70px);
}

.app-email-editor .main .wrapper_main .sidebar {
    width: 290px;
    background: #FFFFFF;
    flex-shrink: 0;
    border-right: 1px solid #E4E6F1;
}


/*.app-email-editor .main .wrapper_main .sidebar.sidebar_main {*/


/*    padding: 30px;*/


/*}*/

.app-email-editor .main .wrapper_main .sidebar .content_generator {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    padding: 20px;
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li {
    width: 50%;
    height: 83px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    transition: .3s;
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li:hover {
    opacity: .7;
    transition: .3s;
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li:hover svg path {
    fill: RGB(67, 104, 224);
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li.button_icon:hover svg rect {
    fill: #F6F9FE;
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #F6F9FE;
    border-radius: 6px;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li .icon {
    height: 21px;
    display: flex;
    align-items: center;
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li .text {
    font-size: 12px;
    color: #252A32;
    margin-top: 10px;
}

.app-email-editor .main .wrapper_main .sidebar .content_generator li svg {
    display: flex;
}

.app-email-editor .main .wrapper_main .sidebar .title_sidebar {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 12px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar {
    padding: 20px 15px;
    border-bottom: 1px solid #EBEFF6;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .title {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #252A32;
    /*text-transform: capitalize;*/
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .title.title_m_b {
    margin-bottom: 10px;
}

.app-email-editor .color_picker {
    padding: 5px;
    cursor: pointer;
    border: 1px solid #E4E6F1;
    border-radius: 3px;
    display: inline-block;
    min-width: 71px;
}

.app-email-editor .color_picker .inner {
    font-size: 12px;
    letter-spacing: 0.02em;
    padding: 2px 5px;
    text-align: center;
}

.app-email-editor .color_picker .inner span {
    color: #FFFFFF;
    font-weight: 400;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .inner_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input {
    display: flex;
    align-items: center;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input.wrapper_input_between {
    justify-content: space-between;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .radio_form {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .radio_form.radio_form_no_m_b {
    margin-bottom: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .radio_form .item+.item {
    margin-left: 30px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .radio_form .item {
    display: flex;
    align-items: center;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input input[type=text].w_100 {
    width: 100%;
    margin-right: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input input[type=text] {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #636A7B;
    min-height: 28px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input input[type=text]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #C5C7D2;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    color: #C5C7D2;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input input[type=text]:-ms-input-placeholder {
    /* IE 10+ */
    color: #C5C7D2;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    color: #C5C7D2;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input .button-wrapper {
    position: relative;
    width: 72px;
    height: 30px;
    text-align: center;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input .button-wrapper span.label {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border: 1px solid #4368E0;
    border-radius: 4px;
    padding: 6px 10px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #4368E0;
    cursor: pointer;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input #upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 28px;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.app-email-editor .collapsed .list-nav li a span {
    white-space: nowrap;
}

.app-email-editor .vue-swatches__container:not(.vue-swatches--inline) {
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2) !important;
    border-radius: 12px !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: 140px;
}

.app-email-editor .vue-swatches__fallback__input {
    border: 1px solid #E4E6F1;
    padding-left: 10px;
    padding-right: 10px;
}

.app-email-editor .vue-swatches__fallback__wrapper .vue-swatches__fallback__button {
    background-color: #fff;
    border: 1px solid #4368E0;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #4368E0;
    margin-top: 15px;
}

.app-email-editor .vue-swatches__fallback__wrapper {
    display: flex !important;
    width: auto!important;
    flex-direction: column;
    margin-right: 11px;
}

.app-email-editor .vue-swatches__fallback__input--wrapper {
    padding-right: 0!important;
}

.app-email-editor .vue-swatches__fallback__input {
    height: 32px;
    padding: 0px!important;
}

.app-email-editor input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox_item {
    display: flex;
    align-items: center;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox_item .title {
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-right: 10px;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox_item input {
    display: none;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox {
    width: 40px;
    height: 21px;
    position: relative;
    background: #E4E6F1;
    border-radius: 12px;
    transition: 0.15s all ease-in-out;
    cursor: pointer;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox span {
    display: block;
    width: 15px;
    height: 15px;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(37, 42, 50, 0.03);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    border-radius: 50%;
    transition: 0.15s all ease-in-out;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox_item input:checked~.switch_checkbox {
    background: #4368E0;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox_item input:not(:checked)~.switch_checkbox:hover {
    background: #D5E5FF;
}

.app-email-editor .main .wrapper_main .sidebar .switch_checkbox_item input:checked~.switch_checkbox span {
    left: 22px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .item .select2-container {
    min-width: 100px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .item .select-editor.w_120+.select2-container {
    min-width: 120px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item+.item {
    margin-top: 10px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .title {
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field+.field {
    margin-top: 10px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input {
    width: 92px;
    height: 28px;
    border: 1px solid #E4E6F1;
    border-radius: 3px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input input {
    width: 38px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    text-align: center;
    border-left: 1px solid #E4E6F1;
    border-right: 1px solid #E4E6F1;
    height: 100%;
    margin-right: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body.wrapper_body_block {
    flex-direction: column;
    align-items: flex-start;
}

body .app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item.dash-item {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input.dash-buttons {
    justify-content: flex-end;
    border: none;
}

.app-email-editor .dash-buttons .right_top_controls_btn {
    margin-left: 5px;
    cursor: pointer;
    /* background-color: #449cf4; */
}

.app-email-editor .dash-buttons .right_top_controls_btn svg path {
    fill: #C5C7D2;
}

.app-email-editor .dash-buttons .right_top_controls_btn:not(.delete_btn):hover svg path {
    fill: #4368E0;
}

.app-email-editor .dash-buttons .right_top_controls_btn.delete_btn svg path {
    fill: #FB595B;
}

.app-email-editor .dash-buttons .right_top_controls_btn:hover {
    background: #EEF4FF;
}

.app-email-editor .dash-buttons .right_top_controls_btn.delete_btn:hover {
    background: #FFE6E6;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .title.column-title {
    background: #d5e5ff;
    padding: 5px 10px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .dash-item .field {
    border-top: 1px solid #e4e6f1;
    border-bottom: 1px solid #e4e6f1;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .dash-item .field+.field {
    margin: 0;
}


/* Chrome, Safari, Edge, Opera */

.app-email-editor input::-webkit-outer-spin-button,
.app-email-editor input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

.app-email-editor input[type=number] {
    -moz-appearance: textfield;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input button {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 26px;
    height: 100%;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input button:focus {
    outline: none;
    border: none;
}

html {
    overflow: hidden;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked,
.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked) {
    display: none;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label,
.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    color: #636A7B;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label:before,
.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #449CF4;
    border-radius: 100%;
    background: #fff;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label:after,
.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #449CF4;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.app-email-editor .txt-option-item.active svg rect {
    fill: #4368E0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .sides {
    width: 70px;
    height: 70px;
    position: relative;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .sides .top {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .sides .right {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .sides .bottom {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .sides .left {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .sides .center {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .sides .sides_btn {
    cursor: pointer;
}

.app-email-editor .email-template .edited .text-wrap .link-container {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2);
    border-radius: 2px;
    left: 55px;
    top: 15px;
    padding: 5px;
    min-width: 242px;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url {
    position: relative;
    padding: 5px;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    display: flex;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url input {
    font-size: 11px;
    letter-spacing: 0.02em;
    color: #636A7B;
    width: 190px;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #C5C7D2;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url input::-moz-placeholder {
    /* Firefox 19+ */
    color: #C5C7D2;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url input:-ms-input-placeholder {
    /* IE 10+ */
    color: #C5C7D2;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url input:-moz-placeholder {
    /* Firefox 18- */
    color: #C5C7D2;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url .btn-link {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    background: #449CF4;
    border: none;
    border-radius: 3px;
    width: 22px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url .btn-link.copy .icon {
    display: none;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url .btn-link.copy .copy_icon {
    display: flex;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url .btn-link .copy_icon {
    display: none;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url .btn-link:hover {
    transition: .3s;
    opacity: .7;
}

.app-email-editor .email-template .edited .text-wrap .link-container .link-url .btn-link svg path {
    fill: #fff;
}

.app-email-editor .email-template .edited .text-wrap p {
    text-align: center;
    line-height: 150%;
}

.link_create_box .checkbox {
    margin-bottom: 0;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.link_create_box .checkbox p {
    font-size: 11px;
    letter-spacing: 0.02em;
    color: #C5C7D2;
}

.app-email-editor .email-template .box_content_text {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.app-email-editor .email-template .box_content_text .title {
    font-weight: bold;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    margin-bottom: 30px;
}

.app-email-editor .email-template .box_content_text p {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
    max-width: 540px;
    margin: 0 auto 30px auto;
}

.app-email-editor .email-template .border_blue {
    border-bottom: 2px solid #D5E5FF;
}

.app-email-editor .add_row_box.add_row_box_m {
    margin-top: 30px;
    margin-bottom: 30px;
}

.app-email-editor .email-template .watch_video_box {
    display: flex;
    align-items: center;
    padding: 0 25px;
    margin-bottom: 30px;
}

.app-email-editor .email-template .watch_video_box.reverse {
    flex-direction: row-reverse;
}

.app-email-editor .email-template .watch_video_box.watch_video_box_2 {
    padding-bottom: 30px;
}

.app-email-editor .email-template .watch_video_box.reverse .right_box {
    padding-left: 0;
    padding-right: 30px;
}

.app-email-editor .email-template .watch_video_box .left_box,
.app-email-editor .email-template .watch_video_box .right_box {
    width: 50%;
}

.app-email-editor .email-template .watch_video_box .left_box img {
    width: 100%;
}

.app-email-editor .email-template .watch_video_box .right_box {
    padding-left: 30px;
    text-align: left;
}

.app-email-editor .email-template .watch_video_box .right_box p {
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 10px;
    margin-top: 0;
}

.app-email-editor .email-template .watch_video_box .right_box .link_watch {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #4368E0;
    transition: .3s;
}

.app-email-editor .email-template .watch_video_box .right_box .link_watch:hover {
    transition: .3s;
    opacity: .7;
}

.app-email-editor .email-template .wrapper_row {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.app-email-editor .email-template .wrapper_content_btn p {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 150%;
    color: #636A7B;
    max-width: 450px;
    margin: 0 auto;
}

.app-email-editor .email-template .wrapper_content_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.app-email-editor .email-template .wrapper_content_btn .wrapper_btn {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.app-email-editor .email-template .wrapper_content_btn .wrapper_btn .btn+.btn {
    margin-left: 30px;
}

.app-email-editor .email-template .footer {
    padding: 30px 0 0 0;
    text-align: center;
}

.app-email-editor .email-template .footer p {
    margin: 10px 0 30px 0;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #97AACD;
}

.app-email-editor .email-template .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.app-email-editor .email-template .footer .logo-wrap {
    margin-bottom: 0;
}

.app-email-editor .add_row_box.rows_box.has_element .add_row_box_inner img {
    width: 100%;
}

.app-email-editor .sidebar_open_mob_btn {
    display: none;
}


/* editor-artur.css END */


/* editor-kolya.css START */

.app-email-editor .elm-start-tmp {
    max-width: 600px;
    width: 100%;
    border: 1px dashed #D5E5FF;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    margin: 30px auto 0;
}

.app-email-editor .elm-start-tmp p {
    letter-spacing: 0.02em;
    font-size: 16px;
    font-weight: 500;
    color: #97AACD;
    margin-bottom: 16px;
    margin-top: 0;
}

.app-email-editor .elm-start-tmp .icon {
    margin-bottom: 15px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.app-email-editor .elm-start-tmp .icon svg path {
    transition: 0.3s;
}

.app-email-editor .elm-start-tmp .icon:hover svg path {
    fill: #449CF4;
}

.app-email-editor .elm-start-tmp p span {
    font-size: 14px;
    font-weight: 400;
}

.app-email-editor .elm-start-tmp p:last-child {
    margin-bottom: 0;
}

.app-email-editor .elm-type-section {
    background-color: #fff;
    position: absolute;
    width: 460px;
    border: 1px solid #F6F9FE;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2);
    padding: 15px;
    top: calc(100% + 4px);
    left: -215px;
    opacity: 0;
    /* pointer-events: none; */
    transition: 0.3s;
    visibility: hidden;
}

.app-email-editor .elm-type-section.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.app-email-editor .elm-type-section::before {
    content: "";
    position: absolute;
    /* background-image: url(../img/before-arrow-up.svg); */
    background-repeat: no-repeat;
    width: 17px;
    height: 11px;
    top: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.app-email-editor .elm-type-section p {
    letter-spacing: 0.02em;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
    color: #97AACD;
}

.app-email-editor .sec-type-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.app-email-editor .sec-type-items .sec-item {
    width: calc(33.3333% - 10px);
    border: 1px dashed #D5E5FF;
    background: #fff;
    letter-spacing: 0.02em;
    font-size: 10px;
    text-align: center;
    color: #97AACD;
    position: relative;
    min-height: 65px;
    cursor: pointer;
}

.app-email-editor .sec-type-items .sec-item div {
    transition: 0.15s all ease-in-out;
}

.app-email-editor .sec-type-items .sec-item.full-width div {
    background-color: #EEF4FF;
    margin-left: 5px;
    margin-right: 5px;
}

.app-email-editor .sec-type-items .sec-item.wide div {
    background-color: #EEF4FF;
    margin-left: 15px;
    margin-right: 15px;
}

.app-email-editor .sec-type-items .sec-item.half-width div {
    background-color: #EEF4FF;
    width: 50%;
}

.app-email-editor .sec-type-items .sec-item:hover div {
    background-color: #D5E5FF;
}

.app-email-editor .sec-type-items .sec-item div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 5px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-email-editor .heading-select {
    max-width: 100px;
    width: 100%;
}

.app-email-editor .heading-select~.select2-container--default .select2-selection--single {
    width: 100px;
}

.app-email-editor .font-select~.select2-container--default .select2-selection--single {
    width: 150px;
}

.app-email-editor .select-editor~.select2-container--default .select2-selection--single {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
}

.app-email-editor .select-editor~.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c5c7d2;
    letter-spacing: 0.02em;
    font-size: 12px;
    /*line-height: 25px;*/
}

.app-email-editor .select-editor~.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #C5C7D2 transparent transparent transparent;
}

.app-email-editor .main-center-content-header {
    justify-content: center;
    padding: 0 30px;
    z-index: 2;
}

.txt-style-group {
    display: flex;
    align-items: center;
    /*margin-right: 15px;*/
    margin: 2px 5px;
}

.txt-style-group:last-child {
    margin-right: 0;
}

.app-email-editor .txt-option-item {
    /* width: 25px; */
    margin-right: 3px;
    min-width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    border-radius: 3px;
    cursor: pointer;
    color: #C5C7D2;
    padding: 3px;
    font-weight: 400;
    text-transform: uppercase;
}

.app-email-editor .txt-option-item:hover,
.app-email-editor .txt-option-item.active {
    background-color: #EEF4FF;
}

.app-email-editor .txt-option-item.active {
    color: #4368E0;
}

.app-email-editor .txt-option-item.active svg path {
    fill: #4368E0;
}

.app-email-editor .email-container {
    width: 100%;
}

.app-email-editor .email-template {
    background-color: #FFFFFF;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.app-email-editor .email-template .logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.app-email-editor .email-template h3 {
    text-align: center;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #68C2E9;
}

.app-email-editor .email-template h4 {
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #FDCC5E;
    margin-bottom: 57px;
}

.app-email-editor .email-template .add_row_box.edited {
    margin-bottom: 10px;
}

.app-email-editor .add_row_box.around-wrap {
    display: inline-block;
    padding: 0;
    max-width: none;
    width: auto;
}

.app-email-editor .add_row_box.around-wrap .img-wrap {
    display: flex;
}

.app-email-editor .email-template .add_row_box.mb-50 {
    margin-bottom: 50px;
}

.app-email-editor .email-template .edited .text-wrap {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
}

.app-email-editor .email-template .edited .text-wrap p {
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #97AACD;
}

.app-email-editor .email-template .edited .text-wrap p a {
    color: #748edd;
    text-decoration: underline;
}


/********************
Style in common
********************/

/* CUSTOMS */

.app-email-editor .element_wrpr .right_top_controls_btn:hover,
.app-email-editor .add_row_box.edited .right_top_controls_btn:hover {
    background: rgba(0, 0, 0, 0.25);
}

.app-email-editor .element_wrpr .bottom_plus_btn:before,
.app-email-editor .add_row_box.edited .bottom_plus_btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.20);
    opacity: 0;
    transition: 0.15s all ease-in-out;
    border-radius: 50%;
}

.app-email-editor .element_wrpr .bottom_plus_btn:hover:before,
.app-email-editor .add_row_box.edited .bottom_plus_btn:hover:before {
    opacity: 1;
}

.app-email-editor .element_wrpr .bottom_plus_btn svg,
.app-email-editor .add_row_box.edited .bottom_plus_btn svg {
    z-index: 2;
}

.app-email-editor .add_row_box.add_row_open {
    margin-bottom: 105px;
}

.app-email-editor .select2_item {
    width: 100%;
}

.app-email-editor .select2_item .select2-container--default .select2-selection--single {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    height: 28px !important;
}

.app-email-editor .select2_item .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #C5C7D2 transparent transparent transparent;
}

.app-email-editor .select2_item .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    line-height: 26px;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
    padding: 0 10px !important;
    text-align: left;
}

.app-email-editor .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block !important;
}

.txt-style-group .select2-container {
    min-width: 60px;
}

.app-email-editor .inner_box.with_select .title {
    width: 100%;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item .inner_box {
    width: 100%;
}

.app-email-editor .border_select_style_wrpr .title {
    width: 100%;
}

.app-email-editor .border_radius_box {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}

.app-email-editor .border_radius_box .right_box,
.app-email-editor .border_radius_box .wrapper_title {
    width: 100%;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field.w_100 {
    width: 100%;
}

.app-email-editor .sidebar_animation_item .select2_item {
    width: initial;
}

.app-email-editor *[contenteditable="true"]:focus {
    border: 1px dashed #D5E5FF;
    border-radius: 3px;
    /* width: fit-content; */
    /* padding-left: 5px;
    padding-right: 5px;
    margin-left: -6px; */
    outline: none;
    /* background: #EEF4FF; */
}

.app-email-editor .editor__content *[contenteditable="true"]:focus {
    border: 0;
    border-radius: 0;
}

.app-email-editor .not_yet_box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
    min-height: 250px;
}

.app-email-editor .fade-enter-active,
.app-email-editor .fade-leave-active {
    transition: opacity .5s;
}

.app-email-editor .fade-enter,
.app-email-editor .fade-leave-to {
    opacity: 0;
}

.app-email-editor .animated_popup {
    transition: 0.15s all ease-in-out;
}

.app-email-editor .error_label {
    color: red;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.app-email-editor .element_wrpr {
    position: relative;
    /* border: 2px solid transparent; */
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}


/* .element_wrpr:not(.current):not(:hover) {
    padding: 2px;
} */


/* .element_wrpr:not(.current):hover {
    border-style: dashed;
} */

.app-email-editor .element_wrpr:not(.current) {
    /* border: 2px solid transparent !important; */
}


/* .element_wrpr.current {
    border: 2px solid;
} */


/* .element_wrpr.current:hover {
    padding: 0;
} */


/* .block_img img {
    width: 100%;
} */


/* .element_wrpr:hover {
    border: 2px solid;
} */

.app-email-editor .video_element_wrpr {
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
}

.app-email-editor .timer_element {
    display: inline-block;
}

.app-email-editor .timer_element li {
    margin: 0 5px;
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: inherit;
    display: inline-block;
}

.app-email-editor .header_sidebar_wrpr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
}

.app-email-editor .header_sidebar_wrpr .back_btn {
    padding: 8px 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-email-editor .header_sidebar_wrpr .back_btn:hover svg path {
    fill: #4368E0;
}

.app-email-editor .header_sidebar_wrpr .title_sidebar {
    margin-right: auto;
    margin-left: auto;
}

.app-email-editor .select-editor .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c5c7d2;
    letter-spacing: 0.02em;
    font-size: 12px;
}

.app-email-editor .select-editor .select2-container--default .select2-selection--single {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
}

.app-email-editor .select-editor .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #C5C7D2 transparent transparent transparent;
}

.app-email-editor .main-center-content-header.content_editor_header {
    position: fixed;
    z-index: 99;
    right: 0;
    left: auto;
    width: calc(100% - 358px);
    box-shadow: none;
    display: none;
}

.app-email-editor .element_wrpr.current .main-center-content-header.content_editor_header {
    display: flex;
}

.app-email-editor .content_header_inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-email-editor .html_editor_box {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 3;
    width: calc(100% - 358px);
    padding: 5px;
    box-shadow: 4px 0px 10px rgba(37, 42, 50, 0.05);
}

.app-email-editor .html_editor_box textarea.text_input {
    min-height: 100px;
    max-height: 250px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_title.mb_0 {
    margin-bottom: 0;
}

.app-email-editor .mb_20 {
    margin-bottom: 20px;
}

.app-email-editor .list_item_block {
    border-bottom: 1px solid #e4e6f1;
    padding-bottom: 20px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .list_item_block .item_sidebar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    border-bottom: 0;
}

.app-email-editor .list_item_block .title_wrpr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.app-email-editor .list_item_block .title_wrpr .delete_btn {
    padding: 5px 7px;
    display: flex;
    align-items: center;
}

.app-email-editor .list_item_block .title_wrpr .delete_btn svg path {
    fill: red;
}

.app-email-editor .font_component_selects .select2_item:nth-child(2) {
    flex: 1;
    margin-left: 15px;
    min-width: 58px;
}

.app-email-editor .add_block_line {
    /* position: fixed; */
    display: block;
    height: 2px;
    background: #4368e0;
    z-index: 100;
    /* left: 358px; */
    /* right: auto; */
    transform: scaleX(0);
    pointer-events: none;
    transform-origin: right;
    animation: drawLine 1 0.3s ease forwards;
    top: 50% !important;
    right: 100% !important;
    position: absolute;
}

@keyframes drawLine {
    to {
        transform: scaleX(1);
    }
}

.app-email-editor .add_block_line:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #4368e0;
    left: -4px;
    top: -3px;
    border-radius: 100%;
}

.app-email-editor .add_block_line:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #4368e0;
    right: -4px;
    top: -3px;
    border-radius: 100%;
}

.app-email-editor .plus_input_btn_dropdown {
    position: fixed;
    left: 60px;
    top: 69px;
    border-radius: 0;
    height: calc(100vh - 69px);
    width: 290px;
    background: #FFFFFF;
    box-shadow: 0px 11px 10px rgba(37, 42, 50, 0.05);
    padding: 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    transition: 0.15s all ease-in-out;
    border-top: 1px solid #E4E6F1;
}

.app-email-editor .plus_input_btn_dropdown .small_search_input {
    background: url(../img/xs_search_icon.svg) no-repeat left 11px center;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 10px;
    padding: 6px 10px 6px 30px;
    width: 100%;
    height: 32px;
}

.app-email-editor .plus_input_btn_dropdown_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: auto;
    flex: 1;
    max-height: 100%;
    padding: 20px;
}

.app-email-editor .plus_input_btn_dropdown_list .sidebar-block {
    width: calc(50% - 10px);
    margin-bottom: 10px;
    height: 83px;
    cursor: pointer;
}

.app-email-editor .element_wrpr {
    cursor: grab;
}

.app-email-editor .ProseMirror-focused {
    cursor: text;
}

body .app-email-editor .smooth-dnd-container {
    min-height: auto;
}

.app-email-editor .toolbar_select {
    position: relative;
    z-index: 2;
    min-width: 100px;
}

.app-email-editor .toolbar_select_header {
    padding: 5px 10px;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-email-editor .toolbar_select_dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 100%;
    border: 1px solid #E4E6F1;
    visibility: hidden;
    opacity: 0;
}

.app-email-editor .toolbar_select:hover .toolbar_select_dropdown {
    visibility: visible;
    opacity: 1;
}

.app-email-editor .toolbar_select_dropdown li {
    text-align: left;
    padding: 5px 10px;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.app-email-editor .toolbar_select_dropdown li:hover {
    color: #3959C1;
}

.link_create_box {
    position: absolute;
    z-index: 2;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2);
    border-radius: 2px;
    padding: 5px;
    width: fit-content;
    opacity: 0;
    visibility: hidden;
    z-index: 20;
}

.link_create_box.is-active {
    opacity: 1;
    visibility: visible;
}

.link_create_button {
    width: 22px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #449CF4;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.link_create_button svg path {
    fill: #fff;
}

.link_create_form {
    width: 242px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
}

.app-email-editor .toolbar_select {
    max-width: 150px;
}

.app-email-editor .content_editor_box a {
    pointer-events: none;
    color: #4368E0;
    text-decoration: underline;
}

.app-email-editor .iframe__embed {
    width: 100%;
    height: 15rem;
    border: 0;
}

.app-email-editor .iframe__input {
    display: block;
    width: 100%;
    font: inherit;
    border: 0;
    border-radius: 5px;
    background: #eeeeee;
    padding: 10px 10px 13px !important;
    width: calc(100% - 10px) !important;
    margin: 5px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .color_picker.darked {
    background: #000000 !important;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .color_picker.transparent .inner span {
    color: #000000;
}

.app-email-editor .disabled_input {
    pointer-events: none;
    background: #eee;
}

.app-email-editor .not-allowed {
    cursor: not-allowed;
}

.app-email-editor .content_editor_box a.close_popup_btn {
    pointer-events: initial;
}

.app-email-editor .code_popup .btn_wrpr {
    margin-top: 20px;
}

.app-email-editor .code_popup .raw-test {
    height: initial;
    text-align: left;
}

.app-email-editor .bottom-nav.list-nav a {
    cursor: pointer;
}

.app-email-editor .add_row_box {
    transition: padding 0.3s ease;
}

.app-email-editor .add_row_box.active-child,
.app-email-editor .add_row_box.current {
    padding: 15px;
}

.app-email-editor .headline_content_editor .ProseMirror ul p:last-child,
.app-email-editor .headline_content_editor .ProseMirror ol p:last-child {
    display: block !important;
}

.link_create_box .link_popup_close {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    pointer-events: initial;
}

.link_create_box .link_popup_close:hover {
    opacity: 0.6;
}

.link_create_box .link_popup_close svg {
    width: 10px;
    height: 10px;
}

.app-email-editor .content-root {
    position: relative;
}

.app-email-editor .btn.block {
    text-align: center;
}

.txt-style-group-wrpr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.app-email-editor .font_panel_item .txt-style-group-wrpr .txt-style-group {
    margin: 0;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .color_picker.square_color_picker {
    min-width: 30px;
    height: 27px;
    margin-top: 3px;
    margin-left: 15px;
}

.app-email-editor .vue-swatches_wrapper .square_color_picker .inner {
    height: 16px;
    padding: 0;
}

.app-email-editor .font_panel_item .txt-option-item {
    min-width: 30px;
    height: 30px;
}

.app-email-editor .multiselect_item .select2-container--default .select2-selection--multiple {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    min-height: 28px;
}

.app-email-editor .multiselect_item .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #E4E6F1;
    background: #FFF;
    padding-bottom: 0;
    padding-top: 0;
    border-radius: 2px;
}

.app-email-editor .multiselect_item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #4368E0;
    opacity: 0.7;
}

.app-email-editor .multiselect_item .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #4368E0;
    background: #dbe3fc;
    border: 1px solid #4368E0;
    padding-left: 20px;
    position: relative;
}

.app-email-editor .multiselect_item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #4368E0;
    border: 1px solid #4368e0;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-email-editor .back-to-editor {
    z-index: 2;
}

.app-email-editor .social_networks_item .top_wrpr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    position: relative;
}

.app-email-editor .social_networks_item {
    width: 100%;
}

.app-email-editor .drag_action_with_lines {
    display: flex;
    flex-direction: column;
    cursor: grab;
}

.app-email-editor .drag_action_with_lines span {
    width: 20px;
    height: 3px;
    background: #e3e3e3;
    border-radius: 3px;
    transition: 0.15s all ease-in-out;
}

.app-email-editor .drag_action_with_lines:hover span {
    background: #4368E0;
}

.app-email-editor .drag_action_with_lines span+span {
    margin-top: 3px;
}

.app-email-editor .main .wrapper_main .sidebar .social_networks_item .switch_checkbox_item {
    margin-left: auto;
    margin-right: 15px;
}

.app-email-editor .main .wrapper_main .sidebar .item_sidebar .social_networks_item .title {
    color: #4d4d4d;
    font-weight: 400;
}

.app-email-editor .code_popup_tab_titles {
    display: flex;
    align-items: center;
}

.app-email-editor .code_popup_tab_titles li {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 0 0px 10px;
    padding: 5px;
    border-bottom: 2px solid #E4E6F1;
    transition: 0.15s all ease-in-out;
}

.app-email-editor .code_popup_tab_titles li.active {
    color: #252A32;
    border-color: #449CF4;
}

/*.app-email-editor .code_popup_editor_wrpr .my-editor {*/
/*    height: calc(100vh - 290px);*/
/*    overflow-y: auto;*/
/*}*/

.app-email-editor .simple_checkbox_input .content_editor_box {
    width: initial;
}

.app-email-editor .headline_oneline .editor__content h3+p {
    display: none;
}

.app-email-editor .content-root {
    position: relative;
}

.app-email-editor .btn.block {
    text-align: center;
}

.app-email-editor .quill_editor_toolbar {
    border: 1px solid #e3e6f1 !important;
    flex: 1;
    flex-direction: row;
    display: flex;
    max-width: 485px !important;
    width: 485px !important;
    flex-wrap: wrap;
    padding: 6px 10px;
    height: auto;
    position: absolute;
    top: -120px;
    left: 0px;
    z-index: 10;
    background-color: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .08) !important;
    opacity: 0;
    visibility: hidden;
}

.app-email-editor .quill_editor_toolbar.open {
    visibility: visible;
    opacity: 1;
}

.app-email-editor .quill_editor_toolbar.bottom {
    position: absolute;
    top: unset;
    left: 0;
    bottom: -100px;
}

.app-email-editor .quill_editor_toolbar.right{
    left: unset;
    right: 0;
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    display: none;
}

.ql-bubble .ql-tooltip {
    z-index: 100;
}

.app-email-editor .ql-snow .ql-formats,
.app-page-editor .ql-snow .ql-formats {
    display: flex;
}

.app-email-editor .ql-toolbar.ql-snow .ql-formats,
.app-page-editor .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important;
}

.app-email-editor .quill-editor .ql-toolbar.ql-snow .ql-formats,
.app-page-editor .quill-editor .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0;
}

.app-email-editor .quill-editor .ql-toolbar.ql-snow .ql-formats+.ql-formats,
.app-page-editor .quill-editor .ql-toolbar.ql-snow .ql-formats+.ql-formats {
    margin-left: 10px;
}

.ql-toolbar .txt-style-group .ql-picker-label {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    text-align: left;
    outline: none !important;
}

.txt-style-group .ql-picker.ql-header {
    color: #C5C7D2;
    height: 28px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
}

.ql-toolbar .txt-style-group .ql-picker-label::before {
    line-height: 27px;
}

.ql-toolbar .txt-style-group .ql-picker-label::after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #C5C7D2 transparent transparent transparent;
}

.ql-toolbar .txt-style-group .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    display: none;
}


/*.app-email-editor .ql-clipboard+.ql-tooltip {*/


/*    display: none;*/


/*}*/

.app-email-editor .ql-container.ql-snow,
.app-page-editor .ql-container.ql-snow {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    font-style: inherit;

    /* Needed for image float position in paragraph/headline/order bump (left/right) */
    display: flex;
}

.app-email-editor .ql-container.ql-snow .ql-editor,
.app-page-editor .ql-container.ql-snow .ql-editor {
    text-align: inherit;
    padding: 0;
    line-height: inherit;
    overflow: visible;
    border: none !important;
    /* Needed for image float position in paragraph/headline/order bump (left/right) */
    flex: 1;

}

.app-email-editor .add_row_box .content_editor_box p {
    line-height: initial;
}

.app-email-editor .ql-editor,
.app-page-editor .ql-editor {
    -webkit-user-select: text;
    overflow: hidden;
}


/* hz hide styles */

.txt-style-group .vue-swatches {
    display: block!important;
}


/* .app-email-editor  */

.txt-style-group .vue-swatches__trigger__wrapper {
    display: block!important;
}


/* .app-email-editor  */

.txt-style-group .vue-swatches__trigger {
    border: 1px solid #E4E6F1;
    border-radius: 2px!important;
    box-shadow: inset 0 0 0px 2px #fff;
    width: 28px!important;
    height: 28px!important;
}


/* .app-email-editor  */

.txt-style-group .select2_item .form-control.ql-picker {
    display: none;
}


/* .app-email-editor  */

.txt-style-group .vue-swatches__container:not(.vue-swatches--inline) {
    width: initial;
}


/* .app-email-editor  */

.txt-style-group .vue-swatches__container .vue-swatches__swatch {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.app-email-editor .content_editor_box_wrpr,
.app-page-editor .content_editor_box_wrpr,
.app-email-editor .content_editor_box,
.app-page-editor .content_editor_box {
    width: 100%;
}

.ql-toolbar .ql-picker-label.ql-active {
    color: inherit !important;
    outline: none;
}

.ql-toolbar .ql-picker-label:hover {
    color: inherit !important;
}

.ql-picker-options {
    background: white !important;
    border: 1px solid #e3e6f1 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12) !important;
    padding: 5px 0 !important;
}

.ql-picker-options .ql-picker-item {
    text-align: left;
    padding: 4px 15px;
}

.ql-toolbar .ql-picker-item:hover {
    background: #5897fb;
}

.ql-toolbar .ql-picker-item.ql-selected {
    color: #fff !important;
    background: #5897fb;
}

.ql-toolbar .ql-picker-label:hover .ql-stroke {
    stroke: #e3e6f1 !important;
}

.ql-picker.ql-header {
    outline: none;
    border: 1px solid #e3e6f1;
    border-radius: 3px;
}

.ql-picker .ql-picker-label {
    color: #777;
    z-index: 2;
    text-align: left;
}

.color_picker_wrpr {
    position: relative;
}

.color_picker_box {
    position: fixed;
    z-index: 999;
    bottom: 10px;
    left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #FFFFFF;
    box-shadow: 0px 64px 64px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 2px 2px rgba(211, 214, 215, 0.2);
    border-radius: 12px;
    padding: 15px;
    height: fit-content;
    border: 1px solid #e3e6f1;
}

.color_circles {
    display: flex;
    width: 62px;
    flex-wrap: wrap;
    margin: -2.5px;
}

.color_circles li {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
    margin: 2.5px;
}
.color_circles li.transparent,.color_circles li.white {
    border: 1px solid silver;
    position: relative;
}
.color_circles li.transparent::before {
    content: '';
    display: block;
    position: absolute;
    background: #fc585b;
    width: 5px;
    height: 23px;
    transform: rotate(45deg);
    transform-origin: 6px 20px;
    left: 2px;
}
.color_circles li:hover {
    opacity: 0.7;
}

.color_picker_box_left p {
    font-weight: normal;
    font-size: 13px;
    line-height: 150% !important;
    letter-spacing: 0.02em;
    color: #636A7B;
    max-width: 116px;
    margin: 0;
    margin-bottom: 15px !important;
    text-align: left;
}

.set_color_btn {
    background: #4368E0;
    border: 1px solid #4368E0;
    border-radius: 4px;
    display: block;
    padding: 6px 10px;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.set_color_btn:hover {
    opacity: 0.7;
}

.color_picker_box .vc-sketch {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    padding-left: 15px;
    width: 205px;
}

.color_picker_box .vc-sketch-saturation-wrap {
    padding-bottom: 50%;
    border-radius: 8px;
}

.color_picker_box .vc-sketch-presets {
    display: none;
}

.color_picker_box .set_color_btn {
    margin-top: 26px;
    pointer-events: initial;
    color: #fff;
    text-decoration: none;
}

.color_picker_box .vc-editable-input {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.color_picker_box .vc-sketch-field .vc-input__label {
    text-align: left;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.color_picker_box .vc-sketch-field .vc-input__input {
    background: #FFFFFF;
    border: 1px solid #C5C7D2;
    border-radius: 6px;
    font-weight: normal;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #636A7B;
    padding: 8px 0px;
    text-align: center;
    width: 100%;
}

.color_picker_box .vc-sketch-color-wrap {
    display: none;
}

.color_picker_box .vc-sketch-field .vc-sketch-field--single:last-child {
    display: none;
}

.color_picker_box .vc-sketch-field .vc-sketch-field--single,
.color_picker_box .vc-sketch-field .vc-sketch-field--double {
    width: 100%;
}

.color_picker_box .vc-sketch-hue-wrap {
    margin-top: 10px;
}

.color_picker_box .vc-sketch-alpha-wrap {
    margin-top: 14px;
}

.color_picker_box .vc-hue-picker,
.color_picker_box .vc-alpha-picker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 1px #E5E5E5, 0px 0px 0px 1px #E4E6F1 inset;
    margin-top: -3px;
}

.color_picker_box .vc-alpha-picker {
    background: #E4E6F1;
}

.color_picker_box .vc-sketch-sliders .vc-hue,
.color_picker_box .vc-sketch-sliders .vc-alpha-gradient {
    border-radius: 24px;
}

.color_picker_box .vc-sketch-alpha-wrap {
    overflow: initial;
}

.color_picker_box .vc-saturation-circle {
    width: 12px;
    height: 12px;
}

.color_circles li.active {
    border-color: #4368E0;
}

.app-email-editor .sidebar_light_title {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #636A7B;
    padding: 21px 0;
    display: block;
    width: 100%;
}

.app-email-editor .sidebar_layout_items_wrpr {
    display: none;
}

.app-email-editor .title.row-title.active+.sidebar_layout_items_wrpr {
    display: block;
    width: 100%;
}

.app-email-editor .wrapper_header_sidebar {
    border-bottom: 1px solid #EBEFF6;
    /* border-right: 1px solid #EBEFF6; */
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
}

.app-email-editor .not_self_comp .color_picker {
    min-width: 28px;
    padding: 2px;
}

.app-email-editor .not_self_comp .color_picker .inner {
    padding: 11px 5px;
}

.app-email-editor .not_self_comp .color_picker_wrpr {
    display: flex;
    align-items: center;
}

.app-email-editor .sidebar .sidebar_search_form input {
    padding: 6px 10px 6px 30px;
    width: 100%;
    height: 32px;
    border: 1px solid #D5E5FF;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #252A32;
    background: url(../img/search_icon.svg) no-repeat left 11px center;
}

.app-email-editor .bottom_plus_btn:not(.top) .elm-type-section {
    top: auto;
    bottom: calc(100% + 4px);
}

.app-email-editor .prism-editor-wrapper .prism-editor__editor {
    color: #c5c7d2;
}

.app-email-editor .collapsed .list-nav li a span {
    display: none;
}

/*.app-email-editor .common-dragging .add_row_box .add_row_box_inner .plus_icon~.common-level:empty:after {*/
/*    !*min-height: 83px;*!*/
/*}*/

.app-email-editor .common-dragging .add_row_box .add_row_box_inner .plus_icon~.smooth-dnd-container.common-level {
    /*margin-top: -83px;*/
    z-index: 2;
    opacity: 0.3;
}

.app-email-editor .smooth-dnd-container {
    min-height: initial;
}

.app-email-editor .common-dragging .add_row_box .row_columns.box_hovered {
    /*min-height: 99px;*/
}

.app-email-editor .sidebar_add_newitem_btn {
    justify-content: center;
}

.app-email-editor .quill_editor_toolbar .color_picker_box,
.app-page-editor .quill_editor_toolbar .color_picker_box {
    transform: translate(20px, 65px);
}

@media (max-width: 1260px) {
    .app-email-editor .editor_header .btn.brdr_btn.with_icon svg {
        margin: 0;
    }
    .app-email-editor .editor_header .btn.brdr_btn.with_icon .btns_text {
        display: none;
    }
    .app-email-editor .editor_header .btn {
        padding: 5px 10px;
    }
    .app-email-editor .editor_header {
        flex-wrap: wrap;
        height: auto;
    }
    .app-email-editor .editor_header .email_name {
        margin-bottom: 10px;
    }
    .app-email-editor .editor_header .btn {
        white-space: nowrap;
    }
    .app-email-editor .quill_editor_toolbar {
        height: auto;
    }
}

@media (max-width: 1080px) {
    .app-email-editor .editor_header .undo_redo_group {
        margin-right: 0;
    }
    .app-email-editor .editor_header .sm_btns_group {
        margin-left: 20px;
    }
}

@media (max-width: 991px) {
    .app-email-editor .editor_header .notification {
        margin-left: 10px;
    }
    .app-email-editor .editor_header {
        padding: 15px;
    }
    .app-email-editor .editor_header .email_name {
        font-size: 16px;
    }
    .app-email-editor .sidebar_open_mob_btn {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: -35px;
        top: 5px;
        z-index: 2;
        transition: 0.3s all ease-in-out;
    }
    .app-email-editor .sidebar_open_mob_btn span {
        display: block;
        width: 24px;
        height: 4px;
        background: #4368E0;
        border-radius: 4px;
    }
    .app-email-editor .sidebar_open_mob_btn span:nth-child(2) {
        margin: 3px 0;
    }
    .app-email-editor .main .wrapper_main .sidebar.active_on_mob .sidebar_open_mob_btn {
        right: 10px;
    }
    .app-email-editor .main .wrapper_main .sidebar {
        position: absolute;
        z-index: 999;
        top: 0;
        left: -270px;
        border-right: 1px solid #E4E6F1;
        transition: 0.3s all ease-in-out;
    }
    .app-email-editor .main .wrapper_main .sidebar.active_on_mob {
        left: 0;
    }
    .app-email-editor .left-bar .left-toggle {
        display: none;
    }
    .app-email-editor .add_row_box {
        max-width: 100% !important;
    }
    .app-email-editor .content_editor_box .main-center-content-header.content_editor_header {
        left: 88px;
        width: calc(100% - 88px);
    }
    .app-email-editor .txt-style-group {
        margin-right: 5px;
    }
}

@media (max-width: 767px) {
    .app-email-editor .add_row_box.rows_box .add_row_box_inner {
        width: 100%;
    }
    .app-email-editor .main-center-content {
        padding: 15px;
    }
    .app-email-editor .sec-type-items {
        flex-direction: column;
        align-items: flex-start;
    }
    .app-email-editor .main-center-content .sec-type-items .sec-item {
        width: 100%;
    }
    .app-email-editor .main-center-content .sec-type-items .sec-item+.sec-item {
        margin-top: 10px;
    }
    .app-email-editor .main-center-content .elm-type-section {
        width: 300px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .app-email-editor .editor_header .right {
        margin-left: auto;
    }
}

@media (max-width: 576px) {
    .app-email-editor .left-bar.collapsed {
        width: 50px;
    }
    .app-email-editor .editor_header {
        padding: 15px;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }
    .app-email-editor .editor_header .sm_btns_group {
        margin-left: 0;
        margin-right: 15px;
    }
    .app-email-editor .editor_header .right {
        margin-top: 10px;
    }
    .app-email-editor .editor_header .notification {
        margin-left: 15px;
    }
}


/* ------------------------------ PAGE EDITOR STYLES ------------------------------ */

.app-page-editor {
    width: 100%;
}

.updates-notification.app-page-editor {
    display: none;
}

.app-page-editor .wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.app-page-editor .left-bar {
    width: 235px;
    height: 100vh;
    overflow: visible;
    padding: 35px 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-right: 1px solid #f2f2f5;
    position: relative;
    transition: all 0.3s;
    z-index: 2;
    background: #fBfBfB;
}

.app-page-editor .left-bar.collapsed {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}

.app-page-editor .left-bar>.main-nav {
    padding: 10px;
    justify-content: flex-start;
}

.app-page-editor .left-toggle {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 30px;
    left: 100%;
    margin-left: -10px;
    z-index: 1;
    border: 1px solid #E4E6F1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all 0.3s;
}

.app-page-editor .left-toggle.collapsed {
    transform: rotateY(180deg);
}

.app-page-editor .logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.app-page-editor .logo img {
    width: 32px;
    height: 32px;
}

.app-page-editor .logo span {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.22;
    color: #4368E0;
    margin-left: 10px;
}

.app-page-editor .collapsed .logo span {
    display: none;
}

.app-page-editor .main {
    flex: 1;
    /* height: 100vh;
    overflow: auto; */
    display: flex;
    justify-content: space-between;
    width: calc(100% - 235px);
}

.app-page-editor .main-left {
    width: 356px;
    border-right: 1px solid #E4E6F1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.app-page-editor .left-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 16px 18px;
}

.app-page-editor .back-link {
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    color: #636A7B;
    padding-left: 30px;
    background-position: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.app-page-editor .list-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.app-page-editor .list-nav li a span {
    margin-left: 27px;
    flex: 1;
    color: #636A7B;
    text-decoration: none;
}

.app-page-editor .main-nav {
    margin-top: 110px;
    flex: 1;
}

.app-page-editor .list-nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    position: relative;
    width: 100%;
}

.app-page-editor .list-nav li a:hover {
    opacity: 0.7;
}

.app-page-editor .list-nav li a svg {
    display: block;
    max-width: 18px;
    max-height: 18px;
    margin: 0 6px;
}

.app-page-editor .list-nav li a:not(.router-link-exact-active) svg path {
    fill: #C5C7D2;
}

.app-page-editor .list-nav li a:not(.router-link-exact-active):hover svg path {
    fill: #4368E0;
}

.app-page-editor .collapsed .list-nav li a:hover {
    opacity: 1;
}

.app-page-editor .collapsed .list-nav li a {
    justify-content: center;
    padding-left: 0;
}

.app-page-editor .collapsed .list-nav li a svg {
    margin: 0;
}

.app-page-editor .collapsed .list-nav li a span {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 100%;
    height: 48px;
    background: #4368E0;
    padding: 0 15px;
    margin: 0;
    color: #fff;
    border-radius: 5px;
    z-index: 5;
    transform: scalex(0);
    transform-origin: left;
}

.app-page-editor .collapsed .list-nav li a:hover span {
    transition: all 0.3s;
    transform: none;
}

.app-page-editor .main-center {
    flex: 1;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

.app-page-editor input.input-file {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}

.app-page-editor .upload-image {
    position: relative;
}

.app-page-editor .notification,
.app-page-editor .close-banner {
    cursor: pointer;
}

.app-page-editor .cr_autom_popup_sides {
    display: flex;
    justify-content: space-between;
    border: 1px solid #EEF4FF;
    border-radius: 6px;
    max-height: 380px;
    overflow: hidden;
}

.app-page-editor .cr_autom_left {
    padding: 15px 10px;
    background: #EEF4FF;
    border-radius: 6px 0px 0px 6px;
    width: 240px;
}

.app-page-editor .cr_autom_left ul {
    overflow-y: auto;
    max-height: calc(100% - 35px);
}

.app-page-editor .cr_autom_right {
    width: 100%;
    overflow-y: auto;
    flex: 1;
}

.app-page-editor .cr_autom_left ul {
    overflow-y: auto;
    max-height: calc(100% - 35px);
}

.app-page-editor .cr_autom_left ul li {
    cursor: pointer;
    padding: 7px 10px;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    transition: 0.15s all ease-in-out;
    border-radius: 4px;
}

.app-page-editor .cr_autom_left ul li.active {
    background: #D5E5FF;
    color: #4368E0;
}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-thumb {
    background-color: #E4E6F1;
}

*::-webkit-scrollbar-track {
    background-color: #fff;
}


/* COMMON END */


/* editor-anton.css START */

.app-page-editor svg rect {
    transition: 0.15s all ease-in-out;
}

.app-page-editor .btn.brdr_btn.with_icon {
    display: flex;
    align-items: center;
}

.app-page-editor .btn.brdr_btn.with_icon svg {
    margin-right: 11px;
}

.app-page-editor .sm_btns_group {
    display: flex;
    align-items: center;
}

.app-page-editor .sm_sqr_btn {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-page-editor .sm_sqr_btn:hover {
    background: #EEF4FF;
}

.app-page-editor .editor_header .sm_btns_group {
    margin-left: 50px;
}

.app-page-editor .editor_header .devices_btns .sm_sqr_btn svg path {
    fill: #C5C7D2;
}

.app-page-editor .editor_header .devices_btns .sm_sqr_btn.active svg path {
    fill: #4368E0;
}

.app-page-editor .editor_header .devices_btns .sm_sqr_btn.active {
    background: #EEF4FF;
}

.app-page-editor .editor_header .undo_redo_group {
    margin-right: 35px;
}

.app-page-editor .main-center-content-header {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 71px;
    width: 100%;
    background: #fff;
    height: 70px;
    display: flex;
    align-items: center;
    box-shadow: 0px 5px 10px rgba(37, 42, 50, 0.1);
}

.app-page-editor .main-center-content.desktop_main_center_content {
    min-width: 1170px;
}
.app-page-editor .main-center-content.tablets_main_center_content {
    min-width: 768px;
}

.app-page-editor .main-center-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 80px 30px;
    flex: 1;
    background: #F5F5FC;
}

.app-page-editor .main-center-content.align_center {
    justify-content: center;
}

.app-page-editor .add_row_box {
    background: #FFFFFF;
    padding: 0;
    width: 100%;
    max-width: 600px;
    margin-bottom: 57px;
    /* border: 2px dashed #d5e5ff; */
}

.app-page-editor .plus_icon p {
    margin-top: 5px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
    padding-top: 1px;
}

.app-page-editor .add_row_box.rows_box.edited .add_row_box_inner:last-child,
.app-page-editor .add_row_box.rows_box.edited .add_row_box_inner:last-child {
    border-left: 1px solid;
}

.app-page-editor .add_row_box.rows_box.edited {
    border: 0;
    padding-top: 42px;
}

.app-page-editor .add_row_box.rows_box.edited .add_row_box_inner {
    position: relative;
    border: 2px solid;
}

.app-page-editor .add_row_box.rows_box.edited.blue .add_row_box_inner {
    border-color: #449CF4;
}

.app-page-editor .add_row_box.rows_box.edited .left_top_controls {
    left: 15px;
    top: 15px;
}

.app-page-editor .add_row_box.rows_box.edited .right_top_controls {
    right: 15px;
    top: 15px;
}

.app-page-editor .add_row_box.rows_box.edited.blue .add_row_box_inner {
    border-color: #449CF4;
}

.app-page-editor .add_row_box.rows_box.edited.blue .bottom_plus_btn,
.app-page-editor .add_row_box.rows_box.edited.blue .left_top_controls,
.app-page-editor .add_row_box.rows_box.edited.blue .right_top_controls {
    background: #449CF4;
}

.app-page-editor .add_row_box.rows_box.edited .bottom_plus_btn {
    bottom: 6px;
    z-index: 2;
}

.app-page-editor .add_row_box.rows_box.edited .bottom_plus_btn.top {
    top: 33px;
    z-index: 2;
    display: none;
}

.app-page-editor .add_row_box.rows_box .add_row_box_inner {
    width: 50%;
}

.app-page-editor .add_row_box.rows_box.has_element .add_row_box_inner {
    padding: 5px;
    justify-content: center;
    position: relative;
}

.app-page-editor .add_row_box.rows_box.has_element.edited {
    padding-top: 15px;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .left_top_controls {
    left: -2px;
    top: -29px;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .right_top_controls {
    right: -2px;
    top: -29px;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .bottom_plus_btn {
    bottom: -11px;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .bottom_plus_btn.top {
    top: -11px;
    z-index: 2;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .element_wrpr {
    position: relative;
    width: 100%;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .add_row_box_inner.inner_element_edit .element_wrpr {
    border: 2px solid;
}

.app-page-editor .add_row_box.rows_box.edited.has_element.blue .add_row_box_inner .element_wrpr {
    border-color: #449CF4;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .add_row_box_inner {
    border: 1px dashed #D5E5FF;
}

.app-page-editor .add_row_box.rows_box.edited.has_element.blue .add_row_box_inner {
    border-color: #D5E5FF;
}

.app-page-editor .add_row_box.rows_box.edited.has_element .add_row_box_inner:last-child {
    border-left: 0;
}

.app-page-editor .main-center-content .mobile_grid {
    width: 100%;
    max-width: 375px;
    background: #FFFFFF;
    flex: 1;
}

.app-page-editor .with_grid_element .add_row_box .add_row_box {
    padding-left: 0;
    padding-right: 0;
}

.app-page-editor .with_grid_element .add_row_box.edited .add_row_box .left_top_controls {
    left: 0;
}

.app-page-editor .with_grid_element .add_row_box.edited .add_row_box .right_top_controls {
    right: 0;
}

.app-page-editor .with_grid_element .add_row_box.edited .add_row_box .add_row_box_inner {
    padding: 20px 5px;
}

.app-page-editor .with_grid_element .add_row_box {
    padding: 0;
}

.app-page-editor .with_grid_element .add_row_box .add_row_box {
    margin-bottom: 0;
}

.app-page-editor .with_grid_element .add_row_box.edited.green .bottom_plus_btn:hover,
.app-page-editor .with_grid_element .add_row_box.edited.green .right_top_controls_btn:hover {
    background: #4368E0;
}

.app-page-editor .with_grid_element .add_row_box.edited.blue .bottom_plus_btn:hover,
.app-page-editor .with_grid_element .add_row_box.edited.blue .right_top_controls_btn:hover {
    background: #97AACD;
}

.app-page-editor .add_row_box.rows_box.edited.has_element.cyan .add_row_box_inner .element_wrpr {
    border-color: #68C2E9;
}

.app-page-editor .main-center-content .tablets_grid {
    width: 100%;
    max-width: 768px;
    background: #FFFFFF;
    flex: 1;
}

.app-page-editor .main-center-content .desktop_grid {
    width: 100%;
    max-width: 100%;
    background: #FFFFFF;
    flex: 1;
}

.app-page-editor .add_row_box.rows_box.has_element.edited .element_wrpr img {
    width: 100%;
    max-width: 100%;
}

.app-page-editor .with_grid_element .add_row_box.rows_box.edited.has_element .left_top_controls {
    left: -2px;
}

.app-page-editor .with_grid_element .add_row_box.rows_box.edited.has_element .right_top_controls {
    right: -2px;
}

.app-page-editor .add_row_box .add_row_box.has_element.edited {
    width: 100%;
    padding: 0;
}

.app-page-editor .add_row_box .add_row_box.has_element .add_row_box_inner {
    width: 100%;
}

.app-page-editor .with_grid_element .add_row_box .add_row_box.edited .add_row_box .add_row_box_inner {
    padding: 0;
    border: 0;
}

.app-page-editor .with_grid_element .add_row_box.edited .add_row_box .add_row_box_inner.p_5 {
    padding: 5px;
}

.app-page-editor .btn.sm_btn {
    font-size: 12px;
    padding: 6px 10px;
}

.app-page-editor .select_image_popup .cr_autom_left ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-page-editor .select_image_popup .cr_autom_left ul li:hover {
    background: #D5E5FF;
}

.app-page-editor .cr_autom_left ul li .edit_btns_group {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: 0.15s all ease-in-out;
}

.app-page-editor .cr_autom_left ul li:hover .edit_btns_group {
    opacity: 1;
}

.app-page-editor .cr_autom_left ul li .edit_btns_group a {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.app-page-editor .cr_autom_left ul li .edit_btns_group a:hover {
    opacity: 1;
}

.app-page-editor .create_folder_box {
    border: 1px dashed #97AACD;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.app-page-editor .select_image_popup .cr_autom_left .btn.sm_btn {
    margin-bottom: 15px;
}

.app-page-editor textarea.text_input,
.app-page-editor .sm_text_input {
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    padding: 5px 10px;
    background: #FFFFFF;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    display: block;
    width: 100%;
}

.app-page-editor textarea.text_input::placeholder,
.app-page-editor .sm_text_input::placeholder {
    color: #C5C7D2;
}

.app-page-editor textarea.text_input {
    font-size: 14px;
    min-height: 150px;
}

.app-page-editor .create_folder_box .sm_text_input {
    margin-bottom: 5px;
}

.app-page-editor .btn.xs_btn {
    font-size: 10px;
    padding: 3px 5px;
}

.app-page-editor .create_folder_box .btn_wrpr {
    display: flex;
    align-items: center;
}

.app-page-editor .create_folder_box .btn_wrpr .btn {
    margin-right: 10px;
}

.app-page-editor .send_email_popup {
    max-width: 547px;
}

.app-page-editor .send_email_popup .inputs_wrpr {
    display: flex;
    align-items: center;
}

.app-page-editor .send_email_popup .inputs_wrpr .control-input {
    margin-right: 15px;
    flex: 1;
}

.app-page-editor .send_email_result_popup {
    max-width: 380px;
}

.app-page-editor .send_email_result_popup .popup_body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-page-editor .send_email_result_popup p {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 0;
    margin-left: 30px;
}

.app-page-editor .send_email_result_popup .popup_header {
    margin-bottom: 25px;
}

.app-page-editor .email-template img {
    max-width: 100%;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field.all_padding_field,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar.all_paddings .wrapper_body .field {
    display: none;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar.all_paddings .wrapper_body .field.all_padding_field {
    display: flex;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body div.field.mt_0 {
    margin-top: 0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar.padding_item_sidebar .wrapper_body,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar .wrapper_body {
    align-items: flex-start;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field.margin_single_side {
    display: none;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar.active .margin_single_side,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar .margin_single_side.margin_top_side {
    display: flex;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar.active .margin_all_sides {
    display: none;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar.margin_item_sidebar .wrapper_body .title {
    min-width: 51px;
}

.app-page-editor .border_item_sidebar .sides .sides_btn {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    display: block;
    transition: 0.15s all ease-in-out;
}

.app-page-editor .border_item_sidebar .sides .sides_btn:not(.active):hover {
    border-color: #4368E0;
}

.app-page-editor .border_item_sidebar .sides .sides_btn.active.top {
    border-top: 3px solid #449CF4;
}

.app-page-editor .border_item_sidebar .sides .sides_btn.active.right {
    border-right: 3px solid #449CF4;
}

.app-page-editor .border_item_sidebar .sides .sides_btn.active.bottom {
    border-bottom: 3px solid #449CF4;
}

.app-page-editor .border_item_sidebar .sides .sides_btn.active.left {
    border-left: 3px solid #449CF4;
}

.app-page-editor .border_item_sidebar .sides .sides_btn.active.center {
    border: 3px solid #449CF4;
}

.app-page-editor .txt-style-group .select2_item .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 10px !important;
}

@media(max-width: 1300px) {
    .app-page-editor div.main-center-content-header {
        flex-wrap: wrap;
        padding-top: 5px;
        padding-bottom: 2px;
    }
    .app-page-editor .txt-style-group {
        margin-bottom: 3px;
    }
    .app-page-editor .editor_header .undo_redo_group {
        margin-right: 10px;
    }
    .app-page-editor .editor_header .sm_btns_group {
        margin-left: 10px;
    }
}

@media(max-width: 767px) {
    .app-page-editor .select_image_popup .select_img_item {
        width: calc(50% - 10px);
    }
}


/* editor-anton.css END */


/* editor-artur.css START */

.app-page-editor .main .wrapper_main {
    display: flex;
    height: calc(100vh - 50px);
}

.app-page-editor .main .wrapper_main .sidebar {
    width: 320px;
    background: #FFFFFF;
    flex-shrink: 0;
    border-right: 1px solid #E4E6F1;
}

.app-page-editor .main .wrapper_main .sidebar.sidebar_main {
    padding: 30px;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li {
    width: 50%;
    height: 83px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    transition: .3s;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li:hover {
    opacity: .7;
    transition: .3s;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li:hover svg path {
    fill: RGB(67, 104, 224);
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li.button_icon:hover svg rect {
    fill: #F6F9FE;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #F6F9FE;
    border-radius: 6px;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li .icon {
    height: 21px;
    display: flex;
    align-items: center;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li .text {
    font-size: 12px;
    color: #252A32;
    margin-top: 10px;
}

.app-page-editor .main .wrapper_main .sidebar .content_generator li svg {
    display: flex;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar {
    padding: 20px 15px;
    border-bottom: 1px solid #EBEFF6;
    width: 100%;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .title {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #252A32;
    line-height: 28px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .title.title_m_b {
    margin-bottom: 10px;
    text-align: left;
    align-items: center;
}

.app-page-editor .color_picker {
    padding: 5px;
    cursor: pointer;
    border: 1px solid #E4E6F1;
    border-radius: 3px;
    display: inline-block;
    min-width: 71px;
}

.app-page-editor .color_picker .inner {
    font-size: 12px;
    letter-spacing: 0.02em;
    padding: 2px 5px;
    text-align: center;
}

.app-page-editor .color_picker .inner span {
    color: #FFFFFF;
    font-weight: 400;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .inner_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input {
    display: flex;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input.wrapper_input_between {
    justify-content: space-between;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .radio_form {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .radio_form.radio_form_no_m_b {
    margin-bottom: 0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .radio_form .item+.item {
    margin-left: 30px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .radio_form .item {
    display: flex;
    align-items: center;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input .button-wrapper {
    position: relative;
    width: 72px;
    height: 30px;
    text-align: center;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input .button-wrapper span.label {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border: 1px solid #4368E0;
    border-radius: 4px;
    padding: 6px 10px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #4368E0;
    cursor: pointer;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_input #upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 28px;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.app-page-editor .collapsed .list-nav li a span {
    white-space: nowrap;
}

.app-page-editor .vue-swatches__container:not(.vue-swatches--inline) {
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2) !important;
    border-radius: 12px !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: 140px;
}

.app-page-editor .vue-swatches__fallback__input {
    border: 1px solid #E4E6F1;
    padding-left: 10px;
    padding-right: 10px;
}

.app-page-editor .vue-swatches__fallback__wrapper .vue-swatches__fallback__button {
    background-color: #fff;
    border: 1px solid #4368E0;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #4368E0;
    margin-top: 15px;
}

.app-page-editor .vue-swatches__fallback__wrapper {
    display: flex !important;
    width: auto!important;
    flex-direction: column;
    margin-right: 11px;
}

.app-page-editor .vue-swatches__fallback__input--wrapper {
    padding-right: 0!important;
}

.app-page-editor .vue-swatches__fallback__input {
    height: 32px;
    padding: 0px!important;
}

.app-page-editor input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.app-page-editor .main .wrapper_main .sidebar .switch_checkbox_item {
    display: flex;
    align-items: center;
}

.app-page-editor .main .wrapper_main .sidebar .switch_checkbox_item .title {
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-right: 10px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body.wrapper_body_block {
    flex-direction: column;
    align-items: stretch;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .item .select2-container {
    min-width: 100px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .item .select-editor.w_120+.select2-container {
    min-width: 120px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item+.item {
    margin-top: 10px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .title {
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field+.field {
    margin-top: 10px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input {
    width: 92px;
    height: 28px;
    border: 1px solid #E4E6F1;
    border-radius: 3px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input input {
    width: 38px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    text-align: center;
    border-left: 1px solid #E4E6F1;
    border-right: 1px solid #E4E6F1;
    height: 100%;
    margin-right: 0;
}

.app-page-editor body .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item.dash-item {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input.dash-buttons {
    justify-content: flex-end;
    border: none;
}

.app-page-editor .dash-buttons .right_top_controls_btn {
    margin-left: 5px;
    cursor: pointer;
    background-color: #449cf4;
}

.app-page-editor .dash-buttons .right_top_controls_btn:hover {
    background-color: #3375b7;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .title.column-title {
    background: #d5e5ff;
    padding: 5px 10px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .dash-item .field {
    border-top: 1px solid #e4e6f1;
    border-bottom: 1px solid #e4e6f1;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .dash-item .field+.field {
    margin: 0;
}


/* Chrome, Safari, Edge, Opera */

.app-page-editor input::-webkit-outer-spin-button,
.app-page-editor input::-webkit-inner-spin-button {
    /* -webkit-appearance: none; */
    margin: 0;
}


/* Firefox */


/* input[type=number] {
    -moz-appearance: textfield;
} */

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input button {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 26px;
    height: 100%;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field .wrapper_input button:focus {
    outline: none;
    border: none;
}

.app-page-editor html {
    overflow: hidden;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked) {
    display: none;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    color: #636A7B;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label:before,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #449CF4;
    border-radius: 100%;
    background: #fff;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label:after,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #449CF4;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.app-page-editor .txt-option-item.active svg rect {
    fill: #4368E0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .sides {
    width: 70px;
    height: 70px;
    position: relative;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .sides .top {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .sides .right {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .sides .bottom {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .sides .left {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .sides .center {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .sides .sides_btn {
    cursor: pointer;
}

.app-page-editor .email-template .edited .text-wrap .link-container {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2);
    border-radius: 2px;
    left: 55px;
    top: 15px;
    padding: 5px;
    min-width: 242px;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url {
    position: relative;
    padding: 5px;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    display: flex;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url input {
    font-size: 11px;
    letter-spacing: 0.02em;
    color: #636A7B;
    width: 190px;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #C5C7D2;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url input::-moz-placeholder {
    /* Firefox 19+ */
    color: #C5C7D2;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url input:-ms-input-placeholder {
    /* IE 10+ */
    color: #C5C7D2;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url input:-moz-placeholder {
    /* Firefox 18- */
    color: #C5C7D2;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url .btn-link {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    background: #449CF4;
    border: none;
    border-radius: 3px;
    width: 22px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url .btn-link.copy .icon {
    display: none;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url .btn-link.copy .copy_icon {
    display: flex;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url .btn-link .copy_icon {
    display: none;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url .btn-link:hover {
    transition: .3s;
    opacity: .7;
}

.app-page-editor .email-template .edited .text-wrap .link-container .link-url .btn-link svg path {
    fill: #fff;
}

.app-page-editor .email-template .edited .text-wrap p {
    text-align: center;
    line-height: 150%;
}

.app-page-editor .email-template .box_content_text {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.app-page-editor .email-template .box_content_text .title {
    font-weight: bold;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
    margin-bottom: 30px;
}

.app-page-editor .email-template .box_content_text p {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
    max-width: 540px;
    margin: 0 auto 30px auto;
}

.app-page-editor .email-template .border_blue {
    border-bottom: 2px solid #D5E5FF;
}

.app-page-editor .add_row_box.add_row_box_m {
    margin-top: 30px;
    margin-bottom: 30px;
}

.app-page-editor .email-template .watch_video_box {
    display: flex;
    align-items: center;
    padding: 0 25px;
    margin-bottom: 30px;
}

.app-page-editor .email-template .watch_video_box.reverse {
    flex-direction: row-reverse;
}

.app-page-editor .email-template .watch_video_box.watch_video_box_2 {
    padding-bottom: 30px;
}

.app-page-editor .email-template .watch_video_box.reverse .right_box {
    padding-left: 0;
    padding-right: 30px;
}

.app-page-editor .email-template .watch_video_box .left_box,
.app-page-editor .email-template .watch_video_box .right_box {
    width: 50%;
}

.app-page-editor .email-template .watch_video_box .left_box img {
    width: 100%;
}

.app-page-editor .email-template .watch_video_box .right_box {
    padding-left: 30px;
    text-align: left;
}

.app-page-editor .email-template .watch_video_box .right_box p {
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin-bottom: 10px;
    margin-top: 0;
}

.app-page-editor .email-template .watch_video_box .right_box .link_watch {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #4368E0;
    transition: .3s;
}

.app-page-editor .email-template .watch_video_box .right_box .link_watch:hover {
    transition: .3s;
    opacity: .7;
}

.app-page-editor .email-template .wrapper_row {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.app-page-editor .email-template .wrapper_content_btn p {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 150%;
    color: #636A7B;
    max-width: 450px;
    margin: 0 auto;
}

.app-page-editor .email-template .wrapper_content_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.app-page-editor .email-template .wrapper_content_btn .wrapper_btn {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.app-page-editor .email-template .wrapper_content_btn .wrapper_btn .btn+.btn {
    margin-left: 30px;
}

.app-page-editor .email-template .footer {
    padding: 30px 0 0 0;
    text-align: center;
}

.app-page-editor .email-template .footer p {
    margin: 10px 0 30px 0;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #97AACD;
}

.app-page-editor .email-template .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.app-page-editor .email-template .footer .logo-wrap {
    margin-bottom: 0;
}

.app-page-editor .add_row_box.rows_box.has_element .add_row_box_inner img {
    width: 100%;
}

.app-page-editor .sidebar_open_mob_btn {
    display: none;
}


/* editor-artur.css END */


/* editor-kolya.css START */

.app-page-editor .heading-select {
    max-width: 100px;
    width: 100%;
}

.app-page-editor .heading-select~.select2-container--default .select2-selection--single {
    width: 100px;
}

.app-page-editor .font-select~.select2-container--default .select2-selection--single {
    width: 150px;
}

.app-page-editor .select-editor~.select2-container--default .select2-selection--single {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
}

.app-page-editor .select-editor~.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c5c7d2;
    letter-spacing: 0.02em;
    font-size: 12px;
    /*line-height: 25px;*/
}

.app-page-editor .select-editor~.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #C5C7D2 transparent transparent transparent;
}

.app-page-editor .main-center-content-header {
    justify-content: center;
    padding: 0 30px;
    z-index: 2;
}

.app-page-editor .email-container {
    width: 100%;
}

.app-page-editor .email-template {
    background-color: #FFFFFF;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.app-page-editor .email-template .logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.app-page-editor .email-template h3 {
    text-align: center;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #68C2E9;
}

.app-page-editor .email-template h4 {
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #FDCC5E;
    margin-bottom: 57px;
}

.app-page-editor .email-template .add_row_box.edited {
    margin-bottom: 10px;
}

.app-page-editor .add_row_box.around-wrap {
    display: inline-block;
    padding: 0;
    max-width: none;
    width: auto;
}

.app-page-editor .add_row_box.around-wrap .img-wrap {
    display: flex;
}

.app-page-editor .email-template .add_row_box.mb-50 {
    margin-bottom: 50px;
}

.app-page-editor .email-template .edited .text-wrap {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
}

.app-page-editor .email-template .edited .text-wrap p {
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #97AACD;
}

.app-page-editor .email-template .edited .text-wrap p a {
    color: #748edd;
    text-decoration: underline;
}


/********************
Style in common
********************/

/* editor-kolya.css END */


/* CUSTOMS */

.app-page-editor .element_wrpr .right_top_controls_btn:hover,
.app-page-editor .add_row_box.edited .right_top_controls_btn:hover {
    background: rgba(0, 0, 0, 0.25);
}

.app-page-editor .add_row_box.edited .bottom_plus_btn svg {
    z-index: 2;
}

.app-page-editor .add_row_box.add_row_open {
    margin-bottom: 105px;
}

.app-page-editor .select2_item {
    width: 100%;
}

.app-page-editor .select2_item .select2-container--default .select2-selection--single {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
}

.app-page-editor .select2_item .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #C5C7D2 transparent transparent transparent;
}

.app-page-editor .select2_item .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    line-height: 16px;
}

.app-page-editor .inner_box.with_select .title {
    width: 100%;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body>.item .inner_box {
    width: 100%;
}

.app-page-editor .border_select_style_wrpr .title {
    width: 100%;
}

.app-page-editor .border_radius_box {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}

.app-page-editor .border_radius_box .right_box,
.app-page-editor .border_radius_box .wrapper_title {
    width: 100%;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .field.w_100 {
    width: 100%;
}

.app-page-editor .sidebar_animation_item .select2_item {
    width: initial;
}

.app-page-editor .not_yet_box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #97AACD;
    min-height: 250px;
}

.app-page-editor .fade-enter-active,
.app-page-editor .fade-leave-active {
    transition: opacity .5s;
}

.app-page-editor .fade-enter,
.app-page-editor .fade-leave-to {
    opacity: 0;
}

.app-page-editor .animated_popup {
    transition: 0.15s all ease-in-out;
}

.app-page-editor .error_label {
    color: red;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.app-page-editor .element_wrpr {
    position: relative;
    /* border: 2px solid transparent; */
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.app-page-editor .header_sidebar_wrpr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
}

.app-page-editor .header_sidebar_wrpr .back_btn {
    padding: 8px 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-page-editor .header_sidebar_wrpr .back_btn:hover svg path {
    fill: #4368E0;
}

.app-page-editor .select-editor .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c5c7d2;
    letter-spacing: 0.02em;
    font-size: 12px;
}

.app-page-editor .select-editor .select2-container--default .select2-selection--single {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
}

.app-page-editor .select-editor .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #C5C7D2 transparent transparent transparent;
}

.app-page-editor .menu_element {
    text-align: center;
    margin: -5px;
}

.app-page-editor .menu_element li {
    margin: 5px;
    display: inline-block;
    text-decoration: inherit;
}

.app-page-editor .menu_element li a {
    display: block;
    text-decoration: inherit;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.app-page-editor .menu_element li a .img_wrpr {
    display: block;
    max-width: 60px;
}

.app-page-editor .menu_element li a .img_wrpr img {
    max-width: 100%;
}

.app-page-editor .main-center-content-header.content_editor_header {
    position: fixed;
    z-index: 99;
    right: 0;
    left: auto;
    width: calc(100% - 358px);
    box-shadow: none;
    display: none;
}

.app-page-editor .element_wrpr.current .main-center-content-header.content_editor_header {
    display: flex;
}

.app-page-editor .content_header_inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-page-editor .html_editor_box {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 3;
    width: calc(100% - 358px);
    padding: 5px;
    box-shadow: 4px 0px 10px rgba(37, 42, 50, 0.05);
}

.app-page-editor .html_editor_box textarea.text_input {
    min-height: 100px;
    max-height: 250px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_title.mb_0 {
    margin-bottom: 0;
}

.app-page-editor .mb_10 {
    margin-bottom: 10px;
}

.app-page-editor .mb_20 {
    margin-bottom: 20px;
}

.app-page-editor .list_item_block {
    border-bottom: 1px solid #e4e6f1;
    padding-bottom: 20px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .list_item_block .item_sidebar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    border-bottom: 0;
}

.app-page-editor .list_item_block .title_wrpr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.app-page-editor .product_list_settings .delete_btn,
.app-page-editor .list_item_block .title_wrpr .delete_btn {
    padding: 5px 7px;
    display: flex;
    align-items: center;
}

.app-page-editor .product_list_settings .delete_btn svg path,
.app-page-editor .list_item_block .title_wrpr .delete_btn svg path {
    fill: red;
}

.app-page-editor .add_block_line {
    position: fixed;
    display: block;
    height: 2px;
    background: #4368e0;
    z-index: 100;
    left: 358px;
    right: auto;
    transform: scaleX(0);
    pointer-events: none;
    transform-origin: right;
    animation: drawLine 1 0.3s ease forwards;
}

@keyframes drawLine {
    to {
        transform: scaleX(1);
    }
}

.app-page-editor .add_block_line:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #4368e0;
    left: -4px;
    top: -3px;
    border-radius: 100%;
}

.app-page-editor .add_block_line:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #4368e0;
    right: -4px;
    top: -3px;
    border-radius: 100%;
}

.app-page-editor .element_wrpr {
    cursor: move;
}

.app-page-editor .ProseMirror-focused {
    cursor: text;
}

.app-page-editor body .smooth-dnd-container {
    min-height: auto;
}

.app-page-editor .toolbar_select {
    position: relative;
    z-index: 2;
    min-width: 100px;
}

.app-page-editor .toolbar_select_header {
    padding: 5px 10px;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-page-editor .toolbar_select_dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 100%;
    border: 1px solid #E4E6F1;
    visibility: hidden;
    opacity: 0;
}

.app-page-editor .toolbar_select:hover .toolbar_select_dropdown {
    visibility: visible;
    opacity: 1;
}

.app-page-editor .toolbar_select_dropdown li {
    text-align: left;
    padding: 5px 10px;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.app-page-editor .toolbar_select_dropdown li:hover {
    color: #3959C1;
}

.app-page-editor .link_create_box {
    position: absolute;
    z-index: 20;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(211, 214, 215, 0.2), 0px 4px 4px rgba(211, 214, 215, 0.2), 0px 16px 16px rgba(211, 214, 215, 0.2), 0px 32px 32px rgba(211, 214, 215, 0.2), 0px 64px 64px rgba(211, 214, 215, 0.2);
    border-radius: 2px;
    padding: 5px;
    width: fit-content;
    opacity: 0;
    visibility: hidden;
}

.app-page-editor .link_create_box.is-active {
    opacity: 1;
    visibility: visible;
}

.app-page-editor .link_create_button {
    width: 22px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #449CF4;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.app-page-editor .link_create_button svg path {
    fill: #fff;
}

.app-page-editor .link_create_form {
    width: 242px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border: 1px solid #E4E6F1;
    border-radius: 2px;
}

.app-page-editor .toolbar_select {
    max-width: 150px;
}

.app-page-editor .content_editor_box a {
    pointer-events: none !important;
    color: #4368E0;
    text-decoration: underline;
}

.app-page-editor .iframe__embed {
    width: 100%;
    height: 15rem;
    border: 0;
}

.app-page-editor .iframe__input {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    margin-right: 10px;
    letter-spacing: 0.02em;
    color: #636A7B;
    min-height: 28px;
    padding: 7px 10px 8px !important;
    width: calc(100% - 10px) !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    background: #ffffff;
    margin: 5px;
    display: block;
    font: inherit;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .color_picker.darked {
    background: #000000 !important;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .color_picker.transparent .inner span {
    color: #000000;
}

.app-page-editor .disabled_input {
    pointer-events: none;
    background: #eee;
}

.app-page-editor .not-allowed {
    cursor: not-allowed;
}

.app-page-editor .content_editor_box a.close_popup_btn {
    pointer-events: initial;
}

.app-page-editor .code_popup .btn_wrpr {
    margin-top: 20px;
}

.app-page-editor .bottom-nav.list-nav a {
    cursor: pointer;
}

.app-page-editor .add_row_box {
    transition: padding 0.3s ease;
}

.app-page-editor .add_row_box.active-child,
.app-page-editor .add_row_box.current {
    padding: 15px;
}

.app-page-editor .headline_content_editor .ProseMirror ul p:last-child,
.app-page-editor .headline_content_editor .ProseMirror ol p:last-child {
    display: block !important;
}

.app-page-editor .sidebar-level {
    width: 100%;
}

.app-page-editor .sidebar .top_form {
    margin-bottom: 15px;
}

.app-page-editor .sidebar .top_form input,
.app-page-editor .small_search_input {
    padding: 6px 10px 6px 30px;
    width: 100%;
    height: 32px;
    border: 1px solid #D5E5FF;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #252A32;
    background: url("../img/search_icon.svg") no-repeat left 11px center;
}

.app-page-editor .save_dismiss_circle_btns {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 5px);
    display: flex;
    align-items: center;
    z-index: 2;
}

.app-page-editor .save_dismiss_circle_btns li {
    margin-right: 5px;
}

.app-page-editor .save_dismiss_circle_btns li a {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    background: #E4E6F1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.app-page-editor .save_dismiss_circle_btns li a:hover {
    background: #D5E5FF;
    color: #4368e0;
}

/*.app-page-editor .add_row_box .add_row_box_inner .form_shipping {*/
/*    text-align: initial;*/
/*}*/

/*.app-page-editor .add_row_box.edited .form_shipping .form_header {*/
/*    margin-bottom: 12px;*/
/*}*/

.app-page-editor .aic_juscb_edit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.app-page-editor .aic_juscb_edit .xs_delete_btn {
    display: block;
    opacity: 0.5;
}

.app-page-editor .aic_juscb_edit:hover .xs_delete_btn {
    opacity: 1;
}

.app-page-editor .aic_juscb_edit .form_text_label {
    margin-bottom: 0;
}

.app-page-editor .form_group.with_edit_btn {
    position: relative;
}


/* .form_group.with_edit_btn .drag_action, */

.app-page-editor .drag_action {
    position: absolute;
    left: -22px;
    top: 29px;
    width: 16px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEF4FF;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    cursor: grab;
}

.app-page-editor .drag_action:focus {
    cursor: grabbing;
}


/* .form_group.with_edit_btn .drag_action:hover { */

.app-page-editor .drag_action:hover {
    border: 1px solid #449CF4;
}

.app-page-editor .form_group.with_edit_btn:hover .drag_action {
    opacity: 1;
    visibility: visible;
}

.app-page-editor .form_group.with_edit_btn .xs_delete_btn {
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.app-page-editor .form_group.with_edit_btn:hover .xs_delete_btn {
    opacity: 0.5;
    visibility: visible;
}

.app-page-editor .form_group.with_edit_btn:hover .xs_delete_btn:hover {
    opacity: 1;
}

/*.app-page-editor .add_row_box .add_row_box_inner .form_shipping {*/
/*    margin: 0 auto;*/
/*    max-width: 100%;*/
/*}*/

.app-page-editor .editable_wrpr {
    position: relative;
    width: fit-content;
}

.app-page-editor .sidebar input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
}

/*.app-page-editor .steps_toggler {*/
/*    border: 1px solid #E4E6F1;*/
/*    border-radius: 3px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    width: 134px;*/
/*    position: relative;*/
/*}*/

/*.app-page-editor .steps_toggler:before {*/
/*    content: "";*/
/*    display: block;*/
/*    height: 30px;*/
/*    width: 67px;*/
/*    background: #449CF4;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    border-radius: 3px;*/
/*    transition: 0.15s all ease-in-out;*/
/*}*/

/*.app-page-editor .steps_toggler.active:before {*/
/*    left: 67px;*/
/*}*/

/*.app-page-editor .steps_toggle_side {*/
/*    padding: 6px 12px;*/
/*    font-weight: normal;*/
/*    font-size: 12px;*/
/*    line-height: 150%;*/
/*    display: block;*/
/*    letter-spacing: 0.02em;*/
/*    color: #C5C7D2;*/
/*    cursor: pointer;*/
/*    transition: 0.15s all ease-in-out;*/
/*    border-radius: 3px;*/
/*    white-space: nowrap;*/
/*    z-index: 2;*/
/*}*/

/*.app-page-editor .steps_toggle_side.active {*/
/*    color: #FFFFFF;*/
/*}*/

/*.app-page-editor .steps_toggle_side:not(.active):hover {*/
/*    color: #449CF4;*/
/*}*/

.app-page-editor .input_number_block.single_item .wrapper_input {
    width: 92px;
    height: 28px;
    border: 1px solid #E4E6F1;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.app-page-editor .input_number_block.single_item .wrapper_body .field .wrapper_input button {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 26px;
    height: 100%;
    outline: none;
}

.app-page-editor .input_number_block.single_item .wrapper_body .field .wrapper_input input {
    width: 38px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #C5C7D2;
    text-align: center;
    border-left: 1px solid #E4E6F1;
    border-right: 1px solid #E4E6F1;
    height: 100%;
    margin-right: 0;
    outline: none;
    text-decoration: none;
    font-style: normal;
}

.app-page-editor .form_groups_sprtr.form_group.with_edit_btn .drag_action {
    top: 0px;
}

.app-page-editor .editable_text {
    cursor: text;
}

/*.app-page-editor .form_shipping .radio_brdr_box .credit_card_form {*/
/*    margin-top: 20px;*/
/*    margin-bottom: 0;*/
/*    width: 100%;*/
/*}*/

.app-page-editor .text_inline_block {
    display: inline-block;
}

.app-page-editor .product_price_table {
    width: 100%;
    position: relative;
}

.app-page-editor .add_product_btn {
    position: absolute;
    left: 0;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEF4FF;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    font-size: 12px;
    border: 1px solid #449CF4;
    color: #449CF4;
    cursor: pointer;
    padding: 0 3px;
}

.app-page-editor .take_it_brdr_box .add_product_btn {
    left: auto;
    bottom: 5px;
    right: 5px;
}

.app-page-editor .take_it_brdr_box:hover .add_product_btn,
.app-page-editor .product_price_table:hover .add_product_btn {
    opacity: 0.5;
    visibility: visible;
}

.app-page-editor .take_it_brdr_box .add_product_btn:hover,
.app-page-editor .product_price_table .add_product_btn:hover {
    opacity: 1;
}


/* .col-inner-blocks .element_wrpr {
    width: fit-content;
    min-width: 200px;
    margin: 0 auto;
} */


/* .col-inner-blocks .element_wrpr {
    width: 100%;
} */


/* .form_shipping .form_group.product_price_table {
    margin-bottom: 0;
} */

/*.app-page-editor .form_shipping .form_group.form_group_added_class .xs_delete_btn {*/
/*    position: absolute;*/
/*    right: -15px;*/
/*    top: 0;*/
/*}*/

.app-page-editor .form_group.with_edit_btn.form_group_added_class .drag_action {
    top: 0;
}

.app-page-editor .edit_style_box {
    position: absolute;
    right: 100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 10px;
    border: 1px solid #fbfbfb;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease-in-out;
}

.app-page-editor .take_it_brdr_box:hover .edit_style_box {
    opacity: 1;
    visibility: visible;
}

.app-page-editor .edit_style_box .item_sidebar+.item_sidebar {
    margin-top: 10px;
}

.app-page-editor .edit_style_box .item_sidebar .inner_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-page-editor .edit_style_box .item_sidebar .inner_box .title {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #252A32;
    white-space: nowrap;
    margin-right: 10px;
}

.app-page-editor .data_type_badge {
    position: absolute;
    left: 20px;
    bottom: -1px;
    padding: 1px 3px;
    background: #252a32;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
}

.app-page-editor .data_type_badge.red_badge {
    background: #ff0000;
}

/*.app-page-editor .form_shipping.single_item {*/
/*    padding: 0;*/
/*    max-width: 100%;*/
/*    border: 0;*/
/*    box-shadow: none;*/
/*    border-radius: 0;*/
/*}*/

.app-page-editor .payment_methods_wrpr .radio_brdr_box,
.app-page-editor .payment_methods_wrpr .radio_btn_payment_method {
    color: inherit;
}

.app-page-editor .payment_methods_wrpr {
    position: relative;
}

/*.app-page-editor .form_shipping>.form_group.payment_methods_wrpr {*/
/*    margin-bottom: 0;*/
/*}*/


/* .add_row_box_inner .col-inner-blocks {
    align-items: center;
} */

.app-page-editor .main_wrapper_main {
    margin: 0 auto;
}

.app-page-editor .main_wrapper_main.mobile_grid {
    width: 100%;
    max-width: 375px;
}

.app-page-editor .main_wrapper_main.tablets_grid {
    width: 100%;
    max-width: 768px;
}

.app-page-editor .main_wrapper_main.desktop_grid {
    width: 100%;
    max-width: 100%;
}

.app-page-editor .main_wrapper_main.mobile_grid .render_section_block,
.app-page-editor .main_wrapper_main.mobile_grid .render_section_col {
    max-width: 100% !important;
    width: 100% !important;
}


/* .col-inner-blocks-twoStepForm {
    align-items: center;
} */

.app-page-editor .info_message_box p {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}

.app-page-editor .simple_products_table.mb_0 {
    margin-bottom: 0px;
}

.app-page-editor .video_element_block {
    width: 100%;
}

.app-page-editor .add_row_box_inner .video_element_block {
    pointer-events: none;
}

.app-page-editor .code_popup_tab_titles {
    display: flex;
    align-items: center;
}

.app-page-editor .code_popup_tab_titles li {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
    margin: 0 0px 10px;
    padding: 5px;
    border-bottom: 2px solid #E4E6F1;
    transition: 0.15s all ease-in-out;
}

.app-page-editor .code_popup_tab_titles li.active {
    color: #252A32;
    border-color: #449CF4;
}

/*.app-page-editor .code_popup_editor_wrpr .my-editor {*/
/*    height: calc(100vh - 290px);*/
/*    overflow-y: auto;*/
/*}*/

.app-page-editor .simple_checkbox_input .content_editor_box {
    width: initial;
}

.app-page-editor .headline_oneline .editor__content h3+p {
    display: none;
}

.app-page-editor .content-root {
    position: relative;
}

.app-page-editor .single_takeitbrdr_box {
    margin-bottom: 0;
}

.app-page-editor .btn.block {
    text-align: center;
}

.app-page-editor .txt-style-group-wrpr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.app-page-editor .font_panel_item .txt-style-group-wrpr .txt-style-group {
    margin: 0;
}

.app-page-editor .vue-swatches_wrapper .square_color_picker {
    min-width: 30px;
    height: 27px;
    margin-top: 3px;
    margin-left: 15px;
}

.app-page-editor .vue-swatches_wrapper .square_color_picker .inner {
    height: 16px;
    padding: 0;
}

.app-page-editor .font_panel_item .txt-option-item {
    min-width: 25px;
    height: 25px;
}
.app-page-editor .txt-option-item {
    margin: 2.5px;
}

.app-page-editor .multiselect_item .select2-container--default .select2-selection--multiple {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    min-height: 28px;
}

.app-page-editor .multiselect_item .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #E4E6F1;
}

.app-page-editor .multiselect_item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #4368E0;
    opacity: 0.7;
}

.app-page-editor .multiselect_item .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #4368E0;
    background: #dbe3fc;
    border: 1px solid #4368E0;
    padding-left: 20px;
    position: relative;
}

.app-page-editor .multiselect_item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #4368E0;
    border: 1px solid #4368e0;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-page-editor .back-to-editor {
    z-index: 2;
}

.app-page-editor .social_networks_item .top_wrpr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    position: relative;
}

.app-page-editor .social_networks_item {
    width: 100%;
}

.app-page-editor .drag_action_with_lines {
    display: flex;
    flex-direction: column;
    cursor: grab;
}

.app-page-editor .drag_action_with_lines span {
    width: 20px;
    height: 3px;
    background: #e3e3e3;
    border-radius: 3px;
    transition: 0.15s all ease-in-out;
}

.app-page-editor .drag_action_with_lines:hover span {
    background: #4368E0;
}

.app-page-editor .drag_action_with_lines span+span {
    margin-top: 3px;
}

.app-page-editor .main .wrapper_main .sidebar .social_networks_item .switch_checkbox_item {
    margin-left: auto;
    margin-right: 15px;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .social_networks_item .title {
    color: #4d4d4d;
    font-weight: 400;
}

.app-page-editor .tab-content.formElement .item_sidebar.value,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar.data_name,
.app-page-editor .sidebar .item_sidebar.custom_data_name
{
    display: none;
}

.app-page-editor .tab-content.formElement .item_sidebar.value.show_item_sidebar,
.app-page-editor .main .wrapper_main .sidebar .item_sidebar.data_name.show_item_sidebar,
.app-page-editor .sidebar .item_sidebar.custom_data_name.show_item_sidebar
{
    display: block;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar.hide_item_sidebar {
    display: none;
}

.app-page-editor .element_wrpr.form_block_wrpr {
    width: 100%;
    padding: 0;
    border: 0;
}

.app-page-editor .element_wrpr.form_block_wrpr.current {
    outline: 2px solid #4368e0;
}

/*.app-page-editor .form_shipping .header_item .right .editable_wrpr {*/
/*    cursor: text;*/
/*    width: 100%;*/
/*}*/

/*.app-page-editor .form_shipping .header_item .right span {*/
/*    display: block;*/
/*    width: 100%;*/
/*}*/

.app-page-editor .rendered_two_step_form_element .form_group.with_edit_btn .drag_action {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.app-page-editor .sidebar_light_title {
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #636A7B;
    padding: 21px 0;
    display: block;
    width: 100%;
}

.app-page-editor .sidebar_layout_items_wrpr {
    display: none;
}

.app-page-editor .title.row-title.active+.sidebar_layout_items_wrpr {
    display: block;
    width: 100%;
}

.app-page-editor .font_panel_item .color_picker_main_wrpr {
    margin-left: 15px;
}

.app-page-editor .sidebar .sidebar_search_form input {
    padding: 6px 10px 6px 30px;
    width: 100%;
    height: 32px;
    border: 1px solid #D5E5FF;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #252A32;
    background: url(../img/search_icon.svg) no-repeat left 11px center;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 99999;
}

/*.app-page-editor .common-dragging .add_row_box .add_row_box_inner .plus_icon~.common-level:empty:after {*/
/*    !*min-height: 83px;*!*/
/*}*/

.app-page-editor .common-dragging .add_row_box .add_row_box_inner .plus_icon~.smooth-dnd-container.common-level {
    /*margin-top: -83px;*/
    z-index: 2;
    opacity: 0.3;
}

.app-page-editor .smooth-dnd-container {
    min-height: initial;
}

.spacer.single_item .drag_action {
    top: -16px;
}

.app-page-editor .two_step_form_element .form_element_wrpr {
    padding: 0;
}

.app-page-editor .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
}

.app-page-editor .select-editor .select2-container--default .select2-selection--single {
    border-radius: 6px;
    box-shadow: 0 0 0px 1px RGB(198, 199, 210);
}

.app-page-editor .select-editor .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: RGB(37, 42, 50);
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    font-style: normal;
}

.app-page-editor .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #C5C7D2 transparent;
}

.input_type_without_img {
    border: 3px solid #ebebeb;
    border-radius: 3px;
}

.input_types_wrpr .input_type_item.input_type_item_double {
    width: calc(66.66% - 15px);
}

.input_types_wrpr .input_type_item.just_c_c {
    justify-content: center;
}

.app-page-editor .collapsed .list-nav li a span {
    display: none;
}

@media (max-width: 991px) {
    .app-page-editor .editor_header .notification {
        margin-left: 10px;
    }
    .app-page-editor .editor_header {
        padding: 15px;
    }
    .app-page-editor .editor_header .email_name {
        font-size: 16px;
    }
    .app-page-editor .sidebar_open_mob_btn {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: -55px;
        top: 10px;
        z-index: 2;
        transition: 0.3s all ease-in-out;
    }
    .app-page-editor .sidebar_open_mob_btn span {
        display: block;
        width: 24px;
        height: 4px;
        background: #4368E0;
        border-radius: 4px;
    }
    .app-page-editor .sidebar_open_mob_btn span:nth-child(2) {
        margin: 3px 0;
    }
    .app-page-editor .main .wrapper_main .sidebar.active_on_mob .sidebar_open_mob_btn {
        right: 10px;
    }
    .app-page-editor .email_editor_page .wrapper_main .sidebar {
        overflow: initial;
    }
    .app-page-editor .email_editor_page .wrapper_main .sidebar.active_on_mob {
        overflow: auto;
        height: 100%;
    }
    .app-page-editor .main .wrapper_main .sidebar {
        position: absolute;
        z-index: 999;
        top: 0;
        left: -270px;
        border-right: 1px solid #E4E6F1;
        transition: 0.3s all ease-in-out;
    }
    .app-page-editor .main .wrapper_main .sidebar.active_on_mob {
        left: 0;
    }
    .app-page-editor .left-bar .left-toggle {
        display: none;
    }
    .app-page-editor .add_row_box {
        max-width: 100% !important;
    }
    .app-page-editor .content_editor_box .main-center-content-header.content_editor_header {
        left: 88px;
        width: calc(100% - 88px);
    }
    .app-page-editor .txt-style-group {
        margin-right: 5px;
    }
}

@media (max-width: 767px) {
    .app-page-editor .add_row_box.rows_box .add_row_box_inner {
        width: 100%;
    }
    .app-page-editor .main-center-content {
        padding: 15px;
    }
    .app-page-editor .sec-type-items {
        flex-direction: column;
        align-items: flex-start;
    }
    .app-page-editor .main-center-content .sec-type-items .sec-item {
        width: 100%;
    }
    .app-page-editor .main-center-content .sec-type-items .sec-item+.sec-item {
        margin-top: 10px;
    }
    .app-page-editor .main-center-content .elm-type-section {
        width: 300px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .app-page-editor .editor_header .email_name {
        display: none;
    }
    .app-page-editor .editor_header .right {
        margin-left: auto;
    }
}

@media (max-width: 576px) {
    .app-page-editor .left-bar.collapsed {
        width: 50px;
    }
    .app-page-editor .editor_header {
        padding: 15px;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }
    .app-page-editor .editor_header .sm_btns_group {
        margin-left: 0;
        margin-right: 15px;
    }
    .app-page-editor .editor_header .right {
        margin-top: 10px;
    }
    .app-page-editor .editor_header .notification {
        margin-left: 15px;
    }
}

.app-email-editor .raw-test.render-raw {
    display: none;
}

.wrapper.email-wrapper .app-email-editor .wrapper {
    padding-left: 0;
}

.drag_arrow_icon_image {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    background: url(../img/drag_arrow_icon.svg) no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.email_details_popup .quill-editor .ql-container .ql-editor {
    min-height: 220px;
}

.app-email-editor .editor_header .btn .icon {
    margin-right: 10px;
}

.animated.plus_icon~.smooth-dnd-drop-preview-constant-class {
    top: 0 !important;
}

.animated.plus_icon~.smooth-dnd-stretcher-element {
    display: none;
}

.app-email-editor .add_row_box .add_row_box_inner .plus_icon,
.app-email-editor .add_row_box .add_row_box_inner .plus_icon.animated {
    transition: 0s !important;
}

.app-email-editor .add_row_box .add_row_box_inner .plus_icon.animated {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    transform: translateX(-50%) !important;
}

.plus_input_btn_dropdown .content_generator {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.plus_input_btn_dropdown .content_generator .smooth-dnd-draggable-wrapper {
    width: 50%;
    height: 83px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.animated.plus_input_btn_dropdown {
    transform: none !important;
}

.smooth-dnd-draggable-wrapper .sidebar-block {
    transition: 0.15s all ease-in-out;
}

.smooth-dnd-draggable-wrapper .sidebar-block:hover {
    background: #e9f1ff;
}

.app-email-editor .cr_autom_popup_sides .btn.sm_btn {
    padding: 8px 10px;
}

.font_picker_select {
    position: relative;
    width: 100%;
}

.font_picker_select .font_picker_header {
    border: 1px solid #E4E6F1;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    cursor: pointer;
}

.font_picker_select .font_picker_header:hover {
    color: #4368E0;
}

.font_picker_select .font_picker_dropdown {
    border: 1px solid #E4E6F1;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    background: #fff;
    white-space: nowrap;
    min-width: 100%;
    max-height: 165px;
    overflow-y: auto;
}

.font_picker_select .font_picker_dropdown li {
    padding: 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 14px;
}

.font_picker_select .font_picker_dropdown li:hover {
    color: #4368E0;
}

.font_picker_select .font_picker_dropdown li.active {
    background: #C5C7D2;
    color: #4368E0;
}

.font_picker_select.active .font_picker_header .arrow_down_icon {
    transform: rotate(180deg);
}

.font_picker_select .font_picker_header .arrow_down_icon {
    margin-left: 10px;
}

.mainleft_new_step_btn.active.new_step_plus_btn > .icon {
    right: 0;
    border-radius: 0 4px 4px 0;
    transition: 0.15s all ease-in-out;
    padding: 0;
    width: 36px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_title.mb_15 {
    margin-bottom: 15px !important;
}
.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_title .title {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #252A32;
}
.wrapper_title_right {
    display: flex;
    align-items: center;
}
.wrapper_title_right a+a {
    margin-left: 10px;
}
.sidebar_item_open_arrow {
    transition: 0.15s all ease-in-out;
}
.sidebar_item_open_arrow:not(.active) {
    transform: rotate(180deg);
}
.shadow_item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
}
.shadow_item:hover,
.shadow_item.active {
    background: #EEF4FF;
}
.shadow_item .shadow_type_name {
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #636A7B;
}
.shadow_item.active .shadow_type_name {
    color: #4368E0;
}
.shadow_item .minus_btn {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.shadow_item .settings_btn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.shadow_settings_window {
    position: fixed;
    left: 330px;
    bottom: 30px;
    z-index: 20;
    background: #FFFFFF;
    box-shadow: 0px 5px 20px rgba(37, 42, 50, 0.2);
    border-radius: 8px;
    width: 270px;
}
.shadow_settings_window .window_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}
.shadow_settings_window .window_body {
    padding: 10px 15px;
}
.shadow_settings_window .window_body .items_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shadow_settings_window fieldset.input-field.small .append {
    font-weight: normal;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #4368E0;
    padding: 3px 11px;
}
.app-page-editor fieldset.input-field.small input {
    font-size: 12px;
    line-height: 150%;
}
.app-page-editor .main .wrapper_main .sidebar .item_sidebar .wrapper_body .shadow_settings_window .field {
    padding: 0;
}
.app-page-editor .main .wrapper_main .sidebar .item_sidebar .shadow_settings_window .items_row+.items_row {
    margin-top: 15px;
}
.tab-content.scroll.row {
    display: block;
}