magento-test/app/design/adminhtml/Magento/backend/web/css/styles-old.less

// /**
//  * Copyright © Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

@import 'source/lib/_lib.less'; // Global lib
@import 'source/lib/_utilities.less';
@baseDir: "../"; // Default

// Backend
@import "../mui/clearless/_all.less";
@import "../mui/styles/_vars.less";
@import (reference) "../mui/styles/_abstract.less"; // Import some abstract

// DO NOT REMOVE! Can be dangerous (need for Product Creation)
.collapse.in,
.no-js .collapse {
    height: auto !important;
    overflow: visible;
}

.invisible {
    visibility: hidden;
}

//  DO NOT REMOVE! Can be dangerous (need for Product Creation)

.admin__scope-old {
    box-sizing: content-box;

    @import "../mui/styles/_base.less";
    @import "../mui/styles/_table.less"; // Import table styles

    .field {
        position: relative;
        box-sizing: border-box;
        margin: 0 0 12px 0;
    }

    .field > .label {
        margin: 0 0 6px;
    }

    // TODO: remove after all templates refactoring
    span.required {
        display: none;
    }

    .field.required > .label {
        &:not(.admin__field-label) {
            :after {
                content: '*';
                color: #f00;
                margin-left: 3px;
            }
        }
    }

    //
    //  Control with added before and after content
    //  ---------------------------------------------

    .addon {
        padding: 0;
        display: table;
        width: 100%;
    }

    .addon textarea,
    .addon select,
    .addon input {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
    }

    .addon select {
        width: auto;
    }

    .addon select + .addafter {
        border: none;
    }

    .ie .addon textarea,
    .ie .addon select {
        display: inline-block;
    }

    .addon textarea:first-child,
    .addon select:first-child,
    .addon input[type=text]:first-child,
    .addon .addbefore:first-child {
        border-radius: 0;
    }

    .addon textarea:last-child,
    .addon select:last-child,
    .addon input[type=text]:last-child,
    .addon .addafter:last-child {
        border-radius: 0;
    }

    .addon .addbefore,
    .addon .addafter {
        background: #f5f5f5;
        background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        vertical-align: middle;
        width: 1px;
        color: #666;
        font-size: 11px;
        font-weight: bold;
        height: 0;
        white-space: nowrap;
        display: inline-block;
        display: table-cell;
        padding: 4px;
        border: solid #ccc;
        border-width: 1px 0 1px 1px;
    }

    .addon .addafter {
        border-width: 1px 1px 1px 0;
    }

    .choice .addafter,
    .choice .addbefore {
        display: inline;
    }

    //  Addon left aligned
    .field-price .addon {
        direction: rtl;
    }

    .field-price .addon > * {
        direction: ltr;
    }

    .field-price .addon .addafter {
        border-width: 1px 0 1px 1px;
        border-radius: 1px 0 0 1px;
    }

    //  For disabled field with prefix/suffix
    .admin__field-control {
        .admin__control-addon {
            [class*='admin__control-'][type] {
                &[disabled],
                &:focus {
                    background-color: transparent;
                    border-color: transparent;
                }
            }
        }
    }

    //
    //  Form actions
    //  ---------------------------------------------

    .form-actions {
        padding: 10px;
        margin: 10px 0;
    }

    //
    //  Default view for fields: Labels are above the controls
    //  ---------------------------------------------

    .form-inline .label,
    .form-inline .control {
        margin: 0;
        float: left;
        width: 55%;
        box-sizing: border-box;
    }

    .form-inline .label {
        width: 45%;
        text-align: right;
        padding: 5px 15px 0 0;
    }

    .form-inline .choice {
        position: relative;
        z-index: 1;
    }

    .form-inline .choice .control {
        position: absolute;
        margin-top: 4px;
        width: auto;
        left: 45%;
    }

    .form-inline .choice .tooltip {
        margin-left: 20px;
        position: relative;
        z-index: 1;
        margin-top: 7px;
    }

    .form-inline .with-tooltip:not(.choice) {
        padding-top: 20px;
    }

    .control .control-value {
        display: inline-block;
        padding: 6px 0 0;
        vertical-align: top;
    }

    .control .control-value.special {
        font-weight: bold;
    }

    //
    //  Field with multiple fields
    //  ---------------------------------------------

    // TODO: rename 'fields-group' class. Propose - 'group'

    [class^="fields-group-"] .field {
        vertical-align: top;
        margin: 0;
        display: inline-block;
    }

    [class^="fields-group-"] .field .label {
        width: auto;
        float: none;
        text-align: left;
        padding-right: 0;
    }

    [class^="fields-group-"] .choice .label {
        display: inline;
    }

    [class^="fields-group-"] .field .control {
        float: none;
        width: auto;
        margin-left: 0;
    }

    @media screen and (max-width: 960px) {
        [class^="fields-group-"] .field {
            width: 100% !important;
            margin-bottom: 20px !important;
        }
    }

    [class^="fields-group-"] {
        letter-spacing: -0.31em; // webkit
        word-spacing: -0.43em; // IE < 8 && gecko
    }

    [class^="fields-group-"] > * {
        letter-spacing: normal;
        word-spacing: normal;
    }

    //
    //  Form field with nested controls inside
    //  ---------------------------------------------

    .nested {
        padding: 6px 0 0;
    }

    .nested .choice .label,
    .nested .choice .control {
        float: none;
        position: static;
        left: auto;
        text-align: left;
        display: inline;
        padding: 0;
    }

    .nested .field {
        width: auto;
        padding: 0;
        margin: 5px 0;
        display: block;
    }

    .nested .field:first-child {
        margin-top: 0;
    }

    .nested .field:last-child {
        margin-bottom: 0;
    }

    //
    //  Clearfix
    //  ---------------------------------------------

    .buttons-set:before,
    .buttons-set:after,
    .form-inline .field:before,
    .form-inline .field:after,
    .form-actions:before,
    .form-actions:after,
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }

    .buttons-set:after,
    .form-inline .field:after,
    .form-actions:after,
    .clearfix:after {
        clear: both;
    }

    //
    //  Reset 'button view' for actions
    //  --------------------------------------

    .customer-current-activity .action-refresh,
    .data-table .action-.delete,
    .data-table .action-.delete:hover,
    .data-table .action-.delete:active,
    .data-table .action-.delete.active,
    .data-table .action-delete,
    .data-table .action-delete:hover,
    .data-table .action-delete:active,
    .data-table .action-delete.active,
    .data-table .action-locked,
    .data-table .action-locked:hover,
    .data-table .action-locked:active,
    .data-table .action-locked.active,
    .data-table .action-locked[disabled],
    #product-variations-matrix .action-choose,
    .action-manage-images,
    .action-manage-images:hover,
    .action-manage-images:active,
    .action-manage-images.active,
    .action-manage-images[disabled],
    .image-panel .action-close,
    .image-panel .action-close:hover,
    .image-panel .action-close:active,
    .image-panel .action-close.active,
    .image-panel .action-close[disabled],
    .image-panel-controls .action-remove,
    .image-panel-controls .action-remove:hover,
    .image-panel-controls .action-remove:active,
    .image-panel-controls .action-remove.active,
    .image-panel-controls .action-remove[disabled],
    .vde-image-sizing .action-connect,
    .vde-image-sizing .action-connect:hover,
    .vde-image-sizing .action-connect:active,
    .vde-image-sizing .action-connect.active,
    .vde-image-sizing .action-connect[disabled],
    .suggest-expandable .action-show-all,
    .suggest-expandable .action-show-all:hover,
    .suggest-expandable .action-show-all:active,
    .suggest-expandable .action-show-all.active,
    .suggest-expandable .action-show-all[disabled],
    .custom-file > .action-add,
    .custom-file > .action-add:hover,
    .custom-file > .action-add:active,
    .custom-file > .action-add.active,
    .custom-file > .action-add[disabled],
    .vde-tools-header .action-close,
    .vde-tools-header .action-close:hover,
    .vde-tools-header .action-close:active,
    .vde-tools-header .action-close.active,
    .image .action-delete,
    .image .action-delete:hover,
    .image .action-delete:active,
    .image .action-delete.active,
    .fieldset-wrapper-title .actions .action-delete,
    .fieldset-wrapper-title .actions .action-delete:hover,
    .fieldset-wrapper-title .actions .action-delete:active,
    .fieldset-wrapper-title .actions .action-delete.active,
    .notification .action-close,
    .notification .action-close:hover,
    .notification .action-close:active,
    .notification .action-close.active,
    .page-login .action-forgotpassword,
    .page-login .action-forgotpassword:hover,
    .page-login .action-forgotpassword:active,
    .page-login .action-forgotpassword.active,
    .page-login .action-back,
    .page-login .action-back:hover,
    .page-login .action-back:active,
    .page-login .action-back.active,
    .data-table .action-.delete[disabled],
    .data-table .action-delete[disabled],
    .data-table .action-locked[disabled],
    .image-panel .action-close[disabled],
    .image-panel-controls .action-remove[disabled],
    .suggest-expandable .action-show-all[disabled],
    #store-view-window [class^='action-close'],
    #store-view-window [class^='action-close']:hover,
    #store-view-window [class^='action-close']:active,
    #store-view-window [class^='action-close'].active,
    #store-view-window [class^='action-close'][disabled],
    .custom-file > .action-add[disabled],
    .image .action-delete,
    .image .action-delete:hover,
    .image .action-delete:active,
    .image .action-delete.active,
    .fieldset-wrapper-title .actions .action-delete,
    .fieldset-wrapper-title .actions .action-delete:hover,
    .fieldset-wrapper-title .actions .action-delete:active,
    .fieldset-wrapper-title .actions .action-delete.active,
    .notification .action-close,
    .notification .action-close:hover,
    .notification .action-close:active,
    .notification .action-close.active,
    .vde-tools-header .action-close[disabled],
    .vde-image-sizing .action-reset,
    .vde-image-sizing .action-reset:hover,
    .vde-image-sizing .action-reset:active,
    .vde-image-sizing .action-reset.active,
    .vde-image-sizing .action-reset[disabled],
    .vde-image-sizing .action-connect,
    .vde-image-sizing .action-connect:hover,
    .vde-image-sizing .action-connect:active,
    .vde-image-sizing .action-connect.active,
    .vde-image-sizing .action-connect[disabled],
    .vde-tab-data .action-download,
    .vde-tab-data .action-download:hover,
    .vde-tab-data .action-download:active,
    .vde-tab-data .action-download.active,
    .vde-tab-data .action-download[disabled],
    .vde-tab-data .action-delete,
    .vde-tab-data .action-delete:hover,
    .vde-tab-data .action-delete:active,
    .vde-tab-data .action-delete.active,
    .vde-tab-data .action-delete[disabled],
    .vde-tab-data .action-edit,
    .vde-tab-data .action-edit:hover,
    .vde-tab-data .action-edit:active,
    .vde-tab-data .action-edit.active,
    .vde-tab-data .action-edit[disabled],
    .image .action-delete[disabled],
    .fieldset-wrapper-title .actions .action-delete[disabled] {
        border: none;
        border-radius: 0;
        background: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        text-shadow: none;
        filter: none;
    }

    .attribute-popup .messages {
        margin: 0 15px;
    }

    .fade.critical-notification {
        display: block;
    }

    .fade.critical-notification .popup {
        top: 200px;
    }

    //
    //  Actions as links
    //  --------------------------------------

    .notification-entry-dialog .action-close {
        background: none;
        border: none;
        color: #6d665e;
        font-weight: normal;
        font-size: 12px;
        cursor: pointer;
        text-decoration: underline;
    }

    .notification-entry-dialog .action-close:hover {
        color: @color-black;
        border-bottom-color: @color-black;
        filter: none;
    }

    //
    //  Fileupload button
    //  --------------------------------------

    .action-upload {
        position: relative;
    }

    .action-upload > input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        font-size: 10em;
    }

    //
    //  Dropdown menu
    //  --------------------------------------

    .dropdown-menu,
    .ui-autocomplete {
        position: absolute;
        display: none;
        list-style: none;
        min-width: 100px;
        margin: 1px 0 0;
        padding: 0;
        right: 0;
        top: 100%;
        border: 1px solid #cac2b5;
        background: @color-white;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        z-index: 990;
    }

    .dropdown-menu > li,
    .ui-autocomplete > li {
        padding: 5px;
        border-bottom: 1px solid #e5e5e5;
    }

    .dropdown-menu > li.selected,
    .ui-autocomplete > li.selected {
        background: #eef8fc;
    }

    .dropdown-menu > li:hover,
    .ui-autocomplete > li:hover {
        background: #eef8fc;
    }

    .dropdown-menu > li:last-child,
    .ui-autocomplete > li:last-child {
        border-bottom: none;
    }

    .dropdown-menu > li > .item,
    .ui-autocomplete > li > .item {
        cursor: pointer;
    }

    .dropdown-menu-top {
        margin: 0 0 3px;
        top: auto;
        bottom: 100%;
    }

    .ui-autocomplete {
        right: auto;
    }

    .ui-autocomplete > li {
        padding: 0;
    }

    .ui-autocomplete > li > a {
        display: block;
        padding: 5px;
    }

    .ui-autocomplete > li > a.level-0 {
        padding-left: 5px !important;
    }

    .ui-autocomplete .ui-state-focus {
        background: #f5f5f5;
    }

    .active .dropdown-menu {
        display: block;
    }

    //
    //  Actions Dropdown
    //  --------------------------------------

    .action-dropdown {
        text-align: left;
        position: relative;
        display: inline-block;
    }

    .action-dropdown > [class^='action-'] {
        float: left;
        border-radius: 0;
    }

    .action-dropdown > .action-default {
        border-radius: 5px 0 0 5px;
    }

    .action-dropdown > .action-toggle {
        border-left: 1px solid #c5c0b9;
        border-radius: 0 5px 5px 0;
        margin-left: -1px;
        padding: 4px 7px;
    }

    .action-dropdown > .action-toggle > span {
        display: none;
    }

    .action-dropdown > .action-toggle:before {
        display: block;
        font-family: 'MUI-Icons';
        font-style: normal;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        content: '\e02c'; // arrow down
        font-size: 11px;
    }

    .action-dropdown > .action-toggle.active:before {
        content: '\e029'; // arrow up
    }

    .action-dropdown > .action-toggle.primary {
        border-left: 1px solid #e1721d;
    }

    .action-dropdown > .action-toggle.primary:hover {
        background: #e2701a;
        margin-left: -1px;
    }

    .action-dropdown.active .dropdown-menu {
        display: block;
        white-space: nowrap;
    }

    .action-dropdown.active .dropdown-menu > li {
        padding: 0;
    }

    .action-dropdown .dropdown-menu > li > .item {
        display: block;
        padding: 6px 10px 5px;
        color: #333;
        text-decoration: none;
    }

    //
    //  Action delete icon
    //  --------------------------------------

    // TODO: replase ".action-.delete" to ".action-delete" after buttons refactoring
    .data-table .action-.delete span,
    .data-table .action-delete span,
    .data-table .action-locked span,
    .image .action-delete span,
    .fieldset-wrapper-title .actions .action-delete span {
        display: none;
    }

    .data-table .action-.delete:before,
    .data-table .action-delete:before,
    .image .action-delete:before,
    .fieldset-wrapper-title .actions .action-delete:before {
        font-family: 'MUI-Icons';
        font-style: normal;
        speak: none;
        font-weight: normal;
        font-size: 18px;
        -webkit-font-smoothing: antialiased;
        content: '\e07f'; // delete icon
        color: #b7b3ad;
    }

    //
    //  Locked action icon
    //  --------------------------------------

    .data-table .action-locked:before {
        font-family: 'MUI-Icons';
        font-style: normal;
        speak: none;
        font-weight: normal;
        font-size: 20px;
        -webkit-font-smoothing: antialiased;
        content: '\e03e'; // lock icon
        color: #b7b3ad;
    }

    .data-table .action-.delete:hover:before,
    .data-table .action-delete:hover:before,
    .data-table .action-locked:hover:before,
    .image .action-delete:hover:before,
    .fieldset-wrapper-title .actions .action-delete:hover:before {
        color: #7e7e7e;
    }

    .data-table input.action-.delete[type="button"],
    .data-table input.action-.delete[type="submit"],
    .data-table input.action-.delete[type="reset"],
    .data-table button.action-.delete,
    .data-table input.action-.delete[type="button"]:visited,
    .data-table input.action-.delete[type="submit"]:visited,
    .data-table input.action-.delete[type="reset"]:visited,
    .data-table button.action-.delete:visited,
    .data-table input.action-.delete[type="button"]:hover,
    .data-table input.action-.delete[type="submit"]:hover,
    .data-table input.action-.delete[type="reset"]:hover,
    .data-table button.action-.delete:hover,
    .data-table input.action-.delete[type="button"]:active,
    .data-table input.action-.delete[type="submit"]:active,
    .data-table input.action-.delete[type="reset"]:active,
    .data-table button.action-.delete:active {
        background: transparent;
        padding: 3px 7px 0;
    }

    .data-table input.action-.delete[type=button]:hover:before,
    .data-table input.action-.delete[type=submit]:hover:before,
    .data-table input.action-.delete[type=reset]:hover:before,
    .data-table button.action-.delete:hover:before,
    .data-table input.action-.delete[type=button]:focus:before,
    .data-table input.action-.delete[type=submit]:focus:before,
    .data-table input.action-.delete[type=reset]:focus:before,
    .data-table button.action-.delete:focus:before {
        background: transparent;
        color: #a5a29d;
    }

    //
    //  Forms
    //  --------------------------------------

    fieldset {
        min-width: 0;
        padding: 20px;
    }

    legend {
        padding: 0 10px;
        margin: 0 -10px;
    }

    fieldset legend + br {
        display: none;
    }

    label > input[type="radio"],
    label > input[type="checkbox"] {
        margin: -3px 3px 0 0;
        vertical-align: middle;
    }

    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=range],
    input[type=email],
    input[type=url],
    input[type=search],
    input.search,
    input[type=tel],
    input[type=color],
    textarea,
    select {
        box-sizing: border-box;
        border: 1px solid #adadad;
        border-radius: 1px;
        padding: .6rem 1rem .6rem;
        color: #303030;
        background-color: @color-white;
        font-weight: 500;
        font-size: 14px;
        height: 33px;

        &:focus {
            border-color: #007bdb;
            box-shadow: none;
            outline: 0;
        }
    }

    select {
        &:not([multiple]) {
            .lib-css(appearance, none, 1);

            display: inline-block;
            line-height: normal;
            min-width: 80px;

            background-repeat: no-repeat;
            background-image+: url('../images/arrows-bg.svg');
            background-position+: ~'calc(100% - 12px)' -34px;
            background-size+: auto;

            background-image+: linear-gradient(#e3e3e3, #e3e3e3);
            background-position+: 100%;
            background-size+: 33px 100%;

            background-image+: linear-gradient(#adadad, #adadad);
            background-position+: ~'calc(100% - 33px)' 0;
            background-size+: 1px 100%;

            padding-right: 44px;

            &:active {
                background-image+: url('../images/arrows-bg.svg');
                background-position+: ~'calc(100% - 12px)' 13px;

                background-image+: linear-gradient(#e3e3e3, #e3e3e3);
                background-position+: 100%;

                background-image+: linear-gradient(#007bdb, #007bdb);
                background-position+: ~'calc(100% - 33px)' 0;
            }

            &::-ms-expand {
                display: none;
            }
        }
    }

    select[multiple],
    select[size] {
        height: auto;
    }

    textarea {
        resize: vertical;
        padding-top: 6px;
        padding-bottom: 6px;
        line-height: 1.18em;
        max-width: none;
        min-height: 100px;
    }

    textarea,
    .input-text {
        height: auto;
    }

    input[type="radio"],
    input[type="checkbox"] {
        .lib-css(appearance, none, 1);
        background: @color-white;
        border-radius: 2px;
        border: 1px solid #adadad;
        cursor: pointer;
        display: inline-block;
        height: 16px;
        margin: 0 5px 0 0;
        position: relative;
        transition: all 0.1s ease-in;
        vertical-align: middle;
        width: 16px;

        &:focus {
            border-color: #007bdb;
            box-shadow: none;
            outline: 0;
        }

        &[disabled] {
            background-color: #e9e9e9;
            border-color: #adadad;
            opacity: .5;

            &.admin__control-checkbox,
            &.admin__control-radio {
                opacity: 0.01;
            }
        }

        &:checked {
            &:after {
                font-family: 'Admin Icons';
                content: "\e62d";
                display: inline-block;
                position: absolute;
                top: 0;
                left: 0;
                width: 14px;
                color: #514943;
                font-size: 11px;
                line-height: 13px;
                text-align: center;
                font-weight: 400
            }
        }
    }

    //  Fix for jquery.jstree.js (checkboxes in admin__scope-old only)
    .jstree .jstree-real-checkbox {
        display: none;
    }

    input[type="radio"] {
        border-radius: 8px;
        &:checked {
            &:after {
                content: '';
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 10px;
                background: #514943;
                top: 50%;
                left: 50%;
                position: absolute;
                margin-top: -5px;
                margin-left: -5px;
            }
        }
    }

    input[disabled],
    select[disabled],
    textarea[disabled],
    input[readonly],
    select[readonly],
    textarea[readonly] {
        background-color: #e9e9e9;
        border-color: #adadad;
        color: #303030;
        opacity: .5;
        cursor: not-allowed;
    }

    select[disabled] option[selected] {
        color: @color-white;
        background: #aaa;
    }

    textarea:-moz-placeholder,
    input:-moz-placeholder {
        color: #999 !important;
        font-style: italic;
    }

    option.placeholder {
        color: #999 !important;
        font-style: italic !important;
    }

    :-ms-input-placeholder {
        color: #999 !important;
        font-style: italic;
    }

    ::-webkit-input-placeholder {
        color: #999 !important;
    }

    :-moz-placeholder {
        color: #999 !important;
    }

    .form-inline .control {
        width: 100%;

        .control-inner-wrap {
            padding-top: 7px;
        }
    }

    .form-inline .label {
        width: 20%;
        padding-top: 8px;
        padding-right: 30px;

        &.admin__field-label {
            padding-top: 0;
            padding-right: 30px;
            width: 20%;
            margin-left: 0;
        }
    }

    .form-inline .label ~ .control {
        margin: 0;
        width: 60%;
    }

    .form-inline .no-label .control {
        margin-left: 20%;
        width: 60%;
    }

    fieldset.field [class^='fields-group-'] .field .control {
        width: auto;
        margin: 0 0 0 20px;
    }

    .form-inline .field-service {
        box-sizing: border-box;
        float: left;
        width: 20%;
        padding: 7px 0 0 15px;
        color: #999;
        font-size: 12px;
        letter-spacing: .05em;
    }

    .form-inline .field-service[value-scope]:before {
        content: attr(value-scope) !important;
        white-space: nowrap;
        display: block;
        margin-bottom: 5px;
    }

    .form-inline .field-service .checkbox {
        margin: 0;
        vertical-align: middle;
    }

    .form-inline > form > div > .message {
        margin-left: 18px;
        margin-right: 18px;
    }

    .control > input {
        width: 100%;
        padding: 4px 10px;
    }

    .control > input[type="button"] {
        width: auto;
    }

    .control > input._has-datepicker {
        width: 160px;
    }

    .control {
        > input[type="file"] {
            width: auto;
        }

        > input[type="checkbox"],
        > input[type="radio"] {
            width: 16px;
            padding: 0;
        }
    }

    .control > table {
        width: 100%;
    }

    .multi-input {
        margin: 0 0 20px;
    }

    .multi-input > input {
        width: 100%;
    }

    .control .input-file {
        margin-top: 4px;
    }

    .control {
        ._has-datepicker {
            & + .ui-datepicker-trigger {
                .lib-button-reset();
                .lib-icon-font(
                @icon-calendar,
                @_icon-font-size: 42px,
                @_icon-font-line-height: 30px,
                @_icon-font-text-hide: true,
                @_icon-font-position: after,
                @_icon-font-color: @field-date-icon--color
                );
                display: inline-block;
                vertical-align: middle;

                &:focus {
                    outline: 0;
                    box-shadow: none;
                }
            }
        }
    }

    .nobr {
        white-space: nowrap;
    }

    //
    //  Form Validation
    //  --------------------------------------

    label.mage-error {
        border: 1px solid #e22626;
        display: block;
        margin: 2px 0 0;
        padding: 6px 10px 10px;
        background: #fff8d6;
        color: #555;
        font-size: 12px;
        font-weight: 500;
        box-sizing: border-box;
    }

    textarea.mage-error,
    select.mage-error,
    input.mage-error {
        border-color: #e22626 !important;
    }

    input.mage-error ~ .addafter {
        border-color: #e22626 !important;
    }

    //
    //  Forms for Store Scope
    //  --------------------------------------

    .form-inline .field-store_id .label + .control,
    .form-inline .field-store_ids .label + .control,
    .form-inline .field-website_ids .label + .control,
    .form-inline .field-website_id .label + .control,
    .form-inline .field-select_stores .label + .control,
    .form-inline .field-stores .label + .control {
        width: auto;
    }

    //
    //  Forms styles
    //  --------------------------------------

    .page-content-inner {
        position: relative;
        background: #f5f2ed;
        border: 1px solid #b7b2a6;
        border-radius: 5px;
        padding: 20px;
    }

    .fieldset-wrapper,
    .fieldset {
        background: @color-white;
        border: 0;
        margin: 0;
        padding: 5px 0 38px;
        position: relative;
    }

    .fieldset-wrapper > .fieldset-wrapper-title,
    .fieldset > .legend {
        position: static;
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        border-bottom: 1px solid #cac3b4;
        margin: 0 0 18px;
    }

    .fieldset-wrapper > .fieldset-wrapper-title {
        float: none;
    }

    .fieldset-wrapper > .fieldset-wrapper-title .title,
    .fieldset > .legend span {
        color: #303030;
        font-size: 1.7rem;
        font-weight: 600;
        padding: 7px 0 10px;
        display: inline-block;
    }

    //
    //  collapsible fieldset-wrapper
    //  --------------------------------------

    // Fieldset styles in another fieldset
    .fieldset .fieldset-wrapper,
    .fieldset-wrapper .fieldset-wrapper {
        border: 1px solid #cac3b4;
        border-radius: 2px;
        margin-bottom: 5px;
        padding: 0;
    }

    .fieldset .fieldset-wrapper .fieldset-wrapper-title,
    .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title {
        background: #f7f3eb;
        padding: 0 18px;
        border: 0;
    }

    .fieldset .fieldset-wrapper.opened .fieldset-wrapper-title,
    .fieldset-wrapper .fieldset-wrapper.opened .fieldset-wrapper-title {
        border-bottom: 1px solid #cccbca;
        -webkit-touch-callout: none;
        -webkit-user-select: none; // use in 41 Chrome
        -moz-user-select: none; // use in 36 Firefox
        -ms-user-select: none; // use in 11 IE
        user-select: none;
        min-height: 39px;
    }

    .fieldset .fieldset-wrapper .fieldset-wrapper-title .actions,
    .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .actions {
        padding: 6px 0 0;
    }

    .fieldset .fieldset-wrapper .fieldset-wrapper-title .title,
    .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title {
        padding-top: 9px;
        padding-bottom: 8px;
        color: #555;
        font: normal 16px/1.333 Arial, Verdana, sans-serif;
    }

    .fieldset .fieldset-wrapper .fieldset-wrapper-title .title:before,
    .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title:before {
        top: 9px;
    }

    .fieldset-wrapper-content .fieldset > .title {
        margin-top: 0;
        padding-left: 22px;
    }

    .fieldset-wrapper .draggable-handle,
    .fieldset .draggable-handle {
        background: url(../Magento_Backend/images/draggable-handle-vertical.png) no-repeat 0 0;
        color: #b2b0ad;
        cursor: ns-resize;
        height: 14px;
        line-height: 14px;
        margin: 0;
        vertical-align: top;
        width: 8px;

        &:before {
            display: none;
        }
    }

    .fieldset-wrapper-title > .draggable-handle {
        position: absolute;
        left: 10px;
        top: 12px;
    }

    .fieldset .fieldset-wrapper .fieldset-wrapper-content,
    .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-content {
        padding: 0 10px;
    }

    // Sortable fieldsets

    .ui-sortable {
        margin-bottom: 15px; // should be the same as .sortable-wrapper
    }

    .ui-sortable .entry-edit .fieldset-wrapper-title,
    #product_options_container_top .fieldset-wrapper-title {
        padding-left: 30px;
    }

    #super_config-wrapper,
    #grouped-wrapper {
        border-bottom: 0;
    }

    .fieldset .legend > .actions {
        float: right;
        padding-top: 8px;
    }

    .fieldset-wrapper-title > .actions {
        float: right;
    }

    .fieldset > .legend + br {
        display: block;
        height: 0;
        overflow: hidden;
        clear: left;
    }

    .fieldset-wrapper .fieldset,
    .fieldset .fieldset {
        background: transparent;
        padding: 9px 0;
        border: none;
        border-radius: 0;
        margin: 0 0 29px;
    }

    .fieldset .comment {
        margin: 0 0 29px 10px;
    }

    .fieldset {
        .field {
            margin: 0 0 29px;
        }
    }

    .with-note .note,
    .field .note,
    .data-table .note {
        color: #303030;
        font-size: 12px;
        font-weight: 400;
        margin: 5px 0;
    }

    .fieldset .field .options-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .fieldset .field .options-list input[type="checkbox"],
    .fieldset .field .options-list input[type="radio"] {
        margin-right: 5px;
    }

    [class^="fields-group-"] .field {
        margin-bottom: 0;
    }

    .fieldset-wrapper .fieldset:last-child,
    .fieldset .fieldset:last-child,
    .fieldset .field:last-child {
        margin-bottom: 0;
    }

    .fieldset .label {
        color: #303030;
        font-size: 14px;
        font-weight: 600;
    }

    .fieldset .control .label {
        .style9();
        padding-top: 0;
    }

    .form-inline div:not([class*='fields-group']) > .field > .label,
    .form-inline .fieldset > .field > .label {
        color: #303030;
        font-size: 14px;
        font-weight: 600;
        line-height: 3.2rem;
        padding: 0 30px 0 30px;
        white-space: nowrap;
        word-wrap: break-word;

        &:before {
            content: '.';
            margin-left: -7px;
            overflow: hidden;
            visibility: hidden;
            width: 0;
        }

        span {
            display: inline-block;
            line-height: 1.33;
            vertical-align: middle;
            white-space: normal;

            &[data-config-scope] {
                position: relative;

                &:before {
                    bottom: -1.3rem;
                    color: #808080;
                    content: attr(data-config-scope);
                    font-size: 1.1rem;
                    font-weight: @font-weight__regular;
                    min-width: 15rem;
                    position: absolute;
                    right: 0;
                    text-transform: lowercase;
                }
            }
        }
    }

    .details-content > .field.required > .label,
    .fieldset > .field.required > .label {
        padding-left: 1.5rem;

        &:after {
            content: '';
        }

        span {
            &:after {
                color: #e22626;
                content: '*';
                display: inline-block;
                font-size: 1.6rem;
                font-weight: 500;
                line-height: 1;
                margin-left: 10px;
                margin-top: 0;
                position: absolute;
                top: 1.2rem;
                z-index: 1;
            }

            &[data-config-scope] {
                position: relative;

                &:after {
                    top: .2rem;
                }
            }
        }
    }

    .form-inline {
        .details-content > .field.required > .label,
        .fieldset > .field.required > .label {
            padding-left: 0;

            span {
                &:after {
                    left: auto;
                    margin-left: 10px;
                    top: 1.2rem;
                }

                &[data-config-scope] {
                    &:after {
                        top: .2rem;
                    }
                }
            }
        }
    }

    .with-addon {
        .textarea {
            margin: 0 0 6px;
        }

        .addon {
            display: inline-block;
            width: auto;
        }
    }

    .fieldset .control .textarea,
    .fieldset .control .addon .textarea {
        width: 100%;
    }
    .details-content > .field > input[type="checkbox"],
    .fieldset > .field > input[type="checkbox"] {
        margin-top: 9px;
    }

    .fieldset-alt {
        position: relative;
        display: table-row;
        border: 0;
        padding: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .fieldset-alt > .field {
        display: table-cell;
        vertical-align: top;
        padding-right: 4%;
    }

    .fieldset-alt > .field.no-display {
        display: none;
    }

    .fieldset-alt .field > .label {
        display: block;
        width: 100%;
        clear: both;
        text-align: left;
        margin: 0 0 10px;
    }

    .fieldset-alt .label + .control {
        width: 100%;
    }

    .fieldset-alt .field-option-title {
        width: 50%;
    }

    .fieldset .tooltip .help {
        margin: 5px 0 0 15px;
        display: inline-block;
    }

    .fieldset-alt .field-option-store-view {
        width: 20%;
    }

    .fieldset-alt .field-option-input-type {
        width: 20%;
    }

    .fieldset-alt .field-option-input-type select {
        width: 100%;
    }

    .fieldset-alt .field-option-req {
        width: 105px;
        white-space: nowrap;
    }

    .fieldset-alt .field-option-req .control {
        position: relative;
        top: 32px;
    }

    .fieldset-alt .field-option-position,
    .fieldset-alt .field-option-position .control {
        width: 60px;
    }

    // "Use default" checkbox
    .use-default-control {
        display: none;
    }

    .use-default-label {
        cursor: pointer;
        text-decoration: underline;
        font-size: 11px;
        color: #a29c94;
    }

    .use-default-label:hover {
        color: #7e7e7e;
    }

    //
    //  Custom Multiselect
    //  --------------------------------------

    .multiselect-alt {
        margin: 0;
        padding: 0;
        list-style: none;
        border: 1px solid #ccc;
        border-radius: 5px;
        color: #333;
    }

    .multiselect-alt .item {
        position: relative;
        border-top: 1px solid @color-white;
        cursor: pointer;
    }

    .multiselect-alt .item:first-child {
        border-top: 0;
    }

    .multiselect-alt .item.selected {
        background: #d7ebf5;
    }

    .multiselect-alt .item.selected:hover {
        background: #afdef2;
    }

    .multiselect-alt label {
        display: block;
        cursor: pointer;
        padding: 6px 25px 5px;
    }

    .multiselect-alt .item.selected label:before {
        position: absolute;
        left: 8px;
        top: 1px;
        bottom: 0;
        width: 10px;
        line-height: 28px;
        font-family: 'MUI-Icons';
        font-style: normal;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        content: '\e01e'; // checked icon
        text-align: center;
        color: #7ba4b1;
        font-size: 9px;
        text-shadow: 0 -1px 1px #60727b;
    }

    .multiselect-alt input[type="checkbox"] {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0;
        padding: 0;
    }

    //
    //  Form item with table
    //  --------------------------------------

    .with-table {
        .label {
            float: none;
            text-align: left;
            width: 100%;
        }

        .control {
            clear: left;
            float: none;
            width: 100%;
        }
    }

    //
    //  Form currency label
    //  --------------------------------------

    .addon {
        input[type="text"] {
            border-width: 1px 1px 1px 0;

            ~ .addafter strong {
                display: inline-block;
                background: @color-white;
                line-height: 24px;
                margin: 0 3px 0 0;
                padding-left: 4px;
                padding-right: 4px;
                position: relative;
                font-size: 14px;
                font-weight: 400;
                color: #858585;
                top: 0;
            }

            &:focus ~ .addafter {
                border-color: #007bdb;

                strong {
                    margin-top: 0;
                }
            }
        }

        .addafter {
            background: none;
            color: #a6a6a6;
            border-width: 1px 1px 1px 0;
            border-radius: 1px 1px 0 0;
            padding: 0;
            border-color: #ada89e;
        }

        input[type="text"],
        select {
            &[disabled],
            &[readonly] {
                ~ .addafter {
                    background-color: #e9e9e9;
                    border-color: #adadad;
                    color: #303030;
                    opacity: .5;
                    cursor: not-allowed;
                }
            }
        }

        .pager input {
            border-width: 1px;
        }
    }

    .field-weight,
    .field-base_price {
        .addon {
            input[type="text"] {
                border-width: 1px 0 1px 1px;
            }
        }
    }

    .field.type-price .addon,
    .field-price .addon,
    .field-special_price .addon,
    .field-gift_wrapping_price .addon,
    .field-msrp .addon {
        direction: rtl;
    }

    .field.type-price .addon > *,
    .field-price .addon > *,
    .field-special_price .addon > *,
    .field-gift_wrapping_price .addon > *,
    .field-msrp .addon > * {
        direction: ltr;
    }

    .field.type-price .addon .addafter,
    .field-price .addon .addafter,
    .field-special_price .addon .addafter,
    .field-gift_wrapping_price .addon .addafter,
    .field-msrp .addon .addafter {
        border-width: 1px 0 1px 1px;
        border-radius: 1px 0 0 1px;
    }

    .field.type-price .addon input[type=text]:first-child,
    .field-price .addon input[type=text]:first-child,
    .field-special_price .addon input[type=text]:first-child,
    .field-gift_wrapping_price .addon input[type=text]:first-child,
    .field-msrp .addon input[type=text]:first-child {
        border-radius: 0 1px 1px 0;
    }

    .field.type-price input:focus,
    .field-price input:focus,
    .field-special_price input:focus,
    .field-gift_wrapping_price input:focus,
    .field-msrp input:focus {
        border-color: #007bdb;
    }

    .field.type-price input:focus ~ label.addafter,
    .field-price input:focus ~ label.addafter,
    .field-special_price input:focus ~ label.addafter,
    .field-gift_wrapping_price input:focus ~ label.addafter,
    .field-msrp input:focus ~ label.addafter {
        border-color: #007bdb;
    }

    .field.type-price input ~ label.addafter strong,
    .field-price input ~ label.addafter strong,
    .field-special_price input ~ label.addafter strong,
    .field-msrp input ~ label.addafter strong,
    .field-gift_wrapping_price input ~ label.addafter strong {
        margin-left: 2px;
        margin-right: -2px;
    }

    //
    //  Details element
    //  --------------------------------------

    summary {
        cursor: pointer;
        display: inline-block;
    }

    .no-details details > * {
        display: none;
    }

    .no-details details > summary:before {
        float: left;
        width: 20px;
        content: '► ';
    }

    .no-details details.open > summary:before {
        content: '▼ ';
    }

    .no-details details summary {
        display: block;
    }

    //
    //  Blockquotes
    //  --------------------------------------

    blockquote {
        border-left: 2px solid #ccc;
        padding-left: 5px;
    }

    blockquote small:before {
        content: '\2014 \00A0';
    }

    //
    //  Addresses
    //  --------------------------------------

    address {
        font-style: normal;
    }

    //
    //  X-tree styles
    //  --------------------------------------

    .x-tree-node .leaf .x-tree-node-icon {
        background-image: url(../images/fam_leaf.png);
    }

    .x-tree-node .system-leaf .x-tree-node-icon {
        background-image: url(../images/fam_application_form_delete.png);
    }

    .x-tree-node .x-tree-node-el input[type=checkbox] {
        margin-left: 3px;
    }

    //
    //  Styles for "js" tooltip with positionings
    //  --------------------------------------

    .tipsy {
        padding: 11px;
    }

    .tipsy-inner {
        padding: 12px 15px;
        max-width: 185px;
        background: #faf8f6;
        border: 1px solid #dcd8ce;
        box-shadow: 0 2px 5px rgba(49, 48, 43, .4);
    }

    .tipsy-inner .error {
        width: 158px;
    }

    .tipsy-inner .error h5 {
        color: #be0a0a;
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 6px;
    }

    .tipsy-inner .error p {
        color: #676056;
        line-height: 1.5;
        margin: 0;
    }

    .tipsy-e .tipsy-arrow {
        top: 50%;
        left: 1px;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #dcd8ce;
        border-bottom: 10px solid transparent;
        border-left: none;
    }

    .tipsy-w .tipsy-arrow {
        top: 50%;
        right: 0;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-right: none;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #dcd8ce;
    }

    .tipsy-n .tipsy-arrow,
    .tipsy-ne .tipsy-arrow,
    .tipsy-nw .tipsy-arrow {
        bottom: 1px;
        border-top: 10px solid #dcd8ce;
        border-right: 10px solid transparent;
        border-bottom: none;
        border-left: 10px solid transparent;
    }

    .tipsy-ne .tipsy-arrow {
        left: 16px;
    }

    .tipsy-nw .tipsy-arrow {
        right: 16px;
    }

    .tipsy-s .tipsy-arrow,
    .tipsy-se .tipsy-arrow,
    .tipsy-sw .tipsy-arrow {
        top: 1px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #dcd8ce;
        border-top: none;
    }

    .tipsy-se .tipsy-arrow {
        left: 16px;
    }

    .tipsy-sw .tipsy-arrow {
        right: 16px;
    }

    .tipsy-arrow:after,
    .tipsy-arrow:before {
        position: absolute;
        width: 0;
        height: 0;
        content: '';
    }

    .tipsy-e .tipsy-arrow:after {
        top: -5px;
        left: 2px;
        margin-top: -4px;
        border-top: 9px solid transparent;
        border-right: 9px solid #faf8f6;
        border-bottom: 9px solid transparent;
    }

    .tipsy-e .tipsy-arrow:before {
        top: -8px;
        margin-top: 0;
        border-top: 10px solid transparent;
        border-right: 10px solid rgba(49, 48, 43, .1);
        border-bottom: 10px solid transparent;
    }

    .tipsy-w .tipsy-arrow:after {
        top: -5px;
        left: -12px;
        margin-top: -4px;
        border-top: 9px solid transparent;
        border-right: none;
        border-bottom: 9px solid transparent;
        border-left: 9px solid #faf8f6;
    }

    .tipsy-w .tipsy-arrow:before {
        top: -8px;
        left: -10px;
        margin-top: 0;
        border-top: 10px solid transparent;
        border-right: none;
        border-bottom: 10px solid transparent;
        border-left: 10px solid rgba(49, 48, 43, .1);
    }

    .tipsy-n .tipsy-arrow:after,
    .tipsy-ne .tipsy-arrow:after,
    .tipsy-nw .tipsy-arrow:after {
        margin-top: -4px;
        left: -9px;
        top: -7px;
        border-top: 9px solid #faf8f6;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
    }

    .tipsy-n .tipsy-arrow:before,
    .tipsy-ne .tipsy-arrow:before,
    .tipsy-nw .tipsy-arrow:before {
        left: -10px;
        top: -8px;
        margin-top: 0;
        border-top: 10px solid rgba(49, 48, 43, .1);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }

    .tipsy-s .tipsy-arrow:after,
    .tipsy-sw .tipsy-arrow:after,
    .tipsy-se .tipsy-arrow:after {
        left: -9px;
        top: 6px;
        margin-top: -4px;
        border-top: none;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #faf8f6;
        border-left: 9px solid transparent;
    }

    .tipsy-inner dl {
        margin: 0;
    }

    .tipsy-inner dt {
        margin: 0 0 4px;
        font-size: 16px;
        font-weight: 400;
        color: #f47b20;
    }

    .tipsy-inner dd {
        margin: 0;
        color: #676056;
        font-size: 12px;
        line-height: 18px;
        font-family: Arial, Helvetica, sans-serif;
    }

    // Backup popup
    // TODO: remove after backups page js refactoring
    .backup-dialog {
        margin-top: inherit !important;
    }

    .col-left {
        float: left;
    }

    .col-right {
        float: right;
    }

    .col-1-layout {
        .main-col {
            width: auto;
        }
    }

    .col-2-left-layout {
        margin: 0 auto;
        position: relative;

        &:before {
            position: absolute;
            content: "";
            background-color: @color-white;
            right: 0;
            top: 0;
            bottom: 0;
            min-width: 730px;
            width: 80%;
        }
    }

    .col-2-left-layout .main-col,
    .col-2-right-layout .main-col {
        min-width: 730px;
    }

    //
    //  Switcher
    //  -------------------------------------

    .admin__actions-switch {
        .admin__actions-switch-checkbox {
            position: absolute;
            z-index: -1;
        }
    }

    .admin__actions-switch {
        .admin__actions-switch-checkbox {
            position: absolute;
            z-index: -1;
        }
    }

    //
    //  Content actions panel (with buttons, switchers...)
    //  --------------------------------------

    // .page-actions {
    //   padding: 0 0 20px;
    //   text-align: right;
    // }

    .page-actions .buttons-group {
        vertical-align: top;
        text-align: left;
    }

    .page-actions > .switcher {
        display: inline-block;
        vertical-align: top;
        margin: 6px 10px 0 0;
    }

    // .main-col .page-actions {
    //   padding: 20px 0;
    // }

    .catalog-product-index .page-actions {
        padding-top: 0;
    }

    [class^=" catalog-product-"] .store-scope .store-tree {
        float: left;
    }

    // TODO: refactor trees
    .x-tree ul {
        margin: 0;
        padding: 0;
    }

    .tree-wrapper {
        width: 100%;
        overflow: auto;
        float: left; // Fixed Chrome scroll issue
    }

    .page-actions.fixed .page-actions-inner:before {
        content: attr(data-title);
        float: left;
        font-size: 20px;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    // Dynamic Grid
    // Used in pages like Catalog -> Attributes
    .dynamic-grid th {
        padding: 2px;
        width: 100px;
    }

    .dynamic-grid td {
        padding: 2px;
    }

    .dynamic-grid td input {
        width: 94px;
    }

    tr.dynamic-grid td,
    tr.dynamic-grid th {
        padding: 2px 10px 2px 0;
        width: auto;
    }

    tr.dynamic-grid input.input-text {
        width: 154px;
    }

    .available {
        color: #080;
        font-weight: bold;
    }

    .not-available {
        color: #800;
    }

    .categories-side-col {
        padding: 0 3%;
    }

    //
    //  Website store views tree
    //  --------------------------------------
    .store-tree {
        .website-name {
            font-size: 14px;
            font-weight: bold;
        }
        .webiste-groups {
            margin: 5px 0 20px 25px;

            dt {
                font-weight: bold;
            }

            dd {
                margin: 5px 0 15px 15px;

                > ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;

                    > li {
                        margin: 0 0 5px;
                    }
                }
            }
        }
    }

    //
    //  Tree Store Scope
    //  ---------------------------------------------

    .tree-store-scope {
        .buttons-set {
            margin-bottom: 9px;

            button {
                margin-right: 4px;
            }
        }

        .field {
            margin: 0 0 5px;

            input[type="checkbox"] {
                &:not(.banner-content-checkbox) {
                    margin-right: 8px;
                    position: relative;
                    top: 2px;
                }
            }

            .addafter {
                display: inline-block;
                padding-top: 6px;
            }
        }

        .tooltip {
            .help {
                margin-top: 11px;
            }
        }
    }

    //
    //  Widgets
    //  --------------------------------------
    .widget-layout-updates .fieldset-wrapper,
    .widget-layout-updates .data-table {
        margin: 0 0 18px;
    }

    .widget-layout-updates .fieldset-wrapper-title label {
        &:not(.mage-error) {
            padding: 10px 0 0;
        }
    }

    .widget-layout-updates .fieldset-wrapper-title select {
        margin: 3px 10px 5px;
    }

    .widget-layout-updates .fieldset-wrapper-title span,
    .widget-layout-updates .fieldset-wrapper-title select {
        vertical-align: middle;
    }

    .widget-layout-updates .data-table {
        table-layout: fixed;
    }

    .widget-layout-updates .data-table,
    .widget-layout-updates .data-table tr:nth-child(odd) td,
    .widget-layout-updates .data-table tr:nth-child(odd):hover td {
        background: none;
        border: none;
    }

    .widget-layout-updates .data-table th,
    .widget-layout-updates .data-table tbody td {
        border: none;
        padding: 5px 10px;
    }

    .widget-layout-updates .data-table select {
        margin: 0;
        max-width: 99%;
        overflow: hidden;
    }

    .widget-layout-updates .chooser_container {
        padding: 0 10px;
        margin-bottom: 18px;
    }

    .widget-layout-updates .chooser_container p {
        margin: 0 0 18px;
    }

    .widget-layout-updates .chooser_container p img,
    .widget-layout-updates .chooser_container p input {
        vertical-align: middle;
    }

    //
    //  Preview window
    //  --------------------------------------

    .preview-window {
        background: @color-white;
    }

    .preview-window .toolbar {
        background: #f5f2ed;
        padding: 20px;
    }

    .preview-window .toolbar .switcher {
        margin: 0;
    }

    .preview-window .toolbar .switcher span {
        background: none;
        width: auto;
    }

    //
    //  Global 'No Products found' block
    //  --------------------------------------

    .no-products-message {
        background: #fbfaf6;
        padding: 12px;
        text-align: center;
        font-size: 12px;
        color: #666;
        margin-bottom: 13px;
    }

    //
    //  WYSIWYG
    //  --------------------------------------

    .action-wysiwyg {
        margin: 10px 0;
    }

    #catalog-wysiwyg-editor .buttons-set {
        margin-bottom: 9px;
    }

    #catalog-wysiwyg-editor .buttons-set button {
        margin-right: 4px;
    }

    //
    //  Add Attribute Popup
    //  --------------------------------------

    #create_new_attribute {
        overflow: hidden;
    }

    #create_new_attribute > .loading-mask {
        left: -25px;
        top: -50px;
    }

    #front_fieldset-wrapper {
        border-bottom: 0;
    }

    .attribute-popup {
        background: none;
    }

    .attribute-popup #edit_form {
        display: block;

        > div:last-of-type {
            margin-bottom: 150px;
        }
    }

    .attribute-popup #edit_form > .fieldset > .legend {
        display: none;
    }

    .attribute-popup .wrapper-popup {
        padding: 0;
        height: 511px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .attribute-popup .fieldset,
    .attribute-popup .fieldset-wrapper {
        border: none;
        border-radius: 0;
        padding: 4px 0 20px;
        margin: 0 23px 20px;
    }

    .attribute-popup .fieldset-wrapper {
        border-top: none;
    }

    .attribute-popup .fieldset-wrapper:not(.admin__collapsible-block) .fieldset-wrapper-title {
        border-bottom: none;
    }

    .attribute-popup .fieldset-wrapper .fieldset-wrapper-content > .fieldset {
        margin-left: 0;
        margin-right: 0;
    }

    .attribute-popup .fieldset > .field > input[type="checkbox"] {
        margin-top: 7px;
    }

    .attribute-popup .fieldset .label {
        width: 35%;
    }

    .attribute-popup .admin__collapsible-block-wrapper,
    #manage-titles-wrapper {
        .fieldset-wrapper-title {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .col-store-view {
            .input-text {
                width: 100%;
            }
        }
    }

    .attribute-popup .admin__collapsible-block-wrapper .fieldset-wrapper-title > .title:before {
        color: #797269;
        font-size: 14px;
        top: 9px;
    }

    .attribute-popup form .entry-edit:first-child .fieldset {
        border-bottom: 1px solid #dfdcd7;
    }

    .attribute-popup .fieldset .legend {
        border: none;
    }

    .attribute-popup .page-actions [class^='action-'] {
        margin-left: 18px;
    }

    .attribute-popup #base_fieldset {
        padding-top: 20px;
    }

    .attribute-popup #base_fieldset > .legend {
        display: none;
    }

    .attribute-popup .page-actions-placeholder {
        display: none;
    }

    .attribute-popup .page-actions.fixed .page-actions-inner {
        background: @color-white;
        padding: 0;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        margin: 0;
    }

    .attribute-popup .footer {
        display: none;
    }

    #manage-options-panel {
        .admin__control-table {
            clear: both;
        }

        .input-text {
            width: 100%;
        }
    }

    // Custom grids view
    .CustomGridView {
        .page-layout-admin-1column .page-columns {
            background: transparent;
        }
    }

    // Custom grid action view for Primary Add Button at grid tables
    .CustomGridAction {
        .grid-actions {
            border-radius: 5px 5px 0 0;
            margin-top: 20px;
            padding: 9px 15px;
        }

        .page-actions.fixed {
            left: 0;
            margin: 0;
            padding: 0 21px;
            position: fixed;
        }

        .page-actions {
            position: absolute;
            z-index: 2;
            margin-top: 10px;
            margin-left: 15px;
            padding: 0;
        }
    }

    //  Custom page-actions view
    .sidebar-actions {
        padding: 14px 0;
    }

    .sidebar-actions button {
        margin: 0 0 5px;
    }

    .data-table .fpt-item-container {
        td {
            vertical-align: top;
        }

        select:first-child {
            margin-bottom: 8px;
        }
    }

    // Clearfix
    .clearfix:before,
    .clearfix:after,
    [class$="-layout"]:after,
    .tabs-horiz:before,
    .tabs-horiz:after,
    .page-create-order:before,
    .page-create-order:after,
    .order-addresses:before,
    .order-addresses:after,
    .order-summary:before,
    .order-summary:after,
    .order-methods:before,
    .order-methods:after,
    .payment-methods:before,
    .payment-methods:after,
    .grid-actions:before,
    .grid-actions:after,
    .fieldset-wrapper-title:before,
    .fieldset-wrapper-title:after {
        content: "";
        display: table;
    }

    .clearfix:after,
    [class$="-layout"]:after,
    .tabs-horiz:after,
    .page-create-order:after,
    .order-addresses:after,
    .order-summary:after,
    .order-methods:after,
    .payment-methods:after,
    .grid-actions:after,
    .fieldset-wrapper-title:after {
        clear: both;
    }

    //
    //  Pages.less (begin)
    //  ---------------------------------------------

    .field-weight .control .field:first-child {
        width: 36%;
        margin-right: 15px;
    }

    #allow_open_amount {
        margin-top: 8px;
    }

    #tab_content_downloadableInfo .data-table td {
        vertical-align: top;
        .row {
            margin-bottom: 10px;
        }
    }

    //
    //  Customer
    //  ---------------------------------------------

    #customer_info_tabs_account_content #_accountsendemail {
        margin-top: 8px;
    }

    .customer-information:before,
    .customer-information:after {
        content: "";
        display: table;
    }

    .customer-information:after {
        clear: both;
    }

    .customer-information .admin__table-secondary,
    .customer-information address {
        width: 48.5%;
    }

    .customer-information .admin__table-secondary {
        float: left;
        width: 48.5%;
    }

    .customer-information address {
        float: right;
        line-height: 2.2;
        padding-top: 4px;
    }

    .address-list {
        float: left;
        list-style: none;
        margin: 0 0 10px;
        padding: 0;
        width: 278px;
    }

    //
    //  Configuration -> Design
    //  ---------------------------------------------

    #row_design_theme_ua_regexp {
        .design_theme_ua_regexp {
            float: left;
            width: 100%;
        }

        .tooltip {
            margin-top: 8px;
        }

        .note {
            clear: both;
        }
    }

    .form-list {
        .small-image-preview {
            display: inline-block;
            margin: 0 @indent__xs 0 0;
            vertical-align: middle;
        }

        .delete-image {
            display: block;
            margin: @indent__xs 0;
            white-space: nowrap;
        }
    }

    //
    //  Configuration -> Advanced -> System -> Notifications section
    //  ---------------------------------------------

    #row_system_adminnotification_last_update {
        .value {
            vertical-align: bottom;
        }
    }

    //
    //  CMS -> Banners
    //  ---------------------------------------------

    // Banner Properties
    #banner_properties_customer_segment_ids {
        min-width: 20%;
    }

    //
    //  CMS -> Manage Hierarchy
    //  ---------------------------------------------

    .cms-hierarchy .cms-scope {
        float: right;
        margin-right: 25px;
        position: relative;
        top: 2px;
        z-index: 1;
    }

    .cms-hierarchy #tree-container {
        margin-top: 25px;
        overflow: auto;
        padding-bottom: 10px;
    }

    .cms-hierarchy .cms-hierarchy-tree {
        width: 48.93617020799999%;
        float: left;
        margin: 10px 0 8px 0;
    }

    .cms-hierarchy .cms-hierarchy-node {
        width: 48.93617020799999%;
        float: left;
        margin: 10px 0 8px 2.127659574%;
    }

    .cms-hierarchy #cms_page_grid_container {
        clear: both;
    }

    .cms-hierarchy .store-switcher {
        position: relative;
        top: 10px;
    }

    .cms-hierarchy .store-switcher label {
        margin-right: 8px;
    }

    .cms-hierarchy-node #node_properties_fieldset #node_preview {
        position: relative;
        top: 6px;
    }

    .cms-hierarchy-node .form-inline .label {
        width: 30%;
    }

    //
    //  CMS -> Widgets
    //  ---------------------------------------------

    #widget_instace_tabs_properties_section_content .widget-option-label {
        margin-top: 7px;
        display: inline-block;
    }

    //
    //  CMS -> Manage Content
    //  --------------------------------------

    // Content

    .cms-manage-content-actions textarea {
        width: 100%;
    }

    //
    //  System -> Action Log -> Report
    //  --------------------------------------

    .adminhtml-logging-details .log-details-grid table {
        th {
            border: 1px solid #c9c2b8;
            border-width: 0 0 1px;
            padding: 6px 10px 7px;
            background: @color-white;
            .style2();

            span {
                border: 0;
                padding: 0;
            }
        }

        td {
            border: none;
            padding: 6px 10px 7px;
            background: @color-white;
        }

        tr:last-child td {
            border: 1px solid #eae8e4;
            border-width: 0 0 1px;
        }

        tr.on-mouse {
            cursor: inherit;
        }

        tr:nth-child(odd) td,
        tr.on-mouse:nth-child(odd):hover td {
            background: #fbfaf6;
        }
    }

    //
    //  System -> Roles
    // --------------------------------------

    #gws_container ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #gws_container ul ul {
        margin: .8em 0 .8em 1.4em;
    }

    #gws_container input[type="checkbox"] {
        margin-right: 3px;
        position: relative;
        top: -1px;
    }

    //
    //  Reports
    // --------------------------------------
    .reports-title .page-actions {
        float: right;
    }

    .reports-title .store-switcher {
        padding: 14px 0 18px;
    }

    .reports-content select {
        width: 160px;
    }

    .reports-content input._has-datepicker {
        width: 133px;
    }

    .reports-content .required .control {
        position: relative;
    }

    .reports-content input._has-datepicker + label.mage-error {
        left: 0;
        position: absolute;
        top: 30px;
    }

    .reports-title:before,
    .reports-title:after {
        content: "";
        display: table;
    }

    .reports-title:after {
        clear: both;
    }

    .table-fieldset-alt,
    .type-options {
        margin-bottom: 20px;
    }

    .table-fieldset-alt thead th,
    .table-fieldset-alt tbody tr td {
        border-width: 0;
    }

    .table-fieldset-alt tbody tr:nth-child(odd) td,
    .table-fieldset-alt tbody tr:nth-child(odd):hover td {
        background: @color-white;
    }

    //
    //  System - Tax
    //  --------------------------------------

    .mselect-hidden + .mage-error {
        position: absolute;
        top: 100%;
    }

    //
    //  Tags
    //  --------------------------------------

    .tag-title {
        overflow: hidden;
    }

    .tag-title .page-actions {
        float: right;
    }

    //
    //  Attribute Mapping
    //  --------------------------------------

    .field-attributes_box .control-value {
        width: 100%;
    }

    //
    //  Sales
    //  --------------------------------------

    #order-totals strong {
        .style28();
    }

    #order-billing-method-summary a,
    #order-shipping-method-summary a {
        .style3();
    }

    .customer-current-activity-inner {
        padding: 18px;
    }

    .customer-current-activity .action-refresh {
        float: right;
        &:hover {
            text-decoration: none;
        }
    }

    .order-currency {
        padding: 18px;
    }

    .order-details-existing-customer {
        background: @color-white;
        padding-left: 0;
        position: relative;
        width: 77.9%;
        float: right;
    }

    #order-data .order-account-information {
        float: none;
        width: auto;
    }

    #order-data .actions .action-add,
    #order-data .actions .action-delete,
    #order-customer-selector .actions .action-add {
        margin: 0 0 0 20px;
    }

    #order-data .order-methods ul,
    #order-data .payment-methods ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #order-data .order-methods dl,
    #order-data .order-methods dt,
    #order-data .order-methods dd,
    #order-data .payment-methods dl,
    #order-data .payment-methods dt,
    #order-data .payment-methods dd {
        margin: 0;
        padding: 0;
    }

    #order-data .order-methods dd + dt,
    #order-data .payment-methods dd + dt {
        margin-top: 17px;
    }

    #order-data .order-methods dt,
    #order-data .payment-methods dt {
        margin: 0 0 8px;
    }

    .order-account-information {
        .admin__fieldset-wrapper-title {
            margin: 0 0 18px;
            padding: 12px 0 14px;

            .title {
                margin: 0;
            }
        }
    }

    .order-gift-options {
        padding: 0 18px;
    }

    .order-coupons .box-left,
    .order-gift-options .box-left {
        float: left;
        width: 49%;
    }

    .order-coupons .box-right,
    .order-gift-options .box-right {
        float: right;
        width: 49%;
    }

    .order-gift-options .box-left:last-child,
    .order-gift-options .fieldset-wrapper-title + .box-right {
        float: none;
        width: auto;
    }

    .order-coupons .content {
        .action- {
            vertical-align: top;
        }

        input[type="text"] {
            height: 28px;
        }
    }

    .order-gift-options {
        fieldset {
            border-radius: 5px;
        }

        .gift-wrapping-form select {
            margin-left: 10px;
        }

        .giftmessage-whole-order-container {
            textarea {
                height: 6em;
                width: 100%;
            }

            .actions {
                margin-left: 20%;
            }
        }
    }

    .ui-dialog.gift-options-popup .ui-dialog-content {
        padding: 25px;
    }

    .ui-dialog.gift-options-popup .ui-dialog-content h4 {
        margin: 0 0 17px;
    }

    .gift-options-tooltip {
        background: @color-white;
        border-radius: 5px;
        padding: 10px;
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    }

    #order-data .box-left fieldset,
    #order-data .box-right fieldset {
        border-radius: 5px;
    }

    .adminhtml-rma-new .order-totals {
        float: none;
        width: 100%;
    }

    //
    //  Sales -> Create Order
    // --------------------------------------

    #order-data .page-actions {
        padding-top: 0;
    }

    .create-order-sidebar-container > div + div {
        border-top: 1px solid #cac3b4;
        margin-top: 35px;
    }

    .create-order-sidebar-container > div .head h5 {
        .style9();
        margin: 17px 0 17px;
    }

    .customer-current-activity-inner > h4 {
        .style10();
        border-bottom: 1px solid #cac3b4;
        margin-top: 0;
        padding: 0 0 16px;
    }

    .customer-current-activity-inner .auto-scroll {
        margin-right: -18px;
        margin-left: -18px;

        .no-items {
            padding: 5px 18px;
            display: block;
        }
    }
    .customer-current-activity-inner .data-table {
        thead {
            background-color: transparent;
        }

        thead th {
            background-color: transparent;
            .style18();
            border: 0;

            &:first-child {
                padding-left: 18px;
            }

            &:last-child {
                padding-right: 18px;
            }
        }

        tbody tr {
            td {
                background-color: transparent;
                border: 0;

                &:first-child {
                    padding-left: 18px;
                }

                &:first-child {
                    padding-right: 18px;
                }
            }

            &:nth-child(2n + 1) td {
                background: #e0dace;
            }
        }
    }
    .customer-current-activity .action-refresh {
        float: right;
    }

    .customer-current-activity .action-refresh,
    .customer-current-activity .data-table .icon {
        display: inline-block;
        text-indent: 100%;
        overflow: hidden;
        height: 16px;
        width: 16px;
        line-height: 16px;
        white-space: nowrap;
    }

    .customer-current-activity .action-refresh:before,
    .customer-current-activity .data-table .icon:before {
        content: "\e010";
        color: #c3c2be;
        display: block;
        text-indent: 0;
        font-size: 16px;
        line-height: 16px;
        font-family: 'MUI-Icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
    }

    .customer-current-activity .data-table .icon-remove:before {
        content: "\e07f";
    }

    .customer-current-activity .data-table .icon-add:before {
        content: "\e071";
    }

    .customer-current-activity .auto-scroll {
        .style18();
        overflow: auto;
        max-height: 150px;
    }

    .customer-current-activity .auto-scroll + button {
        margin: 22px 0 0;
    }

    .customer-current-activity .actions {
        border-top: none;
        margin: 20px 0 0;
        padding: 0;
    }

    .overlay {
        background: rgba(255, 255, 255, .5);
        border-radius: 5px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;

        span {
            color: #111;
            font-weight: bold;
            position: absolute;
            top: 56px;
            left: 0;
            margin: 0 8px;
            padding: 10px;
            background: @color-white;
        }
    }

    //
    //  Orders comments
    //--------------------------------------
    .note-list {
        list-style: none;
        padding: 0;

        li {
            border-top: 1px solid #ededed;
            padding: 9px 0;

            &:first-child {
                border: 0;
                padding-top: 13px;
            }
        }

        div {
            font-size: 12px;
        }

        .note-list-date,
        .note-list-status,
        .note-list-customer span {
            font-weight: bold;
        }

        .note-list-time,
        .note-list-status {
            border-right: 1px solid #676056;
            padding: 0 5px 0 0;
            margin: 0 5px 0 0;
        }

        .note-list-customer {
            white-space: nowrap;
        }

        .note-list-comment {
            margin: 5px 0 0;
        }

        .note-list-customer-notapplicable {
            color: #d87e34;
        }

        .note-list-customer-notified {
            color: #185b00;
        }

        .note-list-customer-not-notified {
            color: #963535;
        }
    }

    .adminhtml-rma-item-attribute-edit .col-position input {
        text-align: center;
    }

    .order-subtotal .label {
        text-align: right;
    }

    .items-to-invoice {
        border: 1px solid #c0bbaf;
        margin-top: 13px;
        width: 100%;
    }

    .items-to-invoice td,
    table.items-to-invoice tbody tr:hover td {
        background-color: #e6e3de;
        border: 0;
        text-align: center;
    }

    .items-to-invoice .grand-total {
        color: #19a3d1;
        font-weight: bold;
    }

    .creditmemo-totals .data-table input[type="text"] {
        text-align: right;
        width: 60px;
    }

    .col-product .product_to_add {
        float: right;
    }

    //
    //  Orders refund
    //--------------------------------------
    .field-refund-store-credit {
        .input-text {
            text-align: right;
            width: 60px;
        }
    }

    //
    //  Packaging for Shipping Popup
    // --------------------------------------
    #popup-window-mask,
    .popup-window-mask {
        background: rgba(0, 0, 0, .5);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
    }

    .grid .popup-window {
        text-align: left;
    }

    .grid tr.on-mouse td .popup-window .data-table tbody tr:nth-child(2n+1) td,
    .grid table tbody tr.on-mouse:nth-child(odd):hover td .popup-window .data-table tbody tr:nth-child(2n+1) td,
    .grid table tbody tr.on-mouse:nth-child(odd):hover td .popup-window .data-table tbody tr:nth-child(2n+1):hover td,
    .grid table tbody tr.on-mouse:nth-child(2n+1):hover td .popup-window .data-table tbody tr:nth-child(2n+1) td,
    .grid table tbody tr.on-mouse:nth-child(2n+1):hover td .popup-window .data-table tbody tr:nth-child(2n+1):hover td,
    .grid table tbody tr.on-mouse:hover td .popup-window .data-table tbody tr:nth-child(2n+1),
    .grid table tbody tr.on-mouse:hover th .popup-window .data-table tbody tr:nth-child(2n+1) {
        background-color: #fbfaf6;
    }

    .grid .popup-window {
        text-align: left;
    }

    .popup-window-buttons-set {
        text-align: right;
        padding: 25px;
    }

    .popup-window-title {
        background: #f3efea;
        padding: 19px 20px;
    }

    .popup-window-title .title {
        color: #676056;
        display: block;
        font-size: 20px;
        line-height: 1;
    }

    .popup-window-title .actions {
        float: right;
    }

    .popup-window-content {
        padding: 25px 25px 0;
    }

    .popup-window-content > ul {
        list-style: none;
        padding: 0;
    }

    .sp-methods > dt {
        font-weight: bold;
    }

    .sp-methods > dd {
        margin: 5px 0 5px 15px;
    }

    .sp-methods > dd > ul {
        list-style: none;
        padding: 0;
    }

    //
    //  Popup Configuration Popup
    //  --------------------------------------

    #product_composite_configure_messages {
        margin-left: 0 !important;
        padding: 10px 15px;
    }

    .rma-popup,
    .cms-popup {
        background: @color-white;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
        cursor: default;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 1000;
    }

    .rma-popup {
        width: 540px;
        margin: 0 0 0 -271px;
    }

    .rma-popup .entry-edit .fieldset {
        border: none;
    }

    .rma-popup .validation-advice,
    .rma-popup label.mage-error {
        margin-left: 0;
    }

    .rma-popup .content {
        background: @color-white;
        border-bottom: 1px solid #ccc;
        max-height: 400px;
        overflow: auto;
    }

    .rma-popup .content .grid {
        padding: 0;
    }

    .rma-popup .content .grid table {
        border-bottom: 1px solid #cbd3d4;
    }

    .rma-popup .product-options {
        border-bottom: 1px solid #e7e7e7;
        margin: 0 0 15px;
        padding: 0 0 12px;
    }

    .rma-popup .product-options .required {
        color: #333 !important;
        font-weight: normal !important;
    }

    .rma-popup .product-options .required em {
        color: #d40707;
    }

    .rma-popup .last-fieldset .product-options {
        border: 0 none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .rma-popup .buttons-set {
        text-align: right;
        margin: 0;
        overflow: hidden;
        padding: 7px 10px 8px;
    }

    .rma-popup .buttons-set {
        width: 518px;
    }

    .cms-popup .buttons-set {
        width: 289px;
    }

    .rma-popup .buttons-set button {
        margin: 0 0 0 5px;
    }

    .grid .rma-popup .form-list tr,
    .grid tr.even .rma-popup .form-list tr,
    .grid tr.on-mouse .rma-popup .form-list tr {
        background: @color-white !important;
    }

    //
    //  URL rewrite
    //  --------------------------------------

    .adminhtml-urlrewrite-edit .field-entity-type-selector .label {
        width: auto;
    }

    //
    //  Cart Price Rule
    //  --------------------------------------

    .fieldset .field-coupon_code,
    .fieldset .field-rule_use_auto_generation {
        margin-bottom: 0;
    }

    .field-rule_use_auto_generation .label {
        margin-left: 5px;
    }

    .field-rule_use_auto_generation .nested {
        margin-bottom: 29px;
    }

    //
    //  Product Image Placeholders
    //  --------------------------------------

    #catalog_placeholder .input-file,
    #catalog_placeholder .delete-image > input {
        margin-right: 5px;
    }

    // Permanent Redirect for old URL
    .control > [name="product[url_key_create_redirect]"],
    .control > [name="general[url_key_create_redirect]"] {
        float: left;
        margin: 8px 5px 0 0;
    }

    .control > [name="product[url_key_create_redirect]"] + .label,
    .control > [name="general[url_key_create_redirect]"] + .label {
        width: auto;
        padding-top: 8px;
    }

    //
    //  New Product Attribute Set
    //  --------------------------------------

    .field-skeleton_set .select {
        width: 100%;
    }

    #affected-attribute-set-form .fieldset .field {
        margin-bottom: 12px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    //
    //  Cache Management
    //  --------------------------------------

    .additional-cache-management .label {
        margin-top: 5px;
    }

    //
    //  Categories
    //  --------------------------------------

    .category-content .form-inline.permissions-custom-options {
        .messages {
            li {
                margin-top: 0;
            }
        }

        .data-table {
            margin-bottom: 25px;
        }
    }

    //
    //  Marketing - Email Reminders
    //  --------------------------------------

    .lt-1280 .adminhtml-reminder-edit #customerGrid .grid .filter .range div.date {
        min-width: 0;
    }

    //
    //  Customers - Manage Shopping Cart
    //  --------------------------------------

    .checkout-index-index {
        .products-search {
            margin-top: 35px;

            > .actions {
                text-align: right;
                margin: 10px 0;
            }
        }

        .shopping-cart-items {
            > .actions {
                margin-bottom: 15px;
            }

            .box-left,
            .box.right {
                width: 49%;

                fieldset {
                    border-radius: 5px;
                }
            }

            .box-left {
                float: left;
            }

            .box.right {
                float: right;
            }
        }

        .grid table .action-configure {
            float: right;
        }
    }

    //
    //  Clearfix
    //  --------------------------------------

    .shopping-cart-items:before,
    .shopping-cart-items:after,
    .image-panel:before,
    .image-panel:after,
    .images:before,
    .images:after,
    .tax-rate-popup .field:before,
    .tax-rate-popup .field:after,
    .clearfix:before,
    .clearfix:after,
    #tab_content_downloadableInfo .data-table td .row:before,
    #tab_content_downloadableInfo .data-table td .row:after {
        content: "";
        display: table;
    }

    .shopping-cart-items:after,
    .image-panel:after,
    .images:after,
    .tax-rate-popup .field:after,
    .clearfix:after,
    #tab_content_downloadableInfo .data-table td .row:after {
        clear: both;
    }
    //
    //  pages.less (end)
    //  --------------------------------------



    //
    //  debug.less (begin)
    //  ==========================================================================

    //
    //  This file was created to debug old classes in order to indicate where we must replase it with new ones

    .debug {
        border: 1px solid red !important;
    }

    //
    //  Sales
    //  --------------------------------------

    .order-items .entry-edit-head .form-buttons {
        float: right;
    }

    .order-items .entry-edit-head .icon-head {
        display: inline;
    }

    .order-items .entry-edit-head {
        margin-bottom: 20px;
    }

    .order-items .entry-edit-head:before,
    .order-items .entry-edit-head:after {
        content: "";
        display: table;
    }

    .order-items .entry-edit-head:after {
        clear: both;
    }

    //
    //  Import-export tax rates
    //  --------------------------------------

    .import-export-tax-rates input[type=file] {
        margin-right: 10px;
    }

    .import-tax-rates,
    .export-tax-rates {
        float: left;
        width: 48.9362%;
    }

    .export-tax-rates {
        margin-left: 2.12766%;
    }

    .import-export-tax-rates:before,
    .import-export-tax-rates:after {
        content: "";
        display: table;
    }

    .import-export-tax-rates:after {
        clear: both;
    }

    //
    //  Product
    //  --------------------------------------

    .tier {
        margin: 20px 0 0;
    }

    //
    //  Edit attribute set
    //  --------------------------------------

    .attribute-set-col {
        display: block;
        float: left;
        margin-left: 2.127659574%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 31.9149%;
    }

    .edit-attribute-set,
    .attribute-set-col:first-child {
        margin-left: 0;
    }

    .attribute-set-tree {
        margin-top: 5px;
        overflow: auto;
        height: 400px;
        width: 100%;
    }

    .attribute-set:before,
    .attribute-set:after {
        content: "";
        display: table;
    }
    .attribute-set:after {
        clear: both;
    }

    //
    //  Manage Categories
    //  --------------------------------------

    .catalog-category-edit .category-edit-title {
        float: left;
    }

    //
    //  Catalog Price Rule
    //  --------------------------------------

    .rule-tree-wrapper {
        line-height: 28px;
    }

    .rule-tree .fieldset {
        min-width: 0; // Fixed Chrome fieldset issue
    }

    @-moz-document url-prefix() { // Fixed Firefox fieldset issue
        .rule-tree .fieldset {
            display: table-cell;
        }
    }

    .rule-tree ul {
        list-style: none;
        padding-left: 16px;
        border-left: dotted 1px #888;
    }

    .rule-tree li {
        margin: 0 0 10px;
    }

    .rule-tree .x-tree ul {
        padding-left: 0 !important;
        border-left: none !important;
    }

    .rule-tree {
        ._has-datepicker {
            + .ui-datepicker-trigger {
                position: static;
            }
        }
    }

    .rule-param .label {
        color: @color-black;
        float: none;
        text-align: left;
        padding: 0;
        vertical-align: baseline;
        width: auto;
    }

    .rule-param .label-disabled {
        color: #eee;
        cursor: default;
        text-decoration: none;
    }

    .rule-chooser,
    .rule-param .element,
    .rule-param-edit .label {
        display: none;
    }

    .rule-chooser .field-row {
        .lib-clearfix();
        display: block;
        margin-bottom: 17px;
        .input-text {
            margin-top: 5px;
        }
        .ui-datepicker-trigger {
            margin-left: 5px;
            margin-top: -2px;
        }
    }

    .rule-param input,
    .rule-param select {
        width: auto !important;
        margin: 0;
        min-width: 170px;
    }

    .rule-param-edit .element {
        display: inline;
        position: relative;
    }

    .rule-param-edit .element input.input-date,
    .rule-param-edit .element input.input-date[readonly] {
        background-color: @color-white;
        min-width: 140px;
        width: 140px !important;
        cursor: pointer;
        text-align: center;
        opacity: 1;
        margin-right: 10px;
        padding-right: 40px;

        + .ui-datepicker-trigger {
            position: absolute;
            width: 140px;
            text-align: right;
            left: 0;
        }
    }

    .rule-param-edit .element .addafter {
        padding-left: 5px;
    }

    [class^="rule-param-"] img,
    .rule-chooser-trigger img {
        vertical-align: middle;
    }

    .rule-chooser {
        border: solid 1px #CCC;
        margin: 20px;
        padding: 15px 10px;
        overflow: auto;
    }

    .rule-param-wait {
        background: url(../mui/images/ajax-loader-small.gif) no-repeat left center;
        padding-left: 20px;
    }

    //
    //  URL Rewrite
    //  --------------------------------------

    .field-entity-type-selector {
        padding-top: 13px;
    }

    //
    //  debug.less (end)
    //  --------------------------------------


