/*20250521A*/
body {
    margin: 0px !important;
    font-family: 'Montserrat',sans-serif;
    overflow: hidden;
}

input,
select,
textarea,
button,
pre {
    font-family: 'Montserrat',sans-serif;
}

input,
textarea {
    color: #231F20;
    border: 1px solid #E6E6E6;
}
textarea {
    resize: vertical;
}
input{
    font-size: 13px;
    color: #231F20;
    height: 28px;
    padding: 0px 5px;
}

select {
    border-color: #808080 !important;
    border-width: 1px !important;
    -webkit-appearance: none;
}

input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    border-color: #808080;
}

input:placeholder-shown,
textarea:placeholder-shown {
    border-color: #E6E6E6;
}

input:hover,
textarea:hover {
    border: 1px solid #808080;
}
/* input:valid {
    border-bottom: 1px solid #808080;
} */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s !important;
}

textarea:focus {
    outline: none;
}
input:focus{
    outline: none;
}

select::-ms-expand {
    display: none !important;
}

select:focus {
    outline: none;
}

svg {
    overflow: hidden;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 10px;
    margin-right: 5px !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #E6E7E8;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #BCBEC0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #BCBEC0;
}
.ace_scrollbar-h {
    height: 10px !important;
}

.flex_row{
    display: flex;
    flex-direction: row;
}
.flex_col{
    display: flex;
    flex-direction: column;
}
.flex_row_all_center{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.flex_col_all_center{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.align_items_start{
    align-items: flex-start;
}
.align_items_end{
    align-items: flex-end;
}
.align_items_center{
    align-items: center;
}
.align_self_end{
    align-self: flex-end;
}
.align_self_center {
    align-self: center;
}
.justify_content_start{
    justify-content: flex-start;
}
.justify_content_end{
    justify-content: flex-end;
}
.justify_content_center{
    justify-content: center;
}
.justify_content_space_between{
    justify-content: space-between;
}
.justify_content_space_even{
    justify-content: space-evenly;
}
.align_self_end{
    align-self: flex-end;
}
.flex_wrap{
    flex-wrap: wrap;
}
#splash_screen {
    height: 100vh;
    width: 100vw;
    background-color: #005276;
    color: white;
    z-index: 2147483647;
    position: absolute;
}
#splash_screen_logo {
    width: 50rem;
    height: 15rem;
    opacity: 0;
    top: calc(50% - 7.5rem);
    left: calc(50% - 25rem);
}
.animation_completion {
    -webkit-transition: width 2s, height 2s, top 2s, left 2s, opacity 2s;
    transition: width 2s, height 2s, top 2s, left 2s, opacity 2s;
    width: 30rem !important;
    height: 9rem !important;
    opacity: 1 !important;
    top: calc(50% - 4.5rem) !important;
    left: calc(50% - 15rem) !important;
}
#studio_login_section {
    height: 100vh;
    width: 100vw;
}
#login_header {
    height: 35vh;
    width: 100vw;
    background-color: #005276;
    color: white;
}
#login_header img {
    height: 9rem;
    margin-top: 15px;
}
#annoucement_container {
    max-height: 140px;
    position: absolute;
    top: 28vh;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.8);
    overflow-y: auto;
    padding: 5px;
    width: 500px;
    -webkit-box-shadow: 3px 3px 10px -5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 3px 3px 10px -5px rgba(0, 0, 0, 1);
    box-shadow: 3px 3px 10px -5px rgba(0, 0, 0, 1);
}
#hide_announcements {
    height: 12px;
    width: 12px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
#login_form_container {
    margin-top: calc(33vh - 142px);
}
.form_label {
    width: 11rem;
    height: 20px;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
}
.login_img {
    height: 13px;
    margin-top: 3px;
}
.login_span {
    height: 13px;
    margin-left: 5px;
    font-size: 14px;
    letter-spacing: 0.25px;
}
.studio_button{
    font-size: 13px;
    width: 143px;
    height: 30px;
    background-color: #005276;
    color: white;
    margin-top: 20px;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.4s linear;
}
.studio_button:hover {
    background-color: #146080 !important;
    -webkit-box-shadow: -1px 10px 10px -9px rgba(0, 82, 118, 0.76);
    -moz-box-shadow: -1px 10px 10px -9px rgba(0, 82, 118, 0.76);
    box-shadow: -1px 10px 10px -9px rgba(0, 82, 118, 0.76);
}
.studio_button_black {
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    width: 143px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    margin-right: 15px;
    background-color: #fff;
    transition: all 0.4s linear;
}
.studio_button_black:hover {
    color: white !important;
    background-color: #000 !important;
    font-weight: 600;
    -webkit-box-shadow: -1px 10px 10px -9px rgba(0, 0, 0, 0.76);
    -moz-box-shadow: -1px 10px 10px -9px rgba(0, 0, 0, 0.76);
    box-shadow: -1px 10px 10px -9px rgba(0, 0, 0, 0.76);
}
.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.display_none{
    display: none !important;
}
.login_form_label{
    width: 11rem;
    height: 20px;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
}
.login_form_input{
    margin-top: 5px;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.login_form_input:hover{
    outline: none !important;
}
#container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}
#studio_header {
    height: 60px;
    width: 100vw;
    background-color: #005276;
    z-index: 10;
}
#studio_header_logo {
    height: 54px;
    padding-left: 15px;
    padding-top: 10px;
}
#logout_icon,
#toggle_test_api_call_modal,
#logout_apicall_consumer {
    height: 20px;
    margin-right: 8px;
    cursor: pointer;
    transition: all 0.2s linear;
}
#studio_content{
    width: 100vw;
    height: calc(100vh - 60px);
}
#studio_left_panel {
    height: calc(100vh - 60px);
    width: 4.5rem;
    position: absolute;
    transition: all 0.1s linear;
    background-color: #fff;
    overflow: hidden;
    z-index: 7
}
.left_panel_item {
    height: 50px;
    width: 225px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    color: #6D6E71;
    font-weight: 400;
    transition: all 0.1s linear;
    padding-left: 24px;
}
.left_panel_icon {
    height: 23px;
    pointer-events: none;
}
#open_tree img,
#list_trees_v2 img{
    height: 20px;
}
.left_panel_text {
    pointer-events: none;
    font-size: 11px;
    margin-left: 15px;
    font-weight: 600;
}
#trees_list_container,
#trees_list_containerv2 {
    height: calc(100vh - 60px);
    width: 100%;
    display: flex;
    color: #231F20;
    border-bottom: 1px solid #A7A9AC;
    font-size: 25px;
}
#tree_list_head,
#tree_list_headv2,
#ticketing_panel_head,
#greenlight_panel_head,
#submitenabled_panel_head,
#bot_control_head,
#multiedit_panel_head,
#bot_status_head,
#spark_history_head,
#psh_head,
#bot_schedule_head,
#hypery_panel_head,
#drag_drop_head {
    height: 59px;
    width: calc(100%);
    flex-shrink: 0 !important;
    color: #231F20;
    border-bottom: 1px solid #A7A9AC;
    font-size: 21px;
    
}
.right_panel_top_heading{
    padding-left: 20px;
    color: #231F20;
    font-weight: 600;
}
#trees_list_table_container,
#trees_list_table_containerv2 {
    width: calc(100% - 40px);
    height: calc(100% - 60px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px 20px;
}
#tree_list_table_head,
#tree_list_table_headv2 {
    color: #808080;
    width: calc(100vw - 4.5rem);
    font-size: 12px;
}
.tree_list_th {
    border-bottom: 1px solid #A7A9AC;
    padding: 15px 0px 2px 0px;
    font-size: 14px;
    color: #808080;
}
.tree_list_td {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0px;
    font-size: 12px;
}
.tree_list_name_col{
    color: #808080;
    width: 18rem;
    font-weight: 600;
}
.family_name_col{
    margin-right: 30px;
    margin-left: 30px;
    width: 11rem;
    padding: 15px 0px 2px 0px;
    font-weight: 600;
}
.tree_list_nodes_col{
    margin-right: 30px;
    width: 5rem;
    padding: 15px 0px 2px 0px;
    font-weight: 600;
}
.tree_list_details_col{
    width: 11rem;
    padding: 15px 0px 2px 0px;
    font-weight: 600;
}
/* .tree_list_tree_name {
    color: #005276;
    text-decoration: underline;
    cursor: pointer;
    height: 15px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 5px 10px;
    position: relative;
    right: 10px;
    word-break: break-all;
} */
/* .tree_name:hover {
    background: #F4F5F5;
} */

