body {
    font-size: 16px;
    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;
}

/* .page a, */
.breadcrumb>.section>a {
    color: rgba(60,60,60,0.9);
}

.breadcrumb>.section>a:hover {
    color: rgba(60,60,60,1);
}

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

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

.sep {
    margin-top: 20px;
    border-top: 1px solid #e6e6e6;
    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: #f8f8f8;
    padding: 25px 0px;
    line-height: 28px;
    border-top: 1px solid #ededee;
    border-bottom: 1px solid #ededee;
}

#ak_main_body .teh_navi .section_title {
    padding-top: 4px;
    text-transform: uppercase;
    color: #3e3e3e;
    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: #ADADAD;
    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 #e2e2e2;
    padding-left: 30px;
    color: #868687;
}

#ak_main_body .teh_navi div.search input {
    height: 28px;
    background: transparent;
    font-size: 14px;
    width: 300px;
    color: #868687;
}

.ui.pagination.menu .item::before {
    display: none;
}

.ui.pagination.menu {
    background: transparent;
    border: 0px none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui.pagination.menu .item {
    padding: 0px 8px;
    line-height: normal;
    color: #b6b6b6;
    width: auto;
    min-width: 0px;
    font-size: 16px;
}
.ui.pagination.menu .active.item,
.ui.pagination.menu .item:not(.disabled):hover,
#ak_main_body .ui.pagination.menu .active.item,
#ak_main_body .ui.pagination.menu .active:hover {
    color: #6778cd;
    padding: 0px 8px;
    background: transparent;
}

#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);
}
/*********************************/

.table_content {
    padding: 22px 0px;
}

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

.table_content .ui.table th {
    border: 0px none;
    padding: 0px 20px 10px 20px;
    vertical-align: middle;
    color: #cccccc;
    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: 1px solid #ededee;
    border-right: 0px none;
}

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

.table_content .ui.table td.config {
    border-right: 1px solid #ededee;
    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: #6c6c6c;
    font-size: 18px;
}

.table_content .ui.table td.config a:hover i {
    color: #8b57ac;
}

span.overline {
    display: block;
    color: #bcbcbc;
    font-size: 12px;
}
span.nameid {
    color: #bcbcbc;
    font-size: 12px;
}

#ak_main_body .table_content .ui.table td a {
    color: #6778CD;
}


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

.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: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.popup .popup_wrap {
    border: 3px solid #ffffff;
}

.popup .popup_wrap .popup_body {
    margin: 2px;
    background: #ffffff;
}

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

.popup_item span {
    display: block;
    color: #bcbcbc;
}

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

.main_filter input::-webkit-input-placeholder {
    /*text-align: center;*/
    font-size: 16px;
    color: #3e3e3e;
}

.main_filter input::-moz-placeholder {
    /*text-align:center;*/
    font-size: 18px;
    color: #3e3e3e;
    opacity: 1;
}

.main_filter input:-moz-placeholder {
    /*text-align:center;*/
    font-size: 18px;
    color: #3e3e3e;
    opacity: 1;
}

.main_filter input:-ms-input-placeholder {
    /*text-align:center;*/
    font-size: 18px;
    color: #3e3e3e;
    opacity: 1;
}

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

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

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

.stat_column {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    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;
    color: #262630;
    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: #88b9cf;
}

.filter_stat_item .female {
    color: #cda1cb;
}

.filter_stat_item .help {
    color: #8a8a8a;
}

.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 rgba(34,36,38,.1)!important;
    box-shadow: 0 0px 4px 0 rgba(34,36,38,.1)!important;
}

.table_controll_col {
    position: relative;
    padding: 7px;
    border-bottom: 0px none;
    float: right;
    z-index: 1;
    /*margin-right: -15px;*/
    /*    background:#ffffff;*/
    color: #b8b8b8;
    /* border: 1px solid #ffffff; */
}

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

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

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

.table_controll_col.active i {
    color: #707070;
}

.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: #ffffff;
    border: 1px solid #f0f0f0;
    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: #ffffff;
    position: absolute;
    right: 0px;
    top: -2px;
    z-index: 11;
}

/** adskiy **/

.teh_content {
    background: #f7f7f7;
    padding: 0px 0px 40px 0px;
}

.workflow-pane_content {
    padding: 0;
}

.teh_spacer {
    padding: 17px 0px;
}

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

.teh_content .block {
    border: 1px solid #f0f0f0;
    background: #ffffff;
    padding: 29px 59px;
    margin-top: 25px;
}

.teh_content .block.nopadded {
    padding: 0px;
    margin-top: 25px;
}

.teh_content .thinblock {
    margin-top: 13px;
    border: 1px solid #f0f0f0;
    background: #ffffff;
}

.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: #f1f4f5; */
    background: #f7f7f7;
    /* border-top: 1px solid #ededee; */
    color: #404040;
}

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

.teh_config .main_config .back,
.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 .main_config .back i,
.teh_config .pre_content .back i {
    color: #e0dee1;
}

.teh_config .main_config .back:hover i,
.teh_config .pre_content .back:hover i {
    color: #cfcfcf;
}

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

.teh_config .main_config .avatar {
    float: left;
    padding-left: 50px;
    width: 100px;
}

.teh_config .main_config .ui.selection.dropdown {
    color: #6778CD;
    border: 0px none;
    background: transparent;
    padding-left: 0px;
}

.teh_config .main_config .ui.selection.dropdown>.text {
    margin-right: 15px;
}

.teh_config .main_config .ui.selection.dropdown.visible {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.teh_config .main_config .date {
    text-align: center;
    float: left;
}

.teh_config .main_config .date i,
.teh_config .main_config .status i {
    color: #cdcdcd;
    font-size: 15px;
    text-align: center;
}

.teh_config .main_config .date span {
    padding-top: 10px;
    display: block;
}

.teh_config .main_config .status {
    float: left;
}

.teh_config .main_config .status>i {
    padding-left: 20px;
}

.teh_config .main_config .status .ui.selection.dropdown {
    color: #8ec082;
    display: block;
}

.teh_config .block {
    border: 1px solid #f0f0f0;
    background: #ffffff;
    padding: 25px 59px;
    margin-top: 25px;
}

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

.teh_config .block_title {
    text-transform: uppercase;
    color: #404040;
    font-size: 14px;
    padding-bottom: 15px;
}

.teh_config .block_title.padd_b {
    padding-bottom: 30px;
}

.teh_config .block .item_attr {
    clear: both;
    padding: 2px 0px;
}

.teh_config .block .item_attr .label {
    font-size: 12px;
    color: #b2b2b2;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 100px;
}

.teh_config .block .item_attr .label.field {
    font-size: 14px;
    color: #282828;
    line-height: 36px;
}

.teh_config .block .column.item_attr .label {
    width: auto;
}

.teh_config .block .item_attr .val {
    height: 28px;
    line-height: 28px;
    float: left;
    color: #434343;
    padding: 0px 10px;
    width: 150px;
}

.teh_config .block .five .item_attr.editable .val {
    width: 120px;
}

.teh_config .block .item_attr>a {
    display: none;
    line-height: 28px;
    float: left;
    padding-left: 10px;
}

.teh_config .block .item_attr>a.del {
    display: block;
}

a.del {
    font-size: 18px;
}

.teh_config .block .item_attr>a i {
    color: #222222;
}

.teh_config .block .item_attr>a:hover i {
    color: #6778CD;
}

.teh_config .block .item_attr.editable:hover .val,
.item_attr.double.editable:hover .label {
    background: #ededed;
}

.teh_config .block .item_attr.editable:hover>a {
    display: block;
}

.teh_config .block .item_attr.double.editable {
    margin-left: -10px;
}

.teh_config .block .item_attr.double.editable .label {
    padding: 0px 10px;
    width: 155px;
    margin-right: 1px;
}

.teh_config .block .item_attr.double.editable .val {
    width: 110px;
}

.item_attr.double.editable>a {
    padding-left: 5px;
}

.teh_config .block .five .item_attr.double.editable .label {
    width: 110px;
}

.teh_config .block .five .item_attr.double.editable .val {
    width: 90px;
}

.teh_config .block .button.add {
    margin-top: 25px;
    color: #ffffff !important;
    padding-left: 0;
    padding-right: 0;
    width: 26px;
}

.info_icon {
    width: 25px;
}

.info_icon span i.icon {
    font-size: 20px;
    color: #ececec;
}

.info_icon span.active i.icon {
    color: #73c17f
}

.grey_info {
    /* background: #f1f4f5; */
    background: #fbfbfb;
    border: 1px solid #f0f0f0;
    color: #949494;
    font-size: 12px;
    padding: 24px 36px;
}

.radio_text {
    color: #7f7f7f;
    font-size: 10px;
    height: 26px;
    line-height: 26px;
    padding: 0px 15px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
}

.radio_text.active {
    background: #f6fdf7;
    border: 1px solid #a1d6a7;
    color: #5eb36c;
}

.radio_text+.radio_text {
    margin-left: 15px;
}

.radiotext_equal {
    margin: 10px -7px;
}

.radiotext_equal .radio_text {
    width: 73px;
    margin: 7px;
    text-align: center;
}

.radiotext_equal .radio_text+.radio_text {
    margin-left: 7px;
}

.label_grey {
    background: #f8f8f8;
    font-size: 14px;
    padding: 0px 8px;
    height: 26px;
    line-height: 26px;
}

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


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

#ak_main_body.page .big_title {
    color: #bab9b9;
    text-align: center;
    padding-top: 55px;
    line-height: 30px;
}

