/*------------------------------*
    Main Altcraft Palette
*-------------------------------*/
:root {
    --white: #FFFFFF;
    --black: #0D0F12;

    /*---  Blue colors  ---*/
    --blue-1: #F5FAFF;
    --blue-2: #EBF5FF;
    --blue-3: #C2DFFF;
    --blue-4: #8DBFFC;
    --blue-5: #609CF0;
    --blue-6: #3678E2;
    --blue-7: #2D64CC;
    --blue-8: #1843A1;
    --blue-9: #133280;
    --blue-10: #06174A;

    --grey-1: #FAFBFD;
    --grey-2: #F5F6FA;
    --grey-3: #F0F1F5;
    --grey-4: #E1E4EB;
    --grey-5: #D5D8DE;
    --grey-6: #959CAB;
    --grey-7: #666E80;
    --grey-8: #404654;
    --grey-9: #343A45;
    --grey-10: #242932;

    /*-- Green colors --*/
    --green-1: #F0FFF3;
    --green-2: #E1F5E6;
    --green-3: #B0E8C1;
    --green-4: #84DBA1;
    --green-5: #5BCF85;
    --green-6: #1FB25A;
    --green-7: #249C58;
    --green-8: #157542;
    --green-9: #0A4F2D;
    --green-10: #052918;

    /*-- Yellow colors --*/
    --yellow-1: #FFFBE8;
    --yellow-2: #FFF2BF;
    --yellow-3: #FFE796;
    --yellow-4: #FFD86E;
    --yellow-5: #F2BD41;
    --yellow-6: #E5A11A;
    --yellow-7: #CC8905;
    --yellow-8: #BF7302;
    --yellow-9: #995600;
    --yellow-10: #733D00;

    /*-- Orange colors --*/
    --orange-1: #FFF4E6;
    --orange-2: #FFE0BD;
    --orange-3: #FCC792;
    --orange-4: #F0A665;
    --orange-5: #E3843B;
    --orange-6: #D66215;
    --orange-7: #BF4C0A;
    --orange-8: #A63700;
    --orange-9: #8C2A00;
    --orange-10: #631E00;

    /*-- Red colors --*/
    --red-1: #FFF0F0;
    --red-2: #FFE3E3;
    --red-3: #FFBABE;
    --red-4: #F58C94;
    --red-5: #E84F61;
    --red-6: #CF1335;
    --red-7: #A8072A;
    --red-8: #820021;
    --red-9: #5C001A;
    --red-10: #360011;

    /*-- Pink colors --*/
    --pink-1: #FFF0F6;
    --pink-2: #FFE3EF;
    --pink-3: #FFBADA;
    --pink-4: #FA8EC4;
    --pink-5: #ED61AC;
    --pink-6: #E03997;
    --pink-7: #BA257F;
    --pink-8: #941666;
    --pink-9: #6E0B4D;
    --pink-10: #470634;

    /*-- Purple colors --*/
    --purple-1: #FEF0FF;
    --purple-2: #FBE0FF;
    --purple-3: #F4B8FF;
    --purple-4: #E68CFA;
    --purple-5: #B957D4;
    --purple-6: #B635E1;
    --purple-7: #8F23BA;
    --purple-8: #6C1594;
    --purple-9: #4B0A6E;
    --purple-10: #2E0647;

    /*-- Violet colors --*/
    --violet-1: #F0F3FF;
    --violet-2: #E6E9FC;
    --violet-3: #C7CEFF;
    --violet-4: #969FF2;
    --violet-5: #6A72E6;
    --violet-6: #4146D9;
    --violet-7: #2D2DB3;
    --violet-8: #211D91;
    --violet-9: #130C78;
    --violet-10: #120B52;

    /*-- Teal colors --*/
    --teal-1: #F2FCFA;
    --teal-2: #DCF2ED;
    --teal-3: #B3E6DD;
    --teal-4: #83D4C9;
    --teal-5: #5ECCC1;
    --teal-6: #39BFB7;
    --teal-7: #269995;
    --teal-8: #198080;
    --teal-9: #0F6266;
    --teal-10: #043C40;

    /*-- Olive colors --*/
    --olive-1: #FDFFEB;
    --olive-2: #F6FFC2;
    --olive-3: #E5F794;
    --olive-4: #CEEB67;
    --olive-5: #B6DE3E;
    --olive-6: #9DD119;
    --olive-7: #79AB0C;
    --olive-8: #578503;
    --olive-9: #3A5E00;
    --olive-10: #213800;

    /*-- Brown colors --*/
    --brown-1: #CCC7C0;
    --brown-2: #BFBAB4;
    --brown-3: #B3ADA8;
    --brown-4: #A6A09C;
    --brown-5: #99897D;
    --brown-6: #8B6F5C;
    --brown-7: #664D3E;
    --brown-8: #402D24;
    --brown-9: #37251C;
    --brown-10: #2E221C;

    /*--------------------*
          Tag colors
    *---------------------*/

    /*** Status tags ***/

    --active-tag: var(--green-7);
    --inactive-tag: var(--grey-7);
    --waiting-tag: var(--yellow-6);
    --sub-tag: var(--blue-4);
    --frozen-tag: var(--grey-5);
    --additional-tag: var(--blue-7);

    /*** Secondary tags ***/

    --neutral-tag: var(--grey-4);

    /*** Customer tags ***/

    --magenta-tag: #D05CDF;
    --purple-tag: #8F23BA;
    --violet-tag: #7620D2;
    --indigo-tag: #363BCE;
    --azure-tag: #0B7AAE;
    --teal-tag: #269995;
    --cyan-tag: #00AFBB;
    --lime-tag: #22BB00;
    --olive-tag: #6F9D0A;
    --mustard-tag: #B3A701;
    --amber-tag: #E29600;
    --coral-tag: #EC5306;
    --crimson-tag: #DA2929;
    --rose-tag: #BA257F;

    /** Temporary tags colors **/

    --red-tag-tmp: #DF5253;
    --orange-tag-tmp: #EE7437;
    --yellow-tag-tmp: #D9BC5B;
    --olive-tag-tmp: #8AAF3A;
    --green-tag-tmp: #269995;
    --teal-tag-tmp: #31BDC8;
    --blue-tag-tmp: #5C60D7;
    --purple-tag-tmp: #C64F98;
    --violet-tag-tmp: #8F4ADA;
    --pink-tag-tmp: #D77BE4;
    --brown-tag-tmp: #6F3759;
}

body {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    background: #1f242f;
    font-weight: 400;
}

pre {
    font-family: 'Source Sans Pro', sans-serif;
}

body>.ui.sidebar,
.navwrap>.menu {
    font-size: 12px;
}

#campaign_steps_errs .list:not(.icon) {
    width: 100%;
}

.list:not(.icon) {
    width: 1100px;
    margin: 0 auto;
    max-width: 96%;
}

::-webkit-scrollbar {
    width: 8px !important;
}

::-webkit-scrollbar-track {
    background: var(--grey-4) !important;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: var(--grey-6) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--grey-6) !important;
}

.sep {
    margin-top: 20px;
    border-top: 1px solid var(--grey-5);
    padding-bottom: 20px;
}

.config .menu_block {
    right: 0px;
    top: 0px;
    width: 120px;
    background: #242631;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
}

.config .menu_block {
    position: absolute !important;
    display: none;
    z-index: 3;
    top: 0px;
    right: 0px;
    padding: 30px 4px;
    width: 400px;
}

.config .menu_block .column {
    float: left;
    width: 176px;
    padding: 12px;
}

.config .menu_block .column+.column:before {
    content: "";
    position: absolute;
    display: block;
    top: 40px;
    bottom: 40px;
    border-left: 1px solid #43454e;
    margin-left: -12px;
}

.ui.container.thin {
    width: 950px;
}

#ak_main_body .section_block:last-child {
    padding-bottom: 120px;
}

#ak_main_body .teh_navi {
    background: var(--grey-1);
    padding: 25px 0px;
    line-height: 28px;
    border-top: 1px solid var(--grey-5);
    border-bottom: 1px solid var(--grey-5);
}

#ak_main_body .teh_navi .section_title {
    padding-top: 4px;
    text-transform: uppercase;
    color: var(--grey-7);
    font-size: 14px;
    float: left;
    margin-right: 5px;
}

#ak_main_body .teh_navi .ui.selection.dropdown {
    border: 0px none;
    background: transparent;
}

#ak_main_body .teh_navi .ui.selection.dropdown>.text {
    margin-right: 0px;
}

#ak-table-stat-top {
    margin: auto 1rem;
}

.pages_stat {
    line-height: 2.85714286em;
    display: inline-block;
    color: var(--grey-7);
    vertical-align: middle;
}

.pages_stat .ui.dropdown {
    margin-right: 10px;
}

#ak_main_body .teh_navi div.search {
    height: 28px;
    float: left;
    border-left: 1px solid var(--grey-5);
    padding-left: 30px;
    color: var(--grey-7);
}

#ak_main_body .teh_navi div.search input {
    height: 28px;
    background: transparent;
    font-size: 14px;
    width: 300px;
    color: var(--grey-7);
}

#ak_main_body .teh_navi .right,
.pull-right {
    float: right;
    outline: 0 none;
}

.daterangepicker.ltr.single .ranges {
    display: flex !important;
    flex-direction: column;
    clear: both;
    width: calc(100% - 8*2px);
}

#tokens_wrapper {
    margin-top: 14px;
    overflow-y: auto;
    overflow-x: auto;

    table {
        min-width: 700px;
        border-right: 0 !important;
        border-top: 0 !important;
        border-left: 0 !important;

        .captured_profiles {
            text-align: center !important;
        }
    }

    .token_td_name {
        cursor: pointer;
    }

    .actions-cell {
        width: 100px !important;
    }

    .token_td_name {
        width: 400px;
        max-width: 400px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .empty-cell {
        padding: 4rem 0;
    }

    .sort_btn_transparent {
        opacity: 0.4 !important;
    }

    .status_cell {
        align-self: flex-start !important;
        align-items: center !important;
        display: flex !important;
        height: 60px !important;
        justify-content: space-between;

        .status_cell_label {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 4px;
            margin-right: 8px;

            .green:not(i) {
                color: var(--green-9) !important;
            }
        }

        .icon {
            margin: 0 !important;
            align-self: baseline;
            line-height: 1.2;
        }

        .button {
            margin-right: 8px !important;
            min-width: 32px;
        }
    }

    .sort-button {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 6px;
        cursor: pointer;
        height: 24px;
        width: 16px;
        margin-top: 1px;
        position: relative;
        vertical-align: middle;
    }

    .sort-button .icon {
        color: #3678E2;
        position: absolute;
        font-size: 12px;
        transition: all 0.2s ease !important;
        margin: 2.5px 0;
        line-height: 1;
    }

    .sort-button .sort.ascending.icon {
        top: 2px;
    }

    .sort-button .sort.descending.icon {
        bottom: 2px;
    }

    .empty-content {
        display: flex;
        flex-direction: column;
    }

    .header-content {
        display: inline-flex;
        align-items: center;
        position: relative;
    }

    .header-sort {
        cursor: pointer;
    }

    th {
        color: var(--black) !important;
        background: var(--white) !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    th.column-center {
        text-align: center !important;
    }

    th.flex-start .header-content {
        justify-content: flex-start;
    }

    thead {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        background-color: var(--white) !important;

        th {
            border-top: 0 !important;
        }

        tr {
            border-top: 0 !important;
        }
    }
}

@media only screen and (max-width: 767px) {
    .token-pagination-menu {
        display: flex;
        flex-direction: column;
    }

    .items-per-page-block {
        margin-bottom: 14px;
    }

    .pages-navigation {
        display: flex;
    }

    #tokens_wrapper>.token-table-container>table>thead,
    #tokens_wrapper>.token-table-container>table>tbody {
        display: table-row-group !important;
    }

    #tokens_wrapper>.token-table-container>table>thead>tr,
    #tokens_wrapper>.token-table-container>table>tbody>tr {
        display: table-row !important;
    }

    #tokens_wrapper>.token-table-container>table>thead>tr>th,
    #tokens_wrapper>.token-table-container>table>tbody>tr>td {
        padding: .92857143em .78571429em !important;
        display: table-cell !important;
    }
}

.table_content {
    padding: 22px 0px;
}

.hiddenOverflowInput {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixedTextArea {
    max-height: 300px;
}

.token-input-container>.copy-token.disabled {
    box-shadow: 0 0 0 1px var(--grey-5) inset !important;
    -webkit-box-shadow: 0 0 0 1px var(--grey-5) inset !important;
    background-color: var(--grey-1) !important;
}

.table_content .ui.table {
    border: 0 none;
}

.table_content .ui.table th {
    border: 0 none;
    padding: 0 20px 10px 20px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

.table_content .ui.table {
    border-collapse: collapse;
}

.table_content .ui.table th a {
    text-decoration: none;
}

.table_content .ui.table th.config {
    font-size: 14px;
    text-align: right;
}

.table_content .ui.table th.config i {
    margin: 0px;
}

.table_content .ui.table td {
    font-size: 14px;
    padding: 18px 28px;
    border-right: 0px none;
}

.table_content .ui.table td+td {
    border-left: 0px none;
}

.table_content .ui.table td.config {
    text-align: right;
    vertical-align: middle;
}

.table_content .ui.table td.config a {
    position: static;
    display: inline-block;
    opacity: 1;
    width: 22px;
    height: 22px;
    vertical-align: top;
}

.table_content .ui.table td.config a+a {
    margin-left: 10px;
}

.table_content .ui.table td.config a i {
    opacity: 1;
    color: var(--grey-7);
    font-size: 18px;
}

span.overline {
    display: block;
    color: var(--grey-7);
    font-size: 12px;
}

span.nameid {
    color: var(--grey-6);
    font-size: 12px;
}

.default_id {
    color: var(--grey-6);
}

/**********************************************************/

.overflow {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(30, 30, 30, 0.7);
    z-index: 999;
    display: none;
}

.popup .popup_title {
    color: var(--white);
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.popup .popup_wrap {
    border: 3px solid var(--white);
}

.popup .popup_wrap .popup_body {
    margin: 2px;
    background: var(--white);
}

.popup_item {
    font-size: 18px;
    color: #414141;
    padding: 50px 0px;
    vertical-align: middle;
    text-align: center;
}

.popup_item span {
    display: block;
    color: var(--grey-7);
}

.popup_description {
    padding-top: 23px;
    padding-bottom: 45px;
    color: #909090;
    font-size: 12px;
}

.popup_buttons .ui.basic.button,
.popup_buttons .ui.basic.button:hover {
    min-width: 50px;
    box-shadow: 0 0 0 1px #232323 inset !important
}

.popup_buttons .ui.basic.button+.button {
    margin-left: 30px;
}



.main_filter {
    color: #3e3e3e;
    font-size: 14px;
}

.main_filter .ui.selection.dropdown+.dropdown {
    margin-left: 8px;
}

.filters_arr {
    margin: 15px 0px;
    padding-left: 23px;
    border-left: 4px solid #e7e8e9;
}

.main_filter input {
    width: 50px;
}

.filters_arr .remove {
    font-size: 16px;
}

.filters_arr .remove:hover {
    color: #8b57ac
}

.filter_arr_item+.filter_arr_item {
    margin-top: 8px;
}

.stat_column {
    background: var(--white);
    border: 1px solid var(--grey-5);
    padding: 25px 20px 20px 40px;
}

.stat_column .main_stat {
    text-transform: uppercase;
    color: #262630;
    font-size: 11px;
    position: relative;
}

.stat_column .main_stat span {
    font-weight: 700;
    display: block;
    font-size: 24px;
}

.stat_column .main_stat a {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #c0c0c0;
    font-size: 24px;
}

.stat_column .main_stat a:hover i {
    color: #898989;
}

.stat_column .filter_stat {
    padding: 30px 0px 20px 0px;
    font-size: 12px;
}

.filter_stat_item+.filter_stat_item {
    padding-top: 8px;
}

.filter_stat_item i {
    font-size: 18px;
    display: inline-block;
    width: 28px;
}

.filter_stat_item .male {
    color: var(--blue-7);
}

.filter_stat_item .female {
    color: var(--pink-7);
}

.filter_stat_item .help {
    color: var(--grey-7);
}

.ui.buttons .menu .item {
    padding: 10px 20px !important;
    font-size: 12px;
    line-height: 14px;
}

.ui.floating.dropdown>.menu {
    margin-top: .12em !important;
    -webkit-box-shadow: 0 0px 4px 0 var(--grey-5) !important;
    box-shadow: 0 0px 4px 0 var(--grey-5) !important;
}

.table_controll_col {
    position: relative;
    padding: 7px;
    border-bottom: 0px none;
    float: right;
    z-index: 1;
    color: var(--grey-7);
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ui.progress .label.ellipsis {
    padding-left: 6%;
    padding-right: 6%;
}

.ui.container.workflow-edit-wrapper {
    width: 100% !important;
    margin: 0 !important;
}

.is_keep_modal {
    top: 40% !important;
}

.workflow-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--white);
}

@media (max-width: 1024px) {
    .ui.progress .label.ellipsis {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (max-width: 768px) {
    .ui.progress .label.ellipsis {
        padding-left: 15%;
        padding-right: 15%;
    }
}

@media (max-width: 768px) {
    .table_controll_col {
        float: none !important;
    }

    .table_controll_col .menu {
        border: 0px !important;
        float: none !important;
        position: relative !important;
    }
}

.table_controll_col.active {
    border: 1px solid var(--grey-5);
}

.table_controll_col i {
    margin-right: 0px;
}

.table_controll_col.active i {
    color: var(--grey-7);
}

.table_controll_col .plus {
    font-size: 12px;
    margin-right: -5px;
}

.table_controll_col.active .menu {
    display: block;
}

.table_controll_col .menu {
    max-height: 480px;
    display: none;
    background: var(--white);
    border: 1px solid var(--grey-5);
    width: 280px;
    font-size: 12px;
    padding: 14px;
    position: absolute;
    top: 100%;
    right: -1px;
    z-index: 9;
    overflow-x: hidden;
    overflow-y: auto;
}

.table_controll_col .menu .column .checkbox {
    display: block;
    padding-left: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
    overflow-x: hidden;
}

.table_controll_col .menu:before {
    content: "";
    width: 57px;
    height: 4px;
    background: var(--white);
    position: absolute;
    right: 0px;
    top: -2px;
    z-index: 11;
}

/** adskiy **/

.teh_content {
    background: var(--grey-1);
    padding: 0px 0px 40px 0px;
}

.teh_spacer {
    padding: 17px 0px;
}

.ui.tab .teh_content {
    padding-top: 0px !important;
}

.teh_content .block {
    border: 1px solid var(--grey-5);
    background: var(--white);
    padding: 29px 59px;
    margin-top: 25px;
}

.teh_content .thinblock {
    margin-top: 1rem;
    border: 1px solid var(--grey-5);
    background: var(--white);
    border-radius: 0.5rem;
}

.teh_content .block:first-child {
    margin-top: 5px;
}

.teh_content .block.transparent {
    border: 0px none;
    background: transparent;
    padding: 0px;
}

.teh_config {
    padding: 0px 0px 0px 0px;
    background: var(--grey-1);
    color: var(--black);
}

.teh_config .pre_content {
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px;
}

.teh_config .pre_content .back {
    font-size: 20px;
    position: absolute;
    z-index: 10;
    left: -15px;
    top: 10px !important;
}

.teh_config .pre_content .back {
    top: 0;
}

.teh_config .pre_content .editor {
    white-space: nowrap;
}

.teh_config .block {
    border: 1px solid var(--grey-5);
    background: var(--white);
    padding: 25px 59px;
    margin-top: 25px;
}

.teh_config .block.transparent {
    border: 0px none;
    background: transparent;
    padding: 0px;
}

.teh_config .block .button.add {
    margin-top: 25px;
    color: var(--white) !important;
    padding-left: 0;
    padding-right: 0;
    width: 26px;
}

.grey_info {
    background: var(--grey-1);
    border: 1px solid var(--grey-5);
    color: var(--grey-7);
    font-size: 12px;
    padding: 24px 36px;
}

.ui.grid.smooth .column {
    padding-top: 4px;
    padding-bottom: 4px;
}

.additional_info {
    color: var(--grey-7);
    text-align: center;
    padding-bottom: 30px;
}

.code-block {
    display: block;
    white-space: normal;
    word-wrap: normal;
    max-width: 100%;
    overflow-x: auto;
    background: var(--grey-1);
    border: 1px solid var(--grey-5);
    padding: 1rem;
}

.ui.grid>.row.filterName {
    padding-bottom: 0;
    margin-bottom: -10px;
    color: var(--black);
    font-size: .92857143em;
    font-weight: bold;
}

@media (max-width: 768px) {
    .ui.grid>.row.filterName {
        display: none !important;
    }

    .filterRow .filterdelete {
        order: 0
    }

    .filterRow .filterevname,
    .filterRow .filterregexp {
        order: 1
    }
}

.ui.selection.dropdown.active.empty,
.ui.selection.dropdown.visible.empty {
    z-index: 9;
}

.mainlabel,
.hidegroups {
    cursor: pointer;
}

.grouplabel {
    position: absolute !important;
    top: -3px;
    display: inline-flex;
    white-space: nowrap;
    transition: 0.3s !important;
}

.grouplabels .hiddenlabels {
    max-height: 0;
    transition: 0.3s;
    display: block;
    overflow: hidden;
    line-height: 1rem;
}

.grouplabels.expanded .hiddenlabels {
    max-height: 600px;
}

.ui.label.tag.basic {
    border-width: 1px 1px 1px 0;
}

.ui.label.tag.basic::before {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--grey-5);
}

.ui.dropdown .ui.label {
    word-break: break-all;
}

.ui.label {
    align-items: flex-start;
}

.ak-table2-container .ui.table td,
#ak-table-clonewrap .ui.table td {
    height: 44px;
}

.help_block {
    background: var(--grey-1);
    border: 1px solid var(--grey-5);
    color: var(--grey-7);
    font-size: 12px;
    padding: 15px 30px;
    position: absolute;
    width: 190px;
    right: 0px;
    top: 0px;
    margin-top: -20px;
}

#utasks {
    min-height: 1em;
    min-width: 1em;
}

.menu>.item:hover {
    text-decoration: none !important;
}

.accordion>.item:hover {
    text-decoration: none !important;
}

.ui.button:hover {
    text-decoration: none !important;
}

.akrange {
    margin: 15px 5px 0px 5px;
}

.rangeknob {
    background-color: var(--blue-6);
    width: 21px;
    z-index: 1;
    position: absolute;
    height: 21px;
    cursor: pointer;
    margin-top: -4px;
    border-radius: .28571429rem;
}

.rangecenter {
    background-color: var(--blue-6);
    width: 21px;
    z-index: 0;
    position: absolute;
    height: 21px;
    margin-top: -4px;
    border-radius: 5rem;
    margin-left: calc(50% - 10px);
}

.akrange.disabled {
    opacity: .45;
}

tr.summary,
.aktable2-tr.summary {
    font-weight: 600;
}

.chartresize {
    width: 100%;
    overflow-x: hidden;
}

#chart_container,
#whitechart_container {
    padding: 1.5rem;
    position: relative;
    background: var(--grey-1);
    border: 1px solid var(--grey-5);
    margin: 0 0 1rem;
    min-height: 20vh;
}

.tablechart {
    width: 100%;
    height: 40vh !important;
    position: relative;
}

@media (max-width: 767px) {
    .tooltip_line {
        font-size: 0.75em !important;
    }
}

#tablechart {
    width: 100%;
    height: 40vh !important;
}

#tablechart>div[style*="z-index: 9999999"] {
    z-index: 2 !important;
}

#tablechart:empty {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--grey-7);
    font-size: 18px;
}

#tablechart:empty::after {
    content: attr(data-empty-text);
}

#tablechart:empty::before {
    content: "\f085";
    font-family: "Icons";
    margin: 0 .55rem 0 0;
}

#chart_container.chart_goals {
    margin: 0 0 3rem
}

#whitechart_container.bar_goals,
#whitechart_container.bar_forms {
    margin: 0 0 1rem
}

