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

/*-- Fonts --*/

@import url('dialog_context_popup.css');
@import url('dialog_condition_popup.css');
@import url('dialog_context_input.css');
@import url('dialog_sidepanel.css');
@import url('tryme-bot.css');
*,
*: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+ */
    -webkit-font-smoothing: subpixel-antialiased;
    text-shadow: 0 0 transparent;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

th {
    font-weight: 600;
}

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

body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
p {
    font-weight: 400;
}
.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');
}

@font-face {
    font-family: 'Gordita_Light';
    src: url('../fonts/Gordita-Light.woff2') format('woff2'), url('../fonts/Gordita-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita-LightItalic';
    src: url('../fonts/Gordita-LightItalic.woff2') format('woff2'),
        url('../fonts/Gordita-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita-Bold';
    src: url('../fonts/Gordita-Bold.woff2') format('woff2'), url('../fonts/Gordita-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita-MediumItalic';
    src: url('../fonts/Gordita-MediumItalic.woff2') format('woff2'),
        url('../fonts/Gordita-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita-RegularItalic';
    src: url('../fonts/Gordita-RegularItalic.woff2') format('woff2'),
        url('../fonts/Gordita-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita-Medium';
    src: url('../fonts/Gordita-Medium.woff2') format('woff2'), url('../fonts/Gordita-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita-Regular';
    src: url('../fonts/Gordita-Regular.woff2') format('woff2'), url('../fonts/Gordita-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    background: #f4f4f4;
}

/* scroll menu Start*/

::-webkit-scrollbar {
    width: 8px;
    border-radius: 8px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 8px;
}

/*scroll menu End*/

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    box-shadow: none;
}

/*sidebar*/

.wrapper {
    margin: 0 auto;
    width: calc(100% - 120px);
}

header {
    height: 80px;
    padding: 7px 0;
    border-bottom: 1px solid #818daa;
    font-family: 'seravek-medium';
}

header .user-profile {
    float: right;
    display: flex;
}

header .user-profile span {
    font-size: 14pt;
    text-align: right;
    padding-right: 7px;
    align-self: center;
}

header .user-profile .profile-picture {
    width: 66px;
    height: 66px;
    float: right;
    background: #a2a2a2;
    border-radius: 50%;
    background-size: 100% !important;
    background-position: center !important;
}

.sub_panel_toggle_btn.dialog_canvas_open_arrow .rotate_dropdown {
    transform: rotate(270deg) !important;
}

.flex_side_menu_dialog {
    /* transition: width 200ms cubic-bezier(0.17, 0.67, 0.55, 1.14) 0s; */
    z-index: 1099;
}

.flex_side_menu {
    /* transition: width 200ms cubic-bezier(0.17, 0.67, 0.55, 1.14) 0s; */
    z-index: 1099;
}

.sidepanel_menu_right {
    /* transition: width 200ms cubic-bezier(0.17, 0.67, 0.55, 1.14) 0s; */
}

.closed_sub_menu {
    width: 0px !important;
}

.closed_sub_menu .sidepanel_menu_right {
    width: 0px !important;
    position: relative;
    top: 65px;
    left: 18px;
}

.closed_sub_menu .sub_panel_toggle_btn {
    position: absolute;
    left: inherit;
    background: #fff8f4 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #00000029;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-left: -40px;
    top: -10px;
    border-radius: 50%;
    z-index: 999;
    right: inherit;
}

.sub_panel_toggle_btn {
    position: absolute;
    right: -7px;
    background: #fff8f4 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #00000029;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    top: 54px;
    cursor: pointer;
    z-index: 1035;
    border-radius: 50%;
}

.dialog_canvas_open_arrow {
    position: fixed;
    left: 64px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    width: 26px;
    height: 26px;
    top: 90px;
    box-shadow: 0px 0px 0px#ccc;
    cursor: pointer;
    z-index: 1099;
}

/* .sub_panel_toggle_btn.flow_canvas_close_arrow {
    position: relative !important;
    left: 213px !important;
    cursor:pointer;
} */

.sub_panel_toggle_btn.flow_canvas_open_arrow {
    position: fixed !important;
    left: 40px !important;
    cursor: pointer;
}

.flow_canvas_close_arrow svg {
    transform: rotate(90deg) !important;
}

.sub_panel_toggle_btn:hover {
    background: #ffe5d3;
}

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

.sub_panel_toggle_btn svg {
    height: 8px;
    width: 8px;
    transform: rotate(90deg);
    position: relative;
    fill: #355d8b;
}

.sub_panel_toggle_btn.closed_arrow svg {
    transform: rotate(270deg) !important;
}

/*cards*/

.row.card_grid_view {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    grid-gap: 20px;
}
.row.card_grid_view .col-3.dialog_grids {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0px;
}
.entity-home {
    padding-left: 120px;
    margin-top: 20px !important;
    cursor: pointer;
    margin-bottom: 20px;
}

.entity-home h2 {
    font-family: 'Seravek-ExtraLight';
    font-size: 55px;
    color: #494949;
    margin: 0;
}

.entity-home span {
    font-family: 'Seravek-Medium';
    font-size: 20px;
    color: #ff7900;
}

.entity-home .btn_center {
    font-family: 'Seravek-Medium';
    font-size: 16px;
    color: #ff7900;
}

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

.entity-home button:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}

.entity-home button:active {
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}

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

.entity-home .btn-primary span {
    position: relative;
    color: #494949;
}

.entity-home .btn-primary:hover span {
    background: inherit;
    color: #fff;
}

.entity-home .btn-primary:active span {
    background: inherit;
    color: #ff7900;
}

.entity-home .btn-primary:focus span {
    background: inherit;
    color: #ff7900;
}

.entity_left {
    width: 100%;
    float: left;
    padding: 0;
}

.entity_right {
    width: 100%;
    float: right;
    margin-top: 20px;
    padding-left: 15px;
    padding: 0;
}

.entity_right1 {
    width: 100%;
    float: right;
    margin-top: 20px;
    padding-left: 15px;
    padding: 0;
    text-align: right;
}

.entity_text_right {
    text-align: right;
}

.entity-home h2 {
    font-family: 'Seravek-ExtraLight';
    font-size: 55px;
    color: #494949;
    margin: 0;
}

.entity-home .entit_catlog {
    font-family: 'Seravek-Medium';
    font-size: 20px;
    color: #ff7900;
    position: relative;
    top: -12px;
    left: 3px;
}

.entity_right span {
    font-size: 16px;
}

.entity_right1 span {
    font-size: 16px;
}

.entity_right .btn_large {
    width: 170px;
    height: 30px;
    padding: 0;
    background: #ff7900;
    color: #fff;
    border: inherit;
}

.entity_right1 .btn_large {
    width: 170px;
    padding: 0;
    background: #0a89e8;
    color: #fff;
    border: inherit;
}

.entity_right .btn_large span {
    font-family: 'Seravek-Light';
    font-size: 16px;
    color: #fff;
}

.entity_right1 .btn_large span {
    font-family: 'Seravek-Light';
    font-size: 16px;
    color: #fff;
}

.entity_right .btn_large svg {
    position: relative;
    left: 15px;
    transform: rotate(90deg) !important;
    fill: #fff;
    width: 10px;
}

.entity_cards .entity_cards_layer1:hover svg {
    background: #ffe5d3;
    color: #333;
    border: 10px solid rgb(255 210 179);
    fill: #526a86;
}

.entity_cards_layer1:hover h6 {
    color: #333;
}

/* .entity_cards_layer1:before {
    border: 7px solid #fff;
    content: "";
    position: absolute;
    top: 33px;
    width: 74px;
    height: 74px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0.5;
    background: inherit;
} */

.entity_cards_layer1 h6 {
    text-align: center;
    color: #494949;
    font-size: 16px;
    font-family: 'Seravek-Regular';
    font-weight: bold;
    margin-top: 10px;
}

.entity_cards_layer1 h6:hover {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-size: 16px;
}

.entity_cards_layer h5 {
    padding-top: 0px !important;
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #000;
    margin-bottom: 0px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.d_card_right > div {
    position: relative;
    top: 2px;
}
.entity_span {
    font-size: 10px;
    font-family: 'Gordita-Regular';
    color: #666666;
    margin-right: 5px;
    display: inline-block;
}

.entity_cards_layer p {
    margin: 0;
    font-size: 11px;
    font-family: 'Gordita-Regular';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 128ch;
    color: #000;
}

.entity_hvr span {
    float: right;
    position: relative;
    top: 0px;
    right: 0px;
    display: block;
}

.entity_hvr svg {
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 10px;
    color: #fff;
    padding: 1px;
    fill: #fff;
}
.dialog_cards_layer:hover .entity_hvr svg {
    color: #666;
    padding: 1px;
    fill: #666;
}
.dialog_cards_layer:hover .error_icon_wrapper_right label {
    background: #fff;
}

.entity_cards_layer input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0;
}

.entity_cards_layer input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0;
}

input[type='search']:focus {
    outline: 0;
    box-shadow: none;
}

.entity_cards_layer input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0;
}

input::-webkit-search-decoration,
.entity_cards_layer input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0;
}

input::-webkit-search-cancel-button {
    display: none;
}

.entity_cards_layer input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0;
}

.entity_cards_layer input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0;
}

/* input:-moz-placeholder {
    color: #000;
    font-family: 'Seravek-Light';
    text-align: left;
    padding-left: 10px;
} */

.entity_cards_layer input[type='search'] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0;
}

/* input::-webkit-input-placeholder {
    color: #000;
    text-align: left;
    padding-left: 10px;
} */

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    /*z-index: 1000;*/
}
.dialog_cards_layer .option-input {
    top: 0px;
    margin-right: 0px;
}

.dialog_cards_layer .entity_hvr {
    width: auto;
    float: right;
}
.dialog_card label {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-left: 10px;
    position: relative;
    top: -5px;
}

.dialog_card:hover label {
    opacity: 1;
}
.dialog_cards_layer label {
    margin-bottom: 14px;
    width: 16px;
    height: 16px;
    display: flex;
    float: left;
}
.main:hover .option-input {
    background: #fff;
    border: 1px solid #fff;
}

.entity_cards_layer:focus input[type='search'] {
    width: 220px;
}

.option-input:checked {
    background: #2468f6 !important;
    border: 1px solid #2468f6 !important;
}
.entity_cards_layer:hover .option-input.radio:checked {
    border: 1px solid #fff !important;
}

.option-input:checked::before {
    height: 6px;
    width: 10px;
    position: absolute;
    content: '';
    background-image: url(../images/tick.svg);
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    top: 4px;
    left: 3px;
}

.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #2468f6;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}

.option-input.radio {
    border-radius: 50%;
    border: 1px solid #000;
}

.option-input.radio::after {
    border-radius: 50%;
}

.entity_cards_layer:hover {
    background: #0a89e8;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border: inherit;
}
.entity_cards_layer:hover .flow_card_left {
    background: #fff;
}
.entity_cards_layer:hover .flow_card_left svg {
    fill: #333;
}

.entity_cards_layer:hover .entity_hvr svg {
    color: #666;
    fill: #666;
}
.entity_cards_layer:hover p {
    color: #000;
}

.entity_cards_layer:hover .entity_span {
    color: #333;
}
/* .entity_cards_layer:hover .flow_entity_span:before {
    border-top: 1px solid #fff;
} */

.entity_right svg {
    width: 12px;
    position: relative;
    left: -10px;
    top: 2px;
}

.entity_right1 svg {
    width: 12px;
    position: relative;
    left: -10px;
    top: -2px;
}

.entity_cards_layer:hover h5:before {
    border: 0.5px solid #fff;
}

.entity_cards_layer .slecet_flows svg {
    width: 10px;
    margin-right: 10px;
    position: relative;
    left: 15px;
    top: 2px;
    right: 0px;
    transform: rotate(45deg) !important;
    font-family: 'Seravek-Light';
}

.entity_cards.default_entity h4 {
    font-family: 'Seravek-Medium';
    font-size: 18px;
}

.teams_add_workspace_btn .teams_icon {
    width: 18px !important;
    height: 18px;
    top: 0px !important;
    margin-left: 5px;
    margin-right: 10px;
}

/*/modal popup 2/*/

.flow_popup1 .modal-dialog .error_msg {
    text-align: right !important;
    color: #ff5252;
    margin-bottom: 5px;
    width: auto;
    float: left;
    position: absolute;
    right: 30px;
    margin-top: -17px;
    font-size: 12px;
}

.flow_popup1 .modal-content p {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Gordita-Regular';
    margin-bottom: 0px !important;
    color: #355d8b;
    /* padding-bottom: 10px; */
}

.flow_popup1 .form-control:focus {
    outline: 0;
    box-shadow: none;
}

[data-ml-modal] {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-ml-modal] {
    width: auto;
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

[data-ml-modal] .modal-overlay {
    background-color: rgba(0, 0, 0, 0.3) !important;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: default;
}

.modal-overlay.context_popup_overlay {
    background: transparent !important;
}

.modal-dialog-lg {
    max-width: 820px !important;
}

[data-ml-modal] .modal-dialog > h3 {
    background-color: #eee;
    border-bottom: 1px solid #b3b3b3;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding: 0.8em 56px 0.8em 27px;
}

[data-ml-modal] .modal-close {
    position: absolute;
    top: 13px;
    right: 13px;
    color: #0085a6;
    background-color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

[data-ml-modal] .modal-close:hover {
    background-color: #0085a6;
    color: #fff;
    cursor: pointer;
}

[data-ml-modal] p:first-child,
[data-ml-modal] p:last-child {
    margin: 0;
}

.add_del_btn {
    margin-bottom: 10px;
    cursor: pointer;
}

/* .flow_popup1 .modal-content input {
    margin-bottom: 10px;
    background: #fff3eb;
    border: 1px solid #ccc;
} */

/* .add_del_btn svg {
    width: 16px;
    float: right;
    border: 1px solid #555;
    height: 16px;
    padding: 3px;
    border-radius: 50%;
    margin-top: -13px;
    cursor: pointer;
    position: relative;
    top: 22px;
    right: 6px;
    fill:#555;
    color:#555;
} */

.intent_name span {
    position: relative;
    top: 0px;
    font-size: 14px;
    margin-right: 2px;
    cursor: pointer;
}

h3.intent_name .add_more {
    padding: 0 10px;
}

/* .intent_name svg:hover {
    background: #0988e7;
    color: #fff;
    border: 1px solid #fff;
    fill: #fff;
} */

.entity_cards_layer .m_t_15_entity {
    height: 40px;
}

.intent_card_h5 {
    margin-top: 15px;
}

.intent_card_h5 h5 {
    text-overflow: ellipsis;
    overflow: hidden;
}

.intent_card_h5:before {
    content: '';
    position: absolute;
    top: 73%;
    left: 0px;
    right: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6;
}
.entity_cards_layer:hover .intent_card_h5:before {
    top: 73%;
    background: #fff;
}
/* .intent_name svg {
    width: 26px;
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 50%;
    color: #000;
    height: 26px;
    background: #fff;
    text-align: left;
    display: block;
    float: left;
} */

.flow_popup1 .modal-content h3 {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Gordita-Medium';
    margin: 0px;
    padding-bottom: 30px;
    margin-left: 0px;
    display: flex;
    align-items: center;
}

.entity_radio {
    padding: 0;
    width: 100%;
    float: left;
}

.entity_radio.adaptive_card_radio {
    margin-bottom: 15px;
}

.entity_radio .radio {
    width: auto;
    float: left;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-right: 20px;
}
.entity_radio .radio span {
    position: relative;
    top: 2px;
}
.entity_radio .radio:last-child {
    margin-right: 0px;
}

.entity_radio .entity_radio_flex {
    display: flex;
}

.entity_radio label {
    margin: 0;
    display: flex;
}

.entity_radio .radio input {
    margin-right: 6px;
}

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

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

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

/*listview*/

.entity_name {
    position: absolute;
    top: 15%;
    width: 100%;
}

.entity_name h6 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 30px;
    color: #494949;
    margin: 0px;
}

.entity_name h2 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 55px;
    color: #494949;
    margin: 0px;
}

.entity_name span svg {
    width: 40px;
    height: 40px;
    border: 1px solid #999;
    padding: 12px 0px;
    border-radius: 50%;
    line-height: 20px;
    cursor: pointer;
    background: #fff;
    position: relative;
    top: 5px;
    left: 20px;
}

.entity_name span:hover svg {
    background: #0a89e8;
    border: inherit;
    fill: #fff;
}

.entity_name p {
    padding-bottom: 20px;
    border-bottom: 0.5px solid #999;
    width: 100%;
}

/*flow group*/

.entity_cards_layer .moortho {
    padding-left: 10px;
    position: absolute;
    left: 0;
    background: #fff;
    border-right: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    border-radius: 18px;
    height: 150px;
    width: 100%;
}

.entity_cards_layer .flow_label_grp {
    padding-left: 10px;
    position: absolute;
    left: 0;
    background: #fff;
    border-right: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    border-radius: 18px;
    height: 150px;
    width: 100%;
}

.entity_flow_layer {
    top: -6px;
    max-width: 100%;
    background: #fff;
    height: 150px;
    border-radius: 12px;
    border-right: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    position: absolute;
    left: -6px;
}

.entity_cards_layer:hover .entity_flow_layer {
    background: #0086ea;
    border-right: 5px solid #0086ea;
    border-bottom: 5px solid #0086ea;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.entity_cards_layer:hover .flow_label_grp {
    background: #0086ea;
    border-right: 5px solid #0086ea;
    border-bottom: 5px solid #0086ea;
    box-shadow: 1px 1px 1px 0px #999;
}

.option-input.radio {
    border-radius: 50%;
    border: 1px solid #fff;
}

.dialog_cards_layer:hover {
    background: #0a89e8;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border: inherit;
}

.dialog_cards_layer h6 span {
    margin: 0 auto;
}

.dialog_cards_layer:hover h6 span {
    margin: 0;
}

.dialog_cards_layer h6 {
    margin: 0;
    font-size: 18px;
    color: #5b9ff7;
    width: 36px;
    height: 36px;
    background: #e0f6ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-family: 'Seravek-Medium';
}
.d_card_left {
    background: #c7e3ff;
    border-radius: 50%;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.d_card_left svg {
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #367af2;
    fill: #367af2;
}
.d_card_right {
    width: 87%;
    float: right;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0px;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    color: #000;
}
.d_card_right p {
    color: #000;
    font-family: 'Gordita-Regular';
    width: 100%;
    font-size: 11px;
    width: 100%;
    float: left;
    line-height: inherit;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 6px;
    line-height: 16px;
}
.search_word_highligter {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.d_card_wrapper {
    width: 100%;
    display: flex;
    position: relative;
    /* padding-bottom: 32px; */
    min-height: 82px;
}
.search_works .d_card_wrapper {
    padding-bottom: 36px;
}

.entity_cards_layer.dialog_cards_layer .highlighted-text.d-inline {
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #000;
    margin-bottom: 0px;
    line-height: 18px;
}
.entity_cards_layer .d_card_wrapper {
    padding-bottom: 0px;
    min-height: 82px;
}
.entity_cards_layer .d_card_right .entity_span {
    padding-bottom: 10px;
    line-height: 10px;
    font-size: 11px;
    color: #000;
    font-family: 'Gordita-Regular';
}
.entity_cards_layer .d_card_right .entity_span span {
    color: #f07f31;
}
.search-card-title.d-inline.searching_dialog_title {
    padding-top: 16px;
    width: 100%;
    float: left;
    line-height: 18px;
}
.entity_cards_layer .d_card_right {
    justify-content: space-between;
}
.d_card_wrapper:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -12px;
    right: 0;
    width: calc(100% + 24px);
    height: 1px;
    background: #e0e0e0;
}

.dialog_cards_layer:hover h6 {
    padding-left: 0px;
    background: inherit;
    color: #000;
    font-family: 'Seravek-Regular';
    margin-top: 20px;
}

.entity_cards_layer:hover .option-input.radio {
    border: 1px solid #2468f6 !important;
    background: #fff;
}

.dialog_cards_layer:hover .option-input.radio {
    border: 1px solid #2468f6 !important;
    background: #fff;
}

.dialog_cards_layer:focus .option-input.radio {
    opacity: 1;
}

.dialog_cards_layer:hover label {
    opacity: 1;
    margin-bottom: 14px;
}
.dialog_cards_layer:hover .error_icon_wrapper_right label {
    margin-bottom: 0px;
}

.dialog_cards_layer h3 {
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 0px;
    margin-bottom: 0px;
    font-family: 'Gordita-Medium';
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    line-height: 18px;
}
.dialog_entity_cards .cogni_cards {
    padding-left: 20px;
}
.dialog_cards_layer:hover h3 {
    color: #000;
    margin: 0px;
    margin-bottom: 0px;
    font-family: 'Gordita-Medium';
}
.list_flow_hr .highlighted-dialog-text {
    font-family: 'Gordita-Medium';
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

/* .error_icon_wrapper:before {
    content: '';
    position: absolute;
    top: 17px;
    left: -15px;
    right: 0;
    width: calc(100% + 30px);
    height: 1px;
    background: #e6e6e6;
}
.dialog_cards_layer:hover .error_icon_wrapper:before {
    top: 7px;
    background: #fff;
} */

.dialog_cards_layer .entity_span {
    /* padding-top: 25px; */
    float: left;
}
.search_works .search_word_highligter .searching_dialog_title {
    width: 100%;
    float: left;
    margin-top: 0px;
    line-height: 14px;
    margin-bottom: 0px;
    color: #333;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    position: relative;
    top: 4px;
    line-height: 18px;
}
.search_works.searching_dialog:hover .searching_dialog_title {
    width: 100%;
    float: left;
    margin-top: 0px;
}
.dialog_cards_layer.search_works:hover .searching_dialog_title {
    color: #333;
}

.dialog_cards_layer.search_works:hover h6 {
    padding-left: 0px;
    background: inherit;
    color: #333;
    font-family: 'Gordita-Regular';
    margin-top: 0px;
}
.dialog_cards_layer.search_works:hover .entity_span {
    padding-top: 0px;
    float: left;
    color: #333;
}
.search_works .search_word_highligter .entity_span {
    padding-top: 0px;
}
.search_works .error_icon_wrapper:before {
    top: 9px;
}
.dialog_cards_layer:hover .entity_span {
    padding-top: 0px;
    float: left;
    color: #666;
}
.entity_cards_layer:hover .d_card_right .entity_span {
    color: #000;
}
.start_layer .error_icon_wrapper_right label {
    width: auto;
    padding: 0px 7px;
}

.start_layer:hover h5 {
    color: #333;
    font-family: 'Gordita-Regular';
}

.start_layer .entity_span {
    float: left;
}

.start_layer:hover .entity_span {
    float: left;
}
.start_layer .search_word_highligter {
    padding-top: 0px;
}

.enity_left h3 {
    width: 20%;
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 30px;
    color: #494949;
}
.workflow_link {
    display: flex;
    align-items: center;
    width: max-content;
    float: left;
    margin-top: 7px;
}
.workflow_link a {
    display: flex;
    align-items: center;
    font-family: 'Gordita-Medium';
}
.workflow_link .drodown_li_span {
    width: auto;
    background: inherit;
    padding: 0px;
    width: auto;
    height: 24px;
}
.workflow_link .drodown_li_span:last-child {
    background: inherit;
}
.enity_left button {
    width: 150px;
    height: 30px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    text-align: center;
    padding: 0;
    border-radius: 18px;
    border: 0.5px solid #999999;
    background: #fff;
    color: #494949;
    outline: 0;
    margin-left: 20px;
    margin-top: 5px;
}

.enity_left svg {
    width: 12px;
    position: relative;
    left: -40px;
    top: 2px;
}

.enity_right {
    text-align: right;
}

.enity_right:hover button {
    background: #0a89e8;
}

.enity_right button {
    width: 170px;
    height: 30px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    text-align: center;
    padding: 0;
    border-radius: 18px;
    border: 0.5px solid #999999;
    background: #fff;
    color: #494949;
    outline: 0;
    margin-left: 20px;
    margin-top: 5px;
}

.enity_right svg {
    width: 12px;
    position: relative;
    left: -40px;
    top: 2px;
}

.enity_p p {
    padding: 10px 0px;
    width: 100%;
    color: #494949;
    border: none;
    float: left;
    margin: 0;
}

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

.entity_table span {
    font-size: 12px;
    color: #494949;
    font-family: 'Seravek-Medium';
}

.entity_table_row {
    width: 100%;
    float: left;
    padding: 0px 20px 0px 32px;
    cursor: pointer;
    height: 48px;
    margin-bottom: 0px;
    max-height: 300px;
    background: #fff;
}

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

.entity_table_row_2 h4 {
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #494949;
    margin: 0;
    padding-top: 0px;
}

.entity_table_row_3 h4 {
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #494949;
    margin: 0;
}

.entity_table_row_4 {
    text-align: right !important;
}

.entity_table_row_4 span svg {
    width: 16px;
    background: inherit;
    padding-right: 10px;
    height: inherit;
    border: none;
    padding: 0;
    color: #666;
    border-radius: unset;
    position: relative;
    left: 0;
    margin-left: 10px;
    height: 16px;
    cursor: pointer;
}

.entity_table_row_4:hover span svg {
    color: #494949;
    background: inherit;
}

.entity_table_row_1 label {
    position: relative;
    top: -11px;
    /* width: 16%; */
    float: left;
    margin-right: 15px;
}

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

.entity_table_row:hover h4 {
    color: #333;
}

.entity_table_row:hover span svg {
    color: #333;
}

.enity_left button:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}

.enity_left button:active {
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}

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

.enity_left .btn_large {
    width: 170px;
    height: 30px;
    padding: 0;
    background: #0a89e8;
    color: #fff;
    border: inherit;
}

.enity_left .btn_large:hover {
    width: 170px;
    padding: 0;
    background: #0a89e8;
    color: #fff;
    border: inherit;
}

.enity_left .btn_large {
    width: 170px;
    padding: 0;
    background: #ff7900;
    color: #fff;
    border: inherit;
}

.enity_left .btn_large span {
    font-family: 'Seravek-Light';
    font-size: 16px;
    color: #fff;
}

.enity_left .btn_large span {
    font-family: 'Seravek-Light';
    font-size: 16px;
    color: #fff;
}

.enity_left .btn_large svg {
    position: relative;
    transform: rotate(45deg) !important;
    left: -10px;
    text-align: right;
    float: right;
    top: 5px;
}

.box_1 {
    text-align: left;
    padding: 0px 10px 0px 0px;
    display: inline-flex;
}

input[type='checkbox'].switch_1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 36px;
    height: 22px;
    background: #ddd;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
}

input[type='checkbox'].switch_1:checked {
    background: #ff7900;
}

.btn_center1 {
    position: absolute;
    top: 8px;
    text-align: center;
    right: 12px;
}

input[type='checkbox'].switch_1:after {
    position: absolute;
    border: 1px solid #999;
    content: '';
    top: 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
}

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

.caret_before {
    padding-left: 55px;
}

.caret_before span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid black;
    left: 90px;
    top: 12px;
}

/* hiding new card */

.hide_create_card {
    opacity: 0.2;
    pointer-events: none;
}

/*dialog editor*/

.dialog_editor {
    position: absolute;
    top: 25%;
}
.dialog_editor.dialog_detail {
    position: relative;
    top: 0px;
}
.dialog_editor.dialog_detail .tree.zontal_lines {
    position: relative;
    left: -5px;
}
.dialog_editor.dialog_detail .flow_buttons {
    z-index: 6;
}
.dialog_sub {
    cursor: pointer;
    border: 0.5px solid #494949;
    height: 150px;
    max-width: 19%;
    flex: 0 0 19%;
    margin-left: 15px;
    margin-bottom: 20px;
    border-radius: 18px;
    background: #fff;
}

/*dropdown menu*/

.dropdown_menu {
    position: absolute;
    z-index: 99999;
    background: #fff;
    border-radius: 15px;
    width: 200px;
    right: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.dropdown_menu ul {
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 18px;
}

.dropdown_menu ul li:first-child {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.dropdown_menu ul li {
    list-style: none;
    text-decoration: none;
    line-height: 30px;
    padding: 0px;
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
}

.dropdown_menu span {
    padding-right: 10px;
}

.dropdown_menu ul li svg {
    width: 12px;
    position: relative;
    left: 0px;
}

.dropdown_menu ul li:last-child {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

/*dropdown menu*/

.caret_before {
    padding-left: 55px;
}

.caret_before span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid black;
    left: 90px;
    top: 12px;
}

.entity_left h3 {
    font-size: 30px;
    font-family: 'Seravek-ExtraLight';
    color: #494949;
    margin: 0;
    margin-top: 20px;
}

.entity_left .flow_catalog {
    font-size: 20px;
    font-family: 'Seravek-Medium';
    color: #ff7900;
}

.group_h1 {
    font-size: 55px;
    font-family: 'Seravek-ExtraLight';
    color: #494949;
    margin-left: 15px;
}

.entity_flow_layer {
    padding-right: 0px;
}

.group_dieup {
    position: relative;
    top: 6px;
}

.entity_flow_layer {
    top: 6px;
    max-width: 100%;
    background: #fff;
    height: 150px;
    border-right: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    position: absolute;
    left: 6px;
    border-radius: 24px;
}

/*thursday*/

/*dialog editor*/

.dialog_editor_canvas {
    overflow: hidden;
    padding-right: 0px !important;
}

/* .dialog_editor_canvas .intent_dialog_right {
    padding-right: 30px !important;
} */

.dialog_editor_canvas .entity_cards {
    margin-top: 0px;
}

.dialog_editor_canvas .dialog_editor {
    margin-top: 0px;
    padding-top: 70px;
    padding-left: 0px;
}

.final_hook {
    /* padding-left: 280px; */
}

.dialog_number {
    color: #494949;
    position: relative;
    top: 10px;
    left: 0;
    font-size: 65px;
    opacity: 0.1;
    line-height: 46px;
    font-family: 'Seravek-ExtraLight';
    padding-left: 10px;
}

.dialog-editor1 {
    position: relative;
    top: 25%;
}

.dialog_editor {
    position: absolute;
    top: 25%;
    width: 100%;
    float: left;
}

.dialog_sub {
    cursor: pointer;
    border: 0.5px solid #494949;
    height: 150px;
    max-width: 19%;
    flex: 0 0 19%;
    margin-left: 15px;
    margin-bottom: 20px;
    border-radius: 18px;
    background: #fff;
}

.dialog_menu {
    height: 100%;
    float: left;
}

/*treeview*/

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

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

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

.tree_label {
    position: relative;
    display: inline-block;
    background: inherit;
    margin: 0px;
}

label.tree_label {
    cursor: pointer;
}

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

label.tree_label:before {
    background: #a2a2a2;
    color: #fff;
    position: relative;
    z-index: 1;
    float: left;
    margin: 0px;
    width: 15px;
    height: 15px;
    border-radius: 1em;
    content: '';
    text-align: center;
    line-height: 0.9em;
    top: 32px;
    left: -15px;
    margin-left: 5px;
}
.dialog_detail_ul label.tree_label:before {
    top: 16px;
    left: -12px;
}
.tree .dialog_detail_ul li:last-child:before {
    height: 6em;
}
.dialog_detail_ul_parent label.tree_label:before {
    top: 16px;
}
.dialog_list_ul_parent label.tree_label:before {
    top: 16px;
}
.tree .dialog_detail_ul_parent li:last-child:before {
    height: 4em;
    top: -40px;
}
.tree_minus {
    background: #0a89e8;
    color: #fff;
    position: relative;
    z-index: 10;
    float: left;
    margin: 0px;
    width: 25px;
    height: 25px;
    border-radius: 1em;
    text-align: center;
    line-height: 0.9em;
    top: 65px;
    left: -12px;
    margin-left: 0px;
    box-shadow: 2px 2px 5px 0px #999;
}

.tree_plus {
    background: #0a89e8;
    color: #fff;
    position: relative;
    z-index: 10;
    float: left;
    margin: 0px;
    width: 25px;
    height: 25px;
    border-radius: 1em;
    text-align: center;
    line-height: 1.7em;
    top: 65px;
    left: -12px;
    margin-left: 0px;
    box-shadow: 2px 2px 5px 0px #999;
}

.tree li:before {
    position: absolute;
    top: -70px;
    bottom: 0;
    left: -3px;
    display: block;
    width: 1px;
    border-left: 0.5px solid #a2a2a2;
    content: '';
    height: calc(100% - -85px);
}
.dialog_detail_ul_parent {
    margin-left: -19px;
}

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

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

.zontal_lines li {
    padding: 0px;
    margin-left: 20px;
}

.zontal_lines .first_add_node {
    padding: 0px;
    margin-left: 10px !important;
}

.parent_node_left {
    margin-left: 16px;
    z-index: 9;
}

.tree li:last-child:before {
    height: 7em;
    bottom: auto;
}

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

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

.drpdown_dialog ul li:before {
    content: '';
    border: none !important;
}

/*parent node*/

.dialog_editor {
    position: absolute;
    top: 24%;
}

.parent_node {
    width: 265px;
    height: 44px;
    border: 0.5px solid #e6e6e6;
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
    padding-right: 10px;
    float: left;
    padding-left: 0px;
    margin-bottom: 20px;
    z-index: 9;
}

.parent_node_child {
    width: 250px;
    height: 120px;
    border: 0.5px solid #e6e6e6;
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
    padding-right: 10px;
    float: left;
    padding-left: 0px;
    margin-bottom: 20px;
    margin-left: -15px;
}

.parent_node_child span {
    width: 18px;
    height: 18px;
    background: #fff;
    display: inline-block;
    margin-left: 3px;
    margin-top: 10px;
}

.parent_node_child span svg {
    fill: #fff;
    width: 100%;
}

.parent_node_child:hover span svg {
    fill: #fff;
}

.parent_node span {
    /* width: 18px;
    height: 18px;
    background: #fff; */
    /* display: inline-flex; */
    /* margin-left: 5px;
    margin-top: 10px;
    padding: 1px;
    float: right; */
}

.parent_node_no {
    width: 24px;
    height: 24px;
    background: #c9e6f4;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    float: left;
}

.parent_node_no span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: inherit;
    display: flex;
    text-align: center;
    align-items: center;
}
.parent_node_no span .option-input.radio {
    width: 18px;
    height: 18px;
    position: relative;
    top: 0px;
}

.child_node_button .parent_svg {
    width: 12px;
    height: 12px;
}

.tryit_message .parent_node_no span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: inherit;
    display: inline-block;
    text-align: center;
    align-items: center;
}

.parent_node_child h4 {
    padding-left: 20px;
    padding-top: 20px;
    color: #000;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin: 0;
}

.parent_node h4 {
    padding-left: 6px;
    padding-top: 16px;
    color: #000;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.parent_node:hover {
    background: #ffe5d3;
    border: 0.5px solid #ffe5d3;
    box-shadow: 0px 3px 6px #00000012;
}

.parent_node.parent_node_left:hover {
    background: #ffe5d3;
    border: 0.5px solid #ffe5d3;
    box-shadow: 0px 3px 6px #00000012;
}

.parent_node_child:hover span {
    background: inherit;
}

.parent_node_child:hover h4 {
    color: #333;
}

.parent_node_child:hover .parent_node_no .parent_svg svg {
    background: inherit;
    fill: #0a89e8;
}

.parent_node_child .parent_node_no .parent_svg svg {
    background: inherit;
    fill: #0a89e8;
}

.parent_node_child:hover .parent_node_no {
    background: #fff;
}

.parent_node_child:hover {
    background: #0a89e8;
    border: inherit;
    box-shadow: 1px 1px 15px 0px #999;
}

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

.parent_node:hover svg {
    fill: #333 !important;
    color: #333;
    width: 100%;
    height: 14px;
}

.parent_node:hover span {
    background: inherit;
}

.parent_node:hover h4 {
    color: #333;
}

.parent_node:hover .parent_node_no span {
    background: inherit;
}

.parent_node:hover .parent_node_no {
    background: #fff;
}

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

.parent_node:hover .parent_svg svg {
    fill: #0a89e8 !important;
}

/*parent nod selected*/

.parent_node_selected {
    margin-top: 15px;
    width: 250px;
    height: 120px;
    border: 0.5px solid #ff7900;
    border-radius: 18px;
    margin-left: 15px;
    background: #fff;
    cursor: pointer;
    padding-right: 10px;
    float: left;
}

.parent_node_selected h4 {
    padding-left: 20px;
    padding-top: 20px;
    color: #ff7900;
    font-family: 'Seravek-Bold';
    font-size: 18px;
}

/*parent nod disabled*/

.parent_node_disabled {
    margin-top: 15px;
    width: 250px;
    height: 120px;
    border: 0.5px solid #e6e6e6;
    border-radius: 18px;
    margin-left: 15px;
    background: #fff;
    cursor: pointer;
    padding-right: 10px;
    float: left;
    opacity: 0.2;
    pointer-events: none;
}

.parent_node_disabled h4 {
    padding-left: 20px;
    padding-top: 20px;
    color: #494949;
    font-family: 'Seravek-Bold';
    font-size: 18px;
    opacity: 0.2;
    pointer-events: none;
}

/*child node*/

.child_node {
    width: 265px;
    height: 44px;
    box-shadow: 0px 3px 6px #00000012;
    border-radius: 22px;
    background: #fff;
    cursor: pointer;
    padding-right: 12px;
    float: left;
    display: flex;
    align-items: center;
    margin: 0px 0px 20px 24px;
    position: relative;
}

.child_node_button {
    border-radius: 36px;
    cursor: pointer;
    padding-right: 10px;
    float: left;
    display: flex;
    align-items: center;
    margin: 35px 0px;
    margin-left: 10px;
    position: relative;
    padding: 0px;
}

.child_node_button .parent_node_no {
    width: 20px;
    height: 20px;
    background: #fff;
    margin-left: 0px;
    margin-top: 11px;
    display: flex;
    align-items: center;
    border-radius: 50%;
}

.child_node_button .parent_node_no svg {
    fill: #999;
    width: 100%;
}

.child_node_button:hover .parent_node_no svg {
    fill: #fff;
    width: 100%;
}

.child_node_button:hover .parent_node_no {
    background: #f07f31;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.child_node span {
    width: 14px;
    height: 14px;
    background: inherit;
    float: right;
    margin-left: 6px;
    padding: 0.5px;
}

.child_node_no {
    width: 24px !important;
    height: 24px;
    background: #c7e3ff;
    margin-left: 10px;
    display: flex;
    align-items: center;
    border-radius: 50%;
}

.child_node_no span {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background: inherit;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
}

.child_node_no svg {
    fill: #0a89e8;
    width: 18px;
    height: 18px;
}

.child_node:hover .child_svg svg {
    fill: #666;
    color: #666;
}

.child_svg svg {
    fill: #fff;
}

.child_node h4 {
    padding-left: 6px;
    color: #494949;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin: 0;
    min-width: 70%;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 2px;
}

.child_node:hover {
    background: #ffe5d3;
}

.child_node:hover span {
    background: inherit;
}

.child_node:hover .child_node_no span {
    background: inherit;
}
.child_node:hover .child_node_no span svg {
    fill: #333;
    color: #333;
}

.child_node:hover .child_node_no {
    background: #fff;
}

.child_node:hover h4 {
    color: #333;
}
/* 
.child_node_no_orange span svg {
    fill: #ff7900;
    width: 18px;
    height: 18px;
} */

/* .child_node_no_orange {
    width: 36px;
    height: 36px;
    background: #f9d5b2;
    margin-left: 7px;
    display: flex;
    align-items: center;
    border-radius: 50%;
} */
/* 
.child_node_no_orange span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: inherit;
    display: inline-flex;
    align-items: center;
} */
/* 
.child_node:hover .child_node_no_orange span {
    background: inherit;
}

.child_node:hover .child_node_no_orange {
    background: #fff;
} */

.child_node_selected {
    width: 250px;
    height: 50px;
    border: 0.5px solid #ff7900;
    border-radius: 36px;
    background: #fff;
    cursor: pointer;
    padding-right: 10px;
    float: left;
    display: flex;
    align-items: center;
    margin: 35px 0px;
    margin-left: 40px;
}

.child_node_selected h4 {
    padding-left: 10px;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    margin: 0;
    min-width: 64%;
    float: right;
}

.child_node_selected span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: inherit;
    display: inline-flex;
    align-items: center;
}

.child_node_selected svg {
    fill: #0a89e8;
    width: 18px;
    height: 18px;
}

.child_node_disabled {
    width: 250px;
    height: 50px;
    border: 0.5px solid #e6e6e6;
    border-radius: 36px;
    background: #fff;
    cursor: pointer;
    padding-right: 10px;
    float: left;
    display: flex;
    align-items: center;
    margin: 35px 0px;
    margin-left: 20px;
    opacity: 0.2;
    pointer-events: none;
}

.child_node_disabled h4 {
    padding-left: 10px;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    margin: 0;
    min-width: 64%;
    float: right;
    opacity: 0.2;
    pointer-events: none;
}

.dialog_tree_next_hover .child_node_button {
    position: absolute;
    margin-top: -7px;
    margin-left: -1px;
    margin-bottom: 0px;
}
.next_arrow_button .dialog_tree_next_hover .child_node_button {
    margin-top: -36px;
    margin-left: -5px;
}
.next_arrow_button .next_icon:hover .dialog_tree_next_hover {
    display: block;
}
.downarrow_hide_right {
    width: 20px;
    height: 20px;
    display: block;
}

.downarrow_hide_right svg {
    width: 12px;
    height: 10px;
    margin-top: 0px;
    margin-left: 5px;
}

.dialog_tree_next {
    position: absolute;
    width: 12px;
    height: 12px;
    margin-top: 50px;
    margin-left: 10px;
}

.dialog_tree_next_hover {
    position: absolute;
    width: 12px;
    height: 12px;
    display: none;
}

.dialog_tree_next_toggle {
    width: 24px;
    height: 24px;
}

.dialog_tree_next_toggle:hover .downarrow_hide_right {
    display: none;
}

.dialog_tree_next_toggle:hover .dialog_tree_next_hover {
    display: block;
}

.dialog_tree_next svg {
    fill: #707070;
    color: #707070;
}

.parnt-node_child .dialog_editor.parent_node {
    margin-left: 20px;
}

/*w3c*/

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

.dialog_editor ul li {
    position: relative;
}

.first {
    display: flex;
    position: relative;
    vertical-align: top;
    outline: none;
    white-space: normal;
    width: 250px;
    cursor: pointer;
}

.firsr_child_border:before {
    border: 0.5px solid #ccc;
    content: '';
    position: absolute;
    display: block;
    height: calc(100% - 110px);
    left: 16px;
    top: 15px;
}

.zontal_lines {
    width: 100%;
    float: left;
    overflow-x: scroll;
    height: calc(100vh - 145px);
    padding: 30px 20px 0px;
    padding-bottom: 40px;
}

.first_child {
    display: flex;
    position: relative;
    vertical-align: top;
    outline: none;
    white-space: normal;
    width: 250px;
    cursor: pointer;
}

ul {
    padding: 0px;
}

.dropdown_content {
    border-radius: 18px;
    margin-left: 38px;
    margin-right: 5px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    margin-top: 60px;
}

.dropdown_content span svg {
    width: 100%;
    fill: #367af2;
    color: #367af2;
    height: 100%;
    margin: 0px;
    display: flex;
    float: left;
}

.dropdown_content span.copy_paste_icon svg {
    width: 12px;
}

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

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

.dialog_detail .dialog_options_dynamic {
    margin-top: 42px;
}
.next_arrow_button {
    position: relative;
}
.detail_center_dropdown .dialog_options_dynamic {
    margin-top: -18px;
    margin-left: -100px;
}
.detail_last_dropdown .dialog_options_dynamic {
    margin-top: -55px;
    margin-left: 20px;
}
.next_arrow_button.next_detail_dropdown {
    padding-right: 240px;
}

.dropdown_content ul {
    padding: 0;
    margin: 0;
    width: 250px;
    border-radius: 18px;
}

.dropdown_content ul li {
    background: #fff;
    height: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
    font-size: 14px;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
    font-family: 'Seravek-ExtraLight';
}

.dropdown_content ul li:hover {
    background: #0a89e8;
    width: 100%;
    float: left;
    color: #fff;
    font-family: 'Seravek-Regular';
}

.dropdown_content ul li:hover svg {
    fill: #fff;
}

.dropdown_content_add_dropdown {
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: -1px;
}

.parent_node_no_select {
    background: #ff7900 !important;
}

.parent_node_no_select svg {
    fill: #fff !important;
}

.dialog_options_dynamic {
    position: absolute;
    margin-top: 80px;
    margin-left: -70px;
    z-index: 999;
}

.dropdown_content .child_node_button {
    position: absolute;
    margin-left: -29px;
    margin-top: -27px;
}

.dropdown_content .child_node_button .parent_node_no {
    margin-top: 0px !important;
}

.dropdown_content .child_node_button .parent_svg {
    width: 12px;
    height: 12px;
    flex-direction: column;
}

.border_child:before {
    border: 0.5px solid #ccc;
    content: '';
    position: absolute;
    display: block;
    height: calc(100% - 110px);
    left: 0px;
    top: 15px;
}

.border_child .first_ul {
    margin-left: -20px;
}

.border_child .parent_node_child:before {
    content: '';
    position: absolute;
    top: 35px;
    left: -26px;
    width: 12px;
    background-image: url(../images/dialog_editor_circle.svg);
    background-repeat: no-repeat;
    height: 12px;
    fill: #ccc;
    stroke: #ccc;
}

/*right panels*/

.right-panel {
    position: fixed;
    display: inline-block;
    background: #fff;
    height: calc(100vh - 160px);
    width: 360px;
    right: 60px;
    border-radius: 18px;
    padding: 0px;
    z-index: 99999;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    top: 100px;
    overflow-y: scroll;
}
.right-panel .error_style {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: flex;
    height: calc(100vh - 160px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.right-panel .error_style p {
    color: #000;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    text-align: left;
    padding: 0px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}
.right_panel_ht {
    width: 100%;
    float: left;
    overflow-x: hidden;
    position: relative;
    height: calc(100vh - 280px);
    padding: 10px 15px 20px 15px;
}
.slots_panel_details .right_panel_ht {
    padding-top: 0px;
    margin-top: 10px;
}
.automation_canvas_right_popup.automation_canvas_right_popup_notrigger .right_panel_ht {
    height: 100% !important;
}
.right_panel_ht a svg {
    width: 14px;
    height: 14px;
}

.right-panel h5 {
    text-align: center;
    margin: 0;
    font-family: 'Seravek-Bold';
    font-size: 22px;
    padding-bottom: 0px;
    padding-top: 20px;
    color: #494949;
}

.right-panel p {
    margin: 0px;
    text-align: center;
    padding: 0px 15px;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    line-height: normal;
}

.right-panel .skipped_text {
    color: #0a89e8;
    padding-right: 10px !important;
    padding: 0px;
}

.automation_logs_collapse_close .skipped_text {
    color: #0a89e8;
    padding: 0px;
    margin-bottom: 0px;
    font-family: 'Seravek-Regular';
    padding-left: 5px;
}

.automation_logs_collapse_open .skipped_text {
    color: #0a89e8;
    padding: 0px;
    padding-left: 5px;
}

.right-panel.options_editor p {
    padding-top: 0px;
    margin-bottom: 5px;
}

.if_bot p {
    padding-bottom: 10px;
}

.if_dropdown {
    border: 0.5px solid #d1d1d1;
    height: 30px;
    width: 30%;
    float: left;
    border-radius: 5px;
}

.if_right_dropdown .if_dropdown {
    border: inherit;
    width: 68%;
    float: left;
    border-radius: 5px;
    margin-left: 5px;
}

.if_right_dropdown input {
    margin-bottom: 0px;
    height: 30px;
    font-size: 14px;
    padding: 0px 5px;
    font-family: 'Seravek-Regular';
    border: 0.5px solid #d1d1d1;
}

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

.if_right_dropdown .form-control:focus {
    border: 0.5px solid #d1d1d1;
    outline: 0;
    box-shadow: none;
    background: #fff;
}

.if_right_dropdown .if_dropdown .parent_node_no {
    width: 20px;
    height: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin-top: 5px;
    float: right;
    margin-right: 5px;
    position: relative;
    top: -30px;
}

.if_dropdown .parent_node_no {
    width: 20px;
    height: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin-top: 5px;
    padding-top: 5p;
    float: right;
    margin-right: 5px;
    border: 0.5px solid #e6e6e6;
    position: relative;
    top: -24px;
}

.if_dropdown .parent_node_no span {
    margin: 0 auto;
    width: 12px;
    height: 12px;
    background: inherit;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.options_popup_show .if_dropdown .parent_node_no:hover {
    background: #0a89e8;
    border: 0.5px solid #0a89e8;
}
.options_popup_show .if_dropdown .parent_node_no:hover svg {
    fill: #fff;
}
.if_dropdown .parent_node_no svg {
    fill: #999999;
    width: 100%;
}

.if_dropdown h6 {
    margin: 0px;
    display: flex;
    align-items: center;
    padding-top: 7px;
    padding-left: 5px;
    font-size: 14px;
    font-family: 'Seravek-Medium';
}

.right_panel_radio {
    width: 100%;
    float: left;
    margin-top: 0px;
    cursor: pointer;
    margin-bottom: 0px;
    height: 58px;
    background: #f4f4f4 0% 0% no-repeat padding-box;
    padding: 20px;
    margin-bottom: 10px;
}

.slots_right_bot.plus_addmore_edit p {
    font-size: 12px;
    padding: 0px;
    font-family: 'Gordita-Regular';
}

.slots_right_bot.plus_addmore_edit .automation_condition_form.get_user_details_form {
    padding: 0px;
}
.slots_right_bot.plus_addmore_edit.attachment_upload_wrapper .automation_condition_form.get_user_details_form {
    padding-bottom: 0px;
}

.if_bot_wdt.right_side_bot .slots_spaname {
    font-size: 12px;
}

.right_panel_radio .if_dropdown {
    width: 100%;
    float: left;
    margin: 0px;
    margin-top: 5px;
}

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

.drodown_li_span {
    width: 200px;
    float: left;
    height: 36px;
    padding: 0px 12px;
    border-bottom: 0.5px solid #b9b9b9;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #fff;
}

.drodown_li_span span {
    width: 24px;
    height: 24px;
    background: #c7e3ff;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 6px;
    border-radius: 50%;
}
.drodown_li_span:hover span {
    background: #fff;
}

.drodown_li_span label {
    margin: 0;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    margin-left: 0px;
    cursor: pointer;
    color: #000;
    position: relative;
    top: 1px;
}

.drodown_li_span:hover {
    background: #ffe5d3;
    color: #333;
    border-radius: none;
}
.right-panel.options_editor.custom_varaible p {
    margin-bottom: 0px;
}
.drodown_li_span:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
}

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

.drodown_li_span:first-child:hover {
    background: #ffe5d3;
    color: #333;
}

.drodown_li_span:last-child:hover {
    background: #ffe5d3;
    color: #333;
}

.drodown_li_span:hover svg {
    fill: #333;
    color: #333;
}

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

.plus_add_more .parent_node_no {
    float: left;
    margin: 0;
    margin-right: 10px;
    background: #fff;
    border: 0.5px solid #e6e6e6;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.plus_add_more .parent_node_no svg {
    fill: #999;
}

.plus_add_more .parent_node_no span svg {
    width: 12px;
    height: 12px;
    margin: 0 auto;
}

.plus_add_more h4 {
    margin: 0;
    padding: 10px 0px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.plus_add_more:hover .parent_node_no {
    fill: #fff;
    background: #0a89e8;
    border: inherit;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.plus_add_more:hover .parent_node_no svg {
    fill: #fff;
}

.dropdown_right {
    width: max-content;
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    z-index: 9;
    margin-top: 33px;
    cursor: pointer;
}

.dropdown_right span:hover {
    color: #fff;
    background: #0a89e8;
    border-bottom: 0.5px solid #e6e6e6;
}

.dropdown_right span:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background: #fff;
}

.dropdown_right span:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: #fff;
    border: none;
}

.dropdown_right span:first-child:hover {
    background: #0a89e8;
    color: #fff;
}

.dropdown_right span:last-child:hover {
    background: #0a89e8;
    color: #fff;
}

.dropdown_right span {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    padding-left: 10px;
    height: 30px;
}

.dropdown_right span:last-child {
    border: none;
}

.dropdown_entity .dropdown_right_entity {
    width: 167px;
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    z-index: 9;
    margin-top: -12px;
    cursor: pointer;
    right: 31px;
}

.dropdown_right_entity span:hover {
    color: #fff;
    background: #0a89e8;
    border-bottom: 0.5px solid #e6e6e6;
}

.dropdown_right_entity span:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background: #fff;
}

.dropdown_right_entity span:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: #fff;
    border: none;
}

.alert_popup_message .automations_with_connections {
    background: #e6e6e6;
    border-radius: 20px;
    text-align: left;
    padding: 7px 12px 4px 12px;
    margin: 7px;
    font-family: 'Gordita-Regular';
    font-size: 14px;
    text-align: center;
}

.alert_popup_message .automations_with_connections.bots {
    margin: 0px;
    margin-bottom: 10px;
}
.alert_popup_message .automations_with_connections.bots:last-child {
    margin-bottom: 0px;
}
.loader_notifications {
    width: 100%;
    height: auto !important;
}
.loader_notifications div#preloader {
    width: 18px;
    height: 18px;
    top: -2px;
    margin-right: 7px;
    justify-content: center !important;
}

.flow_popup1 .modal-content,
.flow_popup_3 .modal-content {
    padding: 30px;
    border-radius: 18px;
    border: none;
    align-items: center;
    justify-content: center;
}

.modal-content .bell_svg svg {
    height: 18px;
    width: 18px;
    margin-bottom: 10px;
}

.dropdown_right_entity span:first-child:hover {
    background: #ffe5d3;
    color: #333;
}

.dropdown_right_entity span:last-child:hover {
    background: #ffe5d3;
    color: #333;
}

.dropdown_right_entity span {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    padding-left: 10px;
    height: 30px;
}

.dropdown_right_entity span:last-child {
    border: none;
}

.dropdown_right_entity label {
    margin: 0;
    width: 100%;
    float: left;
    border-bottom: 0.5px solid #e6e6e6;
    padding: 10px;
}

.dropdown_right_entity label input {
    width: 100%;
    float: left;
    font-size: 12px;
    padding: 10px 12px 6px 30px;
    margin: 0px;
    font-family: 'Gordita-Regular';
    color: #000;
}

.dropdown_right_entity .parent_svg {
    float: left;
    margin: 0;
    background: #fff;
    border: 0.5px solid #999;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.dropdown_right_entity .parent_svg svg {
    width: 12px;
    height: 12px;
    fill: #999;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.dropdown_right_entity .parent_svg:hover svg {
    fill: #fff;
}

.dropdown_right_entity .parent_svg:hover {
    background: #0a89e8;
    fill: #fff;
    border: inherit;
}

.dropdown_entity .dropdown_right {
    width: 215px;
    float: right;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    z-index: 9;
    margin-top: 33px;
    cursor: pointer;
    right: 20px;
    margin-bottom: 20px;
}

.dropdown_entity dropdown_right span:hover {
    color: #fff;
    background: #0a89e8;
    border-bottom: 0.5px solid #e6e6e6;
}

.dropdown_entity .dropdown_right span:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background: #fff;
}

.dropdown_entity .dropdown_right span:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: #fff;
    border: none;
}

.dropdown_entity .dropdown_right span:first-child:hover {
    background: #0a89e8;
    color: #fff;
}

.dropdown_entity .dropdown_right span:last-child:hover {
    background: #0a89e8;
    color: #fff;
}

.dropdown_entity .dropdown_right span {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    padding-left: 10px;
    height: 30px;
}

.dropdown_entity .dropdown_right span:last-child {
    border: none;
}

.dropdown_right .dropdown_choose {
    pointer-events: none;
    font-family: 'Seravek-Regular' !important;
    font-size: 12px !important;
    color: #2196f3;
}

.right-panel_btn .btn-primary {
    color: #494949;
    background: #fff;
    border: 0.5px solid #999;
    font-weight: 600;
    width: 140px;
    margin-top: 20px;
    height: 30px;
    border-radius: 30px;
    padding: 0px;
    text-align: center;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
}

.right-panel_btn .btn-success {
    background: #007bff;
    color: #fff;
    font-weight: 600;
    width: 140px;
    margin-top: 20px;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    height: 30px;
    border: inherit;
    border-radius: 30px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
}

.right-panel_btn {
    text-align: center;
    position: absolute;
    bottom: 0px;
    /* background: linear-gradient(
        to top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 53%,
        rgba(255, 255, 255, 0.8) 80%,
        rgba(255, 255, 255, 0) 100%
    ); */
    background: #fff;
    z-index: 9;
    width: 100%;
    height: 70px;
    border-radius: 0px 0px 30px 30px;
}

.right-panel_btn button:active {
    outline: none;
    border: inherit;
}

.right-panel_btn button:focus {
    outline: 0;
}

.right-panel_btn .btn-primary:not(:disabled):not(.disabled):active,
.right-panel_btn .btn-primary:not(:disabled):not(.disabled).active,
.show > .right-panel_btn .btn-primary.dropdown-toggle {
    color: #494949;
    background-color: #fff;
    border: 0.5px solid #999;
    cursor: pointer;
}

/*text-response*/

.text_response .plus_addmore {
    width: 100%;
    float: left;
    background: #f4f4f4;
    min-height: 50px;
    padding: 10px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 18px;
    margin-top: 10px;
    cursor: default;
}

.text_response .plus_add_more .parent_node_no {
    float: left;
    margin: 0;
    margin-right: 10px;
    background: #fff;
    border: inherit;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 5px;
}

.text_response .plus_add_more .parent_node_no svg {
    fill: #0a89e8;
    border: inherit;
}

.text_response .plus_addmore h4 {
    padding: 0px;
    width: 20%;
    float: left;
}

.text_response .plus_addmore p {
    padding: 0px;
    font-family: 'Seravek-Regular';
    font-size: 15px;
    word-break: break-all;
    text-align: left;
    color: #494949;
    margin-left: 2px;
}

.text_response:hover .plus_add_more .parent_node_no {
    box-shadow: none;
    background: #fff;
}

.right_pop_icons {
    float: right;
    width: auto;
}

.right_pop_icons span {
    width: 18px;
    height: 18px;
    background: inherit;
    display: inline-block;
    float: right;
    margin-left: 10px;
}

.right_pop_icons span svg {
    fill: #999;
    color: #999;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.right_pop_icons.color_icons span svg {
    width: 18px;
    height: 18px;
}

.plus_addmore_edit .right_pop_content {
    margin-top: 0px;
}

.right-panel_top svg {
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 20px;
}

.text_response:hover .plus_addmore_hvr {
    background: #0a89e8;
}

.text_response:hover .plus_addmore_hvr p {
    color: #fff;
}

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

/*slots*/

.slots_right_bot {
    background: #f4f4f4;
    width: 100%;
    float: left;
    /* padding: 20px; */
    border-radius: 0px;
    margin-bottom: 10px;
    padding: 20px 20px 10px 20px;
}

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

.get_user_details_form .right_panel_radio.get_user_radio_wrapper {
    margin: 12px 0px;
}
.get_user_details_form .select_work_form .arrow_up_form {
    margin-top: -26px;
}

.automation_condition_form.get_user_details_form .radio_slot_btn .entity_radio {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.advanced_options_wrapper .add_recognise.add_connection_automation {
    margin-top: 12px;
}
.assistant_recognizes_header.assistant_recognizes_hide {
    border-bottom: 1px solid #cecece;
}
.automation_condition_form.get_user_details_form .radio_slot_btn .entity_radio .radio {
    width: auto;
    justify-content: flex-start;
    margin-left: 20px;
}
.select_work_form .get_user_details_h6 {
    margin: 0px;
    font-size: 14px;
    font-family: 'Seravek-Medium';
    padding-bottom: 6px;
    color: #494949;
}
.select_work_form.select_work_form_top_0 {
    margin-top: 10px;
}

.automation_condition_form.get_user_details_form .radio_slot_btn .entity_radio .radio input[type='radio']:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.automation_condition_form.get_user_details_form .radio_slot_btn .entity_radio h6 {
    margin: 0px;
    font-size: 14px;
    font-family: 'Seravek-Medium';
    padding-bottom: 10px;
    color: #494949;
    padding: 0px;
}

.ask_ques_editor_input .get_user_details_h6 {
    margin-top: 12px;
}
.ask_ques_editor .right_panel_radio {
    margin-top: 10px;
}
.slots_panel .automation_condition_form.get_user_details_form .dropdown_right_entity {
    width: 100%;
    float: right;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    cursor: pointer;
    right: 0;
    margin-bottom: 20px;
    margin: 0 auto;
    margin-top: 0;
    top: 4px;
    z-index: 1;
}

.textarea_user_details.ask_ques_editor_input textarea {
    resize: none;
}

.advanced_options_wrapper.get_user__details_wrapper {
    width: 100%;
    float: left;
}
.advanced_options_wrapper.get_user__details_wrapper.upload_attachment {
    margin-top: 20px;
}

.advanced_options_wrapper.get_user__details_wrapper.upload_attachment .entity_select_value {
    /* margin-top: 20px; */
}

.advanced_options_wrapper.get_user__details_wrapper .test_buton_result {
    padding: 0px;
    margin-bottom: 20px;
}
.advanced_options_wrapper.get_user__details_wrapper .test_buton_view .automation_condition_form {
    margin-top: 0px;
}
.advanced_options_wrapper.get_user__details_wrapper
    .automation_condition_form.recognise_content_input
    .select_work_form {
    margin-top: 0px;
}
.right_close_iocns {
    width: auto;
    float: left;
}

.advanced_options_wrapper.get_user__details_wrapper .select_work_form {
    position: relative;
}
.get_user_details_form .advanced_options_wrapper.get_user__details_wrapper .select_work_form .arrow_up_form {
    margin-top: 0px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: left;
    left: inherit;
}
.dropdown_select_dialog p {
    color: #607794;
}
.dropdown_select_dialog .select_work_form {
    margin-top: 0px;
}
.get_user_details_form
    .advanced_options_wrapper.get_user__details_wrapper
    .dropdown_select_dialog
    .select_work_form
    .arrow_up_form {
    top: 30px;
}
.textarea_user_details textarea {
    width: 100%;
    float: left;
    box-shadow: none;
    font-size: 13px;
    font-family: 'Seravek-Regular';
    color: #494949;
    background: #fff;
    margin-top: 0px;
    height: 50px;
    margin-bottom: 10px;
}
.textarea_user_details textarea:focus {
    box-shadow: none;
    border-radius: 6px;
    border: 0.5px solid #ccc;
}
.get_users_wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px 15px;
    padding-bottom: 2px;
    justify-content: space-between;
}
.get_users_number {
    width: 70%;
    display: flex;
    float: left;
}
.get_users_number .parent_node_no {
    float: left;
    margin: 0px;
    width: 30px;
    height: 30px;
    background: #0a89e8;
    font-size: 15px;
    font-family: 'Seravek-Regular';
    color: #fff;
}
.get_users_number h4 {
    width: max-content;
    float: left;
    display: flex;
    margin-bottom: 0px;
    align-items: center;
    font-size: 14px;
    font-family: 'Gordita-Medium';
    padding: 0px;
    white-space: nowrap;
    color: #000;
}
.get_users_icon {
    width: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.advanced_options_wrapper .add_connection_automation {
    margin: 0px;
}
.advanced_options_wrapper .add_connection_automation h5 {
    margin-top: 0px;
    padding-top: 0px;
}
.assistant_recognizes {
    width: 100%;
    float: left;
}
.assistant_recognizes_header {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.assistant_recognizes_header h4 {
    width: 100%;
    float: left;
    display: flex;
    margin: 0px;
    align-items: center;
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #000;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 12px;
}

.icons_right_close {
    width: auto;
    float: right;
    display: flex;
    justify-content: space-between;
}
.icons_right_close span {
    float: left;
    margin: 0px;
    width: 18px;
    height: 18px;
    background: #fff;
    color: #999;
    border: 1px solid #999;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px !important;
    cursor: pointer;
}
.icons_right_close span:hover svg {
    fill: #333 !important;
}
.icons_right_close span:hover {
    background: #ffe5d3;
    border: 1px solid #ffe5d3;
    color: #333;
}
.icons_right_close span:nth-child(2) {
    margin-left: 0px !important;
}
.assistant_recognizes .icons_right_close span:nth-child(2) {
    margin-left: 6px !important;
}
.advanced_options_wrapper span:hover svg {
    fill: #333 !important;
}
.icons_right_close span svg {
    width: 8px;
    height: 8px;
    fill: #999 !important;
}
.automation_condition_form.search_slots .select_work_form ul {
    border-radius: initial;
}
.automation_condition_form.search_slots .select_work_form ul li:first-child:hover {
    background: #ffe5d3;
    color: #333;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.get_users_number .parent_node_no span {
    align-items: flex-start;
}
.slots_right_bot .get_users_icon .right_pop_icons {
    margin-bottom: 0px;
}
.slots_left_bot {
    background: #f4f4f4;
    width: 100%;
    float: left;
    padding: 15px;
    border-radius: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
    /* pointer-events: none; */
}

.slots_left_bot .if_bot_wdt {
    pointer-events: none;
}

.slots_left_bot .if_dropdown {
    pointer-events: none;
}

.slots_panel .if_bot p {
    text-align: left;
    padding: 0px;
    margin-bottom: 10px;
}

.slots_panel .if_right_dropdown .if_dropdown .parent_node_no {
    top: -70px;
    margin: 0;
}

.slots_panel .if_dropdown .parent_node_no {
    margin-right: 2px;
}

.slots_panel .if_dropdown h6 {
    font-size: 14px;
    font-family: 'Seravek-Regular';
}

.slots_panel .if_dropdown {
    width: 30%;
    float: left;
    margin-bottom: 10px;
}

.slots_panel .dropdown_entity .if_dropdown {
    width: 68%;
    margin-bottom: 10px;
}

.slots_panel .slot_form_input input {
    margin-bottom: 10px;
}

.right_side_bot .dropdown_entity .if_dropdown {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px;
}

.right_side_bot .if_dropdown {
    width: 46%;
    float: left;
    margin-left: 5px;
}

.slot_form_input .form-control:focus {
    border: 0.5px solid #d1d1d1;
    outline: 0;
    box-shadow: none;
    background: #fff !important;
}

.slot_form_input .form-control:active {
    border: 0.5px solid #d1d1d1;
    outline: 0;
    box-shadow: none;
    background: #fff !important;
}

.slots_panel .flows_edit_input .if_dropdown {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px;
}

.slots_panel .flows_edit_input .if_dropdown .parent_node_no {
    top: -35px;
    margin: 0;
    left: -5px;
}

.dropdown_right ul li {
    width: auto;
    float: left;
    display: inline-flex;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    align-items: center;
    min-width: 64px;
    height: 24px;
    color: #000;
    padding: 0px 10px;
    cursor: pointer;
    border: 1px solid #cecece;
}

.dropdown_right ul li:hover {
    color: #fff;
    background: #0a89e8;
    border-bottom: 0.5px solid #e6e6e6;
}

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

.dropdown_right ul li:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: #fff;
    border: 1px solid transparent;
    margin: 5px 5px 5px 3px;
}

.dropdown_right ul li:first-child:hover {
    background: #0a89e8;
    color: #fff;
}

.dropdown_right ul li:last-child:hover {
    background: #0a89e8;
    color: #fff;
}

.dropdown_entity .dropdown_right_entity {
    width: 215px;
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    z-index: 9;
    margin-top: 33px;
    cursor: pointer;
    right: 20px;
    margin-bottom: 33px;
}

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

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

.dropdown_right_entity ul li:first-child:hover {
    background: #ffe5d3;
    color: #333;
}

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

.dropdown_right_entity ul li {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    padding-left: 10px;
    height: auto;
    padding: 10px;
}

.dropdown_right_entity ul li:last-child {
    border: none;
}

.flow_popup2 .modal-content {
    position: absolute;
    border: 0px solid rgba(0, 0, 0, 0.2);
}

.tryit_popup .model-content {
    border: 0px solid rgba(0, 0, 0, 0.2);
}

.color-li {
    color: #949494;
}

.slots_spaname {
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 2px;
    font-family: 'Seravek-Regular';
}

.slots_bottom {
    margin-bottom: 0px !important;
}

/*Jump to*/

.jump_to_list {
    width: 100%;
    float: left;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    height: 48px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #b9b9b9;
    padding: 0px 12px;
}

.jump_to_start .jump_to_list {
    width: 100%;
    float: left;
    border: 1px solid #b9b9b9;
    border-radius: 6px;
    height: 48px;
    display: flex;
    margin-left: 0px;
    background: #fff;
    margin-bottom: 10px;
    align-items: center;
    border-left: 10px solid #0a89e8;
    cursor: pointer;
}

.slots_right_bot .down_arrowslot svg {
    width: 18px;
    height: 18px;
    padding-top: 3px;
    cursor: pointer;
}

.jump_to_list h4 {
    margin: 0px;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    color: #000;
    padding: 0px;
    position: relative;
    top: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 83%;
    /* width: auto; */
}

.jump_to_start {
    margin-top: 0px;
}

.jump_to .parent_node_no {
    width: 24px;
    height: 24px;
    background: #d5ffee;
    margin-left: 0px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    font-size: 10px;
    font-family: 'Gordita-Medium';
    color: #000;
    margin-right: 6px;
}
.jump_to .parent_node_no span {
    margin: 0 auto;
    width: auto;
    height: auto;
    background: inherit;
    display: flex;
    text-align: center;
    align-items: center;
    position: relative;
    top: 2px;
}
.jump_to_list h5 {
    font-size: 14px;
    font-family: 'Gordita-Regular';
    color: #000;
    margin-bottom: 0px;
    position: relative;
    top: 2px;
}

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

.jump_to_panel .zontal_lines1 {
    width: 100%;
    float: left;
    padding: 0px;
    box-shadow: none;
    margin-left: 5px;
}

.jump_to_panel .form-input input {
    /* background: #e5f4f9; */
    background: #fff;
    width: 100%;
    font-size: 12px;
    padding: 0px 10px;
    height: 30px;
    font-family: 'Seravek-Medium';
    margin: 0 20px;
    margin-top: 0px;
    margin-left: 0px;
}
.tree1.zontal_lines1.move_popup_hide {
    margin-left: 0px;
}
.jump_to_panel .right_panel_ht {
    margin-top: 0px;
}

.jump_to_panel h5 {
    text-align: center;
    margin: 0px;
    font-size: 16px;
    font-family: 'Seravek-Bold';
    padding: 10px 10px 10px 30px;
}

.jump_to_panel h2 {
    text-align: center;
    margin: 0px;
    font-size: 22px;
    font-family: 'Seravek-Bold';
    margin-top: 20px;
}

.jump_to_panel p {
    margin: 0 auto;
    text-align: center;
    padding-top: 0px;
    font-family: 'Seravek-Regular';
    font-size: 13px;
    width: 320px;
}

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

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

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

.tree_label1 {
    position: relative;
    display: inline-block;
    background: inherit;
    margin: 0px;
    width: 100%;
}

label.tree_label1 {
    cursor: pointer;
}

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

label.tree_label1: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;
}
.jump_to_panel .tree1 li:last-child:before {
    height: 3em;
    bottom: auto;
}

.tree1 li:before {
    position: absolute;
    top: -15px;
    bottom: 0;
    left: -10px;
    display: block;
    width: 0;
    border-left: 0.5px solid #e6e6e6;
    content: '';
    height: calc(100% - -45px);
}

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

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

.zontal_lines1 .first_add_node {
    padding: 0px;
    margin-left: 0px !important;
}
.tree.zontal_lines .first_add_node {
    margin-bottom: 180px;
}
.parent_node_left {
    margin-left: 16px;
}

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

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

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

.zontal_lines1 li {
    padding: 0px;
    margin-left: 10px;
}

.jump_to_list:hover {
    background: #ffe5d3;
    color: #333;
    border: 1px solid #ffe5d3;
}
.jump_to_list:hover h4 {
    width: 80%;
}
.jump_selected_dropdown {
    position: absolute;
    right: 8px;
    top: 14px;
    width: 24px;
    height: 24px;
    background: #ffe5d3 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #eb974e;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.jump_to_list_selected .jump_selected_dropdown {
    display: flex;
}
.jump_selected_dropdown svg {
    width: 10px;
    height: 10px;
}
.jump_to:hover .parent_node_no {
    color: #333;
    background: #fff;
}

.jump_to_start:hover .jump_to_list {
    border-left: inherit;
}

.dropdown_jumpto {
    width: auto;
    cursor: pointer;
    background: #fff;
}

.jump_to_panel .jump_to .parent_node_no {
    width: 24px;
    height: 24px;
}

.dropdown_move {
    width: 254px;
    float: right;
    margin: 10px 0px;
    position: absolute;
    z-index: 10;
    right: 18px;
    top: 29px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 6px;
}

.dropdown_move span {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #b9b9b9;
    font-size: 14px;
    font-family: 'Gordita-Regular';
    padding: 0px 12px;
    height: 38px;
    background: #fff;
    line-height: 1;
    padding-top: 0px;
    justify-content: space-between;
    color: #000;
}
._selected_input .dropdown_move span:hover {
    color: #333;
    background: #ffe5d3;
    border-bottom: 0.5px solid #e6e6e6;
}

.dropdown_move span:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
}
.dropdown_move span:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #fff;
}

.last-child_jump {
    /* border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; */
    background: #fff;
    border: none;
}
.dropdown_move span:last-child:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom: 0.5px solid #ffe5d3;
}
.dropdown_move span:last-child {
    border-bottom: 0.5px solid #fff;
}
.dropdown_move span:first-child:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom: 0.5px solid #ffe5d3;
}
.jump_to_list:hover .jump_selected_dropdown {
    display: flex;
}
.dropdown_move span:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom: 0.5px solid #ffe5d3;
}
.dropdown_move .last-child_jump:hover {
    background: #ffe5d3;
    color: #333;
    border: inherit;
}

.dropdown_jumpto label {
    display: inline-flex;
    margin-bottom: 0;
    margin-left: 0;
    width: auto;
    float: right;
    position: relative;
    margin-top: 0;
    right: 0;
}

.dropdown_jumpto:hover label {
    opacity: 1;
}

.dropdown_jumpto .option-input.radio {
    border: 1px solid #fff;
    clip: inherit !important;
    background: inherit;
    border-radius: 50%;
    position: relative;
    clip: inherit !important;
    left: 0;
    top: 0;
    margin-right: 0;
    width: 18px;
    height: 18px;
    background: #fff;
}
.dropdown_jumpto:hover .option-input.radio {
    border: 1px solid #2a68f6;
}
.jump_to_list_selected {
    width: 100%;
    float: left;
    border-radius: 6px;
    height: 48px;
    display: flex;
    color: #000;
    align-items: center;
    position: relative;
    z-index: 9;
    margin-bottom: 10px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #eb974e;
    padding: 0px 12px;
}
.jump_to_list .parent_node_no span .option-input.radio {
    margin-right: 0px;
}
.jump_to_panel .right-panel_btn {
    text-align: center;
    position: absolute;
    bottom: 10px;
    /* background: linear-gradient(
        to top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 53%,
        rgba(255, 255, 255, 0.8) 80%,
        rgba(255, 255, 255, 0) 100%
    ); */
    background: #fff;
    z-index: 9;
    width: 100%;
    height: 55px;
    border-radius: 0px 0px 30px 30px;
}

.jump_to_panel .fallback {
    margin-bottom: 50px;
    position: relative;
}

.move_dialog .jump_to_list {
    margin-left: 0px;
}

.move_dialog .jump_to_list {
    margin-bottom: 10px;
}

.move_dialog .jump_to_list_selected {
    width: 290px;
    float: left;
    border: 0.5px solid #ff7900;
    border-radius: 10px;
    height: 40px;
    display: flex;
    color: #ff7900;
    align-items: center;
    position: relative;
    z-index: 9;
    margin-bottom: 10px;
    cursor: pointer;
}

.move_dialog h5 {
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-family: 'Seravek-Bold';
    padding: 10px 10px 10px 30px;
    cursor: pointer;
}
.zontal_lines1.move_popup_hide .hide_move_dialog {
    opacity: 1;
    pointer-events: none;
}
.zontal_lines1.move_popup_hide .hide_move_dialog .jump_to_list {
    background: #fff;
    border: 0.5px solid #eb974e;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    padding: 0px 12px;
}
.zontal_lines1.move_popup_hide .hide_move_dialog .jump_to .parent_node_no {
    background: inherit;
}

.move_dialog h2 {
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    font-family: 'Seravek-Bold';
}

.move_dialog .dropdown_move1 {
    width: 170px;
    float: right;
    box-shadow: 7px 7px 15px 0px #ccc;
    border-radius: 18px;
    margin: 10px 0px;
    position: absolute;
    z-index: 9;
    right: 0;
    /* bottom: 70px; */
    top: 30px;
    color: #000;
}

.move_dialog .jump_to_list_selected h4 {
    margin: 0px;
    font-size: 16px;
    font-family: 'Gordita-Medium';
    padding: 0px;
}

.jump_to_list_selected h5 {
    margin: 0px;
    font-size: 14px;
    font-family: 'Gordita-Regular';
    padding: 0px;
    position: relative;
    top: 2px;
}

.move_dialog .jump_to_list_selected .parent_node_no {
    width: 30px;
    height: 30px;
    background: #ff7900;
    margin-left: 10px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    font-size: 16px;
    font-family: 'Seravek-Regular';
    color: #fff;
}

.move_dialog .dropdown_jumpto .option-input.radio {
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    clip: inherit !important;
    left: 5px;
    top: 0px;
}

.dropdown_move1 span {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    padding-left: 10px;
    height: 30px;
    background: #fff;
    cursor: pointer;
}

.dropdown_move1 span:hover {
    color: #fff;
    background: #0a89e8;
    border-bottom: 0.5px solid #e6e6e6;
}

.dropdown_move1 span:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background: #fff;
    color: #494949;
    cursor: pointer;
}

.dropdown_move1 span:hover {
    color: #fff;
    background: #0a89e8;
    border-bottom: 0.5px solid #e6e6e6;
}

.dropdown_move1 label {
    position: relative;
    top: -6px;
    left: 15px;
}

.dropdown_move1:hover .option-input {
    background: #e5f4f9;
    border: 1px solid #fff !important;
}

.dropdown_move1 .option-input {
    background: #fff;
    border: 1px solid #494949;
}

.jump_to_panel ul {
    margin-bottom: 0px !important;
}

.jump_to {
    width: 100%;
    float: left;
}
.jumpto_wrapper {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 20px 10px 0px 0px;
}
.jumpto_wrapper .right_panel_ht {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.jumpto_wrapper .tree1.zontal_lines1 {
    padding-left: 10px;
    width: 100%;
    float: left;
}
.jump_to:hover .jump_to_list_selected .parent_node_no {
    background: #d5ffee;
}
.dropdown_move ._selected_input {
    background: #ffe5d3 !important;
    border-bottom: 0.5px solid #ffe5d3 !important;
}
.dialog_editor .jumpto_wrapper ul li {
    padding-left: 0px;
    margin-left: 10px;
    padding-bottom: 0px;
}
.jumpto_wrapper label.tree_label1:before {
    left: -12px;
    width: 5px;
    border-radius: 50%;
    height: 5px;
    background: #b9b9b9;
}
.jumpto_wrapper .tree1 li:before {
    border-left: 0.5px solid #b9b9b9;
}
.jumpto_wrapper .tree1 li:last-child:before {
    height: 44px;
    bottom: auto;
}
/*Select flow*/

.select_flow_head:hover h6 {
    color: #333;
}

.select_flow h2 {
    text-align: center;
    margin: 0 auto;
    margin: 0px;
    font-size: 18px;
    font-family: 'Gordita-Medium';
}

/* .select_flow_start {
	margin-top: 30px !important;
} */

.select_flow_head {
    /* background: #f1f1f1;
    height: 60px;
    border-radius: 18px;
    margin-top: 10px;
    padding: 5px 10px;
    cursor: pointer; */

    width: 100%;
    float: left;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    height: 48px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #b9b9b9;
    padding: 0px 12px;
}

/* .right_panel_ht .select_flow_head {
    max-height: 60px;
} */

/* .select_flow_head h6 {
    margin: 0px;
    border-bottom: 0px solid #ccc;
    color: #494949;
    font-family: 'Seravek-Bold';
    padding: 5px 5px 5px 5px;
    text-transform: capitalize;
    line-height: 1.3;
    width: 90%;
    height: 50px;
    align-items: center;
    float: left;
    display: flex;
} */

.select_flow_head h6 {
    margin: 0px;
    border-bottom: 0px solid #ccc;
    color: #000;
    font-family: 'Gordita-Medium';
    padding: 5px 5px 5px 5px;
    text-transform: capitalize;
    line-height: 1.3;
    width: 100%;
    height: 45px;
    align-items: center;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 10px;
}

.select_flow .right-panel_btn {
    text-align: center;
    position: absolute;
    /* bottom: 20px; */
    /* background: linear-gradient(
        to top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 53%,
        rgba(255, 255, 255, 0.8) 80%,
        rgba(255, 255, 255, 0) 100%
    ); */
    z-index: 9;
    width: 100%;
    height: 55px;
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 60px;
}

.right-panel.select_flow {
    overflow: hidden;
    right: 2px;
    top: 64px;
    border-radius: 0;
    padding: 20px;
    width: 480px;
    height: calc(100vh - 65px);
    background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
}

.select_flow h2 {
    padding-top: 0px;
    text-align: left;
}

.select_flow p {
    margin: 5px 0;
    text-align: left;
    padding: 0;
    color: rgb(53, 93, 139);
    margin-bottom: 10px;
}

/* .select_flow_head.select_flow_head_selected label input {
    margin-right: 0px;
}

.select_flow_head.select_flow_head label input {
    margin-right: 0px;
} */

.select_flow .form-input input {
    /* background: #e5f4f9; */
    background: #fff;
    font-size: 12px;
    padding: 0px 10px;
    height: 30px;
    font-family: 'Seravek-Medium';
    margin: 0 auto;
    width: 100%;
}

.margin-bottom-75 {
    margin-bottom: 0px;
}

.select_flow_head p {
    color: #494949;
    text-align: left;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    padding: 10px;
    height: 70px;
}

.select_flow_start label {
    position: absolute;
    top: 27px;
    right: 0px;
}

.select_flow_head label {
    position: relative;
    top: -7px;
    right: 0;
    visibility: hidden;
    float: right;
}

.fill_0utput .dropdown_right_entity {
    margin-top: -45px !important;
    cursor: pointer;
    right: 15px !important;
}

.fill_0utput input {
    margin-bottom: 10px;
    height: 30px;
    font-size: 12px;
    padding: 0px 5px;
    height: 30px;
    font-family: 'Seravek-Medium';
    border: 0.5px solid #d1d1d1;
}

.input_values .if_dropdown .form-control:focus {
    border: 0.5px solid #d1d1d1;
    outline: 0;
    box-shadow: none;
    background: #fff;
}

input:focus {
    outline: none !important;
}

.input_values .form-control {
    border: 0.5px solid #d1d1d1;
    outline: 0;
    box-shadow: none;
    background: #fff;
}

/*.select_flow .right_panel_ht {
    width: 100%;
    float: left;
    overflow-y: scroll !important;
    overflow-x: hidden;
    position: relative;
    height: calc(100vh - 330px);
}*/

.select_flow_head:hover {
    color: #333;
    background: #ffe5d3;
}

.dialog_editor .select_flow_head_selected {
    color: #fff;
    background: #0a89e8;
}

.dialog_editor .select_flow_head_selected h6 {
    color: #fff;
    margin: 0px;
    border-bottom: 0px solid #ccc;
    font-family: 'Seravek-Bold';
    padding: 5px 5px 5px 5px;
    text-transform: capitalize;
    width: 90%;
    float: left;
}

.dialog_editor .select_flow_head_selected p {
    color: #494949;
    text-align: left;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    padding: 10px;
    height: 70px;
}

.dialog_editor .select_flow_head_selected p {
    color: #fff;
    text-align: left;
}

.dialog_editor .select_flow_head_selected label {
    position: relative;
    top: 0px;
    right: 0px;
    visibility: visible;
    float: right;
}

/* .dialog_editor .right_panel_ht .select_flow_head_selected {
    max-height: 60px;
} */

.dialog_editor .select_flow_head_selected {
    background: #0a89e8;
    height: 60px;
    border-radius: 18px;
    padding: 5px 10px;
    cursor: pointer;
}

.select_flow_head:hover label {
    position: relative;
    top: -7px;
    right: 0;
    visibility: visible;
    float: right;
}

.select_flow_head:hover p {
    color: #fff;
}

.select-flow1 .right_panel_ht {
    width: 100%;
    float: left;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    overflow-y: visible;
    height: 52px;
    position: relative;
    height: calc(90vh - 230px);
}

.fill_values {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.output_values {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.fill_input {
    width: 40%;
    float: left;
    color: #494949;
    font-family: 'Seravek-Bold';
    font-size: 12px;
}

.fill_input h6 {
    font-size: 12px;
}

.fill_input p {
    text-align: left;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    padding-top: 7px;
}

.fill_0utput h6 {
    font-size: 12px;
}

.fill_0utput p {
    text-align: left;
    font-family: 'Seravek-Regular';
    font-size: 12px;
}

.fill_0utput {
    width: 60%;
    color: #494949;
    font-family: 'Seravek-Bold';
    float: left;
}

.fill_0utput .if_dropdown {
    border: none;
    height: 30px;
    width: 100%;
    float: left;
    border-radius: 5px;
    cursor: pointer;
}

.fill_output_cursor {
    pointer-events: none;
}

.fill_0utput .if_dropdown h6 {
    font-family: 'Seravek-Regular';
}

.fill_0utput .parent_svg {
    position: relative;
    top: 2px;
}

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

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

.fill_0utput .dropdown_right {
    width: 60%;
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    z-index: 9;
    margin-top: 35px;
    cursor: pointer;
    right: 0px;
    margin-top: -8px;
}

.fill_values .dropdown_right .dropdown_choose {
    pointer-events: none;
    font-family: 'Seravek-Bold' !important;
    font-size: 12px !important;
    padding-left: 10px;
}

.fill_values .dropdown_right li {
    padding-left: 20px;
}

.fill_values .dropdown_right .fill_input {
    padding-left: 0px;
    margin-bottom: 2px;
}

.fill_values .dropdown_right .fill_input:hover {
    background: #fff;
}

/*last*/

.fill_values .dropdown_right_entity {
    width: 195px;
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    z-index: 9;
    margin-top: -35px;
    cursor: pointer;
    right: 2px;
    min-height: 0px;
    max-height: 220px;
    overflow-y: scroll;
}

.btn-error svg {
    width: 16px;
    height: 16px;
}

.btn-error {
    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: 0 auto !important;
    display: block;
}

.btn-error:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}

.btn-error span {
    font-size: 16px;
    margin: 0 auto;
}

.input_values:last-child {
    margin-bottom: 80px;
}

.fill_values .dropdown_right_entity label {
    margin: 0;
    width: 100%;
    float: left;
    border-bottom: 0.5px solid #e6e6e6;
    padding: 10px;
}

.fill_values .fill_input_details {
    padding: 0px !important;
    border-radius: 0px !important;
}

.options_panel .options_left {
    width: 40%;
    float: left;
}

.options_panel .options_right {
    width: 60%;
    float: left;
}

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

.fill_values .dropdown_choose {
    font-family: 'Seravek-Bold';
}

.chosse_mar-left {
    padding-left: 20px !important;
    font-family: 'Seravek-Regular' !important;
}

.slots_panel .dropdown_right_entity {
    width: 205px;
    float: right;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    margin-top: -5px;
    cursor: pointer;
    right: 25px;
    margin-bottom: 20px;
    margin: 0 auto;
    margin-top: -34px;
}

.slots_panel .dropdown_right {
    width: 90px;
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    position: absolute;
    margin-top: 5px;
    cursor: pointer;
    margin-left: -2px;
}

.slack_buton {
    width: 100%;
    float: left;
    padding-left: 50px;
    padding-right: 40px;
    height: 100%;
    overflow-y: scroll;
}

.slack_buton .entity_cards {
    padding-left: 0px !important;
}

.slack_buton .slack_right_btn {
    width: 100%;
    float: right;
    padding-left: 15px;
    padding: 0;
}

.slack_button span {
    margin: 0 auto;
    position: relative;
    left: -10px;
}
.slack_button.teams_buttom span {
    left: 3px;
}

.slack_button.teams_buttom_for_slack span {
    left: 0px;
}

.teams_button svg {
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: 0px;
    left: 10px;
}

.teams_button span {
    left: 3px;
}

.slack_right_btn button:active {
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}

.slack_right_btn .btn-primary:active span {
    background: inherit;
    color: #494949;
}

.slack_buton_box {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 20px;
}

.slack_button {
    width: 150px;
    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: inline-flex;
    align-items: center;
}

.teams_add_workspace_btn {
    border: 0.5px solid #999999 !important;
}

.box_slack {
    width: 48%;
    float: left;
    border: 1px solid #d1d1d1;
    margin-bottom: 0px;
    border-radius: 18px;
    min-height: 40px;
    background: #fff;
    margin-top: 20px;
}
.box_slack .row {
    padding: 30px 0px 0px 0px;
    width: 100%;
    float: left;
    margin: 0px;
}
.bg_slack_cc {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 20px;
    margin-bottom: 10px;
}
.slack_buton_center {
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.slack_buton_center .btn.btn-success {
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slack_buton_center.slack_btn_icon svg {
    width: 30px;
    height: 30px;
    position: relative;
    /* top: 0px; */
}

.btn_deactivated {
    opacity: 0.3;
    pointer-events: none;
}

/* .slack_buton_error{
    position: relative;
    left: 0px;
} */

.slack_buton_error .error_input_show {
    position: relative !important;
    left: 0px !important;
    top: -8px;
}

.slack_buton_error .error_input_show svg {
    top: 0px !important;
}

.col-12.slack_buton_12 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: max-content;
    overflow-y: scroll;
}

.box_slack p {
    margin: 0px !important;
    font-family: 'Gordita-Medium' !important;
    font-size: 14px !important;
    color: #000;
}

.box_slack h6 {
    margin: 0px;
    border: 1px solid #d1d1d1;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    display: inline-flex;
    font-family: 'Seravek-Regular';
    align-items: center;
    font-size: 14px;
    border-radius: 6px;
    color: #494949;
}
.box_slack .slack_buton_4.slack_textarea_wrapper.agent_textarea h6 {
    min-height: 30px;
    max-height: 200px;
    overflow-y: scroll;
    align-items: baseline;
    padding: 10px;
    height: 100%;
}
.box_slack #popuploader {
    position: absolute;
}

.slack_buton_box_12 {
    margin-bottom: 10px;
    display: flex;
    color: #494949;
}

.slack_buton_4 {
    display: flex;
    align-items: center;
    float: right;
}

.slack_buton_center button:active {
    outline: 0;
    border: 1px solid #d1d1d1 !important;
    box-shadow: none;
    background: #fff !important;
}

.slack_buton_8 {
    display: flex;
    align-items: center;
    float: left;
    width: 190px;
}

.slack_buton_center .btn-success {
    background: #007bff !important;
    color: #fff !important;
    font-weight: 600;
    width: 140px;
    margin-top: 30px;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    height: 30px;
    border: inherit;
    border-radius: 30px;
    padding: 0px;
    text-align: center;
    border-color: #007bff !important;
}

.slack_buton_center .btn-primary {
    background: #fff;
    color: #494949;
    font-weight: 600;
    width: 140px;
    margin-top: 30px;
    margin-right: 20px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    height: 30px;
    border: 1px solid #d1d1d1;
    border-radius: 30px;
    padding: 0px;
    text-align: center;
}

.slack_buton_center {
    text-align: center;
}

.slack_button {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.slack_button svg {
    width: 30px;
    height: 30px;
    top: 0px !important;
}

.btn-deactivaed {
    opacity: 0.3;
    pointer-events: none;
}

/* .slack_right_btn p{padding-left:25px;font-family: 'Seravek-Light';font-size: 22px;margin-bottom: 20px;} */

.thankyou-page {
    height: 100vh;
}

.intent_table_row_3 {
    font-family: 'Seravek-Regular';
    font-size: 16px;
}

.plus_add_more.dialog_editor_addmore {
    margin-top: 10px;
}

/* intent listview */

.list-view-sub {
    background: #fff;
    border-radius: none;
    margin-bottom: 0px;
    height: 48px;
    padding: 0px;
}

.list-view-icon span svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: #666;
    fill: #666;
}

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

.list_flow_hr h5 {
    margin-bottom: 0px;
    padding-top: 0px !important;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    position: relative;
    top: 2px;
}
.count_list_no {
    font-family: 'Gordita-Medium';
    font-size: 7px;
    text-align: left;
    align-items: center;
    position: relative;
    left: -8px;
    color: #000;
    font-weight: 600;
    width: 30px;
    height: 30px;
    background: #d5ffee;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.list-view-sub:hover .count_list_no {
    color: #000;
    background: #fff;
}
.main_sub.dialog_list_view .list_flow_hr h5 {
    font-size: 16px;
}

.list_flow_hr label {
    float: left;
    height: 100%;
    display: table;
    position: relative;
    top: 3px;
    width: 36px;
}

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

.list_flow_p p {
    font-family: 'Gordita-Regular';
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    margin-bottom: 0px;
}

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

/* .list_flow_span span {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    width: auto;
    margin-right: 5px;
} */

.list-view-icon {
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.list_view_automation .list-view-icon {
    justify-content: flex-end;
    padding-right: 45px;
}

.list-view-icon span {
    padding-right: 10px;
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.main_sub {
    height: 48px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
}

.listite_centre {
    display: table-cell;
    vertical-align: middle;
}

.list-view-sub:hover {
    background: #ffe5d3;
}

.list-view-sub:hover .list_flow_hr h5 {
    color: #000;
}

.list-view-sub:hover .list_flow_p p {
    color: #526a86;
}

/* .list-view-sub:hover .list_flow_span span {
    color: #526a86;
} */

.list-view-sub:hover .list-view-icon span svg {
    color: #526a86;
    fill: #526a86;
}

/* .list_flow_span span:first-child {
    width: 33%;
} */

.intent_list_description {
    font-size: 14px;
    font-family: 'Seravek-Medium';
    margin-bottom: 10px;
}

.intent_list_description:first-child span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid black;
    left: 90px;
    top: 9px;
}

.intent_list_description:nth-child(1) {
    padding-left: 50px !important;
}

.intent_list_description:nth-child(2) {
    padding-left: 15px;
}

.intent_list_description:nth-child(3) {
    padding-left: 15px;
}

.listite_centre.autoamtion_connect_dialog_listview {
    justify-content: flex-start;
}

.intent_list_description:nth-child(4) {
    padding-left: 15px;
}

.search_card_list {
    font-size: 14px;
    text-align: left;
    font-family: 'Gordita-Medium';
    color: #000;
    flex-basis: 100%;
    min-width: 0;
    align-items: center;
    display: flex;
}

.search_card_list .highlighted-text {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Gordita-Medium';
}
.list_flow_hr .search_card_list .highlighted-text {
    font-size: 12px;
}
.entity_cards_layer.dialog_cards_layer .d_card_right p {
    padding-top: 2px;
}

.list-view-sub:hover .option-input.radio {
    border: 1px solid #999;
    background: #fff3eb;
}

.section_header span {
    font-family: 'Seravek-Medium' !important;
    color: #494949 !important;
}

.slack_buton .integration-slack-content {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
}

.slack_buton .integration-slack {
    font-family: 'Seravek-Light';
    font-size: 22px;
    margin-bottom: 20px;
}

.entity-home.integration-title-content {
    padding-left: 0px;
}

.btn.btn-primary.salck_add {
    margin-left: 0px;
}

.myDropdown svg {
    width: 18px;
    height: 18px;
    left: 15px;
    position: relative;
}

.integrations_page h6 {
    font-size: 30px;
    font-family: 'Seravek-Extralight';
}

.integrations_page p {
    padding-bottom: 20px;
    border-bottom: 0.5px solid #999;
    width: 100%;
    margin-bottom: 0px;
    font-family: 'Seravek-Light';
}

.slack_intr_btn h4 {
    width: auto;
    float: left;
    margin-right: 20px;
    font-family: 'Seravek-Extralight';
    font-size: 30px;
    color: #494949;
    margin-bottom: 0px;
}

.slack_intr_btn p {
    padding-bottom: 20px;
    border-bottom: 0.5px solid #999;
    width: 100%;
    margin-bottom: 0px;
    font-family: 'Seravek-Light';
}

.slack_intr_btn {
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

/* integrations homepage */

/* .intr_homepage {
    padding-left: 185px;
    position: absolute;
    top: 25%;
    width: 100%;
    float: left;
} */

.intr_homepage {
    position: relative;
    margin-top: 10px;
}

.intr_homepage h6 {
    font-family: 'Seravek-Light';
    font-size: 30px;
    margin-bottom: 0px;
}

/* .intr_chat_cards {
    top: 36%;
    position: absolute;
    width: 100%;
    float: left;
    padding-left: 185px;
} */

.mt_80 {
    margin-top: 100px;
}

.intr_chat_cards img {
    width: 100%;
    float: left;
}

.intr_chat_cards_bg {
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    padding: 30px;
    border-radius: 18px;
    cursor: pointer;
    margin-right: 15px;
    width: 30%;
    float: left;
    margin: 0 auto;
    display: block;
}

.intr_chat_cards_cont {
    margin: auto 0;
}

.intr_chat_cards_cont h2 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Medium';
    font-size: 24px;
}

.intr_chat_cards_cont h6 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 20px;
}

.intr_chat_cards_cont h6 span {
    font-family: 'Seravek-Light';
    font-size: 22px;
}

.intr_chat_list p {
    font-family: 'Seravek-Light';
    margin-bottom: 30px;
}

.intr_chat_cards_bg:hover {
    background: #ffe5d3;
}

.intr_chat_cards_bg:hover h2 {
    color: #333;
}

.intr_chat_cards_bg:hover h6 {
    color: #333;
}

.intr_chat_cards_bg_skype {
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    padding: 30px;
    border-radius: 18px;
    cursor: pointer;
    margin-right: 15px;
    width: 30%;
    float: left;
    margin: 0 auto;
    display: block;
}

.intr_chat_cards_bg_skype:hover {
    background: #03b8f2;
}

.intr_chat_cards_bg_skype:hover h2 {
    color: #fff;
}

.intr_chat_cards_bg_skype:hover h6 {
    color: #fff;
}

.intr_chat_cards_bg_team {
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    padding: 30px;
    border-radius: 18px;
    cursor: pointer;
    margin-right: 15px;
    width: 30%;
    float: left;
    margin: 0 auto;
    display: block;
}

.intr_chat_cards_bg_team:hover {
    background: #ffe5d3;
}

.intr_chat_cards_bg_team:hover h2 {
    color: #333;
}

.intr_chat_cards_bg_team:hover h6 {
    color: #333;
}

.intr_chat_list {
    margin-top: 20px;
}

.intr_homepage p {
    font-family: 'Seravek-Light';
    margin-bottom: 30px;
}

.intr_chat_list_page {
    background: #fff;
    height: 50px;
    border-radius: 12px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.intr_chat_list_img {
    padding-left: 15px;
    display: flex;
    align-items: center;
}

.intr_chat_list_img h2 {
    margin-bottom: 0px;
    margin-left: 10px;
    font-family: 'Seravek-Medium';
    font-size: 22px;
}

.intr_chat_list_cont {
    width: 100%;
    float: right;
}

.intr_chat_list_img .intr__node_no {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    float: left;
    display: flex;
    align-items: center;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.editor_btn_disabled {
    opacity: 0.3;
    pointer-events: none;
}

.disabled_with_blue {
    opacity: 0.3;
    background-color: #fff !important;
    pointer-events: none;
}

.intr_chat_list_img .intr__node_no_box {
    background: #3e84c0;
}

.intent_examples_list .caret_before .int_dia_span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #b9b8b8;
    left: 112px;
    top: 12px;
}

.slots_right_bot .right_pop_icons {
    margin-top: -5px;
    margin-bottom: 8px;
}

.slots_panel .slots_right_bot.plus_addmore_edit .dropdown_right_entity ul {
    max-height: 120px;
    overflow-y: scroll;
    width: 100%;
    margin-bottom: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.slots_panel .slots_right_bot.plus_addmore_edit .dropdown_right_entity ul ::-webkit-scrollbar {
    width: 4px;
    display: block !important;
    height: 4px;
}
.slots_panel .slots_right_bot.plus_addmore_edit .dropdown_right_entity ul ::-webkit-scrollbar-thumb {
    background: #f0af83;
    height: 20px;
    border-radius: 2px;
}
.slots_panel .slots_right_bot.plus_addmore_edit .dropdown_right_entity ul ::-webkit-scrollbar-track {
    background: #fff;
}

.slots_left_bot .col-md-7 p {
    padding: 0px;
    color: #494949;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'Seravek-Regular';
}

.error_dflow_dialog {
    margin: 50% auto;
}

.error_dflow_dialog p {
    font-family: 'Seravek-Regular';
    text-align: center;
}
.list_flow_hr .search_card_list {
    font-size: 12px;
}
.select_flow .form-input .flow_dial_input {
    /* background: #e5f4f9; */
    font-size: 12px;
    padding: 0px 10px;
    height: 30px;
    font-family: 'Seravek-Medium';
    margin: 0 auto;
    width: 90%;
}

.intr_chat_list_img .intr__node_no_skype {
    background: #5ab1ea;
}

.intr__node_no_365 {
    background: #ca4a3f;
}

.intr__node_no_white {
    background: #fff;
}

.intr__node_no_slack {
    background: #441f49;
}

.intr__node_no_now {
    background: #2d3d3f;
}

.intr_chat_list_img .intr__node_no svg {
    width: 18px;
    height: 18px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    fill: #fff;
}

.intr_chat_list_cont svg {
    margin-left: 15px;
    width: 18px;
    height: 18px;
    fill: #999999;
    cursor: pointer;
}

.inter_svg {
    float: right;
    display: inline-flex;
    align-items: center;
    height: 50px;
}

.inter_svg button {
    border-radius: 18px;
    width: 120px;
    padding: 0px 10px;
    height: 30px;
    padding: 0px;
    color: #fff;
    margin-left: 10px;
    font-family: 'Seravek-Light';
}

.inter_svg .btn-danger:focus {
    outline: 0;
    box-shadow: none !important;
    background-color: #dc3545;
    border-color: #dc3545;
}

.inter_svg .btn-success:focus {
    outline: 0;
    box-shadow: none !important;
    background-color: #28a745;
    border-color: #28a745;
}

.disabled_inter_btn {
    pointer-events: none;
    opacity: 0.3;
}

.intr_chat_list h6 {
    font-family: 'Seravek-Light';
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 0px;
}

/* jump to rework */

.fallback .dropdown_move {
    margin-bottom: 100px;
}

.fallback .dropdown_move span {
    color: #000;
}

.fallback .dropdown_move span:hover {
    color: #fff;
}

.welcome_jumpto .dropdown_move span {
    color: #000;
}

.welcome_jumpto .dropdown_move span:hover {
    color: #fff;
}

.welcome_jumpto .dropdown_move {
    width: 150px;
    float: right;
    box-shadow: 7px 7px 15px 0px #ccc;
    border-radius: 18px;
    margin: 10px 0px;
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 60px;
}

.list-full-width {
    width: 100%;
    float: left;
}

/* Ask question popup */
.simple_question {
    background: #f4f4f4;
    min-height: 50px;
    padding: 20px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.options_question {
    background: #f4f4f4;
    min-height: 50px;
    padding: 20px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.options_question h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
}
.options_question .plus_addmore {
    width: 100%;
    float: left;
    margin-top: -8px;
    margin-bottom: 20px;
}
.custom_varaible .simple_question.variable_custom {
    margin-bottom: 10px;
}

.pl-15 {
    padding-left: 0px;
}

.integration_center {
    margin: 10% auto;
    font-family: 'Seravek-Regular';
}
.tryit_popup-over-overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 48px;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
    z-index: 9999;
    cursor: auto;
}
.dropdown_right_entity_fixed_flow label {
    position: absolute;
    z-index: 9;
    background: #fff;
}

.dropdown_right_entity_fixed_flow label input {
    width: 175px !important;
}

.dropdown_right_entity_fixed_flow ul {
    margin-top: 50px;
    min-height: 0px;
    max-height: 240px;
    overflow-y: scroll;
    margin-bottom: 0px;
}

.tree1 > li::before {
    display: none;
}

/* Dialog Detail */

.dialog_detail_account {
    height: 150px;
    padding-right: 0px;
}

/* .dialog_detail_account_svgright {
    margin-top: -26px;
    right: 0;
    padding: 0px;
    top: 0;
    position: absolute;
    width: 100%;
    height: 24px;
    float: left;
    z-index: 10;
    visibility: hidden;
} */
.dialog_svgright_bg {
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    display: flex;
    flex-direction: row;
    width: max-content;
    float: right;
    height: 30px;
    align-items: center;
    position: relative;
    top: -10px;
    border-radius: 6px;
    background: #fff;
}
.dialog_editor.dialog_detail .zontal_lines {
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
.dialog_editor.dialog_detail .parent_node_left {
    margin-left: 0px;
}
.parent_node.parent_node_left:hover .flow_buttons {
    visibility: visible;
    margin-left: 0;
    right: 10px;
    width: max-content;
}
.dialog_detail_header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.dialog_detail_account .dialog_detail_header h4 {
    width: 55%;
    padding-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 1px;
}
.dialog_detail_header .parent_node_no {
    width: 24px;
    height: 24px;
    margin-left: 12px;
}
.dialog_detail_header .parent_node_no span {
    width: 100%;
    height: 100%;
    padding: 0px;
    border-radius: 50%;
}
.dialog_detail_header .parent_node_no span svg {
    width: 100% !important;
    height: 100% !important;
    color: #367af2;
    fill: #367af2;
}
.dialog_editor.dialog_detail .parent_node:hover .parent_node_no svg {
    fill: #333 !important;
    color: #333 !important;
}
.dialog_editor.dialog_detail .child_node_button .parent_node_no {
    margin-left: -1px;
}
.dialog_editor.dialog_detail .parent_node:hover .options_details_button button {
    background: #fff;
}
.parent_node .dialog_svgright_bg span {
    background: none;
    margin: 0px;
    height: inherit;
    display: flex;
    align-items: center;
    margin-left: 7px;
}
.dialog_editor.dialog_detail .first {
    width: 265px;
}

.dialog_editor.dialog_detail .parent_node {
    width: 265px;
    border-radius: 24px;
    z-index: auto;
    box-shadow: 0px 3px 6px #00000012;
    border: none;
    margin-bottom: 20px;
}
.dialog_editor.dialog_detail .parent_node.dialog_detail_box_shadow {
    z-index: inherit;
    box-shadow: 0px 3px 6px #00000012;
    border: none;
    position: relative;
}
/* .dialog_editor.dialog_detail .parent_node.dialog_detail_box_shadow:first-child{
    z-index:1;
} */
.first_parent_node {
    width: 100%;
    display: flex;
}
.next_arrow_button {
    width: 14px;
    height: 14px;
    margin: 0px 10px;
    margin-top: 15px;
}
.next_arrow_button svg {
    width: 14px;
    height: 14px;
    fill: #707070;
}
.dialog_editor.dialog_detail .next_arrow_button svg {
    width: 12px;
}
.dialog_editor.dialog_detail .child_node_button .parent_node_no svg {
    fill: #707070;
}
.dialog_editor.dialog_detail .child_node_button:hover .parent_node_no svg {
    fill: #fff;
}
.parent_node .dialog_svgright_bg span:first-child {
    margin-left: 7px;
    margin-right: 0px;
}
.parent_node .dialog_svgright_bg span:last-child {
    margin-left: 7px;
    margin-right: 7px;
}

.dialog_detail_account h4 {
    padding-left: 10px;
    padding-top: 0px;
    color: #000;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin: 0;
    width: 100%;
    float: left;
}

.dialog_detail_box_shadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

.parent_h4 {
    font-family: 'Seravek-MEdium' !important;
}

.border-bottom_flow {
    border-bottom: 0.5px solid #b9b9b9;
    width: 100%;
    float: left;
    height: 1px;
}
.parent_node:hover .border-bottom_flow {
    border-bottom: 0.5px solid #fff;
}

.dialog_detail_borderbottom h6 {
    padding-left: 10px;
    padding-top: 10px;
    color: #494949;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    margin: 0px;
    width: 100%;
    float: left;
    line-height: normal;
}

.dialog_detail_borderbottom p {
    padding-left: 0px;
    padding-top: 0px;
    color: #000;
    font-family: 'Gordita-Regular';
    margin: 0px;
    width: 100%;
    float: left;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    line-height: normal;
}
.recognise_dialog_details .dialog_detail_borderbottom p {
    padding-left: 0px;
}
.recognise_dialog_details .recognise_dialog_card p {
    padding-left: 10px;
}

.recognise_dialog_details .dialog_detail_borderbottom .value {
    color: #d9691d;
}

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

.dialog_detail_account:hover .add_respond span {
    background: #fff;
    color: #494949;
}

.dialog_detail_account h6 {
    padding-left: 12px;
    color: #000;
    font-family: 'Gordita-Medium';
    margin: 0px;
    width: 100%;
    float: left;
    font-size: 14px;
    padding-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dialog_detail_borderbottom_span {
    width: 100%;
    float: left;
    margin-top: 6px;
    display: flex;
    align-items: flex-start;
}

.dialog_detail_borderbottom_span p {
    padding: 0px;
    position: relative;
    top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 82%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}

.dialog_detail .dialog_tree_next {
    margin-top: 12px;
    margin-left: 5px;
}
.dailog_btn_wrapper {
    width: 100%;
    float: left;
    padding: 0px 10px;
    margin-top: 5px;
}
.dailog_btn_wrapper button {
    min-width: 40px;
    height: 24px;
    border: none;
    background: #ffe5d3;
    border-radius: 18px;
    padding: 0px 5px;
    font-size: 11px;
    color: #000000;
    font-family: 'Seravek-Regular';
    display: flex;
    align-items: center;
    padding-right: 10px;
    cursor: pointer;
}
.dailog_btn_wrapper button span {
    margin-left: 0px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}
.dailog_btn_wrapper button span svg {
    color: #d86618;
    fill: #d86618;
    width: 10px;
    height: 10px;
}
.icon_add_respond {
    width: 10px;
    height: 10px;
    transform: rotate(180deg);
}
.parent_node .icon_add_respond svg {
    width: 8px;
    height: 8px;
    fill: #000;
    transform: rotate(180deg);
}
.send_message_hover .icon_add_respond svg {
    transform: rotate(0deg);
}
.parent_node:hover .dailog_btn_wrapper button span svg {
    width: 10px;
    height: 10px;
}
.parent_node:hover .dailog_btn_wrapper button span {
    background: #ffe5d3;
}
.parent_node:hover .dailog_btn_wrapper button {
    background: #fff;
}
.send_message_details {
    width: 100%;
    float: left;
}
.send_message_details.send_message_hover {
    position: absolute;
    top: 57px;
    background: #fff;
    min-height: 75px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 10px 20px #00000026;
    z-index: 9;
    max-height: 160px;
    right: 0;
}
.send_message_details.send_message_hover .span_content {
    min-height: 21px !important;
}
.dialog_detail_account .send_message_details.send_message_hover h6 {
    padding-bottom: 6px;
}
.dialog_detail_account .send_message_details.send_message_hover .recognise_dialog_card h6 {
    padding-bottom: 0px;
}
.dialog_detail_borderbottom.recognise_hidden_content h6 {
    margin-bottom: 6px;
}
.dialog_detail_borderbottom.recognise_hidden_content .dialog_detail_borderbottom_span {
    margin-top: 0px;
}
.dialog_detail_borderbottom.recognise_hidden_content p {
    margin-top: 0px;
    margin-bottom: 6px;
}

.max_scroll_limit {
    width: 100%;
    float: left;
    max-height: 118px;
    min-height: 54px;
    overflow-y: scroll;
}
.send_message_details.send_message_hover .add_respond {
    margin-top: 3px;
    position: relative;
    margin-bottom: 5px;
}
.send_message_details.send_message_hover .dialog_detail_borderbottom_span {
    margin-top: 10px;
}
.send_message_details.send_message_hover .recognise_dialog_card .dialog_detail_borderbottom_span {
    margin-top: 0px;
}

.parent_node:hover .send_message_details.send_message_hover {
    background: #ffe5d3;
}

.respond_dialog_page {
    width: 265px;
    float: left;
    display: flex;
    margin-left: 32px;
}

.dialog_detail_borderbottom .number_count {
    margin: 0 auto;
    width: 14px;
    height: 14px;
    background: #c7e3ff;
    display: flex;
    align-items: center;
    font-size: 10px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    margin-left: 0px;
    position: relative;
    top: 0px;
}
.dialog_detail_borderbottom .number_count label {
    display: flex;
    align-items: center;
    margin: 0 auto;
    color: #333;
    position: relative;
    top: 1px;
}
.parent_node:hover .dialog_detail_borderbottom .number_count {
    background: #fff;
}
/* .parent_node:hover .dialog_detail_account_svgright svg{
    color: #333;
    width: 14px;
    height: 14px;
} */
/* .send_message_details .dialog_detail_borderbottom span {
    width: 14px;
    height: 14px;
    font-size: 10px;
    font-family: 'Seravek-Regular';
    color:#000;
} */
.dialog_detail_borderbottom span label {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

/* .respond_dialog_page .dialog_detail_account:hover .dialog_detail_borderbottom_span span {
    background: #fff;
} */

.respond_dialog_page .dialog_detail_account:hover .get_details_bottom p {
    color: #333;
}

/* .respond_dialog_page .dialog_detail_account:hover .get_details_bottom1 p {
    color: #fff;
}

.respond_dialog_page .dialog_detail_account:hover .get_details_bottom2 p {
    color: #fff;
} */

.respond_dialog_page .dialog_detail_account:hover .get_details_bottom1 .get_detils_data h5 span {
    background: #fff;
    color: #494949;
}
.options_details {
    width: 100%;
    float: left;
    padding-top: 0px !important;
}
.options_details h6 {
    font-size: 12px;
    font-family: 'Gordita-Regular';
    white-space: normal;
    padding-top: 6px;
    color: #000;
}
.get_details_bottom.ask_user .max_scroll_limit {
    position: relative;
    top: -6px;
}
.options_details_button {
    width: 100%;
    float: left;
    padding: 0px 12px;
    margin-top: 5px;
}
.options_details_button button {
    background: #fff;
    min-width: 27px;
    height: 20px;
    font-size: 9px;
    margin-right: 6px;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 0px 6px;
    border: 1px solid #cecece;
    border-radius: 12px;
    font-family: 'Gordita-Medium';
}
.options_details_button button label {
    margin-bottom: 0px;
    position: relative;
    top: 1px;
}
.options_details_button button:last-child {
    margin-right: 0px;
}
.get_details_bottom {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    margin: 0px;
    width: 100%;
    float: left;
}

.get_details_bottom h6 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin: 0px;
    width: 100%;
    float: right;
    padding: 0px;
    text-align: left;
    color: #000;
    line-height: 20px;
}

.get_details_bottom p {
    width: 100%;
    float: left;
    margin: 0px;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #000;
    margin-top: 6px;
    line-height: 16px;
}

.jump_details p label {
    color: #d9691d;
    display: contents;
    margin: 0px;
}

.get_details_bottom p label {
    color: #d9691d;
    display: contents;
    margin: 0px;
}

/* .get_details_bottom1 {
    padding-left: 0px;
    padding-top: 0px;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    margin: 0px;
    width: 100%;
    float: left;
}

.get_details_bottom1 h6 {
    font-family: 'Seravek-Regular';
    font-size: 14px;
    margin: 0px;
    width: 50%;
    float: right;
    padding: 0px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.get_details_bottom1 h4 {
    float: left;
    margin: 0px;
    font-family: 'Seravek-Regular';
    padding-left: 0px;
    font-size: 14px;
    width: 220px;
    padding-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.get_details_bottom1 .get_detils_data h5 span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: #ccc;
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 10px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    /* margin-left: 20px; */
/* } */

.get_details_bottom1 .get_detils_data h5 span label {
    margin: 0 auto;
}

.get_details_bottom1 h5 {
    font-family: 'Seravek-Regular';
    font-size: 14px;
    margin: 0px;
    width: 45%;
    float: left;
    color: #9e9e9e;
    margin-top: 5px;
}
*/ .get_detils_data_h5 p {
    margin-bottom: 0px;
    padding-top: 2px;
    color: #9e9e9e;
    font-family: 'Seravek-Regular';
    margin: 0px;
    float: left;
    font-size: 12px;
    width: 200px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.get_detils_data_h4 {
    font-family: 'Seravek-Regular' !important;
}

.get_detils_data_h5 {
    font-family: 'Seravek-Medium' !important;
}

.options_data_h5 h5 {
    width: 100%;
}

.options_data_h5 .add_respond {
    padding-left: 0px;
}

.automation_details {
    width: 100%;
    float: left;
}
.automation_details p {
    width: 100%;
    float: left;
    margin: 0px;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    margin-top: 6px;
    padding: 0px 12px;
}
.automation_details .value {
    color: #d9691d;
}
/* .get_details_bottom2 {
    padding-left: 20px;
    padding-top: 5px;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    margin: 0px;
    width: 100%;
    float: left;
}

.get_details_bottom2 h5 {
    font-family: 'Seravek-Medium';
    font-size: 14px;
    margin: 0px;
    width: 20%;
    float: left;
    color: #9e9e9e;
}

.get_details_bottom2 h6 {
    font-family: 'Seravek-Regular';
    font-size: 14px;
    margin: 0px;
    width: 80%;
    float: right;
    padding: 0px;
    color: #9e9e9e;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.get_details_bottom2 p {
    font-family: 'Seravek-Medium';
    padding-left: 0px;
    font-size: 14px;
    width: 220px;
    padding-top: 0px;
    color: #9e9e9e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
    display: table-cell;
    align-items: center;
    margin: auto 0;
    vertical-align: middle;
} */

.dialog_detail_account:hover h6 {
    color: #333;
}

.dialog_detail_account:hover h5 {
    color: #333;
}

.dialog_detail_account:hover h6:before {
    border-bottom: 0.5px solid #fff;
}
.dialog_detail_account:hover .get_details_bottom p {
    color: #333;
}

.respond_dialog_page .parent_node_no_orange {
    background: #f9d5b2 !important;
}

.respond_dialog_page .parent_node_no_orange span svg {
    fill: #ff7900 !important;
}

.respond_dialog_page:hover .parent_node_no_orange span svg {
    fill: #ff7900 !important;
}

.respond_dialog_page:hover .parent_node_no_orange {
    background: #fff !important;
}

.respond_dialog_page .child_detail_account:hover .respond_editor_dia_page p {
    color: #fff;
}

.respond_dialog_page .child_detail_account:hover .respond_editor_dia_page p span {
    background: #fff;
}

.respond_dialog_page .child_detail_account:hover .respond_editor_dia_page p span label {
    color: #494949;
}

.respond_dialog_page .child_detail_account:hover .add_respond span {
    background: #fff;
    color: #494949;
}

.flow_detail_account:hover .flow_detail_bottom p {
    color: #fff;
}

.child_detail_account:before {
    content: '';
    background-image: url(../images/dialog_editor_next.svg);
    position: absolute;
    top: 33px;
    bottom: 0;
    width: 12px;
    background-repeat: no-repeat;
    height: 12px;
    left: -16px;
}

.child_detail_account {
    border: 0.5px solid #e6e6e6;
    border-radius: 18px;
    background: #fff;
    padding-right: 10px;
    float: left;
    margin: 0px;
    margin-left: 24px;
    position: relative;
    cursor: pointer;
}

.dialog_detail_h6 {
    padding-top: 10px !important;
}

.respond_editor_dia_page {
    padding-left: 20px;
    padding-top: 5px;
    color: #494949;
    font-family: 'Seravek-Bold';
    font-size: 14px;
    margin: 0;
    width: 100%;
    float: left;
}

.respond_editor_dia_page p {
    margin-bottom: 0px;
    float: left;
    margin-bottom: 5px;
    color: #494949;
    align-items: center;
    font-family: 'Seravek-Medium';
    font-size: 12px;
    width: 190px;
    padding-top: 3px;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 3px;
}

.respond_editor_dia_page span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: #ccc;
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 10px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
}

.respond_editor_dia_page span label {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.add_respond {
    padding-left: 12px;
    color: #fff;
    font-family: 'Seravek-Regular';
    margin: 0;
    float: left;
    display: flex;
    align-items: center;
    margin-top: 0px;
    position: relative;
    top: 0px;
}

.add_respond span {
    width: 14px;
    height: 14px;
    background: #ffe5d3;
    color: #000;
    margin-top: 0px;
    border-radius: 36px;
    margin-left: 0px;
    font-size: 9px;
    /* margin: 0 auto; */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    font-family: 'Seravek-Regular';
    line-height: initial;
}

.dialog_detail_account .parent_node_no {
    margin-top: 0px;
    background: #c7e3ff;
}

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

.flow_detail_account h5 {
    padding-left: 20px;
    padding-top: 10px;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    margin: 0px;
    width: 100%;
    float: left;
}

.flow_detail_bottom p {
    padding-left: 20px;
    padding-top: 5px;
    color: #494949;
    font-family: 'Seravek-Extralight';
    font-size: 12px;
    margin: 0px;
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.respond_editor_dia_page1 {
    margin-bottom: 3px;
}

/* Detail view icons color */

.parent_node_left span svg {
    color: #fff;
    width: 14px;
    height: 14px;
}

.parent_node span.child_svg svg {
    color: #fff;
    width: 14px;
    height: 14px;
}

.child_node span.child_svg svg {
    color: #fff;
    width: 14px;
    height: 14px;
}
.child_node span svg {
    color: #fff;
    width: 100%;
    height: 100%;
    fill: #367af2;
    color: #367af2;
}

/* .respond_dialog_page .parent_node:hover .flow_buttons_icons .flow_buttons_icons_content svg {
    fill: #333 !important;
} */
.dialog_detail_account .flow_buttons_icons .flow_buttons_icons_content svg {
    fill: #666 !important;
    color: #666;
}
.dialog_detail_account .flow_buttons_icons .flow_buttons_icons_content:hover svg {
    fill: #666 !important;
    color: #666;
}

/* .respond_dialog_page .parent_node:hover .dialog_detail_account_svgright svg{
    fill: #494949 !important;
} */
/* .dialog_detail_account_svgright .parent_node span{
    padding:0px;
} */
.entity_right .entity_right_icon svg {
    width: 12px !important;
    height: 12px;
    position: relative;
    left: 0px;
    top: 0px;
}

.entity_right .entity_right_icon {
    width: 150px;
    height: 30px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    color: #494949;
    outline: 0;
    display: flex;
    align-items: center;
    float: right;
}

.entity_right .entity_right_icon span {
    margin: 0 auto;
}

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

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

.list_full_width_child .list-view-sub {
    margin-bottom: 10px;
    border-bottom: 5px solid #ccc;
    border-right: 5px solid #ccc;
}

.list_full_width_automation .list-full-width {
    width: 100%;
    float: left;
    margin-top: -65px;
    margin-right: -13px;
    position: inherit;
}

.list_full_width_automation:hover .list-view-sub {
    background: #0988e7;
    color: #fff;
    border-right: 5px solid #0988e7;
    border-bottom: 5px solid #0988e7;
}

.list_full_width_automation:hover .option-input.radio {
    border: 1px solid #fff !important;
    background: #4eaaf2;
}

.list_full_width_automation:hover .list_flow_hr h5 {
    color: #fff !important;
}

.list_full_width_automation:hover .list_flow_span span {
    color: #fff !important;
}

.list_full_width_automation:hover .list-view-icon span svg {
    color: #fff !important;
    fill: #fff;
}

/* dialog editor detail css chanage */

.options_data_h5 h5 {
    width: 100%;
}

.options_data_h5 .add_respond {
    padding-left: 0px;
}

.get_detils_data_jump {
    width: 100% !important;
    float: left;
}

.get_detils_data_h6 {
    float: left;
    margin: 0px;
    font-family: 'Seravek-Medium';
    padding-left: 0px;
    font-size: 14px;
    width: 100px;
    color: #9e9e9e;
    padding-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 5px;
}

.get_detils_data_p {
    margin-bottom: 5px;
}

.get_detils_data_p_tab-cell {
    display: table;
    height: 60px;
}

.get_details_bottom1_jump {
    display: table;
    height: 70px;
}

.get_details_bottom1_jump_tab_cell {
    display: table-cell;
    vertical-align: middle;
}

.get_details_bottom1_jump_tab_cell h5 {
    margin-top: 0px;
    padding-top: 0px;
}

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

/* tryit change */

.options_data_h5 h5 {
    width: 100%;
}

.options_data_h5 .add_respond {
    padding-left: 0px;
}

.get_detils_data_jump {
    width: 100% !important;
    float: left;
}

.get_detils_data_h6 {
    float: left;
    margin: 0px;
    font-family: 'Seravek-Medium';
    padding-left: 0px;
    font-size: 14px;
    width: 100px;
    color: #9e9e9e;
    padding-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 5px;
}

.get_detils_data_p {
    margin-bottom: 5px;
}

.get_detils_data_p_tab-cell {
    display: table;
    height: 60px;
}

.get_details_bottom1_jump {
    display: table;
    height: 70px;
}

.get_details_bottom1_jump_tab_cell {
    display: table-cell;
    vertical-align: middle;
}

.get_details_bottom1_jump_tab_cell h5 {
    margin-top: 0px;
    padding-top: 0px;
}

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

.tryit_dropdown_user .dropdown_right_entity {
    width: 284px;
    float: left;
    background: #fff;
    border-radius: 18px;
    position: relative;
    z-index: 9;
    margin-top: -80px;
    cursor: pointer;
    right: 2px;
    min-height: 0px;
    max-height: 200px;
    overflow-y: scroll;
    left: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 10px;
}

.tryit_dropdown_user .dropdown_right_entity_fixed_flow label input {
    width: 100% !important;
    float: left;
}

.tryit_password_p input {
    background-color: #e5f4f9;
    border-radius: 5px;
    padding: 0 10px;
    width: 100%;
    height: 30px;
    border: 1px solid#ced4da;
    border: none;
    font-size: 14px;
    font-family: 'Seravek-Regular';
}

.tryit_password_p .form-control {
    background-color: #e5f4f9 !important;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-size: 14px;
    font-family: 'Seravek-Regular';
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid#ced4da;
    border-radius: 6px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tryit_password_p .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.tryit_password_p p {
    margin-bottom: 0px;
    padding: 8px;
    min-height: 20px;
    width: 100%;
    float: left;
    word-break: break-word;
}

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

.tryit_password_p {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px;
    background: #fff !important;
}

.tryit_password_p .if_dropdown .parent_node_no {
    width: 18px;
    height: 18px;
    background: none;
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin-top: 5px;
    float: right;
    margin-right: 5px;
    border: none;
    position: relative;
    top: -30px;
    right: 10px;
}

.tryit_password_p .if_dropdown {
    border: 0.5px solid#d1d1d1;
    height: 30px;
    width: 100%;
    float: left;
    border-radius: 5px;
    cursor: pointer;
}

.tryit_password_p .if_dropdown .parent_node_no span {
    align-items: center;
}

.tryit_password_p .parent_node_no span.parent_svg svg {
    width: 14px;
    height: 14px;
    fill: #999999;
    float: left;
    position: absolute;
    top: 10px;
}

.tryit_dropdown_user {
    width: 100%;
    float: left;
    padding: 0px;
}

.tryit_dropdown_user .no_int_avlable {
    padding: 0px;
    font-family: 'Seravek-Medium';
    text-align: left;
}

.entity_name_user {
    text-align: left;
    width: 100%;
    padding-left: 5px;
}

/*Login New*/

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

.bg_img_login {
    background-image: url(../images/bg_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center center;
    height: 100vh;
}

.bg_img_log0 img {
    width: 180px;
    padding-top: 45px;
    float: left;
}

.login_bg_width {
    background: #fff;
    border-radius: 30px;
    width: 1280px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    margin: 0 auto;
    display: block;
}

.login_bg_width_left {
    background: #f1f2f4;
    padding: 60px;
    margin: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.login_bg_width .row {
    margin: 0px;
}

.left_bottom_img {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.left_bottom_img img {
    width: 70%;
}

.login_bg_width_left h2 {
    width: 100%;
    float: left;
    text-align: left;
    color: #494949;
    font-family: 'Seravek-Medium';
    font-size: 30px;
    margin-bottom: 0px;
}

.login_bg_width_left h2 span {
    color: #1757dc;
}

.login_bg_width_left .centerImage {
    width: 35%;
    float: left;
    text-align: left;
    padding-bottom: 40px;
}

.login_bg_width_left p {
    width: 100%;
    float: left;
    color: #494949;
    text-align: left;
    margin-bottom: 40px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}

.login_bg_width_left_right {
    padding: 60px;
}

.login_bg_width_left_right h3 {
    width: 100%;
    float: left;
    color: #494949;
    text-align: left;
    font-family: 'Seravek-Medium';
    font-size: 30px;
    margin-bottom: 40px;
}

.login_bg_width_left_right_form .form-group {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    padding-left: 0px;
}

.user_cahnge_password .form-group {
    margin-bottom: 0px;
    position: relative;
}

.login_bg_width_left_right_form .form-control {
    height: 48px;
    margin-bottom: 20px;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    border: 1px solid #b9b9b9;
    border-radius: 6px;
    background: #fff;
    color: #000;
}
.form_support_content .form-control {
    height: 100% !important;
}
.login_bg_width_left_right_form .form-control:focus {
    outline: none;
    box-shadow: none;
}

.login_bg_width_left_right_form .form-control:active {
    outline: none;
    box-shadow: none;
}

.login_bg_width_left_right_form .form-check {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.login_bg_width_left_right_form .form-check-label {
    font-size: 16px;
    width: 50%;
    float: left;
    font-family: 'Seravek-Regular';
}

.login_bg_width_left_right_form h6 {
    font-size: 16px;
    width: 50%;
    float: right;
    color: #3366ff;
    font-family: 'Seravek-Regular';
    margin-bottom: 0px;
    padding-top: 4px;
    text-align: right;
    cursor: pointer;
}

.login_bg_width_left_right_form input[type='checkbox'] {
    width: auto;
}

.login_bg_width_left_right button {
    width: 100%;
    float: left;
    height: 48px;
    font-family: 'Seravek-Regular';
    font-size: 18px;
    cursor: pointer;
}

.login_bg_width_left_right button:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.login_bg_width_left_right button:active {
    color: #fff !important;
    background-color: #0069d9;
    border-color: #0062cc;
}

.login_bg_width_left_right button:focus {
    color: #fff !important;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

._g0login_account {
    width: 100%;
    float: left;
    margin-top: 20px;
}

._g0login_account_left {
    width: 50%;
    float: left;
    margin-top: 20px;
    font-family: 'Seravek-Regular';
}

._g0login_account_left h5 {
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 0px;
}

._g0login_account_right {
    width: 50%;
    float: right;
    margin-top: 20px;
    text-align: right;
    font-family: 'Seravek-Regular';
}

._g0login_account_right h5 {
    text-align: right;
    font-size: 16px;
    margin-bottom: 0px;
}

._g0login_account_right h5 span {
    color: #3366ff;
    border-bottom: 1px solid #3366ff;
    cursor: pointer;
}

.login_bg_width_left_right_form .pwd_open_eye {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    fill: #555555;
    float: right;
    right: 0;
    top: 10px;
}

.login_bg_width_left_right_form .error_close_forms {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 53%;
    cursor: pointer !important;
    fill: #ff7900;
    float: right;
    margin-right: 5px;
    margin-top: -75px;
    position: relative;
    z-index: 2;
}

.login_bg_width_left_right_form .form-group_error input {
    border: 1px solid #fc2a2a;
    background: #fff;
}

.login_bg_width_left_right_form .form-group_error input:focus {
    border: 1px solid #ff7900;
    background: #fff;
}

.login_bg_width_left_right_form .form-group_error input:active {
    border: 1px solid #ff7900;
    background: #fff;
}

.login_bg_width_left_right_form .form-group_error .password-error {
    position: absolute;
    width: max-content;
    float: left;
    margin-top: 0px;
    font-size: 10px;
    text-align: right;
    font-family: 'Gordita-Regular';
    color: #fc2a2a;
    right: 0;
    bottom: -10px;
}

/*profile page*/

.profile_page_center {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 0px !important;
}

.profile_user_page {
    /* padding-left: 165px; */
    position: absolute;
    top: 9%;
    width: 100%;
    float: left;
    padding-bottom: 50px;
    margin-top: 50px;
}

.profile_page_uform {
    width: 666px;
    margin: 0 auto;
    display: block;
}

.profile_form-page {
    padding: 20px;
    width: 100%;
    float: left;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
}

.form_w100 {
    width: 100%;
    float: left;
    padding: 0px;
    display: grid;
    grid-template-columns: 48.5% 48.5%;
    grid-gap: 0px 20px;
}

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

.form_w50_pr.profile__otp img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 49%;
    right: 10px;
}

.form_w50_pl {
    padding-left: 0px;
}
.form_w50_pr {
    padding-right: 0px;
}

/* .profile_form-page h3 {
    text-align: left;
    width: 100%;
    float: left;
    color: #494949;
    font-family: 'Seravek-Medium';
    font-size: 30px;
    margin-bottom: 40px;
}

.profile_form-page h3:before {
    content: '';
    position: absolute;
    top: 96px;
    border-bottom: 1px solid #494949;
    width: 88px;
    text-align: left;
} */
.profile_form-page h4 {
    color: #000;
    font-family: 'Gordita-Medium';
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 10px;
}
.profile_collaspe_menu {
    text-align: left;
    width: auto;
    float: left;
    color: #494949;
    font-family: 'Seravek-Regular';
    cursor: pointer;
    margin-right: 20px;
    font-size: 20px;
    position: relative;
    top: 1px;
    padding-bottom: 10px;
}
.profile_collaspe_menu_click {
    border-bottom: none;
    position: relative;
    top: 0px;
    color: #000;
    padding-bottom: 10px;
    font-size: 16px;
    font-family: 'Gordita-Medium';
}
.user_password_info_details h6 {
    font-family: 'Gordita-Medium';
    color: #000;
    font-size: 14px;
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}
.user_password_info {
    width: 100%;
    float: left;
    margin-top: 0px;
}
.user_password_info_details {
    background: #fdede0;
    color: #ff7900;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
}
.user_password_info_details ul li {
    list-style: none;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #000;
    list-style: 1.9;
}
.user_password_info_details ul {
    padding: 0px;
    margin: 0px;
}
.country_code .dropdown_right_entity {
    width: 15%;
    float: left;
    background: #fff;
    position: absolute;
    z-index: 9;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #999;
    margin-top: -20px;
    cursor: pointer;
    max-height: 150px;
    overflow-y: auto;
}
.country_code .dropdown_right_entity ul li:first-child:hover {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.country_code input {
    border: 2px solid #f1f2f4;
    background: #fff;
    border-right: 1px solid #ccc !important;
}
.country_code .dropdown_right_entity ul li:last-child:hover {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.country_code .form-control {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.country_code {
    width: 15%;
    float: left;
}
.mobile_num_global {
    width: 85%;
    float: right;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.profile_collaspe_menu_head {
    width: 100%;
    float: left;
    border-bottom: none;
}
.upload_profile h6 {
    margin-bottom: 0px;
    padding-top: 4px;
    text-align: right;
    cursor: pointer;
    text-align: left;
    width: 100%;
    float: left;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 18px;
    margin-bottom: 10px;
}
.upload_profile_img {
    width: 90px;
    height: 90px;
    border: 1px solid #f1f2f4;
    float: left;
    border-radius: 6px !important;
    margin-right: 40px;
}
.upload_profile_img img {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 6px;
}
.upload_profile_change {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}
.upload_profile_change_content {
    width: 150px;
    background: #007bff;
    border-radius: 30px;
    height: 30px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
}
.upload_profile_change_content:hover {
    background-color: #0069d9;
}
.time_zone_arrow input {
    cursor: pointer;
}
.country_zones h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
.upload_profile_change_content span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: 'Seravek-Regular';
}
.upload_profile_width {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload_profile_change p {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
}

/* browser scroll remove */
::-webkit-scrollbar {
    display: none;
}

/* browser scroll remove */

.time_zone_arrow .down_arrowslot {
    width: 24px;
    height: 24px;
    border: 1px solid #999;
    background: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    right: 36%;
    float: right;
    /* z-index: 999999999; */

    position: relative;
    margin-top: -70px;
    margin-right: 15px;
    border-radius: 50%;
}
.time_zone_arrow .down_arrowslot svg {
    width: 12px;
    height: 12px;
    padding-top: 3px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    fill: #333;
}
.profile_submit {
    width: auto;
    float: left;
    border: none;
    background: red;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    height: 48px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    text-transform: uppercase;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0px;
    padding: 0px 35px;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
}
.otp_popup .resend_otp_mobile_profile {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    float: right;
    margin-bottom: 12px;
}

.resend_otp_mobile_profile.email_resend {
    justify-content: center;
}

.resend_otp_mobile_profile.email_resend.success {
    color: purple !important;
}

.resend_otp_mobile_profile.email_resend:hover {
    text-decoration: underline;
}

.profile_buton_width {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}
.profile_buton_width button {
    margin: 0px;
}
.profile__otp .upload_profile_change_content {
    position: absolute;
    right: 12px;
    top: 13px;
    margin-bottom: 0px;
    width: auto;
    height: 24px;
    padding: 0px 12px;
    z-index: 1;
    text-transform: capitalize;
}
.profile__otp .upload_profile_change_content.verified_button,
.profile_email .upload_profile_change_content.email_veriy_label.verified_button {
    background: #1cb75e;
    border: 1px solid #1cb75e;
}

.profile__otp .loader_otp {
    position: absolute;
    right: 12px;
    top: 13px;
    margin-bottom: 0px;
    width: 18px;
    height: 18px;
    padding: 0px 12px;
    z-index: 1;
}
.otp_popup h5 {
    text-align: center;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0px;
    /* padding-bottom: 20px; */
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    flex-wrap: wrap;
    color: #000;
}
.otp_popup {
    position: relative;
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.otp_img_inside {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 40px;
    right: 15px;
    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);
    }
}
.otp_popup .error_otp_msg {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-family: 'Seravek-Light';
}

.error_otp_msg .error_input_show svg {
    margin-top: 30px;
}

.btn_profile_submit {
    position: relative;
    width: 100%;
    float: left;
    padding-left: 0px;
    margin-top: 5px;
}
.btn_profile_submit span img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 15px;
    left: 10px;

    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);
    }
}
.profile__otp .upload_profile_change_content span {
    font-size: 12px;
    position: relative;
    top: 1px;
    text-transform: capitalize;
}
.profile__otp .country_code {
    width: auto;
    height: 48px;
    float: left;
    position: relative;
}
.profile__otp {
    display: grid !important;
    grid-template-columns: 88px 1fr;
}
.profile__otp .country_code input {
    padding: 0px 12px;
    border: 1px solid #b9b9b9;
    border-right: 1px solid #f4f4f4 !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 6px;
}
.arrow_right_icon {
    width: 10px;
    height: 8px;
    position: absolute;
    right: 12px;
    top: 22px;
    transform: rotate(90deg);
}
.arrow_right_icon svg {
    width: 10px;
    height: 8px;
}
.profile_submit_width {
    width: auto !important;
}
.login_bg_width_left_right_form {
    width: 100%;
    float: left;
    margin-top: 0px;
}
.profile_submit:hover {
    background-color: #0069d9;
}
.user_cahnge_password {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 20px;
}
.profile_submit_cancel {
    width: auto;
    float: left;
    border: none;
    background: red;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    height: 48px;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    text-transform: uppercase;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0px;
    padding: 0px 35px;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
}
.user_cahnge_password h3 {
    font-size: 24px;
    margin-bottom: 0px;
}
.user_cahnge_password h3 svg {
    width: 18px;
    height: 18px;
    fill: #007bff;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    top: 1px;
}
.user_cahnge_password_close {
    margin-top: 0px;
    width: 100%;
    float: left;
}

.user_cahnge_password_close .form-group {
    margin-bottom: 20px;
}

.user_cahnge_password_close .form-group:last-child {
    margin-bottom: 10px;
}

/* tour carousel*/
.page_setup_content {
    width: 100%;
    float: left;
}
.carousel-inner img {
    width: 100%;
    float: left;
}
.page_setup_content .modal .modal-dialog {
    max-width: 1280px !important;
    max-height: auto !important;
}
.page_setup_content .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.tour-class1 {
    fill: #fff;
    stroke: #999;
    stroke-linejoin: round;
    stroke-width: 1px;
}
.carousel-control-prev-btn {
    /* top: 132%; */

    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    left: 35%;
    float: left;
    /* z-index: 999999999; */

    position: relative;
    /* margin-top: 52px; */

    top: 45px;
}
.carousel-control-next-btn {
    /* top: 132%; */

    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    right: 36%;
    float: right;
    /* z-index: 999999999; */

    position: relative;
    /* margin-top: 52px; */

    top: 45px;
}
.carousel-control-btn-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}
.page_setup_content .modal {
    display: block;
    background: #4949494d;
    z-index: 9999;
    overflow-y: hidden !important;
}
.page_setup_content .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    border-radius: 50%;
    border: 1px solid #999 !important;
    background: #999;
}
.page_setup_content .modal-title {
    font-family: 'Seravek-Medium';
    font-size: 20px;
}
.page_setup_content .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /* padding: 1rem; */

    border: 10px solid #f1f2f4;
}
.page_setup_content .carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 109%;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 70%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}
.page_setup_content .carousel-indicators {
    top: 109%;
    margin-left: 16%;
}
.page_setup_content .carousel-indicators .active {
    background: #007bff !important;
}
.page_setup_content .carousel-control-prev-icon span svg {
    width: 15px !important;
    height: 15px !important;
}

.logs_pagination .prev_icon {
    margin-left: 10px;
}
.logs_pagination .prev_icon svg {
    transform: rotate(90deg);
}
.logs_pagination .next_icon svg {
    transform: rotate(-90deg);
}
.page_setup_content .carousel-control-prev-icon {
    background-image: none;
}
.page_setup_content .carousel-control-next-icon svg {
    width: 15px !important;
    height: 15px !important;
}
.page_setup_content .carousel-control-next-icon {
    background-image: none;
}
.page_setup_content .modal-footer button {
    background: #007bff;
    color: #fff;
    width: 100px;
    height: 30px;
    border-radius: 18px;
    padding: 0px;
    font-size: 14px;
}
.page_setup_content .modal-content {
    border-radius: 30px;
    display: inherit;
}
.page_setup_content .modal .modal-dialog {
    margin: 7rem auto;
}
.page_setup_content .modal-footer {
    width: 100%;
}

/* **** updated css still above line 7114 **** */

/*Dropdown logout user*/
.logout_user {
    width: 320px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    padding: 20px 0px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    top: 80px;
    right: -20px;
}
.logout_user_header h5 {
    font-size: 16px;
    font-family: 'Seravek-Regular';
    display: flex;
    align-items: center;
    color: #494949;
    cursor: pointer;
}
.logout_user_header button {
    width: 130px;
    background: #007bff;
    border-radius: 30px;
    height: 30px;
    font-size: 14px;
    font-family: 'Seravek-Regular';
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0px;
    text-transform: uppercase;
}
.logout_user_header button:hover {
    background-color: #0069d9;
}
.logout_user_header button:focus {
    outline: 0;
    box-shadow: none;
    border: none;
}
.logout_user_header span {
    font-size: 16px;
    font-family: 'Seravek-Regular';
    color: #494949;
    margin-left: 5px;
}
.logout_user_header {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 0px 20px 20px 20px;
}
.logout_user_body {
    padding: 20px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
}
.logout_user_body h5 {
    font-size: 15px;
    font-family: 'Seravek-Regular';
}
.logout_user_body h5 span {
    position: relative;
    top: -2px;
    cursor: pointer;
    color: #494949;
    cursor: pointer;
}
.logout_user_body h5 svg {
    width: 15px;
    margin-right: 10px;
}
.logout_user_body .dropdown_down_arrowslot {
    position: absolute;
    right: 0;
    margin-top: -32px;
    border: 1px solid #ccc;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 20px;
    cursor: pointer;
}
.logout_user_body .dropdown_down_arrowslot svg {
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
    top: 10px;
    width: 12px;
    fill: #999;
}
.accounts_users {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.accounts_users .accounts_users_name_img {
    width: 90%;
    float: left;
    background: #f0f0f0;
    padding: 0 5px;
    height: 40px;
    border-radius: 30px;
    display: flex;
    align-items: center;
}
.accounts_users_name_img.accounts_users_change {
    display: flex;
    justify-content: space-between;
}
.login_acc_message {
    position: absolute;
    top: 5%;
    background: #fcca85;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 30px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_acc_message p {
    margin-bottom: 0px;
    font-size: 14px;
    text-align: left;
    font-family: 'Seravek-Regular';
}
.login_acc_message span {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -8px;
    cursor: pointer;
}
.login_acc_message span svg {
    width: 18px;
    height: 18px;
}

.accounts_users .accounts_users_name_img h5 {
    font-size: 14px;
    font-family: 'Gordita-Regular';
    margin-bottom: 0px;
    width: 62%;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
}
.accounts_users .accounts_users_name_img h6 {
    font-size: 12px;
    font-family: 'Gordita-Regular';
    margin-bottom: 0px;
    width: 20%;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
    text-align: center;
    background: #fe7900;
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}
.accounts_users .accounts_users_name_img .accounts_users_name_img_circle {
    font-size: 18px;
    font-family: 'Gordita-Regular';
    width: 30px;
    height: 30px;
    background: #cb2433;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    float: left;
    color: #fff;
}
.accounts_users .accounts_users_name_img .accounts_users_name_img_circle {
    display: block;
    text-align: center;
    width: 30px;
    float: left;
    position: relative;
}
.accounts_users .accounts_users_name_img .accounts_users_name_img_circle span {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.accounts_users .accounts_users_name_img .accounts_users_name_img_circle_bg span svg {
    width: 12px;
    fill: #494949;
}
.accounts_users .accounts_users_name_img .accounts_users_name_img_circle_bg {
    font-size: 18px;
    font-family: 'Gordita-Regular';
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    float: left;
    justify-content: center;
}
.accounts_users .accounts_users_name .accounts_users_change h6 {
    background: #3365ff;
}
.accounts_users label {
    width: 10%;
    float: left;
    position: relative;
    top: -3px;
}
.accounts_users .option-input.radio {
    border-radius: 50%;
    border: 1px solid #494949;
    background: #fff;
    float: right;
    margin-right: 0px;
}
.accounts_users .option-input.radio:before {
    height: 10px;
    width: 10px;
    position: absolute;
    content: '';
    background-image: url(../images/tick.svg);
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    top: 4px;
    left: 3px;
}
.logout_user_footer {
    width: 100%;
    float: left;
    padding: 20px 20px 0px 20px;
}
.logout_user_footer h6 svg {
    width: 16px;
    margin-right: 10px;
}
.logout_user_footer h6 {
    font-family: 'Seravek-Regular';
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 0px;
    color: #494949;
}

/***** Analytics page Start *****/
.cogni_analytics {
    /* padding-left: 165px; */

    position: absolute;
    top: 25%;
    width: 100%;
    float: left;
    padding-bottom: 50px;
}
.total_analytics_title {
    width: 100%;
    float: left;
}
.total_analytics_title h4 {
    width: 75%;
    float: left;
    margin-bottom: 0px;
    font-family: 'Seravek-Medium';
    color: #494949;
    position: relative;
    top: 5px;
}
.total_analytics_title .parent_node_no {
    width: 36px;
    height: 36px;
    background: #0a89e8;
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin-top: 0px;
    float: right;
}
.total_analytics_number {
    width: 100%;
    float: left;
    padding: 15px 0px;
}
.total_analytics_number h5 {
    color: #ff7900;
    font-family: 'Seravek-Medium';
    margin-bottom: 0px;
}
.total_analytics_number h5:before {
    content: '';
    position: relative;
    top: 40px;
    left: -15px;
    right: 0;
    border: 0.5px solid #e6e6e6;
    float: left;
    width: 109%;
}
.total_analytics_title .parent_node_no svg {
    fill: #fff;
}
.total_analytics_daime {
    width: 100%;
    float: left;
    display: table;
    height: 45px;
    font-size: 12px;
}
.total_analytics_daime p {
    margin-bottom: 0px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    color: #9e9e9e;
}
.anlytics_cards .anlytics_cards_total {
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    padding: 15px;
    border-radius: 18px;
    cursor: pointer;
    margin-right: 15px;
    width: 30%;
    float: left;
    margin: 0 auto;
    display: block;
    height: 150px;
}
.total_analytics_number1 {
    width: 100%;
    float: left;
}
.total_analytics_number1:before {
    content: '';
    position: relative;
    top: 56px;
    left: -15px;
    right: 0;
    border: 0.5px solid #e6e6e6;
    float: left;
    width: 109%;
}
.total_analytics_number_intents {
    width: 50%;
    float: left;
}
.total_analytics_number_entity {
    width: 50%;
    float: left;
}
.total_analytics_number_intents h5 {
    color: #494949;
    margin-bottom: 0px;
    font-family: 'Seravek-Medium';
    font-size: 18px;
}
.total_analytics_number_intents h6 {
    color: #ff7900;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: 'Seravek-Medium';
    position: relative;
    top: 5px;
}
.total_analytics_number_entity h5 {
    color: #494949;
    margin-bottom: 0px;
    font-family: 'Seravek-Medium';
    font-size: 18px;
}
.total_analytics_number_entity h6 {
    color: #ff7900;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: 'Seravek-Medium';
    position: relative;
    top: 5px;
}
.total_analytics_daime1 {
    width: 100%;
    float: left;
    display: table;
    height: 70px;
    font-size: 12px;
}
.total_analytics_daime1 p {
    margin-bottom: 0px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    color: #9e9e9e;
}
.anlytics_cards_total:hover {
    background: #0a89e8;
}
.anlytics_cards_total:hover .total_analytics_title h4 {
    color: #fff;
}
.anlytics_cards_total:hover .parent_node_no {
    background: #fff;
}
.anlytics_cards_total:hover .total_analytics_title .parent_node_no svg {
    fill: #0a89e8;
}
.anlytics_cards_total:hover .total_analytics_number h5 {
    color: #fff;
}
.anlytics_cards_total:hover .total_analytics_daime p {
    color: #fff;
}
.anlytics_cards_total:hover .total_analytics_daime1 p {
    color: #fff;
}
.anlytics_cards_total:hover .total_analytics_number_intents h5 {
    color: #fff;
}
.anlytics_cards_total:hover .total_analytics_number_intents h6 {
    color: #fff;
}
.anlytics_cards_total:hover .total_analytics_number_entity h5 {
    color: #fff;
}
.anlytics_cards_total:hover .total_analytics_number_entity h6 {
    color: #fff;
}
.analytics_charts {
    margin-top: 25px;
    width: 100%;
    float: left;
}
.analytics_charts_row {
    display: grid;
    grid-template-columns: 64% 1fr;
    padding: 0px;
    grid-gap: 20px;
}
.analytics_charts_left {
    background: #fff;
    border-radius: 18px;
    padding: 20px;
    max-height: 360px;
    flex: 0 0 55.333333%;
    max-width: 55.333%;
}
.analytics_charts_left .analytics_dropdowns {
    margin-bottom: 20px;
}
.conversation_analytics {
    width: 100%;
    float: left;
}
.conversation_analytics_chart {
    max-width: 100% !important;
    flex: 0 0 100%;
}
.ana_chart_drpdwn_left {
    width: 65%;
    float: left;
}
.ana_chart_drpdwn_right {
    width: 20%;
    float: right;
}
.ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li .ana_chart_drpdwn_left_fourty_form_control {
    font-size: 12px;
    font-family: 'Gordita-Regular';
    width: 100%;
    float: left;
    margin-left: 0px;
}
.ana_chart_drpdwn {
    width: 70%;
    display: inline-block;
}
.ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li:first-child {
    height: auto !important;
    background: #fff;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li:first-child:hover {
    height: auto !important;
    background: #fff !important;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.ana_chart_drpdwn_left_sixty .dropdown_right_entity ul li:last-child:hover {
    background: #0a89e8;
    color: #fff;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    border: 1px solid #0a89e8;
}
.ana_chart_drpdwn_left_sixty .dropdown_right_entity ul li:first-child:hover {
    background: #0a89e8;
    color: #fff;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.ana_chart_drpdwn_left_sixty .dropdown_right_entity {
    width: 102%;
    float: right;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 0px;
    position: absolute;
    left: -3px;
    top: -3px;
    z-index: 9;
    overflow-y: auto;
    max-height: 200px;
    scrollbar-width: none;
    margin-right: 0px;
}
.ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li:last-child:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li:first-child:hover {
    background: #ffe5d3;
    color: #333;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-inner-spin-button {
    opacity: 0;
    pointer-events: auto;
}
.analytics_charts_left_img {
    width: 100%;
    float: left;
}
.analytics_charts_left_img img {
    width: 100%;
    float: left;
}
.ana_chart_dropdown_right_entity li p {
    margin-bottom: 0px;
    width: 92%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.analytics_charts_right {
    margin-left: 0px;
    background: #fff;
    border-radius: 18px;
    max-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 100%;
    max-width: 100%;
}
.analytics_charts_left_total {
    width: 100%;
    float: left;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
}
.analytics_charts_left_total_center.analytics_charts_left_total_center_flow {
    width: auto;
    float: left;
}
.analytics_charts_left_total_left {
    width: 40%;
    float: left;
}
.analytics_charts_flow .analytics_charts_left {
    max-width: 100%;
    flex: 0 0 100%;
    float: left;
}
.analytics_charts_flow .analytics_charts_right {
    max-width: 100%;
    flex: 0 0 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.most_used_autoamtions p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Seravek-Regular';
    margin-left: 20%;
}
.no-data-analytics p {
    margin-bottom: 0px;
    font-family: 'Seravek-Regular';
}
.analytics_charts_left_total_center {
    width: 30%;
    float: left;
}
.analytics_charts_left_total_center h6 {
    font-size: 16px;
    font-family: 'Seravek-Regular';
    text-align: center;
    color: #494949;
    margin-bottom: 0px;
}
.analytics_charts_left_total_left h6 {
    font-size: 16px;
    font-family: 'Seravek-Regular';
    color: #494949;
    margin-bottom: 0px;
}
.analytics_charts_left_total_left h6 span {
    font-size: 18px;
    font-family: 'Seravek-Bold';
}
.analytics_charts_left_total_center h6 span {
    font-size: 18px;
    font-family: 'Seravek-Bold';
}
.analytics_charts_left_total .analytics_total_left {
    color: #494949;
}
.analytics_charts_left_total .analytics_total_center {
    color: #7ae3dc;
}
.analytics_charts_left_total .analytics_total_right {
    color: #ffab57;
}
.analytics_charts_right .analytics_charts_left_img img {
    width: 33%;
    float: left;
    margin: 0 35%;
    display: block;
    text-align: center;
}
.most_used_autoamtions {
    background: #fff;
    border-radius: 18px;
    margin-top: 25px;
    width: 100%;
    float: left;
}
.autoamtions_table.automation_logs {
    margin-top: 40px;
}
.most_used_automationtotal {
    width: 50%;
    float: left;
    border-right: 1px solid #ccc;
}
.most_used_automation_least {
    width: 50%;
    float: right;
}
.most_used_autoamtions th {
    font-family: 'Seravek-Medium';
    font-size: 18px;
    color: #494949;
}
.most_used_autoamtions tr {
    font-family: 'Seravek-Regular';
    font-size: 16px;
    color: #494949;
}
.most_used_autoamtions tr td {
    padding: 0px 30px;
    padding-top: 10px;
}
.most_used_autoamtions tr td:first-child {
    padding: 0px 30px;
    padding-top: 10px;
    color: #0a89e8;
}
.autoamtions_table {
    background: #fff;
    border-radius: 18px;
    padding: 30px 5px;
    /* margin-left: 30px;
    margin-right: 30px; */
    /* max-height: calc(77vh - 0vh);
    overflow-y: scroll; */

    width: 100%;
    float: left;
}
.autoamtions_table table {
    margin-bottom: 0px;
    padding: 30px 0px;
}
.most_used_autoamtions .table {
    margin-bottom: 20px;
}
.autoamtions_table .table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    color: #494949;
}
.autoamtions_table .table th {
    font-family: 'Seravek-Medium';
    font-size: 18px;
    text-align: center;
}
.autoamtions_table .table th svg {
    width: 18px;
    margin-right: 10px;
    cursor: pointer;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.table-striped tbody tr:nth-of-type(even) {
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
    background: #fff;
}
.dialog_selected_training_module {
    border: 1px solid #ff7900;
}
.dialog_training_first_td {
    cursor: pointer !important;
}
.autoamations_paginations {
    width: 30%;
    float: right;
    position: relative;
    top: -25px;
    margin-bottom: 0px;
}
.autoamations_paginations p {
    margin-bottom: 0px;
    font-family: 'Seravek-Regular';
    width: 60%;
    float: left;
}
.btn_account_success {
    border: 1px solid #51a34a;
    background: #fff;
    border-radius: 30px;
    width: 140px;
    color: #333;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
}
.btn_account_success:hover {
    background: #ffe5d3;
    border: 1px solid #ffe5d3;
}
.btn_account_failed {
    border: 1px solid #eb6453;
    background: #fff;
    border-radius: 30px;
    width: 140px;
    color: #333;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
}
.btn_account_failed:hover {
    background: #ffe5d3;
    border: 1px solid #ffe5d3;
}

/* .automation_logs .btn_account_failed {
    width: 50px;
    color: #DD4330;
    border: 1px solid #DD4330;
    font-size:12px;
    font-family: "Gordita-Regular";
    height: 24px;
    padding-top: 4px;
    line-height: 12px;
    margin:0;
}
.automation_logs .btn_account_failed:hover{
    background:#ffe5d3;
    color:#333;
}
.automation_logs .btn_account_success {
    width: 50px;
    color: #0BB251;
    border: 1px solid #0BB251;
    font-size:12px;
    font-family: "Gordita-Regular";
    height: 24px;
    padding-top: 4px;
    line-height: 12px;
    margin:0;
}
.automation_logs .btn_account_success:hover{
    background:#ffe5d3;
    color:#333;
}
.automation_logs .btn_account_inprogress {
    border: 1px solid #E8790A;
    background: #fff;
    border-radius: 30px;
    width: 50px;
    color: #E8790A;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
    font-size:12px;
    font-family: "Gordita-Regular";
    height: 24px;
    padding-top: 4px;
    line-height: 12px;
    margin:0;
}
.automation_logs .btn_account_inprogress:hover{
    background:#ffe5d3;
    color:#333;
} */
.autoamtions_table .table th:last-child {
    text-align: center;
}
button:focus {
    outline: 0;
}
.analytics_charts_left_overview {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.analytics_charts_left_overview.flow_analytics {
    width: 90%;
    float: left;
    padding-bottom: 10px;
}
.analytics_charts_left .ana_chart_drpdwn_left_sixty .ana_chart_drpdwn_left_scuus_fails {
    justify-content: flex-start;
}
.col-md-4.analytics_charts_right .analytics_charts_left_total .analytics_total_center {
    color: #51a34a;
}
.col-md-4.analytics_charts_right .analytics_charts_left_total .analytics_total_right {
    color: #eb6453;
}
.col-md-4.analytics_charts_right .ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails:before {
    background: #a1e89b;
}
.col-md-4.analytics_charts_right .ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails1:before {
    background: #ff8484;
}
.ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background: #7ae3dc;
    position: absolute;
    margin-top: 5px;
}
.analytics_charts_flow .ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails:before {
    background: #a1e89b;
}
.analytics_charts_flow .ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails1:before {
    background: #ff8484;
}
.analytics_charts_flow .analytics_charts_left_total .analytics_total_center {
    color: #51a34a;
}
.analytics_charts_flow .analytics_charts_left_total .analytics_total_right {
    color: #eb6453;
}

.success_thumps_wrapper {
    width: auto;
    display: flex;
    justify-content: flex-end;
}
.ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails1:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background: #ffab57;
    position: absolute;
    margin-top: 5px;
}
.ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails2:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background: #ffab57;
    position: absolute;
    margin-top: 5px;
}
.ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_content {
    position: relative;
    margin-left: 20px;
    margin-right: 10px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}
.ana_chart_drpdwn_left_scuus_fails {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}
.ana_chart_drpdwn_left_scuus_fails label {
    margin-bottom: 0px;
}
.automation_exe_left {
    width: auto;
    float: left;
}
.analytics_charts_flow {
    margin-left: 0px;
    margin-right: 0px;
}
.most_used_autoamtions_flow {
    margin-left: 0px;
    margin-right: 0px;
}
.ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_flow {
    border: 1px solid #999;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: right;
    position: absolute;
    cursor: pointer;
    right: 5px;
    background: #fff;
    top: 6px;
}
.analytics_dropdowns {
    width: 100%;
    float: left;
}
.ana_chart_drpdwn_left_sixty_flow {
    width: 55%;
    float: left;
    position: relative;
}
.ana_chart_drpdwn_left_fourty.ana_chart_drpdwn_left_fourty_flow {
    width: 45% !important;
    float: right !important;
    top: 0px !important;
}
.ana_chart_drpdwn_left_fourty_flow .ana_chart_drpdwn_left_scuus_fails {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
}
.dropdown_down_arrowslot_flow svg {
    width: 10px;
    position: relative;
    left: 3px;
    top: -5px;
    fill: #999;
}
.automation_exe_left h6 {
    font-size: 16px;
    font-family: 'Seravek-Regular';
    color: #494949;
    margin-bottom: 0px;
}
.automation_exe_left h6 span {
    font-size: 18px;
    font-family: 'Seravek-Bold';
}
.automation_exe_left .analytics_total_left {
    color: #494949;
}
.automation_exe_right {
    width: auto;
    float: right;
    display: flex;
    justify-content: flex-end;
}
.svg_autoamations_paginations {
    width: 40%;
    float: right;
}
.autoamations_paginations svg {
    width: 24px;
    float: left;
    margin: 0px 10px;
    cursor: pointer;
}
.analytics_dropdowns_left_logs {
    width: 30%;
    float: left;
    margin-right: 10px;
}
.analytics_dropdowns_center_logs {
    width: 23%;
    float: left;
    margin-right: 10px;
}
.analytics_dropdowns_right_logs {
    width: 23%;
    float: left;
    margin-right: 10px;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty {
    width: 100%;
    float: left;
    /* position: relative;
    top: 12px; */

    display: flex;
    align-items: center;
    justify-content: right;
}
.autoamtion_analytics_nologs {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    margin-bottom: 0px;
}
.analytics_dropdowns .analytics_dropdowns_left .form-group {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
.analytics_dropdowns .analytics_dropdowns_left .form-group .control-label {
    margin-right: 0px;
}
.analytics_dropdowns .control-label {
    width: max-content;
    float: left;
    margin-bottom: 0px;
    margin-right: 10px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}
.intent_dialog_right .analytics_dropdowns:first-child {
    margin-right: 20px;
}
.analytics_dropdowns .form-control {
    margin-left: 10px;
    width: 27%;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    /* float: right; */
}

/* 
.analytics_dropdowns .dropdown_down_arrowslot {
    border: 1px solid #999;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: left;
    margin-left: -25px;
    margin-top: 6px;
    cursor: pointer;
} */
.analytics_dropdowns .dropdown_down_arrowslot svg {
    width: 10px;
    position: relative;
    left: 3px;
    top: -5px;
    fill: #999;
}
.analytics_dropdowns .dropdown_right_entity .form-control {
    margin-left: 0px;
    width: 100%;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    font-family: 'Seravek-Medium';
    font-size: 15px;
}
.analytics_dropdowns .form-group {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}
.analytics_dropdowns .analytics_dropdowns_right {
    width: 50%;
    float: right;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .dropdown_right_entity {
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: -4px;
    position: absolute;
    z-index: 9;
    top: 0px;
    right: -1px;
    width: 102%;
    max-height: 355px;
    overflow-y: scroll;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .dropdown_right_entity .form-control {
    width: 100%;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    margin-right: 0px;
    font-family: 'Seravek-Medium';
    font-size: 15px;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .option-input.radio {
    border-radius: 50%;
    border: 1px solid #fff;
    background: #fff;
    float: right;
    /* margin-right: -9px; */

    position: absolute;
    left: 0px;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li:hover .option-input.radio {
    border: 1px solid #999;
    background: inherit;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .form-control {
    margin-left: 10px;
    width: 30%;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
}

/* .analytics_dropdowns .ana_chart_drpdwn_left_fourty .control-label {
    margin-left: 55%;
} */
.analytics_dropdowns .dropdown_right_entity ul li {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    padding-left: 10px;
    padding: 10px;
    position: relative;
}
.analytics_dropdowns .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot {
    border: 1px solid #999;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: right;
    position: relative;
    cursor: pointer;
    left: -63px;
    top: -30px;
    background: #fff;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .dropdown_down_arrowslot {
    border: 1px solid #999;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: right;
    cursor: pointer;
    margin-right: -3px;
    background: #fff;
    margin-left: 3px;
}
.automation_logs .ana_chart_drpdwn_left_fourty {
    position: relative;
    top: 0px;
}
.automation_logs .control-label {
    height: 30px;
    display: flex;
    align-items: center;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .form-control:focus {
    outline: 0;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .option-input.radio:before {
    height: 10px;
    width: 10px;
    position: absolute;
    content: '';
    background-image: url(../images/tick.svg);
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    top: 4px;
    left: 3px;
    display: none;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .option-input.radio[checked]:before {
    height: 10px;
    width: 10px;
    position: absolute;
    content: '';
    background-image: url(../images/tick.svg);
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    top: 4px;
    left: 3px;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li {
    min-height: 35px !important;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    padding-left: 10px;
    height: 35px !important;
    color: #494949;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .dropdown_right_entity ul li {
    height: 35px !important;
}

.analytics_dropdowns .dropdown_right_entity ul li:hover:first-child {
    color: #333 !important;
    background: #ffe5d3 !important;
}
.analytics_dropdowns .ana_chart_drpdwn_left_fourty .ana_chart_dropdown_right_entity li span {
    background: none;
    border: none;
    position: relative;
    top: -14px;
    width: 16px;
    height: 16px;
}
.most_used_autoamtions thead tr th {
    padding: 15px 20px;
}
.most_used_autoamtions thead tr {
    border-bottom: 1px solid #ccc;
}
.autoamtions_table_pagination {
    width: 100%;
    float: right;
    padding: 0px 30px;
    padding-bottom: 30px;
}
.automation_logs .autoamtions_table_pagination {
    padding: 0px !important;
    height: 60px;
}
.autoamtions_table_pagination::before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    width: 101%;
    float: left;
    top: 55px;
    right: 0;
    left: -5px;
}
.autoamtions_table_pagination_right {
    float: right;
    position: relative;
    top: 3px;
}
.autoamtions_table_pagination_right p {
    margin-bottom: 0px;
    float: left;
    margin-right: 20px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.autoamtions_table_pagination_right svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    top: 3px;
}

/*Analytics page End*/
.chart-failiure {
    stroke: #ff7900 !important;
    fill: #ff7900 !important;
}
.chart-success {
    stroke: #0a89e8 !important;
    fill: #0a89e8 !important;
}
.bar-chart-failiure rect {
    stroke: #ff7900 !important;
    fill: #ff7900 !important;
}
.bar-chart-success rect {
    stroke: #0a89e8 !important;
    fill: #0a89e8 !important;
}
.pie-chart {
    display: flex;
    align-items: center;
    justify-content: center;
}
.automation_dropdown_label {
    /* margin-left: 15px;
    width: 55%;;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    floaT: left;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 */

    margin-left: 10px;
    width: 30%;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    font-family: 'Seravek-Regular';
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-ou;
}
.second_intent_right .date_dropdown_label {
    margin-left: 10px;
    width: 180px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Gordita-Regular';
    position: relative;
}
.date_dropdown_label {
    margin-left: 10px;
    max-width: 180px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Gordita-Regular';
    position: relative;
    justify-content: space-between;
}
.ana_chart_drpdwn_left_sixty.ana_chart_drpdwn_left_sixty_flow .date_dropdown_label {
    width: 75%;
}
.anlytics_cards_total.active {
    background: #0a89e8;
    color: #fff;
}
.anlytics_cards_total.active h4 {
    color: #fff;
}
.anlytics_cards_total.active h5 {
    color: #fff;
}
.anlytics_cards_total.active p {
    color: #fff;
}
.anlytics_cards_total.active .parent_node_no {
    background: #fff;
}
.anlytics_cards_total.active .parent_node_no svg {
    fill: #0a89e8;
}
.no-data-analytics {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.no-data-analytics.conversation_analytics_chart .analytics_charts_left {
    flex: 0 0 100%;
    max-width: 100%;
}

/*Analytics Popup Start*/
.analytics_popup {
    overflow-y: scroll;
}
.automation_logs_output_popup {
    width: 480px;
    height: calc(100vh - 80px);
    right: 2px;
    border-radius: 0px;
    padding: 0px;
    z-index: 99999;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    top: 80px;
}
.analytics_popup_header {
    padding: 0px 20px;
    width: 100%;
    float: left;
    height: 52px;
    align-items: center;
    display: flex;
}
.analytics_popup_header h4 {
    font-size: 18px;
    font-family: 'Gordita-Medium';
    width: 100%;
    margin-bottom: 0px;
    float: left;
    color: #000000;
}
.analytics_popup_header h4 span {
    color: #ff7900;
}
.analytics_popup_header svg {
    width: 18px;
    height: 18px;
    float: right;
    cursor: pointer;
    fill: #999;
}
.analytics_popup_count {
    background: #f4f4f4;
    width: 100%;
    float: left;
    padding: 12px 20px;
    margin-bottom: 10px;
}
.analytics_popup_count_width {
    width: 33.33%;
    float: left;
    text-align: left;
    padding-left: 20px;
    color: #494949;
}
.analytics_popup_count_width:nth-child(1) {
    border-right: 1px solid #fff;
}
.analytics_popup_count_width:nth-child(2) {
    border-right: 1px solid #fff;
}
.analytics_popup_count_width span {
    font-size: 12px;
    font-family: 'Gordita-Regular';
    color: #355d8b;
    line-height: 12px;
}
.analytics_popup_count_width h6 {
    font-size: 16px;
    font-family: 'Gordita-Medium';
    margin-bottom: 0px;
    margin-top: 6px;
    color: #000000;
}
.analytics_popup_body {
    padding: 0px 30px;
    width: 100%;
    float: left;
}
.analytics_popup_body:last-child {
    margin-bottom: 20px;
}
.analytics_popup_body_plus {
    width: 100%;
    float: left;
    padding: 0px 12px 0px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 6px;
    margin-top: 10px;
    height: 48px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #b9b9b9;
}
.analytics_popup_body_plus h4 {
    width: 94%;
    float: left;
    font-size: 16px;
    font-family: 'Gordita-Medium';
    margin-bottom: 0px;
    color: #000;
}
.analytics_popup_body_plus span {
    width: 18px;
    height: 18px;
    border: 1px solid #355d8b;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.analytics_popup_body_plus svg {
    width: 100%;
    height: 100%;
    cursor: pointer;
    fill: #355d8b;
    padding: 4px;
}
.analytics_popup_body_minus {
    background: #fff;
    width: 100%;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    position: relative;
    margin-top: -49px;
}
.analytics_popup_body_minus_header {
    cursor: pointer;
    padding: 0px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 12px;
    height: 48px;
    padding-top: 4px;
    margin-bottom: 6px;
}
.analytics_popup_body_minus_header h4 {
    width: 94%;
    font-size: 16px;
    font-family: 'Gordita-Medium';
    color: #000;
    margin-bottom: 0px;
}
.analytics_popup_body_minus_header span {
    width: 18px;
    height: 18px;
    border: 1px solid #0a89e8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    display: none;
}
.analytics_popup_body_minus_header svg {
    width: 8px;
    height: 5px;
    cursor: pointer;
    fill: #0a89e8;
}
.analytics_popup_body_minus_body {
    padding: 10px;
}
.automation_logs_output_popup .analytics_popup_body_minus_body {
    padding: 0px 10px;
    margin-top: 0px;
}
.analytics_popup_body_minus_body p {
    margin: 0px;
    text-align: left;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #9e9e9e;
    margin-bottom: 20px;
}
.analytics_popup_body_minus_footer h4 {
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #494949;
}
.analytics_popup_body_minus_footer h6 {
    font-family: 'Seravek-Regular';
    font-size: 14px;
    padding-left: 20px;
    color: #9e9e9e;
    margin-bottom: 10px;
    word-break: break-all;
}
.analytics_popup_body_minus_footer h6 span {
    color: #0a89e8;
    margin-bottom: 10px;
}
.analytics_popup_body_minus_footer p {
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #9e9e9e;
    margin-bottom: 0px;
}
.analytics_popup_body_minus_footer h5 {
    font-family: 'Seravek-Regular';
    font-size: 14px;
    color: #9e9e9e;
    padding: 0px;
    margin-bottom: 10px;
}
.rv-xy-plot__axis__tick__text {
    font-size: 0.7rem !important;
}

/*Analytics Popup End*/

/* analytics tooltip */
.tooltiptext {
    width: 120px;
    background-color: rgb(35, 42, 68);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 1;
}
.tooltiptext_hover {
    max-width: 300px;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff !important;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    color: #494949 !important;
    font-size: 0.8em;
}
.__react_component_tooltip.show.tooltiptext_hover {
    opacity: 1;
}
.__react_component_tooltip.type-warning.place-top.tooltiptext_hover:after {
    border-top-color: #fff;
    border-top-style: solid;
    border-top-width: 6px;
}
.__react_component_tooltip.type-warning.place-left.tooltiptext_hover:after {
    border-left-color: #fff;
    border-top-style: solid;
    border-top-width: 6px;
}
.custom-tooltip {
    background: rgb(35, 42, 68) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    width: auto;
    min-width: 120px;
    padding: 5px;
    padding-left: 15px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    border-radius: 6px;
    padding-right: 15px;
    text-align: center;
}
.tooltip_date {
    color: #fff !important;
    font-family: 'Seravek-Regular';
    text-align: center;
    margin: 0px;
}
.custom-tooltip .desc1 {
    margin: 0px;
    text-align: center;
    font-family: 'Seravek-Regular';
    color: #7ae3dc !important;
}
.custom-tooltip .desc2 {
    margin: 0px;
    text-align: center;
    font-family: 'Seravek-Regular';
    color: #ffab57;
}
.analytics_charts_flow .custom-tooltip .desc1 {
    margin: 0px;
    text-align: center;
    font-family: 'Seravek-Regular';
    color: #a1e89b !important;
}
.analytics_charts_flow .custom-tooltip .desc2 {
    margin: 0px;
    text-align: center;
    font-family: 'Seravek-Regular';
    color: #ff8484;
}
.recharts-rectangle.recharts-tooltip-cursor {
    fill: #fff !important;
}

/* analytics tooltip */

/* Dialog right popup button */
.dialog__active_btn {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(90vh - 320px);
}
.dialog__active_btn_right h4 {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    font-family: 'Seravek-Regular';
    margin-top: 10px;
    margin-bottom: 5px;
}
.dialog__active_btn_right p {
    margin-bottom: 20px;
}
.dialog__active_btn button {
    width: 100%;
    float: left;
    border-radius: 18px;
    margin-bottom: 15px;
    background: #f4f4f4;
    border: 0.5px solid #f1f3f5;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}
.dialog__active_btn button:hover {
    background: #0a89e8;
    border: 0.5px solid #0a89e8;
    color: #fff;
}

/* analytics tooltip */

/* autoamtions switch */
.flow_editor_auto_content_change {
    margin-top: 30px;
}
.flow_editor_auto_content_change h4 {
    font-family: 'Gordita-Bold';
    font-size: 18px;
    margin-bottom: 30px;
    color: #0a89e8;
    text-transform: capitalize;
}
.flow_editor_change_dropdown {
    margin-top: 30px;
}
.flow_editor_change_dropdown .date_dropdown_label {
    margin-left: 10px;
    width: 30%;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    background: #fff;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Gordita-Regular';
    float: right;
}
.flow_editor_change_dropdown .dropdown_down_arrowslot {
    border: 1px solid #999;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: right;
    position: absolute;
    cursor: pointer;
    right: 0;
    margin-top: 6px;
    background: #fff;
    margin-right: 5px;
}
.flow_editor_change_dropdown .dropdown_down_arrowslot svg {
    width: 10px;
    position: relative;
    left: -3px;
    top: -5px;
    fill: #999;
}
.flow_editor_change_dropdown .dropdown_right_entity {
    width: 31%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    float: right;
    position: absolute;
    right: -2px;
}
.flow_editor_change_dropdown .dropdown_right_entity ul li:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    padding-left: 10px;
    height: 35px !important;
    color: #494949;
}
.flow_editor_change_dropdown .dropdown_right_entity ul li:first-child:hover {
    color: #fff;
}
.flow_editor_change_dropdown .dropdown_right_entity ul li:last-child:hover {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    padding-left: 10px;
    height: 35px !important;
    color: #fff;
    border-bottom: 1px solid #0a89e8;
}
.flow_editor_change_dropdown .ana_chart_dropdown_right_entity p {
    margin-bottom: 0px;
    width: 92%;
    float: left;
    text-align: left;
    font-size: 14px;
}
.flow_editor_change_dropdown .dropdown_right_entity ul li {
    width: 100%;
    float: left;
    height: 35px;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    padding-left: 10px;
    padding: 10px;
}
.flow_editor_change_dropdown .dropdown_right_entity span:hover {
    background: none;
    color: #fff;
    border: none;
}
.flow_editor_change_dropdown .form-group {
    width: 100%;
    float: right;
}
.flow_editor_change_dropdown .ana_chart_dropdown_right_entity li span {
    background: none;
    border: none;
    position: relative;
    top: -12px;
    left: 0;
    float: right;
    width: 18%;
}
.flow_editor_change_dropdown .option-input:checked {
    background: #2468f6 !important;
    border: 1px solid #2468f6 !important;
}
.flow_editor_change_dropdown .option-input.radio {
    border-radius: 50%;
    border: 1px solid #cec9c9;
    background: #fff;
    float: right;
    margin-right: -9px;
    position: relative;
    left: 0px;
}
.flow_editor_change_dropdown ul li:hover .option-input.radio {
    border: 1px solid #fff !important;
    background: #4eaaf2 !important;
}
._auto_switch input[type='checkbox'].switch_1:checked:after {
    left: calc(100% - 14px) !important;
    right: 0px;
    margin-top: 0px;
}
.show_hide
    input[type='checkbox'].switch_1:after
    .entity_cards_layer:hover
    ._auto_switch
    input[type='checkbox'].switch_1:checked:after {
    margin-left: 0px !important;
    margin-top: 0px;
    left: calc(100% - 16px) !important;
}
.entity_hvr .switch_box {
    padding: 0px 0px 0px 30px;
    position: absolute;
}

/*Dialog right popup button*/
.dialog__active_btn {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(90vh - 320px);
}
.dialog__active_btn_right h4 {
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin-top: 10px;
    margin-bottom: 5px;
}
.dialog__active_btn_right p {
    margin-bottom: 20px;
}
.dialog__active_btn button {
    width: 100%;
    float: left;
    border-radius: 18px;
    margin-bottom: 15px;
    background: #f4f4f4;
    border: 0.5px solid #f1f3f5;
    color: #000;
    font-family: 'Gordita-Regular';
    font-size: 14px;
}
.dialog__active_btn button:hover {
    background: #0a89e8;
    border: 0.5px solid #0a89e8;
    color: #fff;
}
.dialog__active_btn .dialog_btn__active {
    background: #ff7900;
    border: 0.5px solid #ff7900;
    color: #fff;
}
.dialog__active_btn .btn-primary:not(:disabled):not(.disabled):active,
.dialog__active_btn .btn-primary:not(:disabled):not(.disabled).active,
.show > .dialog__active_btn .btn-primary.dropdown-toggle {
    color: #494949;
    background: #f4f4f4;
    border: 0.5px solid #f1f3f5;
}
.dialog__active_btn .dialog_btn__active_btn {
    width: 93%;
    margin-left: 7%;
}
.dialog__active_btn button:last-child {
    margin-bottom: 50px;
}
.dialog__active_btn .child_dialog__active_btn:last-child {
    margin-bottom: 20px;
}

/*profile page radio hover start*/
.hover_radio_default1 {
    position: absolute;
    right: 0;
    z-index: 9;
    background: #383d56;
    color: #fff;
    width: 92px;
    float: left;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 6px;
    margin-right: 0px;
    margin-top: -10px;
    font-family: 'Gordita-Regular';
    text-align: center;
    display: none;
}

/* 
.accounts_users:hover label .hover_radio_default1 {
    display: block;
} */
.accounts_users .accounts_users_change_border {
    border: 1px solid #ff7900;
}
.accounts_users_name_img a {
    text-decoration: none;
    color: #494949;
}
.account_users_scroll {
    height: 100%;
    overflow-y: scroll;
    max-height: 150px;
    width: 100%;
    float: left;
}

/*profile page radio hover end*/

/*training_automation_module Start*/
.training_automation_module .table th {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    text-align: left;
}
.ask_ques_editor_input_35 {
    width: 30%;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.ask_ques_editor_input_35 .dropdown_right_entity ul li {
    padding: 0px;
    height: 30px;
    padding-left: 10px;
}
.ask_ques_editor_input_35 input {
    cursor: pointer;
}
.ask_ques_editor_input_35 .input_35_svg svg {
    width: 18px;
    position: absolute;
    margin-left: 65px;
    margin-top: -23px;
    transform: rotate(-90deg);
    color: #999;
    cursor: pointer;
}
.active_span_entity_popup_content .ask_ques_editor_input_35 .dropdown_right_entity {
    width: 28%;
}
.active_span_entity_popup_content .ask_ques_editor_input_65 .dropdown_right_entity {
    width: 105%;
    margin-top: -50px;
    left: -2px;
}
.ask_ques_editor_input_35 .dropdown_right_entity ul li:first-child:hover {
    background: #0a89e8;
    color: #fff;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.ask_ques_editor_input_65 {
    width: 65%;
    float: right;
}
.training_module_svg_edit_hover {
    opacity: 0;
}
.autoamtions_tabl_tr:hover .training_module_svg_edit_hover {
    opacity: 1;
}

/*training_automation_module Start*/
.choose_automations_drpdown h2 {
    width: auto;
    float: left;
}
.choose_automations_drpdown .integrations_page_rit {
    width: auto;
    float: right;
    margin-top: 20px;
    margin-bottom: 0px;
}
.dropdown_div {
    margin-left: 10px;
    width: 200px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    float: right;
    margin-right: 0px;
    outline: 0;
    box-shadow: none;
    font-family: 'Gordita-Regular';
    background: inherit;
}
.choose_automations_drpdown .integrations_page_rit svg {
    width: 18px;
    height: 18px;
    float: right;
    position: relative;
    left: -24px;
    top: 6px;
    transform: rotate(90deg);
    color: #999;
}
.choose_automations_drpdown .flow_sort_dropdown {
    width: 205px;
    float: right;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 16px;
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 40px;
}
.choose_automations_drpdown .flow_sort_dropdown span {
    color: #494949;
}
.choose_automations_drpdown .flow_sort_by .option-input.radio {
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    clip: inherit !important;
    left: 45px;
    top: -1px;
}
.tryit_popup .tryit_content_show_one input[type='search']::placeholder {
    text-align: left;
    color: #fff;
    padding-left: 0px !important;
    background: none !important;
}
.training_automation_module {
    margin-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
.training_automation_module .autoamtions_table_pagination {
    width: 100%;
    float: left;
}

/* .training_automation_module .autoamtions_table_pagination_right {
    width: 24%;
    float: right;
} */
.training_automation_module .autoamtions_table_pagination_right p {
    float: right;
    position: relative;
    top: 4px;
}
.training_automation_module .autoamtions_table_pagination_right svg {
    float: right;
    position: relative;
    top: 5px;
}
.training_automation_module_overview {
    width: 50%;
    float: left;
    display: flex;
    white-space: nowrap;
    margin-right: 30px;
}
.training_automation_search_intent .training_automation_span_svg {
    position: absolute;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-left: -24px;
    cursor: pointer;
    margin-right: 30px;
}
.training_automation_search_intent .training_automation_span_svg svg {
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.training_automation_search_intent {
    width: 50%;
    float: left;
    position: relative;
}
.training_automation_button {
    width: auto;
    height: 30px;
    background: #fff;
    border: 0.5px solid #999999;
    color: #000;
    border-radius: 18px;
    font-family: 'Gordita-Regular';
    font-size: 14px;
    cursor: pointer;
    padding: 0px 40px;
}
.autoamtions_table_pagination .autoamtions_table_pagination_right .dropdown_right_entity .form-control {
    width: 100% !important;
    float: left;
    margin-left: 0px !important;
}
.autoamtions_table_pagination .autoamtions_table_pagination_right .option-input.radio:before {
    height: 10px;
    width: 10px;
    position: absolute;
    content: '';
    background-image: url(../images/tick.svg);
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    top: 4px;
    left: 3px;
}
.training_automation_module_overview h5 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin-bottom: 0px;
    position: relative;
    top: 5px;
    color: #000;
}
.dialog_logs_dropdown {
    position: relative;
}
.training_automation_module_overview input {
    margin-left: 5px;
    padding: 5px 10px 5px 10px;
    -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: 16px;
    width: 100%;
    border: 1px solid #999999;
    border-radius: 18px;
    float: left;
    background: #fff;
}
.col-md-12.no-data-analytics p {
    padding-top: 20px;
}
.training_automation_search_intent h5 {
    width: auto;
    float: left;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin-bottom: 0px;
    position: relative;
    top: 5px;
}
.training_automation_search_intent .indent_dialog_right {
    padding: 0px;
}
.training_automation_search_intent .indent_dialog_right input[type='search'] {
    margin-left: 5px;
    padding: 5px 30px 5px 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 30px;
    position: relative;
    top: 0px;
    color: #000;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    width: 60%;
    border: 1px solid #999999;
    border-radius: 18px;
    float: left;
}
.training_automation_module .autoamtions_table_pagination_right .form-control {
    margin-left: 10px;
    width: 155px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    cursor: pointer;
    float: right;
    margin-right: 0px;
    outline: 0;
    box-shadow: none;
    font-family: 'Gordita-Regular';
}
.training_automation_module .autoamtions_table_pagination_right .dropdown_down_arrowslot {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.training_automation_module .autoamtions_table_pagination_right .dropdown_down_arrowslot svg {
    width: 20px;
    position: relative;
    left: -25px;
    top: 5px;
    right: 95px;
    height: 20px;
    border-radius: 50%;
    color: #999;
    transform: rotate(90deg);
}
.training_automation_module .autoamtions_tabl_th_first {
    width: 30%;
    text-align: left;
    padding-left: 30px !important;
    padding-right: 10px !important;
}
.autoamtions_table .table th,
.table td {
    padding: 10px 0px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
}
.autoamtions_table.automation_logs tbody tr td {
    font-size: 14px;
}
.automation_logs .table td {
    text-align: center !important;
}
.training_automation_module .table th,
.table td {
    padding: 10px 0px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.training_automation_module .table th:last-child {
    text-align: left !important;
}
.training_automation_module .pad_0_ali-cen {
    text-align: left;
    padding: 0px !important;
    vertical-align: middle !important;
}
.training_automation_module .dropdown_right_entity {
    width: 220px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 0px;
    position: absolute;
    z-index: 9;
    top: 0;
    margin: 0 auto;
    left: 53px;
}
.training_automation_module .dropdown_right_entity ul li span {
    width: 90%;
    float: left;
    border: none;
    height: auto;
    background: inherit;
    padding-left: 0px;
}
.training_automation_module .dropdown_right_entity ul li input {
    width: 18px;
    height: 18px;
    float: right;
    position: relative;
    top: 0px;
    margin-right: 0px;
    color: #494949;
}
.training_automation_module .dropdown_right_entity span:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: inherit;
    border: none;
}
.training_automation_module .dropdown_right_entity label input {
    color: #494949 !important;
}
.training_automation_module .dropdown_right_entity ul li:hover .option-input.radio {
    background: #e5f4f9;
    width: 18px !important;
    transition: inherit;
}
.autoamtions_table_pagination_right .dropdown_right_entity {
    width: 13%;
    /* float: left; */

    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 0px;
    position: absolute;
    z-index: 9;
    top: 0;
    margin: 0 auto;
    right: 14%;
}
.training_automation_module .autoamtions_table_pagination_right .autoamtions_form-control_right {
    background: #e5f4f9;
    margin: 0 auto;
    height: 30px;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 6px;
    cursor: pointer;
    float: right;
    outline: 0;
    box-shadow: none;
    font-size: 12px;
    font-family: 'Seravek-Bold';
}

.training_automation_module .dialog_scroll_list {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    max-height: 192px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.dialog_scroll_list {
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}
.training_module_svg-edit svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #494949;
    position: relative;
    top: 8px;
    fill: #999 !important;
}
.training_module_svg-edit .st0 {
    fill: #999 !important;
}
.autoamtions_tabl_th_second .training_module_svg-edit {
    width: 24px;
    height: 24px;
}
.child_table_hide {
    background: #e5f4f9 !important;
}
.child_table_first_hide {
    width: 100%;
}
.child_table_first {
    width: 100%;
}
.child_table_first .autoamtions_tabl_tr {
    height: 50px;
    padding: 10px 0px;
}
.child_table_hide {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.autoamtions_tabl_tr td {
    color: #0a89e8;
    cursor: pointer;
    padding-left: 0px;
}
.autoamtions_tabl_tr td:first-child {
    color: #494949;
    cursor: inherit;
}
.autoamtions_tabl_tr td:last-child {
    color: #494949;
    cursor: inherit;
}
@media only screen and (max-width: 1366px) {
    .training_automation_module .dropdown_right_entity {
        width: 19%;
        margin-left: 110px;
    }
}
@media only screen and (max-width: 1300px) {
    .training_automation_module .dropdown_right_entity {
        width: 21%;
        margin-left: 110px;
    }
}
.training_automation_module .child_table_first tr td {
    text-align: left;
    padding: 10px 0px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
    padding-right: 10px;
}
.training_automation_module .child_table_first tr:nth-of-type(odd) {
    background-color: #fff;
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.training_automation_module .child_table_first tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.training_automation_module .table_hedser_second {
    width: 17.5%;
    color: #494949;
    font-family: 'Seravek-Medium';
    font-size: 18px;
}

.autoamtions_tabl_tr:last-child .autoamtions_tabl_th_second:last-child {
    border-bottom-right-radius: 15px;
}
.autoamtions_tabl_tr:last-child .autoamtions_tabl_th_first:first-child {
    border-bottom-left-radius: 15px;
}
.autoamtions_tabl_tr:first-child .autoamtions_tabl_th_second:last-child {
    border-bottom-right-radius: 0px;
}
.autoamtions_tabl_tr:first-child .autoamtions_tabl_th_first:first-child {
    border-bottom-left-radius: 0px;
}

/* START TOOLTIP STYLES */
.autoamtions_tabl_th_second [tooltip] {
    position: relative;
}

/* Applies to all tooltips */
.autoamtions_tabl_th_second [tooltip]::before,
.autoamtions_tabl_th_second [tooltip]::after {
    text-transform: none;
    font-size: 0.9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
.autoamtions_tabl_th_second [tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}
.autoamtions_tabl_th_second [tooltip]::after {
    content: attr(tooltip);
    font-family: 'Seravek-Regular';
    text-align: center;
    width: 270px;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    color: #494949;
    z-index: 1000;
    white-space: pre-wrap;
}

/* Make the tooltips respond to hover */
.autoamtions_tabl_th_second [tooltip]:hover::before,
.autoamtions_tabl_th_second [tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
.autoamtions_tabl_th_second [tooltip='']::before,
.autoamtions_tabl_th_second [tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
.autoamtions_tabl_th_second [tooltip]:not([flow])::before,
.autoamtions_tabl_th_second [tooltip][flow^='up']::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #fff;
}
.autoamtions_tabl_th_second [tooltip]:not([flow])::after,
.autoamtions_tabl_th_second [tooltip][flow^='up']::after {
    bottom: calc(100% + 5px);
}
.autoamtions_tabl_th_second [tooltip]:not([flow])::before,
.autoamtions_tabl_th_second [tooltip]:not([flow])::after,
.autoamtions_tabl_th_second [tooltip][flow^='up']::before,
.autoamtions_tabl_th_second [tooltip][flow^='up']::after {
    left: 50%;
    transform: translate(-50%, -0.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@keyframes tooltips-horz {
    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
.autoamtions_tabl_th_second [tooltip]:not([flow]):hover::before,
.autoamtions_tabl_th_second [tooltip]:not([flow]):hover::after,
.autoamtions_tabl_th_second [tooltip][flow^='up']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='up']:hover::after,
.autoamtions_tabl_th_second [tooltip][flow^='down']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='down']:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}
.autoamtions_tabl_th_second [tooltip][flow^='left']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='left']:hover::after,
.autoamtions_tabl_th_second [tooltip][flow^='right']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='right']:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}
.autoamtions_first_irrelevent {
    color: #ff7900 !important;
}

.active_span_entity_popup_content .dropdown_right_entity {
    width: 295px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 0px;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    margin-left: auto;
    margin-left: -3px;
    margin-top: 90px;
}

.training_automation_module .autoamtions_tabl_th_second .dialog_scroll_list {
    max-height: 300px;
}
.autoamtions_tabl_th_first_span span {
    margin-right: 3px;
    border-bottom: 1px solid #ff7900;
}
.autoamtions_tabl_th_first_span .active_span_entity {
    background: #ff7900;
    color: #fff;
    cursor: pointer;
}
.active_span_entity_popup h2 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Seravek-Bold';
    margin: 0px;
    padding-bottom: 5px;
    display: inline-block;
    align-items: center;
}
.active_span_entity_popup p {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Seravek-Regular';
    margin-bottom: 12px;
}
.active_span_entity_popup .ask_ques_editor_input {
    text-align: left;
    position: relative;
}
.active_span_entity_popup .ask_ques_editor_input span {
    margin-right: 0px;
    border: inherit;
    text-align: left;
}
.active_span_entity_popup .parent_node_no span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: inherit;
    display: flex;
    text-align: center;
    align-items: center;
    border-bottom: 0px;
}
.active_span_entity_popup .options_editor .plus_addmore {
    width: auto;
    float: left;
    margin-top: 10px;
}
.active_span_entity_popup .plus_addmore {
    width: auto;
    float: left;
    margin-top: 10px;
}
.active_span_entity_popup_button {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.active_span_entity_popup_button button {
    background: #fff;
    color: #494949;
    padding: 0px 10px;
    border-radius: 30px;
    border: 1px solid #ccc;
    outline: none;
    box-shadow: none;
    font-weight: 600;
    width: 135px;
    margin: 0 5px 0px 0px;
    height: 30px;
    align-items: center;
}
.active_span_entity_popup_button button:hover {
    background: inherit;
    color: #494949;
    border: 1px solid #ccc;
}
.active_span_entity_popup_button button:active {
    background: inherit;
    color: #494949;
    border: 1px solid #ccc !important;
}
.active_span_entity_popup_button .btn-success {
    background: #007bff;
    color: #333;
    font-weight: 600;
    width: 135px;
    border: 1px solid #007bff;
    margin: 0 0 0 5px;
}
.active_span_entity_popup_button .btn-success:hover {
    background: #007bff;
    color: #333;
    border: 1px solid #007bff;
}
.active_span_entity_popup_button:hover .btn-success:active {
    background: rgb(20, 120, 8);
    color: #fff;
    border: 1px solid rgb(20, 120, 8) !important;
}

/*multiple dropdown*/

/*training_automation_module End*/

/* Autoamtion popup switch changes Start */
.select_flow button.show_hide {
    width: auto;
    float: right;
    margin-top: 20px;
    margin-bottom: 0px;
}
.autoamtions_table_pagination_right .dropdown_right_entity {
    width: 100%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 0px;
    position: absolute;
    z-index: 9;
    top: 0;
    margin: 0 auto;
    right: -5%;
}
.training_automation_module .autoamtions_table_pagination_right .autoamtions_form-control_right {
    background: #e5f4f9;
    margin: 0 auto;
    height: 30px;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 6px;
    cursor: pointer;
    float: right;
    outline: 0;
    box-shadow: none;
    font-size: 12px;
    font-family: 'Seravek-Bold';
}
.irrelevant_color {
    color: #eb6453;
}
.training_automation_module .dialog_scroll_list {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    max-height: 192px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.dialog_scroll_list {
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}
.training_module_svg-edit svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #494949;
    position: relative;
    top: 8px;
    fill: #999 !important;
}
.training_module_svg-edit .st0 {
    fill: #999 !important;
}
.autoamtions_tabl_th_second .training_module_svg-edit {
    width: 24px;
    height: 24px;
}
.child_table_hide {
    background: #e5f4f9 !important;
}
.child_table_first_hide {
    width: 100%;
}
.child_table_first {
    width: 100%;
}
.child_table_first .autoamtions_tabl_tr {
    height: 50px;
    padding: 10px 0px;
}
.child_table_hide {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.autoamtions_tabl_tr td {
    color: #0a89e8;
    cursor: pointer;
    padding-left: 0px;
}
.autoamtions_tabl_tr td:first-child {
    color: #494949;
    cursor: inherit;
}
.autoamtions_tabl_tr td:last-child {
    color: #494949;
    cursor: inherit;
}
@media only screen and (max-width: 1366px) {
    .training_automation_module .dropdown_right_entity {
        width: 19%;
        margin-left: 110px;
    }
}
.training_automation_module .child_table_first tr td {
    text-align: left;
    padding: 10px 0px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
    padding-right: 10px;
}
.training_automation_module .child_table_first tr:nth-of-type(odd) {
    background-color: #fff;
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.training_automation_module .child_table_first tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
    height: 50px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.training_automation_module .table_hedser_second {
    width: 17.5%;
    color: #494949;
    font-family: 'Seravek-Medium';
    font-size: 18px;
}
.autoamtions_tabl_th_second {
    width: 17.5%;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}

.autoamtions_tabl_th_second .autoamtions_tabl_th_sec_sapn {
    border: 1px solid #ccc;
    border-radius: 9px;
    width: 24px;
    height: 18px;
    font-size: 13px;
    font-family: 'Seravek-Regular';
    padding: 0px 5px;
}
.autoamtions_tabl_tr:last-child .autoamtions_tabl_th_second:last-child {
    border-bottom-right-radius: 15px;
}
.autoamtions_tabl_tr:last-child .autoamtions_tabl_th_first:first-child {
    border-bottom-left-radius: 15px;
}
.autoamtions_tabl_tr:first-child .autoamtions_tabl_th_second:last-child {
    border-bottom-right-radius: 0px;
}
.autoamtions_tabl_tr:first-child .autoamtions_tabl_th_first:first-child {
    border-bottom-left-radius: 0px;
}

/* START TOOLTIP STYLES */
.autoamtions_tabl_th_second [tooltip] {
    position: relative;
}

/* Applies to all tooltips */
.autoamtions_tabl_th_second [tooltip]::before,
.autoamtions_tabl_th_second [tooltip]::after {
    text-transform: none;
    font-size: 0.9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
.autoamtions_tabl_th_second [tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}
.autoamtions_tabl_th_second [tooltip]::after {
    content: attr(tooltip);
    font-family: 'Seravek-Regular';
    text-align: center;
    width: 270px;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    color: #494949;
    z-index: 1000;
    white-space: pre-wrap;
}

/* Make the tooltips respond to hover */
.autoamtions_tabl_th_second [tooltip]:hover::before,
.autoamtions_tabl_th_second [tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
.autoamtions_tabl_th_second [tooltip='']::before,
.autoamtions_tabl_th_second [tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
.autoamtions_tabl_th_second [tooltip]:not([flow])::before,
.autoamtions_tabl_th_second [tooltip][flow^='up']::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #fff;
}
.autoamtions_tabl_th_second [tooltip]:not([flow])::after,
.autoamtions_tabl_th_second [tooltip][flow^='up']::after {
    bottom: calc(100% + 5px);
}
.autoamtions_tabl_th_second [tooltip]:not([flow])::before,
.autoamtions_tabl_th_second [tooltip]:not([flow])::after,
.autoamtions_tabl_th_second [tooltip][flow^='up']::before,
.autoamtions_tabl_th_second [tooltip][flow^='up']::after {
    left: 50%;
    transform: translate(-50%, -0.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@keyframes tooltips-horz {
    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
.autoamtions_tabl_th_second [tooltip]:not([flow]):hover::before,
.autoamtions_tabl_th_second [tooltip]:not([flow]):hover::after,
.autoamtions_tabl_th_second [tooltip][flow^='up']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='up']:hover::after,
.autoamtions_tabl_th_second [tooltip][flow^='down']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='down']:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}
.autoamtions_tabl_th_second [tooltip][flow^='left']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='left']:hover::after,
.autoamtions_tabl_th_second [tooltip][flow^='right']:hover::before,
.autoamtions_tabl_th_second [tooltip][flow^='right']:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}
.autoamtions_first_irrelevent {
    color: #ff7900 !important;
}
.training_automation_module .autoamtions_tabl_th_second .dropdown_right_entity {
    width: 260px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    float: left;
    position: relative;
    z-index: 9;
    min-height: 0px;
    max-height: 400px;
    overflow-y: scroll;
    color: #494949;
    top: inherit;
    margin-top: 5px;
    margin-left: 0px;
    left: 0;
}
.active_span_entity_popup_content .dropdown_right_entity {
    width: 295px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    margin-left: auto;
    margin-left: -3px;
    margin-top: 90px;
}
.training_automation_module .autoamtions_tabl_th_second .dialog_scroll_list {
    max-height: 195px;
}
.option-input:checked::after {
    width: 18px !important;
}
.autoamtions_tabl_th_first_span span {
    margin-right: 3px;
    border-bottom: 1px solid #ff7900;
}
.autoamtions_tabl_th_first_span .active_span_entity {
    background: #ff7900;
    color: #fff;
    cursor: pointer;
}
.active_span_entity_popup {
    background: #fff;
    border-radius: 18px;
    width: 100%;
    max-width: 350px;
    box-shadow: 0 0 5px #999;
    position: absolute;
    text-align: center;
    padding: 20px;
    margin-top: 5px;
    margin-left: -20px;
}
.active_span_entity_popup h2 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Seravek-Bold';
    margin: 0px;
    padding-bottom: 0px;
    display: inline-block;
    align-items: center;
}
.active_span_entity_popup p {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Seravek-Regular';
}
.active_span_entity_popup .ask_ques_editor_input {
    text-align: left;
}
.active_span_entity_popup .ask_ques_editor_input span {
    margin-right: 0px;
    border: inherit;
    text-align: left;
}
.active_span_entity_popup .parent_node_no span {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: inherit;
    display: flex;
    text-align: center;
    align-items: center;
    border-bottom: 0px;
}
.active_span_entity_popup .options_editor .plus_addmore {
    width: auto;
    float: left;
    margin-top: 10px;
}
.active_span_entity_popup .plus_addmore {
    width: auto;
    float: left;
    margin-top: 10px;
}
.active_span_entity_popup_button {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.active_span_entity_popup_button button {
    background: #fff;
    color: #494949;
    padding: 0px 10px;
    border-radius: 30px;
    border: 1px solid #ccc;
    outline: none;
    box-shadow: none;
    font-weight: 600;
    width: 135px;
    margin: 0 5px 0px 0px;
    height: 30px;
    align-items: center;
}
.active_span_entity_popup_button button:hover {
    background: inherit;
    color: #494949;
    border: 1px solid #ccc;
}
.active_span_entity_popup_button button:active {
    background: inherit;
    color: #494949;
    border: 1px solid #ccc !important;
}
.active_span_entity_popup_button .btn-success {
    background: #007bff;
    color: #333;
    font-weight: 600;
    width: 135px;
    border: 1px solid #007bff;
    margin: 0 0 0 5px;
}
.active_span_entity_popup_button .btn-success:hover {
    background: #007bff;
    color: #333;
    border: 1px solid #007bff;
}
.active_span_entity_popup_button:hover .btn-success:active {
    background: #007bff;
    color: #333;
    border: 1px solid #007bff;
}

/*multiple dropdown*/

/* Chatbot Analytics  Start*/
.automation_analytics {
    width: 100%;
    float: left;
}
.total_days_overview {
    width: 100%;
    float: left;
    border-radius: 18px;
    max-width: 100%;
    margin: 0px;
    background: #fff;
}
.last_days_overview {
    width: 33.33%;
    float: left;
    padding: 50px 30px;
    border-right: 1px solid #ccc;
    height: 100px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.last_days_overview h4 {
    color: #494949;
    font-family: 'Seravek-Medium';
    font-size: 18px;
    margin-bottom: 0px;
}
.last_toal_conversation {
    width: 50%;
    float: left;
    border-right: 1px solid #ccc;
    height: 80px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
}
.total_days_overview_top {
    width: 100%;
    float: left;
    border-bottom: none;
    display: flex;
}
.total_days_overview_bottom {
    width: 100%;
    float: left;
    padding: 30px;
}
.last_toal_conversation_container {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
    position: relative;
}
.last_toal_conversation:last-child {
    border-right: inherit;
}
.last_toal_conversation:last-child .last_toal_conversation_right .tooltip_analytics {
    right: 15px;
    top: 2px;
}
.last_toal_conversation:last-child h5 {
    padding-right: 30px;
}
.last_toal_conversation .last_toal_conversation_left {
    width: 60px;
    height: 60px;
    float: left;
    background: #ffe5d3;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px;
}
.tooltip_analytics .tooltiptext {
    visibility: hidden;
    min-width: 120px;
    width: 270px;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    color: #494949;
    z-index: 1000;
    white-space: pre-wrap;
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translate(-50%, -0.5em);
    font-size: 0.8em;
}
.tooltip_analytics .tooltiptext:before {
    top: 100%;
    border-bottom-width: 0 !important;
    border-top-color: #fff !important;
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
    text-transform: none;
    font-size: 0.8em;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    opacity: 3.8;
    left: 49%;
}
.tooltip_analytics:hover .tooltiptext {
    visibility: visible;
    animation: tooltips-vert 300ms ease-out forwards;
}
.last_toal_conversation .last_toal_conversation_left svg {
    width: 36px;
    height: 36px;
    fill: #333;
}
.last_toal_conversation h5 {
    width: 100%;
    padding-left: 20px;
    float: left;
    margin-bottom: 0px;
    font-family: 'Seravek-Regular';
    font-size: 18px;
    margin-top: 8px;
    color: #494949;
    display: flex;
}
.last_toal_conversation h6 {
    padding-left: 20px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    font-family: 'Seravek-Medium';
    font-size: 18px;
    margin-top: 8px;
    color: #ff7900;
    display: flex;
    align-items: center;
}
.last_toal_conversation h6 .date_conversation {
    font-size: 13px;
    margin-left: 10px;
    font-family: 'Seravek-Regular';
    color: #494949;
}
.last_toal_conversation_right {
    float: right;
    width: 83%;
}
.last_toal_conversation_right .tooltip_analytics {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: flex;
    position: relative;
    left: 7px;
    top: 2px;
}
.last_toal_conversation_right .tooltip_analytics span {
    display: flex;
}
.last_toal_conversation_right .__react_component_tooltip {
    z-index: 1098;
}
.last_toal_conversation_right .tooltip_analytics span svg {
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.total_days_overview_bottom h4 {
    font-family: 'Seravek-Regular';
    color: #494949;
    font-size: 16px;
    width: auto;
    float: left;
}
.total_col_4_over_bottom .tooltip_analytics {
    width: auto;
    float: right;
    margin-left: 2px;
    position: relative;
    top: -1px;
}
.total_col_4_over_bottom h4 span svg {
    width: 16px;
    height: 16px;
    color: #0a89e8;
    position: relative;
    top: 3px;
    margin-left: 3px;
    cursor: pointer;
}
.total_col_4_over_bottom h6 {
    padding-left: 0px;
    float: left;
    width: 90%;
    margin-bottom: 0px;
    font-family: 'Seravek-Medium';
    font-size: 18px;
    margin-top: 8px;
    color: #ff7900;
}
.total_col_4_over_bottom h6 span {
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 14px;
}
.total_col_4_over_bottom {
    background: #e5f4f9;
    border-radius: 12px;
    padding: 30px;
    max-width: 30%;
    float: left;
    margin: 0 auto;
    margin-left: 30px;
}

/* START TOOLTIP STYLES */
[tooltip] {
    position: relative;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: 0.9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}
[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    width: 270px;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    background: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    color: #494949;
    z-index: 1000;
    white-space: pre-wrap;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^='up']::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #fff;
}
[tooltip]:not([flow])::after,
[tooltip][flow^='up']::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^='up']::before,
[tooltip][flow^='up']::after {
    left: 50%;
    transform: translate(-50%, -0.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@keyframes tooltips-horz {
    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^='up']:hover::before,
[tooltip][flow^='up']:hover::after,
[tooltip][flow^='down']:hover::before,
[tooltip][flow^='down']:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^='left']:hover::before,
[tooltip][flow^='left']:hover::after,
[tooltip][flow^='right']:hover::before,
[tooltip][flow^='right']:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}
.dropdown_down_arrowslot_analytics {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.dropdown_down_arrowslot_analytics svg {
    width: 20px;
    position: relative;
    border-radius: 50%;
    color: #999;
    float: right;
    transform: rotate(90deg);
    margin-top: -25px;
    margin-right: 39px;
}
.analytics_dropdowns_left .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_analytics {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.analytics_dropdowns_left .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_analytics svg {
    width: 20px;
    position: relative;
    border-radius: 50%;
    color: #999;
    float: left;
    transform: rotate(90deg);
    top: 30px;
    left: 24.4%;
}
.conversation_analytics_pageup .analytics_dropdowns .ana_chart_drpdwn_left_sixty .dropdown_right_entity {
    left: 16.5%;
}
.conversation_analytics_pageup .analytics_charts_left_total_right {
    width: 50%;
    float: right;
    text-align: right;
}
.conversation_analytics_pageup .analytics_charts_left_total_right h6 {
    font-size: 16px;
    font-family: 'Seravek-Regular';
    color: #494949;
    margin-bottom: 0px;
}
.conversation_analytics_pageup .analytics_charts_left_total_right h6 span {
    font-size: 18px;
    font-family: 'Seravek-Bold';
}
.conversation_analytics .analytics_charts_left_total_left {
    width: 50%;
    float: left;
}
.conversation_analytics_pageup .autoamtions_table .table td {
    padding: 10px 0px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    /* padding-left: 0.75rem; */

    padding-left: 60px;
}
.conversation_analytics_pageup .autoamtions_table .table th {
    /* border-top: 1px solid #ccc; */

    text-align: center;
}
.conversation_analytics_pageup .autoamtions_table .table td {
    /* border-top: 1px solid #ccc; */

    text-align: center;
    padding-left: 0px !important;
}
.conversation_analytics_pageup .autoamtions_table .table td:first-child {
    color: #0a89e8;
    font-family: 'Seravek-Regular';
    cursor: pointer;
}
.conversation_analytics_pageup .autoamtions_table .table td:nth-child(2) {
    color: #0a89e8;
    font-family: 'Seravek-Regular';
}
.conversation_analytics_pageup .analytics_dropdowns .ana_chart_drpdwn_left_fourty .form-control {
    width: 30%;
}
.conversation_analytics_pageup
    .analytics_dropdowns
    .ana_chart_drpdwn_left_fourty
    .ana_chart_dropdown_right_entity
    .form-control {
    width: 100%;
}

/* .conversation_analytics_pageup .analytics_dropdowns .ana_chart_drpdwn_left_fourty .control-label {
    margin-left: 54%;
} */
.conversation_analytics_pageup .tryit_header h5 {
    font-size: 16px;
    font-family: 'Seravek-Medium';
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.conversation_analytics_pageup .tryit_header h5 span {
    color: #0a89e8;
    font-family: 'Seravek-Medium';
    font-size: 14px;
}
.conversation_analytics_pageup .tryit_header h5:after {
    content: '';
    position: relative;
    left: -10px;
    bottom: 0;
    border-bottom: 0.5px solid #999999;
    top: 0;
    width: 106%;
    float: left;
    padding-top: 20px;
}
.conversation_analytics_pageup .tryit_popup {
    position: absolute;
    display: block !important;
}

/* Chatbot Analytics  End*/

/* Automation Analytics  Start  */
.automation_analytics .last_days_overview {
    width: 25%;
    float: left;
}
.automation_analytics .last_toal_conversation {
    width: 33.33%;
    float: left;
}
.automation_analytics .total_days_overview_top {
    border: none;
}

/* Automation Analytics  End  */

/*** 

====================================================================
	New css updated in mobile css Start
====================================================================

***/

/* Autoamtion popup switch changes Start */
.select_flow button.show_hide {
    width: auto;
    height: 30px;
    font-family: Seravek-Medium;
    font-size: 13px;
    text-align: center;
    color: rgb(73, 73, 73);
    align-items: center;
    display: inline-flex;
    padding: 0px 10px;
    border-radius: 18px;
    border-width: 0.5px;
    border-style: solid;
    border-color: rgb(153, 153, 153);
    border-image: initial;
    background: rgb(255, 255, 255);
    outline: 0px;
    float: right;
    margin-right: 20px;
}
.select_flow button.show_hide:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}
.select_flow .if_dropdown {
    width: 100%;
    float: left;
    margin-left: 0px;
}
.select_flow .slots_spaname {
    font-size: 12px;
    font-family: 'Seravek-Bold';
    color: #494949;
}
.select_flow .flows_edit_input {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

/* Autoamtion popup switch changes End */

/*New css start*/

/* Cognidesk */

/************ TABLE OF CONTENTS ***************
1.  Fonts
2.  Reset
3.  Global
4.  Common Style
5.  Intent Dialog Header
6.  Intent Cards
7.  Inent Examples
8.  Flow Cards
9.  Responsive

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

/*** 

====================================================================
	Fonts
====================================================================

***/
.dialog_cards_layer.selected {
    cursor: pointer;
    border: inherit;
    height: 150px;
    max-width: 18.6%;
    flex: 0 0 18.6%;
    margin-left: 20px;
    margin-bottom: 20px;
    border-radius: 18px;
}
.selected h6 {
    padding-left: 0px;
    background: inherit;
    font-family: 'Seravek-Regular';
    margin-top: 5px !important;
    color: #0086ea;
}
.selected h6 span {
    margin: 0 !important;
}

.navbar.navbar-expand-md.navbar-dark.fixed-top.bg-dark {
    z-index: 1031;
}
.dropbtn {
    background-color: #4caf5000;
    color: #494949;
    padding: 16px 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropbtn span img {
    padding: 10px;
}
.logout_dropdown {
    float: right;
    position: absolute;
    display: inline-block;
    right: 0;
}
.dropdown-content {
    position: absolute;
    background-color: #f6f6f6;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    right: 0;
    z-index: 1040;
    border: #c9c9c9 1px solid;
    border-radius: 18px;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    font-family: 'Seravek-Regular';
}
.myDropdown:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
}
.myDropdown:hover svg {
    fill: #fff;
}
.show {
    display: block;
}

/* default entities */
.indent_example_home .indent_left h4 {
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 30px;
    color: #494949;
    margin-bottom: 0;
}
.patterns_list p {
    padding-top: 20px;
    padding-bottom: 10px;
}
.patterns_examples_list {
    overflow-y: scroll;
    max-height: 470px;
}
.logout_dropdown span img {
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-left: 10px;
    border: 1px solid #dbdbdb;
}

/*** 

====================================================================
	Common Style
====================================================================

***/
.bg-dark {
    background-color: #f1f3f5 !important;
    border-bottom: 1px solid #818daa;
    width: auto;
    display: flex;
    padding: 7px 0px;
    height: 80px;
    border-radius: inherit;
    margin: 0 60px;
}

/*** 

====================================================================
	Intent Dialog Header
====================================================================

***/
.intent_home {
    padding: 0px;
    align-items: center;
    justify-content: stretch;
}
.indent_left {
    line-height: 0.8;
    float: left;
}
.indent_title {
    font-family: 'Gordita-Medium';
    font-size: 18px;
    color: #000;
    margin: 0px 0px 0px 0px;
    line-height: 18px;
}
.indent_title h2 {
    margin-bottom: 0px;
}
.indent_left p {
    padding-top: 6px;
}
.intent_home .flow_canvas_header_back_button button {
    background: #fff;
    border: 1px solid #b9b9b9;
}
.intent_home .flow_canvas_header_back_button button label {
    color: #000;
}
.intent_home .flow_canvas_header_back_button button svg {
    color: #000;
    fill: #000;
}
.intent_home .flow_canvas_header_back_button button:hover {
    border: 1px solid #ffe5d3;
    background: #ffe5d3;
    color: #333;
}
.intent_home .flow_canvas_header_back_button button:hover label {
    color: #333;
}
.intent_home .flow_canvas_header_back_button button:hover svg {
    color: #333;
    fill: #333;
}
.indent_sub_title {
    font-family: 'Gordita-Medium';
    font-size: 12px;
    color: #f07f31;
    position: relative;
    line-height: 16px;
    padding-top: 6px;
}
.count_number {
    position: relative;
    top: 2px;
}
.intent_home button {
    min-width: 85px;
    height: 32px;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 1px solid #cecece;
    background: #fff;
    color: #333;
    outline: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.intent_home button.btn-primary:hover {
    border: 1px solid #ffe5d3;
    background: #ffe5d3;
    color: #333;
    fill: #333;
    outline: 0;
}
.intent_home button.btn-primary:active {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #eb974e !important;
    background: #ffe5d3 !important;
    color: #333;
    fill: #333;
}

.indent_right {
    margin: 20px 0;
}
.indent_right svg {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    position: relative;
}
.indent_right span {
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    top: 1px;
    font-family: 'Gordita-Medium';
}
.indent_right label {
    margin-bottom: 0px;
    position: relative;
    top: 1px;
}
.intent_dialog_right {
    display: flex;
    align-items: center;
    z-index: 1;
}
.intent_dialog_right input[type='search'] {
    margin-left: 10px;
    padding: 8px 12px 5px 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 32px;
    position: relative;
    top: 0px;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    width: 120px;
    border: 1px solid #b5b5b5;
    border-radius: 18px;
    color: #000;
}
.search_icon_svg {
    position: relative;
}
.search_icon_svg svg {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    left: 22px;
    fill: #666;
}

.indent_right .btn_large {
    min-width: 90px;
    height: 32px;
    padding: 0 12px;
    background: #ffe5d3;
    border: 0.5px solid #ffe5d3;
    color: #333;
    font-family: 'Gordita-Regular';
    width: max-content;
    font-size: 12px;
}
.indent_right .btn_large b {
    padding: 0 3px;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    /* position: relative;
    top: 1px; */
}
.indent_right .btn_large svg {
    position: relative;
    transform: rotate(90deg) !important;
    fill: #333;
    width: 9px;
    height: 9px;
    position: relative;
    left: 6px;
    color: #333;
}
.intent_dialog_right button {
    text-align: right;
}
.intent_dialog_right button {
    margin-left: 20px;
    display: inline-flex;
}
.cogni_cards {
    float: left;
    background: #fff;
    height: 64px;
    display: table;
    z-index: 1034;
    width: 100%;
    padding: 0px 20px;
    /* border-bottom: 1px solid #e2e2e2; */
}
.intent_dialog_right button svg {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    position: relative;
    bottom: 1px;
}
.intent_dialog_right span {
    cursor: pointer;
    position: relative;
    top: 1px;
    font-family: 'Gordita-Medium';
    color: #000;
}
.intent_dialog_right span.search_icon_svg {
    position: relative;
    top: 0px;
}
.flow_canvas_header_back_button .error_input_show svg {
    fill: red !important;
    width: 24px;
    height: 24px;
    top: 0px;
    margin-right: 5px;
}
.flow_canvas_header_back_button .error_input_show:hover .error_menu_hvr {
    position: absolute;
    right: 40px;
    top: -5px;
    width: 300px;
    max-width: max-content;
}

/*** 

====================================================================
	Intent Cards
====================================================================

***/
.entity_cards {
    margin-top: 0px;
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 120px);
    padding: 20px;
    padding-bottom: 50px;
}
.entity_cards._hidden {
    overflow-y: hidden;
    height: calc(100vh - 70px);
}

.entity_cards .entity_cards_layer1 {
    cursor: pointer;
    border: 0.5px solid #ccc;
    height: 150px;
    width: 100%;
    float: left;
    border-radius: 10px;
    background: #fff;
}
.entity_cards .entity_cards_layer {
    cursor: pointer;
    border: 0.5px solid #ffffff;
    height: 150px;
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000012;
    background: #ffffff;
    position: relative;
}
.entity_cards_layer:hover {
    border: 0.5px solid #ffe5d3;
    background: #ffe5d3;
    box-shadow: 0px 3px 6px #00000012;
}
.create_dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-46%, -46%);
    text-align: center;
}
.entity_cards_layer .option-input.radio {
    background: #ffffff;
    border: 1px solid #494949;
}
.entity_cards .entity_cards_layer1 svg {
    width: 68px;
    height: 68px;
    background: #5b9ff7;
    padding: 15px;
    border-radius: 50%;
    border: 10px solid #f1f3f5;
    color: #fff;
    margin: auto;
    fill: #fff;
    margin-left: -3px;
}
.entity_cards .entity_cards_layer1 svg:active {
    width: 65px;
    height: 65px;
    background: #ff7900;
    padding: 15px;
    border-radius: 50%;
    border: 10px solid #f1f3f5;
    color: #fff;
    margin: auto;
    fill: #fff;
    margin-left: -1px;
}
.entity_cards_layer1:before {
    border: 10px solid #fff;
    content: '';
    width: 85px;
    height: 85px;
    margin: 0 auto;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0.5;
    background: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-48.4%, -70.2%);
    text-align: center;
}
.start_layer h5 {
    padding-top: 20px;
    color: #5b9ff7;
    font-family: 'Seravek-Medium';
}
.entity_cards .dialog_cards_layer {
    cursor: pointer;
    border: inherit;
    height: 150px;
    max-width: 100%;
    flex: 0 0 100%;
    border-radius: 10px;
    background: #fff;
    padding: 12px;
    box-shadow: 0px 3px 6px #00000012;
}
.entity_cards .dialog_cards_layer:hover {
    cursor: pointer;
    border: inherit;
    height: 150px;
    border-radius: 10px;
    background: #ffe5d3;
}
.entity_cards .dialog_cards_layer:hover .d_card_left {
    background: #fff;
}
.entity_cards .dialog_cards_layer:hover .d_card_left svg {
    color: #000;
    fill: #000;
}

/*** dialog folder style start ***/

.entity_cards .dialog_cards_layer.folder_dialog {
    border: 1px solid #367af2;
    margin-top: 10px;
    height: 140px;
}

.entity_cards .dialog_cards_layer.folder_dialog .d_card_wrapper {
    min-height: 72px;
}

.entity_cards .dialog_cards_layer.folder_dialog::before {
    content: '';
    position: absolute;
    bottom: 95%;
    left: -1px;
    width: 35%;
    height: 18px;
    background: #fff;
    border-top: 1px solid #367af2;
    border-left: 1px solid #367af2;
    border-top-left-radius: 50px;
    z-index: 1;
}

.entity_cards .dialog_cards_layer.folder_dialog::after {
    content: '';
    position: absolute;
    bottom: 96%;
    width: 12px;
    height: 17.1px;
    left: 32.2%;
    border-right: 1.2px solid #367af2;
    transform: rotate(317deg);
    border-top-right-radius: 40%;
    background: #fff;
    z-index: 0;
}

.entity_cards .dialog_cards_layer.folder_dialog:hover {
    border: 1px solid #333;
}

.entity_cards .dialog_cards_layer.folder_dialog:hover::before {
    background: #ffe5d3;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
}
.entity_cards .dialog_cards_layer.folder_dialog:hover::after {
    border-right: 1px solid #333;
    background: #ffe5d3;
}

/*** dialog folder style end ***/

.start_layer h6 {
    font-size: 20px !important;
    margin: 0;
    color: #494949;
    font-weight: 600;
    background: inherit;
    width: 100%;
    float: left;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-family: 'Seravek-Medium';
    padding-top: 42px;
}
.start_layer:hover h6 {
    color: #333;
    font-family: 'Seravek-Regular';
    margin: 0;
    font-size: 20px !important;
    font-weight: 600;
    background: inherit;
    width: 100%;
    float: left;
    border-radius: 50%;
    align-items: center;
    padding-top: 44px;
}
.entity_cards .entity_cards_layer1:hover {
    background: #ffe5d3;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border: 0.5px solid #ffe5d3;
}

.flow_popup1 .form-control {
    width: 100%;
    float: left;
    padding: 26px 12px 6px;
    border: 1px solid rgb(185, 185, 185);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    height: 48px;
    font-size: 12px;
    font-family: Gordita-Regular;
    color: rgb(0, 0, 0);
    outline: 0px;
}
span.full_input_width {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 250px;
    max-width: 250px;
    display: inline-block;
}
.flow_popup1 .modal-content textarea {
    resize: none;
    margin-bottom: 0px;
}
.flow_popup1 [data-ml-modal] .modal-dialog {
    width: 100%;
    max-width: 360px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 19px;
    text-align: center;
    z-index: 2;
    position: absolute;
    margin: 0px;
}

.flow_popup1.edit_connection_popup [data-ml-modal] .modal-dialog {
    max-width: 420px;
}

.flow_popup_3 [data-ml-modal] .modal-dialog {
    width: 100%;
    max-width: 360px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 19px;
    text-align: center;
    z-index: 2;
    position: absolute;
    margin: 0px;
}
.dialog_editor [data-ml-modal] {
    /* background-color: rgba(0, 0, 0, 0.3) !important; */
    width: 100%;
    position: absolute;
    margin-top: -80px;
    margin-bottom: -90px;
}
.dialog_entity_cards .entity_cards {
    height: calc(100vh - 0vh);
    overflow: hidden;
    position: relative;
}
.dialog_entity_cards .dialog_editor [data-ml-modal] {
    position: absolute;
    left: -15px;
    height: 100vh;
    margin-top: 0px;
}
/* .flow_popup1 .modal-content button {
    background: #fff;
    color: #000;
    padding: 0px 10px;
    border-radius: 18px;
    border: 1px solid #CECECE;
    outline: none;
    box-shadow: none;
    font-weight: 600;
    min-width: 90px;
    margin: 16px 5px 0px 0px;
    height: 32px;
    align-items: center;
    font-family: 'Gordita-Medium';
    font-size: 12px;
} */
/* .flow_popup1 .modal-content .btn-success {
    background: #2468F6;
    color: #fff;
    min-width:90px;
    border: 1px solid #2468F6;
    font-family: 'Gordita-Medium';
    margin: 16px 0 0 5px;
    font-size: 12px;
} */
/* .flow_popup1 .modal-content .btn-success:active {
    border: 1px solid #007bff;
    background: #007bff;
} */

.flow_popup1 .modal-content h2 {
    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;
    /* margin-bottom: 10px; */
}
.flow_popup1 .modal-content h2.justify-content-start {
    font-size: 14px;
}
span.search_click {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: right;
}
span.search_click {
    margin-left: 10px;
    position: relative;
}
span.search_click span {
    position: absolute;
    right: 12px;
    top: 6px;
}
span.search_click input[type='search'] {
    width: 240px;
    margin-left: 0px;
    padding: 3px 30px 0px 12px;
    border-radius: 16px !important;
    line-height: 8px;
    height: 32px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #b9b9b9;
}
span.search_click input[type='search']:hover {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #eb974e;
}

.search_click svg {
    position: relative;
    transform: rotate(90deg) !important;
    fill: #333;
    width: 12px;
    height: 12px;
}
.highlighted-dialog-text {
    font-family: 'Gordita-Medium';
    font-weight: bold;
}
section.intent_bottom {
    bottom: 0;
    position: fixed;
    width: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(244, 244, 244, 0.6) 23%,
        rgba(244, 244, 244, 0.8) 55%,
        rgba(244, 244, 244, 1) 100%
    );
    height: 60px;
}
section.intent_bottom {
    bottom: 0;
    position: fixed;
    width: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(244, 244, 244, 0.6) 23%,
        rgba(244, 244, 244, 0.8) 55%,
        rgba(244, 244, 244, 1) 100%
    );
    height: 60px;
    /* margin-left: -27px; */
}
.text_bot {
    text-align: center;
}
.dialog_editor_addmore {
    width: auto !important;
}

/*** 

====================================================================
	Intent Examples
====================================================================

***/
.intent_examples {
    /* padding-left: 165px; */

    position: absolute;
    top: 14%;
    width: 100%;
}
.intent_examples h6 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 30px;
    color: #494949;
    margin: 0px;
}
.intent_examples h2 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 55px;
    color: #494949;
    margin: 0px;
}
.intent_examples p {
    padding-bottom: 20px;
    border-bottom: 0.5px solid #999;
    width: 100%;
    margin-bottom: 0px;
}
.intent_examples span.intent_examples_hover:hover svg {
    color: #ffffff;
}
.intent_examples_add p {
    padding: 0px 0px 10px 0px;
}
.intent_table_row {
    width: 100%;
    float: left;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 15px;
    min-height: 50px;
    max-height: 300px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 5px;
    color: #999999;
}
.intent_examples_list span {
    font-size: 14px;
    color: #999;
    font-family: 'Gordita-Regular';
    margin-right: 5px;
}
.col-md-1.entity_table_row_1.intent_table_row_1 .home_edit {
    display: flex;
    align-items: center;
}
.intent_examples_list .caret_before span:before {
    content: '';
    position: relative;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #b9b8b8;
    right: 0;
    top: 12px;
}
.col-md-8.entity_table_row_1.intent_table_row_1 h4 {
    width: calc(100vw - 32vw);
}
.intent_table_row_1 {
    display: flex;
    align-items: center;
}
.intent_table_row_2 {
    display: flex;
    align-items: center;
}
.intent_table_row_3 {
    display: flex;
    align-items: center;
}
.intent_table_row_4 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.col-md-1.entity_table_row_1.intent_table_row_1 {
    justify-content: flex-end;
}
.intent_table_row_1 h4 {
    font-family: 'Gordita-Medium';
    font-size: 12px;
    color: #000;
    margin: 0;
    /* text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden; */
    word-break: break-all;
    position: relative;
    top: 2px;
}
.intent_table_row_1 label {
    position: relative;
    top: -5px;
    float: left;
    margin-right: 15px;
}
.intent_table_row span svg {
    border: 0.5px solid rgba(153, 153, 153, 0);
    background: rgba(255, 255, 255, 0);
    top: -6px;
    left: 0px;
    color: #999999;
    width: 18px;
    height: 18px;
}
.intent_table_row span:hover svg {
    background: rgba(255, 255, 255, 0);
    border: 0.5px solid rgba(255, 255, 255, 0);
    fill: #fff;
}
.intent_table_row:hover {
    background: #ffe5d3;
    color: #333;
    fill: #333;
}
.intent_table_row:hover .entity_table_row_3 span {
    color: #333;
}
.indent_example_home button {
    width: 150px;
    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: inline-flex;
    align-items: center;
}
.indent_example_home button:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}
.indent_example_home button:focus {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}
.indent_example_home .indent_left h3 {
    width: 20%;
    float: left;
    font-family: 'Seravek-Extralight';
    font-size: 30px;
    color: #494949;
    margin-bottom: 0;
}
.indent_example_home .indent_right {
    margin: 3px;
}
.indent_example_home .indent_left {
    margin-right: 20px;
}
.indent_dialog_left {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 0px;
}
.indent_example_home .indent_dialog_left {
    padding: 20px 0;
    text-align: left;
}
button.intent_examples_switch {
    width: auto;
}
.intent_examples_list {
    margin-top: 0px;
}
h2.intent_name {
    text-align: left !important;
    font-size: 16px !important;
    height: 30px;
    margin-bottom: 15px !important;
    display: flex !important;
    justify-content: left !important;
}
h2.intent_name .add_more {
    padding: 0 10px;
}
input.intent_examples_input {
    width: 75%;
    margin-left: 0px;
    padding: 0px 10px;
    background: #fff !important;
    margin: 0;
    border-radius: 6px !important;
    border: none;
    height: 24px;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    color: #000;
}
/* .intent_example_select span svg {
    width: 32px;
    height: 32px;
    border: 1px solid #999;
    padding: 9px 0px;
    border-radius: 50%;
    line-height: 20px;
    cursor: pointer;
    background: #fff;
    position: relative;
    top: 4px;
    left: 5px;
    color: #333;
    margin-right: 5px;
    fill: #333;
} */
/* .intent_example_select span:hover svg {
    background: #fff;
    fill: #333;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
} */
.intent_example_select p {
    border: 0px solid #999999;
}
.intent_example_select .duplicate_error {
    color: red;
    position: absolute;
    right: -10%;
    top: 10px;
    font-family: 'Seravek-regular';
}
.intent_example_select .error_msg {
    display: inline-flex;
    color: #fff;
    align-items: flex-end;
    padding: 12px 15px;
}
.intent_fixed_top {
    right: 0;
    left: 0;
    z-index: 1030;
    position: fixed;
}
.select_flow .right_panel_ht {
    padding: 0px;
    padding-bottom: 50px;
    margin-top: 10px;
}
.right_panel_ht_pad_top0 {
    padding-top: 0px !important;
}
.right_panel_ht .form-input input {
    margin-top: 0px;
}
.dropdown_right ul li:before {
    border-left: 0px solid #ccc;
}
.dropdown_right ul li {
    margin-left: 0px;
}
.first .dropdown_right {
    margin-top: 0px !important;
}

/*** 

====================================================================
	Flow Cards
====================================================================

***/
.show_create_card h5 {
    padding-top: 18px !important;
}
.flow_indent_title {
    font-family: 'Seravek-ExtraLight';
    font-size: 30px;
    color: #494949;
    margin: 0px 10px 5px -4px;
}
.flow_indent_sub_title {
    line-height: 0.8;
}
.flow_indent_sub_title {
    font-family: 'Seravek-ExtraLight';
    font-size: 55px;
    color: #494949;
    margin: 0px 10px 5px -6px;
}
.flow_indent_right {
    margin: 0px 0;
    padding-top: 22px;
}
.flow_indent_right .btn_large {
    width: auto;
    height: 30px;
    padding: 0 10px;
    background: #ff7900;
    border: 0.5px solid #ff7900;
    color: #fff;
    font-family: 'Seravek-ExtraLight';
}
.flow_indent_right svg {
    width: 12px;
    position: relative;
}
.flow_indent_right span {
    font-size: 16px;
    margin: 0 auto;
}
.flow_indent_right .btn_large svg {
    position: relative;
    transform: rotate(90deg) !important;
    fill: #fff;
    width: 10px;
    margin: 5px 10px 5px 10px;
}
.flow_indent_right .btn_large b {
    padding: 0 5px;
    font-family: 'Seravek-Medium';
}
.flow_group_home button {
    display: inline-flex;
    margin-left: 10px;
    align-items: center;
}
.flow_group_home .widget_button {
    background: #fff;
    border: 1px solid rgb(185, 185, 185);
}
.flow_group_home .widget_button label {
    color: rgb(51, 51, 51);
}
.flow_group_home .widget_button svg {
    color: rgb(51, 51, 51);
    fill: rgb(51, 51, 51);
}
.flow_group_cards {
    top: 27%;
}
.flow_sort_by {
    width: auto;
    cursor: pointer;
    /* background: #fff; */
    position: absolute;
}
.flow_sort_dropdown {
    width: 140px;
    float: right;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 18px;
    margin: 0px;
    position: relative;
    z-index: 9;
    right: 0px;
    bottom: 10px;
    left: 10px;
}
.flow_sort_dropdown p {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 14px;
    font-family: 'Gordita-Medium';
    padding-left: 10px;
    height: 32px;
    background: #fff;
    line-height: 1;
    margin-bottom: 0px;
    text-align: left;
}
.flow_sort_by.automation_sort p span {
    color: #355d8b;
    font-size: 12px;
    font-family: 'Gordita-Medium';
    margin-left: 0px;
}
.flow_sort_by.automation_sort svg {
    fill: #355d8b;
    color: #355d8b;
    margin-right: 6px;
}
.flow_sort_by.automation_sort .option-input.radio {
    margin-right: 0px;
    margin-left: 6px;
}
.flow_sort_by.automation_sort .flow_sort_dropdown {
    width: 150px;
}
.flow_sort_by.automation_sort .flow_sort_dropdown p {
    display: flex;
    justify-content: space-between;
    padding: 0px 12px;
}
/* .flow_sort_by.automation_sort .flow_sort_dropdown p:hover .option-input.radio{
    border:1px solid #2468F6;
} */
.flow_sort_by.automation_sort .flow_sort_dropdown p .option-input:not(:checked) {
    background: #fff !important;
    border: 1px solid #fff !important;
}
.flow_sort_by.automation_sort .flow_sort_dropdown p:hover .option-input:not(:checked) {
    background: #fff !important;
    border: 1px solid #2468f6 !important;
}

.flow_sort_dropdown p span {
    text-align: left;
    margin: 0;
    width: auto;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
}
.flow_sort_dropdown p:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background: #fff;
}
.flow_sort_dropdown p:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background: #fff;
}
.flow_sort_by.dialog_dp .flow_sort_dropdown {
    /* position: absolute;
    z-index: 9;
    right: 0;
    left: 10px;
    top: -10px; */
}
.flow_sort_by.dialog_dp .flow_sort_dropdown p {
    position: relative;
    width: 100%;
    margin-top: 0px;
    padding: 0px 12px;
}
.flow_sort_by.dialog_dp svg {
    fill: #355d8b;
    color: #355d8b;
}
/* .flow_sort_by label {
    display: inline-block;
    margin-left: 10px;
    width: 100%;
    float: right;
    position: absolute;
    margin-top: -9px;
    right: -94px;
} */
.flow_sort_by .option-input.radio {
    border-radius: 50%;
    border: 1px solid #fff;
    /* position: absolute; */

    clip: inherit !important;
    /* left: 20px; */

    top: 6px;
}
.flow_sort_dropdown p:hover {
    color: #000;
    background: #ffe5d3;
    border-bottom: 0.5px solid #ffe5d3;
    font-size: 12px;
    font-family: 'Gordita-Medium';
}
.flow_sort_dropdown:hover .option-input {
    background: #fff3eb;
    border: 1px solid #fff !important;
}
.flow_sort_by.dialog_dp .flow_sort_dropdown p:hover span {
    color: #333;
}
.flow_sort_by.dialog_dp p:hover svg {
    color: #333;
    fill: #333;
}
.flow_sortby_dropdown {
    /* display: flex;
    flex-direction: column; */
    width: max-content;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
.flow_sort_dropdown span svg {
    width: 12px;
    position: relative;
    margin-right: 7px;
}

.flow_popup1 .intent_name {
    width: 100%;
}
.entity_cards_loader {
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#preloader {
    width: 128px;
    height: 128px;
    background: url('../images/loading.svg') no-repeat center center;
    position: relative;
    top: -15px;
    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);
    }
}

.preloader_center {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.flow_canvas_page_loader {
    margin-left: -5%;
}
div#oops_loader {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #f1f3f5;
    background: #f1f3f5 url('../images/400error-loading.png') no-repeat center center;
}
.options_popup_show button.show_hide {
    width: auto;
    height: 30px;
    font-family: 'Seravek-Medium';
    font-size: 13px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #999999;
    background: #fff;
    color: #494949;
    outline: 0;
    align-items: center;
    display: inline-flex;
}
.popup_show_hide {
    text-align: left;
}
.popup_show_hide .box_1 {
    padding: 0px 0px 0px 10px;
}
.show_hide input[type='checkbox'].switch_1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 30px;
    height: 17px;
    background: #ddd;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
}
.show_hide input[type='checkbox'].switch_1:checked {
    border: 1px solid #f07f31;
    background: #fff;
}
.show_hide input[type='checkbox'].switch_1:checked:after {
    background: #0a89e8;
    border: 1px solid #fff;
    top: 0px;
    left: 0px;
    margin-left: 2px !important;
}
.right_panel_ht .form-input {
    width: 100%;
    float: left;
}

.list-view-sub:hover .show_hide input[type='checkbox'].switch_1:checked {
    border: 1px solid #f07f31;
    background: #f07f31;
}
.list-view-sub:hover .show_hide input[type='checkbox'].switch_1:checked:after {
    background: #fff;
    border: none;
    top: 1px;
    left: 0px;
}
.show_hide input[type='checkbox'].switch_1:after {
    position: absolute;
    border: 0.5px solid #b9b9b9;
    content: '';
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    margin-left: 1px;
}
.list-view-icon .show_hide input[type='checkbox'].switch_1:after {
    position: absolute;
    border: 0.5px solid #b9b9b9;
    content: '';
    top: 1px !important;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #b9b9b9;
    margin-left: 2px;
}
.list-view-icon .show_hide input[type='checkbox'].switch_1:checked:after {
    background: #fff;
    border: 0.5px solid #fff;
    top: 1px !important;
    right: 0px !important;
    margin-left: -2px !important;
}
.show_hide input[type='checkbox'].switch_1:checked:after {
    left: calc(100% - 1.3em);
}
.options_popup_show button:focus {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}
.options_popup_show button:hover {
    border: 0.5px solid #fff3eb;
    background: #fff3eb;
    color: #333;
    fill: #333;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}
.automation_rightside_form .automation_rightside_step_two div#popuploader {
    position: relative !important;
}
div#popuploader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: url('../images/loading.svg') no-repeat center center;
    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);
    }
}

.remove_connection_popuploader {
    height: 100px !important;
}
.indent_example_home {
    margin-bottom: 50px;
}
.tree_minus span svg {
    width: 14px;
    fill: #ffffff;
}
.tree_minus span {
    margin: 0;
    padding: 0;
    background: none;
    display: contents;
}
.tree_minus span svg {
    width: 13px !important;
    height: auto !important;
}
.tree_plus span svg {
    width: 14px;
    fill: #ffffff;
}
.tree_plus span {
    margin: 0;
    padding: 0;
    background: none;
    display: contents;
}
.tree_plus span svg {
    width: 13px !important;
    height: auto !important;
}

/*** 

====================================================================
	Try It Dialog
====================================================================

***/

.parent_node_no span.parent_svg svg {
    width: 14px;
    height: 14px;
    fill: #367af2;
    color: #367af2;
}
.child_node_button:hover .parent_node_no span.parent_svg svg {
    width: 14px;
}
.jump_to_list_selected h4 {
    font-size: 16px;
    /* padding: 0px 10px; */
    margin-bottom: 0;
    font-family: 'Gordita-Regular';
    color: #000;
    position: relative;
    top: 1.5px;
}
/* span.dialog_value {
    width: auto;
    display: flex;
} */
p.text_bot {
    padding-top: 30px;
}
.dialog_scroll_list {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    max-height: 220px;
}
.dialog_scroll_list ul li b {
    font-family: 'Seravek-Medium';
}
.intent_table_row_2 h4 {
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #494949;
    margin: 0;
    padding-top: 2px;
}
.word_break {
    word-break: break-all;
}
.flow_popup1 .radio {
    text-align: left;
    display: flex;
    justify-content: left;
}
.flow_popup1 .radio span {
    position: relative;
    top: 1px;
}
.radio.entity_radio_flex {
    width: auto;
    margin-right: 20px;
}
.parent_node_left .dropdown_right {
    margin-top: 0px;
}

.set_count {
    color: #333;
    background-color: #d5ffee;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: -3px;
    top: -7px;
}
.if_tryit_right input {
    font-family: 'Seravek-Light';
}
.set_count span {
    font-size: 6px;
    display: inline-flex;
    align-items: center;
    color: #333;
    justify-content: center;
    font-family: 'Gordita-Medium';
    width: 10px;
    height: 10px;
    position: relative;
    top: 1px;
}

.plus_addmore h4 {
    padding-top: 0;
}
.plus_addmore .if_dropdown h6 {
    border: 0px solid #d1d1d1 !important;
}

.right_pop_content .dropdown_right {
    width: 290px;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 0 0 18px 18px;
    position: absolute;
    z-index: 9;
    margin-top: 0px;
    cursor: pointer;
    background: #f9f9f9;
    overflow-y: scroll;
    max-height: 300px;
    height: auto;
    margin-bottom: 40px;
}
.plus_addmore_edit .form-control span {
    color: #0a89e8;
}
.right_pop_content .dropdown_right ul li {
    border-bottom: 0.5px solid #c3c3c3;
}
.right_pop_content .dropdown_right ul li:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: rgba(255, 255, 255, 0);
}
.right_pop_content .dropdown_right ul li:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: rgba(255, 255, 255, 0);
    border: none;
}
.right_pop_content .dropdown_right ul li:hover {
    color: #fff;
    background: #0a89e8;
}
.if_dropdown.whole_popup_left {
    width: 100%;
}
.if_dropdown.whole_popup_left h6 {
    border: 0px solid #d1d1d1;
}

.slots_right_bot.plus_addmore_edit p {
    text-align: left;
}
.slots_left_bot p {
    text-align: left;
    color: #0089f0;
}
.slots_left_bot .parent_node_no {
    display: none;
}
.slots_right_bot.plus_addmore_edit .right_pop_icons span svg {
    fill: #494949;
}
.slots_left_bot .if_dropdown {
    border: 0px solid #d1d1d1;
}
.slots_left_bot .form-control {
    background-color: #efefef;
    border: 0px solid #d1d1d1;
    padding: 10px;
}
.slots_right_bot.plus_addmore_edit .parent_svg svg {
    fill: #494949 !important;
}
.slots_panel .slots_left_bot .if_dropdown h6 {
    font-size: 14px;
    font-family: 'Seravek-Regular';
    padding-left: 0;
}
.plus_add_more.full_width {
    width: auto;
}
.slots_left_bot .if_right_dropdown input {
    font-family: 'Seravek-Medium';
}
.plus_addmore_edit .dropdown_right.intent_entity_details {
    margin-top: 7px;
}
.plus_addmore_edit .tryit-content .if_dropdown h6 {
    border: 0px solid #d1d1d1;
}
.plus_addmore.dialog_full_width {
    width: auto;
}
.fill_input.fill_bottom_space p {
    margin-bottom: 0;
    padding-bottom: 7px;
}
.dropdown_right.dilaog_addchild_hover ul li:hover {
    background: #ffe5d3;
    color: #333;
    border: 1px solid #ffe5d3;
}
.dialog_tree_render.dropdown_content.plus_dropdown_list .drpdown_dialog {
    position: absolute;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 6px;
    top: 0px;
    margin-left: 1px;
}

/*** 

====================================================================
	Console Stylesheet
====================================================================

    ***/
.console-bg-workplace {
    bottom: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
}
a.nav-link {
    font-size: 12px;
    font-weight: 600;
}
.container-fluid .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #ffffff #ffffff #fff;
    border-bottom: #ff7000 2px solid;
}
.container-fluid a.nav-link {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Seravek-Regular';
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #ffffff #ffffff #fff;
    border-bottom: #ff7000 2px solid;
}
.tab-pane h3 {
    font-size: 14px;
    padding: 0 15px;
}
.tab-pane p {
    font-size: 12px;
    padding: 0 15px;
    margin-bottom: 5px;
    font-family: 'Seravek-Regular';
    color: #999;
}
.console-data-description .fill_values {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 -5px 15px -5px #ccc;
    margin-top: 0;
}
.console-data-description .input_values:last-child {
    margin-bottom: 0px;
}
.console-data-description .fill_input {
    width: 30%;
    float: left;
    color: #494949;
    font-family: 'Seravek-Bold';
    font-size: 12px;
}
.console-data-description .fill_0utput {
    width: 70%;
    color: #494949;
    font-family: 'Seravek-Bold';
    float: left;
}
.button_green 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 rgb(20, 120, 8);
    background: rgb(20, 120, 8);
    color: #ffffff;
    outline: 0;
    display: flex;
    align-items: center;
    fill: #ffffff;
}
.button_green button:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    fill: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}
.button_green button:focus {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900;
    background: #fff;
    color: #ff7900;
    fill: #ff7900;
}
.indent_paragraph {
    font-size: 14px;
    margin-top: 20px;
}
.console-data-description .output_values {
    margin-top: 0px;
}
.indent_smallest_title {
    font-size: 30px;
    font-family: 'Seravek-Extralight';
    color: #494949;
    line-height: 0.8;
}
.indent_main_title {
    font-size: 45px;
    font-family: 'Seravek-Extralight';
    color: #494949;
    margin-top: 10px;
    font-weight: 600;
}
.tab-pane h4 {
    font-size: 14px;
    margin: 0px;
    font-family: 'Seravek-Regular';
    margin-bottom: 5px;
    font-weight: 1000;
}
.tab_pane_ul p {
    padding-left: 0px;
    color: #999;
}
.fill_input_name h5 {
    font-size: 14px;
    width: auto;
    font-family: 'Seravek-Regular';
    font-weight: 600;
}
.input_values_scroll {
    height: 100%;
    width: 100%;
    float: left;
    position: relative;
    top: 30px;
}
.console-bg-workplace .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    position: relative;
    margin: 20px 0px;
}
.tab_pane_ul ul {
    margin-bottom: 0px;
    padding-left: 25px;
}
.tab_pane_ul {
    font-size: 12px;
    padding: 0 15px;
    margin-bottom: 0;
    margin-top: 10px;
}
.consoloe_input_no {
    color: #494949 !important;
}
.tab_pane_ul ul li {
    list-style: none;
    font-family: 'Seravek-Regular';
    color: #999;
}
.tab_pane_ul ul li span {
    font-family: 'Seravek-Regular';
    color: #ff7900;
}
.console_bg_head {
    width: 100%;
    bottom: 60px;
    padding-left: 120px;
    float: left;
    margin-top: 20px;
}
.console_bg_head_left {
    width: 30%;
    float: left;
    padding-left: 20px;
    border-right: #dce2e6 1px solid;
    height: 100%;
    overflow-y: auto;
}
.console_bg_head_left h6 {
    font-size: 14px;
    cursor: pointer;
    display: table-cell;
    align-items: center;
    vertical-align: middle;
    font-family: 'Seravek-Regular';
}
.console_bg_head_right {
    width: 100%;
    float: left;
    height: 100%;
}
.tab-content {
}
.console_bg_head_left_img {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.console_bg_head_width {
    width: 100%;
    float: left;
    background: #fff;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 -5px 15px -5px #ccc;
    height: calc(100vh - 470px);
}
.tab-pane_width {
    margin: 20px 0px;
    height: 275px;
    overflow: auto;
}
.console_bg_head_left_img:first-child {
    margin-top: 20px;
}
.console_bg_head_left_img_click h6 {
    margin-bottom: 0px;
}
.console_bg_head_left h4 {
    text-align: center;
    font-size: 16px;
    margin: 20px 0px;
    font-family: 'Seravek-Regular';
}
.elements_ul_run {
    width: calc(100% - 43.9%);
    border-bottom: 1px solid #dce2e6;
    background: #fff;
    position: fixed;
    /* height: 60px; */

    margin-top: -20px;
    padding-top: 10px;
    z-index: 9;
}
.pane_width_top {
    position: relative;
}
.elements_ul_run li {
    display: inline-block;
    cursor: pointer;
    margin-right: 20px;
    position: relative;
    top: 1px;
    font-family: 'Seravek-Regular';
}
.li_active {
    border-bottom: #ff7000 2px solid;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.li_delink {
    border-bottom: 1px solid inherit;
}
.console-data-description .output_values {
    margin-bottom: 0px;
}
.console-data-description .input_values {
    margin-bottom: 5px;
}
.tab-pane_svg svg {
    width: 12px;
    fill: #494949;
}
.tab-pane_svg {
    width: 100%;
    float: left;
}
.tab-pane_svg:last-child svg {
    margin-bottom: 40px;
}
.console_bg_head .entity_radio .radio {
    width: auto;
    float: left;
    margin-right: 10px;
}
.right_panel_radio .entity_radio span {
    font-family: 'Gordita-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #000000;
    position: relative;
    top: 1px;
}
.console_bg_head_left_img {
    background: #fff;
    height: 40px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
    float: left;
    width: 95%;
    color: #494949;
    display: table;
}
.console_bg_head_left_img:hover {
    background: #0a89e8;
    color: #fff;
    border: inherit;
}
.console_bg_head_left_img_click {
    border: 1px solid #ff7900;
    color: #ff7900;
}
.console_bg_head_left_error {
    border: 1px solid red;
    color: red;
}
.console_bg_head_right_left .console-bg-workplace {
    margin-top: 0px;
}
.console_bg_head_right_left .fill_input {
    width: 100%;
    float: left;
}
.console_bg_head_right_left .fill_0utput {
    width: 30%;
    color: #494949;
    font-family: 'Seravek-Bold';
    float: left;
}
.console_bg_head_right_left .inter_svg {
    width: 30px;
    float: left;
    display: inline-flex;
    align-items: center;
    height: 30px;
    background: #f4f4f4;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
}
.console_bg_head_right_left .inter_svg:hover {
    background: #0a89e8;
}
.console_bg_head_right_left .inter_svg:hover svg {
    color: #fff;
}
.console_bg_head_right_left .inter_svg svg {
    width: 15px;
    height: 15px;
    fill: #494949;
    margin: 0 auto;
}
.consolor_bg_right_head {
    width: 70%;
    float: left;
    height: 100%;
    overflow-y: scroll;
}
.automation_output .input_values .form-control {
    border: none;
    pointer-events: none;
    cursor: not-allowed;
}
.automation_output .fill_0utput .if_dropdown {
    cursor: inherit;
}
.console_bg_head_right_left .flow_group_home {
    width: 100%;
    float: left;
    height: auto;
    padding: 5px;
}
.fill_values {
    margin: 0px !important;
}
.automation_input .fill_values input {
    padding-left: 10px;
}
.console_bg_head_right_left .console-data-description .fill_values {
    background-color: #ffffff;
    border-radius: 0px;
    box-shadow: none;
    margin: 20px 0px;
}
.console_bg_head_right_left .console-data-description {
    width: 100%;
    float: left;
    height: 100%;
}
.automation_input .console_bg_head_right_left .fill_input {
    width: 100% !important;
    float: left;
}
.p-l-130 {
    padding-left: 130px;
}
.p-l-130 .intent_list_description:first-child span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 4px solid black;
    left: 90px;
    top: 9px;
}
.p-l-130 .list_flow_p p {
    font-family: 'Seravek-Regular';
    font-size: 15px;
}
.p-l-130 .list_flow_span span {
    font-family: 'Seravek-Regular';
    font-size: 15px;
    color: #494949;
}
.flow_test_buton {
    border: none;
    width: 150px;
    border-radius: 18px;
    cursor: pointer;
    margin-left: -10px;
    height: 30px;
    background: #1b7715 !important;
    color: #fff !important;
    top: 15px;
    font-family: 'Seravek-Regular' !important;
    position: absolute;
    left: 290%;
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}
.flow_test_buton:hover {
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}
.flow-loader {
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
}
.list-full-width-group-margin {
    margin-top: 5px;
}
.group-tool-box {
    position: relative;
    /* right: 15px; */
}
.list-full-width:hover .group-tool-box {
    position: relative;
    /* right: 10px; */
}

/* tryit poup changes */
.tryit_content_hide_intent {
    width: 100%;
    float: left;
    overflow: hidden;
    justify-content: left;
    display: flex;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tryit_content_hide_entity {
    width: 100%;
    float: left;
    margin-top: 0px;
}
.tryit_content_show_one {
    width: 100%;
    float: left;
    overflow: auto;
}

/*** 

====================================================================
	New css updated in mobile css End
====================================================================

***/

/*New css End*/

/*changes in second time css*/
.cogni__main {
    order: 2;
    flex: initial;
    position: relative;
    /* z-index: 300; */
    width: 100%;
    float: left;
    /* padding-left: 30px;
    padding-right: 30px; */

    overflow-y: hidden;
}

.cogni_cards:after {
    position: fixed;
    left: 0;
    top: 64px;
    content: '';
    border-bottom: 1px solid #d9e2eb;
    width: 130%;
    z-index: 9;
}

.un_verified .cogni_cards:after {
    top: 114px;
}
.un_verified .item-group.bottom_bar_sidemenu {
    margin-bottom: 50px;
}
.cogni_menu_fixed {
    background: #f4f4f4;
    height: 64px;
}

/* 
.header_box_shadow {
    background: linear-gradient(to bottom, rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 1) 60%, rgba(244, 244, 244, 0.8) 78%, rgba(255, 255, 255, 0) 100%);
    position: fixed;
    top: 0px;
    z-index: 1030;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    width: 100%;
    left: 0%;
} */
.container-fluid.pl-0 .row {
    margin-left: 0px;
    margin-right: 0px;
}

/* error styles */
.page_error {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    margin-top: -120px;
}
.error_style {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: flex;
    height: calc(55vh - 160px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.error_style p {
    color: #000;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    text-align: left;
    padding: 0px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}
.error_style button {
    margin: 0px;
}
.error_style p:first-child {
    margin-bottom: 10px;
    text-align: center;
}

/* error styles */

/* Nodata Start */
.nodata_found {
    width: 100%;
    float: left;
    height: 100vh;
    display: flex;
}
.nodata_found_width {
    background: #fff;
    border-radius: 30px;
    width: 35%;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    margin: 0 auto;
    display: block;
}
.col-md-12.profile_page_form {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.nodata_found_height {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.nodata_found_width_left {
    background: #fff;
    padding: 40px;
    margin: 0px;
    border-radius: 30px;
    width: 100%;
    float: left;
}

/* .entity_cards_pagewrapper.entity_cards_loader{
    height: calc(100vh - 15vh);
} */
.header_loader_height_change .entity_cards_pagewrapper.entity_cards_loader {
    height: calc(100vh - 15vh);
}
.header_loader_height_change .entity_cards {
    overflow-y: hidden;
}

.nodata_found_width_left .first_parah_text {
    margin-bottom: 0px;
}
.nodata_found_width_left .first_parah_error_text {
    margin-bottom: 0px;
    color: #ff5252;
    font-size: 22px;
}
.nodata_found_width .row {
    margin: 0px;
}
.expired_alert_left_bottom_img {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.expired_alert_left_bottom_img img {
    width: 100%;
    margin-bottom: 20px;
}
.nodata_found_width_left .centerImage {
    width: 45%;
    text-align: center;
    padding-bottom: 25px;
    margin: 0 auto;
    display: block;
}
.nodata_found_width_left p {
    width: 100%;
    float: left;
    color: #494949;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Gordita-Regular';
    font-size: 14px;
}
.nodata_found_button button {
    min-width: 90px;
    height: 32px;
    font-family: 'Gordita-Medium';
    font-size: 14px;
    text-align: center;
    padding: 0 12px;
    border-radius: 18px;
    border: 0.5px solid #999999;
    background: #fff;
    color: #000;
    outline: 0;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.nodata_found_button button:hover {
    border: 0.5px solid #ffe5d3;
    background: #ffe5d3;
    color: #333;
    fill: #333;
    box-shadow: none;
    outline: 0;
}
.nodata_found_button button:focus {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ff7900 !important;
    background: #fff !important;
    color: #ff7900 !important;
}

/* Nodata End */

/* OTP popup */
.otp_popup h4 {
    width: 100%;
    float: left;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    margin-bottom: 10px;
}
.otp_popup input {
    width: 100%;
    float: left;
    height: 38px;
    border-radius: 6px;
    border: 1px solid #f1f2f4 !important;
    background: #f1f2f4 !important;
    font-size: 14px;
    font-family: 'Seravek-Regular';
    padding: 0px 10px;
    margin-bottom: 10px !important;
}
.otp_popup p {
    width: auto;
    color: #0a89e8 !important;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    margin: 0px;
    margin-bottom: 5px;
    cursor: pointer;
    float: right;
}
.email_veriy_label {
    position: absolute;
    width: max-content;
    left: 35%;
    margin-top: 10px;
    text-transform: capitalize;
    background: #1cb75e;
    border: 1px solid #1cb75e;
}

.email_otp_loader {
    width: 12px;
    height: 12px;
    position: absolute;
    margin-top: 15px;
    left: 46%;
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.otp_popup .otp_popup_buton {
    width: 50% !important;
    float: left;
    height: 38px !important;
    border-radius: 6px !important;
    border: 1px solid #0a89e8 !important;
    background: #0a89e8 !important;
    font-size: 14px;
    color: #fff !important;
    cursor: pointer;
    text-align: center !important;
}
.otp_popup_label {
    margin: auto;
}

/* Dialog Setting css Start */
.page__center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_settings_body._section_2 .target.customTip svg,
.dialog_settings_body .target.customTip svg {
    width: 12px;
    height: 12px;
    color: #999999;
}
.dialog_settings_body._section_2 .info_with_content .target.customTip svg {
    width: 8px;
    height: 8px;
    color: #999999;
    pointer-events: visible;
}

.dialog_settings_body._section_2 .target.customTip,
.dialog_settings_body .target.customTip {
    position: relative;
    left: 06px;
    display: flex;
    align-items: center;
    line-height: 16px;
    top: -1px;
    cursor: pointer;
}

.dialog_settings_content_center textarea {
    width: 94%;
    float: left;
}
.dialog_settings_content_center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_settings_content_center .thums_up .st0 {
    fill: #3c92ca;
}
.feedback_svg_analytics svg {
    width: 24px;
    height: 24px;
}
.feedback_svg_analytics span {
    width: 24px;
    height: 24px;
}
.thums_up .st0 {
    fill: #3c92ca;
}
.dialog_settings_content_center .thums_down .st0 {
    fill: #db1900;
}
.thums_down .st0 {
    fill: #db1900;
}
.dialog_settings {
    width: 100%;
    float: left;
}
.dialog_settings_header {
    width: 100%;
    float: left;
    padding: 20px 30px;
    padding-bottom: 10px;
}

.dialog_settings_underline {
    border-top: 0.5px solid #ccc;
    width: 100%;
    float: left;
}
.dialog_settings_body {
    padding: 20px 20px 0px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
}
.dialog_settings_body .time_stamp {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    text-align: left;
    margin-top: 6px;
    font-family: 'Gordita-Regular';
    columns: #333333;
}
.dialog_settings_body h5 {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #000;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.dialog_settings_body p {
    color: #000;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    margin-bottom: 20px;
}
.dialog_settings_body_bg {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 320px;
    grid-gap: 40px;
    align-items: center;
}
.dialog_settings_body_pad {
    width: 100%;
    float: left;
}
.dialog_settings_body_pad .show_hide input[type='checkbox'].switch_1 {
    top: 2px;
}
.dialog_settings_body .tryit_understand {
    border-radius: 0px 10px 10px 10px;
    margin-bottom: 0px;
    background: #fff;
    box-shadow: 0px 1px 3px #0000001a;
}

.tryit_understand {
    white-space: pre-line;
}

.dialog_settings_body .tryit_bot_msg svg {
    color: #fff;
}
.dialog_settings_body .tryit_understand_parent {
    z-index: 1;
}
.dialog_settings_body .tryit_understand_parent span {
    align-items: flex-start;
}
.chat_message_wrapper {
    width: 100%;
    float: left;
    background: #f2faff 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #0000001a;
    border-radius: 10px;
    display: flex;
    padding: 30px 15px 20px 20px;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

/* Button 1 */
.dialog_settings_content #button-1 .knobs:before {
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    background-color: #03a9f4;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_settings_content #button-1 .checkbox:checked + .knobs:before {
    content: 'NO';
    left: 42px;
    background-color: #f44336;
}
.dialog_settings_content #button-1 .checkbox:checked ~ .layer {
    background-color: #fff;
}
.dialog_settings_content #button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
    transition: 0.3s ease all;
}
.dialog_settings_content_box span {
    position: relative;
    float: left;
    top: 16px;
    left: 10px;
}
.dialog_settings_content_box p {
    width: auto;
    float: left;
    margin-bottom: 6px;
    color: #000;
}
.dialog_settings_content_box h6 {
    width: 100%;
    float: left;
    color: #494949;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    margin-bottom: 15px;
}
.dialog_settings_content_button {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.dialog_settings_content_button button {
    width: 140px;
    height: 30px;
    padding: 0px;
    border-radius: 8px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    background: #ebe9ea;
    border: 0.5px solid #ebe9ea;
    margin-right: 20px;
}
.dialog_settings .dialog_settings_button {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-left: 30px;
}
.dialog_settings .dialog_settings_button button {
    width: 140px;
    height: 30px;
    padding: 0px;
    border-radius: 18px;
    font-family: 'Seravek-Regular';
    font-size: 15px;
    border: 0.5px solid #ebe9ea;
    margin-right: 20px;
    background: #fff;
    cursor: pointer;
}
.dialog_settings .dialog_settings_button button:first-child {
    background: #0098da;
    color: #fff;
    font-family: 'Seravek-Bold';
}
.dialog_settings .dialog_settings_button button:last-child {
    background: #fff;
    color: #494949;
    font-family: 'Seravek-Bold';
}

/* Dialog Setting css End */
.typemsg_input {
    width: 100%;
    float: left;
    color: #494949;
    font-family: 'Seravek-Bold';
    font-size: 14px;
    margin-bottom: 3px;
}

.edit_input_text {
    padding: 0px 10px !important;
    width: 90%;
    float: left;
    background: #e5f4f9;
    border: 0.5px solid #d1d1d1;
    height: 30px !important;
}
.edit_input_text .full_input_width {
    margin: 0px !important;
    padding: 0px;
    width: 100%;
    border: none !important;
    height: 28px !important;
    color: #494949;
}
.edit_input_text svg {
    width: 22px;
    float: right;
    border: 1px solid #ccc;
    height: 22px;
    padding: 6px;
    border-radius: 50%;
    margin-top: -13px;
    cursor: pointer;
    position: relative;
    top: 16px !important;
}
.form-control-error {
    width: 90%;
    float: left;
}
.error_input_show {
    position: absolute;
    right: 0;
}
.error_input_show.intent_profile {
    left: 45.5%;
    margin-top: 15px;
}
.error_input_show.slot_error {
    top: 85px;
    right: 10px;
}
.error_input_show.slot_error .error_menu_hvr {
    right: 18px;
    bottom: -40px;
}
.welcome_fallback_error {
    top: 8px !important;
    left: 40px;
}
.error_input_show.move_example {
    right: 50px;
    bottom: 23px;
    z-index: 9;
}
.error_input_show.intent svg {
    top: 15px;
    right: 35px;
}
.error_input_show.intent .error_menu_hvr {
    margin-left: -15px;
    margin-top: 6px;
}
.error_input_show svg {
    border-radius: 0px;
    width: 15px;
    height: 15px;
    position: relative;
    cursor: pointer;
    fill: #fc2a2a !important;
    float: left;
    padding: 0px;
    border: none;
    right: 8px;
    top: 6px;
}
.error_input_show.parent {
    z-index: 9;
    top: inherit;
    right: 10px;
    bottom: 30px;
}
.error_input_show.dialog_node {
    bottom: 25px;
    right: 15px;
    z-index: 1;
}
.error_menu_hvr {
    display: none;
    width: max-content;
    min-height: 30px;
    background: #fff !important;
    border-radius: 8px;
    align-items: center;
    padding: 10px;
    position: absolute;
    margin-left: 30px;
    margin-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    font-family: 'Gordita-Regular' !important;
    color: #476b95 !important;
    z-index: 2;
    line-height: initial;
    margin-bottom: 30px;
    font-size: 9px !important;
}
.error_input_show:hover .error_menu_hvr {
    display: block;
    text-align: center;
}
.first_add_node .error_input_show:hover .error_menu_hvr {
    margin-top: -7px;
    margin-left: 20px;
    top: -28px;
    left: -80px;
}

.automation_card .error_input_show:hover .error_menu_hvr {
    left: inherit;
    top: 40px;
    right: 0;
}

.automation_card .error_input_show {
    top: 12px;
}

.list-full-width .error_input_show {
    bottom: 5px;
}

.list-full-width .error_menu_hvr {
    width: 180px;
    margin-left: -85px;
    height: 35px !important;
    margin-top: -30px;
}
.list-full-width .list-view-icon .error_input_show svg {
    right: 2px;
    top: 5px;
}

.left_popup_automation_tree .error_input_show:hover .error_menu_hvr {
    display: block;
    width: 130px;
    min-height: 30px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 10px;
    position: absolute;
    margin-top: 0px;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    z-index: 999999;
    line-height: initial;
    top: 15px;
    left: -122px;
}
.dialog_context_popup_height .dailog_canvas__dropdown_tree .button_auto_remove_before:before {
    background: none;
}

/* Changes in new css analytics */
.change_view {
    width: 80px;
    height: 24px;
    font-family: 'Seravek-Regular';
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #ffe5d3;
    background: #fff;
    color: #333;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 auto;
}
.change_view:hover {
    background: #ffe5d3;
    border: 0.5px solid #ffe5d3;
    color: #333;
}
/* .automation_btn_view:hover {
    background: #FFE5D3;
    border: 0.5px solid #FFE5D3;
    color: #333;
} */
.automation_btn_view {
    width: 50px;
    height: 24px;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    border-radius: 18px;
    border: 0.5px solid #cecece;
    background: #fff;
    color: #333;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.automation_btn_view label {
    position: relative;
    top: 1px;
    cursor: pointer;
    margin: 0;
}
.conversation_center_td td {
    text-align: center;
}
.dropdown_training_automation {
    width: 20px;
    float: left;
    position: absolute;
    right: 0;
    margin-top: 5px;
    border-radius: 50%;
    border: 1px solid #494949;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown_training_automation svg {
    width: 10px;
    height: 10px;
    position: relative;
    top: 2px;
}
.training_automation_module_overview .dropdown_right_entity {
    float: left;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: -4px;
    position: absolute;
    z-index: 9;
    width: 101%;
    left: 3px;
}
.training_automation_module_overview .dropdown_right_entity ul li:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

/* call automation popup start */
.dialog_call_automation_popup {
    width: 100%;
    float: left;
    padding: 20px;
    padding-top: 0px;
}
.dialog_call_automation_popup .autoamtion_connection {
    margin-top: 0px;
}
.dialog_call_automation_popup .autoamtion_connection .automation_scroly {
    width: 100%;
    position: absolute;
    margin-top: 30px;
    border-radius: 8px;
    right: 0px;
    left: 0%;
    cursor: pointer;
}
.dialog_call_automation_popup .select_work_form input {
    padding-left: 10px !important;
}
.checkbox_inline_width {
    width: 100%;
    float: left;
    line-height: 2;
}

.checkbox_inline_width.call_automation_checkbox_container {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    margin-bottom: 5px;
}

.checkbox_inline {
    margin-right: 15px;
    margin-bottom: 0px;
}
.checkbox_inline span {
    position: relative;
    top: -2px;
    font-family: 'Gordita-Regular';
    font-size: 14px;
    margin-right: 5px;
}
.checkbox_inline_width .checkbox_inline_input {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    appearance: none;
    border-radius: 5px;
    border: 1px solid #b9b9b9;
    background: #fff;
}
.checkbox_inline_width input[type='checkbox']:checked {
    background: #2468f6;
    border: 1px solid #2468f6;
}
.checkbox_inline_width input[type='checkbox']:checked ~ .check_mark::after {
    content: '';
    position: absolute;
    height: 5px;
    width: 10px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 3px;
    right: 3px;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.dialog_call_automation_checkbox {
    width: 100%;
    float: left;
}
.dialog_call_automation_checkbox .call_automation_bot_icon {
    padding: 0px;
    border-radius: 50%;
    margin-left: 0 !important;
    margin-right: 5px;
    background: #c7e3ff;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
}

.dialog_call_automation_checkbox .call_automation_bot_icon svg {
    color: #367af2;
    fill: #367af2;
    text-align: center;
    width: 100%;
    height: 65%;
}
.dialog_call_automation_height {
    width: 100%;
    float: left;
}
.dialog_call_automation_height p {
    text-align: left;
}
.dialog_call_automation_height .automation_form_req {
    padding: 0px;
    margin-bottom: 12px;
    margin-top: 0px;
}
.dialog_call_automation_height .automation_form_req:last-child {
    margin-bottom: 0px;
}
.dialog_call_automation_popup .autoamtion_connection p {
    text-align: left;
    margin-top: 0px !important;
}
.dialog_call_automation_popup {
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    height: calc(100vh - 300px);
    padding-bottom: 0px;
}
.call_automation_para {
    margin-bottom: 10px !important;
}
.call_autoamtion_buton_hover {
    width: auto;
    float: left;
}
.dialog_call_automation_popup .button_auto_hover {
    position: absolute;
    margin-top: -35px;
    width: 250px;
    min-height: 24px;
    display: inline-block;
    padding: 5px 10px;
    z-index: 9;
    margin-left: 0px;
    min-width: 100px;
    left: 35px;
}
.call_automation_popup_hover:hover ~ .button_auto_hover {
    opacity: 1;
}

/* call automation popup end */

/* intetnt and entity design changes start */
.intent-inner-height {
    width: 100%;
    float: left;
    height: calc(100vh - 32vh);
    overflow-y: scroll;
    padding-bottom: 40px;
}
.buton_back {
    width: 26px;
    height: 26px;
    background: #526a86;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.buton_back:hover {
    background: #ffe5d3;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
}

.buton_back .rotate_dropdown {
    width: 13px;
    height: 13px;
    fill: #fff;
    transform: rotate(90deg);
}
.buton_back:hover .rotate_dropdown {
    fill: #333;
}
/* .buton_back:hover .rotate_dropdown {
    fill: #526a86;
} */
.buton_back.inner_pages {
    width: max-content;
    padding: 0px 12px;
    font-size: 10px;
    font-family: 'Gordita-Regular';
    border-radius: 18px;
    background-color: rgb(36, 104, 246);
    background: '#2468F';
    color: rgb(255, 255, 255);
}
.buton_back.inner_pages svg {
    width: 10px;
    height: 10px;
    fill: #fff;
    transform: rotate(180deg);
    margin-right: 6px;
}
.buton_back.inner_pages span {
    position: relative;
    top: 1px;
}
.buton_back.inner_pages:hover {
    background: #ffe5d3 !important;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    color: #000;
}
.buton_back.inner_pages:hover svg {
    fill: #000;
}
.dialog_editor_canvas .indent_dialog_left .buton_back.inner_pages svg {
    transform: rotate(180deg);
    margin-right: 6px;
}
.intent_inner_page .indent_title {
    margin: 0px;
    display: flex;
    align-items: center;
}
.buton_back_content {
    width: auto;
    float: left;
    margin-left: 10px;
    display: flex;
}

.buton_back_content_column {
    width: auto;
    float: left;
    display: flex;
    flex-direction: column;
}

.intent_inner_page .buton_back_content_column p {
    margin-left: 13px;
}
.intent_inner_page h2 {
    margin: 0px;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 18px;
    font-family: 'Gordita-Medium';
}
.intent_inner_page p {
    margin: 0px;
    font-size: 12px;
    color: #355d8b;
    word-break: break-all;
    padding-left: 0px;
    font-family: 'Gordita-Regular';
    padding-top: 3px;
}
.intent_inner_page .buton_back_content p {
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 50px; */
}
.buton_edit_intent {
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #617995;
    margin-left: 10px;
    cursor: pointer;
}
.buton_edit_intent:hover {
    background: #ffe5d3;
    border: 1px solid #ffe5d3;
    fill: #333;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    transition: 0.3s ease;
}
.buton_edit_intent:hover svg {
    color: #526a86;
}
.buton_edit_intent svg {
    width: 13px;
    height: 13px;
    color: #617995;
}
.entity_table_row.intent_table_row:hover .entity_span {
    color: #333;
}
.entity_cards.default_entity .row {
    padding: 0px 30px;
    margin-top: 15px;
    font-family: 'Seravek-Regular';
}
.entity_cards.default_entity .col-md-12 h4 {
    margin-top: 20px;
}
.entity_cards.default_entity .row ul li {
    font-size: 18px;
    color: #617995;
}
.entity__header.default_entity_header .indent_title h4 {
    color: #617995 !important;
}

/* intetnt and entity design changes end */
.dialog_analytics_thumps_svg h6 span svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.dialog_analytics_thumps_svg h6 {
    display: flex;
    align-items: center;
}
.dialog_analytics_thumps_svg {
    width: 100%;
    float: left;
}
.dialog_analytics_thumps_svg .analytics_charts_left_total {
    display: flex;
    justify-content: space-between;
}
.dialog_analytics_thumps_svg .analytics_charts_left_total_center {
    width: auto;
    float: left;
}

/* Automation card and list view css design changes */
.automation_card {
    width: 100%;
    float: left;
    position: relative;
}
.search-card-title.flow_create_new {
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    margin-top: 0px;
    flex-wrap: wrap;
    min-height: 86px;
}
.search-card-title.flow_create_new h5 {
    margin: 0px;
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
}
.flow_card_left {
    width: 24px;
    height: 24px;
    float: left;
    background: #c7e3ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_card_left svg {
    width: 12px;
    height: 12px;
    fill: #367af2;
}
.flow_card_right {
    width: 100%;
    margin-left: 6px;
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #000;
    min-height: 72px;
}
.flow_card_right > div {
    position: relative;
    top: 4px;
}
.search-card-title.flow_create_new p {
    padding-top: 4px;
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    line-height: inherit;
}
/* .entity_cards_layer .entity_hvr {
    position: absolute;
    right: 10px;
} */
.autoamtion_connect_dialog {
    display: grid;
    align-items: center;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    justify-content: space-between;
    top: 0px !important;
    grid-template-columns: 1fr 48px;
    gap: 52px;
}
.autoamtion_connect_dialog h6 {
    width: auto;
    float: left;
    margin: 0px;
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 10px;
    font-family: 'Gordita-Regular';
    margin-top: 0px;
    position: relative;
}
.autoamtion_connect_dialog .approval_btn {
    width: 48px;
    height: 18px;
    background: #d5ffee 0% 0% no-repeat padding-box;
    border-radius: 24px;
    color: #000000;
    font-size: 7px;
    font-family: 'Gordita-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
}
.entity_cards_layer.workflow_cards:hover .autoamtion_connect_dialog .approval_btn {
    background: #fff;
}
.autoamtion_connect_dialog .approval_btn label {
    position: relative;
    top: 1px;
    margin-bottom: 0px;
}
.autoamtion_connect_dialog h6 span {
    display: flex;
}
.autoamtion_connect_dialog h6 span svg {
    width: 12px;
    height: 12px;
    fill: #355d8b;
    margin-right: 4px;
}
.autoamtion_connect_dialog_span {
    display: inline-block;
    align-items: center;
    width: auto;
    position: relative;
    top: 12px;
    left: -3px;
}
.entity_cards_layer:hover .autoamtion_connect_dialog_span span {
    color: #fff;
}
.entity_cards_layer:hover .autoamtion_connect_dialog_span span span svg {
    fill: #fff;
}
.autoamtion_connect_dialog_span span {
    margin: 0px;
    display: flex;
    align-items: center;
    color: #617995;
    font-size: 13px;
    font-family: 'Seravek-Regular';
}
.autoamtion_connect_dialog_span span span svg {
    width: 15px;
    height: 15px;
    fill: #617995;
    margin-right: 3px;
}
.entity_cards_layer:hover h5 {
    color: #000;
}

/* .entity_cards_layer:hover .autoamtion_connect_dialog h6 {
    color: #526a86;
}
.entity_cards_layer:hover .autoamtion_connect_dialog h6 span svg {
    fill: #526a86;
} */
/* .entity_cards_layer:hover .automation_count_dilaog {
    color: #526a86;
} */
.automation_count_dilaog {
    font-size: 10px;
    font-family: 'Gordita-Regular';
    color: #f07f31;
    margin-left: 3px;
}
.flow_entity_span {
    width: 100%;
    float: left;
    margin-top: 0px;
    height: 36px;
    display: flex;
    align-items: center;
    position: relative;
}
.flow_entity_span .no_input_value {
    position: absolute;
    right: 0;
    top: 2px;
}
.flow_entity_span p {
    padding-top: 0px;
}
/* .flow_entity_span:before {
    content: '';
    position: absolute;
    top: 78%;
    left: -2px;
    right: 0;
    border-top: 1px solid #e0e0e0;
    width: 101%;
} */
.autoamtion_connect_dialog_listview {
    justify-content: center;
}
.autoamtion_connect_dialog_list {
    padding-left: 28px;
}
.list-view-sub:hover .autoamtion_connect_dialog_listview span svg {
    fill: #526a86;
}
.list-view-sub:hover .automation_count_dilaog {
    color: #f07f31;
}
.list_flow_p.autoamtion_connect_dialog {
    margin: 0px;
}
.list-view-sub:hover .autoamtion_connect_dialog h6 span {
    color: #526a86;
}

/* dialog layout */
.dialog_entity_cards {
    margin-top: 0px;
    height: 100vh;
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.jump_to_panel .tree1 li {
    padding: 0px;
    list-style: none;
}
/* bug css fix in dialog editor Start*/
.tryit_popup .modal-dialog {
    max-width: 100%;
    margin: 0;
}
.jump_to_panel .tree1 li {
    padding: 0px;
}
.cogni__main.dialog_editor_canvas {
    padding-left: 0px;
}
.nodata_found_button {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nodata_found_button a {
    text-decoration: none;
    width: auto;
    float: left;
}
.nodata_found_button a button {
    margin-bottom: 0px;
}

/* tryme svg */
.st0_img {
    fill: #5b9ff7;
}
.st1_img {
    fill: #466af3;
}
.st2_img {
    fill: #314af2;
}
.st3_img {
    fill: #6ce6f9;
}
.st4_img {
    opacity: 0.75;
    fill: #ffffff;
}
.st5_img {
    fill: #ffffff;
}

/* tryme svg */
.entity_table_row.intent_table_row .entity_table_row_3.intent_table_row_3 {
    word-break: break-word;
}

/* bug css fix in dialog editor End*/

/* Dilaog detail page design change */
.icon_detail_right {
    width: 18px;
    height: 18px;
    background: #fff;
    padding: 0.5px;
}
.icon_detail_right svg {
    color: #fff;
    fill: #fff;
    width: 18px;
    height: 18px;
}
.parent_node:hover .icon_detail_right {
    background: inherit;
}
.dialog_detail_changes .dialog_input_edit_true.dialog_context_input_edit_true {
    border: none;
    border-radius: 0px;
    min-height: auto;
    background: none;
    padding: 0px 10px;
    cursor: text;
}
.dialog_detail_changes span {
    margin: 0 auto;
    width: auto;
    height: 18px;
    background: inherit;
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 10px;
    border-radius: 0px;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 18px;
}
.dialog_detail_changes .buton_dialog_auto_hvr {
    margin-top: 10px;
}
.dialog_detail_changes {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}

.dialog_detail_child_no .child_node_no {
    width: 36px;
    height: 36px;
    background: #c9e6f4;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    border-radius: 50%;
}
.parent_node:hover .dialog_detail_child_no {
    background: inherit;
    width: 100%;
    margin-left: 0px;
    border-radius: 50%;
}
.parent_node:hover .dialog_detail_child_no svg {
    fill: #0a89e8 !important;
}
.parent_node:hover .dialog_detail_child_no .child_node_no {
    background: #fff;
}
.link-button span {
    color: #006cb7;
}
.parent_node:hover .dialog_detail_changes .dialog_input_edit_true .button_dialog {
    border: 0.5px solid #fff;
    background: #fff;
    color: #494949;
}
.parent_node:hover .dialog_detail_changes span {
    color: #fff;
}
.parent_node:hover .dialog_detail_changes button span {
    color: #494949;
}
.dialog_detail_changes .dialog_input_edit_true .button_dialog img {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    float: left;
}
.dialog_detail_changes .DraftEditor-editorContainer {
    height: 70px;
    overflow-y: scroll;
    padding-bottom: 20px;
}
.dialog_detail_changes button span {
    padding-top: 0px;
}
.dialog_detail_changes .dialog_tree_render {
    width: 100%;
    float: left;
    position: relative;
}
.dialog_detail_changes .dialog_tree_next .dialog_tree_next {
    position: relative;
    left: 290px;
    top: -105px;
}

.onfocus_recognise_input {
    width: 100%;
    float: left;
    height: 48px;
    font-size: 12px;
    padding: 22px 12px 6px 12px;
    font-family: 'Gordita-Regular';
    border-radius: 6px;
    border: 0.5px solid #b9b9b9;
    outline: 0;
    padding-left: 10px;
    background: #fff;
    cursor: pointer;
    margin-top: 20px;
    position: relative;
}
.onfocus_recognise_input .button_auto_input_click {
    color: #999;
    top: 8px;
    font-size: 10px;
    -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;
}
.onfocus_recognise_input .target.customTip._description {
    position: relative;
    top: 1px;
    left: 6px;
    width: 9px;
    height: 9px;
    cursor: pointer;
}
.onfocus_recognise_input .button_auto_input {
    color: rgb(153, 153, 153);
    font-size: 12px;
    font-family: 'Gordita-Regular';
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 16px;
    transition: all 0.26s ease-in 0s;
}

.onfocus_recognise_input .button_dialog {
    min-width: 64px;
    max-width: 100%;
    min-height: 20px;
    font-family: 'Gordita-Medium';
    font-size: 9px !important;
    text-align: left;
    padding-left: 5px !important;
    border-radius: 12px;
    border: 0.5px solid #cecece;
    background: #d5ffee;
    color: #333;
    outline: 0;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    position: relative;
    top: 0px;
    margin-bottom: 3px;
    margin-right: 3px;
}

.onfocus_recognise_input .button_dialog span {
    position: relative;
    top: 1px;
}

.automation_condition_form p {
    padding: 0px 0px 0px 0px;
}
.automation_global_form p {
    padding: 0px 0px 0px 0px;
}
.select_application p {
    padding: 0px 0px 0px 0px;
}

/* tour css */
.react-joyride__overlay {
    position: fixed !important;
}
#react-joyride-step-27 .__floater.__floater__open {
    top: -12px !important;
}
.tour_headers h2 {
    font-family: 'Gordita-Medium';
    font-size: 14px;
    margin-bottom: 7px;
    color: #000;
    text-align: left;
    pointer-events: none;
}
.tour_headers h5 {
    font-family: 'Gordita-Regular';
    font-size: 9px;
    margin-bottom: 0px;
    color: #355d8b;
    text-align: left;
    line-height: inherit;
    word-break: break-word;
    pointer-events: none;
}
.__floater.__floater__open {
    left: -18px !important;
}
[data-test-id='button-skip'] {
    background-color: #fff !important;
    color: #494949 !important;
    border-radius: 18px !important;
    width: auto;
    font-family: 'Seravek-Regular';
    font-size: 16px !important;
}
[data-test-id='button-skip']:hover {
    color: #3265ff !important;
}
#react-joyride-step-21 .__floater.__floater__open {
    left: -3px !important;
}
.react-joyride__tooltip div {
    padding: 0px !important;
    margin-top: 0px !important;
}
.no_new_notification {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    color: #000;
    cursor: default;
    padding-top: 0px;
}
.automation_card .highlighted-text.d-inline {
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #000;
}
.entity_cards_layer:hover .automation_card .highlighted-text.d-inline {
    color: #000;
}
.entity_cards_layer:hover .automation_card .search-card-title.flow_create_new {
    color: #000;
}
.search-card-title.flow_create_new:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -12px;
    right: 0;
    width: calc(100% + 24px);
    height: 1px;
    background: #e0e0e0;
}

/* support tickets css */
.country_zones.ticket_zones .dropdown_right_entity {
    width: 96%;
    margin-top: -20px;
    left: 0px;
}
.assistant-selectbox-option-highlight {
    background: #fff;
    color: #333;
}
.assistant-selectbox-option-highlight:last-child {
    background: #fff !important;
    color: #333;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
.assistant-selectbox-option-highlight:last-child:hover {
    background: #ffe5d3 !important;
    color: #333;
    border-bottom: 1px solid #ffe5d3;
}
.assistant-selectbox-option-highlight:hover {
    background: #ffe5d3;
    color: #333;
    border-bottom: 1px solid #ffe5d3;
}
.rotate_dropdown_support {
    width: 16px;
    height: 16px;
    fill: #000;
    position: absolute;
    top: 8px;
    right: 0px;
}
.assistant-select-box-open .rotate_dropdown_support {
    transform: rotate(180deg);
    transition: ease-in-out;
}
.analytics_charts_left_img p {
    text-align: center;
    font-family: 'Seravek-Regular';
    color: #494949;
    font-size: 16px;
}

/* responsive for logs and profile page and popup loasders in dialog  */
.training_automation_module_left {
    width: 50%;
    float: left;
    display: flex;
}
.profile_buttons {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.profile_buttons .profile_submit:last-child {
    margin-left: 20px;
}
.popup_loader {
    width: 100%;
    float: left;
    height: calc(100vh - 310px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.nodata_found_width .empty_automation_para {
    margin-bottom: 0px;
}
.team_integation svg {
    width: 100%;
    height: 100%;
    float: left;
}
.team_integation svg .teams_icon {
    width: 100%;
    height: 100%;
    float: left;
}

.modal-content.center .btn.btn-primary:hover {
    border: 1px solid #35b180;
    background: #ddfff2;
    color: #333;
}
.modal-content.center .btn.btn-primary {
    margin-right: 5px;
}
.modal-content.center .btn.btn-success {
    margin-left: 5px;
}
.dialog-link-modal .btn.btn-primary:hover {
    border: 0.5px solid #ffe5d3 !important;
    background: #ffe5d3 !important;
    color: #333 !important;
}

/* marketplace Dropdowns */
.marketplace_dropdowns .date_dropdown_label {
    width: 220px;
    position: relative;
    display: flex;
    justify-content: space-between;
    color: #617995;
    font-size: 12px;
    padding-top: 4px;
}
.marketplace_dropdowns .dropdown_down_arrowslot {
    width: 12px;
    fill: #617995;
}
.marketplace_dropdowns .dropdown_right_entity {
    position: absolute;
    width: 101%;
    background: #fff;
    top: -4px;
    left: -1px;
    border-radius: 18px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}
.marketplace_dropdowns .dropdown_right_entity .ana_chart_dropdown_right_entity {
    margin: 0;
}
.marketplace_dropdowns .dropdown_right_entity .ana_chart_dropdown_right_entity li {
    padding: 6px 10px;
    font-size: 12px;
}
.marketplace_dropdowns .dropdown_right_entity .ana_chart_dropdown_right_entity li span {
    width: 18px;
    float: right;
    position: relative;
    top: 0px;
    left: 0px;
    background: none;
}
.marketplace_dropdowns .dropdown_right_entity .ana_chart_dropdown_right_entity li .option-input.radio {
    border-radius: 50%;
    border: 1px solid #fff;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 7px;
}
.marketplace_dropdowns .dropdown_right_entity .ana_chart_dropdown_right_entity li:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.marketplace_dropdowns .dropdown_right_entity .ana_chart_dropdown_right_entity li:hover .option-input.radio {
    background: #ffe5d3;
    border: 1px solid #999;
}

/* Homepage modal Start */
.modal_homepage img {
    width: 55%;
}
.modal_homepage input {
    margin-bottom: 10px;
    background: #fff3eb;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 5px 10px;
    height: auto;
    font-family: 'Seravek-Medium';
    text-align: left;
    word-break: break-all;
    display: flex;
    position: relative;
    width: 100%;
    float: left;
    outline: 0;
}
.modal_homepage .form-control:focus {
    border: 1px solid #ccc;
    outline: 0;
    box-shadow: none;
}
.modal_homepage h4 {
    text-align: center;
    font-size: 22px;
    font-family: 'Seravek-Medium';
    margin: 0px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_homepage .btn-success {
    border: 1px solid #007bff;
    background: #007bff;
    color: #fff;
    font-weight: 600;
    width: 135px;
    margin: 10 0 0 0px;
    height: 30px;
    align-items: center;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    padding: 0px 10px;
    border-radius: 30px;
    outline: none;
    box-shadow: none;
}
.modal_homepage .btn-success:focus {
    border: 1px solid #007bff;
    background: #007bff;
    color: #fff;
}
.modal_homepage .btn_homepage_access .btn-primary {
    background: #fff;
    color: #000;
    padding: 0px 10px;
    border-radius: 30px;
    border: 1px solid #ccc;
    outline: none;
    box-shadow: none;
    font-weight: 600;
    width: 135px;
    margin: 0 5px 0px 0px;
    height: 30px;
    align-items: center;
    font-family: 'Seravek-Medium';
    font-size: 16px;
    margin-right: 20px;
}
.btn_homepage_access {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.modal_homepage .btn.btn-primary:hover {
    border: 0.5px solid #ffe5d3;
    background: #ffe5d3;
    color: #333;
}
.modal_homepage {
    width: 100%;
    float: left;
}
.modal_homepage .nodata_found_height {
    height: 75vh;
}
.homepage_head {
    width: 100%;
    float: left;
}
.date_time_header_btn {
    font-family: 'Seravek-Regular';
    font-size: 11px;
    margin-left: 20px;
    margin-top: 3px;
}
.date_time_header_btn p {
    font-size: 11px;
}
.date_time_header_btn p span {
    font-size: 11px;
}

/* Homepage modal End */

/* dialog canvas modal-popup background start*/
.cogni__main.dialog_editor_canvas .entity_cards {
    padding: 0px;
}
.sub_panel_toggle_btn.dialog_canvas_close_arrow {
    z-index: 9999;
    display: none;
}
.sub_panel_toggle_btn.dialog_canvas_open_arrow {
    z-index: 9999;
}
/* dialog canvas modal-popup background end*/

/* carousel silder Start*/

.buttonBack___1mlaL,
.buttonFirst___2rhFr,
.buttonLast___2yuh0,
.buttonNext___2mOCa,
.buttonNext___3Lm3s,
.dot___3c3SI {
    cursor: pointer;
}

.image___xtQGH {
    display: block;
    width: 100%;
    height: 100%;
}

.spinner___27VUp {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    animation-name: spin___S3UuE;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    border: 4px solid #a9a9a9;
    border-top-color: #000;
    border-radius: 30px;
}

@keyframes spin___S3UuE {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

.container___2O72F {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.overlay___IV4qY {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    cursor: zoom-in;
    transition: opacity 0.3s, transform 0.3s;
}

.hover___MYy31,
.loading___1pvNI,
.zoom___3kqYk {
    opacity: 1;
}

.imageLoadingSpinnerContainer___3UIPD {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f1f3f5;
}

.slide___3-Nqo {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 0;
    margin: 0;
    list-style-type: none;
}

.slide___3-Nqo:focus {
    outline: none !important;
}

.slideHorizontal___1NzNV {
    float: left;
}

.slideInner___2mfX9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.focusRing___1airF {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    pointer-events: none;
    outline-width: 5px;
    outline-style: solid;
    outline-color: Highlight;
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .focusRing___1airF {
        outline-style: auto;
        outline-color: -webkit-focus-ring-color;
    }
}

.horizontalSlider___281Ls {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 100%;
}

.horizontalSliderTray___1L-0W {
    overflow: hidden;
    width: 100%;
}

.verticalSlider___34ZFD {
    position: relative;
    overflow: hidden;
}

.verticalSliderTray___267D8 {
    overflow: hidden;
}

.verticalTray___12Key {
    float: left;
}

.verticalSlideTrayWrap___2nO7o {
    overflow: hidden;
}

.sliderTray___-vHFQ {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sliderAnimation___300FY {
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    will-change: transform;
}

.masterSpinnerContainer___1Z6hB {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f1f3f5;
}
.image_slider button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    background: #fff;
}
.image_slider button:hover {
    background: #0a89e8;
    border: 1px solid #0a89e8;
}
.image_slider button:hover span svg {
    fill: #fff;
}
.image_slider button span svg {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #494949;
}
.image_slider .buttonback {
    left: 0;
    z-index: 1;
    margin-left: 10px;
}
.image_slider .buttonback span svg {
    transform: rotate(90deg);
}

.image_slider .buttonnext {
    right: 0;
    z-index: 1;
    margin-right: 10px;
}
.image_slider .buttonnext span svg {
    transform: rotate(-90deg);
}
.image_slider {
    width: 100%;
    float: left;
    height: 280px;
    margin-bottom: 0px;
    margin-top: 20px;
}
.image_slider img {
    width: 100%;
    float: left;
    height: auto;
}
.carousel.image_slider span {
    display: flex;
}
.marketplace_wrapper {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 80px);
    padding-top: 0px;
}
.marketplace_wrapper_ {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 0px);
    padding-top: 0px;
}
/* carousel silder end*/
/* Dialog homepage Deploy button cahnges Start */
.btn_width_wrapper {
    width: auto;
    float: left;
}

.btn_width_wrapper p {
    position: absolute;
    font-size: 12px;
    font-family: 'Gordita-Regular';
    color: #000;
    padding-left: 20px;
    margin-top: 2px;
    margin-bottom: 0px;
    width: 70%;
    float: left;
}
.btn_width_wrapper p span {
    color: #355d8b;
    font-size: 12px;
    font-family: 'Gordita-Medium';
    margin-left: 0px;
}
.deploy_popup_img {
    width: 120px;
    height: 120px;
    margin-bottom: 12px;
}
/* Dialog homepage Deploy button cahnges End */

/* subscription page start*/
.__react_component_tooltip.subscription_tooltip.show {
    opacity: 1;
    margin-top: 0px;
    margin-left: 0px;
    visibility: visible;
}
.__react_component_tooltip.subscription_tooltip {
    position: fixed;
    max-width: 20%;
    float: right;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}
.__react_component_tooltip.type-warning.subscription_tooltip.place-top:after {
    border-top-color: #fff;
    border-top-style: solid;
    border-top-width: 7px;
}
/* subscription page end*/

.slider_wrapper_img {
    width: 100%;
    float: left;
    height: 280px;
    flex: 1;
    align-items: center;
    display: flex;
}

/* Entity inner page start */
.add_del_btn_width {
    width: 100%;
    float: left;
}
.add_del_btn_width .input_remove_value {
    position: absolute;
    top: 15px;
    cursor: pointer;
    right: 10px;
}
.input_remove_value svg {
    width: 16px;
    height: 16px;
}

.full_input_button,
.input_remove_value {
    position: absolute;
    margin: 0px;
    right: 12px;
    top: 14px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    float: left;
    background: #c9e6f4;
}
.full_input_button span,
.input_remove_value span {
    border-radius: 50%;
    display: flex;
    align-items: center;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(153, 153, 153);
    cursor: pointer;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    text-align: center;
}
.full_input_button svg,
.input_remove_value svg {
    width: 8px;
    height: 8px;
    color: rgb(153, 153, 153);
    fill: rgb(153, 153, 153);
    position: relative;
    left: 4px;
}

.full_input_button:hover span,
.input_remove_value:hover span {
    background: rgb(255, 229, 211);
    border: 1px solid rgb(255, 229, 211);
}
.full_input_button:hover span svg,
.input_remove_value:hover span svg {
    fill: rgb(51, 51, 51);
    color: rgb(51, 51, 51);
}
.entity_value_name {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Seravek-Bold';
    margin-bottom: 2px;
}
.entity_add_value .full_input_width {
    width: 100%;
    float: left;
}
.entity_add_value {
    width: 100%;
    float: left;
    position: relative;
}
.entity_add_value .entity_add_value_span input {
    padding-right: 35px;
}
/* .entity_add_value .add_del_btn svg {
    background: #fff;
} */

.flow_popup1 .modal-content .entity_buton_fields {
    padding-bottom: 20px;
}
.flow_popup1 .modal-content h3.intent_name {
    padding-bottom: 20px;
}
/* .flow_popup1 .intent_add_del_btn input {
    margin-bottom: 10px;
    background: #e5f4f9;
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    border-radius: 4px;
    height: 30px;
    padding: 0px 32px 0px 10px;
    font-size: 14px;
    font-family: 'Seravek-Regular';
    color: #494949;
} */
.intent_add_del_btn {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 0px;
}
.intent_add_del_btn .full_input_button {
    position: absolute;
    right: 7px;
    top: 15px;
}
.intent_add_del_btn svg {
    background: #fff;
}
.intent_add_del_btn .error_input_show {
    position: absolute;
    right: -20px;
    top: 28px;
}
.intent_add_del_btn .error_menu_hvr {
    margin-left: 20px;
    margin-top: -34px;
    margin-bottom: 0px;
    width: max-content;
    max-width: 220px;
}

/* Entity inner page end */

/* OnpremAgent  Start */
.onprem_grids .flow_entity_span {
    width: 100%;
    float: left;
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
}
.onprem_grids .icon_entity_span {
    display: flex;
    align-items: center;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
}
.flow_icon_download {
    display: flex;
    align-items: center;
    width: 22px;
    position: relative;
    left: 7px;
}
.onprem_grids .icon_entity_span svg {
    width: 100%;
    height: 100%;
    fill: #494949;
}
.entity_cards_layer:hover .icon_entity_span svg {
    fill: #333;
}

.onprem_grids .entity_cards_layer .entity_hvr {
    position: relative;
    right: 0px;
    top: 30px;
}

.onprem_grids .autoamtion_connect_dialog h6 {
    margin-top: 10px;
    top: 0px;
}

.onprem_grids .switch_triggers {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.agent_active {
    margin-bottom: 0px;
}

.entity_cards_layer:hover .agent_active_on {
    border: 0.5px solid #fff;
}

.flow_icon_download_hover {
    width: 80px;
    height: 24px;
    position: absolute;
    display: flex;
    visibility: hidden;
    flex-direction: row;
    justify-content: space-around;
    background: #fff;
    box-shadow: rgba(104, 103, 103, 0.3) 0px 10px 20px;
    z-index: 1;
    border-radius: 6px;
    margin-left: 18px;
    margin-top: 3px;
}
.flow_icon_download_hover .os_icons {
    width: 33.33%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_icon_download_hover .os_icons:hover {
    background: #0a89e8;
}
.flow_icon_download_hover .os_icons:hover svg {
    fill: #fff;
}
.flow_icon_download_hover .os_icons:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.flow_icon_download_hover .os_icons:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.flow_icon_download_hover .os_icons svg {
    width: 15px;
    height: 15px;
}
.flow_icon_download:hover .flow_icon_download_hover {
    visibility: visible;
}
.icon_content {
    position: absolute;
    top: -25px;
    left: -10px;
    width: auto;
    color: #fff;
    background: #232a44;
    padding: 2px 10px;
    border-radius: 3px;
    visibility: hidden;
}
.icon_content_hover {
    font-size: 12px;
    font-family: 'Seravek-Regular';
}
.home_edit:hover .icon_content {
    visibility: visible;
}
.onprem_list_description_header {
    display: flex;
    justify-content: space-between;
}
.onprem_list_header_icons {
    display: flex;
    /* justify-content: space-between; */
    height: 50px;
}
.onprem-list-view-icon-status {
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.onprem-list-view-icon {
    width: 70%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.onprem-list-view-icon-status span {
    padding-right: 0px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    position: relative;
}
.onprem-list-view-icon span {
    padding-right: 10px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.onprem-list-view-icon-status span svg {
    width: 16px;
    height: 16px;
    color: #666;
    fill: #666;
}
.onprem-list-view-icon span svg {
    width: 16px;
    height: 16px;
}
.list-view-sub:hover .onprem-list-view-icon-status span svg {
    color: #526a86;
    fill: #526a86;
}
.onprem-list-view-icon-status .start_stop_triggers {
    padding-right: 10px;
    width: auto;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: 0px;
    display: flex;
}
.list-view-sub:hover .onprem-list-view-icon span svg {
    color: #526a86;
    fill: #526a86;
}
.onprem_list_description {
    font-size: 14px;
    font-family: 'Seravek-Medium';
    margin-bottom: 10px;
}
/* .onprem-list-view-icon:last-child{
justify-content:flex-end;
} */
.onprem-list-view-icon .start_stop_triggers {
    padding-right: 10px;
    width: 60px;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: 0px;
    display: flex;
}
.agent_live {
    width: auto;
    float: left;
    font-size: 12px;
    margin-left: 3px;
    position: relative;
    top: 2px;
    font-family: 'Seravek-Regular';
}
.edit_delete_icons .onprem-list-view-icon-status span {
    width: 15px;
    height: 15px;
    display: flex;
    margin-left: 10px !important;
    margin-right: 0px;
}
.list-view-sub:hover .agent_live {
    color: #000;
}

.show_hide input[type='checkbox'].switch_1.agent_active_off {
    border: 1px solid #eb6453;
}
.show_hide input[type='checkbox'].switch_1.agent_active_off:after {
    background: #eb6453;
    margin-left: 2px;
}
.show_hide input[type='checkbox'].switch_1.agent_active_off:checked {
    border: 1px solid #1cb75e;
}
.show_hide input[type='checkbox'].switch_1.agent_active_off:checked {
    border: 0.5px solid #1cb75e;
    background: #1cb75e;
}

.onprem_agent .intent_list_description:first-child span:before {
    left: 63px;
    top: 9px;
}
.onprem_agent .intent_list_description:nth-child(1) {
    padding-left: 20px !important;
}
.autoamtion_connect_dialog .autoamtion_connect_dialog_listview {
    top: 0px;
}
.onprem_flex_end {
    display: flex;
    justify-content: flex-end !important;
    padding-right: 25px;
}
.onprem-list-view-icon-status span:hover .icon_content {
    visibility: visible;
}
.info_icon_agents {
    width: 18px;
    height: 18px;
    float: right;
    margin-left: 5px;
    cursor: pointer;
    position: relative;
}
.info_icon_agents:hover .info_hover_agents {
    visibility: visible;
}
.info_hover_agents {
    position: absolute;
    width: 300px;
    background: #fff;
    display: flex;
    min-height: 30px;
    word-break: break-word;
    font-size: 12px;
    line-height: 15px;
    padding: 12px;
    border-radius: 6px;
    font-family: 'Seravek-Regular';
    top: 0;
    left: 30px;
    box-shadow: rgba(104, 103, 103, 0.3) 0px 10px 10px;
    cursor: default;
    visibility: hidden;
}
.info_hover_agents::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 100%;
    margin-top: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}
.info_icon_agents svg {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1500px) {
    .onprem-list-view-icon span svg {
        width: 15px;
        height: 15px;
    }
    .onprem-list-view-icon-status span svg {
        width: 15px;
        height: 15px;
    }
    .onprem-list-view-icon span {
        width: 15px;
        height: 15px;
    }
    .onprem-list-view-icon-status span {
        width: 15px;
        height: 15px;
    }
    .onprem-list-view-icon-status .start_stop_triggers {
        top: 3px;
    }
}

@media only screen and (max-width: 1400px) {
    .onprem-list-view-icon span svg {
        width: 13px;
        height: 13px;
    }
    .onprem-list-view-icon-status .start_stop_triggers {
        top: 4px;
    }

    .onprem-list-view-icon span {
        margin-right: 5px;
        width: 13px;
        height: 13px;
    }
    .onprem-list-view-icon-status span {
        margin-right: 5px;
        width: 13px;
        height: 13px;
    }
    .onprem-list-view-icon-status span svg {
        width: 13px;
        height: 13px;
    }
}
/* OnpremAgent End */
/* Automation logs Ui fixes Start */
.date_dropdown_label .ellipsis_content {
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modal-content .support_content_div {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Gordita-Regular';
    margin-bottom: 15px;
    color: #494949;
}
.modal-content.center .btn.btn-primary.btn_okay:hover {
    border: 0.5px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    cursor: pointer;
}
.entity_cards_layer .error_input_show svg {
    top: 8px;
}
/* .entity_cards_layer:hover .error_input_show svg {
    fill: #526a86 !important;
} */
.training_automation_button:hover {
    border: 0.5px solid #fff3eb;
    background: #fff3eb;
    color: #333;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
}
.btn.btn-error.center:hover {
    border: 1px solid #0a89e8;
    background: #0a89e8;
    color: #fff;
    cursor: pointer;
}

/* Automation logs Ui fixes End */

/* .entity_cards .row {
    display: grid;
    grid-template: repeat(4, 1fr) / repeat(4, 1fr);
    gap: 20px 20px;
}
.dialog_grids {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
.entity_cards .dialog_cards_layer {

    margin-right: 0px;
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0px;
} */

/************* workspace listing *************/

@media only screen and (max-width: 1700px) {
    .time_zone_arrow .down_arrowslot {
        margin-top: -55px !important;
    }

    .login .login_bg_width_left {
        padding: 40px;
    }

    .login ._g0login_account {
        margin-top: 10px;
    }
    .flex_canvas .login .login_bg_width {
        width: 70%;
    }
}

@media only screen and (max-width: 1440px) {
    .login .login_bg_width_left {
        padding: 40px;
    }

    .login .left_bottom_img img {
        width: 60%;
    }
    .login .login_bg_width_left h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1370px) {
    .login .login_bg_width_left {
        padding: 30px;
    }

    .login .left_bottom_img img {
        width: 60%;
    }
    .login .login_bg_width_left h2 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 1280px) {
    .login .login_bg_width_left {
        padding: 30px;
    }

    .login .left_bottom_img img {
        width: 60%;
    }
    .login .login_bg_width_left h2 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 2560px) and (min-width: 2000px) {
    .login .left_bottom_img img {
        width: 90%;
    }
}

.form-group-hide-pwd {
    position: relative;
}
.form-group-hide-pwd span {
    position: absolute;
    right: 33px;
    top: 52px;
}
.form-group-error-pwd {
    position: relative;
}
.login_bg_width_left_right h3 span {
    width: auto;
    border-bottom: 1px solid #494949;
}
.form-group_error.form-group-error-pwd .passwordeye_login_error svg {
    right: 25px;
    top: 50px;
    position: absolute;
}
.get_details_bottom.ask_user p b {
    font-family: 'Gordita-Medium';
    font-size: 12px;
    font-weight: 500;
}
.list-view-sub:hover .search_card_list {
    color: #fff;
}

.accounts_users_auth .accounts_users {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.accounts_users_auth .accounts_users .accounts_users_name_img {
    width: 100%;
    float: left;
    background: #f0f0f0;
    height: 40px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    border: 1px solid #f0f0f0;
    padding: 0px 4px;
}

.accounts_users_auth .accounts_users .accounts_users_name_img h5 {
    font-size: 14px;
    font-family: 'Seravek-Regular';
    margin-bottom: 0px;
    width: 80%;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #494949;
    text-align: left;
    margin-left: 10px;
}

.accounts_users_auth .accounts_users .accounts_users_name_img h6 {
    font-size: 12px;
    font-family: 'Seravek-Regular';
    margin-bottom: 0px;
    max-width: 80px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 15px;
    text-align: center;
    background: #fe7900;
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}

.accounts_users_auth .accounts_users_name_img .accounts_users_name_img_circle {
    font-size: 18px;
    font-family: 'Seravek-Regular';
    background: #333;
    border-radius: 50%;
    margin-right: 0px !important;
    display: flex;
    align-items: center;
    float: left;
    color: #fff;
    width: 31px !important;
    height: 30px !important;
}

.accounts_users_auth .accounts_users .accounts_users_name_img .accounts_users_name_img_circle_bg span svg {
    width: 12px;
    fill: #000;
    height: 12px;
}

.accounts_users_auth
    .accounts_users
    .accounts_users_name_img
    .accounts_users_name_img_circle
    .accounts_users_first_name {
    margin: 0 auto;
    position: relative;
    top: 0px;
    font-size: 16px;
}

.accounts_users_auth .accounts_users .accounts_users_name .accounts_users_change h6 {
    background: #3365ff;
}
.login_bg_width_auth {
    width: 100%;
    float: left;
    max-height: 260px;
    min-height: 100px;
    overflow-y: scroll;
}
.login_bg_height_width_auth {
    width: 100%;
    float: left;
}
.accounts_users_auth .accounts_users .accounts_users_name_img .arrow_clik_user .arrow_clik_user_active {
    cursor: pointer;
}

.accounts_users_auth .accounts_users .accounts_users_name_img .arrow_clik_user .arrow_clik_user_active span svg {
    fill: #333;
}

.arrow_clik_user .accounts_users_name_img_circle_bg {
    margin-right: 0px !important;
    margin-left: 10px;
}

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

.login_checkbox {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 40px;
    font-family: 'Seravek-Regular';
    color: #494949;
}

.login_checkbox input[type='checkbox'] {
    margin-right: 10px;
}

.login_bg_width_auth .login_auth_logo {
    width: 220px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.accounts_users .accounts_users_name_img .accounts_users_name_img_circle_bg {
    font-family: 'Gordita-Regular';
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    margin-right: 0px;
    display: flex;
    align-items: center;
    float: left;
    justify-content: center;
}

/****Login account left side csss****/

.login .bg_img_log0 {
    width: 100%;
    float: left;
}

.bg_img_login {
    background-image: url(./images/bg_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center center;
    height: 100vh;
}

.bg_img_log0 img {
    width: 180px;
    padding-top: 45px;
    float: left;
}

.login .login_bg_width {
    background: #fff;
    border-radius: 30px;
    width: 65%;
    box-shadow: 7px 7px 25px 0px #999;
    margin: 0 auto;
    display: block;
    user-select: none;
}

.login .login_bg_height {
    display: flex;
    text-align: center;
    width: 100%;
    float: left;
    align-items: center;
    height: 100%;
}

.login .login_bg_width_left {
    background: #f1f2f4;
    padding: 40px;
    margin: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.login .login_bg_width .row {
    margin: 0px;
}

.login .left_bottom_img {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.login .left_bottom_img img {
    width: 70%;
}

.login .login_bg_width_left h2 {
    width: 100%;
    float: left;
    text-align: left;
    color: #494949;
    font-family: 'Seravek-Medium';
    font-size: 30px;
    margin-bottom: 0px;
}

.login .login_bg_width_left h2 span {
    color: #e18544;
}

.login .login_bg_width_left .centerImage {
    width: 35%;
    float: left;
    text-align: left;
    padding-bottom: 40px;
}

.login .login_bg_width_left p {
    width: 100%;
    float: left;
    color: #494949;
    text-align: left;
    margin-bottom: 40px;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}

.login .login_bg_width_left_right {
    padding: 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
}

.login .login_bg_width_left_right h3 {
    width: 100%;
    float: left;
    color: #494949;
    text-align: left;
    font-family: 'Seravek-Medium';
    font-size: 30px;
    margin-bottom: 0px;
}

.login .login_bg_width_left_right_form .form-group {
    margin-bottom: 0px;
    position: relative;
}

.login .login_bg_width_left_right_form .form-control {
    border-radius: 6px;
    height: 48px;
    border: 1px solid #f1f2f4;
    background: #f1f2f4;
    color: #494949;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Seravek-Regular';
}

.login .login_bg_width_left_right_form .form-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #f1f2f4;
    background: #fff;
}

.login .login_bg_width_left_right_form .form-control:active {
    outline: none;
    box-shadow: none;
    border: 1px solid #f1f2f4;
    background: #fff;
}

.login .login_bg_width_left_right_form .form-check {
    width: 100%;
    float: left;
}

.login .login_bg_width_left_right_form .form-check-label {
    font-size: 16px;
    width: 50%;
    float: left;
    font-family: 'Seravek-Regular';
}

.login .login_bg_width_left_right_form h6 {
    font-size: 16px;
    width: auto;
    float: right;
    color: #3366ff;
    font-family: 'Seravek-Regular';
    padding-top: 4px;
    text-align: right;
    cursor: pointer;
    margin-bottom: 20px;
}

.login .login_bg_width_left_right_form input[type='checkbox'] {
    width: auto;
}

.login .login_bg_width_left_right button {
    width: 100%;
    float: left;
    height: 48px;
    font-family: 'Seravek-Regular';
    font-size: 18px;
    cursor: pointer;
}

.login .login_bg_width_left_right button:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.login .login_bg_width_left_right button:active {
    color: #fff !important;
    background-color: #0069d9;
    border-color: #0062cc;
}

.login .login_bg_width_left_right button:focus {
    color: #fff !important;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

.login ._g0login_account {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.login ._g0login_account_left {
    width: auto;
    float: left;
    margin-top: 20px;
    font-family: 'Seravek-Regular';
    cursor: default;
}

.login ._g0login_account_left h5 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 0px;
}

.login ._g0login_account_right {
    width: 50%;
    float: right;
    margin-top: 20px;
    text-align: right;
    font-family: 'Seravek-Regular';
}

.login ._g0login_account_right h5 {
    text-align: right;
    font-size: 16px;
    margin-bottom: 0px;
}

.login ._g0login_account_right h5 span {
    color: #3366ff;
    border-bottom: 1px solid #3366ff;
    cursor: pointer;
}

.login .login_bg_width_left_right_form .pwd_open_eye {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    fill: #555555;
    float: right;
    margin-right: 15px;
    z-index: 2;
}

.login .login_bg_width_left_right_form .error_close_forms {
    position: absolute;
    width: 36px;
    height: 36px;
    cursor: pointer !important;
    fill: #ff7900;
    float: right;
    z-index: 2;
    right: 0;
    top: 40px;
}

.login .login_bg_width_left_right_form .form-group_error input {
    border: 1px solid #ff7900;
    background: #fff;
}

.login .login_bg_width_left_right_form .form-group_error input:focus {
    border: 1px solid #ff7900;
    background: #fff;
}

.login .login_bg_width_left_right_form .form-group_error input:active {
    border: 1px solid #ff7900;
    background: #fff;
}

.login .login_bg_width_left_right_form .form-group_error span {
    position: absolute;
    width: 100%;
    float: left;
    font-size: 14px;
    text-align: right;
    font-family: 'Seravek-Regular';
    color: #ff7900;
    right: 0px;
    top: 0px;
}

.accounts_users_auth .accounts_users .accounts_users_name_img:hover {
    border: 1px solid #ffe5d3;
    cursor: pointer;
    background: #ffe5d3;
}

.accounts_users_auth .accounts_users .accounts_users_name_img:hover h5 {
    color: #333;
}

.accounts_users_auth .accounts_users .accounts_users_name_img:hover h6 {
    color: #fff;
}

.accounts_users_auth .accounts_users .accounts_users_name_img:hover .accounts_users_name_img_circle_bg {
    background: #fff;
}

.accounts_users_auth .accounts_users .accounts_users_name_img:hover .accounts_users_name_img_circle_bg span svg {
    fill: #333;
}

/************** workspace listing **************/

/* disable dialog canvas Verify user details popup */

.disable_edit {
    pointer-events: none;
    background-color: #efefef;
    border: 0px solid #d1d1d1;
}

.disable_edit input {
    pointer-events: none;
    background-color: #efefef;
    border: 0px solid #d1d1d1;
}

.disable_edit .dialog_input_edit_true {
    pointer-events: none;
    background-color: #efefef;
    border: 0px solid #d1d1d1;
}

.disable_edit .dialog_input_edit_true {
    pointer-events: none;
    background-color: #efefef;
    border: 0px solid #d1d1d1;
}

.disable_edit .buton_dialog_auto_hvr {
    pointer-events: none;
    background-color: inherit;
    border: 0px solid #d1d1d1;
}

/* disable dialog canvas popups */

/* Chat channel page Ui start */
.slack_inter_box {
    width: 100%;
    float: left;
}
.slack_inter_box .slack_buton_4.integration_dropdown {
    width: 100%;
    position: relative;
    margin-top: 30px;
    border-radius: 8px;
    right: 0px;
    left: 0%;
    cursor: pointer;
}
.slack_inter_box .slack_buton_4.integration_dropdown ul {
    padding: 0px;
    height: auto;
    overflow-y: scroll;
    margin-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    border-radius: 6px;
    width: 100%;
    float: left;
    /* z-index: 1;
    max-height: 305px;
    margin-top: -30px;
    position: relative;
     min-height: 240px; */

    position: absolute;
    top: -30px;
    z-index: 9;
}
.slack_inter_box .slack_buton_4.integration_dropdown ul li:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #fff;
    border: none;
}
.slack_inter_box .slack_buton_4.integration_dropdown ul li:last-child:hover {
    background: #ffe5d3;
    border: none;
}
.slack_inter_box .slack_buton_4.integration_dropdown ul li:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
}
.slack_inter_box .slack_buton_4.integration_dropdown ul li:first-child:hover {
    background: #ffe5d3;
    border-bottom: 0.5px solid #ffe5d3;
}

.slack_inter_box .slack_buton_4.integration_dropdown ul li {
    width: 100%;
    float: left;
    display: inline-flex;
    align-items: center;
    border-bottom: 0.5px solid #e6e6e6;
    font-size: 14px;
    font-family: 'Seravek-Regular';
    height: 30px;
    padding: 0 10px;
    background: #fff;
    cursor: pointer;
    position: relative;
    list-style: none;
    color: #333;
}
.slack_inter_box .slack_buton_4.integration_dropdown ul li:hover {
    background: #ffe5d3;
    border-bottom: 0.5px solid #ffe5d3;
}

.slack_inter_box .slack_buton_box_12 {
    flex-direction: column;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.bg_slack_cc .slack_buton_box_12 {
    padding: 0px;
}
.bg_slack_cc.bg_slack_cc_one .slack_buton_box_12 {
    margin-bottom: 10px;
}
.bg_slack_cc.bg_slack_cc_one .slack_buton_box_12:last-child {
    margin-bottom: 0px;
}
.m_h_cc_container {
    width: 100%;
    float: left;
    padding: 0px 20px;
    height: calc(100vh - 300px);
    overflow-y: scroll;
}
.slack_inter_box .box_slack .bg_slack_cc.bg_slack_cc_two h6 {
    background: #fff;
    max-height: 100px;
    height: max-content;
    padding: 6px 10px;
}
.bg_slack_cc.bg_slack_cc_two .slack_buton_box_12:last-child {
    margin-bottom: 0px;
}
.bg_slack_cc.bg_slack_cc_three .slack_buton_box_12:last-child {
    margin-bottom: 0px;
}
.slack_inter_box p {
    margin-bottom: 6px !important;
}
.slack_inter_box .box_slack h6 {
    background: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.slack_inter_box .slack_buton_8 {
    padding: 0px;
    width: 100%;
    float: left;
}
.slack_inter_box .slack_buton_4 input {
    width: 100%;
    float: left;
    height: 31px;
    font-size: 12px;
    padding: 0px 10px;
    font-family: 'Seravek-Medium';
    border-radius: 6px;
    border: 0.5px solid #ccc;
    outline: 0;
}
.slack_inter_box .slack_buton_4 input:focus {
    border: 1px solid #eb974e;
    box-shadow: 0px 3px 6px #00000029;
}
.slack_inter_box .slack_buton_center button {
    margin-right: 15px;
}

.slack_buton_center.slack_buton_error .error_input_show_add {
    margin-top: 10px;
}

.slack_buton_center.slack_buton_error .error_input_show_add.teams_page_alert {
    margin-top: 0px;
    top: 0px;
}

.slack_inter_box .slack_buton_center button.add_to_slack {
    margin-right: 12px;
}
.slack_buton_4.integration_dropdown input {
    width: 100%;
    float: left;
    height: 31px;
    font-size: 12px;
    padding: 0px 10px;
    font-family: 'Seravek-Regular';
    border-radius: 6px;
    border: 0.5px solid #ccc;
    outline: 0;
}
.slack_inter_box .content_slack_input {
    width: 100%;
    float: left;
    min-height: 31px;
    font-size: 12px;
    padding: 26px 12px 6px 12px;
    font-family: 'Gordita-Regular';
    border-radius: 6px;
    border: 0.5px solid #b9b9b9;
    outline: 0;
    display: flex;
    align-items: center;
    color: #000;
}
.slack_inter_box .slack_buton_4 {
    display: flex;
    align-items: center;
    float: right;
    position: relative;
}
.slack_buton_4 .floating_content {
    position: absolute;
    font-size: 10px;
    left: 12px;
    top: 8px;
    font-family: 'Gordita-Regular';
    color: #000;
}
.slack_inter_box .arrow_up_form {
    position: absolute;
    margin-top: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: right;
    right: -3px;
    top: 10px;
    left: inherit;
}
.slack_buton_4 svg {
    position: absolute;
    top: -3px;
    right: 15px;
    width: 16px;
    height: 16px;
}
.teams_add_workspace_btn svg {
    width: 30px;
    height: 30px;
}
.slack_buton_box_12.cc_header_icons h4 {
    font-size: 14px;
    font-family: 'Gordita-Medium';
    color: #000;
    margin-bottom: 0px;
}
.count_no_cc {
    margin-left: 5px;
    font-size: 18px;
    color: #ff7900;
    position: relative;
    top: 2px;
}
.color_header_left {
    color: #ff7900;
    margin-right: 5px;
}
.slack_buton_center .btn.btn-primary {
    margin-top: 0px;
}
.slack_buton_box_12.cc_header_icons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 20px;
    align-items: center;
}
.item_icons_right {
    width: auto;
    float: left;
}
.item.help_tab {
    width: auto;
    float: left;
    position: relative;
    margin-right: 5px;
}
.help_link_icon {
    width: auto;
    float: left;
    position: relative;
}
.item.help_tab .img {
    width: 24px;
    height: 24px;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
}
.slack_right_btn .item.help_tab svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
.slack_right_btn .item.help_tab .side_menu_hvr {
    position: absolute;
    color: #fff;
    background: #232a44;
    left: -8px;
    margin-top: -25px;
    padding: 2px 10px;
    border-radius: 3px;
    visibility: hidden;
    font-size: 12px;
    font-family: 'Gordita-Regular';
}
.item.help_tab .img:hover ~ .side_menu_hvr {
    visibility: visible;
}
.bg_slack_cc.bg_slack_cc_two h4 {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #000;
    padding-bottom: 0px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.bg_slack_cc.bg_slack_cc_three h4 {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #000;
    padding-bottom: 0px;
    margin-bottom: 12px;
    width: 100%;
    float: left;
}

/* Chat channel page Ui end */

/* Adaptive card css Start */
.header_adaptive {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 7px;
    position: relative;
}
.header_adaptive a {
    height: 14px;
    width: 14px;
    display: flex;
}
.header_adaptive h6 {
    padding-bottom: 0px;
}
.select_adaptive p {
    width: 100%;
    float: left;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #607794;
    padding-top: 3px;
    padding-left: 0px;
    text-align: left;
}
.header_adaptive .info_icon {
    width: 18px;
    height: 18px;
    margin-left: 10px;
}
.header_adaptive .info_icon svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
    fill: #e97105 !important;
}
.header_adaptive .side_menu_hvr {
    left: 27%;
    width: 240px;
    bottom: 35px;
    position: absolute;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000029;
    padding: 10px;
    border-radius: 6px;
    display: none;
}
.header_adaptive .side_menu_hvr:before {
    position: absolute;
    content: ' ';
    background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
    bottom: -11px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent white;
    top: inherit;
    right: inherit;
    transform: rotate(180deg);
    left: 48%;
}
.header_adaptive .info_icon svg:hover ~ .side_menu_hvr {
    display: flex;
}
.adaptive_cards .select_application {
    padding-bottom: 12px;
    width: 100%;
    float: left;
}
.right-panel .adaptive_cards p {
    padding-left: 0px;
}
.adaptive_cards .select_application input {
    padding-left: 10px;
}

.right-panel.options_editor p {
    padding-top: 0px;
    margin-bottom: 12px;
}
.header_adaptive .options_popup_h6 span {
    font-family: 'Seravek-Regular';
    font-size: 12px;
    margin-left: 3px;
}
.header_adaptive .options_popup_h6 {
    align-items: center;
}

.select_application.select_adaptive_input {
    width: 55%;
    margin-left: 7px;
}
.select_application.select_adaptive_input .parent_node_no {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -25px;
    top: 0;
    margin-top: 8px;
    cursor: pointer;
    background: #fff;
    border: 0.5px solid #e6e6e6;
}
.select_application.select_adaptive_input .parent_node_no:hover {
    background: #0a89e8;
    border: 0.5px solid #0a89e8;
}
.select_application.select_adaptive_input .parent_node_no:hover span svg {
    fill: #fff;
}
.select_application.select_adaptive_input .parent_node_no span svg {
    fill: #999999;
}
.select_application.select_adaptive_input .parent_node_no span {
    margin: 0 auto;
    width: 12px;
    height: 12px;
    background: inherit;
    display: inline-flex;
    align-items: center;
}
.options_editor .options_value.adaptive_value .if_dropdown {
    height: 55px;
}
.options_editor.adaptive_cards .if_dropdown .parent_node_no {
    cursor: pointer;
}
.options_editor.adaptive_cards .opations_label {
    margin-top: 0px;
}
.options_editor.adaptive_cards .options_panel h6 {
    font-family: 'Seravek-Regular';
    font-weight: 600;
}
.options_editor.adaptive_cards .options_value h6 {
    font-family: 'Seravek-Regular';
    font-weight: 600;
}
.options_editor.adaptive_cards .options_panel {
    width: 35%;
}
.options_editor.adaptive_cards .options_value.adaptive_value {
    width: 55%;
}

.options_value.adaptive_value .dialog_input_edit_true .buton_dialog_auto_hvr {
    width: auto;
    position: relative;
    display: inline-block;
}
.options_value.adaptive_value .dialog_input_edit_true .button_dialog {
    display: flex;
    align-items: center;
    height: 22px;
    top: 0px;
    min-height: 22px;
}
.options_editor.adaptive_cards .options_editor_count span {
    position: absolute;
    font-size: 10px;
    display: flex;
    align-items: center;
    left: 22px;
    margin-top: -8px;
}
.options_editor.adaptive_cards .options_panel input {
    background: #fff;
    height: 30px;
    font-size: 12px;
    padding: 0px 10px 0px 20px;
}
.options_editor.adaptive_cards .if_dropdown .parent_node_no {
    margin-top: 0px;
    left: 38px;
}
.options_value.adaptive_value .dialog_input_edit_true .DraftEditor-editorContainer {
    min-height: 22px;
}
.options_value.adaptive_value .dialog_input_edit_true .button_dialog img {
    width: 16px;
    height: 16px;
}
.options_value.adaptive_value .dialog_input_edit_true button span {
    font-size: 13px;
}
.options_value.adaptive_value .public-DraftStyleDefault-block {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    width: 100%;
    float: left;
}
/* Adaptive card css End */

.StripeElement {
    display: block;
    margin-top: 5px;
    max-width: 100%;
    padding: 0.278rem 10px;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 4px;
    background: #f4f4f4;
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: 'Seravek-Regular';
    color: #494949;
}

.StripeElement input::placeholder {
    color: #494949;
    font-family: 'Seravek-Regular';
    background: #f4f4f4;
}

.StripeElement input:focus,
.StripeElement--focus {
    box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px, rgba(0, 0, 0, 0.0784314) 0px 1px 3px;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}

.StripeElement.IdealBankElement,
.StripeElement.FpxBankElement,
.StripeElement.PaymentRequestButton {
    padding: 0;
}

.StripeElement.PaymentRequestButton {
    height: 30px;
}
.subscription_tooltip {
    background: #fff !important;
}

.currentplan h4,
.currentplan h2,
.currentplan span {
    color: #fff;
}
.currentplan {
    transform: scale(1.05);
    z-index: 9;
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s;
    -webkit-transition: transform 2s;
    background: #698ffe;
    border-radius: 6px;
}
.currentplan svg {
    fill: #fff;
    color: #fff;
}
.currentplan div {
    color: #fff;
}
.currentplan .circle_span {
    border: 1px solid #fff;
}
.select_country .automation_scroly {
    margin-top: 0px;
    top: 65px;
}
.select_country.select_work_form input {
    padding-left: 10px;
}
.select_country .arrow_up_form {
    position: relative;
    right: 0;
    margin-top: -30px;
}
.select_country .arrow_up_form svg {
    width: 85%;
    height: 95%;
    fill: #494949;
}
.dialog_editor .flow_popup2 .plus_addmore_edit .dialog_scroll .dialog_add_span_svg svg {
    fill: #494949;
}
.dialog_editor .flow_popup2 .plus_addmore_edit .dialog_scroll span:hover svg {
    fill: #0a89e8 !important;
}
.dialog_editor .flow_popup2 .plus_addmore_edit .dialog_scroll .dialog_add_examples_left {
    padding-left: 10px;
}
.dialog_tree_render:last-child {
    padding-right: 50px;
}
.automation_condition_form.get_user_details_form .dialog_add_examples_left {
    width: 70%;
    float: left;
}
.automation_condition_form.get_user_details_form .dialog_scroll .right_pop_icons span:hover {
    width: 30px;
    height: 30px;
    background: inherit;
}
.automation_condition_form.get_user_details_form .dialog_scroll .right_pop_icons {
    margin-top: 0px;
}
.automation_condition_form.get_user_details_form .dialog_scroll p {
    height: 30px;
    display: flex;
    align-items: center;
}
.automation_condition_form.get_user_details_form .dialog_scroll .dialog_scroll_div span svg {
    fill: #494949;
}
.automation_condition_form.get_user_details_form .dialog_scroll .dialog_scroll_div span:hover svg {
    fill: #fff !important;
}
.assistant_recognizes_header.assistant_recognizes_hide .icons_right_close span {
    transform: rotate(180deg);
}

.recognise_popup_right_panel .right_pop_icons span {
    width: 30px;
    height: 30px;
    background: inherit;
    float: right;
    margin-left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.recognise_popup_right_panel.recognise_popup .right_pop_icons {
    float: right;
    width: auto;
    margin: 0px;
}
.recognise_popup_right_panel.recognise_popup .dialog_recognise_dialog .dialog_add_examples_left {
    width: 70%;
    float: left;
}
.recognise_popup_right_panel.recognise_popup .right_pop_icons span svg {
    cursor: pointer;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.recognise_popup_right_panel.recognise_popup .right_pop_icons span:hover svg {
    fill: #0a89e8;
}
.recognise_popup .recognise_popup_right {
    height: calc(100vh - 210px);
}
.no_data_found .nodata_found {
    height: calc(100vh - 165px);
}

.change_plan_wrapper {
    width: 100%;
    float: left;
}
.change_plan_wrapper .modal-dialog-box {
    position: absolute;
    width: 665px;
    pointer-events: none;
    z-index: 9;
    margin: 1.75rem auto;
}
.change_plan_wrapper .modal-content.center {
    width: 100%;
    float: left;
    padding: 20px;
    border-radius: 16px;
}
.plan_selected_wrapper {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.plan_selected_wrapper h4 {
    width: 100%;
    float: left;
    font-family: 'Gordita-Medium';
    cursor: default;
    font-size: 16px;
    color: #657993;
    margin-bottom: 7px;
    text-align: center;
}
.plan_selected_wrapper h2 {
    width: 100%;
    float: left;
    font-family: 'Gordita-Medium';
    color: #2e5ce6;
    font-size: 26px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.plans_modify_wrapper {
    width: 100%;
    float: left;
}
.plans_modify_wrapper h6 {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Gordita-Medium';
    margin-bottom: 10px;
}
.card_active_wrapper .flow_tree {
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 6px;
    width: 180px;
    height: 50px;
    font-family: 'Gordita-Regular';
    font-size: 15px;
    color: #333;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    cursor: pointer;
}
.card_active_wrapper .flow_tree {
    margin-right: 20px;
    margin-bottom: 20px;
}
.card_active_wrapper .flow_tree:nth-child(3n) {
    margin-right: 0px;
}
.card_active_wrapper .flow_tree span svg {
    width: 18px;
    height: 18px;
    fill: #494949;
}
.card_active_wrapper {
    width: 100%;
    float: left;
}
.admin_select_plans {
    width: 100%;
    float: left;
    padding: 20px;
    background: #f0f1f3;
    max-height: calc(100vh - 370px);
    overflow-y: scroll;
    padding-bottom: 0px;
}
.admin_select_plans h6 {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Gordita-Regular';
    margin-bottom: 15px;
    color: #657993;
}
.flow_tree_wrapper .first_step:hover {
    background: #2468f6;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.flow_tree_wrapper .first_step:hover .bg_tree_content {
    color: #fff;
}
.flow_tree_wrapper .first_step:hover span svg {
    fill: #fff;
}
.active_automations_wrapper .card_active_wrapper .flow_tree {
    margin-bottom: 20px;
}
.active_bots_wrapper .card_active_wrapper .flow_tree {
    margin-bottom: 20px;
}
.active_admins_wrapper {
    width: 100%;
    float: left;
}
.active_admins_wrapper .card_active_wrapper {
    margin-bottom: 20px;
}

.btn_change_plan {
    width: 100%;
    float: left;
    margin-top: 20px;
    position: relative;
    left: 42%;
}
.btn_change_plan .btn-primary {
    min-width: 90px;
    height: 32px;
    background: #2468f6;
    border-radius: 18px;
    border: 1px solid #2468f6;
    outline: 0;
    font-size: 12px;
    padding: 7px 12px;
    font-family: 'Gordita-Medium';
    color: #fff;
    margin: 10px 0px;
    cursor: pointer;
}
.btn_change_plan .btn-primary:hover {
    background: #0a89e8;
    border: 1px solid #0a89e8;
    color: #fff;
}
.btn_change_plan .btn-default {
    width: 100px;
    padding: 0px 20px;
    height: 34px;
    border-radius: 4px;
    color: #494949;
    background: #e1e2e4;
    border: 1px solid #e1e2e4;
    font-family: 'Gordita-Regular';
}
.btn_change_plan .btn-default:hover {
    background: #0a89e8;
    border: 1px solid #0a89e8;
    color: #fff;
}

.intent_dialog_right .dropdown_training_input {
    margin-bottom: 0px;
    width: 92%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* #scroll_menu {
    scroll-behavior: smooth;
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    left: 6px;
} */
.autoamtions_table.training_automation_module .training_automation_module_left {
    width: max-content;
}
.autoamtions_table.training_automation_module
    .training_automation_module_left
    .training_automation_module_overview
    input {
    width: 180px;
}
.autoamtions_table.training_automation_module .training_automation_module_left .training_automation_module_overview {
    width: max-content;
}
.autoamtions_table.training_automation_module .training_automation_module_left .training_automation_search_intent {
    width: max-content;
    margin-right: 30px;
}
.autoamtions_table.training_automation_module
    .training_automation_module_left
    .training_automation_search_intent
    input {
    width: 180px;
}
.autoamtions_table.training_automation_module .training_automation_module_left .dropdown_right_entity {
    width: 190px;
}
.slack_buton_4.slack_textarea_wrapper {
    width: 100%;
    float: left;
}
.slack_buton_4.slack_textarea_wrapper textarea {
    width: 100%;
    float: left;
    font-size: 12px;
    font-family: 'Seravek-Medium';
    padding: 10px;
    border-radius: 6px;
    border-width: 0.5px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    outline: 0px;
    height: 60px;
}

.error_input_show.error_input_show_add .error_menu_hvr {
    margin-left: 0;
    margin-top: 0px;
    left: -125px;
    top: -55px;
}

.error_input_show.error_input_show_add .error_menu_hvr.faq_alert_content {
    left: -60px !important;
    top: -32px !important;
}

.error_input_show.error_input_show_add {
    position: relative !important;
    margin-left: 2px;
    top: -2px;
}

.slack_buton_center.slack_buton_error .error_menu_hvr {
    margin-left: 0;
    margin-top: 0px;
    left: -95px;
    top: -55px;
    width: 200px;
}

.connect_account_failed.faq {
    position: absolute;
    right: 30px;
    top: 10px;
}

.slack_buton_center.slack_buton_error .connect_account_failed {
    display: flex;
    align-items: center;
}
.onprem_icons_wrapper .connect_account_success {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.onprem_icons_wrapper .connect_account_success svg {
    margin-top: 5px;
    margin-left: 8px;
}
.onprem_icons_wrapper .button_auto.connection_btn.on_prem_test_btn {
    margin-top: 0px;
    margin-right: 8px;
}
.onprem_icons {
    width: max-content;
    display: flex;
}
.onprem_icons span svg {
    width: 18px;
    height: 18px;
}
.onprem_token_wrap .side_menu_hvr {
    position: absolute;
    color: #fff;
    background: #232a44;
    left: 30px;
    margin-top: 0px;
    padding: 2px 10px;
    border-radius: 3px;
    display: none;
    font-size: 12px;
    font-family: 'Seravek-Regular';
}
.refresh_btn:hover .side_menu_hvr {
    display: block;
}
.entity_cards_layer ._auto_switch input[type='checkbox'].switch_1:checked:after {
    left: calc(100% - 14px) !important;
    right: 0px;
    margin-top: 1px;
}

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

.intent_dialog_right .date_dropdown_label.training_date_dropdown_label span {
    margin: 0 auto;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
}

.intent_dialog_right .date_dropdown_label.training_date_dropdown_label .ana_chart_dropdown_right_entity li span {
    overflow: inherit;
}

.intent_dialog_right .date_dropdown_label.training_date_dropdown_label {
    width: 180px;
}

.slack_buton_center.slack_btn_icon.slack_buton_error .slack_buton_center {
    width: auto;
}

.slack_buton_center.slack_btn_icon.slack_buton_error .error_input_show:hover .error_menu_hvr {
    margin-left: 0;
    margin-top: 0px;
    left: -110px;
    top: -48px;
    width: 200px;
}

.step_border_left_h6 .no_input_value {
    left: 4px;
}
.flow_tree .no_input_value svg {
    margin-bottom: 0px;
}
.flow_tree .no_input_value .error_menu_hvr {
    margin-left: 25px;
    margin-top: -10px;
    /* Upload Attachment popup start */
    border-radius: 6px;
}
.attachment_upload_wrapper .automation_scroly ul li span {
    width: 100%;
    float: left;
    font-family: 'Seravek-Regular';
    font-size: 14px;
}
.attachment_upload_wrapper .automation_scroly ul li {
    width: 100%;
    float: left;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.attachment_upload_wrapper .automation_scroly ul li p {
    color: #607794;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    width: 100%;
    float: left;
}
.attachment_upload_wrapper .select_work_form ul li:hover p {
    color: #333;
}
.attachment_upload_wrapper .select_work_form.select_work_form_top_0 .input_attach_wrapper {
    display: flex;
    width: 100%;
    padding: 0px 12px;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #b9b9b9;
    border-radius: 6px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    flex-direction: column;
    height: 48px;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 22px;
}
.attachment_upload_wrapper .select_work_form.select_work_form_top_0 .input_attach_wrapper:hover {
    outline: 0;
    border: 1px solid #eb974e;
    box-shadow: none;
}
.attachment_upload_wrapper .select_work_form.select_work_form_top_0 .input_attach_wrapper span {
    width: 100%;
    float: left;
    font-family: 'Gordita-Regular';
    font-size: 12px;
}
.attachment_upload_wrapper .select_work_form.select_work_form_top_0 .input_attach_wrapper p {
    color: #000;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    width: 100%;
    float: left;
}
.attachment_upload_wrapper .get_user_details_form .select_work_form.select_work_form_top_0 .arrow_up_form {
    margin-top: -34px;
}
.attachment_upload_wrapper .get_user_details_form .select_work_form.select_work_form_top_0 .automation_scroly {
    margin-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}
/* Upload Attachment popup End */

/* Dialog homepage error icon Start */
.error_icon_wrapper {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px;
    height: 36px;
}
.error_icon_wrapper .error_input_show.parent {
    z-index: 9;
    top: 25px;
    position: relative;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
}
.entity_cards .dialog_cards_layer:hover .error_icon_wrapper .error_input_show.parent {
    z-index: 9;
}
.error_icon_wrapper_right .error_menu_hvr {
    width: max-content;
    max-width: 180px;
    left: 0;
    top: -35px;
}
.error_icon_wrapper_right {
    display: flex;
}
.error_icon_wrapper .error_icon_wrapper_right .error_input_show.parent {
    top: 0px;
    right: 5px;
}
.error_icon_wrapper_right label {
    width: 20px;
    height: 20px;
    background: #d5ffee;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    font-size: 10px;
    font-family: 'Gordita-Medium';
    color: #333;
}
.error_icon_wrapper_right label span {
    position: relative;
    top: 2px;
}
.error_icon_wrapper_right .error_input_show:hover .error_menu_hvr {
    display: block;
    position: absolute;
    margin: 0px;
    left: -120px;
    text-align: center;
    width: max-content;
    max-width: 180px;
    padding: 10px 15px;
    height: max-content !important;
}
.dialog_cards_layer.search_works .error_icon_wrapper .error_input_show.parent {
    z-index: 9;
    top: 0px;
    position: relative;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
}
.error_input_show svg {
    top: 0;
    right: 0;
}
/* .automation_condition_form.dialog_recognise_dialog .select_work_form input {
    padding-right: 50px;
} */
.automation_condition_form.dialog_recognise_dialog .select_work_form .error_input_show {
    position: absolute;
    right: 32px;
    top: 17px;
}
.automation_condition_form.dialog_recognise_dialog .select_work_form .error_input_show:hover .error_menu_hvr {
    margin-left: 0px;
    top: -38px;
    right: -5px;
    text-align: center;
    max-width: 180px;
    width: max-content;
    padding: 10px 15px;
}
.list-view-icon .error_icon_lv svg {
    fill: #fc2a2a;
}
.list-view-icon .error_icon_lv:hover .error_menu_hvr {
    display: block;
    bottom: 5px;
    right: 5px;
    text-align: center;
    width: max-content;
    max-width: 180px;
    padding: 10px 15px;
    height: max-content !important;
}
.list-view-sub:hover .list-view-icon .error_icon_lv svg {
    fill: #fc2a2a;
}
.automation_condition_form.reg_condition_form .select_work_form input {
    padding-right: 50px;
}
.automation_condition_form.reg_condition_form .select_work_form .error_input_show {
    position: absolute;
    right: 32px;
    top: 17px;
}
.automation_condition_form.reg_condition_form .select_work_form .error_input_show:hover .error_menu_hvr {
    margin-left: 0px;
    top: -38px;
    right: -5px;
    text-align: center;
    max-width: 180px;
    width: max-content;
    padding: 10px 15px;
}
/* Dialog homepage error icon End */

/* Ui fixes in dialog editor */
.error_input_show.dialog_node.child_svg:hover .error_menu_hvr {
    text-align: center;
    width: 140px;
    display: flex;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    align-items: center;
    padding: 10px;
    position: absolute;
    margin-left: -70px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    font-family: 'Seravek-Regular';
    font-size: 12px;
    color: #494949;
    z-index: 1;
    margin-top: -38px;
}
.error_input_show.dialog_node.child_svg {
    bottom: 0;
    right: 16px;
    position: relative;
    margin-left: 5px;
}
.right-panel.slots_panel .error_input_show {
    position: absolute;
    right: 32px;
    top: 8px;
}
.right-panel.slots_panel .error_input_show:hover .error_menu_hvr {
    display: block;
    text-align: center;
    position: fixed;
    right: 0px;
    margin-top: -44px;
    margin-right: 40px;
}
.right-panel.slots_panel
    .automation_condition_form.get_user_details_form
    .select_work_form.select_work_form_top_0
    input {
    padding-left: 10px;
    padding-right: 55px;
}

.autoamtions_table.training_automation_module
    .training_automation_module_left
    .training_automation_search_intent
    .dropdown_right_entity
    input {
    width: 100%;
}
.no_match_apps {
    font-family: 'Gordita-Regular';
    font-size: 16px;
    color: #000;
}
.automation_date_time {
    font-size: 12px;
    font-family: 'Gordita-Regular';
    color: #9e9e9e;
    margin-right: 5px;
    display: block;
}
.autoamtion_connect_dialog_list.options_table_right {
    padding-right: 100px;
    text-align: right;
}
.tree_input_left img {
    margin-right: 5px;
}

/* Move popup ui fixed */
.tree1.zontal_lines1.move_popup_hide {
    margin-bottom: 0px !important;
}

/* .overflow_height {
    height: calc(100vh - 560px) !important;
    overflow-y: scroll !important;
    padding-bottom: 40px !important;
} */
.flow_popup1.modal_snippet [data-ml-modal] .modal-dialog {
    max-width: 60% !important;
}
.flow_popup1.modal_snippet .modal-content h2 {
    justify-content: flex-start;
    width: 100%;
    font-size: 18px;
    font-family: 'Gordita-Medium';
    color: #222529;
    padding-bottom: 0px;
}
.handoff-icon svg {
    width: 12px;
    height: 12px;
    right: 2px;
    top: 5px;
    position: relative;
}

/* dynata css changes start */
.marketplace_dropdowns .dropdown_right_entity {
    width: 102%;
    left: -1px;
    top: 28px; /**** marketplace top right dropdown ***/
}
.marketplace_dropdowns .dropdown_right_entity .ana_chart_dropdown_right_entity li {
    padding: 2px 10px;
}
.content_header {
    width: auto;
    float: left;
    color: #355d8b;
    text-align: left;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: 'Gordita-Regular';
    font-size: 12px;
    line-height: 16px;
}
.synonyms_wrapper {
    width: 100%;
    height: 100%;
    float: left;
    max-height: 320px;
    overflow-y: scroll;
}

/* Get user detials popup */
.right_panel_radio.get_user_radio_wrapper {
    width: 100%;
    float: left;
}
.get_user_radio_wrapper .entity_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;
}
.get_user_radio_wrapper .entity_radio .radio input[type='radio']:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.automation_condition_form.get_user_details_form .get_user_radio_wrapper input {
    padding-left: 0px;
    margin-right: 5px;
}
.get_user_radio_wrapper .entity_radio .radio {
    justify-content: flex-start;
}
.get_user_radio_wrapper .entity_radio span {
    margin: 0px;
    font-size: 14px;
    font-family: 'Seravek-Medium';
    padding-bottom: 10px;
    color: #494949;
    padding: 0px;
}
.ask_ques_editor_input h6.switch_prompt_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ask_ques_editor_input h6.switch_prompt_wrapper span {
    display: flex;
}
h6.switch_prompt_wrapper input[type='checkbox'].switch_1 {
    height: 19px;
    border: 1px solid #ccc;
    background: #fff;
}
h6.switch_prompt_wrapper input[type='checkbox'].switch_1:checked:after {
    left: calc(100% - 15px);
    border: 1px solid #fff;
    background: #fff;
}
h6.switch_prompt_wrapper input[type='checkbox'].switch_1:checked {
    background: #ff7900;
    border: 1px solid #ff7900;
}
h6.switch_prompt_wrapper input[type='checkbox'].switch_1:after {
    width: 13px;
    height: 13px;
    border: none;
    top: 2px;
    left: 3px;
    background: #ccc;
}
h6.switch_prompt_wrapper .box_1 {
    text-align: left;
    padding: 0px;
    display: inline-flex;
    align-items: center;
}

h6.switch_prompt_wrapper .box_1 label {
    margin-bottom: 0px;
    margin-left: 5px;
    font-size: 13px;
}

.options_popup_show .show_hide input[type='checkbox'].switch_1:checked:after {
    left: calc(100% - 13px);
    top: 0.5px !important;
}
.options_popup_show .show_hide input[type='checkbox'].switch_1:after {
    top: 1.5px !important;
}
/* Get user detials popup */
.dialog_editor_canvas .dialog_editor {
    padding-top: 0px;
}
/* .right-panel p {
    padding: 10px 20px;
} */
.variable_custom {
    width: 100%;
    float: left;
    position: relative;
}
.variable_custom .get_users_icon {
    position: relative;
    right: 15px;
    top: 10px;
    margin: 0px;
    cursor: pointer;
}
.variable_custom .get_users_icon .editor_btn:hover svg {
    fill: #0a89e8;
    width: 18px;
    height: 18px;
}
.variable_custom .get_users_icon span {
    justify-content: center;
}
.variable_custom .right_pop_icons span svg {
    width: 18px;
    height: 18px;
}
.options_editor .plus_addmore.plus_addmore_variable {
    margin-top: 0px;
}
.options_editor .dialog_input_edit_true.dialog_context_input_edit_true .notranslate.public-DraftEditor-content {
    padding-top: 3px;
    font-family: 'Seravek-Regular';
}
.options_editor .form-input input {
    font-size: 14px;
}
.options_editor .dialog_input_edit_true.dialog_context_input_edit_true {
    padding: 0px 10px;
}
.options_editor .icons_right_close {
    width: 20%;
    float: right;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 15px;
    top: 7px;
}
.dialog_editor .flow_popup2 .plus_addmore_edit .right_pop_icons span:hover svg {
    fill: #0a89e8 !important;
}

/* 7c9ceee */
.slots_panel .automation_condition_form.get_user_details_form .dropdown_right_entity {
    top: 4px;
}
.textarea_user_details.ask_ques_editor_input textarea {
    resize: none;
}
.get_user_radio_wrapper .entity_radio .radio input[type='radio'] {
    cursor: pointer;
}
.get_user_radio_wrapper .entity_radio span {
    cursor: default;
}
.help_doc_span svg {
    width: 16px;
    height: 16px;
    fill: #494949;
    cursor: pointer;
}
.help_doc_span .side_menu_hvr {
    position: absolute;
    color: #fff;
    background: #232a44;
    left: -8px;
    top: -20px;
    margin-top: 0px;
    padding: 2px 10px;
    border-radius: 3px;
    visibility: hidden;
    font-size: 12px;
    font-family: 'Seravek-Regular';
    width: max-content;
}
.help_doc_span:hover .side_menu_hvr {
    visibility: visible;
}
.help_doc_span {
    width: auto;
    display: inline-flex;
    align-items: center;
    padding-left: 5px;
    position: relative;
}
.help_doc_span a {
    display: inline-flex;
    text-decoration: none;
}
.popup_header {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intent_dialog_right .date_dropdown_label.training_date_dropdown_label .ana_chart_dropdown_right_entity li span {
    overflow: inherit;
}

.intent_dialog_right .date_dropdown_label.training_date_dropdown_label {
    width: 180px;
}

.slack_buton_center.slack_btn_icon.slack_buton_error .slack_buton_center {
    width: auto;
}

.slack_buton_center.slack_btn_icon.slack_buton_error .error_input_show:hover .error_menu_hvr {
    margin-left: 0;
    margin-top: 0px;
    left: -110px;
    top: -48px;
    width: 200px;
}

/* css fixed production hotpix */
.step_border_left_h6 .no_input_value {
    left: 4px;
}
.flow_tree .no_input_value svg {
    margin-bottom: 0px;
}
.flow_tree .no_input_value .error_menu_hvr {
    margin-left: 25px;
    margin-top: -10px;
}
.automation_date_time {
    font-size: 12px;
    font-family: 'Gordita-Regular';
    color: #9e9e9e;
    margin-right: 5px;
    display: block;
}
.autoamtion_connect_dialog_list.options_table_right {
    padding-right: 100px;
    text-align: right;
}

/* Get user detials popup */
.right_panel_radio.get_user_radio_wrapper {
    width: 100%;
    float: left;
}

.get_user_radio_wrapper .entity_radio .radio input[type='radio']:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.automation_condition_form.get_user_details_form .get_user_radio_wrapper input {
    padding-left: 0px;
    margin-right: 5px;
}
.get_user_radio_wrapper .entity_radio .radio {
    justify-content: flex-start;
}
.get_user_radio_wrapper .entity_radio span {
    margin: 0px;
    font-size: 14px;
    font-family: 'Seravek-Medium';
    padding-bottom: 10px;
    color: #494949;
    padding: 0px;
    cursor: default;
}
.ask_ques_editor_input h6.switch_prompt_wrapper {
    display: flex;
}

/* 7c9ceee */

/* 9707942 */
.right_pop_icons span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    margin: 8px 5px;
}

.right_pop_icons span:hover svg {
    fill: #333;
    color: #333;
}
.right_pop_icons:hover span {
    /* background: rgb(255, 229, 211);
    border: 1px solid rgb(255, 229, 211); */
}
.right_pop_icons:hover span svg {
    fill: rgb(51, 51, 51);
    color: rgb(51, 51, 51);
}
.right_pop_icons .try_me_close_icon:hover,
.right_pop_icons .try_me_edit_icon:hover,
.right_pop_icons .send_message_close_icon:hover,
.right_pop_icons .editor_btn:hover {
    background: rgb(255, 229, 211);
    border: 1px solid rgb(255, 229, 211);
}
.get_users_icon .right_pop_icons span {
    border: none;
}
.test_buton_result .right_pop_icons span:hover {
    width: 16px !important;
    height: 16px !important;
}
.test_buton_result .get_users_icon .right_pop_icons span:hover {
    width: 18px !important;
    height: 18px !important;
}
.options_editor .icons_right_close span {
    float: left;
    margin: 0px;
    width: 18px;
    height: 18px;
    background: inherit;
    color: #494949;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
.options_editor .icons_right_close span svg {
    width: 100%;
    height: 100%;
}
.options_editor .icons_right_close span:hover {
    background: inherit;
    border: none;
    color: #494949;
}
.options_editor .icons_right_close {
    justify-content: flex-end;
    top: 10px;
}
.right-panel .error_style {
    margin: 0 auto;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    place-content: center;
}
/* 9707942 */

/*Jump selected dropdown height issue  */
.jump_to_panel .tree1 > li:last-child {
    margin-bottom: 40px;
}
.jump_to_panel .tree1 > li:last-child .jump_to_list_selected {
    margin-bottom: 85px;
}
.jump_to_panel .right_panel_ht {
    height: calc(100vh - 262px);
    padding: 12px 0px 0px;
}
/*Jump selected dropdown height issue  */
.tryit_panel pre {
    white-space: pre-wrap;
    display: block;
}
.tryit_panel pre b {
    color: #000;
}
/* dynata css changes End */

.slack_buton.agent_handoff {
    padding-left: 45px;
    padding-right: 45px;
}
.btn.disabled,
.btn:disabled {
    opacity: 0.3;
}

.dialog_context_popup_height .dialog_context_number .dialog_context_span_number img {
    width: 10px;
    height: 10px;
    margin-right: 0;
    top: 0px;
}
.order_notifications_height {
    width: 100%;
    float: left;
    height: calc(100vh - 172px);
    overflow-y: scroll;
}
.form_support_content_w_100 {
    width: 100%;
    float: left;
}

.react-tooltip-lite {
    background: #fff !important;
    color: #476b95 !important;
    width: 270px !important;
    max-width: max-content !important;
    font-size: 9px;
    font-family: 'Gordita-Regular';
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 4px;
    line-height: 14px;
    padding: 10px 12px !important;
    text-align: center !important;
}
.react-tooltip-lite-arrow {
    border-color: #fff;
}

.dialog_settings_content h6 {
    color: #617995;
    font-family: 'Seravek-Regular';
    font-size: 16px;
    width: 100%;
    float: left;
    margin-bottom: 6px;
}
.no_data_available {
    width: 100%;
    float: left;
    text-align: center;
}
.no_data_available_wrapper {
    position: relative;
}
.no_data_available_wrapper .no_data_available {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 108%;
    font-family: 'Seravek-Regular';
    font-size: 16px;
}
.no_data_available_wrapper .no_data_available p {
    margin-bottom: 0px;
    width: 100%;
    margin-top: 10px;
    float: left;
}
.slack_buton_4.slack_textarea_wrapper .max_content_4000 {
    height: 100%;
    min-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dialog__header {
    font-family: 'Seravek-Medium';
    font-size: 22px;
    color: #494949;
    background: #fff;
}
.dialog__header .dialog_number {
    position: relative;
    top: 0px;
    left: 0;
    font-size: 54px;
    line-height: 46px;
    font-family: 'Seravek-Regular';
    padding-left: 10px;
    color: #ebebeb;
    opacity: 1;
}
.dialog__header h2 {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
.dialog__header .flex_menu1 {
    width: 50%;
}
.dialog__header {
    width: 100%;
    float: left;
    padding: 0px 20px;
    border-bottom: 1px solid #d9e2eb;
}
.respond_dialog_page .parent_node .flow_buttons_icons .flow_buttons_icons_content:nth-child(1) {
    display: none;
}
.respond_dialog_page .parent_node.parent_node_left:hover .flow_buttons {
    visibility: visible;
    margin-left: 0;
    right: 10px;
    width: max-content;
}
/* .dialog__header .intent_dialog_right button{
    box-shadow: 0px 3px 6px #00000012;
    border: 1px solid #CECECE;
    border-radius: 21px;
}
.dialog__header .intent_dialog_right button{
    min-width:148px;
    height:42px;
    padding: 0px;
    width:max-content;
}
.dialog__header .intent_dialog_right button svg {
    width: 20px;
    position: relative;
    height: 20px;
    margin-left:20px;
} */
/* .dialog__header .intent_dialog_right span {
    margin: 0;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Seravek-Regular';
    color: #000;
    margin-left:10px;
    margin-right: 20px;
} */
.dialog__header .intent_home button:hover {
    border: 1px solid #fff3eb;
}

/*  */
.dialog_detail_parent_node {
    width: 100%;
    float: left;
    overflow: hidden;
    height: inherit;
}

.copy_border_for_individual {
    border: 1px solid #eb974e;
    border-radius: 10px;
    position: relative;
    bottom: 1px;
    right: 1px;
}

.dialog_detail_account:hover .copy_border_for_individual .add_respond {
    bottom: -3px;
}

.add_respond {
    padding-left: 10px;
    color: #fff;
    font-family: 'Seravek-Regular';
    margin: 0;
    float: left;
    display: flex;
    align-items: center;
    margin-top: 0px;
    position: absolute;
    width: 98.8%;
    bottom: -1px;
    height: 24px;
    top: inherit;
    background: #fff;
    z-index: 1;
    border-radius: 10px;
    left: 0px;
    margin-left: 1.5px;
}

.send_message_details.send_message_hover {
    left: 0;
    padding-right: 12px;
}
.dialog_detail_account .dialog_input_edit_true span {
    font-size: 12px;
    width: auto;
}

.send_message_details.send_message_hover h6 {
    padding-bottom: 0px;
    padding-left: 12px;
    padding-top: 0px;
}
.get_details_bottom .dialog_input_edit_true.dialog_context_input_edit_true {
    border: none;
    height: auto;
    width: 100%;
    float: left;
    padding: 0px;
    background: inherit;
}
.get_details_bottom .dialog_input_edit_true .buton_dialog_auto_hvr {
    margin-top: 0px;
    padding: 0px;
    float: inherit;
    width: auto;
    height: 24px;
    margin-left: 0px;
}
.get_details_bottom .dialog_input_edit_true .buton_dialog_auto_hvr:first-child {
    margin-left: 0px;
}
.get_details_bottom .buton_dialog_auto_hvr .context_variable_button {
    /* margin-top:0px;
    width:max-content;
    margin-left:0px;
    display: flex;
    align-items: center; */
    border-radius: 12px;
    padding: 0px 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 0px;
    height: 20px;
    border: 1px solid #cecece;
    position: relative;
    top: -2px;
    display: flex;
    align-items: center;
    width: max-content;
}
.get_details_bottom .context_variable_button img {
    width: 12px;
    margin-right: 3px;
    height: 12px;
    float: left;
    position: relative;
    top: 0px;
}

/* .get_details_bottom .workflow_button_text .context_variable_button img{
    top: 3px;
} */
.get_details_bottom .buton_dialog_auto_hvr.workflow_button_text .context_variable_button {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    max-width: 230px;
}
.parent_node:hover .get_details_bottom .buton_dialog_auto_hvr .context_variable_button {
    background: #fff;
}
.parent_node .get_details_bottom .dialog_input_edit_true .buton_dialog_auto_hvr .context_variable_button span {
    background: inherit;
    margin: 0px;
    padding: 0px;
    width: inherit;
    display: flex;
    align-items: center;
    font-size: 9px;
    height: 18px;
    font-family: 'Gordita-Medium';
    color: #000;
    position: relative;
    top: 1px;
    background: none;
}
.send_message_details.send_message_hover .dialog_input_edit_true {
    padding-left: 10px;
}
.custom_variable_detail {
    width: 100%;
    float: left;
}
.custom_variable_detail p {
    padding-left: 10px;
}
.custom_variable_detail p {
    margin-top: 0px !important;
}
.parent_node:hover .add_respond {
    background: #ffe5d3;
}
.dialog_entity_cards .dialog_editor [data-ml-modal] {
    position: absolute;
    left: -15px;
    height: 100vh;
    margin-top: 0px;
    top: -81px;
    width: calc(100vw - 15vw);
}

.send_message_editor .send_message_details.send_message_hover .dialog_detail_borderbottom_span {
    margin-top: 0px;
    margin-bottom: 6px;
}

.send_message_editor {
    width: 100%;
    float: left;
    padding: 0px 10px;
}
.send_message_editor .max_scroll_limit {
    padding-left: 12px;
    padding-right: 12px;
}
.send_message_editor .send_message_details.send_message_hover .dialog_input_edit_true {
    padding-left: 0px;
    min-height: 20px;
}
.send_message_editor .DraftEditor-editorContainer {
    min-height: 24px;
}
.get_details_bottom.verify_user_details .max_scroll_limit {
    position: relative;
    top: -6px;
}
.options_details_button .max_scroll_limit {
    min-height: 20px;
}
.get_details_bottom .send_message_editor .buton_dialog_auto_hvr .context_variable_button {
    margin-top: 0px;
}
/* .send_message_wrapper .public-DraftStyleDefault-block {
    display: flex;
    align-items: center;
}
.send_message_editor .public-DraftStyleDefault-block {
    display: flex;
    align-items: center;
} */
.get_details_bottom .send_message_editor .buton_dialog_auto_hvr .context_variable_button {
    margin-top: 0px;
}
.get_details_bottom .send_message_wrapper .buton_dialog_auto_hvr .context_variable_button {
    margin-top: 0px;
    line-height: 20px;
    padding-top: 0px;
}
.send_message_wrapper .dialog_detail_borderbottom_span {
    align-items: baseline;
}
.send_message_editor .dialog_detail_borderbottom_span {
    align-items: baseline;
}
.islistwrapper .col-md-12.parent_node span {
    width: 14px;
    height: 14px;
    background: inherit;
    display: inline-block;
    margin-left: 6px;
    margin-top: 14px;
    padding: 1px;
    float: right;
}
.tree.zontal_lines .islistwrapper .dialog_list_ul_parent {
    margin-left: -15px;
}
.tree.zontal_lines .islistwrapper .dialog_list_ul_parent ul {
    position: relative;
    left: 2px;
}
.tree .dialog_list_ul_parent li:before {
    top: -45px;
    height: calc(100% - -55px);
}
.tree .dialog_list_ul_parent li:last-child:before {
    height: 4em;
    bottom: auto;
}
.zontal_lines .dialog_list_ul_parent li {
    margin-left: 21px;
}
.dialog_editor.dialog_detail .isdetailWrapper .parent_node {
    border-radius: 10px;
}
.dialog_detail .islistwrapper .dialog_tree_next {
    margin-top: 13px;
    margin-left: 2px;
}
.isdetailWrapper .first_add_node:before {
    display: none;
}
.isdetailWrapper .first_add_node:before {
    display: none;
}
.islistwrapper .first_add_node:before {
    display: none;
}
.isdetailWrapper .downarrow_hide_right svg {
    margin-left: 0px;
    width: 12px;
    height: 10px;
}
.isdetailWrapper .dialog_tree_next_toggle {
    width: 20px;
    height: 20px;
}
.dialog_detail .isdetailWrapper .dialog_tree_next {
    margin-top: 0px;
    margin-left: 0px;
}
.isdetailWrapper .downarrow_hide_right {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 2px;
    top: 14px;
}
.isdetailWrapper .child_node_button .parent_node_no {
    width: 20px;
    height: 20px;
    position: relative;
    left: 3px;
    top: 10px;
}

.isdetailWrapper .parent_node_no span.parent_svg svg {
    width: 12px;
    height: 12px;
}
.isdetailWrapper .respond_dialog_page {
    margin-left: 24px;
}
.islistwrapper .col-md-12.parent_node .parent_node_no span {
    margin: 0 auto;
    width: 14px;
    height: 14px;
    background: inherit;
    display: flex;
    text-align: center;
    align-items: center;
}

.dialog_editor.dialog_detail .islistwrapper .parent_node {
    z-index: 1;
}
.dialog_editor.dialog_detail .islistwrapper .parent_node.parent_node_left {
    margin-left: 3px;
}
.dialog_detail .islistwrapper .dialog_options_dynamic {
    margin-top: 37px;
    margin-left: -70px;
}
.islistwrapper .dropdown_content {
    margin-right: 0px;
    margin-top: 52px;
    margin-left: 30px;
}
.islistwrapper .dialog_tree_render.dropdown_content.plus_dropdown_list .drpdown_dialog {
    margin-left: -5px;
}
.islistwrapper .dialog_tree_next_hover .child_node_button {
    margin-top: -12px;
    margin-left: -1px;
}
.islistwrapper .dropdown_content .child_node_button {
    position: absolute;
    margin-left: -29px;
    margin-top: -28px;
}

.isdetailWrapper .dropdown_content {
    margin-top: -11px;
    margin-bottom: 0px;
}
.isdetailWrapper .dropdown_content .child_node_button {
    position: absolute;
    margin-left: -39px;
    margin-top: -63px;
}
.dialog_editor.dialog_detail .child_node_button .parent_node_no {
    margin-left: 0px;
}
.dialog_editor.dialog_detail .islistwrapper .child_node_button .parent_node_no {
    margin-left: 1px;
}
.dialog_detail .isdetailWrapper .dialog_options_dynamic {
    margin-top: 39px;
}
.isdetailWrapper .dialog_tree_render.dropdown_content.plus_dropdown_list .drpdown_dialog {
    margin-left: -14px;
}

.tree .islistwrapper .dialog_detail_ul_parent li:last-child:before {
    height: 7em;
    top: -70px;
}
.islistwrapper .dialog_detail_ul_parent label.tree_label:before {
    top: 32px;
}
.dialog_detail_account .dialog_input_edit_true .context_variable_button span {
    font-size: 11px;
    width: auto;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree .isdetailWrapper li:before {
    top: -28px;
    height: calc(100% - 0px);
    left: 0;
    z-index: -1;
}
.isdetailWrapper .dialog_input_edit_true.dialog_context_input_edit_true {
    min-height: 20px;
}

.isdetailWrapper .DraftEditor-editorContainer {
    min-height: 20px;
}

.isdetailWrapper .custom_variable_wrapper .DraftEditor-editorContainer span {
    color: #d9691d;
}
.isdetailWrapper .custom_variable_wrapper .DraftEditor-editorContainer .context_variable_button span {
    color: #494949;
}
.isdetailWrapper .ask_question_card .dialog_input_edit_true.dialog_context_input_edit_true {
    margin-top: 6px;
}

.dialog_detail_account .dialog_input_edit_true span {
    font-size: 12px;
    width: auto;
    height: auto;
}

.open_arrow svg {
    rotate: 180deg;
}
.get_details_bottom.file_upload_wrapper {
    padding-top: 0px;
}
.get_details_bottom.adaptive_card_wrapper p {
    padding: 0px;
    margin-top: 0px;
    color: #d9691d;
}
.automation_details p {
    color: #000;
}
.get_details_bottom.adaptive_card_wrapper p b {
    color: #000;
    font-weight: 500;
}
.get_details_bottom.adaptive_card_wrapper .automation_details {
    width: 100%;
    float: left;
    padding-bottom: 6px;
}
.get_details_bottom.adaptive_card_wrapper .automation_details:last-child {
    padding-bottom: 0px;
}

.recognise_dialog_details .get_detils_data p span {
    display: contents;
}

.dialog_detail_account .recognize_variables .dialog_input_edit_true span {
    color: #d9691d;
}
.dialog_detail_account .recognize_variables .dialog_input_edit_true .buton_dialog_auto_hvr span {
    color: #494949;
}
.dialog_detail_account .recognize_variables .dialog_input_edit_true .buton_dialog_auto_hvr {
    margin-left: 0px;
}
.options_details_button.ask_question_button {
    padding-left: 0px;
}
.options_details p {
    font-size: 12px;
    width: auto;
    height: auto;
    color: #000;
    font-family: 'Gordita-Medium';
    margin: 0px;
    width: 100%;
    float: left;
    padding-left: 12px;
    margin-top: 6px;
}
.get_detils_data.get_user_count {
    display: flex;
    width: 100%;
    margin-top: 6px;
    float: left;
}
.get_detils_data.get_user_count p {
    margin-top: 0px;
}
.training_header_info svg {
    margin-left: 5px;
    width: 12px !important;
    height: 12px !important;
    color: #999 !important;
    position: relative;
    top: 1px;
}
.target_bot.training_header_info .react-tooltip-lite {
    width: 180px !important;
}
.target_bot .react-tooltip-lite {
    background: #fff !important;
    color: #476b95 !important;
    width: 320px !important;
    max-width: max-content !important;
    font-size: 9px;
    font-family: 'Gordita-Regular';
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 4px;
    line-height: 14px;
    padding: 10px 12px !important;
    text-align: center !important;
}
.dialog_bot .react-tooltip-lite {
    background: #fff !important;
    color: #476b95 !important;
    width: 200px !important;
    max-width: max-content !important;
    font-size: 9px;
    font-family: 'Gordita-Regular';
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 4px;
    line-height: 14px;
    padding: 10px 12px !important;
    text-align: left !important;
    display: flex !important;
    flex-wrap: wrap !important;
    word-wrap: break-word !important;
}
.dialog_bot .react-tooltip-lite span {
    width: max-content;
    float: left;
    word-break: break-word;
    max-width: max-content;
}
.dialog_bot .react-tooltip-lite span svg {
    width: 7px;
    height: 7px;
    margin: 0px 3px;
    float: left;
    position: relative;
    top: 2px;
}

.custom_tooltip {
    max-width: 150px;
    height: 72px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.custom_tooltip p {
    color: #526a86;
    font-family: 'Seravek-Regular';
    font-size: 13px;
    margin-bottom: 0px;
    line-height: initial;
}
.custom_tooltip p span {
    font-family: 'Seravek-Medium';
}
.custom_tooltip {
    min-width: 160px;
}
.month_wrapper {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-evenly;
    padding-left: 5%;
    padding-top: 10px;
}
.dialog_detail_borderbottom.recognise_hidden_content h6:nth-child(3) {
    width: auto;
    float: left;
}
.dialog_detail_borderbottom.recognise_hidden_content h6:nth-child(4) {
    width: auto;
    float: left;
    margin-left: 3px;
}
.max_scroll_limit.recognise_dialog_card h6:nth-child(3) {
    width: auto;
    float: left;
}
.max_scroll_limit.recognise_dialog_card h6:nth-child(4) {
    width: auto;
    float: left;
    padding-left: 10px;
    padding-bottom: 6px !important;
}

.max_scroll_limit.recognise_dialog_card h6:nth-child(6) {
    width: auto;
    float: left;
}
.max_scroll_limit.recognise_dialog_card h6:nth-child(7) {
    width: auto;
    float: left;
    padding-left: 3px;
}

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

.indent_right .or_center {
    margin-left: 10px;
    font-size: 16px;
    font-family: 'Seravek-Regular';
    color: #355d8b;
}
.automation_download_btn .flow_sortby_dropdown {
    margin-left: 0px;
}
.intent_home .indent_dialog_left .automation_download_btn button {
    margin-left: 10px;
}
.automation_download_btn .icon_hover_flow_home {
    width: max-content;
    position: relative;
    left: 0px;
}
.customTip .react-tooltip-lite {
    background: #fff !important;
    color: #476b95 !important;
    width: 225px !important;
    max-width: max-content !important;
    font-size: 9px;
    font-family: 'Gordita-Regular';
    box-shadow: 0px 10px 20px #00000029;
    border-radius: 4px;
    line-height: 14px;
    padding: 10px 12px !important;
    text-align: center !important;
}

.customTip.settings_info .react-tooltip-lite {
    width: 320px !important;
}
.customTip._description .react-tooltip-lite {
    width: 400px !important;
    text-align: left !important;
    margin-left: -32px !important;
    word-break: break-all;
}
.customTip._description .react-tooltip-lite-arrow {
    border-color: #fff;
    width: 15px !important;
    height: 12px !important;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-top-width: 15px !important;
}

.entity_cards_layer.workflow_cards label {
    width: auto;
    height: 18px;
    float: left;
    margin-bottom: 7px;
    display: flex;
}
.entity_cards_layer.workflow_cards .approval_btn label {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
.entity_cards_layer.workflow_cards label .option-input.radio {
    top: 0px;
}

/*  */
.z__index {
    width: calc(100vw - 0px);
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    inset: 0px;
    opacity: 1;
    pointer-events: initial;
    position: fixed;
    z-index: 1100;
    left: 0px;
    overflow: hidden;
}

.dialog_cards_layer._active {
    position: relative;
    z-index: 1101;
}

.tooltip_wrapper {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000026;
    border-radius: 10px;
    padding: 20px;
    width: 340px;
    position: absolute;
    margin-top: 40px;
    left: 85%;
}

.dialog_cards_layer._active .tooltip_wrapper {
    display: flex;
}

.tooltip_wrapper_bg {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tooltip_wrapper_bg p {
    font-size: 14px;
    color: #355d8b;
    font-family: 'Gordita-Regular';
    text-align: center;
    margin-bottom: 10px;
}

.tooltip_wrapper_bg button {
    margin: 0px;
    justify-content: center;
}

.tooltip_wrapper:before {
    content: '';
    position: absolute;
    top: -65px;
    left: 5%;
    width: 65px;
    height: 57px;
    background: url('../images/tour_arrow.svg');
    background-repeat: no-repeat;
}

.tryme_tooltip .tryme_popup._active {
    z-index: 1101;
}

.tryme_tooltip {
    position: relative;
}

.tryme_tooltip .tooltip_wrapper {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000026;
    border-radius: 10px;
    padding: 10px 15px;
    width: max-content;
    position: fixed;
    margin-top: 0px;
    left: inherit;
    right: 120px;
    bottom: 115px;
    z-index: 1101;
}

.tryme_tooltip .tooltip_wrapper_bg p {
    margin: 0px;
}
.tryme_tooltip .tooltip_wrapper:before {
    content: '';
    position: absolute;
    bottom: -62px;
    left: 50%;
    width: 60px;
    height: 50px;
    background: url('../images/tour_arrow.svg');
    background-repeat: no-repeat;
    right: 40%;
    top: inherit;
    transform: rotate(180deg);
}
.publish_button_dialog {
    position: relative;
    width: auto;
    float: left;
}
.publish_button_dialog button label {
    margin-right: 6px;
    font-size: 12px;
}
.publish_button_dialog .target_bot {
    position: absolute !important;
    width: 12px;
    height: 12px;
    right: 1px;
    top: 3px;
}
.info_icon svg {
    width: 12px;
    height: 12px;
}
.header_space {
    display: flex;
    justify-content: space-between;
}
.publish_button_dialog .target_bot svg {
    width: 12px;
    height: 12px;
}
.publish_button_dialog .btn_loader img {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 10px;
    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);
    }
}

/* adaptive_card_carousal */

.carousal_box {
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}
.hr_policy_title {
    background: #e3f1ff;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.hr_policy_title_img {
    width: 16%;
    padding: 5px;
}

.hr_policy_title_img img {
    max-width: 100%;
    height: auto;
}

.hr_policy_title_text {
    margin-left: 15px;
}

.hr_policy_title_text h3 {
    margin-top: 5px;
    margin-bottom: 0px;
}

.hr_policy_title_text p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.carousal_container {
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: visible;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.hr_policy_doc_box3 {
    width: 45%;
}

.button {
    text-align: center;
    border-radius: 20px;
}

.hr_policy_doc_box1 div:nth-child(2) {
    width: 55%;
    padding-right: 50px;
}

.hr_policy_doc_box2 div:nth-child(2) {
    padding-right: 50px;
}

.carousal_slide_container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    transition-duration: 300ms;
}

.slide,
.carousal_slide_container {
    transform: translate3d(0px, 0, 0);
}

.slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 380px;
    transform: translateZ(0);
    backface-visibility: hidden;
    padding: 5px;
    overflow-y: scroll;
    display: flex;
    justify-content: space-between;
}

.carousal_arrows {
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 74%;
    left: 20px;
    top: 60%;
}

.right_arrow,
.left_arrow {
    width: 30px;
    height: 30px;
    z-index: 9;
}
/* adaptive_card_carousal */

/* Publish jeouney popup start */
.publish_popup {
    position: fixed;
    top: 80px;
    right: 400px;
    z-index: 999;
}

.un_verified .publish_popup {
    top: 122px !important;
}

.publish_popup .tooltip_wrapper:before {
    content: '';
    position: absolute;
    top: -65px;
    left: 78%;
    width: 65px;
    height: 57px;
    background: url(../images/info_arrow.svg);
    background-repeat: no-repeat;
}
.publish_popup button {
    min-width: 90px;
    height: 32px;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    text-align: center;
    padding: 0 12px;
    border-radius: 18px;
    border: 6px double #fff;
    background: #0b2e55;
    color: #ffffff;
    outline: 0;
    display: flex;
    align-items: center;
}
.publish_popup button:before {
    content: ' ';
    position: absolute;
    z-index: 0;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 2px solid #74a566;
    border-radius: 22px;
}
.publish_popup button:after {
    content: ' ';
    position: absolute;
    z-index: 0;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid #74a5664d;
    border-radius: 22px;
}
.publish_popup button svg {
    width: 12px;
    position: relative;
    height: 12px;
    fill: #fff;
    margin-right: 6px;
}

.publish_popup span {
    margin: 0 auto;
}

.tryme_tooltip .tryme_popup._active {
    z-index: 1101;
}

.publish_popup button:hover {
    border: 6px double #ffe5d3;
    background: #ffe5d3;
    color: #333;
    fill: #333;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
    outline: 0;
}
.tryme_popup button.btn.btn-primary:active {
    border: 6px double #eb974e;
    background: #ffe5d3;
    color: #333;
    fill: #333;
}
.tryme_popup button.btn.btn-primary:focus {
    border: 6px double #ffe5d3;
    background: #ffe5d3;
    color: #333;
    fill: #333;
}
.tryme_popup button:active svg {
    color: #333;
    fill: #333;
}
.tryme_popup button:focus svg {
    color: #333;
    fill: #333;
}
.tryme_popup button:hover svg {
    color: #333;
    fill: #333;
}
.tryme_popup .connect_account_failed {
    position: absolute;
    right: 25px;
    bottom: 10px;
}
.tryme_popup .connect_account_failed .error_menu_hvr {
    margin-right: 0;
    right: -12px;
    top: -52px;
    width: 220px;
}
.tryme_popup button:hover ~ .connect_account_failed .error_input_show svg {
    fill: #fff !important;
}
.center_loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.popup_inside_loader {
    width: 100%;
    height: 90vh;
    float: left;
}
.popup_inside_loader #preloader {
    width: 128px;
    height: 128px;
}
.automation_global_form .step_input_wrapper {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 175px 175px 1fr;
    grid-gap: 12px;
}
.automation_global_form .step_output_wrapper .form_req_step_two_global_form {
    width: 100%;
}
.target.customTip .react-tooltip-lite p {
    color: #476b95;
    font-size: 9px;
    font-family: 'Gordita-Regular';
    margin-bottom: 8px !important;
    text-align: left;
}
.target.customTip .react-tooltip-lite p:last-child {
    margin-bottom: 0px !important;
    text-align: center;
}
.target.customTip.jumpto .react-tooltip-lite {
    margin-left: 10px;
}
.jumpto_search {
    position: relative;
    z-index: 9;
}
.jumpto_search span svg {
    position: relative;
    z-index: 9;
}
.journey_publish._active {
    z-index: 1101;
}

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

.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 .tooltip_wrapper_bg button {
    z-index: 1;
}
.automation_canvas.tour_automation_canvas .flow_canvas_header_back_button .home_edit {
    z-index: 1;
}

.onprem_header .target.customTip {
    width: 12px;
    height: 12px;
    float: right;
    margin-left: 6px;
    top: 2px;
}
.onprem_header .target.customTip svg {
    width: 12px;
    height: 12px;
    float: left;
    color: #999999;
    cursor: pointer;
}
.target.customTip.__button {
    width: 12px;
    height: 12px;
    float: right;
    margin-left: 6px;
    top: 2px;
}
.target.customTip.__button svg {
    width: 12px;
    height: 12px;
    float: left;
    color: #999999;
    cursor: pointer;
}
.z__index_1101 {
    z-index: 1101;
}
/* 
.advanced_options_wrapper.get_user__details_wrapper .test_buton_view .automation_condition_form.dialog_recognise_dialog .mb-0{
    margin-top:0px !important;
    margin-bottom:0px !important;
} */
/* .advanced_options_wrapper.get_user__details_wrapper .test_buton_view .automation_condition_form.reg_condition_form .mb-0{
    margin-top:0px !important;
    margin-bottom:20px !important;
} */

.advanced_options_wrapper.get_user__details_wrapper .test_buton_view .textarea_user_details {
    margin-top: 20px;
}

.target.customTip._hover_tooltip .react-tooltip-lite {
    word-break: break-all;
    background: #4e4e4e !important;
    color: #fff !important;
    max-width: 420px !important;
    width: max-content !important;
    min-height: 24px;
    border-radius: 18px;
    font-size: 10px;
    padding: 4px 8px !important;
}
.target.customTip._hover_tooltip .react-tooltip-lite svg {
    width: 8px;
    height: 7px;
    float: left;
    margin: 3px;
    color: #fff;
    fill: #fff;
}
.target.customTip._hover_tooltip .react-tooltip-lite div {
    white-space: nowrap;
    width: auto;
    float: left;
}
.info_icon.info_icon_Adaptive {
    width: auto;
    float: left;
    position: absolute;
    fill: #fc2a2a;
    color: #fc2a2a;
    left: 132px;
}

.react-joyride__tooltip div button {
    margin-top: 12px !important;
}
.react-joyride__tooltip div button:hover {
    background: #ffe5d3 !important;
    color: #333 !important;
    border: 1px solid #ffe5d3 !important;
}
.react-joyride__tooltip {
    width: 280px !important;
}
.react-joyride__spotlight {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}
.btn.btn-primary.add-slack {
    min-width: 140px;
    display: flex;
    align-items: center;
}

.btn.btn-primary.add-slack .slack-icon svg {
    width: 18px;
    height: 18px;
    position: relative;
    bottom: 2px;
}
.add_teams svg {
    width: 18px !important;
    height: 18px !important;
}
.stack-icon {
    width: 14px;
}
.slack-content {
    font-family: 'Gordita-Medium';
    font-weight: 100 !important;
    font-size: 12px;
    padding-left: 15px;
}
.slack-delete {
    padding-left: 20px;
}
.slack-cancel-btn {
    padding-left: 10px;
}
.slack-save-btn {
    padding-left: 16px;
}
.slack_title {
    position: 'relative';
    top: '10px';
}
.add_teams_header {
    width: 18px !important;
    height: 18px !important;
    top: 0 !important;
}
.add_teams_header svg {
    width: 18px !important;
    height: 18px !important;
}

.exit_conversation_detail_label {
    word-break: break-word;
    display: inline-block !important;
    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
    overflow: scroll !important;
    max-height: 60px;
}

.svg-15px svg {
    width: 15px !important;
}
.error_input_show.svg-15px {
    bottom: 11px;
}
.error_input_show.svg-15px span:not(.error_menu_hvr) {
    bottom: 11px;
}

.tour_welcome_adjust_position {
    margin-top: 68px !important;
    left: 0% !important;
}

.tour_welcome_adjust_position:before {
    content: '';
    position: absolute;
    top: -65px;
    left: 60%;
    width: 40px;
    height: 57px;
    background: url(../images/tour_down_arrow.svg) !important;
    background-repeat: no-repeat;
}

.tour_fallback_adjust_position {
    margin-top: 68px !important;
    position: static;
    width: 251px;
    margin-left: -12px;
    padding: 15px;
}

.tour_fallback_adjust_position:before {
    left: 85%;
    width: 40px;
    background: url(../images/tour_down_arrow.svg) !important;
    background-repeat: no-repeat;
    position: absolute;
    top: 150px;
}

.flow_popup1 [data-ml-modal] .stripped-modal-dialog {
    width: 0px;
    max-width: 360px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 19px;
    text-align: center;
    z-index: 2;
    position: absolute;
    margin: 0px;
}

.stripped-modal-content {
    padding: 0px !important;
}

.margin-left-34 {
    margin-left: 34px !important;
}

.cursor_pointer {
    cursor: pointer;
}

.cursor_default {
    cursor: default !important;
}

.display_row {
    display: flex;
    flex-direction: row !important;
}
.training_intent {
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}
.margin-bottom-9 {
    margin-bottom: 9px !important;
}

.display-block-important {
    display: block !important;
}

.bot_session_chart .recharts-wrapper,
.bot_session_chart .recharts-surface {
    height: 370px !important;
    margin-top: -15px;
}

.recharts-cartesian-axis-tick {
    font-size: 10px;
    font-family: 'Gordita-Regular';
}
.recharts-cartesian-grid line {
    stroke: #f2f2f2;
}
.indicate_children.open svg {
    width: 15px !important;
    height: 15px !important;
    transform: rotate(90deg);
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.indicate_children.close svg {
    width: 15px !important;
    height: 15px !important;
    transform: rotate(270deg);
    margin-left: 5px;
}

.agent_handoff_error {
    margin-top: 150px;
}
.label_padding {
    padding: 4px;
}
.progressbar_color::-moz-progress-bar {
    background: #ffe5d3 !important;
}
.progressbar_color {
    border: none;
    background: rgb(328, 244, 244);
}

.recharts-cartesian-axis-tick {
    font-size: 10px;
    font-family: 'Gordita-Regular';
}
.recharts-cartesian-grid line {
    stroke: #f2f2f2;
}

.bot-auto-resolved .recharts-wrapper,
.bot-auto-resolved .recharts-surface {
    height: 370px !important;
    margin-top: -65px;
}
.bot-summary-all-sessions .recharts-wrapper,
.bot-summary-all-sessions .recharts-surface {
    height: 370px !important;
    margin-top: -35px;
}

.bot-auto-resolved.display_inline {
    display: inline;
}

/* Video Popup Style */

.help_video_title_container {
    display: flex;
    background-color: #fff;
    padding: 5px;
    height: 35px;
    position: relative;
    width: 100%;
}

.help_video_title_box,
.help_video_title_button {
    display: flex;
}

.help_video_title_box {
    width: 85%;
}

.help_video_title_button {
    position: absolute;
    right: 0;
    justify-content: space-around;
    width: 80px;
    align-items: center;
}

.help_video_button1,
.help_video_button2,
.help_video_maxi_button,
.help_video_window_button1,
.help_video_window_button2 {
    border-left: 1px solid #000;
    padding: 0 5px;
    cursor: pointer;
    width: 30px;
    align-items: center;
}

.help_video_button1 svg,
.help_video_button2 svg,
.help_video_maxi_button svg {
    position: relative;
    /* left: 5px; */
}

.help_video_button2 svg {
    color: #333;
    position: relative;
    top: 2px;
}

.help_video_title_box_text {
    position: relative;
    width: 95%;
}

.help_video_title_box_text p {
    color: #000;
    font-weight: 400;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 30px;
    /* display: contents; */
}

.help_video_title_box svg {
    margin-right: 5px;
    width: 20px;
}
.help_video_box .react-resizable {
    margin: 10px;
    background: #787778;
}

.help_video_box .react-draggable {
    transform: none;
    z-index: 9999;
}
.help_video_box .react-draggable {
    top: 10%;
    left: 20%;
    background-color: #fff;
    border-radius: 10px;
    transition: 0.3s;
}

.help_video_box .react-player {
    max-height: none;
    overflow: hidden;
    padding: 0;
    height: 565px !important;
}

.help_video_box.small-player .react-draggable {
    top: 50%;
    left: 15%;
    transition: 0.5s;
}

.help_video_box.minimized-player .react-draggable {
    top: 95%;
    left: 10%;
    transition: 0.5s;
}

.help_video_box.small-player .react-player {
    height: 300px !important;
}

.help_video_box.maximize-player .react-draggable {
    top: 10%;
    left: 20%;
    transition: 0.5s;
}

.help_video_box.maximize-player .help_video_maxi_button,
.help_video_box.small-player .help_video_button1,
.help_video_window_button2 {
    display: block;
}

.help_video_box.small-player .help_video_maxi_button {
    display: block;
}
.help_video_title_icon {
    border-left: 1px solid #000;
    padding: 0 5px;
    cursor: pointer;
    width: 30px;
    align-items: center;
}

.help_video_box #popuploader {
    margin: 0 auto;
    position: relative;
    top: 35%;
}

.help_video_box .react-resizable-handle-se {
    display: none;
}

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

/* videos list page */
.apps_counter {
    color: #ff7900;
}
.logo img {
    width: 20%;
}
.product-page {
    display: flex;
}
.menu {
    background: #000;
    width: 5%;
    height: 90vh;
}

.videos-category {
    width: 20%;
    border-right: 1px solid #d9e2eb;
    height: 90vh;
}
.videos-category ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.videos-category ul li {
    border-bottom: 1px solid #d9e2eb;
    padding: 10px 20px;
    font-size: 16px;
    color: #526a86;
}

.videos-category ul li:hover {
    background: #ffe5d3;
}

.videos-category li span {
    color: #ff7900;
}

.video-pannel {
    /*    background: #dad9d9;*/
    display: flex;
    flex-wrap: wrap;
}

.video-container,
.video-box {
    position: relative;
}

.video-pannel .video-box-container {
    padding: 0 10px;
}

.video-border {
    margin: 20px 10px 0 10px;
}

.overflow-height {
    height: 100vh;
    overflow: auto;
    padding-bottom: 200px;
}

.video_link {
    font-size: 12px;
    color: #2468f6;
    font-family: 'Gordita-Regular';
    cursor: pointer;
    float: right;
    display: flex;
    align-items: center;
}

.video_link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.video_link svg {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    position: relative;
    bottom: 2px;
}
.video-pannel a {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    margin: 0 0 25px;
    color: #2c2c2c;
    text-decoration: none;
    cursor: pointer;
}

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

.video_link svg {
    bottom: 2px;
}

.video-box img {
    max-width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.video-box div {
    max-width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.video-box-background {
    position: absolute;
    background: #84848487;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.play-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    margin: 0 auto;
    width: 30px;
}

.video-title-box {
    padding: 10px;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.video-title-box h5 {
    font-size: 14px;
    color: #000;
    text-align: left;
    font-weight: 400;
    height: 40px;
    margin-top: 0px;
    line-height: 1.5;
    display: table-cell;
    vertical-align: middle;
}

.video-title-box h5 span {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.video-pannel a:hover .video-title-box {
    background: #d5ffee;
}

.popup_body {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
    z-index: 9;
}
.popup_body_show {
    display: block;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}
.popup_back {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.popup_contain {
    position: relative;
    background: #fff;
    min-width: 300px;
    max-width: 80%;
    margin: 100px auto 50px;
    min-height: 150px;
    padding: 10px 20px;
}
.popup_close {
    background: red;
    padding: 3px 10px 5px;
    position: absolute;
    right: -10px;
    top: -10px;
    color: #fff;
    border-radius: 50%;
}
.video_time_box {
    position: absolute;
    right: 8px;
    bottom: 8px;
    background: #4f4f4f;
    border-radius: 5px;
}

.video_time_box p {
    color: #fff;
    padding: 3px 5px;
    margin: 0;
    font-size: 10px;
}
/* videos list page */

.un_verified .enttta {
    height: calc(100vh - 110px);
}

.pipWindow {
    background-color: #242d36;
    z-index: 100;
    position: fixed;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.5;
    color: rgb(248, 248, 249);
    box-sizing: content-box;
    box-shadow: 1px 3px 3px 0 rgb(0 0 0 / 20%), 1px 3px 15px 2px rgb(0 0 0 / 20%);
    border-radius: 0.28571429rem;
}

.pipWindow:hover {
    cursor: grab;
}

.pipWindow:active {
    cursor: grabbing;
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}

.link_color {
    color: #2468f6;
}

.verify_content .link_color:hover {
    cursor: pointer;
}

/* .link_color{
    color: #2468f6;
} */

.padding-zero {
    padding: 0px !important;
}

.border-none {
    border: none !important;
}

.svg-position svg {
    position: inherit !important;
}

.right-515 {
    right: 515px !important;
}

.td_date_wrapper {
    padding-right: 0px;
    justify-content: left;
    font-size: 9px;
}
.td_email {
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 12px;
    font-family: 'Gordita-Regular';
}
.help_video_title_box.video-minimised-header {
    width: 68%;
    white-space: nowrap;
}
.automation_canvas_right_popup_form .cuIIiL {
    padding: 0;
}

.slack-icon.slack-content-button {
    width: 18px !important;
    height: 18px !important;
}

.settings_button_section .settings_buttons {
    margin-left: 40px;
}

.settings_button_section .settings_buttons.left_align {
    margin-left: 85px;
}

.upload_popup_qus svg {
    position: relative;
    top: 1.5 px;
}

.app_workflow_right .header_right_popup p {
    margin-bottom: 0;
}

.log_out_container .log_out_button {
    margin-bottom: 0 !important;
    justify-content: center;
}

.log_out_container .log_out_button:nth-child(1) {
    margin: 0px 20px 0px 0px;
}

.slack_loader {
    margin-top: 20px;
}

.main_menu_container {
    position: relative;
    margin-left: 45px;
}

.main_menu_container ul li {
    font-size: 12px;
    padding-bottom: 2px;
    font-family: 'Gordita-Medium';
    font-weight: 600;
}

/* .main_menu li::before{
    content: " ";
    border-right: 1.5px solid #000;
    border-top: 1.5px solid #000;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    left: -10px;
    margin-top: 7px;
} */

/* .main_menu.show li::before {
    transform: rotate(-45deg);
} */
.main_menu li span:nth-child(1) {
    /* background: #fff; */
    width: 25px;
    height: 25px;
    position: relative;
    border-radius: 50px;
    margin-left: 10px;
    margin-right: 8px;
    position: relative;
    top: 3px;
}

.main_menu li span {
    margin: 0 5px 0 0;
}

.main_menu li span svg {
    width: 12px;
    height: 12px;
}

.main_menu li span img {
    width: 20px;
    height: 20px;
}

.sub_menu_1 {
    margin-left: 58px;
    margin-top: 10px;
    text-indent: -25px;
}

.main_menu li .sub_menu_1 li span {
    margin-right: 8px;
    position: relative;
}

.main_menu_container ul li .sub_menu_1 li {
    font-weight: normal;
    line-height: 1.5;
    font-family: 'Gordita-Regular';
    padding-bottom: 10px;
}
.main_menu_container ul li .sub_menu_1 li:last-child {
    padding-bottom: 0;
}

.main_menu_container ul {
    margin-bottom: 0;
}

.sub_menu_2,
.sub_menu_3 {
    margin-left: 25px;
}

.sub_menu_1.hide,
.sub_menu_2.hide {
    display: none;
}

.call_automation_checkbox {
    position: relative;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    appearance: none;
    border: 1px solid #b9b9b9;
    background: #fff;
    border-radius: 4px;
}

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

.sub_menu_1 input[type='checkbox']:checked ~ .check_mark::after {
    content: '';
    position: absolute;
    height: 5px;
    width: 10px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    top: 4px;
    right: -2.5px;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.call_automation_arrowImg {
    top: 2px;
}

.call_automation_downarrow_img svg {
    transform: rotate(90deg);
}

.intergration-delete-button-text.delete_no_button {
    background: #fff;
    border: 1px solid rgb(185, 185, 185);
    color: rgb(51, 51, 51);
}

.intergration-delete-button-text.teams_delete_no_button,
.slack_buton_center .teams_cancel_button {
    background: #fff;
    border: 1px solid #b9b9b9;
    color: #333;
}

/***** copy function css start *****/

.copy_border .dialog_tree_render .dialog_detail_parent_node,
.copy_border .dialog_detail_ul_parent .dialog_detail_parent_node,
.copy_border ul .copy_border .dialog_tree_render .dialog_detail_parent_node,
.copy_border ul .copy_border .dialog_detail_parent_node {
    border: 1px solid #d7691d;
    border-radius: 10px;
}

.copy_border .dialog_tree_render .dialog_detail_parent_node .add_respond {
    border-bottom: 1px solid #d7691d;
}

.tree .isdetailWrapper .copy_border li:before {
    border-left: 0.5px solid #d7691d;
}

.first_add_node.copy_border label.tree_label:before,
.copy_border ul .copy_border label.tree_label:before {
    background: #d7691d;
}

/***** copy function css end *****/

.message_toolbar_container {
    position: relative;
    width: 100%;
}

.message_toolbar {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 999;
}

.message_toolbar .e16zneum {
    display: none;
}

.message_toolbar .ejr02pv {
    padding-top: 10px;
}

.custom_varaible .message_toolbar,
.exit_popup .message_toolbar,
.menu_option_response .message_toolbar {
    bottom: 38px;
}

.message_toolbar div:nth-child(1) {
    border-radius: 5px;
    display: flex;
}

.message_toolbar div div:nth-child(4),
.message_toolbar div div:nth-child(7) {
    position: relative;
    top: 2px;
}

.message_toolbar div div button {
    background: transparent;
    width: 32px;
    height: 30px;
    padding-top: 2px;
    vertical-align: baseline;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.message_toolbar div div button svg {
    width: 18px;
    height: 18px;
    fill: #355d8b;
}

.message_toolbar div div .toolbar_child_two {
    position: relative;
    width: 34px;
}

.message_toolbar div div .toolbar_child_two button {
    color: #355d8b;
    border: none;
    position: absolute;
    border-radius: 0;
    z-index: 2;
    top: -3px;
    padding-top: 0;
}

.message_toolbar div div .toolbar_child_two button:active {
    top: -2px;
}

.toolbar_child_two_bg {
    position: absolute;
    width: 34px;
    height: 31px;
    background: transparent;
    z-index: 1;
    top: 1px;
}

.message_toolbar div div .toolbar_child_two button:hover {
    background: transparent !important;
}

.message_toolbar div div .toolbar_child_two:hover .toolbar_child_two_bg,
.message_toolbar div div .toolbar_child_two:active .toolbar_child_two_bg {
    background: #ffe5d3;
}

/* .message_toolbar div div:nth-child(1) button,
.message_toolbar div div:nth-child(2) button,
.message_toolbar div div:nth-child(3) button{
    cursor: default;
} */

.message_toolbar div div:nth-child(9) button {
    width: 32px;
    height: 30px;
    line-height: normal;
    font-size: 24px;
    color: #355d8b;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    /* cursor: pointer; */
}

.message_toolbar div div:nth-child(8) {
    position: relative;
    bottom: 1px;
}

.message_toolbar div div:nth-child(8) button button {
    border: none;
}

.message_toolbar div div:nth-child(8) button button svg {
    width: 15px;
    height: 15px;
    fill: #355d8b;
}

.message_toolbar div div:nth-child(9) button:hover,
.message_toolbar div div:nth-child(9) button:focus,
.message_toolbar div div:nth-child(9) button:active {
    background: #ffe5d3;
    outline: 0;
}

.message_toolbar div div:nth-child(8) button button:hover,
.message_toolbar div div:nth-child(8) button button:focus,
.message_toolbar div div:nth-child(1) button:hover,
.message_toolbar div div:nth-child(1) button:focus,
.message_toolbar div div:nth-child(2) button:hover,
.message_toolbar div div:nth-child(2) button:focus,
.message_toolbar div div:nth-child(3) button:hover,
.message_toolbar div div:nth-child(3) button:focus .message_toolbar div div:nth-child(5) button:hover,
.message_toolbar div div:nth-child(5) button:focus,
.message_toolbar div div:nth-child(6) button:hover,
.message_toolbar div div:nth-child(6) button:focus,
.message_toolbar div div:nth-child(8) button:hover,
.message_toolbar div div:nth-child(8) button:focus {
    background: #ffe5d3;
    outline: none;
}

.message_toolbar div div:nth-child(1) .bc4rxid.akzb7t5,
.message_toolbar div div:nth-child(2) .bc4rxid.akzb7t5,
.message_toolbar div div:nth-child(3) .bc4rxid.akzb7t5,
.message_toolbar div div:nth-child(8) .bc4rxid.akzb7t5 {
    background: #ffe5d3;
    outline: none;
}

.message_toolbar div div:nth-child(9) div:nth-child(2) {
    margin-top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    right: 30px;
}

.message_toolbar div div:nth-child(5) button,
.message_toolbar div div:nth-child(6) button,
.message_toolbar div div:nth-child(4) {
    display: none;
}

.message_toolbar div div:nth-child(9) div:nth-child(2) div {
    right: 0;
    display: block;
    height: 15em;
}

.message_toolbar .e1duapnp {
    background-color: transparent;
    opacity: 0;
}

.message_toolbar .e1duapnp:hover {
    opacity: 0;
}

.message_toolbar div div:nth-child(9) div div section ul {
    display: flex;
}

.message_toolbar div div:nth-child(9) div div section ul li button img {
    width: 1.2rem;
    height: 1.2rem;
}

.message_toolbar div div:nth-child(9) div ul {
    display: none;
}

.message_toolbar div div:nth-child(9) div div section ul {
    box-shadow: none;
}

.overlay_message_toolbar [data-ml-modal] {
    /* z-index: 99; */
}

.select_work_form .message_toolbar ul li {
    width: auto;
    border: none;
}

.menu_option_response .dialog_input_edit_true.dialog_context_input_edit_true {
    /* margin-top: 15px; */
}

.faq_popup_card {
    padding: 0 !important;
}
.message_tool_link {
    background: #cdebfe;
    position: absolute;
    bottom: -15px;
    width: 100%;
    padding: 10px;
    right: 20px;
    z-index: 999;
}

.jumpto_wrapper .copy_function_popup_list .tree1.zontal_lines1 {
    list-style: none;
}
.copy_function_popup_list ul ul {
    list-style: none;
}

.message_toolbar .toolbar_child_two .ejr02pv {
    right: -80px;
    top: 20px;
}

/******* manage user page style ******/
.account_popup_user_input .form-row {
    margin-bottom: 5px;
}
.account_popup_user_input .form-group.col-md-12 {
    width: 320px;
}
.account_popup_user_input.automate .ecbNTl {
    padding-top: 0;
}
.manage_user_line::after {
    content: '';
    position: absolute;
    border-bottom: 1px solid rgb(224, 224, 224);
    width: 94.5%;
    height: 1px;
    top: 80px;
    /* right: 98px; */
}
.sup_acc_user_details_header {
    padding: 20px 20px 100px 20px !important;
}
.account_popup_user_input.automate {
    margin-top: 10px;
}
.dialog_paste_popup .dialog_paste_dropdown {
    width: 97% !important;
}
.dialog_paste_popup .dialog_paste_dropdown input {
    padding: 26px 20px 6px 40px;
    width: 100%;
}
.dialog_paste_popup .dialog_paste_dropdown .dialog_paste_dropdown_inputContent {
    left: 40px;
}
.entity_hvr span.copy_function_copied {
    display: flex;
    background: #d5ffee;
    padding: 5px;
    position: absolute;
    margin-top: -15px;
    margin-right: 35px;
}

.copy_function_copied {
    display: flex;
    background: #d5ffee !important;
    padding: 5px;
    position: absolute;
    margin-top: -15px;
    margin-right: 35px;
}

.copy_function_copied.for_canvas_dialog {
    left: 170px;
}

.copy_function_copied svg {
    fill: #333;
    margin-left: 0px;
    margin-right: 3px;
    width: 12px !important;
    height: 12px !important;
}
.copy_function_copied p {
    font-size: 10px;
    margin-bottom: 0;
    font-family: 'Gordita-Regular';
}
.welcome_dropdown_bot .welcome_dropdown_bot_sup {
    right: -15px;
}
.welcome_dropdown_bot svg {
    width: 24px !important;
    height: 24px !important;
}
.tree_down_arrow {
    position: absolute;
    width: 20px;
    left: -22px;
    top: 5px;
}
.tree_down_arrow svg {
    width: 12px;
    height: 12px;
}
.button_auto .tree_down_arrow_child {
    position: absolute;
    width: 20px;
    left: -11px;
    top: 15px;
}
.button_auto .tree_down_arrow_child svg {
    width: 12px;
    height: 12px;
}
.object_inside_collection .tree_down_arrow_object {
    position: absolute;
    width: 8px;
    left: 22px;
    bottom: 23px;
}

.tree_down_arrow_object {
    position: absolute;
    width: 20px;
    top: 5px;
    cursor: pointer;
    pointer-events: auto;
}

.automation_logs_collection .tree_down_arrow_object {
    left: 20px;
    top: 2px;
}

.collection_condition_variable_picker .tree_down_arrow_object {
    left: 10px;
}

.child_data_context .collection_condition_variable_picker .tree_down_arrow_object {
    left: 20px;
}

.tree_down_arrow {
    cursor: pointer;
    pointer-events: auto;
}

.tree_down_arrow_object svg {
    /* position: absolute; */
    width: 8px;
    /* left: 22px; */
    /* bottom: 23px; */
}

.arrow_opened svg {
    transform: rotate(90deg);
}

.automation_condition_form.get_user_details_form .dialog_scroll .right_pop_icons span.editor_btn:hover {
    width: auto;
    height: auto;
}
.btn_width_wrapper .btn.btn-primary.add-slack {
    padding: 7px 4px;
    min-width: 125px;
}
.slack_buton_center .btn-primary.add-slack.chatbot_popup {
    width: 125px;
    padding: 7px 0;
    height: 32px;
}
.btn_width_wrapper .btn.btn-primary.add-slack.chatbot_popup .slack-content {
    margin-left: 0 !important;
    padding-left: 13px;
}
.onprem_token_wrap_container button {
    margin: 10px 0 0 !important;
}
.manage_user_line span svg {
    width: 16px !important;
    height: 16px !important;
    position: relative;
    bottom: 2px;
}
.jump_to_move_dialog .dropdown_move {
    width: 300px;
}
.header_button {
    margin-right: 0 !important;
    top: 0 !important;
}
.header_button svg {
    width: 12px !important;
    height: 12px !important;
}
.flow_sort_dropdown .option-input:checked::before {
    top: 4px;
    left: 3px;
}
.child_node:hover .error_input_show.dialog_node.child_svg {
    bottom: -2px;
    right: 60px;
}
.test_buton_result .error_dublicate_entry .target.customTip {
    top: 6px;
}
.dropdown_right_entity .form-input span {
    position: absolute;
    left: 20px;
    width: 25px;
    background: transparent;
    top: 10px;
}
.dropdown_right_entity .form-input span svg {
    width: 18px;
    height: 18px;
    color: #999;
    fill: #999;
}

.right-panel-logs {
    position: fixed;
    display: inline-block;
    background: #fff;
    border-radius: 18px;
    top: 100px;
    width: 480px;
    right: 2px;
    padding: 0px;
    z-index: 99999;
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    top: 80px;
}
.footer_button_fixed {
    position: fixed !important;
    width: 478px !important;
    right: 0px;
    border-radius: 0;
    bottom: 2px !important;
    background: #fff !important;
}

.popup_footer_button_container {
    position: relative;
    display: flex;
    justify-content: space-evenly;
}

.popup_footer_button_container button:first-child {
    margin-right: 20px !important;
}
.automation_condition_form.get_user_details_form
    .dialog_scroll
    .dialog_scroll_div
    .error_dublicate_entry
    span:hover
    svg {
    fill: #eb6453 !important;
}
.automation_condition_popup .test_buton_view p {
    margin-bottom: 10px !important;
}

.dialog_call_automation_checkbox .target.customTip svg {
    top: 2px !important;
}
.dialog_paste_popup .indicate_children.open svg {
    top: 0;
}
.main_menu_container .call_automation_checkbox {
    position: relative;
    bottom: 1px;
    right: 1px;
}
.welcome_page_bot_dropdown {
    height: auto;
    overflow-y: auto;
}
.error_icon_lv label {
    left: 5px;
}
.home_chatbot_upload_dropdown {
    position: absolute;
    width: 300px;
    right: 0;
    top: 48px;
}
.plus_add_more .right_pop_icons span svg {
    width: 8px;
    height: 8px;
}
.jump_to_list .indicate_children.open {
    position: absolute;
    right: 15px;
}
.jump_to_list:hover .indicate_children.open {
    right: 38px;
}
.intent_search_input {
    position: relative;
}
.select_flow .form-input.intent_search_input input {
    height: 38px;
    background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
    border: 1px solid rgb(185, 185, 185);
    border-radius: 6px;
    padding: 0px 12px 0px 36px;
    font-size: 12px;
    font-family: Gordita-Regular;
}
.intent_search_input .intent_search_icon {
    position: absolute;
    left: 12px;
    width: 18px;
    height: 18px;
    top: 10px;
}
.intent_search_input .intent_search_icon svg {
    color: rgb(153, 153, 153);
    fill: rgb(153, 153, 153);
}
.intent_dialog_right .intent_header_right_button span svg {
    width: 14px !important;
    height: 14px !important;
}
.intent_dialog_right .intent_header_right_button span {
    margin-right: 3px !important;
}
.intent_dialog_right .intent_header_right_button label {
    top: 2px !important;
}
.intent_moveto_poup {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1100;
    cursor: auto;
}
.icons_right_close .disable_edit svg {
    width: 10px !important;
    height: 10px !important;
}
.jump_to_move_dialog .dropdown_move .option-input:checked::before,
.jump_to_panel .jump_to .dropdown_move .option-input:checked::before {
    top: 5px;
    left: 4px;
}
.billing_admin_detail_user {
    position: relative;
    overflow-y: scroll;
    height: 250px;
    width: 100%;
}
.payment_card_button {
    left: 10px;
}
.adaptive_card_wrapper .send_message_details.send_message_hover h6 {
    padding-bottom: 6px;
    padding-left: 0px;
}
.create_dialog_popup .recognise_popup_right .test_buton_result .automation_condition_span {
    border: none;
}

.billing_admin_detail_user::-webkit-scrollbar {
    width: 8px;
    display: block;
    height: 10px;
}
.billing_admin_detail_user::-webkit-scrollbar-thumb {
    background: #ccc;
    height: 5px;
    border-radius: 5px;
}
.billing_admin_detail_user::-webkit-scrollbar-track {
    background: inherit;
}
.function_popup_header,
.moveto_popup_header {
    padding-bottom: 5px;
}
.download_marketpalce_application_list,
.download_marketpalce_category_list {
    margin-top: 48px !important;
}
.onprem_token_wrap_container {
    margin-top: 10px;
}
.action_popup_connection .automation_scroly {
    margin-top: -40px !important;
}
.faq_popup_next_step .error_input_show.svg-15px {
    bottom: 16px;
    right: 35px;
}
.faq_popup_next_step .error_input_show:hover .error_menu_hvr {
    top: -40px;
    right: -32px;
}
.faq_popup_card_query .connect_account_failed .error_input_show svg {
    right: 5px;
    top: 0;
}
.faq_popup_card_query .connect_account_failed.faq {
    top: 20px;
}
.popup_show_hide.agent_handover_setting {
    top: -5px !important;
    right: 10px;
}
.widget_secure_popup {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    margin-top: 15px;
}
.widget_secure_popup .widget_secure_popup_button {
    min-width: 90px;
    height: 30px;
    font-family: 'Gordita-Medium';
    font-size: 12px;
    text-align: center;
    padding: 0px 10px;
    border-radius: 18px;
    border: 0.5px solid rgb(153, 153, 153);
    background: rgb(255, 255, 255);
    color: rgb(73, 73, 73);
    outline: 0px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}
.widget_secure_popup .widget_secure_popup_button label {
    position: relative;
    top: 1px;
    margin-bottom: 0;
}

.widget_secure_popup .widget_secure_popup_button:hover {
    border: 0.5px solid rgb(255, 229, 211);
    background: rgb(255, 229, 211);
    color: rgb(51, 51, 51);
    fill: rgb(51, 51, 51);
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px;
    outline: 0px;
}
.upload_attachment_popup .error_input_show.svg-15px {
    bottom: 16px;
    right: 35px;
}
.upload_attachment_popup .error_menu_hvr {
    bottom: -12px;
    right: -40px;
}
.synonyms_wrapper .error_input_show.svg-15px {
    bottom: 18px;
    right: 32px;
}
.synonyms_wrapper .error_menu_hvr {
    right: -25px;
    bottom: -10px;
}
/* .message_toolbar .e1kg9q3n{
    height: 15em;
} */

.select_work_form .message_toolbar ul {
    max-height: 100%;
    box-shadow: none;
}
.select_work_form .message_toolbar ul li {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.select_work_form .message_toolbar .e1kg9q3n {
    height: 14em;
}
.user_email_left.chatbot_logs_mail {
    width: 80%;
}
.user_email_left.chatbot_logs_mail .td_header {
    width: 100% !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
}
.select_button,
.select_button:hover {
    border: none !important;
}
.select_button span {
    top: 0px !important;
    width: 16px !important;
    height: 16px !important;
}
.select_button span svg {
    width: 8px !important;
    height: 8px !important;
}
.dialog_cards_layer .dialog_icon {
    position: relative;
    width: 24px;
    height: 24px;
}
.entity_cards_layer.workflow_cards .dialog_icon {
    position: relative;
    width: 20px;
    height: 20px;
}
.dialog_top_section {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.dialog_top_section label,
.entity_cards_layer.workflow_cards .dialog_top_section label {
    position: absolute;
    left: 33px;
    top: 1px;
}
.entity_cards_layer.workflow_cards .dialog_top_section label {
    left: 28px;
}
.dialog_cards_layer .dialog_icon svg,
.entity_cards_layer.workflow_cards .dialog_icon svg {
    fill: #367af2;
    color: #367af2;
}
.entity_cards_layer.workflow_cards .dialog_top_section {
    width: 72%;
}
.workflow_hover_menu {
    position: relative;
    left: 24px;
    top: 2px;
}
.automation_select_btn:hover {
    border: none !important;
}
.action_select_deck .css-1rhbuit-multiValue {
    background: #d5ffee;
    border-radius: 12px;
    border: 1px solid #cecece;
    font-size: 9px;
    font-family: 'Gordita-Medium';
}

.action_select_deck .css-1rhbuit-multiValue .css-xb97g8 {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #ffffff 0% 0% no-repeat padding-box;
    position: relative;
    right: 2px;
    padding: 0 3px;
    margin: 0 2px;
    color: #b9b9b9;
}
.action_select_deck .css-tlfecz-indicatorContainer:first-child,
.action_select_deck .css-1okebmr-indicatorSeparator,
.css-1hb7zxy-IndicatorsContainer:first-child,
.action_select_deck .css-1wy0on6 .css-1gtu0rj-indicatorContainer {
    display: none;
}
.action_select_deck .css-tlfecz-indicatorContainer,
.action_select_deck .css-1gtu0rj-indicatorContainer {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 50%;
    border: 1px solid #333;
    padding: 0;
    color: #333;
    width: 16px;
    height: 16px;
    align-items: center;
    position: relative;
    right: 12px;
}
.action_select_deck .css-tlfecz-indicatorContainer:hover {
    color: #333;
}
.css-26l3qy-menu {
    box-shadow: 0px 3px 6px #00000029 !important;
    border: 0.5px solid #b9b9b9;
    border-radius: 6px !important;
    top: 80% !important;
}
.action_service_desk_list_contanier .action_check_box {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #b9b9b9;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
}
.action_service_desk_list {
    background-color: transparent !important;
    border-bottom: 0.5px solid #ebebeb;
    padding: 4px 8px !important;
}
.action_service_desk_checked {
    background-color: transparent !important;
    color: #000 !important;
    border-bottom: 0.5px solid #ebebeb;
    padding: 4px 8px !important;
}
.action_service_desk_list:hover,
.action_check_box:hover,
.action_service_desk_checked:hover {
    background: #ffefe3 !important;
}
.action_service_desk_list_contanier label {
    font-family: 'Gordita-Regular';
    font-size: 12px;
    margin-left: 2px;
}
.action_check_box:checked {
    /* appearance: auto; */
    clip-path: circle(50% at 50% 50%);
    border: 1px solid #2468f6 !important;
}
.action_check_box:checked::before {
    height: 6px;
    width: 10px;
    position: absolute;
    content: '';
    background-image: url(../images/tick.svg);
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    top: 4px;
    left: 3px;
    z-index: 1;
}
.action_check_box:checked::after {
    background: #2468f6;
    content: '';
    display: block;
    position: relative;
    z-index: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: middle;
}
.action_select_deck .css-1hb7zxy-IndicatorsContainer div:first-child {
    display: none !important;
}
.css-1pahdxg-control:hover,
.css-1pahdxg-control:active,
.css-1pahdxg-control {
    border-color: #eb974e !important;
    box-shadow: none !important;
}
.automation_global_form.multiselect_form {
    margin-top: 15px;
}
.action_select_deck .css-14el2xx-placeholder {
    color: #999999;
    font-size: 12px;
    font-family: 'Gordita-Regular';
}
.action_select_deck .css-1s2u09g-control,
.action_select_deck .css-1pahdxg-control {
    min-height: 48px !important;
}
.automation_rightside_step_two .triggered_select_application p, .triggered_select_application p{
    font-family: 'Gordita-Regular';
    font-size: 11px;
    color: #355d8b;
    position: relative;
    margin-top: 56px;
    left: 4px;
}

.apptrigger_button .connect_account_loading{
    left: 50px;
}
.automation_canvas_right.action_popup.automate_apptrigger_popup{
    height: 60%;
}

.automate .summary_settings_box{
    display: flex;
    justify-content: space-between;
    position: relative;
    right: 5px;
}

.automate .summary_settings_box .no_input_value, .automate .summary_settings_box .settings{
    width: 50%;
}

.automate .summary_settings_box .error_input_show svg{
    right: 6px;
}

.multi_factor h5 {
    font-family: 'Gordita-Medium';
    font-size: 16px;
    color: #000;
    margin-bottom: 6px;
}

.multi_factor p {
    font-family: 'Gordita-Regular';
    font-size: 12px;
    color: #355D8B;
}

.multi_factor_option h5 {
    margin: 25px 0 20px 0;
}

.multi_factor_option_box .switch_box.box_1 {
    padding: 0px 15px 0px 0px;
}

.multi_factor_option_box .switch_box.box_1 label {
    position: relative;
    left: 5px;
    top: 1.5px;
    margin-bottom: 0;
    font-family: 'Gordita-Regular';
    font-size: 12px;
}

.multi_factor_option_box .switch_box.box_1 input[type='checkbox'] {
    width: 16px;
    height: 16px;
    border: 1px solid #B9B9B9;
    border-radius: 2px;
    cursor: pointer;
}