#ak_main_body.page .big_title span {
    font-size: 30px;
    color: #3e3e3e;
    display: block;
    padding-bottom: 12px;
}

#ak_main_body.page .big_title a {
    color: #8b57ac;
}

#ak_main_body.page .link_blocks {
    padding-top: 25px;
    font-size: 0;
    padding-bottom: 40px;
    text-align: center;
}

#ak_main_body.page .link_blocks a {
    font-size: 14px;
    display: inline-block;
    margin: 23px;
    border: 1px solid #f5f5f5;
    /* background: #f1f4f5; */
    background: #fbfbfb;
    width: 169px;
    color: #000000;
    text-align: center;
    position: relative;
    padding: 130px 29px 29px 29px;
}

#ak_main_body.page .link_blocks a:hover {
    background: #ffffff;
}

#ak_main_body.page .link_blocks a:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    margin-left: -35px;
    top: 40px;
    background: url(../img/block_links.png) no-repeat 0px 0px;
}

#ak_main_body.page .link_blocks a.ico1:before {
    background-position: 0px 0px;
}

#ak_main_body.page .link_blocks a.ico2:before {
    background-position: -70px 0px;
}

#ak_main_body.page .link_blocks a.ico3:before {
    background-position: -140px 0px;
}

#ak_main_body.page .link_blocks a.ico4:before {
    background-position: -210px 0px;
}

#ak_main_body.page .link_blocks a.ico1:hover:before {
    background-position: 0px -70px;
}

#ak_main_body.page .link_blocks a.ico2:hover:before {
    background-position: -70px -70px;
}

#ak_main_body.page .link_blocks a.ico3:hover:before {
    background-position: -140px -70px;
}

#ak_main_body.page .link_blocks a.ico4:hover:before {
    background-position: -210px -70px;
}

.capitalize_first_letter::first-letter{
    text-transform: uppercase;
}

.additional_info {
    color: #bcbbbb;
    text-align: center;
    padding-bottom: 30px;
}

.code-block {
    display: block;
    white-space: normal;
    word-wrap: normal;
    max-width: 100%;
    overflow-x: auto;
    /* background: #f1f4f5; */
    background: #fbfbfb;
    border: 1px solid #f0f0f0;
    padding: 1rem;
}

.file_block {
    position: relative;
    overflow: hidden;
    color: #bcbbbb;
    min-height: 70px;
}

.file_block:before {
    content: "";
    background: url(../img/block_links.png) no-repeat 0px -140px;
    width: 70px;
    height: 70px;
    position: absolute;
    left: -13px;
    top: 0px;
    display: block;
}

.file_block input {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 150%;
    z-index: 10;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.file_block span {
    display: block;
    color: #73c17f;
    font-size: 14px;
    padding-bottom: 10px;
}

.file_block .icon {
    color: #73c17f;
    font-size: 50px;
    padding-bottom: 10px;
}

.input_box {
    padding-top: 10px;
}

.export_colomn_num {
    font-weight: 700;
    color: #b3b3b3;
    font-size: 10px;
    padding-bottom: 15px;
}

.export_colomn_data {
    color: #a7a7a7;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 15px;
}
.ui.grid>.row.filterName {
    padding-bottom: 0;
    margin-bottom: -10px;
    color: rgba(0,0,0,.87);
    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: rgba(34,36,38,.15);
}
.ui.basic.label,
.ui.labels .ui.basic.label {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    background-color: #fff;
}

.ui.basic.field_aligned_icon {
    padding-top: .694em;
    padding-bottom: .694em;
}

.ui.dropdown .ui.label {
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 400;
    border: 1px solid rgba(34,36,38,.15);
    word-break: break-all;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.ui.multiple.dropdown .ui.label:hover
.ui.multiple.dropdown .ui.active.label,
.ui.multiple.dropdown .ui.active.label:hover {
    background-color: #fff;
    border: 1px solid rgba(34,36,38,.15);
    background-image: none;
    color: rgba(0, 0, 0, 0.8);
}

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

.import_schedule:before {
    content: "";
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../img/block_links.png) no-repeat -140px -140px;
    left: 50px;
    top: 25px;
}

#ak_main_body .teh_navi .ui.selection.dropdown.drop_stat {
    margin: 0px 20px 0px 10px;
    padding-right: 30px;
}

#ak_main_body .teh_navi .drop_stat .text {
    color: #73c17f;
}

#ak_main_body .table_content .hover_icon {
    display: inline-block;
    height: 22px;
    opacity: 1;
    position: static;
    width: 22px;
    vertical-align: top;
    cursor: pointer;
    position: relative;
}

#ak_main_body .table_content .hover_icon .icon {
    position: relative;
    z-index: 10;
    font-size: 18px;
    color: #6c6c6c;
}

#ak_main_body .table_content .ui.table td .hover_icon:hover {
    z-index: 9;
}

#ak_main_body .table_content .ui.table td .hover_icon:hover .settings_icon_menu {
    display: block;
    opacity: 1;
}

#ak_main_body .table_content .ui.table td .settings_icon_menu {
    position: absolute;
    padding: 38px 20px 15px 20px;
    background: #f8f8f8;
    border: 1px solid #d2d2d2;
    width: 165px;
    text-align: left;
    right: 0px;
    top: -5px;
    z-index: 9;
    display: none;
    opacity: 0;
}

#ak_main_body .table_content .ui.table td .settings_icon_menu li a {
    line-height: 24px;
    color: #3e3e3e;
    font-size: 14px;
    width: auto;
}

#ak_main_body .table_content .ui.table td .settings_icon_menu li a:hover {
    color: #8b57ac;
}

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

.help_block {
    /* background: #f1f4f5; */
    background: #fbfbfb;
    border: 1px solid #f0f0f0;
    color: #949494;
    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: #6778CD;
    width: 21px;
    z-index: 1;
    position: absolute;
    height: 21px;
    cursor: pointer;
    margin-top: -4px;
    border-radius: .28571429rem;
}

.rangecenter {
    background-color: #6778CD;
    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: #fcfcfc;
    border: 1px solid rgba(34,36,38,.1);
    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: #ddd;
    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: white;
}

.legend {
    padding: 50% 0;
}

.header_id {
    color: #bbb;
    font-size: 1em;
    margin-top: -0.142857em;
    margin-right: 0.35714286em;
    font-weight: normal;
}

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

    /* нельзя так делать влияет на размер баттанов внутри .action.input все распи....т к чертям */
    /*.ui.action.input {*/
    /*    margin-bottom: 1rem;*/
    /*}*/

    #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;
    color: purple;
}

#campaign_content>.header,
#filedrop .header,
.filedrop .header {
    color: lightgray;
    text-align: center;
    margin-top: 10px;
}

.is_draft_label {
    position: relative;
    z-index: 2;
    left: 0;
    background-color: #cd8967;
    color: #fff;
    padding: .5em 1em .5em 1.5em;
    line-height: 1em;
    border-radius: 0 3px 3px 0;
    font-weight: 700;
    margin-left: -2rem;
    display: inline-block;
    margin-bottom: .7rem;
}

.is_draft_label::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 14px 14px 0;
    border-color: transparent #c06b41 transparent transparent;
    border-style: solid;
    position: absolute;
    left: 0;
    bottom: -1em;
}

#ak-table .is_draft_label {
    position: absolute;
    font-weight: 500;
    margin-left: -.5rem;
    font-size: .85714286rem;
}
#ak-table .is_draft_label::before {
    border-width: 0 7px 7px 0;
    bottom: -.5em;
}


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

.filedrop.hover,
#filedrop.hover {
    background-color: #67cdb1;
}

.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 rgba(34,36,38,.0);
    transition: height 0.2s, padding 0.2s, box-shadow 0.1s;
    border-radius: 0.29rem;
    padding: 0 1rem;
    margin: 0;
    position: absolute;
    background: #fff;
    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 rgba(34,36,38,.2);
    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: #ccc;
    cursor: pointer;
    min-height: 285px;
    transition: 0.2s;
    background: #fbfbfb;
    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: #fff;
    color: #666;
}
#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 {
                color: #77cd67 !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: 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: rgba(255,255,255,1);
    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: #cd6777;
    color: #fff;
}
.remove_template i {
    margin: 0;
}

.ui.card,
.ui.cards>.card {
    border: 1px solid rgba(34,36,38,.1);
    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 #dededf;
}

#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: rgba(255,255,255,0.9);
    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%;
    color: #666;
    cursor: pointer;
}
.card_tool:not(:first-child) {
    margin-left: 10px;
}
.card_tool i {
    color: #767676;
    transition: 0.2s;
    margin: 0;
}
.card_tool:hover i {
    color: #6778cd;
}
.form.loading.disabled::after {
    display: none!important;
}
#card_messages>div {
    border: 1px dashed #e8e8e8;
    height: 100%;
    background: #fbfbfb;
}
.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 {
    background: #fafafa;
    padding: 0rem 2rem 1rem;
    flex: 1;
    border: 1px dashed #e8e8e8;
    /* margin: 0 0 1rem; */
}


@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 #ededee;
    background-color: #f8f8f8;
}

.msg.content {
    min-height: 600px;
    width: 1100px;
    margin: 0 auto;
    max-width: 96%;
    /* background-color: #f1f4f5; */
    background-color: #fbfbfb;
    border-left: 1px solid #ededee;
    border-right: 1px solid #ededee;
}

