@media (max-height: 513px) {
    .place_move_block {
        display: none !important;
    }
    .box_swapActionsButtons {
        display: flex !important;
    }
}
@media (max-width: 513px) {
    .place_move_block {
        display: none !important;
    }
    .box_swapActionsButtons {
        display: flex !important;
    }
}

@media (max-width: 767px) {
    .toggle_menu {
        display: block !important;
    }

    .navigation_panel{
        display: none;
    }

    .settingsCategoryModal  {
        left: 20px !important;
        width: calc(100% - 40px) !important;
        top: calc(66px + 103px) !important;
    }
    .sendCommandModal  {
        left: 20px !important;
        width: calc(100% - 40px) !important;
    }

    .right_zone_settings{
        width: 100% !important;
        height: calc(100% - 64px) !important;
        min-width: unset !important;
        top: 64px;
        display: none;
        position: fixed !important;
    }
    .empty_right_zone {
        display: none !important;
    }

    .box_add_category{
        width: calc(100vw - 128px);
    }

    .back_to_list_dialogs{
        display: block !important;
    }

    .open_group_dialog_messages{
        display: block !important;
    }

    .main-logo, .empty_settings_action_zone /*.left_menu_link_to_mainOf*/ {
        display: none !important;
    }

    .left_menu_sign_to_mainOf{
        display: block;
    }

    .left_menu_text_to_mainOf{
        font-size: 16px !important;
        /*color: #222222;*/
    }

    .left_menu_link_to_mainOf{
        width: 100% !important;
        background-color: #fff !important;
    }

    .item_left_pannel:hover{
        color: #5199ff !important;
    }

    .item_left_pannel{
        width: 100% !important;
        background-color: #fff !important;
        margin-bottom: 20px;
        padding: 0 0 0 5px !important;
    }
    .sidebar-nav > ul > li > a.active{
        background-color: #fff !important;
    }

    .item_left_pannel.active > span, .item_left_pannel.active > div {
        color: #5199ff !important;
    }
    .mini-sidebar.show-sidebar .left-sidebar {
        width: 100%;
    }
    .sidebar-nav > ul > li > .open_chats_list, .sidebar-nav > ul > li > .open_bots_list, .sidebar-nav > ul > li > .open_home_page{
        padding-top: unset !important;
        padding-bottom: unset !important;
        padding-left: 18px !important;
    }

    .open_home_page  span{
        /*color: #999999 !important;*/
        font-size: 16px !important;
    }

    .sidebarnav_second > li:not(.left_menu_link_to_mainOf){
        padding: 0 8px 8px 8px !important;
    }

    body.mini-sidebar .box_left_menu_help_group{
        bottom: 47px !important;
        background-color: #ffffff !important;
    }

    body.mini-sidebar .box_left_menu_help_group .left_menu_help_group_text{
        display: block !important;
    }

    body.mini-sidebar .sidebarnav_second{
        margin-bottom: 200px !important;
    }

    body.mini-sidebar .left_menu_separator{
        background-color: #ffffff !important;
        padding-bottom: 16px  !important;
        padding-top: 8px !important;
        width: 100% !important;
    }

    .sidebarnav_second {
        padding-top: 32px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }

    .sidebarnav_second_item{
        text-align: center;
        border-radius: 3px;
        border: solid 1px #e0e0e0 !important;
        background-color: #ffffff !important;
        padding: 16px !important;
    }
    .sidebar-nav ul .sidebarnav_second_item:active {
        border: solid 1px #5199ff !important;
    }

    .sidebar-nav > ul > li > a .sidebarnav_icon_item{
        display: block;
        width: 100%;
        margin-bottom: 16px;
    }
    .sidebar-nav > ul > li > a .sidebarnav_svg_item{
        margin-right: 0px !important;
        margin-bottom: 12px;
    }
    .sidebar-nav > ul > li > a .sidebarnav_text_item{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        font-family: Ubuntu;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.13;
        letter-spacing: normal;
    }

    .sidebarnav_second li a:not(.item_left_pannel){
        color: #999999 !important;
    }
    .sidebarnav_second  > li > a i{
        color: #999999 !important;
    }
    .sidebarnav_second .sidebarnav_second_item:hover, .sidebarnav_second .sidebarnav_second_item:hover i{
        color: #999999 !important;
    }
    .sidebarnav_second .sidebarnav_second_item:active, .sidebarnav_second .sidebarnav_second_item:active i, .sidebarnav_second .sidebarnav_second_item:active span{
        color: #5199ff !important;
    }
    .sidebarnav_second_item.active{
        border: solid 1px #5199ff !important;
    }

    .sidebarnav_first > li{
        margin-bottom: 14px !important;
    }

    .sidebar-nav, .left-sidebar, .box_social_groups{
        background-color: #fff !important;
    }
    .box_dropdown {
        width: calc(100% - 58px) !important;
        top: 8px !important;
    }
    .mini-sidebar .social_groups{
        display: flex !important;

    }
    /*.box_social_groups{
        padding: 13.5px !important;
    }*/
    .mini-sidebar .item_social{
        margin-top: 0px !important;
    }
    .item_left_top_pannel{
        max-width: calc(100% - 32px);
        width: max-content !important;
        font-size: 16px !important;
        vertical-align: bottom !important;
    }
    .col-extra-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    /*-------constructor-------*/
    .css_boxButtonConstructor{
        width: 40px !important;
        height: 40px !important;
        margin-left: 8px !important;
    }
    .css_groupButtonsConstructorF{
        margin: 8px 0 !important;
    }
    .css_groupButtonsConstructorR{
        right: 8px !important;
        padding-top: 8px !important;
        width: calc(100% - 16px) !important;
    }

     .search-box{
        margin-left: auto !important;
         }
    .css_groupButtonsConstructorT{
        left: 8px !important;
        bottom: 8px !important;
    }
    .css_groupButtonsConstructorBR{
        right: 8px !important;
        bottom: 8px !important;
        display: inline-flex !important;
    }
    .css_boxZoomScale{
        width: 120px !important;
        height: 40px !important;
    }
    .css_app-search{
        right: 87px !important;
        border-right: unset !important;
        top: 8px !important;
        width: calc(100% - 87px) !important;
        z-index: 11 !important;
    }
    .css_input_search_canvas_object{
        border-right: unset !important;
    }
    .css_input_search_canvas_object{
        padding: 7px 10px 7px 5px !important;
    }
    .options_search{
        width: 100% !important;
        top: 49px !important;
    }
    .css_SettingsCommandModal, .settingsCommandBindsModal, .css_settingsConditionModal, .css_settingsWebPageModal, .css_settingsStoryModal{
        width: calc(100% - 16px) !important;
    }
    .settingsGroupModal{
        width: calc(100% - 16px) !important;
        right: 8px !important;
        left: unset !important;
        top: 135px !important;
        max-width: 400px !important;
    }
    .createGroupModal{
        bottom: 68px !important;
        top: unset !important;
        left: 8px !important;
        width: calc(100% - 16px) !important;
        max-width: 400px;
    }
    .kitCategoriesGroupModal {
        left: 8px !important;
        width: calc(100% - 16px) !important;
        top: 340px !important;
    }
    .resourcesCheckListModal {
        left: 8px !important;
        width: calc(100% - 16px) !important;
    }
    .notificationAdministratorsModal,
    .changeResourcesModal,
    .listResourcesModal
     {
        left: 31px !important;
        width: calc(100% - 31px) !important;
    }

    .sendTypesModal,
    .sendRepeatTypesModal,
    .settingsScenarioModal,
    .filterUsersListModal,
    .typesSubscribeEventsModal,
    .taxPaymentProvidersModal,
    .providersPaymentMethodModal,
    .providersPaymentObjectModal,
    .botsListModal,
    .listTypesNotificationsModal,
    .listGroupCommandModal,
    .listResourcesAndPrivateModal,
    .listRecurrentPaymentModal,
    .listTopicsModal,
    .listFormsCommandModal, .listRulesFormsModal {
        left: 19px !important;
        width: calc(100% - 36px) !important;
    }

    .botsListModal > .botsList,
    .typesSubscribeEventsModal > .listTypesSubscribeEvents,
    .itemsAndCategoriesShopModal > .listItemsAndCategoriesShop,
    .listTypesNotificationsModal > .box_listTypesNotifications ,
    .kitCategoriesGroupModal > .box_listTypesNotifications ,
    .resourcesCheckListModal > .box_resourcesCheckList ,
    .listGroupCommandModal > .box_listGroupCommand,
    .listResourcesAndPrivateModal > .box_listResourcesAndPrivate,
    .listRecurrentPaymentModal > .box_listRecurrentPaymentModal,
    .listTopicsModal > .box_listTopicsModal,
    .listFormsCommandModal > .box_listFormsCommand, .listRulesFormsModal > .box_listRulesForms {
        max-width: unset !important;
    }

    .list_add_categories, .list_notifications_administrators, .list_change_resouces, .list_simple_resouces{
        width: auto !important;
    }

    /* .categoriesNamesTap{
         max-width: ;
     }*/

    .searchStatisticsBOX, .searchAnswersForm, .searchPollAnswers, .box_search_pattern, .searchLinksForm, .searchTriggers, .searchFolowers, .searchPayments, .searchItemsShop, .searchOrdersShop{
        width: 100% !important;
    }

    .fullAnswerModal{
        left: 16px !important;
        width: calc(100% - 32px) !important;
        max-width: unset !important;
    }
}