//  Magento Import instructions
//@magento_import "source/_module-old.less"; // import theme styles

    //
    //  WYSIWYG editor styles fixes
    //  ---------------------------------------------
    .defaultSkin {
        table.mceLayout {
            td {
                background: @color-white;
            }
        }

        td.mceToolbar {
            padding: 1px 0 0;
        }
    }

    .ui-tabs-panel {
        border-top: 0;
    }

    #category_tab_content {
        .ui-tabs-panel {
            border-top: 1px solid #adadad;
        }
    }
}

//
//  Pages styles
//  ---------------------------------------------

[class^=" catalog-product-"],
[class^=" newsletter-"] {
    .admin__scope-old {
        .page-actions .action-back.mage-error {
            color: #b57c72;
        }
    }
}

.catalog-product-new,
.catalog-product-edit {
    .admin__scope-old {
        .user-defined.type-select select {
            width: 100%;
        }
    }
}

.customer-index-edit {
    .admin__scope-old {
        .grid tr.headings th > span {
            white-space: normal;
        }
    }
}

//  Configuration -> Payment Methods
.adminhtml-system-config-edit,
.adminhtml-system_config-edit {
    .admin__scope-old {
        .payflow-settings-notice {
            margin-top: 2rem;
            padding: 10px;

            .important-label {
                .style32();
            }

            ul.options-list strong {
                .style28();
            }
        }

        .pp-buttons-container {
            .action-default {
                display: inline-block;
                margin-bottom: @indent__xs;
            }
        }
    }
}