.aktable2-search {
    display: block !important;
    width: 300px;
    overflow: visible !important;
}

/* fix semanticui */
.column.wide.fluid {
    flex: 1;
}

.menu_goals_wrap,
.menu_forms_wrap {
    max-width: 300px;
}

#tablebar {
    height: 100%;
    min-height: 350px;
    width: 100%;
}

.legend-container {
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: 555px;
}

.legend-item {
    display: block;
    color: var(--white);
}

.legend {
    padding: 50% 0;
}

.header_id {
    color: var(--grey-6);
    font-size: 1em;
    margin-top: -0.142857em;
    margin-right: 0.35714286em;
    font-weight: normal;
}

.ui.icon.button>i.audit_info_icon {
    margin-right: 6px !important;
}

@media (max-width: 767px) {

    /* experimental mobile code */
    .ui.grid div:not(.grid)>div:not(.grid)>div:not(.grid)>.ui.stackable.grid {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mobile_center {
        text-align: center !important;
    }

    .hide_mobile {
        display: none !important;
    }

    .hide_text_mobile {
        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: 0 !important;
    }

    .ui.icon.button>i.audit_info_icon {
        margin-right: 0 !important;
    }

    .mainfixed.menu>.item {
        flex: 0 1 auto;
    }

    .ui.grid {
        margin-bottom: auto;
    }

    .mainfixed .button+.buttons {
        margin-top: 0;
    }

    .ui.column.grid>.column.mobile_fullwidth,
    .ui.grid>.column.row>.column.mobile_fullwidth,
    .ui.grid>.row>.column.mobile_fullwidth,
    .ui.grid>.column.mobile_fullwidth,
    .mobile_fullwidth {
        width: 100% !important;
    }

    .close_column_loyalty {}

    .close_column {
        order: -1 !important;
        flex: 1 1 100% !important;
        right: 0;
    }

    .close_column_abs {
        position: absolute !important;
        order: -1 !important;
        flex: 1 1 100% !important;
        right: 0;
    }

    .ui.tabular.menu .item {
        flex: 0 1 auto !important;
    }

    .close_column .remove.icon,
    .close_column_abs .remove.icon {
        margin: 0 0 !important;
    }

    #subscriber-subscriptions-edit>.segment {
        padding: 0 !important;
    }

    #customFields>.fields {
        margin-bottom: 1rem !important;
    }
}

@media only screen and (max-width: 1300px) {
    .legend {
        padding: 0 0;
    }

    .legend-container {
        text-align: center;
        position: inherit;
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .legend-item {
        display: inline-block;
        margin-right: 7px;
    }
}

.row-percent {
    display: block;
    font-size: 10px;
}

#filedrop {
    border-radius: 7px;
}

#campaign_content>.header,
#filedrop .header,
.filedrop .header {
    color: var(--grey-7);
    text-align: center;
    margin-top: 10px;
}


#filedrop,
.filedrop,
.imagebox,
#imagebox:not(:empty) {
    padding: 21px;
}

.ui.header i.pull-right {
    text-align: right;
}

.oact {
    float: right;
}

.float-right {
    float: right;
}

.blochkr {
    float: right;
    display: block;
}

.minimum1 {
    min-height: 100px;
}

/* akcbro */

#ak-bro {
    box-shadow: 0 0 0 0 rgba(208, 208, 208, 0.0);
    border: 1px solid var(--grey-5);
    transition: height 0.2s, padding 0.2s, box-shadow 0.1s;
    border-radius: 0.29rem;
    padding: 0 1rem;
    margin: 0;
    position: absolute;
    background: var(--white);
    width: 100%;
    top: -1rem;
    left: 0rem;
}

#ak-bro.opened {
    position: sticky;
    order: -1;
    box-shadow: 0 0 10px 10px rgba(208, 208, 208, 0.33);
    border: 1px solid var(--grey-5);
    padding: 1rem;
    margin: 0 -3.5rem -2rem;
    width: calc(100% + 7rem);
    z-index: 2;
}

#campaign_content:has(#ak-bro.opened) {
    display: flex;
    flex-direction: column;
}

.camp_workflow #ak-bro.opened {
    margin: 0 -2.5rem -2rem;
    width: calc(100% + 5rem);
}

#ak-bro .ui.search .prompt {
    border-radius: 500rem !important;
}

#add_content_btn.ui.card {
    display: flex !important;
    justify-content: center;
    align-items: center;
    color: var(--grey-7);
    cursor: pointer;
    min-height: 285px;
    transition: 0.2s;
    background: var(--grey-1);
    text-align: center;
}

#add_content_btn.ui.card i {
    margin: 0 !important;
}

#add_content_btn.ui.card:hover:not(.disabled) {
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.15);
    background: var(--white);
    color: var(--grey-7);
}

#add_content_btn.ui.card.disabled,
#add_content_btn.ui.card.disabled:hover {
    background: #ececec;
    box-shadow: none;
    cursor: default;
}

#schedule_journal_table {
    max-height: 40vh;
    margin-top: 14px;
    overflow-y: auto;
    overflow-x: auto;

    table {
        min-width: 700px;

        .captured_profiles {
            text-align: center !important;
        }
    }

    .status_cell {
        align-self: flex-start !important;
        align-items: center !important;
        display: flex !important;
        justify-content: space-between;

        .status_cell_label {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 4px;
            margin-right: 8px;

            .green:not(i) {
                color: var(--green-9) !important;
            }
        }

        .icon {
            margin: 0 !important;
            align-self: baseline;
            line-height: 1.2;
        }

        .button {
            margin-right: 8px !important;
            min-width: 32px;
        }
    }

    .sort-button {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 6px;
        cursor: pointer;
        height: 24px;
        width: 16px;
        margin-top: 1px;
        position: relative;
        vertical-align: middle;
    }

    .sort-button .icon {
        position: absolute;
        font-size: 12px;
        transition: all 0.2s ease !important;
        margin: 2.5px 0;
        line-height: 1;
    }

    .sort-button .sort.ascending.icon {
        top: 2px;
    }

    .sort-button .sort.descending.icon {
        bottom: 2px;
    }

    .header-content {
        display: inline-flex;
        align-items: center;
        position: relative;
    }

    th {
        color: var(--black) !important;
    }

    th.column-center {
        text-align: center !important;
    }

    th.flex-start .header-content {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 767px) {

    #schedule_journal_table>table>thead,
    #schedule_journal_table>table>tbody {
        display: table-row-group !important;
    }

    #schedule_journal_table>table>thead>tr,
    #schedule_journal_table>table>tbody>tr {
        display: table-row !important;
    }

    #schedule_journal_table>table>thead>tr>th,
    #schedule_journal_table>table>tbody>tr>td {
        padding: .92857143em .78571429em !important;
        display: table-cell !important;
    }
}

.remove_template {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
    background: var(--white);
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 1px 0 0 1px;
    color: rgba(120, 120, 120, 1);
    transition: 0.3s;
}

.remove_template:hover {
    background: var(--red-3);
    color: var(--white);
}

.remove_template i {
    margin: 0;
}

.ui.card,
.ui.cards>.card {
    border: 1px solid var(--grey-5);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: 0.3s;
}

.ui.card:hover,
.ui.cards>.card:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}

.ui.popup .ui.card,
.ui.popup .ui.cards>.card {
    box-shadow: none;
}

.ui.card:not(#add_content_btn)>:first-child,
.ui.cards>.card:not(#add_content_btn)>:first-child {
    border-radius: 0px !important;
    border-bottom: 1px solid var(--grey-5);
}

#messages_container .card>.content {
    padding: 1.5rem 1.5rem 0.3rem;
}

.creative.image .card-body {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--grey-1);
    padding: 1rem 1rem 1.5rem 1rem;
    opacity: 0;
    transition: 0.3s;
}

.creative.image .card-details {
    overflow-y: auto;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.creative.image .card-details__label {
    font-weight: bold;
}

.creative.image .card-details__label_time {
    display: inline-block;
    margin-top: 6px;
}

.creative.image .card_tools {
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
}

.creative.image:hover .card-body {
    opacity: 1;
}

.card_tool {
    text-align: center;
    flex: 1 1 50%;
    cursor: pointer;
}

.card_tool:not(:first-child) {
    margin-left: 10px;
}

.card_tool i {
    margin: 0;
}

.card_tool:hover i {
    color: var(--blue-6);
}

.form.loading.disabled::after {
    display: none !important;
}

#card_messages>div {
    height: 100%;
}

.slick-list,
.slick-track,
.slick-slide,
.slick-slide>div,
.slick-slide .ui.card {
    height: 100%;
}

.campaign_steps #steps_card .slick-slide>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.campaing_choose_button::before {
    content: attr(aria-label);
}

@media (max-width: 480px) {
    .campaing_choose_button::before {
        content: '';
    }
}

.slick-slide .ui.card .creative.image {
    min-height: calc(100% - 4.8rem);
}

.camp_card.column {
    display: flex !important;
    flex-direction: column;
}

#card_messages {
    min-height: 350px;
}

.row.additional {
    padding: 0rem 2rem 1rem;
    flex: 1;
}


@media (max-width: 768px) {

    .teh_content .block,
    .teh_content .block.transparent {
        padding: 9px 19px;
        margin-top: 13px;
    }

    .list:not(.icon) {
        max-width: 100%;
    }

    .teh_content .block .block_title {
        margin-bottom: 5px;
        font-weight: 700;
    }

    #ak_head .top_menu_block ul li {
        display: block;
        margin-bottom: 7px;
    }
}

@media (max-width: 768px) {
    #ak_head .top_menu_block ul li {
        padding-left: 20px;
    }

    #ak_head .logo {
        margin-right: 15px
    }
}

.msg.editor {
    border-top: 1px solid var(--grey-5);
    background-color: var(--grey-1);
}

.msg.content {
    min-height: 600px;
    width: 1100px;
    margin: 0 auto;
    max-width: 96%;
    background-color: var(--grey-1);
    border-left: 1px solid var(--grey-5);
    border-right: 1px solid var(--grey-5);
}

.ui.grid .column.empty {
    padding-top: 40vh;
    font-size: 36px;
    color: #e8e8e8;
}

.learning_info_empty_result {
    padding-top: 8vw !important;
    width: 85%;
    margin: auto !important;
    min-width: 350px;
    max-width: 1400px !important;
    text-align: justify;
    letter-spacing: .3px;
}

.learning_info_empty_result .content code {
    letter-spacing: initial;
}

.learning_info_empty_result .content i.icon {
    text-align: inherit;
}

.ui.popup.learning_info_popup_popup {
    overflow: auto !important;
    max-height: 80vh !important;
}

@media (max-width: 768px) {
    #learning_info_popup {
        margin-left: 0.5rem;
    }

    .ui.popup.learning_info_popup_popup {
        visibility: hidden !important;
    }

    .learning_info_popup_popup a {
        font-size: 14px;
    }

    .learning_info_popup_popup .column {
        width: auto !important;
    }

    .learning_info_empty_result {
        width: 100%;
        text-align: left;
    }

    .ui.modal.learning_info_modal .scrolling.content {
        max-height: 80vh !important;
    }
}

.ui.modal .ui.grid .column.empty {
    padding-top: 20vh;
}

.ui.dropdown .menu>.item:empty::before {
    content: "\00A0";
}

@media (max-width: 768px) {
    .ui.grid .column.empty {
        padding-top: 20vh;
        font-size: 26px;
    }
}

.ui.small.header {
    display: flex;
    align-items: center;
}

.ui.small.grey.header {
    justify-content: space-between;
}

.center.aligned.column .ui.padded.segment .ui.small.header {
    justify-content: center;
}

.ui.header .button.icon:only-child {
    display: inline-block;
    padding: .78571429em;
    margin-right: 0 !important;
}

.ui.grid .ak-table-header,
.ui.grid .table-header {
    border-bottom: 1px solid var(--grey-5);
    margin-bottom: 10px;
    margin-top: 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--grey-1);
}

.ak-table-nav .ui.floating.labeled.icon.dropdown.button {
    margin: 0.25rem 0;
}

.wall-datapicker .dropdown.icon {
    margin-right: 0.5rem !important;
}

.wall-datapicker .drp-label {
    padding: 0 0 0 0;
}

@media (max-width: 1024px) {

    .wall-datapicker .ui.labeled.icon.button,
    .ui.labeled.icon.buttons .button {
        padding-left: 3em !important;
        padding-right: 0 !important;
    }

    .w-filters .ui.labeled.icon.button,
    .ui.labeled.icon.buttons .button {
        padding-left: 3em !important;
        padding-right: 1em !important;
    }
}

.pagination.ui.menu .ui.item,
.pagination.ui.menu .ui.item.disabled {
    color: var(--black) !important;
    opacity: 1 !important;
}

.pagination.ui.menu .icon.item {
    color: var(--grey-7);
}

.ak-table2-container {
    margin-top: 10px;
    border-bottom: 0px !important;
}

.modal .ak-table-container,
.short_aktable .ak-table-container {
    min-height: 400px;
    overflow-x: auto;
}

.modal td.empty {
    height: 400px;
    font-size: 2em;
    color: #e8e8e8;
    text-align: center;
}

.ak-table-container .ui.table {
    border: 0px !important;
}

.dropdown>.label {
    max-width: 100%;
}

.content1 {
    min-height: 772px;
    background-color: var(--grey-1);
}

@media (max-width: 768px) {
    td.empty {
        height: 100px;
        text-align: center !important;
        font-size: 36px;
        color: #e8e8e8;
    }

    .content1 {
        min-height: 524px;
    }

    .ak-table-container {
        min-height: 0px;
        padding-top: 0px !important;
    }
}

td i.icon,
th i.icon {
    font-size: 16px;
}

td .button>i.icon {
    font-size: inherit;
}

.aktable {
    background-color: var(--grey-1);
    padding: 12px 0px;
    border: 1px solid var(--grey-5);
    padding: 12px 12px;
}

.akfilter {
    border-bottom: 1px solid var(--grey-5);
    padding: 7px 0px;
}

.bordered {
    border-bottom: 1px solid var(--grey-5);
}

.teh_content.padded {
    padding-top: 33px;
}

.page>.menu {
    border-top: 0px !important
}

.vised,
.htmled {
    width: 100% !important;
    min-height: 600px;
    border: 0px;
}

.prev-tablet {
    max-width: 768px;
}

.prev-mobile-land {
    max-width: 568px;
}

.prev-mobile {
    max-width: 360px;
}

.toolpane {
    min-height: 65px;
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.wfstat.statistics .value .icon {
    color: var(--grey-7);
}

i.icons,
i.icon {
    font-style: normal;
}

.ui.six.statistics .statistic {
    min-width: 16.66666667% !important;
    margin: 0 0 1em;
    flex: 0 0 16.66666667% !important;
}

.superpopup #exportfmt {
    margin: 0.5rem 0 0
}

@media (max-width: 1200px) {
    .ui.small.statistics .statistic>.value {
        font-size: 2rem !important;
    }

    .ui.statistics .statistic>.label {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 0.8em;
    }
}

@media (max-width: 910px) {
    .segment_edit-header .pre_content>.ui.grid {
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .ui.six.statistics .statistic {
        min-width: 33.33333% !important;
        margin: 0 0 1em;
        flex: 0 0 33.33333% !important;
    }
}

@media (max-width: 620px) {
    .ui.six.statistics .statistic {
        min-width: 50% !important;
        margin: 0 0 1em;
        flex: 0 0 50% !important;
    }

    .errordetails {
        display: none;
    }

    .oact {
        float: none;
        margin: 0.5rem 0 0;
        display: block
    }
}

.ui.attached.segment {
    margin: 0px;
    width: 100%;
    max-width: 100%;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ui.form .toolpane~textarea,
.ui.form .compact_toolpane~textarea {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

@media (max-width: 768px) {

    .toolpane,
    .compact_toolpane {
        padding: 2px !important;
    }

    .toolpane>div {
        float: none !important;
        margin: 6px !important;
    }
}

.ui.multiple.dropdown.icon {
    padding: .22619048em 2.1em .22619048em 1em !important;
}

.ui.modal>.content>.image:only-child {
    max-width: 100%;
    margin: 0 auto;
}

.imgViewer {
    min-height: 420px;
    max-width: 60vw;
}

.imgViewer>.header {
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgViewer>.image.content {
    max-height: calc(95vh - 10rem);
    overflow-y: auto;
    min-height: calc(420px - 9.1rem);
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),
        linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px),
        var(--grey-1);
    background-size:
        4px 4px,
        4px 4px;
}

.imgViewer>.url {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.25rem 1.5rem;
    color: var(--black);
    border-bottom: 1px solid var(--grey-5);
    line-height: 2rem;
}

.imgViewer>.url>.button {
    display: flex;
    margin-left: auto;
}

.imgViewer>.url>.container {
    display: flex;
    justify-content: left;
    max-width: calc(100% - 90px);
    margin-right: 0.5rem;
}

.imgViewer>.url>.container>b {
    margin-right: 0.5rem;
}

.imgViewer>.url>.container>.text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: default;
}

.fullscreenable.fullscreen {
    position: absolute;
    left: 0px;
    top: -1rem;
    z-index: 11;
    width: 100%;
}

.field.error .ui.segment,
.field.error .CodeMirror.cm-s-default {
    border-color: var(--red-3) !important;
    background: var(--red-1);
    color: var(--red-7);
}

@media (max-width: 768px) {
    .right.aligned.search {
        display: inline-block !important;
    }

    .akmenu .icon.item {
        display: none !important;
    }
}

.creative.thumb img {
    margin: auto;
}

.creative.thumb img {
    max-height: 35px;
    max-width: 29px;
}

.scrollable.content {
    overflow-y: scroll;
    height: 100%;
}

.modal.thumb {
    height: 88%;
}

.modal.thumb .image {
    margin: auto;
}

.column .creative.image {
    max-height: 350px;
    overflow: hidden;
}

.creatives-list .creative.image {
    max-height: 229px;
    overflow: hidden;
}

.creatives-list .thumbnailed {
    min-height: 229px;
}

@media (max-width: 768px) {
    .creatives-list .creative.image {
        max-height: none;
        overflow: auto;
    }
}

td[element-for=name] .thumb img {
    max-height: 124px;
    max-width: 125px;
}

@media (max-width: 768px) {
    td[element-for=name] .thumb img {
        max-height: initial;
        max-width: initial;
        width: 100%;
    }

    td[element-for=name] .thumb {
        width: 100%;
        max-height: 280px;
        overflow: hidden;
    }

    td[element-for=name] .thumb::after {
        display: block;
        position: absolute;
        background-image: linear-gradient(to bottom, transparent 0%, white 100%);
        height: 51px;
        width: 100%;
        content: '';
        top: 230px;
    }
}

#whitechart_container {
    margin: 0 0 4rem;
}

#cohortchart {
    height: 40vh;
    width: 100%;
}

.ror {
    font-size: 38pt;
    text-align: center;
    padding-top: 108px;
    color: var(--grey-7);
}

.ror .code {
    padding-bottom: 0.5em;
    font-size: 2em;
}

.ror .desc {
    font-size: 16pt;
    margin-top: 40px;
}

.clickeditable {
    min-height: 19px;
}

.ak-table-toolbox {
    display: inline;
    margin-left: 20px;
}

.ak-table-butts>div:last-child {
    margin-right: 13px;
}

.dragging {
    border: 1px dashed var(--blue-6) !important;
}

#ak_list.helped {
    margin-left: 300px;
}

#data_id #segment_id {
    margin-left: 0px;
}

#wait_block,
.docenter {
    text-align: center;
}

#wait_no {
    line-height: 1.21428571em;
    padding: .67857143em 0;
}

span.deprecated.counter {
    color: var(--grey-7);
}

.genavatar {
    position: absolute;
    right: 32px;
    z-index: 1;
    top: -32px;
    cursor: pointer;
}

.croppie-container {
    height: 400px !important;
}

#usermenu li i.remove {
    float: right;
}

img.author {
    width: 12px !important;
    height: 12px !important;
}

span.author {
    display: block;
    font-size: 0.8em;
    width: 12px !important;
    height: 12px !important;
}

.extra img.author {
    display: inline;
    margin-right: 7px;
}

.extra .time {
    font-size: 0.8em;
}

.menu .ui.checkbox {
    min-width: 50px;
}

span.tablet.only {
    display: none !important;
    font-size: 0.8em;
    color: var(--blue-6);
}

.ui.pointing.label.trythis {
    position: absolute;
    right: 0px;
    margin-right: 100%;
}

@media (max-width: 768px) {
    span.tablet.only {
        display: inline;
    }

    .overline {
        display: inline-block;
        margin-right: 3px;
    }

    .ui.pointing.label.trythis {
        position: relative !important;
        margin-right: 10px;
        right: auto !important;
        left: 0px;
    }
}

.log.content {
    overflow-y: scroll;
    height: 400px;
    background-color: var(--grey-1) !important;
    margin-bottom: 1.5rem;
}

#messageFrameContainer {
    width: auto;
    text-align: center;
}

#messageFrame {
    margin: auto;
    display: block;
    border: 1px solid var(--grey-5);
    width: 100%;
    background-color: var(--white);
    min-height: 600px;
    height: calc(100vh - 16em);
}

#click_donut {
    width: 100%;
}

.mcm_chart_container {
    padding: 30px;
}

.midlight {
    opacity: 0.5;
}

.empty.report {
    min-height: 400px;
    text-align: center;
    font-size: 36px;
    color: var(--grey-7);
    padding-top: 160px;
}

.empty.tasks {
    min-height: 400px;
    text-align: center;
    font-size: 36px;
    color: var(--black);
}

.reports_emptyData__learning {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.6rem;
    line-height: 3.5rem;
    text-align: center;
}

.reportFunnel_empty__paddingTop {
    padding-top: 160px;
}

.empty_data_learning_content {
    margin-top: 18px;
}

.empty_data_learning_wrapper {
    font-size: 1.28571429rem;
    padding: 18px;
    line-height: 1.5;
    flex-direction: column;
    margin: 0 auto;
    max-width: 900px;
    display: flex;
    align-items: center;
}

.text-align-left {
    text-align: left !important;
}

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

.reports-color {
    color: var(--grey-7);
}

.formlabel {
    display: block;
    margin: 0 0 .28571429rem;
    color: var(--black);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}

.formlabel.required::after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: var(--red-6);
}

.pointed {
    cursor: pointer;
}

.absolute {
    position: absolute;
}

.ui.checkbox input.hidden+label {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.accname {
    margin-bottom: 5px;
    color: var(--grey-7);
}

.modal .ui.image img {
    width: initial !important;
    margin: auto;
    position: relative;
}

.ui.card>.image>img,
.ui.cards>.card>.image>img {
    position: relative;
}

.long-scroll-x {
    overflow-x: auto;
    white-space: nowrap;
}

.creative.image.tall {
    max-height: 200px;
}

#campaignModalContent {
    padding: 10px;
}

#flowCampaignModalContent,
#flowAddNodeModalContent {
    min-height: 474px;
}

.object-author {
    text-align: right;
    font-size: 0.8em;
}

.object-author .time {
    color: var(--grey-7);
}

.akc.daynumber {
    font-size: 1.5em;
    text-align: right;
    padding: 4px;
    margin: 0px;
}

.akc.daynumber.othermonth {
    color: #B6B6B6;
}

.akc.daynumber.currentmonth {
    color: #404040;
}

.akc.daycell {
    padding: 1px !important;
    max-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    width: 14.28%;
    height: 165px;
    background-size: cover !important;
    background-position-y: 30px !important;
    background-repeat: no-repeat !important;
}

.akc i.link {
    display: block;
    margin: auto;
}

.akc2.author img {
    width: 16px;
    vertical-align: top !important;
}

.akc2.popupimg {
    min-height: 150px;
    min-width: 150px;
}

.akc2.noevts i.link {
    display: block;
    margin: auto;
}

.akc2.weekcell i.link {
    display: block;
}

.akc.daycell i.link {
    display: block;
    height: 90%;
    padding-top: 20%;
}

.akc.events {
    display: block;
    height: 80%;
}

.akc.daynumber span {
    display: none;
}

.akc2.day-1,
.akc2.day-7 {
    background-color: var(--grey-1);
}