/* break */
text {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}
.node rect {
    stroke: #414042;
    stroke-width: 1px;
    fill: #ffffff;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    font-weight: 600;
}
.cursor_pointer {
    cursor: pointer;
}
.edgePath path {
    stroke: #000000;
    fill: none;
    stroke-width: 1px;
}
.edgeLabel text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.node text {
    pointer-events: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
}
div.tooltip {
    position: absolute;
    text-align: left;
    padding: 10px;
    font: 14px 'calibri';
    color: #fff;
    background: #005276;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}
div.tooltip_analytics {
    position: absolute;
    text-align: left;
    padding: 10px;
    font: 14px 'calibri';
    color: #fff;
    background: #005276;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}
.modal_container {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}
.card {
    background-color: #fff;
    border-radius: 5px;
    padding: 25px 35px;
    -webkit-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 1);
    height: fit-content;
}

#edit_node_card, #preview_modal_card {
    height: 32.5rem;
    width: 45rem;
}
#drag_drop_excel_anr_modal_card {
    height: 32.5rem;
    width: 30rem;
}
#add_child_card{
    height: 34.5rem;
    width: 45rem;
    transition: height 0.2s linear;
}
#add_child_modal_body{
    height: calc(100% - 40px);
    overflow-y: auto;
    padding-right: 5px;
}
#add_notes_card{
    height: 34.5rem;
    width: 45rem;
    transition: height 0.2s linear;
}
#add_notes_modal_body{
    height: calc(100% - 40px);
    overflow-y: auto;
    padding-right: 0px;
}
#edit_node_card,
#api_call_modal_card {
    transition: height 0.4s linear, width 0.4s linear;
}
.modal_heading_container {
    border-bottom: 1px solid #A7A9AC;
    color: #231F20;
    padding-bottom: 8px;
    cursor: all-scroll;
}
.modal_heading {
    margin: 0px;
    font-size: 21px;
    font-weight: 600;
}
.hide_modal_btn{
    cursor: pointer;
    height: 15px;
    padding: 5px;
    border-radius: 35%;
}
#close_api_call_modal{
    cursor: pointer;
    height: 19px;
}
.modal_sub_heading {
    margin: 10px 0px 5px 0px;
    color: #231F20;
}
#addchild_sub_tree_container {
    border: 1px solid #E6E6E6;
    height: 12rem;
    position: relative;
}
.full_size{
    height: 100% !important;
    width: 100% !important;;
}
.full_width{
    width: 100% !important;
}
#tree_align_btn_container span {
    font-size: 12px;
}
#tree_align_btn_container span:first-child {
    font-weight: 600;
}
#tree_align_btn_container {
    width: 13rem;
    position: absolute;
    bottom: 5px;
    right: 0px;
}
#align_horizontal,
#align_vertical {
    margin-left: 5px;
    margin-right: 2px;
    cursor: pointer;
}
.radio_img {
    height: 12px;
    pointer-events: none;
}
#new_nodes_processing_container {
    margin-top: 10px;
    display: block;
}
#mic_blink_icon {
    display: none;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 5px;
    animation: blinkey 0.6s infinite;
}
@keyframes blinkey {
    0% {
        opacity: 1;
    }
    
    50% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
#clear_nlp_input{
    position: absolute;
    top: 4px;
    right: 114px;
    cursor: pointer;
    height: 13px;
    padding: 4px;
    border-radius: 50%;
}
#clear_nlp_input:hover,
.hide_modal_btn:hover{
    background-color: #E6E7E8;
}
#user_speech {
    width: calc(100% - 125px);
    padding: 5px 20px;
    overflow-y: auto;
}
#speech_process_options {
    width: 115px;
    justify-content: space-between;
    align-items: flex-end;
}
#speech_process_options div{
    height: 28px;
    width: 105px;
    margin-top: 0px;
}
#new_child_container{
    padding: 5px 0px;
}
#new_child_table_heading {
    font-size: 12px;
    font-weight: 600;
}
#new_child_table_warning{
    font-size: 12px;
}
#new_child_table_container {
    height: 140px;
    overflow-y: auto;
}
#new_child_table thead tr td:nth-child(2n){
    width: 5% !important;
}
#new_child_table thead tr td:nth-child(3) {
    width: 45% !important;
}
#new_child_table thead tr td:nth-child(5) {
    width: 5% !important;
}
#new_child_table thead tr td:nth-child(1) {
    width: 45% !important;
}
#new_child_table {
    margin-top: 10px;
    width: 100%;
}
.new_child_table_input {
    width: calc(100% - 10px);
    padding: 0px 5px;
    font-size: 12px;
    height: 20px;
}
thead td {
    font-size: 12px;
    color: #939598;
}
thead td:nth-child(2n+1) {
    border-bottom: 1px solid #BCBEC0;
}
thead td:last-child {
    border-bottom: none !important;
}
tbody tr {
    padding: 5px 0px;
    height: 30px;
}
#arrows_container tbody tr {
    height: 40px !important;
}
#add_new_child_btn {
    cursor: pointer;
    width: 100px;
    height: 22px;
    border-radius: 10px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 400;
    transition: all 0.4s linear;
}
#add_new_child_btn:hover {
    background-color: #E6E7E8;
    font-weight: 600;
}
#add_new_child_btn img {
    height: 12px;
    margin-right: 5px;
    pointer-events: none;
}
#add_new_child_btn span {
    color: #005276;
    font-size: 13px;
    pointer-events: none;
}
#new_child_modal_footer button{
    margin-top: 0px !important;
}
.hide{
    display: none !important;
}
#transfer_sel_node_row,
#transfer_to_row,
#node_sel_redirect_row,
#node_to_redirect_row,
#redirect_arrow_text_row,
#redirect_arrow_back_row,
#delete_node_text_row,
#delete_node_id_row,
.insert_digest_row,
#external_tree_node_selected_row,
#external_tree_node_id_row,
#external_tree_arrow_text_row,
.insert_in_between_row,
#external_tree_name_row {
    width: 70%;
    height: 30px;
    margin-top: 10px;
}
#transfer_footer,
#redirect_modal_footer,
#insert_inbetween_footer,
#delete_modal_footer,
#digest_modal_footer,
#external_tree_footer {
    width: 70%;
    height: 30px;
    margin-top: 10px;
}
#transfer_footer button,
#redirect_modal_footer button,
#insert_inbetween_footer button,
#delete_modal_footer button,
#push_production_row button,
#external_tree_footer button,
#cc_wizard_footer button,
#push_production_footer button,
.edit_node_modal_section button {
    margin-right: 0px;
    margin-top: 0px !important;
}
#delete_ff_modal_footer{
    margin-right: 20px !important;

}
#transfer_modal_card{
    width: 45rem;
    height: 10rem;
}
#delete_modal_card,
#digest_modal_card {
    height: 13rem;
    width: 45rem;
}
#redirect_modal_card{
    height: 16rem;
    width: 45rem;
    transition: height 0.2s linear;
}
#redirect_body_container{
    height: calc(100% - 50px);
    overflow-y: auto;
}
#external_tree_modal_card,
#insert_inbetween_card {
    height: 18rem;
    width: 45rem;
}
#external_tree_modal_card{
    height: 19rem;
}
#transfer,
#redirect,
#push_production_yes,
#delete_ff_modal_yes,
#delete,
#external,
#generate_marpa_instructions,
#generate_cerpa_scheduler_inst,
#generate_arpa_scheduler_inst,
#generate_chatbot_metadata_instruction,
#generate_cc_instruction,
#generate_outgoing_webhook_instruction,
#save_outgoing_webhook,
#clear_webhook_outgoing,
#generate_analytics_instructions_root,
#generate_analytics_instructions_others,
#save_incoming_webhook,
#generate_incoming_webhook_inst,
#insert_inbetween_submit,
#show_incoming_webhook_wizard,
#generate_incoming_webhook_instruction,
#clear_webhook_incoming,
#generate_outgoing_webhook_inst {
    margin-right: 15px !important;
}
#delete_ff_modal_yes{
    margin-top: 0px !important;
}
.modal_warning{
    font-size: 11px !important;
    color: #CC2136;
    font-weight: 600;
    margin-top: 10px;
}
#del_content_head {
    margin-top: 10px;
    margin-bottom: 0px;
}
.card span,
.card p,
.card label {
    font-size: 14px;
}
.modal_heading{
    font-size: 20px !important;
}
#push_to_production_card,
#delete_ff_modal_card{
    height: 8rem;
    width: 25rem;
}
#delete_ff_modal_card{
    width: 26rem;
}
#push_production_row{
    margin-top: 15px;
}
#la_card {
    width: 35rem;
    height: 30rem;
    position: relative;
}
#la_body {
    height: 28.5rem;
    width: 100%;
    border: 1px solid #e6e6e6;
}
#la_iframe {
    height: 100%;
    width: 100%;
    border: 0px;
}
#edit_node_modal_body{
    width: 100%;
    height: calc(100% - 34px);
    overflow-y: auto;
}
#edit_preview_header{
    height: 40px;
}
.sub_tree_heading {
    margin: 10px 0px 5px 0px;
    color: #231F20;
}
#toggle_edit_tree_preview {
    height: 25px;
    width: 110px;
    margin-right: 6px;
    margin-top: 0px;
}
#edit_modal_subtree_container {
    border-style: solid;
    border-color: #e6e6e6;
    border-width: 0px;
    height: 0rem;
    transition: height 0.2s linear;
    margin-right: 6px;
}
#edit_modal_subtree_svg {
    height: 100%;
    width: 100%;
}
.edit_node_modal_section {
    border: 1px solid #E6E6E6;
    position: relative;
    padding: 15px 15px;
    margin-right: 6px;
    margin-top: 15px;
}
.section_label {
    font-size: 14px;
    width: 11rem;
    color: #414042;
    font-weight: 600;
}
.arrow_text_input,
.node_text_input {
    width: calc(100% - 11rem);
}
.arrow_child_node_id {
    width: 5rem;
}
#node_text_input_container{
    width: calc(100% - 10rem) !important;
}
#node_text_input{
    width: 100% !important;
}
#leading_arrows_container .arrow_item:not(:first-child){
    margin-top: 5px;
    border-top: 1px solid #ececec;
    padding-top: 5px;
}
.metadata_key_val_container {
    width: 100%;
    margin-top: 5px;
}
#analytics_builder_container_root,
#analytics_wizard_non_root,
.metadata_key_val_container input,
.metadata_key_val_container textarea{
    width: calc(100% - 11rem);
}
.metadata_row{
    margin-top: 10px;
}
#cerpa_wizard,
#cc_wizard,
#cerpa_scheduler_wizard,
#arpa_scheduler_wizard_container,
#analytics_wizard_for_root,
#analytics_wizard_non_root,
#analytics_metadata_container,
#cc_metadata_container,
#outgoing_webhook_wizard,
#incoming_webhook_wizard,
#analytics_arrow_wizard,
#addchild_analytics_arrow_wizard {
    position: relative;
    width: calc(100% - 11rem);
}
.dropdown_icon{
    height: 12px;
    position: absolute;
    right: 15px;
    top: 10px;
    pointer-events: none;
}
.studio_select{
    -webkit-appearance: none;
    height: 30px;
    padding: 0px 25px 0px 5px;
    cursor: pointer;
    margin-left: 15px;
}
#addchild_analytics_arrow_wizard_select,
#redirect_analytics_arrow_wizard_select {
    width: calc(100% - 73px) !important;
}
#cerpa_wizard_container select,
#cerpa_scheduler_wizard_container select,
#arpa_scheduler_wizard_container select,
#cc_wizard_container select,
#analytics_wizard_for_root select,
#analytics_wizard_non_root select,
#outgoing_webhook_type_select,
#incoming_webhook_type_select,
#analytics_arrow_wizard_select,
#analytics_builder_select_root,
#chatbot_wizard_select {
    width: calc(100% - 90px);
    margin-left: 30px !important;
}
#chatbot_wizard_select{
    width: calc(100% - 91px);
    margin-left: 19px !important;
}
#chatbot_wizard .dropdown_icon{
    z-index: 10000;
    background-color: #fff;
    right: 10px !important;
}
#visible_select,
#invisible_select{
    width: 113px;
}
.builder_info {
    font-size: 11px !important;
    margin-top: 10px;
    width: 100% !important;
}
.builder_row,
.builder_col{
    margin-top: 10px;
    position: relative;
}
.builder_row label{
    margin-bottom: 5px;
}
.builder_row select{
    width: calc(100% - 20rem) !important;
    margin-left: 0px !important;
}
.builder_row p,
.builder_row span,
.builder_row label{
    font-size: 13px;
    width: 12rem;
    margin-right: 1rem;
}
.builder_col p,
.builder_col span,
.builder_col label {
    font-size: 13px;
    width: 100%;
    margin-bottom: 5px;
}
.builder_col input,
.builder_col textarea{
    width: 100%;
}
#marpa_builder_xpath_count,
#marpa_click_wait_input {
    width: 3rem;
}
#arpa_click_wait_input{
    width: 50px !important;
}
#script_builder_container span{
    font-size: 13px;
    width: 10rem;
    margin-right: 1rem;
}
#cerpa_wizard_footer,
#cerpa_scheduler_wizard_footer,
.analytics_wizard_footer {
    margin-top: 10px;
    margin-bottom: 10px;
}
#excel_addin .builder_row span{
    width: 10rem;
}
#analytics_builder_set_header .key_val_container span,
#analytics_builder_copy_columns .key_val_container span,
#analytics_builder_copy_columns_lower .key_val_container span {
    width: 3rem;
}
#analytics_builder_set_header .key_val_container input,
#analytics_builder_copy_columns .key_val_container input,
#analytics_builder_copy_columns_lower .key_val_container input {
    width: calc(100% - 83px);
}
.analytics_wizard_error_container {
    padding: 5px;
    border: 1px solid #c8223d;
    margin-top: 5px;
    display: none;
}
.analytics_wizard_msg_container {
    margin-top: 5px;
    border: 1px solid #c8223d;
    padding: 5px;
}
.analytics_wizard_msg_container img {
    height: 15px;
    margin-right: 10px;
}
.analytics_wizard_msg_container span {
    color: #C8223D;
}
#join_by_space,
#pc_int,
#join_by_string,
#pc_string,
#pc_float,
#join_by_comma,
.testexp_input {
    margin-top: 0px !important;
    height: 15px !important;
}
#analytics_builder_others_setval input[type="radio"],
#analytics_builder_others_performcalc input[type="radio"],
#analytics_builder_others_performcalc input[type="radio"],
#analytics_builder_others_setval label{
    width: fit-content !important;
}
#analytics_builder_others_performcalc input[type="radio"]:not(:first-child),
#analytics_builder_others_setval input[type="radio"]:not(:first-child) {
    margin-left: 15px;
}
#show_marpa_builder,
#show_analytics_builder {
    margin-top: 10px !important;
}
.margin_top_10{
    margin-top: 10px !important;
}
.margin_top_15{
    margin-top: 15px !important;
}
#outgoing_email_message_input,
#incoming_email_message_input {
    width: 16.5rem;
}
#outgoing_slack_api_hints_container{
    transition: 0.4s all linear;
}
.hints_table {
    border-collapse: collapse;
}
.hints_table tr td {
    border-bottom: 1px solid #BCBEC0 !important;
    font-size: 13px;
}
.hints_table tr td:first-child {
    width: 25% !important;
}
.hints_table tr td:nth-child(2) {
    width: 75% !important;
}
#show_outgoing_slack_api_hints,
#show_incoming_slack_api_hints {
    color: blue;
    cursor: pointer;
    margin-bottom: 10px;
    width: fit-content !important;
}
.button_lg{
    width: 200px !important;
}
#method,
#incoming_method {
    margin: 0px !important;
}
.dropdown_icon_webhook{
    height: 12px;
    position: absolute;
    left: 14rem;
    top: 10px;
    pointer-events: none;
}
.pos_relative{
    position: relative;
}
#remove_arrow_section_container {
    padding: 15px 15px
}
#arrows_container {
    width: 100%;
    border-collapse: collapse;
}
#arrows_container tbody tr td:not(:first-child) {
    font-size: 14px;
    border-bottom: 1px solid #BCBEC0;
}
#arrows_container tbody tr td:last-child {
    border-bottom: 0px !important;
}
#arrows_container tbody tr td:nth-child(2) {
    border: 0px !important;
}
#arrows_container tbody tr td:nth-child(3) {
    width: 60%;
}
#arrows_container tbody tr td:nth-child(2n) {
    width: 3% !important;
    border: 0px !important;
}
#arrows_container tbody tr td:nth-child(5) {
    width: 30%;
}
#arrows_container tbody tr td:nth-child(5) input{
    border: 0px !important;
    background-color: #fff !important;
}
#arrows_container tbody tr td:nth-child(4) {
    border-bottom: 0px !important;
}
#arrows_container thead td {
    font-size: 11px;
    padding-bottom: 3px;
}
#arrows_container tbody tr {
    height: 40px !important;
}
#arrows_container input{
    width: 96% !important;
}
#content {
    height: 100%;
    width: calc(100vw - 4.5rem);
    margin-left: 4.5rem;
}
#tree_operation_buttons {
    width: 345px;
    border: 1px solid #808080;
    border-radius: 10px;
    background-color: #fff;
}
#top_right_panel_container{
     position: absolute;
     right: 1rem;
     top: 70px;
     z-index: 100;
     width: 320px;
     max-height: 90%;
}
#top_panel_btn_container{
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
#active_users_container{
    flex-wrap: wrap;
    align-self: flex-start;
    width: 100%;
}
.tree_op_item {
    height: 65px;
    width: 82px;
    cursor: pointer;
    text-align: center;
    color: #6D6E71;
    font-weight: 400;
    padding: 10px 0px;
    transition: all 0.4s linear;
    user-select: none;
}
.tree_op_item img {
    height: 25px;
    margin-bottom: 5px;
    pointer-events: none;
}
.tree_op_item span {
    pointer-events: none;
    width: 100%;
    word-break: break-word;
    font-size: 11px;
}
#push_production:hover,
#refresh:hover,
#replay_tree:hover,
#search_nodes:hover,
#undo:hover,
#variable:hover,
#notes:hover{
    background: #F4F5F5;
}
#tree_heading_container {
    padding: 10px 5px 10px 5px;
    position: relative;
    width: 209px;
    text-align: center;
    word-break: break-all;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#tree_name,
