@font-face {
    font-family: 'Font Awesome 6 Pro';
    src: url('/static/fonts/Font-Awesome-6-Pro-Regular-400.otf');
    font-weight: 400;
    font-style: normal;
    font-display: block;
    line-height: 1;
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    src: url('/static/fonts/Font-Awesome-6-Brands-Regular-400.otf');
    font-weight: 400;
    font-style: normal;
    font-display: block;
    line-height: 1;
}

@font-face {
    font-family: 'Font Awesome 6 pro solid';
    src: url('/static/fonts/Font-Awesome-6-Pro-Solid-900.otf');
    font-weight: 900;
    font-style: normal;
    font-display: block;
    line-height: 1;
}

@font-face {
    font-family: 'Font Awesome 6 Sharp';
    src: url('/static/fonts/Font-Awesome-6-Sharp-Regular-400.otf');
    font-weight: 400;
    font-style: normal;
    font-display: block;
    line-height: 1;
}

.icon-ai_intent_bg,
.icon-branch_bg,
.icon-input_bg,
.icon-inputBranch_bg,
.icon-survey_bg,
.icon-chat_transcript_bg,
.icon-session_end_bg,
.icon-end_bg,
.icon-subflow_handover_bg,
.icon-delay {
    background-color: #e4fafb;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-message_bg,
.icon-email_bg,
.icon-list_bg,
.icon-reply_button_bg,
.icon-location_bg,
.icon-whatsapp_flow_bg {
    background-color: #e7f5fe;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-flow_studio_bg,
.icon-human_handover_bg,
.icon-javascript_bg,
.icon-service_call_bg,
.icon-dialogflow_bg,
.icon-faq_bg,
.icon-webhook_bg,
.icon-ai_handover_bg {
    background-color: #f8f0fc;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-trigger_bg,
.icon-subflow_trigger_bg {
    background-color: rgb(255, 240, 246);
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-selection_bg,
.icon-quick_reply_bg,
.icon-schedule_bg,
.icon-authentication_bg,
.icon-forms_bg,
.icon-rich_link_bg,
.icon-apple_pay_bg,
.icon-imessage_bg {
    background-color: #e7e7e7;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fa-brain,
.fa-code-pull-request,
.fa-input-pipe,
.fa-list,
.fa-star,
.fa-comment-lines,
.fa-octagon-exclamation,
.fa-code-merge,
.fa-timer {
    margin: 7px;
    color: #2ab9cd;
    font-size: 20px;
    display: block;
}

.fa-message,
.fa-envelope,
.fa-list-ol,
.fa-toggle-on,
.fa-location-dot,
.fa-arrow-progress {
    margin: 7px;
    color: #359cec;
    font-size: 20px;
    display: block;
}

.fa-sitemap,
.fa-headset,
.fa-square-js,
.fa-code,
.fa-route,
.fa-webhook,
.fa-circle-question,
.fa-sparkles {
    margin: 6px;
    color: #cb62e4;
    font-size: 20px;
    display: block;
}

.fa-list-ul,
.fa-clock,
.fa-list-timeline,
.fa-shield-keyhole,
.fa-list-dropdown,
.fa-photo-film,
.fa-apple-pay,
.fa-comment {
    margin: 6px;
    color: #808081;
    font-size: 20px;
    display: block;
}

.fa-arrow-pointer {
    color: rgb(237, 43, 43);
    font-size: 27px;
    display: block;
    margin-left: 4px;
}

[class^='icon-'],
[class*=' icon-'],
.fa-user {
    font-family: 'Font Awesome 6 Pro' !important;
    line-height: 1 !important;
    font-style: normal;
}

.icon-arrange {
    margin-left: 5px !important;
}

.icon-add-new .path1::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f055';
    background-color: #fff;
    border-radius: 50%;
}

.icon-add-disabled .path1::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f055';
    color: #7f7f7f !important;
    background-color: #fff;
    border-radius: 50%;
}

.icon-add-1 .path2,
.icon-add-1-disabled .path2 {
    font-size: 18px !important;
    margin: 0;
    line-height: 3 !important;
}

.icon-add-1 .path2::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\2b';
    color: #1ad678 !important;
    background-color: #fff;
    font-size: 18px;
    margin-left: 6px;
}

.icon-forward::before {
    content: '\f054';
    font-size: 12px;
}

.icon-add-1-disabled .path2::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\2b';
    color: #7f7f7f !important;
    background-color: #fff;
    font-size: 18px;
    margin-left: 6px;
}

.icon-self-loop-port-disabled .path2::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f2ea';
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 14px !important;
    top: 1px !important;
}