.empty.calendar {
    min-height: 900px;
    text-align: center;
    font-size: 36px;
    color: var(--grey-7);
    padding-top: 360px;
}

.akc.nowday .daynumber {
    background-color: #67cdb1;
    color: var(--white);
}

.akc.evts {
    overflow-x: hidden;
}

.akc.evt {
    display: block;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 1px;
    font-size: 0.8em;
    font-weight: 600;
    cursor: pointer;
}

.akc.popupc {
    width: 200px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.akc2.mobile {
    display: none;
}

.akc2.divcpicons {
    padding-top: 100px;
    text-align: right;
}

.akc2.fade {
    background-color: var(--grey-1);
}

.akc2.evtmore {
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}

.akc2.evtmore a.ui.item {
    display: block;
}

.akc2.head {
    font-size: 1.7em;
    font-weight: 300;
}

.akc2.weekcell.noevts {
    vertical-align: middle;
}

.akc2.daycell>.akc2.event {
    padding-left: 3px;
    width: 154px;
    cursor: pointer;
    float: left;
}

.akc2.daycell.noevts {
    vertical-align: middle;
}

.akc2.daycell {
    padding: 1px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.akc2.monthcell {
    padding: 2px !important;
    max-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    width: 14.28%;
    height: 165px;
    background-size: cover !important;
    background-position-y: 30px !important;
    background-repeat: no-repeat !important;
}

.akc2.weekcell {
    padding: 1px !important;
    max-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    width: 14.28%;
    background-size: cover !important;
    background-position-y: 30px !important;
    background-repeat: no-repeat !important;
}

.akc2.daynumber {
    font-size: 1.3em;
    text-align: right;
    padding: 2px;
    margin: 0px;
}

.akc2.daynumber.othermonth {
    color: var(--grey-6);
}

.akc2.daynumber.currentmonth {
    color: var(--black);
}

.akc2.daynumber span {
    display: none;
}

.akc2.nowday .daynumber {
    background-color: var(--blue-6);
    color: var(--white);
}

.akc2.event {
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
}

.akc2.nodata {
    height: 150px;
    padding: 0px;
    font-size: 140%;
    line-height: 150px;
    color: var(--grey-7);
}

.akc2.wideevent {
    margin: 5px;
    margin-bottom: 1px !important;
    border-bottom: 1px solid var(--grey-5);
    border-left: 7px solid;
    background-color: violet;
}

.akc2.wideevtitle {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 120%;
}

.akc2.wideevtime {
    background-color: var(--grey-1);
    padding: 3px;
    border: 1px solid var(--grey-5);
    border-radius: 3px;
    font-size: 120%;
}

.akc2.wideevlabel {
    color: #777777;
}

.akc2.event.main {
    border: 1px solid var(--grey-5);
    border-radius: 4px;
    overflow: hidden;
    margin: 0 0 2px;
    position: relative;
}

.akc2.event.type {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.akc2.event.type.broadcast,
.legend .type.broadcast {
    background-color: var(--teal-7)
}

.akc2.event.type.regular,
.legend .type.regular {
    background-color: var(--violet-6)
}

.akc2.event.type.splittest,
.legend .type.splittest {
    background-color: var(--orange-6)
}

.akc2.event.title {
    font-size: 0.9rem;
    line-height: 1rem;
    padding: 2px 3px;
    border-left: 4px solid;
    margin-bottom: 1px;
}

.akc2.event.title i.icon {
    font-size: 0.8rem;
}

.akc2.event.title div>span {
    margin: 0 5px 0 0;
}

.akc2.event.name {
    max-height: 1.1em;
    overflow: hidden;
    white-space: nowrap !important;
}


.akc2.ui.table td.hourcol {
    font-size: 90%;
    width: 1%;
    background: var(--grey-1);
    color: var(--grey-7);
}

.akc2.hourmark {
    color: var(--grey-7);
    font-size: 120%;
    margin-bottom: 20px;
}

#cal_mode_sw {
    min-width: 120px;
}

#calbody {
    padding-top: 15px;
    min-height: 400px;
}

#calendar-legend {
    display: inline-block;
}

.legend-wrap {
    display: flex;
    flex-direction: row;
    margin: 0 0.5rem;
    background-color: var(--white);
    border: 1px solid var(--grey-5);
}

.legend {
    position: relative;
    cursor: pointer;
    transition: 0.2s;
    height: 2.5rem;
    padding: 0 1rem;
    display: flex !important;
    align-items: center;
}

.legend:not(:last-child)::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--grey-5);
}

.legend:hover {
    background: var(--grey-3);
}

.legend.disabled .type {
    background-color: var(--grey-5) !important;
}

.legend .type {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin: 0 0.5rem 0 0
}

.legend .typename {
    flex: 1;
    display: block;
    font-size: 1rem;
}

.akc2.ui.mini.modal>.content {
    padding: 0 !important;
    overflow: hidden;
}

.akc2.ui.mini.modal .ui.card.akc2 {
    border: none;
}

.ui.card.akc2>.content>.header:not(.ui) {
    margin-top: 0;
    line-height: 1em;
}

@media (max-width: 768px) {
    .empty.calendar {
        min-height: 500px;
        padding-top: 200px;
    }

    .ui.table:not(.unstackable) td:first-child,
    .ui.table:not(.unstackable) th:first-child {
        font-weight: normal;
    }

    .akc.daynumber span {
        display: inline;
    }

    .akc.daycell {
        max-width: initial;
        height: 200px;
        border-bottom: 1px solid red;
    }

    .akc2.monthcell {
        height: 90px;
    }

    .akc2.event.main span,
    .akc2.event.main i {
        display: none;
    }

    .akc2.event.title {
        padding: 4px 3px;
        margin-bottom: 4px;
    }

    .akc2.computer {
        display: none;
    }

    .akc2.mobile {
        display: block;
    }

    .akc2.mobile.dayhead {
        display: table-cell;
    }

    .akc2.daycell {
        height: initial !important;
    }

    .akc2.fade:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom, #00000000, #00000030);
        opacity: .6;
    }

    .akc2.ui.table th.dayhead {
        font-size: 80%;
        width: 1%;
        padding: .3em;
    }

    .akc2.ui.table td.hourcol {
        font-size: 80%;
        width: 1%;
        padding: .3em;
    }
}

.ui.menu:not(.vertical) .right.menu {
    align-items: center;
}



.akc.time,
.akc.title {
    display: inline-block;
}

.akc.time {
    width: 35px;
    text-align: right;
    background-color: rgba(36, 36, 36, 0.7);
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px 0px 0px 3px;
}

.akc.title {
    padding-left: 2px;
    padding-right: 2px;
    background-color: rgba(103, 205, 177, 0.7);
    width: 100%;
}

td[element-for=id],
td[element-for=data_id],
td[element-for=name] {
    word-break: break-word;
}

.block code {
    color: #262626;
}

.lefted {
    float: left;
}

.creative.thumb.lefted {
    width: 38px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .creative.thumb.lefted {
        float: none;
    }
}

.breaking {
    word-wrap: break-word;
    word-break: break-all;
}

.breaking_word {
    word-break: break-word;
}

#export_fields .columns[group-id="custom"] .field-sel {
    word-wrap: break-word;
    word-break: break-all;
}

.field.removable>input,
.field.removable>.input,
.field.removable>.dropdown {
    width: calc(100% - 2.8em) !important;
}

.field.removable>i {
    float: right;
    margin-top: 0.3em;
}

.field.removable>.text {
    line-height: 2.7em;
    color: var(--grey-7);
}

#tasks i.big.icon {
    color: var(--grey-7);
}

.head-ddown-btn {
    display: flex !important;
    font-size: 1rem;
    align-content: center;
    line-height: 1.2rem;
    font-weight: normal;
    align-items: center;
    height: 3rem;
}

.ui.button.basic.head-ddown-btn {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--grey-7) !important;
}

.head-ddown-btn>i.icon {
    font-size: 1.3rem;
}

.head-ddown-btn_text {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    white-space: nowrap;
}

.head-ddown-btn_name {
    width: 100%;
    color: var(--grey-7);
    font-size: 0.7rem;
    white-space: nowrap;
}

.drp-text {
    padding: 0 0 10px;
    display: block;
}

.drp-label {
    padding: 0 10px 0 0;
}

.ugroups.dropdown.button.labeled {
    padding: 0 0 0 15px !important;
    margin: 0 10px 0 20px;
    border-radius: 0 !important;
}

.ugroupstext {
    padding: 0 0 8px;
}

.current_group {
    flex: 1;
    font-weight: normal !important;
}

.ugroups-arrow {
    color: var(--white);
    opacity: 0.5;
    text-align: center;
}

.ugroups-arrow:hover {
    color: var(--white);
    opacity: 1;
}

.ugroups-contaner {
    overflow: hidden;
}

.ui.dropdown.dropdown-styled .menu {
    border-radius: 4px !important;
    left: auto;
    right: -4px;
}

.ui.dropdown.dropdown-styled .menu.left {
    right: -9px !important;
    top: 2rem;
}

.ui.dropdown.dropdown-styled .menu .dropdown-container {
    position: relative;
    padding: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
}

.ui.dropdown.dropdown-styled .menu:before,
.ui.dropdown.dropdown-styled .menu:after {
    position: absolute;
    display: inline-block;
    content: '';
    visibility: visible;
}

.ui.dropdown.dropdown-styled .menu:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid var(--grey-5);
    right: 9px;
}

.ui.dropdown.dropdown-styled .menu:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--white);
    border-left: 6px solid transparent;
    right: 10px;
}

.ui.dropdown.dropdown-styled .menu .ui.item {
    font-size: 0.95em !important;
    color: var(--black) !important;
    padding: 0.5em 1.5em 0.5em 0.8em !important;
    transition: 0.3s !important;
    cursor: pointer;
    text-align: left;
    border-left: 3px solid var(--grey-5) !important;
}

.ui.dropdown.dropdown-styled .menu .ui.item:last-child {
    margin-bottom: 0;
}

.ui.dropdown.dropdown-styled .menu .ui.item.active,
.ui.dropdown.dropdown-styled .menu .ui.item.currgroup,
.ui.dropdown.dropdown-styled .menu .ui.item:not(.disabled):hover {
    background: transparent !important;
    color: var(--black) !important;
    border-left: 3px solid var(--blue-6) !important;
}

.ui.dropdown.dropdown-styled .menu .ui.item.active,
.ui.dropdown.dropdown-styled .menu .ui.item.currgroup {
    cursor: default;
}

.avail_ugroups .icon {
    float: right;
    margin-right: -0.5em;
    opacity: 1;
    color: var(--grey-7) !important;
}

.avail_ugroups .icon:hover {
    color: var(--blue-6) !important;
}

.scaleup {
    top: 50px;
    transform: scale(0.9);
    opacity: 0;
    transition: 0.2s !important;
}

.scaledown {
    opacity: 1;
    transform: scale(1);
    transition: transform 0.2s, opacity 0.2s !important;
}

#campaignModal strong {
    font-weight: 400;
    color: var(--grey-7);
}

#flowCampaignModalContent,
#flowAddNodeModalContent {
    max-height: 72vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.variable {
    display: inline-block;
    padding: 2px;
    background-color: #67cdb1;
    color: var(--white);
    font-weight: 600;
    border-radius: 2px;
    margin-right: 3px;
    margin-bottom: 3px;
}

[data-tab="segstatic_profile_clean"] .variables_lead_item,
[data-tab="segstatic_renew"] .variables_lead_item,
[data-tab="segstatic_remove"] .variables_lead_item {
    display: none !important;
}

.zoomed.z2>div {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(2);
    -webkit-transform-origin: 0 0;
    transform: scale(2);
    transform-origin: 0 0;
}

.zoomed.z05>div {
    zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
}

.ui.grid.quest {
    margin-top: 78px;
}

.ui.grid.quest.import-quest {
    margin-top: 48px;
}

@media (max-width: 768px) {
    .ui.grid.quest {
        margin-top: 0px;
    }

    .ui.grid.quest.import-quest {
        margin-top: 0px;
    }
}

.quest .header {
    font-weight: 400;
}

.quest .icon {
    color: var(--grey-7);
}

.quest .segment.disabled .icon.corner {
    color: var(--grey-7);
}

.quest .segment:not(.disabled) .icon.corner {
    color: var(--blue-6);
}

.quest .segment:not(.disabled):hover .icon {
    color: var(--blue-6);
}

.quest .segment:not(.disabled):not(.basic):hover {
    cursor: pointer;
    border: 1px solid var(--blue-5);
}

.quest .segment:not(.disabled):not(.basic):focus {
    cursor: pointer;
    border: 1px solid var(--blue-6);
}

.relation_profile-butts .ui.dropdown>.text {
    max-width: 7em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 1200px) {
    .relation_edit .properties .one.column:first-of-type {
        width: 50% !important;
        font-weight: bold;
    }

    .relation_edit .properties .one.column:last-of-type {
        width: 50% !important;
        position: absolute;
        right: 0;
    }

    .relation_edit .properties .ui.grid>.row>[class*="eight wide"].column,
    .relation_edit .properties .ui.grid>[class*="fourteen wide"].column,
    .relation_edit .properties .wide.column {
        width: 100% !important;
        padding-bottom: 1em;
    }
}

.scrollableme {
    overflow-y: auto;
    max-height: 340px;
}

@media (max-width: 768px) {
    .ui.grid.simplify>.column:not(.row) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.empty_row {
    color: var(--grey-7);
}

.file_row {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.log_foot td {
    border-bottom: 4px solid var(--grey-5);
}

.overline.report-incr {
    color: green;
    margin: 0;
}

.overline.report-decr {
    color: red;
    margin: 0;
}

.multifield>label {
    display: block;
    margin: 0 0 .28571429rem;
    color: var(--black);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}

.multifield {
    clear: both;
    margin: 0 0 1em;
}

.phone-number-flag {
    position: absolute;
    left: 8px;
    bottom: 0;
    display: flex !important;
    align-items: center;
    height: 38px !important;
    line-height: 100% !important;
}

.phone-number-mask-input {
    padding-left: 28px !important;
}

.phone-number-field {
    position: relative;
}

span.dirtycalc {
    color: var(--grey-7);
}

@media only screen and (max-width: 768px) {
    .button .desktop.only {
        display: none;
    }
}

.dropdown.optgroup .divider {
    border-top: none !important;
    font-weight: normal;
    font-weight: normal;
    text-transform: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
    display: block;
    height: 14px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 14px !important;
    background-repeat: no-repeat;
    background-position-y: center;
}

.dropdown.optgroup .divider span {
    background: var(--white);
    padding: 0 15px;
}

.ui.selection.dropdown .menu>.item,
.ui.search.dropdown>input.search {
    word-wrap: break-word;
}

.ui.selection.dropdown>.text {
    display: block;
}

.ui.selection.dropdown.dtablefield>.text,
.ui.selection.dropdown.dtablefield>.menu>.item,
.ui.selection.dropdown.object-mapping>.text,
.ui.selection.dropdown.object-mapping>.menu>.item {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.image_dropdown {
    float: left;
    margin-right: 0.5rem;
    height: 1rem;
}

.ui.selection.dropdown.dtablefield>.text>.description,
.ui.selection.dropdown.dtablefield>.menu>.item>.description,
.ui.selection.dropdown.dtablefield>.text>.text,
.ui.selection.dropdown.dtablefield>.menu>.item>.text,
.ui.selection.dropdown.object-mapping>.text>.description,
.ui.selection.dropdown.object-mapping>.menu>.item>.description,
.ui.selection.dropdown.object-mapping>.text>.text,
.ui.selection.dropdown.object-mapping>.menu>.item>.text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    padding-bottom: 1px;
}

.ui.dropdown.basic.button>.text {
    display: inline;
}

.pages_stat .ui.dropdown>.text,
.ak-table-filter .ui.dropdown>.text,
#subscriber_status>div.text {
    display: inline-block;
}

.teh_content .header:first {
    margin-top: 14px;
}

.teh_content.loading:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: segment-spin .6s linear;
    animation: segment-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: var(--grey-7) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101;
}

.teh_content.loading:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    border-radius: 0;
    z-index: 100;
}

.teh_content.loading {
    position: relative;
    cursor: default;
    pointer-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
}

.code_el {
    display: block;
    word-wrap: break-word;
    max-height: 400px;
    min-height: 200px;
}

.numstats {
    padding: 2rem 0;
    text-align: center;
}

.numhead {
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--black);
}

.numstat {
    max-width: 250px;
    margin: 0 auto;
}

.numstat span {
    font-size: 4rem;
    line-height: 4rem;
    font-weight: bold;
    color: var(--black);
}

.numstat .pos {
    color: rgb(14, 190, 110)
}

.numstat .neg {
    color: rgb(200, 90, 15)
}

.numstat .diff {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 60%;
    align-items: flex-end;
}

.numstat .diff-hidden {
    visibility: hidden;
}

.menu_goals_chart,
.menu_forms_chart {
    min-width: 75% !important;
    margin: -1.4rem 0 !important;
}

#pixelCodeModalContent {
    min-height: 600px;
}

#pixels_daily_chart,
#pixels_tags_daily_chart {
    width: 100%;
    height: 40vh !important;
}

.pixel-tag {
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-in-out;
    margin: 4px !important;
}

.pixel-tag .pixel-short {
    display: block;
}

.pixel-tag .pixel-long {
    display: none;
}

.pixel-tag .pixel-count {
    color: var(--grey-7);
}

.pixel-short,
.pixel-long {
    padding: 10px;
}

.pixel-title,
.pixel-count {
    font-size: 32px;
    display: block;
    text-align: center;
}

.pixel-tag:hover .pixel-long {
    display: block;
}

.pixel-tag:hover .pixel-short {
    display: none;
}

#pixelCodeModalContent .ui.segment {
    overflow: auto;
}

.preview-modal,
#previewer,
#webver_previewer,
#segment_previewer {
    height: 75vh;
    position: relative;
}

.preview-modal>.content,
#previewer>.content,
.previewer>.content {
    max-height: calc(75vh - 10em);
    height: calc(75vh - 10em) !important;
    overflow-y: auto;
}

#previewer>.content.no-scrolling,
.previewer>.content.no-scrolling {
    max-height: none;
    height: auto !important;
    overflow: visible !important;
    min-height: calc(75vh - 10em);
}

#segment_previewer>.content {
    height: 85%;
    overflow-y: auto;
}

.previewer_tabs .tabs {
    height: calc(100% - 2.85714286em - 3px) !important;
}

.previewer_tabs .content {
    max-height: calc(75vh - 10em);
    height: calc(75vh - 10em) !important;
    overflow-y: auto;
}

.previewer>.content>.fluid.image {
    height: 100%;
}

.previewer>.content>.tab {
    height: 100%;
}

.previewer>.content>.tab.codepreview {
    height: calc(100% - 45px);
}

.previewer>.actions .row {
    padding: 0.5rem 0;
}

.previewer>div.ui.tab>div.content,
.previewer>div.ui.tab>div.previewtext>div>div.sixteen.wide.column>div {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: var(--white);
    border-bottom: 1px solid var(--grey-5);
}

.previewerCreative.ui.image {
    height: 95%;
    overflow-y: auto;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

.previewerCreative.ui.image.full {
    height: 100%;
    overflow-y: visible;
}

.previewerSubject {
    font-size: 16px;
    padding: 0 0 1rem;
    text-align: left;
}

@media only screen and (min-width: 768px) {

    #previewer.ui.modal>.header,
    #previewer.ui.modal>.content {
        padding: 1rem 2rem !important
    }

    .margin-select-integ {
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width: 767px) {
    #previewer.ui.modal>.header {
        padding-right: 1rem !important;
    }

    #preview_head_helper .msg_setup .icon {
        display: none;
    }
}

.previewerHTML,
.previewerTEXT {
    width: auto;
    height: 95%;
    text-align: center;
}

#previewerHTML {
    height: calc(100% - 4.4rem);
}

#previewerTEXT textarea,
.previewerTEXT textarea {
    padding: 1rem;
    background: var(--grey-1);
}

#previewerTEXT,
.text_previewer {
    width: auto;
    height: 100%;
    min-height: 95%;
    text-align: center;
}

.pointerTable tr {
    cursor: pointer;
}

.pointerTable tr.selected {
    background: var(--grey-1) !important;
    color: var(--black) !important;
}

.textsegment {
    white-space: break-spaces;
    overflow-wrap: break-word;
    word-break: break-word;
    text-align: left;
}

.table_click_map {
    margin-top: 1em;
}

.table_sort th {
    cursor: pointer !important;
}

.table_sort th.sorted[data-order="1"],
.table_sort th.sorted[data-order="-1"] {
    position: relative;
}

.table_sort th.sorted[data-order="1"]::after,
.table_sort th.sorted[data-order="-1"]::after {
    right: 8px;
    position: absolute;
}

.table_sort th.sorted[data-order="-1"]::after {
    content: "↓"
}

.table_sort th.sorted[data-order="1"]::after {
    content: "↑"
}

#previewerTEXT textarea,
.text_previewer textarea {
    width: 100%;
    height: 100%;
    border: 1px solid var(--grey-5);
}

.previewerFrame,
#webver_previewerFrame,
.preverrorhtml {
    margin: auto;
    display: block;
    border: 1px solid var(--grey-5);
    width: 100%;
    background-color: var(--white);
    height: 100%;
}

.fastPreviewerFrame {
    margin: auto;
    display: block;
    border: none;
    width: 100%;
    background-color: var(--white);
    height: 702px;
}

#webver_previewer.modal.previewer>.ui.tab.active,
#webver_previewer.modal.previewer>.ui.tab.open {
    display: block;
    height: calc(100% - 10rem);
    overflow: hidden;
}

.previewtext,
.previewtext .ui.grid,
.previewtext .fifteen.wide.centered.column {
    height: calc(100% - 10rem);
}

.testerrormsg.loader {
    color: var(--grey-7) !important
}

.msg_setup {
    text-decoration: none;
    cursor: pointer;
}

.msg_setup:hover {
    text-decoration: underline;
}

.preverrortext,
.preverrorsms,
.preverrorpush {
    margin: auto;
    display: block;
    border: 1px solid var(--grey-5);
    width: 100%;
    background-color: var(--white);
}

.preverrorhtml,
.preverrortext,
.preverrorsms,
.preverrorpush {
    text-align: center;
}

.basiciphone {
    min-height: 600px;
    height: 740px;
    position: relative;
    width: 366px;
    border: 1px var(--grey-5) solid;
    margin: 0 auto;
    padding: 50px 5px;
    border-radius: 40px;
    overflow-y: hidden;
}

.basiciphone::after {
    position: absolute;
    bottom: 12px;
    left: calc(50% - 27px);
    width: 54px;
    height: 54px;
    border-radius: 27px;
    content: '';
    display: block;
    border: 1px solid var(--grey-5);
}

#previewerSMS,
#previewerPush {
    position: absolute;
    top: 78px;
    bottom: 78px;
    right: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 10*2px);
    border: 1px solid var(--grey-5);
}

#previewerSMS::-webkit-scrollbar {
    display: none;
}

#previewerSMS>label {
    font-size: 16px;
    width: 80%;
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 8px;
    border: 2px solid var(--grey-5);
}

.basicpush {
    position: relative;
    min-height: 50px;
    max-width: 365px;
    margin: 5% auto 5%;
}

.push-wrap {
    border-radius: 10px;
    overflow: hidden;
    margin: 5px;
}

.push-app {
    background: var(--grey-1);
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--grey-7);
}

.push-app__icon {
    background: url(/public/img/logo_mobile.png) #3c3c3c no-repeat center center /70% !important;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    border-radius: 3px;
}

.push-app__title {
    align-items: center;
    display: flex;
    text-transform: uppercase;
}

.push-app__time {
    font-size: 0.85em;
}

.push-body {
    padding: 10px;
    background: var(--grey-1);
    display: flex;
}

.push-text {
    flex: 1;
    word-break: break-word;
}

.push-text span.push-title {
    font-weight: bold;
    display: block;
}

.push-img {
    width: 80px;
    background-size: cover;
}

.push-img img {
    width: 50px !important;
    float: right !important;
    margin: 0 !important;
}