#copyright {
    color: #58595B;
    margin: 0px;
    font-size: 11px;
    font-weight: 600;
}
#tree_product{
    margin: 5px 0px;
    font-weight: 600;
    color: indianred;
    font-size: 10px;
    letter-spacing: 3px;
}
#copyright{
    text-align: left;
    font-size: 9px;
    color: lightslategrey;
    margin-top: 5px;
}
#node_options_container,
#metadata_panel,
#analytics_variable_analyzer_container,
#analytics_panel,
#trace_analytics_panel {
    height: calc(100vh - 60px);
    width: 0px;
    position: absolute;
    top: 60px;
    right: 0px;
    transition: width 0.2s linear;
    -webkit-box-shadow: -1px -1px 26px -11px rgba(188, 190, 192, 1);
    -moz-box-shadow: -1px -1px 26px -11px rgba(188, 190, 192, 1);
    box-shadow: -1px -1px 26px -11px rgba(188, 190, 192, 1);
    background-color: #fff;
    z-index: 1000;
}

#node_options_heading,
#metadata_panel_heading,
#variable_analyzer_heading,
#metadata_panel_heading_arpa,
#trace_analytics_heading,
#analytics_info_header,
#right_panel_metadata_heading {
    margin: 15px 20px;
    text-align: center;
    border-bottom: 1px solid #BCBEC0;
    padding-bottom: 8px;
    color: #58595B;
    font-weight: 600;
}
#variable_analyzer_heading{
    text-align: left;
}
#variable_analyzer_body{
    margin: 15px 20px;
    height: calc(100% - 75px);
    overflow-y: auto;
}
.variable_analyzer_row{
    padding: 10px 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 14px;
}
.variable_analyzer_row:hover{
    background-color: #f2f2f2;
}
.variable_analyzer_row:not(:first-child){
    margin-top: 10px;
}
.analyzer_collapsible_container{
    padding: 5px;
    border: 1px solid #ccc;
    transition: height 0.4s ease-out;
    height: 0px;
    font-size: 12px;
    border-top: 0px;
    display: table;
}
.analyzer_collapsible_container .variable_node_id{
    font-size: 12px !important;
}
.variable_analyzer_info{
    font-size: 8px;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#variable_analyzer_body table tr:hover > td{
    background-color: #fff !important;
}
#variable_analyzer_body table{
    width: 100%;
    border-spacing: 10px 0px;
    table-layout: fixed;
}
#variable_analyzer_body table thead td:first-child{
    width: 45%;
}
#variable_analyzer_body table thead td:last-child{
    width: 45%;
}
#variable_analyzer_body table thead td{
    border-bottom: 1px solid #ccc !important;
}
#variable_analyzer_body table td{
    word-wrap: break-word;
    vertical-align: top;
    padding-top: 5px;
}
#variable_analyzer_body table tbody tr:not(:last-child) > td{
    border-bottom: 1px solid #ccc !important;
}
#metadata_panel_heading,
#metadata_panel_heading_arpa {
    padding-top: 5px;
}
#metadata_panel_heading_arpa{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 0px !important;
    border-top: 1px solid #BCBEC0;
    margin: 5px 10px !important;
    margin-bottom: 0px !important;
    align-items: center;
}

