/*!
    Version: 2.0.0
    Author: Arunachalamoorthy Sethuraj
    Website: http://www.cognidesk.ai
*/

/*-- Fonts --*/

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

/* Browsers scroll hide */

::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

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

/* Safari */

::-moz-scrollbars {
    display: none;
}

::-o-scrollbar {
    display: none;
}

/* opera */

::-google-ms-scrollbar {
    display: none;
}

::-khtml-scrollbar {
    display: none;
}

/* Browsers scroll hide */

html {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.pad0 {
    padding: 0;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #ccc;
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none !important;
    background: inherit;
}

@font-face {
    font-family: 'Seravek-Bold';
    src: url('../fonts/Seravek-Bold.woff');
}

@font-face {
    font-family: 'Seravek-ExtraLight';
    src: url('../fonts/Seravek-ExtraLight.woff');
}

@font-face {
    font-family: 'Seravek-Medium';
    src: url('../fonts/Seravek-Medium.woff');
}

@font-face {
    font-family: 'Seravek-Light';
    src: url('../fonts/Seravek-Light.woff');
}

@font-face {
    font-family: 'Seravek-Semibold';
    src: url('../fonts/Seravek-Semibold.woff');
}

@font-face {
    font-family: 'Seravek-Regular';
    src: url('../fonts/Seravek.woff');
}

body {
    background: #f4f4f4;
    /* user-select: none;
-o-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; */
}

/*** 

====================================================================
Automation Canvas 
====================================================================

***/

/* Automation Canvas Start */

.automation_canvas {
    display: flex;
    width: 100%;
    float: left;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    position: relative;
    /* z-index: 1098; */
}

.automation_entity_cards {
    margin-top: 0px;
    height: 100vh;
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 0px;
    padding: 0px;
}
.automation_entity_cards .indent_title.autoamtion_p_l_30 {
    padding-left: 0px;
}

.automation__main {
    padding: 0px;
}

.automation__main .flex_canvas1 {
    padding: 0px 30px;
}

.flex_canvas_right .automation__main {
    order: 2;
    flex: initial;
    position: relative;
    z-index: 300;
    width: 100%;
    float: left;
    padding-left: 31px;
}

.automation_canvas .cogni_cards {
    float: left;
    background: #fff;
    height: 64px;
    display: table;
    z-index: 1034;
    width: 100%;
    table-layout: fixed;
    padding: 0px;
}

.indent_home {
    cursor: pointer;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: stretch;
}

.automation_canvas .indent_dialog_left {
    display: flex;
    align-items: center;
}

.automation_canvas .indent_dialog_left h4 {
    font-family: 'Seravek-Medium';
    font-size: 34px;
    color: #232a44;
    margin-bottom: 0px;
}

.indent_dialog_right {
    display: flex;
    justify-content: space-around;
}

.training_automation_search_intent .indent_dialog_right {
    display: flex;
    justify-content: flex-start;
}

.indent_home button {
    width: 140px;
    height: 30px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #999999;
    background: #fff;
    color: #494949;
    outline: 0;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.indent_dialog_right button {
    text-align: right;
}

.indent_dialog_right button svg {
    width: 12px;
    position: relative;
}

.indent_dialog_right span {
    margin: 0 auto;
}

.flow_sortby_dropdown {
    display: inline-block;
}

.automation__main .cogni_cards:after {
    position: fixed;
    left: -26%;
    right: 0;
    top: 80px;
    content: '';
    border-bottom: 0.5px solid #e2e2e2;
    width: 130%;
    z-index: 1034;
}

.automation_canvas_left {
    display: grid;
    background-color: #f4f4f4;
    width: 60%;
    float: left;
    flex-grow: 10;
    justify-content: center;
    height: calc(100vh - 80px);
    grid-template-columns: 1fr minmax(auto, auto);
}

/* .automation_canvas_right {
    float: left;
    background: #fff;
    box-shadow: none;
    width: 100%;
    padding: 0;
    height: 100vh;
    display: flex;
    overflow: hidden;
    position: relative;
} */

.automation_canvas_left_auto_width {
    overflow-x: auto;
    padding: 20px 30px 30px;

    overflow-y: auto;
    scrollbar-width: none;
    -moz-scrollbar-width: none !important;
    -webkit-scrollbar-width: none !important;
    -ms-scrollbar-width: none !important;
}

.automation_canvas_left_structure {
    /* width: 100%; */
    float: left;
}

.automation_canvas .flow_canvas {
    display: flex;
    justify-content: space-between;
    width: 100%;
    float: left;
}

.automation_canvas .flex_menu {
    flex-grow: 1;
    height: 100vh;
    width: 64px;
    float: left;
}

.automation_canvas .flex_canvas {
    flex-grow: 10;
    height: 100vh;
    width: 100%;
    float: left;
}

.automation_canvas .flex_canvas_right {
    flex-grow: 8;
    height: 100vh;
    display: flex;
    width: auto;
}

/* top header in flow_canvas  start */

.automation_canvas .flow_canvas1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    float: left;
    margin-left: 20px;
}

.automation_canvas .flex_menu1 {
    flex-grow: 5;
    height: 64px;
    float: left;
    display: flex;
    position: fixed;
    background: #fff;
    width: 100%;
}

.automation_canvas .flex_side_menu1 {
    flex-grow: 5;
    height: 64px;
    width: auto;
    float: left;
    display: flex;
    justify-content: flex-end;
}

.automation_canvas .flex_canvas1 {
    flex-grow: 10;
    height: 64px;
    width: 100%;
    float: left;
    display: flex;
    z-index: 1098;
}

.panel_tree .arrow_menu:first-child {
    margin-top: 0px;
}

.panel_tree ul {
    padding-top: 40px;
    position: relative;
    padding-left: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.panel_tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    /* padding: 30px 15px 15px 0px; */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    padding-top: 40px;
}

.flow_structure ul {
    padding-top: 40px;
    position: relative;
    padding-left: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    display: flex;
    justify-content: center;
}

.flow_structure li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    /* padding: 30px 15px 15px 0px; */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    padding-top: 40px;
}

/*We will use ::before and ::after to draw the connectors*/

.panel_tree li::before,
.panel_tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #355d8b;
    width: 51%;
    height: 40px;
}

.panel_tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #355d8b;
}

.panel_tree .end_node .first_step::before {
    /* left: auto;
    right: 50%; */
    /* border-right: 1px solid #355D8B; */
    top: 0 !important;
}

/*We need to remove left-right connectors from elements without 
    any siblings*/

.panel_tree li:only-child::after,
.panel_tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/

.panel_tree li:only-child {
    padding-top: 0;
}

.flow_tree.parallel_path_child .flow_buttons {
    top: -24px !important;
}

.flow_tree.child_before.parallel_path_child {
    top: 0px !important;
}

.flow_tree.child_after.parallel_path_child {
    top: 0px !important;
}

/*Remove left connector from first child and 
    right connector from last child*/

.panel_tree li:first-child::before,
.panel_tree li:last-child::after {
    border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/

.panel_tree li:last-child::before {
    border-right: 1px solid #355d8b;
    /* border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0; */
}

.panel_tree li:first-child::after {
    /* border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0; */
}

/*Time to add downward connectors from parents*/

.panel_tree ul.multi_child_li::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 49.8%;
    width: 13px;
    height: 45px;
    background: url(../images/dot_with_line.svg);
    background-repeat: no-repeat;
}

.panel_tree ul.tree_left_side::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 49.8%;
    width: 12px;
    height: 45px;
    background: url(../images/arrow_icon.svg);
    background-repeat: no-repeat;
}

.start_step_node {
    margin-right: 25px !important;
}

.end_step_node {
    margin-left: 24px !important;
}

.end_step_node .arrow img {
    width: 12px;
    transform: rotate(-90deg);
    position: relative;
    left: -117px;
    margin-top: -65px;
}

.start_step_node .arrow img {
    width: 12px;
    transform: rotate(-90deg);
    position: relative;
    right: -102px;
    margin-top: -65px;
}

.flow_tree .no_input_value svg {
    width: 12px;
    position: relative;
    float: left;
    left: 3px;
    bottom: 12px;
    height: 12px;
    margin-bottom: 0px;
}

.step_border_left_h6 .no_input_value svg {
    width: 12px;
    position: relative;
    float: left;
    top: 0px;
    height: 12px;
    right: 1px;
}

.no_input_value .error_input_show {
    position: relative;
}

.for_each_warning_alert .no_input_value {
    position: absolute;
    right: 0px;
    top: px;
}

.flow_tree .arrow {
    opacity: 0;
}

.end_step_node .arrow {
    opacity: 1;
    position: absolute;
    background-repeat: no-repeat;
}

.start_step_node .arrow {
    opacity: 1;
    position: absolute;
    background-repeat: no-repeat;
}

.second_node_first_step {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 42px;
    padding: 0px 10px;
}

.second_node_first_step:before {
    content: '';
    position: absolute;
    top: 36px !important;
    left: 50%;
    width: 13px;
    height: 40px;
    background: url(../images/doted_line.svg);
    background-repeat: no-repeat;
    margin-left: -4px;
}

.second_step_node .line_hover_plus_icon {
    opacity: 1 !important;
}

.second_step_node:hover .first_step:before {
    content: '';
    position: absolute;
    top: 39px !important;
    left: 50%;
    width: 13px;
    height: 40px;
    background: url(../images/doted_line.svg);
    background-repeat: no-repeat;
    margin-left: -4px;
}

.second_step_node .line_hover_plus_icon {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #355d8b;
    border-radius: 50%;
    z-index: 10;
    margin-left: 85px;
    margin-top: 65px;
    cursor: pointer;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0px 10px;
    left: 50%;
    margin-left: -4px;
}

.second_step_node .line_hover_plus_icon_svg {
    margin-top: -8px;
}

.panel_tree li .flow_tree {
    background: #fff;
    border-radius: 6px;
    width: 180px;
    height: 42px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #494949;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin: 0px 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.selected_parent_node {
    border: 1px solid #ff7900 !important;
    border-radius: 6px;
}

.selected_parent_node:hover {
    border: 1px solid #0a89e8;
}

.flow_structure li .flow_tree {
    background: #fff;
    border-radius: 6px;
    width: 225px;
    height: 52px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #494949;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin: 0px 19px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    cursor: pointer;
}

.flow_structure li .first_step:hover {
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #ff7900;
}

.flow_structure li .first_step:hover .bg_tree_content {
    color: #000;
}

.flow_tree_actions:hover {
    background: #0a89e8;
}

.flow_tree_actions:hover .flow_tree_actions_header {
    color: #fff;
}

.flow_tree_actions:hover .flow_tree_img_divide p {
    color: #fff;
}

.flow_tree .first_step {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 52px;
    padding: 0px 10px;
}

.first_step .bg_tree_flow {
    width: 32px;
    height: 32px;
    background: #0a89e8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.first_step:hover .bg_tree_flow {
    background: #fff;
}

.bg_tree_flow_without_image {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-size: 13px;
}

.first_step:hover .bg_tree_flow_without_image {
    color: #494949;
}

.first_step .bg_tree_flow svg {
    width: 16px;
    height: 16px;
    fill: #355d8b;
}

.bg_tree_content {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 6px;
    width: 85%;
    text-align: left;
    position: relative;
    top: 2px;
}

.panel_tree ul ul::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
}

/* tree new structure */

.tree_step_card {
    width: 180px;
    height: 42px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.tree_step_card_bg {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.bg_tree_flow {
    width: 24px;
    height: 24px;
    background: #0a89e8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg_tree_flow svg {
    width: 14px;
    height: 14px;
    fill: #fff;
}

.bg_tree_flow_content {
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #494949;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    width: 85%;
    float: left;
}

.automation_tree_card .tree_step_card {
    display: inline-flex;
    margin-right: 30px;
}

.automation_tree_card {
    display: inline-flex;
}

.parent_child {
    width: 100%;
    float: left;
}

.flow_parent {
    margin-right: 30px;
}

.second_tree::before {
    content: '';
    position: relative;
    width: 11px;
    height: 40px;
    background: #999;
    border-radius: 50%;
    background: url(../images/arrow_icon.svg);
    background-repeat: no-repeat;
    left: -24px;
    transform: rotate(-90deg);
    margin-top: -26px;
    top: 12px;
    margin-left: -10px;
}

.third_tree::before {
    content: '';
    position: relative;
    width: 11px;
    height: 40px;
    background: #999;
    border-radius: 50%;
    margin-left: -10px;
    background: url(../images/arrow_icon.svg);
    background-repeat: no-repeat;
    left: -24px;
    transform: rotate(-90deg);
    margin-top: -26px;
    top: 12px;
}

.flow_tree_actions {
    background: #fff;
    border-radius: 6px;
    width: 180px;
    min-height: 84px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #494949;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin: 0px 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    padding: 10px;
    cursor: pointer;
}

.flow_tree_actions_swap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.flow_tree_img {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    float: left;
    margin-top: 10px;
}

.flow_tree_img span svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    background: #0a89e8;
    border-radius: 50%;
    padding: 5px;
    border: 0.5px solid #fff;
}

.flow_tree_img .repeat_svg svg {
    background: #fff;
    fill: #494949;
    width: 32px;
    height: 32px;
    padding: 0px;
}

.flow_tree_img_divide p {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 16px;
}

.flow_tree_actions_header h6 {
    margin-bottom: 0px;
}

.flow_tree_img_divide {
    width: 33.33%;
    float: left;
}

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

.panel_tree ul .multi_child_li::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 49.45%;
    width: 13px;
    height: 45px;
    background: url(../images/dot_with_line.svg);
    background-repeat: no-repeat;
}

.panel_tree .child_before::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    width: 13px;
    height: 13px;
    background: url(../images/down_arrow_icon.svg);
    background-repeat: no-repeat;
    margin-left: -6px;
}

.multi_child_li .child_before::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    width: 9px;
    height: 9px;
    background: url(../images/down_arrow_icon.svg);
    background-repeat: no-repeat;
    margin-left: -4px;
}

ul .tree_left_side .end_node .selected_parent_node:hover::before {
    content: '';
    position: absolute;
    background: none;
}

/* ul .multi_child_li .dropdown_icons_li ul .tree_left_side .end_node .line_hover_dropdown {
    top: 0px;
} */

.multi_child_li .child_after::after {
    content: '';
    position: absolute;
    top: 32px;
    left: 50%;
    width: 13px;
    height: 13px;
    background: url(../images/down_arrow_icon.svg);
    background-repeat: no-repeat;
    margin-left: -6px;
}

.end_node .child_after::after {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    width: 13px;
    height: 13px;
    /* background: url(../images/down_arrow_icon.svg); */
    background: transparent;
    background-repeat: no-repeat;
    margin-left: -6px;
}

.dropdown_icons_li .child_after::after {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    width: 9px;
    height: 9px;
    background: url(../images/down_arrow_icon.svg);
    background-repeat: no-repeat;
    margin-left: -4px;
}

.panel_tree .dropdown_icons_li::before,
.panel_tree .dropdown_icons_li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 49.9%;
    border-top: 1px solid #355d8b;
    width: 50%;
    height: 40px;
}

.line_hover_plus_icon ~ .flow_buttons {
    visibility: hidden;
}

/* hover buttons */

.flow_buttons_icons_content_information:hover ~ .flow_buttons_information {
    display: block;
}

.market_place .flow_buttons_icons_content_information {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.flow_buttons_icons.flow_buttons_icons_content_information {
    right: 0px;
}

.flow_buttons_icons_content_information .flow_buttons_icons_content {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.flow_buttons_icons_content_information .flow_buttons_icons_content:hover ~ .flow_buttons_information {
    display: block;
    margin-left: 38px;
}

.flow_buttons_icons_content:hover ~ .flow_buttons_information {
    display: block;
    margin-left: 12px;
}

.flow_buttons_information {
    display: none;
}

.flow_buttons {
    position: absolute;
    display: flex;
    flex-direction: row;
    width: 100px;
    height: 24px;
    float: left;
    z-index: 10;
    visibility: hidden;
    top: -23px;
    margin-left: 152px;
}
.flow_buttons.market_place {
    margin-left: 120px;
}

.market_place.flow_buttons {
    width: 60px;
    justify-content: flex-end;
}

.multi_child_li .flow_buttons {
    top: -24px !important;
}

.flow_tree.child_before .flow_buttons {
    top: -24px !important;
}

.flow_tree.child_after .flow_buttons {
    top: -24px !important;
}

.flow_tree_actions .flow_buttons {
    top: -24px !important;
}

.flow_buttons_icons {
    display: flex;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    float: left;
    justify-content: space-around;
    border-radius: 4px;
    position: relative;
    top: -3px;
}

.arrow_child .flow_buttons {
    top: -24px;
}

.flow_buttons_icons .flow_buttons_icons_content {
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}
.flow_tree .flow_buttons_icons .flow_buttons_icons_content:nth-child(1) {
    border-right: 0.5px solid #e6e6e6;
}
.flow_tree .flow_buttons_icons .flow_buttons_icons_content:nth-child(2) {
    border-right: 0.5px solid #e6e6e6;
}
.flow_tree .flow_buttons_icons .flow_buttons_icons_content:nth-child(3) {
    border-right: 0.5px solid #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.flow_tree .flow_buttons_icons .flow_buttons_icons_content:hover:nth-child(3) {
    border-right: 0.5px solid #e6e6e6;
}

.loop_foreach_condition .flow_buttons_icons .flow_buttons_icons_content:nth-child(1) {
    border-right: 0.5px solid #e6e6e6;
}
.loop_foreach_condition .flow_buttons_icons .flow_buttons_icons_content:nth-child(2) {
    border-right: 0.5px solid #e6e6e6;
}
.loop_foreach_condition .flow_buttons_icons .flow_buttons_icons_content:nth-child(3) {
    border-right: 0.5px solid #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.loop_foreach_condition .flow_buttons_icons .flow_buttons_icons_content:hover:nth-child(3) {
    border-right: 0.5px solid #e6e6e6;
}
.parent_node .flow_buttons {
    top: 14px;
}
.parent_node .flow_buttons_icons {
    background: inherit;
    box-shadow: none;
}
.parent_node .flow_buttons_icons .flow_buttons_icons_content {
    width: auto;
    margin-left: 10px;
}
.parent_node .flow_buttons_icons .flow_buttons_icons_content:nth-child(1) {
    border: none;
}
.parent_node .flow_buttons_icons .flow_buttons_icons_content:nth-child(2) {
    border: none;
}
.parent_node .flow_buttons_icons .flow_buttons_icons_content:nth-child(3) {
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.parent_node .flow_buttons_icons .flow_buttons_icons_content:hover:nth-child(3) {
    border: none;
}

.flow_buttons_icons .flow_buttons_icons_content svg {
    width: 12px;
    height: 12px;
    fill: #666;
}

.panel_tree {
    width: 100%;
    height: max-content;
}

.flow_buttons_icons .flow_buttons_icons_content:hover {
    background: #ffe5d3;
    border-right: 0.5px solid #ffe5d3;
}

.flow_buttons_icons .flow_buttons_icons_content:hover:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.flow_buttons_icons .flow_buttons_icons_content:hover:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.flow_buttons_icons .flow_buttons_icons_content:hover svg {
    fill: #526a86;
}

.flow_tree:hover .flow_buttons {
    visibility: visible;
    margin-left: 0px;
    width: max-content;
    right: 0px;
}
.multi_child_li .flow_tree:hover .flow_buttons {
    visibility: visible;
    margin-left: 0px;
    width: max-content;
    right: 0px;
}
.loop_foreach_condition:hover .multi_child_li .flow_tree .flow_buttons {
    top: -23px !important;
}

.loop_autoamtion_header .for_each_hover.flow_buttons.parallel_child {
    visibility: visible !important;
}

.loop_autoamtion_header .for_each_hover.flow_buttons.parallel_child .flow_buttons_icons {
    top: 30px;
    left: 30px;
}

.for_each_hover .flow_buttons_icons {
    box-shadow: none;
}

.for_each_hover .flow_buttons_icons_content {
    border: none;
}

.for_each_hover .flow_buttons_icons_content svg {
    width: 18px;
    height: 18px;
}

.for_each_hover .flow_buttons_icons .flow_buttons_icons_content:hover:first-child {
    border-radius: 0px !important;
}

.for_each_hover .flow_buttons_icons .flow_buttons_icons_content:hover:last-child {
    border-radius: 0px !important;
}

.flow_tree_actions:hover .flow_buttons {
    visibility: visible;
}

.dropdown_icons_li .line_hover_plus_icon {
    margin-left: 0px;
}

.child_after_left .line_hover_plus_icon {
    margin-left: -4px;
}

.end_node .line_hover_plus_icon {
    position: relative;
    z-index: 10;
    margin-top: 8px;
    cursor: pointer;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0px 10px;
    left: 0px;
    margin-left: 75px;
    opacity: 0;
}

.end_node_menu_hover {
    position: absolute;
    top: 72px;
    width: 100%;
    height: 56px;
    background-repeat: no-repeat;
    cursor: pointer;
    left: 00px;
}

.end_node_menu_hover_svg svg {
    position: absolute;
    width: 56px;
    height: 56px;
    cursor: pointer;
    left: 80px;
    fill: #355d8b;
}

.end_node_menu_hover_div {
    position: absolute;
    width: 180px;
    height: 40px;
    top: 40px;
    left: 15px;
}

.end_node .line_hover_dropdown {
    margin-left: 0px;
    margin-top: 28px;
}

.end_node .line_hover_plus_icon_svg svg {
    width: 6px;
    height: 6px;
    fill: rgb(255, 255, 255);
}

.arrow_menu {
    position: absolute;
    left: 0;
    z-index: 1;
    right: 0;
    margin-top: 44px;
}

.arrow_menu .line_hover_plus_icon {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #355d8b;
    border-radius: 50%;
    z-index: 10;
    margin-top: 13px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0px 10px;
    left: 49.5%;
    /* opacity: 0; */
}
.arrow_menu .line_hover_plus_icon:hover {
    display: block;
}

.line_hover_plus_icon:hover {
    opacity: 1;
}

.line_hover_plus_icon_svg {
    position: absolute;
    margin-top: -9px;
    margin-left: 3px;
}

.end_node .line_hover_plus_icon_svg {
    position: absolute;
    margin-top: -9px;
    margin-left: 3px;
}

.line_hover_plus_icon_svg svg {
    width: 6px;
    height: 6px;
    fill: #fff;
}

.flow_tree:hover ~ .line_hover_plus_icon {
    opacity: 1;
}

.line_hover_plus_icon .line_hover_dropdown {
    margin-top: 15px;
    left: -85px;
    z-index: 10;
    position: relative;
}

/* dropdown */

/* .line_hover_dropdown {
    position: absolute;
    z-index: 10;
    width: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
} */
.line_hover_dropdown {
    width: auto;
    float: left;
    margin-top: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    z-index: 11;
    right: 0;
}
.arrow_menu_dropdown .line_hover_dropdown {
    margin-top: 25px;
}

.dotted_line_add.end_node .line_hover_dropdown {
    margin-top: -30px !important;
    margin-left: 15px;
}

.line_hover_plus {
    width: 100%;
    float: left;
}

.line_hover_dropdown_ul {
    width: 200px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 8px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
}

.line_hover_dropdown_li {
    width: 200px;
    height: 36px;
    display: flex;
    align-items: center;
    float: left;
    border-bottom: 0.5px solid #b9b9b9;
    padding: 0px 12px;
    cursor: pointer;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #000;
}

.line_hover_dropdown_li span:not(.free-plan-restriction) {
    margin-left: 0px;
    font-size: 14px;
    color: #494949;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 6px;
    width: 77%;
    text-align: left;
}
.line_hover_dropdown_li:hover {
    background: #ffe5d3;
    color: #333;
}
.opacity_li_bg {
    opacity: 0.6;
}

.opacity_li_bg_lower {
    opacity: 0.3;
}

/* .line_hover_dropdown_li_bg {
    background: #c7e3ff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
} */

.line_hover_dropdown_li_bg {
    background: #c7e3ff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    border: 0.5px solid #fff;
}

.line_hover_dropdown_li_bg svg {
    width: 100%;
    height: 100%;
    fill: #367af2;
    color: #367af2;
}
.line_hover_dropdown_li:hover .line_hover_dropdown_li_bg {
    background: #fff;
}
.line_hover_dropdown_li:hover .line_hover_dropdown_li_bg svg {
    fill: #333;
    color: #333;
}
.line_hover_dropdown_li:hover {
    background: #ddfff2;
    border-bottom: 0.5px solid #35b180;
}

.line_hover_dropdown_li:hover:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.line_hover_dropdown_li:hover:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.line_hover_dropdown_li:hover span {
    color: #333;
}

.flow_buttons_information::before {
    top: 100%;
    border-bottom-width: 0 !important;
    border-top-color: #fff !important;
    content: '';
    border: 8px solid transparent;
    z-index: 1001;
    text-transform: none;
    font-size: 0.8em;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    opacity: 3.8;
    left: 50%;
}

.flow_buttons_information {
    text-align: center;
    width: 250px;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    border-radius: 6px;
    padding: 10px 10px 6px 10px;
    color: #476b95;
    z-index: 10;
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translate(-68%, -0.4em);
    font-size: 0.8em;
    word-break: break-all;
    margin-bottom: 0px;
    font-family: 'Gordita-Regular';
    font-size: 9px;
}

.panel_tree ul:before:hover .flow_buttons {
    display: none !important;
}

/* Right side form */

.automation_condition_popup .automation_form_req.automation_form_req_step_two:last-child {
    margin-bottom: 0px;
}
.automation_condition_popup .automation_rightside_step_two .automation_form_req {
    margin-bottom: 0px;
}

.automation_condition_popup .condition_trigger {
    padding-top: 10px;
}
.automation_condition_popup .show_options h5 {
    margin-top: 0px;
}
.automation_condition_popup .add_connection_automation {
    margin-top: 10px;
}

.automation_trigger {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 20px;
    margin-top: 65px;
}

.automation_trigger .radio {
    width: auto;
    float: left;
    margin-right: 30px;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    display: flex;
    align-items: center;
}

.automation_trigger label {
    margin: 0;
    width: 30px;
    float: left;
}

.automation_trigger .radio input {
    margin-right: 10px;
}

.automation_trigger .radio input[type='radio'] {
    -webkit-appearance: none;
    width: 18px;
    background: #fff;
    height: 18px;
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.automation_trigger .radio input[type='radio']:before {
    content: '';
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.automation_trigger .radio input[type='radio']:checked:before {
    background: #2468f6;
    border: 1px solid #2468f6;
}
.automation_trigger .radio input[type='radio']:checked {
    border: 1px solid #2468f6;
}

.automation_notification_message {
    width: 100%;
    float: left;
    background: #d7fceb;
    border-radius: 6px;
    padding: 20px;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.automation_notification_message svg {
    width: 55px;
    height: 55px;
    fill: #2db677;
    float: left;
}

.automation_notification_message span {
    margin-left: 20px;
    width: 82%;
    font-size: 12px;
    color: #2db677;
    font-family: 'Seravek-Regular';
}
/* 
.select_work_form input {
    width: 100%;
    float: left;
    height: 31px;
    font-size: 12px;
    padding: 0px 10px;
    padding-left: 35px;
    font-family: 'Seravek-Medium';
    border-radius: 6px;
    border: 0.5px solid #ccc;
    outline: 0;
} */

/* .foreach_popup .select_work_form input {
    padding-left: 10px;
} */

.input_img_left {
    position: relative;
    margin-top: -24px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}

.select_work_form .dialog_name_alert_content {
    margin-bottom: 15px;
}

.select_work_form .error_msg {
    color: red;
    padding-left: 5px;
    padding-bottom: 5px;
}

.select_work_form ul li {
    width: 100%;
    float: left;
    display: inline-flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 14px;
    font-family: 'Seravek-light';
    height: 30px;
    padding: 0 10px;
    background: #fff;
    cursor: pointer !important;
}

.select_work_form ul {
    padding: 0px;
    height: 100%;
    overflow-y: scroll;
    max-height: 240px;
    margin-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 6px;
    position: relative;
    width: 100%;
    float: left;
    z-index: 1;
    margin-bottom: 0px;
}

.select_work_form ul li {
    position: relative;
    list-style: none;
}

.select_work_form ul li:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background: #fff;
}

.select_work_form ul li:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: #fff;
    border: none;
}

.select_work_form ul li:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom: 0.5px solid #ffe5d3;
}

.select_work_form ul li:last-child:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    border-bottom: 0.5px solid #ffe5d3;
}

.select_work_form ul li:first-child:hover {
    background: #ffe5d3;
    color: #333;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 0.5px solid #ffe5d3;
}

.trigger_auto_buttons {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.trigger_auto_buttons h4 {
    font-family: 'Seravek-Bold';
    font-size: 14px;
    color: #494949;
    margin: 0px;
}

.trigger_auto_width {
    width: 100%;
    float: left;
}

.conetxt_variable_input:hover .button_auto_hover {
    opacity: 1 !important;
}

.trigger_auto_width .button_auto {
    width: auto;
    height: 30px;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #999999;
    background: #fff;
    color: #494949;
    outline: 0;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
    justify-content: center;
    margin-top: 10px;
}

.button_auto img {
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}

.trigger_auto_width .button_auto:hover {
    border: 0.5px solid #fff3eb;
    background: #fff3eb;
    color: #333;
    fill: #333;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    outline: 0;
}

.trigger_auto_width .button_auto:active {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}

.trigger_auto_width .button_auto:focus {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}

.freshdesk_st0 {
    fill: #ffffff;
}

.center_canvas_svg .st0 {
    fill: #fff;
}

.center_canvas_svg svg {
    width: 12px;
    height: 12px;
}

.center_canvas_svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    float: left;
    height: 100%;
    cursor: pointer;
}

.right_child_svg svg {
    width: 8px;
    height: 8px;
    fill: #fff;
}

.right_child_svg {
    position: relative;
    bottom: 64px !important;
    background: #617995;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 1;
    left: 90%;
}

.center_scanvas_select_svg {
    border: 0.5px solid #35b180;
    border-radius: 6px;
}

.action_plus_icon {
    background: #617995;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action_plus_icon svg {
    height: 7px;
    width: 7px;
    fill: #fff;
}

/* Right side form */

.automation_trigger label {
    margin: 0;
    width: 30px;
    float: left;
}

.automation_trigger .radio input {
    margin-right: 10px;
}

.input_img_left {
    position: relative;
    margin-top: -29px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: left;
    margin-left: 8px;
}

.input_img_left img {
    width: 18px;
    height: 18px;
}

.dropdown_app_icon {
    position: relative;
    margin-top: 0px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: left;
    margin-left: 0px;
    display: flex;
    align-items: center;
}

.dropdown_app_icon img {
    width: 18px !important;
    height: 18px !important;
}
.onprem_select_wrapper .automation_scroly {
    top: -20px;
}

.input_img_left svg {
    width: 18px;
    height: 18px;
}

.arrow_up_form {
    position: relative;
    right: 0;
    margin-top: -24px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
    left: -10px;
}

.arrow_up_form svg {
    width: 100%;
    height: 100%;
    fill: #000;
}

.select_work_form ul li {
    width: 100%;
    float: left;
    display: inline-flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 14px;
    font-family: 'Seravek-light';
    height: 30px;
    padding: 0 10px;
    background: #fff;
    cursor: pointer !important;
}

.select_work_form ul li {
    position: relative;
    list-style: none;
    margin-left: 23px;
}

.select_work_form ul li:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
}

.select_work_form ul li:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #fff;
    border: none;
}

.select_work_form ul li:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom: 0.5px solid #ffe5d3;
}

.select_work_form ul li:last-child:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom: 0.5px solid #ffe5d3;
}

.select_work_form ul li:first-child:hover {
    background: #ffe5d3;
    color: #333;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0.5px solid #ffe5d3;
}