#previewerPush>label {
    font-size: 18px;
    text-align: center;
    background-color: transparent;
    color: var(--white);
    margin: 2% auto 2%;
}

#previewerPush .pushbody {
    font-size: 14px;
    background-color: transparent;
    color: var(--white);
    padding: 5%;
}

#attachbox {
    padding: 0px 30px 30px 30px;
}

#attachbox .header a .icon {
    margin-right: 2px;
}

.empty-chart {
    min-height: 260px;
    text-align: center;
    font-size: 24px;
    color: var(--grey-7);
    padding-top: 120px;
}

span.langalert {
    color: var(--orange-9);
}

#ak-table>tbody>tr>td.center.aligned[element-for="updated_user"]>div {
    white-space: nowrap;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.ui.menu.akmenu .dropdown.item .item {
    padding: .92857143em 1.14285714em .92857143em 1.14285714em;
}

.ui.menu.akmenu .dropdown.item .item {
    color: var(--black);
    padding: 0;
}

.verticalAlignTop {
    vertical-align: top;
}

.required.item::after {
    display: inline-block;
    vertical-align: top;
    margin: -.2em 0 0 .2em;
    content: '*';
    color: var(--red-7);
}

.dropscount {
    white-space: nowrap;
    color: var(--grey-7);
}

.dropdown .ui.label .dropscount {
    display: none;
}

.ui.selection.dropdown.flex>.text,
.ui.dropdown.flex .menu>.item {
    display: flex;
    justify-content: space-between;
}

.ui.dropdown.flex .menu .item>[class*="right floated"],
.ui.dropdown.flex>.text>[class*="right floated"] {
    float: unset !important;
}

#segment_previewer>div.header div.ui.dropdown {
    font-size: 1rem;
}

#alert_repeat {
    margin-bottom: 20px;
}

#ak-table td[element-for="ui_tags"]>label {
    margin-bottom: 2px;
}

.ui.red-tag.label,
.ui.red-tag.labels .label {
    background-color: var(--red-tag-tmp) !important;
    border-color: var(--red-tag-tmp) !important;
    color: var(--white) !important;
}

.red-tag.icon {
    color: var(--red-tag-tmp) !important;
}

.red-tag>.icon.delete,
.red-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.red-tag>.icon.delete:hover,
.red-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.orange-tag.label,
.ui.orange-tag.labels .label {
    background-color: var(--orange-tag-tmp) !important;
    border-color: var(--orange-tag-tmp) !important;
    color: var(--white) !important;
}

.orange-tag.icon {
    color: var(--orange-tag-tmp) !important;
}

.orange-tag>.icon.delete,
.orange-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.orange-tag>.icon.delete:hover,
.orange-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.yellow-tag.label,
.ui.yellow-tag.labels .label {
    background-color: var(--yellow-tag-tmp) !important;
    border-color: var(--yellow-tag-tmp) !important;
    color: var(--white) !important;
}

.yellow-tag.icon {
    color: var(--yellow-tag-tmp) !important;
}

.yellow-tag>.icon.delete,
.yellow-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.yellow-tag>.icon.delete:hover,
.yellow-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.olive-tag.label,
.ui.olive-tag.labels .label {
    background-color: var(--olive-tag-tmp) !important;
    border-color: var(--olive-tag-tmp) !important;
    color: var(--white) !important;
}

.olive-tag.icon {
    color: var(--olive-tag-tmp) !important;
}

.olive-tag>.icon.delete,
.olive-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.olive-tag>.icon.delete:hover,
.olive-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.green-tag.label,
.ui.green-tag.labels .label {
    background-color: var(--green-tag-tmp) !important;
    border-color: var(--green-tag-tmp) !important;
    color: var(--white) !important;
}

.green-tag.icon {
    color: var(--green-tag-tmp) !important;
}

.green-tag>.icon.delete,
.green-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.green-tag>.icon.delete:hover,
.green-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.teal-tag.label,
.ui.teal-tag.labels .label {
    background-color: var(--teal-tag-tmp) !important;
    border-color: var(--teal-tag-tmp) !important;
    color: var(--white) !important;
}

.teal-tag.icon {
    color: var(--teal-tag-tmp) !important;
}

.teal-tag>.icon.delete,
.teal-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.teal-tag>.icon.delete:hover,
.teal-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.blue-tag.label,
.ui.blue-tag.labels .label {
    background-color: var(--blue-tag-tmp) !important;
    border-color: var(--blue-tag-tmp) !important;
    color: var(--white) !important;
}

.blue-tag.icon {
    color: var(--blue-tag-tmp) !important;
}

.blue-tag>.icon.delete,
.blue-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.blue-tag>.icon.delete:hover,
.blue-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.violet-tag.label,
.ui.violet-tag.labels .label {
    background-color: var(--violet-tag-tmp) !important;
    border-color: var(--violet-tag-tmp) !important;
    color: var(--white) !important;
}

.violet-tag.icon {
    color: var(--violet-tag-tmp) !important;
}

.violet-tag>.icon.delete,
.violet-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.violet-tag>.icon.delete:hover,
.violet-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.purple-tag.label,
.ui.purple-tag.labels .label {
    background-color: var(--purple-tag-tmp) !important;
    border-color: var(--purple-tag-tmp) !important;
    color: var(--white) !important;
}

.purple-tag.icon {
    color: var(--purple-tag-tmp) !important;
}

.purple-tag>.icon.delete,
.purple-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.purple-tag>.icon.delete:hover,
.purple-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.pink-tag.label,
.ui.pink-tag.labels .label {
    background-color: var(--pink-tag-tmp) !important;
    border-color: var(--pink-tag-tmp) !important;
    color: var(--white) !important;
}

.pink-tag.icon {
    color: var(--pink-tag-tmp) !important;
}

.pink-tag>.icon.delete,
.pink-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.pink-tag>.icon.delete:hover,
.pink-tag>.icon.close:hover {
    color: var(--white) !important;
}

.ui.brown-tag.label,
.ui.brown-tag.labels .label {
    background-color: var(--brown-tag-tmp) !important;
    border-color: var(--brown-tag-tmp) !important;
    color: var(--white) !important;
}

.brown-tag.icon {
    color: var(--brown-tag-tmp) !important;
}

.brown-tag>.icon.delete,
.brown-tag>.icon.close {
    color: rgb(from var(--white) r g b / 0.6) !important;
}

.brown-tag>.icon.delete:hover,
.brown-tag>.icon.close:hover {
    color: var(--white) !important;
}

#campaign_log>div.log.content button {
    margin-left: 40%;
}

.dropstags {
    margin: -0.4em;
}

.icondelete {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: calc(.28571429rem + 20px) 0 0;
}

.icondelete.field {
    padding: calc(.28571429rem + 22px) 0 0;
}

.icondelete i {
    cursor: pointer;
}

.buttonNoLabel {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: calc(.28571429rem + 17px) 0 0;
}

.buttonNoLabel.field {
    padding: calc(.28571429rem + 19px) 0 0;
}

#emojimodal>div>div.ui.horizontal.divider {
    color: var(--white) !important;
}

#emojimodal .emoji_preview {
    padding: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}

#previewer .header__text>span {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.basiccorner {
    width: 40%;
    margin-left: 30%;
    overflow-x: auto;
}

.apicontenterrormsg .message {
    text-align: left;
}

.apicontenterrormsg .apicontenterrortype {
    width: 100%;
}

.testerrormsg i,
.testerrormsg .message {
    margin-top: 10% !important;
}

.testerrormsg .testerrortype {
    font-size: 1.42857143rem;
    font-weight: 700;
    margin-top: 10px;
}

.testerrormsg .testerrordesc {
    font-weight: 500;
    font-size: 1.1rem;
    margin-top: 20px;
}

.dropstags .dropsicons {
    margin: -0.1em;
}

.channelsel .grid .column .segment {
    text-align: center;
    font-size: 1.2em;
    max-width: 220px;
    margin: auto;
    cursor: pointer;
}

.channelsel .segment .icon {
    margin: 10px;
}

.channelsel .segment:not(.active) .icon {
    color: var(--grey-7);
}

.channelsel .segment:not(.active):hover .icon {
    color: var(--blue-6) !important
}

.channelsel .segment:hover {
    border-color: var(--blue-5) !important
}

.channelsel .segment.active .icon {
    color: var(--blue-6) !important
}

@media only screen and (max-width: 768px) {
    .channelsel .segment {
        margin: 0px !important;
    }
}

.dropdown>span.desktop.only {
    padding-left: 0px;
}

#check_result {
    position: relative;
}

#check_result .type-filter {
    display: flex;
    padding: 0;
}

#check_result .type-filter .supress-filter {
    padding: .92857143em 1em;
    cursor: pointer;
    position: relative;
}

#check_result .supress-filter.email {
    margin: 0 1rem 0 0;
}

#check_result .supress-filter::before {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 1.05rem;
    left: 0;
}

#check_result .supress-filter.email::before {
    background: #2ee400
}

#check_result .supress-filter.domain::before {
    background: #00c9e4
}

#check_result .supress-filter.disabled::before {
    background: var(--grey-7);
}

#check_result .tab.bottom.attached {
    margin-bottom: 0 !important;
}

#check_result .checkboxes {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    border: 1px solid var(--grey-5);
    margin: 0 0 1.5rem;
    height: 200px;
    overflow: auto;
    align-content: flex-start;
}

#check_result div.checkbox {
    width: 50%;
    min-width: 150px;
    margin: 0 0 0.3rem;
}

#check_result div.checkbox::after {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 0.33rem;
    left: 1.5rem;
}

#check_result div.checkbox.email::after {
    background: #2ee400
}

#check_result div.checkbox.domain::after {
    background: #00c9e4
}

#check_result div.checkbox.disabled::after {
    background: var(--grey-7)
}

#check_result div.checkbox label {
    padding-left: 2.85714em;
    padding-right: 20px;
    word-break: break-word;
}

#ak-table>tbody td[element-for="email"],
#ak-table>tbody td[element-for="_id"] {
    word-break: break-word;
}

div#counters.ui.basic.segment {
    overflow-x: auto;
}

.field.readonly input,
.field input[readonly] {
    background-color: var(--grey-2) !important;
}

.ui.card .creative.image {
    min-height: 230px;
    overflow: hidden;
}

#akquery_prewiew_table {
    overflow: auto;
}

#akquery_prewiew_table table.empty {
    width: 100%
}

td.sqlerror {
    height: 550px;
    text-align: center !important;
    font-size: 18px;
    color: var(--black) !important;
    background-color: var(--white) !important;
}

.modal td.sqlerror {
    height: 400px;
}

textarea[name="rawquery"],
textarea[name="rawresult"],
textarea.codearea {
    font-family: monospace;
    font-size: 0.9em !important;
    width: 100%;
}

#cmenu>div>div.item>div {
    left: 105% !important;
}

.policy_helper .ui.grid {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.policy_helper .ui.grid .row {
    padding: 0.2rem;
}

.task_status {
    font-size: 16px;
    margin: 1rem;
    line-height: 0.9;
}

.dt_head_row {
    background-color: var(--grey-1);
    font-size: 16px;
}

.dt_col_count {
    background-color: var(--grey-1);
    max-width: 50px;
}

.scrollable_acc {
    max-height: 500px;
    overflow-y: auto;
}

.scrollable_fileprev {
    overflow-x: auto;
}

.datacolumn_name {
    cursor: pointer;
    background-color: var(--blue-1);
}

.aktable table>thead>tr>th[header-for],
.aktable table>tbody>tr>td {
    word-break: break-all;
    min-width: 75px;
}

@media (max-width: 768px) {

    .aktable table>thead>tr>th[header-for],
    .aktable table>tbody>tr>td {
        max-width: initial;
    }
}

.inliner-container .inliner {
    vertical-align: middle;
}

.inliner-container span {
    padding: 0.5em;
}

.inliner-container input[type="number"] {
    max-width: 80px;
}

.promocode-preview {
    text-align: center;
    margin: 0 !important;
}

.dialog-customFields {
    padding-top: 20px;
}

.dialog-fields.fields {
    flex-wrap: wrap;
}

.dialog-fields.fields>.field {
    margin-bottom: 10px !important;
}

.field div.CodeMirror.cm-s-default {
    border: 1px solid var(--grey-5);
}

#flowContentFilterModal .tab.segment {
    min-height: 200px;
}

.teh_config>.ui.form.error,
.teh_content>.ui.form.error {
    padding-top: 0;
}

.form_message {
    font-size: 1rem;
}

.ui.form .form_message {
    display: none;
}

.ui.form.error .form_message {
    display: block;
}

.ui.form.error .form_message .ui.message {
    margin-bottom: 1rem 0;
}

#msg_old,
#msg_completed,
#msg_running,
#msg_rel_exists {
    margin-top: 1.5em;
}

.ui.form textarea.cf-code {
    font-size: 1.8em;
}

.nomatter {
    opacity: 0.1;
}

.statistic_error {
    position: relative;
}

.statistic_error .dbi_export {
    position: absolute;
    top: -2.56rem;
    left: 0;
    right: 0;
    margin-right: 0;
    white-space: nowrap;
}

.akcalendar-container {
    margin-top: 10px;
}

.icotext.button,
.globalutm.button {
    font-size: 12px;
    position: relative;
    min-width: 2.7em;
    display: flex;
    align-items: center;
}

.ui.icon.buttons .button>.globalutm.icon {
    margin-right: 8px !important;
}

.tableitemopers {
    float: right;
}

.tableitemopers .menu {
    min-width: 13.31rem !important;
}

.tableitemopers .item.ui.button {
    margin-right: -1px;
}

.tableitemopers .ui.button:hover {
    z-index: 1;
}

.tablecell {
    border: 1px solid transparent;
    border-bottom: 1px solid var(--grey-5);
    min-height: 155px;
    font-size: 14px !important;
    transition: 0.2s;
}

#ak-table>.ui>.tablecell {
    background-color: var(--grey-1) !important
}

#ak-table>.ui>.tablecell:hover {
    background-color: var(--white) !important;
}

.tablecell .ui.grid .column.sub {
    padding-top: 0px !important;
    max-width: 330px;
}

#audit-table .tablecell .ui.grid .column.sub {
    max-width: initial;
}

.tablecell .ui.grid .column.title {
    padding-bottom: 0px !important;
    word-wrap: break-word;
    font-size: 1.28571429em;
    font-weight: 700;
}

.tablecell .ui.grid .column.descr {
    padding-top: 0px !important;
    word-wrap: break-word;
    font-size: 16px;
}

.thumbcol {
    max-width: 300px;
    min-width: 150px;
    min-height: 150px;
    float: left;
    position: relative;
}

.thumbcol>.thumbwrap {
    height: 100%;
    border: 1px solid var(--grey-5);
}

.thumbwrap {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--white) !important;
}

.thumbwrap>i,
.thumbwrap>i.loading {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: var(--grey-7);
    margin: 0;
}

.thumbnailed {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    position: absolute;
    background-repeat: no-repeat;
}

.thumbnailed.sms {
    background-size: 115%;
}

.thumbnailed.push {
    background-size: 105%;
}

.thumbnailed.ccfield {
    background-size: contain;
    background-position: center center;
}

#ak-table>.ui>.tablecell .thirteen {
    flex: 1;
    width: auto !important;
}

.tablefiledvalue {
    overflow-wrap: break-word;
}

.tablefiledvalue>span:first-child {
    color: var(--grey-7) !important;
}

.pointed,
#previewerPush .link,
div[name="pixelchart_menu"]>.item {
    cursor: pointer;
}

.checkbox_content {
    margin-top: 7px;
}

.default_fname_lname {
    color: var(--grey-7) !important;
}

.ak-table2-container {
    overflow-y: hidden;
}

#ak-table-clonewrap .ui.table,
#cohort_table-clone .ui.table {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 3;
}

#segment_previewer .ak-table-container,
#ak-subsc-chooser .ak-table-container {
    height: 100% !important;
}

.scrollable_content {
    height: calc(100% - 6rem);
    overflow-y: auto;
}

#segment_previewer .aktable,
#ak-subsc-chooser .aktable {
    max-height: 45vh;
    overflow-y: auto;
}

.compact.list {
    width: 96% !important;
}

.divided.full_divided.row {
    padding: 0;
}

.divided.full_divided.row>.column {
    padding: 1rem;
}

div[name="pixelchart_menu"]>.item:hover {
    background-color: var(--grey-1) !important;
}

.pixelpies canvas {
    height: 260px;
}

.field.error #shareIconsChoose .button {
    background-color: var(--red-1);
}

.field.error .ui.segment,
.field.error .CodeMirror.cm-s-default {
    border-color: var(--red-3) !important;
    background: var(--red-1);
    color: var(--red-7);
}

.schedule.grid .ui.column {
    padding-top: 5px;
}

#modalTable {
    word-break: break-all;
}

.flobubble {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    vertical-align: middle;
    text-align: center;
    color: var(--white);
    font-size: 14px;
    padding-top: 5px;
    z-index: 3;
}

.channelsel {
    width: 100%;
}

.overline .label,
.creatives-list .content .label {
    font-size: .71428571rem;
    padding: 0.4rem;
}

.creatives-list .toolbox {
    margin-top: 5px;
}

.item.disabled {
    opacity: 0.5;
}

.loading.part {
    position: relative;
    cursor: default;
    pointer-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    position: relative;
}

.loading.part:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: var(--grey-1);
    width: 100%;
    height: 100%;
    border-radius: 0;
    z-index: 100;
}

.loading.part:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: segment-spin .6s linear;
    animation: segment-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: var(--grey-5) var(--grey-5) var(--grey-5);
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101;
}

.ui.item.link {
    padding: 0;
}

.chart_loading {
    position: absolute;
    width: 100%;
    background: var(--white);
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: none;
    color: var(--grey-4);
}

.chart_loading.show {
    display: flex !important;
}

.nyan-table {
    display: inline-block;
    position: relative;
}

.nyan-align {
    display: flex !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.nyan-table .nyan-popup {
    right: 1rem;
    height: 198px;
    bottom: 50px;
    max-width: 300px;
    min-width: 175px;
}

.nyan-popup .checkbox {
    width: 100%;
    margin-bottom: 4px;
}

.summrep {
    display: flex;
    flex-flow: column wrap;
    max-height: 460px;
}

.ttip_round {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    display: inline-block;
    margin-right: 5px;
}

.ui.toggle.checkbox label:after,
.ui.checkbox label:before {
    z-index: 0 !important;
}

.ui.sidebar.sidemenu>.accordion {
    padding-bottom: 20px;
}

.horizontal-buttons .button {
    margin-right: 1rem !important;
    display: inline-block;
}

.vertical-buttons .button {
    margin-top: 2px;
    margin-right: 0px;
    min-width: 200px;
}


.vertical-buttons .button:first {
    margin-top: 0px;
}

.sidebar .dropdown .menu {
    overflow-y: auto;
}

/* настройки отображения кнопок на чарте */

#chart_container:not(.funnel),
.menu_goals_chart,
.menu_forms_chart,
#whitechart_container:not(.bar_goals):not(.bar_forms) {
    display: flex !important;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: flex-start;
}

.nyan-setup {
    margin-left: 2rem !important;
}

.nyan-popup {
    white-space: normal !important;
}

.nyan-setup .nyan-popup {
    max-height: 200px;
    max-width: 300px;
    min-width: 175px;
}

.menu_goals_chart,
.menu_forms_chart {
    padding-top: 1.4rem;
}

.graph .ui.buttons {
    order: -1;
}

.teh_content.interval .ui.buttons>.button {
    font-weight: 400 !important;
}

.teh_content.table {
    position: relative;
    margin: 0 0 1rem;
    padding: 0;
}

.teh_content.table .ui.buttons {
    border: var(--grey-5) 1px solid;
    top: -3.2rem;
    right: 0;
    position: absolute;
    border-radius: 2px;
}

.graph {
    position: relative;
}

.graph.intervalonly .ui.buttons {
    right: 1.4rem;
}

.graph .ui.buttons>.button:hover {
    background: var(--white) !important;
}

.teh_content.table .ui.buttons.white>.button,
.graph .ui.buttons.white>.button {
    background: var(--white) !important;
}

.teh_content.table .ui.buttons>.button:active,
.teh_content.table .ui.buttons>.button.active,
.graph .ui.buttons>.button:active,
.graph .ui.buttons>.button.active {
    background: var(--blue-6) !important;
    color: var(--white) !important;
}

@media (max-width: 1100px) {
    .graph .ui.buttons>.button {
        padding: .78571429em 1em .78571429em;
    }
}

.long-scroll-x .ui.table,
.ak-table2-container .ui.table {
    margin: 0;
}

#cohort_table-clone {
    position: absolute;
    top: 0;
    left: 0;
}

.aktable2-table {
    width: fit-content;
    display: table;
}

.teh_content.table .ui.table .aktable2-td,
.teh_content.table .ui.table .aktable2-th {
    height: 48px !important;
    padding: 10px 10px;
}

.teh_content.table .ui.table .aktable2-td {
    height: 74px !important;
}

.teh_content.table .ui.table .aktable2-td.empty {
    height: 100% !important;
}

.teh_content.table .ui.table .aktable2-td .aktable2-link {
    display: flex;
    align-items: center;
    height: 100%;
}

.teh_content.table .ui.table .aktable2-td .aktable2-name {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    line-height: 18px;
    margin: 0 auto 0 5px;
}

.aktable2-thead {
    display: table-header-group;
}

.aktable2-tr {
    display: flex;
}

.aktable2-th {
    display: flex;
}

.cohort-tr,
.aktable2-thead .aktable2-tr,
.aktable2-tbody .aktable2-tr:not(:last-child) {
    display: flex;
    border-bottom: 1px solid var(--grey-5);
    box-sizing: border-box;
    position: relative;
}

.aktable2-th,
.aktable2-td {
    line-height: 28px;
    overflow: hidden;
}

.cohort-tr:first-child,
.aktable2-th {
    color: var(--grey-7) !important;
    background: var(--grey-1);
    font-weight: 400 !important;
}

.aktable2-th.bounce_text,
.aktable2-td.bounce_text {
    min-width: 300px !important;
}

.teh_content.table .aktable2-td:not(.empty),
.teh_content.table .aktable2-th {
    width: auto;
    min-width: 200px;
    max-width: 200px;
}

.loyalty_content .ui.table {
    border: 1px solid transparent !important;
}

.loyalty_content .aktable2-th,
.loyalty_content .aktable2-thead {
    background-color: var(--white) !important;
}

.loyalty_content.table .aktable2-td:not(.empty),
.loyalty_content.table .aktable2-th {
    width: auto;
    min-width: 50px;
    max-width: 300px;
}

.teh_content.table .aktable2-td:first-child:not(.empty) {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.loyalty_content.table .aktable2-td:first-child:not(.empty) {
    width: 50px;
    min-width: 50px;
    max-width: 300px;
}

.aktable2-th div {
    max-width: 157px;
    display: inline-block;
    overflow: hidden;
}

div.overline {
    display: inline-block;
    margin-right: 8px;
}

i.circleicon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin: 0 6px 0 0;
    border-radius: 0.5rem;
}

.eye-preview {
    margin: 0 0.25em 0 0 !important;
}

.item.task:nth-child(2) {
    border-top: none !important;
}

.item.task .ui.progress .bar {
    min-width: 0.5em;
}

.item.task .circlebg {
    width: 4.5rem;
    text-align: left;
    background: transparent;
    padding: 0 0 0 0.5rem;
}

.item.task.okay .circlebg {
    border-left: 3px solid var(--green-7);
}

.item.task.fail .circlebg {
    border-left: 3px solid var(--red-6);
}

.item.task i.icon:not(.download) {
    color: var(--grey-7) !important;
    margin: 0;
}

.ui.items>.item .meta span {
    display: inline-block;
    font-size: 0.8em;
    line-height: 1.2em;
}

.item.task .tasklabels .label {
    margin: 0.5rem 0.3rem;
}

.item.task .tasklabels .label:first-child {
    margin: 0.5rem 0.3rem 0.5rem 0;
}

.item.task .taskDesc {
    margin: 0 0 0.5em;
}

.item.task .status {
    max-width: 600px
}