#metadata_panel_heading_arpa strong{
    font-size: 12px;
}
#node_options_heading span{
    font-weight: 600;
}
#close_node_option_icon,
#close_metadata_panel,
#close_variable_analyzer_container,
#close_analytics_button,
#hide_analytics_panel {
    height: 14px;
    float: right;
    margin-top: 2.5px;
    cursor: pointer;
}
.node_option_btn {
    color: #005276;
    border: 1.25px solid #005276;
    font-weight: 400;
    height: 30px;
    width: 16rem;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.4s linear;
}
.node_option_btn:hover {
    color: white;
    background-color: #005276 !important;
    font-weight: 600;
    -webkit-box-shadow: -1px 10px 10px -9px rgba(0, 82, 118, 0.76);
    -moz-box-shadow: -1px 10px 10px -9px rgba(0, 82, 118, 0.76);
    box-shadow: -1px 10px 10px -9px rgba(0, 82, 118, 0.76);
}
.active_node_option{
    color: white;
    background-color: #005276 !important;
    font-weight: 600;
}
#bots_container,
#drag_drop_excel_container,
#ticketing_panel_container,
#greenlight_panel_container,
#submit_enabled_v2_container,
#bot_control_container,
#multiedit_panel_container,
#bot_status_container,
#spark_history_container,
#psh_container,
#bot_schedule_container,
#hypery_panel_container,
#bridge_container {
    height: calc(100vh - 60px);
    width: calc(100% - 4.5rem);
    margin-left: 4.5rem;
    color: #231F20;
    border-bottom: 1px solid #A7A9AC;
    font-size: 24px;
}
#drag_drop_excel_area_container {
    height: calc(100% - 35px);
    width: 65rem;
    border: 1px solid #A7A9AC;
    margin-top: 0.5rem;
}
#bot_tabs_container,
#bridge_head_container {
    height: 59px;
    width: 100%;
    color: #231F20;
    border-bottom: 1px solid #A7A9AC;
    font-size: 21px;
}
.bot_tab {
    font-size: 15px;
    height: 35px;
    width: 125px;
    cursor: pointer;
    transition: all 0.4s linear;
    font-weight: 600;
}
.active_bot_tab {
    background: #005276 !important;
    color: #fff;
}
.bot_tab:hover {
    background-color: #f2f2f2;
}
#bots_body_container {
    padding: 5px 20px;
    height: calc(100% - 72px);
    width: calc(100% - 40px);
    overflow-y: auto;
}
#drag_drop_body_container,
#drag_drop_query_container {
    padding: 5px 20px 15px 20px;
    height: calc(50% - 72px);
    width: 69rem;
    border: 1px solid #e6e6e6;
    margin: 10px 20px;
}
#bot_schedule_body_container,
#hypery_panel_body_container{
    padding: 0px;
    width: 100%;
    margin: 0px;
    height: calc(100% - 70px);
}
#ticketing_panel_body_container,
#greenlight_panel_body_container,
#submitenabled_body_container,
#bot_control_body_container,
#bot_status_body_container,
#spark_history_body_container,
#psh_body_container
#multiedit_panel_body_container {
    padding: 5px 20px 15px 20px;
    height: calc(100% - 72px);
    width: 97%;
    margin: 10px 0px;
}
#bot_status_body_container,
#psh_body_container,
#spark_history_body_container{
    overflow-y: auto;
}
#drag_drop_query_container{
    padding: 10px;
}
.bot_info_row {
    width: 40.75rem;
    margin-top: 15px;
    margin-left: 6px;
    position: relative;
}
.bot_info_row label,
#drag_drop_excel_container label{
    font-size: 14px;
    font-weight: 600;
}
.bot_info_row input,
#drag_drop_dataset_select,
.bot_info_row select,
.file_desc {
    height: 28px;
    padding: 0px 5px;
    width: 315px;
    margin-right: 6rem;
}
#drag_drop_dataset_select{
    margin-right: 0px !important;
}
.bot_info_row select{
    width: 325px !important;
    height: 30px !important;
}
.file_desc {
    margin-right: 10px !important;
    resize: none;
    padding: 5px;
    height: 30px;
    width: 400px !important;
}
.bot_section {
    border: 1px solid #E6E6E6;
    position: relative;
    padding: 15px 10px;
    margin-right: 6px;
    width: 46rem;
    margin-top: 20px;
}
.bot_section_heading,
.section_heading {
    margin: 0px;
    color: #A7A9AC;
    position: absolute;
    top: -10px;
    font-size: 12px;
    left: 10px;
    background-color: #fff;
    padding: 0px 5px;
    font-weight: 600;
}
.file_item {
    width: 42rem;
    margin-left: 5px;
}
.file_item:not(:first-child) {
    margin-top: 10px;
}
.file_item label {
    font-size: 13px;
    color: #0000CD;
    cursor: pointer;
    text-decoration: underline;
}
#add_file_section,
#add_tree_section,
#existingbot_add_file_section,
#existingbot_add_tree_section {
    height: 24px;
    width: 101px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 600;
}
#existingbot_add_file_section{
    padding: 5px 10px;
}
.add_files_icon,
.add_tree_icon {
    height: 10px;
    pointer-events: none;
}
#add_file_section:hover,
#add_tree_section:hover,
#existingbot_add_file_section:hover,
#existingbot_add_tree_section:hover {
    background-color: #e6e6e6;
}
#add_file_section span,
#add_tree_section span,
#existingbot_add_file_section span,
#existingbot_add_tree_section span {
    pointer-events: none;
    color: #005276;
    font-size: 11px;
    margin-left: 4px;
}
#submit_new_bot,
#existing_bot_submit_container {
    align-self: flex-end;
    margin-bottom: 15px;
}
#submit_new_bot{
    margin-right: 6px;
}
#existingbot_dropdown_icon {
    height: 10px;
    position: absolute;
    right: 7rem;
    pointer-events: none;
}
#animation_modal {
    color: white;
    font-size: 29px;
    z-index: 200;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100000;
}
#animation_modal span {
    margin-top: 10px;
    font-size: 23px !important;
}
#animation_img {
    height: 135px;
    margin-right: 20px;
    border-radius: 34px;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(360deg);
    }
}
#hide_animation_modal {
    position: absolute;
    height: 20px;
    width: 20px;
    cursor: pointer;
    top: 15px;
    right: 15px;
}
#container_analytics {
    height: 100vh;
    width: calc(100% - 4.5rem);
    margin-left: 4.5rem;
    overflow: hidden;
}
#analytics_head_text {
    padding-left: 20px;
    color: #231F20;
    font-weight: 600;
}
#analytics_head {
    height: 59px;
    flex-shrink: 0 !important;
    color: #231F20;
    border-bottom: 1px solid #A7A9AC;
    font-size: 21px;
    width: calc(100%);
}
#analytics_body {
    width: 92vw;
    height: calc(100vh - 120px);
}
#analytics_login_container label {
    font-size: 14px;
}
.acl_row {
    width: 22rem;
    margin-bottom: 10px;
    align-items: center;
}
#debug_process_container {
    width: 69rem;
    padding-left: 20px;
}
#analytics_op_container,
#debug_rows_container {
    padding-bottom: 15px;
    width: 70rem;
}
.disabled{
    pointer-events: none;
    opacity: 0.5;
}
#tree_name_dd_container {
    margin: 20px 0px;
    position: relative;
    width: 20rem;
}
#tree_name_dd_container>* {
    margin-right: 10px;
}
.label_analytics {
    font-size: 14px;
    color: #231F20;
}
#analytics_tree_name {
    width: 12rem;
    height: 24px;
}
#analytics_page_dd_icon {
    height: 10px;
    position: absolute;
    right: 25px;
    pointer-events: none;
}
#analytics_test_checkbox{
    opacity: 0;
}
.analytics_action_btn_img {
    height: 20px;
    pointer-events: none;
    margin-right: 5px;
}
#analytics_validate,
#analytics_clear_cache {
    margin-top: 0px !important;
    margin-left: 15px;
}
#upload_section_analytics {
    height: 19rem;
    width: 70rem;
    border: 1px dashed grey;
    color: #a6a6a6;
}
#debug_row_index{
    margin-left: 60px;
    width: 2rem;
}
#analytics_validate_card {
    height: 21.5rem;
    width: 30rem;
    position: relative;
}
#close_error_modal {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 15px;
    width: 15px;
    cursor: pointer;
}
#arrow_error,
#metadata_error {
    height: 9rem;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #e6e6e6;
    overflow-y: auto;
}
.error_option {
    padding: 0px 5px;
}
#arrow_error div:nth-child(odd) {
    background-color: #e6e6e6;
    color: black;
}
#metadata_error div:nth-child(odd) {
    background-color: #e6e6e6;
    color: black;
}
#tree_container_action {
    position: absolute;
    right: 15px;
    top: 130px;
    z-index: 100;
    width: 275px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: white;
}
.tree_action_item {
    height: 65px;
    width: 75px;
    cursor: pointer;
    text-align: center;
    color: #6D6E71;
    font-weight: 400;
    transition: all 0.4s linear;
    border-radius: 7px;
}
.tree_action_item:hover {
    background: #F4F5F5;
}
.tree_action_item span {
    pointer-events: none;
    width: 100%;
    word-break: break-word;
    font-size: 13px;
}
.tree_action_item img {
    height: 25px;
    margin-bottom: 5px;
}
#filter_container {
    height: 40px;
}
#analytics_info_body {
    height: calc(100% - 6.05rem);
    overflow-y: auto;
    padding: 15px 20px;
}
#username_nav{
    color: #fff;
    margin-left: 5px;
    font-size: 15px;
}
#logout_container{
    margin-right: 15px;
}
.tree_list_name{
    color: #005276;
    text-decoration: underline;
    cursor: pointer;
    border-radius: 20px;
    padding: 5px 10px;
    word-break: break-all;
}
.tree_list_name:hover{
    background-color: #e6e6e6;
}
.node_option_btn span {
    font-weight: bold;
    text-decoration: underline;
}
.row_delete_icon,
.delete_header_row_icon,
.save_arrow_via_edit {
    height: 15px;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    margin-left: 10px;
}
.arrow_update_icon {
    pointer-events: none;
    height: 15px;
}
.save_arrow_via_edit {
    border: 0px;
    height: 25px !important;
    background-color: white;
    outline: none !important;
}
.row_delete_icon:hover,
.delete_header_row_icon:hover,
.save_arrow_via_edit:hover {
    background-color: #E6E7E8;
}
.trace_item {
    width: 80%;
    text-align: left;
    border: 1px solid #808080;
    word-break: break-word;
    font-size: 11px;
    position: relative;
    padding: 5px 10px;
    height: fit-content;
    margin-bottom: 10px;
}
#trace_analytics_list {
    overflow-y: auto;
    height: calc(100% - 30px)
}
.edit_drag_icon {
    height: 20px;
    cursor: pointer;
}
#marpa_builder_xpath_rows_container input {
    width: 13.15rem;
}
.arrow_edit_td {
    display: inline-flex !important;
    padding: 7px 0px;
}
#cc_input,
#chatbot_right_panel_script {
    width: 100%;
}
#chatbot_script{
    height: calc(100%);
    width: calc(100%);
    border: 1px solid #ccc;
}
#cc_metadata_container button{
    margin-top: 10px !important;
}
#chatbot_arrow_metadata{
    padding: 5px;
    border: 1px solid #BCBEC0;
    border-top: 0px;
}
#chatbot_arrow_metadata .builder_info{
    margin-top: 5px !important;
}
.margin_top_5{
    margin-top: 5px;
}
.chatbot_arrow_metadata_button,
.chatbot_arrow_wizard_button {
    height: 28px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #005276;
    color: #005276;
}
.chatbot_arrow_wizard_button{
    height: 30px;
}
#hide_chatbot_arrow_metadata{
    height: 10px;
    width: 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