.icon-self-loop-port .path2::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f2ea';
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 14px !important;
    top: 0px !important;
}

.icon-self-loop-disabled .path2::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f2ea';
    color: #7f7f7f !important;
    font-size: 16px !important;
    top: 0px !important;
}
.icon-self-loop .path2::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f2ea';
    color: #1ad678;
    font-size: 16px !important;
    top: 0px !important;
}

.icon-rounded-close .path1::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f057';
    background-color: #fff;
    border-radius: 50%;
}

.icon-cross::before {
    font-size: 18px;
}

.icon-duplicate {
    font-size: 18px;
}

.icon-clone:hover,
#multiple-clone:hover {
    color: #1ad678 !important;
}

.icon-clone::before {
    content: '\f24d';
    font-size: 18px;
}

.icon-delete::before,
.icon-trash_icon::before,
.icon-trash::before,
.icon-search::before,
.icon-auto_arrange::before,
.icon-expand::before,
.icon-map::before,
.icon-undo::before,
.icon-redo::before,
.icon-zoom-in::before,
.icon-zoom-out::before,
.icon-chrono::before,
.icon-zoom-to-fit::before,
.icon-arrange::before,
.icon-image::before,
.icon-back::before,
.icon-left-arrow:before,
.icon-text_var::before,
.icon-array_var::before,
.icon-flows::before,
.icon-dashboard::before,
.icon-knowledge::before,
.icon-messages::before,
.icon-report::before,
.icon-emoji::before,
.icon-left-from-line::before {
    font-size: 16px;
}

.icon-search::before {
    content: '\f002';
}

.icon-auto_arrange::before {
    content: '\e196';
}

.icon-expand::before {
    content: '\f31d';
}

.icon-compress::before {
    content: '\e0a5';
}

.icon-map::before {
    content: '\f279';
}

.icon-undo::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f2ea';
}

.icon-redo::before {
    font-family: 'Font Awesome 6 pro solid';
    content: '\f2f9';
}

.icon-zoom-in::before {
    content: '\f00e';
}

.icon-zoom-out::before {
    content: '\f010';
}

.icon-chrono::before {
    content: '\f1da';
}

.icon-zoom-to-fit::before {
    content: '\f320';
}

.icon-trash_icon::before,
.icon-trash::before,
.icon-delete::before {
    content: '\f2ed';
}

.icon-cross::before {
    content: '\f00d';
}

.icon-arrange::before {
    content: '\f0dc';
}

.icon-image::before {
    content: '\f03e';
}

.icon-back::before,
.icon-left-arrow::before {
    content: '\f060';
    display: block;
}
.icon-text_var::before {
    content: '\f894';
}
.icon-array_var::before {
    content: '\f7e9';
}
.icon-file::before {
    content: '\f15b';
    color: #1ad678;
}
.icon-flows {
    transform: rotate(180deg);
}
.icon-flows::before {
    font-family: 'Font Awesome 6 Sharp';
    content: '\e13b';
}
.icon-dashboard::before {
    content: '\e473';
}
.icon-knowledge::before {
    content: '\e14b';
}
.icon-messages::before {
    content: '\e361';
}
.icon-report::before {
    content: '\f659';
}
.icon-settings::before {
    content: '\f013';
    font-size: 14px;
}
.icon-emoji::before {
    content: '\f005';
}
.icon-left-from-line {
    transform: rotate(180deg);
}
.icon-left-from-line::before {
    content: '\f2f5';
}

.auto-deployment-test-class {
}