.item.task .taskBtns {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.item.task .taskBtns .ui.primary.button {
    margin: 0 0 1rem;
}


/* SEMATIC REWRITE */
.ui.basic.modal {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}

.ui.progress {
    margin: 0 0 0.4em !important;
}

.ui.progress>.label {
    top: 0;
    margin: 0;
}

.progress_bar_dummy .ui.progress.success .bar {
    -webkit-animation: progress-active 4s ease infinite !important;
    animation: progress-active 4s ease infinite !important;
    opacity: 0.7 !important;
}

i.violet.icon {
    color: var(--blue-6) !important;
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
    font-size: 11px
}

.ui.menu:not(.vertical) .item>.button {
    font-size: 14px;
}

.dialog-modal .ui.icon.header .icon {
    margin: 0 auto 1rem;
}

/* DRAGGABLE DB FIELDS STYLES */

.db-fields__table {
    margin-bottom: 50px;
}

.custom-fields__table__tbody {
    margin-bottom: 2rem !important;
}

.custom-fields__table__tbody .column .ui.selection.dropdown {
    min-width: auto !important;
}

.db-fields__table__thead,
.custom-fields__table__thead {
    align-items: flex-end !important;
    border: solid var(--grey-5);
    border-width: 0 0 1px;
}

.db-fields__table__thead,
.db-fields__table__tbody,
.custom-fields__table {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.db-fields__table__tbody__tr,
.custom-fields__table_row {
    align-items: center !important;
    border: solid var(--grey-5);
    border-width: 0 0 1px;
}

.custom-fields__table_row:first-child {
    @media only screen and (max-width: 991px) {
        border-top-width: 1px;
    }
}

.custom__tr {
    background: rgba(255, 255, 255, 0);
    transition: 0;
}

.hidden_sep {
    display: none !important;
}

.dragger {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.custom__tr .dragger,
.row .dragger {
    height: 100%;
    width: 30px;
    transition: 0;
    text-align: center;
    display: flex;
    padding-right: 10px;
}

.dragger::before {
    content: "";
    height: 20px;
    width: 13px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 185% auto;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjQ4cHQiIGhlaWdodD0iNDhwdCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJfY2xpcFBhdGhfdkdJUU55UGRSNlpKdzBWWE1GeUpjaUZXRmltQ05qdGEiPjxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcFBhdGhfdkdJUU55UGRSNlpKdzBWWE1GeUpjaUZXRmltQ05qdGEpIj48Y2lyY2xlIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgY3g9IjE4IiBjeT0iMTIiIHI9IjIiIGZpbGw9InJnYigwLDAsMCkiLz48Y2lyY2xlIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgY3g9IjMwLjAwMDAwMDAwMDAwMDAxNCIgY3k9IjEyLjAwMDAwMDAwMDAwMDAwMiIgcj0iMiIgZmlsbD0icmdiKDAsMCwwKSIvPjxjaXJjbGUgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBjeD0iMzAiIGN5PSIyNCIgcj0iMiIgZmlsbD0icmdiKDAsMCwwKSIvPjxjaXJjbGUgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBjeD0iMzAiIGN5PSIzNiIgcj0iMiIgZmlsbD0icmdiKDAsMCwwKSIvPjxjaXJjbGUgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBjeD0iMTgiIGN5PSIzNiIgcj0iMiIgZmlsbD0icmdiKDAsMCwwKSIvPjxjaXJjbGUgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBjeD0iMTgiIGN5PSIyNCIgcj0iMiIgZmlsbD0icmdiKDAsMCwwKSIvPjwvZz48L3N2Zz4=);
}

.custom__separator.message .column::before {
    opacity: 1;
    transition: 0.1s;
}

.custom__tr:hover .dragger {
    opacity: 1;
}

.message-green {
    background-color: var(--blue-1) !important;
    color: var(--black) !important;
}

.ui.accordion .accordion .title .dropdown.icon,
.ui.accordion .title .dropdown.icon {
    line-height: 1.2rem;
}

.segment_accordion.ui.accordion .title {
    padding: 0;
}

.segment_accordion.ui.accordion .title i.dropdown {
    margin: 0 !important;
    line-height: 1 !important;
    float: right;
    transition: unset;
}

.segment_accordion.ui.accordion .title.active i.dropdown {
    margin: 0 !important;
}

.segment_accordion.ui.accordion .content.active {
    padding: 1rem 0 0 !important;
}

.segment_accordion.ui.accordion .title .ui.header i.dropdown {
    line-height: 1.35em !important;
}

.ui.accordion .accordion .active.title .dropdown.icon,
.ui.accordion .active.title .dropdown.icon {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
}

.ui.accordion .accordion .active.title .dropdown.icon::before,
.ui.accordion .active.title .dropdown.icon::before {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    display: block;
}

#is_prior.checkbox {
    margin: 1rem 0;
}

.ui.tab {
    position: relative;
}

#profileErrs {
    margin-bottom: 1rem;
}

.ui.form #profileErrs:not(.hidden) {
    display: block !important;
}

.scrollable-wrap {
    overflow-x: auto;
    position: absolute;
    top: -4rem;
    left: -1px;
    max-width: calc(100% + 2px);
}

.scrollable-menu {
    margin-bottom: 4px !important;
    width: 100%;
}

.profile_sidebar {
    position: sticky;
}

.profile_custom_fields>.field:last-child {
    margin-bottom: 2em !important;
}

.segm.heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.segm.heading h4 {
    margin: 0;
}

.avatar_segm {
    overflow: hidden;
}

.avatar_segm .avatar {
    padding: 8rem 0;
    border: 1px solid var(--grey-5);
    background: url(/public/img/avatar.png) no-repeat center center /cover;
}

.avatar_btn.ui.button {
    position: relative;
    top: calc(1.5rem + 1px);
    margin: 0 calc(-1.5rem + (-1px));
    width: calc(100% + 3rem + 2px);
}

.avatar_btn.ui.button:not(:last-child) {
    border-radius: 0;
}

.avatar_btn.ui.button:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#remove_avatar {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background: var(--white);
    border: 1px solid var(--grey-5);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    cursor: pointer;
}

#remove_avatar i {
    margin: 0 !important;
}

.avatar_segm:hover #remove_avatar {
    opacity: 1;
}

.default_avatar #remove_avatar {
    display: none;
}

.profileMainInfo {
    margin: 1rem auto -0.4rem;
    padding: 0;
}

.profileMainInfo #map {
    margin: 2rem 0 0;
    height: 300px;
    z-index: 1;
}

.profileInf {
    display: flex;
    border-bottom: 1px solid var(--grey-5);
}

.profileInf:last-of-type {
    border-bottom: none;
}

.profileInf>span {
    padding: 0.3rem 1rem;
}

.profileLabl {
    text-align: right;
    width: 150px;
}

.profileData {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uFields {
    margin-top: 5rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.uFields>.content-container>.field,
.uFields>.content-container>.multifield {
    display: flex;
    margin-bottom: 0.5rem;
    max-width: 100%;
    padding: 0 2rem 0 0
}

.uFields>.content-container>.multifield .field {
    display: flex;
    margin-bottom: 0.5rem;
}

.uFields .field>label,
.uFields .multifield>label {
    width: 150px;
    text-align: right;
    padding: 0.5rem 1rem;
    font-weight: normal !important;
}

.uFields .field>.icon.input input {
    width: inherit !important;
}

.uFields .field>div,
.uFields .field:not(.removable)>input,
.uFields .field>textarea,
.uFields .multifield>.wrap {
    flex: 1;
    margin-left: 0.5rem;
}

.uFields>.content-container>.profile-field.additional>.ui.input>input {
    width: 100%;
}

.uFields>.content-container>.profile-field.additional>.ui.selection.dropdown {
    min-width: auto;
}

.uFields .field>input {
    border: 1px solid var(--grey-5);
    color: var(--black);
    border-radius: .28571429rem;
    line-height: 1.21428571em;
    padding: .67857143em 1em;
}

.uFields .field>input:focus {
    border-color: var(--blue-6);
    background: var(--white);
    color: rgba(0, 0, 0, .8);
}

.uFields .multifield .field {
    justify-content: space-between;
    align-items: center;
}

.uFields .multifield .field i {
    margin: 0;
}

.corner_icon {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

.uFields .corner_icon {
    right: 1.5rem;
    top: 1.5rem;
}

.corner_icon i.icon {
    margin: 0 !important;
}

.field_els {
    padding: 1rem;
    height: calc(100% - 2rem);
    border: 1px dashed var(--grey-1);
    background-color: var(--grey-1);
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.field_els.error {
    border: 1px solid var(--red-3);
}

.el_title {
    width: 100%;
    display: flex;
    align-items: center;
}

.el_title .dragger {
    margin-right: 1rem;
}

.field_element {
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1rem;
    margin: 0 0 1rem;
    font-size: 1.1rem;
    color: var(--black);
    display: flex;
    justify-content: space-between;
    background-color: var(--white);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.field_element_disabled .dragger {
    cursor: not-allowed;
    opacity: 0.45;
}

.els_tochoose {
    max-height: 500px;
    overflow-y: auto;
}

.itemsChooser {
    overflow-y: auto;
}

.itemsChooser .ui.header {
    display: flex;
    justify-content: space-between;
}

.itemsChooser .filter_tochoose.ui.dropdown {
    font-size: 0.8rem;
}

.filter_tochoose.ui.dropdown .text {
    text-decoration: underline dashed;
    color: var(--blue-7) !important;

}

.filter_button {
    display: inline-block;
    font-size: 0.9rem;
    padding: 4px;
    border: 1px solid var(--grey-5);
    margin: 0 5px 5px 0;
    cursor: pointer;
}

.lonely_checkbox {
    display: flex;
    align-items: center;
    padding-top: 1.4rem;
}

#add_custom_tab {
    z-index: 1;
    position: relative;
}

.hiddenField {
    display: none !important;
}

.mini-table {
    margin-bottom: 1rem;
    overflow-x: auto;
}

.mini-table table>tr * {
    white-space: nowrap;
}

.mini-table table span.blacker,
.mini-table table>tr .overline {
    color: var(--grey-7)
}

.w-tools {
    display: flex;
    justify-content: space-between;
}

.w-pagination {
    width: 160px;
    display: flex;
    font-size: 1rem;
    justify-content: flex-end;
    align-items: center;
}

.w-pagination>span {
    margin-right: 1rem;
}

.w-pagination i {
    cursor: pointer;
    text-align: center;
}

.w-pagination i.disabled {
    cursor: default;
    color: var(--black);
}

.w-pagination-only {
    width: 100%;
}

.w-filters {
    display: flex;
    justify-content: start;
}

.w-filters>div {
    margin-right: 0.5rem;
}

.w-filters>div:empty {
    margin-right: 0;
}

.w-post {
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--grey-5);
    display: flex;
}

.w-post:last-child {
    border-bottom: none;
}

.w-post-main {
    flex: 1;
    max-width: 100%;
}

.post-content {
    word-break: break-word;
}

.w-post-preview {
    cursor: pointer;
    width: 85px;
    height: 100px;
    border: 1px solid var(--grey-5);
    padding: 6px;
    margin-left: 1rem;
    position: relative;
}

.w-post-preview .ui.label {
    position: absolute;
    bottom: -5px;
    right: -5px;
    z-index: 2;
    font-size: 0.7rem;
    padding: 3px 4px;
    border-radius: 3px;
    margin: 0;
}

.w-post-preview .thumbwrap {
    height: 100%;
}

.w-post-preview .thumbnailed {
    height: 100%;
    border: 1px solid var(--grey-5);
}

.w-post-head {
    display: flex;
    margin: 0 0 1rem;
    align-items: flex-start;
}

.w-post-head .avatar {
    width: 50px;
    height: 50px;
    background: url(/public/img/avatar.png) no-repeat center center /cover;
    border-radius: 50%;
    border: 1px solid var(--grey-5);
    overflow: hidden;
}

.w-post-head .avatar>div {
    height: 100%;
    background-size: cover;
}

#profileChooser .avatar {
    width: 38px;
    height: 38px;
}

.w-post-head .text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    word-break: break-word;
}

.w-content>.message {
    margin-top: 1rem !important;
}

.w-post.w-stat .w-post-head {
    margin: 0;
}

.w-stat-value {
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
    font-size: 18px;
}

.settab .item {
    cursor: pointer;
}

.aktable2-tr.empty {
    justify-content: center;
    padding: 34px 0 20px 0;
}

@media only screen and (min-width: 768px) {
    .table .ui.table {
        position: relative;
    }

    .teh_content.table .aktable2-tr {
        display: flex !important;
        min-height: 49px;
    }

    .teh_content.table .aktable2-thead,
    #cohort_table .cohort-tr:first-child,
    #cohort_table-clone .cohort-tr:first-child {
        position: relative;
        display: block;
        z-index: 2;
        background: var(--grey-1);
        margin: 0 !important;
        left: 0;
        top: 0;
        transition: 0.3s;
    }

    .teh_content.table tbody,
    #cohort_table .cohort-tr,
    #cohort_table-clone .cohort-tr {
        display: block;
    }

    .page:not(.modals) div:not(.modals) .ak-table-header.akFixed {
        position: fixed;
        top: 4rem;
        z-index: 2;
        width: 100%;
        background: var(--grey-1);
        margin: 0 !important;
        width: calc(100% - 190px);
        left: 180px;
        z-index: 101;
    }

    .marginlefting .page:not(.modals) div:not(.modals) .ak-table-header.akFixed {
        width: calc(100% - 70px);
        left: 60px;
    }

    body.mobile .page:not(.modals) div:not(.modals) .ak-table-header.akFixed {
        width: calc(100% - 10px);
        left: 0;
    }

    body.mobile .daterangepicker.ltr .ranges {
        float: none;
    }

    #cohort_table,
    .ak-table2-container:not(.empty) {
        margin-left: 300px;
    }

    #cohort_table .cohort-td:first-child,
    .ak-table2-container:not(.empty) .aktable2-td:first-child,
    .ak-table2-container:not(.empty) .aktable2-th:first-child {
        display: none;
    }
}

.show_mobile {
    display: none !important;
}

@media only screen and (max-width: 1074px) {
    .tabmenu.menu {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width: 1024px) {
    .ui.button {
        padding: .78571429em .78571429em .78571429em !important;
    }

    .ak-table-header.ui.stackable.grid {
        margin: 0 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        padding: 0 0 10px 0 !important;
        gap: 12px;
    }

    .ak-table-header.ui.stackable.grid .ui.input {
        min-width: 160px;
        width: 100%;
    }

    .ak-table-header.ui.stackable.grid>.wide.column.ak-table-butts {
        display: flex;
        flex-wrap: wrap;
    }

    .ak-table-header.ui.stackable.grid>.wide.column.ak-table-pags {
        margin-left: auto;
        display: flex;
        justify-content: flex-end;
    }

    .ak-table-header.ui.stackable.grid>.wide.column.ak-table-nav,
    .ak-table-header.ui.stackable.grid>.wide.column.ak-table-search-col,
    .ak-table-header.ui.stackable.grid>.wide.column.ak-table-butts,
    .ak-table-header.ui.stackable.grid>.wide.column.ak-table-pags {
        padding: 0 !important;
        align-self: center !important;
    }

    .ak-table-header.ui.stackable.grid>.wide.column.ak-table-butts>.ak-table-sort .text {
        white-space: nowrap;
    }

    .ak-table-nav {
        transition: 0.3s;
    }

    .ak-table-search .ui.fluid.icon {
        width: 44px;
        transition: 0.3s;
    }
}

@media only screen and (max-width: 767px) {
    .hide_mobile {
        display: none !important;
    }

    .show_mobile {
        display: initial !important;
    }

    .ui.small.grey.header {
        display: block;
    }

    .ui.small.grey.header .checkbox {
        padding-top: 1rem
    }

    body.mobile .page>.ui>.akFixed,
    body.mobile .page>.ui>.ui>.akFixed,
    body.mobile .page>.ui>.ak-table-header.akFixed,
    body.mobile .page>.ui>.ui>.ak-table-header.akFixed {
        width: calc(100% - 10px);
        left: 0;
    }

    body.mobile .daterangepicker.ltr .ranges {
        float: none;
    }

    #visualEditor,
    .ui.items>.item .circlebg,
    #cohort_table-clone,
    .show-calendar .ranges ul {
        display: none;
    }

    #ak-table>.ui>.tablecell .thirteen {
        flex: auto;
    }

    .thumbcol {
        max-width: unset;
    }

    .mfloatleft {
        float: left;
        text-align: left !important;
    }

    .akc2 .icon.link {
        margin-bottom: 0 !important;
    }

    .ui.dropdown.dropdown-styled .menu.left {
        right: 0px !important;
        top: 3rem;
    }

    #ak-table-pager-top .ui.item,
    .nomobile {
        display: none !important;
    }

    #chartselector .nyan-popup {
        width: 240px;
    }

    .tablecell .ui.grid .column.title {
        display: flex;
        justify-content: space-between;
    }

    .tablecell .ui.grid .column.title a {
        flex: 1;
    }

    .tableitemopers a.item.button,
    .tableitemopers .ui.floating.icon.dropdown.button {
        border-radius: .28571429rem !important;
    }

    #ak-table-clonewrap,
    #cohort_table-clone {
        display: none !important;
    }

    #cohort_table,
    .ak-table2-container:not(.empty) {
        margin-left: 0;
    }

    #cohort_table .cohort-td:first-child,
    .ak-table2-container:not(.empty) .aktable2-td:first-child,
    .ak-table2-container:not(.empty) .aktable2-th:first-child {
        display: block;
    }
}

.buttonMobile,
.userprofilemob {
    display: none !important;
}

@media only screen and (max-width: 479px) {
    .avatar_btn.ui.button {
        top: calc(1rem + 1px);
    }

    .profileMainInfo {
        padding: 0;
    }

    .profileInf {
        flex-direction: column;
    }

    .profileLabl {
        text-align: left;
        width: auto;
    }

    .uFields .corner_icon {
        display: none;
    }

    .uFields>.content-container>.field,
    .uFields>.content-container>.multifield {
        flex-direction: column;
        max-width: 100%;
    }

    .uFields .field>label,
    .uFields .multifield>label {
        text-align: left;
        width: auto;
    }

    .uFields .field>div,
    .uFields .field:not(.removable)>input,
    .uFields .field>textarea,
    .uFields .multifield>.wrap {
        margin-left: 0;
    }

    .w-post {
        flex-direction: column;
    }

    .w-post-main {
        margin-bottom: 1rem;
    }

    .w-post-preview {
        margin: 0 auto;
    }

    .ui.ugroups.dropdown.button.labeled,
    .topmenu-separator,
    .show-calendar .ranges ul,
    #ak-table-clonewrap,
    .profilemenu {
        display: none !important;
    }

    #cohort_table,
    .ak-table2-container:not(.empty) {
        margin-left: 0;
    }

    #cohort_table .cohort-td:first-child,
    .ak-table2-container:not(.empty) .aktable2-td:first-child,
    .ak-table2-container:not(.empty) .aktable2-th:first-child {
        display: flex;
    }

    .daterangepicker.ltr .ranges {
        float: none;
    }

    .ui.left.sidebar .sidebarmenu {
        justify-content: flex-start !important;
    }

    .ui.menu:not(.vertical) .right.menu {
        margin-left: 1rem !important
    }

    .breadcrumb {
        padding: 0 0 0 3.2rem;
    }

    .breadcrumb a {
        font-size: 1.2rem;
    }

    h1.ui.header {
        font-size: 1.5rem;
    }

    .ui.container {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    i.huge.icon {
        font-size: 2em;
    }

    .ui.padded.segment {
        padding: 1em;
    }

    #mtabs.ui.basic.buttons {
        border: unset !important;
    }

    .ui.grid>[class*="right aligned"].column.column:not(.mfloatleft) {
        text-align: left;
    }

    .right.menu .ui.buttons .button {
        margin-bottom: 0 !important;
    }

    .sidebarmenu .ui.ugroups.dropdown.button.labeled {
        display: flex;
        color: rgba(255, 255, 255, 0.9) !important;
        margin: 0;
        padding: 0 0 0 5px !important;
        margin: 0;
        width: 52px;
    }

    .sidebar.ui.menu .sidebarmenu .ui.dropdown.dropdown-styled .menu {
        background: #272727 !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(103, 120, 205, 0.5) !important;
        -moz-box-shadow: 0 0 10px 0 rgba(103, 120, 205, 0.5) !important;
        box-shadow: 0 0 10px 0 rgba(103, 120, 205, 0.5) !important;
        overflow: visible;
        top: 2.5rem;
        right: -3px !important;
    }

    .white .ui.dropdown.dropdown-styled .menu:before {
        border-bottom: 7px solid var(--blue-6);
    }

    .white .ui.dropdown.dropdown-styled .menu:after {
        border-bottom: 6px solid #272727;
    }

    .sidebarmenu .ui.dropdown.dropdown-styled .menu .ugroups_container .ui.item {
        color: rgba(255, 255, 255, 0.9) !important
    }

    .userprofilemob {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        margin-bottom: 1em;
        position: relative;
        line-height: 1;
        padding: 1em;
        flex: 0 0 auto;
    }

    .userprofilemob .user__info__avatar {
        margin: 0 1rem 0 0 !important
    }

    .userprofilemob .user__info__text a {
        display: inline-block;
    }

    .userprofilemob .user__info__text div {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.8rem;
    }

    .userprofilemob .user__info__text .user__info__text__username {
        font-size: 1.4rem;
    }

    .userprofilemob .user__info__avatar {
        width: 50px;
        height: 50px;
        border-radius: 25px;
    }

    .userprofilemob .user__info__avatar img {
        width: 50px;
        height: 50px;
        margin: -1rem -1rem;
    }

    .buttonMobile {
        display: flex !important;
        width: 57.28px;
        /* mobile header line 58px, for pixel perfect with react -2px */
        height: 56px;
        position: fixed;
        top: 0;
        z-index: 102;
        cursor: pointer;
    }

    .buttonMobile i.icon {
        height: auto;
        padding: 0;
        margin: auto;
    }

    .buttonExpand {
        left: 0;
    }

    .buttonMobile i.icon {
        font-size: 2rem;
    }

    .buttonLogout {
        right: 0;
    }

    .buttonLogout i.icon {
        font-size: 1.5rem;
    }

    .ui.sidebar .buttonMobile i.icon {
        color: var(--white);
    }

    .ui.fixed.menu.icon {
        width: 100%;
        left: 0;
        align-items: center;
        justify-content: space-between;
    }

    .ui.fixed.menu.icon::after {
        display: none !important
    }

    .navslide.navwrap {
        margin-left: 0 !important;
    }

    .ui.sidebar.sidemenu {
        overflow-y: hidden;
    }

    .sidebarmenu {
        overflow-y: auto;
        scroll-behavior: smooth;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-overflow-scrolling: touch;
    }

    .computer.logo {
        width: 100%;
        left: 0;
        top: 0;
        background: rgb(60, 60, 60) !important;
    }

    .computer.logo a {
        width: 180px;
        margin: 0 auto;
    }

    .ui.visible.overlay.sidebar {
        z-index: 103;
        position: fixed;
        top: 0;
        left: 0;
        width: 100% !important;
        -webkit-transform: translate3d(-100%, 0px, 0px) !important;
        transform: translate3d(-100%, 0px, 0px) !important;
        transition: 0.2s 0.09s !important;
    }

    .ui.visible.overlay.sidebar.open:not(.fixedM) {
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .ui.visible.overlay.sidebar.open:not(.fixedM) .logo.header.item {
        width: 180px;
        margin: 0 auto;
        transition: 0.2s 0 !important;
    }

    .ui.visible.overlay.sidebar.open:not(.fixedM) .sidebarmenu {
        width: 100%;
    }

    .userprofilemob {
        display: block;
    }

    .avail_ugroups {
        max-width: 170px;
    }

    .graph .ui.buttons {
        top: 1.3rem;
        right: 4.5rem;
        display: flex !important;
    }

    .graph.intervalonly .ui.buttons {
        right: 1.4rem;
    }

    .nyan-table .nyan-popup {
        right: auto;
        max-width: 250px;
        left: -5rem;
    }

    td.empty {
        text-align: left !important;
        font-size: 20px;
    }

    .legend-wrap {
        flex-direction: column;
    }

    .legend {
        padding: 0.5rem;
        font-size: 0.7rem;
    }

    .legend .akc2.event.type {
        width: 14px;
        height: 14px;
        border-radius: 7px;
    }

    .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
        font-size: 1.15em;
    }

    .ui.mini.modal {
        margin: 0 !important;
    }

    .ak-table-header.ui.stackable.grid .ui.input {
        min-width: 105px;
    }
}