#chatbot_arrow_metadata_input {
    height: 26px;
}
.active_panel span{
    color: #005276 !important;
}
#tree_list_card{
    height: 8rem;
    width: 20rem;
}
#chatbot_tree_list{
    width: calc(100% - 125px);
}
.file_item button{
    margin-top: 0px !important;
}
#analytics_username {
    font-size: 15px;
    pointer-events: none;
}
#analytics_logout_icon {
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
}
#analytics_logout_container {
    margin-right: 15px;
}
.info span {
    width: 100%;
    word-break: break-word;
    font-size: 14px;
}
.info strong {
    font-size: 13px;
}
.info {
    border: 1px solid #808080;
    padding: 6px;
    width: 90%;
    margin-bottom: 8px;
    border-radius: 5px;
}
.new_bot_treename {
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 5px;
    font-weight: 600;
}
.tree_questions_container label,
.tree_description label {
    font-size: 13px;
    font-weight: 600;
}
.tree_questions_container textarea,
.tree_description textarea {
    width: 64.5%;
    padding: 5px;
}
.tree_questions_container,
.tree_description {
    margin-bottom: 10px;
    padding-left: 5px;
    width: 44rem;
}
.del_tree_item {
    align-self: flex-end;
    margin-right: 27px;
}
#bots_tabs_container{
    border: 1px solid #005276;
}
.edit_node_modal_section .section_heading{
    font-size: 12px !important;
}
#chatbot_wizard{
    width: calc(100% - 11rem);
}
.annoucement_row strong {
    font-size: 11px;
}
.annoucement_row ul {
    margin-top: 5px;
    margin-bottom: 0px;
}
.annoucement_row ul li {
    font-size: 12px;
    margin-top: 3px;
}
#annoucement_container>.annoucement_row~.annoucement_row {
    margin-top: 10px;
}
.left_panel_item:hover{
    background-color: #f2f2f2;
}
.expanded_left_menu{
    box-shadow: rgb(230, 231, 232, 1) -3px 3px 15px 5px;
}
.left_menu_shadow{
    box-shadow: rgb(230, 231, 232, 0.75) -3px 3px 15px 5px;
}
#tree_op_item_separator{
    border: 1px solid lightgray;
    height: 0px;
    width: 160px;
}
#demo_video_card{
    height: 25rem;
    width: 40rem;
}
#demo_video_iframe_container{
    height: calc(100% - 35px);
}
#demo_video_iframe {
    border: 1px solid;
    width: 100%;
    height: 100%;
}
#demo_video_tag{
    border: 1px solid;
    width: 100%;
}
#ea_apicall_request_body,
#ea_apicall_request_headers,
#ea_apicall_handle_response,
#right_panel_ea_apicall_request_body,
#right_panel_ea_apicall_request_headers,
#right_panel_ea_apicall_handle_response,
#redirect_generated_arrow_text,
#cerpa_right_panel_script,
#analytics_right_panel_script,
#chatbot_right_panel_script,
#generated_arrow_text,
#marpa_builder_request_data,
#arpa_builder_request_header,
#arpa_builder_request_data,
#arpa_builder_analytics_request_data,
#calccaprice_request_data,
#calccaprice_handler_function,
#analytics_others_request_data,
#analytics_acc_inst,
#analytics_others_request_headers,
#incoming_script,
#arpa_apicall_handler_function,
#arpa_analytics_apicall_handler_function,
#apicall_request_body,
#apicall_response,
#analytics_root_request_data,
#script,
#addchild_generated_arrow_text,
#blank_script_data,
#analytics_inst_input,
#marpa_script_input,
#marpa_builder_analytics_request_data,
#marpa_inst_input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #e6e6e6;
    font-size: 15px !important;
    font-family : monospace !important;
    direction:ltr !important;
    text-align:left !important;
    
}
#right_panel_ea_apicall_request_body *,
#right_panel_ea_apicall_request_headers *,
#right_panel_ea_apicall_handle_response *,
#ea_apicall_request_body *,
#ea_apicall_request_headers *,
#ea_apicall_handle_response *,
#redirect_generated_arrow_text *,
#cerpa_right_panel_script *,
#analytics_right_panel_script *,
#chatbot_right_panel_script *,
#arpa_analytics_apicall_handler_function *,
#arpa_apicall_handler_function *,
#generated_arrow_text *,
#analytics_inst_input *,
#arpa_builder_analytics_request_data *,
#addchild_generated_arrow_text *,
#analytics_others_request_headers *,
#analytics_root_request_data *,
#analytics_others_request_data *,
#analytics_acc_inst *,
#calccaprice_handler_function *,
calccaprice_request_data *,
#marpa_builder_request_data *,
#incoming_script *,
#blank_script_data *,
#script *,
#apicall_request_body *,
#marpa_builder_analytics_request_data *,
#apicall_response *,
#marpa_inst_input *,
#arpa_builder_request_data *,
#arpa_builder_request_header *,
#marpa_script_input * {
    font-family: monospace !important;
    font-size: 15px !important;
    direction: ltr !important;
    text-align: left !important;
    box-shadow: none !important;
}
.editor_container{
    height: 100px;
    width: calc(100% - 11rem);
    transition: height 0.4s linear;
}
#analytics_metadata .editor_container {
    height: 150px;
}
#cerpa_metadata .editor_container{
    height: 260px;
}
#blankscript_container_arpa .editor_container{
    width: calc(100%) !important;
}
#blankscript_container_arpa span{
    width: 4rem !important;
}
.editor_container_expanded{
    height: 300px !important;
}
.apicall_modal_expanded{
    height: 285px !important;
}
#show_chatbot_wizard,
#show_marpa_builder,
#show_analytics_builder {
    align-self: flex-end;
    margin-top: 10px !important;
}
.ace_editor span{
    margin-right: 0px !important;
}
#bridge_upload_container{
    padding: 15px 25px;
    width: 50rem;
}
#bridge_files_drop_container,
#bridge_preview_files_container {
    margin: 15px 25px;
    width: calc(50rem - 20px);
}
#bridge_add_files_btn{
    cursor: pointer;
    margin-left: 15px;
}
#bridge_add_files_btn span {
    font-size: 14px;
    color: #005276;
    margin-left: 5px;
}
#bridge_add_files_btn img {
    height: 15px;
}
#bridge_upload_container button{
    margin-top: 0px !important;
}
#bridge_filename_input{
    width: 25rem;
}
#uploaded_files_table thead td{
    padding-bottom: 3px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
    vertical-align: bottom;
}
#uploaded_files_table thead td:nth-child(1) {
    width: 125px;
}
#uploaded_files_table thead td:nth-child(3) {
    width: 125px;
}
#uploaded_files_table thead td:nth-child(5) {
    width: 125px;
}
#uploaded_files_table thead td:nth-child(2),
#uploaded_files_table thead td:nth-child(4),
#uploaded_files_table thead td:nth-child(6) {
    width: 50px;
    border-bottom: none !important;
}
#uploaded_files_table thead td:nth-child(7),
#uploaded_files_table thead td:nth-child(8) {
    border-bottom: none !important;
}
#testexp_radio_btns label,
#addchild_testexp_radio_btns label,
#redirect_testexp_radio_btns label {
    width: fit-content !important;
}
#testexp_radio_btns,
#addchild_testexp_radio_btns,
#redirect_testexp_radio_btns {
    flex-wrap: wrap;
}
#generated_arrow_text,
#addchild_generated_arrow_text,
#redirect_generated_arrow_text {
    width: 100%;
}
.radio_row{
    margin-top: 5px;
}
.radio_row label{
    margin-top: -1px !important;
    margin-left: 5px;
    width: fit-content;
}
.smaller_span_width span{
    width: 10rem !important;
}
.smaller_span_width textarea{
    width: calc(100% - 183px);
}
#test_comparative_text_radio_btns strong,
#addchild_test_comparative_text_radio_btns strong,
#redirect_test_comparative_text_radio_btns strong,
#test_comparative_list_radio_btns strong,
#addchild_test_comparative_list_radio_btns strong,
#redirect_test_comparative_list_radio_btns strong {
    font-size: 13px;
    margin-right: 15px;
}
#test_comparative_text_radio_btns .radio_row,
#addchild_test_comparative_text_radio_btns .radio_row,
#redirect_test_comparative_text_radio_btns .radio_row,
#test_comparative_list_radio_btns .radio_row{
    width: 11rem;
    margin-right: 10px !important;
}
#addchild_test_comparative_list_radio_btns .radio_row,
#redirect_test_comparative_list_radio_btns .radio_row {
    margin-right: 10px !important;
    width: 10rem;
}
#test_comparative_text_radio_btns label,
#addchild_test_comparative_text_radio_btns label,
#redirect_test_comparative_text_radio_btns label,
#test_comparative_list_radio_btns label,
#addchild_test_comparative_list_radio_btns label,
#redirect_test_comparative_list_radio_btns label {
    margin-right: 0px !important;
}
.optional_test_comp strong{
    margin-right: 29px !important;
}
#arrow_analytics_text{
    width: 100% !important;
}
#copy_analytics_arrow_inst,
#addchild_copy_analytics_arrow_inst,
#redirect_copy_analytics_arrow_inst {
    margin-top: 10px !important;
    align-self: flex-end;
}
.user_circle{
    height: 30px;
    width: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #000;
    text-align: center;
    font-size: 11px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 2px solid #005276;
}
.user_circle{
    margin-right: 10px;
}
.user_circle{
    margin-top: 10px;
}
.disabled_circle{
    opacity: 0.5;
    border: 2px solid #808080;
}
.spin{
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(360deg);
    }
}
#cerpa_metadata .full_size{
    height: 100%;
    width: 100%;;
}
.api_call_list{
    color: gray;
    margin-top: 2px;
    font-size: 0.7rem;
}
.edit_modal_toggle_section_icon{
    height: 18px;
    width: 18px;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    top: -11px;
    left: 10rem;
}
#incoming_webhooks_form .section_heading,
#webhooks_form .section_heading,
#leading_arrow_form .section_heading{
    padding: 0px 30px 0px 5px !important;
}
#leading_arrow_form .section_heading {
    padding: 0px 35px 0px 5px !important;
}
#add_treelist label{
    width: calc(100% - 50px) !important;
}
#cerpa_scheduler_wizard_tree_check {
    width: 50px !important;
}
#keyboard_shortcut_animation_container {
    position: absolute;
    bottom: 10px;
    left: 80px;
    z-index: 10000;
}
.keyboard_shortcut_icon{
    height: 60px;
    border-radius: 10px;
}
.keyboard_animation{
    animation-name: fadeInOut;
    animation-duration: 3s;
}
@keyframes fadeInOut{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
#replay_tree_list_card{
    height: 30rem;
    width: 25rem;
}
.replay_tree_list_version{
    padding: 10px 5px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0px !important;
    cursor: pointer;
}
.replay_tree_list_version:hover{
    background-color: #f2f2f2;
}
#api_call_button_container {
    width: 270px;
    align-items: flex-end;
}
#show_apicall_modal{
    margin-right: 20px;
}
#show_apicall_modal,
#show_variable_analyzer {
    margin-top: 10px !important;
}
#api_call_modal_card {
    height: 41rem;
    width: 40rem;
    overflow-y: auto;
}
#send_api_call{
    margin-top: 0px !important;
}
#apicall_method_select{
    width: 100px;
    margin-left: 0px;
    border-color: #e6e6e6 !important;
}
#apicall_url{
    width: 100%;;
}
#url_container{
    width: calc(100% - 243px);
}
#apicall_request_body,
#apicall_response {
    resize: none;
    border-color: #e6e6e6;
}
#request_body_container .editor_container,
#response_body_container .editor_container{
    width: 100% !important;
    height: 225px;
}
#header_list_container th{
    font-size: 13px !important;
}
#header_list_container tbody input{
    height: 20px;
}
.header_key,
.header_val{
    width: 95% !important;
}
#headers_container {
    max-height: 245px;
    overflow-y: auto;
}
#add_header{
    margin-top: 10px !important;
}
.apicall_switch_button {
    font-size: 12px;
    width: 100px;
    height: 26px;
    background-color: #fff;
    border: 1px solid #005276 !important;
    color: #005276;
    outline: 0px;
    cursor: pointer;
    font-weight: 400;
    transition: all 0.4s linear;
}
.active_apicall_switch{
    background-color: #005276;
    color: #fff;
}
#switch_body_apicall_btn{
    margin-left: -4px;
}
#add_header{
    margin-bottom: 10px;
    padding: 5px;
    height: fit-content;
}
#apicall_consumer_login_container label{
    margin-right: 10px;
}
#apicall_consumer_login_container{
    margin-top: 15rem;
}
#analytics_debugging_logging_card{
    height: 45rem;
    width: 35rem;
}
#analytics_debugging_logs{
    resize: none;
    width: 99%;
    height: 42rem;
    word-break: break-word;
    overflow-x: hidden;
    border: 1px solid #808080;
}

.logs_line_number{
    width: 40px;
    margin-right: 15px;
    font-size: 11px;
    background: #e6e6e6;
    text-align: center;
    padding: 5px 0px;
}
.logs_content{
    width: calc(100% - 30px);
    padding: 5px 0px;
}
#search_list_container,
#search_list_features_container,
#addchild_search_word_features_container,
#search_word_features_container {
    width: calc(100% - 118px);
}
#analytics_others_split_date input[type='checkbox']{
    width: fit-content !important;
}
#analytics_others_split_date label {
    font-size: 13px;
}
.builder_col .editor_container{
    width: 100% !important;
}
.tv_icon{
    height: 30px;
    margin-bottom: 12px;
    margin-left: 10px;
    cursor: pointer;
}
.tv_icon:hover{
    animation: shake 0.5s;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    
    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }
    
    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }
    
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }
    
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    
    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
.tree_list_details_col{
    margin-right: 30px;
}
.tree_list_usage_col{
    width: 11rem;
}
#toggle_nlp_input_container{
    margin-top: 0px;
    width: 160px !important;
}

@keyframes blink_node {
    0% {
        fill: #fff;
    }
    
    49% {
        fill: #fff;
    }
    
    50% {
        fill: yellow;
    }
    
    99% {
        fill: yellow;
    }
    
    100% {
        fill: #fff;
    }
}