.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 {
    color: #767676!important;
    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 rgba(34, 36, 38, .15);
    margin-bottom: 10px;
    margin-top: 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    background: #f7f7f7;
}
#ak-table-pager-top {
    display: flex;
    margin: 0.25rem 0;
    align-items: center;
    justify-content: flex-end;
}
.ak-table-nav .ui.floating.labeled.icon.dropdown.button {margin: 0.25rem 0;}
.akbasic.ui.floating.labeled.icon.dropdown.button,
.ak-table-nav .ui.floating.labeled.icon.dropdown.button,
#preview_head_helper .button{
    background: #fff;
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid #dededf;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    /* transition: 0.2s; */
    font-weight: normal;
}

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

.akbasic.ui.floating.labeled.icon.dropdown.button.active,
.ak-table-nav .ui.floating.labeled.icon.dropdown.active.button,
#preview_head_helper .active.button{
    color: rgba(0, 0, 0);
}

.akbasic.ui.floating.labeled.icon.dropdown.button>i.icon,
.ak-table-nav .ui.labeled.icon.button>i.icon {
    background: #fff;
    border-right: 1px solid #dededf;
    transition: 0.2s;
}
.akbasic.ui.floating.labeled.icon.dropdown.button>i.icon:hover,
.ak-table-nav .ui.labeled.icon.button>i.icon:hover {
    background: #67cdb1;
    color: #fff;
}
.akbasic.ui.floating.labeled.icon.dropdown.button:hover,
.ak-table-nav .ui.floating.labeled.icon.dropdown.button:hover {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.1) !important;
    z-index: 1;
    color: rgba(0, 0, 0, 0.9);
}
.pagination.ui.menu .ui.item,
.pagination.ui.menu .ui.item.disabled {
    color: rgba(0,0,0,0.75) !important;
    opacity: 1 !important;
}
.pagination.ui.menu .icon.item {
    color: rgba(0,0,0,0.5);
}

.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: rgb(251, 251, 251);
}

@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: #FEFEFE;
    /*    border-top: 1px solid #e6e6e6;*/
    padding: 12px 0px;
    border: 1px solid #e6e6e6;
    padding: 12px 12px;
}

.akfilter {
    border-bottom: 1px solid #e6e6e6;
    padding: 7px 0px;
    background-color: rgb(251, 251, 251);
}

.bordered {
    border-bottom: 1px solid #e6e6e6;
}

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

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

.ui.table th {
    color: #B6B6B6 !important;
    font-weight: 400 !important;
}

.vised,
.htmled {
    /*border-left: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;*/
    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: #adadad;
}
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%;
}

.workflow-stat-container {
    justify-content: space-between;
    align-items: center;
}

.workflow-stat-container-left {
    align-items: center;
}

.workflow-stat-container-left .ui.labels {
    align-self: stretch;
}

.workflow-stat-container-left .ui.labels > .ui.label {
    height: 100%;
}

.workflow-stat-container .label {
    margin-bottom: 0 !important;
}

@media (max-width: 1000px) {
    .workflow-stat-container-left {
        flex-direction: column;
        align-items: flex-start;
    }

    .workflow-stat-container-left__elem:not(:last-child) {
        margin-bottom: 1rem !important;
    }

    .workflow-stat-container-right {
        align-self: flex-start;
    }
}

@media (max-width: 768px) {
    .workflow-stat-buttons .ui.icon.button {
        width: 50%;
    }
}

@media (max-width: 600px) {
    .workflow-stat-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .workflow-stat-container-right {
        margin-top: 1rem;
    }
}

@media (max-width: 360px) {
    .workflow-stat-container-left__elem:last-child {
        display: flex;
        flex-direction: column;
    }

    .workflow-stat-container-left .ui.labels {
        align-self: unset;
    }

    .workflow-stat-container-left__elem:last-child .ui.basic.label:not(:last-child) {
        margin-bottom: 0.5rem !important;
    }
}

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

.ui.form .field.text-ellipsis .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
    .toolpane, .compact_toolpane {
        padding: 2px !important;
    }
    .toolpane>div {
        float: none !important;
        margin: 6px !important;
    }
}

#json_tags {
    margin-top: 7px;
}

.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),
        #f2f2f2;
    background-size:
        4px 4px,
        4px 4px;
}
.imgViewer>.url {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.25rem 1.5rem;
    color: rgba(0,0,0,.85);
    border-bottom: 1px solid rgba(34,36,38,.15);
    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: #e0b4b4!important;
    background: #fff6f6;
    color: #9f3a38;
}

@media (max-width: 768px) {
    /* .right.menu {
        width: 100%;
        /* -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    } */
    .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;
    /*width: 100%;*/
}

.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 {
    /* padding: 1.4rem;
    background: #fcfcfc; */
    margin: 0 0 4rem;
}

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

.ror {
    font-size: 38pt;
    text-align: center;
    padding-top: 108px;
    color: #ADADAD;
}

.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 #8B69B0 !important;
}


/*@media (max-width: 768px) {
    .ak-table-toolbox {
        display: block;
        margin-left: 0px;
    }
}
*/

.helpsidebar {
    width: 300px;
    height: 100%;
    top: 0px;
    left: 0px;
    border-right: 1px solid #e6e6e6;
    position: fixed;
    z-index: 15;
    background: rgba(255, 255, 255, 0.5);
}

.helpsidebar i.link {
    position: fixed;
    left: 256px;
    top: 9px;
    z-index: 1;
}

#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: gray;
}

.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: #6778cd;
}

.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: #fbfbfb !important;
    margin-bottom: 1.5rem;
}

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

#messageFrame {
    margin: auto;
    display: block;
    border: 1px solid #e6e6e6;
    width: 100%;
    background-color: #ffffff;
    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: #ADADAD;
    padding-top: 160px;
}

.empty.tasks {
    min-height: 400px;
    text-align: center;
    font-size: 36px;
    color: 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: #ADADAD;
}

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

.formlabel.required::after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #db2828;
}

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

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


/*.fc-body.fc-widget-content {
    overflow-y: scroll;
    max-height: 400px;
}

.fc-event {
    border-radius: 1px !important;
}*/

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

.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;
    /* filter: invert(50%); */
    vertical-align: top !important;
}

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

.akc2.noevts  i.link /*,i.bars */{
    display: block;
    margin: auto;
}

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

.akc.daycell i.link/*,i.bars */ {
    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: #f7f7f7;
}

.empty.calendar {
    min-height: 900px;
    text-align: center;
    font-size: 36px;
    color: #ADADAD;
    padding-top: 360px;
}

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

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

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

.akc.evt a {
    color: #EFEFEF;
}

.akc.evt a:hover {
    color: white;
}

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

/* .akc2.computer {
    display: block;
} */

.akc2.mobile {
    display: none;
}

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

.akc2.fade {
    background-color: #dddddd;
}

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

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

.akc2.daynumber span {
    display: none;
}

.akc2.nowday .daynumber {
    background-color: #67cdb1;
    color: 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:#999999;
}

.akc2.wideevent {
    margin:5px;
    /* border: 1px solid #dddddd; */
    margin-bottom: 1px!important;
    border-bottom: 1px solid #dddddd;
    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: #eeee;
    padding: 3px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    font-size: 120%;
}

.akc2.wideevlabel {
    color: #777777;
}
.akc2.event.main {
    border: 1px solid #f0f0f0;
    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: #67CDB1}
.akc2.event.type.regular, .legend .type.regular {background-color: #67AACD}
.akc2.event.type.splittest, .legend .type.splittest {background-color: #BC67CD}
.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: #F9FAFB;
    color: #B6B6B6;
}

.akc2.hourmark {
    color: #777777;
    font-size: 120%;
    margin-bottom: 20px;
}

#cal_mode_sw {
    min-width: 120px;
}

#calbody {
    padding-top: 15px;
    min-height: 400px;
}
#calendar-legend {
    /* background: #f9fafb;
    border:1px solid rgba(34,36,38,.1);
    border-radius: .28571429rem; */
    display: inline-block;
}
.legend-wrap {
    display: flex;
    flex-direction: row;
    margin: 0 0.5rem;
    background-color: #fff;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
}
.legend {
    position: relative;
    cursor: pointer;
    background: rgba(255,255,255,0);
    transition: 0.2s;
    height: 2.5rem;
    padding: 0 1rem;
    opacity: 0.8;
    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: rgba(0,0,0,0.1);
}
.legend:hover {
    background: rgba(255,255,255,0.3);
    opacity: 1;
}
.legend.disabled .type {background-color: #666!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%;
    /*//border-radius: 0px 3px 3px 0px;*/
}

.ellygray {
    color: #EFEFEF;
}

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: #ADADAD;
}

#tasks i.big.icon {
    color: #ADADAD;
}

.head-ddown-btn {
    /* flex-wrap: wrap; */
    display: flex!important;
    font-size: 1rem;
    align-content: center;
    line-height: 1.2rem;
    font-weight: normal;
    align-items: center;
    height: 3rem;
    color: #3c3c3c !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: #666;
    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: white;
    opacity: 0.5;
    text-align: center;
}

.ugroups-arrow:hover {
    color: 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 #ccc;
    right: 9px;
}