.presets {
    display: inline-block;
    margin-left: 1.4rem;
}

.presets .button {
    margin: 0 !important;
    padding: .76em .78571429em !important;
}

.transition_blink {
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
}

.presets .dropdown>.text>.description {
    display: none;
}

.presets .horizontal.label {
    margin-left: .5em !important;
    flex: 0 0 auto;
}

.presets .labeled.item {
    display: flex !important;
    justify-content: space-between;
    align-items: baseline;
    align-content: baseline;
}

.presets .title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
}

.presets .dropdown>.text>.title {
    max-width: 240px;
}

.presets .menu {
    max-width: 317px;
}

.presets .dropdown>.text>.horizontal.label {
    display: none;
}

.presets .menu .ui.checkbox {
    width: 100%;
    margin-left: 1.14285714rem;
    margin-top: .5rem;
}

.presets .dropdown .text {
    display: block !important;
}

.presets .item .description {
    margin: -.7em 0 !important;
    padding: .7em;
}

.nyan-align .presets .ui.labeled.icon.button,
.nyan-align .presets .ui.labeled.icon.button>.icon {
    background: var(--white) !important;
}

.nyan-align .presets .ui.labeled.icon.button>.icon {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

/* <479px & >600px */
@media only screen and (max-width: 479px),
only screen and (min-width: 600px) {
    .presets .menu .ui.checkbox {
        width: calc(50% - 1.14285714rem);
    }

    .presets .menu .ui.checkbox:nth-child(2n+1) {
        margin-left: calc(1.14285714rem / 2);
    }

    .presets .menu .ui.checkbox:last-child {
        margin-bottom: .5rem;
    }

    .presets .menu {
        max-height: 26rem !important;
    }

    .presets .dropdown .item,
    .nyan-align .presets .dropdown {
        min-width: 315px;
    }
}

@media only screen and (max-width: 767px) {
    .tags_hide_mobile {
        display: none !important;
    }

    .preset_container {
        flex: 0 1 100%;
        width: 100%;
    }

    .presets {
        margin-right: 0;
    }

    /* shitty code style... */
    .presets .ui.floating.labeled.icon.dropdown.button .text {
        display: block !important;
    }

    /* shit */
    .presets .ui.floating.labeled.icon.dropdown.button {
        padding-left: 4.07142857em !important;
        padding-right: 1.5em !important;
    }

    .presets .dropdown .menu {
        width: 240px !important;
    }
}

@media only screen and (max-width: 479px) {
    .presets * {
        font-size: 12px;
    }

    .presets .dropdown .menu {
        width: 220px !important;
    }
}

.row.dummy_layout {
    border: 1px dashed;
    padding: 1em;
    min-height: 6em;
}

.column.dummy_layout {
    border: 1px dashed;
    margin: 1em;
    min-height: 4em;
    cursor: all-scroll;
    word-break: break-word;
    padding-top: inherit;
    padding-bottom: inherit;
}

.column.empty_dummy_layout {
    border: 1px dashed transparent;
    margin: 1em;
    min-height: 4em;
    word-break: break-word;
    color: transparent;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.column.empty_dummy_layout.visible {
    border: 1px dashed var(--grey-5);
    margin: 1em;
    min-height: 4em;
    padding-top: inherit;
    padding-bottom: inherit;
    color: var(--grey-7);
}

.column.dummy_layout.over,
.column.empty_dummy_layout.over {
    margin-left: 3em !important;
}

.field_aligned_checkbox {
    margin-top: 2.1em !important;
}

.parameter_title.column {
    word-break: break-all;
    margin-top: 0.5em !important;
}

.field_aligned_button {
    margin-top: 2em !important;
}

.field_aligned_label {
    margin-top: 2em !important;
    padding: .78571429em 1em !important;
}

.compacted.column {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.additionalInfo.channel {
    padding: 3px;
    margin: 0px 0px 0px 3px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    border-radius: .28571429rem;
    display: inline-block;
}

.blue.additionalInfo.channel {
    background-color: var(--blue-5) !important;
    border-color: var(--blue-5) !important;
    color: var(--white) !important;
}

.grey.additionalInfo.channel {
    background-color: var(--grey-4) !important;
    border-color: var(--grey-4) !important;
    color: var(--grey-7) !important;
}

.flex-wrap-wrap {
    flex-wrap: wrap;
}

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

.d-flex {
    display: flex !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-1 {
    flex: 1;
}

.max-width-100 {
    max-width: 100px !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

div.grey_filedrop {
    background-color: var(--grey-1);
}

.d-none {
    display: none !important;
}

.shadownone {
    box-shadow: none !important;
}

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

.justify-flex-end {
    justify-content: flex-end;
}

.flex-wrap-no-wrap {
    flex-wrap: nowrap;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-items-baseline {
    align-items: baseline;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.ui.attached.segment.toolpane .d-flex {
    flex-wrap: wrap;
}

.ui.tabular.menu .item.disabled {
    pointer-events: none !important;
}

.dropdown.dtablefield~.popup {
    z-index: 1 !important;
}

.fullscreen_througth {
    position: inherit !important;
}

.dropdown.drestablefield~.popup {
    z-index: 1 !important;
}


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


.justify-flex-end {
    justify-content: flex-end;
}

.ui.tabular.menu .item.disabled {
    pointer-events: none !important;
}

/* * * funnel builder * * */

#fbuilder {
    margin: 0 -1px;
    width: calc(100% - (-1px * 2));
    max-width: calc(100% - (-1px * 2));
}

#fbuilder .container {
    padding: 2em 0 0;
    display: block;
    position: relative;
}

#fbuilder .container::before {
    content: '';
    position: absolute;
    display: block;
    height: calc(100% - 2em);
    border: 1px dashed var(--grey-5);
    margin: 0 auto;
    left: calc(50% - 1px);
}

.step-labels .ui.label,
.step-labels .ui.label:first-child,
.step-labels .ui.label:last-child {
    margin: 3px;
}

.step-wrap {
    text-align: center;
    position: relative;
}

.step-labels {
    display: inline-block;
    padding: 0 1rem 0.5rem;
}

.icondown {
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 4px 0 0;
}

.akf-row {
    margin: 0 auto;
    position: relative;
    transition: 0.5s;
}

.akf-row.red {
    background: var(--red-1);
}

.akf-head {
    background: var(--white);
    border: 1px solid var(--grey-5);
    padding: 10px;
    border-top: 3px solid var(--blue-6);
    border-bottom: none;
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem;
}

.akf-head .column {
    display: flex !important;
    align-items: center;
}

.akf-head .heading {
    font-size: 1.07142857em;
    font-weight: 400;
    line-height: 1.28571429em;
    color: var(--black);
}

.akf-head .heading i {
    margin: 0 3px 5px 0;
}

.akf-head .objid {
    justify-content: flex-end;
}

.akf-head .step-wrap {
    justify-content: center;
    min-height: 32px;
}

.akf-head .step-labels {
    padding: 0;
}

.akf-row.error .akf-head,
.akf-row.error .akf-body {
    border-color: var(--red-7);
}

.akf-head .header {
    margin: 0
}

.akf-body {
    background: var(--white);
    padding: 20px;
    border: 1px solid var(--grey-5);
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem;
}

.akf-body .ui.segment {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.addStepBtn {
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 1.3em 0 0;
}

.addStepBtn .ui.icon.button {
    background: var(--white) !important;
    position: relative;
    z-index: 1;
    margin: 0 !important;
    transition: 0.1s;
}

.addStepBtn .ui.icon.button.circular {
    padding: 0.16em;
    font-size: 0.7rem;
    line-height: 18px;
    width: 16px;
    height: 16px;
    border-radius: 50% !important;
}

.openStepBtns.ui.icon.button::before {
    content: "\f00d";
    position: relative;
    font-family: 'Icons';
    display: block;
    transform: rotate(45deg);
}

.openStepBtns.ui.icon.button.circular::before {
    transform: rotate(0);
    top: -2px;
    left: 0.5px;
}

.icondown .openStepBtns.ui.icon.button.circular::before {
    top: -3px;
}

.addStepBtns {
    padding-top: 0.2rem;
}

.addStepBtns .buttons {
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1) !important;
}

.icondown .addStepBtn {
    position: absolute;
    width: 15rem;
    padding: 0;
    left: calc(50% - 7.5rem);
}

.icondown .addStepBtn .ui.basic.button {
    opacity: 0;
}

.icondown .addStepBtn.opened .addStepBtns {
    margin: -0.25rem;
    padding: 0 0 0.3rem;
    z-index: 2;
}

.icondown:hover .addStepBtn .ui.basic.button,
.icondown .addStepBtn .ui.basic.button.circular {
    opacity: 1;
}


/* * * funnel view * * */

.editmain {
    padding: 0 10px 0 0
}

#rangeeditclone>.field {
    padding: 0 1rem;
}

#rangeeditclone>.field:first-child {
    padding-left: 0;
}

#rangeeditclone>.field:last-child {
    padding-right: 0;
}

#reportcontols .ui.buttons {
    display: inline-block;
    background-color: var(--white);
}

.ui.item.tasked {
    position: relative;
}

.ui.item.tasked .ui.progress {
    margin: 0 !important;
}

.ui.item.tasked~.additionalbutton {
    margin: 0.5rem 0 0;
}

.ui.item.tasked .icon {
    color: var(--grey-7);
    font-size: 0.9rem;
    line-height: 1.3rem;
    cursor: pointer;
}

.ui.item.tasked .icon:hover {
    color: var(--blue-6) !important;
}

.ui.item.tasked.disabled .icon {
    display: none;
}

.ui.dropdown.dropdown-styled .menu .ui.item.additionalbutton {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent !important;
    border-width: 1px solid !important;
    transition: 0.3s !important;
}

.ui.dropdown.dropdown-styled .menu .ui.item.additionalbutton:hover {
    color: var(--blue-6) !important;
    border: 1px solid var(--blue-6) !important;
    border-width: 1px !important;
}

.item.additionalbutton i {
    margin: 0 0.5rem 0 0 !important
}

#mainProgress {
    max-width: 250px;
}

.funnel_rep {
    padding: 2rem 2rem 1rem;
    position: relative;
    overflow: hidden;
    max-width: 1100px;
    margin: 2rem auto;
    background: var(--grey-1);
    border: 1px solid var(--grey-5);
    border-radius: 0.3rem;
}

.funnel_rep::before {
    content: '';
    display: block;
    position: absolute;
    height: calc(100% - 4rem);
    border: 1px dashed var(--grey-5);
    left: calc(50% - 1px);
}

.funnel_rep .db.akf-head {
    margin: 0 auto;
    padding: 10px;
    background: var(--white);
    border-radius: 0.4rem;
    position: relative;
    border-bottom: 1px solid var(--grey-5);
    transition: 0.2s;
    transform: scale(1, 1);
}

.funnel_rep .db .header {
    margin: 0;
}

.funnel_rep .akf-row {
    margin: 0 auto;
    background: var(--white);
    transition: 0.2s;
    transform: scale(1, 1);
    position: relative;
    color: var(--grey-7);
    border-radius: 0.3rem;
    min-width: 460px;
}

.funnel_rep .akf-row:hover {
    z-index: 1;
    color: #222;
}

.funnel_rep .akf-head {
    position: relative;
    display: block;
    background: transparent;
}

.funnel_rep .akf-body {
    background: transparent;
}

.funnel_rep .akf-body .ui.row .ui.wide.column {
    display: flex;
    align-items: center;
    cursor: default;
}

.funnel_rep .akf-body .ui.row .ui.eight.wide.column {
    justify-content: center;
}

.funnel_rep .akf-body .ui.row .ui.four.wide.column:first-child {
    letter-spacing: 0.5px;
    font-size: 1rem;
}

.funnel_rep .akf-body .ui.row .ui.four.wide.column:last-child {
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
}

.funnel_rep>.ui.icon,
#fbuilder>.container>.icondown>.icon {
    position: relative;
    margin: 1em auto;
}

.big-percent {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: bold;
    min-width: 11rem;

}

.bp-descr {
    font-size: 1rem;
    line-height: 1rem;
}

.akf-body .diff-perc {
    font-size: 1.5rem;
    line-height: 2rem;
}


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

.ui.custom.inline.field {
    display: flex;
    padding: 0 1rem 0 0;
    margin: 0 0 1em;
}

.ui.custom.inline.field:last-child {
    padding: 0;
}

.ui.custom.inline.field label {
    display: inline-flex;
    min-width: auto;
    white-space: nowrap;
    align-items: center;
    font-weight: normal;
}

.ui.custom.inline.field input {
    width: 100px;
    display: block;
}

.custom-checkbox {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
}

.custom-checkbox label {
    font-size: .92857143em !important;
}


@media (max-width: 1100px) {
    .progress-label {
        font-size: 0.7rem;
    }

    .two.fields.chanActBtns>.six.wide.field {
        width: 100% !important;
        padding-bottom: 1em;
    }
}

@media (max-width: 991px) {
    #full_report {
        flex-direction: column-reverse;
    }

    #rangeeditclone {
        justify-content: space-between;
    }

    #rangeeditclone .field {
        padding: 0;
    }

    #funnel_id {
        margin: 0 0 1em
    }

    #rangeeditclone {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }

    .chanActBtns {
        flex-wrap: wrap;
    }

    .chanActBtns .field {
        width: 100% !important;
        margin-bottom: 1em;
    }
}

@media (max-width: 767px) {
    .batch_settings {
        display: block;
    }

    #chart_container.funnel {
        padding: 0;
        border: 0;
    }

    .funnel_rep {
        margin: 0;
    }

    .akf-row {
        width: 100% !important;
        min-width: auto !important;
    }

    .akf-head .ui.column {
        justify-content: center !important;
        text-align: center !important;
    }

    .akf-body .ui.row .ui.wide.column {
        justify-content: center;
    }

    .funnel_rep .akf-body .ui.row>.ui.four.wide.column:last-child {
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: center;
    }

    .akf-row .ui.stackable.grid {
        margin: -0.3em !important;
    }

    .akf-row .ui.stackable.grid>.ui.row>.ui.wide.column {
        padding: 0.3em 0.3em !important;
    }

    .funnel_rep .numstat {
        max-width: unset;
    }

    .chanActBtns {
        text-align: center;
    }

    .chanActBtns .ui.buttons {
        flex-direction: column;
    }

    .chanActBtns .ui.buttons .button {
        border: none !important;
    }

    .spaced>.button {
        margin-bottom: 1em !important;
    }
}

@media (max-width: 420px) {
    #mainProgress {
        display: none;
    }
}

@media (min-width: 768px) {
    .campaign-quest .wide.column .ui.padded.segment {
        margin-bottom: 2rem
    }
}

.button__label_message {
    padding: .78571429em 1.5em .78571429em !important;
    justify-content: center;
    width: 100%;
}

.button__label_right {
    border-radius: .28571429rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.segment__children_disabled {
    opacity: 0.45;
    pointer-events: none;
}

.br-right-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

#loyalties-promocodes {
    margin-bottom: 1rem;
}

.ui.buttons.basic.buttons_basic .ui.button {
    background-color: var(--white) !important;
}

.ui.buttons.basic.buttons_basic .ui.button.colored:hover {
    color: var(--white) !important;
}

.ui.buttons.basic.buttons_basic .ui.button span {
    padding-left: 0.5rem;
}

.buttons_toptabs {
    position: absolute;
    bottom: 3px;
    right: 1rem;
    z-index: 1;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.buttons_toptabs.ui.buttons.basic.buttons_basic .ui.button {
    border-bottom-left-radius: unset !important;
    box-shadow: none !important;
    border-bottom-right-radius: unset !important;
}

.buttons_toptabs.ui.buttons.basic.buttons_basic .ui.button.active {
    border-bottom: unset;
    background: var(--white) !important;
}

.profile-counter-item__quantity {
    margin-left: 8px;
}

i.icon.loading.disabled {
    opacity: .45 !important;
}

.varhelper {
    flex: none;
}

.ui.black.basic.button:last-child {
    margin: 0;
}

.qbuilder__body {
    padding: 1rem !important;
}

.qbuilder-timeline {
    width: 1px;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--grey-5);
    position: relative;
    transition: 0.3s;
}

.qbuilder-timeline.primary {
    background: var(--blue-6);
}

.timeline-dot {
    width: 26px;
    height: 26px;
    background-color: var(--grey-4);
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 9px;
    left: -13px;
    transition: 0.3s;
}

.timeline-dot.opacity {
    opacity: 0;
}

.timeline-dot.primary {
    background-color: var(--blue-6);
    color: var(--white);
}

.timeline-dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 1px;
    background-color: var(--grey-5);
    transition: 0.3s;
}

.timeline-dot.primary::before {
    background-color: var(--blue-6);
}

.timeline-dot.animate {
    transform: scale(1.07);
}

.timeline-dot.visible:before {
    width: 200px;
}

.ui.buttons.qbuilder_query_mode>.button {
    border-top: var(--grey-5) 1px solid;
    border-bottom: var(--grey-5) 1px solid;
    color: #444652 !important;
    background: #fafafa !important;
    font-weight: 400;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.ui.buttons.qbuilder_query_mode>.button:first-child {
    border-left: var(--grey-5) 1px solid;
}

.ui.buttons.qbuilder_query_mode>.button:last-child {
    border-right: var(--grey-5) 1px solid;
}

.ui.buttons.qbuilder_query_mode>.button:hover {
    background: var(--white) !important;
}

.ui.buttons.qbuilder_query_mode>.button:active,
.ui.buttons.qbuilder_query_mode>.button.active {
    background: var(--blue-6) !important;
    color: var(--white) !important;
}

.ui.buttons.qbuilder_query_mode>.button+.button {
    border-left: var(--grey-5) 1px solid;
}

.ui.divider.transparent {
    border-color: transparent !important;
}

.opacity {
    opacity: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-auto {
    margin-right: auto !important;
}

.ml-8 {
    margin-left: 0.571428571rem !important;
}

.ml-4 {
    margin-left: 0.285714286rem !important;
}

.ml_05rem {
    margin-left: 0.5rem !important;
}

.ml_1rem {
    margin-left: 1rem !important;
}

.ui.form .qb-values>.ui.field {
    margin-top: 1rem;
}

.ui.form .qb-values>.ui.field:first-child {
    margin-top: 0;
}

.ui.form .qb-node .column:has(> .qb-values:empty) {
    padding-top: 0px;
}

.ui.grid.qb-node-options {
    margin-top: 0px;
    padding-top: 0px;
}

.qb-header {
    border-bottom: 1px solid var(--grey-5);
}

.qb-fieldname span {
    padding-right: 0.5em;
}

.qb-complex-condition {
    margin-top: 1rem;
}


.mt-0 {
    margin-top: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-10 {
    margin-left: .75rem !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.mt-4 {
    margin-top: 0.285714286rem !important;
}

.mt-8 {
    margin-top: 0.571428571rem !important;
}

.mt-14 {
    margin-top: 14px !important;
}

.mt-negative-8 {
    margin-top: -0.571428571rem !important;
}

.mt-28 {
    margin-top: 2rem !important;
}

.mr-8 {
    margin-right: 0.571428571rem !important;
}

.mr-14 {
    margin-right: 1rem !important;
}

.ml-14 {
    margin-left: 1rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-8 {
    margin-bottom: 0.571428571rem !important;
}

.mb-14 {
    margin-bottom: 1rem !important;
}

.mb-28 {
    margin-bottom: 2rem !important;
}

.my-8 {
    margin-top: 0.571428571rem !important;
    margin-bottom: 0.571428571rem !important;
}

.top-40 {
    top: 40%;
}

.mt-14 {
    margin-top: 1rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.ui.segment.br-tr-none {
    border-top-right-radius: 0px !important;
}

.text-center {
    text-align: center !important;
}

.text-align-end {
    text-align: end !important;
}

.tr-active {
    background: #f9fafb;
    cursor: pointer;
    transition: 0.3s;
}

.tr-active:hover,
.tr-active:focus {
    background: #f4f5f6;
}

.tr-active:active {
    background: #e5e6e7;
}

.shorten {
    word-break: break-all;
}

.button-without-border {
    box-shadow: none !important;
}

.table-icon-cell {
    display: flex !important;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1440px) {
    .qbuilder__body {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media (max-width: 1250px) {
    .condition-wide-container_parent {
        flex-wrap: wrap;
    }

    .ui.form .ui.field.condition-wide-container {
        margin-bottom: 1rem !important;
        width: 100% !important;
    }

    .ui.form .condition-wide-container+.ui.field {
        width: 100% !important;
    }

    .qbuilder-timeline {
        display: none;
    }

    .ui.container #workflow_stats #update_stats .text {
        display: none !important;
    }

    .ui.container #workflow_stats #update_stats .icon {
        margin: 0;
    }
}

.segmgain {
    color: var(--green-9);
    ;
}

.segment .ui.grey.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.responsive-table td {
    word-break: break-word;
}

@media only screen and (max-width: 768px) {
    .responsive-table>thead {
        display: none !important;
    }

    .responsive-table td {
        display: block;
    }

    .responsive-table td::before {
        content: attr(data-label);
        display: block;
        text-transform: uppercase;
        font-weight: bold;
    }
}

.ui.form.disabled {
    position: relative;
}

.ui.form.disabled::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: var(--grey-1);
    width: 100%;
    height: 100%;
    z-index: 100;
}

.compact_toolpane {
    display: flex;
    flex-wrap: wrap;
    min-height: 65px;
}

.compact_toolpane>.buttons {
    display: flex;
    flex-wrap: wrap;
}

.compact_toolpane>div {
    float: none !important;
    margin-top: 6px !important;
}

input.varhelpered {
    flex: auto !important;
    width: 100% !important;
}

.filebox-contaner>.divider {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.custom_channel_form {
    border-top: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.customchannel_menu {
    min-height: 2.55em !important;
    height: 100%;
}

.customchannel_menu::-webkit-scrollbar {
    display: none;
}

.customchannel_menu>a.item {
    flex-basis: 160px !important;
    white-space: nowrap;
    flex-shrink: 20 !important;
    overflow: hidden;
    border-width: 1px !important;
    border-color: var(--grey-5) !important;
    border-radius: .28571429rem .28571429rem 0 0 !important;
    padding: 0 1em 0 1em !important;
}

.customchannel_menu>a.item.active {
    flex-basis: 200px !important;
}

.customchannel_menu>a.item>span {
    overflow: hidden;
    position: relative;
    height: 1.2em;
}

.customchannel_menu>a.item>span>.item-icon {
    margin-top: 1.5px;
}

@media only screen and (max-width: 768px) {
    .customchannel_menu>a.item {
        padding: 0 .4rem 0 .5rem !important;
    }

    span.item-cropped::after {
        z-index: -10;
    }

    span>.item-text {
        display: none;
    }

    span>.item-icon {
        font-size: 1.2rem;
    }
}

.customchannel_menu>a.item>span.cropped::after {
    content: '';
    position: absolute;
    right: 0;
    top: -1px;
    height: 110%;
    width: 2rem;
    background: -moz-linear-gradient(left, rgba(247, 247, 247, 0.03) 0%, rgba(247, 247, 247, 0.64) 50%, rgba(247, 247, 247, 1) 80%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247, 247, 247, 0.03)), color-stop(50%, rgba(247, 247, 247, 0.64)), color-stop(80%, rgba(247, 247, 247, 1)));
    background: -webkit-linear-gradient(left, rgba(247, 247, 247, 0.03) 0%, rgba(247, 247, 247, 0.64) 50%, rgba(247, 247, 247, 1) 80%);
    background: -o-linear-gradient(left, rgba(247, 247, 247, 0.03) 0%, rgba(247, 247, 247, 0.64) 50%, rgba(247, 247, 247, 1) 80%);
    background: -ms-linear-gradient(left, rgba(247, 247, 247, 0.03) 0%, rgba(247, 247, 247, 0.64) 50%, rgba(247, 247, 247, 1) 80%);
    background: linear-gradient(to right, rgba(247, 247, 247, 0.03) 0%, rgba(247, 247, 247, 0.64) 50%, rgba(247, 247, 247, 1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--white)', endColorstr='var(--white)', GradientType=1);
}

.customchannel_menu>a.item.active>span.cropped::after {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.64) 50%, var(--white) 80%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.64)), color-stop(80%, var(--white))) !important;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.64) 50%, var(--white) 80%) !important;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.64) 50%, var(--white) 80%) !important;
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.64) 50%, var(--white) 80%) !important;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.64) 50%, var(--white) 80%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--white)', endColorstr='var(--white)', GradientType=1) !important;
}

