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) {
}