.adminhtml-system-backup-index,
.adminhtml-scheduled-operation-index,
.adminhtml-system-currency-index,
.adminhtml-system-currencysymbol-index,
.adminhtml-cache-index,
.adminhtml-system-store-index,
.sales-order-status-index {
    .admin__scope-old {
        .page-actions.fixed {
            background-image: none;
            padding: 0 21px;
            position: fixed;
        }
    }
}

.adminhtml-system-currency-index {
    .admin__scope-old {
        .page-actions.fixed .import-service {
            display: inline-block;
            float: none;
        }
    }
}

.adminhtml-cache-index {
    .admin__scope-old {
        .additional-cache-management {
            margin-bottom: 0;
        }
    }
}

//  Reports - PayPal Settlement Reports
.adminhtml-paypal-reports-index {
    .admin__scope-old {
        .grid tr.headings th > span {
            white-space: normal;
        }

        .col-transaction_event_code {
            max-width: 150px;
        }

        .col-amount,
        .col-fee-amount {
            text-align: right;
        }
    }
}

//  Newsletter Templates
.newsletter-template-index {
    .admin__scope-old {
        .col-id {
            width: 35px;
        }

        .col-actions {
            width: 80px;
        }

        .col-type {
            width: 100px;
        }

        .col-added,
        .col-updated {
            width: 140px;
        }
    }
}