.custom_channel_grid {
    margin: 1em 0 0 0 !important;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.custom_channel_grid .ui.attached.menu {
    max-width: calc(100% - (-1px * 2) - 3rem);
}

.custom_channel_grid .column {
    margin: 0 !important;
    padding: 0 !important;
}

.custom_channel_grid .button {
    height: 100%;
}

.add_tab_button.ui.button {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    margin: 0 !important;
}

#add_custom_channel .menu {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#add_custom_channel.active:hover {
    background: var(--white);
}

.ui.toggle.inverted.checkbox>label,
.ui.inverted.checkbox>label,
.ui.toggle.inverted.checkbox input:checked~label,
.ui.inverted.checkbox input:checked~label {
    color: var(--white) !important;
}

.mt_1rem {
    margin-top: 1rem !important;
}

.mb_05rem {
    margin-bottom: 0.5rem !important;
}

.mb_1rem {
    margin-bottom: 1rem !important;
}

.mb_min1rem {
    margin-bottom: -1rem !important;
}

.fs_14px_label>label {
    font-size: 14px !important;
}

.campaign_steps {
    margin: 0 0 1rem
}

.campaign_steps .ui.steps .step:not(.active):not(.disabled) {
    cursor: pointer;
}

.campaign_steps .ui.steps .step:not(.active):not(.disabled):hover {
    color: var(--blue-6)
}

.campaign_steps .ui.steps .step:not(.active):not(.disabled):hover i {
    color: var(--blue-6)
}

.campaign_steps .ui.steps .step:after {
    z-index: 1;
}

.campaign_steps>.ui.attached.padded.segment {
    overflow: visible !important;
}

#campaign_status_steps:empty {
    display: none;
}

.campaign_steps>div>.ui.tab {
    display: none;
    position: absolute;
    top: 1.5rem;
    width: calc(100% - 3rem);
    transition: 0s;
    z-index: -1;
}

.campaign_steps>div>.ui.tab.active {
    top: 0;
    position: relative;
    display: block;
    z-index: 1;
    width: 100%;
    transition: 0s;
    overflow: visible !important;
}

.step_buttons {
    display: flex;
    padding: 2rem 0 0;
    justify-content: space-between;
    align-items: center;
}

.step_buttons.one {
    justify-content: flex-end
}

.start_at_type {
    margin-bottom: 1rem;
}

.schedule.grid {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    margin: 0;
}

.schedule.grid .ui.row {
    padding: 0 !important;
    border-top: 1px solid var(--grey-5);
}

.schedule.grid .ui.row>.column {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.schedule.grid .ui.row:first-child {
    border-top: none;
}

.schedule.grid .ui.row>.column>span {
    display: inline-block;
    width: 25px;
    text-align: right;
    padding: 0 5px 0 0;
    font-weight: 400
}

.campaign_steps #steps_card .schedule.grid.single {
    justify-content: center
}

.campaign_steps #steps_card .schedule.grid .ui.row {
    width: 50% !important;
    flex-direction: column;
    border-top: none;
}

.campaign_steps #steps_card .schedule.grid .ui.row.incomplete-row {
    border-bottom: 1px solid var(--grey-5);
    align-self: flex-start;
}

.campaign_steps #steps_card .schedule.grid .ui.row>.column {
    width: 100% !important;
    text-align: center;
}

.campaign_steps #steps_card .schedule.grid .ui.row>.column:not(:first-child) {
    border-top: 1px solid var(--grey-5);
}

.campaign_steps #steps_card .schedule.grid .ui.row>.column:first-child {
    border-top: none;
}

#stabs.ui.attached.steps {
    margin: 0;
}

.small-heading {
    color: var(--grey-7);
    letter-spacing: .05em;
    padding: 1rem 0 0.5rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}

.small-caption {
    color: var(--grey-7);
    letter-spacing: .05em;
    padding: 1rem 0 0.5rem;
    line-height: 1;
    text-align: center;
}

.item-additional-info_row {
    line-height: 1.6;
    white-space: nowrap;
}

.item-additional-info_channels {
    align-items: center;
    justify-content: center;
    display: flex;
}

.item-additional-info_channels_trigger {
    margin-left: .5rem !important;
}

.style_label_trigger {
    cursor: pointer;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

.style_label_trigger .icon {
    margin-right: 0 !important;
}

.item-label_popup_content_column {
    display: flex;
    flex-direction: column;
}

.item-label_popup_content {
    max-width: 250px;
    word-break: break-word;
}

.item-additional-info_left_blur::after {
    background: linear-gradient(20deg, hsla(0, 0%, 100%, 0), var(--grey-1));
    content: "";
    position: absolute;
    width: 20px;
    height: 2em;
    margin-left: -4em;
}

.item-additional-info_provider_list {
    white-space: nowrap;
    overflow: hidden;
}

.campaign_steps #steps_card .card_main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 1rem 1rem;
}

.campaign_steps #steps_card .card_main.left_aligned {
    align-items: flex-start;
    padding: 0 3rem 1rem;
}

.campaign_steps #steps_card .card_chan {
    background: var(--grey-1);
    justify-content: flex-start;
}

.campaign_steps #steps_card .card_chan:not(.label)>i,
.campaign_steps #steps_card .card_chan :not(.label)>i {
    font-size: 5em;
    margin: 0.5rem 0 0;
}

.campaign_steps #steps_card .card_subs {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.campaign_steps #steps_card .creatives-list {
    padding: 1rem;
    height: calc(100% - 2.5rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.creatives-list .ui.card>.content>.header {
    display: block;
    max-height: 1.28571429em;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.creatives-list .ui.card>.content>.header::after {
    content: '';
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--white) 90%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, var(--white))) !important;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--white) 90%) !important;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--white) 90%) !important;
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--white) 90%) !important;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--white) 90%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--white)', endColorstr='var(--white)', GradientType=1) !important;
}

.campaign_steps #steps_card .slick-slide>div {
    padding: 1rem;
    text-align: center;
}

.campaign_steps #steps_card .slick-slide>div>.card {
    max-width: 300px;
    text-align: left;
    max-height: 280px;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 21px;
    height: 21px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-next {
    right: -10px;
}

.slick-prev {
    left: -10px;
}

.slick-prev::after,
.slick-next::after {
    font-family: Icons;
    font-style: normal;
    color: rgba(0, 0, 0, 0.135);
    font-size: 1.5rem;
    transition: 0.2s;
    position: relative;
    top: 4px;
}

.slick-prev::after {
    content: "\f359";
}

.slick-next::after {
    content: "\f35a";
}

.slick-prev:hover::after,
.slick-next:hover::after {
    color: var(--blue-6)
}

@media (max-width: 767px) {
    .campaign_steps #steps_card .schedule.grid .ui.row>.column {
        text-align: center;
    }

    .campaign_steps #steps_card .schedule.grid .ui.row:first-child>.column:not(:first-child) {
        border-top: 1px solid var(--grey-5);
    }

    .campaign_steps #steps_card .creatives-list .creative.image {
        max-height: 380px;
    }
}

.campaign_steps #steps_segm {
    min-height: 178px;
}

.ui.modal>.header:not(.ui) .dropdown,
.ui.modal>.header:not(.ui) .dropdown>i,
.ui.modal>.header .field>label,
.ui.modal>.header #previewtabs {
    font-size: 1rem;
    font-weight: 400;
}

.link.disabled {
    opacity: .45;
    pointer-events: none;
}

.channel-label {
    margin: .14285714em .14285714em !important;
}


.quest-manager__item {
    cursor: pointer;
}

.quest-manager__item .icon {
    color: var(--grey-7);
}

.quest-manager__item:hover .icon {
    color: var(--blue-6);
}

.quest-manager .column>.segment {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.quest-manager .segment .header {
    font-weight: 400;
}

.quest-manager .helpmsg {
    font-size: 1.142857143rem;
}

#paramquery_preview_grid .column {
    word-break: break-all !important;
}

.ui.form .qb-node .ui.fields:not(.condition-wide-container_parent) {
    margin: 0.5em -.5em 0px;
}

.ui.form .fields.condition-wide-container_parent {
    margin-bottom: 0px;
}

.push-platform-component .ui.grid {
    margin-top: 0;
    margin-bottom: 0;
}


.platform {
    margin: 0 -24px -24px 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.platform__item {
    display: inline-flex;
    margin: 0 24px 24px 0;
    cursor: pointer;
    transition: .15s;
    padding: 2.5em 0 2.5em 0;
    border: 1px solid transparent;
    flex: 0 1 auto;
    align-items: center;
    flex-direction: column;
    width: calc(33.33333333% - 24px);
    border-color: var(--grey-5);
    background-color: var(--white);
    position: relative;
}

.platform_extra {
    margin-right: -20px;
    margin-bottom: -20px;
}

.platform_extra .platform__item {
    width: calc(25% - 20px);
    padding-top: 1.5em;
    padding-bottom: 1em;
    margin-bottom: 20px;
    margin-right: 20px;
}

.platform__item .select {
    display: none;
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 0.5rem;
    border-left: 1px solid var(--grey-5);
    border-bottom: 1px solid var(--grey-5);
}

.platform_extra .platform__item .select {
    padding: 0.375rem;
}


.platform__item .value {
    line-height: 1em;
    font-size: 3rem !important;
    color: var(--grey-7);
    margin-bottom: 0.25rem;
}

.platform__item .label {
    font-size: 1.125em;
    text-align: center;
}


.platform__item_open .value i.icon {
    color: var(--blue-6) !important;
}

.platform__item_open .label {
    color: var(--blue-6) !important;
}

.platform__item_selected .select {
    display: block;
}

.platform-data {
    margin-top: -44px;
    position: relative;
}

.platform-data::before {
    position: absolute;
    content: "";
    top: 1rem;
    bottom: 1rem;
    left: 0;
    width: 1px;
    background-color: var(--grey-5);
}

.platform__item_open {
    border-color: var(--grey-5);
}

.platform-data__item {
    margin-right: -1em;
    padding-right: 1em;
    padding-left: 2px;
    overflow-y: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.platform__item:hover {
    opacity: 0.9;
    border-color: var(--grey-5);
    box-shadow: 0 1px 4px 0 var(--grey-5);
}

.push-navigation {
    margin: 1.5em -1.5em -1.5em -1.5em;
    border-bottom: 1px solid var(--grey-5);
}

.push-navigation .step.disabled svg {
    fill: #2828284d !important;
}

.push-navigation .steps {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin-left: 0px !important;
    margin-right: -1px !important;
}

.push-navigation .step {
    border-radius: 0 !important;
}

.push-navigation .step:after {
    display: none !important;
}

.push-navigation .ui.steps .step:not(.active):not(.disabled):hover {
    cursor: pointer;
    color: var(--blue-6);
}

.push-resource-install__script {
    background: var(--white);
    overflow: auto;
    width: auto;
    border: solid var(--grey-5);
    border-width: .1em .1em .1em .8em;
    padding: .2em .6em;
    border-radius: 4px;
}

.push-resource-install__script pre {
    margin: 0;
    line-height: 125%;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.push-resource-install__script .tag {
    color: rgb(114, 53, 181);
}

.push-resource-install__script .src {
    background-color: var(--white);
    color: #5BBD72
}

.push-firebase-component,
.push-appmetrica-component,
.push-apns-component,
.push-huawei-component,
.push-rustore-component,
.push-install-component {
    margin-top: 2rem !important;
}

.w-100 {
    width: 100% !important;
}

@media (max-width: 768px) {
    .platform-data::before {
        display: none;
    }

    .ui.grid div:not(.grid)>div:not(.grid)>div:not(.grid)>.push-platform-component__grid.ui.stackable.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .ui.grid div:not(.grid)>div:not(.grid)>div:not(.grid)>.push-install-component.ui.stackable.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .push-navigation .step {
        flex-direction: row !important;
        border-right: none !important;
    }

    .push-navigation .step>.icon {
        margin-bottom: 0 !important;
        margin-right: 1rem !important;
    }

    .push-navigation .step+.step {
        border-top: 1px solid var(--grey-5);
    }

    .ui.divider.push-install-component__divider_mobile::before,
    .ui.divider.push-install-component__divider_mobile::after {
        top: 0;
    }
}

@media (max-width: 576px) {
    .platform_wrapper {
        overflow: hidden;
    }

    .platform,
    .platform_extra {
        margin: 0;
    }

    .platform {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .platform__item,
    .platform_extra .platform__item {
        flex: auto;
        width: auto;
        padding: 22px;
    }

    .platform__item .select {
        padding: 0.375rem;
    }

    .platform__item .select .icon {
        font-size: 0.75em;
    }

    .ui.two.column.grid.segment_header {
        flex-direction: column-reverse;
    }

    .ui.two.column.grid.segment_header>.column {
        width: 100%;
    }

    .ui.two.column.grid.segment_header>.column:first-child {
        padding-top: 0;
    }

    .ui.two.column.grid.segment_header>.column>.small.header {
        display: block;
    }
}

@media (max-width: 479px) {
    .push-navigation {
        margin-left: -1em;
        margin-right: -1em;
    }

    .ui.two.column.grid.segment_header {
        flex-direction: row;
    }

    .ui.two.column.grid.segment_header>.column {
        width: 50%;
    }

    .ui.two.column.grid.segment_header>.column:first-child {
        padding-top: 1rem;
    }

    .ui.two.column.grid.segment_header>.column>.small.header {
        display: flex;
    }
}

.text-center {
    text-align: center !important;
}

.font-size-1 {
    font-size: 1rem !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.f-bold {
    font-weight: bold;
}

.f-italic {
    font-style: italic;
}

.link_error {
    color: var(--red-7);
}

/* styles for dark header and for grapesjs VE */
.ui.fixed.menu.mainfixed.dark {
    background-color: #3c3c3c;
    border-bottom: 1px solid #505050;
}

.ui.fixed.menu.mainfixed.dark>.item,
.ui.fixed.menu.mainfixed.dark .right.menu>div {
    color: var(--white) !important;
}

.dark .breadcrumb>.section>a,
.dark .breadcrumb>.section>a:hover,
.dark .ui.breadcrumb .divider {
    color: var(--grey-5);
}

.dark .profilemenu>.ui.bottom.right.popup {
    background: #2d2d2d;
    color: var(--white) !important;
    border-color: #3c3c3c;
}

.dark .profilemenu .user__info__text__account {
    color: var(--white);
}

.dark .profilemenu .user__menu>.item {
    color: var(--white);
    border-color: #3c3c3c;
}

.dark .profilemenu .user__menu>.item:hover {
    color: var(--white);
}

.ak_loader {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: var(--black);
    font-size: 1rem;
}

.veDropdown.ui.dropdown,
.veDropdown.ui.dropdown.active.visible {
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.8rem;
    line-height: 14px;
    padding: 5px 2.1em 5px 5px;
    background: #303030;
    color: var(--white);
    min-height: unset;
}

.veDropdown.ui.dropdown>input {
    margin: 0 !important;
    line-height: unset !important;
}

.veDropdown.ui.dropdown>i.icon.dropdown {
    padding-top: 6px;
    padding-bottom: 8px;
}

.veDropdown.ui.dropdown>a.ui.label,
.veDropdown.ui.dropdown>a.ui.label.active,
.veDropdown.ui.dropdown>a.ui.label.active:hover {
    border: none !important;
    border-radius: unset;
    padding: 2px 4px;
    background: none;
    margin: 0 !important;
    color: var(--white) !important;
}

.veDropdown.ui.dropdown>.menu {
    background: #303030;
    border-radius: unset !important;
}

.veDropdown.ui.dropdown>.menu>.item,
.veDropdown.ui.dropdown>.menu>.message {
    color: var(--white);
    padding: 7px !important;
    font-size: 0.8rem;
    border: none;
}

.gjs-field-wrp--ak-button-color {
    z-index: 12;
}

#gjs-main,
#gjs-amp-main,
#pixcraft_editor {
    position: fixed;
    top: 58px;
    /* head-pane sizes */
    left: 234px;
    /* menu sizes */
    width: calc(100% - 234px) !important;
    /* menu sizes */
    padding-bottom: 3rem;
    bottom: 0px;
}

#gjs-main,
#gjs-amp-main {
    z-index: 99;
}

#pixcraft_editor {
    z-index: 100;
    padding-bottom: 0;
}

#gjs-main,
#gjs-amp-main {
    height: 100% !important;
}

.marginlefting #gjs-main,
.marginlefting #pixcraft_editor {
    left: 76px;
    width: calc(100% - 76px) !important;
}

.gjs-clm-header-status {
    display: none;
}

#gjs-tools {
    outline: 1px solid #3b97e3 !important;
    outline-offset: -1px;
    z-index: unset !important;
}

.gjs-parent-toolbar {
    background-color: #67cdb1;
    color: var(--white);
    z-index: 10;
    position: absolute;
}

.gjs-toolbar>div>div,
.gjs-parent-toolbar>div>div {
    display: none;
    min-width: 35px;
    min-height: 35px;
}

.gjs-toolbar>div::before,
.gjs-parent-toolbar>div::before {
    display: inline-block;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: var(--white);
    font: normal normal normal 18px/37px FontAwesome;
    content: '\f141';
}

.gjs-toolbar:hover>div>div,
.gjs-parent-toolbar:hover>div>div {
    display: inline-block;
}

.gjs-toolbar:hover>div::before,
.gjs-parent-toolbar:hover>div::before {
    display: none;
}

.gjs-toolbar.right>div,
.gjs-parent-toolbar>div {
    display: inline-flex;
    flex-direction: row-reverse;
}

.gjs-parent-toolbar.left>div {
    display: inline-flex;
    flex-direction: row;
}

.gjs-badge {
    top: -26px !important;
}

.gjs-rte-toolbar {
    left: 180px !important;
    top: 105px !important;
    width: calc(100% - 180px - 300px) !important;
}

@media all and (display-mode: fullscreen) {
    .gjs-rte-toolbar {
        left: 0 !important;
        top: 48px !important;
        width: calc(100% - 300px) !important;
    }
}

.ak-trait-btn {
    display: block;
    text-align: center;
    background-color: rgb(48, 48, 48);
    border: 1px solid rgb(38, 38, 38);
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    margin: 8px 0 8px;
    color: var(--white);
    cursor: pointer;
}

.marginlefting .gjs-rte-toolbar {
    left: 60px !important;
    width: calc(100% - 60px - 300px) !important;
}

#vr_vh {
    display: flex !important;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.custom_code_add {
    font-weight: 200;
    font-size: 11px;
    background: #363636;
    border-bottom: 1px solid #282828;
    text-align: left;
    cursor: pointer;
    padding: 9px 10px 9px 17px;
    letter-spacing: 1px;
}

.custom_code_add i {
    margin-right: 8px;
}

.icon-fullwidth {
    width: 100% !important;
    max-width: unset !important;
    min-height: unset !important;
}

.icon-custom-structure .gjs-block__media {
    padding-top: 16px;
}

.icon-columns__wrap {
    width: 80%;
    margin: 0 auto 9px;
}

.icon-columns__col {
    border: 2px solid var(--white);
    border-radius: 2px;
    height: 25px;
    font-size: 9px;
    line-height: 22px;
    font-family: Helvetica;
    ;
}

.icon-columns__1 {
    width: 100%;
}

.icon-columns__2 {
    width: 48%;
}

.icon-columns__3 {
    width: 30%;
}

.icon-columns__4 {
    width: 22%;
}

.icon-columns__6 {
    width: 65%;
}

.page_title {
    word-wrap: break-word;
}

.icon-hdivider::before {
    content: '';
    width: 50%;
    height: 16px;
    border: 1px dotted var(--white);
    margin: 0 25% 0;
    display: block;
    position: absolute;
}

.icon-divider::after {
    content: '';
    width: 60%;
    height: 2px;
    border: 1px solid var(--white);
    margin: 7px 20% 0;
    display: block;
    position: relative;
}

.icon-button {
    border: 1px solid var(--white);
    margin: 0 auto 0;
    width: 60%;
    height: 20px;
    font-size: 10px;
    line-height: 17px;
}

.icon-custom:hover .icon-hdivider::before,
.icon-custom:hover .icon-divider::after,
.icon-custom:hover .icon-button,
.icon-custom:hover .icon-columns__col {
    border-color: var(--white);
}

.icon-heading {
    font-size: 26px;
    margin: -3px 0 15px;
    font-weight: 500;
    font-family: 'Times', serif;
    letter-spacing: -1px;
}

.icon-custom .fa.fa-bolt {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #005af0;
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    /* Для Firefox */
    -ms-transform: rotate(10deg);
    /* Для IE */
    -webkit-transform: rotate(10deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(10deg);
    /* Для Opera */
    transform: rotate(10deg);
}

.icon-custom:hover .fa.fa-bolt {
    color: var(--white);
}

.icon-custom .fa.fa-cog {
    color: var(--white);
    background-color: #3c3c3c;
    width: 25px;
    height: 25px;
    line-height: 24px;
    padding-top: 1px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 1;
    border: 1px solid var(--white);
}

.icon-custom .fa.fa-cog:hover {
    background-color: var(--blue-6);
}

.icon-custom .gjs-block__media {
    pointer-events: auto;
}

.icon-custom .gjs-fonts::before {
    margin-top: -5px;
    font-size: 2.6em;
}

.icon-custom-code {
    line-height: 0;
    color: var(--blue-6);
}

.icon-custom-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-size: cover;
    line-height: 5;
    background-color: #dcdcdc;
}

.icon-custom-userB {
    overflow: hidden;
    align-items: center;
    height: 100px;
}

.icon-custom-userB .gjs-block__media {
    height: 40px;
}

.icon-custom-userB .gjs-block-label {
    z-index: 1;
    display: inline-block;
    padding: 4px 6px;
    background: #3f3f3f;
    width: max-content;
    border: 1px solid var(--white);
    color: var(--white) !important;
    position: absolute;
    bottom: 0;
    left: 0;
}

.icon-custom-userB:hover .gjs-block-label {
    color: var(--white);
    background-color: var(--blue-6);
}


.ak-debug-notification {
    position: absolute !important;
    top: 67px;
    right: 10px;
    width: 100%;
    max-width: 300px;
    max-height: 94vh;
    overflow-y: auto;
    padding-right: 10px;
    z-index: 10000;
}

.ak-debug-notification__prompt {
    padding-right: 3rem !important;
}

.totalPrice {
    font-size: 17px;
}

.totalPrice span {
    font-weight: 600;
}

#endpoints_list {
    margin: 0 0 20px;
    max-height: 500px;
    overflow: auto;
}

#setup_endpoints {
    margin: 26px 0 14px 1em;
    padding-top: 12px;
}

#builderFields {
    margin: 0 0 20px;
}

#builderFields i.close {
    margin: 0 0 0 10px;
}

.hide-qbuilder-remove>.ui.segment>.ui.grid>.column>.ui.header>.remove.icon {
    display: none !important;
}

.bucket-item {
    display: flex;
    justify-content: space-between;
}

