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

/*** 

====================================================================
Responsive for Devices
====================================================================

***/

@media only screen and (max-width: 2560px) and (min-width: 2000px) {
    .left_bottom_img img {
        width: 90%;
    }
    .total_analytics_number h5:before {
        width: 106%;
    }
    .total_analytics_number1:before {
        width: 106%;
    }
    .box_slack {
        width: 32%;
    }
    .intent_list_description.text-left {
        text-align: center !important;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1900px) {
    .indent_title .flow_test_buton {
        left: 940px;
    }
    .box_slack {
        width: 32%;
    }
    .intent_list_description.text-left {
        text-align: center !important;
    }
    .automate_logs_history_rows td:last-child{
        position: absolute !important;
        right: 50px !important;
    }
}

@media only screen and (max-width: 1899px) and (min-width: 1851px) {
    .indent_title .flow_test_buton {
        left: 890px;
    }
    .box_slack {
        width: 32%;
    }
    .intent_list_description.text-left {
        text-align: center !important;
    }
}

@media only screen and (max-width: 1850px) and (min-width: 1800px) {
    .indent_title .flow_test_buton {
        left: 870px;
    }
    .intent_list_description.text-left {
        text-align: center !important;
    }
}

@media only screen and (max-width: 1800px) and (min-width: 1700px) {
    .indent_title .flow_test_buton {
        left: 840px;
    }
    .intent_list_description.text-left {
        text-align: center !important;
    }
    .flow_popup1.upgrade_modal_popup .modal-content .popup_upgrade_wrapper h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1700px) {
    .flow_popup1.upgrade_modal_popup .modal-content .popup_upgrade_wrapper h2 {
        font-size: 18px;
    }
    .flow_popup1.upgrade_modal_popup .modal-content .plans_calc_wrapper p {
        font-size: 16px;
    }

    .image_slider {
        margin-bottom: 0px;
    }

    .intent_list_description.text-left {
        text-align: center !important;
    }
    .total_col_4_over_bottom {
        padding: 20px;
    }
    /* .automation_logs_width {
        min-height: calc(100vh - 69vh);
        bottom: -90px;
    } */
    .time_zone_arrow .down_arrowslot {
        margin-top: -55px !important;
    }
    .login_bg_width {
        background: #fff;
        border-radius: 30px;
        width: 80%;
        box-shadow: 7px 7px 25px 0px #999;
        margin: 0 auto;
        display: block;
    }

    .login_bg_width_left_right h3 {
        margin-bottom: 20px;
    }
  
    .login_bg_width_left_right_form .error_close_forms {
        margin-top: -63px;
    }
    .login_bg_width_left {
        padding: 40px;
    }
    .login_bg_width_left_right {
        padding: 40px;
    }

    .login_bg_width_left_right_form .form-check {
        margin-bottom: 10px;
    }
    ._g0login_account {
        margin-top: 10px;
    }
    .analytics_charts_right .ana_chart_drpdwn_left {
        width: 100%;
        float: left;
    }
    .analytics_charts_right .ana_chart_drpdwn_right {
        width: 30%;
        float: left;
    }
    .autoamations_paginations p {
        margin-bottom: 0px;
        font-family: 'Seravek-Regular';
        width: 50%;
        float: left;
    }
    .analytics_dropdowns_left .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_analytics svg {
        left: 23.8%;
    }
    .dropdown_down_arrowslot_analytics svg {
        margin-right: 26px;
    }
    .automation_analytics .last_toal_conversation_right {
        width: 80%;
    }
    .automation_analytics .last_toal_conversation h5 {
        padding-left: 30px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation h6 {
        padding-left: 30px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation {
        padding: 20px;
    }
    .automation_analytics .last_days_overview {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 1699px) and (min-width: 1650px) {
    /* .intent_table_row_4 {
        display: flex;
        align-items: center;
        padding-left: 10%;
    } */
    .indent_title .flow_test_buton {
        left: 680px;
    }
    .automate_logs_history_rows td:last-child{
        position: absolute !important;
        right: 50px !important;
    }
}

@media only screen and (max-width: 1649px) and (min-width: 1601px) {
    /* .intent_table_row_4 {
        display: flex;
        align-items: center;
        padding-left: 10%;
    } */
    .indent_title .flow_test_buton {
        left: 660px;
    }
}

@media only screen and (max-width: 1600px) {
    .target_bot .react-tooltip-lite {
        width:270px !important;
    }
    .slack_buton.agent_handoff .slack_buton_box_12.cc_header_icons{
        white-space: nowrap;
    }
    .box_slack {
        width: 49%;
    }
    .handoff-icon svg {
        width: 16px;
        height: 16px;
    }
    .handoff-icon {
        font-size: 12px;
        font-family: 'Gordita-Regular';
        color: #000;
    }
    .handoff-icon label{
        margin:0;
        position: relative;
        top:2px;
    }
    .row.card_grid_view {
        grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
        grid-gap: 20px;
    }
    .flow_popup1.modal_snippet .modal-content h2 {
        font-size: 20px;
    }

    .image_slider {
        height: 230px;
        margin-bottom: 0px;
    }
    .slider_wrapper_img {
        height: auto;
        top: 8px;
    }
    .total_col_4_over_bottom h4 span {
        font-size: 14px;
    }
    /* span.search_click input[type='search'] {
        width: 200px;
    } */
    .page_setup_content .modal .modal-dialog {
        max-width: 70% !important;
        max-height: auto !important;
        margin: 3.5rem auto;
    }
    .page_setup_content .carousel-indicators {
        top: 111.5%;
    }
    .total_analytics_title h4 {
        font-size: 22px;
    }
    .automation_analytics .last_toal_conversation_right {
        width: 78%;
    }
    .automation_analytics .last_toal_conversation h5 {
        padding-left: 30px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation h6 {
        padding-left: 30px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation {
        padding: 20px;
    }
    .automation_analytics .last_days_overview {
        padding: 40px 30px;
    }
    .notifications_panel_body img {
        width: 38px;
        height: 38px;
        float: left;
        border-radius: 50%;
        border: 1px solid #ccc;
    }
    .notifications_panel_body_right h5 {
        font-size: 15px;
    }
    .notifications_panel_body_right p {
        font-size: 12px;
    }
    .notifications_panel_body_right p b {
        font-size: 12px;
    }
  
    .notifications_panel_body_left {
        width: 12%;
        float: left;
    }
    .notifications_panel_body_right {
        float: left;
        width: 95%;
        padding-left: 5px;
    }

    /*Automation marketplace css fix  */
   
    .intent_dialog_right.automation_download_btn .icon_hover_flow_home {
        width: max-content;
    }

    /*Automation marketplace css fix  */
}

@media only screen and (max-width: 1600px) and (min-width: 1500px) {
    .indent_title .flow_test_buton {
        left: 590px;
    }
}

@media only screen and (max-width: 1500px) {
    /* button new design */
    /* .dialog__header .intent_dialog_right span {
        font-size: 16px;
        margin-right: 15px;
    } */
    /* .dialog__header .intent_dialog_right button svg {
        width: 16px;
        height: 16px;
        margin-left: 15px;
    }
    .dialog__header .intent_dialog_right button {
        min-width: 134px;
        height: 36px;
    } */
    /* .dialog__header .intent_dialog_right span {
        margin-right: 5px;
    } */
    /* button new design */

    .dialog_settings_header h3 {
        font-size: 20px;
        line-height: normal;
    }
    .image_slider {
        height: 205px;
        margin-bottom: 0px;
    }

    .nodata_found_width {
        width: 450px;
    }
    .nodata_found_width_left {
        padding: 30px;
    }
    .profile_submit {
        height: 30px;
        padding: 0px 30px;
    }
    .profile_submit_cancel {
        height: 30px;
        padding: 0px 30px;
    }

    .entity_cards_layer1:before {
        left: 50.1%;
    }
    .sidebar_menu {
        max-width: 320px !important;
    }

    .entity-home .btn_center {
        font-size: 14px;
    }
    .entity_right svg {
        width: 14px !important;
    }
    .dialog_editor {
        /* padding-left: 165px; */
        position: absolute;
        top: 25%;
    }
    .dialog_editor.dialog_detail {
        position: relative;
        top: 0;
    }

    .entity-home button {
        font-size: 14px;
        position: relative;
        top: 3px;
    }
    .entity-home {
        padding-left: 130px;
        margin-top: 30px;
        cursor: pointer;
        padding-right: 20px;
    }
    /* input[type='search'] {
        margin-left: 20px;
        position: relative;
        top: 5px;
    } */
    .entity-home button {
        font-size: 14px;
        position: relative;
        top: 3px;
    }
    .total_analytics_title h4 {
        font-size: 20px;
    }
    .total_analytics_number_intents h5 {
        font-size: 16px;
    }
    .total_analytics_number_intents h6 {
        font-size: 16px;
    }
    .total_analytics_number_entity h5 {
        font-size: 16px;
    }
    .total_analytics_number_entity h6 {
        font-size: 16px;
    }
    .total_analytics_number h5 {
        font-size: 20px;
    }
    .total_analytics_number1:before {
        width: 112%;
    }
    .total_analytics_number h5:before {
        width: 112%;
    }
    .total_analytics_daime {
        height: 45px;
    }
    .total_analytics_daime1 {
        height: 76px;
    }
    .autoamtions_table .table th,
    .table td {
        /* padding: 0.75rem;
        vertical-align: top; */
        border: none;
    }
    .training_automation_module .autoamtions_table_pagination_right .form-control {
        width: 80%;
    }
    .analytics_dropdowns_left .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_analytics svg {
        left: 23.4%;
    }
    .dropdown_down_arrowslot_analytics svg {
        margin-right: 14px;
    }
    .automation_analytics .last_toal_conversation_right {
        width: 76%;
    }
    .automation_analytics .last_toal_conversation h5 {
        padding-left: 20px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation h6 {
        padding-left: 20px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation {
        padding: 20px;
    }
    .automation_analytics .last_days_overview {
        padding: 40px 30px;
    }
    /* .intent_table_row_4 {
        display: flex;
        align-items: center;
        padding-left: 9%;
    } */
    .indent_title .flow_test_buton {
        left: 290%;
    }
    /* .list_flow_span span {
        font-size: 14px;
    } */
}

@media only screen and (max-width: 1445px) {
    .analytics_dropdowns_left .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_analytics svg {
        left: 23%;
    }
    .dropdown_down_arrowslot_analytics svg {
        margin-right: 8px;
    }
 
}

@media only screen and (max-width: 1400px) {
  
 
    /* .dialog_detail_account{
        height:112px;
    }
    .dialog_editor.dialog_detail .first{
        width:192px;
    }
    .dialog_editor.dialog_detail .parent_node{
        width:192px;
    }
    .respond_dialog_page{
        width:192px;
    } */
    .dialog_editor.dialog_detail .next_arrow_button svg {
        width: 10px;
        height: 12px;
    }
    .image_slider {
        height: 185px;
        margin-bottom: 0px;
    }
    .flow_popup1.upgrade_modal_popup .modal-content .popup_upgrade_wrapper h2 {
        font-size: 16px;
    }
    .flow_popup1.upgrade_modal_popup .modal-content .plans_calc_wrapper p {
        font-size: 14px;
    }
    .autoamtion_connect_dialog_list.options_table_right {
        padding-right: 85px;
        text-align: right;
    }
    .autoamtion_connect_dialog_span span {
        font-size: 12px;
    }
    .entity_hvr svg {
        width: 15px;
        height: 15px;
    }
    /* .automation_logs_width {
        min-height: calc(100vh - 58vh);
        bottom: -70px;
    } */
  
    .login_bg_width {
        background: #fff;
        border-radius: 30px;
        width: 85%;
        box-shadow: 7px 7px 25px 0px #999;
        margin: 0 auto;
        display: block;
    }

    .login_bg_width_left {
        padding: 40px;
    }
    .login_bg_width_left_right {
        padding: 40px;
    }
    .left_bottom_img img {
        width: 60%;
    }
    .analytics_dropdowns_left .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_analytics svg {
        left: 23%;
    }
    .dropdown_down_arrowslot_analytics svg {
        margin-right: 40px;
    }
    .last_toal_conversation_right {
        width: 80%;
    }
    .automation_analytics .last_toal_conversation_right {
        width: 74%;
    }
    .automation_analytics .last_toal_conversation h5 {
        padding-left: 20px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation h6 {
        padding-left: 20px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation {
        padding: 20px;
    }
    .automation_analytics .last_days_overview {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 1400px) {
    .total_col_4_over_bottom {
        padding: 15px;
        margin: 0px 10px;
        max-width: 31%;
    }
    .total_col_4_over_bottom h4 span {
        font-size: 13px;
    }
 
    /* .automation_analytics .last_toal_conversation {
        padding: 0px;
    } */
    .last_toal_conversation .last_toal_conversation_left {
        width: 40px;
        height: 40px;
        margin-left: 0px;
    }
    .last_toal_conversation .last_toal_conversation_left svg {
        width: 24px;
        height: 24px;
    }
    .automation_analytics .last_toal_conversation_right {
        width: 75%;
    }
    .automation_analytics .last_toal_conversation h5 {
        font-size: 15px;
    }
    .total_analytics_title h4 {
        font-size: 18px;
    }
    .total_analytics_number_intents h5 {
        font-size: 15px;
    }
    .total_analytics_number_intents h6 {
        font-size: 15px;
    }
    .total_analytics_number_entity h5 {
        font-size: 15px;
    }
    .total_analytics_number_entity h6 {
        font-size: 15px;
    }
    .total_analytics_number h5 {
        font-size: 18px;
    }
    .total_analytics_number1:before {
        width: 112%;
    }
    .total_analytics_number h5:before {
        width: 112%;
    }
    .total_analytics_daime {
        height: 50px;
    }
    .total_analytics_daime1 {
        height: 77px;
    }

    .training_automation_module .dropdown_right_entity {
        width: 19%;
        margin-left: 110px;
    }
    .indent_title .flow_test_buton {
        left: 240% !important;
    }
   
    .flow_sortby_dropdown {
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
    }
 

    /* .intent_dialog_right button {
        margin-left: 10px;
    }
  */
    .error_input_show svg {
        border-radius: 0px;
        width: 14px;
        height: 14px;
        position: relative;
        cursor: pointer;
        fill: #EB6453 !important;
        float: left;
        padding: 0px;
        border: none;
        right: 0px;
    }
  
    .dialog_call_automation_popup {
        overflow-x: hidden;
        overflow-y: scroll;
        position: relative;
        height: calc(100vh - 350px);
        padding-bottom: 0px;
    }
    /* .list_flow_span span {
        font-size: 12px;
        margin-right: 3px;
    } */
    .automation_logs_collapse_step2 {
        width: 100%;
        float: left;
        display: flex;
        justify-content: space-between;
    }
    .list-view-icon span {
        padding-right: 10px;
        width: 16px;
        height: 16px;
        margin-left: 8px;
    }
 
    .list-full-width .error_input_show {
        bottom: 5px;
    }
    .autoamtions_table .table th,
    .table td {
        padding: 10px 0px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 15px;
    }

    .sidepanel_canvas_svg_content {
        height: calc(100vh - 45vh);
    }
    .dialog_number {
        font-size: 55px;
    }
    .sidepanel_step_canvas_h6 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .entity_cards .dialog_grids .entity_cards_layer1 {
        margin-bottom: 0px;
    }

    .intent_examples_list span {
        font-size: 13px;
    }
    .intent_table_row span svg {
        width: 15px;
        height: 15px;
        margin-left: 3px;
    }

    .entity__header_width {
        width: 100%;
        float: left;
        display: flex;
        align-self: center;
        flex-wrap: wrap;
        padding-right: 4%;
    }
    .indent_dialog_left {
        width: 100%;
    }
    .intent_examples_list {
        margin-top: 0px;
    }
    /* .intent_table_row_3 {
        font-size: 14px;
    }
    .intent_table_row_2 h4 {
        font-size: 14px;
    }


    .intent_examples_list span {
        font-size: 13px;
    } */
 
    .notrigger_tree_header {
        width: 100% !important;
    }
 
    
    .automation_exe_left h6 {
        font-size: 14px;
    }
    .automation_exe_left h6 span {
        font-size: 16px;
    }
    .ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails1:before {
        width: 13px;
        height: 13px;
    }
    .ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_fails:before {
        width: 13px;
        height: 13px;
    }
    .ana_chart_drpdwn_left_scuus_fails label .drpdwn_left_scuus_content {
        font-size: 14px;
    }
    .analytics_charts_left_total_center h6 {
        font-size: 14px;
    }
    .analytics_charts_left_total_left h6 {
        font-size: 14px;
    }
    .analytics_charts_left_total_center h6 span {
        font-size: 16px;
    }
    .ana_chart_drpdwn_left_scuus_fails label {
        display: flex;
    }

    .analytics_charts_right {
        margin-left: 18px;
    }
    .analytics_dropdowns .control-label {
        margin-right: 6px;
        font-size: 15px;
    }
    .analytics_dropdowns_left_logs {
        margin-right: 6px;
    }
    .date_dropdown_label .ellipsis_content {
        font-size: 14px;
    }
    .analytics_dropdowns_center_logs {
        width: 26%;
        float: left;
        margin-right: 6px;
    }
    .autoamtions_table_pagination_right {
        display: flex;
    }
    .autoamtions_table_pagination_right p {
        display: flex;
        align-items: center;
        font-size: 14px;
        margin-right: 15px;
    }
    .analytics_dropdowns_right_logs {
        width: 21%;
        margin-right: 6px;
    }

    .autoamtions_table_pagination_right svg {
        margin-right: 5px;
    }
    .zontal_lines {
        height: calc(100vh - 140px);
    }
  
      /*Automation marketplace css fix  */
   
  
    .intent_dialog_right.automation_download_btn .icon_hover_flow_home {
        width: max-content;
        margin-left: 0px;
        position: relative;
        left: 0px;
    }
 
    .indent_right .or_center{
        font-size: 14px;
    }
    .intent_dialog_right.automation_download_btn input[type='search']{
        margin-left: 10px;
    }
    .intent_dialog_right.automation_download_btn .search_icon_svg svg{
        left:22px;
    }
    /*Automation marketplace css fix  */
}

@media only screen and (max-width: 1300px) {
    .row.card_grid_view {
        grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
        grid-gap: 20px;
    }
    .intent_examples_list span {
        font-size: 13px;
        margin-right: 2px;
    }
  

    /* span.search_click input[type='search'] {
        width: 200px;
    } */
    .total_analytics_title h4 {
        font-size: 16px;
    }
    .total_analytics_number_intents h5 {
        font-size: 14px;
    }
    .total_analytics_number_intents h6 {
        font-size: 14px;
    }
    .total_analytics_number_entity h5 {
        font-size: 14px;
    }
    .total_analytics_number_entity h6 {
        font-size: 14px;
    }
    .total_analytics_number h5 {
        font-size: 18px;
    }
    .total_analytics_title .parent_node_no {
        margin-left: 0px;
    }
    .autoamtions_table .table th {
        font-family: 'Seravek-Medium';
        font-size: 16px;
    }

    .training_automation_module .dropdown_right_entity {
        width: 21%;
        margin-left: 110px;
    }
    .analytics_dropdowns_left .ana_chart_drpdwn_left_sixty .dropdown_down_arrowslot_analytics svg {
        left: 22.6%;
    }
    .dropdown_down_arrowslot_analytics svg {
        margin-right: 30px;
    }
    .last_toal_conversation_right {
        width: 78%;
    }
    .automation_analytics .last_toal_conversation_right {
        width: 76%;
    }
    .automation_analytics .last_toal_conversation h5 {
        padding-left: 15px;
        width: 100%;
        font-size: 14px;
    }
    .automation_analytics .last_toal_conversation h6 {
        padding-left: 15px;
        width: 100%;
    }
    .automation_analytics .last_toal_conversation {
        padding: 0px;
    }
    .automation_analytics .last_days_overview {
        padding: 40px 30px;
    }
    .indent_title .flow_test_buton {
        left: 195% !important;
    }
    .automation_notification_message {
        padding: 15px 12px !important;
    }
    .automation_notification_message svg {
        width: 45px !important;
        height: 45px !important;
    }
    .automation_notification_message span {
        margin-left: 12px !important;
    }
    .notrigger_popup_tree .context_popup_accordian_open:before {
        display: none;
    }
}

@media (min-width: 900px) and (max-width: 1440px) {
    /* .intent_dialog_right button {
        margin-left: 15px;
    } */
/* 
    span.search_click {
        margin-left: 15px;
    } */
    /* span.search_click input[type='search'] {
        width: 200px;
    } */
    .flow_group_cards {
        top: 32%;
    }
    .login100-form.validate-form {
        padding: 2.5em 7em !important;
        border-radius: 5px;
    }
    .login100-form-title {
        padding-bottom: 30px !important;
    }
    .input100 {
        height: 40px !important;
    }
    .login100-form-btn {
        height: 40px !important;
    }
    .dialog_editor {
        margin-top: 40px;
    }
    .dialog_editor.dialog_detail {
        margin-top: 0px;
    }
    .indent_title .flow_test_buton {
        left: 290%;
    }
}