.blink_node{
    animation: blink_node 1s 4;
}
#replay_tree_list_card .info_modal_content{
    height: calc(100% - 40px);
    overflow-y: auto;
}
#replay_tree_list{
    flex-direction: column-reverse;
}
#dd_max_rows{
    font-size: 14px;
    margin-left: 10px;
}
.drag_drop_sub_heading{
    position: absolute;
    font-size: 12px;
    color: #A7A9AC;
    top: -8px;
    background: #fff;
    padding: 0px 5px;
    font-weight: 600;
}
.dd_query_col{
    flex: 3;
    height: 100%;
}
#dd_query_result_container{
    flex: 6;
    border-left: 1px solid #e6e6e6;
    overflow-y: auto;
    padding-left: 10px;
}
#dd_consumer_login_form,
#pkey_search_form {
    height: 100%;
}
#dd_consumer_login_form div,
#pkey_search_form div{
    width: 295px;
}
#dd_query_result_table {
    width: 95%;
}
#dd_query_result_table tbody tr{
    height: 35px !important;
}
#dd_query_result_table tbody tr td{
    font-size: 15px;
    padding: 0px 5px;
}
#dd_query_result_table tbody tr:nth-child(2n+1){
    background-color: #e6e6e6;
}
#query_url_container{
    font-size: 14px;
    align-self: flex-start;
    padding-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    width: 84%;
    word-break: break-all;
    margin-right: 10px;
}
#pkey_search_form .studio_button,
#dd_consumer_login_form .studio_button{
    margin-left: 40px;
}
.arrow_text_item,
.child_nodeid_item {
    width: calc(100% - 285px) !important;
}
#visible_invisble_radio_container input[type="radio"]{
    width: auto !important;
    height: auto;
    margin-left: 0px;
}
#visible_invisble_radio_container div{
    margin-bottom: 5px;
}
#save_existing_bot,
#save_new_bot {
    margin-top: 10px;
    align-self: flex-end;
    margin-right: 6px;
}
#existing_bot_submit_container{
    margin-right: 6px;
}
#generate_inline_chatbot_metadata_instruction{
    margin-right: 15px;
}


.notes_container{
    border: 1px solid #E6E6E6;
    position: relative;
}
.notes_textarea{
    resize: none!important;
    overflow-y: auto;
    width: 99%;
    margin-top: 5px;
    margin-bottom: 3px;
}
#min_notes_modal{
    width: 320px;
}
.min_card {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #808080;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.16);
}
.min_modal_heading2 {
    margin: 0px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.25px;
}
.min_modal_heading{
    margin: 0px;
    font-size: 17px;
    font-weight: 600;
    width: 120px;
    border-bottom: 1px solid rgb(134, 133, 133);
    display: inline-block;
    letter-spacing: 0.25px;
}
.min_section_heading{
    color: #018EBB;
    border-bottom: 1px solid rgb(95, 93, 93);
}
.min_notes{
    transition: 0.3s all ease;
}
.min_textarea{
    width: 95%;
    height: 50px;
    margin: 1px 6px;
    resize: none;
    overflow-y: auto;
}
#min_other_public_notes{
    margin-bottom: 0px;
    padding-left: 3px;
}
.min_textarea p {
    font-size: 11px;
    margin-top: 2px;
}
.accordion {
    background-color: #fff;
    color: #018EBB;
    cursor: pointer;
    padding: 1px;
    padding-left: 8px;
    padding-bottom: 2px;
    padding-top: 6px;
    width: 300px;
    margin-bottom : 3px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}
.panel {
    padding: 0 4px;
    background-color: white;
    display: none;
    overflow: hidden;
}
#panel1{
    border-top: 1.5px solid grey;
    border-bottom: 1.5px solid grey;
}
#panel2{
    border-top: 1.5px solid grey;
}
.notes_modal_options{
    width: 80px;display: inline-block;
    position: relative;
    left: 5px;
}
.notes_user_name{
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 1px;
}
.min_modal_heading_container {
    border-bottom: 1px solid #A7A9AC;
    color: #231F20;
    cursor: all-scroll;
    margin: 5px 10px;
}
.min_notes_heading{
    font-size: 11px;
    margin: 6px 0px;
    color: grey;
    margin-left: 6px;
}
#min_other_notes_heading{
    border-bottom: 1px solid grey;
}
.others_notes{
    height: 100px;
    margin-top: 3px;
    overflow-y: scroll;
    border-top: 1px solid grey;
}
.others_notes p{
    font-size: 12px;
}
.notes_card{
        background-color: #fff;
        border-radius: 5px;
        padding: 25px 35px;
        width: 900px;
        -webkit-box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 1);
        box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 1);
        height: fit-content;
}
#modal_private_note{
    color: grey;
    margin-bottom: 5px;
    font-size: 13px;
}
.bottom_margin{
    margin-bottom: 2px;
}
#notes_modal_body{
    font-size: 13px;
}
.notes_button{
    float: right;
}
#min_private_notes{
    margin: 22px 6px;
}
#node_control_form{
    margin-right: 0px;
}
#save_public_note{
    width: 80px;
    height: 25px;
    margin-right: 1px;
}
#save_private_note{
    width: 80px;
    height: 25px;
    margin-right: 1px;
    margin-top: 0px;
}
#notes_form{
    margin-right: 0px;
    margin-bottom: 10px;
}
.min_notes_img{
    height: 10px;
    position: relative;
    float: right;
    left: 9px;
}

#save_min_private_note{
    height: 13px;
    position: absolute;
    right: 11px;
    margin: 4px 0px;
    cursor: pointer;
}
#save_min_public_note{
    height: 13px;
    position: absolute;
    right: 11px;
    cursor: pointer;
}
#min_othe_notes_heading{
    border-bottom: 1px solid grey;
    margin-bottom: 0px;
}
.public_content{
    margin-top: 1px;
    margin-bottom: 10px;
}
#preview_modal_body{
    height: calc(100% - 70px);
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
}
#multiedit_view_editor_body{
    height: calc(100% - 80px);
    border: 1px solid #ccc;
}
#multiedit_expanded_editor{
    height: 99%;
    width: 100%;
}
#ddd_add_new_row_modal_body{
    height: calc(100% - 70px);
    overflow-y: auto;
}
#preview_modal_table{
    border-collapse: collapse;
}
#preview_modal_table thead td:nth-child(2n){
    border-bottom: 1px solid #BCBEC0 !important;
    min-width: 100px;
    text-align: left;
    padding-bottom: 3px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}
#preview_modal_table thead td:nth-child(2n+1) {
    width: 15px;
    border-bottom: 0px !important;
}
#preview_modal_table tbody tr:nth-child(2n+1){
    background-color: #e6e6e6;
}
#preview_modal_table tbody tr td:first-child {
    background-color: #fff;
}
.last_updated{
    color: grey;
    margin-top: 1px;
    margin-bottom: 5px;
    margin-left: 5px;
}
#search_node_container {
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
    border-color: #808080;
    width: 298px;
    height: 180px;
    background-color: #fff;
}
#search_container img{
    height: 20px;
    cursor: pointer;
}
#tree_variables_container,
#dependencies_container {
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
    border-color: #808080;
    width: 400px;
    max-height: calc(100% - 380px);
    background-color: #fff;
}
#dependencies_container{
    overflow-y: auto;
}
#tree_variables_table_container,
#dependency_variables_table_container{
    overflow-y: auto;
    overflow-x: hidden;
}
#tree_variable_table,
.dependency_variable_table{
    width: 100%;
}
#tree_variable_table th,
.dependency_variable_table th{
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
}
#tree_variable_heading,
#dependency_variable_heading{
    font-weight: 600;
}
#tree_variable_table thead th:first-child{
    width: 50% !important;
}
.dependency_variable_table thead th:first-child{
    width: 70% !important;
}
#tree_variable_table tbody tr:nth-child(2n+1) td,
.dependency_variable_table tbody tr:nth-child(2n+1) td {
    background-color: #ececec;
}
#tree_variable_table tbody tr td,
.dependency_variable_table tbody tr td{
    padding-left: 5px;
    word-break: break-all;
}
#user_search{
    margin: 0px 10px;
}
.search_result_row{
    text-align: left;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
    text-overflow: ellipsis;
    cursor: pointer;
    font-size: 11px;
}
#search_container,
#tree_variable_heading {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
#results_container{
    height: calc(100% - 40px) !important;
    overflow-y: auto;
}
#existing_bot_flatfiles_link,
#available_ff_table {
    font-size: 13px;
}
#existing_bot_flatfiles_link th,
#available_ff_table th {
    text-align: left;
}
.open_editor_icon {
    height: 15px;
    padding: 12.5px 10px;
    background-color: #005276;
    cursor: pointer;
}
.delete_ff_link,
.save_ff_link,
.delete_ff {
    height: 17px;
    cursor: pointer;
    border-radius: 15%;
    padding: 5px;
}
.delete_ff_link:hover,
.save_ff_link:hover,
.delete_ff:hover{
    background-color: #E6E7E8;
}
.ffid_input {
    padding: 5px;
}
#wff_bot_link_modal_card {
    height: 40rem;
    width: 60rem;
}

#wff_bot_modal_card {
    height: calc(100% - 35px);
    overflow-y: auto;
    overflow-x: hidden;
}

.wff_row {
    padding: 10px 5px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    width: 99%;
    flex-wrap: wrap;
}

.wff_row:hover {
    background-color: #f2f2f2;
}

.metadata_panel_items_container{
    width: calc(100% - 40px);
    margin-left: 20px;
    height: calc(100% - 175px);
}

#metadata_panel_body{
    height: 100%;
}

.metadata_panel_items_container .editor_container{
    height: 100% !important;
}