.newsletter-template-preview {
    height: 100%;
    .cms-revision-preview {
        height: 100%;
        .preview_iframe {
            height: calc(~'100% - 50px');
        }
    }
}

.adminhtml-email_template-preview {
    .cms-revision-preview {
        padding-top: 56.25%;
        position: relative;

        #preview_iframe {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }
    }
}

.admin__scope-old {
    .buttons-set {
        margin: 0 0 15px;

        button {
            margin-right: 4px;
        }
    }
}

//  Newsletter - Queue
.newsletter-queue-index {
    .admin__scope-old {
        .col-id {
            width: 35px;
        }

        .col-finish,
        .col-start {
            width: 130px;
        }

        .col-status,
        .col-processed,
        .col-recipients {
            white-space: nowrap;
            width: 85px;
        }

        td.col-processed,
        .newsletter-queue-index td.col-recipients {
            text-align: right;
        }

        .col-actions {
            width: 80px;
        }
    }
}

//  Newsletter - Subscribers
.newsletter-subscriber-index {
    .admin__scope-old {
        .col-id {
            width: 35px;
        }

        .col-type {
            width: 75px;
        }

        .col-status {
            white-space: nowrap;
            width: 85px;
        }
    }
}

//  Newsletter - Problems
.newsletter-problem-index {
    .admin__scope-old {
        .col-select {
            width: 25px;
        }

        .col-id {
            width: 35px;
        }

        .col-start {
            width: 130px;
        }

        .col-error-code {
            width: 150px;
        }
    }
}

