HEX
Server: Apache/2.4.6 (CentOS) mpm-itk/2.4.7-04 mod_fcgid/2.3.9 PHP/5.4.16
System: Linux dvm.vladweb.ru 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: region-gk.ru (1016)
PHP: 7.3.33
Disabled: NONE
Upload Files
File: /home/temp/yarusvl.ru/adminx/tpls/css/media.css
/*==========  Media  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .mobile_header{display: none;}
    #fix_logo {
       /* width: 50px;
        height: 55px;
        display: block;
        position: fixed;
        z-index: 1200;
        text-align: center;
        line-height: 84px;
        background-color: #272b35;
        padding-left: 15px;*/
    }
    #fix_logo:before {
        /*   content: "";
        width: 30px;
        height: 40px;
        display: inline-block;
     background: url(../images/logo_img.png) no-repeat center center;
        background-size: cover;
        z-index: 1200;
        background-color: #272b35;*/
    }
    body.menu-pin .page-container {padding-left: 280px;}
    body.menu-pin header.navbar {padding-left: 280px;}
     body.menu-pin .admin_switches{margin-left: 0px;}
    #admin_catalog.fixed_menu,
    #admin_catalog:hover {
        transform: translate(210px, 0px);
    }
    div.mce-fullscreen {
        position: fixed;
        left: 76px!important;
        width: calc(100% - 84px)!important;
    }
    body.menu-pin div.mce-fullscreen {
        left: 287px !important;
        width: calc(100% - 295px) !important;
    }

}
@media only screen and (max-width : 1199px) {
    #admin_catalog {left: -280px;}
/*    header.navbar .container-fluid {overflow: hidden;}*/
    body.menu-pin #admin_catalog {
        width: 280px;
        transform: translate(280px,0) !important;
        -webkit-transform: translate(280px,0) !important;
        -ms-transform: translate(280px,0) !important;
    }
    #footer{padding-left: 0px;}
    header.navbar{padding-left: 0px;}
    .page-container {padding-left: 0px;}
    .admin_notification .notification_title,
    .admin_techsupport a,
    .admin_exit a {padding: 10px 20px;}
    #quickview .sidebar_header,
    #admin_catalog .sidebar_header {padding-left: 15px;}
    .admin_languages .languages_inner{padding: 0px 20px;}
    #mobile_menu_right,
    #mobile_menu {
        display: block;
        position: relative;
        cursor: pointer;
        float: left;
        margin-top: 13px;
    }
    #mgc_logo {
        position: relative;
        display: block;
        margin-left: 20px;
        float: left;
        margin-top: 5px;
    }
    #mgc_logo img{max-width: 180px;}
    .admin_switches { margin-left: 20px;}
    .admin_switches svg{
        width: 20px!important;
        height: 20px!important;
        margin-right: 0px!important;
    }
    .admin_switches span{margin-left: 5px!important;}
    #mobile_menu_right svg,
    #mobile_menu svg{width: 30px;height: 30px;}
    .feature_opt_aliases_list{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
   }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .toggle_arrow_wrap{display: none;}
    .cur_settings .setting_icon_yandex:hover,
    .mgc_list_setting .setting_icon_yandex:hover{
        background: #10CFBD;
        border-color: #10CFBD;
        color: #fff;
        font-weight: 600;
    }


    }