#save_right_panel_metadata{
    align-self: center;
}
#metadata_panel input{
    width: 98% !important;
}
#right_panel_excel_text,
#right_panel_metadata_content_input,
#right_panel_cc_metadata_content_input,
#right_panel_smartforms_metadata_content_input {
    width: 99% !important;
}
#metadata_right_panel_img_container{
    width: calc(100% - 40px);
    margin-left: 20px;
}
#metadata_panel .key_val_container{
    width: 100% !important;
}
#smartforms_right_panel_metadata,
#ea_right_panel_metadata,
#cc_right_panel_metadata,
#walkthrough_right_panel_metadata{
    height: auto !important;
}
#chatbot_right_panel_img_link{
    width: 98% !important;
}
#insert_digest_cancel{
    margin-top: 20px;
    margin-left: 15px;
}
#ddd_row_btn_container img {
    height: 20px;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
}
#delete_ddd_row {
    margin-left: 10px;
}
#ddd_row_btn_container img:hover{
    background-color: #f2f2f2;
}
#redirect_analytics_arrow_wizard{
    width: 100% !important;
}
#submit_dd_excel,
#preview_dd_excel,
#add_new_ddd_row{
    margin-top: 0px !important;
    margin-left: 11px !important;
}
.anr_pk{
    width: 35%;
}
.anr_val{
    width: 65%;
}
.anr_val textarea{
    width: 98%;
    resize: none;
}
.anr_item{
    padding-bottom: 10px;
}
#save_add_new_row{
    margin-top: 5px !important;
}
#ddd_row_btn_container button{
    margin-top: 0px !important;
}
#redirect_arrow_wizard_toggle,
#edit_arrow_wizard_toggle {
    left: 8rem;
}
#leading_arrows_toggle{
    left: 9rem;
}
#redirect_analytics_arrow_wizard_container .section_heading,
#analytics_arrow_wizard_container  .section_heading{
    padding: 0px 30px 0px 5px;
}
#metadata_content_container{
    height: 100% !important;
    overflow: hidden;
}
#analytics_metadata .editor_container_expanded{
    height: 25rem !important;
}
#chatbot .editor_container_expanded{
    height: 340px !important;
}
#cerpa_metadata .editor_container_expanded{
    height: 510px !important;
}
#edit_bots_wff_table{
    margin-top: 10px;
    border-collapse: collapse;
}
#edit_bots_wff_table thead td{
    font-size: 14px;
}
#edit_bots_wff_table tbody tr{
    cursor: pointer;
}
#edit_bots_wff_table tbody tr:nth-child(2n+1){
    background-color: #f2f2f2;
}
#edit_bots_wff_table tbody tr:hover{
    background-color: #ccc;
}
.pointer_events_none{
    pointer-events: none;
}
#create_new_ff{
    margin-top: 0px;
}
#submit_existingbot{
    width: 185px;
}
#available_ff_table .ffid_input{
    pointer-events: none;
}
.excel_right_panel_js,
#right_panel_ea_apicall_handle_response ,
#right_panel_ea_apicall_request_headers ,
#right_panel_ea_apicall_handle_response {
    height: 100px !important;
}
#save_right_panel_metadata_container{
    align-self: center;
    margin-bottom: 15px;
}
#auth_info{
    color: red;
    font-size: 13px;
    margin-bottom: 25px;
}
#apiglue_icon{
    width: 100px;
    margin: 5px 0px 10px 0px;
    display: none;
}
#arpa_toast_position{
    padding: 6px;
}
.arpa_scheduler_tree_row{
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 10px 0px;
}
.variable_node_id{
    text-decoration: underline;
    cursor: pointer;
    color: #005276;
    font-size: 14px;
}
.node_id_text_tooltip{
    height: auto;
    width: auto;
    color: #fff;
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    z-index: 10000;
}
#chatbot_right_panel_metadata{
    height: calc(100% - 45px) !important;
    width: calc(100% - 40px) !important;
}
.chatbot_metadata_panel_heading{
    margin: 5px 20px !important;
}
#metadata_panel_heading_arpa input {
    width: 20% !important;
    margin-left: 10px;
    border: 1px solid #BCBEC0;
}
#metadata_panel_heading_arpa .studio_button{
    margin-top: 0px;
    margin-left: 10px;
    font-size: 12px;
    width: auto !important;
}
#tickets_container{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    font-size: 14px;
    padding-bottom: 10px;
}
#tickets_table{
    border-collapse: collapse;
}
#tickets_table th{
    text-align: left;
}
#tickets_table td,
#tickets_table th{
    border: 1px solid #BCBEC0;
    text-align: left;
    padding: 5px 10px;
    vertical-align: text-top;
}
#tickets_table th{
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #FFF;
    color: #005276;
}
.td-red {
    background-color: #ed1c24;
    color: white;
}
.td-red a,
.td-green a {
    color: white;
}
.td-yellow {
    background-color: #ffde17;
    color: black;
}
.td-green {
    background-color: #33bc40;
    color: white;
}
/* tr:nth-child(even) {
    background-color: #f2f2f2;
} */
tr:hover > td:nth-child(2n+1) {
    background-color: #f5f5f7;
}
.tr-faded {
    opacity: 0.4;
}
.red-highlight {
    background-color: red;
    color: white;
}
#no_tickets{
    height: 100%;
    width: 100%;
}
#dependencies_heading label{
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-weight: 600;
}
#ddb_dependency_container label,
#analytics_dependency_container label,
#external_trees_dependency_container label,
#all_external_trees_dependency_container label {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    margin-bottom: 3px;
    font-weight: 600;
    width: 100%;
}
#ddb_dependency_container,
#analytics_dependency_container,
#external_trees_dependency_container,
#all_external_trees_dependency_container{
    font-size: 14px;
}
#show_dependencies .material-icons {
    font-size: 25px;
    margin-bottom: 5px;
    color: #A3A5A7;
    pointer-events: none;
}
.replay_tree_list_version span{
    pointer-events: none;
}
.toggle {
    --width: 77px;
    --height: calc(var(--width) / 3);

    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
}

.toggle input {
    display: none;
}

.toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: #ccc;
    transition: all 0.4s ease-in-out;
}

.toggle .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
}

.toggle input:checked+.slider {
    background-color: #005276;
}

.toggle input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
}

.toggle .labels {
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    transition: all 0.4s ease-in-out;
}

.toggle .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #4d4d4d;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}

.toggle .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
}

.toggle input:checked~.labels::after {
    opacity: 0;
}

.toggle input:checked~.labels::before {
    opacity: 1;
}

.multiedit_treename{
    width: 10rem;
}
.multiedit_treename input{
    width: 9rem;
}
.multiedit_nodeid{
    width: 6rem;
}
.multiedit_nodeid input{
    width: 5rem;
}

.multiedit_fetch button,
.multiedit_set button{
    width: 150px;
    margin-top: 20.5px;
}

.multiedit_nodecontent{
    width: 48rem;
}
.multiedit_nodecontent input{
    width: 38.1rem;
}
.multiedit_save{
    width: 9rem;
    margin-left: 20px !important;
}
#multiedit_panel_body_container{
    font-size: 14px;
    overflow-y: auto;
}
#multiedit_items_container{
    width: 50rem;
}
.multiedit_item:not(:first-child){
    margin-left: 10px;
}
.multiedit_item{
    font-weight: bold;
}
.multiedit_row{
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.multiedit_metadata{
    height: 15rem;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.fa-glasses,
.fa-toggle-on,
.fa-traffic-light{
    color: rgb(147, 149, 152, 0.55);
    font-size: 20px;
}
.fa-traffic-light{
    margin-left: 3px;
}
#greenlight_panel .left_panel_text{
    margin-left: 20px !important;
}
.fa-signal,
.fa-business-time,
.fa-rectangle-history,
.fa-calendar-days,
.fa-robot{
   color: rgb(147, 149, 152, 0.55);
    font-size: 18px; 
}
.multiedit_expand_editor{
    height: 15px;
    position: absolute;
    right: -17px;
    top: 59px;
    z-index: 10;
    cursor: pointer;
}
#multiedit_view_editor_card{
    height: 75vh;
    width: 75vw;
}
#set_metadata_via_expanded_editor{
    margin-top: 15px;
}
.multiedit_set_metadata_btn{
    margin-top: 0px !important;
    margin-left: 15px;
}
.fa-check{
    color:green;
    margin-left: 10px;
}
.fa-copy{
    cursor: pointer;
}
.fa-xmark{
    color: red;
    margin-left: 10px;
}
#analytics_dependency_container label,
#all_external_trees_dependency_container label,
#external_trees_dependency_container label{
    margin-top: 5px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}
#bot_status_container table,
#psh_container table,
#spark_history_container table{
    border-collapse: collapse;
}
#bot_status_container table td,
#psh_container table td,
#spark_history_container table td{
    font-size: 14px;
    padding: 5px 5px 5px 0px;
}
#spark_history_container table td,
#psh_container table td{
    vertical-align: middle;
    font-size: 0.65rem;
}
#psh_container table tbody tr:last-child td{
    font-weight: bold;
}
#psh_container table tbody tr td:nth-child(1){
    padding-left: 4px;
}
#psh_container table tbody tr td:nth-child(5){
    text-align: right;
}
#bot_status_container table tbody tr:nth-child(2n+1),
#spark_history_container table tbody tr:nth-child(2n+1),
#psh_container table tbody tr:nth-child(2n+1){
    /* border-bottom: 1px solid #BCBEC0; */
    background-color: #e6e6e6;
}

#bot_status_container tr:hover > td:not(:last-child),
#spark_history_container tr:hover > td:not(:last-child),
#psh_container tr:hover > td:not(:last-child){
    background-color: inherit;
}
#bot_status_container td:nth-child(2n) {
    padding: 10px;
}
#bot_status_container td:last-child{
    background-color: white;
}
#bot_status_container tbody td:nth-child(2n+1),
#spark_history_container tbody td:nth-child(2n+1){
    border-bottom: 0.5px solid #BCBEC0;
}
#bot_status_container thead td:nth-child(2n+1),
#spark_history_container thead td:nth-child(2n+1){
    border-bottom: 0.5px solid #BCBEC0;
}
.flash_font{
    animation: fontcolor 0.5s 120 alternate;
}
.flash_row{
    animation: bgcolor 0.5s 120 alternate;
}
@keyframes fontcolor {
    0% { color: orange; }
}
@keyframes bgcolor {
    0% { background-color: orange; }
}

#drag_drop_excel_err{
    font-size: 15px !important;
    color: red;
    margin-top: 10px;
}

.edit_family_name_btn{
    height: 12px;
    cursor: pointer;
}
.extra_left_margin{
    margin-left: 30px;
}
#multiedit_select_family_name{
    width: 15rem;
    height: calc(100% - 20px);
    border: 1px solid #ccc;
    padding: 10px 0px;
}
#multiedit_select_family_name_header{
    font-weight: bold;
    padding-left: 5px;
    border-bottom: 1px solid #ccc;
}
#multiedit_select_family_name_body{
    padding: 10px 5px;
    height: 100%;
    position: relative;
}
#multiedit_family_name_input{
    width: calc(100% - 10px);
}
#filtered_family{
    border: 1px solid #ccc;
    max-height: 95%;
    overflow-y: auto;
    position: absolute;
    width: 94%;
}
#tree_list_for_family{
    max-height: 95%;
    overflow-y: auto;
}
.filtered_family_name,
.tree_name_by_family{
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
    word-break: break-all;
}
.filtered_family_name:hover{
    background-color: #f2f2f2;
}
.selected_tree_name{
    background-color: #f2f2f2;
}
#total_current_rows{
    height: 20px;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 12px;
}
#dddb_history_table{
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}
#dddb_history_table tr td{
    border: 1px solid #ccc !important;
    padding: 5px;
    font-size: 12px;
    vertical-align: text-top;
}
#dddb_history_table tr:hover > td{
    background-color: #fff;
}
#dddb_history_table thead tr td:first-child{
    width: 80px;
}
#dddb_history_table thead tr td:nth-child(2){
    width: 75px;
}
#dddb_history_table pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/* #dddb_history_table thead tr td:nth-child(3){
    
}
#dddb_history_table thead tr td:nth-child(4){
    
} */
.toggle_greenlight {
    --width: 77px;
    --height: 30px;
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
}

.toggle_greenlight input {
    display: none;
}

.toggle_greenlight .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: red;
    transition: all 0.4s ease-in-out;
}

.toggle_greenlight .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
}

.toggle_greenlight input:checked+.slider {
    background-color: green;
}

.toggle_greenlight input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
}

.toggle_greenlight .labels {
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    transition: all 0.4s ease-in-out;
}

.toggle_greenlight .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}

.toggle_greenlight .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
}

.toggle_greenlight input:checked~.labels::after {
    opacity: 0;
}