.automation_scroly {
    width: 100%;
    position: absolute;
    margin-top: 0px;
    border-radius: 6px;
    right: 0px;
    left: 0px;
    z-index: 1;
}

.test_buton_result .automation_global_form .automation_scroly {
    margin-top: 0;
    top: -47px;
}

.select_work_form h4 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    color: #000;
    line-height: 26px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 18px;
}
.test_buton_view h4 {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #000;
    line-height: 26px;
    margin-bottom: 6px;
    margin-top: 0px;
    line-height: 18px;
}
.foreach_popup .test_buton_view h4 {
    line-height: 26px;
}

.trigger_auto_buttons {
    width: 100%;
    float: left;
}

.trigger_auto_buttons h4 {
    font-family: 'Seravek-Bold';
    font-size: 14px;
    color: #494949;
    margin: 0px;
}

.trigger_auto_width {
    width: 100%;
    float: left;
}

.button_auto {
    width: auto;
    height: 30px;
    font-family: 'Gordita-Regular';
    font-size: 9px !important;
    text-align: center;
    padding: 0 10px 0px 10px !important;
    border-radius: 18px;
    border: 0.5px solid #999999;
    background: #fff;
    color: #000;
    outline: 0;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
    justify-content: center;
    margin-top: 10px;
    line-height: initial;
}

.button_auto:hover {
    border: 0.5px solid #fff3eb;
    background: #fff3eb;
    color: #333;
    fill: #333;
    outline: 0;
}

.button_auto:active {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}

.button_auto:focus {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}

.automation_form_req {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 20px;
    margin: 20px 0px;
}

.automation_form_req .automation_form_req_step_two:last-child {
    margin-bottom: 0px !important;
}

.automation_global_form {
    width: 100%;
    float: left;
    position: relative;
}

/* .automation_global_form .select_work_form input {
    padding-left: 10px;
} */

.automation_global_form h4 span {
    color: #fe7900;
    font-family: 'Seravek-Regular';
    font-size: 10px;
}

.application_dropdown_content {
    width: 70%;
    float: left;
}

.application_dropdown_version {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 5px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #355d8b;
}

.select_work_form ul li:hover .application_dropdown_version {
    color: #333;
}

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

.application_input_version {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 5px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #355d8b;
    position: absolute;
    right: 6px;
    top: 25px;
}

.without_caret_input {
    border: none;
    color: transparent;
    display: inline-block;
    text-shadow: 0 0 0 #494949;
    cursor: pointer;
    width: 100%;
}

.autoamtion_connection_account {
    width: 100%;
    float: left;
}

.autoamtion_connection_account h4 {
    font-family: 'Seravek-Bold';
    font-size: 14px;
    color: #494949;
    margin: 0px;
    float: left;
}