.ui.dropdown.dropdown-styled .menu:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    right: 10px;
}
.ui.dropdown.dropdown-styled .menu .ui.item {
    font-size: 0.95em!important;
    color: #000 !important;
    padding: 0.5em 1.5em 0.5em 0.8em!important;
    transition: 0.3s !important;
    cursor: pointer;
    text-align: left;
    border-left: 3px solid rgba(103, 120, 205,0) !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;
    /* border: 1px solid #6778cd !important; */
    color: #000 !important;
    border-left: 3px solid rgba(103, 120, 205,1) !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: #7b7b7b !important;
}

.avail_ugroups .icon:hover {
    color: rgba(103, 120, 205,1) !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: #ADADAD;
}

.flow-node {
    width: 140px;
    height: 140px;
    position: absolute;
    text-align: center;
    cursor: pointer;
}

.flow-node-bg {
    border-radius: 65px;
    width: 130px;
    height: 130px;
    position: absolute;
    top: 5px;
    left: 5px;
    /* border: 5px solid #f1f4f5; */
    /* border: 5px solid #fbfbfb; */
}
.flow-node-bg.error-node,
.flow-node-bg.error-node:hover {
    border-color:rgba(255,0,0,0.4) !important;
    background-color: rgba(255,0,0,0.2);
}

.flow-node.node-accept-link,
.flow-node.node-accept-move {
    opacity: 0.5;
}

.flow-node-stat-item {
    width: 100%;
    position: absolute;
    top: 7px;
    z-index: 9;
    font-size: 0.8em;
}

.flow-node:not(.node-accept-link):hover .flow-node-bg,
.flow-node:not(.node-accept-move):hover .flow-node-bg {
    border: 5px solid #f7f7f7;
}

.flow-node:not(.node-accept-link):hover .node-id,
.flow-node:not(.node-accept-move):hover .node-id {
    opacity: 0.7;
}

.flow-node.node-accept-link:hover,
.flow-node.node-accept-move:hover {
    opacity: initial;
}

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

.flow-node>i {
    margin-top: 2em;
}

.flow-node>i.flow-add-right,
.flow-node>i.flow-add-bottom,
.flow-node>i.flow-remove,
.flow-node > i.flow-move,
.flow-node-link>i.flow-link-remove-right,
.flow-node-link>i.flow-link-remove-bottom,
.flow-node > .to-false-branch,
.flow-node > .to-true-branch {
    position: absolute;
    margin: 1px !important;
    height: 32px;
    width: 32px;
    border-radius: 16px;
    border: 5px solid #eeeeee;
    z-index: 9;
    font-size: 21px;
    background-color: white !important;
}

.flow-node>i.flow-add-right:hover,
.flow-node>i.flow-add-bottom:hover,
.flow-node > .to-false-branch:hover,
.flow-node > .to-true-branch:hover {
    border-color: #67CDB1;
}

.flow-node>i.flow-remove:hover,
.flow-node-link>i.flow-link-remove-right:hover,
.flow-node-link>i.flow-link-remove-bottom:hover {
    border-color: #DB2828;
}

.flow-node>i.flow-add-bottom,
.flow-node > i.flow-move,
.flow-node>i.flow-add-right,
.flow-node>i.flow-remove,
.flow-node-link>i.flow-link-remove-right {
    line-height: 23px;
}

.flow-node>i.flow-add-bottom,
.flow-node>i.flow-add-right,
.flow-node > .to-false-branch,
.flow-node > .to-true-branch {
    color: #67CDB1 !important;
}

.flow-node>i.flow-add-bottom {
    left: 53px;
    bottom: -9px;
}

.flow-node>i.flow-add-right {
    top: 53px;
    right: -9px;
}

.flow-node>i.flow-remove, .flow-node-link>i.flow-link-remove-right {
    color: #DB2828 !important;
}

.flow-node>i.flow-remove {
    top: 53px;
    left: -9px;
}

.flow-node-link>i.flow-link-remove-right {
    top: 26px;
    left: 18px;
}

/* Кнопка "Переместить элемент" в элементе сценария */
.flow-node > i.flow-move {
    top: -9px;
    left: 53px;
    color: gray;
}

/*!* Кнопка "Переместить элемент" в элементе сценария в ложной ветке условия *!*/
/*.flow-node > i.flow-move__no {*/
/*    top: -9px;*/
/*    left: 53px;*/
/*}*/

/*!* Кнопка "Удалить элемент" в элементе сценария в ложной ветке условия *!*/
/*.flow-node > i.flow-remove__no {*/
/*    top: 53px;*/
/*    left: -9px;*/
/*}*/

.flow-node > i.flow-move:hover {
    border-color: rgb(195 195 195);
}

.flow-node > .to-true-branch {
    top: 53px;
    right: -9px;
}
.flow-node > .to-false-branch {
    left: 53px;
    bottom: -9px;
}

.flow-node>i.flow-remove.disabled, .flow-node-link>i.flow-link-remove-right.disabled {
    color: #767676 !important;
}
.flow-node>i.flow-remove.disabled:hover, .flow-node-link>i.flow-link-remove-right.disabled:hover, .flow-node-link>i.flow-link-remove-bottom.disabled:hover {
    border-color: #767676 !important;
}

.flow-node>.node-icon {
    margin: 2em auto 0;
    width: 1em;
}

.flow-node-link>i.flow-link-remove-bottom {
    top: -9px;
    left: 53px;
    line-height: 21px;
    color: #DB2828 !important;
}

.flow-arrow-container-h {
    width: 50px;
    height: 140px;
    position: absolute;
}

.flow-arrow-container-h.flow-fin {
    width: 15px;
}

.flow-arrow-container-h.flow-fin .flag.icon {
    position: absolute;
    top: 60px;
    right: -32px;
    margin: 0px !important;
    color: #ADADAD;
    font-weight: 400;
    font-size: 20px;
    width: 42px;
}

.flow-arrow-container-v.flow-fin {
    height: 15px;
}

.flow-arrow-container-v.flow-fin .flag.icon {
    position: absolute;
    left: 58px;
    margin: 0px !important;
    color: #ADADAD;
    font-weight: 400;
    font-size: 20px;
}

/* @keyframes ants {
    to {
        background-position: 2rem 2.5rem;
    }
} */

.flow-arrow-container-h .flow-arrow-line {
    height: 1px;
    width: 100%;
    margin-top: 69px;
    border-top: 2px solid transparent;
    /* animation: ants .7s linear infinite;
    background: linear-gradient(
            transparent, transparent) padding-box, repeating-linear-gradient(-90deg, #ADADAD 0, #ADADAD 25%, transparent 0,
            transparent 50%) 0 / 1.3em 1.3em; */

    background-color: #bdbdbd;
}

.flow-arrow-container-h .chevron.icon {
    position: absolute;
    top: 59px;
    right: -7px;
    margin: 0px !important;
    color: #ADADAD;
    font-weight: 400;
    font-size: 16px;
}

.flow-arrow-container-v .chevron.icon {
    position: absolute;
    bottom: -2px;
    left: 61px;
    margin: 0px !important;
    color: #ADADAD;
    font-weight: 400;
    font-size: 16px;
}

.flow-arrow-container-h.flow-yes .flow-arrow-line {
    border-top: 2px solid transparent;
    /* animation: ants .7s linear infinite;
    background: linear-gradient( transparent, transparent) padding-box,
    repeating-linear-gradient(-90deg, #67CDB1 0, #67CDB1 25%, transparent 0, transparent 50%) 0 / 1.3em 1.3em */
    background-color: #67CDB1;
}
.flow-arrow-container-h.flow-yes .chevron.icon {
    color: #67CDB1;
}
.flow-arrow-container-v .flow-arrow-line {
    height: 100%;
    width: 1px;
    margin-left: 69px;
    border-left: 2px solid transparent;
    /* animation: ants .7s linear infinite;
    background: linear-gradient(
            transparent, transparent) padding-box, repeating-linear-gradient(0deg, #ADADAD 0, #ADADAD 25%, transparent 0,
            transparent 50%) 0 / 1.3em 1.3em; */
    background-color: #bdbdbd;

}

.flow-arrow-container-v.flow-no .flow-arrow-line {
    border-left: 2px solid transparent;
    /* animation: ants .7s linear infinite;
    background: linear-gradient(transparent, transparent) padding-box,
    repeating-linear-gradient(0deg, #DB2828 0, #DB2828 25%, transparent 0, transparent 50%) 0 / 1.3em 1.3em; */

    background-color: #DB2828;
}
.flow-arrow-container-v.flow-no .chevron.icon {
    color: #DB2828;
}

.node-percent {
    text-align: center;
    margin-top: 56px!important;
    color: #767676!important;
}

.flow-node-link {
    width: 140px;
    height: 140px;
    position: absolute;
    cursor: pointer;
}

.node-link-id {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 5px solid #eeeeee;
    text-align: center;
    font-size: 1.7rem;
    color: #adadad;
    font-weight: 700;
}

.node-id {
    position: absolute;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: white;
    border: 5px solid #eeeeee;
    text-align: center;
    font-size: 1.5rem;
    top: 0px;
    left: 0px;
    display: none;
}

.show-ids .node-id {
    display: block;
}

.flow-node.node-accept-link .node-id,
.flow-node.node-accept-move .node-id {
    display: block;
}

.node-id.always-show {
    display: block;
}


.node-link-id span {
    display: inline-block;
    line-height: 50px;
}

.node-id span  {
    display: inline-block;
    line-height: 30px;
}

.link-right .node-link-id {
    margin-left: 5px!important;
    margin-top: 40px!important;

}