[class*="-order-"] .admin__scope-old .order-information,
[class*="-order-"] .admin__scope-old .order-billing-address,
[class*="-order-"] .admin__scope-old .order-payment-method,
[class^=" adminhtml-rma-"] .admin__scope-old .order-comments-history,
[class^=" adminhtml-rma-"] .admin__scope-old .order-shipping-address,
[class^=" adminhtml-rma-"] .admin__scope-old .rma-request-details {
    float: left;
    width: 49.5%;
}

[class*="-order-"] .admin__scope-old .order-totals,
[class*="-order-"] .admin__scope-old .order-account-information,
[class*="-order-"] .admin__scope-old .order-shipping-address,
[class*="-order-"] .admin__scope-old .order-payment-method-virtual,
[class*="-order-"] .admin__scope-old .order-shipping-method,
[class^=" adminhtml-rma-"] .admin__scope-old .rma-confirmation,
[class^=" adminhtml-rma-"] .admin__scope-old .order-shipping-method,
[class^=" adminhtml-rma-"] .admin__scope-old .order-return-address {
    float: right;
    width: 49%;
}

[class*="-order-"] {
    .admin__scope-old {
        .order-card-validation {
            width: 49.5%;
            box-sizing: border-box;

            .actions {
                margin-top: 17px;
            }
        }

        .order-totals {
            .field.choice {
                margin: 20px 0;
            }
        }
    }
}