.toggle_greenlight input:checked~.labels::before {
    opacity: 1;
}
.greenlight_switch_name{
    font-size: 13px;
}
.half_width{
    width: 50%;
}
.greenlight_switch_item,
.submitenabled_switch_item{
    margin-left: 5px;
}
#greenlight_bots_list label{
    font-size: 14px;
}
#greenlight_bots_list select{
    font-size: 13px;
    width: 230px !important;
}
#greenlight_bots_list .dropdown_icon{
    right: 35px;
}
#greenlight_tree_list table,
#submitenabled_tree_list table,
#analyzer_collapsible_container table{
    width: 100%;
}
#greenlight_tree_list table td,
#submitenabled_tree_list table td,
#analyzer_collapsible_container table td{
    font-size: 13px;
    padding: 5px 0px;
}
#greenlight_tree_list tbody td:nth-child(2n+1),
#submitenabled_tree_list tbody td:nth-child(2n+1),
#analyzer_collapsible_container tbody td:nth-child(2n+1){
    border-bottom: 1px solid #ccc;
}
#greenlight_tree_list,
#submitenabled_tree_list{
    margin-top: 20px;
    overflow-y: auto;
    height: 90%;
}
#greenlight_tree_list table thead td:nth-child(1),
#submitenabled_tree_list table thead td:nth-child(1){
    width: 30%;
}
#greenlight_tree_list table thead td:nth-child(3),
#submitenabled_tree_list table thead td:nth-child(3){
    width: 30%;
}
#greenlight_tree_list table tr:hover > td:nth-child(2n+1),
#submitenabled_tree_list table tr:hover > td:nth-child(2n+1) {
    background-color: #fff;
}
#submitenabled_tree_list{
    width: 100%;
    height: fit-content;
    margin-top: 15px !important;
    padding-bottom: 10px;
}
#submitenabled_tree_list table{
    width: 70%;
}
#greenlight_bot_container{
    height: 70%;
}
/* #greenlight_tree_list table thead td:last-child{
    width: 20%;
} */
#greenlight_dat_container .toggle_greenlight{
    pointer-events: none;
}
#search_variable_in_analyzer{
    font-size: 12px;
    margin-right: 15px;
}
#search_variable_in_analyzer input{
    height: 20px;
    font-size: 12px;
}
#va_no_results{
    width: 50%;
    text-align: center;
    margin-left: 25%;
}
.tree_list_v2_subitem{
    margin-left: 20px;
    color: #005276;
    width: calc(100% - 20px);
    display: flex;
}
.tree_list_v2_subitem:not(:first-child){
    margin-top: 3px;
}
.tree_name_sub{
    text-decoration: underline;
    cursor: pointer;
}
.tree_sub_type{
    width: 15%;
}
#search_trees_v2{
    margin-top: 0px;
    margin-right: 20px;
}
#trees_list_table_containerv2 .tree_list_name_col{
    width: 35rem !important;
}
#popup_v2_container{
    height: 120px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}
#popup_v2_modal{
    height: 75px;
    width: 85%;
    background-color: #fff;
    font-size: 14px;
    justify-content: space-evenly;
    border-radius: 5px;
}
#popup_v2_modal .fa-close{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.popupv2_row label{
    margin-right: 10px;
    margin-top: 6px;
}
.popup_v2_options_container{
    position: absolute;
    font-size: 12px;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    border-bottom: 1px solid #ccc;
}
.popup_v2_options_container div{
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
    padding: 5px;
}
/* .popup_v2_options_container div:hover{
    background-color: #f2f2f2;
} */
#type_of_tree{
    width: 100px;
}
#tms_name{
    width: 200px;
}
#account_name{
    width: 200px;
}
#no_results_treev2{
    position: absolute;
    top: 50%;
}
.section_info{
    font-size: 12px;
    white-space: pre-wrap;
    margin-top: 0px !important;
}
.spark_id_td{
    max-width: 265px;
    min-width: 215px;
    word-break: break-all;
}
.spark_account_td,
.spark_reason_td{
    max-width: 500px;
    word-break: break-word;
}
.spark_action_td{
    width: 90px;
}

.spark_username_td{
    width: 160px;
    word-break: break-all;
}
.spark_when_td{
    width: 60px;
}
.spark_created>td{
    color: darkblue;
}
.spark_accepted>td{
    color: darkgreen;
}
.spark_rejected>td{
    color: darkred;
}

#bot_control_body_container{
    overflow-y: auto;
}

#bot_control_body_container .controls {
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
#bot_control_body_container .selected-bot {
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px;
}
#bot_control_body_container .clear-btn {
    display: none;
}
#bot_control_body_container .time-block {
    font-size: 12px;
}
#bot_control_body_container .time-block:nth-child(2){
    margin-top: 40px;
}
#bot_control_body_container .timestamp {
    flex: 0 0 150px;
    font-weight: bold;
    padding: 4px;
    background: #f5f5f5;
    transition: background-color 0.2s;
}
#bot_control_body_container .right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 8px;
}
#bot_control_body_container .bot-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
#bot_control_body_container .bot {
    padding: 3px 6px 3px 6px;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s;
    display: flex;
    align-items: center;
    gap: 4px;
}
#bot_control_body_container .skipped::after {
    content: " (" attr(data-ratio) ")";
    font-size: 10px;
}
#bot_control_body_container .ran {
    background-color: #e6ffe6;
    color: #2e7d32;
}
#bot_control_body_container .skipped {
    background-color: #fff3e0;
    color: #e65100;
}
#bot_control_body_container .summary {
    display: none;
}
#bot_control_body_container h1 {
    font-size: 18px;
    margin: 0 0 10px 0;
}
#bot_control_body_container .dimmed {
    opacity: 0.3;
}
#bot_control_body_container .dimmed::before {
    display: none;
}
#bot_control_body_container .highlight-1 {
    border: 2px solid #fdd835 !important;
    opacity: 1 !important;
    transition: opacity 0.2s;
}
#bot_control_body_container .highlight-2 {
    border: 2px solid #4fc3f7 !important;
    opacity: 1 !important;
    transition: opacity 0.2s;
}
#bot_control_body_container .highlight-3 {
    border: 2px solid #9575cd !important;
    opacity: 1 !important;
    transition: opacity 0.2s;
}
#bot_control_body_container .selected-bot.ran {
    background-color: #e6ffe6;
    color: #2e7d32;
}
#bot_control_body_container .selected-bot.skipped {
    background-color: #fff3e0;
    color: #e65100;
}
#bot_control_body_container .timestamp.highlight-1 {
    background-color: rgba(253, 216, 53, 0.2) !important;
}
#bot_control_body_container .timestamp.highlight-2 {
    background-color: rgba(79, 195, 247, 0.2) !important;
}
#bot_control_body_container .timestamp.highlight-3 {
    background-color: rgba(149, 117, 205, 0.2) !important;
}
#bot_control_body_container .date-controls {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
}

#bot_control_body_container .date-input {
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
}

#bot_control_body_container .fetch-btn,
#relatedBotsBtn {
    padding: 4px 12px;
    border-radius: 3px;
    border: 1px solid #2196f3;
    background: #2196f3;
    color: white;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
}

#bot_control_body_container .fetch-btn:disabled,
#relatedBotsBtn:disabled {
    background: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}

#bot_control_body_container .error-message {
    padding: 20px;
    background-color: #fff3e0;
    border: 1px solid #ffb74d;
    color: #e65100;
    border-radius: 4px;
    margin: 20px 0;
    text-align: center;
    font-size: 14px;
}



#bot_control_body_container .filter-controls {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
    flex: 1;
}

#bot_control_body_container .filter-input {
    flex: 1;
    max-width: 270px;
    padding: 4px 8px;
}

#bot_control_body_container .filter-clear {
    padding: 4px 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer;
    font-size: 11px;
}

#bot_control_body_container .copy-tooltip {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 11px;
    pointer-events: none;
    z-index: 1000;
}

/* Remove selected-bot related styles */
#bot_control_body_container .controls, .selected-bot {
    display: none;
}

/* Update controls styles */
#bot_control_body_container .controls-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Standardize input and button styles */
#bot_control_body_container .date-input,
#bot_control_body_container .filter-input,
#bot_control_body_container .fetch-btn,
#bot_control_body_container .filter-clear,
#relatedBotsBtn {
    height: 32px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    line-height: 30px;
}

#bot_control_body_container .date-input {
    width: 140px;
}

#bot_control_body_container .filter-input {
    width: 270px;
}

#bot_control_body_container .fetch-btn,
#relatedBotsBtn,
#bot_control_body_container .filter-clear {
    cursor: pointer;
}

#bot_control_body_container .fetch-btn,
#relatedBotsBtn {
    border-color: #2196f3;
    background: #2196f3;
    color: white;
}


/* Remove old individual styles */
#bot_control_body_container .date-controls,
#bot_control_body_container .filter-controls {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
}

#bot_control_body_container .filter-controls {
    flex: 1;
}




/* Update time-block top margin to match header */
#bot_control_body_container .time-block:first-of-type {
    margin-top: 8px;
}

#bot_control_body_container .bot-tooltip {
    display: none;
    position: fixed;
    transform: translate(-50%, -100%);
    left: var(--mouse-x);
    top: var(--mouse-y);
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 11px;
    white-space: normal;
    z-index: 1000;
    margin-bottom: 5px;
    max-width: 300px;
    pointer-events: none;
}

#bot_control_body_container .bot:hover {
    --mouse-x: calc(var(--x) * 1px);
    --mouse-y: calc(var(--y) * 1px);
}

/* Add arrow to tooltip */
#bot_control_body_container .bot-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}

#bot_control_body_container .tooltip-table {
    width: 100%;
    border-spacing: 0;
    font-size: 11px;
}

#bot_control_body_container .tooltip-table td {
    padding: 3px 0;
    vertical-align: top;
}

#bot_control_body_container .tooltip-table td:first-child {
    color: #9e9e9e;
    padding-right: 10px;
    white-space: nowrap;
}

#bot_control_body_container .tooltip-table td:last-child {
    color: white;
}

.traffic-light {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.traffic-light.green {
    background-color: #4caf50;
    box-shadow: 0 0 4px rgba(76, 175, 80, 0.5);
}

.traffic-light.red {
    background-color: #f44336;
    box-shadow: 0 0 4px rgba(244, 67, 54, 0.5);
}

/* Add styles for the switch */
#bot_control_body_container .switch-botControlContainer {
    display: flex;
    gap: 0px;
    margin-left: 10px;
    flex-direction: column;
}

#bot_control_body_container .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

#bot_control_body_container .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#bot_control_body_container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

#bot_control_body_container .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

#bot_control_body_container input:checked + .slider {
    background-color: #2196F3;
}

#bot_control_body_container input:checked + .slider:before {
    transform: translateX(20px);
}

#bot_control_body_container .switch-label {
    font-size: 12px;
    color: #666;
}

#bot_control_container #reports {
    width: 100% !important;
    overflow-y: auto;
    position: relative;
}


#bot_control_container #downloadBtn,
#downloadDataTable {
    background-color: #fff;
    border: 1px solid #4caf50;
    padding: 5px;
    width: 45px;
    color: #4caf50;
    cursor: pointer;
    height: 32px;
    transition: all 0.3s ease;
    border-radius: 4px;
}

#downloadBtn:hover,
#downloadDataTable:hover {
    background-color: #4caf50 !important;
    color: #fff !important;
}

#downloadDataTable {
    cursor: pointer;
    display: flex;
    height: 15px;
    width: 30px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 4px;
}
#bot_control_container #downloadBtn:disabled {
    background: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}

.panoptic_trial_views_left_span{
    font-size: 15px;
    margin-right: 15px;
}
.reports-limit-reached{
    background-color: #fff7d0;
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
#reports-info-container{
    font-size: 12px;
    width: 100%;
    padding: 5px 0px;
    background-color: #fff7d0;
    margin: 5px 0px;
}
.reports-table{
    width: 100%;
}
.report_header{
    margin-bottom: 8px;
    font-weight: bold;
    color: #666;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: left;
}
.timestamp-header{
    width: 150px !important;
}
#bot_control_body_container table{
    border-collapse: collapse
}
#bot_control_body_container td{
    border: 1px solid #ccc;
    vertical-align: top;
    padding: 5px;
}
#bot_control_body_container thead{
    position: sticky;
    top: -1px;
    z-index: 1;
}
#bot_control_body_container th{
    border: 1px solid #ccc;
    background: #f2f2f2;
    padding: 5px;
}
#clearFilter{
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 20px;
}
#bot_schedule_iframe,
#hypery_panel_iframe{
    width: 100%;
    height: 100%;
    border: 0px;
}
.fa-webhook{
    color: rgb(147, 149, 152, 0.55);
}