@media (min-width: 768px) {
    .toggle_menu, .js_backToActionMenu, .sidebarnav_first{
        display: none !important;
    }

    .navigation_panel{
        display: block;
    }

    .right_zone_settings{
        width: 514px;
        min-width: unset;
        display: none;
    }
}

@media (max-height: 630px) {
    .registration_zone.opened{
        min-height: 636px !important;
    }
    .registration_zone_body{
        margin-top: 70px !important;
    }
}

@media (max-height: 575px) {
    .css_pageTitle, .changeCategory_test, .changeCategory_mobile{
        font-size: 30px !important;
        text-align: center !important;
    }
    .changeCategory_test, .changeCategory_mobile{
        display: block !important;
    }
}
@media (max-width: 575px) {
    .simpleAlertQuestion{
        width: calc(100% - 32px);
        /*height: calc(100% - 32px);*/
    }
    .box_usernameNewChat{
        display: none;
    }
    .changeCategory_test, .changeCategory_mobile{
        display: block !important;
    }
    .change_add_new_bot, .box_change_add_new_chat, .empty_queue_posts   {
        width: 100%;
    }
    .box_manipulate_home{
        width: 100% !important;
    }
    .css_pageTitle, .changeCategory_test, .changeCategory_mobile{
        font-size: 30px !important;
        text-align: center !important;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .navigation_notifications{
        right: -38px !important;
        width: calc(100vw - 50px) !important;
    }
    .navigation_notifications > .css_arrow::before{
        right: 51.5px !important;
    }
    .navigation_notifications > .css_arrow::after{
        right: 51.5px !important;
    }

    .error_alert_zone > .error_api_key_zone > div, .error_alert_zone > .error_api_key_zone > div > .box_api_key{
        width: 100% !important;
    }
}

@media (max-height: 260px) {
    .simpleAlertQuestion{
        width: calc(100% - 32px);
       /* height: calc(100% - 32px);*/
    }
}
/*@media (min-width: 576px) and (min-height: 261px) {
    .simpleAlertQuestion.withBody{
        width: 546px;
    }
    .simpleAlertQuestion.withoutBody{
        width: 546px;
    }
}*/

@media (max-height: 531px) {
    .left_zone_body{
        margin: 65px 0;
    }

}
@media (min-height: 532px) {
    .left_zone_body{
        margin: auto 0;
    }
}

@media (min-width: 1051px) {
    .right_zone_settings{
        width: 514px;
    }
    .right_zone_settings:not(.is_entrance):not(.is_autoposting){
        display: block !important;
    }
    .left_zone_page, .empty_left_zone{
        width: calc(100% - 514px);
    }
    /*.navigation_panel{
        display: block;
    }*/
}
@media (max-width: 1050px){
    .right_zone_settings{
        width: 514px;
        min-width: unset;
        display: none;
    }

    .selectAllPersons, .changeCategoryPersons, .createCategoryButton, .unbanPersons, .banPersons {
        width: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 515px){
    /*.right_zone_settings{
        width: 514px;
        min-width: unset;
        display: none;
    }*/
}

@media (max-width: 514px){
    /*.right_zone_settings{
        width: 100% !important;
        height: calc(100% - 64px) !important;
        min-width: unset !important;
        top: 64px;
        display: none;
        position: fixed !important;
    }
    .empty_right_zone {
        display: none !important;
    }*/


    .createCategoryModal.inPage,
    .createCategoryModal.mobile,
    .restrictPersonModal,
    .promotePersonModal,
    /*.listCategoriesModal,*/
    .banPersonModal.inPage,
    .banPersonModal.inSelected,
    .dropCategoriesModal {
        left: 20px !important;
        width: calc(100% - 40px) !important;
    }
    .kitCategoriesForSelected{
        left: 0px !important;
        width: 100% !important;
    }

    .restrictPersonModal, .promotePersonModal,/* .listCategoriesModal,*/ .banPersonModal.inPage {
        top: unset !important;
        bottom: 16px !important;
        position: fixed !important;
    }

    .banPersonModal.inSelected{
        top: unset !important;
        bottom: 20px !important;
    }

    .box_TitleName, .box_SettingsCategory{
        width: 100%;
    }
    .createCategoryModal.inPage, .createCategoryModal.mobile {
        top: calc(66px + 163px) !important;
    }
    .createCategoryModal.inRow {
        left: 16px !important;
        top: unset !important;
        bottom: 16px !important;
        position: fixed !important;
        width: calc(100% - 32px) !important;
    }

    .settingsColumnTablePersons, .filtersTablePersons {
        left: 16px !important;
        top: calc(145px + 60px) !important;
        width: calc(100% - 60px) !important;
    }

    .listAuditoriesModal,
    .AllCommandsModal,
    .searchVariablesModal,
    .searchSpreadsheetsInModal,
    .searchNocodbInModal,
    .listSelfCategoriesModal,
    .listBillingsNamesModal,
    .listBillingsStatusesModal,
    .inScenarioStatusesModal,
    .userEventsActionsModal,
    .createLinkModal,
    .sendTypesModal,
    .sendRepeatTypesModal,
    .settingsScenarioModal,
    .filterUsersListModal,
    .typesSubscribeEventsModal,
    .taxPaymentProvidersModal,
    .providersPaymentMethodModal,
    .providersPaymentObjectModal,
    .botsListModal,
    .listChangeCategoriesModal,
    .listChangeScenariosModal,
    .ruleActionsModal,
    .ruleChecksModal,
    .listChangeScenariosTwoModal,
    .listGroupCommandModal,
    .listResourcesAndPrivateModal,
    .listRecurrentPaymentModal,
    .listTopicsModal,
    .listFormsCommandModal,
    .listRulesFormsModal,
    .listTypesNotificationsModal,
    .kitCategoriesGroupModal,
    .resourcesCheckListModal,
    .statusesWorkShopModal,
    .statusesShopModal,
    .statusesListShopModal,
    .itemsAndCategoriesShopModal,
    .itemsShopTypeModal,
    .dayweeksShopModal,
    .paymentSystemsShopModal,
    .currenciesShopModal,
    .changeListFormModal,
    .changeListCustomEntranceLinksModal,
    .changeListTriggersModal,
    .changeSwitchesListModal,
    .changeListPaymentModal,
    .formModal
    {
        width: calc(100% - 32px) !important;
        max-width: unset !important;
        left: 16px !important;
    }

    .listAuditoriesModal > .css_arrow::before{
        left: 95px !important;
    }
    .listAuditoriesModal > .css_arrow::after{
        left: 95px !important;
    }

    .list_promo_links{
        max-height: calc(100% - 246px) !important;
    }

    .unloading_promo_links_zone{
        width: 100% !important;
        margin-top: 16px !important;
    }

    .selectCurrentPerson{
        display: block !important;
        margin-right: 38px !important;
    }
    .openMoreWorkButton{
        display: block !important;
    }

    .openMoreWorkPersonButton{
        display: block !important;
    }
    .work_person_buttons{
        display: flex !important;
        right: calc(100vw - 44px) !important;
    }
    .box_work_buttons{
        display: none;
    }

    .condition_zone{
        padding-right: 0px !important;
        border-right: unset !important;
        min-width: 100% !important;
    }

    .action_zone{
        margin-left: 0px !important;
        margin-top: 20px !important;
        min-width: 100% !important;
    }

    .hide_triggers{
        margin-top: 16px !important;
    }
    .typesMessageModal, .typesMatchesModal, .typesClearStatisticsModal, .typesActionsBotModal, .typesDiscountConditionsModal{
        width: calc(100% - 32px) !important;
        max-width: unset !important;
        left: 16px !important;
    }

}
@media (max-height: 514px){
    /*.right_zone_settings{
        width: 100% !important;
        height: calc(100% + 80px) !important;
        min-width: unset !important;
        top: 64px;
        display: none;
        position: fixed !important;
    }*/

    .createCategoryModal.inRow, .restrictPersonModal, .promotePersonModal, .listCategoriesModal, .kitCategoriesForSelected, .banPersonModal.inPage {
        left: unset !important;
        right: 150px !important;
        width: calc(100% - 32px) !important;
        max-width: 300px;
    }
    .dropCategoriesModal{
        width: calc(100% - 32px) !important;
        max-width: 300px;
        left: 30% !important;
    }

    .banPersonModal.inSelected{
        left: unset !important;
        width: calc(100% - 32px) !important;
        max-width: 300px;
        top: 370px !important;
        right: 50px !important;
    }


    .restrictPersonModal, .promotePersonModal/*, .listCategoriesModal*/, .createCategoryModal.inRow {
        top: unset !important;
        bottom: 16px !important;
        position: fixed !important;
    }
    .createCategoryModal.inPage, .createCategoryModal.mobile {
        width: calc(100% - 32px) !important;
        top: calc(60px + 120px) !important;
        max-width: 300px;
        left: 30% !important;
    }
    .list_restricts, .list_promotes  {
        max-height: 160px  !important;
        overflow: auto !important;
    }
    .box_TitleName, .box_SettingsCategory{
        width: 100%;
    }
    .createCategoryModal {
        top: calc(60px + 120px) !important;
    }
    .avatar-detailedPresonInfo{
        margin: 0 16px !important;
    }
    .box_namePersonInfo{
        margin: 0 16px;
    }
    .left-body-detaliedPersonInfo{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media (max-width: 1050px){
    .left_zone_page, .empty_left_zone{
        width: 100% !important;
    }
    /*.navigation_panel{
        display: none;
    }*/
    .box_getGroupsList{
        display: block !important;
    }

    .client_name{
        display: none !important;
    }
}


@media (max-width: 821px){
    .basement{
        width: 100% !important;
    }
    .right_zone{
        display: none !important;
    }
    .left_zone{
        width: 100% !important;
        min-width: unset !important;
    }
}
@media (min-width: 822px){
    .right_zone{
        display: block !important;
    }
    .left_zone{
        width: calc(100% - 66%) !important;
        min-width: 450px !important;
    }
}

@media (max-width: 468px){
    .body_mini_post {
        width: 162px !important;
        height: 144px !important;
    }
    .text_mini_post{
        height: 62px !important;
    }
    .head_mini_post  {
        width: 162px !important;
    }

    .col-extra-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 900px){
    .box_search_person_icon{
        width: 100%;
    }

    .left-body-detaliedPersonInfo{
        margin: unset !important;
        padding: unset !important;
        width: 100% !important;
        height: max-content !important;
    }

    .zone_settings_bot, .settings_bitrix24_zone, .zone_settings_shop, .zone_settings_items, .zone_settings_orders{
        width: 100%;
        position: relative;
    }
    .left_zone_settings_bot,
    .left_zone_settings_chat,
    .left_zone_notifications_bot,
    .left_zone_payment_systems_bot,
    .left_zone_recurrent_payment_bot,
    .left_zone_integration_bot,
    .left_zone_subscribe_events_bot,
    .left_zone_settings_web_page,
    .left_zone_custom_notifications_forms,
    .left_zone_settings_shop,
    .left_zone_system_phrases,
    .left_zone_discount_shop
    {
        width: 100% !important;
        margin-right: unset !important;
    }

    .right_zone_settings_bot, .right_zone_settings_bitrix24, .right_zone_settings_chat, .right_zone_settings_shop{
        width: 100% !important;
        order: -1;
    }

    .block_menu{
        /*position: absolute;
        top: 0;
        width: calc(100% - 30px) !important;*/
        width: 100% !important;
        margin-bottom: 16px !important;
        padding: 8px !important;
    }
    .item_menu{
        width: max-content !important;
        display: inline-block !important;
    }

    .right_zone_settings_shop  .block_menu{
        width: 100% !important;
    }

    .left_zone_settings_shop .box_open_list_items{
        margin-right: 0px !important;
    }
    .left_zone_settings_shop .box_open_list_orders{
        margin-left: 0px !important;
    }

    .left_zone_settings_shop .box_open_list_items_box_open_list_orders{
        flex-wrap: wrap;
    }

    .left_zone_settings_shop .box_open_list_orders{
        margin-top: 16px;
    }

    .zone_settings_delivery_payment_methods_shop .create_commands_shop_zone{
        width: calc(100% + 40px) !important;
    }

    .zone_settings_delivery_payment_methods_shop .box_create_commands_shop{
        padding: 0 20px; !important;
    }

    .box_change_status,
    .box_change_chats_confirm_type,
    .box_change_language_bot,
    .box_api_key_settings,
    .box_number_wallet_settings,
    .box_mrh_login_settings,
    .box_custom_webhook_settings,
    .box_bitrix24_main_tab_settings,
    .box_amocrm_main_tab_settings,
    .box_link_event_settings,
    .box_type_subscribe_event_settings,
    .box_list_group_command_settings,
    .box_list_custom_trigger_settings,
    .box_list_form_command_settings,
    .box_list_rules_forms_settings,
    .box_list_notifications_settings,
    .box_number_phone_settings,
    .box_provider_token_settings,
    .box_tax_settings,
    .box_taxation_settings,
    .box_payment_method_settings,
    .box_payment_object_settings,
    .box_notification_secret_settings,
    .box_mrh_pass1_settings,
    .box_mrh_pass2_settings,
    .box_adress_notification,
    .box_notification_token_settings
    {
        padding: 0 !important;
    }

    .block_links{
        display: none;
    }
    .title_change_button{
        margin-left: 10px;
    }

    .person_message_zone{
        max-width: 100% !important;
    }
}

@media (max-width: 900px) and (min-height: 514px){
    .right-body-detaliedPersonInfo{
        width: 100% !important;
        height: calc(100% - 251px) !important;
    }
}

@media (max-width: 900px) and (max-height: 514px){
    .right-body-detaliedPersonInfo{
        width: 100% !important;
        height: calc(100% - 111px) !important;
    }
}


@media (max-width: 350px){
    /*.right_zone_settings{
        width: 100% !important;
        height: calc(100% - 64px) !important;
        min-width: unset !important;
        top: 64px;
        display: none;
        position: fixed !important;
    }
    .empty_right_zone {
        display: none !important;
    }*/
    .discount_billet{
        display: none;
    }
    .change_plans_billet{
        display: none;
    }
}