[class^=" sales-"] {
    .admin__scope-old {
        .order-information .fieldset-wrapper > .fieldset-wrapper-title .title {
            width: 100%;
        }
    }
}

.adminhtml-rma-new .admin__scope-old .order-totals,
[class^=" adminhtml-rma-"] .admin__scope-old .rma-comments-history {
    float: none;
    width: 100%;
}

.checkout-index-index .checkout-errors {
    .fieldset-wrapper-title {
        border-bottom: 0;
        margin: 0;
    }

    .title {
        border-bottom: 1px solid #cac3b4;
        margin: 0 0 18px;
        width: 100%;
    }
}

[class^=" sales-"] {
    .admin__scope-old {
        tr.headings {
            .col-parent-transaction-id > span,
            .col-method > span,
            .col-transaction-id > span,
            .col-transaction-type > span,
            .col-gtbase > span,
            .col-gtpurchased > span,
            .col-discont > span {
                white-space: normal;
            }
        }
    }
}

[class*="-order-"] {
    .admin__scope-old {
        .col-price .label,
        .col-subtotal .label {
            display: inline-block;
            min-width: 60px;
            white-space: nowrap;
        }

        .order-subtotal .label {
            width: 80%;
        }
    }
}

[class*="-order-"] {
    .admin__scope-old {
        .item-options {
            margin: 5px 0 5px 10px;

            dt {
                font-weight: bold;
            }

            dd {
                margin: 0 0 0 10px;
            }
        }
    }
}