@media only screen and (max-width : 991px) {
    .pr-0 {padding-right: 15px !important;}
    .pl-0{padding-left: 15px !important;}
    .boxed_search{padding: 0px 0px 20px;}
    .product_images_list li{height: 140px;width: 140px;line-height: 140px;}
    .variants_listadd{min-width: 900px;}
    .admin_switches {margin-left: 15px;}
    .mgc_list.variants_list{overflow-x: auto !important;overflow-y: visible !important;}
    .quickview_hidden{display: none!important;}
    .mgc_list .mgc_list_body .mgc_list_menu_name{
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .mgc_list .mgc_list_body .mgc_list_menu_name .mgc_list_menu_item{
        min-height: 40px;
     }
    /* Скрытые блоки списков */
    .variants_toggle,
    .mgc_list_name_brand,
    .mgc_list_price,
    .mgc_list_users_email,
    .mgc_list_users_date,
    .mgc_list_order_status,
    .mgc_list_order_marker,
    .mgc_list_price,
    .mgc_list_delivery_condit,
    .mgc_list_blog_type,
    .mgc_list_currency_sign,
    .mgc_list_currency_iso,
    .mgc_list_coupon_disposable,
    .mgc_list_coupon_condit,
    .mgc_list_coupon_validity,
    .mgc_list_coupon_count,
    .mgc_list_order_product_count,
    .mgc_list_setting,
    .mgc_list_products_setting{display: none;}

    /* Переопределение размеров списков */
    .mgc_list .mgc_list_currency_exchange {width: calc(100% - 380px);}
    .mgc_list .mgc_list_brands_tag {width: 260px;}
    .mgc_list .mgc_list_delivery_name {width: calc(100% - 390px);}
    .mgc_list .mgc_list_blog_name {width: calc(100% - 300px);}
    .mgc_list .mgc_list_page_name {width: calc(100% - 435px);}
    .mgc_list .mgc_list_coupon_name {width: calc(100% - 220px);}
    .mgc_list .mgc_list_users_name {width: calc(100% - 260px);}
    .mgc_list .mgc_list_order_name {width: calc(100% - 395px);}
    .mgc_list .mgc_list_orders_name {width: calc(100% - 360px);}
    .mgc_list .mgc_list_features_tag {width: 250px;}
    .mgc_list .mgc_list_features_name {width: calc(100% - 500px);}
    .mgc_list .mgc_list_brands_name {width: calc(100% - 330px);}
    .mgc_list .subcategories_level_1 .mgc_list_categories_name{width: calc(100% - 390px);}
    .mgc_list .subcategories_level_2 .mgc_list_categories_name{width: calc(100% - 420px);}
    .mgc_list .mgc_list_categories_name {width: calc(100% - 360px);}
    .mgc_list .mgc_list_name {width: calc(100% - 320px);}

    .min_height_335px,
    .min_height_250px,
    .min_height_230px,
    .min_height_210px{min-height: inherit;}
    
    .feature_alias_variable{
        width: 200px;
    }
    .feature_alias_name{
        width: 200px;
    }
    .feature_alias_value{
        width: calc(100% - 500px);
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #quickview{float: right;}
    .visible_md{display: none;}
    .boxed_sorting.toggle_body_wrap{
        display: block
    }
}
@media only screen and (max-width : 767px) {
    .heading_page {
        font-size: 22px;
        line-height: 26px;
        margin: 10px 0px;
    }
    .feature_opt_aliases_list{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #mgc_logo {
        margin-left: 25%;
    }
    
    .boxed_success .heading_box,
    .boxed_warning .heading_box,
    .boxed_attention .heading_box {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }
    
    .d_flex {
        display: block !important;
    }
    
    .admin_switches {
        margin-left: 0px;
    }
    
    .mgc_switch {
        margin-right: 10px;
    }
    
    .feature_row {
        height: auto;
    }
    
    .tab_navigation_link {
        display: block;
        margin: 0px 0px 10px;
    }
    
    .new_feature_row .new_feature_name,
    .new_feature_row .new_feature_value,
    .feature_name,
    .feature_value {
        float: none;
        width: 100%
    }
    
    header.navbar .container-fluid {
        text-align: center;
    }
    
    .mgc_list .mgc_list_ordfig_price {
        width: auto;
        display: block;
        margin-top: 7px;
    }
    
    .mgc_list .mgc_list_ordfig_val {
        display: block;
    }
    
    .mgc_list .mgc_list_ordfig_name {
        display: block;
        float: none;
        width: 100%
    }
    
    /* Скрытые блоки списков */
    .mgc_list .mgc_list_features_tag,
    .boxed_sorting,
    .mgc_list_status,
    .mgc_list_translations_num,
    .mgc_list .mgc_list_option,
    .mgc_list_reportstats_categories,
    .mgc_list_comments_btn,
    .mgc_list_usergroups_sale,
    .mgc_list_reportstats_total,
    .mgc_list_currency_exchange,
    .mgc_list_usergroups_counts,
    .mgc_list_brands_tag,
    .mgc_list_categorystats_total,
    .mgc_list_orders_price,
    .mgc_list_count,
    .mgc_list .mgc_list_footer,
    .mgc_list_check,
    .variants_item_drag,
    .mgc_list_menu_setting,
    .mgc_list_drag {
        display: none;
    }
    
    .currencies_wrap .mgc_list_footer {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
    }
    
    /* Переопределение размеров списков */
    .mgc_list .mgc_list_currency_name {
        width: calc(100% - 130px);
    }
    
    .mgc_list .mgc_list_categorystats_categories {
        width: calc(100% - 100px);
    }
    
    .mgc_list .mgc_list_reportstats_products {
        width: calc(100% - 100px);
    }
    
    .mgc_list .mgc_list_bransimages_name {
        width: calc(100% - 320px);
    }
    
    .mgc_list .mgc_list_log_name {
        width: calc(100% - 200px);
    }
    
    .mgc_list .mgc_list_order_stg_lbl_name {
        width: calc(100% - 80px);
    }
    
    .mgc_list .mgc_list_order_stg_sts_name {
        width: calc(100% - 210px);
    }
    
    .mgc_list .mgc_list_translations_variable {
        width: calc((100% - 200px) / 2);
    }
    
    .mgc_list .mgc_list_translations_name {
        width: calc((100% - 0px) / 2);
    }
    
    .mgc_list .mgc_list_languages_name {
        width: calc(100% - 80px);
    }
    
    .mgc_list .mgc_list_manager_name {
        width: calc(100% - 0px);
    }
    
    .mgc_list .mgc_list_delivery_name {
        width: calc(100% - 140px);
    }
    
    .mgc_list .mgc_list_comments_name {
        width: calc(100% - 0px);
    }
    
    .mgc_list .mgc_list_blog_name {
        width: calc(100% - 80px);
    }
    
    .mgc_list .mgc_list_page_name {
        width: calc(100% - 200px);
    }
    
    .mgc_list .mgc_list_subscribe_name {
        width: calc(100% - 0px);
    }
    
    .mgc_list .mgc_list_coupon_name {
        width: calc(100% - 110px);
    }
    
    .mgc_list .mgc_list_usergroups_name {
        width: calc(100% - 0px);
    }
    
    .mgc_list .mgc_list_users_name {
        width: calc(100% - 140px);
    }
    
    .mgc_list .mgc_list_order_name {
        width: calc(100% - 140px);
    }
    
    .mgc_list .mgc_list_orders_name {
        width: calc(100% - 100px);
    }
    
    .mgc_list .mgc_list_features_name {
        width: calc(100% - 0px);
    }
    
    .mgc_list .mgc_list_brands_name {
        width: calc(100% - 80px);
    }
    
    .mgc_list .subcategories_level_1 .mgc_list_categories_name {
        width: calc(100% - 90px);
    }
    
    .mgc_list .subcategories_level_2 .mgc_list_categories_name {
        width: calc(100% - 120px);
    }
    
    .mgc_list .mgc_list_categories_name {
        width: calc(100% - 60px);
    }
    
    .mgc_list .mgc_list_related_name {
        width: calc(100% - 50px);
    }
    
    .mgc_list .mgc_list_name {
        width: calc(100% - 80px);
    }
    
    .mgc_list .mgc_list_menu_name {
        width: calc(100% - 40px);
    }
    
    .activity_of_switch {
        flex-direction: row;
        -webkit-box-orient: inherit;
        -webkit-box-direction: normal;
        -webkit-flex-direction: inherit;
        -ms-flex-direction: row;
        margin-top: 20px;
    }
    .feature_alias_variable,
    .feature_alias_name,
    .feature_alias_value{
        width: 100%;
    }
    .ok_related_list .mgc_list_head{
        display: none;
    }
    .ok_related_list .mgc_list_close .btn_close{
        display: inline-block;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 3px;
        font-weight: 600;
        cursor: pointer;
        user-select: none;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        padding: 0.3rem 1rem;
        font-size: 0.875rem;
        transition: all 0.2s ease-in-out;
        color: rgb(255, 255, 255);
        background-color: rgb(245, 87, 83);
        border-color: rgb(245, 87, 83);
        padding: 5px 15px;
        font-size: 14px;
    }
    .ok_related_list .mgc_list_close {
        width: 100%;
        float: none;
        text-align: left;
    }
    .ok_related_list .mgc_list_close .btn_close svg {
        width: 12px;
        height: 12px;
        margin-right: 3px;
    }
    .ok_related_list .mgc_list_close .btn_close span {
        display: inline-block;
        vertical-align: middle;
    }
    .ok_related_list .mgc_list_row{
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    
    /* Дополнительное (с правой стороны) меню */
    #quickview {
        position: fixed;
        right: -285px;
        top: 0;
        width: 285px;
        background: #fff;
        bottom: 0;
        z-index: 1000;
        box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
        -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
        transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-perspective: 1000;
    }
    
    #quickview.open {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -ms-transform: translate(-100%, 0);
    }
    
    .admin_languages,
    .admin_notification,
    .admin_techsupport,
    .admin_exit {
        float: none;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 10px;
        cursor: pointer;
        text-align: left;
    }
    
    .admin_languages a,
    .admin_notification .notification_title,
    .admin_techsupport a,
    .admin_languages .languages_title,
    .admin_exit a {
        background: rgb(250, 250, 250);
        color: rgb(35, 40, 48);
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        text-transform: uppercase;
        font-size: 12px;
    }
    
    .admin_languages .languages_title {
        padding: 10px 20px;
        height: 40px;
        font-weight: 500;
        position: relative;
        display: block;
        margin-bottom: 10px;
    }
    
    .admin_languages .languages_inner {
        padding: 0px;
    }
    
    .admin_languages a svg,
    .admin_notification .notification_title svg,
    .admin_techsupport a svg {
        display: none;
    }
    
    .admin_techsupport a {
        border-top: none;
    }
    
    .admin_languages .quickview_hidden,
    .admin_notification .quickview_hidden,
    .admin_techsupport .quickview_hidden,
    .admin_exit .quickview_hidden {
        display: inline-block !important;
    }
    
    .notification_toggle {
        opacity: 1;
        top: inherit;
        position: static;
        visibility: visible;
        width: 100%;
        border-radius: 0px;
        left: 0px;
        display: block;
        box-shadow: none;
        border: none;
        transition: none;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        padding: 10px 15px 0px 10px;
        z-index: 200;
        
    }
    
    .admin_notification .counter,
    .admin_techsupport .counter {
        top: 10px;
        right: 20px;
    }
    
    .techsupport_toggle span {
        padding: 0px 15px 0px 10px;
        margin-top: 10px;
        display: block;
    }
    
    .main .container-fluid {
        padding-bottom: 60px;
    }
    
    #quickview .sidebar_header {
        padding-left: 10px;
    }
    
    #quickview .sidebar_header .logo_box {
        float: left;
    }
    
    .admin_notification .notification_title,
    .admin_techsupport a,
    .admin_exit a {
        padding: 10px;
    }
    
    #footer {
        line-height: 24px;
        height: auto;
    }
    
    .boxed_sorting .bootstrap-select {
        margin-bottom: 10px;
    }
    
    .mobile_input-group {
        margin-bottom: 10px;
    }
    
    .mobile_text_right {
        text-align: right;
    }
    .mb_mobile_seofilter{
        margin-bottom: 10px;
    }
}
/* Extra Small Devices, Phones */
@media (min-width : 576px) {
    .visible_xs{display: none;}
    .card-group {
        display: block;
        width: 100%;
        table-layout: inherit;
    }
    .card-group .card {
        display: block;
        vertical-align: top;
    }
    .card-group .card + .card {
        margin-left: 0;
        border-left: 0;
    }

}
@media only screen and (max-width : 575px) {
    .page-link, .pagination-datatables li a, .pagination li a {padding: 3px 12px;margin: 4px 1px;}
    .mgc_list .mgc_list_delivery_photo {width: 80px;}
    .boxed_search .btn{width: 100%;}
    .box_adswitch .btn{padding: 8px 18px;}
    .wrap_head_mob{padding: 0px 0px 20px ;}
    .btn_small {padding: 12px 18px;width: 100%;}
    .mgc_list .mgc_list_footer .btn {margin-right: 10px;margin-left: 10px;}
    .box_btn_heading, .box_heading {display: block;}
    .boxes_inline {display: inline-block;}
    .heading_normal {font-size: 14px;line-height: 18px;margin-bottom: 10px;}
    .heading_box .box_btn_heading,
    .wrap_heading .boxes_inline,
    .wrap_heading .box_heading {display: inline-block;}
    .mgc_list .mgc_list_delivery_photo a {
        width: 60px;
        height: auto;
        line-height: inherit;
        padding: 5px;
    }
    .options_aliases .mgc_list_head{
        display: none;
    }
    .theme_btn_heading a{
        margin-top: 5px;
    }
    .modal-body .btn + .btn {
        margin-top: 10px;
    }
    .modal-body .mx-h {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .translations_scrolls{min-width: 570px;}
    .delivery_type{display: block;margin-bottom: 10px;}
    .delivery_inline_block {display: block;margin-right: 0px;}

    /* Переопределение размеров списков */
    .mgc_list .mgc_list_currency_name {width: calc(100% - 0px);}
    .mgc_list .mgc_list_bransimages_name {width: calc(100% - 140px);}
    .mgc_list .mgc_list_log_status {width: 80px;}
    .mgc_list .mgc_list_order_stg_sts_name {width: 100%;}
    .mgc_list .mgc_list_log_name {width: calc(100% - 160px);}
    .mgc_list .mgc_list_delivery_name {width: calc(100% - 80px);}
    .mgc_list .mgc_list_page_name {width: calc(100% - 0px);}
    .mgc_list .mgc_list_users_name {width: calc(100% - 0px);}
    .mgc_list .mgc_list_order_name {width: calc(100% - 80px);}

    /* Скрытые блоки списков */
    .mgc_list_users_group,
    .mgc_list_brands_group,
    .cur_settings,
    .mgc_list_currency_num,
    .mgc_list_pages_group,
    .mgc_list_order_stg_sts_status,
    .mgc_list_heading.mgc_list_delivery_photo,
    .mgc_list_order_amount_price{display: none;}
    .options_aliases .mgc_list .mgc_list_row {
        width: 100%;
        height: auto;
        min-height: 80px;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        -webkit-align-items: center;
    }
    .options_aliases .mgc_list .mgc_list_row{
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .options_aliases .feature_option_name {
        width: 100%;
        float: none!important;
        text-align: left;
    }
    .options_aliases .feature_option_aliases {
        width: 100%;
        float: none!important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        padding: 10px !important;
        margin-right: 0px;
        margin-left: 0px;
        text-align: left;
    }
    .feature_opt_aliases_list{
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 382px) {

}