.bucket-item .id {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--white);
    border: 5px solid var(--grey-5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.bucket-item {
    display: flex;
    align-items: center;
}

.bucket-item .main {
    display: flex;
    align-items: center;
}

.bucket-item .text {
    display: flex;
    flex-direction: column;
}

.bucket-item .controls {
    display: flex;
}

@media only screen and (max-width: 500px) {
    .bucket-item .controls {
        flex-direction: column;
    }

    .bucket-item .controls .remove_button {
        margin-bottom: 0.571428571rem !important;
    }
}

.ak-labeled-text {
    text-align: left;
    display: block;
    margin: 0 0 .28571429rem 0;
    color: var(--black);
    font-size: .92857143rem;
    font-weight: 700;
    text-transform: none;
}

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

.ak-form-report {
    padding-bottom: 1rem !important;
}

.ak-form-report__row {
    padding-top: 0 !important;
}

.ak-form-report__first_row {
    padding-top: 1rem !important;
}

.ak-form-report__column {
    padding-right: 0 !important;
}

.ak-form-report__last_column {
    padding-right: 1rem !important;
}

.ak-form-report__border {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--grey-1) !important;
    border: 1px solid var(--grey-5) !important;
    text-align: center;
}

.ak-form-report__checkbox {
    padding-top: calc(19px + .28571429rem);
    display: flex !important;
    align-items: center;
}

.ak-form-report__pie,
.ak-form-report__bar {
    height: 100%;
    min-height: 230px;
    width: 100%;
    margin: 0 auto;
}

.ak-flex-two-column {
    display: flex;
    justify-content: space-between;
}

.ak-form-report__check_label {
    cursor: pointer;
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
    padding-right: .8rem;
    min-height: 1.5rem;
    color: var(--black);
}

.ui.horizontal.statistics.ak-form-stat .value,
.ui.horizontal.statistics.ak-form-stat .label {
    color: grey;
    font-weight: 700;
    text-transform: lowercase;
}

.ui.horizontal.statistics.ak-form-stat .ak-big-label {
    font-size: 2em;
}

.ui.horizontal.statistics.ak-form-stat .ak-mini-label {
    font-size: 1.3em;
}

.ui.horizontal.statistics.ak-form-stat .statistic {
    align-items: baseline !important;
}

.ui.horizontal.statistics.ak-form-stat {
    display: inline-flex !important;
    min-height: 230px;
}

#switch_post_uniq {
    margin-top: -1.5em;
}

@media only screen and (max-width: 767px) {
    .ak-form-report__first_row {
        padding-top: 0 !important;
    }

    .ui.stackable.grid>.row>.column.ak-form-report__column {
        padding: 1rem 0 !important;
    }

    .ui.stackable.grid>.row>.column.ak-form-report__last_column {
        padding: 0 !important;
    }

    .ui.horizontal.statistics.ak-form-stat .statistic {
        align-items: center !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

    .ui.stackable.grid>.row>.column.ak-form-report__column,
    .ui.stackable.grid>.row>.column.ak-form-report__last_column {
        width: 100% !important;
        padding-right: 1rem !important;
    }

    .ui.stackable.grid>.row>.column.ak-form-report__column {
        padding-bottom: 1rem !important;
    }
}

.ak-quick-search_loading,
.ak-quick-search__controls_disabled {
    opacity: 0.45;
    pointer-events: none;
}

.ak-quick-search__controls {
    display: flex;
}

.ak-quick-search__icon {
    margin-top: 5px;
    margin-left: 5px;
}

.ak-quick-search__input {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.21428571em;
    padding: 0 1em;
    font-size: 1em;
    background: var(--white);
    border: 1px solid var(--grey-5);
    color: var(--black);
    border-radius: .28571429rem 0 0 .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
    position: relative;
}

.ak-quick-search__input_focus {
    color: var(--black);
    border-color: var(--blue-6);
    background: var(--white);
}

.ak-quick-search__input>.matching-tag .ui.label {
    display: flex;
    align-items: center;
    white-space: normal;
}

.ak-quick-search__input .ui.label {
    margin-bottom: 0 !important;
}

.ak-quick-search__input input {
    line-height: 3.071428571rem;
    width: 100%;
}

.ak-quick-search__input .matching-list {
    display: flex;
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: var(--white);
    border-radius: .28571429rem;
    left: 0;
    margin-top: 8px;
    z-index: 10000;
    box-shadow: none;
    flex-direction: column;
    max-height: 0;
    transition: max-height 0.2s 0.08s;
    overflow: hidden;
}

.ak-quick-search__input .matching-list>span {
    margin: 1em 1em 0;
    cursor: pointer;
    padding: 0.5rem;
    transition: background-color .1s ease;
    border-radius: .28571429rem;
}

.ak-quick-search__input .matching-list>span+span {
    margin-top: 0;
}

.ak-quick-search__input .matching-list>span:last-child {
    margin-bottom: 1em;
}

.ak-quick-search__input .matching-list>span:hover {
    background-color: var(--grey-2);
}

.ak-quick-search__input .matching-list>span:active {
    background-color: var(--grey-3);
}

.ak-quick-search__input .popup {
    top: -125%;
    left: 0;
    max-width: min-content;
    white-space: nowrap;
}

.ak-quick-search__input input:focus+.matching-list {
    background-color: var(--white);
    max-height: 500px;
    box-shadow: 0 1px 2px 0 var(--grey-5);
    transition: max-height 0.4s 0.09s;
}

.ak-quick-search__search-btn {
    flex: 0 0 auto;
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0 .28571429rem .28571429rem 0 !important;
}

.ak-quick-search__revise {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: 0.3s;
}

.ak-quick-search__revise:hover {
    color: rgba(118, 118, 118, 0.9) !important;
}

.ak-quick-search__revise.disabled {
    opacity: .45;
    pointer-events: none;
}

.ak-quick-search__revise>span {
    color: var(--grey-7) !important;
    font-weight: bold;
    margin-right: 0.5rem;
}

.ak-quick-search__revise .menu {
    margin-top: 8px !important;
}

.ak-quick-search__revise .delete {
    cursor: pointer;
}

.ak-quick-search-item {
    color: var(--grey-7);
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.ak-quick-search-item:last-child {
    margin-bottom: 0;
}

.ak-quick-search-item__main {
    display: flex;
}

.ak-quick-search-item__main-text {
    display: flex;
    flex-direction: column;
}

.ak-quick-search-item__link {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.ak-quick-search-item__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    overflow: hidden;
    transition: 0.3s;
    background: url(/public/img/avatar.png) no-repeat center center /cover;
    border-radius: 50%;
    border: 1px solid var(--grey-5);
    margin-right: 1.5rem;
    margin-top: 1rem;
}

.ak-quick-search-item__avatar:hover {
    opacity: 0.9;
}

.ak-quick-search-item__avatar img {
    width: 48px;
    height: 48px;
}

.ak-quick-search-item__secondary {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.quickTable {
    position: relative;
}

.quickTable .ak_loader {
    background-color: rgba(255, 255, 255, 0.5);
}

.attach-list-item {
    display: flex;
    justify-content: space-between;
    transition: 0.15s;
    border: 1px solid transparent !important;
    border-radius: .28571429rem;
    padding: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    margin-top: 0px !important;
    color: var(--grey-7) !important;
}

.attach-list-item:hover {
    border-color: var(--grey-5) !important;
}

.attach-list-item .close {
    margin-right: 0 !important;
}

.attach-list-item__type {
    color: var(--black) !important;
    display: inline-block;
    width: 4rem;
}

.attach-list-item__title {
    color: var(--grey-7) !important;
}

.range-slider-inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.range-slider-inputs .limit {
    max-width: 80px;
}

.range-slider-inputs .limit.disabled {
    pointer-events: none;
    opacity: .45;
}

.range-slider-input .checkbox-min label {
    transform: rotate(180deg);
    padding-left: 0 !important;
    padding-right: 3.5rem !important;
}

.range-slider-input .checkbox-min {
    margin-right: 0.571428571rem !important;
}

.range-slider-input .infinity {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--grey-7)
}

.range-slider-input .infinity.active {
    color: var(--blue-6);
}

.range-slider-container {
    height: 20px;
    position: relative;
}

.range-slider-container_transition .selected {
    transition: all 0.2s linear;
}

.range-slider-container_transition .pointer {
    transition: all 0.2s linear;
}

.range-slider-container .bg,
.range-slider-container .selected {
    background-color: var(--grey-3);
    height: 10px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
    border-radius: 3px;
}

.range-slider-container .today {
    height: 18px !important;
    width: 18px !important;
    background-color: var(--blue-6);
    border: 1px solid var(--blue-6);
    border-radius: 18px;
    position: absolute !important;
    display: block;
    z-index: 1;
}

.range-slider-container .selected {
    background-color: var(--blue-6);
    border: 1px solid var(--blue-6);
    width: 0;
}

.range-slider-container .pointer {
    background-color: var(--blue-6);
    border: 1px solid var(--blue-6);
    border-radius: .28571429rem;
    cursor: pointer;
    height: 20px;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 1;
}

.range-slider-container .pointer::after {
    left: auto;
    right: 12px;
}

#tokens-editor-btn-wrapper {
    width: 105px !important;
}


#tokens_wrapper {
    min-height: 300px;
}

.token-pagination-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;

    >.button {
        display: flex;
    }

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

    .pages-navigation {
        align-items: center;
        display: flex;
        justify-content: space-between;

    }
}

.key-item-divider {
    border-bottom: 1px solid var(--grey-5) !important;
    padding-bottom: 1rem !important;
    margin-bottom: 1rem !important;
}

.range-slider-container.sliding .selected,
.range-slider-container.sliding .pointer {
    transition: none;
}

.range-slider-container .scale {
    left: 0;
    position: absolute;
    white-space: nowrap;
    display: flex;
}

.range-slider-container .scale span {
    float: left;
    position: relative;
}

.range-slider-container .scale span ins {
    display: inline-block;
}

.range-slider-tooltip {
    display: none;
    width: auto;
    background-color: var(--white);
    border: 1px solid var(--grey-5);
    box-shadow: 0 1px 2px 0 var(--grey-5);
    border-radius: .28571429rem;
    position: absolute;
    transform: translate(-50%, -35px);
    left: 7px;
    text-align: center;
    font-size: 13px;
    padding: 4px 8px 0;
}


.range-slider-container:hover .range-slider-tooltip {
    display: block !important;
}

.range-slider-container:focus .range-slider-tooltip {
    display: block !important;
}

.range-slider-container:active .range-slider-tooltip {
    display: block !important;
}

.color-grey {
    color: var(--grey-7);
}

.inliner-container-flex {
    min-height: 38px !important;
    /* height dropdown */
    display: flex !important;
    align-items: center !important;
}

.inliner-container-flex-left {
    display: flex;
}

.inliner-container-flex-right {
    flex: 1 1 auto;
}

@media only screen and (max-width: 600px) {
    .inliner-container-flex {
        flex-direction: column;
    }

    .inliner-container-flex-left {
        align-self: flex-start;
    }

    .inliner-container-flex-right {
        width: 100%;
    }
}

.label-checkbox {
    margin: 0px 0px 0px 10px;
    width: 80px;
}

.dropdown_flex_disp_none {
    display: none;
    flex: 1 1 auto;
}

.elem-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.scroll-y-max {
    max-height: 100%;
    overflow-y: auto;
}

.flex-down {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.btn-add-option {
    max-height: 38px !important;
    margin-left: 5px !important;
}

.margin-b-for-close {
    margin-bottom: 6px !important;
}

.row-margin {
    margin-right: 45px !important;
}

.ui.basic.dropdown.button.error-color {
    border-color: var(--red-3) !important;
    background: var(--red-1) !important;
    color: var(--red-7) !important;
}

p.disabled a {
    opacity: 0.4;
    pointer-events: none;
}

.full-height {
    height: 100%;
}

#subscriber-preview-selector-modal .modal {
    min-height: 600px;
}

.ui.five.statistics .statistic {
    width: 20%;
}

.footer-login-page {
    text-align: center;
    color: var(--white);
    font-size: 12px;
}

.display-flex {
    display: flex !important;
}

.display-inlineblock {
    display: inline-block !important;
}

.recovery-password {
    font-size: 12px;
    justify-content: space-between;
    border: 1px solid var(--grey-5);
    padding: 7px 12px 7px 12px;
    border-radius: .28571429rem;
}

.recovery-password:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--black);
    opacity: 0.8;
    z-index: -1;
}

.underline-white {
    text-decoration: underline;
    color: var(--white);
}

.underline-white:hover {
    color: var(--blue-4);
}

.policy-link:hover {
    color: var(--blue-4);
}

.background-invisible {
    background-color: rgba(0, 0, 0, 0) !important;
}

.white-space-no {
    white-space: nowrap !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.z-index-one {
    z-index: 1;
    position: relative;
}

.ui.primary.big.button.button-license-agreement {
    margin-top: 25px !important;
    max-width: 350px;
    width: 100%;
}

.padding-left-right {
    padding: 0px 33px !important;
}

/* sorry for this hack, who can fix it please)) */
@media (max-width: 414px) {
    .margin-top-negative {
        margin-top: -25px;
    }
}

.segment.preset_segment:hover {
    cursor: pointer;
    border: 1px solid var(--blue-5);
}

.ui.grid.preset_grid {
    flex-direction: row;
    display: flex !important;
}

.ui.grid.preset_grid .preset_column.column {
    display: flex;
    flex-direction: column;
}

.preset_column.column .ui.segment.preset_segment {
    height: -webkit-fill-available;
}

.segment.preset_segment:hover .icon {
    color: var(--blue-7) !important;
}

.grid__column_disabled {
    opacity: 0.45 !important;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.qb-timeline-container {
    display: flex;
    justify-content: center;
}

.qb-timeline {
    width: 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--grey-5);
    position: relative;
}

.qb-timeline-dot {
    width: 26px;
    height: 26px;
    background-color: var(--grey-4);
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 9px;
    left: -13px;
}

.qb-timeline-dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    height: 1px;
    background-color: var(--grey-5);
    width: 200px;
}

.wall-container.loading {
    min-height: 114px;
}

.username .subid {
    color: var(--grey-6);
}

.ui.dropdown .text {
    word-break: break-word;
}

.label_overfloved {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
}

.ui.ccfields.tab {
    z-index: 1;
    position: static;
}

.logical_point {
    width: 26px;
    height: 26px;
    background-color: var(--grey-5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    transition: 0.3s;
    margin-left: 45%;
    margin-top: 0.7em;
}

.logical_point::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(45% + 28px);
    height: 1px;
    background-color: var(--grey-5);
    transition: 0.3s;
    width: 200px;
}

.logical_point::after {
    height: 4.5em;
    content: "";
    width: 1px;
    background-color: var(--grey-5);
    position: absolute;
    top: -2.3em;
}

.pixelbuilder>.grid>div.point_column:first-child>.logical_point::after {
    height: 1.5em !important;
    top: 0.7em;
}

.pixelbuilder {
    padding-top: 1em;
}

@media (max-width: 1250px) {
    .point_column {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1250px) {
    .ui.column.goal_column.six.wide {
        width: 50% !important;
    }
}

.entity-id {
    color: var(--grey-6);
    font-size: 1em;
    margin-right: 0.35714286em;
    font-weight: normal;
}

.frozen {
    display: flex;
    align-items: center;
    margin: 0 14px 14px 14px !important;
}

.frozen-workflow-editor {
    height: 74px;
    margin: 0 !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
    .frozen {
        margin-top: 14px !important;
    }
}

@media only screen and (max-width: 991px) {
    .value-processing-header {
        margin-top: 0.285714286rem !important;
    }
}

.min-mobile-width {
    max-width: 300px;
}

.text-wrap {
    white-space: break-spaces;
    overflow-wrap: break-word;
    word-break: break-word;
}

.splittest-winner-dialog__link {
    display: flex;
    align-items: center;
    max-width: 100%;
    flex: auto 0;
    overflow-x: hidden;
    font-size: 18px;
    font-weight: normal !important;
    line-height: 1.6;
    cursor: pointer;
}

.splittest-winner-dialog__id {
    color: var(--grey-6);
    font-size: 1em;
    margin-right: 0.35714286em;
    font-weight: normal;
}

.splittest-winner-dialog__name {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    margin-right: 0.5rem;
}

.splittest-winner-dialog__previewWrapper {
    width: 100%;
    display: flex;
    min-width: 150px;
    min-height: 150px;
    cursor: pointer;
}

.splittest-winner-dialog__previewWrapper::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(0deg, rgb(219, 219, 219) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}

.splittest-winner-dialog__preview {
    flex: 1;
    z-index: 2;
    background-size: cover;
}

.splittest-winner-dialog__previewIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.splittest-winner-dialog__nameLink {
    display: block;
}

.splittest-winner-dialog__nameLinkTablet {
    display: none;
}

.splittest-winner-dialog__chartContainer {
    flex: 1;
}

.splittest-winner-dialog__noStatisticMessage {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .splittest-winner-dialog__nameLink {
        display: none;
    }

    .splittest-winner-dialog__nameLinkTablet {
        display: block;
    }

    .splittest-winner-dialog__chartContainer {
        margin: 4px 0;
    }

    .splittest-winner-dialog__noStatisticMessage {
        min-height: 100px;
    }
}

.api-field-name {
    color: var(--grey-7);
    font-style: italic;
    margin-right: 3px;
}

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

.subscription_header {
    word-break: break-all;
    justify-content: space-between;
    align-items: flex-start !important;
}

.subscription_corner_icon {
    margin: 0.2rem 0 0 0 !important;
}

.subscription-custom-channel>.row+.row {
    margin-top: 0.571428571rem;
}

.subscription-readonly-field>label {
    color: var(--grey-7) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}

.sub-editor-remove-button-container {
    max-width: 54px;
    min-width: 54px;
}

.sub-editor-remove-button-container>.ui.button {
    position: relative;
    top: 24px;
    left: 1em;
}

.profile-counter-item__quantity {
    font-weight: 600;
}

.ml_statistic_segment {
    padding: 38px !important;
}

.db_statistic_segment_value {
    color: var(--black);
}

.modal__header {
    font-size: 1.42857143rem !important;
    line-height: 1.28571429em !important;
    font-weight: 600 !important;
}

.preset_description {
    white-space: pre-wrap !important;
    max-width: 100%;
}

.width-50 {
    width: 50%
}

@media (max-width: 991px) {
    .content-telegram-mobile-element {
        min-width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .content-telegram-mobile-element {
        min-width: 100%;
    }
}

.message-edit-header #is_draft {
    margin-left: 15px;
    flex-shrink: 0;
}

.options-json-link-input .json-url-input {
    width: 0 !important;
}

#json_vhelper {
    flex-shrink: 0;
}

@media (max-width: 270px) {
    .message-edit-header {
        flex-direction: column !important;
    }
}

.noDiagramDataTextBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    height: 100%;
}

.ui.form #ml_recalc_error_text.ui.message {
    color: var(--red-7);
    background-color: var(--red-1);
    box-shadow: 0 0 0 1px var(--red-3) inset, 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 1px var(--red-3) inset, 0 0 0 0 transparent;
}

.variablesDropdownMenu .item {
    display: flex !important;
    width: 30ch;
}

.variablesDropdownMenu .item .text {
    display: block !important;
    margin-right: auto !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.variablesDropdownMenu .dropdown.icon {
    display: inline-flex;
    order: 1;
}

.variablesDropdownMenu .left .dropdown.icon,
.variablesDropdownMenu.left .dropdown.icon {
    order: unset;
}

.pushSendingInput {
    margin: 0 !important;
}

.pushSendingInput label {
    display: flex !important;
    gap: 0.5rem;
}

#panel_content_wrapper.panel_content_wrapper {
    padding: 0 !important;
}

.export_button_wrapper {
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-end;
}

#empty_chart {
    display: flex;
    margin: 0 auto;
    align-items: center;
    height: 474px;
}

.chart_loading.loading_header {
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#pixcraft_quest>.ui.grid {
    min-height: 400px;
}

#blockEditorPreviewerFrame {
    width: 100%;
}

.resource__channel-settings__menu {
    max-width: 600px;
    max-height: 280px;
    overflow-y: auto;
}

.ui.dropdown .resource__channel-settings__menu .ui.header {
    margin: 0;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
    text-transform: none !important;
}

.resource__channel-settings__menu .resource__channel-settings__menu-item {
    display: flex !important;
    align-items: center !important;
    height: 58px !important;
}

.resource__channel-settings__menu-item__cascade {
    color: var(--grey-7);
}

.resource__channel-settings__selected-account__mobile {
    display: none;
}

.resource__channel-settings__provider-logo {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 4px;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.resource__channel-settings__provider-table * {
    border: none !important;
}

.resource__channel-settings__provider-table .ui.table thead th {
    padding: 0;
    font-weight: 700 !important;
}

.resource__channel-settings__provider-table .ui.table tbody td {
    font-size: 1rem;
    padding: 0.3rem 0;
}

.resource__channel-settings__change-button {
    color: var(--blue-6);
    margin-left: 8px;
    cursor: pointer;
}

.resource__channel-settings__provider-status__active {
    color: var(--green-9);
}

.resource__channel-settings__provider-status__inactive {
    color: var(--red-7);
}

@media screen and (max-width: 768px) {
    .resource__channel-settings__selected-account__desktop {
        display: none;
    }

    .resource__channel-settings__selected-account__mobile {
        display: block;
    }

    .ui.grid>.resource__channel-settings__row>.ui.column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.msg_fast_preview {
    padding: 1.5em 0 1.5em 0;
}

#modal_code_preview .CodeMirror.cm-s-altkraft {
    border-top: 1px solid var(--grey-5) !important;
    min-height: auto;
}

.display_block {
    display: block !important;
}

@media screen and (max-width: 768px) {
    .grid-role>.row:first-child {
        display: none;
    }

    .grid-role>.row-market_first>.column:last-child {
        display: none;
    }

    .grid-role>.row>.column {
        width: 100% !important;
    }

    .grid-role>.row>.column+.column {
        padding-top: 1em !important;
    }

    .grid-role>.row-market_first {
        padding-bottom: 0 !important;
    }

    .grid-role>.row-market_second {
        padding-top: 0 !important;
    }
}

.block_edit_button {
    margin-left: 21px !important;
}

#texted {
    max-height: none !important;
}

.ml-4 {
    margin-left: 4px;
}

.f-size-15 {
    font-size: 15px !important;
}

.clone_campaign_button_wrapper {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.m_0 {
    margin: 0 !important;
}

.connection_type {
    display: flex;
    align-items: center;
    gap: 22px;
}

.connection_type>div>h2 {
    margin: 0 0 0.8rem 0 !important;
}

.connection_type>div>p {
    font-size: 18px;
}

.overflow_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

#notifyError>button>i.mr_6 {
    margin-right: 6px !important;
}

.block_editor_loader_container {
    display: flex;
    align-items: center;
    height: 500px;
}

.sc_remove_profile_btn {
    background: none !important;
    margin: 0 !important;

    >i {
        margin: 0;
    }
}

#msg_error .big-error-icon {
    align-items: center;
    gap: 25px;
}

.task_error_description {
    margin-top: 0.25em !important;
}

.task_description_item {
    margin-right: 0.3rem;
    color: var(--grey-7);
}

.br_0 {
    border-radius: 0 !important;
}

.b_none {
    border: none !important;
}

.divider-bottom {
    border-bottom: 1px dashed var(--grey-5);
}

.p-relative {
    position: relative;
}

.count-2 {
    column-count: 2;
    column-gap: 62px;
}

.big-active-item {
    width: 42px;
    height: 42px;
}

.loyalty-level-tab .ui.divider {
    border-color: var(--blue-6) !important;
}

.loyalty-level-tab .item.active .icon {
    font-size: 2em !important;
    z-index: 1;
}

.loyalty-level-tab {
    height: 40px !important;
    margin-bottom: 14px !important;
}

.loyalty-level-tab .item .icon {
    color: var(--grey-7);
}

.loyalty-level-tab .item.current .icon {
    color: var(--blue-6) !important;
}

.loyalty-level-tab .item.pointing.active .icon::after {
    opacity: 1;
}

.loyalty-level-tab .item.pointing .icon::after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    border-left: 1px solid var(--grey-5);
    border-top: 1px solid var(--grey-5);
    position: absolute;
    top: 47px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background-color: var(--white);
    opacity: 0;
}

.self_end {
    align-self: flex-end;
}

.blue_label.blue.label {
    background-color: var(--blue-6) !important;
    border-color: var(--blue-6) !important;
}

.ak-quick-search-label {
    color: var(--white) !important;
    background-color: var(--blue-5) !important;
    border-color: var(--blue-5) !important;
}