.autoamtion_connection_account h6 {
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #0a89e8;
    margin: 0px;
    float: right;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.autoamtion_connection_account h6 span svg {
    width: 10px;
    height: 10px;
    fill: #0a89e8;
}

.autoamtion_connection_account h6 span {
    display: flex;
    margin-right: 3px;
}

.autoamtion_connection_name {
    border: 1px solid #ccc;
    width: 100%;
    height: 64px;
    float: left;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
}

.autoamtion_connection_name_left {
    width: 70%;
    float: left;
}

.autoamtion_connection_name_left h5 {
    margin: 0px;
    padding-bottom: 5px;
    font-family: 'Seravek-Bold';
    font-size: 16px;
    color: #355d8b;
}

.autoamtion_connection_name_left p {
    margin: 0px;
    font-family: 'Seravek-Bold';
    font-size: 14px;
    color: #494949;
}

.autoamtion_connection_name_center {
    width: 17%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autoamtion_connection_name_center h5 {
    margin: 0px;
    font-family: 'Seravek-Bold';
    font-size: 14px;
    color: #2db677;
}

.autoamtion_connection_name_right {
    width: 13%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.autoamtion_connection_name_right button {
    width: 60px;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.automation_canvas_right_popup {
    width: 100%;
    position: relative;
    scrollbar-width: none;
    -moz-scrollbar-width: none !important;
    -webkit-scrollbar-width: none !important;
    -ms-scrollbar-width: none !important;
}

.automation_common_button {
    width: 100%;
    float: left;
    bottom: 50px;
    position: absolute;
    background: #fff;
    height: 70px;
    padding-top: 20px;
    z-index: 9;
}

.automation_common_button .automation_f-width_button {
    width: 90%;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 auto;
    display: block;
}

.automation_button_step_two {
    width: 34%;
    float: left;
    position: fixed;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 70px;
    right: 20px;
}

.automation_button_step_two .automation_common_button {
    width: 50%;
    float: left;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 10px;
    height: 70px;
}

.automation_button_step_two .automation_common_button .automation_f-width_button {
    width: 140px;
    float: left;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    margin-right: 20px;
}

.automation_common_button_first_child {
    margin-right: 10px;
    background: transparent !important;
    border: 0.5px solid #494949 !important;
    color: #494949 !important;
}

.automation_common_button_last_child {
    margin-left: 10px;
}

.automation_common_button .automation_f-width_button {
    width: 20%;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.link_new_account {
    width: 100%;
    float: left;
}

.link_new_account input {
    width: 100%;
    float: left;
    height: 30px;
    font-size: 14px;
    padding: 0px 10px;
    padding-left: 10px;
    font-family: 'Seravek-Regular';
    font-weight: 600;
    border-radius: 6px;
    border: 0.5px solid #ccc;
    outline: 0;
    margin-top: 20px;
    color: #494949;
}

.link_new_account button {
    width: auto;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 20px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.link_new_account p {
    width: 100%;
    float: left;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #355d8b;
    margin: 10px 0px;
}

.automation_existing {
    width: 100%;
    float: left;
    margin: 20px 0px;
}

.automation_existing input {
    margin-top: 10px;
    padding-left: 10px;
    font-family: 'Seravek-Regular';
    font-weight: 600;
    font-size: 14px;
    color: #494949;
}

.automation_existing h5 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    color: #355d8b;
    margin: 0px;
}

.automation_existing p {
    width: 100%;
    float: left;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #494949;
    margin: 10px 0px;
}

.add_connection_automation h5 {
    width: auto;
    float: left;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #0a89e8;
    margin: 0px;
    display: flex;
    cursor: pointer;
}

.add_connection_automation h5 span {
    display: flex;
    width: auto;
    float: left;
    margin-right: 5px;
    align-items: center;
}

.add_connection_automation h5 span svg {
    width: 15px;
    height: 15px;
    float: left;
    background: #0a89e8;
    fill: #fff;
    border-radius: 50%;
    padding: 4px;
}

.connect_account_automation {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.connect_account_automation h5 {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #0a89e8;
}

.connect_account_automation svg {
    width: 15px;
    height: 15px;
    fill: #494949;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my_account_connect {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #c9e6f4;
    padding: 10px;
    border: 0.5px solid #ccc;
    border-top: inherit;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.account_connected {
    width: 100%;
    float: left;
}

.account_connected input {
    margin-top: 10px;
    padding-left: 10px;
    font-family: 'Seravek-Regular';
    font-weight: 600;
    font-size: 14px;
    color: #494949;
    border-bottom: 1px solid #c9e6f4;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.account_connected p {
    margin: 0px;
    padding-top: 5px;
}

.account_connected h5 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    color: #355d8b;
    margin: 0px;
}

.account_connected p {
    width: 100%;
    float: left;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #494949;
}

.my_account_connect_right h6 {
    margin: 0px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #2db677;
}

.test_buton_result {
    width: 100%;
    float: left;
    background: #f4f4f4;
    margin-bottom: 12px;
}
.automation_condition_popup .test_buton_result {
    margin-bottom: 0px;
}
.test_buton_view {
    width: 100%;
    float: left;
}

.test_buton_view .automation_global_form p {
    margin-bottom: 15px;
    margin-top: 7px;
    line-height: 12px;
}

.foreach_popup .test_buton_view .automation_global_form p{
    margin-bottom: 0;
}

.test_buton_view p {
    margin: 0px;
    font-family: 'Gordita-Regular';
    font-size: 11px;
    color: #355d8b;
    margin-bottom: 0px;
}

.test_buton_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0px 10px;
    height: 30px;
}

.test_buton_input_left h5 {
    margin: 0px;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    color: #494949;
}

.test_buton_input_right span svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.test_buton_input_right span {
    font-family: 'Seravek-Regular';
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.test_buton_input_right span:first-child {
    margin-right: 30px;
}

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

.active_test_buton_input_right {
    color: #0a89e8;
    fill: #0a89e8;
    cursor: pointer;
}

.test_buton_input_show {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.test_buton_input_hide {
    width: 100%;
    float: left;
}

.test_buton_input_hide_buton .button_auto {
    min-width: 100px;
}

.test_buton_input_hide_buton span {
    font-family: 'Seravek-Light';
    font-size: 12px;
    color: #355d8b;
}

.workday_svg .st0 {
    fill: #ffffff;
}

.workday_svg .st1 {
    fill: #555555;
}

.workday_svg .st2 {
    fill: #ffffff;
    stroke: #000000;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.arrow_build_close {
    position: relative;
    width: 35px;
    height: 30px;
    background: #fff;
    right: 10px;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    z-index: 20;
    margin-right: -16px;
}

.closed_menu_arrow_build_close {
    position: fixed;
    width: 30px;
    height: 30px;
    background: #fff;
    right: 0 !important;
    margin-left: -30px;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    top: 110px;
    box-shadow: 0px 0px 10px #ccc;
}

.arrow_build_close svg {
    width: 12px;
    height: 12px;
    fill: #494949;
    transform: rotate(270deg);
}

.closed_menu_arrow_build_close svg {
    width: 12px;
    height: 12px;
    fill: #494949;
    transform: rotate(90deg);
}

.bg_tree_flow img {
    width: 50%;
    height: 100%;
}

.first_step .tree_node.bg_tree_flow {
    width: 32px;
    height: 32px;
    background: transparent !important;
}

.tree_node.bg_tree_flow img {
    width: 100%;
    height: 100%;
}

/* canvas x scroll */

.flow_structure {
    padding-top: 0px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    min-width: max-content;
    max-width: 100%;
    float: left;
    width: 100%;
}

.auto_width_panel {
    padding-top: 0px !important;
}

.second_step {
    padding-top: 0px !important;
}

.end_step_node {
    padding-top: 0px !important;
}

.canvas_fullwidth {
    width: 100%;
    float: left;
    user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* make scrollbar transparent */
    -moz-background: transparent;
    /* make scrollbar transparent */
    -webkit-background: transparent;
    /* make scrollbar transparent */
    -ms-background: transparent;
    /* make scrollbar transparent */
}

/* Step 2 Css Start */

.automation_rightside_step_two .select_application {
    position: relative;
    padding: 0px;
}

.select_application {
    width: 100%;
    float: left;
    position: relative;
}

.automation_rightside_step_two .automation_form_req_step_two {
    padding: 0px;
    margin: 0px;
}

.automation_form_req_step_two {
    width: 100%;
    float: left;
}

.select_work_form_remove_img input {
    padding-left: 10px;
}

.automation_rightside_step_two .automation_form_req:nth-of-type(1) {
    margin-top: 0px;
}

.automation_rightside_step_two .autoamtion_connection_name_left {
    width: 65%;
}

.form_req_step_two_global_form {
    width: 100%;
    /* min-block-size: 30px; */
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
}

.form_req_step_two_global_form.focused {
    border: 0.5px solid #f07f31;
}

.form_req_step_two_global_form.input_selected {
    /* border: 0.5px solid #ff7900 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px !important; */
}

.form_req_step_two_global_form .context_popup_buton_content_span {
    width: auto;
    float: left;
    margin-right: 5px;
    margin-bottom: 3px;
    position: relative;
    top: 2px;
    padding-left: 0px !important;
}

.form_req_step_two_global_form .context_popup_buton_content_span .button_auto {
    background: #f4f4f4;
    border: 1px solid #cecece !important;
    color: #000;
    font-family: 'Gordita-Medium';
    font-size: 9px;
}
.automation_global_form_edit._select_a_variable .context_popup_buton_content_span .button_auto {
    background: #d5ffee;
    border: 1px solid #cecece !important;
    color: #000;
    font-family: 'Gordita-Medium';
    font-size: 9px;
}
.form_req_step_two_global_form .button_auto {
    margin: 3px 0px 3px 5px;
    height: 22px;
    box-shadow: none;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    outline: 0;
    font-size: 10px;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.automation_global_form_edit {
    width: 100%;
    float: left;
    margin-right: 5px;
}

.button_auto_input.condition_name {
    width: 100%;
    border: none !important;
}

.automation_form_req_step_two h4 {
    width: 100%;
    float: left;
}

.show_options {
    width: 100%;
    float: left;
    display: inline-flex;
}

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

.show_options button {
    margin-right: 5px;
}

/* .automation_form_req_step_two h4 span {
    color: #fe7900;
    font-family: 'Seravek-Regular';
    font-size: 12px;
} */

.show_options h5 {
    color: #355d8b;
    font-size: 14px;
    margin-top: 12px;
}

.show_options h5 span svg {
    background: #355d8b;
}

.show_hide input[type='checkbox'].switch_1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 36px;
    height: 18px;
    background: #fff;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 1px solid #b9b9b9;
    top: 0px;
}

.show_hide input[type='checkbox'].switch_1.widget_switch {
    top: 0;
}

.show_hide input[type='checkbox'].switch_1:checked {
    border: 0.5px solid #2468f6;
    background: #2468f6 !important;
    opacity: 1;
}

.show_hide input[type='checkbox'].switch_1:checked:after {
    background: #fff;
    border: 0.5px solid #fff;
    /* top: 0.5px; */
    left: 0px;
    margin-left: -1px !important;
}

.show_hide input[type='checkbox'].switch_1.automation_home_switch_without_hover:checked:after {
    margin-left: -2px !important;
}

.automation_home_switch_without_hover.settings_page {
    margin-left: 15px;
}

.list-view-sub:hover .show_hide input[type='checkbox'].switch_1:checked:after {
    margin-left: -1px !important;
    margin-top: 0px;
}

.entity_cards_layer:hover .show_hide input[type='checkbox'].switch_1:checked:after {
    margin-left: -2px !important;
    width: 14px;
    height: 14px;
    top: 0px !important;
}

.show_hide input[type='checkbox'].switch_1:after {
    position: absolute;
    border: none;
    content: '';
    top: 0.5px !important;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #b9b9b9;
}

.show_hide input[type='checkbox'].switch_1:checked:after {
    left: calc(100% - 14px);
}

.error_handle_autoamtion_bg .show_hide input[type='checkbox'].switch_1:checked:after {
    margin-left: -2px !important;
    border: none;
    background: #fff;
}

.error_handle_autoamtion_bg .show_hide input[type='checkbox'].switch_1:after {
    margin-left: 0px;
    top: 1px !important;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #b1b1b1;
    left: 2px;
    border: none;
}

.error_handle_autoamtion_bg {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 20px;
}

.error_handle_autoamtion h4 span {
    width: auto;
    float: right;
    text-align: left;
    margin-left: 10px;
}

.switch_auto {
    width: auto;
    height: auto;
    display: flex;
}

.autoamtion_connection p {
    width: 100%;
    float: left;
    margin: 0px;
    font-family: 'Gordita-Regular';
    font-size: 11px;
    color: #355d8b;
    margin-top: 3px;
    padding-left: 0px;
    line-height: normal;
}

.automation_form_req p {
    width: auto;
    float: left;
    margin: 0px;
    font-family: 'Gordita-Regular';
    font-size: 11px;
    color: #355d8b;
    margin-top: 8px !important;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
    white-space: pre-wrap;
    padding-left: 0px;
}

/* error handling in action */

.error_handle_autoamtion {
    width: 100%;
    float: left;
}

.error_handle_checkbox {
    width: 100%;
    float: left;
    margin-top: 0px;
}

.error-group {
    display: flex;
    margin-bottom: 0;
    margin-top: 12px;
}

.error-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.error-group label {
    position: relative;
    cursor: pointer;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
}
.error-group label:last-child {
    margin-bottom: 0px;
}

.error-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #2468f6;
    border: 1px solid #2468f6;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 6px;
    width: 18px;
    float: left;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.error-group input:checked + label:after {
    content: '';
    display: flex;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 14px;
    height: 10px;
    background: url('../images/checkbox_tick.svg');
}

/* error handling in action */

/* Step 2 Css End */

/*updated action node popup conection css*/

.connection_new_autoamtion {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 20px;
    margin-bottom: 10px;
}

.connection_new_autoamtion .select_work_form {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.connection_new_autoamtion p {
    width: 100%;
    float: left;
    margin: 0px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #355d8b;
    margin-top: 3px;
}

.autoamtion_connection .automation_scroly {
    width: 100%;
    position: absolute;
    margin-top: -20px;
    border-radius: 8px;
    right: 0px;
    left: 0%;
    cursor: pointer;
}

.connection_new_autoamtion .exisitng_account {
    color: #0a89e8;
    font-family: 'Seravek-Regular';
    font-size: 12px;
}

.connection_new_autoamtion_button {
    width: 100%;
    float: left;
}

.connect_account_loading img {
    width: 18px;
    height: 18px;
    margin-top: -2px;
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.intent_example_select .connect_account_loading {
    align-self: center;
    margin-left: 10px;
}

.connect_account_success svg {
    width: 18px;
    height: 18px;
    fill: green;
    margin-top: 10px;
}

.notrigger_span_buton_auto .add_edit_variable_wrapper .connect_account_success.tick_icon svg{

    width: 12px;
    height: 12px;

}

.connect_account_failed .error_input_show {
    position: absolute;
    width: 16px;
    height: 16px;
    float: left;
    left: 0px;
    margin-top: 0px;
    bottom: 0px;
}
.nortrigger_flex_wrapper .connect_account_failed .error_input_show {
    position: absolute;
    width: 16px;
    height: 16px;
    float: left;
    left: 30px;
    margin-top: 15px;
    bottom: 0px;
}
.nortrigger_flex_wrapper .connect_account_failed .error_input_show svg {
    width: 14px;
    fill: green;
    top: 8px;
    right: 0px;
}

.connection_new_autoamtion_button .error_menu_hvr {
    margin-top: -38px;
    margin-left: -55px;
    width: 120px;
}

.connect_account_failed .error_input_show svg {
    width: 14px;
    fill: green;
    top: 3px;
    right: 0px;
}

/*updated action node popup conection css*/

/* Context popup */

.context_popup {
    width: 440px;
    z-index: 1036;
    position: fixed;
    bottom: 40px;
    right: 480px;
    float: left;
    padding: 20px;
    height: calc(75vh - 160px);
    overflow-y: auto;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 6px;
}

.context_join_output {
    width: 100%;
    float: left;
}

.context_popup_accordian {
    background: #f4f4f4;
    width: 100%;
    min-height: 30px;
    border-radius: 6px;
    border: 0.5px solid #ccc;
    display: flex;
    align-items: center;
    padding: 0px 5px;
    cursor: pointer;
    margin-top: 10px;
    height: 100%;
}

.step1_background {
    background: #c2f8df !important;
}

.context_popup_accordian h4 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    color: #494949;
    margin-bottom: 0px !important;
}

.context_popup_accordian h4 .arrow_up_form {
    position: relative;
    right: 0;
    margin-top: 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    float: right;
    left: 0;
    /* transform: rotate(-90deg) */
}

.context_path {
    padding: 0;
    position: relative;
    top: 1px;
}

.context_path.send_message_variable_content {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    margin-right: 10px;
}

.context_path svg {
    width: 8px;
    height: 7px;
    fill: #355d8b;
    position: relative;
    top: 0;
    left: 0px;
    margin: 0px 3px;
}

.context_path_content {
    font-size: 12px;
    font-family: 'Gordita-Regular';
    color: #355d8b;
}

.context_popup_accordian_open h4 {
    width: 100%;
    float: left;
    margin: 0px;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    color: #000000;
    padding-top: 3px;
}

.context_popup_accordian_open h4 img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.context_popup_accordian_open_margin_zero .context_join_output {
    margin: 5px 0px;
}

.node_output_first_child .context_join_output {
    margin: 5px 0px;
}

.context_popup_accordian_open h4 .arrow_up_form {
    position: relative;
    right: 0;
    margin-top: 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    float: right;
    left: 0;
    top: 3px;
    transform: rotate(90deg);
}

.arrow_up_form.closed_state_arrow {
    transform: rotate(0deg) !important;
}

.context_popup_width {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.context_popup_accordian_open {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 8px;
    min-height: 30px;
    padding: 0px 10px;
    margin-top: 10px;
    background: #c2f8df;
}

.context_popup_search {
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.context_popup_search input[type='search'] {
    width: 100%;
    background: #ffffff url(../images/search-icon.png) no-repeat 10px center;
    padding: 5px 10px 5px 35px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 30px;
    position: relative;
    top: 0px;
    font-family: 'Gordita-Regular';
    font-size: 14px;
    border: 1px solid #999999;
    border-radius: 18px;
    margin: 0 auto;
    display: block;
    outline: 0;
}

.context_popup_buton_content {
    width: 100%;
    float: left;
    /* max-height: 240px; */
    overflow: auto;
    scrollbar-width: none;
    -moz-scrollbar-width: none !important;
    -webkit-scrollbar-width: none !important;
    -ms-scrollbar-width: none !important;
    /* margin-top: 15px */
}

.context_join_output h4 {
    padding-top: 0px;
    position: relative;
    top: 1px;
}

.context_join_output h4 img {
    position: relative;
    top: -1px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.context_popup_buton_content_span {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    flex-direction: row;
}

.context_popup_buton_content_span .button_auto {
    margin: 0;
    box-shadow: none;
    height: 20px;
    font-family: 'Gordita-Medium';
    font-size: 9px;
    display: flex;
    width: max-content;
    background: #f6f6f6;
    color: #000;
    border: 1px solid #dad8d8 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}
.automation_logs.automation_logs_runtime_logs
    .automation_logs_collapse_open_content
    ul.collection_picker_workflow_collection {
    padding-left: 20px !important;
}

.context_popup_buton_content_span .button_auto img{
    margin-right: 5px;
}

.collection_picker_workflow_collection
    .treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first
    .button_auto.button_auto_first:before {
    left: 19px !important;
    /* left:15px !important */
}
.collection_picker_workflow_collection .treeview_automatiom_li .button_auto:before {
    left: -10px !important;
    /* left:-13px !important */
}
.collection_picker_workflow_collection
    .treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first.collection_parent {
    /* top: -12px !important; */
}
.automation_logs.automation_logs_runtime_logs .context_popup_buton_content_span .button_auto {
    background: #d5ffee 0% 0% no-repeat padding-box;
    border: 1px solid #cecece !important;
    border-radius: 12px;
    height: 15px;
    font-family: 'Gordita-MEdium';
    font-size: 9px !important;
    color: #333;
    padding: 0px 5px !important;
    padding-top: 1px !important;
}

.automation_logs.automation_logs_runtime_logs .context_popup_tree_value {
    font-family: 'Gordita-Regular';
    font-size: 14px;
    color: #355d8b;
    padding-left: 5px;
}

.automation_logs_output_popup .context_popup_buton_content_span .button_auto {
    width: auto;
    pointer-events: none;
    white-space: nowrap;
}

.automation_logs_output_popup .context_popup_buton_content {
    max-height: max-content;
    overflow: unset;
}

.automation_logs_output_popup .context_popup_tree_value {
    width: auto;
    word-break: break-all;
    padding-top: 3px;
    white-space: pre;
    padding-bottom: 0px;
}
.automation_logs_output_popup .analytics_popup_body_minus_body {
    width: 100%;
    float: left;
}
.automation_logs_output_popup .analytics_popup_body_minus_body p {
    margin-bottom: 0px;
    padding: 0px;
    color: #355d8b;
    font-family: 'Gordita-Regular';
    font-size: 12px;
}
.automation_logs_output_popup .analytics_popup_body_minus_body p span {
    color: #007bff;
}

.automation_logs_output_popup .analytics_popup_body_minus_footer h4 {
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #333;
    margin-top: 12px;
}
.automation_logs_output_popup .analytics_popup_body_minus_footer h6 {
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #333;
    padding-left: 0px;
    margin-top: 12px;
    margin-bottom: 4px;
}
.automation_logs_output_popup .automation_logs_content_wrapper {
    margin-bottom: 0px;
}
.automation_logs_output_popup .analytics_popup_body_minus_footer h6 span {
    color: #355d8b;
    margin-bottom: 10px;
    font-family: 'Gordita-Regular';
}
.next_icon_svg svg {
    width: 8px;
    height: 8px;
    fill: #000;
    color: #000;
}

.automation_logs_output_popup .error_output ul > li {
    font-size: 13px;
    margin-left: 0px;
}

.automation_logs_output_popup .error_output ul {
    list-style-type: none;
}

.context_popup_buton_content_span .button_auto_select {
    border: 1px solid #0a89e8 !important;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
}

.content_capital {
    color: #355d8b;
    font-family: 'Seravek-Lightitalic';
    font-size: 10px;
    padding-right: 5px;
    width: 25px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content ul .content_capital {
    padding-right: 0px;
    width: auto;
}
.content_capital img {
    width: 20px;
    height: 20px;
}
.automation_logs_output_popup .content_capital {
    width: auto;
}

.context_popup_buton_content_span p {
    margin: 0px;
    color: #355d8b;
    font-family: 'Seravek-Lightitalic';
    font-size: 12px;
    padding-left: 10px;
    word-break: break-all;
}

.context_popup_accordian_close {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 6px;
    border: 0.5px solid #ccc;
    cursor: pointer;
}

.context_popup_accordian_close h4 .arrow_up_form {
    top: 0px;
    transform: rotate(0deg);
}

.context_popup_accordian_open.node_output_first_child:before {
    content: '';
    position: relative;
    left: 13px;
    margin-left: -45px;
    width: 45px;
    height: 45px;
    background: none !important;
    background-repeat: no-repeat;
    top: -8px;
    margin-top: -16px;
    float: left;
}

.context_popup_accordian_open:before {
    content: '';
    position: relative;
    left: 13px;
    margin-left: -45px;
    width: 45px;
    height: 45px;
    background: url(../images/connection_icon.svg);
    background-repeat: no-repeat;
    top: -8px;
    margin-top: -16px;
    float: left;
    display: none;
}

.select_work_form:last-child {
    /* margin-bottom: 5px; */
}

.select_work_form.variable_content_button{
    margin-top: 20px;
}

.test_buton_view .select_work_form.variable_content_button{
    margin-top: 15px;
}

.test_buton_view .select_work_form.variable_content_button:first-child{
    margin-top: 0;
}

.connection_new_autoamtion_button {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

/* Browsers scroll hide */

::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

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

/* Safari */

::-moz-scrollbars {
    display: none;
}

::-o-scrollbar {
    display: none;
}

/* opera */

::-google-ms-scrollbar {
    display: none;
}

::-khtml-scrollbar {
    display: none;
}

/* Popup Tree */

.popup_tree {
    width: 100%;
    float: left;
    margin-top: -5px;
    margin-bottom: 10px;
}

.popup_tree:last-child {
    margin-bottom: 0px;
}

.popup_tree_head h4 {
    width: 100%;
    float: left;
    color: #355d8b;
    fill: #355d8b;
    display: flex;
    align-items: center;
    margin: 0px;
}

.popup_tree_head_left_svg svg {
    width: 40px;
    height: 15px;
    /* margin-right: 5px; */
    margin-left: 5px;
}

.popup_tree_head_right_svg svg {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    fill: #355d8b;
}

.treeview_automatiom .treeview_automatiom_ul {
    width: 100%;
    float: left;
    padding: 0px;
    box-shadow: none;
    margin-left: 5px;
    margin-left: -15px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.automation_logs_runtime_logs .automation_logs_collapse_open .treeview_automatiom .treeview_automatiom_ul {
    width: 100%;
    float: left;
    box-shadow: none;
    margin-left: -15px;
    padding: 12px 0px 0px 10px;
    margin-bottom: 0px;
}

.automation_logs_width .automation_logs_collapse_open_content .automation_logs_tree .collection_picker .button_auto {
    margin-top: 2px !important;
    margin-bottom: 6px;
}
.treeview_automatiom .form-input input {
    background: #e5f4f9;
    width: 290px;
    font-size: 12px;
    padding: 0px 10px;
    height: 30px;
    font-family: 'Seravek-Medium';
    margin: 0 auto;
    margin-top: 10px;
}

.tree1 input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

/* 
  Tree rows
*/

.tree1 li {
    line-height: 0;
    position: relative;
    padding: 0 0 1em 1em;
}

.tree1 > li:last-child {
    padding-bottom: 0;
}

/* 
  Tree labels
*/

.treeview_automatiom_label {
    position: relative;
    display: inline-block;
    background: inherit;
    margin: 0px;
    margin-left: 30px !important;
}

label.treeview_automatiom_label {
    cursor: pointer;
    float: left;
}

label.treeview_automatiom_label:hover {
    color: #666;
}

.pointer_events_none {
    cursor: default !important;
    pointer-events: none;
}

/* 
  Tree expanded icon
*/

label.treeview_automatiom_label:before {
    background: #ccc;
    color: #000;
    position: absolute;
    z-index: 1;
    float: left;
    margin: 0px;
    width: 8px;
    height: 8px;
    border-radius: 1em;
    content: '';
    text-align: center;
    line-height: 0.9em;
    top: 25px;
    left: -13px;
}

/* 
  Tree branches
*/

.tree_structure_body .button_auto {
    border: 1px solid #dad8d8 !important;
    margin-top: 12px;
    background: #f6f6f6;
}

.popup_tree .tree1 li::before {
    position: absolute;
    top: -5px;
    bottom: 0;
    left: -9.5px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc;
    content: '';
    height: calc(100% - -12px);
    display: none;
}

.context_popup_accordian_open.context_popup_accordian_open_margin_zero .popup_tree .tree1 li::before {
    left: -8.5px;
}

/* .context_popup_accordian_open.context_popup_accordian_open_margin_zero .popup_tree .tree1 li::before {
    left: -9.5px;
} */

label.treeview_automatiom_label:first-child::before {
    display: none;
}

label.treeview_automatiom_label:after {
    border-bottom: 0;
}

.parent_node_left {
    margin-left: 16px;
}

.tree1 li:last-child:before {
    height: 0em;
    bottom: auto;
}

.context_join_output .tree1 li:last-child:before {
    height: 10px !important;
}

/* .context_join_output .tree1 li:last-child:before {
    height: 35px !important;
} */

.tree1 > li:last-child:before {
    display: none;
}

.tree_custom1 {
    display: block;
    background: inherit;
    padding: 1em;
    border-radius: 0.3em;
}

.treeview_automatiom_ul li {
    padding: 0px;
    margin-left: 40px;
    list-style: none;
}

.treeview_automatiom_ul .collection_picker.treeview_automatiom_li.collection_tree_li {
    margin-left: 0;
    margin-top: 10px;
}

.tree1 > li:first-child:before {
    display: none;
}

.treeview_automatiom_li_parent:first-child:after {
    display: none;
}

.treeview_automatiom ul {
    padding-left: 0px;
}

.popup_tree_head {
    width: 100%;
    float: left;
    position: relative;
    left: -31px;
    top: -15px;
    z-index: 9;
}

.treeview_automatiom_li:after {
    content: '';
    position: absolute;
    margin-left: -9.3px;
    margin-top: 7px;
    height: 15px;
    width: 15px;
    left: 0;
    display: block;
    border-bottom: 1px solid #859fbc;
    border-left: 1px solid #859fbc;
    border-radius: 0 10px 0em 10px;
    top: 0;
    display: none;
}

.treeview_automatiom_li_parent:after {
    content: '';
    position: absolute;
    margin-left: -9.4px;
    margin-top: 10px;
    height: 15px;
    width: 15px;
    left: 0;
    display: block;
    border-bottom: 1px solid #859fbc;
    border-left: 1px solid #859fbc;
    border-radius: 0 1em 0em 1em;
    top: -4px;
}

.tree_structure_body .button_auto:before {
    content: '';
    position: absolute;
    width: 10px !important;
    height: 10px !important;
    display: block;
    background: url(../images/arrow_mp.svg) no-repeat;
    left: -29px;
    /* margin-top: 3px; */
    /* width: 10px !important;
    height: 10px !important; 
    background: url(../images/arrow_mp.svg) no-repeat; */
    display: none;
}

.tree_structure_body .treeview_automatiom_li_parent .button_auto:before {
    content: '';
    position: absolute;
    margin-left: -28px;
    width: 8px;
    height: 7px;
    display: block;
    background: url() no-repeat;
    left: 0;
    top: 17px;
}

.tree_structure_body .button_auto_first::before {
    content: '';
    position: absolute;
    margin-left: -26px;
    width: 8px;
    height: 8px;
    display: block;
    background: url(../images/next_tree.svg) no-repeat;
    left: 0;
    top: 11px;
}

.notrigger_tree_structure_body .button_auto_first::before {
    content: '';
    position: absolute;
    margin-left: -26px;
    width: 8px;
    height: 8px;
    display: block;
    background: url(../images/next_tree.svg) no-repeat;
    left: 0;
    top: 0px !important;
}

.tree_structure_body .button_auto_first::before {
    content: '';
    position: absolute;
    margin-left: -29px;
    width: 8px;
    height: 8px;
    display: block;
    /* background: url(../images/next_tree.svg) no-repeat; */
    /* background: url(../images/arrow_mp.svg) no-repeat; */
    left: 0;
    top: 0px;
    display: none;
}
.notrigger_tree_structure_body.edit .tree_structure_body .button_auto_first::before {
    margin-left: -26px;
}

.treeview_automatiom_li_first:after {
    content: '';
    position: absolute;
    margin-left: -9.3px;
    margin-top: 7px;
    height: 15px;
    width: 15px;
    left: 0;
    display: block;
    border-bottom: 1px solid #859fbc;
    border-left: 1px solid #859fbc;
    border-radius: 0 1em 0em 1em;
    top: -18px;
    display: none;
}

/* .context_popup_buton_content_span .right_panel_ht {
    height: calc(100vh - 52vh);
    overflow-y: scroll;
} */
.context_popup_buton_content_span .right_panel_ht {
    height: auto;
    overflow-y: scroll;
    /* margin-top: 10px; */
    padding-bottom: 10px;
}

.automation_logs_runtime_logs .automation_logs_collapse_open .context_popup_buton_content_span .right_panel_ht {
    height: auto !important;
    overflow-y: hidden;
    padding: 0px !important;
}

.right_panel_ht .buton_auto {
    margin-right: 0px !important;
    margin-top: 0px !important;
}

.tree_structure_body .button_auto:hover {
    box-shadow: none !important;
}

.notrigger_tree_structure_body .button_auto_first {
    margin-top: -3px !important;
}

.tree_structure_body .button_auto_first {
    margin-top: -3px !important;
}

.letter_num {
    position: absolute;
    top: 14px;
    left: -22px;
    font-size: 8px;
    font-family: 'Seravek-Lightitalic';
    color: #355d8b;
    width: 20px;
    float: left;
    text-align: center;
}

.context_popup_tree_value {
    line-height: normal;
    padding: 10px;
    list-style: none;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #355d8b;
    word-break: break-word;
    padding-top: 0px;
}

.letter_num_parent {
    position: absolute;
    top: -3px;
    left: -21px;
    font-size: 8px;
    font-family: 'Seravek-Lightitalic';
    width: 20px;
    float: left;
    text-align: center;
    color: #355d8b;
}

.letter_num_parent img {
    width: 16px;
    height: 16px;
}

.letter_num img {
    width: 16px;
    height: 16px;
}

.letter_num .letter_num_calender {
    width: 12px;
    height: 12px;
    margin-left: 3px;
    margin-top: 1px;
}

.context_popup_head {
    width: 440px;
    float: left;
    background: #fff;
    z-index: 999;
    position: fixed;
    margin-top: -20px;
    height: 66px;
    margin-left: -20px;
    padding: 0px 20px;
    border-radius: 6px 6px 0px 0px;
}

.context_popup_head h3 {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #000;
    margin-bottom: 7px;
    margin-top: 15px;
    line-height: 18px;
}

.context_popup_head p {
    margin: 0px;
    color: #3f6086;
    font-family: 'Gordita-Regular';
    font-size: 11px;
    margin-top: 0px;
}

.button_auto_hover {
    position: absolute;
    margin-top: -30px;
    margin-left: 30px;
    background: #4e4e4e;
    max-width: 350px;
    min-height: 24px;
    display: none;
    align-items: center;
    border-radius: 18px;
    padding: 0px 10px;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    color: #fff;
    white-space: pre;
    z-index: 1;
}

.automation_global_form_edit .button_auto:hover ~ .button_auto_hover {
    display: inline-flex;
}

.button_auto_hover div svg {
    width: 7px;
    height: 7px;
    margin: 0px 3px;
    fill: #fff;
}

.treeview_automatiom_li_parent {
    width: 100%;
    float: left;
}

.treeview_automatiom_li {
    width: 100%;
    float: left;
}

.action_information {
    width: 100%;
    float: left;
    background: #f0fff9;
    margin-top: 10px;
}

.action_information p {
    font-family: 'Gordita-Regular';
    font-size: 11px;
    color: #355d8b;
    white-space: pre-wrap;
    margin-right: 5px;
    margin-left: 5px;
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.parallel_path_plus_btn {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #355d8b;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0px 10px;
    left: 48.78%;
    top: 11px;
    margin-left: 1px;
}

.parallel_path_plus_btn:hover {
    opacity: 1;
}

.parallel_path_plus_circle {
    position: relative;
    top: -9px;
}

.parallel_path_plus_circle svg {
    width: 6px;
    height: 6px;
    fill: #fff;
}

.notrigger_tree_structure_body .button_auto_first {
    margin-top: -3px !important;
}

/* no trigger start */

.notrigger_tree_structure_body .button_auto_first::before {
    content: '';
    position: absolute;
    margin-left: -26px;
    width: 8px;
    height: 8px;
    display: block;
    background: url(../images/next_tree.svg) no-repeat;
    left: 0;
    top: 0px !important;
}

.notrigger_popup_tree {
    width: 100%;
    float: left;
}

.notrigger_popup_tree .context_popup_accordian_open {
    border: none !important;
}

.notrigger_popup_tree .popup_tree_head {
    width: auto;
    float: left;
    position: relative;
    left: -31px;
    top: 0px;
    z-index: 9;
    margin-top: 0px;
}

.notrigger_popup_tree .treeview_automatiom_ul {
    margin-top: 15px;
}

.notrigger_popup_tree .context_popup_buton_content {
    max-height: 100%;
}

.select_application_notrigger {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 20px;
    height: 100%;
    overflow-y: hidden;
    margin-bottom: 20px;
}
.select_application.select_application_notrigger {
    height: calc(100vh - 42vh);
}

.notrigger_dropdown_tree_ul {
    position: absolute;
    background: #fff;
    box-shadow: 1px 2px 10px #ccc;
    width: 34px;
    z-index: 1;
    border-radius: 6px;
    margin-left: -38px;
    margin-top: 10px;
}

.notrigger_dropdown_tree_ul span img {
    width: 18px;
    height: 18px;
    display: block;
    margin: 10px auto;
}

.notrigger_dropdown_tree_ul_svg {
    width: 100%;
    float: left;
    border-bottom: 0.5px solid #859fbc;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.notrigger_dropdown_tree_ul_svg span svg {
    width: 18px;
    height: 18px;
    float: left;
    fill: #617995;
}

.notrigger_dropdown_tree_ul_svg:hover {
    background: #ffe5d3;
}

.notrigger_dropdown_tree_ul_svg:hover:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0.5px solid #ffe5d3;
}

.notrigger_dropdown_tree_ul_svg:last-child {
    border-bottom: inherit;
}

.notrigger_dropdown_tree_ul_svg:hover:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom: 0.5px solid #ffe5d3;
}

.notrigger_dropdown_tree_ul_svg:hover svg {
    fill: #333;
}

.notrigger_span_svg svg {
    width: 12px;
    height: 12px;
    fill: #494949;
    transform: rotate(45deg);
    margin-left: 5px;
    margin-top: 10px;
    cursor: pointer;
}

.notrigger_popup_tree .right_panel_ht {
    margin-top: 60px;
}

.notrigger_tree_header {
    width: 92%;
    float: left;
    position: absolute;
    background: #f4f4f4;
    z-index: 9999;
    height: 80px;
    margin-top: -25px;
    margin-left: -20px;
}

.notrigger_tree_header h4 {
    font-family: 'Seravek-Medium';
    font-size: 14px;
    color: #494949;
    margin-top: 0px;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 5px;
}

.notrigger_tree_header p {
    padding: 0px 15px;
    float: left;
    margin: 0px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #355d8b;
    margin-top: 3px;
    text-align: center;
    margin-bottom: 12px;
}

.notrigger_add_buton {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 15px;
}

.notrigger_add_buton_span {
    width: auto;
    float: left;
}

.notrigger_add_buton_span_disabled {
    width: auto;
    float: left;
    opacity: 0.3;
    pointer-events: none;
}

.notrigger_add_buton button {
    width: auto;
    height: 24px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    text-align: center;
    padding-left: 10px;
    padding-right: 15px;
    border-radius: 18px;
    border: 0.5px solid #617995;
    background: #f6f6f6;
    color: #617995;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.notrigger_add_buton_span:hover button {
    border: 0.5px solid #fff3eb;
    background: #fff3eb;
    color: #333;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
}

.notrigger_add_buton button span {
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

.notrigger_add_buton button span svg {
    position: relative;
    left: -5px;
}

.notrigger_add_buton button span .notrigger_st0 {
    fill: #f07f31;
}

.notrigger_add_buton_span button:hover span .notrigger_st0 {
    fill: #f07f31;
}

.automation_canvas_right_popup_notrigger {
    overflow: hidden;
}

.notrigger_tree_structure_block .context_popup_buton_content_span {
    margin-bottom: 0px;
}

.notrigger_tree_structure_block .content_capital {
    color: #355d8b;
    font-family: 'Seravek-Lightitalic';
    font-size: 10px;
    padding-right: 5px;
    position: relative;
    top: 6px;
    cursor: pointer;
    border: 1px solid #cccc;
    padding: 0px 5px;
    margin-right: 5px;
    border-radius: 30px;
    height: 19px;
    width: 36px;
    display: flex;
}

.notrigger_tree_structure_block .content_capital img {
    width: 16px !important;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notrigger_tree_structure_block .button_auto span .st0 {
    fill: #494949;
    visibility: hidden;
}

.notrigger_tree_structure_block .button_auto:hover ~ .notrigger_span span .st0 {
    fill: #494949;
    visibility: visible;
}

.notrigger_tree_structure_block span .st0:hover {
    fill: #0a89e8;
    visibility: visible;
}

.notrigger_tree_structure_block .button_auto {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    text-align: left;
    height: 20px !important;
    font-size: 13px !important;
    align-items: center;
    justify-content: left;
    margin-right: 50px;
    margin-top: 0px;
    line-height: 20px;
}
.step1_trigger_wrapper .form_req_step_two_global_form {
    border: none;
    padding-left: 0px;
    background: inherit;
}
.automation_canvas_right_popup.automation_canvas_right_popup_notrigger .step1_trigger_wrapper .right_panel_ht {
    margin-top: 0px;
    padding: 0px;
}

.notrigger_tree_header_top {
    width: 100%;
    float: left;
}

.button_auto_content {
    width: 100%;
    float: left;
    position: relative;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.button_auto_content:hover .notrigger_span_svg svg {
    visibility: visible;
}

.automation_canvas_right_popup_notrigger .context_popup_accordian_open {
    padding: 0px;
}

.action_popup .automation_condition_button_center {
    width: 100%;
    float: left;
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .action_popup .automation_condition_button_btn {
    width: 140px;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: left;
    margin-right: 20px;
} */

/* .automation_condition_button_btn:first-child {
    background: #fff;
    border: 0.5px solid #494949;
    color: #494949;
} */

.flow_canvas_header_back_button {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 1px;
}
.flow_canvas_header_back_button.description_hide{
    margin-top: 4px;
    transition: .3s;
}
.indent_title_right p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    width: 80%;
    padding-left: 3px;
}

.flow_canvas_header_back_button .buton_back {
    width: 32px;
    height: 32px;
    background: #e0f6ff;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    margin-right: 0px;
}
.flow_canvas_header_back_button .buton_back:hover {
    background: #ffe5d3;
    border: 1px solid #ffe5d3;
    box-shadow: none;
}
.flow_canvas_header_back_button .buton_back:active {
    background: #ffe5d3;
    border: 1px solid #eb974e;
    box-shadow: none;
}

.flow_canvas_header_back_button .buton_back:hover svg {
    fill: #333333;
    color: #333333;
}
.flow_canvas_header_back_button .buton_back.inner_pages {
    width: max-content;
    height: 26px;
    background: #526a86;
    border-radius: 18px;
}

.flow_canvas_header_back_button .buton_back svg {
    transform: rotate(90deg);
    width: 18px;
    fill: #355d8b;
    height: 18px;
    position: absolute;
}
.flow_canvas_header_back_button .buton_back.inner_pages svg {
    transform: rotate(180deg);
    margin-right: 6px;
    width: 12px;
}
.indent_left .flow_canvas_header_back_button .buton_back svg {
    fill: #fff;
}

.flow_canvas_header_back_button .buton_back img {
    width: 18px;
    height: 18px;
    padding-left: 4px;
    font-size: 14px;
    color: white;
}

/* .automation_rightside_step_two {
    width: 100%;
    float: left;
    height: calc(48vh - 0vh);
    overflow-y: scroll;
} */

.end_node .parallel_path_plus_btn {
    left: inherit;
    margin-left: 127px;
}

.parallel_path_plus_btn .line_hover_dropdown {
    margin-top: -8px !important;
    left: 0px;
}

/*Condition_popup start*/

.condition_properties_width {
    width: 36px;
    height: 36px;
    background: #f4f4f4;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
}

.condition_properties_width svg {
    width: 18px;
    height: 18px;
    float: left;
}

.automation_form_header_condition {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.connection_new_condition {
    width: 100%;
    float: left;
}

.connection_new_condition h6 {
    margin: 0px;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #000;
    padding-bottom: 6px;
}

.connection_new_condition p {
    margin: 0px;
    font-family: 'Gordita-Regular';
    font-size: 11px;
    color: #355d8b;
    margin-bottom: 0px;
    margin-top: 3px;
    line-height: normal;
}

.connection_new_condition .automation_global_form {
    width: 100%;
    float: left;
}

.connection_button_condition .select_work_form h4 {
    font-family: 'Seravek-Medium';
    font-size: 14px;
    color: #494949;
    margin-bottom: 10px;
    margin-top: 0px;
}

.automation_condition_form {
    width: 100%;
    float: left;
    position: relative;
}

.condition_name_header input {
    padding-left: 10px;
}

.automation_condition_form p {
    margin-bottom: 0px;
    margin-top: 7px;
    width: 100%;
    float: left;
}

.automation_condition_input h4 {
    margin-bottom: 0px;
    width: 85%;
    float: left;
    display: flex;
    align-items: center;
}

.recognise_popup .automation_condition_form.recognise_content_input {
    margin-top: 6px;
}
.recognise_popup .test_buton_result:first-child .automation_condition_form {
    margin-top: 6px;
}

.recognise_popup .condition_trigger {
    padding-top: 0px;
}
.automation_condition_input {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.automation_condition_span svg {
    width: 8px;
    height: 8px;
    position: relative;
    left: 7px;
}

.add_connection_automation {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    margin-top: 0px;
}
.action_popup .add_connection_automation.show_options {
    margin-top: 5px !important;
}
.action_popup .add_connection_automation.show_options button {
    margin-bottom: 0px !important;
}
.action_popup .add_connection_automation.show_options button.small_btn_bottom {
    margin-bottom: 15px !important;
}

.connection_button_condition .automation_form_req_step_two:last-child {
    margin-bottom: 0px !important;
}

.condition_trigger {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px 0px 20px 0px;
}

.condition_trigger .radio {
    width: auto;
    float: left;
    margin-right: 20px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.condition_trigger label {
    margin: 0;
    width: 18px;
    margin-right: 6px;
    margin-bottom: 0px;
    float: left;
}

.condition_trigger .radio input[type='radio']:checked:before {
    background: #2468f6;
    border: 1px solid #2468f6;
}
.condition_trigger .radio input[type='radio']:checked {
    border: 1px solid #2468f6;
}

.condition_trigger .radio input[type='radio']:before {
    content: '';
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.condition_trigger .radio input[type='radio'] {
    -webkit-appearance: none;
    width: 18px;
    background: #fff;
    height: 18px;
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.automation_condition_button {
    width: 100%;
    float: left;
    bottom: 45px;
    position: absolute;
    background: #fff;
    height: 80px;
    padding-top: 25px;
    z-index: 9;
}

.function_popup .automation_condition_button {
    z-index: 10001;
}
.function_popup [data-ml-modal] {
    position: fixed;
    width: 68%;
}

/* .automation_condition_button_btn {
    width: 140px;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: left;
    margin-right: 20px;
} */

.automation_condition_button_center {
    width: 100%;
    float: left;
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.automation_condition_span {
    width: 24px;
    height: 24px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}
.automation_condition_span span{
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(153, 153, 153);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
}

.automation_condition_span:hover span {
    background: #ffe5d3;
    border: 1px solid #ffe5d3;
}
.automation_condition_span:hover svg {
    fill: #333;
    color: rgb(51, 51, 51);
}

.condition_name_header h4 {
    margin-bottom: 15px;
}

.connection_button_condition input {
    padding-left: 10px;
}

.show_options h5:hover {
    color: #0a89e8;
}

.show_options h5:hover span svg {
    background: #0a89e8;
}

/*Condition_popup End*/

.button_auto_input:before {
    content: attr(data-text);
    font-size: 11px;
    color: #355d8b;
}

/*Automation logs Start*/

.automation_logs {
    width: 100%;
    float: left;
    position: relative;
}

.automation_logs.automation_logs_runtime_logs {
    width: 100%;
    float: left;
    position: relative;
    bottom: 0;
}

.automation_logs_width {
    position: absolute;
    /* max-height: calc(100vh - 420px); */
    width: 100%;
    float: left;
    background: #fff;
    bottom: 0px;
    left: 0;
    cursor: auto;
    z-index: 9999;
    padding-bottom: 5px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_width {
    width: 96.6%;
    padding: 0px 20px;
}

.automation_logs_radio {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    padding: 0px 35px 0px 20px;
    overflow: hidden;
}

.automation_logs_radio .radio {
    width: auto;
    float: left;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #494949;
}
.automation_logs_radio .radio:first-child {
    margin-right: 20px;
}

.automation_logs_radio label {
    margin: 0;
    width: 18px;
    float: left;
    margin-right: 6px;
}
.automation_logs_radio span {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    padding-top: 4px;
}

.automation_logs_radio .radio input[type='radio']:checked:before {
    background: #2468f6;
    border: 1px solid #2468f6;
}
.automation_logs_radio .radio input[type='radio']:checked {
    border: 1px solid #2468f6;
}

.automation_logs_radio .radio input[type='radio']:before {
    content: '';
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.automation_logs_radio .radio input[type='radio'] {
    -webkit-appearance: none;
    width: 18px;
    background: #fff;
    height: 18px;
    border: 1px solid #b9b9b9;
    border-radius: 50%;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.automation_logs_radio .radio input[type='radio']:checked {
    border: 0.5px solid #2468f6;
}
.automation_logs_name {
    width: 97.5%;
    float: left;
    display: flex;
    margin: 0px 15px;
    cursor: default;
    flex-wrap: wrap;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_name {
    width: 100%;
    margin: 0px;
}
.btn_job_wrapper {
    width: 100%;
    float: left;
}
.btn_job_left_container {
    width: 100%;
    float: left;
    background: #eaf4fd;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    height: 44px;
    padding-left: 10px;
}
.btn_job_left_container .active_job{
    background: #0a89e8 !important;
    border: 1px solid #0a89e8;
    color: #fff !important;
}
.btn_job_left_container button {
    width: auto;
    padding: 0px 25px;
    height: 30px;
    border-radius: 4px;
    color: #494949;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    font-family: 'Seravek-Regular';
    margin-right: 15px;
    cursor: pointer;
    position: relative;
}
.btn_job_left_container button:hover {
    background: #0a89e8;
    border: 1px solid #0a89e8;
    color: #fff;
}
.btn_job_left_container .error_input_show svg {
    border-radius: 0px;
    width: 10px;
    height: 10px;
    position: absolute;
    cursor: pointer;
    fill: #fc2a2a !important;
    float: left;
    padding: 0px;
    border: none;
    right: 8px;
    top: 6px;
}
.btn_job_left_container .error_menu_hvr {
    margin-left: 0px;
}
.btn_job_left_container .error_job_btn {
    background: rgb(255 235 234);
    border: 1px solid #cc2b2a;
    color: #494949;
}
.btn_job_left_container .no_input_value .error_input_show {
    position: absolute;
    top: 0;
    right: 0;
}
.automation_logs_header {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #f4f4f4;
    background: #f4f4f4 0% 0% no-repeat padding-box;
    border: 1px solid #d9e2eb;
    border-radius: 10px 10px 0px 0px;
}

.automation_logs_header_left {
    display: flex;
    flex-direction: row;
    width: 72%;
    float: left;
    justify-content: space-between;
    padding: 12px 10px 10px 20px;
    height: 62px;
    display: grid;
    grid-template-columns: 29% 23% 23% 20%;
    grid-gap: 15px;
}

.automation_logs_header_right {
    width: 28%;
    float: right;
    display: flex;
    height: 62px;
    border-left: 1px solid #d9e2eb;
}

.automation_logs_header_left_name p {
    margin: 0px;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    color: #355d8b;
    line-height: 16px;
    margin-bottom: 7px;
    padding-left: 0px;
}

.automation_logs_header_left_name .automation_logs_header_left_content {
    margin: 0px;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    line-height: 16px;
    color: #333333;
}
.automation_logs_header_left .automation_logs_header_left_name {
    width: 100%;
    float: left;
}
.automation_logs_width h4 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    color: #355d8b;
    display: flex;
    align-items: center;
    margin: 0px 0px;
    width: 100%;
    float: left;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_width h4 {
    justify-content: space-between;
    padding: 0px;
    font-size: 20px;
    color: #355d8b;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_width h4 > div {
    width: max-content;
    display: flex;
    align-items: center;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_right h4 {
    justify-content: flex-start;
    padding: 0px;
    font-size: 14px;
    color: #355d8b;
    width: max-content;
    line-height: initial;
    margin-bottom: 0px;
    cursor: pointer;
}

.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_right {
    width: 100%;
    margin: 0px;
}

.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_right .logs_hedaer_wrapper {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.video_right_ct {
    width: auto;
    float: left;
    display: flex;
    align-items: center;
}
.video_right_ct p {
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #007bff;
    margin: 0px;
    display: flex;
    align-items: center;
}
.video_right_ct label {
    margin: 0px;
}
.video_right_ct label svg {
    width: 18px;
    height: 18px;
}

.automation_logs_runtime_logs .automation_logs_width .popup_tree_head h4 {
    width: auto;
    margin: 0px;
    position: relative;
    left: -1px;
}

.automation_logs_runtime_logs .treeview_automatiom_label {
    margin-left: 15px !important;
}

.automation_logs_runtime_logs .tree_structure_body .button_auto_first::before {
    left: 13px;
}

.automation_logs_runtime_logs .tree_structure_body .button_auto::before {
    left: 13px;
}

.automation_logs_runtime_logs .tree1 li:last-child:before {
    height: 1em;
    bottom: auto;
}

.automation_logs_runtime_logs .treeview_automatiom_ul li {
    margin-left: 6px;
}

.automation_logs_runtime_logs .treeview_automatiom_ul_hide {
    padding-left: 30px;
}

.automation_logs_runtime_logs .test_workflow_panel .treeview_automatiom_ul_hide {
    padding-left: 0;
}

.automation_logs_runtime_logs .test_workflow_panel .collection_picker.collection_picker_wrapeer {
    padding-top: 10px;
}

.span_time_right {
    width: 25%;
    float: right;
    display: flex;
    justify-content: flex-end;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #355d8b;
    margin: 10px 0px;
}

.span_time_right .ml_5 {
    margin-left: 5px;
}

.automation_logs_collapse_close h4 span {
    display: flex;
    /* margin-right: 5px; */
}

.automation_logs_collapse_right img {
    width: 18px;
    height: 18px;
}

.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_right img {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}
.automation_logs_collapse {
    width: 97.5%;
    float: left;
    padding-left: 10px;
    border: 1px solid #ccc;
    margin: 0px 15px;
    border-top: 1px solid #f4f4f4;
    cursor: default;
    overflow-y: scroll;
    height: calc(100vh - 57vh);
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse {
    width: 100%;
    margin: 0px;
    padding: 20px;
    height: calc(100% - 166px);
    border-radius: 0px 0px 10px 10px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse .automation_logs_collapse_close {
    width: 100%;
    height: 60px;
    padding: 22px 16px 20px 16px;
    border: 1px solid #c4c2c2;
    border-radius: 10px;
    background: #fff;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse .automation_logs_collapse_open {
    width: 100%;
    min-height: 60px;
    padding: 18px 16px 20px 16px;
    border: 1px solid #c4c2c2;
    border-radius: 10px;
    background: #fff;
}

.server_error {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.server_error p {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}
.server_error p span {
    font-family: 'Seravek-Medium';
    padding-left: 3px;
}
.server_error p span:first-child {
    padding-right: 3px;
}

.automation_logs_collapse.maximized {
    height: calc(100% - 166px);
}

.automation_logs_collapse_left {
    width: 13%;
    float: left;
    margin-top: 10px;
    position: sticky;
    top: 4%;
}

.automation_logs_collapse_right {
    width: 87%;
    float: right;
    margin-top: 10px;
    overflow-y: auto;
    /* max-height: calc(100vh - 57vh); */
    margin-right: 10px;
    margin-bottom: 10px;
    scrollbar-width: none;
    margin-left: 7px;
}

.automation_logs_collapse_close {
    width: 100%;
    float: left;
    background: #f4f4f4;
    height: 38px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 0px 10px;
    cursor: default;
}

.automation_logs_collapse_open {
    width: 100%;
    float: left;
    background: #fff;
    min-height: 38px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 0px 10px;
    cursor: default;
}

.automation_failed_node {
    border: 1px solid red;
}

.automation_logs_collapse_open h4 span {
    display: flex;
    margin-right: 5px;
}

.email_logs_color {
    color: #0a89e8;
    margin-left: 3px;
    word-break: break-all;
}

.automation_logs_collapse_open p {
    width: auto;
    float: left;
    padding-left: 10px;
    margin: 0;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #355d8b;
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-flex;
    flex-direction: column;
    white-space: pre-wrap;
}

.automation_logs_collapse_open_content {
    width: 100%;
    float: left;
    padding-left: 10px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content {
    margin-top: 16px;
    width: 100%;
    float: left;
    padding: 0px;
}

.automation_logs_collapse_open_content h5 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Medium';
    font-size: 14px;
    margin: 5px 0px;
    display: flex;
    align-items: center;
    color: #494949;
}

.automation_logs_collapse_open_content h5 svg {
    width: 10px;
    height: 10px;
    fill: #494949;
    margin-left: 5px;
    cursor: pointer;
}

.automation_logs_collapse_open_content_scroll {
    width: 100%;
    float: left;
    cursor: auto;
    min-height: 35px;
    overflow-y: scroll;
    max-height: 360px;
}

.automation_logs_collapse_open_content_scroll ul li div pre {
    font-family: 'Seravek-Regular' !important;
    font-size: 14px !important;
}

.dialog_context_tree_head_right_svg.collapsed {
    transform: rotate(270deg);
    margin-top: 5px;
}

.automation_logs_collapse_open_content ul li {
    list-style: none;
    font-family: 'Gordita-Regular';
    font-size: 14px;
    margin-bottom: 5px;
    color: #355d8b;
    display: inline-flex;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content ul {
    padding: 0px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content ul li span:first-child {
    width: 200px;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    color: #333;
}
.automation_logs.automation_logs_runtime_logs
    .automation_logs_collapse_open_content
    ul
    li
    span.popup_tree_head_left_svg {
    width: auto;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content ul li .testPannel_second_span {
    margin-left: 5px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content ul li span.error_span {
    font-size: 14px;
    font-family: 'Gordita-Regular';
    color: #355d8b;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content ul li span.__json-key__ {
    font-size: 14px;
    font-family: 'Gordita-Regular';
    color: #000000;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content ul li span.__json-string__ {
    font-size: 14px;
    font-family: 'Gordita-Regular';
    color: #000000;
}
.automation_logs_width_h4 {
    padding-left: 10px;
    height: 72px;
    padding-top: 20px;
    padding-bottom: 12px;
}

.automation_logs_collapse_left button {
    width: 140px;
    height: 38px;
    background: #ff7900;
    border: none;
    padding: 0px 15px;
    border-radius: 6px;
    outline: 0;
    cursor: auto;
    color: #fff;
    font-family: 'Seravek-Regular';
    font-size: 14px;
}

.automation_logs_collapse_left button:first-child {
    background: #355d8b;
}

.runtime_arrow {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 15px 15px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 32px;
    top: -32px;
    box-shadow: 0px 0px 0px#ccc;
    position: absolute;
    right: 32px;
    cursor: pointer;
    color: #000;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}
.runtime_arrow label {
    margin-bottom: 0px;
    position: relative;
    top: 1px;
    cursor: pointer;
}

.runtime_arrow_minimized {
    right: 102px;
    background: #2468f6 0% 0% no-repeat padding-box;
    border-radius: 15px 15px 0px 0px;
    width: 80px;
    transform: rotate(0deg);
    color: #fff;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

.runtime_arrow_maximized {
    right: 102px;
    background: #2468f6 0% 0% no-repeat padding-box;
    border-radius: 15px 15px 0px 0px;
    width: 80px;
    transform: rotate(0deg);
    font-family: 'Gordita-Medium';
    color: #fff;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

/* .runtime_arrow.runtime_arrow_minimized svg {
    transform: rotate(270deg);
}

.runtime_arrow.runtime_arrow_maximized svg {
    transform: rotate(90deg);
} */

/* 
.automation_logs_collapse.maximized {
    max-height: calc(100vh - 40vh) !important;
} */

.automation_logs_collapse_open_content p {
    margin-top: 0px;
    padding: 0px;
    display: inherit;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content p {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'Gordita-Regular';
    color: #355d8b;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content p .email_logs_color {
    color: #007bff;
}
.automation_logs.automation_logs_runtime_logs .auth_content {
    margin-bottom: 12px !important;
}
.automation_logs_collapse_open_content ul {
    padding-left: 20px;
    margin: 0px;
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}

.automation_logs_width_h4 svg {
    width: 40px;
    height: 40px;
    display: flex;
    margin-left: 0px;
    margin-right: 6px;
}

.runtime_arrow svg {
    width: 12px;
    height: 12px;
    position: relative;
    fill: #fff;
    transform: rotate(45deg);
}

.automation_logs_collapse_step1 {
    width: 100%;
    float: left;
}

.automation_logs_collapse_step1 .automation_logs_collapse_right {
    min-height: 38px;
    margin-bottom: 0px;
}

.automation_logs_collapse_step1 .automation_logs_collapse_close {
    margin-bottom: 0px;
}

.automation_logs_collapse_step1 .automation_logs_collapse_open {
    margin-top: 10px;
    margin-bottom: 0px;
}

.automation_logs_collapse_step2 .automation_logs_collapse_right {
    min-height: 38px;
    margin-bottom: 0px;
}

.automation_logs_collapse_step2 {
    width: 100%;
    float: left;
    display: flex;
}

.automation_logs_collapse_step3 {
    width: 100%;
    float: left;
}

.automation_logs_collapse_step3 .automation_logs_collapse_right {
    margin-top: 0px;
    margin-bottom: 0px;
}

.automation_logs_collapse_step3 .automation_logs_collapse_left {
    margin-bottom: 0px;
    margin-top: 0px;
}

.automation_logs_collapse_step3 .automation_logs_collapse_open {
    margin-top: 10px;
    margin-bottom: 0px;
}

.form_logs_input input {
    border: 1px solid #ccc;
    width: 350px;
    height: 26px;
    border-radius: 6px;
    padding: 0px 10px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #494949;
    outline: 0;
    margin-left: 5px;
}

.form_logs_input .form_logs_input_span {
    color: #355d8b;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: justify;
    margin-right: 10px;
    width: 25%;
    white-space: inherit;
    word-break: break-word;
}

.form_logs {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 20px;
    background: #f4f4f4;
    padding: 20px 20px;
}

.form_logs_input {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.form_logs_p {
    margin-bottom: 15px !important;
}

.logs_collapse_line_show {
    cursor: pointer;
    position: relative;
}

.logs_collapse_line_show_hover .button_auto_hover {
    opacity: 0;
    margin-top: -40px;
    margin-left: 95px;
}

.logs_collapse_line_show:hover ~ .logs_collapse_line_show_hover .button_auto_hover {
    opacity: 1;
    margin-top: -40px;
    margin-left: 95px;
    max-width: 80%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    padding: 5px 10px;
}

.logs_collapse_line_show_hover {
    width: 100%;
    float: left;
    position: relative;
}

.logs_collapse_line_show_svg svg {
    width: 15px;
    height: 17px;
    float: left;
    display: flex;
    align-items: center;
    fill: #355d8b;
}

/*Automation logs End*/

/*step 3 start*/

.step_three_top {
    margin-top: 60px;
    height: calc(75vh - 0vh);
    overflow-y: scroll;
    margin-bottom: 20px;
}

.optional_span {
    color: #355d8b !important;
}

.step_three_error p {
    width: 100%;
    float: left;
    margin: 0px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #355d8b;
    margin-top: 3px;
    margin-bottom: 20px;
}

.step_three_top .automation_form_req_step_two {
    width: 100%;
    float: left;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
    padding: 0px;
}

.step_three_top .automation_form_req_step_two p {
    padding: 0px;
}

.step_three_top .test_buton_view p {
    padding: 0px;
}

.step_three_top .automation_form_header p {
    padding-left: 0px !important;
}

/*step 3 End*/

/* css Changes */

.flow_canvas_header_right_automation {
    width: auto;
}

.flow_canvas_header_right_automation .flow_canvas_header_back_button .buton_back svg {
    transform: rotate(0deg);
}

.buton_name_hover {
    position: absolute;
    color: #fff;
    background: #232a44;
    margin-top: 0px;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    top: -20px;
    visibility: hidden;
}

.flow_canvas_header_right_automation .buton_back:hover .buton_name_hover {
    visibility: visible;
    top: -20px;
    color: #fff;
    padding: 6px 6px 4px 6px;
    font-size: 10px;
    font-family: 'Gordita-Regular';
}

.autoamtion_p_l_30 {
    padding-left: 30px;
}

.autoamtion_p_r_40 {
    padding-right: 40px;
}
.alert_popup_message {
    width: 100%;
    float: left;
}
.alert_popup_message .unpublish_content{
    padding-bottom: 10px;
}
.content_capital_svg {
    width: 16px;
    height: 17px;
    display: flex;
    align-items: center;
    margin-left: 2px;
    transform: rotate(90deg);
    position: absolute;
    top: 4px;
    right: -2px;
}

.content_capital_svg svg {
    width: 8px;
    height: 8px;
    fill: #617995;
}

.notrigger_span {
    position: absolute;
    left: 92%;
    top: 5px;
    visibility: hidden;
}

.notrigger_span_buton_auto {
    width: 360px;
    float: left;
    position: relative;
}

.notrigger_span_buton_auto:hover .notrigger_span {
    visibility: visible;
}

.tree_structure_body .notrigger_span_buton_auto .button_auto::before {
    background: none;
}

/*automation canvas left sidepanel end*/

.step_border_left {
    width: 180px;
    float: left;
    position: relative;
    padding: 10px !important;
    border: 1px solid #c4c2c2;
    border-radius: 10px;
}

.step_border_left h6 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin-bottom: 0px;
    color: #333;
}

/* setting a size in em makes sure that the gap scales too with the scaling factor */

.automation_left_panel {
    width: 100%;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
}

.automation_left_panel_tree {
    width: 100%;
    float: left;
    position: relative;
}

.left_popup_automation_tree {
    width: 100%;
    float: left;
    /* margin-left: 10px; */
}

.tf-tree {
    font-size: 12px;
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: -1px;
}

.tf-nc-after:after {
    position: absolute;
    display: block;
    height: 12px;
    left: calc(50% - 0.03125em);
    top: 32px;
    content: '';
    border-left: 0.5px solid #466af3;
    width: 1px;
}

.tf-tree-ul {
    width: 100%;
    float: left;
    margin-top: 15px !important;
}

.tf-tree-ul-li {
    width: 100%;
    float: left;
    list-style: none;
}

.tf-nc img {
    width: 18px;
    height: 18px;
}

.tf-tree-ul-li-ul {
    width: 100%;
    float: left;
    display: inline-flex;
    justify-content: center;
    position: relative;
}

.tf-tree-ul-li-ul .tf-tree-li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.tf-tree .tf-tree-ul-li .tf-tree-ul-li-ul-li:last-child:before {
    left: auto;
    right: calc(50% - 0.03125em);
    max-width: calc(100% - 50% + 0.0625em);
}

.tf-tree .tf-tree-ul-li .tf-tree-ul-li-ul-li:only-child:before {
    display: none;
}

.tf-tree .tf-tree-ul-li .tf-tree-ul-li-ul-li:only-child > .tf-node-content:before,
.tf-tree .tf-tree-ul-li .tf-tree-ul-li-ul-li:only-child > .tf-nc:before {
    height: calc(1em + 0.0625em);
    top: calc(-1em - 0.0625em);
}

.tf-tree .tf-node-content,
.tf-tree .tf-nc {
    position: relative;
    display: inline-flex;
    border: 1px solid #c4c2c2;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0px;
    cursor: pointer;
    top: -5px;
}

.tf-tree .tf-nc:before {
    position: absolute;
    display: block;
    height: 1em;
    left: calc(50% - 0.03125em);
    top: -16px;
    content: '';
    border-left: 0.5px solid #466af3;
    width: 0.0625em;
}

.tf-tree:before {
    position: absolute;
    display: block;
    height: 10px;
    left: 105px;
    top: -10px;
    content: '';
    border-left: 0.5px solid #466af3;
    width: 0.0625em;
}

.tf-tree-li-span {
    border-left: 0.5px solid #466af3;
    position: absolute;
    height: 10px;
    top: 15px;
    margin-top: 4px;
}

.tf-tree :only-child:after,
.tf-tree .tf-nc:only-child:after {
    display: none;
}

.tf-tree > .tf-tree-ul-li-ul > li > .tf-node-content:before,
.tf-tree > .tf-tree-ul-li-ul > li > .tf-nc:before {
    display: none;
}

.tf-tree.tf-gap-sm .tf-tree-ul-li-ul-li {
    padding: 0 0.6em;
}

.tf-tree .tf-tree-ul-li-ul-li > .tf-node-content:before,
.tf-tree .tf-tree-ul-li-ul-li > .tf-nc:before {
    height: 0.6em;
    top: -0.6em;
}

.tf-tree li li:only-child > .tf-nc:before {
    height: calc(0.6em + 0.0625em);
    top: calc(-0.6em - 0.0625em);
}

.tf-treeli > .tf-nc:before {
    height: 1.5em;
    top: -1.5em;
}

.tf-tree.tf-gap-lg li > .tf-nc:after {
    height: 1.5em;
}

.tf-tree.tf-gap-lg li ul {
    margin: 3em 0;
}

.tf-tree.tf-gap-lg li li:before {
    top: calc(-1.5em - 0.03125em);
}

.tf-tree li li:only-child > .tf-node-content:before,
.tf-tree li li:only-child > .tf-nc:before {
    height: calc(1.5em + 0.0625em);
    top: calc(-1.5em - 0.0625em);
}

.tf-tree-ul-li-ul .tf-tree-li:first-child:before {
    left: calc(50% - 0px);
    max-width: calc(100% - 50% + 0.0625em);
}

.tf-tree-ul-li-ul .tf-tree-li:before {
    display: block;
    position: absolute;
    width: 100%;
    left: calc(0% - 18px);
    top: -15px;
    content: '';
    border-top: 0.5px solid #466af3;
    height: 0.0625em;
}

.left_panel_parallel_path {
    list-style: none;
    position: relative;
}

.left_popup_automation_tree .tree_left_lines {
    width: 100%;
    float: left;
    overflow-y: hidden;
    height: auto;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 22px;
    padding-top: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow-x: hidden;
}

.left_popup_automation_tree .tree_left_lines_child {
    position: relative;
    left: 5px;
    margin-top: 15px;
}

.left_popup_automation_tree .tree_left_lines_child.has_two_child {
    left: 0px;
}

.left_popup_automation_tree .tree_left_lines_child.has_one_child {
    left: 5px;
}

.parallel_path-parent.tree_node.tree_node_parent {
    position: relative;
    left: 5px;
    margin-bottom: 5px;
}
.tree_left.tree_left_lines_child .tree_node.tree_node_parent {
    left: 10px;
    margin-bottom: 5px;
}
.parallel_path-parent.tree_node.tree_node_parent:before {
    display: none;
}
.left_panel_parallel_path.tree_node .parallel_path-parent.tree_node.tree_node_parent {
    position: relative;
    left: 10px;
    margin-bottom: 5px;
}
.left_panel_parallel_path.tree_node .parallel_path-parent.tree_node.tree_node_parent:before {
    display: none;
}
.tree_node.tree_node_parent {
    position: relative;
    left: 5px;
}
.left_popup_automation_tree .tree_left input {
    position: relative;
    clip: rect(0, 0, 0, 0);
}

.tree_left_lines .tree_node {
    /* padding: 0px;
    margin-left: 0px !important;
    padding-bottom: 10px; */
    list-style: none;
}

.step_border_left_number {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #466af3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    left: -32px;
    z-index: 9;
    top: 7px;
}

/* .left_panel_parallel_path .tree_left.tree_left_lines_child .step_border_left_number::after{
    position: absolute;
    top: 20px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    height: 120px;
    content: '';
}

.parallel_path-parent .step_border_left_number::after{
    position: absolute;
    top: 20px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    height: 165px;
    content: '';
    left: 10px;
}

.parallel_path_has_2childs .tree_node.tree_node_parent .step_border_left_number::after{
    position: absolute;
    top: 20px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    height: 165px;
    content: '';
    left: 10px;
}

.tree_node.tree_node_parent .step_border_left_number::after{
    position: absolute;
    top: 20px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    height: 165px;
    content: '';
    left: 10px;
}

.tree_node.tree_node_parent.send_exection_node .step_border_left_number::after{
    position: absolute;
    top: 20px;
    display: block;
    width: 2px;
    border-left: 2px solid #fff;
    height: 120px;
    content: '';
    left: 9px;
}

 */

.left_popup_automation_tree label.tree_label {
    cursor: unset;
    left: 0px;
}

.step_border_left_line {
    position: absolute;
    left: 10px;
}

.step_border_left_line svg {
    top: -8px;
    transform: rotate(90deg);
    width: 8px;
    position: absolute;
    left: -26px;
    height: 30px;
    fill: #466af3;
}

.tree_lines_popup {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 90px);
    overflow-x: hidden;
}
.tree_lines_popup ul li {
    margin-bottom: 3px;
}

.tree_lines_popup_after_tree {
    width: 100%;
    float: left;
}

.step_border_left_h6 {
    width: 100%;
    float: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.step_border_left_h6 h6 {
    width: 89%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 8px;
}
.foreach_loop_panel .error_input_show {
    position: absolute;
    right: 0;
}
.left_popup_automation_tree .foreach_loop_panel .foreach_loop_container .error_input_show:hover .error_menu_hvr {
    display: block;
    width: 160px;
    min-height: 20px;
    padding: 5px;
    top: 12px;
    left: -160px;
    margin-top: 0;
    z-index: 11;
}
.left_popup_automation_tree
    .foreach_loop_panel
    .step_border_left_h6.foreach_loop_h6
    .error_input_show:hover
    .error_menu_hvr {
    display: block;
    width: 160px;
    min-height: 20px;
    padding: 10px;
    top: -40px;
    left: -180px;
    margin-top: 0;
    z-index: 11;
}
.step_border_left_h6 svg {
    width: 15px;
    height: 15px;
    fill: #494949;
    margin-left: 2px;
    float: right;
}

.step_border_left_h6 .show_arrow_as_up svg {
    transform: rotate(180deg);
}

.step_border_left_p {
    width: 100%;
    float: left;
    min-height: 20px;
    max-height: max-content;
    overflow-y: hidden;
    padding: 0px;
    pointer-events: none;
    padding-bottom: 3px;
}
.step_border_left_p .step_border_left_lists:last-child {
    margin-bottom: 0px;
}

.step_border_left_lists {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    pointer-events: none;
}

.step_border_left_lists h6 {
    font-family: 'Gordita-Regular';
    width: 89%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #555;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.step_border_left_lists h6 .img_left_lists {
    margin-right: 5px;
    float: left;
    width: 24px;
    height: 24px;
    float: left;
}

.step_border_left_lists .step_border_left_lists_title {
    width: 85%;
    height: auto;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.step_border_left_lists span {
    width: 15px;
    height: 15px;
    float: right;
    pointer-events: none;
}

.step_border_left_h6_first h6 {
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tree_node.tree_node_parent:before {
    /* position: absolute;
    top: 20px;
    bottom: 0;
    left: -21px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    content: '';
    height: calc(100% - -170px); */
}
.tf-tree-ul-li-ul.parallel_path_has_3childs.tree_node.tree_node_parent:before {
    display: none;
}
.tree_node.tree_node_parent:last-child:before {
    /* height: 35rem;
    top: -34rem;
    left: -21px; */
}
.step_border_left.foreach_loop_left .step_border_left_line svg {
    top: 3px;
}

.tf-nc-click {
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.26) 0 3px 6px;
}

.step_border_left_h6 svg .st0 {
    fill: #ffffff;
}

.step_border_left_h6 svg .st1 {
    fill: #555555;
}

.step_border_left_h6 svg .st2 {
    fill: #ffffff;
    stroke: #000000;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.without_tick_svg .st0 {
    display: none;
}

.without_tick_svg .st1 {
    display: inline;
}

.without_tick_svg .st2 {
    fill: #dbd9d9;
}

/*Sidepanel css Update*/

.sidepanel_show_step {
    position: relative;
}

.sidepanel_show_step span {
    position: absolute;
    right: 2px;
}

.sidepanel_show_step span svg {
    width: 12px;
    height: 12px;
    fill: #fff;
}

.blue_tick_svg .blue_tick_svg_2 {
    display: inline;
}

.blue_tick_svg .blue_tick_svg_3 {
    fill: #3467ff;
}

.blue_tick_svg .blue_tick_svg_4 {
    fill: #dbd9d9;
}

.sidepanel_step_automations_show:hover .blue_tick_svg_3 {
    fill: #fff;
}

.sidepanel_step_automations_show:hover svg {
    fill: #0a89e8;
}

.data_child_ul {
    float: left;
    width: 100%;
    top: 35px;
}

/*automation card link dilaog delete popup start*/

.context_popup_dialog_accordian_open_margin_zero .context_popup_buton_content_span .button_auto:hover {
    border: 1px solid #ffe5d3 !important;
    background: #ffe5d3;
    color: #333;
    fill: #333;
}

.center_automation_popup {
    width: 100%;
    float: left;
    height: auto;
}

.workflow_delete_popup{
    padding: 0 10px;
    min-height: 50px;
    max-height: 320px;
    overflow-y: scroll;
}

.workflow_delete_popup::-webkit-scrollbar {
    width: 6px;
    display: block;
}
.workflow_delete_popup::-webkit-scrollbar-thumb {
    background: #ccc;
    height: 24px;
    border-radius: 5px;
}
.workflow_delete_popup::-webkit-scrollbar-track {
    background: inherit;
}

.center_automation_popup.center_popup_automation_scroll {
    width: 100%;
    float: left;
}

/* .center_automation_popup button {
    width: 100% !important;
    float: left;
    margin-bottom: 10px !important;
    display: flex;
    position: relative;
    justify-content: center;
    font-family: 'Seravek-Regular';
    font-size: 15px;
    background: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;
} */

.center_automation_popup .center_popup_automation button:hover {
    background: #0a89e8 !important;
    border: 1px solid #0a89e8 !important;
    color: #fff;
}

.center_automation_popup .center_popup_automation button:hover svg {
    fill: #fff;
}

/* .center_automation_popup button span {
    position: absolute;
    right: 10px;
    display: flex;
} */

/* .center_automation_popup button span svg {
    width: 15px;
    height: 15px;
    fill: #494949;
} */

.center_automation_popup .center_popup_automation {
    width: 100%;
    float: left;
}

.center_automation_popup .center_popup_automation_h4 {
    text-align: center;
    font-size: 18px;
    font-family: 'Gordita-Medium';
    margin: 0px;
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    flex-wrap: wrap;
    color: #000;
    line-height: normal;
}

.center_automation_popup p {
    margin-bottom: 15px !important;
}

.center_popup_automation_scroll {
    width: 100%;
    float: left;
    max-height: 150px;
    overflow-y: auto;
    min-height: 30px;
}

.center_automation_popup .right-panel_btn_automation button {
    margin-top: 10px;
    background: #fff !important;
    border: 1px solid #ccc !important;
}

/*automation card link dilaog delete popup end*/

.flow_canvas_popup_error {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.condition_date_error {
    color: rgb(255, 121, 0);
    border: 0.5px solid rgb(255, 121, 0);
    padding-left: 10px;
    width: 100%;
    float: left;
    height: 30px;
    font-size: 12px;
    padding: 0px 10px;
    font-family: 'Seravek-Medium';
    border-radius: 6px;
    outline: 0;
    background: #fff;
    display: flex;
    align-items: center;
}

.line_hover_dropdown {
    margin-bottom: 50px;
}

/* .end_node .line_hover_dropdown {
    margin-left: 15px;
} */

.end_node .flow_tree.child_after .line_hover_plus_icon .line_hover_dropdown {
    margin-left: 1px;
    top: -93px;
}

/* .multi_child_li .tree_left_side .end_node .flow_buttons {
    top: -24px !important;
} */

#parallel_path_parent0 {
    position: absolute;
    padding: 0px;
    list-style: none;
    left: 0px;
    margin: 0px 3px;
    width: 24px;
    height: 24px;
    float: left;
}

#parallel_path_parent1 {
    position: absolute;
    padding: 0px;
    list-style: none;
    left: 30px;
    margin: 0px 3px;
    width: 24px;
    height: 24px;
    float: left;
}

#parallel_path_parent2 {
    position: absolute;
    padding: 0px;
    list-style: none;
    left: 70px;
    margin: 0px 3px;
    width: 24px;
    height: 24px;
    float: left;
}

#parallel_path_parent3 {
    position: absolute;
    padding: 0px;
    list-style: none;
    left: 105px;
    margin: 0px 3px;
    width: 24px;
    height: 24px;
    float: left;
}

#parallel_path_parent4 {
    position: absolute;
    padding: 0px;
    list-style: none;
    left: 140px;
    margin: 0px 3px;
    width: 24px;
    height: 24px;
    float: left;
}
/* .parallel_path_has_2childs #parallel_path_parent0{
    left:60px;
}
.parallel_path_has_2childs #parallel_path_parent1{
    left:90px;
}
.parallel_path_has_3childs #parallel_path_parent0{
    left: 12px;
}
.parallel_path_has_3childs #parallel_path_parent1{
    left: 41px;
}
.parallel_path_has_3childs #parallel_path_parent2{
    left: 71px;
} */

.parallel_path_top {
    width: 100%;
    float: left;
    margin-top: 14px;
}

.parallel_path_top ul li {
    list-style: none;
}

.empty_parallel_paths {
    position: relative;
    left: -85px;
    margin-bottom: 45px;
}

.empty_parallel_paths .tf-tree:before {
    position: absolute;
    display: block;
    height: 1em;
    content: '';
    border-left: 0.5px solid #0a89e8;
    width: 0.0625em;
    left: 50%;
}

.empty_parallel_paths .tf-tree.parallel_path_from_parent_parallel::before {
    left: 105px;
}

.empty_parallel_paths .tf-tree.parallel_path_from_parent_single::before {
    left: 10px;
}

/* child 2 */
.parallel_path_has_2childs #parallel_path_parent0 {
    left: 60px;
}
.parallel_path_has_2childs #parallel_path_parent1 {
    left: 90px;
}
.parallel_path_has_3childs #parallel_path_parent0 {
    left: 46px;
}
.parallel_path_has_3childs #parallel_path_parent1 {
    left: 76px;
}
.parallel_path_has_3childs #parallel_path_parent2 {
    left: 106px;
}
.parallel_path_has_3childs .parallel_path_has_2childs #parallel_path_parent0 {
    left: 60px;
}

/* child 4 */
.parallel_path_has_4childs #parallel_path_parent0 {
    left: 10px;
}
.parallel_path_has_4childs #parallel_path_parent1 {
    left: 40px;
}
.parallel_path_has_4childs #parallel_path_parent2 {
    left: 70px;
}
.parallel_path_has_4childs #parallel_path_parent3 {
    left: 100px;
}
.parallel_path_has_4childs .parallel_path_has_2childs {
    left: 40px;
}
.parallel_path_has_4childs .parallel_path_has_2childs #parallel_path_parent0 {
    left: 40px;
}
.parallel_path_has_4childs .parallel_path_has_2childs #parallel_path_parent1 {
    left: 70px;
}
/* .parallel_path_has_4childs .parallel_path_has_3childs #parallel_path_parent0 {
    left: 46px;
}
.parallel_path_has_4childs .parallel_path_has_3childs #parallel_path_parent1 {
    left: 76px;
}
.parallel_path_has_4childs .parallel_path_has_3childs #parallel_path_parent2 {
    left: 106px;
} */

/* child 5 */

.parallel_path_has_5childs #parallel_path_parent0 {
    left: 16px;
}
.parallel_path_has_5childs #parallel_path_parent1 {
    left: 46px;
}
.parallel_path_has_5childs #parallel_path_parent2 {
    left: 76px;
}
.parallel_path_has_5childs #parallel_path_parent3 {
    left: 106px;
}
.parallel_path_has_5childs #parallel_path_parent4 {
    left: 136px;
}
.parallel_path_has_4childs .parallel_path_has_2childs {
    left: 20px;
}
.parallel_path_has_4childs .parallel_path_has_3childs {
    left: 38px;
}
.parallel_path_has_5childs .parallel_path_has_2childs #parallel_path_parent0 {
    left: 60px;
}
.parallel_path_has_5childs .parallel_path_has_2childs #parallel_path_parent1 {
    left: 90px;
}
.parallel_path_has_5childs .parallel_path_has_3childs #parallel_path_parent0 {
    left: 46px;
}
.parallel_path_has_5childs .parallel_path_has_3childs #parallel_path_parent1 {
    left: 76px;
}
.parallel_path_has_5childs .parallel_path_has_3childs #parallel_path_parent2 {
    left: 106px;
}

.parallel_path_has_4childs .parallel_path_has_3childs #parallel_path_parent0 {
    left: 45px;
}
.parallel_path_has_4childs .parallel_path_has_3childs #parallel_path_parent1 {
    left: 75px;
}
.parallel_path_has_4childs .parallel_path_has_3childs #parallel_path_parent2 {
    left: 105px;
}
.parallel_path_has_4childs .parallel_path_has_5childs {
    position: relative;
    left: 20px;
}
.parallel_path_has_4childs .parallel_path_has_3childs {
    position: relative;
    left: 20px;
}
.parallel_path_has_4childs .parallel_path_has_5childs #parallel_path_parent0 {
    left: 0px;
}
.parallel_path_has_4childs .parallel_path_has_5childs #parallel_path_parent1 {
    left: 30px;
}
.parallel_path_has_4childs .parallel_path_has_5childs #parallel_path_parent2 {
    left: 60px;
}
.parallel_path_has_4childs .parallel_path_has_5childs #parallel_path_parent3 {
    left: 90px;
}
.parallel_path_has_4childs .parallel_path_has_5childs #parallel_path_parent4 {
    left: 120px;
}

.parallel_path_has_2childs {
    position: relative;
    left: 15px;
}

.parallel_path_has_5childs .parallel_path_has_2childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_4childs .parallel_path_has_2childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_3childs .parallel_path_has_2childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_2childs .parallel_path_top {
    position: relative;
    left: 0px;
}

/* child 5 */

.parallel_path_has_5childs {
    position: relative;
    left: 15px;
}

.parallel_path_has_2childs .parallel_path_has_5childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_3childs .parallel_path_has_5childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_4childs .parallel_path_has_5childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_5childs .parallel_path_has_5childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_5childs .parallel_path_top {
    position: relative;
    left: 0px;
}

/* child 3 */

.parallel_path_has_3childs {
    position: relative;
    left: 15px;
}

.parallel_path_has_3childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_2childs .parallel_path_has_3childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_3childs .parallel_path_has_3childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_4childs .parallel_path_has_3childs .parallel_path_top {
    position: relative;
    left: 0px;
}

.parallel_path_has_5childs .parallel_path_has_3childs .parallel_path_top {
    position: relative;
    left: 0px;
}

/* child 4 */

.parallel_path_has_4childs {
    position: relative;
    left: 32px;
}

.parallel_path_has_4childs .parallel_path_top {
    position: relative;
    left: -18px;
}

/* .parallel_path_has_2childs .parallel_path_has_4childs .parallel_path_top {
    position: relative;
    left: -18px;
} */

/* .parallel_path_has_3childs .parallel_path_has_4childs .parallel_path_top {
    position: relative;
    left: -18px;
} */

/* .parallel_path_has_4childs .parallel_path_has_4childs .parallel_path_top {
    position: relative;
    left: -18px;
} */

/* .parallel_path_has_5childs .parallel_path_has_4childs .parallel_path_top {
    position: relative;
    left: -18px;
} */

.left_panel_parallel_path.tree_node {
    padding-bottom: 0px;
    width: 90%;
    float: left;
}
.tree_left.tree_left_lines:nth-child(1) .left_panel_parallel_path.tree_node {
    position: relative;
    left: -20px;
}

.tree_node.empty_parallel_paths {
    padding-bottom: 0px;
    width: auto;
    float: left;
}

.margin_bottom_for_end_node {
    margin-bottom: 22px;
}

.parallel_path_has_4childs .empty_parallel_paths {
    left: 0px;
}

.parallel_path_has_5childs .empty_parallel_paths {
    left: 0px;
}

.parallel_path_has_3childs .empty_parallel_paths {
    left: 0px;
}

.parallel_path_has_2childs .empty_parallel_paths {
    left: 0px;
}

.notrigger_start_left {
    list-style: none;
}

.notrigger_start_left:before {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 13px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #0a89e8;
    content: '';
    height: 30px;
    display: none;
}

.notrigger_start_left .step_border_left_h6_first {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.line_hover_dropdown_li:last-child {
    border: none;
}

.tree_node {
    position: relative;
}

/* .tree_node.tree_node_parent:last-child:before {
    height: 15em;
    bottom: auto;
} */

.adding_as_parallel_path_parent {
    margin-top: -77px !important;
}
.loop_foreach_condition .end_node .line_hover_dropdown {
    margin-left: 0px;
    margin-top: 27px;
}

.end_node .line_hover_plus_icon_svg svg {
    width: 55px;
    height: 55px;
    fill: #617995;
    position: relative;
    top: -10px;
    cursor: pointer;
}

.empty_automation_image {
    width: 100%;
    height: 88vh;
    display: flex;
    align-items: center;
}

/* automation logs design issues start*/

.analytics_popup_body_minus .treeview_automatiom .treeview_automatiom_ul {
    margin-top: 10px;
}

.analytics_popup_body_minus .treeview_automatiom_label {
    margin-left: 15px !important;
}

.analytics_popup_body_minus .tree_structure_body .button_auto_first::before {
    /* margin-left: -10px; */
}

.analytics_popup_body_minus .tree1 li:last-child:before {
    height: 12px;
    bottom: auto;
}

.analytics_popup_body_minus_body .treeview_automatiom_ul li {
    margin-left: 25px;
    margin-bottom: 5px;
}

.automation_logs_output_popup .analytics_popup_body_minus_footer.analytics_popup_body_minus_body {
    padding: 0px;
}
.automation_logs
    .automation_logs_output_popup
    .tree1.treeview_automatiom_ul
    li.treeview_automatiom_li_parent:first-child::before {
    height: calc(100% - 0px);
}
.automation_logs_output_popup
    .analytics_popup_body_minus_body
    .treeview_automatiom_ul
    li.treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first
    .button_auto_first:before {
    top: 4px;
}
.automation_logs_output_popup .context_popup_buton_content_span {
    width: 100%;
    float: left;
    display: flex;
    align-items: baseline;
    margin-bottom: 12px;
    flex-direction: row;
}
.automation_logs_output_popup
    .analytics_popup_body_minus_body
    .treeview_automatiom_ul
    li.treeview_automatiom_li_first:after {
    margin-top: 14px;
}
.automation_logs_output_popup
    .analytics_popup_body_minus_body
    .automation_logs_ul_tree
    .automation_logs_content_wrapper {
    width: 100%;
    float: left;
    overflow-x: scroll;
}

.automation_logs .automation_logs_output_popup .context_popup_buton_content_span .right_panel_ht {
    height: auto;
    overflow-y: scroll;
    margin-top: 0px;
    padding-bottom: 0px;
}
.popuploader_logs {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.analytics_popup_body_minus_body .tree_structure_body .button_auto:before {
    /* margin-left: -10px; */
}

/* automation logs  design issues end*/

.automation_rightside_form #popuploader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100%;
    margin: 0 auto;
}

.automation_canvas_right_popup_notrigger .automation_rightside_form.automation_rightside_step_two {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 54vh);
}

.notrigger_popup_tree .treeview_automatiom {
    height: calc(100vh - 450px);
    overflow-y: scroll;
}

.automation_logs_collapse #popuploader {
    margin: 0 auto;
}

.marketplace_upload_btn {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-evenly;
    padding-top: 15px;
}

.marketplace_upload_btn .button_marketplace {
    width: 25%;
    height: 30px;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.marketplace_head .create_new_btn {
    margin-left: 0px !important;
}

.marketplace_head .create_new_btn svg {
    width: 14px;
    height: 14px;
}

.marketplace_head .create_new_btn span {
    margin-left: 5px;
}
.search_marketpalce {
    margin-top: 0;
    padding-left: 0;
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0px 12px;
}
.search_marketpalce .search_click {
    width: 100%;
    float: left;
    border: 1px solid #b9b9b9;
    background: #fff;
    outline: 0;
    padding: 10px 15px 4px 40px;
    border-radius: 6px;
    font-family: 'Gordita-Regular';
}
.search_marketpalce .search_icon {
    position: absolute;
    left: 5px;
    width: 35px;
    height: 35px;
    background: #fff;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.token_wrap {
    display: inline-flex;
}

.token_wrap input {
    width: auto;
    min-width: 300px;
}

.refresh_btn {
    height: 28px;
    background: #fff;
    width: 30px;
    margin-left: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
}
.refresh_btn svg {
    width: 18px;
    height: 18px;
}
.refresh_btn:hover {
    border: 1px solid #0a89e8;
    background: #0a89e8;
}
.refresh_btn:hover svg {
    fill: #fff;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-60.edit_action_height {
    height: calc(71vh - 0vh);
    overflow-y: scroll;
    margin-top: 10px;
}

.automation_nodes_p h4 {
    font-family: 'Gordita-Medium';
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
    margin-top: 0px;
}

.automation_nodes_p p {
    margin-bottom: 7px;
}

.automation_nodes_p h4 {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #494949;
    margin-bottom: 10px;
    margin-top: 0px;
}

.automation_nodes_p p {
    margin-bottom: 7px;
    font-family: 'Gordita-Regular';
    font-size: 14px;
    color: #355d8b;
    margin-top: 3px;
}

.flow_group_home .btn_marketplace_bg {
    width: 140px;
    height: 36px;
    font-size: 14px;
    border: 0.5px solid#0a89e8;
    background: #0a89e8;
    color: #fff;
}

.flow_canvas_header_right_automation.autoamtion_p_r_40 .btn.btn-primary.btn_marketplace_bg:last-child {
    margin-right: 40px;
}

.flow_group_home .intent_dialog_right .btn_marketplace_bg svg {
    width: 15px;
    height: 15px;
    position: relative;
    fill: #fff;
}
.flow_group_home .intent_dialog_right .btn_marketplace_bg:hover svg {
    fill: #333;
}
/* trigger toggle button start - Flow home  */

.switch_triggers {
    position: relative;
    display: inline-block;
    width: auto;
    height: 18px;
}

.switch_triggers input {
    display: none;
}

/* .slider_trigger {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
    border: 0.5px solid #ccc;
} */

.slider_trigger_draft {
    background-color: #fff;
    border-radius: 24px;
    border: 0.5px solid #b1b1b1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Gordita-Regular';
    font-size: 9px;
    cursor: default;
    padding: 0px 10px;
    width: 36px;
    height: 18px;
    color: #666666;
}

.trigger_start_stop_btn .switch_triggers {
    margin-bottom: 0px;
    margin-right: 10px;
}

.trigger_start_stop_btn .switch_triggers {
    width: 58px;
    height: 24px;
}

.trigger_start_stop_btn .slider_trigger:after {
    top: 12px;
    left: 64%;
    font-size: 12px;
}

.trigger_start_stop_btn .switch_triggers input:checked + .slider_trigger:before {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    transform: translateX(34px);
    background-color: red;
}

.trigger_start_stop_btn .switch_triggers input:checked + .slider_trigger:after {
    content: 'Stop';
    left: 18px;
    top: 12px;
}

.trigger_start_stop_btn .trigger_start_stop_btn .slider_trigger:before {
    height: 18px;
    width: 18px;
    left: 0px;
    bottom: 3px;
}

.trigger_start_stop_btn .slider_trigger:before {
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 3px;
}

/* .entity_cards_layer:hover .slider_trigger_draft {
    border: 0.5px solid #ccc;
} */

/* .entity_cards_layer:hover .slider_trigger {
    border: 0.5px solid #0a89e8;
} */

.entity_cards_layer:hover .switch_triggers input:checked + .slider_trigger {
    border: 0.5px solid #0a89e8;
}

.trigger_type {
    margin-right: 5px;
    font-size: 13px;
}

.trigger_type_span svg {
    margin-right: 0px !important;
}

.list-view-icon .slider_trigger:before {
    bottom: 2px;
    left: 2px;
}

.list-view-icon .slider_trigger:after {
    top: 9px;
    left: 29px;
}

.list-view-icon .switch_triggers input:checked + .slider_trigger:after {
    left: 15px;
    top: 9px;
}

.list-view-icon .switch_triggers input:checked + .slider_trigger:before {
    transform: translateX(26px);
}

.list-view-icon .show_hide input[type='checkbox'].switch_1:checked {
    width: 36px;
    height: 18px;
}

.list-view-icon .show_hide input[type='checkbox'].switch_1 {
    width: 36px;
    height: 18px;
}

.slider_trigger_draft_listview {
    width: 36px;
    height: 18px;
}

.slider_trigger_draft_listview .slider_trigger_draft {
    top: 0px;
    width: 36px;
    height: 18px;
    font-size: 9px;
    font-family: 'Gordita-Regular';
    color: #666666;
}

/* .slider_trigger:before {
    position: absolute;
    content: '';
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 1px;
    background-color: #2db677;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
} */

.switch_triggers input:checked + .slider_trigger {
    background-color: #fff;
    border-radius: 24px;
    border: 0.5px solid #b1b1b1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Gordita-Regular';
    font-size: 9px;
    cursor: default;
    padding: 0px 10px;
    width: 36px;
    height: 18px;
    color: #666666;
}

.switch_triggers input:focus + .slider_trigger {
    box-shadow: 0 0 1px #2196f3;
}

.switch_triggers input:checked + .slider_trigger:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background-color: red;
}

/*------ ADDED CSS ---------*/

/* .slider_trigger:after {
    content: 'Start';
    color: #494949;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 10px;
    left: 64%;
    font-size: 10px;
    font-family: 'Seravek-Regular';
} */

.start_stop_triggers {
    margin-right: 0px;
    margin-left: 10px;
}

.switch_triggers input:checked + .slider_trigger:after {
    /* content: 'Stop'; */
    left: 16px;
    top: 10px;
}

.top-75 {
    top: 45px;
}

.intent_dialog_right .icon_hover_flow_home {
    width: auto;
    position: relative;
}

.icon_dropdown_hover {
    position: absolute;
    color: #fff;
    background: #232a44;
    left: 35px;
    margin-top: 0px;
    padding: 2px 10px;
    border-radius: 3px;
    visibility: hidden;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    top: 3px;
    z-index: 1;
}

.intent_dialog_right .icon_hover_flow_home:hover .icon_dropdown_hover {
    visibility: visible;
    z-index: 100;
}

/* trigger toggle button end  */

/* datepicker css  start*/
.rw-datetime-picker.rw-widget .rw-widget-picker.rw-widget-container {
    display: inline-block;
    height: 30px;
    border: none;
    background: none;
}
.rw-datetime-picker.rw-widget .rw-widget-input.rw-input {
    width: 100%;
    float: left;
    height: 30px;
}
.rw-cell.rw-state-selected,
.rw-cell.rw-state-selected:hover {
    background-color: #0a89e8 !important;
    border-color: #0a89e8 !important;
    color: white;
}
.rw-datetime-picker.rw-widget .rw-select-bordered {
    border-left-width: medium;
    border-left: none;
    background: inherit;
}
.rw-datetime-picker.rw-widget .rw-select > * {
    width: auto;
    height: 100%;
    float: left;
    margin-left: 0px;
}
.rw-btn.rw-btn-select span {
    padding-left: 8px;
}
.rw-datetime-picker.rw-widget.rw-state-focus:focus {
    outline: 0 !important;
    box-shadow: none !important;
    width: 100%;
    float: left;
}
.rw-datetime-picker.rw-widget.rw-state-focus {
    outline: 0 !important;
    box-shadow: none !important;
    width: 100%;
    float: left;
    cursor: not-allowed;
}
/* datepicker css end */

.m-calendar {
    display: inline-block;
    font-family: 'Seravek-Regular';
}
.m-calendar table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.m-calendar td {
    padding: 0px;
    text-align: center;
    cursor: pointer;
    color: #dfe0e4;
    border: 1px solid #dfe0e4;
    height: 30px;
    width: 30px !important;
}
.m-calendar thead td {
    color: #0a89e8;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Seravek-Regular';
}
.m-calendar tbody td {
    color: #666666;
    font-size: 13px;
    font-family: 'Seravek-Regular';
}
.m-calendar tbody td:hover {
    background: #0a89e8;
    border-color: #0a89e8;
    color: #ffffff;
}
.m-calendar .current-day {
    color: #fff;
    background-color: #0a89e8;
    font-weight: bold;
}
.m-calendar .prev-month,
.m-calendar .next-month {
    color: #999999;
    font-size: 13px;
    font-family: 'Seravek-Regular';
}
.m-calendar .toolbar {
    line-height: 20px;
    color: #0a89e8;
    text-align: center;
    margin-bottom: 13px;
    font-family: 'Seravek-Regular';
}
.m-calendar .toolbar button {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    border: 1px solid #0a89e8;
    border-radius: 50%;
    background: #0a89e8;
    font-size: 20px;
    padding: 0;
    text-align: center;
    outline: 0;
    z-index: 5;
    cursor: pointer;
}
.m-calendar .toolbar .prev-month {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}
.m-calendar .toolbar .next-month {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}
.m-calendar .toolbar .current-date {
    color: #0a89e8;
    font-size: 14px;
}
.m-time {
    color: #ffffff;
    padding-top: 10px;
    font-family: 'Seravek-Regular';
}
.m-time .showtime {
    text-align: center;
    font-family: 'Seravek-Regular';
    margin-bottom: 14px;
    margin-top: 6.5px;
}
.m-time .separater {
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    color: #0a89e8;
    width: 32px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-family: 'Seravek-Bold';
}
.m-time .time-text {
    position: relative;
    left: -10px;
    font-size: 15px;
    color: #0a89e8;
    margin-top: 7px;
    margin-bottom: 10px;
}
.m-time .sliders {
    padding: 0 10px;
    margin-bottom: 40px;
}
.m-time .time {
    width: 52px;
    height: 52px;
    display: inline-flex;
    font-size: 28px;
    line-height: 65px;
    background-color: #0a89e8;
    border-radius: 3px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.u-slider-time {
    position: relative;
    display: inline-block;
    background-color: #dfe0e4;
    border-radius: 3px;
    height: 4px;
    width: 100%;
    cursor: pointer;
}
.u-slider-time .value {
    position: absolute;
    background-color: #0a89e8;
    border-radius: 3px;
    top: 0;
    height: 100%;
}
.u-slider-time .handle {
    position: absolute;
    width: 4px;
    height: 4px;
}
.u-slider-time .handle:after {
    position: relative;
    display: block;
    content: '';
    top: -10px;
    left: -12px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 3px solid #0a89e8;
    border-radius: 50%;
    cursor: pointer;
}
.im-btn {
    display: inline-block;
    background-color: #ffffff;
    border: 0;
    outline: 0;
    cursor: pointer;
    line-height: 1;
}
.im-btn:before {
    margin-right: 6px;
}
.m-input-moment {
    display: inline-block;
    width: 72%;
    padding: 2px;
    border-radius: 3px;
    /* border: 1px solid #dfe0e4; */
}
.m-input-moment .options {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}
.m-input-moment .options button {
    float: left;
    width: 50%;
    color: #0a89e8;
    text-align: center;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 1px;
    border: 1px solid #0a89e8;
    border-radius: 3px;
    font-family: 'Seravek-Regular';
}
.m-input-moment .options button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.m-input-moment .options button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.m-input-moment .options button.is-active {
    color: #ffffff;
    background-color: #0a89e8;
}
.m-input-moment .tab {
    display: none;
    height: 100%;
}
.m-input-moment .tab.is-active {
    display: block;
}
.m-input-moment .tabs {
    margin-bottom: 11px;
}
.m-input-moment .btn-save {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 100%;
    background: #0a89e8;
    height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border-radius: 3px;
    font-family: 'Seravek-Regular';
}
.m-input-moment .btn-save:hover {
    background: #fff;
    border: 1px solid #0a89e8;
    color: #0a89e8;
}
.date_and_time_picker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    float: left;
    padding-top: 20px;
    position: absolute;
    z-index: 1;
    background: #fff;
    margin-top: 57px;
    border-radius: 12px;
    padding-bottom: 20px;
    margin-bottom: 80px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}
.m-calendar .toolbar button i {
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

/* function popup */

.function_popup .automation_condition_button_center {
    width: 100%;
    float: left;
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .function_popup .automation_condition_button_btn {
    width: 140px;
    height: 30px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: left;
    margin-right: 20px;
} */

/* .function_popup .automation_condition_button_btn:first-child {
    background: #fff;
    border: 0.5px solid #494949;
    color: #494949;
} */

.autoamtion_function_section {
    width: 100%;
    float: left;
}

.autoamtion_function_section .automation_scroly {
    width: 100%;
    position: absolute;
    margin-top: -20px;
    border-radius: 6px;
    right: 0px;
    left: 0%;
    cursor: pointer;
}

.function_input_field {
    background: #fff;
    width: 100%;
    float: left;
    font-size: 12px;
    font-family: 'Gorita-Regular';
    border-radius: 6px;
    border: 0.5px solid #ccc;
    outline: 0;
    min-height: 48px;
    padding: 22px 12px 3px 12px;
}
.function_input_field p {
    width: 98%;
    float: left;
    display: flex;
    align-items: center;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #000;
}
.function_input_field .comma_and_hyphen {
    width: 98%;
    float: left;
    /* display: flex; */
    align-items: flex-start;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #000;
    margin-top: 0px;
    /* flex-flow: wrap; */
    margin-right: 0px;
    margin-left: 0px;
    word-break: break-all;
}
.comma_and_hyphen_data {
    font-family: 'Seravek-Medium';
    margin-right: 3px;
}
.automation_canvas_right.function_popup .application_dropdown_content {
    width: 100%;
    float: left;
}

.comma_and_hyphen_symbol_hyphen {
    margin: 0px 3px;
}
.comma_and_hyphen_number {
    /* margin-right: 1px;
    margin-left: 5px; */
}
/* function popup */

/* connection picker start */
.btn-error:focus {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}
.collection_picker .button_auto {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: normal;
}
.popup_tree .tree1 .collection_picker li::before {
    position: absolute;
    top: -19px;
    left: -9.5px;
    height: calc(100% - -17px);
}
.popup_tree .tree1 .collection_picker li::after {
    content: '';
    margin-top: -3px;
    left: 0px;
}

.collection_picker_in_input_page .popup_tree .tree1 .collection_picker_parent::before {
    position: absolute;
    top: 0;
    left: -17.5px;
    /* height: 0; */
}
.collection_picker_in_input_page .popup_tree .tree1 .collection_picker_parent::after {
    display: none;
}
.collection_picker_in_input_page .popup_tree .tree1 .collection_picker li::before {
    left: -8.5px;
    position: absolute;
    top: -12px;
    height: calc(100% - -25px);
}

.collection_picker_in_input_page .collection_picker {
    width: 100%;
    float: left;
}
.collection_picker_in_input_page .tree1 li:last-child:before {
    height: 12px !important ;
    bottom: auto;
}
.collection_picker_in_input_page .collection_picker_parent .button_auto:before {
    display: none;
}
.collection_picker_in_input_page .collection_picker_parent .button_auto {
    position: relative;
    margin-left: -57px;
    padding: 0 10px 0px 10px !important;
    background: #d5ffee;
    border: 1px solid #cecece !important;
    z-index: 1;
    cursor: pointer;
}
.conetxt_variable_input .button_auto {
    padding: 2px 6px 0px 3px !important;
}
.context_popup_buton_content_span .button_auto:hover {
    border: 1px solid #ffe5d3 !important;
    background: #ffe5d3;
    color: #333;
    fill: #333;
}

.collection_picker_in_input_page .collection_picker_parent .button_auto span {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}
.function_popup .treeview_automatiom .treeview_automatiom_ul {
    max-height: 100%;
    overflow-y: visible;
}

.tree_structure_body .collection_picker .collection_parent .button_auto:before {
    display: none;
}
.collection_picker .treeview_automatiom_li_first.collection_parent:after {
    display: none;
}
.collection_parent svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.collection_picker .treeview_automatiom_li_first.collection_parent .treeview_automatiom_label {
    margin-left: 0px !important;
}
.collection_picker .treeview_automatiom_li_first:after {
    top: -9px;
}
.context_join_output .tree1 .collection_picker li:last-child:before {
    height: 18px !important;
}
.collection_picker .treeview_automatiom_li.editor_btn_disabled:after {
    top: -9px;
}
.treeview_automatiom_ul .collection_picker .collection_parent {
    margin-left: 25px;
}
.collection_picker label.treeview_automatiom_label:before {
    display: none;
}
.popup_tree .tree1 .collection_picker .collection_parent::before {
    display: none;
}
.collection_parent .button_auto {
    background: #f6f6f6;
    color: #494949;
    border: 1px solid #dad8d8 !important;
    margin-left: 5px;
}
.collection_parent .button_auto.selected {
    color: #000;
    border: 0.5px solid #cecece !important;
    margin-left: 3px;
    background: #d5ffee;
    padding: 0px 6px 0px 3px !important;
}
.collection_parent .button_auto:hover {
    background: #0a89e8;
    color: #fff;
    border: 0.5px solid #0a89e8;
}
.collection_picker .letter_num {
    position: absolute;
    top: 0px;
    width: 28px;
    height: 15px;
    left: -28px;
}

.select_work_form .collection_picker_in_input_page ul li:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #fff;
}
.select_work_form .collection_picker_in_input_page ul li:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #fff;
}
.select_work_form .collection_picker_in_input_page ul li {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #fff;
    border: none;
}

.select_work_form .collection_picker_in_input_page ul li:first-child:hover {
    background: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: none;
}

.select_work_form .collection_picker_in_input_page ul li:last-child:hover {
    background: #fff;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: none;
}
.select_work_form .collection_picker_in_input_page ul li:hover {
    background: #fff;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: none;
}
.collection_picker_in_input_page {
    border-radius: 6px;
    width: 100%;
    float: left;
    position: relative;
    z-index: 10000;
}
.collection_picker_in_input_page .popup_tree .tree1 .collection_picker li::after {
    content: '';
    margin-top: -3px;
    left: 1px;
}
.collection_picker_in_input_page .collection_picker_parent {
    margin-left: 48px;
}
.collection_picker_in_input_page label.treeview_automatiom_label {
    margin-left: 20px !important;
    display: block;
    width: auto;
    float: left;
    position: relative;
    left: 0px;
    display: flex;
    flex-direction: row-reverse;
    margin-right: 6px !important;
}
.function_popup .error_handle_autoamtion_bg {
    padding: 10px 0px;
}
.function_popup .error_handle_autoamtion_bg p {
    margin-left: 0px;
}

.function_popup .treeview_automatiom .treeview_automatiom_ul {
    padding-top: 10px;
    /* overflow-y: hidden;
    overflow-x: hidden; */
}
.function_popup .context_popup_buton_content_span .right_panel_ht {
    padding: 0px;
}

.context_popup_buton_content_span .button_auto:hover ~ .button_auto_hover {
    display: inline-flex;
}

.form_req_step_two_global_form .collection_picker_in_input_page .context_popup_buton_content_span {
    width: 100%;
    float: left;
}

.form_req_step_two_global_form .draft_input_text,
.DraftEditor-root {
    width: 100%;
}
.form_req_step_two_global_form._select_a_variable .collection_picker_in_input_page {
    left: -3px;
}
/* .draft_input_text span{
    width:max-content;
.draft_input_text span{
    width:auto;
    display: inline-block;
    font-family: 'Seravek-Medium';
    font-size: 12px;
    color:#494949;
     word-break: break-word;
}  
   
*/

/* .draft_input_text .DraftEditor-editorContainer .notranslate.public-DraftEditor-content{
    position: relative;
    top: 3px;
    width: 100%;
    display: flex;
} */

.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .context_popup_buton_content_span
    .button_auto {
    border: 0.5px solid #cecece !important;
    background: #f4f4f4;
    color: #000;
    fill: #000;
}
.collection_picker_in_input_page .popup_tree .tree1 .collection_picker li.collection_picker_parent::before {
    height: 0 !important;
}
.function_popup
    .form_req_step_two_global_form
    .context_popup_buton_content_span
    ul
    li.collection_picker_parent
    .button_auto:first-child {
    border: 0.5px solid #cecece !important;
    background: #d5ffee;
    color: #000;
    fill: #000;
}

.collection_child_examples {
    color: #3f6086;
    font-family: 'Gordita-Regular';
    font-size: 8px;
    padding-left: 5px;
    /* margin-bottom: 10px; */
    font-style: italic;
}
/* connection picker end */
/* .context_join_output .context_popup_buton_content_span {

    margin-bottom: 0px;
} */
.context_join_output .context_popup_buton_content {
    max-height: 100%;
}
.context_join_output .popup_tree_head {
    left: -32px;
    top: 0px;
}
.context_join_output .tree1 .object_inside_object:before {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 30.5px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc;
    content: '';
    height: calc(100% - 29px) !important;
}

.context_join_output .collection_picker_parent span.collection_child_examples {
    line-height: normal;
    word-break: break-word;
}
.context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .popup_tree
    .tree1
    li::before {
    left: -9.5px;
    height: calc(100% - -30px);
    top: -30px;
}
.context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .collection_picker
    li::before {
    left: -9.5px !important;
}

.collection_picker .collection_picker_parent .object_inside_collection ul li::after {
    left: -1px !important;
    top: 1px;
}
/* .context_join_output .context_popup_buton_content .treeview_automatiom_ul_hide .treeview_automatiom_li:after {
    margin-left: -10.3px;
} */
.context_join_output
    .context_popup_buton_content
    .treeview_automatiom_ul_hide
    .collection_picker
    .treeview_automatiom_li:after {
    margin-left: -9.3px;
}

/* .context_join_output .tree1 li:last-child:before {
    height: 35px !important;
} */
.object_inside_collection {
    width: 100%;
    float: left;
}
.object_inside_collection ul {
    overflow-x: hidden;
}
.object_inside_collection:before {
    /* position: absolute;
    top: 10px;
    bottom: 0;
    left: 30px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc !important;
    content: '';
    height: calc(100% - 42px); */
}
.function_popup .object_inside_collection li.treeview_automatiom_li {
    margin-left: 28px;
}
.context_join_output .object_inside_collection li.treeview_automatiom_li {
    margin-left: 15px;
}
.collection_child_examples {
    line-height: normal;
    word-break: break-word;
}
.context_join_output .treeview_automatiom_li_parent label {
    margin-bottom: 0px;
}
.on_prem_test_btn {
    background: #ffe5d3 !important;
    color: #333 !important;
    border: 1px solid #ffe5d3 !important;
}

.intent_table_row:hover .on_prem_test_btn {
    background: #fff !important;
    border-color: #999 !important;
    color: #333 !important;
}

.automation_canvas_right.action_popup .dialog_input_edit_true span {
    min-width: 3px;
    min-height: 15px;
    word-break: break-all;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #333;
    margin-left: 0;
}
.automation_canvas_right.action_popup .button_dialog span {
    color: #fff;
}

/* action popup editor css */
.buton_dialog_auto_hvr .context_variable_button {
    background: #d5ffee 0% 0% no-repeat padding-box;
    border: 1px solid #cecece;
    border-radius: 12px;
    padding: 0px 5px;
    height: 20px;
    min-width: 74px;
    display: inline-block;
    margin-bottom: 3px;
    cursor: pointer;
}
.buton_dialog_auto_hvr .context_variable_button span {
    color: #333;
}
.context_variable_button img {
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

.automation_canvas_right .dialog_input_edit_true .buton_dialog_auto_hvr {
    width: auto;
    position: relative;
    top: 0px;
}
.automation_canvas_right .draft_input_text .DraftEditor-editorContainer .notranslate.public-DraftEditor-content {
    position: relative;
    top: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 28px;
}
.connection_new_autoamtion_button .connect_account_failed {
    width: 15px;
    height: 15px;
    position: relative;
}
.connection_new_autoamtion_button .connect_account_failed .error_input_show {
    position: relative;
    left: 0px;
    bottom: 3px;
}
/* Join popup tree changes start*/

.function_popup .select_work_form ul {
    box-shadow: none;
}
.function_popup .automation_scroly ul {
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}
.function_popup .select_work_form ul li {
    position: relative;
    list-style: none;
    width: 100%;
    float: left;
    display: block;
    /* display: flex;
    flex-wrap: wrap; */
    /* height: auto; */
}
.function_popup ul .collection_picker li {
    height: auto;
    margin-bottom: 12px;
}
.context_join_output .popup_tree .tree1 .collection_picker li::after {
    content: '';
    margin-top: -3px;
    left: -1px;
}

.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .context_popup_buton_content_span
    .button_auto:hover {
    border: 0.5px solid #ffe5d3 !important;
    background: #ffe5d3;
    color: #333;
    fill: #333;
}

.context_join_output .treeview_automatiom_ul_hide .treeview_automatiom_li:after {
    margin-left: -9.3px;
}
/* Join popup tree changes end*/

/* Automation logs tree view Start */
.automation_logs_tree {
    width: 100%;
    float: left;
}
.automation_logs_tree .treeview_automatiom_ul .collection_picker .collection_parent {
    margin-left: 14px;
    position: relative;
    top: -3px;
}
.automation_logs_tree .treeview_automatiom_li_parent .popup_tree_head {
    width: 100%;
    float: left;
    position: relative;
    left: -4px;
    top: 0px;
    z-index: 9;
}
.automation_logs_tree .collection_picker .treeview_automatiom_li_first:after {
    top: 1px;
}
.automation_logs_output_popup .analytics_popup_body_minus_body {
    padding: 0px 20px;
    margin-top: 0px;
    padding-bottom: 16px;
}
.automation_logs_output_popup .analytics_popup_body_minus_body .analytics_popup_body_minus_body {
    padding: 0px;
    margin-top: 0px;
}
.automation_logs_tree .collection_picker .button_auto {
    margin-top: 2px !important;
    margin-bottom: 10px;
}
.automation_logs_tree .analytics_popup_body_minus .tree1 li:last-child:before {
    height: 16px !important;
    bottom: auto;
}
.automation_logs_tree .popup_tree .tree1 .collection_picker li::before {
    border: none;
}
.automation_logs_tree .popup_tree .tree1 .collection_picker .automation_logs_collection li::after {
    left: 27px;
}
.automation_logs_tree .collection_parent svg {
    fill: #355d8b;
}

.analytics_popup_body_minus .automation_logs_tree .treeview_automatiom_label {
    margin-left: 30px !important;
}
.automation_logs_tree .popup_tree .tree1 .collection_picker li.treeview_automatiom_li_parent:after {
    display: none;
}

.automation_logs_tree .automation_logs_collection li.treeview_automatiom_li:before {
    /* position: absolute;
    top: -22px;
    bottom: 0;
    left: 17.5px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc !important;
    content: '';
    height: calc(100% - -20px); */
}
.automation_logs_tree .automation_logs_collection li.treeview_automatiom_li:last-child:before {
    height: 0px !important;
}

.automation_logs_tree .treeview_automatiom_li_parent .popup_tree_head:before {
    /* position: absolute;
    top: -6px;
    bottom: 0;
    content: '';
    height: 14px;
    width: 14px;
    left: -5px;
    display: block;
    border-bottom: 1px solid #859fbc;
    border-left: 1px solid #859fbc;
    border-radius: 0 1em 0em 1em; */
}
.automation_logs_tree .tree_collection_header:after {
    /* position: absolute;
    top: -35px;
    bottom: 0;
    left: 15.5px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc !important;
    content: '';
    height: calc(100% - -0px);
    z-index: 9; */
}
.automation_logs_tree .tree_collection_header:last-child:after {
    height: 1.8em;
    bottom: 0;
}

.tree_collection_header,
.automation_logs_collection {
    width: 100%;
    float: left;
    position: relative;
}
/* Automation logs tree view End */

/* Runtime logs collection tree Start */
.automation_logs_collapse_open_content .automation_logs_tree {
    width: 100%;
    float: left;
}
.automation_logs_collapse_open_content
    .automation_logs_tree
    .treeview_automatiom_ul
    .collection_picker
    .collection_parent {
    margin-left: 0px;
    position: relative;
    top: -3px;
}
.automation_logs_collapse_open_content .automation_logs_tree .treeview_automatiom_li_parent .popup_tree_head {
    width: 100%;
    float: left;
    position: relative;
    left: -4px;
    top: 0px;
    z-index: 9;
}
.automation_logs_collapse_open_content .automation_logs_tree .collection_picker .treeview_automatiom_li_first:after {
    top: 1px;
}
.automation_logs_collapse_open_content .automation_logs_tree .collection_picker .button_auto {
    margin-top: 2px !important;
    margin-bottom: 10px;
}
.automation_logs_collapse_open_content .automation_logs_tree .analytics_popup_body_minus .tree1 li:last-child:before {
    height: 16px !important;
    bottom: auto;
}
.automation_logs_collapse_open_content .automation_logs_tree .popup_tree .tree1 .collection_picker li::before {
    border: none;
}
.automation_logs_collapse_open_content
    .automation_logs_tree
    .popup_tree
    .tree1
    .collection_picker
    .automation_logs_collection
    li::after {
    left: 27px;
}
.automation_logs_collapse_open_content .automation_logs_tree .collection_parent svg {
    fill: #355d8b;
}

.automation_logs_collapse_open_content .analytics_popup_body_minus .automation_logs_tree .treeview_automatiom_label {
    margin-left: 40px !important;
}
.automation_logs_collapse_open_content
    .automation_logs_tree
    .popup_tree
    .tree1
    .collection_picker
    li.treeview_automatiom_li_parent:after {
    display: none;
}

.automation_logs_collapse_open_content
    .automation_logs_tree
    .automation_logs_collection
    li.treeview_automatiom_li:before {
    position: absolute;
    top: -24px;
    bottom: 0;
    left: 17.5px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc !important;
    content: '';
    height: calc(100% - -25px);
    display: none;
}
.automation_logs_collapse_open_content
    .automation_logs_tree
    .automation_logs_collection
    li.treeview_automatiom_li:last-child:before {
    height: 0px !important;
}

.automation_logs_collapse_open_content .automation_logs_tree .treeview_automatiom_li_parent .popup_tree_head:before {
    /* position: absolute;
    top: -5px;
    bottom: 0;
    content: '';
    height: 14px;
    width: 14px;
    left: -6px;
    display: block;
    border-bottom: 1px solid #859fbc;
    border-left: 1px solid #859fbc;
    border-radius: 0 1em 0em 1em; */
}
.automation_logs_collapse_open_content .automation_logs_tree .tree_collection_header:after {
    position: absolute;
    top: -40px;
    bottom: 0;
    left: -14.5px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc !important;
    content: '';
    height: calc(100% - -0px);
    z-index: 9;
    /* height: 0; */
    display: none;
}
.collection_picker_workflow_collection
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .tree_collection_header:after {
    left: -15px !important;
}
.automation_logs_collapse_open_content .automation_logs_tree .tree_collection_header:last-child:after {
    height: 2.3em;
    bottom: 0;
}
.automation_logs_runtime_logs .automation_logs_collection .treeview_automatiom_label {
    margin-left: 35px !important;
}
.automation_logs_runtime_logs .tree_collection_header li.treeview_automatiom_li_parent {
    margin-left: -5px;
}
.automation_logs_runtime_logs .automation_logs_collection li {
    margin-left: -4px;
}
.automation_logs_collapse_open_content .tree_collection_header,
.automation_logs_collection {
    width: 100%;
    float: left;
    position: relative;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content .trigger_tree_wrapper ul li {
    display: inline-block;
    align-items: baseline;
    margin-bottom: 10px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content .trigger_tree_wrapper ul li .automation_logs_collection{
    margin-bottom: 30px;
}
.automation_logs.automation_logs_runtime_logs .tree_structure_body .button_auto::before {
    left: 15px;
    /* top: 5px !important; */
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collection li {
    margin-left: -6px;
}
.automation_logs.automation_logs_runtime_logs
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .treeview_automatiom_li_parent
    .popup_tree_head:before {
    position: absolute;
    top: -4px;
    bottom: 0;
    content: '';
    height: 16px;
    width: 16px;
    left: -5px;
    display: block;
    border-bottom: 1px solid #859fbc;
    border-left: 1px solid #859fbc;
    border-radius: 0 1em 0em 1em;
    display: none;
}
/* .automation_logs.automation_logs_runtime_logs .treeview_automatiom_ul_hide {
    padding-left: 0px;
} */
.automation_logs.automation_logs_runtime_logs .automation_logs_collection .treeview_automatiom_label {
    margin-left: 35px !important;
    width: auto;
    float: left;
    display: block;
    margin-right: 3px;
}
.automation_logs.automation_logs_runtime_logs .context_popup_buton_content_span {
    margin-top: 12px;
}
.automation_logs.automation_logs_runtime_logs .trigger_tree_wrapper .context_popup_buton_content_span {
    margin-top: 2px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open {
    padding-bottom: 15px;
}
.automation_logs.automation_logs_runtime_logs .trigger_tree_wrapper .context_popup_tree_value {
    padding-bottom: 0px;
    display: inline-block;
    align-items: center;
    white-space: pre;
    padding-top: 3px;
}
.automation_logs.automation_logs_runtime_logs .trigger_tree_wrapper .automation_logs_content_wrapper li {
    color: #355d8b;
    font-size: 14px;
    font-family: 'Gordita-Regular';
}
.automation_logs_collapse div#popuploader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.automation_logs_collection .collection_picker.treeview_automatiom_li.collection_tree_li {
    margin-left: 25px;
}
.automation_logs_collection
    .collection_picker.treeview_automatiom_li.collection_tree_li
    .treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first.collection_parent
    .treeview_automatiom_label.pointer_events_none {
    margin-left: 0px !important;
}

/* Runtime logs collection tree End */

#runtime_arrow {
    animation: 3s linear 0.1s;
}

.automation_logs_width .context_popup_buton_content {
    height: auto !important;
}

.automation_logs_width
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .automation_logs_collection
    li.treeview_automatiom_li:last-child:before {
    height: 25px !important;
}

.automation_logs_width .context_popup_buton_content .treeview_automatiom_ul_hide .treeview_automatiom_li_first:after {
    top: -13px;
}

.automation_logs_width
    .context_popup_buton_content
    .treeview_automatiom_ul_hide
    .automation_logs_collection
    .treeview_automatiom_li_first:after {
    top: 1px;
}
.automation_logs_width
    .context_popup_buton_content
    .popup_tree
    .tree1
    li.treeview_automatiom_li_first::before:first-child {
    height: calc(100% - -3px);
}

.treeview_automatiom_li_parent label {
    margin-bottom: 0px;
}

.automation_logs .tree1.treeview_automatiom_ul li.treeview_automatiom_li_parent:first-child::before {
    height: calc(100% - -6px);
}

/* Runtime logs new UI Start */
.automation_logs_collapse_close h4 span.counters_length {
    margin: 0px 3px;
}
.runtime_counters {
    color: #333;
    position: absolute;
    right: -7px;
    background: #d5ffee;
    font-size: 9px;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    top: -7px;
    border-radius: 50%;
}
.automation_logs.automation_logs_runtime_logs .dialog_context_tree_head_right_svg.collapsed {
    transform: rotate(0deg);
    margin-top: 0px;
    margin-left: 5px;
}
.automation_logs.automation_logs_runtime_logs .dialog_context_tree_head_right_svg {
    transform: rotate(90deg);
    margin-top: -6px;
    margin-left: 5px;
}
.automation_logs.automation_logs_runtime_logs .automation_logs_collapse_open_content_scroll ul li div pre {
    margin-bottom: 5px;
}
.foreach_loop_logs {
    width: 100%;
    float: left;
}
.runtime_foreach_wrapper {
    width: 100%;
    float: left;
}
.runtime_logs_collapse {
    width: 100%;
    float: left;
    background: #fff;
    min-height: 38px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 10px 10px 0px 10px;
    cursor: pointer;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.runtime_logs_collapse_odd {
    width: 100%;
    float: left;
    background: #fff;
    min-height: 38px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #fff;
    padding: 0px;
    cursor: pointer;
    flex-wrap: wrap;
}
.runtime_logs_collapse_even {
    width: 100%;
    float: left;
    background: #f4f4f4;
    min-height: 38px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 0px 10px;
    flex-wrap: wrap;
    cursor: pointer;
}
.runtime_logs_collapse h4 span {
    display: flex;
    margin-right: 5px;
}
.runtime_logs_collapse h4 span.counters_length {
    margin: 0px 3px;
}
.runtime_logs_collapse h4 span.job_span_color {
    background: #b59cef;
    color: #fff;
    border: 1px solid #b59cef;
    width: auto;
    height: 18px;
    padding: 0px 6px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    margin-left: 5px;
}
.logs_hedaer_wrapper {
    width: 100%;
    float: left;
}
.foreach_loop_logs_wrapper_ul {
    width: 100%;
    float: left;
}
.foreach_loop_logs_wrapper_li {
    width: 100%;
    float: left;
    padding: 10px;
}
.runtime_foreach_wrapper .automation_logs_collapse_right {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
}

/* Runtime logs new UI end */
.automation_logs .tree1.treeview_automatiom_ul li.treeview_automatiom_li.logs_tree_parent:last-child {
    margin-top: -14px;
}
.automation_logs.automation_logs_runtime_logs
    .tree1.treeview_automatiom_ul
    li.treeview_automatiom_li.logs_tree_parent:last-child {
    margin-top: 0px;
}
.automation_logs.automation_logs_runtime_logs
    .automation_logs_width
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .collection_picker
    .button_auto {
    margin-top: 2px !important;
    margin-bottom: 0px;
}
.automation_logs .tree1.treeview_automatiom_ul .automation_logs_collection li.treeview_automatiom_li.logs_tree_parent {
    margin-top: 8px;
}

/* Foreach autoamtion start*/
.loop_autoamtion_header {
    width: 100%;
    display: flex;
    background: #fff;
    padding-left: 10px;
    justify-content: space-between;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    align-items: center;
}
.loop_autoamtion_header h4 {
    width: 100%;
    float: left;
    height: 52px;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-family: 'Gordita-Medium';
    color: #000;
    margin-bottom: 0px;
}
.loop_autoamtion_header span {
    width: 32px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 5px;
}
.loop_autoamtion_header span svg {
    width: 32px;
    height: 32px;
    fill: #466382;
}
.loop_autoamtion_header .autoamtion_expend_icon {
    margin-right: 10px;
    width: 16px;
}
.loop_autoamtion_header .autoamtion_expend_iconsvg {
    width: 16px;
    height: 16px;
    fill: #466382;
}
/* .loop_automation_li {
    background: #ccc;
    border-radius: 4px;
    min-width: 240px;
    padding-bottom: 40px;
} */
.loop_automation_li .end_node {
    width: auto;
    float: left;
}
.loop_automation_li .flow_buttons {
    top: -24px;
}

.loop_automation_li .line_hover_plus_icon_svg {
    margin-left: 0px;
}
.loop_automation_li .loop_foreach_condition .line_hover_plus_icon_svg {
    margin-left: 0px;
}
.loop_automation_li .end_node .line_hover_dropdown {
    margin-left: 0px;
    z-index: 11;
    margin-top: 28px;
}

.add_loop {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
.add_foreach_loop {
    width: 22px;
    height: 22px;
    background: #355d8b;
    display: flex;
    align-items: CENTER;
    justify-content: center;
    border-radius: 50%;
    float: left;
    cursor: pointer;
    position: relative;
    left: 1px;
}
.add_foreach_loop:hover {
    background: #ffe5d3;
    transition: 0.2s ease;
}
.add_foreach_loop:hover svg {
    fill: #333;
}

.add_foreach_loop svg {
    width: 10px;
    height: 10px;
    fill: #fff;
}

.loop_automation_li .line_hover_plus_icon_svg.foreach_children_plus_bottom_menu {
    position: absolute;
    margin-top: -10px;
    margin-left: 0px;
    left: 16%;
}
.line_hover_plus_icon.foreach_line_hover_plus_icon {
    margin-left: 0px !important;
    box-shadow: none;
}
.loop_automation_li
    .line_hover_plus_icon.foreach_line_hover_plus_icon
    .line_hover_plus_icon_svg.foreach_children_plus_bottom_menu {
    position: relative;
    margin-top: -10px;
    margin-left: 10px;
    left: 0;
    height: 40px;
}
.loop_automation_li .line_hover_dropdown.foreach_bottom_menu {
    margin-left: 0px;
    margin-top: -22px;
}
.loop_automation_li {
    width: max-content;
    position: relative;
}
.multi_child_li .loop_automation_li .end_node .line_hover_dropdown {
    margin-top: -2px;
}
.loop_autoamtion_header .for_each_warning_alert .no_input_value {
    position: relative;
    right: 0px;
    top: 0px;
}
.loop_autoamtion_header .for_each_warning_alert span svg {
    width: 15px;
    height: 15px;
}
.loop_autoamtion_header .for_each_warning_alert .error_menu_hvr {
    max-width: max-content;
    position: absolute;
    width: 300px;
    margin-left: 13px;
    margin-top: -5px;
    display: none;
}

.loop_autoamtion_header .for_each_warning_alert:hover .error_menu_hvr {
    display: block;
}
/* .loop_automation_li:hover .line_hover_plus_icon_svg.foreach_children_plus_bottom_menu{

    position: absolute;
    margin-top: 61px;
} */
.loop_foreach_condition:hover .line_hover_plus_icon {
    top: 0px;
    opacity: 1;
}

/* .foreach_bottom_menu {
    margin-top: 98px !important;
} */

.loop_automation_li ul {
    flex-direction: column;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
}
.loop_automation_li .multi_child_li {
    flex-direction: row;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
/* .panel_tree ul.tree_left_side.forEach_children::before {
    left: 48%;
} */
/* .tree_left_side.forEach_children {
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%;
    float: left;
} */

.tree_left_side.inside_forEach {
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0px;
    width: 100%;
    float: left;
    background: #ccc;
    /* margin-top: 40px; */
}
/* Foreach autoamtion end*/
/* .loop_automation_li .line_hover_dropdown {
    margin-bottom: 50px;
    z-index: 10000;
    position: absolute;
    display: block;
} */
.loop_automation_li .line_hover_dropdown {
    width: auto;
    float: left;
    margin-top: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    z-index: 11;
    right: 0;
}
.loop_automation_li .add_loop {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

.loop_foreach_condition {
    display: inline-flex;
    background: #ccc;
    flex-direction: column;
    border-radius: 6px;
    padding-bottom: 40px;
    width: max-content;
    min-width: 240px;
    align-items: center;
    justify-content: center;
    margin: 0px 15px;
}
.loop_foreach_condition:hover .flow_buttons {
    visibility: visible;
    margin-left: 0px;
    width: max-content;
    right: 0px;
}
.multi_child_li .loop_autoamtion_header .flow_buttons.parallel_child {
    right: 16px;
    top: 16px !important;
}
.loop_automation .loop_foreach_condition .arrow_menu .loop_automation_icon.line_hover_plus_icon {
    margin-left: 0px;
}
.loop_foreach_condition .line_hover_plus_icon .line_hover_dropdown {
    margin-top: 15px;
    left: -89px;
}

.loop_automation
    .loop_foreach_condition
    .tree_left_side.inside_forEach
    .dropdown_icons_li
    .arrow_menu
    .loop_automation_icon.line_hover_plus_icon {
    margin-left: -1px;
}
.dropdown_icons_li .arrow_menu_dropdown {
    position: relative;
    top: 1px;
    left: 1px;
}
.flow_tree.parallel_path_child .arrow_menu_dropdown {
    position: relative;
    top: -5px;
    left: 0px;
}
.loop_automation .end_node .arrow_menu .line_hover_plus_icon_svg {
    position: absolute;
    margin-top: 2px;
}
/* .loop_foreach_condition:hover .arrow_menu .line_hover_plus_icon{
        opacity:1 !important;
    } */

.loop_automation_li .line_hover_plus_icon.loop_automation_icon .line_hover_plus_icon_svg svg {
    width: 6px;
    height: 6px;
    fill: #fff;
    top: -11px;
}
.loop_automation_li .line_hover_plus_icon.loop_automation_icon .line_hover_plus_icon_svg {
    margin-left: 3px;
}

.loop_automation_li .end_node .line_hover_plus_icon.loop_automation_icon .line_hover_dropdown {
    margin-left: -4px;
    z-index: 11;
    margin-top: 15px;
}
.loop_automation .loop_foreach_condition .for_each_hover {
    visibility: visible;
    top: 9px !important;
    right: 5px;
    position: relative;
    margin-left: 0px;
    display: flex;
    justify-content: flex-end;
}
.market_place.for_each_hover {
    visibility: visible;
    top: 0px;
    right: 5px;
    position: relative;
    margin-left: 0px;
}
.market_place .flow_buttons_icons_content:hover ~ .flow_buttons_information {
    display: block;
    margin-left: 38px;
    word-break: break-word;
}

.for_each_hover .flow_buttons_icons .flow_buttons_icons_content:first-child svg {
    width: 15px;
    height: 15px;
}
.line_hover_dropdown_li:hover ~ .arrow_menu {
    display: none;
}
.loop_automation_li .multi_child_li .line_hover_plus_icon_svg {
    margin-left: 7px;
}
.loop_automation_li .loop_foreach_condition .multi_child_li .line_hover_plus_icon_svg {
    /* margin-left: 0px; */
}
.loop_automation_li .multi_child_li .end_node .line_hover_dropdown {
    margin-left: 0px;
    top: 90px;
}
.loop_automation_li .multi_child_li .tree_left_side .end_node .line_hover_dropdown {
    top: 55px;
}
.loop_automation_li .multi_child_li .dotted_line_add.end_node .line_hover_dropdown {
    top: 50px;
}
/*automation sidepanel loop start*/
.tree_node_parent.foreach_loop_panel .step_border_left.foreach_loop_left {
    padding: 0px !important;
}

.step_border_left_h6.foreach_loop_h6 {
    padding: 10px 10px 0px;
}

.tree_left_lines.foreach_loop_tree {
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
.foreach_loop_tree .margin_bottom_for_end_node {
    margin-bottom: 8px;
}
.foreach_loop_container .step_border_left {
    width: 170px;
    position: relative;
    z-index: 9;
    background: #fff;
    margin-bottom: 0px;
}

.step_border_left.inside_for_node {
    margin-left: -10px;
}
.step_border_left.inside_for_node.left_6 {
    left: 6px;
}

.foreach_loop_container .tree_node.tree_node_parent:before {
    left: 50%;
    top: 0;
    height: calc(100% - -6px);
}

.parallel_path_top .tree_node.tree_node_parent:before {
    display: none;
}
.foreach_loop_container .tree_node.tree_node_parent:before:last-child {
    display: none;
}

.foreach_loop_container ul .tree_node.tree_node_parent:last-child .step_border_left_number {
    display: none !important;
}

.foreach_loop_container ul .tree_node.tree_node_parent:last-child .step_border_left {
    margin-bottom: 0px;
    margin-left: -10px;
}

.foreach_loop_container .step_border_left_number {
    width: 14px;
    height: 14px;
    color: #fff;
    font-size: 8px;
    left: -1px;
    z-index: 9;
    bottom: -22px;
}

.foreach_loop_container .step_border_left_line {
    display: none;
}

.foreach_loop_container .step_border_left_lists .step_border_left_lists_title {
    width: 84%;
}

.foreach_loop_container .tf-tree {
    margin-top: 0px;
}
.step_border_left.foreach_loop_left:before {
    position: absolute;
    top: -380px;
    bottom: 0;
    left: -23px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    content: '';
    height: calc(100% - -300px);
}
.automation_canvas .step_border_left.foreach_loop_left:before {
    display: none;
}
.left_popup_automation_tree:before {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 21px;
    display: none;
    width: 1px;
    border-left: 0.5px solid #466af3;
    content: '';
    height: 30px;
    z-index: 1;
}

.marketplace_app_workflow_line .left_popup_automation_tree:before {
    height: 0;
}

.left_popup_automation_tree.empty_second_step:before {
    border-left: 0.5px solid #fff;
}

.tf-nc.tf-nc-click {
    width: 33px;
    height: 33px;
}

.foreach_loop_container .tf-tree-li-span {
    border-left: 1px solid #466af3;
    position: absolute;
    height: 10px;
    top: 13px;
    margin-top: 6px;
}

.foreach_loop_container {
    width: 100%;
    float: left;
}

.foreach_loop_container .left_panel_parallel_path.tree_node {
    width: auto;
}

.foreach_loop_container .tf-tree .tf-node-content,
.tf-tree .tf-nc {
    width: 24px;
    height: 24px;
}

.foreach_loop_container .tf-nc img {
    width: 18px;
    height: 18px;
}

.foreach_loop_container .parallel_path-parent.tree_node.tree_node_parent:before {
    display: none;
}

.foreach_loop_container .parallel_path-parent.tree_node.tree_node_parent .step_border_left .step_border_left_number {
    display: none;
}

.foreach_loop_container .tf-tree-ul-li-ul .tf-tree-li:before {
    top: -15px;
}

.foreach_loop_container .tf-tree:before {
    top: -12px;
    /* visibility: hidden; */
    left: 105px;
}

.parallel_path_has_4childs .foreach_loop_container .tf-tree:before {
    left: 90px;
}

.foreach_loop_container .parallel_path-parent.tree_node.tree_node_parent {
    padding-left: 0px;
}
.foreach_loop_container .parallel_path_has_5childs {
    position: relative;
    left: -5px;
}

.foreach_loop_container .parallel_path_has_5childs .tree_left.tree_left_lines_child {
    position: relative;
    left: 5px;
}

.foreach_loop_container .parallel_path_has_2childs .tree_left.tree_left_lines_child {
    position: relative;
    left: 0px;
}

.foreach_loop_container .parallel_path_has_4childs .tree_left.tree_left_lines_child {
    position: relative;
    left: 0px;
}

.foreach_loop_container .parallel_path_has_3childs {
    position: relative;
    left: 28px;
}

.foreach_loop_container .parallel_path_has_3childs .tree_left.tree_left_lines_child {
    position: relative;
    left: 7px;
}
/*need to check all browser*/
.tf-tree-ul-li-ul .tf-tree-li:before {
    left: calc(0% - 18px);
    width: calc(100% - -6px);
}
.tf-tree .tf-nc::before {
    position: absolute;
    display: block;
    height: 10px;
    left: calc(50% - 0.03125em);
    top: -10px;
}
.tf-tree .tf-nc.tf-nc-click::before {
    position: absolute;
    display: block;
    height: 10px;
    left: calc(50% - 0.03125em);
    top: -10px;
}
.step_border_left_h6.foreach_loop_h6 .step_border_left_number {
    display: none;
}
/*need to check all browser*/

/*automation sidepanel loop end*/

/* automation logs Foreach start */
.analytics_popup_foreach {
    width: 100%;
    float: left;
    padding: 15px;
}
.analytics_popup_foreach_wrapper {
    width: 100%;
    float: left;
    background: #fff;
    min-height: 38px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #ccc;
    cursor: pointer;
    flex-wrap: wrap;
    padding: 0px 15px;
}
.analytics_popup_foreach_wrapper .analytics_popup_body_plus:first-child {
    background: #fff;
    border: 1px solid #fff;
}

.analytics_popup_foreach_wrapper .analytics_popup_body_plus:last-child {
    margin-bottom: 20px;
}
.automation_logs_output_popup .analytics_popup_foreach_wrapper .analytics_popup_body {
    padding: 0px;
}
.automation_logs_output_popup .analytics_popup_body {
    padding: 0px 20px;
}
.for_each_header {
    padding-bottom: 0px !important;
    border: none !important;
}
.for_each_header h4 {
    width: auto !important;
}
.automation_canvas
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .collection_picker
    li::before {
    left: -10.5px !important;
}
.context_foreach_wrapper .context_popup_accordian_open:first-child:before {
    content: none !important;
}
.context_foreach_wrapper {
    width: 100%;
    float: left;
}
.arrow_menu .line_hover_plus_icon {
    margin-left: -3px;
}

.arrow_menu .line_hover_plus_icon_svg svg {
    width: 6px;
    height: 6px;
    fill: #fff;
    top: 0;
}
/* automation logs Foreach start */

.function_popup .tree1.treeview_automatiom_ul .select_work_form ul li {
    align-items: baseline;
    flex-wrap: nowrap;
    width: max-content;
}
.function_popup .collection_child_examples {
    margin-bottom: 0px;
    width: auto;
    word-break: unset;
    padding-top: 0px;
    white-space: pre;
    padding-bottom: 0px;
    overflow: visible;
    position: relative;
    display: block;
    padding-left: 3px;
}
.function_popup .collection_picker .button_auto {
    margin-top: 0px;
    margin-bottom: 0px;
}
.function_popup .treeview_automatiom .treeview_automatiom_ul {
    overflow-x: scroll;
}
.automation_logs.automation_logs_runtime_logs
    .tree1.treeview_automatiom_ul
    li.treeview_automatiom_li.logs_tree_parent:last-child {
    margin-top: 0px;
}

/* 4152 */
.treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first.collection_parent:before {
    height: 0px !important;
}
.automation_logs_runtime_logs .automation_logs_collection li {
    margin-left: -8px;
}
.automation_logs .tree1.treeview_automatiom_ul .automation_logs_collection li.treeview_automatiom_li.logs_tree_parent {
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

.tree_collection_header .popup_tree_head_left_svg svg {
    width: 24px;
}
.flow_popup1.upgrade_modal_popup [data-ml-modal] .modal-dialog {
    border-radius: 18px;
    width: 100%;
    width: 37%;
    box-shadow: 0 0 5px #999;
    text-align: center;
    z-index: 2;
    position: absolute;
    margin: 0px;
    max-width: 100%;
}
.flow_popup1.upgrade_modal_popup .modal-content {
    padding: 30px 40px 30px;
    box-shadow: 0px 3px 6px #0000001a;
    border-radius: 10px;
}
.flow_popup1 .modal-content .popup_upgrade_wrapper {
    width: 100%;
    float: left;
}
.flow_popup1 .modal-content .popup_upgrade_wrapper h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Seravek-Medium';
    margin: 0px;
    padding-bottom: 12px;
    display: block;
    word-break: break-word;
    line-height: inherit;
}
.flow_popup1 .modal-content .popup_upgrade_wrapper h2 span {
    color: #2e5ce6;
}
.flow_popup1 .modal-content .plans_calc_wrapper p {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #ccc;
    padding-bottom: 10px;
    font-size: 20px;
}
.flow_popup1 .modal-content .plans_calc_wrapper {
    background: #f4f4f4;
    padding: 15px;
    border-radius: 18px;
    margin-bottom: 15px;
}
.flow_popup1 .modal-content .plans_calc_wrapper p:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    border-bottom: none;
}
.flow_popup1 .modal-content .plans_calc_wrapper p span:last-child {
    font-family: 'Seravek-Medium';
}

.automation_logs.automation_logs_runtime_logs
    .trigger_tree_wrapper
    .tree1.treeview_automatiom_ul
    li.treeview_automatiom_li.logs_tree_parent:last-child {
    margin-top: 15px;
    display: block;
}
.trigger_tree_wrapper .tree_structure_body .button_auto {
    margin-top: 10px;
}
.trigger_tree_wrapper .context_popup_tree_value {
    padding-bottom: 0px;
    display: inline-flex;
    align-items: center;
}
.automation_logs_collapse_open_content .trigger_tree_wrapper ul li {
    display: inline-flex;
    align-items: baseline;
    margin-bottom: 0px;
}
.automation_logs
    .trigger_tree_wrapper
    .tree1.treeview_automatiom_ul
    li.treeview_automatiom_li_parent:first-child::before {
    height: 20px;
    top: 10px;
}
.automation_logs.automation_logs_runtime_logs
    .trigger_tree_wrapper
    .tree1.treeview_automatiom_ul
    li.treeview_automatiom_li_parent:first-child::before {
    height: 20px;
    top: 10px;
}
.automation_logs.automation_logs_runtime_logs
    .trigger_tree_wrapper
    .tree1.treeview_automatiom_ul.for_logs
    li.treeview_automatiom_li_parent:first-child::before {
    height: 28px !important;
}
.trigger_tree_wrapper .treeview_automatiom_li_parent .popup_tree_head {
    top: 0px;
}
.trigger_tree_wrapper .tree_structure_body .treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first {
    margin-top: 10px;
}
.market_place .error_style {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    flex-wrap: wrap;
    flex-direction: column;
}
.market_place .error_style p {
    font-family: 'Gordita-Regular';
    font-size: 16px;
}

.slack_buton_center.slack_btn_icon.slack_buton_error {
    display: FLEX;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.slack_buton_center.slack_btn_icon.slack_buton_error .slack_buton_center.slack_buton_error {
    width: auto;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
}

/* tree changes */

/* .multi_child_li .flow_buttons {
     top: 16px !important;
} */
.loop_autoamtion_header .for_each_hover.flow_buttons.parallel_child .flow_buttons_icons {
    top: 0px;
    left: 0px;
}
.for_each_hover .flow_buttons_icons {
    box-shadow: none;
    top: 0px;
}

/* .multi_child_li .tree_left_side .end_node .flow_buttons {
     top: -24px !important;
} */

#parallel_path_parent0 {
    align-items: center;
}

.multi_child_li .loop_autoamtion_header .flow_buttons {
    top: -24px !important;
    position: absolute;
    right: 16px;
}
.loop_automation .loop_foreach_condition .for_each_hover {
    top: 0px !important;
}
.line_hover_plus_icon_svg.foreach_children_plus_bottom_menu {
    position: relative !important;
    margin-top: -9px;
}
.end_node .line_hover_dropdown.foreach_bottom_menu {
    margin-left: 0px;
    margin-top: -24px;
}
.multi_child_li .end_node .line_hover_dropdown.foreach_bottom_menu {
    top: inherit;
}
.multi_child_li .end_node .line_hover_dropdown.adding_as_parallel_path_parent.foreach_bottom_menu {
    top: 100px;
}
.parallel_path_plus_btn._foreach {
    margin-left: 10px !important;
}

.multi_child_li .end_node {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 40px;
}

.multi_child_li .dropdown_icons_li {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 40px;
}

.tree_left_side .loop_automation_li .dropdown_icons_li .multi_child_li .dropdown_icons_li .parallel_path_plus_btn {
    margin-left: 0px;
}
/* Automation logs tree strcuture */
.collection_picker.collection_picker_wrapeer {
    width: 100%;
    float: left;
    overflow-x: scroll;
    padding-top: 0px;
}
.automation_logs_output_popup
    .analytics_popup_body_minus_body
    .treeview_automatiom_ul
    .collection_picker.collection_picker_wrapeer
    li.treeview_automatiom_li_first:after {
    margin-top: -2px;
    left: 25px;
}
.automation_logs_output_popup
    .analytics_popup_body_minus_body
    .treeview_automatiom_ul
    .collection_picker.collection_picker_wrapeer
    li.treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first
    .button_auto_first:before {
    top: 5px;
}

.automation_logs_tree
    .automation_logs_collection
    .collection_picker.collection_picker_wrapeer
    li.treeview_automatiom_li:last-child:before {
    height: 0px !important;
}
.automation_logs_tree
    .collection_picker.collection_picker_wrapeer
    .automation_logs_collection
    li.treeview_automatiom_li:before {
    left: 15.5px;
}
.automation_logs_tree
    .popup_tree
    .tree1
    .collection_picker.collection_picker_wrapeer
    .automation_logs_collection
    li::after {
    left: 25px;
}
.popup_tree_head_left_svg {
    z-index: 1;
}
.collection_picker.collection_picker_wrapeer
    .automation_logs_collection
    .collection_picker
    .treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first.collection_parent {
    margin-top: 8px;
}
.collection_picker.collection_picker_wrapeer
    .tree_collection_header
    .collection_picker
    .automation_logs_collection:before {
    height: 0;
}
.collection_picker.treeview_automatiom_li.collection_tree_li {
    position: relative;
    left: 0;
}

.collection_picker.treeview_automatiom_li.collection_tree_li li.treeview_automatiom_li.collection_parent {
    position: relative;
    left: 14px;
}
.collection_picker.treeview_automatiom_li.collection_tree_li
    li.treeview_automatiom_li.collection_parent
    .tree_collection_header {
    position: relative;
    left: 14px;
}
.collection_picker.collection_picker_wrapeer
    .automation_logs_collection
    li.treeview_automatiom_li
    .object_inside_collection:before {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 41px;
    display: block;
    width: 0;
    border-left: 1px solid #859fbc !important;
    content: '';
    height: calc(100% - 40px);
    display: none;
}

.collection_picker.collection_picker_wrapeer
    .collection_picker_workflow_collection
    .automation_logs_collection
    li.treeview_automatiom_li
    .object_inside_collection:before {
    top: 20px;
}
.automation_logs_tree .collection_picker.collection_picker_wrapeer .button_auto {
    margin-top: -2px !important;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}
.automation_logs_tree .collection_picker.collection_picker_wrapeer .object_inside_collection ul {
    padding-top: 2px;
    overflow: hidden;
}

.automation_logs_tree
    .collection_picker.collection_picker_wrapeer
    .collection_picker_workflow_collection
    .object_inside_collection
    ul {
    position: relative;
    left: 19.5px;
}
.automation_logs_output_popup
    .automation_logs_tree
    .collection_picker.collection_picker_wrapeer
    .context_popup_tree_value {
    width: auto;
    word-break: unset;
    padding-top: 0px;
    white-space: pre;
    padding-bottom: 13px;
    overflow: visible;
    position: relative;
    display: block;
    padding-left: 3px;
}
.analytics_popup_body_minus
    .automation_logs_tree
    .collection_picker.collection_picker_wrapeer
    .tree_collection_header
    .automation_logs_collection
    .treeview_automatiom_label {
    display: block;
}
.analytics_popup_body_minus
    .automation_logs_tree
    .collection_picker.collection_picker_wrapeer
    .treeview_automatiom_label
    .button_auto {
    width: auto;
    float: left;
    margin-bottom: 0;
}
.automation_logs_tree .collection_picker.collection_picker_wrapeer .collection_parent svg {
    float: left;
}

.collection_picker.collection_picker_wrapeer
    .collection_picker.treeview_automatiom_li.collection_tree_li
    .tree_collection_header {
    left: 14px;
}

/*  */
.collection_picker.collection_picker_wrapeer .object_inside_collection:before {
    height: 10px;
    left: 29px;
}
.collection_picker.collection_picker_wrapeer .object_inside_collection ul {
    overflow-x: hidden;
    overflow: hidden;
    max-height: max-content;
}

.collection_picker.collection_picker_wrapeer .collection_condition_variable_picker .object_inside_collection ul {
    margin-left: 14px;
    /* margin-top: 10px; */
    overflow: visible;
}

.context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .popup_tree
    .tree1
    .collection_condition_variable_picker
    li::before {
    height: calc(100% - -38px);
}

.collection_picker.collection_picker_wrapeer .collection_condition_variable_picker .object_inside_collection:before {
    height: 0 !important;
}

.automation_canvas
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .collection_picker
    .collection_condition_variable_picker
    .object_inside_collection
    li::before {
    height: calc(100% - -10px);
    top: -12px;
    left: -11px !important;
}

.collection_picker.collection_picker_wrapeer .object_inside_collection {
    width: auto;
    float: left;
    margin-top: 12px;
}
/* Onprem listview icons error */
.onprem_icons_wrapper {
    width: auto;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 8px;
}
.onprem_icons_wrapper .connect_account_failed .error_input_show {
    float: left;
    right: 0;
    margin-top: 0px;
    bottom: 0px;
    top: 0;
    left: inherit;
    position: relative;
    width: 16px;
    height: 16px;
}
.onprem_icons_wrapper .connect_account_failed {
    width: auto;
    margin-left: 8px;
}
.onprem_icons_wrapper .connect_account_failed .error_input_show svg {
    width: 16px;
    height: 16px;
    top: 0px;
}
.onprem_icons_wrapper .error_input_show:hover .error_menu_hvr {
    position: relative;
    left: -200px;
    top: 25px;
}
.onprem_select_wrapper .select_work_form ul li {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 14px;
    font-family: 'Seravek-light';
    min-height: 30px;
    padding: 0 10px;
    background: #fff;
    cursor: pointer !important;
    max-height: max-content;
    height: inherit;
    display: flex;
    align-items: center;
}
.list-full-width .onprem_icons_wrapper .error_menu_hvr {
    width: 180px;
    margin-left: 15px;
    height: auto !important;
}
.onprem_icons_wrapper .intent_examples_list span {
    position: relative;
}
.onprem_icons_wrapper .on_prem_test_btn {
    margin-top: 0px;
}
.onprem_select_wrapper {
    width: 100%;
    float: left;
}
.onprem_select_wrapper .select_work_form {
    width: 100%;
    float: left;
    position: relative;
}
.onprem_select_wrapper .select_work_form .input_img_left {
    position: absolute;
    margin-top: 19px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
.onprem_select_wrapper .select_work_form .arrow_up_form {
    position: absolute;
    margin-top: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
    right: 10px;
    left: inherit;
}
.onprem_select_wrapper .automation_scroly .application_dropdown_content {
    width: 92%;
    float: left;
    display: flex;
    text-align: left;
}
.onprem_select_wrapper .select_work_form ul li:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom: 0.5px solid #ffe5d3;
}
/* Onprem listview icons error */

/* foreach popup logs tree */

.select_work_form .form_req_step_two_global_form .collection_picker_in_input_page ul {
    overflow-y: inherit;
    max-height: max-content;
    box-shadow: none;
    margin-top: 8px;
}
.select_work_form .form_req_step_two_global_form .collection_picker_in_input_page ul li {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: inherit;
    display: table;
    float: inherit;
}
.form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .collection_picker
    li.collection_picker_parent::before {
    height: 0rem !important;
    top: 0;
    left: -23px;
}
.form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    li.collection_picker.treeview_automatiom_li.collection_tree_li::after {
    display: none;
}
.form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .treeview_automatiom_li
    .object_inside_collection
    ul {
    position: relative;
    right: 40px;
    top: 0px;
}
.form_req_step_two_global_form .collection_picker_in_input_page .popup_tree .tree1 .collection_picker li::before {
    left: -8.5px;
    position: absolute;
    top: -12px;
    height: calc(100% - -12px);
}
.foreach_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .treeview_automatiom_li::before {
    top: -12px;
}

.foreach_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .collection_tree_li.treeview_automatiom_li
    .treeview_automatiom_li::before {
    top: -12px;
}
.form_req_step_two_global_form .collection_picker_in_input_page .popup_tree .tree1 li .collection_child_examples {
    line-height: normal;
    display: inline;
    white-space: pre-wrap;
    word-break: break-all;
}
.foreach_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    li
    .collection_child_examples {
    /* display: block; {css tree default} */
    display: flex;
    padding-left: 0px;
    min-height: 20px;
    align-items: center;
}
/* function_popup tree ui issues */
.automation_canvas_right.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .treeview_automatiom_li
    .object_inside_collection
    ul {
    position: relative;
    left: -1px;
    top: 0px;
}
.automation_canvas_right.function_popup .select_work_form .automation_scroly ul li {
    display: flex;
    height: 30px !important;
}
.function_popup .context_popup_accordian_open.context_popup_accordian_open_margin_zero .collection_child_examples {
    display: inline-block;
    font-family: 'Seravek-Light';
}

.foreach_popup .treeview_automatiom_ul .collection_picker .collection_parent {
    margin-left: 27px;
}
.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .treeview_automatiom_ul
    .collection_picker.treeview_automatiom_li.collection_tree_li
    .logs_tree_parent.treeview_automatiom_li_first.collection_parent {
    margin-left: 13px;
}
.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .treeview_automatiom_ul
    .collection_picker.treeview_automatiom_li.collection_tree_li:last-child:after {
    display: none;
}
.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .treeview_automatiom_ul
    .collection_picker.treeview_automatiom_li.collection_tree_li:last-child:before {
    height: 0rem !important;
}
.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first.collection_parent {
    margin-left: 26px;
}
.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    ul
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:before {
    position: absolute;
    top: -32px;
    left: -9.5px;
    height: calc(100% - -12px);
}
.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .tree1
    .collection_picker
    li:last-child:before {
    height: 2rem !important;
}

.function_popup .collection_picker.treeview_automatiom_li.collection_tree_li:last-child:before {
    height: 0rem !important;
}

.function_popup
    .collection_picker.treeview_automatiom_li.collection_tree_li
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:last-child:before {
    height: 2rem !important;
}

.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .collection_picker
    li::before {
    left: -8.5px;
    position: absolute;
    top: -31px;
    height: calc(100% - -12px);
}
.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .collection_picker
    li:last-child::before {
    height: 2rem !important;
}
.function_popup .collection_picker.treeview_automatiom_li.collection_tree_li:last-child:before {
    height: 0rem !important;
}
.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .collection_picker
    li.collection_picker_parent::before {
    height: 0rem !important;
}
.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .collection_picker.treeview_automatiom_li.collection_tree_li:last-child::before {
    height: 0rem !important;
}
.function_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    li
    .collection_child_examples {
    display: flex !important;
}
/* .function_popup .automation_global_form p{
    margin-bottom:12px;
} */

.function_popup .automation_form_req.automation_form_req_step_two {
    margin: 0;
}
.function_popup .error_handle_autoamtion_bg {
    padding: 0px;
    margin-bottom: 0px;
}
.function_popup .error_handle_autoamtion_bg p {
    margin-bottom: 0px;
    margin-top: 0px;
}
.function_popup .error_handle_autoamtion h4 {
    margin-bottom: 0px;
    margin-top: 20px;
}
.function_popup .automation_global_form:last-child p {
    margin-bottom: 0px;
}
/* context popup */

.automation_canvas_right.function_popup .collection_picker_in_input_page label.treeview_automatiom_label {
    margin-left: 20px !important;
    width: auto;
    position: relative;
    display: inline-block;
    background: inherit;
    margin: 0px;
}
.function_popup .popup_tree .tree1 li.treeview_automatiom_li .collection_child_examples {
    display: inline-block !important;
}
.onprem_align_center .listite_centre.autoamtion_connect_dialog_listview {
    justify-content: center;
    width: 100%;
}
.onprem_align_center .onprem-list-view-icon-status {
    justify-content: center;
}

/* context popup */

/* COG1-4996 */
.automation_logs .tree1.treeview_automatiom_ul li.treeview_automatiom_li.logs_tree_parent.collection_parent:last-child {
    margin-top: 10px;
}
/* COG1-4996 */
.right_panel_ht .text_left_p_0 {
    text-align: left;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #355d8b;
    padding-left: 0px;
}
/* The container */
.container-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 2px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Gordita-Regular';
    color: #000;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #0a89e8;
    border: 1px solid #0a89e8;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #0a89e8;
    border: 1px solid #0a89e8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox_wrapper {
    width: 100%;
    float: left;
    padding: 0px 15px;
    margin-bottom: 20px;
    height: 100%;
    margin-top: 20px;
}
.checkbox_wrapper ul {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 180px);
}
.checkbox_wrapper h5 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin-bottom: 15px;
    color: #494949;
}
.marketplace_search_sticky {
    width: 100%;
    position: sticky;
    margin-top: 20px;
}
.checkbox_wrapper ul li {
    list-style: none;
    padding: 5px 0;
}
.app_category_wrapper {
    width: 99%;
    float: left;
    height: 100%;
}
.app_category_wrapper .side_menu_ul {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 180px);
}
.app_category_wrapper h5 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin-bottom: 0px;
    color: #000;
    background: #fff 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    height: 48px;
    padding-left: 15px;
}
.sidepanel_menu_right .app_category_wrapper .side_menu_li {
    border: none;
    justify-content: flex-start;
    padding: 0px 15px;
    height: 40px;
}
.sidepanel_menu_right .app_category_wrapper .side_menu_li p {
    margin-left: 0px;
    font-size: 14px;
    width: 100%;
}
.app_category_wrapper .apps_counter {
    color: #ff7900;
}
.sidepanel_menu_right .app_category_wrapper .side_menu_li:hover .apps_counter {
    color: #ff7900;
}
.market_place .flex_side_menu {
    width: 240px;
}
.market_place .sidepanel_menu_right {
    width: 240px;
}
.market_place .sidepanel_menu_right_menu {
    height: calc(100vh - 80px);
    justify-content: flex-start;
}

.market_place_wrapper {
    width: 100%;
    display: flex;
}
.market_place_wrapper .marketplace_head .cogni_cards:after {
    width: 280px;
}
.market_place_wrapper .marketplace_head .indent_left {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-top: 10px;
}

.market_place_wrapper .sidepanel_menu_right_head {
    /* border-bottom: 0.5px solid #e2e2e2; */
}
.marketplace_container {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}
.show_more_link span {
    font-size: 14px;
    user-select: none;
    font-family: 'Gordita-Regular';
    margin-top: 7px;
    color: rgb(36, 104, 246);
    text-decoration: underline;
    cursor: pointer;
    width: auto;
}
.side_menu_li.show_more_link:hover {
    background: #fff;
    color: #fff;
    border-bottom: none !important;
}
.marketplace_search_sticky_fixed {
    margin-top: 85px;
}

/* bug fix for marval node */
/* .automation_logs_tree .popup_tree .tree1 .collection_picker .automation_logs_collection li::after {
    margin-top: 1px;
} */
.collection_picker.collection_picker_wrapeer .object_inside_collection {
    width: auto;
    float: none;
    margin-top: 0px;
    margin-left: 12px;
}
.automation_logs_collapse_open .automation_logs_collapse_open_content h5 {
    margin-bottom: 10px;
    margin-top: 1px;
    line-height: 16px;
    font-size: 16px;
    font-family: 'Gordita-Medium';
    color: #333333;
}

.automation_canvas_right.function_popup .collection_picker.collection_picker_wrapeer .object_inside_collection {
    width: 100%;
    float: left;
    /* margin-top: 12px; */
    margin-left: 1px;
}
.context_popup .collection_picker.collection_picker_wrapeer .object_inside_collection {
    margin-left: 0px !important;
}
.context_popup
    .context_popup_buton_content
    .treeview_automatiom_ul_hide
    .collection_picker.collection_picker_wrapeer
    .object_inside_collection
    .treeview_automatiom_li:after {
    margin-left: -10.2px;
}
.function_popup
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none
    .object_inside_object:before {
    height: 0px !important;
}

.function_popup
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:last-child
    .object_inside_object
    ul
    li.treeview_automatiom_li.collection_picker_parent.pointer_events_none:before {
    top: -4px;
    height: calc(100% - -12px);
}
.function_popup
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_ul_hide
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:before {
    top: -3px;
}
.function_popup
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_ul_hide
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:after {
    margin-left: -10.3px;
}
.context_join_output .treeview_automatiom_ul_hide .treeview_automatiom_li:after {
    margin-left: -10.3px;
}
.context_popup .context_join_output .treeview_automatiom_ul_hide .treeview_automatiom_li:after {
    margin-left: -9.3px;
    margin-top: 9px;
}
.context_popup .context_join_output .treeview_automatiom_ul_hide .treeview_automatiom_li_first:after {
    top: -17px;
}
.function_popup
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_ul_hide
    .collection_picker.collection_picker_wrapeer
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:before {
    top: -32px;
}
.function_popup
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_ul_hide
    .collection_picker.collection_picker_wrapeer
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:after {
    left: -1px;
}
.automation_logs_output_popup .collection_picker.collection_picker_wrapeer .object_inside_collection {
    width: inherit;
    margin-top: 0px;
    margin-left: 0px;
    display: inline-block;
}
.automation_logs_output_popup
    .automation_logs_tree
    .popup_tree
    .tree1
    .collection_picker
    .automation_logs_collection
    li::after {
    margin-top: -3px;
}
.automation_logs_output_popup
    .automation_logs_collection
    .collection_picker.collection_picker_wrapeer
    .object_inside_collection {
    width: inherit;
    margin-top: 0px;
    margin-left: 0px;
    display: inline-block;
}
/* bug fix for marval node */

/* bug -fix */

.automation_logs_width
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .automation_logs_collection
    .collection_picker.treeview_automatiom_li.collection_tree_li.treeview_automatiom_li
    .logs_tree_parent.treeview_automatiom_li_first.collection_parent:last-child:before {
    height: 0px !important;
}
.automation_logs_width
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .automation_logs_collection
    .collection_picker.treeview_automatiom_li.collection_tree_li.treeview_automatiom_li {
    margin-left: 10px;
    margin-bottom: 0px;
}
.automation_logs_width
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .automation_logs_collection
    .collection_picker.treeview_automatiom_li.collection_tree_li.treeview_automatiom_li:before {
    position: absolute;
    left: -0.5px;
}
.automation_logs_width
    .automation_logs_collapse_open_content
    .automation_logs_tree
    .automation_logs_collection
    .collection_picker.treeview_automatiom_li.collection_tree_li.treeview_automatiom_li:after {
    border: none;
}

.automation_logs.automation_logs_runtime_logs .automation_logs_width .tree_structure_body .button_auto_first::before {
    top: 4px;
    /* top: 0px; */
}
.automation_logs.automation_logs_runtime_logs .automation_logs_width .tree_structure_body .button_auto::before {
    margin-top: 1px;
}

.automation_logs_output_popup
    .automation_logs_tree
    .popup_tree
    .tree1
    .collection_picker
    .automation_logs_collection
    li::after {
    margin-top: -7px;
}
.collection_picker.collection_picker_wrapeer .object_inside_collection:before {
    height: 18px !important;
}

/* New attachment css added */
.popup_attachment_wrapper {
    width: 100%;
    float: left;
}
.popup_attachment_wrapper .form_req_step_two_global_form {
    padding-right: 30px;
    position: relative;
}
.popup_attachment_wrapper .form_req_step_two_global_form .span_attachment {
    position: absolute;
    right: 6px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: #fff;
    z-index: 2;
    cursor: pointer;
}
.popup_attachment_wrapper .form_req_step_two_global_form .span_attachment svg {
    width: 15px;
    height: 15px;
}
.popup_attachment_wrapper .collection_picker_in_input_page .collection_picker_parent .button_auto span svg {
    width: 12px;
    height: 12px;
}
.variable_attach_wrapper
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_ul_hide
    .collection_picker.collection_picker_wrapeer
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:before {
    top: -20px;
    left: -10.5px;
}
.step1_tree_wrapper {
    width: 100%;
    float: left;
}
.step1_tree_wrapper ul {
    width: 100%;
    float: left;
    padding-left: 20px;
}
.step1_tree_wrapper ul li {
    width: 100%;
    float: left;
    list-style: none;
    position: relative;
}
.step1_tree_wrapper ul li:before {
    position: absolute;
    top: -15px;
    bottom: 0;
    left: -20px;
    display: block;
    width: 0;
    border-left: 0.5px solid #859fbc;
    content: '';
    height: 100%;
}
.step1_tree_wrapper ul li:last-child:before {
    height: 1.8rem;
}
.step1_tree_wrapper ul li:after {
    content: '';
    position: absolute;
    margin-left: -20px;
    margin-top: 14px;
    height: 15px;
    width: 15px;
    left: 0;
    display: block;
    border-bottom: 0.5px solid #859fbc;
    border-left: 0.5px solid #859fbc;
    border-radius: 0 1em 0em 1em;
    top: 0;
}
.step1_tree_wrapper ul li .notrigger_span_buton_auto {
    width: 100%;
}

.step1_tree_wrapper ul li .button_auto:before {
    content: '';
    position: absolute;
    margin-left: -10px;
    width: 9px;
    height: 9px;
    display: block;
    background: url(../images/next_tree.svg) no-repeat;
    left: 0;
    margin-top: 2px;
}

/* Runtime logs step1 tree css */

.form_logs_tree .step1_tree_wrapper {
    width: 100%;
    float: left;
    margin: 10px 0px;
}
.form_logs_tree .step1_tree_wrapper ul li {
    margin-bottom: 0px;
}

.form_logs_tree .step1_tree_wrapper .tree_input_right input {
    border: 1px solid #ccc;
    width: 350px;
    height: 26px;
    border-radius: 6px;
    padding: 0px 10px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #494949;
    outline: 0;
    margin-left: 5px;
    background: #eaf6fc;
}
.form_logs_tree .step1_tree_wrapper .tree_input_left {
    width: 20%;
    float: left;
}
.form_logs_tree .step1_tree_wrapper .tree_input_right {
    width: auto;
    float: left;
    position: relative;
}
.tree_input_wrapper {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.tree_input_span_parent {
    margin-left: 15px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #355d8b;
}
.step1_tree_wrapper .tree_input_wrapper .button_auto::before {
    margin-top: 5px;
}
.form_logs_tree .step1_tree_wrapper .tree_input_left .button_auto {
    margin-top: 0px;
}
.form_logs_tree .step1_tree_wrapper .tree_input_right label svg {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
}
.form_logs_tree .step1_tree_wrapper .tree_input_right label {
    margin-bottom: 0px;
}
.form_logs_tree .step1_tree_wrapper .tree_input_right .tree_input_input_parent {
    padding-right: 30px;
}

.attachment_icon svg {
    width: 18px;
    height: 18px;
}

.step1_trigger_wrapper .collection_picker_in_input_page {
    z-index: inherit;
}
.step1_trigger_wrapper .popup_tree .tree1 li::before {
    top: -25px;
    height: calc(100% - -35px);
}
.notrigger_popup_tree .step1_trigger_wrapper .treeview_automatiom_ul {
    margin-left: 6px;
    margin-top: 17px;
}
.step1_trigger_wrapper .form_req_step_two_global_form .context_popup_buton_content_span .button_auto {
    margin-left: 15px;
}
.notrigger_tree_structure_body
    .step1_trigger_wrapper
    .treeview_automatiom_li_first.treeview_automatiom_li
    .button_auto_first::before {
    margin-left: -16px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
}
.step1_trigger_wrapper .tree1.treeview_automatiom_ul .letter_num_parent {
    position: absolute;
    top: 0px;
    left: -8px;
}
.step1_trigger_wrapper .treeview_automatiom_li:after {
    margin-top: 10px;
}
.step1_trigger_wrapper .treeview_automatiom_li_first.treeview_automatiom_li:after {
    margin-top: 17px;
}
.tree_structure_body .step1_trigger_wrapper .treeview_automatiom_li .button_auto:before {
    margin-left: -16px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -3px;
}
.step1_trigger_wrapper .tree1.treeview_automatiom_ul .letter_num {
    position: absolute;
    top: 18px;
    left: -8px;
}

.automation_canvas_right_popup.automation_canvas_right_popup_notrigger .right_panel_ht {
    height: calc(100vh - 490px) !important;
}
.automation_canvas_right_popup.automation_canvas_right_popup_notrigger .step1_trigger_wrapper .right_panel_ht {
    height: 100% !important;
}

.notrigger_popup_tree .treeview_automatiom {
    height: 100%;
}
.context_join_output .tree1 .li_first_child li:last-child:before {
    height: 0px !important;
}
.context_join_output .treeview_automatiom_ul_hide .li_first_child .treeview_automatiom_li:after {
    display: none;
}
.li_first_child label.treeview_automatiom_label:before {
    display: none;
}
.tree_structure_body .li_first_child .button_auto:before {
    display: none;
}
.li_first_child .treeview_automatiom_label {
    margin-left: 20px !important;
    margin-top: -10px;
}
.treeview_automatiom_ul .li_first_child li {
    margin-left: 30px;
}

.tree_structure_body .li_child .button_auto:before {
    margin-top: 0px;
}
.li_child .treeview_automatiom_li .letter_num {
    left: -20px;
}
.li_first_child {
    width: 100%;
    float: left;
    position: relative;
    left: -10px;
}

.edit_action_height .collection_picker_in_input_page .li_first_child li:last-child:before {
    height: 0px !important;
}
.edit_action_height .collection_picker_in_input_page .attachment_icon {
    width: auto;
    float: left;
}
.edit_action_height
    .collection_picker_in_input_page
    .tree_structure_body
    .li_first_child
    .treeview_automatiom_label
    .button_auto {
    margin-top: 0px;
}
.edit_action_height .collection_picker_in_input_page .li_first_child .treeview_automatiom_li {
    margin-left: 20px;
}
.edit_action_height .collection_picker_in_input_page .tree_structure_body .li_child .button_auto {
    margin-top: 0px;
}

.edit_action_height .collection_picker_in_input_page .tree_structure_body .li_child .treeview_automatiom_li:after {
    margin-top: -4px;
}
.edit_action_height
    .collection_picker_in_input_page
    .tree_structure_body
    .li_child
    .treeview_automatiom_li.treeview_automatiom_li_first:after {
    margin-top: 7px;
}
.li_first_child .treeview_automatiom_li:after {
    display: none;
}
.li_first_child .attachment_icon svg {
    width: 12px;
    height: 12px;
    position: relative;
    left: 5px;
    top: 3px;
    fill: #355d8b;
}
.edit_action_height .li_first_child {
    margin-bottom: 5px;
}
.popup_tree .tree1 .li_child li::before {
    top: -5px;
    height: calc(100% - -19px);
}
.edit_action_height .collection_picker_in_input_page .popup_tree .tree1 .li_child li::before {
    top: -15px;
    height: calc(100% - -12px);
}
.edit_action_height .collection_picker_in_input_page .li_child .treeview_automatiom_li .letter_num {
    top: 3px;
}
.tree_structure_body.notrigger_tree_structure_body .popup_tree .tree1 .li_child li::before {
    top: -25px;
    height: calc(100% - -32px);
}
.step1_trigger_wrapper .li_child .treeview_automatiom_li .button_auto {
    width: max-content;
    margin-right: 0px;
}
.position-relative.w-100 {
    position: relative;
}
.position-relative.w-100 span {
    position: absolute;
    top: -11px;
    right: 10px;
    cursor: pointer;
}
.position-relative.w-100 span svg {
    width: 14px;
    height: 14px;
}
.context_join_output .li_first_child {
    margin-bottom: 5px;
    margin-top: 8px;
}
.context_join_output .li_child .treeview_automatiom_li.treeview_automatiom_li_first {
    margin-top: 15px;
}
.step1_background .popup_tree .tree1 .li_child li.treeview_automatiom_li_first::before {
    top: -20px;
    height: calc(100% - -32px);
}

.automation_canvas_right.foreach_popup
    .form_req_step_two_global_form
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .treeview_automatiom_li
    .object_inside_collection
    ul {
    position: relative;
    left: -24px;
    top: -2px;
    margin-top: 0;
}
.collection_picker.collection_picker_wrapeer
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none
    .object_inside_collection:before {
    /* height: 22px !important;
    left: 30px; */
}
.collection_picker.treeview_automatiom_li.collection_tree_li
    li.logs_tree_parent.treeview_automatiom_li.collection_parent {
    position: relative;
    left: 0;
}

.treeview_automatiom_ul_hide li:first {
    margin-top: 10px;
    margin-left: 50px;
}
.context_join_output
    .context_popup_buton_content
    .treeview_automatiom_ul_hide
    .collection_picker.collection_picker_wrapeer
    .collection_picker.treeview_automatiom_li.collection_tree_li:after {
    margin-left: -10.3px;
}

.context_popup
    .context_join_output
    .context_popup_buton_content
    .treeview_automatiom_ul_hide
    .collection_picker
    .treeview_automatiom_li:after {
    margin-left: -9.5px;
}
.foreach_popup
    .collection_picker.collection_picker_wrapeer
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none
    .object_inside_collection {
    margin-top: 0px;
}
.function_popup
    .collection_picker.collection_picker_wrapeer
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none
    .object_inside_collection {
    /* margin-top: 12px; */
}
.function_popup
    .context_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .popup_tree
    .tree1
    li::before {
    left: -9.5px;
    height: calc(100% - -12px);
    top: -33px;
}
.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .treeview_automatiom_ul
    .collection_picker.treeview_automatiom_li.collection_tree_li
    .logs_tree_parent.treeview_automatiom_li_first.collection_parent {
    margin-left: 27px;
}
.context_popup .collection_picker.collection_picker_wrapeer .object_inside_collection {
    margin-top: 0px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}
/* Automation ui tree fixes Start*/
.arrow_menu .line_hover_plus_icon {
    left: 49.7%;
}
.dropdown_icons_li .arrow_menu .line_hover_plus_icon {
    left: calc(100% - 50%);
    margin-left: -1px;
}

.tree_left_side .dropdown_icons_li .multi_child_li .dropdown_icons_li .parallel_path_plus_btn {
    margin-left: 127px;
}
.multi_child_li .dropdown_icons_li .parallel_path_plus_btn {
    /* left: inherit; */
}
.flow_tree.child_after.parallel_path_child
    .multi_child_li
    .dropdown_icons_li
    .dropdown_icons_li
    .multi_child_li
    .end_node
    .parallel_path_plus_btn {
    left: inherit;
    margin-left: 127px;
}
.multi_child_li .dropdown_icons_li .arrow_menu .line_hover_plus_icon {
    margin-left: -5px;
    margin-top: 11px;
}
.multi_child_li .dropdown_icons_li .multi_child_li .dropdown_icons_li {
    margin-left: -3px;
}

.loop_automation_li .loop_foreach_condition .add_loop {
    position: relative;
    left: 3px;
}
.flow_structure ul.multi_child_li {
    position: relative;
    left: -3px;
    padding-top: 40px;
}
.tree_left_side .dropdown_icons_li .arrow_menu .line_hover_plus_icon {
    left: calc(100% - 50%);
    margin-left: -5px;
    margin-top: 11px;
}
.tree_left_side.single_child .dropdown_icons_li .arrow_menu .line_hover_plus_icon {
    left: calc(100% - 50%);
    margin-left: -4px;
    margin-top: 11px;
}
.tree_left_side.single_child .dropdown_icons_li .arrow_menu_dropdown .line_hover_dropdown {
    margin-top: 23px;
}
.dotted_line_add.end_node .line_hover_dropdown {
    margin-left: 0px;
}
/* .dropdown_icons_li .dropdown_icons_li .arrow_menu_dropdown{
    top: -5px;
    left: 0px;
} */

.panel_tree li::before,
.panel_tree li::after {
    right: 49.5%;
}
.end_node .line_hover_dropdown.foreach_bottom_menu {
    padding-bottom: 40px;
}
.multi_child_li .end_node .line_hover_dropdown {
    margin-top: 28px;
}
.context_popup .context_join_output .treeview_automatiom_ul_hide .object_inside_object .treeview_automatiom_li:after {
    margin-top: 10px;
}

.function_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .popup_tree
    .tree1
    .collection_picker
    li::after {
    content: '';
    margin-top: -3px;
    left: -1px;
}
.foreach_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .popup_tree
    .tree1
    .collection_picker
    li::after {
    content: '';
    margin-top: -4px;
    left: 0px !important;
}
.foreach_popup
    .context_popup_accordian_open.context_popup_accordian_open_margin_zero
    .context_join_output
    .popup_tree
    .tree1
    li::before {
    left: -9.5px;
    height: calc(100% - -20px);
    top: -22px;
}
.foreach_popup
    .automation_canvas_right.function_popup
    .collection_picker.collection_picker_wrapeer
    .object_inside_collection {
    width: 100%;
}
.foreach_popup
    .right_panel_ht
    .collection_picker_in_input_page
    .popup_tree
    .tree1
    .collection_picker
    .object_inside_collection
    li::after {
    left: 0px;
}
/* Automation ui tree fixes End*/

/* dynata css changes start */
.notrigger_popup_tree .right_panel_ht {
    margin-top: 0px;
}
.notrigger_popup_tree .context_popup_accordian_open:before {
    display: none;
}
.notrigger_tree_header {
    width: 100%;
    position: relative;
    height: auto;
    margin-top: 0px;
    margin-left: 0px;
}
.notrigger_tree_header h4 {
    padding-top: 0px;
}
.flow_canvas_header_back_button .buton_back {
    flex: 0 0 auto;
}

.add_connection_automation {
    margin-bottom: 0px;
}

/* 14 /* /**** Webhook step3 Css start ****/

.step_input_wrapper {
    width: 97%;
    float: left;
    justify-content: space-between;
    display: flex;
    margin-top: 10px;
    position: relative;
}
.step_output_right {
    position: relative;
    left: -12px;
}
.step_input_wrapper .dialog_input_edit_true.dialog_context_input_edit_true {
    width: 50%;
    font-family: 'Seravek-Regular';
    font-size: 14px;
}
.step_input_wrapper .buton_dialog_auto_hvr .context_variable_button {
    font-family: 'Seravek-Regular';
    font-size: 12px;
}
.step_input_wrapper .buton_dialog_auto_hvr .context_variable_button span {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

.list-view-sub .autoamtion_connect_dialog_listview span svg {
    float: left;
}
.list-view-sub:hover .autoamtion_connect_dialog_listview span span {
    color: #333;
}
.autoamte_wrapper .date_dropdown_label {
    padding-right: 6px;
}
.header .second_intent_right .date_dropdown_label {
    padding-right: 6px;
}
.step_input_wrapper .step_d_count_icon {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    cursor: pointer;
}
.step_input_wrapper .step_d_count_icon svg {
    width: 18px;
    height: 18px;
}
/* /**** Webhook step3{ Css End ****/

/* dynata css changes end*/

/* Canvas page new UI */

.step1_vertical_wrapper .start_step_node .arrow img {
    width: 12px;
    transform: rotate(0deg);
    position: relative;
    right: 0;
    margin-top: -65px;
    top: 40px;
}
.step1_vertical_wrapper .start_step_node {
    margin-right: 15px !important;
}
.flow_structure li .flow_tree {
    position: relative;
}
.second_node_first_step:before {
    margin-left: 0px;
}
.second_step_node .line_hover_plus_icon {
    margin-left: 0px;
}
.step2_vertical_wrapper .flow_tree.flow_parent {
    display: none;
}
.panel_tree ul .multi_child_li::before {
    left: 50%;
}
.end_node .line_hover_plus_icon {
    margin-left: 105px;
}
.flow_structure li .flow_tree {
    box-shadow: none;
    border-radius: 6px !important;
}
.flow_tree .first_step {
    border: 1px solid #c4c2c2;
    border-radius: 6px !important;
}

.start_workflow_if {
    width: 100%;
    float: left;
}
.start_workflow_if_border {
    width: 225px;
    border: 2px dashed #526a86;
    border-radius: 4px;
    height: 52px;
    background: #e1e8ef;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5px;
    position: relative;
    left: 19px;
}
.start_workflow_if_border p {
    color: #333;
    font-size: 14px;
    margin-bottom: 0px;
    font-family: 'Gordita-Regular';
}
.start_workflow_if_badge {
    background: #ffe5d3;
    width: max-content;
    justify-content: center;
    margin: 0 auto;
    padding: 0px 10px;
    border-radius: 4px;
    height: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.start_workflow_if_badge p {
    color: #2b362f;
    font-size: 12px;
    margin-bottom: 7px;
    font-family: 'Gordita-Regular';
    font-style: italic;
    margin-bottom: 0px;
    padding-top: 1px;
}
.line_hover_dropdown_li span:not(.free-plan-restriction) {
    font-family: 'Gordita-Regular';
    color: #000;
    position: relative;
    top: 2px;
    line-height: 18px;
}
.start_workflow_if_border .arrow_menu_dropdown {
    width: 100%;
    float: left;
}
.start_workflow_if_border .arrow_menu {
    position: relative;
    left: 0;
    z-index: 1;
    right: 0;
    margin-top: 0px;
}
.start_workflow_if_border .line_hover_plus_icon_svg {
    border-radius: 50%;
    position: relative;
    margin-top: 4px;
    margin-left: 0;
    left: 0px;
    width: 16px;
    height: 16px;
    background: #476382;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 auto;
}
.start_workflow_if_border .arrow_menu .line_hover_plus_icon_svg svg {
    width: 8px;
    height: 8px;
    fill: #fff;
    top: 0;
    left: 0px;
}
.start_workflow_if_border .arrow_menu_dropdown .line_hover_dropdown {
    margin-top: 5px;
}
.step2_vertical_wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.step2_vertical_wrapper .then_vertical {
    content: '';
    position: absolute;
    left: -64px;
    top: 8px;
    right: 0;
    display: flex;
    justify-content: center;
    font-size: 12px;
    margin-bottom: 0px;
    font-family: 'Gordita-Regular';
    font-style: italic;
    color: #000;
}

.button_right {
    margin-right: 10px;
    font-size: 12px;
}

.then_vertical .start_workflow_if_badge p {
    margin-bottom: 0px;
}
.context_popup_buton_content_webhook {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.context_popup_buton_content_webhook .context_popup_buton_content_span {
    width: 100%;
    margin-bottom: 0px;
}
.context_popup_buton_content_webhook .notrigger_span_svg svg {
    margin-top: 0px;
    margin-left: 5px;
}
.context_popup_buton_content_webhook .notrigger_span_svg.edit_span_svg svg {
    transform: rotate(0deg);
}
.context_popup_buton_content_webhook .notrigger_span_buton_auto {
    /* width: 100%; */
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
.context_popup_buton_content.context_popup_buton_content_webhook .notrigger_tree_structure_block .content_capital {
    top: 0px;
}
.context_popup_buton_content_webhook .notrigger_span {
    position: relative;
    top: 1px;
    visibility: visible;
    width: auto;
    display: flex;
    align-items: center;
    right: 0px;
    margin-left: 0px;
    left: inherit;
    transform: rotate(45deg);
}
@-moz-document url-prefix() {
    .context_popup_buton_content_webhook .notrigger_span {
        top: 0px !important;
    }
}
/* .context_popup_buton_content_span .button_auto {
    margin: 0;
    box-shadow: none;
    height: 27px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    display: flex;
    width: 100%;
    background: #f6f6f6;
    color: #494949;
    border: 1px solid #dad8d8;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: max-content;
} */
.context_popup_buton_content_webhook .button_auto {
    width: max-content;
    min-width: 70px;
    margin-right: 10px;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0px !important;
    line-height: 18px;
    display: block;
}
.context_popup_buton_content_webhook .context_popup_buton_content_span {
    width: max-content;
}

.context_popup_buton_content_webhook .notrigger_tree_structure_block {
    width: 100%;
}
.context_popup_buton_content_webhook .notrigger_tree_structure_block .button_auto {
    width: 85%;
}
.context_popup_buton_content_webhook .notrigger_tree_structure_block .context_popup_buton_content_span {
    width: 100%;
}
.context_popup_buton_content_webhook .connect_account_failed {
    width: 16px;
    height: 16px;
    position: relative;
    right: 0px;
    left: 0px;
    margin-left: 24px;
    margin-top: -8px;
    visibility: hidden;
}
.context_popup_buton_content.context_popup_buton_content_webhook .connect_account_failed {
    margin-top: 0px;
    margin-left: 0px;
}
.context_popup_buton_content_webhook .connect_account_failed .error_menu_hvr {
    margin-top: -45px;
    margin-left: -70px;
    width: max-content;
    min-height: 27px;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    visibility: visible;
    position: fixed;
}
.context_popup_buton_content.context_popup_buton_content_webhook:hover .connect_account_failed {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook
    .nortrigger_flex_wrapper:hover
    .connect_account_failed {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook .nortrigger_flex_wrapper .connect_account_failed {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook .connect_account_failed:hover .error_menu_hvr {
    visibility: visible;
}

.context_popup_buton_content_webhook .connect_account_success.tick_icon {
    position: relative;
    right: 0px;
    visibility: visible;
    cursor: pointer;
    top: -2px;
    height: 27px;
    margin-right: 7px;
}

.context_popup_buton_content_webhook:only-child {
    margin-bottom: 0px;
}
/* .context_popup_buton_content.context_popup_buton_content_webhook:hover .connect_account_success.tick_icon {
    visibility: visible;
} */

.context_popup_buton_content_webhook .context_popup_buton_content_span .notrigger_span_buton_auto .button_auto {
    border: 1px solid #0c933e !important;
}
.context_popup_buton_content_webhook .connect_account_loading img {
    margin-top: -4px;
    margin-left: 0px;
    width: 16px;
    height: 16px;
    margin-right: 7px;
}
.context_popup_buton_content.context_popup_buton_content_webhook .notrigger_tree_structure_block .notrigger_span_svg {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook .notrigger_span_svg.edit_span_svg {
    visibility: hidden;
}
.context_popup_buton_content.context_popup_buton_content_webhook .notrigger_span_svg {
    visibility: hidden;
}

.context_popup_buton_content.context_popup_buton_content_webhook:hover .notrigger_span_svg.edit_span_svg {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook:hover .notrigger_span_svg.edit_span_svg svg {
    position: relative;
    margin-left: -10px;
}
.context_popup_buton_content.context_popup_buton_content_webhook:hover .notrigger_span_svg {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook .nortrigger_flex_wrapper .notrigger_span_svg {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook .nortrigger_flex_wrapper:hover .notrigger_span_svg {
    visibility: visible;
}
.context_popup_buton_content.context_popup_buton_content_webhook .notrigger_span_svg svg {
    transform: rotate(0deg);
}
.context_popup_buton_content.context_popup_buton_content_webhook
    .notrigger_tree_structure_block
    .notrigger_span_svg
    svg {
    transform: rotate(45deg);
}

.step2_vertical_wrapper .start_workflow_if_border {
    margin-top: 40px;
}

.step2_vertical_wrapper .start_workflow_if_border:before {
    content: '';
    position: absolute;
    top: -48px;
    left: 50%;
    width: 12px;
    height: 48px;
    background: url(../images/arrow_icon.svg);
    background-repeat: no-repeat;
}
.step2_vertical_wrapper .start_workflow_if_border .line_hover_dropdown {
    margin-top: 38px;
}

.step1_background .context_join_output .notrigger_add_buton {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    margin-top: -12px;
}
.automation_condition_popup .button_auto_hover {
    margin-top: 0px;
    bottom: 27px;
}
.automation_canvas_right_popup_notrigger
    .notrigger_tree_structure_body
    .notrigger_tree_structure_block
    .context_popup_buton_content_span
    .notrigger_span {
    top: -5px;
}
.automation_canvas_right_popup_notrigger
    .notrigger_tree_structure_body
    .notrigger_tree_structure_block
    .content_capital {
    top: 0px;
}
.automation_canvas_right_popup_notrigger .notrigger_tree_structure_block .context_popup_buton_content_span {
    margin-bottom: 10px;
}
.step1_background .context_join_output .context_popup_buton_content.context_popup_buton_content_webhook {
    min-height: 10px;
    overflow: hidden;
    align-items: flex-start;
    margin-bottom: 10px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .step1_trigger_wrapper
    .right_panel_ht {
    padding: 0px;
    margin: 0px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .step1_trigger_wrapper
    .tree_structure_body
    .button_auto_first::before {
    margin-left: -16px !important;
    margin-top: 5px !important;
}
.notrigger_tree_structure_body.edit
    .context_popup_buton_content.context_popup_buton_content_webhook
    .step1_trigger_wrapper
    .tree_structure_body
    .button_auto_first::before {
    margin-left: -18px !important;
    margin-top: 4px !important;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .step1_trigger_wrapper
    .tree_structure_body
    .button_auto::before {
    margin-left: 13px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .treeview_automatiom
    .treeview_automatiom_ul {
    margin-bottom: 0px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .treeview_automatiom_ul_hide
    .li_child
    .treeview_automatiom_li:last-child {
    margin-bottom: 0px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .treeview_automatiom_ul_hide
    .li_child
    .treeview_automatiom_li_first:after {
    top: -3px;
    margin-left: -10px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .tree_structure_body
    .li_child
    .button_auto.button_auto_first:before {
    margin-top: 5px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .li_child
    .treeview_automatiom_li
    .letter_num {
    top: 2px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .li_child
    .treeview_automatiom_li
    .button_auto:before {
    margin-top: 0px;
}

.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .li_child
    .treeview_automatiom_li_first
    .letter_num_parent {
    top: 1px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .tree1
    .treeview_automatiom_ul {
    margin-bottom: 0px;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .right_panel_ht {
    padding-bottom: 0px;
    padding: 0;
}
.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .treeview_automatiom_ul_hide
    .li_child
    .treeview_automatiom_li {
    margin-top: 9px;
}
.step1_background
    .context_popup_buton_content.context_popup_buton_content_webhook
    .popup_tree
    .tree1
    .li_child
    li.treeview_automatiom_li_first::before {
    top: -25px;
}
.nortrigger_flex_wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}
.nortrigger_flex_wrapper .content_capital {
    color: #355d8b;
    font-family: 'Seravek-Lightitalic';
    font-size: 10px;
    padding-right: 0px;
    width: 30px;
    border: 1px solid #355d8b;
    border-radius: 18px;
    padding-left: 6px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nortrigger_flex_wrapper .content_capital .content_capital_svg {
    position: relative;
    top: 4px;
    right: 3px;
    width: 16px;
    height: 16px;
    margin-left: 0px;
}
.context_popup_buton_content_webhook .nortrigger_flex_wrapper .notrigger_span_svg svg {
    margin-left: 0px;
    margin-top: 5px;
}
.nortrigger_flex_wrapper .content_capital img {
    width: 16px;
    height: 16px;
}
.nortrigger_flex_wrapper .li_child .treeview_automatiom_li {
    margin-bottom: 10px;
}
.nortrigger_flex_wrapper .step1_trigger_wrapper .treeview_automatiom_li:after {
    margin-top: -4px;
}
.nortrigger_flex_wrapper .step1_trigger_wrapper .tree1.treeview_automatiom_ul .letter_num {
    top: 2px;
}
.tree_structure_body .nortrigger_flex_wrapper .step1_trigger_wrapper .treeview_automatiom_li .button_auto:before {
    margin-top: 1px;
}
.nortrigger_flex_wrapper .step1_trigger_wrapper .treeview_automatiom_li.treeview_automatiom_li_first:after {
    margin-top: 12px;
}
.tree_structure_body
    .nortrigger_flex_wrapper
    .step1_trigger_wrapper
    .treeview_automatiom_li.treeview_automatiom_li_first
    .button_auto:before {
    margin-top: 4px;
}
.nortrigger_flex_wrapper .content_capital img {
    height: 12px;
}
.nortrigger_flex_wrapper .step1_trigger_wrapper {
    position: relative;
    top: -7px;
}
.nortrigger_flex_wrapper .step1_trigger_wrapper .tree1.treeview_automatiom_ul {
    margin-bottom: 0px;
}
.nortrigger_flex_wrapper .step1_trigger_wrapper .tree1.treeview_automatiom_ul .context_popup_buton_content_span {
    margin-bottom: 0px;
}

.context_popup_buton_content.context_popup_buton_content_webhook .button_auto {
    margin-top: 0px;
}
.context_popup_buton_content.context_popup_buton_content_webhook .button_auto:before {
    margin-top: 7px !important;
}
.context_popup_buton_content.context_popup_buton_content_webhook .button_auto.button_auto_first:before {
    margin-top: 4px !important;
}

.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .nortrigger_flex_wrapper
    .step1_trigger_wrapper
    .right_panel_ht {
    padding-top: 5px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
    /* top: -10px; */
    left: 2px;
}

.step1_background
    .context_join_output
    .context_popup_buton_content.context_popup_buton_content_webhook
    .treeview_automatiom_ul_hide
    .li_child
    .treeview_automatiom_li:after {
    margin-left: -9.5px;
    margin-top: -3px;
}
.step1_background .context_join_output .popup_tree .tree1 .li_child li::before {
    top: -12px;
}
.context_popup_buton_content_webhook .connect_account_loading {
    position: relative;
    right: 0px;
    margin-top: -3px;
}

.automation_canvas_right_popup.automation_condition_popup
    .context_popup_buton_content_span
    .button_auto:hover
    ~ .button_auto_hover {
    display: inline-flex;
    word-break: break-all;
    margin-left: 0;
}

.automation_canvas_right.action_popup .dialog_input_edit_true .buton_dialog_auto_hvr span[data-text='true'] {
    position: relative;
    top: 1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 120px;
    display: block;
}

.automation_canvas_right.action_popup
    .variable_content_button
    .dialog_input_edit_true
    .buton_dialog_auto_hvr
    span[data-text='true'] {
    display: unset;
}

/* 14 /* /**** Webhook step3 Css start ****/

.step_output_wrapper {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 7px;
}
.step_output_wrapper .form_req_step_two_global_form {
    width: 48%;
    float: left;
}
.automation_form_req_step_two .step_output_wrapper h4 {
    width: 48%;
    float: left;
    font-family: 'Seravek-Medium';
}
.step_input_wrapper {
    width: 97%;
    float: left;
    justify-content: space-between;
    display: flex;
    margin-top: 10px;
    position: relative;
}
.step_output_wrapper h4 {
    margin-bottom: 0px;
}
.step_output_right {
    position: relative;
    left: -12px;
}

.step_output_wrapper p {
    margin-bottom: 12px;
}
.step_input_wrapper .dialog_input_edit_true.dialog_context_input_edit_true {
    width: 50%;
    font-family: 'Seravek-Regular';
    font-size: 14px;
}
.step_input_wrapper .buton_dialog_auto_hvr .context_variable_button {
    font-family: 'Seravek-Regular';
    font-size: 12px;
}
.step_input_wrapper .buton_dialog_auto_hvr .context_variable_button span {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

.step_output_wrapper .form_req_step_two_global_form {
    max-block-size: 30px;
}
.step_output_wrapper .plus_add_more .parent_node_no svg {
    fill: #fff;
}
.step_output_wrapper .parent_node_no span {
    margin: 0 auto;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.step_output_wrapper .plus_add_more .parent_node_no {
    float: left;
    margin: 0;
    margin-right: 10px;
    background: #526a86;
    border: 0.5px solid #526a86;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}
.step_output_wrapper .parent_node_no span.parent_svg svg {
    width: 9px;
    height: 9px;
}
.step_output_wrapper .plus_add_more h4 {
    margin: 6px 0px;
    padding-bottom: 0px;
    color: #526a86;
    width: auto;
}
.step_output_wrapper .plus_add_more h4:hover {
    color: #0a89e8;
    border: inherit;
}
.step_output_wrapper .plus_add_more h4:hover .parent_node_no {
    fill: #fff;
    background: #0a89e8;
    border: inherit;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}
.list-view-sub .autoamtion_connect_dialog_listview span svg {
    float: left;
}
.list-view-sub:hover .autoamtion_connect_dialog_listview span span {
    color: #333;
}
.autoamte_wrapper .date_dropdown_label {
    padding-right: 6px;
}
.header .second_intent_right .date_dropdown_label {
    padding-right: 6px;
}

/* /**** Webhook step3{ Css End ****/
.tooltiptext_hover.isSubPanelOpen_left {
    margin-left: -50px !important;
}
.tooltiptext_hover.isSubPanelOpen_left:after {
    left: 67% !important;
}
.edit_action_height .test_buton_result .automation_global_form {
    width: 100%;
    /* margin-bottom: 10px; */
}
.edit_action_height .test_buton_result .automation_global_form:last-child {
    width: 100%;
    margin-bottom: 0px;
}

.waiting_approval {
    width: 100%;
    float: left;
    font-family: 'Gordita-Regular';
    font-size: 11px;
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.waiting_approval span {
    width: 18px;
    height: 18px;
    background: url('../images/loading.svg') no-repeat center center;
    float: left;
    animation-name: approval;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-right: 7px;
}
.waiting_approval span svg {
    width: 18px;
    height: 18px;
}
.waiting_approval label {
    margin-bottom: 0px;
    color: #eb974e;
}

@keyframes approval {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Canvas Tour Css Start */
.automation_canvas_left .z__index_tree_left_side {
    z-index: 1101;
}
.automation_canvas_left .z__index_tree_left_side ~ .tooltip_wrapper {
    z-index: 1101;
    width: 250px;
    height: 120px;
    margin-top: 40px;
    left: 180px;
}
.automation_canvas_left .z__index_tree_left_side ~ .tooltip_wrapper:before {
    left: 72px;
}
.automation_canvas_left .z__index_tree_left_side ~ .tooltip_wrapper_bg {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.z__index_tree_left_side .flow_tree {
    pointer-events: none;
}
.z__index_tree_left_side .flow_tree .first_step {
    border: 1px solid #eb974e;
}
.flow_canvas_header_back_button .show_hide input[type='checkbox'].switch_1 {
    width: 38px;
    height: 19px;
}
.flow_canvas_header_back_button .show_hide input[type='checkbox'].switch_1:after {
    position: absolute;
    border: none;
    content: '';
    top: 0.5px !important;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.flow_canvas_header_back_button
    .show_hide
    input[type='checkbox'].switch_1.automation_home_switch_without_hover:checked:after {
    margin-left: -2px !important;
}
.flow_canvas_header_back_button .show_hide input[type='checkbox'].switch_1:after {
    margin-left: 1px;
}
.flow_canvas_header_back_button .box_1 {
    padding: 8px 0px 0px 10px;
}
.flow_canvas_header_back_button .home_edit.show_hide._auto_switch {
    /* display: flex; */
}
/* .flow_canvas_header_back_button > .z__index {
    z-index: inherit;
} */
.buton_back.z_index_buton_back ~ .tooltip_wrapper {
    z-index: 1101;
    width: 250px;
    height: 80px;
    margin-top: 40px;
    left: inherit;
    top: 65px;
    margin-left: 66px;
}
.buton_back.z_index_buton_back ~ .tooltip_wrapper:before {
    left: 72px;
    background: url('../images/info_arrow.svg');
    background-repeat: no-repeat;
}
.buton_back.z_index_buton_back .tooltip_wrapper_bg {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* .automation_canvas.tour_automation_canvas .flow_canvas_header_back_button button {
    z-index: 1;
} */

.automation_canvas.tour_automation_canvas .flow_canvas_header_back_button .z_index_buton_back {
    z-index: 1;
}

.automation_canvas.tour_automation_canvas
    .flow_canvas_header_back_button
    .z_index_buton_back
    ~ .negative_z_index_check {
    z-index: -1;
}

.automation_canvas.tour_automation_canvas .flow_canvas_header_back_button ~ .negative_z_index_check_1 {
    z-index: -1;
}

.automation_canvas.tour_automation_canvas .flow_canvas_header_back_button .negative_z_index_check {
    z-index: -1;
}

.automation_canvas.tour_automation_canvas .flow_canvas_header_back_button .tooltip_wrapper_bg button {
    z-index: 1;
}
.automation_canvas.tour_automation_canvas .flow_canvas_header_back_button .home_edit {
    z-index: 1;
}

._auto_switch.z_index_buton_back ~ .tooltip_wrapper {
    z-index: 1101;
    width: 250px;
    height: 95px;
    margin-top: 40px;
    left: inherit;
    top: 65px;
    margin-left: 66px;
}
._auto_switch.z_index_buton_back ~ .tooltip_wrapper:before {
    left: 112px;
    background: url('../images/info_arrow.svg');
    background-repeat: no-repeat;
}
._auto_switch.z_index_buton_back .tooltip_wrapper_bg {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.automation_canvas.tour_automation_canvas .flow_canvas_header_back_button ._auto_switch.z_index_buton_back {
    z-index: 1;
}
/* Canvas Tour Css End */

.automation_global_form._select_a_variable .button_auto_input_click {
    color: #999;
    top: 33px;
    font-size: 10px;
    -webkit-transition: 0.26s ease-out;
    -webkit-transition: 0.26s ease-out;
    transition: 0.26s ease-out;
    line-height: 10px;
    font-family: 'Gordita-Regular';
    position: absolute;
    pointer-events: none;
    left: 12px;
}
.select_work_form.function_popup_section .automation_scroly {
    margin-top: 0px;
}
.target.customTip._description svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
    right: 3px;
}
.button_auto_input_click .target.customTip._description svg {
    width: 9px;
    height: 9px;
    top: 0px;
}
.flow_tree.child_before.parallel_path_child .parallel_path_plus_btn {
    margin-left: -2px;
}
.context_popup .treeview_automatiom_li.collection_picker_parent.pointer_events_none {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.context_popup .treeview_automatiom_li.collection_picker_parent.pointer_events_none div {
    display: flex;
}
.context_popup .treeview_automatiom_li.collection_picker_parent.pointer_events_none div .collection_child_examples {
    display: flex;
    align-items: center;
}
.context_popup .right_panel_ht {
    padding-left: 0px;
    padding-top: 0px;
    position: relative;
    left: -10px;
    padding-bottom: 0;
}
.context_popup .tree_structure_body .button_auto:before {
    margin-top: 2px;
}

.context_popup .tree_structure_body .object_inside_collection .button_auto:before {
    margin-top: 4px;
}

.context_popup .collection_parent .button_auto {
    color: #000;
    border: 0.5px solid #cecece !important;
    margin-left: 3px;
    background: #d5ffee;
    padding: 0px 6px 0px 3px !important;
}

.flow_structure li .cursor_auto {
    cursor: auto;
}

.line_hover_dropdown_li .no_input_value svg {
    margin-bottom: 0px;
}
.line_hover_dropdown_li .no_input_value .error_menu_hvr {
    margin-left: 35px;
    margin-top: -10px;
    top: 4px;
    width: 250px;
    text-overflow: initial;
    white-space: pre-wrap;
    position: absolute;
}

.fmtFse.faq_popup_card {
    padding: 0;
    margin-bottom: 0;
}

.faq_popup_card .faq_popup_card_query {
    background: #f4f4f4;
    padding: 0px 20px 20px 20px;
    margin-bottom: 10px;
}

.faq_popup_card .test_buton_result {
    padding: 20px;
}

.faq_popup_card .test_buton_result:nth-child(1) {
    margin-bottom: 0;
}
.faq_popup_card .for_faq {
    margin-top: 20px;
}

.collection_picker_in_input_page.adptive_carousal_card .context_popup_buton_content_span {
    margin-bottom: 5px;
    flex-direction: row;
    margin-top: 0;
    top: 0;
    margin-right: 0;
    padding-left: 0 !important;
}

.collection_picker_in_input_page.adptive_carousal_card .right_panel_ht {
    padding: 0;
    left: -10px;
}

.collection_picker_in_input_page.adptive_carousal_card .treeview_automatiom_ul {
    overflow-x: scroll;
    /* padding-top: 10px; */
    max-height: 100%;
    overflow-y: visible;
}

.adptive_carousal_card .collection_picker li {
    height: auto;
    margin-bottom: 12px;
}

.adptive_carousal_card .collection_picker li li:last-child{
    margin-bottom: 0px;
}

.collection_picker_in_input_page.adptive_carousal_card label.treeview_automatiom_label {
    display: inline-block;
    margin-right: 0 !important;
}

.collection_picker_in_input_page.adptive_carousal_card .treeview_automatiom_ul .collection_picker .collection_parent {
    margin-left: 40px;
}

.collection_picker_in_input_page.adptive_carousal_card .button_auto {
    color: #000;
    border: 0.5px solid #cecece !important;
    margin-left: 3px;
    background: #d5ffee;
    padding: 10px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    font-size: 11px !important;
}

.collection_picker_in_input_page.adptive_carousal_card
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none {
    /* display: flex;
    flex-wrap: wrap;
    flex-direction: column; */
    margin-left: 40px;
    padding-left: 15px;
}

.collection_picker_in_input_page.adptive_carousal_card .treeview_automatiom_li.collection_picker_parent.pointer_events_none:last-child{
    margin-bottom: 0px;
}

.form_req_step_two_global_form
    .collection_picker_in_input_page.adptive_carousal_card
    .popup_tree
    .tree1
    .collection_picker
    li.collection_picker_parent::before {
    /* height: calc(100% - -18px) !important;
    top: -28px;
    left: -2px; */
}

.collection_picker_in_input_page.adptive_carousal_card
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none::before {
    top: -32px;
}

.function_popup
    .collection_picker_in_input_page.adptive_carousal_card
    .treeview_automatiom
    .treeview_automatiom_ul
    .treeview_automatiom_ul_hide
    .collection_picker.collection_picker_wrapeer
    .treeview_automatiom_li.collection_picker_parent.pointer_events_none:after {
    margin-left: -10.3px;
    left: -1px;
}
.adptive_carousal_card .treeview_automatiom_ul li.collection_picker_parent.pointer_events_none::after {
    /* content: '';
    position: absolute;
    margin-left: -9.3px;
    margin-top: 7px;
    height: 15px;
    width: 15px;
    left: 0;
    display: block;
    border-bottom: 1px solid #859fbc;
    border-left: 1px solid #859fbc;
    border-radius: 0 10px 0em 10px;
    top: 0; */
}

.form_req_step_two_global_form
    .collection_picker_in_input_page.adptive_carousal_card
    .popup_tree
    .tree1
    .collection_picker
    li.collection_picker_parent::after {
    /* content: '';
    margin-top: -3px;
    left: 4px; */
}

.adptive_carousal_card .tree_structure_body .treeview_automatiom_label::after {
    /* content: '';
    position: absolute;
    width: 8px !important;
    height: 8px !important;
    display: block;
    background: url(../images/next_tree.svg) no-repeat;
    left: -30px;
    margin-top: 8px;
    margin-left: 0 !important;
    top: 0 !important; */
}

.adptive_carousal_card .tree_structure_body .object_inside_collection::after{
    content: '';
    position: absolute;
    width: 12px !important;
    height: 12px !important;
    display: block;
    /* background: url(../images/arrow_mp.svg) no-repeat; */
    margin-top: 6px;
    margin-left: 0 !important;
    top: 0 !important;
    left: 20px;
}

.adptive_carousal_card .tree_structure_body .object_inside_collection.rotate::after{
    content: '';
    position: absolute;
    width: 12px !important;
    height: 12px !important;
    display: block;
    background: url(../images/arrow_mp.svg) no-repeat;
    margin-top: 6px;
    margin-left: 0 !important;
    top: 0 !important;
    left: 20px;
    transform: rotate(90deg);
    transition: .2s;
}

.form_req_step_two_global_form.adptive_carousal_card_bg {
    background: transparent;
}

.form_req_step_two_global_form.adptive_carousal_card_title {
    flex-direction: column-reverse;
}

.adptive_carousal_card_title .button_auto_input_click {
    color: rgb(153, 153, 153);
    font-size: 10px;
    transition: all 0.26s ease-out 0s;
    line-height: 10px;
    font-family: Gordita-Regular;
    pointer-events: none;
    width: 100%;
    padding: 5px;
    position: relative;
}

.adptive_carousal_card_title {
    margin-bottom: 20px;
}

.automation_global_form_edit {
    width: 100%;
    padding: 20px 12px 1px;
    border: 1px solid rgb(185, 185, 185);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    min-height: 48px;
    font-size: 12px;
    font-family: Gordita-Regular;
    color: rgb(0, 0, 0);
    position: relative;
    margin-right: 0px;
}
.automation_global_form_edit.adaptive_card_select_collection {
    padding: 0;
    border: none;
    /* border-radius: none; */
}

.automation_global_form_edit.adaptive_card_select_collection .context_popup_buton_content_span {
    padding: 20px 12px 6px 12px;
    padding-left: 12px !important;
}

.button_auto_input_click {
    color: rgb(153, 153, 153);
    top: 4px;
    font-size: 10px;
    transition: all 0.26s ease-out 0s;
    line-height: 10px;
    font-family: Gordita-Regular;
    position: absolute;
    pointer-events: none;
    left: 12px;
}
.header_right_popup p:hover {
    text-decoration: underline;
}

.context_popup_buton_content.context_popup_buton_content_webhook:hover .notrigger_span_svg.hide_on_parent_hover {
    visibility: hidden;
    display: none;
}

.context_popup_buton_content.context_popup_buton_content_webhook .notrigger_span_svg.hide_on_parent_hover {
    visibility: visible;
    display: block;
}

.margin-left-neg-20 {
    margin-left: -20px;
}

.parallel_path_has_2childs::before {
    position: absolute;
    top: 2px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    height: 35px;
    content: '';
    left: -7.5px;
}

.parallel_path_has_2childs .parallel_path_has_2childs::before {
    left: -17.2px;
    top: 4px;
}

.parallel_path_has_3childs::before,
.parallel_path_has_4childs::before,
.parallel_path_has_5childs::before {
    position: absolute;
    top: 4px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #466af3;
    height: 35px;
    content: '';
    left: -17px;
}

.parallel_path_has_4childs::before {
    left: -34px;
}

.foreach_loop_panel .step_border_left.foreach_loop_left .step_after_left_border::after {
    content: '';
    position: absolute;
    background: #466af3;
    width: 0.5px;
    height: 100%;
    left: -22px;
    top: 28px;
    z-index: 1;
}

.step_border_left .step_after_left_border::after,
.has_one_child .step_border_left .step_after_left_border::after,
.parallel_path-parent .step_border_left .step_after_left_border::after {
    content: '';
    position: absolute;
    background: #466af3;
    width: 0.5px;
    height: 100%;
    left: -23px;
    top: 28px;
    z-index: 1;
}

.foreach_loop_container .parallel_path_has_2childs::before {
    display: none;
}

.copy_function_popup_list .tree1 li{
    padding: 0 0 0.2em 0;
}
.dialog_context_popup_height .letter_num img {
    width: 18px;
    height: 18px;
}
.automation_logs_runtime_logs .automation_logs_collapse_open .treeview_automatiom .treeview_automatiom_ul.for_logs{
    padding: 0;
}

.tree_structure_body .treeview_automatiom_li .object_inside_collection::after{
    content: '';
    position: absolute;
    width: 10px !important;
    height: 10px !important;
    display: block;
    /* background: url(../images/arrow_mp.svg) no-repeat; */
    top: 5px;
    left: 20px;
}
.treeview_automatiom_label_container{
    display: flex;
    align-items: center;
}
.collection_picker_workflow_collection .automation_logs_collection .tree_down_arrow_object{
    top: 6px;
}

.analytics_popup_body_minus_body .collection_picker_workflow_collection .automation_logs_collection .tree_down_arrow_object{
    top: 2px;
}

.treeview_automatiom_li.logs_tree_parent.treeview_automatiom_li_first .treeview_automatiom_label_container{
    /* margin-top: 10px; */
}

.automation_canvas_right_popup .automation_global_form .select_work_form h4{
    margin-bottom: 10px;
}
.edit_action_height_condition .automation_condition_span span{
    width: 18px;
    height: 18px;
}
.edit_action_height_condition .automation_condition_span svg{
    left: 4px;
}
.edit_action_height_condition .automation_condition_span{
    right: 5px;
}
.function_popup.automation_function_popup .error_handle_autoamtion h4{
    margin-top: 5px;
    margin-bottom: 0;
}
.function_popup.automation_function_popup .automation_form_req p{
    /* margin-top: 0 !important; */
}
.forEach_popup_section .treeview_automatiom .treeview_automatiom_ul{
    margin-top: 0;
}
.settings{
    position: relative;
    bottom: 3px;
}
.connection_new_autoamtion_button.apptrigger_button{
    justify-content: center;
}
.automate .fbivXt:focus{
    box-shadow: none;
}
.automation_global_form_edit.automate .button_auto_input.condition_name{
    padding: 20px 5px 5px 0px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.automation_global_form_edit.automate{
    min-height: 30px;
    padding: 5px 20px 1px 14px;
}

.shuedular_input.ask_ques_editor_input{
    display: flex;
}

.copy_function_copied {
    display: flex;
    background: #d5ffee !important;
    padding: 5px;
    position: absolute;
    margin-top: -15px;
    margin-right: 35px;
}