[class~=" -order-creditmemo-"] {
    .admin__scope-old {
        .no-items {
            padding-top: 13px;
            text-align: center;
        }
    }
}

.adminhtml-order-shipment-new {
    .admin__scope-old {
        .order-totals .fieldset-wrapper {
            padding-top: 18px;
        }
    }
}

[class^=" adminhtml-rma-"],
.adminhtml-rma-edit {
    .admin__scope-old {
        .rma-items th.col-qty span {
            text-align: left;
            white-space: normal;
        }
    }
}

.adminhtml-rma-edit .admin__scope-old .data-table .col-carrier,
[class^=" sales-billing-agreement-"] .admin__scope-old .log-details .data-table th {
    width: 20%;
}

.adminhtml-rma-edit {
    .admin__scope-old {
        .data-table {
            .col-title {
                width: 35%;
            }

            .col-number {
                width: 25%;
            }
        }
    }
}

[class*="-order-"] .admin__scope-old .order-shipping-address .price,
.order-shipping-address .admin__scope-old .shipping-description-title {
    font-weight: bold;
}

[class^=" adminhtml-rma-"] {
    .admin__scope-old {
        .col-actions a {
            cursor: pointer;
            white-space: nowrap;
        }

        .col-reason input[type="text"] {
            margin: 5px 0 0;
            width: 100%;
        }

        .col-actions .separator {
            margin: 0 3px;
        }
    }
}

[class^=" sales-"] {
    .admin__scope-old {
        .order-payment-method .data-table {
            margin-top: 15px;
        }

        .order-payment-currency {
            margin-top: 15px;
        }

        .grid .data {
            border-bottom: 1px solid #c0bbaf;
        }

        .grid td .option-label {
            font-weight: bold;
        }

        .grid td .option-value {
            margin: 0 0 0 10px;
        }
    }
}

[class^=" adminhtml-extension-custom-"] {
    .admin__scope-old {
        #authors_fieldset .data-table td {
            vertical-align: top;
        }
    }
}

[class*="-order-"] {
    .admin__scope-old {
        .order-billing-address .packaging-window .actions,
        .order-shipping-address .packaging-window .actions {
            margin: 0;
        }
    }
}

//
//  Tables
//  ---------------------------------------------

//  Sales
[class^=' sales-order-'] {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-220-max all);
        }
    }
}

.sales-order-index {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-110-max all);
        }
    }
}

.sales-order-create-index {
    .admin__scope-old {
        .col-phone {
            &:extend(.col-70-max all);
        }

        .col-in_products {
            &:extend(.col-70);
        }
    }
}

//  Sales -> Create Order
.sales-order-create-index,
.sales-order-edit-index {
    .admin__scope-old {
        .grid,
        .grid-actions {
            &:extend(.side-paddings-0);
            table .action-configure {
                float: right;

                &.disabled {
                    cursor: default;
                    opacity: .5;

                    &:hover {
                        text-decoration: none;
                    }
                }
            }
        }

        .data-table {
            .border td {
                padding-bottom: 15px;
            }

            .col-product {
                &:extend(.ellipsis all);
                &:extend(.col-150-max all);
            }
        }

        .actions.update {
            margin: 10px 0;
        }
    }
}

//  Sales -> Create Shipment
.adminhtml-order-shipment-new {
    .admin__scope-old {
        .grid .col-product {
            max-width: 770px;
            width: 770px;
        }
    }
}