.link-bottom .node-link-id {
    margin-left: 40px!important;
    margin-top: 5px!important;
}


.red-node, .red-node .node-link-id {
    border-color: #D98C98!important;
    color: #D98C98!important;
}

.orange-node, .orange-node .node-link-id {
    border-color: #CD8967!important;
    color: #CD8967!important;
}

.yellow-node, .yellow-node .node-link-id {
    border-color: #CDBC67!important;
    color: #CDBC67!important;
}

.olive-node, .olive-node .node-link-id {
    border-color: #C5D17B!important;
    color: #C5D17B!important;
}

.green-node, .green-node .node-link-id {
    border-color: #77CD67!important;
    color: #77CD67!important;
}

.teal-node, .teal-node .node-link-id {
    border-color: #98DDCA!important;
    color: #98DDCA!important;
}

.blue-node, .blue-node .node-link-id {
    border-color: #67AACD!important;
    color: #67AACD!important;
}

.violet-node, .violet-node .node-link-id {
    border-color: #8C99D9!important;
    color: #8C99D9!important;
}

.purple-node, .purple-node .node-link-id {
    border-color: #BC67CD!important;
    color: #BC67CD!important;
}

.pink-node, .pink-node .node-link-id {
    border-color: #CD67AA!important;
    color: #CD67AA!important;
}

.brown-node, .brown-node .node-link-id {
    border-color: #CD8967!important;
    color: #CD8967!important;
}

.flow-node .node-desc {
    font-size: 0.8em;
    position: relative;
    z-index: 9;
    overflow: hidden;
    max-height: 42px;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    justify-content: center;
}

.node-desc .node-desc-name {
    max-width: 99px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px;
}

.flow-arrow-container-v {
    width: 140px;
    height: 50px;
    position: absolute;
}

#wbuilder {
    min-height: 500px;
    position: relative;
    overflow: scroll;
}

.variable {
    display: inline-block;
    padding: 2px;
    background-color: #67cdb1;
    color: 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: #e6e6e6;
}

.quest .segment.disabled .icon.corner {
    color: #e6e6e6;
}

.quest .segment:not(.disabled) .icon.corner {
    color: #67CDB1;
}

.quest .segment:not(.disabled):hover .icon {
    color: #67CDB1;
}

.quest .segment:not(.disabled):not(.basic):hover, .quest .segment:not(.disabled):not(.basic):focus{
    cursor: pointer;
    border: 1px solid #67CDB1;
}

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

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

.log_foot td {
    border-bottom: 4px solid #e6e6e6;
}

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

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

.multifield>label {
    display: block;
    margin: 0 0 .28571429rem;
    color: rgba(0, 0, 0, .87);
    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: gray;
}

@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: #fff;
    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: #767676 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: #000;
}
.numstat {
    max-width: 250px;
    margin: 0 auto;
}
.numstat span {
    font-size: 4rem;
    line-height: 4rem;
    font-weight: bold;
    color: #000;
}
.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: #767676;
}

.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: #FFF;
    border-bottom: 1px solid rgba(34, 36, 38, .15);
}

.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%;
    /* border: 1px solid #e6e6e6; */
    text-align: center;
}

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

#previewerTEXT textarea,
.previewerTEXT textarea {
    padding: 1rem;
    background: #fcfcfc;
}

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

.pointerTable tr {
    cursor: pointer;
}

.pointerTable tr.selected {
    background: rgba(0,0,0,.05) !important;
    color: rgba(0,0,0,.95) !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 #e6e6e6;
}

.previewerFrame,
#webver_previewerFrame,
.preverrorhtml {
    margin: auto;
    display: block;
    border: 1px solid #e6e6e6;
    width: 100%;
    background-color: #ffffff;
    height: 100%;
}
.fastPreviewerFrame {
    margin: auto;
    display: block;
    border: none;
    width: 100%;
    background-color: #ffffff;
    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: #ccc!important
}
.msg_setup {
    color: #3a7bd5;
    text-decoration: none;
    cursor: pointer;
}
.msg_setup:hover {
    color: #5096f8;
    text-decoration: underline;
}
.preverrortext,
.preverrorsms,
.preverrorpush {
    margin: auto;
    display: block;
    border: 1px solid #e6e6e6;
    width: 100%;
    background-color: #ffffff;
}

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

.basiciphone {
    min-height: 600px;
    height: 740px;
    position: relative;
    width: 366px;
    border: 1px darkgrey solid;
    margin: 0 auto;
    padding: 50px 5px;
    border-radius: 40px;
    overflow-y: hidden;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.1);
}
.basiciphone::after {
    position: absolute;
    bottom: 12px;
    left: calc(50% - 27px);
    width: 54px;
    height: 54px;
    border-radius: 27px;
    content: '';
    display: block;
    border: 1px solid rgba(100,100,100,0.3);
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05);
}

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

#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 gainsboro;
}

.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: #e6e6e6;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #888;
}
.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: #f2f2f2;
    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: white;
    margin: 2% auto 2%;
}

#previewerPush .pushbody {
    font-size: 14px;
    background-color: transparent;
    color: 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: #ADADAD;
    padding-top: 120px;
}

span.langalert {
    color: #ff6347;
}

#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: #000000;
    padding: 0;
}

.required.item::after {
    display: inline-block;
    vertical-align: top;
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #cd6777;
}

.dropscount {
    white-space: nowrap;
    color: #767676;
}

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

.curr-node-count,
.out-node-count,
.in-node-count {
    position: absolute;
    color: #767676;
    font-size: 0.9em;
}

.curr-node-count,
.out-node-count {
    right: 5px;
}

.in-node-count {
    left: 5px;
}

.curr-node-count>i,
.in-node-count>i,
.out-node-count>i {
    margin-top: 0px;
    margin-right: 0px;
    font-size: 0.8em;
}

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

.ui.red-tag.label,
.ui.red-tag.labels .label {
    background-color: #D98C98!important;
    border-color: #D98C98!important;
    color: #FFF!important;
}

.red-tag.icon {
    color: #D98C98!important;
}

.ui.orange-tag.label,
.ui.orange-tag.labels .label {
    background-color: #CD8967!important;
    border-color: #CD8967!important;
    color: #FFF!important;
}

.orange-tag.icon {
    color: #CD8967!important;
}

.ui.yellow-tag.label,
.ui.yellow-tag.labels .label {
    background-color: #CDBC67!important;
    border-color: #CDBC67!important;
    color: #FFF!important;
}

.yellow-tag.icon {
    color: #CDBC67!important;
}

.ui.olive-tag.label,
.ui.olive-tag.labels .label {
    background-color: #C5D17B!important;
    border-color: #C5D17B!important;
    color: #FFF!important;
}

.olive-tag.icon {
    color: #C5D17B!important;
}

.ui.green-tag.label,
.ui.green-tag.labels .label {
    background-color: #77CD67!important;
    border-color: #77CD67!important;
    color: #FFF!important;
}

.green-tag.icon {
    color: #77CD67!important;
}

.ui.teal-tag.label,
.ui.teal-tag.labels .label {
    background-color: #98DDCA!important;
    border-color: #98DDCA!important;
    color: #FFF!important;
}

.teal-tag.icon {
    color: #98DDCA!important;
}

.ui.blue-tag.label,
.ui.blue-tag.labels .label {
    background-color: #67AACD!important;
    border-color: #67AACD!important;
    color: #FFF!important;
}

.blue-tag.icon {
    color: #67AACD!important;
}

.ui.violet-tag.label,
.ui.violet-tag.labels .label {
    background-color: #8C99D9!important;
    border-color: #8C99D9!important;
    color: #FFF!important;
}

.violet-tag.icon {
    color: #8C99D9!important;
}

.ui.purple-tag.label,
.ui.purple-tag.labels .label {
    background-color: #BC67CD!important;
    border-color: #BC67CD!important;
    color: #FFF!important;
}

.purple-tag.icon {
    color: #BC67CD!important;
}

.ui.pink-tag.label,
.ui.pink-tag.labels .label {
    background-color: #CD67AA!important;
    border-color: #CD67AA!important;
    color: #FFF!important;
}

.pink-tag.icon {
    color: #CD67AA!important;
}

.ui.brown-tag.label,
.ui.brown-tag.labels .label {
    background-color: #CD8967!important;
    border-color: #CD8967!important;
    color: #FFF!important;
}

.brown-tag.icon {
    color: #CD8967!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: #FFF!important;
}

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

.basiccorner {
    /* height: 70vh; */
    width: 40%;
    margin-left: 30%;
    /* margin-top: 200px; */
    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: #e6e6e6;
}

.channelsel .segment:not(.active):hover .icon {
    color: #8C99D9!important
}

.channelsel .segment:hover {
    border-color: #8C99D9!important
}

.channelsel .segment.active .icon {
    color: #6778CD!important
}

@media only screen and (max-width: 768px) {
    /* .channelsel .segment .icon {
        display: none;
    } */
    .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: #666;}

#check_result .tab.bottom.attached {margin-bottom: 0!important;}
#check_result .checkboxes {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    border: 1px solid #ccc;
    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: #666
}
#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: rgb(248, 248, 249) !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: #000000 !important;
    background-color: #ffffff !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: #f1f1f1;
    font-size: 16px;
}

dt_col_count {
    background-color: #f1f1f1;
    max-width: 50px;
}

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

.scrollable_fileprev {
    overflow-x: auto;
}

.datacolumn_name {
    cursor: pointer;
    background-color: #babad8;
}

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

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

