ul#attributesitems,
ul#variationsitems{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}
li.drag-attr-item{
    border: 1px solid #e8e8e8;
    padding: 20px 10px 10px 10px;
    background-color: #f3f3f3;
    position: relative;
    border-radius: 3px;
    margin-bottom: 3px;
}
ul#variationsitems li.drag-attr-item{
    padding: 10px;
}
li.drag-attr-item.drag-background-class{
    border-style: dashed !important;
    border-color: #dec050 !important;
    background-color: #fff5cf !important;
    opacity: .5;
}
.left-icons{
    padding-top: 10px;
    float: left;
}
ul#variationsitems li .left-icons{
    padding-top: 0;
}
.left-icons i{
    font-size: 18px;
    padding: 0 5px;
    color: #1d2b36;
}
.left-icons i.toggle-data-box{
    color: #3bafda;
    cursor: pointer;
}
.left-icons i.fa-times-circle{
    color: #f31717;
    font-size: 21px;
    position: relative;
    top: 3px;
    cursor: pointer;
}
.attr-all-items .select2{
    width: 100% !important;
    margin-bottom: 10px;
}
h4.attr-title-name{
    margin: 0;
    position: relative;
    top: 8px;
}
.checkbox.isVarAttr{
    width: 20px;
    height: 20px;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

.box-items-slide{
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}
.box-items-slide.is-open-box{
    display: block;
    opacity: 1;
}
.variation-item{
    width: 90px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-left: 5px;
    margin-bottom: 5px;
}
.box-items-slide{
    padding-top: 10px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

.main-menu .navigation li > a > i,
.main-menu .dropdown-menu i,
.main-menu .dropdown-user > a > i,
.main-menu .navigation > li > a > i
{
    float: right;
}

.dropdown-user.nav-item i
{
    float: right;
}

.horizontal-menu .main-menu-content #main-menu-navigation > li > a > i
{
    float: right;
}

.mega-dropdown-menu li a i,
.mega-dropdown-menu li h6 i
{
    float: right;
}

.menu-expanded .form-group i
{
    float: inherit;
}

.form-control-position i
{
    position: absolute;
    top: 25%;
    right: 25%;
}

.echart-container
{
    direction: ltr;
}

.mm-menu
{
    left: auto;
}

.dz-hidden-input
{
    position: relative !important;
}

.content-wrapper .sticky-wrapper,
.content-right-sidebar .sticky-wrapper
{
    float: left;
}

.ui-widget-icon-block
{
    right: 50%;
}

.ui-dialog .ui-dialog-titlebar-close
{
    right: 3rem;
}

.square.slider-xl .noUi-handle:before
{
    left: 5px;
}

.square.slider-xl .noUi-handle:after
{
    left: 10px;
}

.square .noUi-handle:before
{
    left: 2px;
}

.square .noUi-handle:after
{
    left: 7px;
}

.noUi-vertical.square .noUi-handle:before
{
    left: -1px;
}

.noUi-vertical.square .noUi-handle:after
{
    left: -1px;
}

#tubular-container
{
    z-index: 0 !important;
}

.btn i[class^='icon-'],
.btn i[class*=' icon-']
{
    line-height: 1.25rem;
}

code[class*='language-'],
pre[class*='language-']
{
    direction: ltr;
}

@media print
{
    code[class*='language-'],
    pre[class*='language-']
    {
        text-shadow: none;
    }
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry
{
    right: 65%;
}

.email-application .app-content .list-group .list-group-item i
{
    float: right !important;
}