//  Sales -> Return
[class^=' adminhtml-rma-'] {
    .admin__scope-old {
        .fieldset-wrapper .data-table td {
            &:extend(.ellipsis all);
            &:extend(.col-670-max);
        }

        .grid {
            .col-product_sku {
                &:extend(.ellipsis all);
                &:extend(.col-70-max all);
            }

            .col-name,
            .col-product {
                &:extend(.col-150-max all);
            }

            .col-product_name {
                &:extend(.ellipsis all);
                &:extend(.col-110-max all);
            }
        }

        .col-actions {
            a {
                &:extend(.col-actions-links);
            }
        }

        .rma-request-details {
            &:extend(.data-table-td-max all);
        }

        #rma_items_grid_table .headings th {
            &:extend(.nowrap all);
        }
    }
}

//
//  Products
// --------------------------------------
.catalog-product-index {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-110-max all);
        }
    }
}

.catalog-product-edit {
    .admin__scope-old {
        .ui-tabs-panel .grid {
            .hor-scroll {
                &:extend(.h-scroll);
            }

            .col-name,
            .col-type,
            .col-sku {
                &:extend(.col-70-max all);
            }

            .col-price,
            .col-position {
                &:extend(.col-50 all);
            }
        }
    }
}

.catalog-product-index {
    .admin__scope-old {
        .grid .hor-scroll {
            &:extend(.h-scroll);
        }
    }
}

.catalog-product-review-index {
    .admin__scope-old {
        .grid {
            .col-name,
            .col-title {
                &:extend(.col-110-max all);
            }
        }
    }
}

//  Products -> Categories
.catalog-category-edit {
    .admin__scope-old {
        .grid {
            .col-name {
                &:extend(.col-220-max all);
            }
        }
    }
}

//  Customer
.customer-index-index {
    .admin__scope-old {
        .grid {
            .col-name {
                max-width: 90px;
                width: 90px;
            }

            .col-customer_since,
            .col-billing_country_id {
                &:extend(.col-70-max all);
            }

            .col-billing_region {
                width: 70px;
            }
        }
    }
}

[class^=' customer-index-'] {
    .admin__scope-old {
        .fieldset-wrapper,
        .accordion {
            .grid .col-created_at {
                &:extend(.col-70-max all);
            }
        }

        .col-action a {
            &:extend(.col-actions-links);
        }
    }
}

.customer-index-edit {
    .admin__scope-old {
        .ui-tabs-panel .grid .col-name {
            &:extend(.col-110-max all);
        }
    }
}

//  Customer -> Customer Segments
.col-grid_segment_name {
    .admin__scope-old {
        &:extend(.col-570-max all);
        &:extend(.ellipsis all);
    }
}

//  Marketing -> Catalog Event
.adminhtml-catalog-event-index {
    .admin__scope-old {
        .col-category {
            &:extend(.ellipsis all);
            &:extend(.col-220-max all);
        }
    }
}

//  Marketing -> Search Terms
[class^=' catalog-search'] {
    .admin__scope-old {
        .col-search_query,
        .col-synonym_for,
        .col-redirect {
            &:extend(.ellipsis all);
            &:extend(.col-150-max all);
        }
    }
}

//  Marketing -> URL Rewrites
.adminhtml-urlrewrite-index {
    .admin__scope-old {
        .col-request_path {
            &:extend(.ellipsis all);
            &:extend(.col-150-max all);
        }
    }
}

.content-category-tree {
    clear: both;

    .jstree-default {
        margin-bottom: 3rem;

        .disabled {
            > a {
                color: #a29c94;
            }
        }
    }
}

//  Marketing -> Reviews
.review-product-index {
    .admin__scope-old {
        .grid {
            .hor-scroll {
                &:extend(.h-scroll);
            }

            .col-name {
                &:extend(.col-110-max all);
            }
        }
    }
}

//  Content -> Pages
.adminhtml-cms-page-index {
    .admin__scope-old {
        .col-title,
        .col-identifier {
            &:extend(.ellipsis all);
            &:extend(.col-110-max all);
        }
    }
}

//  Content -> Hierarchy
.adminhtml-cms-hierarchy-index {
    .admin__scope-old {
        .col-title,
        .col-identifier {
            &:extend(.ellipsis all);
            max-width: 410px;
            width: 410px;
        }
    }
}

//  Content -> Widgets
.adminhtml-widget-instance-index {
    .admin__scope-old {
        .col-title {
            &:extend(.col-370-max all);
            &:extend(.ellipsis all);
        }
    }
}

.adminhtml-widget-instance-edit {
    .admin__scope-old {
        .grid-chooser .control {
            margin-top: -19px;
            width: 80%;

            .grid-actions {
                padding: 0 0 15px;
            }

            .grid {
                padding: 0;
            }

            .addon {
                input:last-child,
                select:last-child {
                    border-radius: 0;
                }
            }
        }
    }
    .fieldset-widget-options { // ToDo UI: To be removed after renderer form elements is refactored or updated.
        .admin__field {
            &:last-child {
                .mage-error {
                    margin-bottom: @indent__m;
                    margin-top: -@indent__xl;
                }
            }
        }
    }
}

//  Reports -> Low Stock
.reports-report-product-lowstock {
    .admin__scope-old {
        .grid {
            .col-name {
                &:extend(.col-670-max all);
            }

            .col-sku {
                &:extend(.col-220-max all);
            }
        }
    }
}

.reports-report-shopcart-product,
.reports-report-review-customer {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-670-max all);
        }
    }
}

.reports-report-shopcart-abandoned {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-150-max all);
        }
    }
}

//  Reports
[class^=' reports-'] [class^='col-total'],
[class^=' reports-'] [class^='col-average'],
[class^=' reports-'] [class^='col-ref-'],
[class^=' reports-'] [class^='col-rate'],
[class^=' reports-'] [class^='col-tax-amount'] {
    .admin__scope-old {
        &:extend(.col-70 all);
    }
}

.reports-report-sales-invoiced,
.reports-report-sales-refunde {
    .admin__scope-old {
        .grid .col-period {
            &:extend(.col-auto all);
        }
    }
}

//  Reports -> Search Terms
.reports-index-search {
    .admin__scope-old {
        .col-query_text {
            &:extend(.col-570-max all);
            &:extend(.ellipsis all);
        }
    }
}

//  Reports -> Ordered Products Report
.reports-report-product-sold {
    .admin__scope-old {
        .grid .col-name {
            max-width: 720px;
            width: 720px;
        }
    }
}

//  Reports -> Newsletter Problem Reports
.newsletter-problem-index {
    .admin__scope-old {
        .grid {
            .col-name,
            .col-subject,
            .col-product {
                &:extend(.col-220-max all);
            }
        }
    }
}

//  Content -> Banners
.adminhtml-banner-edit {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-220-max all);
        }
    }
}

//  Stroes -> Tax rules
.tax-rule-index {
    .admin__scope-old {
        .grid .col-title {
            &:extend(.col-150-max all);
        }
    }
}

//  Stores -> Returns Attributes
.adminhtml-rma-item-attribute-index {
    .admin__scope-old {
        .grid {
            .col-label {
                &:extend(.col-220-max all);
            }

            .col-attr-code {
                &:extend(.ellipsis);
                &:extend(.col-150-max all);
            }
        }
    }
}

.adminhtml-rma-edit {
    .admin__scope-old {
        .hor-scroll {
            &:extend(.h-scroll);
        }
    }
}

//  Stores -> All Stores
.adminhtml-system-store-index {
    .admin__scope-old {
        .grid td {
            &:extend(.ellipsis all);
            max-width: 310px;
        }
    }
}

//  Stores -> Currency
.adminhtml-system-currency-index {
    .admin__scope-old {
        .grid {
            padding-top: 0;
        }

        .col-currency-edit-rate {
            min-width: 40px;
        }

        .col__base-currency {
            font-weight: bold;
        }

        .old-rate {
            display: block;
            margin-top: 3px;
            text-align: center;
        }

        .hor-scroll {
            overflow-x: auto;
            min-width: 970px;
        }
    }
}

//  Stores -> Currency symbol
.adminhtml-system-currencysymbol-index {
    .admin__scope-old {
        .col-currency {
            width: 35%;
        }

        .grid .input-text {
            margin: 0 10px 0 0;
            width: 50%;
        }
    }
}

//  Stores -> Customer attributes
[class^=' adminhtml-customer-'],
.adminhtml-rma-item-attribute-index {
    .admin__scope-old {
        .col-label {
            &:extend(.col-370-max all);
        }

        .col-required,
        .col-system,
        .col-is_visible,
        .col-sort_order {
            &:extend(.col-70 all);
        }
    }
}

//  Stores -> Product Attribute
.catalog-product-attribute-index {
    .admin__scope-old {
        .col-attr-code,
        .col-label {
            &:extend(.col-110-max all);
            &:extend(.ellipsis);
        }

        [class^=' col-is_'],
        .col-required,
        .col-system {
            &:extend(.col-70 all);
        }
    }
}

//  Stores -> Product Attribute Edit
.catalog-product-attribute-edit {
    .admin__scope-old {
        .data-table {
            th {
                &._required {
                    span {
                        &:after {
                            content: '*';
                            .lib-typography(
                            @_font-size: @form-field-label-asterisk__font-size,
                            @_color: @form-field-label-asterisk__color,
                            @_font-family: @form-field-label-asterisk__font-family,
                            @_font-weight: @form-field-label-asterisk__font-weight,
                            @_line-height: @form-field-label-asterisk__line-height,
                            @_font-style: @form-field-label-asterisk__font-style
                            );
                            .lib-css(margin, @form-field-label-asterisk__margin);
                        }
                    }
                }
            }
        }
    }

    .admin__control-table-wrapper {
        clear: both;
    }
}

.catalog-product-set-index {
    .admin__scope-old {
        .col-set_name {
            max-width: 930px;
            width: 930px;
        }
    }
}

//  System -> Export
.adminhtml-export-index {
    .admin__scope-old {
        .grid-actions,
        .data-grid {
            &:extend(.side-paddings-0);
        }

        .col-label,
        .col-code {
            &:extend(.col-220-max all);
        }

        .col-code {
            &:extend(.ellipsis all);
        }

        .data-grid {
            td {
                vertical-align: middle;
            }

            .input-text-range {
                margin: 0 10px 0 5px;
                width: 37%;
            }

            ._has-datepicker {
                margin: 0 5px;
                width: 32%;
            }

            .admin__control-support-text {
                margin-right: .5rem;
            }
        }

        .data-grid-checkbox-cell {
            padding-right: 1rem;
            padding-left: 1rem;
            text-align: center;
        }
    }
}

//  System -> Scheduled Imports/Exports
.adminhtml-scheduled-operation-index {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-220-max all);
        }
    }
}

//  System -> Report
.adminhtml-logging-index {
    .admin__scope-old {
        .grid .col-fullaction {
            &:extend(.ellipsis all);
            &:extend(.col-220-max all);
        }
    }
}

//  System -> Notifications
.adminhtml-notification-index {
    .col-actions a {
        &:extend(.col-actions-links);
        white-space: nowrap;
    }
}

.adminhtml-process-list {
    .admin__scope-old {
        .col-action a,
        .col-mode {
            &:extend(.nowrap all);
        }
    }
}

.adminhtml-notification-index,
.adminhtml-cache-index,
.adminhtml-process-list,
.indexer-indexer-list {
    .admin__scope-old {
        .grid .col-select {
            width: 10px;
        }
    }
}

//  System -> Locked Users
.adminhtml-locks-index {
    .admin__scope-old {
        .grid .col-name {
            &:extend(.col-570-max all);
        }
    }
}

//  System -> Custom Variables
.adminhtml-system-variable-index {
    .admin__scope-old {
        .grid .col-code {
            &:extend(.col-370-max all);
            &:extend(.ellipsis all);
        }
    }
}

.adminhtml-logging-index {
    .admin__scope-old {
        .grid .col-info {
            &:extend(.col-110-max all);
            &:extend(.ellipsis all);
        }
    }
}

//
//  Login page captcha reload @todo ui - remove after loader consistency
//  _____________________________________________

// Tax popup
.tax-rate-popup .form-inline .field {
    position: static;

    &.required .label {
        position: relative;
        z-index: 1;
    }
}

// Product tabs
#product-edit-form-tabs .ui-tabs-panel {
    border-top-width: 0;

    .main-col & {
        padding-left: 0;
        padding-right: 0;
    }
}

//
//  Temporary override @todo ui - remove after refactoring of 3-rd party tree styles
//  _____________________________________________

.ext-strict {
    .x-small-editor {
        .x-form-text.x-form-field.folder {
            height: auto !important;
        }
    }

}

// ==|== print styles =======================================================
//   Print styles.
//   Inlined to avoid required HTTP connection: h5bp.com/r
//   ==========================================================================

@media print {
    * {
        background: transparent !important;
        color: @color-black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    // Black prints faster: h5bp.com/s
    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    // Don't show links for images, or javascript/internal links
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    // h5bp.com/t
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}