.flow-add-item {
    display: flex !important;
    cursor: pointer;
    padding: 10px !important;
}

#workflow_hist {
    margin-top: 8px!important;
}

.flow-add-item:hover {
    background: rgba(0, 0, 0, .05)!important;
}

.flow-add-node .list {
    max-width: 99%;
}

.jsonql-builder .cf-op {
    display: block;
}

.jsonql-builder .cf-op.cf-level-1 {
    margin-left: 3px;
}

.jsonql-builder .cf-op.cf-level-2 {
    margin-left: 13px;
}

.jsonql-builder .cf-op.cf-level-3 {
    margin-left: 23px;
}

.jsonql-builder .cf-op.cf-level-4 {
    margin-left: 33px;
}

.jsonql-builder .label {
    font-size: 1.1em;
    font-weight: 700;
    margin: 3px !important;
}

.jsonql-builder .label.link:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
}

.jsonql-builder .cf-operator,
.jsonql-builder .cf-operand {
    margin: 3px;
}

.jsonql-builder .cf-brace {
    font-size: 3.5em;
    display: inline-block;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.14);
    vertical-align: middle;
    margin-top: -0.33em;
    margin-left: 3px;
    margin-right: 3px;
}

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


.ui.form.error {
    /* padding-top: 1.5em; */
}

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

.jsonql-builder .cf-operand {
    cursor: text;
}

.jsonql-builder .button.cf-add,
.jsonql-builder .button.cf-remove {
    margin-left: 3px;
}

.flow-node-stat-item i.icon {
    color: rgb(118, 118, 118);
    margin: 0px;
}

#wbuilder {
    cursor: move;
    background-color: white;
    border: 1px solid #d4d4d5;
    border-top: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.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 {
    background: #fff;
    color: rgba(0, 0, 0, 0.7);
    margin-right: -1px;
    border: 1px solid #dededf;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    /* transition: 0.2s; */
    font-weight: normal;
}
.tableitemopers .ui.dropdown.button {
    border: 1px solid #dededf;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    /* transition: 0.2s; */
}
.tableitemopers .ui.button:hover {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.1) !important;
    z-index: 1;
    color: rgba(0, 0, 0, 0.9);
}
.tableitemopers .ui.dropdown.button:hover,
.tableitemopers .ui.dropdown.button.active {
    background: #67cdb1;
    color: #fff;
}

.tablecell {
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(34, 36, 38, .15);
    min-height: 155px;
    font-size: 14px !important;
    transition: 0.2s;
}
#ak-table>.ui>.tablecell {
    background-color: #fbfbfb!important
}
#ak-table>.ui>.tablecell:hover {
    background-color: #ffffff!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 rgba(34,36,38,.15);}
.thumbwrap {
    width:100%;
    max-width: 600px;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    background-color: rgba(255,255,255) !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: #cbcbcb;
    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 {
    opacity: 0.6;
}

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

.checkbox_content {
    margin-top: 7px;
}

.default_fname_lname {
    color: rgb(118, 118, 118)!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;
}

/* #ak-subsc-chooser {
    height: 80vh;
} */

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

#cfunnel_chart {
    width: 100%;
    min-height: 80vh;
}

.dragplace_grey {
    background-color: #d9d9d9;
    margin-top: 1rem !important;
}

.dragplace_grey:hover {
    background-color: #c9c9c9;
}

.cfunnel_node.error .dragplace_grey {
    background-color: #c78b8b;
}

.dragplace_grey>.column {
    cursor: all-scroll;
}

.dragplace_grey .icon {
    cursor: pointer;
}

.cfunnel_node {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.cfunnel_node.over {
    padding-bottom: 6rem;
}

.cfunnel_node.grabbed {
    opacity: 0.4;
}

.cfunnel_tag {
    margin-top: 2px!important;
}

.cfunnel_det_stat {
    font-size: 1.5rem;
    font-weight: 600;
}

#cfunnel_det_stat .ui.celled.grid>.row>.column {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.divided.full_divided.row {
    padding: 0;
}

.divided.full_divided.row>.column {
    padding: 1rem;
}

div[name="pixelchart_menu"]>.item:hover {
    background-color: rgba(0, 0, 0, .05)!important;
}

.pixelpies canvas {
    height: 260px;
}

.field.error #shareIconsChoose .button {
    background-color: #daafae;
}

.field.error .ui.segment,
.field.error .CodeMirror.cm-s-default {
    border-color: #e0b4b4!important;
    background: #fff6f6;
    color: #9f3a38;
}

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

/* .compact.grid>.row>.column {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
} */

.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: rgba(255,255,255,.8);
    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: #767676 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;
}

.ui.item.link {
    padding: 0;
}



/* настройка отображения колонок */
.basic.export.button {
    background: unset!important;
    transition: 0.3s;
    text-align: center;
    box-shadow: 0 0!important;
    -webkit-box-shadow: 0 0!important;
    border-radius: 0px;
}
.basic.export.button:hover {
    background: unset!important;
    color: #000!important;
}
.chart_loading {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: none;
    color: #e8e8e8;
}
.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 {
    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: rgba(34,36,38,.1) 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 {
    color: #444652 !important;
    background: #fafafa !important;
    font-weight: 400;
}
.graph .ui.buttons>.button:hover{
    background: #fff !important;
}
.teh_content.table .ui.buttons.white>.button,
.graph .ui.buttons.white>.button {
    background: #fff !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: #6778cd !important;
    color: #fff !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 rgba(34,36,38,.15);
    box-sizing: border-box;
    position: relative;
}
.aktable2-th,.aktable2-td {
    line-height: 28px;
    overflow: hidden;
}
.cohort-tr:first-child,
.aktable2-th {
    color: #B6B6B6 !important;
    background: #F9FAFB;
    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;
}
.teh_content.table .aktable2-td:first-child:not(.empty) {
    width: 300px;
    min-width: 300px;
    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 #67cdb1;}
.item.task.fail .circlebg {border-left: 3px solid #cd6783;}
.item.task i.icon:not(.download) {color: #ccc !important;margin: 0;}
.item.task .header {margin-bottom: 1em !important;}
.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 .taskDesc a {color: #4183C4;}
.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;
    background: rgba(0, 0, 0, 0.05);
}
.ui.progress .bar {
    background: rgba(0, 0, 0, 0.2);
}
.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:  #6778cd!important;
}

.ui.checkbox .box:after, .ui.checkbox label:after {font-size: 11px}


/* FYI Only, Remove it later */
/* ui/semanticui/semantic/src/site/globals/site.variables */
.ui-red{color:#CD6777;}
.ui-orange{color:#CD8967;}
.ui-yellow{color:#CDBC67;}
.ui-olive{color:#C5D17B;}
.ui-green{color:#77CD67;}
.ui-teal{color:#67CDB1;}
.ui-blue{color:#67AACD;}
.ui-violet{color:#6778CD;}
.ui-purple{color:#BC67CD;}
.ui-pink{color:#CD67AA;}
.ui-brown{color:#CD8967;}
.ui-grey{color:#767676;}
.ui-black{color:#1B1C1D;}

#helplink .external.icon {
    opacity: 0.4;
}

.ui.menu:not(.vertical) .item>.button {
    font-size: 14px;
}

.dialog-modal .ui.icon.header .icon {
    margin: 0 auto 1rem;
}

.ui.grid .row>.column>.button{
    border: 1px solid #eee;
}
/* 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 #ddd;
    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 #ddd;
    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: #e5f9e7!important;
    color: rgba(0,0,0,.87)!important;
}
.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {
    line-height: 1.2rem;
}
/* .ui.accordion .accordion .active.title .dropdown.icon,
.ui.accordion .active.title .dropdown.icon {margin: 3px .5em 0 0!important;} */

.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: -2.75rem;
    left: -1px;
    max-width: calc(100% + 2px);
}
.scrollable-menu {
    overflow-x: hidden;
    border-bottom: none;
    display: flex;
}
.scrollable-menu .ui.button {
    margin: 0;
    background: #eee !important;
    padding: .8em 1em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
   -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34,36,38,0.15);
    white-space: nowrap;
    overflow-x: hidden;
    position: relative;
}
.scrollable-menu .ui.button:hover {
   -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.scrollable-menu .ui.button.active {
    background: #fff !important;
    border-bottom-color: #fff !important;
}
.scrollable-menu .ui.button.red {
    box-shadow: none !important;
    border: 1px solid #c04155;
}
.scrollable-menu .ui.button::after {
    content: '';
    width: 1.5em;
    height: calc(100% - 4px);
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    background: rgb(238,238,238);
    background: linear-gradient(90deg, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 70%, rgba(238,238,238,1) 100%);
}
.scrollable-menu .ui.button:hover::after,.scrollable-menu .ui.button.active::after {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 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;
    border-bottom: 1px solid #6678cd;
}
.avatar_segm {
    overflow: hidden;
}
.avatar_segm .avatar {
    padding: 8rem 0;
    border: 1px solid #ccc;
    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: #fff;
    border: 1px solid #ccc;
    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;
    color: #272727;
}
.avatar_segm:hover #remove_avatar {
    opacity: 1;
}
.default_avatar #remove_avatar {
    display: none;
}

.profileMainInfo {
    /* margin: 1rem auto;
    padding: 0 3rem 0 0; */
    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 rgba(0, 0, 0, 0.08);
}
.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: 3.5rem !important;
   -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(34,36,38,.15) !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 rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    line-height: 1.21428571em;
    padding: .67857143em 1em;
}
.uFields .field>input:focus {
    border-color: #6778cd;
    background: #fff;
    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 #f2f2f2;
    background-color: #fcfcfc;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.field_els.error {
    border: 1px solid #cd6777;
}
.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: #5a5a5a;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    -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: #0065ff!important;

}
.filter_button {
    display: inline-block;
    font-size: 0.9rem;
    padding: 4px;
    border: 1px solid #f2f2f2;
    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: #555
}

.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 {
    color: rgb(0, 47, 255);
    cursor: pointer;
    text-align: center;
}
.w-pagination i.disabled {
    cursor: default;
    color: rgba(0,0,0,.87);;
}
.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 #ccc;
    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 #ccc;
    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 #dedede;
}

.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 #ccc;
    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: #f9fafb;
        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: #f7f7f7;
        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: 1024px) {
    .tabmenu.menu {
        flex-wrap: wrap;
        justify-content: center;
    }

    .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 rgba(103, 120, 205, 1);}
    .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 64px, for pixel perfect with react -2px */
        height: 62px;
        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: #fff;}
    .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: #fff !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 #c2c2c2;
    margin: 1em;
    min-height: 4em;
    padding-top: inherit;
    padding-bottom: inherit;
    color: #c2c2c2;
}

.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 2px 3px;
    font-size: 12px;
    line-height: 10px;
    font-weight: bold;
    border-radius: .28571429rem;
    display: inline-block;
}
.teal.additionalInfo.channel {
    background-color: #67cdb1!important;
    border-color: #67cdb1!important;
    color: #fff!important;
}
.grey.additionalInfo.channel {
    background-color: #999999!important;
    border-color: #999999!important;
    color: #fff!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: #f7f7f7;
}

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

.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 #ccc;
    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: #fff6f6;
}
.akf-head {
    background: #fff;
    border: 1px solid #d4d4d5;
    padding: 10px;
    border-top: 3px solid #6778cd;
    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: #000;
}
.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: #9f3a38;
}
.akf-head .header {margin: 0}
.akf-body {
    background: #fff;
    padding: 20px;
    border: 1px solid #d4d4d5;
    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;
    /*height: 80px;*/
}
.addStepBtn .ui.icon.button {
    background: #fff !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 {display: flex; align-items: center;} */
#reportcontols .ui.buttons {display: inline-block; background-color: #fff;}
.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: #7b7b7b;
    font-size: 0.9rem;
    line-height: 1.3rem;
    cursor: pointer;
}
.ui.item.tasked .icon:hover {
    color: #6778cd !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: #6778cd !important;
    border: 1px solid #6778cd !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: #f7f7f7;
    border: 1px solid #dededf;
    border-radius: 0.3rem;
    box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.2);
}
.funnel_rep::before {
    content: '';
    display: block;
    position: absolute;
    height: calc(100% - 4rem);
    border: 1px dashed #ccc;
    left: calc(50% - 1px);
}

.funnel_rep .db.akf-head {
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border-radius: 0.4rem;
    position: relative;
    border-bottom: 1px solid #ccc;
    transition: 0.2s;
    transform: scale(1, 1);
}
.funnel_rep .db .header {
    margin: 0;
}
.funnel_rep .akf-row {
    margin: 0 auto;
    background: #fff;
    transition: 0.2s;
    transform: scale(1, 1);
    position: relative;
    color: #555;
    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) {
    .sql_sync_tab {
        flex-direction: column;
    }
    .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: white !important;
}
.ui.buttons.basic.buttons_basic .ui.button.colored:hover {
    color: #fff !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: none !important;
}
.buttons_toptabs.ui.buttons.basic.buttons_basic .ui.button {
    border-bottom: 1px solid rgba(34,36,38,.15);
    border-bottom-left-radius: unset !important;
    box-shadow: none!important;
    border-bottom-right-radius: unset !important;
    background: #fafafa !important;
}
.buttons_toptabs.ui.buttons.basic.buttons_basic .ui.button.active {
    border-bottom: unset;
    background: #fff !important;
}

.ui.buttons .ui.button.button_refresh_dynamic:hover {
    background-color: #4e63cc !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: rgba(34,36,38,.15);
    position: relative;
    transition: 0.3s;
}

.qbuilder-timeline.primary {
    background: #6778cd;
}

.timeline-dot {
    width: 26px;
    height: 26px;
    background-color: #e0e1e2;
    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: #6778cd;
    color: #fff;
}

.timeline-dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 1px;
    background-color: rgba(34,36,38,.15);
    transition: 0.3s;
}
.timeline-dot.primary::before {
    background-color: #6778cd;
}

.timeline-dot.animate {
    transform: scale(1.07);
}

.timeline-dot.visible:before {
    width: 200px;
}

.ui.buttons.qbuilder_query_mode>.button{
    border-top: rgba(34,36,38,.15) 1px solid;
    border-bottom: rgba(34,36,38,.15) 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: rgba(34,36,38,.15) 1px solid;
}

.ui.buttons.qbuilder_query_mode>.button:last-child {
    border-right: rgba(34,36,38,.15) 1px solid;
}

.ui.buttons.qbuilder_query_mode>.button:hover {
    background: #fff !important;
}

.ui.buttons.qbuilder_query_mode>.button:active, .ui.buttons.qbuilder_query_mode>.button.active{
    background: #6778cd !important;
    color: #fff !important;
}

.ui.buttons.qbuilder_query_mode>.button + .button{
    border-left: rgba(34,36,38,.15) 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;
}

.ui.form .qb-values > .ui.field {
    margin-top: 1rem;
}

.ui.form .qb-values > .ui.field:first-child {
    margin-top: 0;
}

.mt-0 {
    margin-top: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-10 {
    margin-left: .75rem !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;
}

.pr-0 {
    padding-right: 0 !important;
}

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

/* .ui.segment {
    marЫЫgin: 0 0 1rem;
} */

.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: rgba(255,255,255,.8);
    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;
    background-color: rgba(247,247,247,1)!important;
    white-space: nowrap;
    flex-shrink: 20!important;
    overflow: hidden;
    border-width: 1px!important;
    border-color: #d4d4d5!important;
    border-radius: .28571429rem .28571429rem 0 0!important;
    padding: 0 1em 0 1em!important;
}

.customchannel_menu>a.item.active {
    background-color: rgba(255,255,255,1)!important;
    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='#ffffff', endColorstr='#ffffff', 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%, rgba(255,255,255,1) 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%, rgba(255,255,255,1)))!important;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.64) 50%, rgba(255,255,255,1) 80%)!important;
    background: -o-linear-gradient(left, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.64) 50%, rgba(255,255,255,1) 80%)!important;
    background: -ms-linear-gradient(left, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.64) 50%, rgba(255,255,255,1) 80%)!important;
    background: linear-gradient(to right, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.64) 50%, rgba(255,255,255,1) 80%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', 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: 1px solid #d4d4d5;
    background: #fff;
    border-bottom: unset;
    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: #fff;}

.ui.toggle.inverted.checkbox>label, .ui.inverted.checkbox>label,
.ui.toggle.inverted.checkbox input:checked~label, .ui.inverted.checkbox input:checked~label {
    color: #fff !important;
}
.mt_1rem { margin-top: 1rem !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: #6778cd
}
.campaign_steps .ui.steps .step:not(.active):not(.disabled):hover i {
    color: #6778cd
}
.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 rgba(34,36,38,.1);
}

.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 rgba(34,36,38,.1);
    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 rgba(34,36,38,.1);
}
.campaign_steps #steps_card .schedule.grid .ui.row>.column:first-child {
    border-top: none;
}

#stabs.ui.attached.steps {
    margin: 0;
}
.small-heading{
    color: rgb(118, 118, 118);
    letter-spacing: .05em;
    padding: 1rem 0 0.5rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}
.small-caption{
    color: rgb(118, 118, 118);
    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),#fbfbfb);
    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%;
    border: 1px dashed #d8d8d8;
    padding: 0 1rem 1rem;
    background: #fcfcfc;
}
.campaign_steps #steps_card .card_main.left_aligned {
    align-items: flex-start;
    padding: 0 3rem 1rem;
}
.campaign_steps #steps_card .card_chan {
    background: #fdfdfd;
    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%, rgba(255,255,255,1) 90%)!important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)))!important;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%)!important;
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%)!important;
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%)!important;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', 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: #6778cd
}

@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 rgba(34,36,38,.1);
    }
    .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: #e6e6e6;
}

.quest-manager__item:hover .icon {
    color: #67CDB1;
}

.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{
    margin: 1em -.5em 1em;
}


.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: rgba(34,36,38,.1);
    background-color: #fff;
    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 rgba(34,36,38,.15);
    border-bottom: 1px solid rgba(34,36,38,.15);
}

.platform_extra .platform__item .select {
    padding: 0.375rem;
}


.platform__item .value {
    line-height: 1em;
    font-size: 3rem!important;
    color: #767676;
    margin-bottom: 0.25rem;
}

.platform__item .label {
    font-size: 1.125em;
    text-align: center;
}


.platform__item_open .value i.icon {
    color: #6778cd !important;
}


.platform__item_selected .select i.icon {
    color: #67cdb1 !important;
}

.platform__item_open .label {
    color: #6778cd !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: rgba(34,36,38,.15);
}

.platform__item_open {
    border-color: rgba(34,36,38,.15);
}

.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: rgba(34,36,38,.15);
    box-shadow: 0 1px 4px 0 rgba(34,36,38,.15);
}

.push-navigation {
    margin: 1.5em -1.5em -1.5em -1.5em;
    border-bottom: 1px solid rgba(34,36,38,.15);
}

.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: #6778cd;
}

.push-resource-install__script {
    background: #ffffff;
    overflow:auto;
    width:auto;
    border:solid gray;
    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: #ffffff;
    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 rgba(34,36,38,.15);
    }

    .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: #9f3a38;
}

/* 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: #fff!important;
}
.dark .breadcrumb>.section>a,
.dark .breadcrumb>.section>a:hover,
.dark .ui.breadcrumb .divider {
    color: #ccc;
}
.dark .profilemenu>.ui.bottom.right.popup {
    background: #2d2d2d;
    color: #fff!important;
    border-color: #3c3c3c;
}
.dark .profilemenu .user__info__text__account {
    color: #fff;
}

.dark .profilemenu .user__menu>.item {
    color: #fff;
    border-color: #3c3c3c;
}
.dark .profilemenu .user__menu>.item:hover {
    color: #fff;
}
/* .gjs-img-popup {
    width: 300px;
    height: 300px;
    background-size: cover !important;
    background-position: top center !important;
} */
.ak_loader {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #000;
    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: #fff;
    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: #fff!important;
}
.veDropdown.ui.dropdown>.menu {
    background: #303030;
    border-radius: unset !important;
}
.veDropdown.ui.dropdown>.menu>.item,
.veDropdown.ui.dropdown>.menu>.message {
    color: #fff;
    padding: 7px !important;
    font-size: 0.8rem;
    border: none;
}
/* .gjs-compo-trait .gjs-field {background-color: unset;}
.gjs-compo-trait .gjs-field input,
.gjs-compo-trait .gjs-field select {
    background-color: rgba(0,0,0,.2);
} */
.gjs-field-wrp--ak-button-color {
    z-index: 12;
}
#gjs-main, #gjs-amp-main, #pixcraft_editor {
    position: fixed;
    top: 58px; /* head-pane sizes */
    left: 238px; /* menu sizes */
    width: calc(100% - 238px) !important; /* menu sizes */
    padding-bottom: 3rem;
    bottom: 0px;
}
#gjs-main, #gjs-amp-main {
    z-index: 99;
}
#pixcraft_editor {
    z-index: 100;
}
#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-frame {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.gjs-cv-canvas {
    z-index: unset !important;
} */
#gjs-tools {
    outline: 1px solid #3b97e3 !important;
    outline-offset: -1px;
    z-index: unset !important;
}
/* .gjs-title, .gjs-sm-title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
} */
.gjs-parent-toolbar {
    background-color: #67cdb1;
    color: #fff;
    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: #fff;
    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;
}
/* .fa-arrows.gjs-toolbar-item {
    cursor: grabbing;
} */
.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: #fff;
    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;
}
/* .gjs-rte-custom-button.gjs-rte-action {
    padding: 0 !important;
}
.gjs-block {position: relative;} */
.icon-fullwidth {
    width: 100% !important;
    max-width: unset !important;
    min-height: unset !important;
}
/* .gjs-block__media {
    margin-bottom: 0 !important;
    padding-top: 22px;
} */
.icon-custom-structure .gjs-block__media {
    padding-top: 16px;
}
.icon-columns__wrap {
    width: 80%;
    margin: 0 auto 9px;
}
.icon-columns__col {
    border: 2px solid #fff;
    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 #fff;
    margin: 0 25% 0;
    display: block;
    position: absolute;
}
.icon-divider::after {
    content: '';
    width: 60%;
    height: 2px;
    border: 1px solid #fff;
    margin: 7px 20% 0;
    display: block;
    position: relative;
}
.icon-button {
    border: 1px solid #fff;
    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: #fff;
}
/* .gjs-block.fa::before {
    padding: 9px 0 0;
} */
.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: #fff;
}
.icon-custom .fa.fa-cog {
    color: #fff;
    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 #fff;
}
.icon-custom .fa.fa-cog:hover {
    background-color: #6778cd;
}

.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: #6778cd;
}
.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 #fff;
    color: #fff !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
.icon-custom-userB:hover .gjs-block-label {
    color: #fff;
    background-color: #6778cd;
}


.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: white;
    border: 5px solid #eeeeee;
    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: rgba(0,0,0,.87);
    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: #fcfcfc !important;
    border: 1px solid rgba(34,36,38,.1) !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: rgba(0,0,0,.87);
}

.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: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    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: rgba(0,0,0,.95);
    border-color: #6778cd;
    background: #fff;
}

.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: #fff;
    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: #e8e8e8;
}
.ak-quick-search__input .matching-list>span:active {
    background-color: #cacbcd;
}
.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: #fff;
    max-height: 500px;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    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: #767676!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: #767676;
    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__db {

}


.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 #ccc;
    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: #767676!important;
}

.attach-list-item:hover {
    border-color: rgba(34,36,38,.15) !important;
}

.attach-list-item .close {
    margin-right: 0 !important;
}

.attach-list-item__type {
    color: rgba(0,0,0,.87) !important;
    display: inline-block;
    width: 4rem;
}
.attach-list-item__title {
    color: #767676 !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: rgba(34,36,38,.15)
}

.range-slider-input .infinity.active {
    color: #6778CD;
}

.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: #eee;
    border: 1px solid #ededed;
    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:  #6778CD;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 18px;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    position: absolute !important;
    display: block;
    z-index: 1;
}

.range-slider-container .selected {
    background-color: #6778CD;
    border: 1px solid #00969b;
    width: 0;
}

.range-slider-container .pointer {
    background-color: #6778CD;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    cursor: pointer;
    height: 20px;
    position: absolute;
    top: 0;
    width: 20px;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    z-index: 1;
}

.range-slider-container .pointer::after {
    left: auto;
    right: 12px;
}

.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: #fff;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    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:  rgb(204, 204, 204);
}
.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: #e0b4b4 !important;
    background: #ffe1e1 !important;
    color: #9f3a38 !important;
}

p.disabled a {
    opacity: 0.4;
    pointer-events: none;
}

.tabular.menu.sql_sync_tab {
    overflow-x: auto;
    overflow-y: hidden;
}

.full-height {
    height: 100%;
}

#subscriber-preview-selector-modal .modal {
    min-height: 600px;
}

.ui.five.statistics .statistic {
    width: 20%;
}

.ui.error.message .ui.grey {
    color:rgb(48, 48, 48);
}

.footer-login-page {
    text-align: center;
    color: 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 rgba(255, 255, 255, .7);
    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: #000;
    opacity: 0.8;
    z-index: -1;
}

.underline-white {
    text-decoration: underline;
    color: white;
}

.underline-white:hover {
    color: #00c9e4;
}

.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 #67aacd;
}

.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: #67aacd!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: rgba(34,36,38,.15);
    position: relative;
}

.qb-timeline-dot {
    width: 26px;
    height: 26px;
    background-color: #e0e1e2;
    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: rgba(34,36,38,.15);
    width: 200px;
}

.wall-container.loading {
    min-height: 114px;
}

.username .subid {
    color: #bbb;
}

.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: #e0e1e2;
    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: rgba(34,36,38,.15);
    transition: 0.3s;
    width: 200px;
}

.logical_point::after {
    height: 4.5em;
    content: "";
    width: 1px;
    background-color: rgba(34,36,38,.15);
    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;
    }
}

.flow-reimport-is-update-allowed-field, .flow-reimport-copy-history-field {
    width: 50%;
}

@media screen and (max-width: 400px) {
    .flow-reimport-is-copy-actions {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 991px) {
    .flow-reimport-profile-fields {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .flow-reimport-is-update-allowed-field {
        margin-bottom: 1em !important;
    }

    .flow-reimport-is-update-allowed-field, .flow-reimport-copy-history-field {
        width: 100% !important;
    }
}

.flo-feedback-retry-fields:last-child {
    margin: 0 !important;
}

@media only screen and (max-width: 320px) {
    .flo-feedback-retry-fields > .field:last-child {
        margin-top: 0.5em !important;
    }
}

.transparent-btn {
    background: none !important;
}

.transparent-btn:hover {
    background-color: rgba(0, 0, 0, 0.07) !important;
}

.transparent-btn:focus {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

.transparent-btn:active {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.entity-id {
    color: #bbb;
    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: #bbb;
    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;
    }
}

.beta-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.api-field-name {
    color: #767676;
    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: #555 !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: 2rem;
    left: 1em;
}

.profile-counter-item__quantity {
    font-weight: 600;
}

.ml_statistic_segment {
    border-radius: 4px !important;
    padding: 38px !important;
}

.db_statistic_segment_value {
    color: 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%;
}

@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: #9f3a38;
    background-color: #fff6f6;
    box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 1px #e0b4b4 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: #767676;
}

.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;
    color: rgba(0, 0, 0, 0.87) !important;
    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: #6778cd;
    margin-left: 8px;
    cursor: pointer;
}

.resource__channel-settings__provider-status__active {
    color: #77cd67;
}

.resource__channel-settings__provider-status__inactive {
    color: #cd6777;
}

@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 #d4d4d5 !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;
}

.message_icon {
    font-size: 32px !important;
}

.overflow_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.block_editor_loader_container {
    display: flex;
    align-items: center;
    height: 500px;
}