/**
 * Table of Contents:
 *
 * 0.0 - Document Designer
 * 1.0 - Font Family
 * 2.0 - Reset CSS
 * 3.0 - Preset Dimensions
 * 4.0 - Common CSS
 * 5.0 - Icon Design
 * 6.0 - Repeatable CSS
 *  6.1 - Floating Menu
 *    6.1.1 - Main Menu
 *    6.1.2 - App User Menu
 *    6.1.3 - Scrollable blocklist-item
 *    6.1.4 - Draggable item
 *  6.2 - Layout
 * 7.0 - Component Bar
 * 8.0 - Tab
 * 9.0 Dashboard

 * -----------------------------------------------------------------------------
 */

/**
 * 0.0 Document Designer
 * -----------------------------------------------------------------------------
 */

/**
 * Font import for Document Designer
**/

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../../font/document-designer/lato-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../../font/document-designer/montserrat-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../../font/document-designer/opensans-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../font/document-designer/roboto-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../../font/document-designer/sourcesanspro-regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*End*/

/* New Doc Popup */
.create-new-document.popup {
    min-width: 200px;
    padding: 0;
    width: 200px !important;
}

.create-new-document.popup .action-item {
    cursor: pointer;
    padding: 8px 20px;
    position: relative;
}
.create-new-document.popup .action-item:hover {
    background-color: #F6F8F7;
}
/* End New Doc Popup */

/* Layout Selection */
.doc-designer .app-tab-content-container.layout-panel {
    background-color: #E0E4E5;
    padding: 30px;
}

.doc-designer .sample-layouts-container {
    background-color: #FFFFFF;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 35px;
    margin: auto;
    height: 100%;
    width: 650px;
}

.doc-designer .sample-layouts-container .header {
    direction: rtl;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-bottom: 30px;
}

.doc-designer .sample-layouts-container .doc-title {
    color: #92999b;
    font-size: 20px;
    float: left;
}

.doc-designer .sample-layouts-container .body {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    min-height: 0;
    overflow: hidden;
}

.doc-designer .sample-layouts-container .layout-title {
    color: #6db8dd;
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
    z-index: 0;
}

.doc-designer .sample-layouts-container .layout-title:before {
    background-color: #ebf0f5;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    height: 1px;
    width: 100%;
    z-index: -1;
}

.doc-designer .sample-layouts-container .layout-title span {
    background-color: #fff;
    display: inline-block;
    padding-right: 15px;
}

.doc-designer .sample-layouts-container .layout-content img {
    max-width: 100%;
}

.doc-designer .sample-layouts-container .layout-content {
    margin-left: -15px;
    margin-right: -15px;
}

.doc-designer .sample-layouts-container .layout-content:after {
    content: '';
    clear: both;
    display: table;
}

.doc-designer .sample-layouts-container .layout-type ~ .layout-type {
    margin-top: 20px;
}

.doc-designer .sample-layouts-container .layout {
    float: left;
    padding: 15px;
    text-align: center;
    width: 25%;
}

.doc-designer .sample-layouts-container .layout .thumb {
    border: 1px solid #e9ecf2;
}

.doc-designer .sample-layouts-container .layout .thumb:hover {
    border-color: #16AAD8;
    cursor: pointer;
}

.doc-designer .sample-layouts-container .layout .name {
    color: #848c9a;
    font-size: 14px;
    margin-top: 8px;
}

/* Editor */
.doc-designer .document-component {
    position: absolute;
    display: inline-block;
    visibility: hidden;
}
.doc-designer .document-component.sorted {
    position: static;
    visibility: visible;
}
.doc-designer .app-tab-content-container.editor-panel {
    background-color: #E0E4E5;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.doc-designer .left-detail-panel {
    -moz-flex: 0 0 400px;
    -webkit-flex: 0 0 400px;
    flex: 0 0 400px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #E0E4E5;
}
.doc-designer .left-detail-panel .bmui-tab-body-container {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    min-height: 0;
    position: relative;
    padding: 0;
}
.doc-designer .editor-main-panel {
    -moz-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
}
.doc-designer .left-tab-container {
    min-height: 240px;
    /* @alternate */  max-height: -moz-calc(100vh - 280px);
    /* @alternate */ max-height: -webkit-calc(100vh - 280px);
    max-height: calc(100vh - 280px);
    overflow: hidden;
}
.doc-designer .editing-area .letter {
    width: 215.9mm;
    height: 279.4mm;
}
.doc-designer .editing-area .legal {
    width: 215.9mm;
    height: 355.6mm;
}
.doc-designer .editing-area .ledger {
    width: 279.4mm;
    height: 431.8mm;
}
.doc-designer .editing-area .a0 {
    width: 841mm;
    height: 1189mm;
}
.doc-designer .editing-area .a1 {
    width: 594mm;
    height: 841mm;
}
.doc-designer .editing-area .a2 {
    width: 420mm;
    height: 594mm;
}
.doc-designer .editing-area .a3 {
    width: 297mm;
    height: 420mm;
}
.doc-designer .editing-area .a4{
    width: 210mm;
    height: 297mm;
}
.doc-designer .editor-main-panel {
    overflow: hidden;
    max-height: 100%
}
.doc-designer .component-body {
    position: relative;
}

.doc-designer .each-component {
    cursor: move;
    border: 1px solid rgba(162, 186, 220, 0.5);
    margin-bottom: 0;
    min-height: 13px;
}

.doc-designer .each-component img {
    max-width: 100%;
    max-height: 100%;
}

.doc-designer .each-component:hover {
    border-color: #fb6c6c;
}

.doc-designer .each-component .remove {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -1px;
    right: -14px;
    cursor: pointer;
    background-color: #fb6c6c;
    visibility: hidden;
}

.doc-designer .each-component:hover .remove {
    visibility: visible;
}

.doc-designer .each-component .remove:before,
.doc-designer .each-component .remove:after {
    content: "";
    display: inline-block;
    background-color: #fff;
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.doc-designer .each-component .remove:before {
    width: 7px;
    height: 1px;
    left: 3px;
    top: 6px;
}

.doc-designer .each-component .remove:after {
    width: 1px;
    height: 7px;
    left: 6px;
    top: 3px;
}

.doc-designer .component-config {
    background-color: rgba(255, 255, 255, 0.95);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.doc-designer .component-config .title-bar {
    background-color: #f4f4f4;
    border-bottom: 1px solid #e1e3e3;
    color: #222426;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

.doc-designer .component-config .close-config {
    background-color: #a3b1c2;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    padding: 5px 10px;
    font-weight: 400;
    float: right;
}

.doc-designer .component-config .close-config:hover {
    background-color: #fb6c6c;
}

.doc-designer .component-config .config-body {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding: 30px;
    min-height: 0;
    overflow: hidden;
}

.doc-designer .config-body .body-title {
    color: #000;
    margin-bottom: 20px;
    font-size: 18px;
}

.doc-designer .config-body .link-btn {
    color: #b9c2cb;
    margin-top: 15px;
}

.doc-designer .config-body .link-btn:hover {
    color: #1199c4;
}

.doc-designer .config-body .manage-style {
    margin-top: 40px;
}

.doc-designer .component-config table {
    border-top: 1px solid #d9e0e5;
    border-left: 1px solid #d9e0e5;
}

.doc-designer .component-config tr {
    background-color: #fff;
}

.doc-designer .component-config tr:hover {
    background-color: #ebf0f5;
}

.doc-designer .component-config th,
.doc-designer .component-config td {
    border-right: 1px solid #d9e0e5;
    border-bottom: 1px solid #d9e0e5;
    font-size: 14px;
    color: #373c42;
    font-weight: 600;
    padding: 10px 15px;
    overflow: visible;
}

.doc-designer .component-config th {
    background-color: #ebf0f5;
    color: #959ca4;
}

.doc-designer .component-config td {
    color: #373c42;
}

.doc-designer .component-config table .inline-editable {
    display: block;
    position: relative;
    padding-right: 7px;
}

.doc-designer .component-config table .inline-editable input[type="text"] {
    margin-top: -4px;
    margin-bottom: -4px;
    height: 100%;
    width: 100%;
}

.doc-designer .component-config table .tool-icon {
    margin: 0;
    position: absolute;
    right: -10px;
    top: 3px;
}

.doc-designer .component-config table .chosen-container {
    min-height: 0;
    width: 100%;
}

.doc-designer .component-config table .chosen-container .chosen-single {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    padding: 0;
    height: auto;
}

.doc-designer .component-config table .chosen-container-single .chosen-single span {
    color: #373c42;
    margin-right: 16px;
}

.doc-designer .component-config table .chosen-container-single .chosen-single div b {
    background-position: 6px 0;
    top: 0;
}

.doc-designer .component-config table .action {
    padding: 0;
    text-align: center;
    width: 40px;
}
.doc-designer .component-config table td .remove {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 14px;
    width: 14px;
}

.doc-designer .component-config table td .remove:before,
.doc-designer .component-config table td .remove:after {
    content: "";
    display: inline-block;
    background-color: #a6b0ba;
    position: absolute;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
    top: 50%;
}
.doc-designer .component-config table td .remove:hover:before,
.doc-designer .component-config table td .remove:hover:after {
    background-color: #fb6c6c;
}
.doc-designer .component-config table td .remove:before {
    width: 100%;
    height: 1px;
}
.doc-designer .component-config table td .remove:after {
    width: 1px;
    height: 100%;
}

.doc-designer .each-component.selected {
    border-color: #1199c4;
}

.doc-designer .each-component .bmui-resize-handle {
    position: absolute;
    visibility: hidden;
}

.doc-designer .each-component:hover .bmui-resize-handle {
    visibility: visible;
}

.doc-designer .each-component .resize-top,
.doc-designer .each-component .resize-bottom {
    cursor: row-resize;
    height: 3px;
    width: 100%;
    left: 0;
    right: 0;
}

.doc-designer .each-component .resize-top {
    top: 0;
}

.doc-designer .each-component .resize-bottom {
    bottom: 0;
}

.doc-designer .each-component .resize-left,
.doc-designer .each-component .resize-right {
    cursor: col-resize;
    height: 100%;
    width: 3px;
    bottom: 0;
    top: 0;
}

.doc-designer .each-component .resize-left {
    left: 0;
}

.doc-designer .each-component .resize-right {
    right: 0;
}

/********************************************************** */

#workspace .doc-designer .accordion-panel > .label-bar {
    background: #f8f9fa;
    color: #767c84;
    font-size: 14px;
    font-weight: 600;
    border-left: none;
    border-right: none;
    padding-left: 30px;
    padding-right: 30px;
    margin: -1px 0 0 0;
    height: 70px;
    line-height: 70px;
}

#workspace .doc-designer .accordion-panel > .label-bar .toggle-icon {
    background-image: url("../../images/admin/toolbar-icon-sprite.png");
    background-position: -272px 0;
    left: auto;
    right: 28px;
    top: 27px;
}

#workspace .doc-designer .accordion-panel > .label-bar.expanded .toggle-icon {
    background-position: -256px 0;
}

#workspace .doc-designer .accordion-panel > .label-bar.expanded {
    background: none;
    border: none;
    color: #222426;
}

#workspace .doc-designer .accordion-item {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 8px 0 50px;
    padding: 0 30px;
}

.doc-designer .top-side-header {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0;
    padding: 0;
    height: auto;
}

.doc-designer .top-side-header:after {
    content: '';
    clear: both;
    display: table;
}

.doc-designer .top-side-header .bmui-tab-header {
    background-color: #fff;
    border: none;
    color: #909b9e;
    font-weight: 600;
    margin: 0;
    float: left;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
    width: 50%;
}

.doc-designer .top-side-header .bmui-tab-header.bmui-tab-active {
    color: #000;
}

.doc-designer .top-side-header .bmui-tab-header:before {
    display: none;
}

.doc-designer .top-side-header .bmui-tab-header:after {
    bottom: -1px;
    top: auto;
}

.doc-designer .top-side-header .bmui-tab-header.bmui-tab-active:after,
.doc-designer .top-side-header .bmui-tab-header:hover:after {
    background-color: #1199C4;
}

.component-item {
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    color: #373c42;
    font-size: 13px;
    padding: 0 8px;
    border: 1px solid #c7d1d9;
    margin: 3px 1.5px;
    min-width: 150px;
    max-width: 170px;
    height: 34px;
    line-height: 34px;
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;
    /* @alternate */  width: -moz-calc(50% - 6px);
    /* @alternate */  width: -webkit-calc(50% - 6px);
    width: calc(50% - 6px);
}

.component-item:hover {
    background-color: #1199c4;
    border-color: #1199c4;
    color: #fff;
}

.component-item.icon {
    padding-left: 33px;
    position: relative;
}

.component-item.icon:before {
    background-image: url("../../images/admin/doc-design-sprite.png");
    content: '';
    position: absolute;
    left: 12px;
    top: 11px;
    height: 13px;
    width: 13px;
}

.component-item.icon.text:before {
    background-position-x: 0;
}

.component-item.icon.invoice-table:before,
.component-item.icon.data-table:before {
    background-position-x: -39px;
}

.component-item.icon.image:before {
    background-position-x: -13px;
}

.component-item.icon.line:before {
    background-position-x: -26px;
}

.component-item.icon.area:before {
    background-position-x: -52px;
}

.doc-designer .double-input-row .form-row:nth-child(2) {
    margin-left: 20px;
}

.doc-designer .double-input-row .form-row {
    /* @alternate */  width: -moz-calc(50% - 10px);
    /* @alternate */   width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}

.doc-designer .form-row input,
.doc-designer .form-row select,
.doc-designer .form-row textarea,
.doc-designer .chosen-container-single .chosen-single span,
.doc-designer .form-row input[type="text"] {
    color: #373c42;
}

.doc-designer .form-row.inline-element .multi-button .button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #c7d1d9;
    display: inline-block;
    float: left;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    margin-left: 2px;
    width: 21px;
    font-weight: 700;
    line-height: 24px;
}

.doc-designer .form-row.inline-element {
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #e5eaf0;
    border-bottom: 1px solid #e5eaf0;
    padding: 15px 0;
}

.doc-designer .form-row.inline-element ~ .form-row.inline-element {
    margin-top: -1px;
}

.doc-designer .form-row.inline-element label {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding: 0 5px 0 0;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.doc-designer .form-row.inline-element .chosen-container,
.doc-designer .form-row.inline-element > input,
.doc-designer .form-row.inline-element > select {
    min-height: 24px;
    width: 90px;
}

.doc-designer .form-row.inline-element input,
.doc-designer .form-row.inline-element select {
    padding: 5px 8px;
    height: 24px;
}

.doc-designer .form-row.inline-element input {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-color: #c7d1d9;
    color: #97a0aa;
    font-size: 14px;
    padding: 5px 8px;
}

.doc-designer .form-row.inline-element .chosen-container-single .chosen-single {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 5px 10px;
    height: 24px;
    text-shadow: none;
    line-height: 14px;
    min-width: 0;
}

.doc-designer .form-row.inline-element .chosen-container-single .chosen-single span {
    color: #97a0aa;
    margin-right: 10px;
}

.doc-designer .form-row.inline-element .chosen-container-single .chosen-single div b {
    top: 0;
}

.doc-designer .form-row.inline-element .sp-replacer {
    padding: 0;
    border: none;
    background: none;
}

.doc-designer .form-row.inline-element .sp-preview {
    background: none;
    width: 30px;
    height: 30px;
    border: none;
    margin-right: 0;
}

.doc-designer .form-row.inline-element .sp-preview-inner {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    border: 3px solid #d1d9e2;
}

.doc-designer .form-row.inline-element .sp-dd {
    display: none;
}

.doc-designer .form-row.inline-element .value {
    color: #c2c9d2;
    text-transform: uppercase;
    top: 0;
    padding-right: 10px;
}

.doc-designer .form-row.inline-element .unit {
    background-color: #ebf0f5;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    border: 1px solid #c7d1d9;
    color: #909ba8;
    padding: 5px;
    line-height: 1;
    height: 24px;
    position: absolute;
    right: 0;
    z-index: 22;
}

.doc-designer .form-row.inline-element .unit + input {
    padding-right: 30px;
}

.doc-designer .form-row label {
    color: #969ea8;
}

.doc-designer .double-input-row .form-row .unit {
    color: #969ea8;
    font-style: normal;
    text-transform: lowercase;
    position: absolute;
    padding: 0;
    top: 38px;
    right: 10px;
    max-width: 22px;
    overflow: hidden;
    z-index: 22;
}

.doc-designer .double-input-row .form-row .unit + input {
    padding-right: 35px;
}

.doc-designer .editing-area {
    background-color: #fff;
    margin: 30px auto;
    height: 297mm;
    width: 210mm;
    position: relative;
}

.doc-designer .editing-area:before {
    background-image: url("../../images/admin/editor-grid.png");
    background-clip: content-box;
    background-origin: content-box;
    content: '';
    padding: inherit;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.filler-row.each-component.bmui-resizable.bmui-draggable.bmui-draggable-cloned-helper:before,.filler-row.each-component.bmui-resizable.bmui-draggable.bmui-draggable-cloned-helper:after {
    content: "";
    height: 1px;
    width: 4000px;
    background-color: rgba(143, 32, 213, 0.2);
    position: absolute;
    left: -2000px;
    top: -1px;
    z-index: 9999;
}

.filler-row.each-component.bmui-resizable.bmui-draggable.bmui-draggable-cloned-helper:after {
    top: auto;
    bottom: -1px;
}

.filler-row.each-component.bmui-resizable.bmui-draggable.bmui-draggable-cloned-helper .value:before,.filler-row.each-component.bmui-resizable.bmui-draggable.bmui-draggable-cloned-helper .value:after {
    content: "";
    width: 1px;
    height: 4000px;
    background-color: rgba(143, 32, 213, 0.2);
    position: absolute;
    top: -2000px;
    left: -1px;
    z-index: 9999;
}

.filler-row.each-component.bmui-resizable.bmui-draggable.bmui-draggable-cloned-helper .value:after {
    left: auto;
    right: -1px;
}

/**
 * 1.0 Font Family
 * -----------------------------------------------------------------------------
 */

@font-face {
    font-family : 'source_sans_proregular';
    src         : url('../../font/sourcesanspro-regular-webfont.eot');
    src         : url('../../font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/sourcesanspro-regular-webfont.woff2') format('woff2'),
    url('../../font/sourcesanspro-regular-webfont.woff') format('woff'),
    url('../../font/sourcesanspro-regular-webfont.ttf') format('truetype'),
    url('../../font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight : normal;
    font-style  : normal;
}
@font-face {
    font-family : 'source_sans_prosemibold';
    src         : url('../../font/sourcesanspro-semibold-webfont.eot');
    src         : url('../../font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/sourcesanspro-semibold-webfont.woff2') format('woff2'),
    url('../../font/sourcesanspro-semibold-webfont.woff') format('woff'),
    url('../../font/sourcesanspro-semibold-webfont.ttf') format('truetype'),
    url('../../font/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight : normal;
    font-style  : normal;
}
@font-face {
    font-family : 'source_sans_probold';
    src         : url('../../font/sourcesanspro-bold-webfont.eot');
    src         : url('../../font/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/sourcesanspro-bold-webfont.woff2') format('woff2'),
    url('../../font/sourcesanspro-bold-webfont.woff') format('woff'),
    url('../../font/sourcesanspro-bold-webfont.ttf') format('truetype'),
    url('../../font/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight : normal;
    font-style  : normal;
}
/**
 * 2.0 Reset CSS
 * -----------------------------------------------------------------------------
 */
html {
    font-family              : sans-serif;
    -webkit-text-size-adjust : 100%;
    -ms-text-size-adjust     : 100%;
}
body {
    margin : 0;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display : block;
}
audio,
progress,
video {
    vertical-align : baseline;
}
audio:not([controls]) {
    display : none;
    height  : 0;
}
[hidden],
template {
    display : none;
}
a {
    background-color : transparent;
}
a:active,
a:hover {
    outline : 0;
}
abbr[title] {
    border-bottom : 1px dotted;
}
b,
strong {
    font-weight : bold;
}
dfn {
    font-style : italic;
}
h1 {
    margin    : .67em 0;
    font-size : 2em;
}
mark {
    color      : #000000;
    background : #FFFF00;
}
small {
    font-size : 80%;
}
sub,
sup {
    position       : relative;
    font-size      : 75%;
    line-height    : 0;
    vertical-align : baseline;
}
sup {
    top : -.5em;
}
sub {
    bottom : -.25em;
}
img {
    border : 0;
}
svg:not(:root) {
    overflow : hidden;
}
figure {
    margin : 1em 40px;
}
hr {
    height              : 0;
    -webkit-box-si1zing : content-box;
    -moz-box-sizing     : content-box;
    box-sizing          : content-box;
    border-top          : 1px solid #EEEEEE;
}
pre {
    overflow : auto;
}
code,
kbd,
pre,
samp {
    font-family : monospace, monospace;
    font-size   : 1em;
}
button,
input,
optgroup,
select,
textarea {
    margin : 0;
    font   : inherit;
    color  : inherit;
}
button {
    overflow : visible;
}
button,
select {
    text-transform : none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance : button;
    cursor             : pointer;
}
button[disabled],
html input[disabled] {
    cursor : default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding : 0;
    border  : 0;
}
input[type=text]::-ms-clear {
    display : none;
}
input[type=password]::-ms-reveal {
    display : none;
}
input {
    line-height : normal;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height : auto;
}
input[type="search"] {
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
    -webkit-appearance : textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance : none;
}
fieldset {
    padding : .35em .625em .75em;
    margin  : 0 2px;
    border  : 1px solid #C0C0C0;
}
legend {
    padding : 0;
    border  : 0;
}
textarea {
    overflow : auto;
}
optgroup {
    font-weight : bold;
}
table {
    background-color : #FFFFFF;
    border-spacing   : 0;
    border-collapse  : collapse;
    table-layout     : fixed;
    width            : 100%;
    max-width        : 100%;
}
.table-no-entry-row td {
    text-align : center;
}
td,
th {
    padding : 0;
}
input[type="text"][disabled],
select[disabled],
button[disabled],
button[disabled]:active,
button.submit-button[disabled],
button.submit-button[disabled]:hover,
button.submit-button[disabled]:active,
.chosen-container-single.disabled .chosen-single {
    background  : none repeat scroll 0 0 #EEEEEE;
    box-shadow  : none;
    color       : #333333;
    text-shadow : 0 1px 1px #FFFFFF;
}
/**
 * 3.0 Preset Dimensions
 * -----------------------------------------------------------------------------
 */

input[type="text"],
input[type="password"],
select,
textarea {
    border        : 1px solid #D3DBDF;
    border-radius : 3px;
    color         : #666666;
    height        : 28px;
    padding       : 4px 10px;
}
input:focus,
select:focus,
textarea:focus {
    border     : 1px solid #1199C4;
    box-shadow : 0 0 5px 0 rgba(17, 152, 192, 0.1);
}
input[type="text"].error-highlight,
input[type="password"].error-highlight,
select.error-highlight,
button.error-highlight,
td input[type="text"].error-highlight,
textarea.error-highlight {
    border     : 1px solid #E47272;
    background : #FFFFFF;
}
tr.error-highlight {
    border     : 2px solid #E47272;
    background : #FFFFFF;
}
tr.error-highlight.blink {
    animation         : blink 1.8s steps(10, start) infinite;
    -webkit-animation : blink 1.8s steps(10, start) infinite;
    -moz-animation    : blink 1.8s steps(10, start) infinite;
}
@keyframes blink {
    to {
        visibility : hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility : hidden;
    }
}
@-moz-keyframes blink {
    to {
        visibility : hidden;
    }
}
textarea {
    height : auto;
}
textarea.xx-larger {
    min-height : 100px;
    width      : 100%;
}
textarea.xx-large {
    min-height : 100px;
    width      : 100%;
}
:focus {
    outline : none;
}
input[type="text"].validation-error,
input[type="password"].validation-error,
button.validation-error {
    border     : 1px solid #E47272;
    background : #FFFFFF;
}
select.medium,
textarea.medium,
input.medium[type="text"],
input.medium[type="password"],
div.medium,
select[multiple].medium {
    width : 200px;
}
select.small,
textarea.small,
input.small[type="text"],
input.small[type="password"],
div.small,
select[multiple].small {
    width : 150px;
}
select.smaller,
textarea.smaller,
input.smaller[type="text"],
input.smaller[type="password"],
div.smaller,
select[multiple].smaller {
    width : 100px;
}
select.tiny,
textarea.tiny,
input.tiny[type="text"],
input.tiny[type="password"],
div.tiny,
select[multiple].tiny {
    width : 65px;
}
td .td-full-width,
td div.td-full-width,
.rteditor-wrap,
td select[multiple].td-full-width,
select.form-full-width,
textarea.form-full-width,
input.form-full-width[type="text"],
input.form-full-width[type="password"],
div.form-full-width,
.dropzone-wrapper.medium,
.form-row select,
.form-row textarea,
.form-row input[type="text"],
.form-row input[type="password"] {
    width : 100%;
}
/**
 * 4.0 Common CSS
 * -----------------------------------------------------------------------------
 */
* {
    box-sizing : border-box;
}
*:before,
*:after {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}
html,
body {
    margin    : 0;
    padding   : 0;
    min-width : 1200px;
}
html {
    font-size                   : 10px;
    -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}
body {
    font-family : 'source_sans_proregular';
    font-size   : 14px;
    line-height : 1.42857143;
    color       : #575757;
}
input,
button,
select,
textarea {
    font-family : inherit;
    font-size   : inherit;
    line-height : inherit;
}
a {
    text-decoration : none;
    color           : #16AAD8;
}
a:hover,
a:focus {
    color : #80D5EF;
}
a:focus {
    outline        : thin dotted;
    /* @alternate */   outline        : 5px auto -webkit-focus-ring-color;
    outline-offset : -2px;
}
figure {
    margin : 0;
}
img {
    vertical-align : middle;
}
hr {
    margin-top    : 20px;
    margin-bottom : 20px;
    border-top    : 1px solid #EEEEEE;
}
h1 {
    font-size : 36px;
}
h2 {
    font-size : 30px;
}
h3 {
    font-size : 24px;
}
h4 {
    font-size : 18px;
}
h5 {
    font-size : 14px;
}
h6 {
    font-size : 12px;
}
p {
    margin : 0 0 10px;
}
ul,
ol {
    margin-top    : 0;
    margin-bottom : 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom : 0;
}
dl {
    margin-top    : 0;
    margin-bottom : 20px;
}
dt,
dd {
    line-height : 1.42857143;
}
dt {
    font-weight : bold;
}
dd {
    margin-left : 0;
}
.tooltipster-content xmp{
    display: inline-block;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.display-none {
    display: none;
}
.display-none-force {
    display: none !important;
}
/**
 * 5.0 Icon Design
 * -----------------------------------------------------------------------------
 */
.tab-header .close,
.notification .close,
.confirm-popup .header-line .icon {
    background-image  : url("../../images/admin/12-icon-sprite.png");
    background-repeat : no-repeat;
    height            : 12px;
    width             : 12px;
    display           : inline-block;
    cursor            : pointer;
}
.status,
.tool-group.search-form .remove-search,
.tab-header .icon,
.menu-item .icon,
.tool-icon,
.dashlet .header .icon,
.new-dashlet .header .icon,
.component .icon,
.status-block.hotlink .icon,
.float-menu-opened .float-menu-navigator,
.blocklist-item:hover .float-menu-navigator,
.tree-node:hover .float-menu-navigator,
.grid-item:hover .float-menu-navigator,
.image-thumb:hover .float-menu-navigator,
.notification .icon,
.row-wcui-checkbox-right .float-menu-navigator,
.tool-group .toolbar-item i {
    background-image  : url("../../images/admin/16-icon-sprit.png");
    background-repeat : no-repeat;
    display           : inline-block;
    height            : 16px;
    width             : 16px;
    vertical-align    : middle;
    cursor            : pointer;
}
.tool-group.tool-group-label {
    padding-top : 4px;
}
.directory-info .folder-icon {
    background-image    : url("../../images/admin/24-icon-sprite.png");
    background-repeat   : no-repeat;
    background-position : 0 0;
    display             : inline-block;
    height              : 24px;
    width               : 24px;

}
.alert-popup .header-line .icon {
    background-image    : url("../../images/admin/36-icon-sprite.png");
    background-repeat   : no-repeat;
    background-position : 0 0;
    height              : 36px;
    width               : 36px;
    display             : inline-block;
    cursor              : pointer;
}
/**
 * 6.0 Repeatable CSS
 * -----------------------------------------------------------------------------
 */

/**
 * 6.1 Floating Menu
 * -----------------------------------------------------------------------------
 */
.floating-menu {
    background-color : #FFFFFF;
    border           : 1px solid #E5E5E5;
    box-shadow       : 0 0 15px rgba(0, 0, 0, 0.1);
    padding          : 15px 22px;
    position         : absolute;
    white-space      : nowrap;
    z-index          : 1000;
    left             : -10000px;
    top              : -10000px;
}
.floating-menu:before {
    border-color : transparent transparent #FFFFFF;
    border-style : solid;
    border-width : 0 6px 6px;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 14px;
    top          : -6px;
    width        : 0;
    z-index      : 10;
}
.floating-menu:after {
    border-color : transparent transparent #CCCCCC;
    border-style : solid;
    border-width : 0 7px 7px;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 13px;
    top          : -7px;
    width        : 0;
    z-index      : 0;
}
.floating-menu.up-side:before {
    border-color : #FFFFFF transparent transparent;
    border-width : 6px 6px 0;
    top          : 100%;
}
.floating-menu.up-side:after {
    border-color : #CCCCCC transparent transparent;
    border-width : 7px 7px 0;
    top          : 100%;
}
.menu-item {
    font-family : source_sans_proregular;
    cursor      : pointer;
    line-height : 35px;
    padding     : 0px;
    position    : relative;
}
.menu-item:hover {
    color : #16AAD8;
}
.menu-item .label {
    border-bottom  : 1px solid #F5F5F5;
    color          : #424646;
    display        : block;
    min-width      : 160px;
    padding-left   : 26px;
    text-align     : left;
    vertical-align : middle;
}
.menu-item .label:hover {
    color : #1199C4;
}
.menu-item:last-child .label, .menu-item.last-menu-item .label {
    border-bottom : medium none;
}
.menu-item .icon {
    left     : 0;
    position : absolute;
    top      : 8px;
}
.menu-item.history .icon {
    background-position: -304px 0;
}
.menu-item.log .icon {
    background-position: -128px 0;
}
.menu-item.reset-password .icon {
    background-position: -16px 0px;
}
/* floating menu icon sprite */
.menu-item.layout .icon {
    background-position : -192px 0;
}
.menu-item.template .icon {
    background-position : -208px 0;
}
.menu-item.history .icon {
    background-position: -304px 0px;
}
.menu-item.log .icon {
    background-position: -128px 0px;
}
.menu-item.album .icon {
    background-position : -224px 0;
}
.menu-item.asset-library .icon {
    background-position : -240px 0;
}
.menu-item.fixed-page .icon {
    background-position : -256px 0;
}
.menu-item.content .icon {
    background-position : -272px 0;
}
.menu-item.doc .icon {
    background-position : -304px 0;
}
.menu-item.navigation .icon {
    background-position : -288px 0;
}
.menu-item.news .icon {
    background-position : -304px 0;
}
.menu-item.page .icon {
    background-position : -320px 0;
}
.menu-item.brand .icon {
    background-position : -336px 0;
}
.menu-item.set-base-currency .icon,
.menu-item.currency .icon {
    background-position : -352px 0;
}
.menu-item.discount .icon {
    background-position : -368px 0;
}
.menu-item.item .icon {
    background-position : -384px 0;
}
.menu-item.manufacturer .icon {
    background-position : -400px 0;
}
.menu-item.order .icon {
    background-position : -416px 0;
}
.menu-item.manage-payment .icon,
.menu-item.payment-gateway .icon {
    background-position : -432px 0;
}
.menu-item.shipment-details .icon,
.menu-item.manage-shipment .icon,
.menu-item.shipping .icon {
    background-position : -448px 0;
}
.menu-item.tax .icon {
    background-position : -464px 0;
}
.menu-item.sitemap .icon {
    background-position : -480px 0;
}
.menu-item.newsletterView .icon {
    background-position : -496px 0;
}
.menu-item.commander-stats .icon {
    background-position : -512px 0;
}
.menu-item.customer .icon {
    background-position : -528px 0;
}
.menu-item.plugin .icon {
    background-position : -544px 0;
}
.menu-item.role .icon {
    background-position : -560px 0;
}
.menu-item.setting .icon {
    background-position : -576px 0;
}
.menu-item.trash .icon {
    background-position : -592px 0;
}
.menu-item.my-account .icon,
.menu-item.operator .icon {
    background-position : -608px 0;
}
.menu-item.zone .icon {
    background-position : -624px 0;
}
.menu-item.enterpriseReporting .icon {
    background-position : -640px 0;
}
.menu-item.google-analytics .icon {
    background-position : -656px 0;
}
.menu-item.manage-section-owner-permissions .icon,
.menu-item.section-list .icon,
.menu-item.create-section .icon {
    background-position : -704px 0;
}
.menu-item.manage-article-owner-permissions .icon,
.menu-item.article-list .icon,
.menu-item.create-article .icon {
    background-position : -720px 0;
}
.menu-item.import .icon {
    background-position : -736px 0;
}
.menu-item.export .icon {
    background-position : -752px 0;
}
.menu-item.create-combined-product .icon,
.menu-item.add-product .icon,
.menu-item.product .icon,
.menu-item.create-product .icon,
.menu-item.product-permissions .icon {
    background-position : -768px 0;
}
.menu-item.add-sub-category .icon,
.menu-item.category .icon,
.menu-item.create-category .icon,
.menu-item.category-permissions .icon {
    background-position : -784px 0;
}
.menu-item.upload .icon {
    background-position : -352px -32px;
}
.menu-item.page-permission .icon,
.menu-item.manage-owner-permissions .icon,
.menu-item.product-permission .icon,
.menu-item.category-permission .icon,
.menu-item.permission .icon {
    background-position : -368px -32px;
}
.menu-item.properties .icon {
    background-position : -384px -32px;
}
.menu-item.revision .icon {
    background-position : -144px -32px;
}
.menu-item.download .icon {
    background-position : -400px -32px;
}
.menu-item.asset-library-get-link .icon {
    background-position : -416px -32px;
}
.menu-item.view-in-site .icon {
    background-position : -656px 0;
}
.menu-item.cancel-order .icon {
    background-position : -688px 0;
}
.menu-item.comment-history .icon {
    background-position : -464px -32px;
}
.menu-item.add-shipment .icon {
    background-position : -432px -32px;
}
.menu-item.send-invoice .icon {
    background-position : -496px 0;
}
.menu-item.visit-site .icon {
    background-position : -480px -32px;
}
.menu-item.switch-dashboard .icon {
    background-position : -704px -32px;
}
.menu-item.help .icon {
    background-position : -496px -32px;
}
.menu-item.logout .icon {
    background-position : -512px -32px;
}
.menu-item.edit-css .icon,
.menu-item.open-in-editor .icon {
    background-position : -528px -32px;
}
.menu-item.discount-profile .icon {
    background-position : -544px -32px;
}
.menu-item.explorer .icon {
    background-position : -560px -32px;
}
.menu-item.import-customer .icon {
    background-position : -736px 0;
}
.menu-item.export-customer .icon {
    background-position : -752px 0;
}
.menu-item.customers .icon {
    background-position : -608px 0;
}
.menu-item.customer-group .icon {
    background-position : -528px 0;
}
.menu-item.adjust-store-credit .icon {
    background-position : -352px 0;
}
.menu-item.store-credit-history .icon {
    background-position : -576px -32px;
}
.menu-item.plugin-repository .icon {
    background-position : -240px 0;
}
.menu-item.manage-operators .icon {
    background-position : -608px 0;
}
.menu-item.manage-permissions .icon {
    background-position : -368px -32px;
}
.menu-item.send-newsletter, .menu-item.send-email .icon {
    background-position : -496px 0;
}
.menu-item.list .icon,
.menu-item.list-view .icon {
    background-position : -608px -32px;
}
.tool-icon.replace,
.menu-item.restore .icon {
    background-position : -768px -32px;
}
.menu-item.manage-role .icon {
    background-position : -560px 0;
}
.menu-item.subscriber .icon {
    background-position : -624px -32px;
}
.menu-item.unsubscriber .icon {
    background-position : -640px -32px;
}
.menu-item.config .icon {
    background-position : -80px 0;
}
.menu-item.settings .icon {
    background-position : -240px -64px;
}
.menu-item.product-report .icon,
.menu-item.products {
    background-position : -384px 0;
}
.menu-item.order-report .icon,
.menu-item.orders .icon{
    background-position : -416px 0;
}
.menu-item.payment-report .icon,
.menu-item.payments .icon {
    background-position : -432px 0;
}
.menu-item.tax-report .icon,
.menu-item.taxes .icon{
    background-position : -464px 0;
}
.menu-item.print-order .icon {
    background-position : -656px -32px;
}
.menu-item.complete-order .icon {
    background-position : -672px -32px;
}
.menu-item.uninstall .icon {
    background-position : -688px -32px;
}
.menu-item.view-sitemap .icon {
    background-position : -704px -32px;
}
.menu-item.generate-sitemap .icon {
    background-position : -432px -32px;
}
.menu-item.add-payment .icon {
    background-position : -432px -32px;
}
.menu-item.pay .icon {
    background-position : -432px 0;
}
.menu-item.refund .icon {
    background-position : -416px -32px;
}
.menu-item.message-source .icon {
    background-position : -176px -64px;
}
.menu-item.abandoned-cart .icon {
    background-position : -256px -64px;
}
.menu-item.send-notification .icon {
    background-position : -496px 0;
}
.menu-item.notification-status.enable-notify .icon {
    background-position : -272px -64px;
}
.menu-item.notification-status.disable-notify .icon {
    background-position : -288px -64px;
}
.menu-item.auto-populate-navigation .icon {
    background-position : -432px -64px;
}
.menu-item.load .icon {
    background-position : -448px -64px;
}
.menu-item.base-combination .icon {
    background-position : -512px -64px;
}
.menu-item.deactivate .icon {
    background-position : -528px -64px;
}
.menu-item.quote .icon {
    background-position : -560px -64px;
}
.menu-item.requote .icon {
    background-position : -576px -64px;
}
.menu-item.make-order .icon {
    background-position : -592px -64px;
}
.menu-item.edit-shipping-address .icon {
    background-position : -608px -64px;
}
.menu-item.edit-billing-address .icon {
    background-position : -624px -64px;
}
.menu-item.activity-log .icon {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%200.888889C16%200.464%2015.6631%200%2015.1111%200H0.888889C0.337778%200%200%200.461333%200%200.888889V15.1111C0%2015.6631%200.462222%2016%200.888889%2016H15.1111C15.536%2016%2016%2015.6631%2016%2015.1111V0.888889ZM1.33333%201.33333H14.6667V14.6667H1.33333V1.33333ZM13.3333%2010.8889C13.3333%2010.5209%2013.0347%2010.2222%2012.6667%2010.2222H8.66667C8.29867%2010.2222%208%2010.5209%208%2010.8889C8%2011.2569%208.29867%2011.5556%208.66667%2011.5556H12.6667C13.0347%2011.5556%2013.3333%2011.2569%2013.3333%2010.8889ZM2.86933%2010.4116L3.98044%2011.4018C4.096%2011.5049%204.24089%2011.5556%204.38489%2011.5556C4.54933%2011.5556%204.71378%2011.4889%204.83289%2011.3582L6.71378%209.30222C6.82044%209.18578%206.87289%209.03911%206.87289%208.89422C6.87289%208.56089%206.60356%208.288%206.26489%208.288C6.10044%208.288%205.93778%208.35378%205.81689%208.48444L4.34133%2010.0978L3.67822%209.50667C3.56178%209.40356%203.41778%209.35289%203.27378%209.35289C2.93689%209.35289%202.66667%209.62578%202.66667%209.95911C2.66667%2010.1262%202.73511%2010.2916%202.86933%2010.4116V10.4116ZM13.3333%208.00178C13.3333%207.63378%2013.0347%207.33511%2012.6667%207.33511H8.66667C8.29867%207.33511%208%207.63378%208%208.00178C8%208.36978%208.29867%208.66844%208.66667%208.66844H12.6667C13.0347%208.66844%2013.3333%208.36978%2013.3333%208.00178ZM2.86933%206.568L3.98044%207.55822C4.096%207.66133%204.24089%207.712%204.38489%207.712C4.54933%207.712%204.71378%207.64622%204.83289%207.51556L6.71378%205.45956C6.82044%205.34311%206.87289%205.19644%206.87289%205.05067C6.87289%204.71822%206.60356%204.44444%206.26489%204.44444C6.10044%204.44444%205.93778%204.51022%205.81689%204.64089L4.34133%206.25422L3.67822%205.664C3.56178%205.56089%203.41778%205.51022%203.27378%205.51022C2.93689%205.51022%202.66667%205.78222%202.66667%206.11644C2.66667%206.28267%202.73511%206.44889%202.86933%206.56889V6.568ZM13.3333%205.11111C13.3333%204.74311%2013.0347%204.44444%2012.6667%204.44444H8.66667C8.29867%204.44444%208%204.74311%208%205.11111C8%205.47911%208.29867%205.77778%208.66667%205.77778H12.6667C13.0347%205.77778%2013.3333%205.47911%2013.3333%205.11111Z%22%20fill%3D%22%239A9A99%22%2F%3E %3C%2Fsvg%3E");
}
.menu-item.third-party-analytics .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%20clip-path%3D%22url%28%23clip0_315_16%29%22%3E %3Cpath%20d%3D%22M4.66675%2016H0.666748V12H4.66675V16ZM10.0001%2010H6.00008V16H10.0001V10ZM15.3334%207.33333H11.3334V16H15.3334V7.33333ZM15.3334%200L11.3334%200.814L12.4774%201.95267L7.91075%206.44133L5.91008%204.44L0.682748%209.638L1.62275%2010.5833L5.90741%206.32333L7.90142%208.31867L13.4214%202.894L14.5327%204.00067L15.3334%200V0Z%22%20fill%3D%22%23929291%22%2F%3E %3C%2Fg%3E %3Cdefs%3E %3CclipPath%20id%3D%22clip0_315_16%22%3E %3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3C%2Fsvg%3E");
    background-position: center;
}
/**
 * 6.1.1 Main Menu
 * -----------------------------------------------------------------------------
 */
.floating-menu.ribbon-menu {
    background-color : #F6F8F7;
    border-top       : medium none;
    padding          : 0;
    z-index          : 1000;
}
.ribbon-menu .menu-item {
    background-color : #FFFFFF;
    border           : medium none;
    margin-left      : 45px;
    padding          : 0 24px 0 14px;
}
.ribbon-menu .menu-item:hover {
    background-color : #F6F8F7;
    border           : medium none;
}
.ribbon-menu .menu-item:last-child {
    padding : 0 24px 7px 14px;
}
.ribbon-menu .menu-item .icon {
    left : -29px;
}
.ribbon-menu .menu-item .label {
    border  : medium none;
    padding : 0;
}
.ribbon-menu .menu-item.rule {
    display: none;
}
.ribbon-menu.floating-menu:before {
    border-color : transparent transparent #FFFFFF;
    border-width : 0 10px 8px;
    content      : "";
    left         : 52px;
    top          : -8px;
}
.ribbon-menu.floating-menu:after {
    border-color : transparent transparent rgba(0, 0, 0, 0.2);
    border-width : 0 11px 9px;
    left         : 51px;
    right        : inherit;
    top          : -10px;
}
.floating-menu.ribbon-menu .sub-menu {
    box-shadow       : 0 0 5px #E6E6E6;
    background-color : #F6F8F7;
    border-top       : medium none;
    padding          : 0;
}
.floating-menu.ribbon-menu .sub-menu:before {
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 10px 10px 10px 0;
    border-color : transparent #F6F8F7 transparent transparent;
    left         : -10px;
    top          : 10px;

}
.floating-menu.ribbon-menu .sub-menu:after {
    border-color : transparent rgba(0, 0, 0, 0.1) transparent transparent;
    border-width : 11px 12px 11px 0;
    height       : 0;
    left         : -12px;
    top          : 9px;
    width        : 0;
    z-index      : 0;
}
.ribbon-menu .menu-item:hover .sub-menu .menu-item {
    color : #575757;
}
.ribbon-menu .menu-item:hover .sub-menu .menu-item:hover {
    color : #16AAD8;
}
/**
 * 6.1.2 App User Menu
 * -----------------------------------------------------------------------------
 */
.floating-menu.app-user-menu {
    background-color : #F6F8F7;
    border-top       : medium none;
    padding          : 0;
}
.app-user-menu .menu-item {
    background-color : #FFFFFF;
    border           : medium none;
    margin-left      : 45px;
    padding          : 0 24px 0 14px;
}
.app-user-menu .menu-item.switch-dashboard {
    padding          : 0 24px 7px 14px;
}
.app-user-menu .menu-item:hover {
    background-color : #F6F8F7;
    border           : medium none;
}
.app-user-menu .menu-item:last-child {
    padding : 0 24px 7px 14px;
}
.app-user-menu .menu-item .icon {
    left : -31px;
}
.app-user-menu .menu-item .label {
    border  : medium none;
    padding : 0;
}
/**
 * 6.1.3 Scrollable blocklist-item
 * -----------------------------------------------------------------------------
 */
.scrollable-blocktype-list {
    background-color : #FFFFFF;
    padding          : 10px 35px;
    position         : relative;
}
.scrollable-blocktype-list .item-thumb {
    margin  : 0;
    padding : 30px 0;
}
.scrollable-blocktype-list .scroll-navigator {
    background-image  : url("../../images/admin/item_thumb_nav_arrow_sprite.png");
    background-repeat : no-repeat;
    background-color  : transparent;
    height            : 20px;
    margin-top        : -10px;
    top               : 50%;
    width             : 13px;
}
.scrollable-blocktype-list .scroll-navigator.left-scroller {
    background-position : 0 0;
    left                : 10px;
}
.scrollable-blocktype-list .scroll-navigator.left-scroller:hover {
    background-position : 0 -20px;
    right               : 10px;
}
.scrollable-blocktype-list .scroll-navigator.right-scroller {
    background-position : -13px 0;
    right               : 10px;
}
.scrollable-blocktype-list .scroll-navigator.right-scroller:hover {
    background-position : -13px -20px;
    right               : 10px;
}
.scrollable-blocktype-list .scroll-navigator:after {
    background-image : none;
}
.scrollable-blocktype-list .item-thumb {
    display : inline-block;
}
.scrollable-blocktype-list .blocklist-item {
    border        : medium none;
    border-radius : 0;
    box-shadow    : none;
    display       : inline-block;
    height        : auto;
    margin        : 0;
    padding       : 40px 0;
    text-align    : center;
    width         : 100%;
}
.scrollable-blocktype-list .blocklist-item:hover {
    background-color : #F8F9FB;
}
.scrollable-blocktype-list .blocklist-item.selected {
    border : none;
}
.scrollable-blocktype-list .blocklist-item.selected:nth-child(n):before,
.scrollable-blocktype-list .blocklist-item:nth-child(n):before,
.scrollable-blocktype-list .blocklist-item:before {
    box-shadow : none;
    background : none;
}
.scrollable-blocktype-list .content-overflow.scrollable.horizontal {
    margin    : 0;
    font-size : 0;
}
.scrollable-blocktype-list .blocklist-item .icon {
    background-image  : url("../../images/admin/shipping-navigation.png");
    background-repeat : no-repeat;
    display           : inline-block;
    height            : 50px;
    width             : 50px;
}
.scrollable-blocktype-list .blocklist-item .item-title {
    color          : #555555;
    display        : block;
    font-size      : 18px;
    font-weight    : 600;
    overflow       : hidden;
    padding        : 5px 0;
    text-overflow  : ellipsis;
    text-transform : uppercase;
    white-space    : nowrap;
}
.scrollable-blocktype-list .blocklist-item.selected .item-title {
    color : #555555;
}
.scrollable-blocktype-list .blocklist-item .float-menu-navigator {
    right : 10px;
    top   : 20px;
}
.left-panel-btn {
    padding : 15px 0;
}
.left-panel-btn button {
    border-radius  : 0;
    font-size      : 16px;
    padding        : 12px 6px;
    text-transform : uppercase;
    width          : 100%;
}
#tab-shipping .two-panel-resizable.without-resize-bar .left-panel {
    position : relative;
}
#workspace .scrollable-blocktype-list .item-thumb .errorlist {
    right : 45px;
    top   : 29px;
}
/**
 * 6.1.4 Dragable item
 * -----------------------------------------------------------------------------
 */
.dragable-item-container {
    background-color : #FFFFFF;
    border           : 1px solid #F0F0F0;
}
.dragable-item-container .item-row {
    background-color : #FFFFFF;
    border-bottom    : 1px solid #F0F0F0;
    font-size        : 0;
    position         : relative;
}
.dragable-item-container .item-row.bmui-draggable-cloned-helper {
    border  : 1px solid #F0F0F0;
    z-index : 9999999999999999999999;
}
.bmui-draggable-cloned-helper {
    border  : 1px solid #F0F0F0;
    z-index : 9999999999999999999999;
}
.dragable-item-container .item-row.highlight-row {
    border : 2px solid #B2E1F1;
}
.dragable-item-container .item-row * {
    font-size      : 14px;
    vertical-align : middle;
}
.dragable-item-container .item-row > * {
    padding : 7px;
}
.dragable-item-container .left-column {
    display : inline-block;
    padding : 15px;
    width   : 250px;
}
.dragable-item-container .right-column {
    background-color : #F7F9F8;
    display          : inline-block;
    /* @alternate */  width            : -moz-calc(100% - 250px);
    /* @alternate */   width            : -webkit-calc(100% - 250px);
    width            : calc(100% - 250px);
}
.dragable-item-container .row {
    background-color : #FFFFFF;
    font-size        : 0;
    padding          : 20px;
}
.dragable-item-container .column {
    display : inline-block;
    padding : 10px;
    width   : 30%;
}
.dragable-item-container .column.actions-column {
    text-align : right;
    width      : 10%;
}
.dragable-item-container .column.remove-column {
    text-align : right;
    width      : 10%;
}
.dragable-item-container .column.add-column {
    text-align : center;
    width      : 90%;
}
.dragable-item-container .left-column .name {
    font-style    : italic;
    overflow      : hidden;
    position      : absolute;
    text-overflow : ellipsis;
    top           : 5px;
    white-space   : nowrap;
    width         : 200px;
}
.dragable-item-container .zone .zone-name {
    color         : #000000;
    display       : inline-block;
    font-size     : 16px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    width         : 175px;
}
.dragable-item-container .zone .tool-icon {
    background-image    : url("../../images/admin/zone_flug_lg.png");
    background-position : 0 0;
    background-repeat   : no-repeat;
    height              : 17px;
    margin-right        : 5px;
    width               : 34px;
}
.dragable-item-container .left-column .tool-icon.edit {
    left     : 225px;
    position : absolute;
    top      : 6px;
}
.dragable-item .left-column .zone {
    padding : 20px 0 0;
}
/**
 *  6.2 - Layout
 * -----------------------------------------------------------------------------
 */
#workspace {
    background-color : #F0F3F4;
    position         : relative;
    /* @alternate */   height           : -moz-calc(100% - 102px);
    /* @alternate */   height           : -webkit-calc(100% - 102px);
    height           : calc(100% - 102px);
    overflow         : hidden;
}

.content-tabs-container {
    background-color : #F0F3F4;
    left             : 100%;
    top              : -100%;
}
.content-tabs-container,
.dashboard-container,
.new-dashboard-container {
    height : 100%;
}
.content-tabs-container.email-v-notification-active,
.dashboard-container.email-v-notification-active,
.new-dashboard-container.email-v-notification-active {
    height: calc(100% - 40px);
}
.dashboard-env .dashboard-container,
.dashboard-env .new-dashboard-container {
    overflow: hidden;
}
.content-tabs-env .dashboard-container,
.content-tabs-env .new-dashboard-container,
.dashboard-env .content-tabs-container {
    display : none;
}
.app-tab-container {
    /* @alternate */   height  : -moz-calc(100% - 46px);
    /* @alternate */  height  : -webkit-calc(100% - 46px);
    height  : calc(100% - 46px);
    padding : 0 20px 20px;
}
.app-tab-container > .header {
    height           : 49px;
    padding          : 10px 0;
    background-color : #F0F3F4;
}
.app-tab-container.manage-my-account-content {
    padding : 0 0 0;
}
.inside-header {
    height : 23px;
}
.app-tab-container .header-title {
    color       : #000000;
    font-size   : 15px;
    font-weight : bold;
    left        : 0px;
    line-height : 30px;
    position    : relative;
}
.app-tab-container .header-title .emphasized {
    color          : #455257;
    display        : inline-block;
    font-style     : italic;
    font-weight    : normal;
    max-width      : 900px;
    overflow       : hidden;
    text-overflow  : ellipsis;
    vertical-align : middle;
    white-space    : nowrap;
    padding-right: 7px;
}
.embedded-edit-form-panel .header + .body > .bmui-tab,
.bmui-tab-content-container {
    height: 100%;
}
div.bmui-tab-content-container.bmui-tab-panel .app-tab-content-container {
    /* @alternate */    height: -moz-calc(100% - 85px);
    /* @alternate */   height: -webkit-calc(100% - 85px);
    height: calc(100% - 85px);
}
.embedded-edit-form-panel .header + .body > .bmui-tab .bmui-tab-body-container > .header::after {
    clear: both;
    content: "";
    display: block;
}
.bmui-tab-panel.table-view .app-tab-content-container {
    /* @alternate */   height: -moz-calc(100% - 85px);
    /* @alternate */  height: -webkit-calc(100% - 85px);
    height: calc(100% - 85px);
    padding: 0;
}
.bmui-tab-content-container .header::after {
    content: "";
    display: block;
    clear: both;
}
.bmui-tab-content-container .header {
    background-color: #f0f3f4;
    border-color: #e1e2e2;
    border-style: solid;
    border-width: 1px 0;
    padding: 5px;
}
/**
 * 7.0 Component Bar
 * -----------------------------------------------------------------------------
 */
.top-component-bar {
    height   : 51px;
    overflow : hidden;
    padding  : 0 15px;
}
.top-component-bar {
    background-color : #1199C4;
}
.commander-logo {
    border-right : 1px solid #5FBBD7;
    color        : #FFFFFF;
    float        : left;
    font-family  : source_sans_proregular;
    font-size    : 21px;
    margin       : 6px 15px 0 0;
    padding      : 0 20px 0 0;
}
.component-navigators {
    float       : left;
    padding-top : 14px;
}
.component {
    border             : 1px solid #1199C4;
    border-radius      : 13px;
    cursor             : pointer;
    display            : inline-block;
    float              : left;
    height             : 26px;
    line-height        : 22px;
    margin             : 0 5px;
    padding            : 0 11px;
    position           : relative;
    -webkit-transition : border 0.3s ease-in-out 0s;
    -o-transition      : border 0.3s ease-in-out 0s;
    transition         : border 0.3s ease-in-out 0s;
}
.component:hover {
    background-color : #0D84AC;
    border           : 1px solid #0D84AC;
}
.dashboard-upgrade-button {
    border: 1px solid #1199C4;
    border-radius: 13px;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 26px;
    color: #FFFFFF;
    line-height: 22px;
    margin: 11px 5px 0 0;
    padding: 0 11px;
    -webkit-transition: border 0.3s ease-in-out 0s;
    background-color: #0D84AC;
    -o-transition: border 0.3s ease-in-out 0s;
    transition: border 0.3s ease-in-out 0s;
}
/*icon sprite*/
.component .icon {
    background-image   : url("../../images/admin/component-icon-sprite.png");
    margin-right       : 3px;
    -webkit-transition : background-position 0.3s ease-in-out 0s;
    -o-transition      : background-position 0.3s ease-in-out 0s;
    transition         : background-position 0.3s ease-in-out 0s;
}
.component.web-design .icon {
    background-position : -16px 0px;
}
.component.web-design:hover .icon {
    background-position : -16px -32px;
}
.component.web-content .icon {
    background-position : -32px 0;
}
.component.web-content:hover .icon {
    background-position : -32px -32px;
}
.component.web-commerce .icon {
    background-position : -48px 0;
}
.component.web-commerce:hover .icon {
    background-position : -48px -32px;
}
.component.web-marketing .icon {
    background-position : -64px 0;
}
.component.web-marketing:hover .icon {
    background-position : -64px -32px;
}
.component.administration .icon {
    background-position : -80px 0;
}
.component.administration:hover .icon {
    background-position : -80px -32px;
}
.component.report .icon {
    background-position : -96px 0;
}
.component.report:hover .icon {
    background-position : -96px -32px;
}
.component.dashboard .icon {
    background-position : -112px 0;
}
.component.dashboard:hover .icon {
    background-position : -112px -32px;
}
.component .title {
    color       : #FFFFFF;
    display     : inline-block;
    font-family : 'source_sans_proregular';
    font-size   : 14px;
}
/*administrator menu*/
.administrator .user-name {
    color : #FFFFFF;
}
.administrator {
    border-radius : 20px;
    float         : right;
    margin-top    : 11px;
    padding       : 2px 10px 5px;
    cursor: pointer;
}
.administrator.active {
    background-color : #0D84AC;
}
.administrator .action-dropper {
    display        : inline-block;
    margin         : 0 0 0 5px;
    vertical-align : middle;
}
.action-dropper {
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 4px 4px 0 4px;
    border-color : #FFFFFF transparent transparent transparent;

}
/**
 * 8.0 Tab
 * -----------------------------------------------------------------------------
 */
#tab-header-line {
    position : relative;
}
.left-scroller,
.right-scroller {
    display : none;
}
.left-scroller {
    float : left;
}
.right-scroller {
    float : right;
}
.content-overflow.scrollable.horizontal {
    margin-left  : 24px;
    margin-right : 24px;
}
.scroll-navigator {
    background : none repeat scroll 0 0 #FFFFFF;
    bottom     : 1px;
    cursor     : pointer;
    display    : inline-block;
    position   : absolute;
    top        : 0;
    width      : 50px;
    z-index    : 10;
}
.scroll-navigator:after {
    background-image  : url("../../images/admin/tab_nav_arrow_sprite.png");
    background-repeat : no-repeat;
    content           : "";
    cursor            : pointer;
    display           : inline-block;
    height            : 30px;
    left              : 10px;
    position          : absolute;
    top               : 8px;
    width             : 30px;
}
#tab-header-line .left-scroller.scroll-navigator {
    left : 0;
}
#tab-header-line .left-scroller.scroll-navigator:after {
    background-position : 0 0;
}
#tab-header-line .left-scroller.scroll-navigator:hover:after {
    background-position : 0 -30px;
}
#tab-header-line .right-scroller.scroll-navigator {
    right : 0;
}
#tab-header-line .right-scroller.scroll-navigator:after {
    background-position : -30px 0;
}
#tab-header-line .right-scroller.scroll-navigator:hover:after {
    background-position : -30px -30px;
}
.one-line-scroll-content {
    white-space : nowrap;
    overflow-x  : hidden;
    overflow-y  : hidden;
}
.tab-header-wrapper {
    height  : 46px;
    padding : 0 15px;
}
.tab-header {
    margin-right : -1px;
    display      : inline-block;
    height       : 46px;
    line-height  : 46px;
    padding      : 0 20px;
    cursor       : pointer;
    position     : relative;
}
.tab-header:last-child {
    margin-right : 30px;
}
.tab-header .title {
    color          : #666666;
    font-size      : 15px;
    line-height    : 45px;
    margin-left    : 10px;
    max-width      : 200px;
    overflow       : hidden;
    text-overflow  : ellipsis;
    vertical-align : top;
    white-space    : nowrap;
}
.tab-header .title:hover,
.current.tab-header .title {
    color : #16AAD8;
}
.tab-header .entity-name {
    color         : #000000;
    font-size     : 13px;
    font-style    : italic;
    padding-right : 10px;
}
.tab-header > * {
    display        : inline-block;
    vertical-align : middle;
}
.tab-header sup,
.bmui-tab-header sup {
    color          : #FF0000;
    font-size      : 14px;
    /* @alternate */ vertical-align : top;
    vertical-align : top;
}
.tab-header sup {
    left     : 6px;
    position : absolute;
    top      : 9px;
}
.tab-header sup.dirty-mark {
    color   : #959797;
    display : none;
}
.tab-header .icon {
    width          : 16px;
    height         : 16px;
    vertical-align : -3px;
}
.tab-header .close {
    background-position : -24px 0;
    height              : 12px;
    position            : absolute;
    right               : 8px;
    top                 : 5px;
    width               : 12px;
    filter              : alpha(opacity=0);
    opacity             : .0;
    -webkit-transition  : all .2s ease-in-out;
    -o-transition       : all .2s ease-in-out;
    transition          : all .2s ease-in-out;
}
.tab-header:hover .close {
    display : inline-block;
    filter  : alpha(opacity=100);
    opacity : 1;
}
/*tab icon sprite deisgn*/
.tab-header.layout .icon {
    background-position : -192px 0;
}
.tab-header.template .icon {
    background-position : -208px 0;
}
.tab-header.album .icon {
    background-position : -224px 0;
}
.tab-header.asset-library .icon {
    background-position : -240px 0;
}
.tab-header.fixed-pages .icon {
    background-position : -256px 0;
}
.tab-header.contents .icon {
    background-position : -272px 0;
}
.tab-header.doc .icon {
    background-position : -304px 0;
}
.tab-header.doc-designer .icon {
    background-position : -304px 0;
}
.tab-header.navigations .icon {
    background-position : -288px 0;
}
.tab-header.news .icon {
    background-position : -304px 0;
}
.tab-header.pages .icon {
    background-position : -320px 0;
}
.tab-header.brands .icon {
    background-position : -336px 0;
}
.tab-header.currencies .icon {
    background-position : -352px 0;
}
.tab-header.discount .icon {
    background-position : -368px 0;
}
.tab-header.products .icon {
    background-position : -384px 0;
}
.tab-header.manufacturers .icon {
    background-position : -400px 0;
}
.tab-header.orders .icon {
    background-position : -416px 0;
}
.tab-header.payment-gateways .icon {
    background-position : -432px 0;
}
.tab-header.shipping .icon {
    background-position : -448px 0;
}
.tab-header.tax .icon {
    background-position : -464px 0;
}
.tab-header.sitemap .icon {
    background-position : -480px 0;
}
.tab-header.newsletters .icon {
    background-position : -496px 0;
}
.tab-header.customers .icon {
    background-position : -528px 0;
}
.tab-header.message-source .icon {
    background-position : -176px -64px;
}
.tab-header.plugin .icon {
    background-position : -544px 0;
}
.tab-header.role .icon {
    background-position : -560px 0;
}
.tab-header.settings .icon {
    background-position : -240px -64px;
}
.tab-header.trash .icon {
    background-position : -592px 0;
}
.tab-header.my-account .icon,
.tab-header.operator .icon {
    background-position : -608px 0;
}
.tab-header.zone .icon {
    background-position : -624px 0;
}
.tab-header.advanced-analytics .icon {
    background-position : -640px 0;
}
.tab-header.favourite-reports .icon {
    background-position : -160px -64px;
}
.tab-header.abandoned-cart .icon {
    background-position : -256px -64px;
}
.tab-header.quotes .icon {
    background-position : -560px -64px;
}
.tab-header.edit .icon,
.tab-header.edit-tab .icon,
.tab-header.edit .icon,
.tab-header.content-editor .icon {
    background-position : -112px -32px;
}
.tab-header.third-party-analytics .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%20clip-path%3D%22url%28%23clip0_315_16%29%22%3E %3Cpath%20d%3D%22M4.66675%2016H0.666748V12H4.66675V16ZM10.0001%2010H6.00008V16H10.0001V10ZM15.3334%207.33333H11.3334V16H15.3334V7.33333ZM15.3334%200L11.3334%200.814L12.4774%201.95267L7.91075%206.44133L5.91008%204.44L0.682748%209.638L1.62275%2010.5833L5.90741%206.32333L7.90142%208.31867L13.4214%202.894L14.5327%204.00067L15.3334%200V0Z%22%20fill%3D%22%23929291%22%2F%3E %3C%2Fg%3E %3Cdefs%3E %3CclipPath%20id%3D%22clip0_315_16%22%3E %3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3C%2Fsvg%3E");
    background-position: center;
}
/**
 * 9.0 Dashbord
 * -----------------------------------------------------------------------------
 */

/* --------------------------------------------------- !table design start ---------------------------------------------*/
caption {
    padding-top    : 8px;
    padding-bottom : 8px;
    text-align     : left;
}
th, td {
    height        : 40px;
    padding       : 10px 15px 9px;
    text-align    : left;
    overflow      : hidden;
    text-overflow : ellipsis;
}
th.sortable {
    padding : 10px 5px 9px 20px;
}
/*tab container table design*/
.app-tab-container.table-view table th {
    font-family : source_sans_prosemibold;
    font-weight : normal;
}
.selected-panel > .body,
.selection-panel > .body {
    padding : 0;
}
.header .title {
    color          : #000000;
    float          : left;
    font-size      : 15px;
    line-height    : 30px;
    margin-right   : 10px;
    vertical-align : middle;
}
table th.sortable {
    background : url("../../images/admin/default-sorting-icon.png") no-repeat scroll 18px center #FFFFFF;
    cursor     : pointer;
}
table th.sortable.sort-up {
    background : url("../../images/admin/sort-up-icon.png") no-repeat 18px center #FFFFFF;
}
table th.sortable.sort-down {
    background : url("../../images/admin/sort-down-icon.png") no-repeat 18px center #FFFFFF;
}
.product-bulk-edit-tab.table-view table tr:nth-child(2):hover {
    background-color : transparent;
}
.app-tab-container.table-view table th.select-column,
.app-tab-container.table-view table col.select-column {
    width : 50px;
}
.app-tab-container.table-view table th.status-column,
.app-tab-container.table-view table col.status-column {
    width : 160px;
}
.app-tab-container.table-view table th.actions-column,
.app-tab-container.table-view table col.actions-column {
    width : 90px;
}
.app-tab-container.table-view table th.availability-column,
.app-tab-container.table-view table col.availability-column {
    width : 120px;
}
.app-tab-container.table-view table th.stock-column,
.app-tab-container.table-view table col.stock-column {
    width : 80px;
}
.app-tab-container.table-view table th.updated-column,
.app-tab-container.table-view table col.updated-column,
.app-tab-container.table-view table th.created-column,
.app-tab-container.table-view table col.created-column {
    width : 180px;
}
.app-tab-container.table-view table th.price-column,
.app-tab-container.table-view table col.price-column {
    width : 10%;
}
.app-tab-container.table-view table th.name-column,
.app-tab-container.table-view table col.name-column {
}
#tab-tax .selection-panel .scrollable-table-header th.actions-column .wcui-checkbox,
.shipping-rule-selection-panel .scrollable-table-header th.actions-column .wcui-checkbox {
    margin-left : -20px;
}
/* --------------------------------------------------- !status design ---------------------------------------------*/

.mark-icon.open-page,
.status.positive {
    background-position : -48px -32px;
}
.status.negative {
    background-position : -64px -32px;
}
.status.diplomatic,
.status.negative-plus {
    background-position : -80px -32px;
}
.status.positive-minus {
    background-position : -96px -32px;
}
.order-details-container:last-child > div {
    padding : 0;
}
.order-details-container:last-child .header {
    background-color : #F8FAFA;
    display          : block;
    font-size        : 18px;
    padding          : 12px;
}
.app-tab-container.table-view .order-row-detail-content table tr:nth-child(2n),
#tab-order.app-tab-container.table-view .order-row-detail-content table tr:nth-child(4n) {
    background-color : #FFFFFF;
}
/* --------------------------------------------------- !section time out design ---------------------------------------------*/
.login-popup {
    background-color : #FFFFFF;
    box-shadow       : 0 0 5px #CCCCCC;
    padding          : 60px;
}
.login-popup .title-bar {
    font-size      : 22px;
    padding-bottom : 35px;
    text-align     : center;
}
.login-popup .title-bar .title {
    position : relative;
}
.login-popup .title-bar .title:after {
    background-color : #1199C4;
    bottom           : -5px;
    content          : "";
    display          : block;
    height           : 2px;
    left             : 50%;
    margin-left      : -33px;
    position         : absolute;
    width            : 66px;
}
.popup-mask.login-popup-mask {
    background-color : #FFFFFF;
    opacity          : .2;
    filter           : alpha(opacity=20);
}
.icon-wrap {
    float    : left;
    height   : 48px;
    padding  : 13px 16px 12px;
    position : relative;
    width    : 50px;
}
#login-username .icon-wrap,
#new-password .icon-wrap {
    border-top    : 1px #C9C9C9 solid;
    border-bottom : 1px #C9C9C9 solid;
    border-left   : 1px #C9C9C9 solid;
    border-right  : none;
    border-radius : 5px 0 0 0;
    height        : 48px;
    width         : 50px;
}
#login-password .icon-wrap {
    border-top    : none;
    border-bottom : 1px #C9C9C9 solid;
    border-left   : 1px #C9C9C9 solid;
    border-right  : none;
    border-radius : 0 0 0 0;
    height        : 48px;
    width         : 50px;
}
.icon.user-name,
.icon.password {
    background-image    : url("../../images/admin/16-icon-sprit.png");
    background-repeat   : no-repeat;
    background-position : 0 0;
    display             : inline-block;
    height              : 16px;
    width               : 16px;
}
.login-popup .form-row input[type=text],
.login-popup .form-row input[type=password] {
    background-color : #FFFFFF;
    background-image : none;
    color            : #545454;
    font-size        : 14px;
    height           : 48px;
    line-height      : 1.42857;
    padding          : 6px 12px;
    width            : 307px;
    float            : left;
    outline          : none;
}
.login-popup .form-row input[type=text],
.login-popup .form-row input.new-password[type=password] {
    font-family   : 'source_sans_proregular';
    border-top    : 1px #C9C9C9 solid;
    border-bottom : 1px #C9C9C9 solid;
    border-right  : 1px #C9C9C9 solid;
    border-left   : none;
    border-radius : 0 5px 0 0;
    width         : 332px;
}
.login-form #login-username .icon-wrap + input,
.login-form #login-password .icon-wrap + input,
.login-form #login-password .icon-wrap + * + input {
    height: 48px !important;
}
#retype-password .icon-wrap {
    border-top    : none;
    border-bottom : 1px #C9C9C9 solid;
    border-left   : 1px #C9C9C9 solid;
    border-right  : none;
    border-radius : 0 0 0 5px;
}
.icon.user-name {
    background-position : 0 -32px;
}
.icon.password {
    background-position : -16px 0;
}
.login-popup .form-row input[type=password],
.login-popup .form-row input.match-password {
    border-top    : none;
    border-bottom : 1px #C9C9C9 solid;
    border-right  : 1px #C9C9C9 solid;
    border-left   : none;
    border-radius : 0 0 5px 0;
    width         : 332px;
}
div.login-popup .form-row {
    overflow : hidden;
    padding  : 0;
}
.login-popup .form-row.change-login {
    padding    : 7px 0 0 4px;
    text-align : center;
}
.login-popup .form-row.change-login .not-admin {
    padding-right : 5px;
}
.login-popup .form-row button {
    font-family    : source_sans_probold;
    display        : block;
    font-size      : 16px;
    text-transform : uppercase;
    width          : 100%;
    margin-top     : 10px;
}
.login-popup .form-row.change-login a {
    color : #16AAD8;
}
.login-popup .form-row.change-login a:hover {
    color : #80D5EF;
}
.login-popup #login-username .icon:after,
.login-popup #login-password .icon:after {
    background-color : #E5E5E5;
    content          : "";
    height           : 30px;
    position         : absolute;
    right            : 1px;
    top              : 8px;
    width            : 1px;
}
div.login-popup .form-row #userName {
    background-color : #EEEEEE;
}
.login-popup .form-row input.validation-error {
    background    : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color  : transparent #C9C9C9 #C9C9C9 transparent;
    border-style  : solid solid solid none;
    border-width  : 1px 1px 1px medium;
    color         : #FF0000;
    border-radius : 0 0 5px;
}
/* --------------------------------------------------- !form element design ---------------------------------------------*/
fieldset {
    min-width : 0;
    padding   : 0;
    margin    : 0;
    border    : 0;
}
legend {
    color       : #118FB8;
    display     : block;
    font-size   : 17px;
    line-height : inherit;
    margin      : 10px 0 20px;
    padding     : 0 0 5px;
    width       : 100%;
}
label {
    display       : inline-block;
    max-width     : 100%;
    margin-bottom : 5px;
}
input[type="search"] {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}
input[type="radio"],
input[type="checkbox"] {
    margin      : 4px 0 0;
    margin-top  : 1px;
    line-height : normal;
}
input[type="file"] {
    display : block;
}
input[type="range"] {
    display : block;
    width   : 100%;
}
select[multiple],
select[size] {
    height : auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline        : thin dotted;
    /* @alternate */ outline        : 5px auto -webkit-focus-ring-color;
    outline-offset : -2px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor : not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor : not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor : not-allowed;
}
/* --------------------------------------------------- !button design ---------------------------------------------*/
.btn,
button,
input[type=button],
.submit-button,
.download-button,
.cancel-button,
button:active,
.submit-button:active
.download-button:active,
.cancel-button:active {
    display             : inline-block;
    padding             : 6px 12px;
    margin-bottom       : 0;
    font-size           : 14px;
    font-weight         : normal;
    line-height         : 1.42857143;
    text-align          : center;
    white-space         : nowrap;
    vertical-align      : middle;
    cursor              : pointer;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    background-image    : none;
    border              : 1px solid transparent;
    border-radius       : 3px;
    transition          : all 0.2s ease-out 0s;
}
.btn.dropdown {
    padding  : 6px 30px 6px 12px;
    position : relative;
}
.btn.dropdown::after {
    border-color : #F9F9F9 transparent transparent;
    border-style : solid;
    border-width : 6px 5px 0;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 13px;
    top          : 14px;
    width        : 0;
}
/*large button*/
.btn.lg,
button.lg,
input.lg[type=button],
.submit-button.lg,
.download-button.lg,
.cancel-button.lg {
    font-size   : 18px;
    line-height : 21px;
    padding     : 12px 20px;
}
/*small button*/
.btn.sm,
button.sm,
input.sm[type=button],
.submit-button.sm,
.download-button.sm,
.cancel-button.sm {
    font-size   : 12px;
    line-height : 21px;
    padding     : 5px 10px;
}
/*extra small button*/
.btn.xs,
button.xs,
input.xs[type=button],
.submit-button.xs,
.download-button.xs,
.cancel-button.xs {
    font-size   : 12px;
    line-height : 21px;
    padding     : 3px 10px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline        : thin dotted;
    /* @alternate */  outline        : 5px auto -webkit-focus-ring-color;
    outline-offset : -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    text-decoration : none;
}
.btn:active,
.btn.active {
    background-image   : none;
    outline            : 0;
    -webkit-box-shadow : inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow         : inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events     : none;
    cursor             : not-allowed;
    filter             : alpha(opacity=65);
    -webkit-box-shadow : none;
    box-shadow         : none;
    opacity            : .65;
}

/*old css*/

/* --------------------------------------------------- !works space design ---------------------------------------------*/

/*two panel design*/
.two-panel-explorer,
.two-panel-resizable {
    position : relative;
    display  : flex;
}
.two-panel-explorer .left-panel,
.two-panel-resizable .left-panel {
    flex-shrink : 0;
    flex-grow   : 0;
    overflow    : hidden;
    height      : 100%;
}
.left-panel .left-panel-header{
    padding: 20px;
    background: #e0eaec;
}
.left-panel .left-panel-header .toolbar-btn{
    background: #1198c5;
    color: #fff;
    border: 0;
}
.two-panel-explorer .left-panel .body {
    padding: 20px;
}
.two-panel-explorer .right-panel ,
.two-panel-resizable .right-panel {
    flex        : 1 1 auto;
    margin-left : 5px;
    padding     : 50px;
    padding-bottom: 10px;
}
#tab-layout .right-panel {
    padding : 0;
    height  : 100%;
}
.right-panel h3.title{
    float: none;
    font-size:18px;
    color: #1198c5;
}
.wcui-resizable-layout-scroller {
    position         : absolute;
    width            : 5px;
    cursor           : e-resize;
    top              : 0;
    bottom           : 0;
    background-color : inherit;
}
.wcui-resizable-layout-scroller.ui-draggable-dragging,
.wcui-resizable-layout-scroller:hover {
    background-color : #E6E7E9;
    border           : 1px solid #E6E7E9;
    border-width     : 0 1px;
}
/*without resizeable*/
.two-panel-explorer,
.two-panel-resizable.without-resize-bar {
    padding : 0;
}
.two-panel-resizable.without-resize-bar .left-panel {
    position: relative;
    flex-basis : 350px;
    padding: 20px;
}
.two-panel-explorer .left-panel {
    padding: 0px;
    position: relative;
    flex-basis : 350px;
}
.two-panel-explorer .right-panel,
.two-panel-resizable.without-resize-bar .right-panel {
    margin : 0;
}
/*floting menu design*/
.float-menu-navigator {
    position            : absolute;
    background-position : -112px 0;
    filter              : alpha(opacity=0);
    opacity             : 0;
    -webkit-transition  : all .2s ease-in-out;
    -o-transition       : all .2s ease-in-out;
    transition          : all .2s ease-in-out;
}
.body .album-image.grid-item .float-menu-navigator,
.body .combined_product.grid-item .float-menu-navigator,
.body .product.grid-item .float-menu-navigator,
.body .category.grid-item .float-menu-navigator {
    background-color    : #FFFFFF;
    background-position : -114px 0;
    border              : 5px solid #FFFFFF;
    height              : 26px;
    width               : 25px;
    right               : 4px;
    top                 : 4px;
    left                : inherit;
}
.product-image-wrapper .image-thumb .float-menu-navigator {
    background-color    : #FFFFFF;
    background-position : -114px 0;
    border              : 5px solid #FFFFFF;
    height              : 26px;
    width               : 25px;
    right               : 0px;
    top                 : 0px;
    left                : inherit;
}
.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row label.weekday-name {
    display: inline-block;
}
.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .week-day-input-toggle {
    margin: 10px;
}
.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .time-span-per-day label.time-span-label {
    display: inline-block;
    width: 20%;
    text-align: center;
}
.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .time-span-per-day .time-span-input {
    width: 20%;
    display: inline-block;
}
.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .time-span-per-day .time-span-input-div {
    margin: 5px 5px 5px 10px;
}
.status-block.hotlink .icon,
.float-menu-opened .float-menu-navigator,
.blocklist-item:hover .float-menu-navigator,
.tree-node:hover .float-menu-navigator,
.grid-item:hover .float-menu-navigator,
.image-thumb:hover .float-menu-navigator,
.notification .icon {
    cursor  : pointer;
    filter  : alpha(opacity=100);
    opacity : 1;
}
.app-tab-container .panel > .tree-title {
    font-family : source_sans_prosemibold;
    display     : block;
    font-size   : 18px;
    margin      : 0 -15px 10px;
    padding     : 0 15px 10px;
}
.right-panel .group-label {
    font-family    : source_sans_prosemibold;
    font-size      : 14px;
    font-weight    : normal;
    margin-top     : 5px;
    padding        : 0 0 7px;
    position       : relative;
    text-transform : uppercase;
}
.right-panel .group-label:after {
    bottom   : 0;
    content  : "";
    height   : 2px;
    left     : 0;
    position : absolute;
    width    : 28px;
}
.tree-panel.with-title .body {
    /* @alternate */   height : -moz-calc(100% - 47px);
    /* @alternate */  height : -webkit-calc(100% - 47px);
    height : calc(100% - 47px);
}
.tree-node .float-menu-navigator {
    right : 5px;
    top   : 5px;
}
.app-tab-container .footer {
    background : none repeat scroll 0 0 #FFFFFF;
    height     : 58px;
    padding    : 15px 20px;
}
.wizard-tab-body .app-tab-content-container .footer {
    padding: 15px 0;
}
.app-tab-container .bmui-tab-body-container .footer {
    padding : 15px 0;
}
.app-tab-container .select-customer-for-order .footer {
    float         : right;
    padding-right : 0;
}
.app-tab-container.table-view .footer .pagination {
    margin : 0;
}
.app-tab-container .two-panel-resizable .footer {
    height  : 43px;
    padding : 15px 0 0;
}
.app-tab-container .select-customer-for-order .customer-row.highlighted {
    animation: highlight 5s;
}
@keyframes highlight {
    0% {
        background-color : #FFF9E2;
    }
    25% {
        background-color : #FAFBFC;
    }
    50% {
        background-color : #FFF9E2;
    }
    25% {
        background-color : #FAFBFC;
    }
    100% {
        background-color : #FFF9E2;
    }
}
/* floting menu sprite icon*/
.menu-item.edit-sitemap .icon,
.menu-item.edit-label .icon,
.menu-item.edit .icon {
    background-position : -112px -32px;
}
.menu-item.remove .icon,
.menu-item.clear-all .icon,
.menu-item.delete .icon {
    background-position : -128px -32px;
}
.menu-item.remove .icon,
.menu-item.delete .icon {
    background-position : -688px 0;
}
.menu-item.refresh .icon {
    background-position : -144px -32px;
}
.menu-item.new-directory .icon {
    background-position : -272px 0;
}
.menu-item.attach .icon {
    background-position : -160px -32px;
}
.menu-item.copy .icon {
    background-position : -176px -32px;
}
.menu-item.rename .icon {
    background-position : -192px -32px;
}
.menu-item.revert .icon {
    background-position : -208px -32px;
}
.menu-item.page .icon {
    background-position : -320px 0;
}
.menu-item.view .icon {
    background-position : -656px 0;
}
.menu-item.create-custom-field .icon {
    background-position : -432px -32px;
}
.menu-item.save .icon {
    background-position : -448px -32px;
}
.menu-item.real-time-report .icon,
menu-item.real_time .icon {
    background-position : -208px -32px;
}
.menu-item.sales-report .icon,
.menu-item.salesReports .icon{
    background-position: -624px 0;
}
.menu-item.product-stock .icon,
.menu-item.productStocks .icon {
    background-position: -512px 0;
}
.menu-item.reorder .icon,
.menu-item.editor-advance-mode .icon {
    background-position : -720px -32px;
}
.menu-item.editor-simple-mode .icon {
    background-position : -736px -32px;
}
.menu-item.move .icon {
    background-position : -480px -64px;
}
.menu-item.insufficient-provision {
    display : none;
}
/* --------------------------------------------------- !order tab design ---------------------------------------------*/
.tool-icon.toggle-cell {
    vertical-align : -4px;
}
.tool-icon.toggle-cell.collapsed {
    background-position : -16px -32px;
}
.tool-icon.toggle-cell.expanded {
    background-position : -32px -32px;
}
table.order-app-view {
}
#tab-order .scrollable-table-header {
}
#tab-order .toggle-table-row > td {
    padding : 0;
}
#tab-order .embedded-order-details {
    background-color : #F0F5F5;
}
#tab-order .order-details-container {
    border-left : 1px solid #EAEFF0;
    display     : flex;
    padding     : 0 15px 15px;
    position    : relative;
}
#tab-order .order-details-container:first-child {
    padding : 15px 15px 0;
}
.order-app-view .order-details-container .order-information .header-wrapper,
.order-app-view .order-details-container .shipping-details .header-wrapper,
.order-app-view .order-details-container .billing-details .header-wrapper {
    padding-bottom: 10px;
}
.order-app-view .order-details-container .order-information .header-wrapper::after,
.order-app-view .order-details-container .shipping-details .header-wrapper::after,
.order-app-view .order-details-container .billing-details .header-wrapper::after {
    clear: both;
    content: "";
    display: table;
}
.order-app-view .order-details-container .order-information .header-wrapper button,
.order-app-view .order-details-container .shipping-details .header-wrapper button,
.order-app-view .order-details-container .billing-details .header-wrapper button {
    float: right;
}
.order-app-view .order-details-container .order-information .header,
.order-app-view .order-details-container .shipping-details .header,
.order-app-view .order-details-container .billing-details .header {
    color: #16AAD8;
    font-size: 18px;
    font-weight: normal;
}
.order-app-view .order-details-container .billing-details .order-row-detail-content {
    font-size: 14px;
    color: #7E7E7E;
    font-weight: normal;
}
.order-app-view .order-details-container .order-information label,
.order-app-view .order-details-container .shipping-details label,
.order-app-view .order-details-container .billing-details label {
    color     : #555555;
    font-size : 14px;
    margin    : 0;
    width     : 150px;
}
.order-app-view .order-details-container .details-row,
.order-app-view .order-details-container .details-row,
.order-app-view .order-details-container .details-row {
    padding-bottom : 10px;
}
.order-app-view .order-details-container .details-row:last-child,
.order-app-view .order-details-container .details-row:last-child,
.order-app-view .order-details-container .details-row:last-child {
    padding-bottom : 0;
}
.order-details-container > div {
    background-color : #FFFFFF;
    box-shadow       : 0 1px 1px rgba(0, 0, 0, 0.1);
    flex             : 1 1 0;
    margin           : 13px;
    padding          : 30px;
}

#tab-order .order-details-container .address-details span {
    display        : block;
    padding-bottom : 4px;
}
.shipping-details .address-details .details-row:first-of-type,
.billing-details .address-details .details-row:first-of-type {
    padding-top : 10px;
}
.app-tab-container.table-view table td {
    border-bottom : 1px solid #EAEFF0;
    border-top    : 1px solid #EAEFF0;
    padding       : 9px 5px 10px 20px;
}
.app-tab-container.table-view table tr.highlighted td {
    background-color : #FFF9E2;
}
.app-tab-container.table-view table th {
    padding : 9px 5px 10px 20px;
}
.product-details .order-row-detail-content tfoot td {
    text-align : right;
}
.product-details .order-row-detail-content .detail-price-cell {
    width : 250px;
}
.product-details .order-row-detail-content td.price-value {
    border-left : 1px solid #EAEFF0;
    text-align  : left;
    width: 150px;
}
.product-details .order-row-detail-content tbody {
    border-bottom : 3px solid #EEEEEE;
    box-shadow    : 0 1px 0 #CCCCCC;
}
#tab-order .toggle-table-row td.price-value {
    width : 300px;
}
/* --------------------------------------------------- !navigation tab design ---------------------------------------------*/
.navigation-item-form .title {
    color          : #1199C4;
    display        : block;
    font-size      : 16px;
    margin-bottom  : 20px;
    padding        : 0 0 6px;
    position       : relative;
    text-transform : uppercase;
}
.navigation-item-form .title:after {
    background : none repeat scroll 0 0 #1199C4;
    bottom     : 0;
    content    : "";
    height     : 3px;
    left       : 0;
    position   : absolute;
    width      : 50px;
}
#tab-navigation table tr td {
    height : 50px;
}
.navigation-item-column .item-action {
    background-color : #FFFFFF;
    border           : 1px solid #E1E5E4;
    border-radius    : 2px;
    display          : none;
    margin-left      : 30px;
    padding          : 3px 8px 3px 29px;
    position         : relative;
}
#tab-navigation table tr:hover .navigation-item-column .item-action {
    display : inline-block;
}
.navigation-item-column .item-action .tool-icon {
    left         : 3px;
    margin-right : 5px;
    position     : absolute;
    top          : 4px;
}
.navigation-item-column .item-action .tool-icon.add {
    background-position : -672px 0;
}
.navigation-item-column .item-action .tool-icon.edit {
}
.navigation-item-column .item-action .label {
    color      : #7E7E7E;
    font-style : normal;
}
/* --------------------------------------------------- !component tab design ---------------------------------------------*/

/*toolber design*/

.embedded-edit-form-panel > .body,
.app-tab-content-container {
    /* @alternate */  height   : -moz-calc(100% - 49px);
    /* @alternate */   height   : -webkit-calc(100% - 49px);
    height   : calc(100% - 49px);
    position : relative;
}
#tab-album .embedded-edit-form-panel > .body > .bmui-tab {
    padding: 30px;
}
#tab-asset-library .embedded-edit-form-panel > .body > .bmui-tab {
    padding: 30px;
}
.body-only-tab-content-container {
    height : 100%;
}
.table-view .app-tab-content-container {
    background : none repeat scroll 0 0 #FFFFFF;
    /* @alternate */  height     : -moz-calc(100% - 107px);
    /* @alternate */   height     : -webkit-calc(100% - 107px);
    height     : calc(100% - 107px);
    padding    : 20px;
}
.bmui-tab-panel.table-view .app-tab-content-container {
    padding : 0;
    /* @alternate */   height  : -moz-calc(100% - 20px);
    /* @alternate */  height  : -webkit-calc(100% - 20px);
    height  : calc(100% - 20px);
}
.table-view .app-tab-content-container .scrollable-table-wrapper {
    /* @alternate */  height : -moz-calc(100% - 40px);
    /* @alternate */  height : -webkit-calc(100% - 40px);
    height : calc(100% - 40px);
}
.embedded-edit-form-panel {
    background-color : #F0F3F4;
    box-shadow       : 0 20px 0 0 #F0F3F4;
    height           : 100%;
    width            : 100%;
    padding          : 0 20px 20px;
    left             : 0;
    position         : absolute;
    top              : 0;
    z-index: 100;
}
.embedded-edit-form-panel > .header {
    background-color : #F0F3F4;
    height           : 49px;
    padding          : 10px 0;
}
.embedded-edit-form-panel > .body:not(.pluggable-details):not(.addons-details) {
    background : none repeat scroll 0 0 #FFFFFF;
    border     : 1px solid #E6E7E9;
}
.toolbar .tool-group {
    border-radius  : 3px;
    display        : inline-block;
    font-size      : 0;
    height         : 28px;
    margin         : 0 2px;
    vertical-align : middle;
}

#field_extra_config_upload_size_unit_chosen > a
.toolbar form.tool-group {
    padding : 0;
}
.tool-group > * {
    font-size : 13px;
}
.tool-group a {
    outline: none;
}
.tool-group > span {
    display     : inline-block;
    float       : left;
    line-height : 28px;
}
.tool-group > .chosen-container {
    margin-left : 5px;
}
.tool-group .toolbar-item {
    background-repeat : no-repeat;
    cursor            : pointer;
    display           : inline-block;
    height            : 28px;
    padding           : 5px 8px;
    border-bottom     : 1px solid #E2E2E2;
    border-top        : 1px solid #E2E2E2;
}
.toolbar-item:first-child {
    border-bottom-left-radius : 3px;
    border-top-left-radius    : 3px;
}
.toolbar-item:last-child {
    border-bottom-right-radius : 3px;
    border-top-right-radius    : 3px;
}
.tool-group .toolbar-item.disabled i {
    opacity : 0.3;
    filter  : alpha(opacity=30);
}
.tool-group.action-tool {
    cursor: pointer;
    border-radius : 3px;
    padding       : 0 33px 0 15px;
    position      : relative;
}
.tool-group .tool-text {
    line-height : 25px;
}
.tool-group .action-dropper {
    border-width : 5px 5px 0;
    position     : absolute;
    right        : 10px;
    top          : 11px;
}
.tool-group.toolbar-btn {
    border-radius : 3px;
    color         : #444444;
    cursor        : pointer;
    font-size     : 14px;
    line-height   : 26px;
    padding       : 0 14px;
}
span.tool-group.toolbar-btn[disabled],
span.tool-group.toolbar-btn[disabled]:hover {
    background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #999999;
}
.tool-group.toolbar-btn:hover {
    color : #1199C4;
}
.tool-group.toolbar-btn.create,
.tool-group.toolbar-btn.upload,
.tool-group.toolbar-btn.save {
    background : #1199C4;
    border     : 1px solid #118FB8;
    color      : #FFFFFF;
}
.tool-group.toolbar-btn.create:hover,
.tool-group.toolbar-btn.save:hover,
.left-panel .left-panel-header .toolbar-btn:hover{
    background : #118FB8;
    color      : #FFFFFF;
}
.tool-group.toolbar-btn.save.disabled {
    pointer-events     : none;
    cursor             : not-allowed;
    filter             : alpha(opacity=40);
    -webkit-box-shadow : none;
    box-shadow         : none;
    opacity            : .40;
}
.tool-group.toolbar-btn i:before {
    content        : "+";
    /* @alternate */   content        : "+";
    font-size      : 18px;
    font-style     : normal;
    margin-right   : 7px;
    vertical-align : bottom;
}
.toolbar .search-form > * {
    font-size : 13px;
}
.search-form .search-text {
    height         : 28px !important;
    vertical-align : top;
}
.toolbar .search-form > button {
    border-radius  : 0 3px 3px 0;
    box-shadow     : none;
    display        : inline-block;
    height         : 28px;
    margin-left    : -1px;
    vertical-align : top;
    padding        : 0 7px;
}
.toolbar .search-form > button:before {
    content    : "";
    display    : inline-block;
    height     : 16px;
    margin-top : 5px;
    width      : 16px;
}
.search-form {
    position : relative;
}
.tool-group.search-form.chosen-wrapper {
    position : inherit;
}

.configure-btn {
    border: 1px solid #cccccc;
    border-radius: 3px;
    height: 28px;
    left: auto;
    position: absolute;
    right: 18px;
    top: 9px;
    width: 28px;
    cursor: pointer;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
}
.configure-btn i {
    background-image: url("../../images/admin/toolbar-icon-sprite.png");
    position: absolute;
    top: 5px;
    right: 5px;
    height: 16px;
    width: 16px;

}
.configure-btn.down i {
    background-position: -272px 0;
}
.configure-btn.up i {
    background-position: -256px 0;
}
/* toolbar icon sprite design*/
.search-form.tool-group .remove-search {
    background-color    : #FFFFFF;
    background-position : -64px 0;
    position            : absolute;
    right               : 8px;
    top                 : 6px;
}
.tool-group .toolbar-item i {
    cursor         : pointer;
    vertical-align : top;
}
.toolbar .search-form > button:before {
    background-position : -16px 0;
}
.tool-group .toolbar-item.switch-menu i {
    background-position : -32px 0;
}
.tool-group .toolbar-item.add-filter i {
    background-position : -48px 0;
}
.tool-group .toolbar-item.add-filter-event i {
    background-position : -48px 0;
}
.tool-group .toolbar-item.remove-filter i {
    background-position : -64px 0;
}
.tool-group .toolbar-item.remove-filter-event i {
    background-position : -64px 0;
}
.tool-group .toolbar-item.align-left i {
    background-position : -80px 0;
}
.tool-group .toolbar-item.align-right i {
    background-position : -96px 0;
}
.tool-group .toolbar-item.align-top i {
    background-position : -112px 0;
}
.tool-group .toolbar-item.align-bottom i {
    background-position : -128px 0;
}
.tool-group .toolbar-item.undo i {
    background-position : -144px 0;
}
.tool-group .toolbar-item.redo i {
    background-position : -160px 0;
}
.tool-group .toolbar-item.save i {
    background-position : -176px 0;
}
.tool-group .toolbar-item.next i {
    background-position : -208px 0;
}
.tool-group .toolbar-item.previous i {
    background-position : -192px 0;
}
.tool-group .toolbar-item.reload i {
    background-position : -224px 0;
}
.tool-group .toolbar-item.create-article i {
    background-position : -240px 0;
}
.tool-group .toolbar-item.config.up i {
    background-position : -256px 0;
}
.tool-group .toolbar-item.config.down i {
    background-position : -272px 0;
}
.tool-group .toolbar-item.config.down i {
    background-position : -272px 0;
}
.tool-group .toolbar-item.print i {
    background-position : -288px 0;
}
.tool-group .toolbar-item.export i {
    background-position : -304px 0;
}
.tool-group .toolbar-item.add-favourite i {
    background-position : -320px 0;
}
.tool-group .toolbar-item.favourite i {
    background-position : -336px 0;
}
.tool-group .toolbar-item.reset i {
    background-position : -352px 0;
}
.tool-group .toolbar-item.edit-mail i,
.tool-group .toolbar-item.edit i {
    background-position : -368px 0;
}
.tool-group .toolbar-item.send-mail i {
    background-position : -384px 0;
}
.tool-group .toolbar-item.engroup i {
    background-position : -400px 0;
}
.tool-group .toolbar-item.ungroup i {
    background-position : -416px 0;
}
.tool-group .toolbar-item.view-site i {
    background-position : -432px 0;
}
.tool-group .toolbar-item.add-configure i {
    background-position : -448px 0;
}
.search-form.tool-group .search-text {
    border-radius : 3px 0 0 3px;
}
/* --------------------------------------------------- !edit css tab design ---------------------------------------------*/
.simpleCssEditor .body {
    background-color : #FFFFFF;
    border-radius    : 0 0 5px 5px;
}
.app-tab-content-container.simple-css-panel {
    background-color : #E0E9EF;
    border           : 1px solid #E0E9EF;
}
.app-tab-content-container.simple-css-panel .columns {
    height : 100%;
}
.app-tab-content-container.simple-css-panel .columns .column-content {
    height : 100%;
}
.css-panel.media-panel,
.css-panel.rule-panel,
.css-panel.attribute-panel {
    height  : 100%;
    padding : 30px;
}
.css-panel.media-panel,
.css-panel.attribute-panel {
    background-color : #FFFFFF;
}
.css-panel.media-panel h4 {
    margin : 0 0 10px;
}
.css-panel.media-panel h4,
.css-panel.rule-panel h4,
.css-panel.attribute-panel h4 {
    color       : #16AAD8;
    font-family : source_sans_proregular;
    font-size   : 20px;
    font-weight : normal;
    margin      : 0 0 10px;
}
.media.css-entry {
    border        : 1px solid #DBE5E4;
    border-radius : 2px;
    margin        : 0 0 10px;
    padding       : 15px;
    cursor        : pointer;
    position      : relative;
}
.media.css-entry.selected {
    background-color : #009BC7;
    border           : 1px solid #009BC7;
    color            : #FFFFFF;
}
.media.css-entry.selected:hover {
    background-color : #F1F3F3;
    border           : 1px solid #E1E3E3;
    color            : #000000;
}
.media.css-entry.selected:after {
    border-color : transparent transparent transparent #FFFFFF;
    border-style : solid;
    border-width : 7px 0 7px 10px;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 16px;
    top          : 18px;
    width        : 0;
}
.media.css-entry.selected:hover:after {
    display : none;
}
.media-panel.css-panel .add-new-media input {
    border      : 1px solid #D1DCDE;
    height      : auto;
    margin-left : 5px;
    padding     : 10px 7px;
    width       : 155px;
}
.media-panel.css-panel .add-new-media .btn {
    font-size      : 16px;
    margin-left    : 11px;
    padding        : 9px 25px;
    text-transform : uppercase;
    vertical-align : top;
}
.media-panel.css-panel .medias input {
    border        : 1px solid #D4DCDF;
    border-radius : 2px;
    margin-left   : 8px;
}
.media-panel.css-panel .medias .selected input {
    border : 1px solid #FFFFFF;
}
.css-entry .editor-buttons {
    display  : none;
    position : absolute;
    right    : 11px;
}
.media.css-entry:hover .editor-buttons {
    display : inline-block;
}
.rule.css-entry {
    background-color : #FFFFFF;
    border           : 1px solid #D6DCDB;
    border-radius    : 2px;
    cursor           : pointer;
    margin-bottom    : 10px;
    overflow         : hidden;
    padding          : 10px 70px 10px 10px;
    position         : relative;
}
.rule.css-entry:hover .editor-buttons {
    display : inline-block;
}
.add-new-rule .btn {
    font-size      : 16px;
    margin-left    : 5px;
    padding        : 8px 25px;
    text-transform : uppercase;
}
.add-new-rule .input-add-new-rule {
    border-radius : 2px;
    height        : auto;
    padding       : 10px 15px;
    width         : 477px;
}
.rule.css-entry.selected {
    border : 1px solid #019DC6;
}
.rule.css-entry.selected:after {
    border-color : transparent transparent transparent #009CC5;
    border-style : solid;
    border-width : 7px 0 7px 10px;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 16px;
    top          : 13px;
    width        : 0;
}
.rule.css-entry.selected:hover:after {
    display : none;
}
.css-panel .bmui-tab-header,
.css-panel .bmui-tab-header:hover {
    background-color : #F3F4F8;
    border           : 1px solid #DBE5E6;
    float            : left;
    margin           : 0 -1px;
    padding          : 10px 30px;
    width            : auto;
    box-shadow       : none;
}
.css-panel .bmui-tab-header.bmui-tab-active,
.css-panel .bmui-tab-header.bmui-tab-active:hover {
    background-color : #FFFFFF;
    border-bottom    : 1px solid #FFFFFF;
    box-shadow       : none;
}
.css-panel .bmui-tab-header-container {
    border-bottom : 1px solid #DBE5E6;
    height        : 42px;
    padding-left  : 25px;
}
.css-panel .bmui-tab-header span {
    font-size : 15px;
}
.attr.css-entry {
    border        : 1px solid #DBE5E4;
    border-radius : 2px;
    cursor        : pointer;
    margin        : 10px 0;
    padding       : 10px 70px 10px 10px;
    position      : relative;
}
.css-panel .attr:hover .editor-buttons {
    display : inline-block;
}
.attribute-panel.css-panel .attribute-list input {
    border        : 1px solid #E6E6E6;
    border-radius : 2px;
    width         : 100%;
}
.add-new-attribute .input-add-new-attribute {
    border-radius : 2px;
    height        : auto;
    padding       : 10px 15px;
    width         : 477px;
}
.add-new-attribute .btn {
    font-size      : 16px;
    margin-left    : 5px;
    padding        : 8px 25px;
    text-transform : uppercase;
}
.attribute-panel.css-panel .attr-panel-text .attr-text {
    border        : 1px solid #DBE5E4;
    border-radius : 0;
    margin-top    : 5px;
    min-height    : 100%;
    width         : 100%;
}
.attribute-panel .bmui-tab {
    /* @alternate */   height : -moz-calc(100% - 30px);
    /* @alternate */   height : -webkit-calc(100% - 30px);
    height : calc(100% - 30px);
}
.attribute-panel .bmui-tab-body-container {
    /* @alternate */   height      : -moz-calc(100% - 50px);
    /* @alternate */   height      : -webkit-calc(100% - 50px);
    height      : calc(100% - 50px);
    padding-top : 17px;
}
.attribute-panel .bmui-tab-panel {
    height : 100%;
}
.attribute-panel .attr-panel-text {
    height : inherit;
}
.simpleCssEditor .body {
    background-color : #FFFFFF;
    border-radius    : 0 0 5px 5px;
}
.media-panel.css-panel .add-new-media {
    padding-left : 5px;
}
.rule-panel.css-panel .rules .selected input {
    border     : 1px solid #A9D8F8;
    box-shadow : 2px 2px 2px #E3F3FE inset;
}
.css-entry .tool-icon {
    margin : 0 5px;
}
.css-entry-list {
    margin     : 5px 0;
    min-height : 25px;
}
.attribute-list.css-entry-list {
    margin-bottom : 20px;
    /* @alternate */   max-height    : -moz-calc(100% - 69px);
    /* @alternate */  max-height    : -webkit-calc(100% - 69px);
    max-height    : calc(100% - 69px);
}
.rules.css-entry-list {
    /* @alternate */  max-height    : -moz-calc(100% - 103px);
    /* @alternate */   max-height    : -webkit-calc(100% - 103px);
    max-height    : calc(100% - 103px);
    margin-bottom : 20px;
}
.medias.css-entry-list {
    /* @alternate */  max-height    : -moz-calc(100% - 104px);
    /* @alternate */  max-height    : -webkit-calc(100% - 104px);
    max-height    : calc(100% - 104px);
    margin-bottom : 20px;
}
.attr-text {
    /* @alternate */  width : -moz-calc(100% - 10px);
    /* @alternate */   width : -webkit-calc(100% - 10px);
    width : calc(100% - 10px);
}
.ie9 .attr-text {
    margin-left  : -5px;
    margin-right : -5px;
    width        : 100%;
}
.css-entry {
    color : #333333;
}
.editor-buttons span.updating {
    background : #CCCCCC;
    border     : 1px #666666 solid;
    width      : auto;
    padding    : 0 10px 3px;
}
@media (max-width: 1919px) {
    .media-panel.css-panel .add-new-media {
        font-size : 0;
    }
    div.media-panel.css-panel .add-new-media > * {
        display   : block;
        font-size : 14px;
        margin    : 0 0 10px;
        width     : 100%;
    }
    .media-panel.css-panel .add-new-media .btn {
        margin-left : 0;
    }
    .rule-panel .add-new-rule.add-new-entry > * {
        display       : block;
        margin-left   : 0;
        margin-bottom : 15px;
        width         : 100%;
    }
    .css-panel .add-new-attribute.add-new-entry > * {
        display       : block;
        margin-left   : 0;
        margin-bottom : 15px;
        width         : 100%;
    }
    .media.css-entry .edit-media-inputs > * {
        display     : block;
        margin-left : 0;
        width       : 100%;
    }
    .media-panel.css-panel .medias.css-entry input {
        margin-left : 0;
    }
    .attribute-list.css-entry-list {
        /* @alternate */     max-height : -moz-calc(100% - 125px);
        /* @alternate */      max-height : -webkit-calc(100% - 125px);
        max-height : calc(100% - 125px);
    }
    .rules.css-entry-list {
        /* @alternate */   max-height : -moz-calc(100% - 158px);
        /* @alternate */   max-height : -webkit-calc(100% - 158px);
        max-height : calc(100% - 158px);
    }
    .medias.css-entry-list {
        /* @alternate */      max-height : -moz-calc(100% - 268px);
        /* @alternate */   max-height : -webkit-calc(100% - 268px);
        max-height : calc(100% - 268px);
    }

}
/* --------------------------------------------------- !layout tab design ---------------------------------------------*/
.blocklist-item {
    border-radius      : 3px;
    margin             : 7px 0;
    padding            : 15px 30px 15px 15px;
    position           : relative;
    text-align         : left;
    vertical-align     : middle;
    cursor             : pointer;
    height             : auto;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : nowrap;
}

.blocklist-item.layout-thumb.defult-layout {
    background-color: #fffbed;
    border: 1px solid #ffe78a;
}
div.blocklist-item.layout-thumb.defult-layout::before {
    background-color: #ffe78a;
}
.embedded-edit-form-panel .layout-thumb {
    float: left;
    margin: 0 0 40px 0;
    /* @alternate */ width: -moz-calc(50% - 20px);
    /* @alternate */  width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
}
.embedded-edit-form-panel .layout-thumb:nth-child(2n){
    margin: 0 0 40px 40px;
}
.blocklist-item .layout-title {
    display       : block;
    font-family   : "source_sans_prosemibold";
    font-size     : 14px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    width         : 260px;
}
.blocklist-item .blocklist-subitem-summary-view {
    display       : block;
    font-size     : 14px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    width         : 260px;
}
.blocklist-item:before {
    border-radius : 2px 0 0 2px;
    bottom        : -1px;
    content       : "";
    left          : -1px;
    position      : absolute;
    top           : -1px;
    width         : 2px;
}
.blocklist-item .float-menu-navigator {
    margin-top : -8px;
    position   : absolute;
    right      : 10px;
    top        : 50%;
}
#workspace .layout-thumb .errorlist {
    top   : 5px;
    right : 3px;
}
/* tool icon sprite design */
.tool-icon.add-receiver {
    background-position : -544px -32px;
}
.tool-icon.add {
    background-position : -672px 0;
}
.tool-icon.discard,
.tool-icon.clear-list,
.tool-icon.remove {
    background-position : -688px 0;
}
.tool-icon.remove-all,
.tool-icon.clear-all,
.tool-icon.cancel-all {
    background-position : -128px -32px;
}
.tool-icon.edit {
    background-position : -112px -32px;
}
.tool-icon.reset {
    background-position : -208px -32px;
}
.tool-icon.apply {
    background-position : -336px -32px;
}
.tool-icon.switch-width {
    background-position : -224px -32px;
}
.tool-icon.show-hide {
    background-position : -240px -32px;
}
.tool-icon.select-from-asset-library {
    background-position : -272px 0;
}
.tool-icon.inventory-toggle {
    background-position : -576px -32px;
}
.tool-icon.view-inventory-history {
    background-position : -592px -32px;
}
.tool-icon.choose-product-and-category {
    background-position : -384px 0;
}
.tool-icon.choose-customer-and-group {
    background-position : -608px 0;
}
.tool-icon.update {
    background-position : -144px -32px;
}
.tool-icon.image-reset {
    background-position : -752px -32px;
}
.tool-icon.choose-customer {
    background-position : -608px 0;
}
.tool-icon.tool-tip-close {
    background-position : 0 -64px;
}
.tool-icon.store-details {
    background-position : -16px -64px;
}
.tool-icon.email-setting {
    background-position : -32px -64px;
}
.tool-icon.select-design {
    background-position : -48px -64px;
}
.tool-icon.add-first-product {
    background-position : -64px -64px;
}
.tool-icon.add-first-page {
    background-position : -80px -64px;
}
.tool-icon.review-tax {
    background-position : -96px -64px;
}
.tool-icon.review-shipping {
    background-position : -112px -64px;
}
.tool-icon.configure-payment-gateway {
    background-position : -128px -64px;
}
.tool-icon.launch-store {
    background-position : -144px -64px;
}
.tool-icon.back {
    background-position : -208px -64px;
}
.tool-icon.info {
    background-position : -224px -64px;
}
.tool-icon.l-fixed-layout {
    background-position : -304px -64px;
}
.tool-icon.r-fixed-layout {
    background-position : -320px -64px;
}
.tool-icon.fluid-splitted-layout {
    background-position : -336px -64px;
}
.tool-icon.v-split-layout {
    background-position : -352px -64px;
}
.tool-icon.merge-left {
    background-position : -368px -64px;
}
.tool-icon.move-section-up {
    background-position : -400px -64px;
}
.tool-icon.move-section-down {
    background-position : -416px -64px;
}
.tool-icon.merge-right {
    background-position : -384px -64px;
}
.tool-icon.variation-active {
    background-position : -336px -32px;
}
.tool-icon.hide-in-resolutions {
    background-position : -464px -64px;
}
.tool-icon.fluid-in-resolutions {
    background-position : -496px -64px;
}
.tool-icon.base-combination {
    background-position : -512px -64px;
}
.tool-icon.copy-other-media {
    background-position : -544px -64px;
}
.tool-icon.fluid-v-split {
    background-position : -720px -64px;
}
.tool-icon.display-name {
    background-position : -640px -64px;
}
.tool-icon.mobile {
    background-position : -656px -64px;
}
.tool-icon.phone {
    background-position : -672px -64px;
}
.tool-icon.email {
    background-position : -688px -64px;
}
.tool-icon.address {
    background-position : -704px -64px;
}
.wiz-mini-header .bmui-tab-header.step-done:hover .tool-icon {
    opacity : 1;
    filter  : alpha(opacity=100);
}
.wiz-mini-header .bmui-tab-header:hover .tool-icon {
    opacity : .4;
    filter  : alpha(opacity=40);
}
.wiz-mini-header .tool-icon.store-details {
    background-position : -16px -80px;
}
.wiz-mini-header .tool-icon.email-setting {
    background-position : -32px -80px;
}
.wiz-mini-header .tool-icon.select-design {
    background-position : -48px -80px;
}
.wiz-mini-header .tool-icon.add-first-product {
    background-position : -64px -80px;
}
.wiz-mini-header .tool-icon.add-first-page {
    background-position : -80px -80px;
}
.wiz-mini-header .tool-icon.review-tax {
    background-position : -96px -80px;
}
.wiz-mini-header .tool-icon.review-shipping {
    background-position : -112px -80px;
}
.wiz-mini-header .tool-icon.configure-payment-gateway {
    background-position : -128px -80px;
}
.wiz-mini-header .tool-icon.launch-store {
    background-position : -144px -80px;
}
.blocklist-item input.layout-title {
    height         : 35px;
    vertical-align : middle;
    width          : 235px;
}
.float-tooliconbar {
    left     : 258px;
    position : absolute;
    top      : 22px;
}
.new-layout .tool-icon {
    margin-right : 4px;
}
/* --------------------------------------------------- !content editor design ---------------------------------------------*/
.sidebar-contents.widget-active .widget-block-panel {
    display : block;
    /* @alternate */ height  : -moz-calc(100% - 20px);
    /* @alternate */  height  : -webkit-calc(100% - 20px);
    height  : calc(100% - 20px);
}
.content-editor.app-tab-container {
    border     : 1px solid #DCE0DF;
    display    : flex;
    /* @alternate */   height     : -moz-calc(100% - 94px);
    /* @alternate */   height     : -webkit-calc(100% - 94px);
    height     : calc(100% - 94px);
    margin-top : 49px;
    padding    : 0;
}
.content-editor.edit-tab.app-tab-container {
    /* @alternate */   height     : -moz-calc(100% - 54px);
    /* @alternate */   height     : -webkit-calc(100% - 54px);
    height     : calc(100% - 54px);
    margin-top : 9px;
}
.content-editor .header {
    background-color : #FFFFFF;
    border-bottom    : 1px solid #CCCCCC;
    height           : 44px;
    padding          : 8px 10px 0;
}
.content-editor .left-bar {
    background-color: #EEF4F4;
    border-right: 1px solid #DCE0DF;
    display: inline-flex;
    flex: 0 0 318px;
    height: 100%;
    max-width: 318px;
    flex-direction: column;
}
.content-editor .app-tab-content-container {
    flex   : 1 1 auto;
    height : 100%;
}
.content-editor .block-chooser {
    display : flex;
}
.content-editor .block-chooser .block {
    background-color : #FFFFFF;
    border-bottom    : 1px solid #E3E8EB;
    border-right     : 1px solid #E3E8EB;
    box-shadow       : none;
    cursor           : pointer;
    flex             : 1 1 auto;
    font-size        : 16px;
    line-height      : 23px;
    padding          : 10px 0;
    text-align       : center;
}
.content-editor .block-chooser .block:last-child {
    border-right : medium none;
}
.content-editor .block-chooser .block.bmui-tab-active {
    background-color : #EEF4F4;
    border-bottom    : 1px solid #EEF4F4;
    color            : #16AAD8;
}
#bmui-tab-setting {
    display        : flex;
    flex-direction : column;
}
.content-editor .block-panel {
    padding : 7px;
    height: 100%;
}
.content-editor .sidebar-contents {
    /* @alternate */  height  : -moz-calc(100% - 44px);
    /* @alternate */    height  : -webkit-calc(100% - 44px);
    height  : calc(100% - 44px);
    padding : 0;
}
#workspace .leftbar-accordion.accordion-panel > div:nth-last-of-type(2) {
    margin-bottom : 0;
}
.leftbar-accordion.accordion-panel > .label-bar {
    flex         : 0 0 30px;
    height       : 30px;
    line-height  : 30px;
}
.leftbar-accordion.accordion-panel > .label-bar .toggle-icon {
    top : 5px;
}
.leftbar-accordion.accordion-panel > .label-bar {
    height      : 30px;
    line-height : 30px;
}
.leftbar-accordion.accordion-panel > .label-bar label {
    margin-bottom : 0;
}
.sidebar-contents .leftbar-accordion.accordion-panel {
    /* @alternate */   height         : -moz-calc(100% - 73px);
    /* @alternate */   height         : -webkit-calc(100% - 73px);
    height         : calc(100% - 73px);
    padding        : 0;
    display        : flex;
    flex-direction : column;
    flex           : 1 1 0px;
}
.splitter-item,
.widget-item {
    background     : none repeat scroll 0 0 #FFFFFF;
    border         : 1px solid #D9E3E4;
    border-radius  : 3px;
    cursor         : move;
    display        : inline-block;
    margin         : 3px;
    padding        : 14px 0 10px;
    text-align     : center;
    vertical-align : top;
    width          : 93px;
}
.splitter-item:hover,
.splitter-item:active,
.widget-item:hover,
.widget-item:active {
    background : none repeat scroll 0 0 #F8F9FB;
    color      : #16AAD8;
}
.splitter-item {
    padding : 14px 0;
}
.widget-item .title {
    display       : block;
    overflow      : hidden;
    padding       : 0 5px;
    text-overflow : ellipsis;
    white-space   : nowrap;
    font-size: 12px;
}

.widget-item .favorite-mark{
    background-image    : url("../../images/admin/16-icon-sprit.png");
    background-position : -737px -64px;
    height              : 16px;
    right               : 5px;
    position            : absolute;
    top                 : 5px;
    width               : 16px;
    z-index             : 11;
    cursor              : pointer;
    display: none;
}
.widget-item .favorite-mark.active {
    background-image: url("../../images/admin/16-icon-sprit.png");
    background-position: -755px -64px;
}
.widget-item:hover .favorite-mark{
    display: block;
}

.widget-block-panel .widget-search-from .search-text, .search-form .search-text,
.widget-block-panel .widget-search-from .search-text:focus, .search-form .search-text:focus{
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px 0 1px 1px !important;
    box-shadow: none;
    /* @alternate */   width: -moz-calc(100% - 31px) !important;
    /* @alternate */   width: -webkit-calc(100% - 31px) !important;
    width: calc(100% - 31px) !important;
    border-radius: 0;
    margin: 0 !important;
    vertical-align: middle !important;
    height: 34px;
}
.filter-block .toolbar-right .search-text {
    width: auto;
}
.widget-block-panel .widget-search-from .icon-search, .search-form .icon-search {
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: right;
    margin: 0;
    border-radius: 0;
    height: 28px;
    padding: 0 7px;
    background: #fff none repeat scroll 0 0;
}
.widget-block-panel .widget-search-from .icon-search:before, .search-form .icon-search:before{
    background-image: url("../../images/admin/toolbar-icon-sprite.png");
    background-position: -16px 0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-top: 5px;
    width: 16px;
}
.widget-separator .title{
    display: block;
    margin: 10px 0 5px;
    position: relative;
    color: #333;
}
.widget-separator .title::after {
    border-bottom: 1px solid #ddd;
    content: "";
    position: absolute;
    right: 5px;
    top: 10px;
    /* @alternate */  width: -moz-calc(100% - 110px);
    /* @alternate */  width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
}
.splitter-logo,
.widget-logo {
    background-image    : url("../../images/admin/widget-icon-sprite.png");
    background-repeat   : no-repeat;
    background-position : 0 0;
    display             : inline-block;
    height              : 36px;
    margin              : 2px auto 10px;
    width               : 36px;
}
.splitter-logo {
    margin : 2px auto;
}

/* Add Currency Popup */
.add-currency-popup .header {
    margin-bottom: 20px;
}
.add-currency-popup .button-line {
    text-align: center;
}
.add-currency-popup .search-text {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.add-currency-popup .search-form .search-text:focus {
    border-color: #D3DBDF;
}
.add-currency-popup .action {
    text-align: right;
}
/*widget-icon sprite*/
.article .widget-logo {
    background-position : 0 0;
}
.breadcrumb .widget-logo {
    background-position : -36px 0;
}
.cart .widget-logo {
    background-position : -72px 0;
}
.category .widget-logo {
    background-position : -108px 0;
}
.currency .widget-logo {
    background-position : -144px 0;
}
.gallery .widget-logo {
    background-position : -180px 0;
}
.html .widget-logo {
    background-position : -216px 0;
}
.image .widget-logo {
    background-position : -252px 0;
}
.login .widget-logo {
    background-position : -288px 0;
}
.navigation .widget-logo {
    background-position : -324px 0;
}
.news .widget-logo {
    background-position : -360px 0;
}
.newsletter .widget-logo {
    background-position : -396px 0;
}
.product .widget-logo {
    background-position : -432px 0;
}
.search .widget-logo {
    background-position : -468px 0;
}
.socialMediaLike .widget-logo {
    background-position : -504px 0;
}
.socialMediaLink .widget-logo {
    background-position : -540px 0;
}
.socialMediaShare .widget-logo {
    background-position : -576px 0;
}
.splitter-item .splitter-logo.left-fix {
    background-position : -612px 0;
}
.splitter-item .splitter-logo.right-fix {
    background-position : -648px 0;
}
.splitter-item .splitter-logo.v-split {
    background-position : -684px 0;
}
.productName .widget-logo {
    background-position : 0 -36px;
}
.productSummary .widget-logo {
    background-position : -36px -36px;
}
.productSku .widget-logo {
    background-position : -72px -36px;
}
.productCategory .widget-logo {
    background-position : -108px -36px;
}
.productManufacturer .widget-logo {
    background-position : -144px -36px;
}
.productBrand .widget-logo {
    background-position : -180px -36px;
}
.productDownloadableSpec .widget-logo {
    background-position : -216px -36px;
}
.productModel .widget-logo {
    background-position : -252px -36px;
}
.productImage .widget-logo {
    background-position : -288px -36px;
}
.price .widget-logo {
    background-position : -324px -36px;
}
.stockMark .widget-logo {
    background-position : -360px -36px;
}
.combinedProduct .widget-logo {
    background-position : -396px -36px;
}
.variation .widget-logo {
    background-position : -432px -36px;
}
.addCart .widget-logo {
    background-position : -468px -36px;
}
.likeus .widget-logo {
    background-position : -504px -36px;
}
.information .widget-logo {
    background-position : -540px -36px;
}
.related .widget-logo {
    background-position : -576px -36px;
}
.content-editor .sidebar-group-body > * {
    vertical-align : middle;
}
.content-editor .spinner-group {
    display      : inline-block;
    margin-right : 20px;
}
.content-editor .spinner-group * {
    display        : inline-block;
    vertical-align : middle;
}
.content-editor .stepper .stepper-input {
    border      : 1px solid #D3DBDF;
    margin-left : 5px;
    height      : 30px;
}
.content-editor .stepper .stepper-arrow,
.content-editor .stepper.disabled .stepper-arrow {
    border           : 1px solid #D3DBDF;
    background-color : #F3F7F7;
}
.content-editor .stepper .stepper-arrow.up {
    border-bottom : none;
}
.content-editor div.stepper .stepper-arrow.up:after {
    border-color : transparent transparent #A3ABAF;
}
.content-editor div.stepper .stepper-arrow.down:after {
    border-color : #A3ABAF transparent transparent;
}
.content-editor div.stepper.disabled .stepper-arrow.up:after {
    border-color : transparent transparent #EBF1F1;
}
.content-editor div.stepper.disabled .stepper-arrow.down:after {
    border-color : #EBF1F1 transparent transparent;
}
.sidebar-contents .widget-prop-configure {
    background-color : #FFFFFF;
    border           : 1px solid #E3E8EB;
}
.sidebar-contents .tablike-button-group {
    display          : flex;
    background-color : #FFFFFF;
}
.page-props .tablike-button-group {
    border       : 1px solid #E3E8EB;
    border-width : 1px 1px 0;

}
.page-props .active-prop-view-container {
    border           : 1px solid #E3E8EB;
    border-width     : 0 1px 1px;
    background-color : #FFFFFF;
}
.sidebar-contents .tablike-button {
    border-bottom  : 1px solid #E3E8EB;
    border-left    : 1px solid #E3E8EB;
    cursor         : pointer;
    flex-grow      : 1;
    padding        : 7px;
    text-align     : center;
    text-transform : uppercase;
}
.sidebar-contents .tablike-button:first-child {
    border-left : medium none;
}
.sidebar-contents .tablike-button.active {
    border-bottom : 1px solid #FFFFFF;
    color         : #16AAD8;
}
.splitter-mode-operator-group,
.content-editor .active-prop-view-container {
    padding : 8px 15px;
}
.content-editor .sidebar-group-label {
    display        : inline-block;
    margin-bottom  : 0;
    text-transform : uppercase;
}
.sidebar-content div.sidebar-input.double-action {
    width : 222px;
}
.sidebar-contents div.sidebar-input.single-action {
    /* @alternate */   width : -moz-calc(100% - 47px);
    /* @alternate */  width : -webkit-calc(100% - 47px);
    width : calc(100% - 47px);
}
.sidebar-content textarea.sidebar-input,
.sidebar-content input[type=text].sidebar-input {
    width          : 100%;
    vertical-align : middle;
}
.content-editor .widget-specific-config .sidebar-group label {
    font-weight    : normal;
    margin         : 0;
    vertical-align : middle;
}
.sidebar-content div.sidebar-input {
    width : 265px;
}
.sidebar-content .responsive-selector div.sidebar-input {
    width : 298px;
}
.sidebar-content .active-prop-view-container div.sidebar-input.single-action {
    width : 242px;
}
.content-editor .sidebar-group-body {
    margin : 5px 0;
    position: relative;
}
.sidebar-content input.sidebar-input.single-action[type=text] {
    width : 242px;
}
.content-editor .sidebar-group .note {
    margin-top : 10px;
}
.content-editor .sidebar-group .sidebar-group-body .chosen-container.single-action,
.content-editor .sidebar-contents .chosen-container,
.content-editor .sidebar-contents input,
.content-editor .sidebar-contents textarea {
    width : 100%;
}
.chosen-container.chosen-container-single.sidebar-input.single-action.active-widget-selector.chosen-container-single-nosearch,
.content-editor .sidebar-contents .chosen-container.single-action,
.content-editor .sidebar-contents input.single-action {
    /* @alternate */  width : -moz-calc(100% - 25px);
    /* @alternate */ width : -webkit-calc(100% - 25px);
    width : calc(100% - 25px);
}
.content-editor .sidebar-contents .chosen-container.double-action,
.content-editor .sidebar-contents input.double-action {
    /* @alternate */   width : -moz-calc(100% - 47px);
    /* @alternate */  width : -webkit-calc(100% - 47px);
    width : calc(100% - 47px);
}
.content-editor .widget-prop-configure .sidebar-group input.datefield-from,
.content-editor .widget-prop-configure .sidebar-group input.datefield-to {
    width : 111px;
}
#workspace .leftbar-accordion .accordion-item {
    background : #FFFFFF;
    border     : medium none;
    box-shadow : none;
    margin     : 0 0 10px;
    padding    : 10px;
}

#workspace .leftbar-accordion .accordion-item:last-child {
    margin : 0;
}
#workspace .leftbar-accordion .accordion-item.expanded {
    flex     : 1 1 0px;
    overflow : hidden;
}
.content-editor .also-applicable-resolution input {
    min-width : 130px;
}
.content-editor.edit-tab.app-tab-container.embedded-edit-form-panel {
    border: medium none;
    height: 100%;
    margin-top: 0;
    position: absolute;
}
.content-editor .embedded-edit-form-panel .header {
    background: #f0f3f4 none repeat scroll 0 0;
    border: medium none;
    height: 49px;
    padding: 10px 0;
}
.content-editor .embedded-edit-form-panel {
    /* @alternate */  height: -moz-calc(100% - -55px);
    /* @alternate */    height: -webkit-calc(100% - -55px);
    height: calc(100% - -55px);
    top: -56px;
}
/* --------------------------------------------------- !status bar space design ---------------------------------------------*/
#status-bar {
    height  : 51px;
    padding : 0 15px;
}
.status-block.hotlink .icon {
    background-position : -240px -64px;
    margin-left         : 7px;
}
.status-block.hotlink:hover .icon {
    background-position : -240px -80px;
}
#status-bar .status-block {
    border-left : 1px solid #CECECE;
    display     : inline-block;
    margin-top  : 14px;
    max-width   : 600px;
    padding     : 0 10px;
}
#status-bar .status-block.right-side {
    float : right;
}
#status-bar .status-block.version .title span:first-child {
    margin-right : 5px;
}
.status-block.hotlink:hover {
    cursor : pointer;
    color  : #16AAD8;
}
/* --------------------------------------------------- !product tab design ---------------------------------------------*/

#tab-asset-library .status-container-wrapper {
    margin-top : 20px;
}
.tree-node.category span.tree-icon {
    background-position : 0 -0;
}
.tree-node.combined span.tree-icon {
    background-position : -16px 0;
}
.tree-node.grand-root .tree-title {
    width : 100%;
}
.tree-node .tree-title {
    overflow      : hidden;
    padding       : 3px 5px;
    text-overflow : ellipsis;
    white-space   : nowrap;
    /* @alternate */ width         : -moz-calc(100% - 67px);
    /* @alternate */  width         : -webkit-calc(100% - 67px);
    width         : calc(100% - 67px);
}
.tree-node:hover .tree-title {
    background-color : #F8F9FB;
}
.tree-node.tree-active .tree-title {
    background-color : #F1F4F4;
}
.product-basic-create-edit .select-customer .tool-icon.choose-customer {
    position : static;
}
.meta-tag-table th {
    color : #000000;
}
.meta-tag-table th .suggestion {
    color      : #AAAAAA;
    font-style : italic;
}
.product-import-upload-form div.dropzone, .category-import-upload-form div.dropzone{
    width: 50%;
    margin:100px auto;
}
.product-import-upload-form .fake-chooser-text, .category-import-upload-form .fake-chooser-text, .customer-import-upload-form .fake-chooser-text{
    display: none;
}
.triple-input-row .form-row ~ .form-row {
    margin-left: 37px;
}
.triple-input-row .form-row,
.quadruple-input-row .form-row {
    display: inline-block;
    vertical-align: top;
}
.triple-input-row .form-row{
    /* @alternate */   width: -moz-calc(33.33% - 27px);
    /* @alternate */  width: -webkit-calc(33.33% - 27px);
    width: calc(33.33% - 27px);
    display: inline-block;
    vertical-align: top;
}
.quadruple-input-row .form-row {
    /* @alternate */  width: -moz-calc(25% - 27px);
    /* @alternate */  width: -webkit-calc(25% - 27px);
    width: calc(25% - 27px);
}
.product-mapping-table, .category-mapping-table, .customer-mapping-table {
    border:1px solid #ddd;
}
.product-mapping-table  th, .product-mapping-table  td, .category-mapping-table  td, .customer-mapping-table  th, .customer-mapping-table  td {
    border-bottom: 1px solid #eaeff0;
    border-top: 1px solid #eaeff0;
    width: 160px;
    background: #f4f6f7;
}

#product-mapping-wrap,
#category-mapping-wrap,
#customer-mapping-wrap {
    /*padding: 15px;*/
    height: 260px;
    overflow-x: auto;
    /* @alternate */   width: -moz-calc(100% - 15px);
    /* @alternate */   width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
}

#product-mapping-wrap .chosen-drop,
#category-mapping-wrap .chosen-drop,
#customer-mapping-wrap .chosen-drop {
    top: 34px !important;
}
.product-table-record > span, .category-table-record > span, .customer-table-record > span {
    color: #1187ac;
    padding-left: 25px;
}
.product-table-record  span:first-child, .category-table-record  span:first-child, .customer-table-record  span:first-child {
    padding-left: 0;
}
.product-table-record, .category-table-record, .customer-table-record {
    padding: 10px 0 20px;
}
#product-mapping-wrap h3, #category-mapping-wrap h3, #customer-mapping-wrap h3 {
    color: #1199c4;
    font-size: 16px;
    margin: 0;
    padding: 20px 0 10px ;
}
.product-mapping-table .chosen-container .chosen-single,
.category-mapping-table .chosen-container .chosen-single,
.customer-mapping-table .chosen-container .chosen-single{
    width: 135px;
}
.product-mapping-table .mandatory:after, .category-mapping-table .mandatory:after, .customer-mapping-table .mandatory:after{
    content: "*";
    color: red;
}
/* --------------------------------------------------- !page tab design ---------------------------------------------*/
#tab-page.app-tab-container.table-view table th.name-column,
#tab-page.app-tab-container.table-view table col.name-column {
    width : auto;
}
/* --------------------------------------------------- !content tab design ---------------------------------------------*/
.tree-node.section span.tree-icon {
    background-position : -32px 0;
}
/* --------------------------------------------------- !asset library tab design ---------------------------------------------*/
.app-tab-container .header .directory-info {
    float     : left;
    font-size : 0;
}
.app-tab-container .header .directory-info > * {
    font-size      : 14px;
    margin-right   : 10px;
    vertical-align : middle;
}
.app-tab-container .header .directory-info > .dir-name {
    display       : inline-block;
    max-width     : 200px;
    height        : 20px;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.directory-info .folder-icon {
    background-position : -24px 0;
}
.directory-info .right-arrow {
    width        : 0;
    height       : 0;
    display      : inline-block;
    border-style : solid;
    border-width : 4px 0 4px 4px;
    border-color : transparent transparent transparent #C4C6CB;
}
.assetLibrary .grid-item .title {
    text-overflow : ellipsis;
    white-space   : nowrap;
}
.assetLibrary .grid-item .float-menu-navigator {
    right : 6px;
    top   : 10px;
}
.grid-item.product .stock-status,
.grid-item.combined_product .stock-status {
    border-radius : 50%;
    box-shadow    : 1px 2px 0 #CCCCCC;
    display       : inline-block;
    height        : 16px;
    left          : -4px;
    position      : absolute;
    top           : -4px;
    width         : 16px;
    z-index       : 1;
}
.grid-item.product .stock-status.in-stock,
.grid-item.combined_product .stock-status.in-stock {
    background-color : #00C20E;
    border           : 1px solid #04A310;
}
.grid-item.product .stock-status.low-stock,
.grid-item.combined_product .stock-status.low-stock {
    background-color : #F8D00C;
    border           : 1px solid #CBAA08;
}
.grid-item.product .stock-status.out-of-stock,
.grid-item.combined_product .stock-status.out-of-stock {
    background-color : #FF0000;
    border           : 1px solid #BA3F3F;
}
.grid-item.product .title,
.grid-item.combined_product .title {
    margin  : 0;
    padding : 0;
}
.grid-item .image {
    display : inline-block;
}
.grid-item.album-image .image {
    height : 100px;
    width  : 100px;
}
.grid-item.album-image .title {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    width         : 110px;
    font-size     : 14px;
}
.grid-item.album-image .image img {
    max-height     : 100%;
    max-width      : 100%;
    vertical-align : middle;
}
.grid-item.album-image {
    border    : 5px solid transparent;
    font-size : 0;
    margin    : 10px 5px;
    padding   : 10px;
}
.grid-item.album-image:hover {
    border    : 5px solid #F5F6FA;
    font-size : 0;
    margin    : 10px 5px;
    padding   : 10px;
}
/* asset library icon design*/
.assetLibrary .grid-item {
    border-radius : 3px;
    padding       : 10px 0 5px;
    margin        : 0 15px 15px 0;
    border        : 1px solid transparent;
    width         : 120px;
    position      : relative;
}
.assetLibrary .grid-item:hover,
.grid-item.folder.selected,
.grid-item.file.selected {
    cursor           : pointer;
    background-color : #F8F9FB;
    border           : 1px solid #D4D5D7;
}
.grid-item.folder .image,
.grid-item.file .image,
.file-icon {
    background-image  : url("../../images/admin/asset-library-icon-sprite.png");
    background-repeat : no-repeat;
    height            : 45px;
    width             : 45px;
}
.asset-image-thumb img {
    height            : 45px;
    width             : 45px;
    margin-bottom     : 5px;
}
.folder-icon,
.grid-item.folder .image {
    background-position : 0 0;
}
.file-icon,
.grid-item.file .image {
    background-position : -45px 0;
}
.file-icon.type-jpg,
.grid-item.file.jpg .image {
    background-position : -90px 0;
}
.file-icon.type-png,
.grid-item.file.png .image {
    background-position : -135px 0;
}
.file-icon.type-gif,
.grid-item.file.gif .image {
    background-position : -180px 0;
}
.file-icon.type-doc,
.grid-item.file.doc .image {
    background-position : -225px 0;
}
.file-icon.type-docx,
.grid-item.file.docx .image {
    background-position : -270px 0;
}
.file-icon.type-ico,
.grid-item.file.ico .image {
    background-position : -315px 0;
}
.file-icon.type-xml,
.grid-item.file.xml .image {
    background-position : -360px 0;
}
.file-icon.type-csv,
.grid-item.file.csv .image {
    background-position : -405px 0;
}
.file-icon.type-txt,
.grid-item.file.txt .image {
    background-position : 0 -45px;
}
.file-icon.type-xls,
.grid-item.file.xls .image {
    background-position : -90px -45px;
}
.file-icon.type-xlsx,
.grid-item.file.xlsx .image {
    background-position : -45px -45px;
}
.file-icon.type-rtf,
.grid-item.file.rtf .image {
    background-position : 135px -45px;
}
.file-icon.type-css,
.grid-item.file.css .image {
    background-position : -180px -45px;
}
.file-icon.type-js,
.grid-item.file.js .image {
    background-position : -225px -45px;
}
.file-icon.type-html,
.grid-item.file.html .image {
    background-position : -270px -45px;
}
.status-container-wrapper {
    border   : 1px solid #E6E7E9;
    height   : 180px;
    overflow : auto;
}
#tab-asset-library .status-container th {
    border-bottom : 1px solid #E6E7E9;
}
#tab-asset-library .status-container th .tool-icon {
    margin : 0 3px;
}
#tab-asset-library .status-container td {
    border-bottom : 1px solid #E6E7E9;
}
#tab-asset-library .status-container td.action-column,
#tab-asset-library .status-container th.action-column {
    text-align : center;
    text-overflow: unset;
}
#tab-asset-library .status-container td.status-column,
#tab-asset-library .status-container th.status-column {
    text-align: center;
}
#tab-sitemap .app-tab-content-container > div textarea {
    height : 100%;
}
#tab-sitemap .app-tab-content-container > div {
    height : 100%;
}
/* --------------------------------------------------- !dashbord design ---------------------------------------------*/

.dashboard-container {
    padding : 20px 15px;
}
.dashlet-toggle-panel {
    display: grid;
    grid-template-columns: 40% 10% 20% 30%;
    grid-template-rows: 270px 170px 360px;
    grid-gap: 10px 0;
    margin-top: 10px;
}
.new-dashlet-toggle-panel {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 10px 0;
    margin-top: 10px;
}
.dashlet {
    overflow   : hidden;
    box-sizing : border-box;
}
.dashlet.latestStat {
    grid-row: span 2;
}
.dashlet.administrationAndMarketing {
    grid-column: span 3;
}
.dashlet.webCommerce,
.dashlet.webContentAndDesign {
    margin-left: 10px;
}
.dashlet.webContentAndDesign,
.dashlet.favouriteReportChartOne,
.dashlet.favouriteReportChartTwo {
    grid-column: span 2;
}
.dashlet.favouriteReportChartOne {
    margin-right: 5px;
}
.dashlet.favouriteReportChartTwo {
    margin-left: 5px;
}
.dashlet-content-wrapper {
    border-radius : 2px;
}
.dashlet .header {
    border-radius : 2px 2px 0 0;
    line-height   : 40px;
    overflow      : hidden;
    padding       : 5px 15px;
}
.dashlet .header .title {
    font-family : source_sans_prosemibold;
    font-size   : 15px;
}
.dashlet .header .icon {
    float               : right;
    margin-top          : 8px;
    background-position : -96px 0;
    cursor              : pointer;
}
.dashlet .header .icon.active,
.dashlet .header .icon:hover {
    background-position : -96px -16px;
}
#tab-advanced-analytics .multi-column.two-column {
    /* @alternate */   height: -moz-calc(100% - 276px);
    /* @alternate */  height: -webkit-calc(100% - 276px);
    height: calc(100% - 276px);
}
#tab-advanced-analytics .columns {
    height : 100%;
}
#workspace #tab-advanced-analytics .multi-column.two-column .column-content {
    background-color : #FFFFFF;
    border-radius    : 2px;
    height           : 100%;
    margin           : 0 15px;
    padding-right    : 0;
}
#workspace #tab-advanced-analytics .multi-column.two-column .first-column .column-content {
    margin-left : 0;
}
#workspace #tab-advanced-analytics .multi-column.two-column .last-column .column-content {
    margin-right : 0;
}
.report-contents .no-record-text {
    color       : #E1E1E1;
    font-size   : 36px;
    height      : inherit;
    padding-top : 4%;
    text-align  : center;
}
/* --------------------------------------------------- !dashbord design ---------------------------------------------*/
#tab-advanced-analytics .inside-header .title {
    display     : inline-block;
    font-size   : 16px;
    padding-top : 7px;
}
#tab-advanced-analytics .inside-header {
    height         : auto;
    overflow       : hidden;
    padding-bottom : 15px;
}
#tab-advanced-analytics .inside-header .toolbar-right {
    position : relative;
}
#tab-advanced-analytics .inside-header .toolbar-right .action-menu {
    border        : 1px solid #E7E8EA;
    border-radius : 3px;
    cursor        : pointer;
    height        : auto;
    padding       : 5px 30px 5px 15px;
    position      : relative;
}
.advanced-analytics-filter-options .chosen-container {
    width : 176px;
}
.advanced-analytics-filter-options .operator {
    margin : 0 10px 0 40px;
}
.advanced-analytics-filter-options .chosen-container .chosen-single {
    height      : 33px;
    line-height : 26px;
    padding     : 3px 12px;
}
#tab-advanced-analytics .inside-header .toolbar-right .tool-title {
    line-height : normal;
}
#tab-advanced-analytics .inside-header .toolbar-right .action-dropper {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: rgb(153, 153, 153) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-radius: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    height: 0;
    left: auto;
    position: absolute;
    right: 13px;
    top: 10px;
    width: 0;
}
#tab-advanced-analytics .app-tab-content-container .tool-group.action-tool .action-dropper::after,
#tab-advanced-analytics .app-tab-content-container .tool-group.action-tool .action-dropper::before {
    content: "";
    display: none;
}
.report-block-item {
    background    : none repeat scroll 0 0 #FFFFFF;
    border-bottom : 1px solid #EAEBEB;
    display       : inline-block;
    padding       : 14px 20px 13px;
    width         : 100%;
}
.report-block-item:nth-child(2n) {
    background : none repeat scroll 0 0 #FAFBFB;
}
.report-block-item .image-container {
    float         : left;
    padding-right : 15px;
}
.report-block-item .image-container img {
    height     : auto;
    max-height : 50px;
    max-width  : 50px;
}
.report-block-item .image-container span.order-icon,
.report-block-item .image-container span.customer-icon,
.report-block-item .image-container span.subscriber-icon {
    display : inline-block;
    height  : 50px;
    width   : 50px;
}
#tab-advanced-analytics .app-tab-content-container {
    background-color : #FFFFFF;
    padding          : 20px;
}
#tab-advanced-analytics .app-tab-content-container.realtime-report-block {
    background : none;
    padding    : 0;
}
#tab-advanced-analytics .app-tab-content-container.body-only-tab-content-container {
    background-color : transparent;
}
.report-block-item .image-container span.order-icon {
    background : url("../../images/admin/report-order.png") no-repeat;
}
.report-block-item .image-container span.customer-icon {
    background : url("../../images/admin/report-customer-icon.png") no-repeat;
}
.report-block-item .image-container span.subscriber-icon {
    background : url("../../images/admin/report-newsletter.png") no-repeat;
}
.report-block-item .title-n-summary {
    text-align : left;
}
#tab-advanced-analytics .tabular-data table td,
#tab-advanced-analytics .tabular-data table th {
    border     : medium none;
    text-align : left;
}
#tab-advanced-analytics .tabular-data table tr {
    border : 1px solid #E9EDEE;
}
.report-block-item .title-n-summary .title {
    color     : #000000;
    font-size : 15px;
    padding   : 6px 0 0;
}
.chart-block {
    box-sizing     : content-box;
    height         : 279px;
    padding-bottom : 15px;
    position       : relative;
}
/*
.chart-block .pie-legend,
.chart-block .doughnut-legend {
    list-style : outside none none;
    position   : absolute;
    right      : 25px;
    top        : 0;
    width      : 250px;
}
*/
.chart-block .pie-legend,
.chart-block .doughnut-legend {
    list-style : outside none none;
    padding    : 0;
    position   : absolute;
    right      : 0;
    text-align : left;
    top        : 0;
    width      : 122px;
}
.chart-block .pie-legend li {
    /* newly added */
    padding-bottom : 10px;
    position       : relative;
}
/*
.chart-block .pie-legend li span,
.chart-block .doughnut-legend li span {
    border-radius  : 5px;
    display        : inline-block;
    height         : 20px;
    width          : 20px;
    margin         : 5px 10px 5px 0;
    vertical-align : middle;
}
*/
.chart-block .pie-legend li span, .chart-block .doughnut-legend li span {
    border-radius : 5px;
    height        : 20px;
    left          : -28px;
    position      : absolute;
    width         : 20px;
}
.report-block-item .title-n-summary .timestamp {
    color     : #999999;
    font-size : 13px;
}
.realtime-report-block .report-title {
    background    : none repeat scroll 0 0 #F6F8F8;
    border-radius : 2px 2px 0 0;
    color         : #90999C;
    font-family   : source_sans_prosemibold;
    font-size     : 15px;
    line-height   : 40px;
    margin-bottom : 1px;
    margin-top    : 30px;
    overflow      : hidden;
    padding       : 5px 20px;
}
.dashlet .dashlet-content-wrapper > .content {
    border-radius : 0 0 2px 2px;
    text-align    : center;
}
.latestOrder .dashlet-content-wrapper {
    height : inherit;
}
.dashlet.latestOrder .dashlet-content-wrapper > .content {
    /* @alternate */  height: -moz-calc(100% - 41px);
    /* @alternate */  height: -webkit-calc(100% - 41px);
    height: calc(100% - 41px);
}
.dashlet.quickReport .dashlet-content-wrapper > .content,
.dashlet.webCommerce .dashlet-content-wrapper > .content,
.dashlet.webContentAndDesign .dashlet-content-wrapper > .content,
.dashlet.administrationAndMarketing .dashlet-content-wrapper > .content {
    padding : 15px;
}
.dashlet-favourite-report {
    background-color : #FFFFFF;
    height           : 309px;
    padding          : 15px;
}
.dashlet-favourite-report .report-unavailable-icon {
    background-image : url("../../images/admin/statistic-no-image.png");
    display          : inline-block;
    height           : 67px;
    width            : 63px;
    margin-top       : 9%;
}
.dashlet-quick-report {
    display: flex;
}
.quick-report-column {
    border-radius  : 2px;
    display        : inline-block;
    height         : 99px;
    margin         : 0 0.5%;
    padding        : 17px 0 0 20px;
    vertical-align : middle;
    width          : 19%;
}
#tab-advanced-analytics .quick-report-column {
    width  : 32%;
    margin : 0 1%;
}
#tab-advanced-analytics .quick-report-column:first-child,
.quick-report-column:first-child {
    margin-left : 0;
}
#tab-advanced-analytics .quick-report-column:last-child,
.quick-report-column:last-child {
    margin-right : 0;
}
.quick-report-column .column-content {
    text-align : left;
}
.quick-report-column .icon {
    background-repeat : no-repeat;
    float             : left;
    height            : 65px;
    margin-right      : 20px;
    width             : 65px;
}
.quick-report-column.total-orders .icon {
    background-position : 0 0;
}
.quick-report-column.total-customers .icon {
    background-position : -65px 0;
}
.quick-report-column.total-sales .icon {
    background-position : -130px 0;
}
.quick-report-column.gross-sales .icon {
    background-position : -195px 0;
    width               : 85px;
}
.quick-report-column.total-item-sold .icon {
    background-position : -280px 0;
    width               : 84px;
}
.quick-report-column.average-order-value .icon {
    background-position : -364px 0;
    width               : 55px;
}
.quick-report-column.canceled-orders .icon {
    background-position : -420px 0;
    width               : 65px;
}
.quick-report-column .column-content .value {
    color         : #768293;
    display       : block;
    font-size     : 30px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}
.quick-report-column .column-content .title {
    display : block;
}
.dashlet-administration-webmarketing .dashlet-ribbon:nth-child(1),
.dashlet-web-content-design .dashlet-ribbon:nth-child(3n+1),
.dashlet-webcommerce .dashlet-ribbon:nth-child(3n+1) {
    margin-left : 0;
}
.dashlet-administration-webmarketing .dashlet-ribbon:nth-child(6),
.dashlet-web-content-design .dashlet-ribbon:nth-child(3n),
.dashlet-webcommerce .dashlet-ribbon:nth-child(3n) {
    margin-right : 0;
}
.dashlet-web-content-design .dashlet-ribbon:nth-child(n+4),
.dashlet-webcommerce .dashlet-ribbon:nth-child(n+4) {
    margin-top : 9px;
}
.dashlet-ribbon {
    border-radius      : 2px;
    display            : inline-block;
    height             : 90px;
    margin             : 0 1%;
    padding-top        : 11px;
    text-align         : center;
    vertical-align     : top;
    width              : 32%;
    cursor             : pointer;
    -webkit-transition : all 0.2s ease-in-out 0s;
    transition         : all 0.2s ease-in-out 0s;
}
.dashlet-ribbon:hover {
    background-color : #F8F9FB;
}
.dashlet-administration-webmarketing .dashlet-ribbon {
    margin : 0 .4%;
    width  : 16%;
    height : 89px;
}
.dashlet-ribbon .icon {
    background-repeat : no-repeat;
    display           : inline-block;
    height            : 24px;
    margin-top        : 7%;
    vertical-align    : top;
    width             : 24px;
}
.dashlet-ribbon:hover .icon {
    -webkit-animation-duration  : 1s;
    animation-duration          : 1s;
    -webkit-animation-fill-mode : both;
    animation-fill-mode         : both;
    -webkit-animation-name      : bounce;
    animation-name              : bounce;
    -webkit-transform-origin    : center bottom;
    -ms-transform-origin        : center bottom;
    transform-origin            : center bottom;
}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function : cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function         : cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform                  : translate3d(0, 0, 0);
        transform                          : translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function         : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform                  : translate3d(0, -20px, 0);
        transform                          : translate3d(0, -20px, 0);
    }

    70% {
        -webkit-transition-timing-function : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function         : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform                  : translate3d(0, -7px, 0);
        transform                          : translate3d(0, -7px, 0);
    }

    90% {
        -webkit-transform : translate3d(0, -3px, 0);
        transform         : translate3d(0, -3px, 0);
    }
}
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function : cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function         : cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform                  : translate3d(0, 0, 0);
        transform                          : translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function         : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform                  : translate3d(0, -20px, 0);
        transform                          : translate3d(0, -20px, 0);
    }

    70% {
        -webkit-transition-timing-function : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function         : cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform                  : translate3d(0, -7px, 0);
        transform                          : translate3d(0, -7px, 0);
    }

    90% {
        -webkit-transform : translate3d(0, -3px, 0);
        transform         : translate3d(0, -3px, 0);
    }
}
/*ribbion-icon sprite design*/
.dashlet-ribbon.product .icon {
    background-position : 0 0;
}
.dashlet-ribbon.payment-gateway .icon {
    background-position : -24px 0;
}
.dashlet-ribbon.tax .icon {
    background-position : -48px 0;
}
.dashlet-ribbon.shipping .icon {
    background-position : -72px 0;
}
.dashlet-ribbon.discount .icon {
    background-position : -96px 0;
}
.dashlet-ribbon.currency .icon {
    background-position : -120px 0;
}
.dashlet-ribbon.layout .icon {
    background-position : -144px 0;
}
.dashlet-ribbon.page .icon {
    background-position : -168px 0;
}
.dashlet-ribbon.content .icon {
    background-position : -192px 0;
}
.dashlet-ribbon.navigation .icon {
    background-position : -216px 0;
}
.dashlet-ribbon.album .icon {
    background-position : -240px 0;
}
.dashlet-ribbon.news .icon {
    background-position : -264px 0;
}
.dashlet-ribbon.plugin .icon {
    background-position : -288px 0;
}
.dashlet-ribbon.customer .icon {
    background-position : -312px 0;
}
.dashlet-ribbon.trash .icon {
    background-position : -336px 0;
}
.dashlet-ribbon.operator .icon {
    background-position : -360px 0;
}
.dashlet-ribbon.sitemap .icon {
    background-position : -384px 0;
}
.dashlet-ribbon.newsletterView .icon {
    background-position : -408px 0;
}
.dashlet-ribbon.brand .icon {
    background-position : -432px 0;
}
.dashlet-ribbon.manufacturer .icon {
    background-position : -456px 0;
}
.dashlet-ribbon.order .icon {
    background-position : -480px 0;
}
.dashlet-ribbon.template .icon {
    background-position : -504px 0;
}
.dashlet-ribbon.asset-library .icon {
    background-position : -528px 0;
}
.dashlet-ribbon.fixed-page .icon {
    background-position : -552px 0;
}
.dashlet-ribbon.message-source .icon {
    background-position : -576px 0;
}
.dashlet-ribbon.role .icon {
    background-position : -600px 0;
}
.dashlet-ribbon.setting .icon {
    background-position : -624px 0;
}
.dashlet-ribbon.zone .icon {
    background-position : -648px 0;
}
.dashlet-ribbon.settings .icon {
    background-position : -672px 0;
}
.dashlet-ribbon.variation .icon {
    background-position : -696px 0;
}
.dashlet-ribbon .title {
    color       : #9C9B9B;
    display     : block;
    padding-top : 5px;
}
.dashlet-ribbon:hover .title {
    color : #1198C5;
}
/* --------------------------------------------------- !customer tab design ---------------------------------------------*/
#tab-customer.app-tab-container.table-view table col.status-column {
    width: 80px;
}
#tab-customer.app-tab-container.table-view table col.actions-column {
    width: 70px;
}
#tab-customer.app-tab-container.table-view table col.store-credit-column {
    width: 120px;
}
#tab-customer.app-tab-container.table-view table col.customer-id-column {
    width: 120px;
}
#tab-customer.app-tab-container.table-view table col.organisation-column {
    width: 150px;
}
#tab-customer.app-tab-container.table-view table col.first-name-column {
    minwidth: 150px;
}
/* --------------------------------------------------- !currency tab design ---------------------------------------------*/
#tab-currency.app-tab-container.table-view table th.select-column,
#tab-currency.app-tab-container.table-view table col.select-column {
    width : 50px;
}
#tab-currency.app-tab-container.table-view table th.actions-column,
#tab-currency.app-tab-container.table-view table col.actions-column {
    width : 90px;
}
/* --------------------------------------------------- !get started wizerd design ---------------------------------------------*/
.dashlet-wrapper.wizard-env {
    height         : 100%;
    padding-bottom : 0;
}
.dashlet.getting-started-wizard {
}
.getting-started-wizard > .bmui-tab.left-side-header {
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border     : medium none;
    margin-top : 10px;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container {
    width      : 380px;
    transition : width .5s ease-in-out 0s;
}
.getting-started-wizard > .left-side-header > .bmui-tab-body-container {
    border        : medium none;
    border-radius : 3px;
    margin-left   : 385px;
    min-height    : 605px;
    padding       : 0;
    transition    : margin-left 0.5s ease-in-out 0s;
}
.getting-started-wizard .bmui-tab > div > .title {
    background-color : #F6F8F8;
    border-radius    : 3px 3px 0 0;
    color            : #6F6F6F;
    display          : block;
    font-size        : 19px;
    padding          : 10px 20px;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header {
    background-color   : #FFFFFF;
    font-size          : 15px;
    padding            : 20px;
    height             : 62px;
    -webkit-transition : background-color .2s ease-in-out 0s;
    transition         : background-color .2s ease-in-out 0s;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header:nth-child(2n+1) {
    background-color : #FAFBFC;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active,
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active:hover,
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header:hover {
    background-color : #FAFBFB;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header:nth-child(2n+1):hover {
    background-color : #FFFFFF;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header .title-block {
    padding-left : 20px;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header .tool-icon.done {
    background-image    : url("../../images/admin/24-icon-sprite.png");
    background-position : -48px 0;
    float               : right;
    height              : 24px;
    width               : 24px;
}
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container .bmui-tab-header .tool-icon.done {
    background-image    : url("../../images/admin/16-icon-sprit.png");
    background-position : -208px -64px;
    height              : 18px;
    right               : 0;
    position            : absolute;
    top                 : 0;
    width               : 18px;
    z-index             : 11;
}
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container .bmui-tab-header .step-icon {
    background-color    : rgba(255, 255, 255, 0.28);
    background-position : -208px -64px;
    border              : 1px solid #62BCD8;
    height              : 18px;
    left                : 0;
    position            : absolute;
    top                 : 0;
    width               : 18px;
    z-index             : 10;
    color               : #FFFFFF;
    text-align          : center;
    line-height         : 17px;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header .title-block .step-title {
    color         : #828282;
    padding-right : 5px;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header .title-block .title-name {
    color : #000000;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title-block .title-name,
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header:hover .title-block .title-name {
    color : #1199C4;
}
.getting-started-wizard > .left-side-header > .bmui-tab-header-container .bmui-tab-header:last-child {
    border-bottom : medium none;
    border-radius : 0 0 3px 3px;
}
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container .title-block,
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container .title {
    display : none;
}
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container {
    background-color : #1199C4;
    border-radius    : 0 3px 3px 0;
    height           : auto;
    left             : 0;
    margin-top       : -243px;
    padding-right    : 5px;
    position         : fixed;
    top              : 50%;
    width            : 56px;
}
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container .bmui-tab-header:hover,
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container .bmui-tab-header {
    background    : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow    : none;
    padding       : 16px 0 17px 20px;
    border-bottom : 1px #12A8D7 solid;
}
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active:after {
    content      : "";
    position     : absolute;
    right        : -5px;
    top          : 20px;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 8px 8px 8px 0;
    border-color : transparent #F0F3F4 transparent transparent;

}
.getting-started-wizard.wiz-mini-header > .left-side-header > .bmui-tab-body-container {
    margin-left : 46px;
}
/*content panel left*/
.getting-started-wizard .left-side-header .bmui-tab-body-container .bmui-tab-panel {
    /* @alternate */    height: -moz-calc(100% - 57px);
    /* @alternate */   height: -webkit-calc(100% - 57px);
    height: calc(100% - 57px);
    padding : 45px;
}
.get-started-content {
    overflow : hidden;
}
.get-started-content h1 {
    color          : #1199C4;
    font-size      : 25px;
    font-weight    : normal;
    margin         : 0 541px 40px 0;
    padding-bottom : 5px;
    position       : relative;
}
.get-started-content h1:after {
    background-color : #DBDBDB;
    bottom           : 0;
    content          : "";
    height           : 3px;
    left             : 0;
    position         : absolute;
    width            : 60px;
}
.get-started-content p {
    line-height    : 24px;
    margin         : 0;
    padding-bottom : 20px;
}
/*content panel right*/
.get-started-content .right_panel {
    float       : right;
    margin-left : 35px;
}
.get-started-content .right_panel .button-container {
    padding-bottom : 25px;
    text-align     : center;
}
.get-started-content .right_panel .button-container .btn.i-am-ready {
    cursor    : pointer;
    font-size : 18px;
    padding   : 7px 73px;
}
.get-started-content .video-player {
    border  : 1px solid #F0F3F4;
    height  : 300px;
    padding : 12px;
    width   : 500px;
}
.get-started-floating-menu {
    background-color : #1199C4;
    border-radius    : 0 3px 3px 0;
    display          : inline-block;
    left             : 0;
    padding-right    : 5px;
    position         : fixed;
    top              : 233px;
    width            : 45px;
}
.get-started-floating-menu .menu-item {
    border-bottom : 1px solid #23ABD6;
    padding       : 20px 0 20px 12px;
    cursor        : pointer;
}
.get-started-floating-menu .menu-item:last-child {
    border-bottom : none;
}
.get-started-content .right_panel {
    float       : right;
    margin-left : 35px;
}
#bmui-tab-paymentGateway .embedded-edit-form-panel {
    top : -110%;
}
/*launch store*/

#bmui-tab-launchStore .get-started-content {
    font-size  : 0;
    text-align : center;
}
#bmui-tab-launchStore .get-started-content * {
    font-size : 14px;
}
#bmui-tab-launchStore .get-started-content .title {
    color          : #60A6C0;
    font-size      : 26px;
    padding-bottom : 13px;
}
.get-started-content .package-wrap {
    display        : inline-block;
    padding        : 0 5px;
    vertical-align : top;
    width          : 25%;
}
.get-started-content .package {
    border        : 1px solid #E1E1E1;
    border-radius : 3px;
    padding       : 24px 24px 0;
}
#bmui-tab-launchStore .get-started-content .package-type {
    padding-bottom : 20px;
}
#bmui-tab-launchStore .get-started-content .badge {
    background-color : #CCCCCC;
    border-radius    : 15px;
    color            : #FFFFFF;
    font-size        : 14px;
    padding          : 3px 20px;
    text-transform   : uppercase;
}
#bmui-tab-launchStore .get-started-content .badge.bronze {
    background-color : #98BC62;
}
#bmui-tab-launchStore .get-started-content .badge.silver {
    background-color : #F4AC40;
}
#bmui-tab-launchStore .get-started-content .badge.gold {
    background-color : #5FA5BF;
}
#bmui-tab-launchStore .get-started-content .badge.platinam {
    background-color : #8C6AC0;
}
#bmui-tab-launchStore .get-started-content .package-price {
    padding-bottom : 9px;
}
#bmui-tab-launchStore .get-started-content .package-price .price {
    color          : #2B97C6;
    font-size      : 32px;
    vertical-align : middle;
}
#bmui-tab-launchStore .get-started-content .package-price .month {
    color          : #7F878A;
    font-size      : 18px;
    padding-left   : 7px;
    vertical-align : middle;
}
#bmui-tab-launchStore .get-started-content .package-icon {
    padding-bottom : 15px;
}
#bmui-tab-launchStore .get-started-content .package-icon .icon {
    background-image  : url("../../images/admin/packege-icon.png");
    background-repeat : no-repeat;
    display           : inline-block;
    height            : 75px;
    width             : 75px;
}
#bmui-tab-launchStore .get-started-content .pkg-bronze .package-icon .icon {
    background-position : 0 0;
}
#bmui-tab-launchStore .get-started-content .pkg-silver .package-icon .icon {
    background-position : -75px 0;
}
#bmui-tab-launchStore .get-started-content .pkg-gold .package-icon .icon {
    background-position : -150px 0;
}
#bmui-tab-launchStore .get-started-content .pkg-platinum .package-icon .icon {
    background-position : -225px 0;
}
#bmui-tab-launchStore .get-started-content .package-discription {
    padding-bottom : 25px;
}
#bmui-tab-launchStore .get-started-content .package-discription > div {
    border-bottom  : 1px solid #E1E1E1;
    color          : #565656;
    font-size      : 15px;
    margin-bottom  : 7px;
    padding-bottom : 7px;
}
#bmui-tab-launchStore .get-started-content .package-discription > div:last-child {
    border-bottom  : 0 none;
    margin-bottom  : 0;
    padding-bottom : 0;
}
#bmui-tab-launchStore .get-started-content .bottom-line {
    background-color : #EFF3F4;
    margin           : 0 -24px;
    padding          : 17px 0 28px;
}
#bmui-tab-launchStore .get-started-content .bottom-line .free {
    color          : #5E6F79;
    padding-bottom : 10px;
}
/* --------------------------------------------------- !on screen help popup design ---------------------------------------------*/
.menu-item.on-screen-help .icon {
    background-position : -784px -32px;
}
.tool-tip-popup .content {
    background-color : #FFFFFF;
    border-radius    : 5px 5px 0 0;
    padding          : 30px;
}
.tool-tip-popup .content .title {
    color          : #1199C4;
    display        : block;
    font-size      : 20px;
    padding-bottom : 8px;
}
.tool-tip-popup .pop-bottom {
    background-color : #1199C4;
    border-radius    : 0 0 5px 5px;
    overflow         : hidden;
    padding          : 0 20px;
}
.tool-tip-popup .pop-bottom .order {
    color       : #FFFFFF;
    display     : inline-block;
    padding-top : 11px;
}
.tool-tip-popup .pop-bottom button {
    float          : right;
    padding        : 10px 12px;
    text-transform : uppercase;
}
.tool-tip-popup .pop-bottom button:hover {
    border-radius : 0;
}
.tool-tip-popup .pop-bottom button.submit-button-pre {
    margin-right : 1px;
    position     : relative;
}
.tool-tip-popup .pop-bottom button.submit-button-pre:after {
    background-color : #FFFFFF;
    content          : "";
    height           : 11px;
    position         : absolute;
    right            : -2px;
    top              : 14px;
    width            : 1px;
}
.tool-tip-popup .pop-bottom .show-next-wrapper {
    color   : #FFFFFF;
    padding : 5px 0 10px;
}
.tool-tip-popup .pop-bottom .show-next-wrapper > * {
    display        : inline-block;
    margin         : 0 5px 0 0;
    vertical-align : middle;
}
.tool-icon.tool-tip-close {
    position : absolute;
    right    : 15px;
    top      : 12px;
}
.tool-tip-popup.loaded:after {
    content      : "";
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 0 9px 8px 9px;
    border-color : transparent transparent #FFFFFF transparent;
    position     : absolute;
    top          : -8px;
    right        : 16px;
}
/* --------------------------------------------------- !thumb image design ---------------------------------------------*/
.grid-view .right-panel .body {
    padding  : 5px;
    position : relative;
}
.grid-item {
    display        : inline-block;
    margin         : 5px;
    padding        : 3px;
    vertical-align : top;
    text-align     : center;
    position       : relative;
    z-index        : 0;
}
.grid-item .title {
    overflow   : hidden;
    padding    : 3px;
    text-align : center;
    display    : block;
}
/*product, category, combined product*/
.grid-item.product,
.grid-item.category,
.grid-item.combined_product {
    margin : 0 12px 20px 5px;
}
.grid-item.product .image,
.grid-item.category .image,
.grid-item.combined_product .image {
    border        : 1px solid #E1E6E6;
    border-radius : 0;
    box-shadow    : 4px 4px 0 0 rgba(0, 0, 0, 0.03);
    height        : 155px;
    margin        : 0 0 5px;
    padding       : 5px;
    position      : relative;
    width         : 155px;
}
.grid-item.product:hover .image img,
.grid-item.category:hover .image img,
.grid-item.combined_product:hover .image img {
    opacity : .2;
    filter  : alpha(opacity=20);
}
.grid-item.product .image img,
.grid-item.category .image img,
.grid-item.combined_product .image img {
    max-height : 145px;
    max-width  : 140px;
}
.grid-item.product .title,
.grid-item.category .title,
.grid-item.combined_product .title {
    height : 46px;
    width  : 155px;
    line-height: 1.5;
}
.grid-item.product .float-menu-navigator,
.grid-item.category .float-menu-navigator,
.grid-item.combined_product .float-menu-navigator {
    right   : 10px;
    top     : 13px;
    z-index : 1;
}
/*article and section */
.grid-item.section,
.grid-item.section,
.grid-item.article {
    border-radius : 3px;
    padding       : 10px 0 5px;
    width         : 107px;
    margin        : 0 15px 15px 0;
    border        : 1px solid transparent;
}
.grid-item.section:hover,
.grid-item.article:hover {
    cursor           : pointer;
    background-color : #F8F9FB;
    border           : 1px solid #D4D5D7;
}
.grid-item.article .image {
    background : url("../../images/admin/artical_grid_image.png") no-repeat left top;
    height     : 60px;
    width      : 44px;
}
.grid-item.article:hover .image {
    background : url("../../images/admin/artical_grid_image_hover.png") no-repeat left top;
}
.grid-item.section .image {
    background : url("../../images/admin/section_grid_image.png") no-repeat left top;
    height     : 69px;
    width      : 53px;
}
.grid-item.section:hover .image {
    background : url("../../images/admin/section_grid_image_hover.png") no-repeat left top;
}
.grid-item.section .title,
.grid-item.article .title {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}
.grid-item.section .float-menu-navigator,
.grid-item.article .float-menu-navigator {
    right : 6px;
    top   : 10px;
}
/* --------------------------------------------------- !notification, alert, comfirm design ---------------------------------------------*/
/*notification*/
.notification {
    border-radius : 5px;
    max-width     : 1000px;
    min-width     : 650px;
    padding       : 20px 50px 20px 35px;
}
.notification .type {
    font-family : source_sans_prosemibold;
    float       : left;
    font-size   : 16px;
    margin      : 0 0 0 10px;
}
.notification .message {
    display  : block;
    overflow : hidden;
    padding  : 0 0 0 15px;
}
.notification .icon {
    float      : left;
    margin-top : 3px;
}
.notification.error .icon {
    background-position : -144px 0;
}
.notification.alert .icon,
.notification.warning .icon {
    background-position : -160px 0;
}
.notification.success .icon {
    background-position : -176px 0;
}
.notification .close {
    background-position : -36px 0;
    position            : absolute;
    right               : 25px;
    top                 : 25px;
    cursor              : pointer;
}
/*confirm, alert*/
.alert-popup,
.confirm-popup {
    min-width : 580px;
    max-width : 1000px;
    z-index: 800000 !important;
}
.confirm-popup .header-line {
    padding : 0 50px 0 30px;
}
.confirm-popup .header-line .title {
    font-family : source_sans_prosemibold;
    font-size   : 20px;
    position    : relative;
}
.alert-popup .header-line,
.confirm-popup .header-line {
    height      : 58px;
    line-height : 58px;
    position    : relative;
}
.alert-popup .header-line {
    text-align : center;
}
.alert-popup .header-line .icon {
    margin-top : 10px;
}
.confirm-popup .header-line .icon {
    background-position : -36px 0;
    cursor              : pointer;
    position            : absolute;
    right               : 23px;
    top                 : 23px;
}
.alert-popup .body,
.confirm-popup .body {
    padding    : 30px;
    text-align : center;
}
.popup.alert-popup .button-line,
.popup.confirm-popup .button-line,
.popup.edit-popup .button-line {
    padding    : 15px 20px;
    text-align : center;
}
.popup.floating-panel-popup .button-line {
    background: #f2f6f7 none repeat scroll 0 0;
    margin: 0 -25px -25px;
    padding: 15px 20px;
    text-align: center;
}
.alert-popup .button-line button, .confirm-popup .button-line button, .edit-popup.button-line button {
    font-size      : 15px;
    margin         : 0 3px;
    text-transform : uppercase;
}
.alert-popup .button-line button.no, .confirm-popup .button-line button.no,
.alert-popup .button-line button.no-button, .confirm-popup .button-line button.no-button {
    background : #4A647D;
}
.alert-popup .button-line button.no:hover, .confirm-popup .button-line button.no:hover,
.alert-popup .button-line button.no-button:hover, .confirm-popup .button-line button.no-button:hover {
    background : #3F566C;
}
.alert-popup .header-line .ok {
    font-family : source_sans_prosemibold;
    bottom      : 0;
    font-size   : 16px;
    position    : absolute;
    right       : 0;
    top         : 0;
    width       : 70px;
    cursor      : pointer;
}
.alert-popup.alert .header-line {
    text-align: center;
    background-color: #F56460;
}
.alert-popup.alert .header-line .ok {
    background-color: #dd534f;
}
.alert-popup.success .header-line .icon {
    background-position : 0 0;
}
.alert-popup.error .header-line .icon {
    background-position : -36px 0;
}
.alert-popup.warning .header-line .icon {
    background-position : -72px 0;
}
#administrative-notification-wrapper {
    background-color : #FFFFFF;
    border           : 1px solid #F2F2F2;
    border-radius    : 3px;
    bottom           : 36px;
    box-shadow       : 0 0 5px #E6E6E6;
    padding          : 8px 16px;
    position         : fixed;
    right            : 0;
    width            : 360px;
}
#administrative-notification-wrapper .administrative-notification {
    border-bottom : 1px solid #E4EBF1;
    margin        : 2px 0;
    padding       : 14px 0 14px 54px;
    position      : relative;
}
#administrative-notification-wrapper > div:last-of-type {
    border : none;
}
#administrative-notification-wrapper .administrative-notification:before {
    background-image  : url("../../images/admin/notification-icon.png");
    background-repeat : no-repeat;
    border-radius     : 50%;
    content           : "";
    height            : 24px;
    left              : 0;
    position          : absolute;
    top               : 23px;
    width             : 24px;
}
#administrative-notification-wrapper .administrative-notification.notification-notice:before {
    background-position : 0 0;
}
#administrative-notification-wrapper .administrative-notification.notification-critical:before {
    background-position : -24px 0;
}
#administrative-notification-wrapper .administrative-notification.notification-error:before {
    background-position : -48px 0;
}
#administrative-notification-wrapper .administrative-notification.notification-warning:before {
    background-position : -72px 0;
}
#administrative-notification-wrapper .title {
    font-size      : 14px;
    padding-bottom : 7px;
}
#administrative-notification-wrapper .message {
    font-size : 13px;
}
#administrative-notification-wrapper .tool-icon.close {
    background-position : -688px 0;
    position            : absolute;
    right               : 10px;
    top                 : 10px;
    cursor              : pointer;
}
@media (max-width: 1393px) {
    .administrator .user-name {
        background-image    : url("../../images/admin/24-icon-sprite.png");
        background-repeat   : no-repeat;
        background-position : 0 0;
        display             : inline-block;
        height              : 24px;
        width               : 24px;
        overflow            : hidden;
        text-indent         : -200px;
    }
    .administrator .action-dropper {
        display : none;
    }
    .app-tab-content-container .tool-group.toolbar-btn.save:hover,
    .app-tab-content-container .tool-group.toolbar-btn.save {
        background-color: #fff;
        border: 1px solid #e2e2e2;
        overflow: hidden;
        position: relative;
        text-indent: -500px;
    }
    .app-tab-content-container .tool-group.toolbar-btn.save::after {
        background-image: url("../../images/admin/toolbar-icon-sprite.png");
        background-position: -176px 0;
        content: "";
        height: 16px;
        left: 6px;
        position: absolute;
        top: 5px;
        width: 16px;
    }
    .app-tab-content-container .tool-group.action-tool {
        padding: 0 15px;
        position: relative;
    }
    .app-tab-content-container .tool-group.action-tool {
        padding-right: 30px;
    }
    .app-tab-content-container .tool-group.action-tool .tool-text {
        display: none;
    }
    .app-tab-content-container .tool-group.action-tool .action-dropper {
        background-color: #999;
        border: medium none;
        border-radius: 3px;
        height: 3px;
        left: 7px;
        top: 11px;
        width: 16px;
    }
    .app-tab-content-container .tool-group.action-tool .action-dropper::before {
        background-color: #999;
        border-radius: 3px;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        top: -5px;
        width: 16px;
    }
    .app-tab-content-container .tool-group.action-tool .action-dropper::after {
        background-color: #999;
        border-radius: 3px;
        content: "";
        height: 3px;
        position: absolute;
        top: 5px;
        width: 16px;
    }
    .content-editor .spinner-group {
        margin-right: 5px;
    }

}
/*--------------------------------- !Report -------------------------------*/
.floating-panel-popup.advanced-analytics-chart-options {
    padding : 40px 30px;
}
.advanced-analytics-chart-options .multi-column .columns {
    padding : 0 10px;
}
.advanced-analytics-chart-options .multi-column .columns .title {
    color          : #009DC6;
    font-size      : 16px;
    padding-bottom : 3px;
    position       : relative;
}
.advanced-analytics-chart-options .multi-column .columns .title:after {
    background-color : #009DC6;
    bottom           : 0;
    content          : "";
    display          : inline-block;
    height           : 2px;
    left             : 0;
    position         : absolute;
    width            : 32px;
}
.advanced-analytics-chart-options .options-list {
    padding-top : 15px;
}
.advanced-analytics-chart-options .radio-label-pack {
    display        : block;
    padding-bottom : 3px;
}
.advanced-analytics-chart-options .radio-label-pack > * {
    margin         : 0 5px 0 0;
    vertical-align : middle;
}
.report-navigator {
    background     : none repeat scroll 0 0 #FAFBFB;
    border         : 10px solid #F0F3F4;
    display        : inline-block;
    height         : 50%;
    min-height     : 380px;
    vertical-align : top;
    width          : 33%;
    text-align     : center;
}
.report-navigator .title {
    background    : none repeat scroll 0 0 #FFFFFF;
    border-bottom : 1px solid #E9E9E9;
    color         : #1199C4;
    font-size     : 16px;
    padding       : 10px;
    cursor        : pointer;
    margin-bottom : 40px;
}
.report-icon {
    display    : block;
    height     : 100px;
    display    : inline-block;
    width      : 100px;
    background : url("../../images/admin/report_icon_sprite.png") no-repeat 0 0;
    cursor     : pointer;
}
.body-only-tab-content-container {
    background : none repeat scroll 0 0 #F0F3F4;
    height     : 100%;
    padding    : 20px;
}
.report-navigator .info {
    padding : 20px 30px;
}
.report-navigator .info .info-title {
    color       : #6E787D;
    display     : inline-block;
    font-size   : 15px;
    font-weight : 600;
    line-height : 20px;
    margin      : 0 0 15px;
    padding     : 0 0 10px;
    position    : relative;
}
.report-navigator .info .info-title:after {
    background : none repeat scroll 0 0 #1199C4;
    bottom     : 0;
    content    : "";
    display    : inline-block;
    height     : 2px;
    left       : 0;
    position   : absolute;
    right      : 0;
}
.real-time-report-navigator.report-navigator .info {
    display : inline-block;
    width   : 500px;
}
.real-time-report-navigator .report-icon {
    background-position : -400px center;
}
.orders-report-navigator .report-icon {
    background-position : -100px 0;
}
.product-stock-report-navigator .report-icon {
    background-position : -100px 0;
}
.sales-report-navigator .report-icon {
    background-position : -400px 0;
}
.payments-report-navigator .report-icon {
    background-position : -200px 0;
}
.taxes-report-navigator .report-icon {
    background-position : -300px 0;
}
#bmui-tab-customProject,
#bmui-tab-customerSupport,
#bmui-tab-subscription,
#bmui-tab-invoice,
#bmui-tab-purchaseHistory,
#bmui-tab-paymentDetails,
#bmui-tab-accountDetails,
.app-tab-container .create-edit-form {
    padding : 30px;
}
.info-section,
.create-edit-form .form-section {
    display    : inline-block;
    min-height : 200px;
    width      : 100%;
}
.create-edit-form .form-section.no-min-height {
    min-height : 0;
}
.section-separator, .form-section-separator {
    background : none repeat scroll 0 0 #E6EAEA;
    display    : block;
    height     : 1px;
    margin     : 35px 0px 50px;
    position   : relative;
}
#bmui-tab-webtool .section-separator {
    margin-left : 30px;
}
.section-separator:after,
.form-section-separator:after {
    background : none repeat scroll 0 0 #1199C4;
    content    : "";
    display    : inline-block;
    height     : 1px;
    left       : 0;
    position   : absolute;
    top        : 0;
    width      : 300px;
    z-index    : 1;
}
.info-section-info,
.form-section-info {
    float : left;
    width : 250px;
}
.info-section-info-block,
.form-section-info-block {
    padding-bottom : 20px;
}
.form-section-container-block.with-top-btn {
    margin-top : -46px;
}
.form-section-container-block.with-top-btn .btn-panel {
    margin     : 0 0 10px;
    text-align : right;
    position   : relative;
}
/*-------------------------------- !form-row --------------------------------------*/
.form-row .pre-input-label {
    display : block;
}
.form-row .pre-input-label > span {
    background     : none repeat scroll 0 0 #F5F6F6;
    border         : 1px solid #D3DBDF;
    border-radius  : 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    display        : inline-block;
    height         : 40px;
    line-height    : 38px;
    margin-right   : -1px;
    padding-left   : 15px;
    vertical-align : top;
    width          : 70px;
}
.form-row .pre-input-label > span.coupon-code-prefix {
    overflow: hidden;
    padding: 0 0 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form-row .pre-input-label > input {
    /* @alternate */   width: -moz-calc(100% - 70px);
    /* @alternate */  width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    border-radius : 0 3px 3px 0 !important;
    -webkit-border-radius: 0 3px 3px 0 !important;
    -moz-border-radius: 0 3px 3px 0 !important;
}
.double-input-row .form-row .unit {
    color      : #999999;
    font-style : italic;
    position   : absolute;
    right      : 0;
    top        : 6px;
}
.form-section-info h3,
.form-section-info-block h3,
.info-section-info h3 {
    color          : #1199C4;
    font-size      : 16px;
    margin         : 0;
    padding        : 0 0 15px;
    text-transform : uppercase;
}
.info-section-info .info-content,
.info-section-info-block .info-content,
.form-section-info .info-content,
.form-section-info-block .info-content {
    color       : #999999;
    font-size   : 14px;
    line-height : 20px;
}
.form-section-container::after {
    content: "";
    display: block;
    clear: both;
}
.info-section-container,
.form-section-container {
    margin-left : 300px;
    position: relative;
}
.toolbar form {
    padding : 0;
}
.bmui-tab-body-container .accordion-item form {
    padding : 0;
}
.form-row > *,
.form-row > .form-row-content-wrapper > * {
    display        : inline-block;
    vertical-align : middle;
}
.form-row > .form-row-content-wrapper {
    display : block;
}
.form-row.without-field .tool-icon {
    position : static;
}
.form-row .chosen-container {
    width : 100%;
}
.form-row .side {
    display     : inline-block;
    line-height : 20px;
    padding     : 0 20px 0 0;
}
.form-row .side .wcui-radio {
    float : left;
}
.form-row button {
}
.form-row .rteditor-container button {
    margin : 0;
}
.form-row.thicker-row > * {
    vertical-align : top;
}
.form-row .form-file-block {
    width : 100%;
}
.form-row.btn-row {
    clear: both;
    display: block;
    margin-top: 40px;
}
.left-right-selector-panel,
.dropzone-wrapper,
.form-row {
    padding  : 0 0 25px 0;
    position : relative;
}
.switcher-type-row {
    padding-left: 55px;
}
.customer-bulk-editor-button {
    overflow: hidden;
}
.customer-bulk-editor-button button {
    float: left;
}
.product-import-drop-zone-container{
    width: 50%;
    margin: 100px auto;
}
.product-import-drop-zone-container .product-import-drop-zone{
    margin: 0;
}
.product-import-drop-zone-container .product-import-drop-zone .dropzone{
    width: auto;
    margin: 0;
}
.customer-import-drop-zone-container{
    width: 50%;
    margin: 100px auto;
}
.customer-import-drop-zone-container .customer-import-drop-zone{
    margin: 0;
}
.customer-import-drop-zone-container .customer-import-drop-zone .dropzone{
    width: auto;
    margin: 0;
}
.shipping-import-drop-zone-container {
    width: 50%;
    margin: 100px auto;
}
.shipping-import-drop-zone-container .shipping-import-zone {
    margin: 0;
}
.shipping-import-drop-zone-container .shipping-import-zone .dropzone {
    width: auto;
    margin: 0;
}
.shipping-import-upload-form div.dropzone {
    width: 50%;
    margin: 100px auto;
}

.shipping-import-upload-form .fake-chooser-text {
    display: none;
}
.popup .dropzone-wrapper,
.popup .form-row {
    padding  : 0 0 15px;
    position : relative;
}
.form-row .dropzone-wrapper {
    padding  : 0;
    position : relative;
    display  : block;
}
.form-row .dropzone-wrapper.validation-error {
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border     : medium none;
}
.form-row .dropzone-wrapper.validation-error .dropzone {
    border-color : #F56460;
}
.form-row .form-image-block {
    width : 100%;
}
.form-row .form-image-block .dropzone-wrapper {
    float : left;
    /* @alternate */ width: -moz-calc(100% - 120px);
    /* @alternate */  width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
}
.form-row .form-image-block .preview-image {
    float    : right;
    position : relative;
    width    : 100px;
    height   : 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e1e4e4;
}
.form-row .form-image-block .preview-image img {
    max-width: 100%;
    margin: 0;
    padding: 5%;
    max-height: 100%;
}
.dropzone-wrapper.single-file-with-preview.file-added .dropzone > .image-resolation {
    margin-top: 10px;
}
.form-row .form-image-block .preview-image .tool-icon {
    background-color : #FFFFFF;
    float            : right;
    margin           : 3px 3px 0 0;
    position         : relative;
    top              : 0;
    right            : 0;
}
.double-input-row .info-row,
.double-input-row .form-row,
.double-input-row .ui-effects-wrapper {
    display        : inline-block;
    vertical-align : top;
    /* @alternate */   width          : -moz-calc(50% - 20px);
    /* @alternate */  width          : -webkit-calc(50% - 20px);
    width          : calc(50% - 20px);
}
.popup .double-input-row .form-row,
.popup .double-input-row .ui-effects-wrapper {
    /* @alternate */   width: -moz-calc(50% - 20px);
    /* @alternate */  width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
}
.form-row.mandatory-chosen-wrapper {
    position : inherit;
}
.form-row.mandatory-chosen-wrapper .errorlist.after {
    display : none;
}
.form-row.mandatory-chosen-wrapper .chosen-container.validation-error {
    position : relative;
}
.form-row.mandatory-chosen-wrapper .chosen-container.validation-error ul.chosen-choices{
    position: relative;
}
.form-row.mandatory-chosen-wrapper .chosen-container.validation-error:before {
    background    : none repeat scroll 0 0 #F56460;
    border        : medium none;
    box-shadow    : 3px 3px 0 0 rgba(0, 0, 0, 0.07);
    color         : #FFFFFF;
    content       : "This field is required";
    font-size     : 12px;
    height        : 20px;
    line-height   : 18px;
    min-width     : 100px;
    padding       : 0 30px 0 15px;
    position      : absolute;
    right         : 0;
    bottom        : -25px;
    z-index       : 100;
    width         : 100%;
}
.form-row.mandatory-chosen-wrapper .chosen-container.validation-error:after {
    background : url("../../images/admin/pop_up_close.png") no-repeat scroll left top / 10px auto transparent;
    content    : "";
    height     : 12px;
    position   : absolute;
    right      : 5px;
    bottom     : -23px;
    width      : 12px;
    cursor     : pointer;
    z-index    : 100;
}
.popup .double-input-row .form-row.mandatory-chosen-wrapper .chosen-container {
    position : inherit;
}
.popup .double-input-row .form-row.mandatory-chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
    min-width : 253px;
}
.form-row .twice-input-row {
    width : 100%;
}
.addition-condition .form-row.mandatory .has-inline-label > span,
.form-row .twice-input-row > span {
    background     : none repeat scroll 0 0 #F5F6F6;
    border         : 1px solid #D3DBDF;
    display        : inline-block;
    height         : 40px;
    line-height    : 40px;
    margin         : 0 -2px;
    position       : relative;
    text-align     : center;
    vertical-align : top;
    width          : 24px;
    z-index        : 10;
}
.addition-condition .form-row.mandatory .has-inline-label > span {
    margin         : 0 -4px;
}
.addition-condition .form-row.mandatory .has-inline-label > span.display-sbw.note {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 0 10px;
    z-index: 100;
}
.addition-condition .form-row.mandatory .has-inline-label > input {
    width: calc(100% - 20px);
    border-radius: 0 3px 3px 0;
}
.double-input-row .form-row .twice-input-row > span,
.popup .form-row .twice-input-row > span {
    width : 24px;
}
.form-row .twice-input-row > input,
.form-row .twice-input-row > .chosen-container {
    /* @alternate */ width: -moz-calc(50% - 10px);
    /* @alternate */ width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}
.popup .form-row .twice-input-row > input,
.double-input-row .form-row .twice-input-row > input,
.double-input-row .form-row .twice-input-row > .chosen-container {
    /* @alternate */ width: -moz-calc(50% - 10px);
    /* @alternate */ width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}
.double-input-row .form-row ~ .form-row,
.double-input-row .form-row:nth-child(2),
.double-input-row .ui-effects-wrapper:nth-child(2) {
    margin-left : 37px;
}

.double-input-row .form-row .input-group > * {
    display : inline-block;
}
.double-input-row .form-row .input-group > input {
    width : 100px;
}
.display-availability-true {
    padding-bottom : 0px;
}
.form-row .rteditor-wrap {
    position : relative;
    width    : 100%;
}
.form-row.group-row {
    border-bottom  : 1px solid #E1E5E5;
    font-weight    : bold;
    margin-bottom  : 20px;
    margin-top     : 25px;
    padding-bottom : 0;
    text-align     : left;
}
.form-row.group-row:first-child {
    margin-top : 0;
}
.form-row.group-row label {
    color          : #1199C4;
    font-size      : 16px;
    font-weight    : bold;
    padding-bottom : 9px;
    width          : auto;
}
.form-row label {
    color       : #000000;
    font-weight : normal;
    line-height : 20px;
    margin      : 0;
    padding     : 0 0 6px;
}
.form-row label.bold-text {
    font-weight: bold;
}
.form-row label.label-inline {
    display: inline;
    padding: 0;
}
.form-row .label-block {
    display: block;
    padding-bottom: 10px;
}
.variation-block-title .suggestion,
.form-row .suggestion {
    display      : inline-block;
    padding-left : 10px;
    color        : #AAAAAA;
    font-style   : italic;
}
.form-row > .label,
.form-row label,
.form-row > div.indent-row > label {
    display        : block;
    vertical-align : top;
}
.form-row .value {
    display       : inline-block;
    padding-right : 25px;
    position      : relative;
    top           : 2px;
}
.info-row > label {
    font-weight : bold;
}
.info-row > * {
    display : inline-block;
}
.view-popup.abandoned-cart-view .info-row > label {
    width : 120px;
}
.view-popup.abandoned-cart-view h3 {
    margin : 0 0 20px;
}
.view-popup.abandoned-cart-view .abandoned-cart-items-wrap {
    padding-top : 15px;
}
.form-row.indent-row {
    margin-left : 70px;
}
.form-row-warning {
    background-color : #E4F1DF;
    border           : 1px solid #8EC578;
    color            : #008000;
    padding          : 3px 7px;
}
.popup .errorlist,
#workspace .errorlist {
    background    : none repeat scroll 0 0 #F56460;
    border        : medium none;
    border-radius : 2px;
    box-shadow    : 3px 3px 0 0 rgba(0, 0, 0, 0.07);
    color         : #FFFFFF;
    font-size     : 11px;
    height        : auto;
    line-height   : 18px;
    min-width     : auto;
    padding       : 0 30px 0 15px;
    position      : relative;
    right         : 0;
    top           : 5px;
    z-index       : 999;
    width         : 100%;
}
.popup .form-row.storecredit-between .errorlist {
    float: right;
    width: calc(50% - 12px);
}
#workspace .new-registrant-to-validation-age  .errorlist,
#workspace .floating-error  .errorlist {
    position: absolute;
    left: 0;
    right: auto;
    top: auto;
    bottom: -10px;
    white-space: nowrap;
}
#workspace .twice-input-row .errorlist{
    position: absolute !important;
    top: auto;
    bottom: 1px;
    left: 0;
    right: auto;
}
#workspace .twice-input-row .errorlist,
#workspace table td .errorlist,
#workspace table td .without-label .errorlist {
    bottom: -8px;
}
#workspace .twice-input-row .errorlist .message-text,
#workspace table td .errorlist .message-text {
    white-space: nowrap;
    max-height: 36px;
}
.popup .errorlist:after, #workspace .errorlist:after,
#workspace .errorlist:after{
    content: "";
    height: 10px;
    width: 10px;
    background-color: inherit;
    position: absolute;
    top: -3px;
    left: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

#workspace .content-editor .responsive-menu-prop .sidebar-group-body .chosen-container + .errorlist.after {
    right: 0;
    top: auto;
    bottom: -8px;
}

#workspace .twice-input-row input:first-of-type + .errorlist {
    right: 0;
    /* @alternate */  width: -moz-calc(50% - 2px);
    /* @alternate */   width: -webkit-calc(50% - 2px);
    width: calc(50% - 2px);
}
#workspace .twice-input-row input:first-of-type ~ input.smaller.error-field-error ~ .errorlist,
#workspace .twice-input-row input:first-of-type + .errorlist ~ .errorlist {
    left: calc(50% - -22px);
    width: calc(50% - 22px);
}
#workspace .tinymce-container .errorlist {
    top: 16px;
    z-index: 999;
}
#workspace .tinymce-container.tinymce-oneline-btn .errorlist {
    top : 51px;
}
.errorlist .message-text:before {
    display : none;
}
#workspace .errorlist .message-text {
    font-size     : 12px;
    overflow      : hidden;
    text-overflow : ellipsis;
    max-height    : 110px;
}
#workspace .form-row.tinymce-wrap .errorlist {
    top : 108px;
}
#workspace .errorlist.positioned-error .close-btn {
    background : none;
    color      : #FFFFFF;
    cursor     : pointer;
    font-size  : 15px;
    height     : 20px;
    position   : absolute;
    right      : 5px;
    top        : 0px;
    width      : 20px;
    z-index    : 99;
}
.popup .errorlist.positioned-error .close-btn:after,
#workspace .errorlist.positioned-error .close-btn:after {
    bottom      : 0;
    color       : rgba(255, 255, 255, 0.6);
    content     : "X";
    display     : inline-block;
    font-size   : 11px;
    left        : 0;
    position    : absolute;
    right       : 0;
    text-align  : center;
    top         : 0;
    font-weight : normal;
}
.form-row .errorlist.positioned-error:hover .close-btn:after {
    color  : rgba(255, 255, 255, 1);
    cursor : pointer;
}
#workspace .errorlist .message-text:before {
    color          : #FFFFFF;
    content        : "* ";
    vertical-align : middle;
    position       : relative;
    left           : -2px;
    top            : 3px;
}
.form-row .wcmndr-switch-editor {
    height : 26px;
}
.form-row .btn, .form-row button,
.form-row input[type="button"],
.form-row .submit-button,
.form-row .download-button,
.form-row .cancel-button,
.form-row button:active,
.form-row .submit-button:active .download-button:active,
.cancel-button:active {
    font-size    : 15px;
    padding      : 6px 25px;
    margin-right : 6px;
}
.button-line {
    padding : 20px 0 0;
}
.button-line button {
    font-size    : 15px;
    padding      : 6px 25px;
    margin-left : 10px;
}
.popup .log-summary + .button-line {
    padding: 10px;
}
.popup .log-summary + .button-line .button.download-button {
    color: #fff;
}
.form-row > span.Zebra_DatePicker_Icon_Wrapper {
    min-width : 200px;
    padding   : 0;
    width     : 100%;
    z-index   : 1;
}
.form-row .Zebra_DatePicker_Icon_Wrapper input {
    z-index : 0;
}
.form-row .rteditor-container textarea.rte-advanced.wceditor {
    width : 100%;
}
.form-row .rteditor-container .ed_button {
    box-shadow : none;
    margin     : 0 3px 5px 0;
    padding    : 0 10px;
}
.form-row input[type="text"],
.form-row input[type="password"],
.form-row select {
    border         : 1px solid #D3DBDF;
    border-radius  : 3px;
    color          : #666666;
    height         : 40px !important;
    padding        : 10px 15px;
    vertical-align : top;
}
.form-row input.validation-error {
    border : 1px solid #F56460;
}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus {
    border     : 1px solid #1199C4;
    box-shadow : 0 0 5px 0 rgba(17, 152, 192, 0.1);
    z-index    : 20;
    position   : relative;
}
.form-row textarea {
    min-height : 120px;
    height     : 120px;
    padding    : 10px 15px;
}
.form-row .chosen-container-single .chosen-single {
    height    : 40px;
    padding   : 10px 15px;
    min-width : 170px;
}
.form-row.with-check-box > .redactor-box,
.form-row.with-check-box input,
.form-row.with-check-box .rteditor-wrap,
.form-row.with-check-box textarea {
    vertical-align : middle;
    /* @alternate */ width: -moz-calc(100% - 21px);
    /* @alternate */  width: -webkit-calc(100% - 21px);
    width: calc(100% - 21px);
    display: inline-block;
}
.form-row.with-left-check-box input {
    vertical-align: middle;
    /* @alternate */ width: -moz-calc(100% - 60px);
    /* @alternate */ width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
}
.form-row.with-check-box .chosen-container {
    /* @alternate */  width: -moz-calc(100% - 21px);
    /* @alternate */width: -webkit-calc(100% - 21px);
    width: calc(100% - 21px);
}
.form-row.with-check-box .wcui-checkbox {
    margin         : 0;
    vertical-align : middle;
}
.form-row .chosen-container-single .chosen-single div b {
    top : 7px;
}
.form-row .chosen-container .chosen-results .chosen-result {
    height  : 40px;
    padding : 10px 15px;
}
.form-row .chosen-container .chosen-results .chosen-result.result-selected {
    opacity: 0.3;
}
.chosen-single span {
    color : #AAAAAA;
}
.show-config-for-like {
    margin : 0 0 15px;
}
.show-config-for-like .form-row {
    display : inline-block;
    padding : 0 0 10px;
    width   : 170px;
}
.show-config-for-like .form-row > label {
    width : 0;
}
.show-config-for-like .form-row .wcui-checkbox {
    margin-right : 10px;
}
.form-row.wcui-horizontal-tab-button {
    border-top : 1px solid #E1E3E3;
    margin     : 20px 25px 0 0;
    padding    : 14px 0;
}
#workspace .form-row.without-label {
    padding : 0;
}
/*--------------------------- !scroll-bar --------------------------------*/
.scrollbar {
    background-color : #C5CBCB;
    border           : 1px solid #C5CBCB;
    border-radius    : 4px;
    z-index          : 1;
    position         : absolute;
}
.scrollbar.vertical {
    width : 11px;
}
.scrollbar.horizontal {
    height : 11px;
}
.scrollbar-handle {
    background-color : #FFFFFF;
    border-radius    : 4px;
    cursor           : pointer;
    position         : absolute;
}
.vertical > .scrollbar-handle {
    left  : 0;
    right : 0;
}
.horizontal > .scrollbar-handle {
    left   : 0;
    bottom : 0;
    height : 11px;
}
td .tool-icon {
    margin-left : 5px;
}
/*------------------------------------------------- !popup ---------------------------------*/
.popup-mask {
    background-color : #000000;
    bottom           : 0;
    left             : 0;
    opacity          : 0.4;
    position         : fixed;
    right            : 0;
    top              : 0;
}

.nav-menu-popup-mask {
    background-color: #000000;
    bottom: 0;
    left: 0;
    opacity: 0.4;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483646;
}
.edit-popup,
.task-popup {
    background     : none repeat scroll 0 0 #FFFFFF;
    box-shadow     : 0 0 25px 0 rgba(0, 0, 0, 0.2);
    min-width      : 900px;
}
.login-popup.popup {
    min-width: initial;
}
.task-popup > .content,
.edit-popup > .content {
    /* @alternate */  max-height: -moz-calc(100vh - 300px);
    /* @alternate */   max-height: -webkit-calc(100vh - 300px);
    max-height: calc(100vh - 300px);
    min-height : 350px;
    overflow: hidden;
    margin: 35px;
}
.store-credit-history > .content, .store-credit-history .table-view {
    min-height: 600px;
    max-height: 600px;
}
@media screen and (min-height: 600px) and (max-height: 770px) {
    .store-credit-history > .content, .store-credit-history .table-view {
        min-height: 480px;
        max-height: 480px;
    }
}
.popup.item-import .content {
    overflow-y: auto;
}
.popup.item-import .content > * {
    padding-right: 10px;
}
.popup.login-popup > .content {
    min-height: inherit;
    margin: 35px 0 0;
}
.popup.floating-panel-popup > .content {
    margin: 0;
    min-height: inherit;
}
.popup .title-bar {
    background : none repeat scroll 0 0 #1199C4;
    min-height : 60px;
    padding    : 18px 45px 18px 35px;
    width      : 100%;
    color         : #FFFFFF;
    font-size     : 16px;
    font-weight   : bold;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}
.edit-popup .content .footer .pagination {
    margin-top: 10px;
}
.popup.bmui-draggable .title-bar {
    cursor        : move;
}
.edit-popup .window-corner-toolbar,
.task-popup .window-corner-toolbar {
    position : absolute;
    right    : 20px;
    top      : 19px;
}
.popup .close {
    background : url("../../images/admin/pop_up_close.png") no-repeat center;
    display    : inline-block;
    height     : 20px;
    width      : 20px;
}
.edit-popup .content,
.edit-popup.ajax-loading {
    margin : 35px;
}
.popup .form-row {
    padding : 0 0 15px;
}
.edit-popup-form.two-column .form-row {
    display : inline-block;
    width   : 48%;
}
.edit-popup-form.two-column .form-row .wcui-radio,
.edit-popup-form.two-column .form-row .wcui-checkbox {
    float        : left;
    margin-right : 10px;
}
.edit-popup-form.two-column .form-row > label,
.edit-popup-form.two-column .form-row > .value {
    margin-left : 30px;
    width       : 220px;
    display     : block;
}
.popup #album-image-previewer .file-selection-queue .file-name {
    max-width : 200px;
}
.popup .file-selection-queue {
    width : 266px;
}
.popup td .chosen-container {
    max-width: 100%;
}
.downloadable-spec-form .thicker-row {
    /* @alternate */  width: -moz-calc(100%);
    /* @alternate */ width: -webkit-calc(100%);
    width: calc(100%);
}
.popup form {
    padding : 0;
}
.view-popup h4 {
    color       : #1199C4;
    font-size   : 15px;
    font-weight : normal;
    margin      : 0;
    padding     : 0 0 8px;
}
.view-list-row {
    background     : none repeat scroll 0 0 #FFFFFF;
    border         : 1px solid #E5E8E8;
    border-radius  : 2px;
    color          : #666666;
    display        : inline-block;
    line-height    : 16px;
    margin         : 0 2px 6px;
    padding        : 9px 15px;
    vertical-align : top;
    width          : 48%;
}
.view-content-block {
    padding : 0 0 20px;
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
}
.no-title-bar .close {
    background : url("../../images/admin/pop_up_close.png") no-repeat scroll center center #1199C4;
    cursor     : pointer;
    height     : 36px;
    position   : absolute;
    right      : -10px;
    top        : -10px;
    width      : 36px;
    z-index    : 1;
}
/*popup toolbar*/
.popup .widget-toolbar {
    position : absolute;
    right    : 55px;
    top      : 17px;
    z-index  : 10;
}
.popup .widget-toolbar .toolbar-item {
    border        : medium none;
    border-radius : 2px;
    padding       : 6px;
}
.popup .widget-toolbar .tool-group, .popup .widget-toolbar > * {
    display     : inline-block;
    float       : left;
    margin-left : 5px;
}
.popup .widget-toolbar .chosen-container .chosen-single {
    border        : none;
    border-radius : 2px;
}
.widget-config-panel {
    background-color : #FFFFFF;
    box-shadow       : 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    width            : 400px;
    padding          : 35px;
    position         : absolute;
    right            : 13px;
    top              : 49px;
    z-index          : 1000;
    border           : 1px solid #DDDDDD;
}
.widget-config-panel .form-row > div > div {
    padding : 10px 0 0;
}
.popup .widget-config-panel .form-row:last-child {
    margin-bottom  : 0;
    padding-bottom : 0;

}
.widget-config-panel:before {
    content      : "";
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 0 8px 8px 8px;
    border-color : transparent transparent #CCCCCC transparent;
    position     : absolute;
    right        : 8px;
    top          : -8px;
}
.widget-config-panel:after {
    content      : "";
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 0 7px 7px 7px;
    border-color : transparent transparent #FFFFFF transparent;
    position     : absolute;
    right        : 9px;
    top          : -7px;
}
.widget-youtube-config .form-row.video-source input {
    width : 625px;
}
.widget-youtube-config .form-row.video-source button {
    margin  : 0 0 0 5px;
    padding : 9px 25px 8px;
}
/*-------------------------------------------------- !dropzone ------------------------------------*/
.dropzone {
    border: 1px dashed #D3DBDF;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

div#tab-album form.edit-popup-form.edit-properties-form {
    padding: 20px;
}
.dropzone-wrapper.file-added .dropzone > svg {
    visibility: hidden;
}

.form-image-block.click-only .dropzone {
    background: url("../../images/admin/click_only_upload.png") no-repeat scroll center 24px #FAFDFD;
}

.form-image-block.click-only .dropzone-text {
    padding-top: 5px;
}

.dropzone:hover {
    background-color : #FFFFFF;
}
.single-file-without-preview .dropzone {
    /* @alternate */  width: -moz-calc(100% - 28px);
    /* @alternate */  width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
    margin-bottom : 5px;
}
.single-file-without-preview .fake-chooser-text {
    /* @alternate */   width: -moz-calc(100% - 12px);
    /* @alternate */  width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
}
.content.scrollable.vertical-scroll .dropzone {
    width: calc(100% - 4px);
}
input.fake-chooser-text {
    border     : medium none;
    margin-top : 15px;
    padding    : 0;
    text-align : center;
}
input.fake-chooser-text:focus {
    box-shadow : none;
}
.ie8 .single-file-without-preview,
.ie9 .single-file-without-preview {
    white-space : nowrap;
    width       : auto;
}
.ie8 .single-file-without-preview button,
.ie9 .single-file-without-preview button {
    margin-right : 5px;
}
.dropzone.drag-over {
    border : 1px dashed #1199C4;
}
.dropzone-text {
    color       : #666666;
    font-weight : normal;
    line-height : 2;
    display: inline-block;
}
.large .dropzone,
.medium .dropzone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dropzone-wrapper.file-added .dropzone {
    border     : 1px dashed #1199C4;
    background : url("../../images/admin/common_upload_done.png") no-repeat scroll center 24px #E6E9E9;
}
.dropzone-wrapper.multiple-file {
    display : block;
}
.dropzone-wrapper.multiple-file .dropzone {
    text-align : center;
}
.dropzone-wrapper.multiple-file .dropzone-text {
    line-height : 2;
}
.dropzone.small {
    background-position: center 15px;
    padding: 43px 20px 15px;
}

.bmui-tab.left-side-header {
    background : none repeat scroll 0 0 #FFFFFF;
    /* @alternate */  height: -moz-calc(100% - 50px);
    /* @alternate */height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
    border     : 1px solid #E1E6E6;
    position   : relative;
}
.left-side-header .bmui-tab-body-container {
    height : 100%;
}
.edit-popup .edit-popup-form.image-upload .form-image-block .errorlist {
    width    : 100%;
    right    : auto;
    left     : 0;
    position : absolute;
    top      : 136px;
}
/*-------------------------------------- !Image_upload -----------------------------------------*/
.product-video-container .scroll-navigator,
.product-image-container .scroll-navigator,
.product-file-container .scroll-navigator{
    height : 200px;
    background: none;
}
.spec-file-block,
.file-selection-queue {
    background-color : #FFFFFF;
    border           : 1px dashed #D2D5D5;
    display          : inline-block;
    margin           : 0 5px 5px 0;
    padding          : 10px;
    position         : relative;
    width            : 350px;
}
.spec-file-block .tool-icon,
.file-selection-queue .tool-icon {
    display : none;
}
.spec-file-block:hover .tool-icon,
.file-selection-queue:hover .tool-icon {
    display : block;
}
.file-selection-queue.error-queue {
    border : 1px dashed #FF0000;
    width: 400px;
}
#asset-lib-file-upload-queue .file-selection-queue.error-queue {
    width: 400px;
}
.queue-image-preview {
    float          : left;
    max-height     : 24px;
    max-width      : 24px;
    vertical-align : middle;
}
.spec-file-block .remove,
.file-selection-queue .remove {
    background-color : #FFFFFF;
    box-shadow       : 0 0 0 3px #FFFFFF;
    position         : absolute;
    right            : 3px;
    top              : 3px;
}
.file-selection-queue .file-name {
    color          : #444444;
    display        : inline-block;
    line-height    : 24px;
    margin-left    : 10px;
    max-width      : 270px;
    width: 100%;
    overflow       : hidden;
    text-overflow  : ellipsis;
    vertical-align : middle;
    white-space    : nowrap;
}
#album-image-previewer .file-selection-queue .file-name {
    display       : inline-block;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    width         : 500px;
}
.multiple-image-queue, .multiple-video-queue, .multiple-file-queue {
    margin     : 25px 15px 10px;
    max-height : 600px;
    overflow   : auto;
}
.popup .multiple-image-queue, .pop .multiple-video-queue, .pop .multiple-file-queue {
    margin: 25px 15px 10px;
    max-height: inherit;
    overflow: auto;
}
.multiple-image-queue:empty, .multiple-video-queue:empty , .multiple-file-queue:empty{
    margin : 0;
}
.image-thumb {
    border   : 1px solid rgba(0, 0, 0, 0.08);
    display  : inline-block;
    margin   : 0 10px 10px 0;
    padding  : 0;
    position : relative;
}
.image-thumb.ui-sortable-placeholder {
    display        : inline-block;
    vertical-align : middle;
}
.image-thumb-toolbar span {
    width            : 20px;
    height           : 20px;
    margin           : 2px;
    background-color : darkseagreen;
}
.image-container > img {
    height         : 150px;
    vertical-align : middle;
}
.image-thumb .image-container {
    height : 150px;
    width  : auto;
}
.image-thumb .remove {
    background : url("../../images/admin/img_remove.png") no-repeat scroll center center rgba(255, 255, 255, 0.9) !important;;
    height     : 30px;
    left       : inherit;
    opacity    : 0.9;
    position   : absolute;
    right      : -1px;
    top        : -1px;
    width      : 30px;
    z-index    : 10;
}
.product-video-container .image-container,
.product-image-container .image-container,
.product-file-container .image-container {
    text-align : center;
}
.product-video-container, .product-image-container, .product-file-container {
    background : none repeat scroll 0 0 #F1F4F4;
    height     : 200px;
    margin     : 0 0 20px 0;
    padding    : 23px;
    position   : relative;
}
.product-video-container .one-line-scroll-content > div,
.product-image-container .one-line-scroll-content > div,
.product-file-container .one-line-scroll-content > div {
    vertical-align : middle;
}
.product-video-container .one-line-scroll-content > div.bmui-draggable-cloned-helper .float-menu-navigator,
.product-image-container .one-line-scroll-content > div.bmui-draggable-cloned-helper .float-menu-navigator,
.product-file-container .one-line-scroll-content > div.bmui-draggable-cloned-helper .float-menu-navigator {
    display : none;
}
.product-video-container .one-line-scroll-content > div.bmui-draggable-cloned-helper,
.product-image-container .one-line-scroll-content > div.bmui-draggable-cloned-helper,
.product-file-container .one-line-scroll-content > div.bmui-draggable-cloned-helper {
    z-index: 10;
    opacity: .5;
}
.product-file-wrapper .image-thumb{
    border-radius: 3px;
    padding: 10px 0 5px;
    margin: 0 15px 15px 0;
    border: 1px solid transparent;
    width: 125px;
    height: 120px;
    position: relative;
}
.product-file-container  .float-menu-navigator {
    right: 6px;
    top: 10px;
}
.product-image-container .bmui-sortable-placeholder,
.product-video-container .bmui-sortable-placeholder,
.product-file-container .bmui-sortable-placeholder {
    display: inline-block;
    width: 50px;
    height: 148px;
    border: 2px #1199C4 dashed;
    margin: 0 7px 10px 0;
}
.product-file-wrapper .image-thumb .image{
    background-image  : url("../../images/admin/asset-library-icon-sprite.png");
    background-repeat : no-repeat;
    margin-left: 40px;
    height            : 45px;
    width             : 45px;
    background-position: -45px 0;
    display : inline-block;
}
.product-file-container .image-thumb .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    display: block;
}
.form-row > span.unit {
    font-size : 12px;
    padding   : 0 0 0 5px;
}
/*-------------------------------------------------- !spinner design ------------------------------------*/
div.stepper {
    margin : 0;
    width  : 60px;
}
.stepper .stepper-arrow {
    z-index : 0;
}
div.stepper .stepper-input {
    background-color : #FFFFFF;
    padding          : 5px 25px 5px 5px;
    width            : 70px;
}
div.stepper .stepper-input:focus {
    position: static;
}
div.stepper .stepper-arrow.up {
    background-image : none;
    border-radius    : 0 3px 0 0;
}
div.stepper .stepper-arrow.up:after {
    border-color : transparent transparent #999999;
    border-style : solid;
    border-width : 0 4px 4px;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 5px;
    top          : 4px;
    width        : 0;
}
div.stepper .stepper-arrow.down {
    background-image : none;
    border-radius    : 0 0 3px;
}
div.stepper .stepper-arrow.down:after {
    content      : "";
    position     : absolute;
    right        : 5px;
    bottom       : 4px;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 4px 4px 0 4px;
    border-color : #999999 transparent transparent transparent;

}
div.stepper.disabled .stepper-arrow {
    background-color : #EEEEEE;
    border           : 1px solid #CCCCCC;
}
div.stepper.disabled .stepper-arrow.up {
    border-bottom : medium none;
}
div.stepper.disabled .stepper-arrow.up:after {
    border-color : transparent transparent #DBDBDB;
}
div.stepper.disabled .stepper-arrow.down:after {
    border-color : #DBDBDB transparent transparent transparent;
}
.dashlet-latest-statistics th {
    color : #1199C4;
}
/*--------------------------------------------------- !template -----------------------------------*/

.template-image {
    background: #ffffff none repeat scroll 0 0;
    /* @alternate */  height: -moz-calc(100% - 54px);
    /* @alternate */  height: -webkit-calc(100% - 54px);
    height: calc(100% - 54px);
    overflow: hidden;
    padding: 5px;
    text-align: center;
}
.template-image img {
    width : 100%;
}
.template-container {
    overflow: hidden;
}
.template-thumb-wrapper {
    box-sizing: border-box;
    float: left;
    padding: 15px;
    width: 33.333%;
}
@media (max-width: 1600px) {
    .template-thumb-wrapper {
        width: 50%;
    }
}

.template-thumb {
    position: relative;
}
.template-info {
    background-color: #f9fbfc;
    border-color: #d7d7d7;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 0 1px #ccc inset;
    padding: 20px;
}
.template-thumb .header-line {
    height   : 25px;
    position : relative;
}
.template-image-block {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0;
    height: 305px;
    position: relative;
}
.template-image-block .vertical-aligner {
    background-position : center 0;
    background-size     : 100% auto;
    bottom              : 0;
    left                : 0;
    position            : absolute;
    right               : 0;
    top                 : 0;
}
.template-thumb .template-name {
    color: #1199c4;
    font-size: 18px;
    overflow: hidden;
    padding-bottom: 2px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.template-thumb .template-id {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.template-thumb img {
    vertical-align : middle;
    max-height     : 280px;
    max-width      : 210px;
}
.colors span {
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 30px;
    cursor: pointer;
    border-radius: 3px;
}
.colors span + span{
    margin-left: 10px;
}
.colors span.selected::before {
    border: 2px solid #fff;
    content: "";
    height: 20px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 27px;
}
.colors span.selected::after {
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    height: 8px;
    left: 10px;
    position: absolute;
    top: 8px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12px;
}
#tab-template .header {
    display: table;
    width: 100%;
}
#tab-template .header .with-selector {
    float: left;
    padding: 15px;
}
.installed-colors {
    float: right;
    margin-top: 10px;
    max-width: 360px;
    padding: 10px;
    text-align: right;
}
.colors span.selected {
    border-radius: 3px;
    height: 28px;
    width: 34px;
}
.template-info .color-block {
    margin-left: 0;
    margin-right: 16px;
}
.template-info .button-group {
    display: block;
    font-size: 0;
    position: absolute;
    text-align: center;
    top: 35%;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 400ms ease-out 0s;
    -moz-transition: all 400ms ease-out 0s;
    -ms-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}
.template-thumb:hover .template-info .button-group {
    opacity: 1;
}
.template-info .button-group a, .template-info .button-group .install {
    background-color: #1199c4;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 99px;
    border-radius: 4px;
    -webkit-transition: all 400ms ease-out 0s;
    -moz-transition: all 400ms ease-out 0s;
    -ms-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}
.template-info .button-group a:hover, .template-info .button-group .install:hover {
    background-color: #fff;
    color: #555;
}
.template-info .button-group a {
    margin-right: 5px;
}
.template-info .colors {
    padding: 10px 0 20px;
    display: none;
}
.template-info .button-group.active-template {
    background-color: #1199c4;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    height: 40px;
    left: 50%;
    opacity: 1;
    line-height: 40px;
    margin: 0 auto;
    transform: translateX(-50%);
    width: 200px;
}
.template-thumb.installed .template-image-block .vertical-aligner::before,
.template-thumb:hover .template-image-block .vertical-aligner::before {
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    display: block;
    height: 100%;
    width: 100%;
}
/*------------------------------------------ !filter --------------------------------------*/
.filter-block {
    border-bottom : 1px solid #E7E9E9;
    margin        : 0 0 25px;
}
.filter-block > * {
    vertical-align : middle;
    margin         : 0 10px 10px 0;
}
.popup .filter-block > .search-form > * {
    display : inline-block;
    margin  : 0 10px 0 0;
}
.filter-block > .price-range span {
    display : inline-block;
    margin  : 0 10px 10px 0;
}
.filter-block button {
    height  : 28px;
    padding : 0 20px;
}
.filter-block input {
    border-radius : 2px;
}
.filter-block .price-range {
    display : inline-block;
}
.embedded-edit-form-panel .filter-block {
    display: table;
    width: 100%;
    margin: 0 0 25px;
    padding: 0 0 20px;
}
.embedded-edit-form-panel .filter-block .widget-toolbar {
    margin: 0;
}
.embedded-edit-form-panel .filter-block .search-form > * {
    float: left;
    margin: 0 5px 0 0;
}
/*---------------------------------------- !Scrollable-table -----------------------------------*/
.table-view .footer {
    margin-top : 20px;
}
.popup .table-view .footer {
    overflow: hidden;
}
.table-view.app-tab-container .footer,
.app-tab-container .table-view .footer {
    margin-top : 0;
}
.two-column .last-column .column-content table.scrollable-table-header {
    border-bottom: 1px solid #E1E3E3;
}
.multi-column table {
    border-top   : 1px solid #E1E3E3;
    border-right : 1px solid #E1E3E3;
}
.multi-column table.scrollable-table-header th {
    background-color : #FFFFFF;
    border-left      : 1px solid #E1E3E3;
    color            : #1199C4;
    font-weight      : normal;
    font-size        : 15px;
}
.multi-column table td {
    border-left : 1px solid #E1E3E3;
    color       : #666666;
    font-weight : normal;
}
table th.sortable,
.app-tab-container.table-view table th.sortable,
table.scrollable-table-header th.sortable {
    padding-left : 35px;
}
.multi-column.two-column .table-view .body .content {
    border-right: 1px solid #E1E3E3 !important;
}

.multi-column.two-column .table-view .body .content td {
    border-left: 1px solid #EAEFF0;
}
#workspace .two-column .first-column .column-content {
    padding-right : 30px;
    margin        : 0;
}
#workspace .two-column .column-content .footer {
    float   : left;
    padding : 0;
    height  : 30px;
}
#workspace .two-column .column-content.selection-panel .footer,
#workspace .two-column .column-content.selected-panel .footer {
    margin-top: 20px;
}
.popup .left-right-selector-panel {
    border-bottom : none;
}
.multi-column table td.actions-column .tool-icon {
    float : none;
}
.multi-column table td .action-navigator {
    vertical-align: middle;
}
#workspace .left-right-selector-panel .two-column .column-content .footer {
    float: none;
}
/*----------------------------- !meta-tag -------------------------------
.bmui-tab-panel {
    height : 100%;
}
*/
table.meta-tag-table th:nth-child(3),
table.meta-tag-table td:nth-child(3) {
    width : 100px;
}
/*--------------------------------- !floating-popup ------------------------------*/
.floating-panel-popup {
    min-width        : 350px;
    position         : absolute;
    background-color : #FFFFFF;
    border           : 1px solid #DDDDDD;
    box-shadow       : 0 0 10px #DDDDDD;
    padding          : 25px;
}
.floating-panel-popup::after {
    border-color : transparent transparent #CCCCCC;
    border-style : solid;
    border-width : 0 7px 7px;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 13px;
    top          : -7px;
    width        : 0;
    z-index      : 0;
}
.floating-panel-popup::before {
    border-color : transparent transparent #FFFFFF;
    border-style : solid;
    border-width : 0 6px 6px;
    content      : "";
    height       : 0;
    position     : absolute;
    right        : 14px;
    top          : -6px;
    width        : 0;
    z-index      : 10;
}
.floating-panel-popup input[type="text"],
.floating-panel-popup input[type="password"],
.floating-panel-popup select,
.floating-panel-popup textarea {
    border-radius : 2px;
    height        : 34px;
    padding       : 8px 10px;
    margin-right  : 5px;
    width         : 200px;
}
.floating-panel-popup.advanced-analytics-filter-options input[type="text"] {
    height: 40px;
}
.floating-panel-popup button {
    border-radius : 2px;
    height        : 34px;
    position      : relative;
    margin        : 0;
}
.floating-panel-popup .form-row {
    padding  : 0;
    position : inherit;
}
.floating-panel-popup.advanced-analytics-filter-options .double-input-row {
    padding-bottom: 20px;
}
.floating-panel-popup .form-row .errorlist {
    right : 30px;
    top   : -10px;
}
.view-popup {
    background : none repeat scroll 0 0 #FFFFFF;
    border     : 10px solid #1199C4;
    box-shadow : 7px 7px 0 0 rgba(0, 0, 0, 0.1);
    cursor     : move;
    min-width  : 450px;
    padding    : 10px 15px;
}

.view-popup.bmui-draggable .content {
    max-height: 100%;
    overflow: auto;
}
.navigation-item-count-no-item {
    display     : inline-block;
    line-height : 30px;
}
.popup .top-side-header {
    margin-right  : 0;
    padding-right : 0;
}
.bmui-tab-body-container textarea.xx-larger {
    margin : 0 0 15px;
}
#workspace .accordion-panel > .label-bar.expanded,
.popup .accordion-panel > .label-bar.expanded {
    background : none repeat scroll 0 0 #1199C4;
    border     : 1px solid #1199C4;
    color      : #FFFFFF;
    margin     : 0;
}
#workspace .accordion-panel > .label-bar.expanded.customer-profile-settings,
.popup .accordion-panel > .label-bar.expanded.customer-profile-settings {
    background : none repeat scroll 0 0 #f2f4f3;
    border     : 1px solid #f0f4f5;
    color      : #101010;
    margin     : 0;
}
#workspace .accordion-item,
.popup .accordion-item {
    background : none repeat scroll 0 0 #FFFFFF;
    border     : 1px solid #1199C4;
    box-shadow : 0 4px 0 0 rgba(0, 0, 0, 0.05);
    margin     : 0 0 15px;
    padding    : 0px;
    position   : relative;
    top        : -1px;
}
.accordion-panel > .label-bar.customer-profile-settings {
    background: none repeat scroll 0 0 #f2f4f3;
    border: 1px solid #f2f4f3;
    border-radius: 3px;
    color: #555555;
    cursor: pointer;
    height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 10px 0 28px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.accordion-panel.full-width {
    display: block;
}
.accordion-panel > .inline-editable.customer-profile-settings{
    color: #0c0c0c;
    font-family: "open_sansregular", sans-serif;
    font-size: 15px;
}
.accordion-panel.full-width .inline-editable {
    padding-top: 2px;
    line-height: 34px;
    min-width: 100px;
    min-height: 30px;
    display: inline-block;
}
.accordion-panel .edit.inline-edit{
    margin-right: 4px;
    margin-left: 4px;
}
.accordion-panel.full-width .inline-editable input {
    width: 165px;
    height: 30px;
    min-width: 100px;
    min-height: 30px;
    line-height: 30px;
    padding: 1px 5px;
}
.accordion-panel .inline-editable.customer-profile-settings{
    min-width: 100px;
    min-height: 30px;
    display: inline-block;
    max-width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#workspace .accordion-item.customer-profile-settings,
.popup .accordion-item.customer-profile-settings {
    background : none repeat scroll 0 0 #FFFFFF;
    border     : 1px solid #d9d9d9;
    box-shadow : 0 4px 0 0 rgba(0, 0, 0, 0.05);
    margin     : 0 0 15px;
    padding    : 0px;
    position   : relative;
    top        : -1px;
}
.customer-profile-page-accordion-panel .child .customer-profile-settings  {
    height: auto;
    line-height: normal;
    padding-top: 0px;
    padding-bottom: 4px;
}
.customer-profile-page-accordion-panel .child .customer-profile-settings .inline-editable {
    padding-top: 8px;
}
#workspace .accordion-item th,
.popup .accordion-item th {
    font-weight : bold;
}
#workspace .accordion-item .form-section,
.popup .accordion-item .form-section {
    padding : 25px 30px;
}
#workspace .accordion-panel > .label-bar .toggle-icon,
.popup .accordion-panel > .label-bar .toggle-icon {
    background-image : url("../../images/admin/accordion-toggle.png");
}
.accordion-item table .status-column {
    text-align : center;
    width      : 80px;
}
.accordion-item table .actions-column {
    width : 88px;
}
.section-title.title {
    color       : #000000;
    font-size   : 17px;
    line-height : 30px;
}
.edit-popup-form.order-create .toolbar:last-child {
    margin : 0;
}
.selected-products .title {
    padding-bottom : 7px;
}
/*----------------------------------------------------- !configurable_row ----------------------------------------*/

.widget-config-panel > div {
    padding : 10px;
}
.sortable-container.ui-sortable {
}
.configurable-row {
    background-color : #FFFFFF;
    border           : 1px dashed #FB7480;
    cursor           : move;
    margin           : 0 0 7px;
    padding          : 5px 15px;
    width            : 485px;
}
.configurable-row.bmui-draggable-cloned-helper {
    z-index: 10;
}
.fields-setting .bmui-sortable-placeholder {
    background-color : #F1F3F3;
    border           : 1px dashed #D5D8D8;
    height           : 42px;
    width            : 530px;
    margin           : 0 0 7px;
}
.configurable-row > * {
    cursor : move;
}
.configurable-row.activated,
.configurable-row.active {
    background-color : #FFFFFF;
    border           : 1px dashed #D5D9D9;
}
.configurable-row span.wcui-checkbox {
    cursor : default;
}
.configurable-row span.tool-icon {
    cursor : pointer;
}
.configurable-row > label {
    color          : #333333;
    display        : inline-block;
    font-weight    : normal;
    vertical-align : middle;
    width          : 180px;
    margin         : 0;
    line-height    : 30px;
}
.configurable-row .edit-block {
    display : inline-block;
}
.configurable-row .edit-block input.small {
    border-radius : 0;
    margin-right  : 10px;
}
/*--------------------------------------- !sortable ----------------------------------*/
.table-like-tree-sortable > .navigation-table-header div {
    color      : #3F617D;
    background : none repeat scroll 0 0 #E2ECF8;
}
.table-like-tree-sortable .navigation-table-header .action-column {
    width : 205px;
}
.table-like-tree-sortable .action-column {
    float      : right;
    text-align : center;
}
.table-like-tree-sortable .action-column .tool-icon {
    margin-left : 7px;
}
.table-like-tree-sortable .navigation-table-header .name-column {
    margin-right : 206px;
    text-align   : center;
}
.table-like-tree-sortable .name-column {
    margin-right : 100px;
}
.table-like-tree-sortable .bmui-stl-entry.odd div {
    background : none repeat scroll 0 0 #F9FAFC;
}
.table-like-tree-sortable .bmui-stl-entry div,
.table-like-tree-sortable > .navigation-table-header div {
    color       : #000000;
    height      : 42px;
    line-height : 16px;
    padding     : 12px 20px 12px 30px;
}
.table-like-tree-sortable .bmui-stl-entry-container .bmui-stl-sub-container .name-column {
    color : #666666;
}
.table-like-tree-sortable .bmui-stl-entry,
.table-like-tree-sortable > .navigation-table-header {
    overflow : hidden;
}
.table-like-tree-sortable .placeholder {
    outline    : 1px dashed #D1D5D5;
    background : #E2E5E5;
    margin     : 0 0 7px;
}
.table-like-tree-sortable .bmui-stl-sub-container {
    padding : 7px 0 0 30px;
}
.table-like-tree-sortable .scroll-item-wrapper {
    padding : 20px;
}
.table-like-tree-sortable .bmui-stl-entry-container {
    margin   : 0 0 7px;
    padding  : 0;
}
.table-like-tree-sortable .bmui-stl-entry-container div.bmui-stl-entry {
    background    : none repeat scroll 0 0 #F1F4F4;
    border-radius : 3px;
    cursor        : move;
    height        : 42px;
    margin        : 0;
    overflow      : hidden;
    border-bottom : 1px solid #E1E4E4;
}
.bmui-stl-entry-container.mjs-hierarchical-list-sortable-collapsed.mjs-hierarchical-list-sortable-hovering div {
    border-color : #666666;
    background   : #F5F5F5;
}
.body .div-mask {
    background : rgba(255, 255, 255, 0.5);
}
.popup .tool-icon.select-from-asset-library {
    position : absolute;
    right    : 0;
    top      : 5px;
}
.tab-header.event-session {
    border-bottom : medium none;
}
.tool-icon.add.add-row, .cancel.remove-variation-option-row,
.cancel.remove-variation-type-row {
    background    : none repeat scroll 0 0 #118FB8;
    border-radius : 3px;
    height        : 28px;
    margin        : 0;
    position      : relative;
    width         : 50px;
}
.tool-icon.add.add-row:after {
    bottom      : 0;
    color       : #FFFFFF;
    content     : "+ ADD";
    font-size   : 14px;
    left        : 0;
    line-height : 28px;
    position    : absolute;
    right       : 0;
    text-align  : center;
    top         : 0;
}
.cancel.remove-variation-option-row, .cancel.remove-variation-type-row {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    display: inline-block;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
    width: auto;
    cursor: pointer;
}
.cancel.remove-variation-option-row:hover,
.cancel.remove-variation-type-row:hover{
    border: 1px solid #1199C4;
}
.confirm-popup .message.content {
    display       : inline-block;
    font-size     : 16px;
    max-width     : 400px;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.popup table {
    border-bottom : 1px solid #EAEFF0;
    border-right  : 1px solid #EAEFF0;
    border-top    : 1px solid #EAEFF0;
}
.popup table.content {
    margin: 0;
}
.popup table th,
.popup table td {
    border-left : 1px solid #EAEFF0;
}
.form-row.datefield-between > span.Zebra_DatePicker_Icon_Wrapper {
    /* @alternate */  width: -moz-calc(50% - 20px);
    /* @alternate */    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
}
.popup .form-row.datefield-between > span.Zebra_DatePicker_Icon_Wrapper,
.double-input-row .form-row.datefield-between > span.Zebra_DatePicker_Icon_Wrapper {
    /* @alternate */  width: -moz-calc(50% - 10px);
    /* @alternate */   width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}
.form-row.datefield-between > span.date-field-separator {
    background     : none repeat scroll 0 0 #F5F6F6;
    border         : 1px solid #E1E2E2;
    display        : inline-block;
    line-height    : 38px;
    margin         : 0 -2px;
    position       : relative;
    text-align     : center;
    vertical-align : top;
    width          : 44px;
    z-index        : 10;
}
.popup .form-row.datefield-between > span.date-field-separator,
.double-input-row .form-row.datefield-between > span.date-field-separator {
    width : 24px;
}
.dashlet-latest-statistics td {
    height  : 34px;
    padding : 7px 15px 6px;
}
.dashlet-latest-statistics tr:last-child td {
    border-bottom : none;
}
.inner-table {
    border        : 1px solid #E4E7E7;
    margin        : 5px 0;
    background    : #FFFFFF;
    border-bottom : none;
}
.inner-table h2 {
    color     : #1199C4;
    font-size : 16px;
    margin    : 0;
    padding   : 8px 15px;
}
.edit-popup .content .content.add-shipment-table {
    margin-bottom : 20px;
}
.add-shipment-table td {
    position : relative;
}
.add-shipment-table td .errorlist {
    right : 16px;
    top   : 0;
}
.form-row.post-label-row .twice-input-row {
    /* @alternate */ width: -moz-calc(100% - 100px);
    /* @alternate */  width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
}
.form-row.post-label-row .chosen-container {
    margin-left : -2px;
    width       : 102px;
}
.form-row.post-label-row .chosen-container .chosen-single {
    min-width  : 50px;
    background : #F5F6F6;
}
.rteditor-wrap.validation-error {
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border     : medium none;
}
.block-error {
    position : relative;
}
.block-error .validation-error {
    background-color : transparent;
    border           : 1px solid #F56460;
    padding          : 20px 20px 0;
}
.discount-condition-wrap {
    position : relative;
}
h4.group-label {
    border-bottom : 1px solid #E1E1E1;
    color         : #000000;
    font-size     : 16px;
    margin        : 10px 0 25px;
    padding       : 0 0 9px;
}
.bulk-editor-form .chosen-container.medium {
    width : 100%;
}
.form-row.chosen-wrapper {
    position : inherit;
}
/* Form Row With Link Button */
.form-row.has-link-btn {
    position: relative;
    padding-right: 80px;
}
.form-row.has-link-btn .link-btn {
    position: absolute;
    right: 0;
    top: 35px;
}
td.chosen-wrapper {
    overflow : visible;
    position : inherit;
}
.edit-popup .form-row.mandatory.chosen-wrapper {
    position: inherit;
}
.form-row.newsletter-receiver-row input {
    overflow      : hidden;
    padding       : 10px 35px 10px 15px;
    text-overflow : ellipsis;
}
.form-row.newsletter-receiver-row .add-receiver {
    position : absolute;
    right    : 11px;
    top      : 37px;
}
.responsive .splitter-mode-operator-group {
    padding : 0;
}
.layout-show .responsive-selector-header .tool-icon {
    display : none;
}
.has-inline-label {
    width : 100%;
    position: relative;
}
.form-row .has-inline-label .dolar {
    font-size    : 20px;
    line-height  : 38px;
    margin-right : 5px;
}
.form-row .has-inline-label input {
    /* @alternate */ width: -moz-calc(100% - 18px);
    /* @alternate */ width: -webkit-calc(100% - 18px);
    width: calc(100% - 18px);
}

/*--------------------------------------- !Shipping ----------------------------------*/
.chosen-container .chosen-drop {
    z-index: 10000;
}
#tab-shipping .content {
    /*display: block;*/
    border-top: none !important;
}
#tab-shipping .table-no-entry-row {
    display: block;
}
#tab-shipping .table-no-entry-row td {
    text-align: center;
    margin: 0 auto;
    display: block;
    border-top: none;
    border-bottom: none;
}

.navigation-buttons{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.navigation-buttons .navigation-button{
    width: 33.33%;
    float: left;
    background: #fff;
    padding: 20px 5px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    cursor: pointer;
}

.navigation-buttons .navigation-button .icon {
    background-image  : url("../../images/admin/shipping-navigation.png");
    background-repeat : no-repeat;
    background-size: cover;
    display           : inline-block;
    height            : 40px;
    width             : 40px;
    vertical-align: middle;
    margin-right: 10px;
}
.navigation-buttons .navigation-button.rule-button .icon {
    background-position : 0 0;
}
.navigation-buttons .navigation-button.zone-button .icon {
    background-position : -40px 0;
}
.navigation-buttons .navigation-button.rate-button .icon {
    background-position : -80px 0;
}
.navigation-buttons .navigation-button .button-text {
    vertical-align: middle;
    display   : inline-block;
    font-size : 18px;
}
.create-profile-option, .create-rule-option{
    text-align: center;
}
.profile-option, .rule-option {
    width: 285px;
    padding: 30px;
    display: inline-block;
    margin-right: 25px;
    background: #f1f1f1;
    border: 1px dashed #ddd;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    vertical-align: top;
    position: relative;
}
.profile-listing{
    background: #f3f7fa;
    padding: 15px 20px;
    margin-bottom: 5px;
    border: 1px solid #e1e2e4;
    border-radius: 3px;
    text-align: left;
}
.rule-option :before{
    width:32px;
    height: 44px;
    background-position: 31px 0;
}
.profile-option:hover, .rule-option:hover {
    border: 1px dashed #1198c5;
}
.profile-option.selected, .rule-option.selected, .profile-listing.selected {
    border: 1px solid #1198c5;
}
.profile-option .label, .rule-option .label, .profile-listing .label{
    font-size:18px;
    color: #1198c5;
}
.two-panel-explorer .right-panel, .two-panel-resizable .right-panel{
    overflow-y: scroll;
}
.two-panel-explorer .right-panel > .header:after {
    content: '';
    clear: both;
    display: table;
}
.two-panel-explorer .right-panel > .header .left-header {
    float: left;
}
.empty-profile .top-header{
    position: relative;
    padding-bottom: 5px;
}
.empty-profile .top-header:after{
    content: '';
    width: 100px;
    height: 1px;
    background: #1198c5;
    position: absolute;
    left: 0;
    bottom: 0;
}
.empty-profile h2{
    font-size: 20px;
    font-weight:bold;
}
.empty-profile h3.title{
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #1198c5;
}
.empty-profile .content{
    padding-left: 55px;
    margin: 40px 0;
    position: relative;
}
.empty-profile .content-section{
    padding: 10px 0;
}
.empty-profile .content:before{
    position: absolute;
    content: "";
    width: 35px;
    height: 44px;
    left: 0;
    top: 0;
    background-image   : url("../../images/admin/shipping-icon.png");
    background-position :0 0;
}
.empty-profile .rule .content:before{
    background-position: 31px 0;
    width: 32px;
}
label[row-expanded="false"], label[row-expanded="true"]{
    display: inline-block;
    position: relative;
    cursor: pointer;
}
label[row-expanded="false"]:after, label[row-expanded="true"]:after {
    background-image   : url("../../images/admin/12-icon-sprite.png");
    background-position: -37px -13px;
    display: inline-block;
    height: 10px;
    width: 11px;
    position: absolute;
    content: "";
    right: -18px;
    top: 5px;
}
label[row-expanded="true"]:after {
    transform:  rotate(180deg);
}
.rule-details .body > div {
    position: relative;
    padding-left: 50px;
    margin-top: 35px;
    border-radius: 3px;
    border: 1px solid #dadfe2;
}
.table-side-title {
    background: #eef4f4 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    border-right: 1px solid #dadfe2;
    text-align: center;
}
.rule-details .body tr:nth-child(2n){
    background-color: #fff;
}
.rate-section .rate-table .shipping-cost-range {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    display: inline-block;
    max-width: 100%;
}
.rule-details .body th{
    background: #eef4f4 none repeat scroll 0 0;
}
.table-add-button td  {
    text-align: center;
}
.table-side-title span  {
    bottom: 50%;
    display: block;
    margin-bottom: -10px;
    position: absolute;
    text-align: center;
    transform: rotate(-90deg);
    width: 100%;
}
#tab-shipping .scrollable-table-wrapper table, #tab-shipping .scrollable-table-header,
#tab-shipping .rate-data-list table{
    border: 1px solid #dadfe2;
}
.filter-body .chosen-container, .filter-body label{
    display: block;
    width: 100%;
    margin-left: 0;
}
.filter-body label{
    margin-top: 15px;
}
.filter-body .content{
    padding-bottom: 35px;
}
.advance-filter-btn {
    float: left;
    padding:3px 40px 3px 20px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin-right: 2px;
    position: relative;
}
.advance-filter-btn:after{
    /* @alternate */  position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0) url("../../images/common/chosen/chosen-sprite.png") no-repeat scroll 0 2px;
    display: block;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 5px;
    width: 16px;
}
.shipping-class-actions{
    position: relative;
    float: right;
    padding: 10px;
}
#tab-shipping .action-menu:after,
.shipping-class-actions:after{
    background-position: -96px 0;
    background-image: url("../../images/admin/16-icon-sprit.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    vertical-align: top;
    width: 16px;
    content: "";
    position: absolute;
    top: 5px;
}
.twice-input-row{
    position: relative;
}
.rate-condition-wrap{
    margin-bottom: 20px;
}
.shipping-condition-table .last-row input.small {
    padding-left: 10px;
    padding-right: 10px;
}
.shipping-condition-table td.form-row,
.shipping-condition-table .actions-column{
    padding: 20px 25px;
    vertical-align: top;
}
.shipping-condition-table .display-sba{
    float: left;
    display: inline-block;
}
.block-error .shipping-condition-table  .validation-error{
    margin-bottom: 0;
}
#workspace .shipping-condition-table .range {
    padding-bottom: 27px;
}
#workspace .shipping-condition-table .range .errorlist {
    bottom: -24px;
}
.shipping-condition-table .twice-input-row > input{
    /* @alternate */   width: -moz-calc(50% - 40px);
    /* @alternate */  width: -webkit-calc(50% - 40px);
    width: calc(50% - 40px);
}
.form-row.range .twice-input-row.additional-band > span.label.dolar + input,
.form-row.range .twice-input-row.additional-band > span.label.dolar + input ~ span + input {
    width: calc(50% - 20px);
}
.shipping-condition-editor .form-row.range .twice-input-row  > input,
.shipping-condition-editor .form-row.range .twice-input-row > input ~ span + input {
    width: calc(50% - 10px);
}

.shipping-condition-table  .display-sba{
    border-radius: 2px 0 0 2px;
}
.edit-popup-form .header{
    height: 40px;
}
.left-header .title, .copy-rule-panel .title{
    color:#1199c4 ;
    font-size: 18px;
}
.copy-rule-option .copy-type {
    background: #f3f7fa;
    padding: 15px 20px;
    margin-top: 25px;
    border: 1px solid #e1e2e4;
    border-radius: 3px;
}
.copy-rule-option .label{
    color:#1199c4 ;
    font-size: 16px;
    display: block;margin-bottom: 5px;
}
.copy-rule-option .copy-type.selected{
    border: 1px solid #1199c4;
}
.profile-editor-panel .app-tab-content-container,
.right-panel.table-view .app-tab-content-container{
    padding: 0;
}
.shipping  .search-form .icon-search{
    height: 28px;
}
.shipping  .search-form{
    margin-bottom: 25px;
}
form.search-form .search-text:focus{
    border-color:#e2e2e2 ;
}
.rate-bulk-edit, .rate-bulk-save, .rate-bulk-cancel{
    padding: 4px 12px 3px;
}
.rate-bulk-cancel{
    background: #fff;
    border: 1px solid #d9e3e2;
    color: #444;
}
.rate-bulk-cancel:hover{
    background: #fff;
    color: #1199c4;
}

.shipping-class-item, .add-new-class-row{
    background-color: #f9f9f9;
    border: 1px solid #d9e3e2;
    padding: 15px 25px;
    margin: 5px 0;
    border-radius: 3px;
}
.shipping-class-item .add-new-class-row{
    border: 0;
}
.shipping-class-item.default{
    border-left:2px solid #1199c4;
}
.shipping-data .name{
    font-size: 18px;
    color: #1199c4;
}
.shipping-class-item  .add-new-class-row{
    padding: 5px;
}
.add-new-class-row .form-row{
    float: left;
    width: 33%;
    margin-right: 25px;
}
div.add-new-class-row .button-line{
    padding-top: 28px;
}
#tab-shipping .left-panel .body  .toolbar {
    display: block;
}
#tab-shipping .left-panel .body  .chosen-container{
    width: 100%;
}
#tab-shipping .left-panel .body {
    min-height: 300px;
    /* @alternate */  height: -moz-calc(100% - 150px);
    /* @alternate */   height: -webkit-calc(100% - 150px);
    height: calc(100% - 150px);
}
#shippingProfile_chosen{
    width: 234px;
}
#shippingProfile_chosen .chosen-result {
    padding: 10px;
    height: auto;
}
#shippingProfile_chosen .chosen-result .text {
    float: left;
    width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#shippingProfile_chosen .chosen-result .actions {
    float: right;
}
#shippingProfile_chosen .chosen-result .actions span {
    margin-left: 5px;
}
.rate-table .thumb-left{
    width: 150px;
}
.left-panel .body {
    /* @alternate */  height: -moz-calc(100% - 163px);
    /* @alternate */  height: -webkit-calc(100% - 163px);
    height: calc(100% - 163px);
    overflow-x: hidden;
}

.left-panel .body.layout-list.blocktype-list {
    /* @alternate */ height: -moz-calc(100% - 0px);
    /* @alternate */ height: -webkit-calc(100% - 0px);
    height: calc(100% - 0px);
}

.left-panel .template-image.body {
    /* @alternate */  height: -moz-calc(100% - 60px);
    /* @alternate */  height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
}

.filter-group {
    display: inline-block;
    margin-left: 3px;
    vertical-align: top;
}

.rate-bulk-edit-panel .form-row input,
.rate-bulk-edit-panel .chosen-container {
    max-width: 170px;
}
.bulk-edit-table{
    border:  1px solid #eaeff0;
}
.bulk-edit-table th{
    background: #eef4f4;
}
.bulk-edit-table td{
    padding: 10px 15px 9px;
    vertical-align: top;
}
.bulk-edit-table th:nth-child(1),
.bulk-edit-table th:nth-child(4){
    width: 200px;
}
.bulk-edit-table th:nth-child(2){
    width: 220px;
}
.bulk-edit-table  .errorlist{
    display: none;
}
.bulk-edit-table .shipping-condition-table td,
.bulk-edit-table .shipping-condition-table{
    background: transparent;
    border: 0;
    padding: 0 10px !important;
}
.bulk-edit-table td .form-row{
    padding: 15px 0 0 ;
}
.bulk-edit-table .addition-condition{
    display: block;
}
.bulk-edit-table .additional-value{
    max-width: 300px;
}
.bulk-edit-table .double-input-row .form-row{
    margin-left: 10px;
}

/*--------------------------------------- !tax ----------------------------------*/
#tab-tax .wcui-radio {
    float           : right;
    margin          : 0;
    height          : 20px;
    width           : 20px;
    background-size : 20px;
}
/*--- tax | tab header ---*/
#tab-tax .multi-tab-shared-header .title {
    color : #212121;
}
#tab-tax .multi-tab-shared-header .header-title {
    font-size   : 16px;
    line-height : 18px;
    font-weight : 400;
    color       : #888888;
}
#tab-tax .multi-tab-shared-header .header-title .separator,
#tab-tax .multi-tab-shared-header .title .separator,
#tab-tax .multi-tab-shared-header .title .hiracy-separator {
    margin                : 0 9px;
    color                 : transparent;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
    background-image      : url(../../images/admin/right-separate.png);
    background-size       : 6px 10px;
    background-repeat     : no-repeat;
    background-position   : center;
    height                : 10px;
    width                 : 6px;
}
#tab-tax .multi-tab-shared-header .tool-group.toolbar-btn {
    background    : #1196C4;
    box-shadow    : 0px 3px 4px rgba(0, 0, 0, 0.1);
    color         : #ffffff;
    font-size     : 14px;
    padding       : 0px 38px 0px 7px;
    border-radius : 2px;
    position      : relative;
}
#tab-tax .multi-tab-shared-header .tool-group.toolbar-btn::after {
    content             : "";
    position            : absolute;
    right               : 0;
    top                 : 0;
    height              : 100%;
    width               : 30px;
    border-left         : 1px solid rgba(0, 0, 0, 0.2);
    border-radius       : 0 2px 2px 0;
    background-image    : url(../../images/admin/plus.png);
    background-size     : 18px;
    background-repeat   : no-repeat;
    background-position : center;
}
#tab-tax .multi-tab-shared-header .toolbar .toolbar-item.switch-menu i {
    background-image    : url(../../images/admin/menu-switch.png);
    background-position : center;
}
#tab-tax .multi-tab-shared-header .toolbar .toolbar-item.reload i {
    background-image    : url(../../images/admin/menu-refresh.png);
    background-position : center;
}
/*--- tax two panel explorer ---*/
/*left panel*/
#tab-tax .left-panel {
    border : 1px solid #D8DBDC;
}
/*left panel header design*/
#tab-tax .left-panel .left-panel-header {
    padding           : 11px 21px;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-wrap     : nowrap;
    flex-wrap         : nowrap;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}
#tab-tax .left-panel .left-panel-header .toolbar {
    -webkit-box-flex  : 1;
    -ms-flex-positive : 1;
    flex-grow         : 1;
}
#tab-tax .left-panel .left-panel-header form.search-form.tool-group {
    width    : 100%;
    position : relative;
}
#tab-tax .search-form .search-text {
    width         : 100% !important;
    padding-right : 32px;
}
#tab-tax .search-form .icon-search {
    border-left : 1px solid rgba(228, 228, 228, 1);
    position    : absolute;
    z-index     : 90;
    right       : 0;
    top         : 0;
    height      : 100%;
}
#tab-tax .left-panel .left-panel-header .back-to-profile {
    font-size        : 0;
    height           : 16px;
    width            : 16px;
    background-image : url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M16%207H3.83L9.42%201.41L8%200L0%208L8%2016L9.41%2014.59L3.83%209H16V7Z%22%20fill%3D%22%23888888%22%2F%3E %3C%2Fsvg%3E');
    margin-right     : 11px;
    cursor           : pointer;
}
/*left panel body design*/
#tab-tax .left-panel .body {
    height : -moz-calc(100% - 46px);
    /* @alternate */ height : -webkit-calc(100% - 150px);
    /* @alternate */ height : calc(100% - 150px);
}
#tab-tax .empty-left-panel-profile,
#tab-tax .empty-left-panel-profile-rule {
    margin : 45px 0 0;
}
#tab-tax .delivery-icon,
#tab-tax .profile-rule-icon {
    background-size     : 60px 44px;
    background-repeat   : no-repeat;
    background-position : center;
    height              : 44px;
    text-align          : center;
    margin-bottom       : 8px;
}
#tab-tax .delivery-icon {
    background-image : url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2242%22%20fill%3D%22none%22%20viewBox%3D%220%200%2045%2042%22%3E%3Cpath%20fill%3D%22%23ACAFAF%22%20d%3D%22M32.21%2015.726c-1.657%200-3.173.332-4.642.853V6.347C27.568%202.18%2020.605%200%2013.784%200%206.964%200%200%202.179%200%206.347V30.08c0%204.168%206.963%206.347%2013.784%206.347%202.7%200%205.4-.331%207.674-.994%202.274%203.505%206.253%205.873%2010.753%205.873%207.057%200%2012.789-5.731%2012.789-12.79%200-7.057-5.732-12.789-12.79-12.789zM13.785%2033.68c-6.631%200-11.037-2.179-11.037-3.6v-1.99c2.653%201.564%206.869%202.416%2011.037%202.416%201.942%200%203.884-.19%205.684-.52.142%201.041.38%202.036.71%202.936-1.704.474-3.883.758-6.394.758zm5.684-6.49c-1.61.38-3.552.569-5.684.569-6.631%200-11.037-2.18-11.037-3.6v-1.99c2.653%201.564%206.869%202.416%2011.037%202.416%202.226%200%204.5-.237%206.49-.71a14.76%2014.76%200%200%200-.806%203.316zm5.4-9.142c-.9.663-1.752%201.421-2.463%202.274-1.942.853-4.926%201.516-8.573%201.516-6.632%200-11.037-2.18-11.037-3.6v-1.99c2.652%201.564%206.868%202.416%2011.037%202.416%204.215%200%208.384-.805%2011.036-2.416v1.8zm0-5.779c0%201.421-4.405%203.6-11.036%203.6-6.632%200-11.037-2.178-11.037-3.6v-1.99c2.652%201.564%206.868%202.417%2011.037%202.417%204.215%200%208.384-.806%2011.036-2.416v1.99zm-11.084-2.32c-6.631%200-11.037-2.18-11.037-3.6%200-1.422%204.406-3.6%2011.037-3.6%206.632%200%2011.037%202.178%2011.037%203.6%200%201.42-4.358%203.6-11.037%203.6zm14.4%2012.41c1.184%200%202.132.947%202.132%202.131a2.123%202.123%200%200%201-2.132%202.132%202.123%202.123%200%200%201-2.131-2.131c0-1.185.947-2.132%202.131-2.132zm.569%2011.368a1.294%201.294%200%200%201-.9.38c-.332%200-.616-.143-.9-.38a1.258%201.258%200%200%201%200-1.752l8.715-8.716a1.258%201.258%200%200%201%201.753%200%201.259%201.259%200%200%201%200%201.753l-8.668%208.715zm7.484.948a2.123%202.123%200%200%201-2.132-2.132c0-1.184.948-2.132%202.132-2.132%201.184%200%202.131.948%202.131%202.132a2.123%202.123%200%200%201-2.131%202.132z%22%2F%3E%3C%2Fsvg%3E');
}
#tab-tax .profile-rule-icon {
    background-image : url('data:image/svg+xml,%3Csvg%20width%3D%2238%22%20height%3D%2240%22%20viewBox%3D%220%200%2038%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M34.9844%206.03516C36.4082%206.03516%2037.5625%204.88089%2037.5625%203.45703C37.5625%202.03317%2036.4082%200.878906%2034.9844%200.878906C33.5605%200.878906%2032.4062%202.03317%2032.4062%203.45703C32.4062%204.88089%2033.5605%206.03516%2034.9844%206.03516Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M2.54297%2035.2539C3.61117%2035.2539%204.47656%2036.1193%204.47656%2037.1875C4.47656%2038.2557%203.61117%2039.1211%202.54297%2039.1211C1.47477%2039.1211%200.609375%2038.2557%200.609375%2037.1875C0.609375%2036.1193%201.47477%2035.2539%202.54297%2035.2539Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M22.5234%2013.3835C24.8145%2014.7216%2026.3605%2017.2086%2026.3605%2020.0471C26.3605%2022.8805%2024.8145%2025.3659%2022.5234%2026.703V32.796V38.2616H14.789V32.796V26.7013C12.4971%2025.364%2010.9519%2022.8796%2010.9519%2020.0471C10.9519%2017.2094%2012.4971%2014.7232%2014.789%2013.3852V18.9256L18.6562%2021.9334L22.5234%2018.9256V13.3835Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M36.875%2017.257V22.83L31.5563%2023.3852C31.2477%2024.6029%2030.7623%2025.7511%2030.1374%2026.8072L33.514%2030.9546L29.5677%2034.9008L25.4204%2031.5253C24.518%2032.059%2023.5469%2032.4895%2022.5234%2032.7963V26.7032C24.8144%2025.3661%2026.3605%2022.8807%2026.3605%2020.0474C26.3605%2017.2089%2024.8144%2014.7218%2022.5234%2013.3838V18.9259L18.6562%2021.9337L14.789%2018.9259V13.3855C12.497%2014.7236%2010.9519%2017.2097%2010.9519%2020.0474C10.9519%2022.8799%2012.497%2025.3643%2014.789%2026.7016V32.7963C13.7698%2032.4895%2012.7944%2032.058%2011.892%2031.5253L7.74554%2034.9008L3.80625%2030.9546L7.175%2026.8072C6.55023%2025.7511%206.06469%2024.6029%205.75617%2023.3852L0.4375%2022.83V17.257L5.75617%2016.7018C6.06469%2015.4918%206.55023%2014.3351%207.175%2013.2789L3.80625%209.13246L7.74563%205.19309L11.8921%208.56184C12.9483%207.93793%2014.105%207.45152%2015.315%207.14387L15.8702%201.8252H21.4432L21.9976%207.14387C23.2162%207.45152%2024.3642%207.93793%2025.4205%208.56184L29.5678%205.19309L33.5141%209.13246L30.1375%2013.2789C30.7624%2014.3351%2031.2478%2015.4918%2031.5564%2016.7018L36.875%2017.257Z%22%20fill%3D%22%23E3E3E3%22%2F%3E %3Cpath%20d%3D%22M36.0586%2029.668C36.4146%2029.668%2036.7031%2029.3794%2036.7031%2029.0234C36.7031%2028.6675%2036.4146%2028.3789%2036.0586%2028.3789C35.7026%2028.3789%2035.4141%2028.6675%2035.4141%2029.0234C35.4141%2029.3794%2035.7026%2029.668%2036.0586%2029.668Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M35.6289%2012.0508C35.9849%2012.0508%2036.2734%2011.7622%2036.2734%2011.4062C36.2734%2011.0503%2035.9849%2010.7617%2035.6289%2010.7617C35.2729%2010.7617%2034.9844%2011.0503%2034.9844%2011.4062C34.9844%2011.7622%2035.2729%2012.0508%2035.6289%2012.0508Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M30.4727%2038.6914C30.8286%2038.6914%2031.1172%2038.4028%2031.1172%2038.0469C31.1172%2037.6909%2030.8286%2037.4023%2030.4727%2037.4023C30.1167%2037.4023%2029.8281%2037.6909%2029.8281%2038.0469C29.8281%2038.4028%2030.1167%2038.6914%2030.4727%2038.6914Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M25.3164%201.95312C25.6724%201.95312%2025.9609%201.66456%2025.9609%201.30859C25.9609%200.952629%2025.6724%200.664062%2025.3164%200.664062C24.9604%200.664062%2024.6719%200.952629%2024.6719%201.30859C24.6719%201.66456%2024.9604%201.95312%2025.3164%201.95312Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M9.84766%2038.6914C10.2036%2038.6914%2010.4922%2038.4028%2010.4922%2038.0469C10.4922%2037.6909%2010.2036%2037.4023%209.84766%2037.4023C9.49169%2037.4023%209.20312%2037.6909%209.20312%2038.0469C9.20312%2038.4028%209.49169%2038.6914%209.84766%2038.6914Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M7.26953%201.95312C7.6255%201.95312%207.91406%201.66456%207.91406%201.30859C7.91406%200.952629%207.6255%200.664062%207.26953%200.664062C6.91357%200.664062%206.625%200.952629%206.625%201.30859C6.625%201.66456%206.91357%201.95312%207.26953%201.95312Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M1.68359%209.47266C2.03956%209.47266%202.32812%209.18409%202.32812%208.82812C2.32812%208.47216%202.03956%208.18359%201.68359%208.18359C1.32763%208.18359%201.03906%208.47216%201.03906%208.82812C1.03906%209.18409%201.32763%209.47266%201.68359%209.47266Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M1.25391%2029.668C1.60987%2029.668%201.89844%2029.3794%201.89844%2029.0234C1.89844%2028.6675%201.60987%2028.3789%201.25391%2028.3789C0.897941%2028.3789%200.609375%2028.6675%200.609375%2029.0234C0.609375%2029.3794%200.897941%2029.668%201.25391%2029.668Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M7.74571%2035.3303C7.63511%2035.3303%207.52502%2035.2879%207.44149%2035.2042L3.50212%2031.2579C3.34666%2031.1022%203.33394%2030.8543%203.47273%2030.6834L6.65508%2026.7656C6.119%2025.8132%205.70366%2024.812%205.41698%2023.7815L0.392898%2023.2571C0.174016%2023.2344%200.0078125%2023.0499%200.0078125%2022.8299V17.2568C0.0078125%2017.0367%200.174016%2016.8523%200.392898%2016.8295L5.41741%2016.305C5.7065%2015.2698%206.12175%2014.2684%206.65508%2013.3202L3.47273%209.40318C3.33394%209.23225%203.34674%208.98415%203.50238%208.82843L7.44175%204.88905C7.59747%204.73342%207.84566%204.72062%208.0165%204.8594L11.9336%208.04176C12.8841%207.50774%2013.8856%207.09266%2014.9182%206.80469L15.4427%201.78035C15.4656%201.56147%2015.6501%201.39526%2015.8701%201.39526H21.4431C21.6632%201.39526%2021.8477%201.56155%2021.8706%201.78035L22.3942%206.80417C23.4224%207.08957%2024.4239%207.50482%2025.3789%208.04167L29.2969%204.85932C29.4674%204.72062%2029.7155%204.73316%2029.8713%204.88871L33.8175%208.82808C33.9736%208.98389%2033.9865%209.2325%2033.8473%209.40352L30.6577%2013.3205C31.1908%2014.2684%2031.606%2015.2698%2031.8952%2016.305L36.9197%2016.8295C37.1386%2016.8523%2037.3047%2017.0368%2037.3047%2017.2568V22.8299C37.3047%2023.05%2037.1385%2023.2344%2036.9197%2023.2572L31.8955%2023.7817C31.6088%2024.812%2031.1936%2025.8133%2030.6577%2026.7655L33.8473%2030.6832C33.9864%2030.8541%2033.9737%2031.1026%2033.8179%2031.2583L29.8716%2035.2045C29.7158%2035.3603%2029.4674%2035.3732%2029.2966%2035.234L25.3787%2032.0453C24.5093%2032.5341%2023.5916%2032.9245%2022.6468%2033.2078C22.4195%2033.2758%2022.18%2033.1469%2022.1119%2032.9195C22.0437%2032.6922%2022.1727%2032.4527%2022.4001%2032.3846C23.3731%2032.0928%2024.3157%2031.6793%2025.2018%2031.1552C25.3568%2031.0636%2025.5523%2031.0782%2025.6918%2031.1919L29.5383%2034.3226L32.9359%2030.9249L29.8044%2027.0785C29.6908%2026.9389%2029.6762%2026.7433%2029.7678%2026.5884C30.3873%2025.5409%2030.8491%2024.4277%2031.14%2023.2795C31.1842%2023.105%2031.3326%2022.9765%2031.5119%2022.9578L36.4453%2022.4427V17.6441L31.5118%2017.1291C31.3329%2017.1105%2031.1845%2016.9823%2031.14%2016.8079C30.8455%2015.6528%2030.3837%2014.5391%2029.7677%2013.4976C29.6761%2013.3426%2029.6907%2013.147%2029.8043%2013.0075L32.9357%209.16212L29.5383%205.7706L25.6914%208.8952C25.552%209.00847%2025.3567%209.02299%2025.202%208.93164C24.151%208.31074%2023.0374%207.84943%2021.8924%207.56025C21.7176%207.51616%2021.589%207.36749%2021.5702%207.18814L21.0561%202.25464H16.2575L15.7425%207.18822C15.7238%207.36723%2015.5955%207.51573%2015.421%207.56008C14.2695%207.85287%2013.1557%208.31435%2012.1108%208.93155C11.9561%209.02299%2011.7609%209.00838%2011.6213%208.89511L7.77562%205.77077L4.38427%209.16212L7.5087%2013.0078C7.62205%2013.1474%207.63657%2013.3427%207.54505%2013.4976C6.92887%2014.5391%206.46722%2015.6529%206.17271%2016.8079C6.1282%2016.9823%205.97987%2017.1105%205.80095%2017.1291L0.867188%2017.644V22.4426L5.80077%2022.9576C5.97995%2022.9763%206.12845%2023.1048%206.17271%2023.2794C6.46361%2024.4275%206.92527%2025.5407%207.54488%2026.5882C7.6364%2026.743%207.62187%2026.9383%207.50852%2027.0779L4.38384%2030.9248L7.77545%2034.3222L11.6208%2031.1917C11.7604%2031.0782%2011.9557%2031.0636%2012.1106%2031.1549C12.9956%2031.6774%2013.9385%2032.0912%2014.9129%2032.3845C15.1401%2032.4529%2015.2689%2032.6926%2015.2004%2032.9198C15.132%2033.147%2014.8923%2033.2758%2014.6651%2033.2074C13.7197%2032.9227%2012.8023%2032.5322%2011.934%2032.0449L8.01684%2035.2338C7.93752%2035.2985%207.84145%2035.3303%207.74571%2035.3303Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M22.5234%2038.6913H14.789C14.5517%2038.6913%2014.3593%2038.499%2014.3593%2038.2616V26.9437C11.9862%2025.4598%2010.5222%2022.8402%2010.5222%2020.0471C10.5222%2017.1675%2012.0742%2014.4727%2014.5724%2013.0142C14.7052%2012.9366%2014.8695%2012.936%2015.0029%2013.0126C15.1364%2013.0892%2015.2187%2013.2314%2015.2187%2013.3853V18.7155L18.6562%2021.3891L22.0937%2018.7155V13.3835C22.0937%2013.2296%2022.1759%2013.0875%2022.3095%2013.0109C22.443%2012.9343%2022.6072%2012.9349%2022.7401%2013.0126C25.2383%2014.4716%2026.7903%2017.1671%2026.7903%2020.0471C26.7903%2022.8408%2025.3263%2025.4611%2022.9532%2026.9453V38.2616C22.9531%2038.499%2022.7607%2038.6913%2022.5234%2038.6913ZM15.2187%2037.8319H22.0937V26.703C22.0937%2026.5502%2022.1748%2026.4089%2022.3067%2026.3319C24.5422%2025.0272%2025.9308%2022.6191%2025.9308%2020.0471C25.9308%2017.7297%2024.8066%2015.5454%2022.9531%2014.1798V18.9257C22.9531%2019.0583%2022.8918%2019.1835%2022.7872%2019.2649L18.92%2022.2727C18.7648%2022.3933%2018.5476%2022.3933%2018.3924%2022.2727L14.5252%2019.2649C14.4205%2019.1835%2014.3593%2019.0583%2014.3593%2018.9257V14.1813C12.5058%2015.5464%2011.3816%2017.7301%2011.3816%2020.0471C11.3816%2022.6185%2012.7702%2025.026%2015.0055%2026.3302C15.1375%2026.4072%2015.2186%2026.5485%2015.2186%2026.7013V37.8319H15.2187Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M34.9844%206.46484C33.3259%206.46484%2031.9766%205.11554%2031.9766%203.45703C31.9766%201.79852%2033.3259%200.449219%2034.9844%200.449219C36.6429%200.449219%2037.9922%201.79852%2037.9922%203.45703C37.9922%205.11554%2036.6429%206.46484%2034.9844%206.46484ZM34.9844%201.30859C33.7997%201.30859%2032.8359%202.27238%2032.8359%203.45703C32.8359%204.64168%2033.7997%205.60547%2034.9844%205.60547C36.169%205.60547%2037.1328%204.64168%2037.1328%203.45703C37.1328%202.27238%2036.169%201.30859%2034.9844%201.30859Z%22%20fill%3D%22%23999999%22%2F%3E %3Cpath%20d%3D%22M2.54297%2039.5508C1.23981%2039.5508%200.179688%2038.4906%200.179688%2037.1875C0.179688%2035.8844%201.23981%2034.8242%202.54297%2034.8242C3.84612%2034.8242%204.90625%2035.8844%204.90625%2037.1875C4.90625%2038.4906%203.84612%2039.5508%202.54297%2039.5508ZM2.54297%2035.6836C1.71376%2035.6836%201.03906%2036.3583%201.03906%2037.1875C1.03906%2038.0167%201.71376%2038.6914%202.54297%2038.6914C3.37218%2038.6914%204.04688%2038.0167%204.04688%2037.1875C4.04688%2036.3583%203.37218%2035.6836%202.54297%2035.6836Z%22%20fill%3D%22%23999999%22%2F%3E %3C%2Fsvg%3E');
}
#tab-tax .empty-profile-text,
#tab-tax .empty-rule-text {
    text-align : center;
}
/*blocklist item*/
#tab-tax .blocklist-item .default-icon {
    display  : inline-block;
    color    : rgba(33, 33, 33, 0.8);
    position : relative;
    z-index  : 2;
    padding  : 0 8px 2px 0;
    margin   : 0 0 0 4px;
}
#tab-tax .blocklist-item .default-icon:before {
    content             : "";
    background-image    : url('data:image/svg+xml,%3Csvg%20width%3D%2285%22%20height%3D%2279%22%20viewBox%3D%220%200%2085%2079%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M60.8421%2029.7053C57.7105%2029.7053%2054.8474%2030.3316%2052.0737%2031.3158V11.9895C52.0737%204.11579%2038.9211%200%2026.0368%200C13.1526%200%200%204.11579%200%2011.9895V56.8158C0%2064.6895%2013.1526%2068.8053%2026.0368%2068.8053C31.1368%2068.8053%2036.2368%2068.1789%2040.5316%2066.9263C44.8263%2073.5474%2052.3421%2078.021%2060.8421%2078.021C74.1737%2078.021%2085%2067.1947%2085%2053.8632C85%2040.5316%2074.1737%2029.7053%2060.8421%2029.7053ZM26.0368%2063.6158C13.5105%2063.6158%205.18947%2059.5%205.18947%2056.8158V53.0579C10.2%2056.0105%2018.1632%2057.6211%2026.0368%2057.6211C29.7053%2057.6211%2033.3737%2057.2632%2036.7737%2056.6368C37.0421%2058.6053%2037.4895%2060.4842%2038.1158%2062.1842C34.8947%2063.0789%2030.7789%2063.6158%2026.0368%2063.6158ZM36.7737%2051.3579C33.7316%2052.0737%2030.0632%2052.4316%2026.0368%2052.4316C13.5105%2052.4316%205.18947%2048.3158%205.18947%2045.6316V41.8737C10.2%2044.8263%2018.1632%2046.4368%2026.0368%2046.4368C30.2421%2046.4368%2034.5368%2045.9895%2038.2947%2045.0947C37.5789%2047.0632%2037.0421%2049.121%2036.7737%2051.3579ZM46.9737%2034.0895C45.2737%2035.3421%2043.6632%2036.7737%2042.3211%2038.3842C38.6526%2039.9947%2033.0158%2041.2474%2026.1263%2041.2474C13.6%2041.2474%205.27895%2037.1316%205.27895%2034.4474V30.6895C10.2895%2033.6421%2018.2526%2035.2526%2026.1263%2035.2526C34.0895%2035.2526%2041.9632%2033.7316%2046.9737%2030.6895V34.0895ZM46.9737%2023.1737C46.9737%2025.8579%2038.6526%2029.9737%2026.1263%2029.9737C13.6%2029.9737%205.27895%2025.8579%205.27895%2023.1737V19.4158C10.2895%2022.3684%2018.2526%2023.9789%2026.1263%2023.9789C34.0895%2023.9789%2041.9632%2022.4579%2046.9737%2019.4158V23.1737ZM26.0368%2018.7895C13.5105%2018.7895%205.18947%2014.6737%205.18947%2011.9895C5.18947%209.30526%2013.5105%205.18947%2026.0368%205.18947C38.5632%205.18947%2046.8842%209.30526%2046.8842%2011.9895C46.8842%2014.6737%2038.6526%2018.7895%2026.0368%2018.7895ZM53.2368%2042.2316C55.4737%2042.2316%2057.2632%2044.021%2057.2632%2046.2579C57.2632%2048.4947%2055.4737%2050.2842%2053.2368%2050.2842C51%2050.2842%2049.2105%2048.4947%2049.2105%2046.2579C49.2105%2044.021%2051%2042.2316%2053.2368%2042.2316ZM54.3105%2063.7053C53.8632%2064.1526%2053.2368%2064.4211%2052.6105%2064.4211C51.9842%2064.4211%2051.4474%2064.1526%2050.9105%2063.7053C50.0158%2062.8105%2050.0158%2061.2895%2050.9105%2060.3947L67.3737%2043.9316C68.2684%2043.0368%2069.7895%2043.0368%2070.6842%2043.9316C71.5789%2044.8263%2071.5789%2046.3474%2070.6842%2047.2421L54.3105%2063.7053ZM68.4474%2065.4947C66.2105%2065.4947%2064.4211%2063.7053%2064.4211%2061.4684C64.4211%2059.2316%2066.2105%2057.4421%2068.4474%2057.4421C70.6842%2057.4421%2072.4737%2059.2316%2072.4737%2061.4684C72.4737%2063.7053%2070.6842%2065.4947%2068.4474%2065.4947Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3C%2Fsvg%3E');
    background-size     : 25px 18px;
    background-repeat   : no-repeat;
    background-position : center;
    height              : 18px;
    width               : 25px;
    display             : inline-block;
    position            : relative;
    top                 : 3px;
    margin              : 0 16px 0 0px;
}
#tab-tax .blocklist-item .default-icon:after {
    content       : "";
    background    : #84F3B9;
    border-radius : 2px;
    position      : absolute;
    z-index       : -1;
    top           : 0;
    right         : 0;
    height        : 100%;
    width         : calc(100% - 32px);
}
/*left panel footer design*/
#tab-tax .navigation-buttons {
    background       : #ffffff;
    border-top       : 2px solid #35A6CB;
    padding          : 12px 12px 7px;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
}
#tab-tax .left-panel .navigation-buttons {
    bottom : 0;
}
#tab-tax .navigation-buttons .chosen-container {
    -webkit-box-flex : 1;
    -ms-flex         : 1;
    flex             : 1;
}
#tab-tax .navigation-buttons .chosen-container .chosen-single {
    display    : block;
    border     : 0;
    box-shadow : none;
}
#tab-tax .navigation-buttons .chosen-container .chosen-single .tooltipstered {
    margin-right : 8px;
    display      : inline-block;
    width        : auto;
}
#tab-tax .empty-bottom-panel-profile .note-icon {
    background-image    : url(../../images/admin/alert.png);
    background-size     : 21px 21px;
    background-repeat   : no-repeat;
    background-position : center;
    height              : 21px;
    width               : 21px;
    display             : inline-block;
    margin-right        : 9px;
}
#tab-tax .empty-bottom-panel-profile .title {
    font-size : 14px;
    position  : relative;
    top       : -6px;
}
#tab-tax .empty-bottom-panel-profile .link {
    color     : #35A6CB;
    font-size : 14px;
    position  : relative;
    top       : -6px;
}
#tab-tax .empty-bottom-panel-profile .navigate-icon {
    background-image    : url(../../images/admin/learn-more.png);
    background-size     : 12px 12px;
    background-repeat   : no-repeat;
    background-position : center;
    height              : 12px;
    width               : 12px;
    display             : inline-block;
    position            : relative;
    top                 : -4px;
    margin-left         : 4px;
}
/*right panel*/
#tab-tax .right-panel .body {
    display : table;
    width   : 100%;
}
/*empty profile*/
#tab-tax .right-panel .body .empty-profile {
    vertical-align : middle;
    display        : table-cell;
    background     : none;
    text-align     : center;
}
#tab-tax .empty-profile .top-header:after {
    display : none;
}
#tab-tax .tax-icon,
#tab-tax .rule-icon {
    color                 : transparent;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
    background-image      : url('data:image/svg+xml,%3Csvg%20width%3D%2285%22%20height%3D%2279%22%20viewBox%3D%220%200%2085%2079%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M60.8421%2029.7053C57.7105%2029.7053%2054.8474%2030.3316%2052.0737%2031.3158V11.9895C52.0737%204.11579%2038.9211%200%2026.0368%200C13.1526%200%200%204.11579%200%2011.9895V56.8158C0%2064.6895%2013.1526%2068.8053%2026.0368%2068.8053C31.1368%2068.8053%2036.2368%2068.1789%2040.5316%2066.9263C44.8263%2073.5474%2052.3421%2078.021%2060.8421%2078.021C74.1737%2078.021%2085%2067.1947%2085%2053.8632C85%2040.5316%2074.1737%2029.7053%2060.8421%2029.7053ZM26.0368%2063.6158C13.5105%2063.6158%205.18947%2059.5%205.18947%2056.8158V53.0579C10.2%2056.0105%2018.1632%2057.6211%2026.0368%2057.6211C29.7053%2057.6211%2033.3737%2057.2632%2036.7737%2056.6368C37.0421%2058.6053%2037.4895%2060.4842%2038.1158%2062.1842C34.8947%2063.0789%2030.7789%2063.6158%2026.0368%2063.6158ZM36.7737%2051.3579C33.7316%2052.0737%2030.0632%2052.4316%2026.0368%2052.4316C13.5105%2052.4316%205.18947%2048.3158%205.18947%2045.6316V41.8737C10.2%2044.8263%2018.1632%2046.4368%2026.0368%2046.4368C30.2421%2046.4368%2034.5368%2045.9895%2038.2947%2045.0947C37.5789%2047.0632%2037.0421%2049.121%2036.7737%2051.3579ZM46.9737%2034.0895C45.2737%2035.3421%2043.6632%2036.7737%2042.3211%2038.3842C38.6526%2039.9947%2033.0158%2041.2474%2026.1263%2041.2474C13.6%2041.2474%205.27895%2037.1316%205.27895%2034.4474V30.6895C10.2895%2033.6421%2018.2526%2035.2526%2026.1263%2035.2526C34.0895%2035.2526%2041.9632%2033.7316%2046.9737%2030.6895V34.0895ZM46.9737%2023.1737C46.9737%2025.8579%2038.6526%2029.9737%2026.1263%2029.9737C13.6%2029.9737%205.27895%2025.8579%205.27895%2023.1737V19.4158C10.2895%2022.3684%2018.2526%2023.9789%2026.1263%2023.9789C34.0895%2023.9789%2041.9632%2022.4579%2046.9737%2019.4158V23.1737ZM26.0368%2018.7895C13.5105%2018.7895%205.18947%2014.6737%205.18947%2011.9895C5.18947%209.30526%2013.5105%205.18947%2026.0368%205.18947C38.5632%205.18947%2046.8842%209.30526%2046.8842%2011.9895C46.8842%2014.6737%2038.6526%2018.7895%2026.0368%2018.7895ZM53.2368%2042.2316C55.4737%2042.2316%2057.2632%2044.021%2057.2632%2046.2579C57.2632%2048.4947%2055.4737%2050.2842%2053.2368%2050.2842C51%2050.2842%2049.2105%2048.4947%2049.2105%2046.2579C49.2105%2044.021%2051%2042.2316%2053.2368%2042.2316ZM54.3105%2063.7053C53.8632%2064.1526%2053.2368%2064.4211%2052.6105%2064.4211C51.9842%2064.4211%2051.4474%2064.1526%2050.9105%2063.7053C50.0158%2062.8105%2050.0158%2061.2895%2050.9105%2060.3947L67.3737%2043.9316C68.2684%2043.0368%2069.7895%2043.0368%2070.6842%2043.9316C71.5789%2044.8263%2071.5789%2046.3474%2070.6842%2047.2421L54.3105%2063.7053ZM68.4474%2065.4947C66.2105%2065.4947%2064.4211%2063.7053%2064.4211%2061.4684C64.4211%2059.2316%2066.2105%2057.4421%2068.4474%2057.4421C70.6842%2057.4421%2072.4737%2059.2316%2072.4737%2061.4684C72.4737%2063.7053%2070.6842%2065.4947%2068.4474%2065.4947Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3C%2Fsvg%3E');
    background-size       : 114px 83px;
    background-repeat     : no-repeat;
    background-position   : center;
    height                : 83px;
    margin                : 0 0 8px;
}
#tab-tax .tax-icon {
    background-image : url('data:image/svg+xml,%3Csvg%20width%3D%2285%22%20height%3D%2279%22%20viewBox%3D%220%200%2085%2079%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M60.8421%2029.7053C57.7105%2029.7053%2054.8474%2030.3316%2052.0737%2031.3158V11.9895C52.0737%204.11579%2038.9211%200%2026.0368%200C13.1526%200%200%204.11579%200%2011.9895V56.8158C0%2064.6895%2013.1526%2068.8053%2026.0368%2068.8053C31.1368%2068.8053%2036.2368%2068.1789%2040.5316%2066.9263C44.8263%2073.5474%2052.3421%2078.021%2060.8421%2078.021C74.1737%2078.021%2085%2067.1947%2085%2053.8632C85%2040.5316%2074.1737%2029.7053%2060.8421%2029.7053ZM26.0368%2063.6158C13.5105%2063.6158%205.18947%2059.5%205.18947%2056.8158V53.0579C10.2%2056.0105%2018.1632%2057.6211%2026.0368%2057.6211C29.7053%2057.6211%2033.3737%2057.2632%2036.7737%2056.6368C37.0421%2058.6053%2037.4895%2060.4842%2038.1158%2062.1842C34.8947%2063.0789%2030.7789%2063.6158%2026.0368%2063.6158ZM36.7737%2051.3579C33.7316%2052.0737%2030.0632%2052.4316%2026.0368%2052.4316C13.5105%2052.4316%205.18947%2048.3158%205.18947%2045.6316V41.8737C10.2%2044.8263%2018.1632%2046.4368%2026.0368%2046.4368C30.2421%2046.4368%2034.5368%2045.9895%2038.2947%2045.0947C37.5789%2047.0632%2037.0421%2049.121%2036.7737%2051.3579ZM46.9737%2034.0895C45.2737%2035.3421%2043.6632%2036.7737%2042.3211%2038.3842C38.6526%2039.9947%2033.0158%2041.2474%2026.1263%2041.2474C13.6%2041.2474%205.27895%2037.1316%205.27895%2034.4474V30.6895C10.2895%2033.6421%2018.2526%2035.2526%2026.1263%2035.2526C34.0895%2035.2526%2041.9632%2033.7316%2046.9737%2030.6895V34.0895ZM46.9737%2023.1737C46.9737%2025.8579%2038.6526%2029.9737%2026.1263%2029.9737C13.6%2029.9737%205.27895%2025.8579%205.27895%2023.1737V19.4158C10.2895%2022.3684%2018.2526%2023.9789%2026.1263%2023.9789C34.0895%2023.9789%2041.9632%2022.4579%2046.9737%2019.4158V23.1737ZM26.0368%2018.7895C13.5105%2018.7895%205.18947%2014.6737%205.18947%2011.9895C5.18947%209.30526%2013.5105%205.18947%2026.0368%205.18947C38.5632%205.18947%2046.8842%209.30526%2046.8842%2011.9895C46.8842%2014.6737%2038.6526%2018.7895%2026.0368%2018.7895ZM53.2368%2042.2316C55.4737%2042.2316%2057.2632%2044.021%2057.2632%2046.2579C57.2632%2048.4947%2055.4737%2050.2842%2053.2368%2050.2842C51%2050.2842%2049.2105%2048.4947%2049.2105%2046.2579C49.2105%2044.021%2051%2042.2316%2053.2368%2042.2316ZM54.3105%2063.7053C53.8632%2064.1526%2053.2368%2064.4211%2052.6105%2064.4211C51.9842%2064.4211%2051.4474%2064.1526%2050.9105%2063.7053C50.0158%2062.8105%2050.0158%2061.2895%2050.9105%2060.3947L67.3737%2043.9316C68.2684%2043.0368%2069.7895%2043.0368%2070.6842%2043.9316C71.5789%2044.8263%2071.5789%2046.3474%2070.6842%2047.2421L54.3105%2063.7053ZM68.4474%2065.4947C66.2105%2065.4947%2064.4211%2063.7053%2064.4211%2061.4684C64.4211%2059.2316%2066.2105%2057.4421%2068.4474%2057.4421C70.6842%2057.4421%2072.4737%2059.2316%2072.4737%2061.4684C72.4737%2063.7053%2070.6842%2065.4947%2068.4474%2065.4947Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3C%2Fsvg%3E');
}
#tab-tax .rule-icon {
    background-image : url('data:image/svg+xml,%3Csvg%20width%3D%2278%22%20height%3D%2280%22%20viewBox%3D%220%200%2078%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M71.6953%2011.4355C74.6078%2011.4355%2076.9688%209.07455%2076.9688%206.16211C76.9688%203.24967%2074.6078%200.888672%2071.6953%200.888672C68.7829%200.888672%2066.4219%203.24967%2066.4219%206.16211C66.4219%209.07455%2068.7829%2011.4355%2071.6953%2011.4355Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M5.33789%2071.2012C7.52285%2071.2012%209.29297%2072.9713%209.29297%2075.1562C9.29297%2077.3412%207.52285%2079.1113%205.33789%2079.1113C3.15293%2079.1113%201.38281%2077.3412%201.38281%2075.1562C1.38281%2072.9713%203.15293%2071.2012%205.33789%2071.2012Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M46.207%2026.4666C50.8934%2029.2035%2054.0557%2034.2906%2054.0557%2040.0966C54.0557%2045.8921%2050.8934%2050.9759%2046.207%2053.7109V66.1738V77.3535H30.3867V66.1738V53.7074C25.6986%2050.972%2022.5381%2045.8902%2022.5381%2040.0965C22.5381%2034.2922%2025.6986%2029.2068%2030.3867%2026.4699V37.8025L38.2969%2043.9549L46.207%2037.8025V26.4666Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M75.5625%2034.389V45.7884L64.6834%2046.924C64.0522%2049.4148%2063.0592%2051.7632%2061.7811%2053.9236L68.6877%2062.4068L60.6158%2070.4787L52.1326%2063.5742C50.2869%2064.6658%2048.3004%2065.5464%2046.2069%2066.174V53.7109C50.8932%2050.9757%2054.0555%2045.8921%2054.0555%2040.0966C54.0555%2034.2906%2050.8932%2029.2035%2046.2069%2026.4666V37.8027L38.2967%2043.955L30.3865%2037.8027V26.4701C25.6985%2029.207%2022.5379%2034.2923%2022.5379%2040.0966C22.5379%2045.8904%2025.6985%2050.9722%2030.3865%2053.7076V66.174C28.3018%2065.5464%2026.3067%2064.6638%2024.461%2063.5742L15.9795%2070.4787L7.92187%2062.4068L14.8125%2053.9236C13.5346%2051.7632%2012.5414%2049.4148%2011.9104%2046.924L1.03125%2045.7884V34.389L11.9104%2033.2535C12.5414%2030.7785%2013.5346%2028.4125%2014.8125%2026.2521L7.92187%2017.7707L15.9797%209.71284L24.4611%2016.6035C26.6215%2015.3273%2028.9875%2014.3324%2031.4625%2013.7031L32.598%202.82397H43.9975L45.1314%2013.7031C47.624%2014.3324%2049.9723%2015.3273%2052.1328%2016.6035L60.616%209.71284L68.6879%2017.7707L61.7812%2026.2521C63.0594%2028.4125%2064.0523%2030.7785%2064.6836%2033.2535L75.5625%2034.389Z%22%20fill%3D%22%23D2ECF4%22%2F%3E %3Cpath%20d%3D%22M73.8926%2059.7754C74.6207%2059.7754%2075.2109%2059.1851%2075.2109%2058.457C75.2109%2057.7289%2074.6207%2057.1387%2073.8926%2057.1387C73.1645%2057.1387%2072.5742%2057.7289%2072.5742%2058.457C72.5742%2059.1851%2073.1645%2059.7754%2073.8926%2059.7754Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M73.0137%2023.7402C73.7418%2023.7402%2074.332%2023.15%2074.332%2022.4219C74.332%2021.6938%2073.7418%2021.1035%2073.0137%2021.1035C72.2856%2021.1035%2071.6953%2021.6938%2071.6953%2022.4219C71.6953%2023.15%2072.2856%2023.7402%2073.0137%2023.7402Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M62.4668%2078.2324C63.1949%2078.2324%2063.7852%2077.6422%2063.7852%2076.9141C63.7852%2076.186%2063.1949%2075.5957%2062.4668%2075.5957C61.7387%2075.5957%2061.1484%2076.186%2061.1484%2076.9141C61.1484%2077.6422%2061.7387%2078.2324%2062.4668%2078.2324Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M51.9199%203.08594C52.648%203.08594%2053.2383%202.49569%2053.2383%201.76758C53.2383%201.03947%2052.648%200.449219%2051.9199%200.449219C51.1918%200.449219%2050.6016%201.03947%2050.6016%201.76758C50.6016%202.49569%2051.1918%203.08594%2051.9199%203.08594Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M20.2793%2078.2324C21.0074%2078.2324%2021.5977%2077.6422%2021.5977%2076.9141C21.5977%2076.186%2021.0074%2075.5957%2020.2793%2075.5957C19.5512%2075.5957%2018.9609%2076.186%2018.9609%2076.9141C18.9609%2077.6422%2019.5512%2078.2324%2020.2793%2078.2324Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M15.0059%203.08594C15.734%203.08594%2016.3242%202.49569%2016.3242%201.76758C16.3242%201.03947%2015.734%200.449219%2015.0059%200.449219C14.2777%200.449219%2013.6875%201.03947%2013.6875%201.76758C13.6875%202.49569%2014.2777%203.08594%2015.0059%203.08594Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M3.58008%2018.4668C4.30819%2018.4668%204.89844%2017.8765%204.89844%2017.1484C4.89844%2016.4203%204.30819%2015.8301%203.58008%2015.8301C2.85197%2015.8301%202.26172%2016.4203%202.26172%2017.1484C2.26172%2017.8765%202.85197%2018.4668%203.58008%2018.4668Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M2.70117%2059.7754C3.42928%2059.7754%204.01953%2059.1851%204.01953%2058.457C4.01953%2057.7289%203.42928%2057.1387%202.70117%2057.1387C1.97306%2057.1387%201.38281%2057.7289%201.38281%2058.457C1.38281%2059.1851%201.97306%2059.7754%202.70117%2059.7754Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M15.9799%2071.3576C15.7536%2071.3576%2015.5285%2071.2708%2015.3576%2071.0996L7.29979%2063.0277C6.9818%2062.7092%206.95578%2062.202%207.23967%2061.8526L13.749%2053.8389C12.6525%2051.8907%2011.8029%2049.8429%2011.2165%2047.7351L0.940019%2046.6623C0.492305%2046.6159%200.152344%2046.2385%200.152344%2045.7885V34.3891C0.152344%2033.9389%200.492305%2033.5617%200.940019%2033.5149L11.2174%2032.4421C11.8087%2030.3246%2012.6581%2028.2763%2013.749%2026.3369L7.23967%2018.3248C6.95578%2017.9751%206.98197%2017.4677%207.30031%2017.1491L15.3581%209.09133C15.6766%208.77299%2016.1843%208.7468%2016.5338%209.03069L24.546%2015.54C26.4902%2014.4477%2028.5387%2013.5987%2030.6509%2013.0097L31.7237%202.73262C31.7705%202.28491%2032.1479%201.94495%2032.5979%201.94495H43.9973C44.4475%201.94495%2044.8249%202.28508%2044.8716%202.73262L45.9427%2013.0086C48.0459%2013.5924%2050.0944%2014.4418%2052.0477%2015.5399L60.0618%209.03051C60.4107%208.7468%2060.918%208.77247%2061.2367%209.09063L69.3086%2017.1484C69.6278%2017.4671%2069.6541%2017.9757%2069.3694%2018.3255L62.8453%2026.3374C63.9358%2028.2763%2064.785%2030.3246%2065.3765%2032.4421L75.6539%2033.5149C76.1016%2033.5617%2076.4414%2033.9391%2076.4414%2034.3891V45.7885C76.4414%2046.2387%2076.1014%2046.6159%2075.6539%2046.6626L65.3772%2047.7354C64.7908%2049.8429%2063.9414%2051.8909%2062.8453%2053.8386L69.3694%2061.8521C69.654%2062.2017%2069.6279%2062.7099%2069.3093%2063.0284L61.2374%2071.1003C60.9187%2071.419%2060.4105%2071.4453%2060.0612%2071.1606L52.0474%2064.6382C50.269%2065.638%2048.392%2066.4366%2046.4595%2067.016C45.9945%2067.1552%2045.5046%2066.8915%2045.3652%2066.4264C45.2258%2065.9615%2045.4897%2065.4716%2045.9548%2065.3322C47.945%2064.7354%2049.8731%2063.8895%2051.6854%2062.8176C52.0025%2062.6303%2052.4024%2062.6601%2052.6877%2062.8925L60.5555%2069.2964L67.5052%2062.3465L61.0999%2054.4788C60.8675%2054.1933%2060.8377%2053.7932%2061.025%2053.4763C62.2922%2051.3339%2063.2367%2049.0568%2063.8317%2046.7082C63.9223%2046.3512%2064.2258%2046.0884%2064.5925%2046.05L74.6836%2044.9966V35.1811L64.5923%2034.1279C64.2264%2034.0897%2063.9228%2033.8274%2063.8319%2033.4708C63.2293%2031.1081%2062.2849%2028.83%2061.0249%2026.6997C60.8375%2026.3828%2060.8674%2025.9827%2061.0997%2025.6972L67.5049%2017.8317L60.5555%2010.8945L52.687%2017.2857C52.4017%2017.5174%2052.0024%2017.5471%2051.686%2017.3603C49.5362%2016.0902%2047.2584%2015.1466%2044.9163%2014.5551C44.5587%2014.465%2044.2956%2014.1609%2044.2573%2013.794L43.2056%203.70276H33.3903L32.337%2013.7942C32.2987%2014.1603%2032.0363%2014.4641%2031.6794%2014.5548C29.3239%2015.1537%2027.0458%2016.0976%2024.9085%2017.3601C24.5921%2017.5471%2024.1927%2017.5172%2023.9072%2017.2856L16.041%2010.8948L9.10418%2017.8317L15.4951%2025.6979C15.7269%2025.9834%2015.7566%2026.3829%2015.5694%2026.6997C14.3091%2028.8302%2013.3648%2031.1083%2012.7624%2033.4708C12.6713%2033.8274%2012.3679%2034.0897%2012.0019%2034.1279L1.91016%2035.181V44.9964L12.0016%2046.0497C12.3681%2046.088%2012.6718%2046.3508%2012.7624%2046.708C13.3574%2049.0563%2014.3017%2051.3333%2015.5691%2053.4759C15.7563%2053.7925%2015.7266%2054.1921%2015.4947%2054.4775L9.1033%2062.3462L16.0407%2069.2955L23.9062%2062.8922C24.1917%2062.66%2024.5912%2062.6303%2024.908%2062.8169C26.7183%2063.8857%2028.647%2064.7321%2030.64%2065.332C31.1048%2065.4719%2031.3683%2065.9622%2031.2282%2066.4269C31.0883%2066.8917%2030.5978%2067.155%2030.1332%2067.0153C28.1995%2066.4329%2026.3228%2065.6342%2024.5467%2064.6373L16.5345%2071.16C16.3722%2071.2924%2016.1757%2071.3576%2015.9799%2071.3576Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M46.207%2078.2324H30.3867C29.9014%2078.2324%2029.5078%2077.839%2029.5078%2077.3535V54.2033C24.6536%2051.168%2021.6592%2045.8097%2021.6592%2040.0966C21.6592%2034.2066%2024.8336%2028.6944%2029.9436%2025.7111C30.2153%2025.5523%2030.5512%2025.5511%2030.8242%2025.7079C31.0972%2025.8645%2031.2656%2026.1553%2031.2656%2026.4701V37.3729L38.2969%2042.8416L45.3281%2037.3729V26.4666C45.3281%2026.1517%2045.4963%2025.861%2045.7695%2025.7044C46.0425%2025.5476%2046.3784%2025.5488%2046.6504%2025.7077C51.7603%2028.6921%2054.9347%2034.2057%2054.9347%2040.0966C54.9347%2045.8109%2051.9403%2051.1707%2047.0861%2054.2066V77.3535C47.0859%2077.839%2046.6925%2078.2324%2046.207%2078.2324ZM31.2656%2076.4746H45.3281V53.7109C45.3281%2053.3984%2045.4941%2053.1094%2045.7639%2052.9519C50.3365%2050.2832%2053.1768%2045.3574%2053.1768%2040.0966C53.1768%2035.3563%2050.8772%2030.8885%2047.0859%2028.0952V37.8027C47.0859%2038.0739%2046.9606%2038.33%2046.7467%2038.4965L38.8365%2044.6488C38.5191%2044.8956%2038.0747%2044.8956%2037.7572%2044.6488L29.8471%2038.4965C29.633%2038.33%2029.5078%2038.0739%2029.5078%2037.8027V28.0983C25.7166%2030.8906%2023.417%2035.3572%2023.417%2040.0966C23.417%2045.3562%2026.2573%2050.2807%2030.8295%2052.9484C31.0995%2053.1059%2031.2654%2053.3948%2031.2654%2053.7074V76.4746H31.2656Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M71.6953%2012.3145C68.3029%2012.3145%2065.543%209.55451%2065.543%206.16211C65.543%202.76971%2068.3029%200.00976562%2071.6953%200.00976562C75.0877%200.00976562%2077.8477%202.76971%2077.8477%206.16211C77.8477%209.55451%2075.0877%2012.3145%2071.6953%2012.3145ZM71.6953%201.76758C69.2722%201.76758%2067.3008%203.73896%2067.3008%206.16211C67.3008%208.58525%2069.2722%2010.5566%2071.6953%2010.5566C74.1185%2010.5566%2076.0898%208.58525%2076.0898%206.16211C76.0898%203.73896%2074.1185%201.76758%2071.6953%201.76758Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3Cpath%20d%3D%22M5.33789%2079.9902C2.67234%2079.9902%200.503906%2077.8216%200.503906%2075.1562C0.503906%2072.4909%202.67234%2070.3223%205.33789%2070.3223C8.00344%2070.3223%2010.1719%2072.4909%2010.1719%2075.1562C10.1719%2077.8216%208.00344%2079.9902%205.33789%2079.9902ZM5.33789%2072.0801C3.64178%2072.0801%202.26172%2073.4601%202.26172%2075.1562C2.26172%2076.8524%203.64178%2078.2324%205.33789%2078.2324C7.034%2078.2324%208.41406%2076.8524%208.41406%2075.1562C8.41406%2073.4601%207.034%2072.0801%205.33789%2072.0801Z%22%20fill%3D%22%2350BEDF%22%2F%3E %3C%2Fsvg%3E');
}
#tab-tax .empty-profile p {
    color     : rgba(33, 33, 33, 0.65);
    font-size : 18px;
    max-width : 520px;
    margin    : auto auto 10px;
}
#tab-tax .empty-profile .create-profile-top,
#tab-tax .empty-profile .create-rule-top {
    box-shadow : 0px -4px 4px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.1);
    color      : #1187AC;
    background : #ffffff;
    padding    : 0 24px;
    height     : 45px;
    /* @alternate */ color      : rgba(17, 151, 196, 1);
    font-size  : 16px;
}
#tab-tax .empty-profile .create-profile-top:hover,
#tab-tax .empty-profile .create-rule-top:hover {
    box-shadow : 0px -4px 4px rgba(0, 0, 0, 0.05), 0px 5px 4px rgba(0, 0, 0, 0.1);
}
#tab-tax .empty-profile .create-profile-top .add-icon,
#tab-tax .empty-profile .create-rule-top .add-icon {
    color                 : transparent;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
    background-image      : url(../../images/admin/plus-color.png);
    background-size       : 18px 18px;
    background-repeat     : no-repeat;
    background-position   : center;
    height                : 18px;
    width                 : 18px;
    display               : inline-block;
    margin                : 0 0 0 8px;
    position              : relative;
    top                   : 1px;
}
#tab-tax .create-profile-top-panel .create-profile-title {
    font-size   : 18px;
    line-height : 22px;
    margin      : 4px 0 0;
}
/*tax create/edit panel*/
#tab-tax .shipping-profile-create-panel,
#tab-tax .tax-rule-create-panel,
#tab-tax .shipping-rule-create-panel {
    background : none repeat scroll 0 0 #FFFFFF;
    border     : 1px solid #E6E7E9;
    width      : 100%;
    height     : calc(100% - 49px);
    position   : relative;
    display    : block;
}
#tab-tax .shipping-profile-create-panel .create-profile-top-panel,
#tab-tax .tax-rule-create-panel .create-profile-top-panel,
#tab-tax .shipping-rule-create-panel .create-profile-top-panel {
    height     : 50px;
    text-align : left;
    padding    : 10px 15px;
    background : #dce8ec;
    display    : -webkit-box;
    display    : -ms-flexbox;
    display    : flex;
}
#tab-tax .create-profile-top-panel .back-to-profile,
#tab-tax .create-profile-top-panel .back-to-rule,
#tab-tax .shipping-rule-create-panel .back-to-rule {
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
    color                 : transparent;
    background-image      : url(../../images/admin/back.png);
    background-size       : 17px 16px;
    background-repeat     : no-repeat;
    background-position   : center;
    height                : 16px;
    width                 : 26px;
    display               : inline-block;
    margin                : 6px 3px 0 0;
    cursor                : pointer;
}
#tab-tax form.edit-popup-form.create-edit-form,
#tab-tax .create-new-rate-form {
    height : 100%;
}
#tab-tax .create-edit-form .form-section,
#tab-tax .create-new-rate-form .form-section {
    height : 100%;
}
#tab-tax .create-new-rate-form .form-section-container,
#tab-tax .form-section-container {
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction    : column;
    flex-direction        : column;
    overflow-y            : auto;
    height                : calc(100% - 71px);
}
#tab-tax .shipping-create-profile-buttons,
#tab-tax .tax-create-rule-buttons {
    background    : #F3F7FB;
    text-align    : right;
    padding       : 8px 15px;
    margin-top    : auto;
    margin-bottom : 20px;
    margin-left   : -30px;
    margin-right  : -30px;
}
/*add code floating popup*/
.add-code-popup,
.add-zone-popup {
    padding : 0;
}
.add-code-popup .top-actions,
.add-zone-popup .top-actions {
    background : #F2F6F7;
    padding    : 5px 15px;
}
.add-code-popup .top-actions .search-form,
.add-zone-popup .top-actions .search-form {
    display      : inline-block;
    margin       : 0;
    margin-right : 8px;
    width        : calc(100% - 117px);
}
.add-code-popup .top-actions .search-form .icon-search,
.add-zone-popup .top-actions .search-form .icon-search {
    border-left : 1px solid #E4E4E4;
    margin-left : -1px;
    width       : 31px;
}
.add-code-popup .top-actions .create-new-code,
.add-zone-popup .top-actions .create-zone {
    display       : inline-block;
    background    : #1196C4;
    box-shadow    : 0px 3px 4px rgba(0, 0, 0, 0.1);
    color         : #ffffff;
    font-size     : 14px;
    padding       : 0px 46px 0px 7px;
    border-radius : 2px;
    position      : relative;
}
.add-code-popup .top-actions .create-new-code::after,
.add-zone-popup .top-actions .create-zone::after {
    content             : "";
    position            : absolute;
    right               : 0;
    top                 : 0;
    height              : 100%;
    width               : 36px;
    border-left         : 1px solid rgba(0, 0, 0, 0.2);
    border-radius       : 0 2px 2px 0;
    background-image    : url(../../images/admin/asign-rate.png);
    background-size     : 16px;
    background-repeat   : no-repeat;
    background-position : center;
}
.add-code-popup .body,
.add-zone-popup .body {
    padding    : 0 15px;
    background : #ffffff;
}
.add-code-popup .body.rate-table,
.add-zone-popup .body.zone-table {
    height : 250px;
}
.add-code-popup .body table,
.add-zone-popup .body table {
    border : 0;
}
.add-code-popup .body table tr,
.add-zone-popup .body table tr {
    border        : 0;
    border-bottom : 1px solid #E4E4E4;
    background    : transparent;
}
.add-code-popup .body table td,
.add-zone-popup .body table td {
    border  : 0;
    padding : 8px 0;
}
.add-code-popup .body table td .rate-title,
.add-zone-popup .body table td .title {
    color     : #212121;
    font-size : 16px;
}
.add-code-popup .body table td.select-column,
.add-zone-popup .body table td.select-column {
    text-align : right;
}
.add-code-popup.popup .button-line,
.add-zone-popup.popup .button-line {
    margin     : 0;
    background : #F2F6F7;
    padding    : 13px 7px;
}
.add-zone-popup .body table td .flag-icon {
    margin-right : 7px;
}
/*zone details, shipping rate details floating popup*/
.tax-zone-details,
.shipping-rate-details.popup {
    padding : 0;
}
.tax-zone-details.floating-panel-popup::before,
.tax-zone-details.floating-panel-popup::after,
.shipping-rate-details.floating-panel-popup::before,
.shipping-rate-details.floating-panel-popup::after {
    display : none;
}
.zone-details-popup .zone-header,
.shipping-rate-details.popup .title {
    background : #1197C4;
    padding    : 13px 16px;
}
.zone-details-popup .shipping-popup-title,
.shipping-rate-details.popup .title {
    color       : #FFFFFF;
    font-weight : 600;
    font-size   : 17px;
    line-height : 21px;
}
.zone-details-popup .tool-tip-close,
.shipping-rate-details.popup .tool-tip-close {
    background-image    : url(../../images/admin/popup-close.png);
    background-position : center;
    right               : 17px;
    top                 : 17px;
}
.tax-zone-details .zone-info {
    height : 450px;
}
.zone-details-popup .zone-info {
    padding : 11px 16px;
}
.zone-details-popup .country-title {
    color : #888888;
}
.zone-details-popup .county-name {
    display     : block;
    font-weight : 600;
    font-size   : 16px;
    color       : #212121;
    margin      : 0 0 15px;
}
.zone-details-popup .state-details {
    border-bottom : 1px solid #F1F1F1;
    margin        : 0 0 16px;
    padding       : 0 0 6px;
}
.zone-details-popup .state-title {
    color : #888888;
}
.zone-details-popup .state-name {
    color     : #212121;
    font-size : 16px;
}
/*shipping rate details floating popup*/
.shipping-rate-details.popup .title {
    background : #1197C4;
    padding    : 13px 46px 13px 16px;
    display    : block;
}
.shipping-rate-details.popup .rule-summary,
.shipping-rate-details.popup .rule-detail {
    padding : 16px;
}
.shipping-rate-details.popup .rule-summary {
    text-align : center;
    background : #F2F6F7;
    box-shadow : 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.shipping-rate-details.popup .rule-attr-name,
.shipping-rate-details.popup .shipping-method {
    display : block;
}
.shipping-rate-details.popup .rule-attr-name {
    font-size   : 14px;
    line-height : 18px;
    color       : #888888;
}
.shipping-rate-details.popup .shipping-method {
    font-weight : 600;
    font-size   : 16px;
    line-height : 20px;
    color       : rgba(33, 33, 33, 0.8);
}
.shipping-rate-details.popup .rule-detail {
    max-height : 450px;
}
.shipping-rate-details.popup .shipping-cost-title,
.shipping-rate-details.popup .label {
    font-size : 16px;
    color     : #212121;
}
.shipping-rate-details.popup .shipping-cost-title,
.shipping-rate-details.popup .shipping-zone .label {
    font-weight : 600;
}
.shipping-rate-details.popup .shipping-zone .shipping-country .label {
    font-weight : 500;
    display     : block;
}
.shipping-rate-details.popup .shipping-cost {
    margin-bottom  : 8px;
    padding-bottom : 8px;
    border-bottom  : 1px solid #dedede;
}
.shipping-rate-details.popup .shipping-zone ~ .shipping-zone {
    margin-top       : 10px;
    padding          : 12px;
    background-color : #F2F6F7;
    min-height       : 80px;
}
.shipping-rate-details.popup .shipping-country ~ .shipping-country {
    border-top  : 1px solid #e4e4e4;
    padding-top : 7px;
    margin-top  : 7px;
}
.shipping-rate-details.popup .scrollbar.vertical {
    right : 0 !important;
}
.zone-table .zone-details-icon {
    color                 : transparent;
    display               : inline-block;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
    background-image      : url(../../images/admin/shipping-cost-icon.png);
    background-size       : 16px 16px;
    background-repeat     : no-repeat;
    background-position   : center;
    height                : 16px;
    width                 : 16px;
    cursor                : pointer;
    margin                : 0 0 0 7px;
}
/*tax rule design*/
#tab-tax .rule-first-view .rule-top {
    margin : -50px -50px 30px;
}
.rule-top {
    background : #F3F7FB;
    padding    : 8px 12px 2px;
    margin     : 0 0 30px;
}
.rule-top .icon-top {
    color                 : transparent;
    display               : inline-block;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
    background-image      : url('data:image/svg+xml,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M-0.000610352%2017C-0.000610352%207.61116%207.61055%200%2016.9994%200C26.3882%200%2033.9994%207.61116%2033.9994%2017C33.9994%2026.3888%2026.3882%2034%2016.9994%2034C7.61055%2034%20-0.000610352%2026.3888%20-0.000610352%2017Z%22%20fill%3D%22%236C69AF%22%2F%3E %3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%22-1%22%20y%3D%220%22%20width%3D%2235%22%20height%3D%2234%22%3E %3Crect%20x%3D%22-0.000610352%22%20width%3D%2234%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23C4C4C4%22%2F%3E %3C%2Fmask%3E %3Cg%20mask%3D%22url%28%23mask0%29%22%3E %3C%2Fg%3E %3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E %3Cpath%20d%3D%22M11.8994%2022.7376V18.2751%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M11.8994%2015.7252V11.2627%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M16.9994%2022.7375V17%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M16.9994%2014.4502V11.2627%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M22.0994%2022.7375V19.55%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M22.0994%2017.0002V11.2627%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M9.98688%2018.2751H13.8119%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M15.0869%2014.4502H18.9119%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M20.1869%2019.55H24.0119%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fg%3E %3Cdefs%3E %3CclipPath%20id%3D%22clip0%22%3E %3Crect%20width%3D%2215.3%22%20height%3D%2215.3%22%20fill%3D%22white%22%20transform%3D%22translate%289.34937%209.3501%29%22%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3C%2Fsvg%3E');
    background-size       : 34px 34px;
    background-repeat     : no-repeat;
    background-position   : center;
    height                : 34px;
    width                 : 34px;
}
.rule-top .rule-name-title {
    display     : inline-block;
    color       : rgba(33, 33, 33, 1);
    font-size   : 16px;
    margin-left : 13px;
    position    : relative;
    top         : -10px;
}
.rule-details .body .top-of-code-section,
.rule-details .body .top-of-zone-section {
    padding  : 0;
    margin   : 0 0 17px;
    border   : 0;
    overflow : hidden;
}
.rule-details .body .top-of-code-section .code-info,
.rule-details .body .top-of-zone-section .code-info {
    display : inline-block;
}
.rate-info .rate-name-method {
    color     : #888888;
    font-size : 14px;
}
.code-info .code-name-method {
    color     : #888888;
    font-size : 14px;
}
.code-info .code-name-method {
    color     : #888888;
    font-size : 14px;
}
.code-info .no-code,
.code-info .code-name {
    color       : #000000;
    font-size   : 15px;
    font-weight : 500;
}
.rule-details .body .top-of-code-section .add-code,
.rule-details .body .top-of-zone-section .add-zone {
    display       : inline-block;
    float         : right;
    border-radius : 2px;
    font-size     : 11px;
    padding       : 5px 8px;
}
.rule-details .body .code-section,
.rule-details .body .zone-section {
    margin : 0 0 36px;
}
/*floating menu item icon*/
.menu-item.copy_profile .icon,
.menu-item.copy_rule .icon,
.menu-item.manage_rule .icon,
.menu-item.assign-rate-zone .icon,
.menu-item.set_default .icon,
.menu-item.tax_rate .icon,
.menu-item.zone .icon {
    background-position : center;
    background-size     : contain;
}
.menu-item.copy_profile .icon,
.menu-item.copy_rule .icon {
    background-image : url(../../images/admin/menu-duplicate.png);
}
.menu-item.manage_rule .icon,
.menu-item.tax_rule .icon,
.menu-item.assign-rate-zone .icon {
    background-image : url(../../images/admin/menu-rule.png);
}
.menu-item.set_default .icon {
    background-image : url(../../images/admin/menu-default.png);
}
.menu-item.tax_rate .icon {
    background-image : url(../../images/admin/tax-code.png);
}
.menu-item.zone .icon {
    background-image : url(../../images/admin/menu-zone.png);
}
.tab-header.tax_Rate .icon {
    background-image : url(../../images/admin/tax-code-tab-icon.png);
}
.tab-header.tax_rule .icon {
    background-image : url(../../images/admin/tax-rule-tab-icon.png);
}
.note-for-input.description {
    padding-top : 10px;
}
.description-wrapper .info-text .info-icon,
.note-for-input.description .note-icon {
    background-image    : url(../../images/admin/alert.png);
    background-position : center center;
    background-repeat   : no-repeat;
    background-size     : 21px 21px;
    display             : inline-block;
    height              : 21px;
    width               : 21px;
    margin-right        : 7px;
    vertical-align      : -6px;
}
/*tax create rule panel*/
#tab-tax .create-rule-option {
    text-align : left;
    width      : 100%;
}
#tab-tax .create-rule-option {
    text-align : left;
    width      : 100%;
}
#tab-tax .create-rule-option-left {
    display : inline-block;
    width   : calc(50% - 20px);
}
#tab-tax .create-rule-option-right {
    display     : inline-block;
    width       : calc(50% - 20px);
    margin-left : 37px;
}
.shipping-create-rule-buttons {
    background    : #F3F7FB;
    text-align    : right;
    padding       : 8px 15px;
    margin-top    : auto;
    margin-bottom : 20px;
    margin-left   : -30px;
    margin-right  : -30px;
}
#tab-tax .profile-option, #tab-tax .rule-option {
    padding    : 10px 10px;
    height     : 40px;
    background : transparent;
    text-align : left;
    border     : 1px solid rgba(211, 219, 223, 1);
    margin-top : 0;
}
#tab-tax .rule-option .wcui-radio:before,
#tab-tax .rule-option .label:before {
    display : none;
}
#tab-tax .rule-option .wcui-radio {
    float           : right;
    margin          : 0;
    height          : 20px;
    width           : 20px;
    background-size : 20px;
}
#tab-tax .rule-option {
    padding    : 10px 10px;
    height     : 40px;
    background : transparent;
    text-align : left;
    border     : 1px solid rgba(211, 219, 223, 1);
    width      : calc(50% - 27px);
}
#tab-tax .profile-option .label, #tab-tax .rule-option .label {
    color     : rgba(33, 33, 33, 0.8);
    font-size : 14px;
}
/*existing rule section panel table*/
.existing-rule-selection-panel .app-tab-content-container {
    padding : 0;
}
.existing-rule-selection-panel .header {
    background    : #F5F8FF;
    box-shadow    : 0px 1px 0px rgba(0, 0, 0, 0.13);
    border-bottom : 1px solid #f2f2f2;
    border-radius : 3px 3px 0px 0px;
    padding       : 17px 16px;
    height        : 60px;
    z-index       : 99;
}
.existing-rule-selection-panel.table-view {
    padding : 0;
}
.existing-rule-selection-panel .scrollable-table-header {
    border : 0 !important;
}
.existing-rule-selection-panel .scrollable-table-header tr th {
    border : 0;
}
.existing-rule-selection-panel .content tr td {
    font-size     : 16px;
    border-bottom : 1px solid #f2f2f2;
    color         : rgba(33, 33, 33, 0.8);
}
.existing-rule-selection-panel .content tr td.tax-rate-more-info {
    cursor          : pointer;
    text-decoration : underline;
}
.existing-rule-selection-panel .content tr td.tax-rate-more-info:hover {
    text-decoration : none;
    color           : #1199C4;
}
.existing-rule-selection-panel .content .wcui-radio {
    float : left !important;
}
#tab-tax .existing-rule-selection-panel .scrollable-table-wrapper table.content {
    border : none;
}
#tab-tax .existing-rule-selection-panel table tr:nth-child(2n) {
    background : none;
}
/*tax edit rate panel*/
.floating-panel-popup .body {
    height : 200px;
}
#tab-tax .scrollable-table-wrapper table, #tab-tax .scrollable-table-header,
#tab-tax .rate-data-list table {
    border : 1px solid #dadfe2;
}
#tab-tax .right-panel .app-tab-content-container {
    height : calc(100% - 150px);
}
.floating-panel-popup .zone-body .search-text {
    width : calc(100% - 31px);
}
/*tax rate tab*/
#tab-tax_rate .embedded-edit-form-panel .header .header-title {
    font-weight : normal;
}
#tab-tax_rate .embedded-edit-form-panel .app-tab-content-container {
    padding : 0;
    height  : 100%;
}
#tab-tax_rate .embedded-edit-form-panel .create-edit-form {
    width : 100%;
}
#tab-tax_rate .embedded-edit-form-panel .form-section {
    height : 100%;
}
#tab-tax_rate .embedded-edit-form-panel .form-section-container {
    height : calc(100% - 21px);
}
/*--------------------------------------- !bulk edit ----------------------------------*/
.bulk-editor-form table td {
    overflow : hidden;
}
.bulk-editor-form table td.bulk-edit-parent-selector {
    overflow: visible;
    padding: 10px;
}
.product-bulk-edit-basic-column.status-column,
.product-bulk-edit-basic-column.administrative-status-column {
    text-align : center;
}
.product-bulk-edit-basic-column.selectable.custom-select {
    text-align : center;
}
.bulk-editor-form table .price-column {
    text-align : center;
    width      : 100px;
}
.bulk-editor-form table .min-order-quantity,
.bulk-editor-form table .quantity-column {
    text-align : center;
    width      : 146px;
}
.bulk-editor-form table .tax-column {
    width : 100px;
}
.bulk-editor-form table .shipping-column {
    width : 150px;
}
.bulk-editor-form table .discount-column {
    width : 150px;
}
.bulk-editor-form table .discount-column {
    width : 150px;
}
.bulk-editor-form table .store-credit {
    overflow: visible;
}
.customer-bulk-edit-tab .bulk-editor-form table .status-column {
    width: 130px;
    text-align: left;
}
.bulk-editor-form table .icon-note {
    background-image: url('../../images/admin/16-icon-sprit.png');
    background-position: -577px -32px;
    cursor: pointer;
    display: inline-block;
    font-size: 0.01px;
    width: 15px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}
.bulk-editor-form table .reset {
    cursor: pointer;
    color: #F56460;
    font-style: italic;
}
.toolbar .reset {
    cursor: pointer;
    color: #F56460;
    font-style: italic;
}

.bulk-editor-form .store-credit-block input.medium {
    width: 100px;
}
.bulk-editor-form .store-credit-block button {
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: top;
}
/*--------------------------------------- !flag icon sprite ----------------------------------*/
.flag-icon {
    background-image    : url("../../images/admin/flag_sprite.png");
    background-repeat   : no-repeat;
    background-position : 0 0;
    display             : inline-block;
    height              : 24px;
    vertical-align      : middle;
    width               : 24px;
}
.flag-icon.af {
    background-position : -24px 0;
}
.flag-icon.al {
    background-position : -48px 0;
}
.flag-icon.dz {
    background-position : -72px 0;
}
.flag-icon.as {
    background-position : -96px 0;
}
.flag-icon.ad {
    background-position : -120px 0;
}
.flag-icon.ao {
    background-position : -144px 0;
}
.flag-icon.ai {
    background-position : -168px 0;
}
.flag-icon.aq {
    background-position : -192px 0;
}
.flag-icon.ag {
    background-position : -216px 0;
}
.flag-icon.ar {
    background-position : -240px 0;
}
.flag-icon.am {
    background-position : -264px 0;
}
.flag-icon.au {
    background-position : -288px 0;
}
.flag-icon.aw {
    background-position : -312px 0;
}
.flag-icon.at {
    background-position : -336px 0;
}
.flag-icon.az {
    background-position : -360px 0;
}
.flag-icon.bs {
    background-position : 0 -24px;
}
.flag-icon.bh {
    background-position : -24px -24px;
}
.flag-icon.bd {
    background-position : -48px -24px;
}
.flag-icon.bb {
    background-position : -72px -24px;
}
.flag-icon.by {
    background-position : -96px -24px;
}
.flag-icon.be {
    background-position : -120px -24px;
}
.flag-icon.bz {
    background-position : -144px -24px;
}
.flag-icon.bj {
    background-position : -168px -24px;
}
.flag-icon.bm {
    background-position : -192px -24px;
}
.flag-icon.bt {
    background-position : -216px -24px;
}
.flag-icon.bo {
    background-position : -240px -24px;
}
.flag-icon.ba {
    background-position : -264px -24px;
}
.flag-icon.bw {
    background-position : -288px -24px;
}
.flag-icon.bv {
    background-position : -312px -24px;
}
.flag-icon.br {
    background-position : -336px -24px;
}
.flag-icon.io {
    background-position : -360px -24px;
}
.flag-icon.bn {
    background-position : 0 -48px;
}
.flag-icon.bg {
    background-position : -24px -48px;
}
.flag-icon.bf {
    background-position : -48px -48px;
}
.flag-icon.bi {
    background-position : -72px -48px;
}
.flag-icon.kh {
    background-position : -96px -48px;
}
.flag-icon.cm {
    background-position : -120px -48px;
}
.flag-icon.ca {
    background-position : -144px -48px;
}
.flag-icon.cv {
    background-position : -168px -48px;
}
.flag-icon.ky {
    background-position : -192px -48px;
}
.flag-icon.cf {
    background-position : -216px -48px;
}
.flag-icon.td {
    background-position : -240px -48px;
}
.flag-icon.cl {
    background-position : -264px -48px;
}
.flag-icon.cn {
    background-position : -288px -48px;
}
.flag-icon.cx {
    background-position : -312px -48px;
}
.flag-icon.cc {
    background-position : -336px -48px;
}
.flag-icon.co {
    background-position : -360px -48px;
}
.flag-icon.km {
    background-position : 0 -72px;
}
.flag-icon.cg {
    background-position : -24px -72px;
}
.flag-icon.cd {
    background-position : -48px -72px;
}
.flag-icon.ck {
    background-position : -72px -72px;
}
.flag-icon.cr {
    background-position : -96px -72px;
}
.flag-icon.ci {
    background-position : -120px -72px;
}
.flag-icon.hr {
    background-position : -144px -72px;
}
.flag-icon.cu {
    background-position : -168px -72px;
}
.flag-icon.cy {
    background-position : -192px -72px;
}
.flag-icon.cz {
    background-position : -216px -72px;
}
.flag-icon.dk {
    background-position : -240px -72px;
}
.flag-icon.dj {
    background-position : -264px -72px;
}
.flag-icon.dm {
    background-position : -288px -72px;
}
.flag-icon.do {
    background-position : -312px -72px;
}
.flag-icon.tp {
    background-position : -336px -72px;
}
.flag-icon.ec {
    background-position : -360px -72px;
}
.flag-icon.eg {
    background-position : 0 -96px;
}
.flag-icon.sv {
    background-position : -24px -96px;
}
.flag-icon.gq {
    background-position : -48px -96px;
}
.flag-icon.er {
    background-position : -72px -96px;
}
.flag-icon.ee {
    background-position : -96px -96px;
}
.flag-icon.et {
    background-position : -120px -96px;
}
.flag-icon.eu {
    background-position : -144px -96px;
}
.flag-icon.fk {
    background-position : -168px -96px;
}
.flag-icon.fo {
    background-position : -192px -96px;
}
.flag-icon.fj {
    background-position : -216px -96px;
}
.flag-icon.fi {
    background-position : -240px -96px;
}
.flag-icon.fr {
    background-position : -264px -96px;
}
.flag-icon.gf {
    background-position : -288px -96px;
}
.flag-icon.pf {
    background-position : -312px -96px;
}
.flag-icon.tf {
    background-position : -336px -96px;
}
.flag-icon.ga {
    background-position : -360px -96px;
}
.flag-icon.gb {
    background-position : -264px -336px;
}
.flag-icon.gm {
    background-position : 0 -120px;
}
.flag-icon.ge {
    background-position : -24px -120px;
}
.flag-icon.de {
    background-position : -48px -120px;
}
.flag-icon.gh {
    background-position : -72px -120px;
}
.flag-icon.gi {
    background-position : -96px -120px;
}
.flag-icon.gr {
    background-position : -120px -120px;
}
.flag-icon.gl {
    background-position : -144px -120px;
}
.flag-icon.gd {
    background-position : -168px -120px;
}
.flag-icon.gp {
    background-position : -192px -120px;
}
.flag-icon.gu {
    background-position : -216px -120px;
}
.flag-icon.gt {
    background-position : -240px -120px;
}
.flag-icon.gg {
    background-position : -264px -120px;
}
.flag-icon.gn {
    background-position : -288px -120px;
}
.flag-icon.gw {
    background-position : -312px -120px;
}
.flag-icon.gy {
    background-position : -336px -120px;
}
.flag-icon.ht {
    background-position : -360px -120px;
}
.flag-icon.hm {
    background-position : 0 -144px;
}
.flag-icon.va {
    background-position : -24px -144px;
}
.flag-icon.hn {
    background-position : -48px -144px;
}
.flag-icon.hk {
    background-position : -72px -144px;
}
.flag-icon.hu {
    background-position : -96px -144px;
}
.flag-icon.is {
    background-position : -120px -144px;
}
.flag-icon.in {
    background-position : -144px -144px;
}
.flag-icon.id {
    background-position : -168px -144px;
}
.flag-icon.ir {
    background-position : -192px -144px;
}
.flag-icon.iq {
    background-position : -216px -144px;
}
.flag-icon.ie {
    background-position : -240px -144px;
}
.flag-icon.il {
    background-position : -264px -144px;
}
.flag-icon.it {
    background-position : -288px -144px;
}
.flag-icon.jm {
    background-position : -312px -144px;
}
.flag-icon.jp {
    background-position : -336px -144px;
}
.flag-icon.je {
    background-position : -360px -144px;
}
.flag-icon.jo {
    background-position : 0 -168px;
}
.flag-icon.kz {
    background-position : -24px -168px;
}
.flag-icon.ke {
    background-position : -48px -168px;
}
.flag-icon.ki {
    background-position : -72px -168px;
}
.flag-icon.kp {
    background-position : -96px -168px;
}
.flag-icon.kr {
    background-position : -120px -168px;
}
.flag-icon.kv {
    background-position : -144px -168px;
}
.flag-icon.kw {
    background-position : -168px -168px;
}
.flag-icon.kg {
    background-position : -192px -168px;
}
.flag-icon.la {
    background-position : -216px -168px;
}
.flag-icon.lv {
    background-position : -240px -168px;
}
.flag-icon.lb {
    background-position : -264px -168px;
}
.flag-icon.ls {
    background-position : -288px -168px;
}
.flag-icon.lr {
    background-position : -312px -168px;
}
.flag-icon.ly {
    background-position : -336px -168px;
}
.flag-icon.li {
    background-position : -360px -168px;
}
.flag-icon.lt {
    background-position : 0 -192px;
}
.flag-icon.lu {
    background-position : -24px -192px;
}
.flag-icon.mo {
    background-position : -48px -192px;
}
.flag-icon.mk {
    background-position : -72px -192px;
}
.flag-icon.mg {
    background-position : -96px -192px;
}
.flag-icon.mw {
    background-position : -120px -192px;
}
.flag-icon.my {
    background-position : -144px -192px;
}
.flag-icon.mv {
    background-position : -168px -192px;
}
.flag-icon.mt {
    background-position : -216px -192px;
}
.flag-icon.im {
    background-position : -240px -192px;
}
.flag-icon.mh {
    background-position : -264px -192px;
}
.flag-icon.mq {
    background-position : -288px -192px;
}
.flag-icon.mr {
    background-position : -312px -192px;
}
.flag-icon.mu {
    background-position : -336px -192px;
}
.flag-icon.yt {
    background-position : -360px -192px;
}
.flag-icon.mx {
    background-position : 0 -216px;
}
.flag-icon.fm {
    background-position : -24px -216px;
}
.flag-icon.md {
    background-position : -48px -216px;
}
.flag-icon.mc {
    background-position : -72px -216px;
}
.flag-icon.mn {
    background-position : -96px -216px;
}
.flag-icon.cs {
    background-position : -120px -216px;
}
.flag-icon.ms {
    background-position : -144px -216px;
}
.flag-icon.ma {
    background-position : -168px -216px;
}
.flag-icon.mz {
    background-position : -192px -216px;
}
.flag-icon.mm {
    background-position : -216px -216px;
}
.flag-icon.na {
    background-position : -240px -216px;
}
.flag-icon.nr {
    background-position : -264px -216px;
}
.flag-icon.np {
    background-position : -288px -216px;
}
.flag-icon.nl {
    background-position : -312px -216px;
}
.flag-icon.an {
    background-position : -336px -216px;
}
.flag-icon.nc {
    background-position : -360px -216px;
}
.flag-icon.nz {
    background-position : 0 -240px;
}
.flag-icon.ni {
    background-position : -24px -240px;
}
.flag-icon.ne {
    background-position : -48px -240px;
}
.flag-icon.ng {
    background-position : -72px -240px;
}
.flag-icon.nu {
    background-position : -96px -240px;
}
.flag-icon.nf {
    background-position : -120px -240px;
}
.flag-icon.mp {
    background-position : -144px -240px;
}
.flag-icon.no {
    background-position : -168px -240px;
}
.flag-icon.om {
    background-position : -192px -240px;
}
.flag-icon.pk {
    background-position : -216px -240px;
}
.flag-icon.pw {
    background-position : -240px -240px;
}
.flag-icon.ps {
    background-position : -264px -240px;
}
.flag-icon.pa {
    background-position : -288px -240px;
}
.flag-icon.pg {
    background-position : -312px -240px;
}
.flag-icon.py {
    background-position : -336px -240px;
}
.flag-icon.pe {
    background-position : -360px -240px;
}
.flag-icon.ph {
    background-position : 0 -264px;
}
.flag-icon.pn {
    background-position : -24px -264px;
}
.flag-icon.pl {
    background-position : -48px -264px;
}
.flag-icon.pt {
    background-position : -72px -264px;
}
.flag-icon.pr {
    background-position : -96px -264px;
}
.flag-icon.qa {
    background-position : -120px -264px;
}
.flag-icon.re {
    background-position : -144px -264px;
}
.flag-icon.ro {
    background-position : -168px -264px;
}
.flag-icon.ru {
    background-position : -192px -264px;
}
.flag-icon.rw {
    background-position : -216px -264px;
}
.flag-icon.bl {
    background-position : -240px -264px;
}
.flag-icon.sh {
    background-position : -264px -264px;
}
.flag-icon.kn {
    background-position : -288px -264px;
}
.flag-icon.lc {
    background-position : -312px -264px;
}
.flag-icon.mf {
    background-position : -336px -264px;
}
.flag-icon.pm {
    background-position : -360px -264px;
}
.flag-icon.vc {
    background-position : 0 -288px;
}
.flag-icon.ws {
    background-position : -24px -288px;
}
.flag-icon.sm {
    background-position : -48px -288px;
}
.flag-icon.st {
    background-position : -72px -288px;
}
.flag-icon.sa {
    background-position : -96px -288px;
}
.flag-icon.sn {
    background-position : -120px -288px;
}
.flag-icon.rs {
    background-position : -144px -288px;
}
.flag-icon.sc {
    background-position : -168px -288px;
}
.flag-icon.sl {
    background-position : -192px -288px;
}
.flag-icon.sg {
    background-position : -216px -288px;
}
.flag-icon.sk {
    background-position : -240px -288px;
}
.flag-icon.si {
    background-position : -264px -288px;
}
.flag-icon.sb {
    background-position : -288px -288px;
}
.flag-icon.so {
    background-position : -312px -288px;
}
.flag-icon.za {
    background-position : -336px -288px;
}
.flag-icon.gs {
    background-position : -360px -288px;
}
.flag-icon.ss {
    background-position : 0 -312px;
}
.flag-icon.es {
    background-position : -24px -312px;
}
.flag-icon.lk {
    background-position : -48px -312px;
}
.flag-icon.sd {
    background-position : -72px -312px;
}
.flag-icon.sr {
    background-position : -96px -312px;
}
.flag-icon.sj {
    background-position : -120px -312px;
}
.flag-icon.sz {
    background-position : -144px -312px;
}
.flag-icon.se {
    background-position : -168px -312px;
}
.flag-icon.ch {
    background-position : -192px -312px;
}
.flag-icon.sy {
    background-position : -216px -312px;
}
.flag-icon.tw {
    background-position : -240px -312px;
}
.flag-icon.tj {
    background-position : -264px -312px;
}
.flag-icon.tz {
    background-position : -288px -312px;
}
.flag-icon.th {
    background-position : -312px -312px;
}
.flag-icon.tl {
    background-position : -336px -312px;
}
.flag-icon.tg {
    background-position : -360px -312px;
}
.flag-icon.tk {
    background-position : 0 -336px;
}
.flag-icon.to {
    background-position : -24px -336px;
}
.flag-icon.tt {
    background-position : -48px -336px;
}
.flag-icon.tn {
    background-position : -72px -336px;
}
.flag-icon.tr {
    background-position : -96px -336px;
}
.flag-icon.tm {
    background-position : -120px -336px;
}
.flag-icon.tc {
    background-position : -144px -336px;
}
.flag-icon.ug {
    background-position : -192px -336px;
}
.flag-icon.ua {
    background-position : -216px -336px;
}
.flag-icon.ae {
    background-position : -240px -336px;
}
.flag-icon.gb {
    background-position : -264px -336px;
}
.flag-icon.us {
    background-position : -288px -336px;
}
.flag-icon.um {
    background-position : -312px -336px;
}
.flag-icon.uy {
    background-position : -336px -336px;
}
.flag-icon.uz {
    background-position : -360px -336px;
}
.flag-icon.vu {
    background-position : 0 -360px;
}
.flag-icon.ve {
    background-position : -24px -360px;
}
.flag-icon.vn {
    background-position : -48px -360px;
}
.flag-icon.vg {
    background-position : -72px -360px;
}
.flag-icon.vi {
    background-position : -96px -360px;
}
.flag-icon.wf {
    background-position : -120px -360px;
}
.flag-icon.eh {
    background-position : -144px -360px;
}
.flag-icon.ye {
    background-position : -168px -360px;
}
.flag-icon.zm {
    background-position : -192px -360px;
}
.flag-icon.zw {
    background-position : -216px -360px;
}
.flag-icon.ml {
    background-position : -240px -360px;
}
.flag-icon.tv {
    background-position : -264px -360px;
}
/*============================================================================= !NEW DESIGN EDITION END =====================================================*/
.real-time-report-navigator {
    display : block;
    width   : auto;
}
.view-popup .inactive-mask {
    background-color : #550000;
    bottom           : 0;
    left             : 0;
    opacity          : 0.1;
    filter           : alpha(opacity=10);
    position         : absolute;
    right            : 0;
    top              : 0;
}
.link {
    color           : #1199C4;
    cursor          : pointer;
    text-decoration : none;
}
.product-video-container .scroll-navigator:after,
.product-image-container .scroll-navigator:after,
.product-file-container .scroll-navigator:after{
    top : 84px;
}
.product-video-container .left-scroller.scroll-navigator,
.product-image-container .left-scroller.scroll-navigator,
.product-file-container .left-scroller.scroll-navigator{
    left     : -52px;
    position : absolute;
}
.product-video-container .left-scroller.scroll-navigator:after,
.product-image-container .left-scroller.scroll-navigator:after,
.product-file-container .left-scroller.scroll-navigator:after{
    background-position : 0 0;
}
.product-video-container .right-scroller.scroll-navigator,
.product-image-container .right-scroller.scroll-navigator,
.product-file-container .right-scroller.scroll-navigator{
    position : absolute;
    right    : -48px;
}
.product-video-container .right-scroller.scroll-navigator:after,
.product-image-container .right-scroller.scroll-navigator:after,
.product-file-container .right-scroller.scroll-navigator:after{
    background-position : -32px 0;
    position            : absolute;
    right               : -46px;
}
.selected .tree-title {
    color: #1198c5;
    background: #f1f1f1;
}
input[name=productImagePath], input[name=productVideoPath], input[name="categoryImagePath"] {
    background-image: url("../../images/widgets/tree/folder.png");
    background-position: 11px center;
    background-repeat: no-repeat;
    padding-left: 30px !important;
}
.task-popup.item-import.popup .log-summary  table td{
    text-overflow: clip;
}
.content-editor .left-scroller.scroll-navigator {
    background-position : 0 -596px;
}
.content-editor .right-scroller.scroll-navigator {
    background-position : 0 -657px;
}
.content-editor .scroll-navigator {
    height : 61px;
}
.mark-icon.in-stock {
    background-position : -560px 0;
}
.mark-icon.out-of-stock {
    background-position : -576px 0;
}
.mark-icon.low-stock {
    background-position : -592px 0;
}
.mark-icon.not-available {
    background-position : -608px 0;
}
.tool-icon.action-dropper {
    background-position : -32px -16px;
}
#documentation-slide .tool-icon.close-icon {
    background-position : -48px -16px;
    margin              : 5px 5px 5px 0;
}
.variation-matrix-view-container .mark-icon.available {
    background-position : -320px -32px;
}
.tool-icon.move-controls {
    background : none;
    float      : left;
    height     : 16px;
    width      : 16px;
}
.tool-icon.move-controls span {
    background : url("../../images/admin/move-up-down.png") no-repeat right top;
}
.tool-icon.move-controls .move-up {
    background-position : 0 0;
    float               : left;
    height              : 8px;
    width               : 16px;
}
.tool-icon.move-controls .move-up:hover {
    background-position : -16px 0;
}
.tool-icon.move-controls .move-down {
    background-position : 0 -8px;
    float               : left;
    height              : 8px;
    width               : 16px;
}
.tool-icon.move-controls .move-down:hover {
    background-position : -16px -8px;
}
.layout-tools .tool-icon {
    margin : 0 2px;
    border : none;
}
.tool-icon.disabled {
    opacity : 0.4;
    filter  : alpha(opacity=40);
}
tr.toggle-table-row.collapsed {
    display : none;
}
.ajax-loading .loader {
    margin-top : 100px;
}
.edit-popup.ajax-loading .loader {
    margin-top : 8px;
}
.bmui-tab-loading,
.ajax-loading .content,
.tab-loading {
    text-align : center;
}
.bmui-tab-header.bmui-tab-loading {
    text-align : left;
}
.bmui-tab-loading-error .error-response,
.ajax-loading-error .error-response {
    text-align : center;
}
.bmui-tab-loading-error .message,
.ajax-loading-error .message {
    color       : #FF0000;
    font-size   : x-large;
    font-weight : bold;
}
/*status design*/
.actions-column {
    text-align : center;
}
.actions-column > * {
    vertical-align : middle;
}
td.selectable .value {
    display : none;
}
.asset-library-content .status {
    font-size   : 12px;
    line-height : 22px;
}
.status-pending {
    background-color : #FEAF04;
    border           : 1px solid #D89C1A;
}
.status-uploading,
.status-partial {
    background-color : #478DE3;
    border           : 1px solid #3074C9;
}
.status-cancelled {
    background-color : #B14A71;
    border           : 1px solid #962F56;
}
.status-active,
.status.sent,
.status-completed,
.status-available,
.status.true,
.status-downloading,
.status-any-scheme,
.status-paid,
.status-success,
.status.false {
    background-color : #00CE27;
    border           : 1px solid #02AF23;
}
.status-inactive,
.status-spam {
    background-color : #AEAEAE;
    border           : 1px solid #9B9B9B;
}
.status.not-sent,
.status-error,
.status-failed {
    background-color : #FF0000;
    border           : 1px solid #D60000;
}
.status-awaiting,
.status-unpaid,
.status.false,
.status-not-available,
.status-refunded,
.status.false {
    background-color : #999999;
    border           : 1px solid #666666;
}
.status-https-only {
    background-color : #5973FF;
    border           : 1px solid #02AF23;
}
.action-navigator {
    background-image  : url("../../images/admin/16-icon-sprit.png");
    background-repeat : no-repeat;
    cursor            : pointer;
    display           : inline-block;
    height            : 16px;
    vertical-align    : top;
    width             : 16px;
}
.action-navigator.collapsed {
    background-position : -96px 0;
}
.action-navigator.collapsed:hover,
.action-navigator.expanded {
    background-position : -80px -16px;
}
.action-navigator.expanded.up-side {
    border-radius : 0 0 5px 5px;
    border-bottom : 1px solid #AAAAAA;
    border-top    : 0;
}
.item-separator {
    border-top : 1px solid #CCCCCC;
}
.menu-item.disabled {
    opacity : 0.25;
    filter  : alpha(opacity=25);
}
.menu-item.disabled:hover {
    opacity : 0.25;
    filter  : alpha(opacity=25);
}
.widget-popup .content {
}
.edit-popup .emphasized,
.task-popup .emphasized {
    font-style  : italic;
    font-weight : bold;
}
.button-line .per-page-count {
    float : left;
}
.inline-button-line {
    text-align : right;
}
.window-corner-toolbar span {
    cursor : pointer;
}
.form-row.mandatory label:after, .mandatory-label:after {
    color   : #FF0000;
    content : " *";
}
.toolbar {
    display   : inline-block;
    font-size : 0;
}
.toolbar > *:not(.toolbar) {
    font-size : 14px;
}
.toolbar-left {
    float : left;
}
.toolbar-right {
    float : right;
}

.dashboard-action .action-text {
    padding-left : 5px;
}
.dashboard-action .action-text:hover {
    cursor : pointer;
    color  : #333333;
}
.hidden {
    display : none;
}
tr.empty td.actions-column * {
    display : none;
}
.two-panel-explorer .right-panel .body ,
.two-panel-resizable .right-panel .body {
    /* @alternate */ height : -moz-calc(100% - 43px);
    /* @alternate */  height : -webkit-calc(100% - 43px);
    height : calc(100% - 43px);
    position: relative;
}
#tab-asset-library .right-panel .body {
    /* @alternate */ height : -moz-calc(100% - 255px);
    /* @alternate */ height : -webkit-calc(100% - 255px);
    height : calc(100% - 255px);
    min-height: 255px;
}
.edit-popup-form.create-new-directory .f-auto > *:first-child {
    margin: 0;
}
.edit-popup-form.create-new-directory .file-extension {
    display: inline-block;
    border: 1px solid #D3DBDF;
    line-height: 40px;
    padding: 0 30px;
    height: 40px;
    border-radius: 0 3px 3px 0;
    background: #f5f5f5;
    margin-left: -1px;
    user-select: none;
}
#tab-layout .right-panel .body {
    height : 100%;
}
.bmui-tab.left-side-header .table-view {
    height: 100%;
}
.bmui-tab.left-side-header .table-view > .body {
    /* @alternate */  height: -moz-calc(100% - 43px);
    /* @alternate */  height: -webkit-calc(100% - 43px);
    height: calc(100% - 43px);
    overflow: auto;
}
.grid-view.right-panel .pagination,
.table-view .pagination {
    float : right;
}
.template-mask, .plugin-mask {
    background-color : rgba(17, 152, 197, 0.8);
    opacity          : 1;
    vertical-align   : middle;
}
.ie8 .template-mask,
.ie8 .plugin-mask {
    background : url("../../images/common/transparent_60.png");
}
.template-mask .action, .plugin-mask .action {
    background     : none repeat scroll 0 0 #FFFFFF;
    border-radius  : 3px;
    cursor         : pointer;
    display        : block;
    height         : 40px;
    line-height    : 40px;
    margin         : 0 0 10px;
    text-align     : center;
    vertical-align : middle;
    z-index        : 50;
    color          : #798A90;
    text-transform : uppercase;
}
.template-mask .action:hover,
.plugin-mask .action:hover {
    color : #1199C4;
}
.template-mask-button-group {
    display  : inline-block;
    position : relative;
    top      : 80px;
    width    : 140px;
}
.datefield-to.smaller {
    margin-left : 0px;
}
.masked-file-input {
    position : absolute;
    left     : -20000px;
    top      : -20000px;
}
.ie .input-wrapper-false-mask {
    overflow : hidden;
    position : relative;
}
.ie .masked-file-input {
    /*Outdated format. Please check: https://css-tricks.com/css-transparency-settings-for-all-broswers/ */
    /*filter : alpha(opacity=0)*/
    opacity: 0.0;
}
.select-column {
    text-align : center;
    width: 100px;
}
.left-right-selector-panel .pagination-line {
    margin-top : 5px;
    text-align : right;
}
.left-right-selector-panel > .header {
    height        : 30px;
    margin-bottom : 10px;
}
.left-right-selector-panel > .header {
    height        : 30px;
    margin-bottom : 10px;
}
.layout-thumb.highlighted {
}
.layout-thumb.selected {
}
#tab-layout .body.layout {
    padding : 10px;
}
.layout-tools {
    position         : absolute;
    right            : 5px;
    top              : 7px;
    height           : 20px;
    display          : inline-block;
    padding          : 3px 4px 3px 7px;
    background-color : #FFFFFF;
    color            : #000000;
    border           : 1px #CCCCCC solid;
    border-radius    : 3px;
}
.layout-tools .tool-text {
    border-right  : 1px solid #BBBBBB;
    padding-right : 5px;
}
.layout-tools span.tool-icon {
    margin-bottom : 2px;
    margin-left   : 4px;
}
.action-tool span.tool-icon {
    margin-bottom : 2px;
    margin-left   : 4px;
}
.action-tool.switch-menu .tool-text {
    background     : url("../../images/admin/switch_menu_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border         : medium none;
    display        : inline-block;
    height         : 10px;
    margin         : 8px 0 0 -5px;
    padding        : 0;
    vertical-align : 1px;
    width          : 16px;
}
.layout-mask {
    opacity : 0;
    /*filter  : alpha(opacity:0);*/
}
.sidebar-contents.splitter-active .splitter-block-panel {
    display : block;
}
.sidebar-contents.setting-active .setting-block-panel {
    display : block;
    height  : 100%;
}
.sidebar-content.prop-show.content-show {
    height : 100%;
}
.content-editor-iframe {
    border-style : solid;
    border-color : #000000;
    border-width : 0 4px;
    display      : block;
    margin       : auto;
    /* @alternate */   width        : -moz-calc(100% - 8px);
    /* @alternate */  width        : -webkit-calc(100% - 8px);
    width        : calc(100% - 8px);
    /* @alternate */  height       : -moz-calc(100% - 44px);
    /* @alternate */  height       : -webkit-calc(100% - 44px);
    height       : calc(100% - 44px);
}
.content-editor-iframe.my-acccount-portal {
    border-width : 0px;
    display      : block;
    width        : 100%;
    height       : 100%;
    background-image : url("../../images/admin/content-loader.gif");
    background-repeat: no-repeat;
    background-position : center;
}
.asset-library-image-preview {
    background-color : #FFFFFF;
    border           : 1px solid #E1E1E1;
    height           : 500px;
    padding          : 5px;
}
.remote_folders {
    background-color : #FFFFFF;
    border           : 1px solid #E1E1E1;
    height           : 500px;
    overflow-x       : auto;
    padding          : 5px;
}
.asset-library-image-preview img {
    max-height : 100%;
    max-width  : 100%;
}
.remote_folders .tree-title {
    display       : inline-block;
    overflow      : hidden;
    padding       : 0;
    text-overflow : ellipsis;
    width         : 170px;
    height        : 20px;
}
.remote_folders .file.select,
.remote_folders .file.selected {
    background-color : #DCF1FF;
}
fieldset .img-preview {
    padding-bottom: 25px;
}
.img-preview {
    height : 200px;
    width  : 400px;
}
.img-preview img {
    max-height : 100%;
    max-width  : 100%;
}
.grid-item.folder.dragging-over {
    background-color : #D1D1D1;
}
.image-holder .image {
    height : 100px;
    width  : 100px;
}
.image-holder .image img {
    max-height : 100%;
    max-width  : 100%;
}
.layout-render-frame {
    border  : 0;
    display : block;
    height  : 100%;
    width   : 100%;
}
.preview-image img {
    max-width      : 100px;
    max-height     : 100px;
    margin-right   : 5px;
    vertical-align : top;
}
.preview-image.same-line-preview img {
    margin-left : 10px;
}
.header-title {
    vertical-align : middle;
}
.item-logo {
    max-width  : 100px;
    max-height : 50px;
}
.app-tab-container.content-editor > .loader {
    background-color : transparent;
}
.widget-container {
    text-align    : right;
    padding       : 5px;
    margin-bottom : 3px;
}
.content-editor {
    position : relative;
}
.content-editor:has(.widget-config-embedded-edit) {
    position: static;
}
.content-editor:has(.widget-config-embedded-edit) .filter-block .search-form.tool-group {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
}
.content-editor .embedded-edit-form-panel.widget-config-embedded-edit {
    top: 0px;
    height: 100%;
}
.content-editor .sidebar {
    position         : absolute;
    background-color : #EEEEEE;
    top              : 107px;
    /* @alternate */ height           : -moz-calc(100% - 107px);
    /* @alternate */  height           : -webkit-calc(100% - 107px);
    height           : calc(100% - 107px);
    transition       : width 1s;
    overflow         : hidden;
}
.js-edit-form .sidebar-group-label {
    text-transform : none;
}
.content-editor .sidebar.collapsed {
    width : 28px;
}
.content-editor .sidebar.expanded {
    width : 270px;
}
.left-sidebar {
    left          : 0;
}
.sidebar {
    right         : 0;
    border-radius : 0 0 5px 0;
}
.content-editor .sidebar-group {
    margin-bottom : 10px;
}
.content-editor .widget-prop-configure .sidebar-group-label {
    margin-bottom : 0;
}
.content-editor .sidebar > * {
    vertical-align : top;
    display        : inline-block;
}
.sidebar-group .tool-icon {
    margin-left : 4px;
}
.sidebar-group .body-section-fluid-fixed-toggle {
    background-position: -720px -64px;
}
.sidebar .sidebar-content {
    box-sizing     : border-box;
    height         : 100%;
    width          : 270px;
    display        : flex;
    flex-direction : column;
}
.content-editor .sidebar .fixed-sidebar-group {
    padding       : 8px;
    border-bottom : 1px solid #777777;
    flex-shrink   : 0;
}
.sidebar.collapsed .sidebar-content {
    display : none;
}
.sidebar .sidebar-content {
    border-left : 1px solid #CCCCCC;
}
.left-sidebar .sidebar-content {
    border-right : 1px solid #CCCCCC;
}
.galleryImageItem > div {
    display : inline-block;
}
.galleryImageItem .tool-group {
    vertical-align : top;
}
.chzn-choices {
    border-radius : 5px 5px 5px 5px;
}
td.mark-column {
    text-align : center;
}
.link,
a.fake-link,
span.fake-link,
span.change-all-hide-price {
    color      : #1199C4;
    font-style : italic;
    cursor     : pointer;
}
a.link {
    font-style : normal;
}
.link-btn {
    display: inline-block;
    cursor: pointer;
    color: #666666;
    text-transform: capitalize;
    text-decoration: underline;
}
.link-btn:hover {
    color: #1199c4;
}
.no-paginator-table-view .per-page-count, .no-paginator-table-view .pagination {
    display : none;
}
.note {
    font-size : smaller;
}
.error-queue .file-name {
    color : #FF0000;
}
#asset-lib-file-upload-queue .error-queue .file-name {
    max-width: 100%;
}
.auto-populate-navigtion .auto-populate-option {
    background-color : #1199C4;
    border-radius    : 3px;
    color            : #FFFFFF;
    cursor           : pointer;
    display          : block;
    font-size        : 20px;
    margin           : 0 0 15px;
    text-align       : center;
    text-decoration  : none;
}
.status-container {
    text-align : left;
}
.status-container th:first-child {
    border-radius : 5px 0 0 0;
}
.status-container th:last-child {
    border-radius : 0 0 0 5px;
}
.status-container td .source-target-input {
    background-color : transparent;
    border           : 0px none;
    width            : 100%;
    color            : #676767;
}
.progress-bar {
    height : 13px;
    border : 1px solid #DCEFF7;
}
.progress-bar .completed {
    background-color : #A0C3E0;
    width            : 0%;
    height           : 13px;
}
.progress-bar .completed.aborted {
    background-color : #CC0000;
}
.item-import-aborted label {
    color : #CC0000;
}
.asset-library-content .multi-column.two-column {
    border-bottom : 2px solid #E6E6E6;
}
.asset-library-content .status-container th {
    background-color : #ECF7FF;
    color            : #555555;
    border-top       : 1px #DEF0FE solid;
    border-bottom    : 2px #D8E7F2 solid;
    border-left      : none;
    border-right     : none;
}
.status-container {
    width        : 100%;
    table-layout : fixed;
    text-align   : left;
}
.status-container td {
    white-space : nowrap;
    border      : none;
    overflow    : hidden;
}
.status-container td .source-target-input {
    background-color : transparent;
    border           : 0px none;
    width            : 100%;
    color            : #676767;
}
.progress-bar {
    height : 13px;
    border : 1px solid #DCEFF7;
}
.progress-bar .completed {
    background-color : #265A86;
    width            : 0;
    height           : 13px;
}
.tree-node.album span.tree-icon {
    background-position : -96px -96px;
}
#tab-album .tree-container .tree-node-container {
    background-image : none;
}
.asset-library .button-container {
    display      : inline-block;
    margin-left  : -15px;
    margin-right : -15px;
    width        : 30px;
    padding-top  : 150px;
}
.asset-library .two-column .first-column .column-content {
    border-right : 1px solid #D7EEFF;
    margin-right : 30px;
}
.asset-library .two-column .last-column .column-content {
    border-left : 1px solid #D7EEFF;
    margin-left : 19px;
}
.asset-library-content .address-bar-container {
    background-color : #ECF7FF;
    border-bottom    : 3px solid #D8E7F2;
    border-top       : 1px solid #DEF0FE;
    padding          : 10px;
}
.asset-library-content .local-folder-container {
    display : table;
    width   : 100%;
}
.local-folder-container .error {
    color          : #FF0000;
    display        : table-cell;
    font-size      : 18px;
    text-align     : center;
    vertical-align : middle;
}
.local-folder-container .error span {
    border  : 1px solid #FF0000;
    padding : 12px 35px;
}
.asset-library-content .column-content input {
    border     : 1px solid #CDE7FB;
    box-shadow : 1px 1px 0 #B8DCF6 inset;
    height     : 22px;
    width      : 90%;
}
.asset-library-content .column-content input:focus {
    border     : 1px solid #CDE7FB;
    box-shadow : 0 0 3px #9CD4FD;
}
.asset-library tr {
    border-bottom : 1px solid #D5EDFF;
}
.asset-library tr.odd {
    background-color : #FFFFFF;
}
.asset-upload-popup{
    width: 95%;
    padding-top: 25px;
    margin: auto;
}
#asset-lib-file-upload-queue{
    padding-top: 25px;
}
.bmui-tab-body-container .button-line {
    background-color : transparent;
    padding          : 15px 0 0;
}
.content-editor td.remove {
    width : 44px;
    text-overflow: unset;
}
.widget-image-config .form-row .label {
    padding-bottom : 10px;
}
.widget-flash-config .form-row .label {
    padding-bottom : 10px;
}
.widget-flash-config .add-parameter {
    margin-top : 15px;
}
applet {
    position : absolute;
}
.login-popup-mask {
    background-color : #FFFFFF;
    opacity          : 0.7;
    filter           : alpha(opacity=70)
}
.news-widget-config .jslider {
    display : inline-block;
    width   : 215px;
}
.jslider.jslider-single tr {
    background-color : transparent;
}
.iframe-shim {
    position         : fixed;
    background-color : transparent;
    opacity          : 0;
    filter           : alpha(opacity=0);
    left             : 0;
    top              : 0;
    right            : 0;
    bottom           : 0;
}
.edit-popup .layout-thumb {
    display       : inline-block;
    width         : 220px;
    margin        : 3px 0;
    text-overflow : ellipsis;
    white-space   : nowrap;
    cursor        : pointer;
}
.task-label {
    margin-right   : 10px;
    vertical-align : middle;
    color          : #FFFFFF;
}
.task-progress-bar {
    display        : inline-block;
    vertical-align : middle;
    width          : 300px;
}
.widget-container .widget-block-panel {
    height : 100%;
}
.dashboard-action .tool-icon,
.dashlet-webdesign .template .tool-icon {
    background-image    : url("../../images/admin/dashbord-tool-icon-sprite.png");
    background-repeat   : no-repeat;
    background-position : 0 0;
    display             : inline-block;
    height              : 24px;
    width               : 24px;
}
.dashboard-action .tool-icon.configure-template {
    background-position : -24px 0;
}
.dashboard-action .tool-icon.edit-layout {
    background-position : -48px 0;
}
.dashboard-action .tool-icon.create-page {
    background-position : -72px 0;
}
.dashboard-action .tool-icon.create-section {
    background-position : -96px 0;
}
.dashboard-action .tool-icon.create-article {
    background-position : -120px 0;
}
.dashboard-action .tool-icon.create-navigation {
    background-position : -144px 0;
}
.dashboard-action .tool-icon.create-album {
    background-position : -168px 0;
}
.dashboard-action .tool-icon.configure-tax {
    background-position : -192px 0;
    cursor              : default;
}
.dashboard-action .tool-icon.configure-shipping {
    background-position : -216px 0;
    cursor              : default;
}
.dashboard-action .tool-icon.create-product {
    background-position : -240px 0;
}
.dashboard-action .tool-icon.create-category {
    background-position : -264px 0;
}
.dashboard-action .tool-icon.create-brand {
    background-position : -288px 0;
}
.dashboard-action .tool-icon.create-manufacturer {
    background-position : -312px 0;
}
.dashboard-action .tool-icon.configure-newsletter {
    background-position : -336px 0;
}
.dashboard-action .tool-icon.create-newsletter {
    background-position : -360px 0;
}
.dashboard-action .tool-icon.configure-setting {
    background-position : -384px 0;
    cursor              : default;
}
.dashboard-action .tool-icon.configure-plugin {
    background-position : -408px 0;
    cursor              : default;
}
.dashboard-action .tool-icon.configure-role {
    background-position : -432px 0;
    cursor              : default;
}
.dashboard-action .tool-icon.configure-role {
    background-position : -432px 0;
}
.dashlet-webdesign .template .tool-icon.preview {
    background-position : -456px 0;
}
.dashboard-action .tool-icon.create-event {
    background-position : -456px 0;
}
.dashboard-action .tool-icon.create-equipment {
    background-position : -504px 0;
}
.dashboard-action .tool-icon.create-venue {
    background-position : -528px 0;
}
.dashboard-action .tool-icon.configure-calender {
    background-position : -552px 0;
    cursor              : default;
}
.dashboard-action .tool-icon.configure-equipment {
    background-position : -576px 0;
    cursor              : default;
}
.dashboard-action .tool-icon.configure-venue {
    background-position : -600px 0;
    cursor              : default;
}
.newsletter-form .errorlist.parent-after {
    margin-left : 202px;
    margin-top  : 2px;
    min-width   : inherit;
    width       : 245px;
}
.layout-name-info {
    color       : #16AAD8;
    font-style  : italic;
    font-weight : bold;
}
.gallery-item .item-details {
    color       : #333333;
    display     : inline-block;
    font-size   : 18px;
    margin-left : 30px;
}
.gallery-item.selected .item-details {
    color       : #118FB8;
    font-weight : normal;
}
.gallery-item > * {
    vertical-align : middle;
}
.suported-gallery {
    display: block;
}
.gallery-item.selected {
    border : 1px solid #118FB8;
}
.gallery-item {
    background-color : #FFFFFF;
    border           : 1px solid #E1E2E1;
    display          : block;
    margin           : 9px 0;
    padding          : 11px;
    width: 49%;
    height: 100px;
}
.embedded-edit-form-panel .gallery-item {
    border-radius: 3px;
    float: left;
    margin: 0 0 40px;
    /* @alternate */   width: -moz-calc(50% - 20px);
    /* @alternate */  width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
}
.embedded-edit-form-panel .gallery-item.selected {
    background-color: #f9f9f9;
}
.embedded-edit-form-panel .gallery-types-container::after {
    clear: both;
    content: "";
    display: block;
}
.embedded-edit-form-panel .gallery-item:nth-child(2n) {
    margin: 0 0 40px 40px;
}
.gallery-item > img {
    max-height: 75px;
    max-width: 200px;
}
.edit-popup #printPreview.content {
    height   : 600px;
    overflow : auto;
    position : static;
}
.print-order-form #store-image-preview {
    max-height : 150px;
    max-width  : 150px;
}
.edit-popup .print-order-image {
    background : url("../../images/admin/order_print-btn.png") no-repeat scroll left top;
    cursor     : pointer;
    height     : 40px;
    position   : absolute;
    right      : 52px;
    top        : 9px;
    width      : 40px;
}
td.editable,
td.selectable {
    position : relative;
    overflow : visible;
}
td.editable:hover .edit,
td.selectable:hover .edit {
    display : inline;
}

.product-properties-and-store td.editable .inline-editable {
    display : block;
}
.product-properties-and-store .inline-edit-input {
    width: 70px;
}
td.editable .edit,
td.editing .change-all,
td.editing .disp-value,
td.custom-edit .value,
td.selectable .edit,
td.selectable.editing .edit,
td.editable.editing .edit {
    display  : none;
    position : absolute;
    right    : 5px;
    top      : 10px;
}
td.order-status.editing .status,
td.product-status.editing .status,
td.editing .custom-mark,
td.represent-type-value.editing .text {
    display : none;
}
.variation-item {
    margin-right : 40px;
}
#tab-blog table tr.spam {
    background-color : #FFF7F1;
}
.view-popup.template-preview .content {
    text-align : center;
}
embed.clipboard-copy-flash {
    position : absolute;
    left     : 0;
    right    : 0;
    top      : 0;
    bottom   : 0;
    width    : 100%;
    height   : 100%;
}
.asset-library-get-link {
    position : relative;
}
/* product variation design */
#bmui-tab-variation .form-section-container {
    margin-bottom: 20px;
}

.variation-config-panel .variation-selection {
    display : table;
    margin  : 0 -10px;
    /* @alternate */ width   : -moz-calc(100% - -20px);
    /* @alternate */ width   : -webkit-calc(100% - -20px);
    width   : calc(100% - -20px);
}
.variation-config-panel .variation-config {
    box-sizing : border-box;
    float      : left;
    padding    : 0 10px 20px;
    width      : 50%;
}
.variation-config-panel .variation-config .title {
    color          : #009DC6;
    display        : inline-block;
    font-size      : 16px;
    margin-bottom  : 10px;
    padding-bottom : 3px;
    position       : relative;
}
.variation-config-panel .variation-config .title::after {
    background-color : #009DC6;
    bottom           : 0;
    content          : "";
    display          : inline-block;
    height           : 2px;
    left             : 0;
    position         : absolute;
    width            : 32px;
}
.floating-panel-popup .variation-config-panel .form-row {
    padding  : 0 0 10px;
    position : relative;
}
.matrix-table {
    border-collapse : collapse;
    display         : table;
}
.matrix-container {
    overflow : auto;
    padding  : 31px 0 0 100px;
    position : relative;
}
.matrix-container .x-title {
    bottom     : 0;
    font-size  : 18px;
    left       : 0;
    padding    : 10px 15px 10px 0;
    position   : absolute;
    text-align : right;
    top        : 31px;
    width      : 100px;
}
.matrix-container .y-title {
    font-size : 18px;
    padding   : 0 0 0 15px;
    position  : absolute;
    top       : 0;
}
.matrix-row {
    border-collapse : collapse;
    display         : table-row;
}
.matrix-cell {
    border-collapse : collapse;
    border-color    : #E1E3E3;
    border-style    : solid;
    border-width    : 1px;
    display         : table-cell;
    height          : 55px;
    text-align      : center;
    vertical-align  : middle;
    width           : 150px;
}
.matrix-cell > * {
    vertical-align : middle;
    display        : inline-block;
}
.matrix-row .actions span {
    vertical-align : middle;
}
.matrix-cell .color {
    border: 1px solid #ccc;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}
.variation-tab-container {
    padding-bottom : 40px;
}
.standard-variation-panel {
    margin-top : 15px;
}
.form-row.amount-row span {
    font-size: 20px;
    width: 18px;
}
.form-row.amount-row input[type="text"] {
    vertical-align: middle;
    /* @alternate */ width: -moz-calc(100% - 25px);
    /* @alternate */  width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px);
}
/*
.variation-option-select li span.chosen-color,
.variation-option-select li span.chosen-image {
    font-size : 0;
    display   : block;
}
*/
.variation-option-select li span > * {
    display        : inline-block;
    margin-right   : 5px;
    vertical-align : middle;
    font-size      : 12px;
}
.variation-option-select .chosen-color {
    border: 1px solid #ccc;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.variation-option-select .result-selected .chosen-color {
    opacity: .2;
}
.variation-option-select .value {
    padding  : 0;
    position : static;
}
.image-selector.multiple {
    display : inline-block;
}
.image-selector.multiple .image-holder {
    background-color : #FFFFFF;
    border           : 1px solid #CCCCCC;
    display          : inline-block;
    font-size        : 0;
    height           : 162px;
    margin           : 3px 2px;
    padding          : 5px;
    text-align       : center;
    vertical-align   : top;
    width            : 162px;
}
.image-selector.multiple .image-holder .dump-image {
    background-color : #CCCCCC;
    display          : table-cell;
    font-size        : 14px;
    height           : 150px;
    text-align       : center;
    vertical-align   : middle;
    width            : 150px;
}

.image-selector.multiple .image-holder img {
    max-width: 100%;
    max-height: 100%;
}

.value-table-container .image-preview {
    width : 25%;
    float : left;
}
.value-table-container .image-preview img {
    max-height     : 76px;
    max-width      : 80px;
    vertical-align : middle;
}
.value-table-container .dropzone-wrapper {
    width : 75%;
    float : right;
}
.value-table-container .dropzone-wrapper .dropzone-text {
    display : none;
}
.standard-variation-panel td {
    overflow : visible;
}
.standard-variation-panel td {
    overflow: visible;
    padding: 10px 15px 9px;
}
.standard-variation-panel .image-reference:hover {
    color : #14D500;
}
.standard-variation-panel .image-reference .add-image {
    padding-left : 5px;
    cursor: pointer;
}
.variation-matrix-view-container .matrix-cell.available {
    background-color : #DBECFF;
}
.variation-matrix-view-container .matrix-cell.not-available {
    background-color : #F9F9F9;
}
.matrix-container table td.matrix-cell.active {
    background-color : #FFF1D5;
}
.variation-tab-container .body.value-table,
.body.variation-type {
    border : 1px solid #E1E3E3;
}
.variation-combination .chosen-color {
    border: 1px solid #ccc;
    display: inline-block;
    height: 15px;
    width: 15px;
}
#tab-variation .represent-value .dropzone-wrapper.image-chooser,
#tab-variation .option-image .dropzone-wrapper.image-chooser {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}
#tab-variation .option-image .image-preview,
#tab-variation .represent-value .image-preview {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}
#tab-variation .option-image .image-preview img,
#tab-variation .represent-value .image-preview img {
    max-height: 82px;
}

/*order details view popup design*/
.view-popup.order-details-view {
    background-color : #FFFFFF;
    border           : medium none;
    box-shadow       : 0 0 15px #666666;
    padding          : 15px;
}
.shipment-log .details-head {
    padding: 15px;
}
.shipment-log .left-head > div {
    padding: 3px 0;
}

.shipment-log .left-head {
    padding-bottom: 5px;
}
.shipment-log .log-title {
    font-size: 18px;
    color: #000;
    padding: 15px 15px 0 15px;
    display: block;
}
.ie8 .view-popup.order-details-view {
    background-color : #F9F9F9;
    border           : 1px #CCCCCC solid;
}
.view-popup.order-details-view .order-view-button-line {
    background-color : #DDDDDD;
    border-bottom    : 1px solid #CCCCCC;
    padding          : 10px;
}
.view-popup.order-details-view .order-details-table {
    margin-top : 20px;
}
.sp-cancel {
    background-color: #eeeeee;
    /* @alternate */ background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    /* @alternate */ background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    /* @alternate */ background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    /* @alternate */ background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    color: #333!important;
    font-size: 14px;
    padding: 2px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    vertical-align: middle;
}
.sp-cancel:hover {
    color: #333!important;
    text-decoration: none;
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
}
.seo-upload-container .drop-zone {
    display        : inline-block;
    vertical-align : top;
}.order-app-view .order-details-container .order-information .header
 .seo-upload-container .seo-file-list {
     border         : 1px solid #E6E6E6;
     border-radius  : 5px;
     display        : inline-block;
     margin-left    : 20px;
     padding        : 0 10px 0;
     vertical-align : top;
     width          : 40%;
     min-height     : 97px;
 }
.seo-upload-container .seo-file-list .item {
    padding       : 5px;
    overflow      : hidden;
    margin        : 10px 0;
    border-radius : 5px;
    background    : #FFFFFF;
    /* @alternate */   background    : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* @alternate */  background    : linear-gradient(to bottom, #FFFFFF 0%, #F9F9F9 49%, #FFFFFF 100%);
    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    border        : 1px solid #E6E6E6;
    /* @alternate */  padding       : 5px;
    /* @alternate */   overflow      : hidden;
    /* @alternate */    margin        : 10px 0;
    /* @alternate */    border-radius : 5px;
}
.ie9 .seo-upload-container .seo-file-list .item {
    filter : none;
}
.seo-upload-container .seo-file-list .item .name {
    float : left;
}
.seo-upload-container .seo-file-list .item .action {
    float : right;
}
.redirects-301-container {
    position: relative;
}
.variation-matrix-view-container .div-mask {
    z-index : 1;
}
.bulk-editor-form .chosen-container.medium {
    width : 100%;
}
.selectable-td-proxy {
    padding    : 7px;
    background : #FFFFFF;
    position   : absolute;
    left       : -10000px;
    top        : -10000px;
    z-index    : 200;
}
.chosen-container-single.permission-type-list {
    display       : block;
    margin-bottom : 10px;
}
.chosen-container-single.permission-user-list {
    display       : block;
    margin-bottom : 10px;
}
.popup.http-403-error {
    display        : flex;
    flex-direction : column;
}
.popup.http-403-error .content {
    display        : flex;
    flex           : 1 1 auto;
    flex-direction : row;
    align-items    : center;
}
.ajax-loading-error,
.forbidden-action-message {
    color       : #FF0000;
    flex        : 1 1 auto;
    font-size   : x-large;
    font-weight : bold;
    text-align  : center;
}
.grid-item .image img {
    vertical-align : middle;
}
.variation-container .variation-type {
    padding-bottom : 5px;
}
.variation-container .variation-type label.type-label {
    font-weight : bold;
}
.variation-container .variation-type.color .variation-value {
    display : inline-block;
    height  : 15px;
    width   : 15px;
    border: 1px #eee solid;
    vertical-align: middle;
}
.variation-container .variation-type.image .variation-value {
    display        : inline-block;
    vertical-align : middle;
}
.variation-container .chosen-container-single {
    margin-left : 5px;
}
.variation-type.image.select .product-variation-select {
    text-align : center;
    width      : 50px;
}
.variation-dropdown-container .variation-type.image.select .product-variation-select {
    width: auto;
}
.variation-type.image.select .selected-value .variation-value img {
    max-height : 20px;
}
.variation-type.image .variation-value img {
    max-height : 50px;
    max-width  : 50px;
}
.variation-dropdown-container .variation-type.image .variation-value img {
    vertical-align: top;
}
.variation-type.color.select .selected-value .variation-value {
    vertical-align : -3px;
}
#tab-order .toggle-table-row td {
    vertical-align : text-top;
}
#tab-order .order-details-container table {
    table-layout : auto;
}
#tab-order .order-details-container .address-details .details-row span,
#tab-order .order-details-container .address-details .city,
#tab-order .order-details-container .address-details .state,
#tab-order .order-details-container .address-details .post-code {
    display : inline;
}
#tab-order .embedded-order-details > tr:first-child,
#tab-order .embedded-order-details > tbody > tr:first-child {
    background-color : #FFFFFF;
}
.gift-card-address-details.popup {
    width: 535px !important;
}
.gift-card-address-details.popup:before,
.gift-card-address-details.popup:after {
    display: none;
}
.order-row-detail-content .view-address {
    color: #1199C4;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 10px;
}
.gift-card-address-details .item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.gift-card-address-details .item + .item {
    margin-top: 10px;
}
.gift-card-address-details .title {
    color: #333333;
    display: inline-block;
    width: 190px;
    padding-right: 10px;
    -webkit-flex: 0 0 190px;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
}
.gift-card-address-details .value {
    color: #7e828a;
}
.ellip-line {
    display       : block;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}
input.full-width {
    box-sizing : border-box;
    height     : 23px;
    width      : 100%;
}
div.Zebra_DatePicker .dp_timepicker .dp_caption,
div.Zebra_DatePicker .dp_header td {
    color : #FFFFFF;
}
.spinner-group {
    margin-right : 10px;
}
.spinner-label {
    vertical-align : middle;
}
.errorlist .pointer {
    display : none;
}
.errorlist .close-btn {
    background      : url("../../images/admin/pop_up_close.png") no-repeat scroll left top transparent;
    background-size : 10px;
    cursor          : pointer;
    height          : 12px;
    position        : absolute;
    right           : 5px;
    top             : 5px;
    width           : 12px;
}
.edit-popup-form.order-create .filter-block {
    overflow : hidden;
}
.edit-popup-form.order-create .toolbar {
    float : right;
}
#documentation-slide {
    position   : fixed;
    width      : 350px;
    background : #CCCCCC;
    z-index    : 10;
    right      : 0;
}
#documentation-slide iframe {
    height : 100%;
    width  : 350px;
}
.layout-thumb .errorlist.after {
    background     : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border         : 0 none;
    box-shadow     : none;
    color          : #FF0000;
    padding-bottom : 0;
    padding-left   : 0;
}
.layout-thumb .message-block.message-text:before {
    content : "";
}

/*My Account Tab*/
.left-right-selector-panel tr.customer-group td.actions-column,
.left-right-selector-panel tr.customer td.actions-column {
    background : none;
}
#documentation-slide .icon-block {
    text-align : right;
}
.sidebar.expanded .right-navigator {
    position : absolute;
    right    : 4px;
}
.sidebar-content .no-section-selector .tablike-button-group {
    top : 77px;
}
.widget-mode-operator-group {
    /* @alternate */  height         : -moz-calc(100%);
    /* @alternate */ height         : -webkit-calc(100%);
    height         : calc(100%);
    display        : flex;
    flex-grow      : 1;
    flex-direction : column;
    transition     : flex-grow 1s ease 0s;
}
.widget-mode-operator-group .fixed-sidebar-group {
    flex : 0 0 auto;
}
.resolution-show .widget-mode-operator-group {
    flex-grow : 0;
}
.responsive-selector-header {
    padding     : 4px 8px;
    flex-shrink : 0;
}
.resolution-show .responsive-selector-header,
.layout-show .responsive-selector-header {
    border-bottom : 1px solid rgba(201, 219, 219, 0.7);
}
.resolution-show .active-prop-view-container {
    display : none;
}
.content-editor .advance-config-btn {
    text-align : right;
}
.sidebar-content div.sidebar-input.triple-action {
    width : 167px;
}
.sidebar-content input[type=text].sidebar-input.triple-action {
    width : 155px;
}
.sidebar-content input[type=text].sidebar-input.double-action {
    width : 184px;
}
.sidebar-group-body > textarea {
    height : 250px;
}
.content-show.prop-show .responsive-selector {
    display : none;
}
.responsive-selector {
    padding : 8px 0;
}
.content-show .splitter-mode-operator-group {
    display : none;
}
.layout-show .widget-mode-operator-group {
    display : none;
}
.setup-wizard-container .step-title,
.setup-wizard-container .title {
    color     : #0E62A5;
    font-size : 18px;
}
.setup-wizard-container .step-title {
    border-bottom  : 2px solid #498DC4;
    padding-bottom : 4px;
}
.setup-wizard-container {
    padding : 10px 0 0;
}
.setup-wizard-container .edit-popup-form {
    padding-top : 10px;
}
.setup-wizard-container .info-view .title {
    margin : 0;
}
.setup-wizard-container .info-view p {
    margin-bottom : 0;
    margin-top    : 5px;
    padding       : 0;
}
.install-template-popup-content .warning-box {
    background-color : #FFFFFF;
    border           : 1px solid #FF8E8E;
    border-radius    : 5px;
    color            : #FF0000;
    margin           : 7px 5px 0 7px;
    padding          : 10px;
}
.install-template-popup-content a.title:hover {
    color : #0E62A5;
}
.zone-view-popup .value {
    display : inline-block;
    width   : 245px;
}


/*INITIAL SETUP WIDGET*/
.edit-popup.initial-setup-popup {
    background-color : #FFFFFF;
    border           : 1px solid #343B41;
    border-radius    : 0;
}
.edit-popup.initial-setup-popup .content {
    background-color : #FFFFFF;
    border           : none;
    padding          : 0;
}
.edit-popup.initial-setup-popup .info-content {
    height  : 574px;
    padding : 0 30px 30px;
}
.edit-popup.initial-setup-popup .title-bar {
    background : none;
    padding    : 0;
}
.edit-popup.initial-setup-popup .title-bar .title {
    display : none;
}
.edit-popup.initial-setup-popup .title-bar .window-corner-toolbar {
    background : none;
    right      : 10px;
    top        : 5px;
}
.edit-popup.initial-setup-popup .title-bar .window-corner-toolbar .close {
    background : url("../../images/admin/init_setup_close.png") no-repeat left top;
    height     : 11px;
    width      : 10px;
}
.edit-popup.initial-setup-popup .content .button-line {
    background-color : #EAEFF2;
    margin           : 0;
    overflow         : hidden;
    padding          : 20px 30px;
}
.edit-popup.initial-setup-popup .content .button-line button {
    font-family : "open_sansregular", sans-serif;
    background  : none repeat scroll 0 0 #D1D7DB;
    border      : 1px solid #CFD5D9;
    box-shadow  : none;
    color       : #333333;
    float       : right;
    font-size   : 12px;
    height      : 35px;
    margin-left : 5px;
    padding     : 0;
    width       : 100px;
}
.edit-popup.initial-setup-popup .content .button-line button:hover {
    background : none repeat scroll 0 0 #3796CD;
    border     : 1px solid #268DC9;
    color      : #FFFFFF;
}
.edit-popup.initial-setup-popup .content .button-line button.cancel-button {
    float  : left;
    margin : 0 5px 0 0;
    width  : 130px;
}
.edit-popup.initial-setup-popup h1 {
    color       : #69B5E0;
    font-size   : 24px;
    font-weight : normal;
}
.edit-popup.initial-setup-popup p {
    color       : #444444;
    font-size   : 14px;
    line-height : 22px;
}
.popup-mask.initial-setup-popup-mask {
    background-color : #000000;
    opacity          : 0.8;
}
/*welcome*/
.edit-popup.initial-setup-popup .welcome h1,
.edit-popup.initial-setup-popup .welcome p {
    text-align : center;
}
.edit-popup.initial-setup-popup .welcome p {
    display : inline-block;
    width   : 500px;
}
.edit-popup.initial-setup-popup .welcome h1,
.edit-popup.initial-setup-popup .congratulation h1 {
    background    : url("../../images/admin/initsetup_bottom_line.png") no-repeat scroll center bottom;
    display       : inline-block;
    line-height   : 60px;
    margin-bottom : 5px;
    margin-top    : 240px;
    width         : 100%;
}
/*Step 1 */
.initial-setup-popup .step-heading {
    background     : url("../../images/admin/initsetup_bottom_line.png") no-repeat left bottom;
    padding-bottom : 8px;
}
.initial-setup-popup .step-count {
    background     : #D1D7DB;
    font-size      : 13px;
    margin-right   : 7px;
    padding        : 1px 12px;
    text-transform : uppercase;
}
.initial-setup-popup .title {
    color     : #3792C8;
    font-size : 18px;
}
.edit-popup.initial-setup-popup .info-content.step1 {
    padding : 20px 30px 30px;
    height  : 574px;
}
.initial-setup-popup .two-column-container .column-one {
    display        : inline-block;
    vertical-align : top;
    width          : 315px;
}
.initial-setup-popup .two-column-container .column-two {
    display     : inline-block;
    margin-left : 25px;
    width       : 315px;
}
.initial-setup-popup .row {
    display  : block;
    margin   : 25px 0;
    position : relative;
}
.initial-setup-popup .info-content input,
.initial-setup-popup .info-content .chosen-container {
    font-family   : "open_sansregular", sans-serif;
    font-size     : 14px;
    border        : 1px solid #DBDBDB;
    border-radius : 0;
    height        : 24px;
    color         : #444444;
    width         : 300px;
}
.initial-setup-popup .chosen-container a,
.initial-setup-popup .chosen-container.chosen-container-active a {
    background : none;
    box-shadow : none;
    border     : none;
}
.initial-setup-popup textarea {
    font-family   : "open_sansregular", sans-serif;
    font-size     : 14px;
    border        : 1px solid #DBDBDB;
    border-radius : 0;
    width         : 300px;
    height        : 56px !important;
    overflow      : auto !important;
}
.initial-setup-popup .row.preview-image img {
    max-height : 80px;
}
.edit-popup.initial-setup-popup .info-content.step2 {
    padding : 20px 30px 30px;
}
.edit-popup.initial-setup-popup .info-content.welcome {
    height     : 594px;
    text-align : center;
}
.edit-popup.initial-setup-popup .content .button-line button.skip-button {
    float       : left;
    margin-left : 0;
    width       : 135px;
}
.edit-popup.initial-setup-popup .content .button-line button.back-button.back-left {
    float       : left;
    margin-left : 0;
}
.edit-popup.initial-setup-popup .info-content.congratulation {
    height     : 594px;
    text-align : center;
}
.edit-popup.initial-setup-popup .info-content.congratulation h1 {
    background    : none;
    margin-bottom : 0;
}
.edit-popup.initial-setup-popup .info-content.congratulation h3 {
    padding-bottom : 10px;
    color          : #4AAAE2;
    font-size      : 18px;
    margin-top     : 0;
    font-weight    : normal;
}
.initial-setup-popup .chosen-container-single .chosen-single span {
    color : #444444;
}
.initial-setup-popup .dropzone-wrapper {
    width : 312px;
}
.initial-setup-popup .row.preview-image {
    text-align : center;
}
.initial-setup-popup .preview-image img {
    margin-right   : 18px;
    vertical-align : middle;
}
.initial-setup-popup .errorlist.after {
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border     : medium none;
    box-shadow : none;
    color      : #FF0000;
    font-size  : 12px;
    padding    : 0;
    position   : absolute;
    top        : 33px;
}
.initial-setup-popup .row.drop-file {
    margin : 10px 0;
}
.initial-setup-popup .row.preview-image {
    margin     : -10px 0 0;
    text-align : center;
}
.initial-setup-popup .info-content .chosen-container {
    width : 310px;
}
.initial-setup-popup .info-content.step2 input {
    width : 645px;
}
.initial-setup-popup .info-content.step2 .chosen-container {
    width : 655px;
}
.initial-setup-popup .chosen-container-single .chosen-single span {
    color : #BFBEBE;
}
.initial-setup-popup .errorlist .message-text:before {
    color : #FF0000;
}
.order-comment-popup textarea {
    box-sizing : border-box;
    display    : inline-block;
    max-height : 170px;
    overflow   : auto;
    width      : 100%;
}
.order-comment-popup .comment-area {
    background-color : #FFFFFF;
    border           : 1px solid #E6E6E6;
    max-height       : 200px;
    overflow         : auto;
    padding          : 10px;
}
.order-comment-popup .comment-row {
    border-bottom  : 1px solid #E1E1E1;
    margin-bottom  : 3px;
    overflow       : hidden;
    padding-bottom : 3px;
}
.order-comment-popup .comment-row span.show-comment {
    display  : block;
    overflow : hidden;
}
.order-comment-popup .comment-row span.name {
    display      : block;
    font-weight  : bold;
    margin-right : 20px;
}
.order-comment-popup .comment-row.customer span.name {
    color : #333333;
}
.order-comment-popup .comment-row.admin span.name {
    color : #0087C7;
}
.order-comment-popup .button-line button[disabled] {
    background: none repeat scroll 0 0 #EEEEEE;
}
.content-editor .sidebar-group.social-link .sidebar-group-label > * {
    display        : inline-block;
    vertical-align : middle;
}
.order-comment-popup .comment-row span .date-time {
    color        : #555555;
    float        : left;
    font-size    : 13px;
    margin-right : 20px;
}
.dashlet-webmarketing .title {
    display        : block;
    padding-bottom : 10px;
}
.dashlet-webmarketing .item {
    border-bottom : 1px solid #EEEEEE;
    display       : block;
    margin        : 5px 0 0;
    overflow      : hidden;
    padding       : 0 0 5px;
}
.dashlet-webmarketing .dashlet-row {
    margin-top : 25px;
}
.sidebar-group.like-facebook > img,
.sidebar-group.like-twitter > img,
.sidebar-group.like-googleplus > img,
.sidebar-group.like-pinterest > img {
    vertical-align : middle;
}
.div-mask .mask-text {
    font-size : xx-large;
}
/*radactor editor design modification END*/
#redactor-droparea-placeholder input[type="file"]{
    display: inline;
}
/*radactor editor design modification END*/
.product-bulk-edit-tab table td.on-sale,
.product-bulk-edit-tab table td.custom-select,
.product-bulk-edit-tab table td.custom-edit {
}
.product-bulk-edit-tab table td .fake-link {
    cursor : pointer;
    color  : #39A8FF;
}
.product-bulk-edit-tab table td .fake-link:hover {
    cursor : pointer;
    color  : #99D2FE;
}
.floating-popup {
    width : 350px;
}
/************************************ product variation ***********************/
.variation-type .actions-column {
    width : 120px;
}
.collapse-controller-column {
    width : 66px;
}
.variation-tab-container td {
    overflow      : hidden;
    text-overflow : ellipsis;
}
.custom-select .text, .custom-edit .text {
    display : none;
}
.dashboard-toggle span.title {
    display : none;
}
.dashboard-env .dashboard-toggle span.title {
    background-color : #1199C4;
    border-radius    : 5px 5px 0 0;
    color            : #FFFFFF;
    cursor           : pointer;
    display          : inline-block;
    font-size        : 16px;
    height           : 42px;
    margin-top       : -33px;
    padding-top      : 12px;
    position         : fixed;
    right            : -46px;
    text-align       : center;
    top              : 50%;
    transform        : rotate(-90deg);
    transition       : background-color 0.2s ease-in-out 0s;
    width            : 134px;
    z-index          : 100;
}
.dashboard-env .dashboard-toggle span.title.active {
    background-color : #33C1FF;
}
.dashboard-env .dashboard-toggle span.title:hover {
    background-color : #1081A5;
}
.form-section-container.second-container {
    display     : inline-block;
    float       : left;
    margin-left : 50px;
    /* @alternate */  width       : -moz-calc(100% - 650px);
    /* @alternate */  width       : -webkit-calc(100% - 650px);
    width       : calc(100% - 650px);
}
.third-container {
    float      : right;
    min-height : 150px;
    width      : 300px;
}
.video-player .youtube-player {
    height : 100%;
    width  : 100%;
}
.floating-css-panel {
    position         : absolute;
    background-color : #FFFFFF;
    z-index          : 1;
    padding          : 3px;
    border           : 1px solid #DDDDDD;
    width            : 250px;
}
.variation-image-video .form-section-container, .enterprise-product-advance-form .variation-metatag {
    position : relative;
}

.form-section-container.variation-product-file {
    position:  relative;
}

.overlay-panel.disabled {
    left             : 0;
    top              : 0;
    bottom           : 0;
    right            : 0;
    position         : absolute;
    background-color : #D3DBDF;
    z-index          : 101;
    opacity          : 0.5;
}
.bmui-draggable img {
    -webkit-user-drag : none;
}
.bmui-sortable-placeholder {
    border : 2px dotted gray;
}
.table-like-tree-sortable .bmui-sortable-placeholder {
    height: 38px;
    margin-bottom: 7px;
}

/*DIV table design*/
.div-table {
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 0 1px 1px;
}
.div-table-row::after {
    clear: both;
    content: "";
    display: block;
}
.div-table-row {
    display: flex;
    flex-direction: row;
}
.div-table-cell-heading {
    font-weight: bold;
}
.div-table-cell-heading,
.div-table-cell {
    border-collapse: collapse;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px 1px 0 0;
    flex: 1 1 auto;
    float: left;
    padding: 5px;
    position: relative;
}
.div-table-cell {
    font-size: 0;
}
.div-table-cell * {
    font-size: 13px;
}
.div-table-row.col-3 .div-table-cell-heading,
.div-table-row.col-3 .div-table-cell {
    width: 33.333%;
}
.div-table-row.col-4 .div-table-cell-heading,
.div-table-row.col-4 .div-table-cell {
    width: 25%;
}
.div-table-row.col-6 .div-table-cell-heading,
.div-table-row.col-6 .div-table-cell {
    width: 16.666%;
}
.vertical-aligner {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.div-table-cell.editable {
    position: relative;
}
.div-table-cell.editable .edit {
    position: absolute;
    right: 5px;
    top: 5px;
}
.div-table-cell.editable.editing .edit {
    display: none;
}
#bmui-tab-combination .variation-value.color {
    display: inline-block;
    height: 16px;
    width: 16px;
}
/*My account design*/
#tab-my-account.app-tab-container {
    overflow-y: scroll;
}
#tab-my-account .subscription-tab {
    background-color: #fff;
    padding: 40px;
}
.subscription-tab .top::after {
    clear: both;
    content: "";
    display: block;
}
.subscription-tab .top {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}
.subscription-tab .left {
    float: left;
}
.subscription-tab .top .title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.8;
    text-transform: uppercase;
    color:#16aad8;
}
.subscription-tab .right {
    float: right;
}
.subscription-tab .content {
    margin: 0 -16px;
    padding-top: 13px;
}
.subscription-tab .packages::after {
    clear: both;
    content: "";
    display: block;
}
.subscription-tab .packages .package-wrap {
    float: left;
    padding: 0 17px 30px;
    width: 25%;
    text-align: center;
}
.subscription-tab .packages .package-wrap:nth-child(4n+1) {
    clear: left;
}

.subscription-tab .package .name {
    background-color: #f26520;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.subscription-tab .package-wrap:nth-child(1) .name {
    background-color: #f26520;
}
.subscription-tab .package-wrap:nth-child(2) .name {
    background-color: #a963a9;
}
.subscription-tab .package-wrap:nth-child(3) .name {
    background-color: #2e87c1;
}
.subscription-tab .package-wrap:nth-child(4) .name {
    background-color: #20b9b6;
}
.subscription-tab .package-wrap:nth-child(5) .name {
    background-color: #76c3d3;
}
.subscription-tab .package-wrap:nth-child(6) .name {
    background-color: #d28b6b;
}
.subscription-tab .package-wrap:nth-child(7) .name {
    background-color: #a8d472;
}
.subscription-tab .package-wrap:nth-child(8).name {
    background-color: #e49c2d;
}
.subscription-tab .package-wrap .package {
    background-color: #f8f8fa;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #656563;
    padding: 40px;
}
.subscription-tab .package-wrap:hover .package,
.subscription-tab .package-wrap.active .package{
    border: 2px solid #2d88c1;
    position: relative;
}
.subscription-tab .package-wrap.active .package::before {
    background: rgba(0, 0, 0, 0) url("../../images/admin/active-package.png") repeat scroll left top;
    content: "";
    height: 30px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: -15px;
    width: 30px;
}
.subscription-tab .package .price {
    border-bottom: 1px solid #e1e1e3;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.subscription-tab .package .features {
    color: #000000;
    font-size: 15px;
}
.subscription-tab .feature {
    padding-bottom: 20px;
}
.subscription-tab .feature .title {
}
.subscription-tab .feature .description {
}
.subscription-tab .feature:last-child {
    padding-bottom: 0;
}
.subscription-tab .package .button-wrap {
    margin-top: 35px;
}
.subscription-tab .package .button-wrap button {
    background-color: #ffffff;
    border: 2px solid #3086bf;
    border-radius: 3px;
    color: #555555;
    font-size: 16px;
    width: 180px;
}
.subscription-tab .package .button-wrap button:hover {
    background-color: #3086bf;
    border: 2px solid #3086bf;
    border-radius: 3px;
    color: #fff;
}
.info-alias-wrap .body > div .tool-icon {
    margin-right: 20px;
}
/*TODO: Should remove later*/

/*Plugins*/
#tab-plugin .app-tab-content-container {
    display: -webkit-flex;
    display: flex;
    /* @alternate */  height: -moz-calc(100% - 46px);
    /* @alternate */  height: -webkit-calc(100% - 46px);
    height: calc(100% - 46px);
    background: none repeat scroll 0 0 #FFFFFF;
}
#tab-plugin .pluggable_list-block.content {
    width: 100%;
}
#tab-plugin .app-tab-content-container .section{
    margin-left: 14px;
    margin-right: 14px;
    overflow: hidden;
}
#tab-plugin .app-tab-content-container .section.my-package {
    margin-left: 0;
}
#tab-plugin .app-tab-content-container .section .header h3 {
    margin: 0 0 5px;
    text-transform: uppercase;
}
#tab-plugin .app-tab-content-container .section .header .sub-title {
    color: #16aad8;
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#tab-plugin .app-tab-content-container .section.my-package .header form {
    height: auto;
}
#tab-plugin .app-tab-content-container .section.my-package .header .toolbar-right input {
    border-radius: 0;
    height: 34px;
    width: 230px;
}
#tab-plugin .app-tab-content-container .section .content {
    margin-top: 20px;
    /* @alternate */ height: -moz-calc(100% - 20px);
    /* @alternate */  height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
}
#tab-plugin .app-tab-content-container .section.my-package .header {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 50px;
    overflow: hidden;
}
#tab-plugin .app-tab-content-container .section.my-package .header .item-group {
    float: left;
}

#tab-plugin .app-tab-content-container .section.my-package .content {
    /* @alternate */ height: -moz-calc(100% - 100px);
    /* @alternate */ height: -webkit-calc(100% - 100px);
    height: calc(100% - 100px);
}
#tab-plugin .app-tab-content-container .section.all-package .content {
    margin-top: 10px;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab {
    height: 100%;
}
#tab-plugin .app-tab-content-container .section .bmui-tab-body-container {
    /* @alternate */ height: -moz-calc(100% - 60px);
    /* @alternate */  height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
}
#tab-plugin .app-tab-content-container .section .bmui-tab-body-container .bmui-tab-panel {
    height: 100%;
}
#tab-plugin .section .plugins {
    /* @alternate */ height: -moz-calc(100% - 54px);
    /* @alternate */  height: -webkit-calc(100% - 54px);
    height: calc(100% - 54px);
    margin-bottom: 20px;
}
#tab-plugin .app-tab-content-container .section .content .top-side-header {
    border-bottom: 1px solid #e6e6e6;
    height: auto;
    padding: 0 0 5px;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header::after {
    display: none;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header.bmui-tab-active,
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header:hover {
    position: static;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header .title {
    font-weight: bold;
    margin: 0 7px;
    text-transform: uppercase;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header:first-child .title {
    margin-left: 0;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header:last-child .title {
    margin-left: 0;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header .title::after {
    background-color: #d8d8d8;
    content: "";
    height: 10px;
    width: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}
#tab-plugin .app-tab-content-container .section .content .bmui-tab-header:last-child .title::after {
    display: none;
}
#tab-plugin .plugins .plugin,
#tab-plugin .plugins .plugin {
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 0 15px;
}
#tab-plugin .my-package .plugin h3,
#tab-plugin .plugins .plugin h3 {
    font-size: 18px;
    line-height: 1.8;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#tab-plugin .plugins .plugin .description,
#tab-plugin .my-package .plugin .description {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#tab-plugin .plugins .plugin,
#tab-plugin .my-package .plugin {
    border-bottom: 1px solid #e6e6e6;
    margin-right: 10px;
    padding: 12px 0 15px;
    position: relative;
}
#tab-plugin .plugins .plugin button,
#tab-plugin .my-package .plugin button {
    position: absolute;
    right: 0;
    top: 22px;
}
#tab-plugin .my-package .addon,
#tab-plugin .my-package .unauthorized {
    padding: 20px 0;
}
#tab-plugin .my-package .addon .title,
#tab-plugin .my-package .unauthorized .title {
    color: #16aad8;
    display: block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
#tab-plugin .my-package .addon .title::before,
#tab-plugin .my-package .unauthorized .title::before {
    background-color: #e6e6e6;
    content: "";
    height: 1px;
    position: absolute;
    right: 10px;
    top: 14px;
}
#tab-plugin .my-package .addon .title::before {
    left: 171px;
}

#tab-plugin .my-package .unauthorized .title::before {
    left: 128px;
}
.popup .log-summary .bmui-tab-panel {
    height: 200px;
}
.bmui-tab.left-side-header .bmui-tab-header-container .toolbar {
    background-color: #f7f9f9;
    border-bottom: 1px solid #eaefef;
    display: block;
    margin: 0;
    padding: 10px;
}
.bmui-tab.left-side-header .bmui-tab-header-container .toolbar form {
    height: auto;
    margin: 0;
    width: 100%;
}
.bmui-tab.left-side-header .bmui-tab-header-container .toolbar .search-form input,
.bmui-tab.left-side-header .bmui-tab-header-container .toolbar .search-form button {
    border-radius: 0;
    height: 28px;
}
.bmui-tab.left-side-header .bmui-tab-header-container .toolbar .search-form input {
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    box-shadow: none;
    /* @alternate */   width: -moz-calc(100% - 31px);
    /* @alternate */  width: -webkit-calc(100% - 31px);
    width: calc(100% - 31px);
}
.bmui-tab.left-side-header .bmui-tab-header-container .toolbar .search-form button {
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    margin: 0;
}

#bmui-tab-widget.search-active .widget-separator {
    display: none;
}

/*My Account*/
#bmui-tab-accountDetails .body > div {
    padding-bottom: 10px;
}
#bmui-tab-accountDetails .account-info .body > div .tool-icon {
    margin-right: 35px;
}
#bmui-tab-accountDetails .body > div.display-name .value {
    font-size: 16px;
    font-weight: 600;
}
#bmui-tab-accountDetails .website-details .top {
    font-size: 15px;
    margin-bottom: 17px;
}
#bmui-tab-accountDetails .website-details .body label {
    width: 100px;
}
#bmui-tab-accountDetails .website-details .body .alias {
    padding-bottom: 5px;
}
/*coustomer support*/
#bmui-tab-customerSupport .header {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding-bottom: 7px;
}
#bmui-tab-customerSupport .header .heading-title {
    color: #16aad8;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.8;
    text-transform: uppercase;
}
.customerSupport-tab .support-message .intro {
    overflow: hidden;
    padding: 0 0 15px;
    position: relative;
}
.customerSupport-tab .support-message .intro .tool-icon {
    position: absolute;
    right: 0;
    top: 0;
}
.customerSupport-tab .support-message .intro > * {
    display: inline-block;
    vertical-align: middle;
}
.customerSupport-tab .person > * {
    display: inline-block;
    vertical-align: middle;
}
.customerSupport-tab .avater {
    background: #ccc none repeat scroll 0 0;
    border-radius: 16px;
    display: inline-block;
    height: 32px;
    margin-right: 15px;
    vertical-align: top;
    width: 32px;
}
.customerSupport-tab .person_date {
    display: inline-block;
}
.customerSupport-tab .person .name {
    color: #16aad8;
    font-size: 18px;
    line-height: 1;
}
.customerSupport-tab .date {
    color: #999;
    font-size: 13px;
}
.customerSupport-tab .person .message-info {
    margin-right: 20px;
}
.customerSupport-tab .support-message {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.customerSupport-tab .support-message .message-replies .reply .message,
.customerSupport-tab .support-message .message-replies {
    margin-left: 53px;
}
.customerSupport-tab .support-message .message-replies {
    margin-top: 25px;
}
.customerSupport-tab .support-message .reply {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.customerSupport-tab .support-message .reply:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.customerSupport-tab .support-message .intro .tool-icon {
    background-position: -272px -32px;
    position: absolute;
    right: 0;
    top: 0;
}
.customerSupport-tab .support-message.expanded .intro .tool-icon {
    background-position: -256px -32px;
}
.customerSupport-tab .support-message .message-replies .reply {
    display: none;
    margin-left: 25px;
}
.customerSupport-tab .support-message.expanded .message-replies .reply {
    display: block;
}
.customerSupport-tab .support-message .message-replies form .form-row.btn-row {
    margin-top: 0;
}
.customerSupport-tab .support-message .message {
    margin-left: 54px;
}
.config-btns .reset-pin:after {
    background-image: url("../../images/admin/toolbar-icon-sprite.png");
    background-repeat: no-repeat;
    background-position: -224px 0;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    left: 11px;
    top: 8px;
}

.redactor-box {
    width: 100%;
}

.redactor-layer {
    min-height: 200px !important;
    max-height: 400px;
}

.redactor-toolbar li a:hover {
    background-color: #1199c4 !important;
}

.form-row input.small,
.form-row select.small{
    height: 32px;
    padding: 5px 15px;
}

.form-row .chosen-container-single.small .chosen-single {
    height: 33px;
    padding: 8px 15px;
    line-height: 15px;
}
.variation-type-add-section.hidden, .variation-option-add-section.hidden{
    display: none;
}
.variation-type-add-section, .variation-option-add-section{
    display: table;
    border-right: 1px solid #eaeff0;
    border-left: 1px solid #eaeff0;
}
.actions-column {
    text-align: left;
}
.variation-option-add-section .dropzone.small {
    background-position: 20px 4px;
    padding: 4px 10px 4px 50px;
}

/*------------ Common Styles ------------*/
.form-row > .wcui-checkbox {
    margin-right: 10px;
    margin-top: 0;
}

.tool-tip {
    cursor: pointer;
    background-image: url("../../images/admin/16-icon-sprit.png");
    background-position: -160px 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

/* Multi Check List */
.multi-check-container {
    padding: 15px;
}

.multi-check-body > label,
.multi-check-body > .label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

.multi-check-body .wcui-checkbox {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    border: none;
    margin: 0;
}

.multi-check-body .wcui-checkbox.checked {
    background-position: -1px -17px;
}

.multi-check-body .check-label {
    cursor: pointer;
    color: #888888;
    line-height: normal;
    padding-left: 5px;
}

.multi-check-body .check-label:hover,
.multi-check-body .wcui-checkbox.checked + .check-label {
    color: #000000;
}

@media only screen and (max-width: 1199px) {
    .info-section-info, .form-section-info{
        float: none;
        width: 100%;
    }
    .info-section-container, .form-section-container{
        padding-top:30px;
        margin: 0;
    }
}
.popup .log-summary {
    height: 41vh;
    max-height: 41vh;
}
.popup .log-summary .scrollable.vertical-scroll {
    width: 100%;
    max-height: 41vh;
    margin-top: 20px;
    border-top: 1px solid #e7e1e1;
}

/* ==================  ustom button css ==================  */

.btn-cta{
    background: #1198c5;
    color: #fff;
    border: 0;
    padding: 6px 22px;
    cursor: pointer;
}
.btn-cta:hover{
    background: #118FB8;
}
.btn.btn-cta i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.btn.btn-cta i:before {
    content: "+";
    font-size: 18px;
    font-style: normal;
}

.btn-secondary-cta{
    background: #DEF2F9;
    border: 1px solid #81D4EE;
    color: #118fb8;
    padding: 6px 14px;
    cursor: pointer;
}

.btn-secondary-cta:hover {
    background: #d8ebf2;
    border: 1px solid #7bd5f1;
    color: #0e81a7;
}
.btn-secondary-cta i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}


/* ============================= Search form ========================== */
.left-panel-header.filter-search-wrapper {}

.filter-search-wrapper .toolbar {
    width: 100%;
}

.filter-search-wrapper .toolbar .search-form{
    display: block;
}

.filter-search-wrapper .toolbar .search-form .search-text {
    height: 34px !important;
    vertical-align: top;
}

.filter-search-wrapper .toolbar .search-form > button{
    height: 34px;
}

.right-panel{
    position: relative;
}
.empty-container h3 {
    margin-bottom: 14px;
}
.empty-container{
    position: absolute;
    top: 30%;
    width: 100%;
    padding-top: 107px;
    text-align: center;
    max-width: 690px;
    margin: auto;
    left: 0;
    right: 0;
}

.row-wcui-checkbox-right .wcui-checkbox {
    float: right;
    margin-top: 10px;
}
.row-wcui-checkbox-right .action-navigator {
    margin-top: 12px;
    margin-right: 12px ;
    float: right;
}
.row-wcui-checkbox-right .edit-block {
    float: right;
}

.customer-profile-settings  .label-bar .float-menu-navigator {
    opacity: 0.5;
    left: 4px;
    top: 10px;
}

.empty-profile {
    background: url(../../images/admin/empty-profile.png) no-repeat top center;
}
#tab-shipping .empty-profile {
    background: unset;
}
#tab-filter .navigation-buttons {
    bottom: 60px;
}
.wc-tag {
    background: #FF0000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 18px;
    line-height: 19px;
    padding: 0 5px 0px 9px;
    position: relative;
    margin: 0 0 0 5px;
    text-decoration: none;
    font-size: 12px;
}
.wc-tag::after {
    content:'';
    background: #fff;
    border-bottom: 9px solid transparent;
    border-right: 5px solid #ff0000;
    border-top: 9px solid transparent;
    /* @alternate */ content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.left-panel-header.filter-search-wrapper {
    background: transparent;
    padding-bottom: 0;
    margin-bottom: -10px;
}

#tab-filter .header-left {
    text-align: left;
    position: relative;
    top: -25px;

}

.ship-from{
    margin-top: 50px;
}

span.search-setting.config-auto-page {
    margin-top: -2px;
    padding-left: 5px;
    font-weight: bold;
}
.shipment-log-wrap {
    height: calc(100% - 60px);
    text-align: left;
}

/*Order from back-end*/
.two-panel-address-box {
    padding-bottom: 30px;
}
.two-panel-address-box .header,
.shipping-cost-calculator-section .header {
    padding-bottom: 20px;
}
.two-panel-address-box .header .title,
.shipping-cost-calculator-section .title {
    color: #16AAD8;
    font-size: 18px;
    float: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}
.two-panel-address-box .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border: 1px #E6EAEA solid;
    border-radius: 3px;
}
.two-panel-address-box .left-panel, .two-panel-address-box .right-panel {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 0;
}
.two-panel-address-box .left-panel {
    border-right:1px #E6EAEA solid;
    padding-right:20px;
}
.two-panel-address-box .right-panel {
    padding-left:20px;
}
.right-panel .header .toolbar {
    font-size: 0;
}
.two-panel-address-box .header .toolbar span {
    color: #fff;
    margin-left: 3px;
    font-size: 14px;
}
.two-panel-address-box .right-panel .header,
.two-panel-address-box .left-panel .header {
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*Order Confirm panel*/
.order-form-admin-panel .panel-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
}
.order-form-admin-panel .panel-wrap .left-panel {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.payment-option .header {
    font-size: 16px;color: #1199C4;
    font-weight: 600;
    padding-bottom: 5px;
}

.order-form-admin-panel .payment-option {
    padding-bottom: 35px;
}

.order-form-admin-panel .body .info {
    padding-bottom: 10px;
}
.order-form-admin-panel input[type="text"] {
    height: 33px;
}
.order-form-admin-panel .payment-option .code-submit-form {
    position: relative;
}
.order-form-admin-panel .payment-option .code-submit-form .message-block {
    display: block;
}
.shopping-cart-total .message-block {
    display: block;
}
.shopping-cart-total .message-block.error {
    color:red;
}
.shopping-cart-total .message-block.success {
    color:green;
}
.order-form-admin-panel .payment-option .code-submit-form .message-block.error {
    color:red;
}
.order-form-admin-panel .payment-option .code-submit-form .message-block.success {
    color:green;
}
.order-form-admin-panel .left-panel .chosen-wrapper {
    max-width: 250px;
}
.order-form-admin-panel .panel-wrap .right-panel {
    flex-basis: 500px;
    padding-left: 50px;
}


.order-form-admin-panel .check-out-total .price-row {
    display: flex;
    padding-bottom: 10px;
}

.order-form-admin-panel .check-out-total .price-row span {
    flex-basis: 50%;
}

.order-form-admin-panel .check-out-total .price-row span.label {
    padding-right: 10px;
}

.order-form-admin-panel .check-out-total .price-row span.price input {
    width: 60px;
    margin-left: 5px;
    margin-right: 5px;
}
.order-form-admin-panel .check-out-total .price-row.total-order {
    font-size: 16px;
    font-weight: 600;
}
.tab-padding {
    padding: 30px;
}
.cartitem-table .warning-message .add-to-cart-button {
    color: #16aad8;
    cursor: pointer;
}
.cartitem-table .warning-message .add-to-cart-button:hover {
    text-decoration: underline;
}

.create-address {
    color: #26ace2;
    cursor: pointer;
}


.header-wrapper.order-addresss {
    display: flex;
    justify-content: space-between;
}
.selected-product-details .shopping-cart-total {
    display: flex;
    padding-top: 20px;
}
.selected-product-details .right-column table {

    width: 400px;
}
.selected-product-details .left-column {
    flex:1 1 auto;

}
.selected-product-details .left-column > .form-row {
    width: 400px;
    margin-top: 0;
    padding-bottom: 10px;
}
.order-form-admin-panel .product-thumb-image {
    max-height: 80px;
    max-width: 80px;
}

.navigation-create-edit-panel {
    display: flex;
    height: 100%;
}

.navigation-create-edit-panel .left-bar {
    position: relative;
    flex-basis: 350px;
    flex-grow: 0;
    height: 100%;
}

.navigation-create-edit-panel .right-panel {
    position: relative;
    flex-basis: calc(100% - 350px);
    height: 100%;
}

.navigation-create-edit-panel .pre-config {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: none;
}

.navigation-form .title {
    color: #1199C4;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 0 6px;
    position: relative;
    text-transform: uppercase;
}

.navigation-form .title:after {
    background: none repeat scroll 0 0 #1199C4;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}

#tab-navigation .empty-item-content {
    background: url(../../images/admin/empty-navigation.png) top center no-repeat;
    font-size: 18px;
    line-height: 28px;
    max-width: 455px;
    padding-top: 122px;
    text-align: center;
    margin: 0 auto;
    width: unset;
}
#tab-navigation .empty-item-content span.create-navigation {
    cursor: pointer;
}
#tab-navigation .empty-item-content span {
    background: #dbf6ff;
    padding: 1px 10px;
    margin: 0 6px;
    color: #1199C4;
}
#tab-navigation .empty-item-content span.item-action {
    cursor: pointer;
}

#tab-navigation .left-panel form.search-form.tool-group {
    width: 230px;
    margin: 0;
}

.tool-group.toolbar-btn.add.add-operation {
    font-size: 24px;
    color: #1199c4;
}

.navigation-item-panel.create-panel.embedded-edit-form-panel > .body {
    height: 100% !important;
    border-top: none;
    background: transparent;
}

#tab-navigation .embedded-edit-form-panel,
#tab-navigation {
    padding: 0 20px 0;
}

#tab-navigation .left-panel {
    margin-right: 15px;
    border-right: 1px #d7e1e3 solid;
}
.navigation-form.form-row-group.wc-toggle-group {
    padding: 20px;
    border-top: 1px #d7e1e3 solid;
}
#tab-navigation .right-panel {
    border-left: 1px #d7e1e3 solid;
    background: #fff;
    display: flex;
    justify-content: center;
}

.navigation-create-edit-panel .left-bar {
    margin-right: 15px;
    border-right: 1px #d7e1e3 solid;
}

.navigation-form.form-row-group {
    background: transparent;
    height: 100%;
    padding: 0;
    border: none;
}

.table-like-tree-sortable.read-only-navigation-item-panel .bmui-stl-entry-container div.bmui-stl-entry {
    cursor: default;
}

.form-row .form-image-block .preview-image .tool-icon {
    position: absolute;
}
#workspace .settings-box-style .age-wrapper-input > .errorlist {
    margin-right: 230px !important;
    z-index: 99;
}
#workspace .settings-box-style .age-wrapper-input > .errorlist {
    margin-right: 230px !important;
    z-index: 99;
}

#tab-navigation .table-like-tree-sortable {
    width: 100%;
}
#tab-navigation .two-panel-explorer .right-panel.navigation-item-view {
    align-items: flex-start;
}
.right-panel.navigation-item-view.empty-item,
#tab-navigation .two-panel-explorer .right-panel.navigation-item-view.empty-item {
    align-items: center;
}
.navigation-create-edit-panel .right-panel.navigation-item-view .body,
.two-panel-explorer .right-panel.navigation-item-view .body {
    width: 100%;
}
.navigation-form .form-row label {
    display: inline-block;
}
#tab-navigation .wc-row {
    display: flex;
    align-items: center;
    height: 100%;
}
.navigation-general-settings-panel .tool-group.back-to-general {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

.gc.gc76.content-tabs-env .view-popup .content {
    padding: 30px 20px 0 20px;
}
.content .view-content-block .view-list-row {
    width: 100% !important;
}

.navigation-general-settings-panel .tool-group.back-to-general i:before {
    content: "\2190";
}
.category-setting-header {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #e1e3e3;
    background-color: #f7f9f9;
}
.cat-img-setting-holder {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e1e3e3;
    padding: 30px 30px 10px;
}

.settings-box-style{
    max-width: 1200px;
    margin: 0 auto;
}

.settings-box-style .form-section-container {
    margin-left: 0;
}
.settings-box-style .form-section-info {
    float: unset;
    width: 100%;
}
.section-spacer{
    height: 50px;
}



/*page-analytics-panel*/
.page-analytics-panel .event-tracking {
    border-top: 1px solid #D3DBDF;
    padding-top: 15px;
    margin-top: -10px;
    max-width: 600px;
}
.page-analytics-panel .tracking-id > .double-input-row .form-row {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}
.event-tracking > .form-row {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}
.google_event_tracking_event_orderp,
.google_event_tracking_event_payment,
.google_event_tracking_event_shipping,
.google_event_tracking_event_billing,
.google_event_tracking_event_cartp,
.google_event_tracking_event_pdp,
.google_event_tracking_event_ecommerce {
    background-color: #FAFBFC;
    padding: 20px 20px 0 20px;
    max-width: 600px;
}

.basic-seo-config-common-all-page > .form-row,
.google_event_tracking_event_orderp > .double-input-row .form-row,
.google_event_tracking_event_payment > .double-input-row .form-row,
.google_event_tracking_event_shipping > .double-input-row .form-row,
.google_event_tracking_event_billing > .double-input-row .form-row,
.google_event_tracking_event_cartp > .double-input-row .form-row,
.google_event_tracking_event_pdp > .double-input-row .form-row,
.google_event_tracking_event_ecommerce > .double-input-row .form-row {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}
.google_event_tracking_event_orderp > .double-input-row:nth-child(2) .form-row:last-child,
.google_event_tracking_event_payment > .double-input-row:nth-child(6) .form-row:last-child,
.google_event_tracking_event_shipping > .double-input-row:nth-child(7) .form-row:last-child,
.google_event_tracking_event_billing > .double-input-row:nth-child(7) .form-row:last-child,
.google_event_tracking_event_cartp > .double-input-row:nth-child(5) .form-row:last-child,
.google_event_tracking_event_pdp > .double-input-row:nth-child(4) .form-row:last-child,
.event-tracking > .form-row:nth-last-child(2),
.basic-seo-config-common-all-page > .form-row:nth-last-child(2),
.google_event_tracking_event_ecommerce > .double-input-row + .double-input-row .form-row:last-child,
.event-tracking > .form-row:last-child {
    border-bottom: none;
}
.google_event_tracking_event_orderp > .double-input-row .form-row,
.google_event_tracking_event_payment > .double-input-row .form-row,
.google_event_tracking_event_shipping > .double-input-row .form-row,
.google_event_tracking_event_billing > .double-input-row .form-row,
.google_event_tracking_event_cartp > .double-input-row .form-row,
.google_event_tracking_event_pdp > .double-input-row .form-row,
.google_event_tracking_event_ecommerce > .double-input-row .form-row,
.tracking-id > .double-input-row .form-row:nth-child(2) {
    margin-left: 0;
}
/*page-custom-code-seo*/
.page-custom-code-seo .form-row:nth-child(2),
.page-custom-code-seo .form-row:nth-child(1) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}
.seo-preview-row,
.basic-seo-config-common-all-page,
.page-analytics-panel,
.page-custom-code-seo  {
    max-width: 600px;
}
.form-row.use-default-seo,
.basic-seo-config-common-all-page > .form-row,
.page-custom-code-seo .custom-code-panel {
    display: flex;
}

#tab-tax .two-panel-explorer .left-panel .vertical.scrollbar {
    right: 0px !important;
}

.page-custom-code-seo .custom-code-title > span:first-child,
.page-custom-code-seo .custom-code-title > span.title {
    font-size: 14px;
    color: #575757;
    display: block;
    text-transform: none;
    padding: 0;
    margin: 0;
}
.page-custom-code-seo .custom-code-title > span.title:after {
    display: none;
}
.page-custom-code-seo .custom-code-in-footer,
.page-custom-code-seo .custom-code-in-header {
    margin-top: 15px;
}
/*page-seo-settings*/
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed,
#workspace .seo-preview-row.accordion-panel .label-bar.expanded {
    background: none repeat scroll 0 0 #FAFBFC;
    border: 1px solid #D3DBDF;
    color: #6E6E6E;
    margin: 0;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0 20px 0 20px;
    height: 42px;
}
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed {
    border-bottom: 1px solid #D3DBDF;
}
#workspace .seo-preview-panel.accordion-item.collapsed,
#workspace .seo-preview-panel.accordion-item.expanded {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D3DBDF;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed .toggle-icon,
#workspace .seo-preview-row.accordion-panel .label-bar.expanded .toggle-icon {
    background-image: url(../../images/admin/chevron.png);
    left: auto;
    right: 15px;
    position: absolute;
    height: 8px;
    width: 15px;
    top: 16px;
    background-position: 0 -8px;
}
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed .toggle-icon {
    background-image: url(../../images/admin/chevron.png);
    background-position: 0 -16px;
}
.seo-preview-panel .seo-title {
    font-size: 16px;
    font-weight: 600;
    color: #1A0DAB;
    padding: 10px 20px 10px 20px;
    word-break: break-all;
}
.seo-preview-panel .seo-link {
    font-size: 14px;
    font-weight: 600;
    color: #006621;
    padding: 0 20px 0 20px;
    word-break: break-all;
}
.seo-preview-panel .seo-description {
    font-size: 14px;
    color: #717171;
    padding: 5px 20px 10px 20px;
    word-break: break-all;
}
.basic-seo-config-common-all-page .seo_canonical_url .meta-tag-editor.seo-canonical-url-editor {
    margin-top: -10px;
}
.basic-seo-config-common-all-page .seo_canonical_url .meta-tag-editor.seo-canonical-url-editor tr.last-row {
    background: #FAFBFC;
}
.basic-seo-config-common-all-page .form-row.seo_canonical_url {
    padding-bottom: 0;
}
.basic-seo-config-common-all-page .form-row .value {
    top: 0;
    width: 100%;
    height: 100%;
}
.basic-seo-config-common-all-page  .form-row.meta_tag_info.panel {
    border-top: 1px solid #D3DBDF;
    margin-top: -15px;
    padding-bottom: 0;
}
.meta-tag-editor .meta-tag-table input.td-full-width,
.seo_canonical_url .meta-tag-editor.seo-canonical-url-editor input.td-full-width {
    height: 28px !important;
    padding: 5px 8px;
}
.form-row.use-default-seo + .page-analytics-panel,
.form-row.use-default-seo + .page-custom-code-seo {
    margin-top: -15px;
    position: relative;
}
#bmui-tab-seo .page-analytics-panel .cat-img-setting-holder {
    padding: 20px;
    background-color: #ffffff;
    position: relative;
}
.edit-blog-category.edit #bmui-tab-seo .page-analytics-panel .cat-img-setting-holder {
    padding: 12px;
}
#bmui-tab-seo .page-custom-code-seo  .toggle-card-ui-item + .toggle-card-ui-item {
    margin-top: -1px;
    padding-bottom: 18px;
}
#bmui-tab-seo .page-custom-code-seo  .toggle-card-ui-item .custom-code-in-header.cat-img-setting-holder,
.page-custom-code-seo  .toggle-card-ui-item .custom-code-in-footer.cat-img-setting-holder {
    padding: 10px;
}
#bmui-tab-seo .page-custom-code-seo .toggle-card-ui-item .custom-code-in-header.cat-img-setting-holder textarea,
#bmui-tab-seo .page-custom-code-seo .toggle-card-ui-item .custom-code-in-footer.cat-img-setting-holder textarea {
    min-height: 100px;
    max-height: 100px;
    overflow: auto;
    width: 100%;
}
#bmui-tab-seo .custom-code-title {
    padding-bottom: 12px;
    width: auto;
}
/*Blog-category-seo-settings*/
#tab-blog .edit-blog-category.edit .two-panel-resizable.without-resize-bar .left-panel {
    padding: 0;
}
#tab-blog .body.edit .two-panel-resizable.without-resize-bar .left-panel .top-side-header {
    margin: 0 0 14px 0;
    padding: 0 ;
    display: flex;
    border: unset;
}

#tab-blog .body.edit .two-panel-resizable.without-resize-bar .left-panel .top-side-header > * {
    flex: 1;
}
#tab-blog .body.edit .two-panel-resizable.without-resize-bar .left-panel .top-side-header .bmui-tab-header {
    border: unset;
    margin: 0;
    text-align: center;
}
#tab-blog .body.edit .two-panel-resizable.without-resize-bar .bmui-tab-body-container {
    padding: 6px;
}
#tab-blog  .accordion-item.custom-code-seo-config,
#tab-blog  .accordion-item.analytics-seo-config,
#tab-blog  .accordion-item.basic-seo-config {
    padding: 15px 15px 0 15px ;
}
#tab-blog .accordion-item.basic-seo-config > .form-row {
    padding: 0 0 15px 0;
}
#tab-blog  .accordion-item.basic-seo-config .wcui-checkbox.single + label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
}
#tab-blog  .accordion-item.custom-code-seo-config .custom-code-panel .custom-code-title {
    max-width: 250px;
}
/*End*/
.settings-box-style .category-setting-header {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #e1e3e3;
    background-color: #f7f9f9;
}

.settings-box-style .cat-img-setting-holder {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e1e3e3;
    padding: 30px 30px 10px;
    width: 100%;
}
.settings-box-style .cat-img-setting-holder.first-item-with-input-box{
    border-width:1px;
}

/*settings-box-style*/
.settings-box-style {
    max-width: 1200px;
    margin: 0 auto;
}
.settings-box-style .form-section-container {
    margin-left: 0;
    position: relative;
}
.settings-box-style .form-section-info {
    float: unset;
    width: 100%;
}
.settings-box-style .section-separator {
    margin: 20px 0px 35px;
}

.settings-box-style .section-spacer {
    height: 75px;
}
.item-spacer,
.settings-box-style .item-spacer {
    height: 35px;
}
#workspace .settings-box-style .google_event_tracking_event_orderp,
#workspace .settings-box-style .google_event_tracking_event_payment,
#workspace .settings-box-style .google_event_tracking_event_shipping,
#workspace .settings-box-style .google_event_tracking_event_billing,
#workspace .settings-box-style .google_event_tracking_event_cartp,
#workspace .settings-box-style .google_event_tracking_event_pdp,
#workspace .settings-box-style .google_event_tracking_event_ecommerce,
#workspace .settings-box-style .seo-preview-row,
#workspace .settings-box-style .basic-seo-config-common-all-page,
#workspace .settings-box-style .page-analytics-panel,
#workspace .settings-box-style .page-analytics-panel .event-tracking,
#workspace .settings-box-style .page-custom-code-seo {
    max-width: 100% !important;
}
.basic-seo-config-common-all-page th.actions-column {
    width: 88px;
}
/*toggle-list-ui*/
.toggle-card-ui-panel-list .toggle-card-ui-panel,
.settings-box-style .category-setting-header {
    display: flex;
    align-items: center;
    min-height: 55px;
    background: #fff;
    padding: 10px 20px;
    position: relative;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07);
}
.settings-box-style .category-setting-header + .toggle-card-ui-items-list {
    border-top: 1px solid #dddddd;
    padding: 20px;
    background-color: #FAFBFC;
    border-color: #dddddd;
    margin-bottom: 5px;
    margin-top: -1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07);
}
#bmui-tab-seo .cat-img-setting-holder.tracking-id .toggle-card-ui-items-list > .toggle-card-ui-item:first-child > .category-setting-header,
.settings-box-style .toggle-card-ui-items-list > .toggle-card-ui-item:first-child > .category-setting-header,
.auto-gen-config-settings .toggle-card-ui-panel-list .category-setting-header:first-child,
.settings-box-style .toggle-card-ui-panel-list .category-setting-header:first-child {
    border-radius: 3px 3px 0 0;
}
#bmui-tab-seo .cat-img-setting-holder.tracking-id .toggle-card-ui-items-list > .toggle-card-ui-item + .toggle-card-ui-item > .category-setting-header,
.settings-box-style .toggle-card-ui-items-list > .toggle-card-ui-item + .toggle-card-ui-item > .category-setting-header,
.auto-gen-config-settings .toggle-card-ui-panel-list .category-setting-header  + .category-setting-header,
.settings-box-style .toggle-card-ui-panel-list .category-setting-header  + .category-setting-header  {
    border-radius: 0;
    margin-top: -1px;
}
.settings-box-style .toggle-card-ui-items-list > .toggle-card-ui-item:last-child > .category-setting-header,
.auto-gen-config-settings .toggle-card-ui-panel-list .category-setting-header:last-child,
.settings-box-style .toggle-card-ui-panel-list .category-setting-header:last-child {
    border-radius: 0 0 3px 3px;
    margin-top: -1px;
}
.settings-box-style .cat-img-setting-holder.tracking-id,
.settings-box-style .cat-img-setting-holder.event-tracking .toggle-card-ui-item .cat-img-setting-holder,
.toggle-card-ui-items-list > .toggle-card-ui-item > .category-setting-header  + .cat-img-setting-holder{
    border-top: 1px solid #dddddd;
    padding: 20px;
    background-color: #FAFBFC;
    border-color: #dddddd;
    margin-bottom: 5px;
    margin-top: -1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07);
}
/*end-toggle-list-ui*/
.toggle-card-ui-items-list {
    position: relative;
}

/*external-link-card*/
.external-link-card {
    display: flex;
    align-items: center;
    min-height: 95px;
    max-width: 700px;
    border-radius: 3px;
    background: #fff;
    padding: 0 25px;
    cursor: pointer;
    position: relative;
    border: 1px solid #DDDDDD;
    user-select: none;
    transition: all .4s;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .03), 0 1px 3px 1px rgba(60, 64, 67, .10);
}

.external-link-card:hover {
    border: 1px solid #a8eaff;
    background: #FAFBFC;
    transition: all .4s;
}

.external-link-card > .action-navigator {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FAFBFC none;
    height: 54px;
    width: 54px;
    min-width: 54px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #D3DBDF;
    position: relative;
    transition: all .4s;
}

.external-link-card > .action-navigator:after {
    position: relative;
    content: "";
    background-image: url("../../images/admin/16-icon-sprit.png");
    background-position: -96px 0;
    height: 16px;
    width: 16px;
    display: block;
    transition: all .4s;
}

.external-link-card:hover > .action-navigator {
    background: #CEF2FE none;
    transition: all .4s;
}

.external-link-card:hover > .action-navigator:after {
    background-position: -96px -16px;
    transition: all .4s;
}

/*page-analytics-panel*/
.page-analytics-panel .event-tracking {
    border-top: 1px solid #D3DBDF;
    padding-top: 15px;
    margin-top: -10px;
    max-width: 600px;
}
.page-analytics-panel .tracking-id > .double-input-row .form-row {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}
.event-tracking > .form-row {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}

.basic-seo-config-common-all-page > .form-row,
.google_event_tracking_event_orderp > .double-input-row .form-row,
.google_event_tracking_event_payment > .double-input-row .form-row,
.google_event_tracking_event_shipping > .double-input-row .form-row,
.google_event_tracking_event_billing > .double-input-row .form-row,
.google_event_tracking_event_cartp > .double-input-row .form-row,
.google_event_tracking_event_pdp > .double-input-row .form-row,
.google_event_tracking_event_ecommerce > .double-input-row .form-row {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D3DBDF;
}
.google_event_tracking_event_orderp > .double-input-row:nth-child(2) .form-row:last-child,
.google_event_tracking_event_payment > .double-input-row:nth-child(6) .form-row:last-child,
.google_event_tracking_event_shipping > .double-input-row:nth-child(7) .form-row:last-child,
.google_event_tracking_event_billing > .double-input-row:nth-child(7) .form-row:last-child,
.google_event_tracking_event_cartp > .double-input-row:nth-child(5) .form-row:last-child,
.google_event_tracking_event_pdp > .double-input-row:nth-child(4) .form-row:last-child,
.event-tracking > .form-row:nth-last-child(2),
.basic-seo-config-common-all-page > .form-row:nth-last-child(2),
.google_event_tracking_event_ecommerce > .double-input-row + .double-input-row .form-row:last-child,
.event-tracking > .form-row:last-child {
    border-bottom: none;
}
.google_event_tracking_event_orderp > .double-input-row .form-row,
.google_event_tracking_event_payment > .double-input-row .form-row,
.google_event_tracking_event_shipping > .double-input-row .form-row,
.google_event_tracking_event_billing > .double-input-row .form-row,
.google_event_tracking_event_cartp > .double-input-row .form-row,
.google_event_tracking_event_pdp > .double-input-row .form-row,
.google_event_tracking_event_ecommerce > .double-input-row .form-row,
.tracking-id > .double-input-row .form-row:nth-child(2) {
    margin-left: 0;
}
/*page-custom-code-seo*/
.page-custom-code-seo .form-row:nth-child(2),
.page-custom-code-seo .form-row:nth-child(1) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}
.seo-preview-row,
.basic-seo-config-common-all-page,
.page-analytics-panel,
.page-custom-code-seo  {
    max-width: 600px;
}
.form-row.use-default-seo,
.basic-seo-config-common-all-page > .form-row,
.page-custom-code-seo .custom-code-panel {
    display: flex;
}
.page-custom-code-seo .custom-code-in-footer,
.page-custom-code-seo .custom-code-in-header,
.page-custom-code-seo .custom-code-title > span {
    display: block;
}
.page-custom-code-seo .custom-code-title > span:first-child,
.page-custom-code-seo .custom-code-title > span.title {
    font-size: 15px;
}
.page-custom-code-seo .custom-code-in-footer,
.page-custom-code-seo .custom-code-in-header {
    margin-top: 15px;
}
/*page-seo-settings*/
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed,
#workspace .seo-preview-row.accordion-panel .label-bar.expanded {
    background: none repeat scroll 0 0 #FAFBFC;
    border: 1px solid #D3DBDF;
    color: #6E6E6E;
    margin: 0;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0 20px 0 20px;
    height: 42px;
}
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed {
    border-bottom: 1px solid #D3DBDF;
}
#workspace .seo-preview-panel.accordion-item.collapsed,
#workspace .seo-preview-panel.accordion-item.expanded {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D3DBDF;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed .toggle-icon,
#workspace .seo-preview-row.accordion-panel .label-bar.expanded .toggle-icon {
    background-image: url(../../images/admin/chevron.png);
    left: auto;
    right: 15px;
    position: absolute;
    height: 8px;
    width: 15px;
    top: 16px;
    background-position: 0 -8px;
}
#workspace .seo-preview-row.accordion-panel .label-bar.collapsed .toggle-icon {
    background-image: url(../../images/admin/chevron.png);
    background-position: 0 -16px;
}
.seo-preview-panel .seo-title {
    font-size: 16px;
    font-weight: 600;
    color: #1A0DAB;
    padding: 10px 20px 10px 20px;
    word-break: break-all;
}
.seo-preview-panel .seo-link {
    font-size: 14px;
    font-weight: 600;
    color: #006621;
    padding: 0 20px 0 20px;
    word-break: break-all;
}
.seo-preview-panel .seo-description {
    font-size: 14px;
    color: #717171;
    padding: 5px 20px 10px 20px;
    word-break: break-all;
}
.basic-seo-config-common-all-page .seo_canonical_url .meta-tag-editor.seo-canonical-url-editor {
    margin-top: -10px;
}
.basic-seo-config-common-all-page .seo_canonical_url .meta-tag-editor.seo-canonical-url-editor tr.last-row {
    background: #FAFBFC;
}
.basic-seo-config-common-all-page .form-row.seo_canonical_url {
    padding-bottom: 0;
}
.basic-seo-config-common-all-page .form-row .value {
    top: 0;
    width: 100%;
}
.basic-seo-config-common-all-page  .form-row.meta_tag_info.panel {
    border-top: 1px solid #D3DBDF;
    margin-top: -15px;
    padding-bottom: 0;
}
.meta-tag-editor .meta-tag-table input.td-full-width,
.seo_canonical_url .meta-tag-editor.seo-canonical-url-editor input.td-full-width {
    height: 28px !important;
    padding: 5px 8px;
}

/*Blog-category-seo-settings*/
#tab-blog .edit-blog-category.edit .two-panel-resizable.without-resize-bar .left-panel {
    padding: 0;
}
#tab-blog .body.edit .two-panel-resizable.without-resize-bar .left-panel .top-side-header {
    margin: 0 0 14px 0;
    padding: 0 ;
    display: flex;
    border: unset;
}

#tab-blog .body.edit .two-panel-resizable.without-resize-bar .left-panel .top-side-header > * {
    flex: 1;
}
#tab-blog .body.edit .two-panel-resizable.without-resize-bar .left-panel .top-side-header .bmui-tab-header {
    border: unset;
    margin: 0;
    text-align: center;
}
#tab-blog .body.edit .two-panel-resizable.without-resize-bar .bmui-tab-body-container {
    padding: 6px;
}
#tab-blog  .accordion-item.custom-code-seo-config,
#tab-blog  .accordion-item.analytics-seo-config,
#tab-blog  .accordion-item.basic-seo-config {
    padding: 15px 15px 0 15px ;
}
#tab-blog .accordion-item.basic-seo-config > .form-row {
    padding: 0 0 15px 0;
}
#tab-blog  .accordion-item.basic-seo-config .wcui-checkbox.single + label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
}
#tab-blog  .accordion-item.custom-code-seo-config .custom-code-panel .custom-code-title {
    max-width: 250px;
}
#tab-blog .edit-blog-category.edit .accordion-item.custom-code-seo-config .custom-code-panel .custom-code-title {
    max-width: 190px;
}
/*End*/
.external-link-card > .search-setting.config-auto-page > em {
    display: block;
    font-size: 13px;
    font-style: normal;
    color: #999;
    font-weight: normal;
    padding-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.external-link-card:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    height: 12px;
    width: 13px;
    display: block;
    background-image: url("../../images/admin/external-link-arrow.png");
}

.external-link-card:hover:after {
    background-image: url("../../images/admin/external-link-arrow.png");
    background-position: 0 -12px;
    transition: all .4s;
}

/*end-external-link-card*/

.settings-box-style .input-addon-wrapper,
.settings-box-style .age-wrapper-input {
    display: flex;
    position: relative;
}

.settings-box-style .age-wrapper-input input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: -1px;
    z-index: 88;
}
.settings-box-style .input-addon-wrapper .input-addon,
.settings-box-style .age-wrapper-input .wrapper-input-label {
    border: 1px solid #D3DBDF;
    border-radius: 0 3px 3px 0 !important;
    color: #999;
    width: 300px;
    height: 40px !important;
    padding: 10px 15px;
    vertical-align: top;
    background: #F7F9F9;
    white-space: nowrap;
}
.settings-box-style .input-addon-wrapper .input-addon{
    border-radius: 3px 0 0 3px !important;
    width: auto;
    margin-right: -1px;
}
#workspace .settings-box-style .age-wrapper-input > .errorlist {
    margin-right: 230px !important;
    z-index: 99;
}
#workspace .new-registrant-to-validation-age  .errorlist {
    /* @alternate */  max-width: -webkit-calc(100% - 240px);
    /* @alternate */  max-width: -moz-calc(100% - 240px);
    max-width: calc(100% - 240px) !important;
}

/*ag-config*/
.content-config-registration-filed-panel,
.auto-gen-config-settings {
    max-width: 702px;
    position: relative;
    margin-bottom: 25px;
}

.auto-gen-config-settings .external-link-card {
    margin-bottom: 25px;
}

.auto-gen-config-settings .form-row.with-border {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E2E5E5;
}

.auto-gen-config-settings .form-row.with-border:nth-child(2) {
    border-bottom: none;
}

.welcome-message-row .redactor-styles {
    height: 70px !important;
}
.content-config-registration-filed-panel {
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #E1E3E3;
    background: #FBFBFB;
}

.content-config-registration-filed-panel .registration-field-label {
    font-size: 15px;
    font-weight: 500;
    color: #666;
    margin: 0;
    padding-bottom: 12px;
    display: block;
}

.content-config-registration-filed-panel .configurable-row {
    width: 100% !important;
}

.registration-verification-message span {
    font-size: 14px;
}

.registration-verification-message form.resend-verification-form span:hover {
    text-decoration: underline;
}

.registration-verification-message form.resend-verification-form span {
    font-size: 14px;
    color: #4169E1;
    text-decoration: none;
}

.content-config-registration-filed-panel .configurable-row > label {
    width: 76%;
}

/*design-preferance*/
.box-style-setting-panel .category-setting-header {
    border-radius: 3px 3px 0 0;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #e1e3e3;
    background-color: #f7f9f9;
    box-shadow: unset;
}
.settings-box-style .create-edit-form .form-section {
    min-height: unset;
}
.cat-img-setting-holder.resolutions-list,
.box-style-setting-panel .cat-img-setting-holder {
    padding: 20px;
}
.settings-box-style .dimension-icon {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #E1E3E3;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.settings-box-style .dimension-icon:after {
    content: '';
    background-image: url("../../images/admin/ecommerce-store-dimension.png");
    width: 17px;
    height: 15px;
}

.settings-box-style .dimension-icon + label {
    margin: 0;
}
.box-style-setting-panel .cat-img-setting-holder .form-row:last-child {
    padding-bottom: 0;
}
.settings-box-style .use-original-image-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

/*general-seting*/
.settings-bottom-action-panel {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    background: #fff;
    width: 100%;
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .07);
    display: none;
}
.bottom-inline-action {
    text-align: right;
}
.settings-box-style .system-info-item .cat-img-setting-holder {
    padding: 20px;
    border: 1px solid #e1e3e3;
}
.settings-box-style .tabular-data.wc-system-info-table > tbody > tr > td:first-child {
    width: 225px;
}
.settings-box-style .custom-code-in-footer.cat-img-setting-holder >*,
.settings-box-style .custom-code-in-header.cat-img-setting-holder > * {
    min-height: 100px;
    max-height: 150px;
    width: 100%;
    overflow: auto;
}
.settings-box-style .toggle-card-ui-items-list {
    margin-bottom: 20px;
}
.settings-box-style .custom-code-title .title {
    font-size: 14px;
}
.settings-box-style .custom-code-title .note {
    display: block;
    color: #999;
    font-size: 14px;
    font-weight: normal;
}
.settings-box-style .create-edit-form {
    padding: 0 !important;
}
.settings-box-style .seo-upload-container {
    display: flex;
    flex-direction: column;
}
.settings-box-style .tabular-data.wc-custom-root-file-table {
    border-collapse: unset;
}
.settings-box-style .seo-upload-container .seo-file-list {
    border: unset;
    border-radius: 0;
    display: unset;
    margin-left: 0;
    padding: 0 0 0;
    vertical-align: unset;
    width: 100%;
    min-height: unset;
}

.settings-box-style .seo-upload-container .seo-file-list .item {
    background: unset;
    border: unset;
    margin: 0;
    border-radius: 0;
}
.settings-box-style .seo-upload-container .seo-file-list .item .action,
.settings-box-style .seo-upload-container .seo-file-list .item > .name {
    border: none;
    border-top: 1px solid #E6E6E6;
}
.settings-box-style .seo-upload-container .seo-file-list .item:last-child> .action,
.seo-upload-container .seo-file-list .item:last-child> .name {
    border-bottom: 1px solid #E6E6E6;
}
.settings-box-style .seo-upload-container .seo-file-list .item .action {
    float: unset;
}
.settings-box-style .seo-upload-container .seo-file-list .item .name {
    width: calc(100% - 0px);
    float: unset;
}
.toggle-card-ui-items-list.general > .toggle-card-ui-item > .category-setting-header {
    box-shadow: unset;
}
.toggle-card-ui-items-list.general > .toggle-card-ui-item > .cat-img-setting-holder.website-address-panel {
    padding: 20px;
    background-color: #FAFBFC;
}
.settings-box-style .alias-header {
    display: flex;
    justify-content: space-between;
}
.settings-box-style .alias-header .add-alias {
    border-radius: 3px;
    color: #444444;
    cursor: pointer;
    font-size: 14px;
    line-height: 26px;
    padding: 0 14px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}
.settings-box-style .set-of-alias {
    padding: 15px;
    border: 1px dashed #d3dbdf;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07);
}
.category-setting-header {

    padding: 8px 20px;
    display: flex;
    align-items: center;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #e1e3e3;
    background-color: #f7f9f9;
}
.cat-img-setting-holder {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e1e3e3;
    padding: 30px 30px 10px;
}

.settings-box-style{
    max-width: 1200px;
    margin: 0 auto;
}

.settings-box-style .form-section-container {
    margin-left: 0;
}
.settings-box-style .form-section-info {
    float: unset;
    width: 100%;
}
.section-spacer{
    height: 5px;
}


.highlighted{
    background-color: #FFF9E2 !important;
}

.image-upload-with-cropper-form-wrapper .editor-button-line{
    display: flex;
    justify-content: center;
    margin-top: 10px;
    display: none;
}

.image-upload-with-cropper-form-wrapper .preview-image .reset.image-reset{
    display: none;
}

.editor-button-line button span:before {
    content: "\2295";
}

.asset-library-image-preview img.tree-image {
    height: 70px !important;
}
.asset-library-image-preview .file {
    height: 100px;
    width: 100px;
    display: inline-block;
}
.asset-library-select .columns.first-column {
    width: 30% !important;
}
.asset-library-select .columns.last-column {
    width: 70% !important;
    padding: 0 15px;
}
.asset-library-select.popup  .file-selector .left-right-selector-panel{
    padding: 0 0 0 0;
}
.asset-library-select.popup .remote_folders{
    padding: 0 15px 0 0;
    position: relative;
}
.asset-library-select.popup .remote_folders .tree-title {
    /* @alternate */    width: -moz-calc(100% - 67px);
    /* @alternate */  width: -webkit-calc(100% - 67px);
    width: calc(100% - 67px);
}
.asset-library-select.popup .remote_folders:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #E1E1E1;
    position: absolute;
    right: 0;
    top: 0;
}
.asset-library-select.popup .wcui-tree {
    padding: 0;
}
.asset-library-select.popup .multi-column.two-column {
    display: flex;
}
.asset-library-select.popup .file.grid-item.jpg.selected {
    border-color: #16aad8;
}
.asset-library-select.popup .asset-library-image-preview,
.asset-library-select.popup .remote_folders{
    border: 0;
    height: 485px;
}
.asset-library-select.popup .files-root,
.asset-library-select.popup .folders-root {
    display: block;
    padding-bottom: 6px;
    border-bottom: 1px solid #E1E1E1;
}
.asset-library-select.popup .folders-root {
    margin-right: 15px;
}
.asset-library-select.popup .asset-library-image-preview img.tree-image {
    height: 58px !important;
    max-width: calc(100% - 15%);
}
.asset-library-select.popup .asset-library-image-preview .file {
    height: 100px;
    width: 120px;
    display: inline-block;
}
.asset-library-select.popup .asset-library-image-preview .file {
    border: 1px solid #f4f2f2;
    margin: 5px;
}
/*svg-global-size*/
.wc-icon{
    height: 20px;
    width: 20px;
}
.wc-icon.medium{
    height: 24px;
    width: 24px;
}
.wc-icon.large{
    height: 32px;
    width: 32px;
}
.wc-icon {
    fill: #929291;
}
.wc-icon.brand {
    fill: #1198C5;
}
.wc-icon.white {
    fill: #fff;
}

/* Preview Popup*/
.template-preview-panel.full .template-preview-iframe{
    width: calc(100vw);
    display:block;
    margin: 0 auto;
}

.template-preview-panel.ipad-landscape .template-preview-iframe {
    width: 1024px;
    display:block;
    margin: 0 auto;
}

.template-preview-panel.ipad-portait .template-preview-iframe {
    width: 768px;
    display:block;
    margin: 0 auto;
}

.template-preview-panel.mobile-landscape .template-preview-iframe {
    width: 667px;
    display:block;
    margin: 0 auto;
}

.template-preview-panel.mobile-portait .template-preview-iframe  {
    width: 375px;
    display:block;
    margin: 0 auto;
}

.template-preview-panel{
    position: fixed;
    /*left: 0;*/
    right: 0;
    top: 52px;
    margin-top: 60px;
    bottom: 0;
    z-index: 99999999;
    background-color: rgba(48, 50, 51, 0.8);
}

.template-preview-wrapper .top-panel .close-button button {
    background-color: #e42c2c;
    color: #fff;
}

.template-preview-wrapper {
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*padding: 0;*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*-moz-transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/
    /*-o-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%);*/
    /*height: calc(100vh - 10px);*/
    /*width: calc(100vw);*/
    /*overflow: hidden;*/
    /*border-radius: 5px;*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);*/
}


.template-preview-wrapper .fee-content-section {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    position: relative;
}

.template-preview-wrapper .template-preview-panel {
    background: #fff;
    width: 100%;
    height: calc(100% - 60px);
}

.template-preview-iframe div.jssor-slider-container .container,
.template-preview-iframe div.jssor-slider-container {
    width: 100% !important;
}
.template-preview-wrapper .template-preview-panel iframe {
    width: 100%;
    height: 100%;
}

.fee-preview-popup.fee-full .template-preview-wrapper {
    width: 1366px;
}

.template-preview-wrapper .top-panel {
    background-color: #ffffff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    height: 60px;
}

.template-preview-wrapper .top-panel > div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.template-preview-wrapper .top-panel > div.media-selector {
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    margin-right: 5px;
}

.template-preview-wrapper .top-panel > div.close-button {
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
}

.template-preview-wrapper .top-panel > div.close-button button {
    float: right;
}

.template-preview-wrapper .layout-option-menu.media-selector {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.template-preview-wrapper .layout-option-menu.media-selector > li {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media-selector .layout-option-media-chooser + .layout-option-media-chooser {
    margin-left: 1px;
}

.media-selector .layout-option-media-chooser:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.media-selector .layout-option-media-chooser:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.layout-option-menu.media-selector > li .layout-option-title {
    display: none;
}

.template-preview-wrapper .layout-option-media-chooser {
    background-color: #30383e;
    color: #707b85;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 40px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.template-preview-wrapper .layout-option-media-chooser:hover,
.template-preview-wrapper .layout-option-media-chooser.active {
    background-color: #1197C4;
    color: #000;
}

.template-preview-wrapper .layout-option-media-chooser:hover i,
.template-preview-wrapper .layout-option-media-chooser.active i {
    color: #000;
}

.fee-tab-landscape .fee-media-title {
    display: none;
}
.layout-option-media-chooser > .fa-mobile,
.layout-option-media-chooser > .fa-tablet,
.layout-option-media-chooser > .fa-desktop,
.fee-tab-landscape i,
.fee-mobile-landscape i {
    display: inline-block;
    vertical-align: middle;
    opacity: .5;
}
.layout-option-media-chooser:hover i,
.layout-option-media-chooser.active i{
    opacity: 1;
}
.layout-option-media-chooser > .fa-desktop {
    background: url(../../images/admin/desktop.png) no-repeat center center;
    height: 22px;
    width: 24px;
}
.layout-option-media-chooser:nth-child(3) > .fa-tablet {
    background: url(../../images/admin/tab-verticale.png) no-repeat center center;
    height: 21px;
    width: 17px;
}
.layout-option-media-chooser:last-child > .fa-mobile {
    background: url(../../images/admin/phone-verticale.png) no-repeat center center;
    height: 21px;
    width: 12px;
}
.fee-tab-landscape i {
    background: url(../../images/admin/tab-lanscape.png) no-repeat center center;
    height: 17px;
    width: 21px;
}

.fee-mobile-landscape i{
    background: url(../../images/admin/mob-lanscape.png) no-repeat center center;
    height: 12px;
    width: 21px;
}

.template-preview-wrapper .fee-media-selector,
.template-preview-wrapper .fee-close-button {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.fee-top-panel .fee-close-button {
    margin-left: 20px;
}
/* End Preview Popup */



/* Start Template related css */




.btn {
    font-size: 16px;
    font-family: "Source Sans Pro";
    line-height: 40px;
    text-align: center;
    height: 40px;
    padding: 0 25px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: all 400ms;
}

.link {
    color: #1197C4;
    font-size: 16px;
    font-weight: 600;
}

.btn-primary {
    color: #fff !important;
    background-color: #1199C4;
    text-decoration: none;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #1187AC;
    text-decoration: none;
}

.btn-primary.gray {
    background: #EBEBEB;
    color: #262626 !important;
}

.btn-primary.gray:hover {
    background: #bdbdbd;
    color: #262626 !important;
}

.btn-secondary {
    color: #555 !important;;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    text-decoration: none;
}

.btn-secondary:hover {
    color: #fff !important;;
    border: 1px solid #1199C4;
    background-color: #1199C4;
    text-decoration: none;
}

.template_details-header .template_actions a + a {
    margin-left: 6px;
}

/*flex-layout css */

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.f-wrap {
    flex-wrap: wrap;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f-auto > *:first-child {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-right: 15px;
}

.l-auto > *:last-child {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-left: 15px;
}

/*end*/

/*start layout style*/

#tab-template .app-tab-content-container > .body .template_list-block,
#tab-template .app-tab-content-container > .body .template_inner-wrapper,
#tab-template .app-tab-content-container > .body {
    height: 100%;
}
.template_list-block .template_inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
}

.template_list-block .template_single-item {
    -ms-flex-preferred-size: calc(24.33% - 24px);
    flex-basis: calc(24.33% - 24px);
    max-width: calc(24.33% - 24px);
    max-height: 321px;
    margin: 0 12px 20px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

.template_list-block .template_single-item.active,
.template_list-block .template_single-item:hover {
    border: 1px solid #1199c4;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.template_single-item .template_img-holder {
    min-height: 230px;
    max-height: 230px;
    overflow: hidden;
    position: relative;
}

.template_single-item .template_img-holder img {
    max-width: 100%;
    width: 100%;
}

.template_single-item .template_img-holder .template_actions-bar {
    position: absolute;
    bottom: -80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px;
    visibility: hidden;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.template_single-item.active .template_img-holder .template_actions-bar,
.template_single-item:hover .template_img-holder .template_actions-bar {
    visibility: visible;
    transition: all .4s;
    bottom: 0;
}

.template_single-item .template_img-holder .template_actions-bar .action_groups a + a {
    margin-left: 12px;
}

.template_single-item .template_img-holder .template_actions-bar.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.template_single-item .template_img-holder .template_actions-bar.center-align {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.template_single-item .template_img-holder .template_actions-bar .action_single {
    margin-left: 12px;
}

.template_single-item .template_img-holder .template_actions-bar .action_single i {
    font-size: 13px;
}

.template_single-item .template_content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #ffffff;
}

.template_single-item .template_content-block .split_left-dsc {
    flex: auto;
}

.template_single-item .template_content-block .split_left-dsc .template_name {
    font-size: 18px;
    font-weight: 600;
    color: #1199c4;
    cursor: pointer;
    position: relative;
}

.template_single-item.active .template_content-block .split_left-dsc .template_name:after {
    position: relative;
    content: "\f058";
    font-family: "FontAwesome";
    font-size: 18px;
    margin-left: 5px;
    color: #48C17E;
}

.template_rating-review .feature_data .template_rating label,
.template_single-item .template_content-block .split_left-dsc .template_rating > label,
.template_single-item .template_content-block .split_left-dsc .template_name > label {
    font-size: 15px;
    font-weight: 400;
    color: #707070;
}

.template_rating-review .feature_data .template_rating,
.template_single-item .template_content-block .split_left-dsc .template_rating {
    font-size: 19px;
    font-weight: 600;
    color: #707070;

}

.template_rating-review .feature_data .template_rating > i,
.template_single-item .template_content-block .split_left-dsc .template_rating > i {
    height: 14px;
    width: 14px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/admin/plugin-star.png) no-repeat center center;
}

.template_single-item .template_content-block .split_right-pricing label,
.template_single-item .template_content-block .split_right-pricing em {
    display: block;
    text-align: center;
    color: #1199c4;
}

.template_single-item .template_content-block .split_right-pricing.free label,
.template_single-item .template_content-block .split_right-pricing.free em {
    color: #9C9B9B;
}

.template_single-item .template_content-block .split_right-pricing label {
    font-size: 18px;
}

.template_single-item .template_content-block .split_right-pricing em {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
}
.app-tab-container.plugin > .embedded-edit-form-panel > .body.addons-details,
.app-tab-container.template > .embedded-edit-form-panel > .body.template-details,
.app-tab-container.plugin > .embedded-edit-form-panel > .body.pluggable-details {
    background-color: #F0F3F4 !important;
}
.app-tab-container.template.table-view .app-tab-content-container .footer{
    margin: 0 -20px;
}

/*start Details style*/
.pluggable_details_inner-wrapper,
.pluggable_details-block,
.template_details-block {
    padding: 0;
}

.pluggable_details-header,
.template_details-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background: #fff;
}

.pluggable_details-header .pluggable_data-holder h2,
.template_details-block .template_details-header .template_name {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 20px;
    font-weight: 600;
    color: #1197C4;
}

.pluggable_details-header .pluggable_data-holder p,
.template_details-block .template_details-header .template_name em {
    font-size: 15px;
    font-weight: 400;
    color: #707070;
    font-style: normal;
    display: block;
}

.pluggable_details-header .pluggable_data-holder p {
    margin: 4px 0;
}

.pluggable_details-header .pluggable_data-holder p > label {
    font-weight: 600;
}

/*end*/

/*template body style */
.pluggable_details-body,
.template_details-block .template_details-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 30px 0;
}

.pluggable_details-body .pluggable_left,
.template_details-block .template_details-body .gallery_left {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-right: 60px;
    position: relative;
}

.template_details-block .template_details-body .gallery_main-window img {
    max-width: 100%;
}

.template_details-block .template_details-body .gallery_main-window {
    position: relative;
    border-radius: 5px;
    max-height: 556px;
    overflow: hidden;
    overflow-y: scroll;
    text-align: center;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.template_details-block .template_details-body .gallery_options {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80%;
}
.template_details-block .template_details-body .gallery_options .multi-image-scroll-wrapper {
    width: calc(100% - 40px);
}
.template_details-block .template_details-body .gallery_options .image-thumb-container.product-thumb-view {
    width: 100%;
    overflow: hidden;
}
.template_details-block .template_details-body .gallery_options .thumb-image.product-thumb-width.product-thumb-height {
    width: 100%;
    white-space: nowrap;
    text-align: center;
}
.template_details-block .template_details-body .gallery_options .img-item {
    max-width: 150px;
    height: 90px;
    overflow: hidden;
    margin: 0 8px;
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.template_details-block .template_details-body .gallery_options .img-item:hover,
.template_details-block .template_details-body .gallery_options .img-item.active {
    box-shadow: 5px 5px 5px rgba(17, 51, 196, 0.2);
    border: 2px solid #1197C4;
}

.template_details-block .template_details-body .gallery_options .img-item img {
    max-width: 100%;
}

.pluggable_details-body .pluggable_dsc,
.template_details-block .template_details-body .gallery_dsc {
    flex: none;
    min-width: 370px;
    max-width: 370px;
    padding: 15px 20px 20px;
    background-color: #fff;
    max-height: 696px;
    overflow: auto;
}

.pluggable_details-body .pluggable_dsc {
    min-width: 332px;
    max-width: 332px;
    max-height: 500px;
}

.template_details-body .gallery_dsc .choose_theme {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}

.template_details-body .gallery_dsc .choose_theme .colour_items {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.template_details-body .gallery_dsc .choose_theme .colour_items .colour_holder {
    cursor: pointer;
    background-color: #ffffff;
    width: 55px;
    height: 55px;
    -webkit-flex: auto;
    flex: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: all .4s;
}

.template_details-body .gallery_dsc .choose_theme .colour_items .colour_holder + .colour_holder {
    margin-left: 14px;
}

.template_details-body .gallery_dsc .choose_theme .colour_items .colour_holder.checked:after {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 24px;
    color: #ffffff;
    transition: all .4s;
}

.template_details-body .gallery_dsc .choose_theme .colour_items .colour_holder.checked:before {
    position: absolute;
    content: '';
    height: 40px;
    width: 40px;
    border: 2px solid #fff;
    transition: all .4s;
}
.colour_items .colour_holder {
    position:relative;
}
.colour_items .colour_holder.selected::before {
    border: 2px solid #fff;
    content: "";
    height: 47px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 46px;
    border-radius: 3px;
}
.colour_items .colour_holder.selected::after {
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    height: 12px;
    left: 16px;
    position: absolute;
    top: 16px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 23px;
}

.pluggable_dsc .pluggable_brief,
.template_details-body .gallery_dsc .template_brief {
    margin: 10px 0;
}

.template_details-body .gallery_dsc h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.pluggable_dsc .pluggable_brief .feature_data a,
.template_details-body .gallery_dsc a {
    font-size: 15px;
    color: #1197C4;
    text-decoration: none;
}
.template-live-preview-button-group .btn-primary.close-operation,
.template_review-box .btn-secondary.review-cancel,
.template_actions-bar .btn-secondary.live-preview,
.template_actions-bar .btn-secondary.manage-detail,
.template_details-header .template_actions .btn.btn-secondary.live-preview,
.template_details-body .gallery_dsc .close-review-editor-panel {
    font-size: 15px;
    text-decoration: none;
    color: #555 !important;
    border: 1px solid #bfbfbf;
    background-color: #fff;
}

.template_details-body .gallery_dsc p {
    font-size: 17px;
    color: #515151;
    line-height: 22px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}

.pluggable_brief .feature_data,
.template_details-body .gallery_dsc .feature_data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}
.review-editor-panel .edit-popup-form.create-edit-form {
    padding: 0;
}
.pluggable_brief .feature_data > span,
.template_details-body .gallery_dsc .feature_data > span {
    font-size: 15px;
    color: #707070;
}

.pluggable_brief .feature_data > span + span,
.template_details-body .gallery_dsc .feature_data > span + span {
    font-weight: 700;
}

.pluggable_brief .feature_data > span + span.tags,
.template_details-body .gallery_dsc .feature_data > span + span.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 15px;
}

.pluggable_brief .feature_data > .tags a,
.template_details-body .gallery_dsc .feature_data > .tags a {
    padding: 4px 10px;
    background: #eee;
    font-size: 12px;
    font-weight: 400;
    color: #707070;
    text-align: center;
    text-decoration: none;
    margin: 2px;
    border-radius: 2px;
    transition: all .4s;
    white-space: nowrap;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pluggable_brief .feature_data > .tags a:hover,
.template_details-body .gallery_dsc .feature_data > .tags a:hover {
    color: #fff;
    background: #707070;
    transition: all .4s;
}
.template_review-box textarea {
    font-size: 14px;
    color: #707070;
    line-height: 20px;
    padding: 8px;
    width: 100%;
    height: 130px !important;
    border-radius: 3px;
    border: 1px solid #D3DBDF;
    resize: none;
}
.not-owner > a,
.write-review > a {
    display: block;
    width: 100%;
}
.single_comment .user_data{
    width: 100%;
}
.template_review-box .create-edit-form .action_groups > a.btn-secondary.submit-review {
    color: #ffffff !important;
}
.template_review-box .create-edit-form .action_groups > a + a {
    margin-left: 5px;
}
.template_review-box .create-edit-form .action_groups {
    display: flex;
    justify-content: flex-end;
}
.template_review-box textarea:focus {
    border: 1px solid #707070;
    outline: 0;
}

.template_review-box {
    width: 100%;
}
.template_review-box .create-edit-form{
    padding: 0;
}

.template_review-box .review_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.template_review-box .review_label > span {
    font-size: 15px;
    color: #707070;
}

.stars_group i {
    color: #DEDEDE;
    margin: 0 5px;
    transition: all .4s;
}

.stars_group i.selected,
.stars_group i:hover {
    color: #FFB217;
    transition: all .4s;
}

.template_details-body .gallery_dsc .template_rating-review {
    margin: 20px 0 0;
}

.template_details-body .gallery_dsc .template_rating-review .btn-primary {
    display: block;
    width: 100%;
}

/*pluggable style start*/
#tab-plugin .app-tab-content-container .section.my-package .pluggable_list-block.content {
    /* @alternate */  height: -moz-calc(100% - 20px);
    /* @alternate */   height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 0;
    background-color: #fff;
}
#tab-plugin .app-tab-content-container .section.my-package .header.Pluggable-header {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    overflow: visible;
}
.header.Pluggable-header > span {
    font-size: 15px;
    color: #404040;
    margin: 0;
}
.pluggable_title {
    font-size: 16px;
    font-weight: 600;
    color: #404040;
    padding: 10px 15px 15px;
    margin: 0;
}
.pluggable_title span > em {
    font-weight: 400;
    font-style: normal;
}
.pluggable_title > a {
    font-size: 15px;
    font-weight: 600;
    color: #1197C4;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.addons_items-list .addons_single-item,
.plugin_items-list .plugin_single-item {
    -ms-flex-preferred-size: calc(25% - 25px);
    flex-basis: calc(25% - 25px);
    max-width: calc(25% - 25px);
    padding: 20px;
    max-height: 284px;
    margin: 0 12px 20px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background-color: #fff;
}

@media only screen and (max-width:1366px) {

    .addons_items-list .addons_single-item,
    .plugin_items-list .plugin_single-item {
        -ms-flex-preferred-size: calc(33.334% - 25px);
        flex-basis: calc(33.334% - 25px);
        max-width: calc(33.334% - 25px);
    }

}

.addons_items-list .addons_single-item {
    padding: 10px;
    max-height: 110px;
}

.addons_items-list .addons_single-item:hover,
.plugin_items-list .plugin_single-item:hover {
    border: 1px solid #1199c4;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.plugin_single-item .plugin_header h2 {
    color: #1197C4;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    display: block;
}
.pluggable_details-header .pluggable_logo-holder .logo,
.addons_single-item .addons_header .addons_logo-holder,
.plugin_single-item .plugin_header .plugin_logo-holder {
    position: relative;
    height: 60px;
    width: 60px;
}
.addons_single-item .addons_header .addons_logo-holder {
    height: 40px;
    width: 40px;
}
.addons_single-item .addons_header .addons_logo-holder img {
    max-width: 40px;
    max-height: 40px;
}
.pluggable_details-header .pluggable_logo-holder .logo img,
.plugin_single-item .plugin_header .plugin_logo-holder img {
    max-width: 60px;
    max-height: 60px;
}

.pluggable_details-header .pluggable_logo-holder .logo img {
    max-height: 112px;
    max-width: 100%;
}

.plugin_logo-holder.in-pack.installed:before,
.addons_logo-holder.in-pack:before,
.plugin_data p.in-pack:before {
    content: "";
    position: absolute;
    top: 4px;
    right: auto;
    left: 0;
    height: 11px;
    width: 15px;
    text-align: center;
    background: url(../../images/admin/in-package.png) no-repeat center center;
}
.addons_logo-holder.out-pack:before,
.plugin_data p.out-pack:before {
    content: "";
    position: absolute;
    top: 4px;
    right: auto;
    left: 0;
    height: 16px;
    width: 16px;
    text-align: center;
    background: url(../../images/admin/out-package.png) no-repeat center center;
}
.plugin_logo-holder.in-pack.installed:before,
.addons_logo-holder.out-pack:before,
.addons_logo-holder.in-pack:before {
    top: -7px;
    right: -4px;
    left: auto;
    height: 22px;
    width: 22px;
}
.addons_logo-holder.out-pack:before {
    background: url(../../images/admin/out-package.png) no-repeat center center;
}
.plugin_logo-holder.in-pack.installed:before,
.addons_logo-holder.in-pack:before {
    background: url(../../images/admin/plugin-installed.png) no-repeat center center;
}
.plugin_data p.in-pack,
.plugin_data p.out-pack {
    color: #707070;
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
    position: relative;
}

.plugin_single-item.out-pack .plugin_data p:before,
.plugin_single-item.in-pack .plugin_data p:before {
    font-family: "FontAwesome";
    font-size: 15px;
    position: relative;
    left: -5px;
}

.plugin_single-item.in-pack .plugin_data p:before {
    content: "\f00c";
    color: #48C17E;
}

.plugin_single-item.out-pack .plugin_data p:before {
    content: "\f06a";
    color: #FFB217;
}

.plugin_single-item .plugin_body-content {
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.plugin_single-item .plugin_body-content > p {
    color: #707070;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pluggable_rating label,
.addons_single-item .addons_rating label,
.plugin_single-item .plugin_rating label {
    font-size: 16px;
    font-weight: 400;
    color: #707070;
}

.pluggable_rating,
.addons_single-item .addons_rating,
.plugin_single-item .plugin_rating {
    font-size: 16px;
    font-weight: 600;
    color: #707070;
}

.addons_single-item .addons_rating {
    margin-left: 10px;
}

.pluggable_rating > i,
.addons_single-item .addons_rating > i,
.plugin_single-item .plugin_rating > i {
    height: 14px;
    width: 14px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/admin/plugin-star.png) no-repeat center center;

}

.addons_single-item .addons_footer-block a,
.plugin_single-item .plugin_footer-block a {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    transition: all .4s;
    cursor: pointer;
}

.addons_single-item .addons_footer-block a:hover,
.plugin_single-item .plugin_footer-block a:hover {
    text-decoration: underline;
    transition: all .4s;
}

.addons_single-item .addons_footer-block a {
    font-size: 14px;
}

.addons_footer-block a.install,
.plugin_footer-block a.install {
    color: #48C17E;
}

.addons_footer-block a.installed,
.plugin_footer-block a.installed {
    color: #9C9B9B;
}

.addons_footer-block a.out-pack,
.plugin_footer-block a.out-pack {
    color: #1197C4;
}

.plugin_single-item.in-pack.free-price .plugin_footer-block span,
.plugin_single-item .plugin_footer-block span {
    font-size: 16px;
    font-weight: 600;
    color: #707070;
}

.plugin_single-item.in-pack.free-price .plugin_footer-block span {
    color: #9C9B9B;
}

/*addons style*/
.addons_single-item .addons_data h2 {
    color: #404040;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 264px;
}

.addons_single-item .addons_label {
    color: #707070;
    font-size: 14px;
    font-weight: 600;
    max-width: 170px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.addons_single-item .addons_footer-block {
    padding-top: 5px;
    margin-top: 10px;
    text-align: center;
    border-top: 1px solid #E6E6E6;
}

/*pluggable details*/
.pluggable_dsc .social_icons {
    margin: 15px 0;
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}
.pluggable_dsc .social_icons > li {
    list-style: none;
}
.pluggable_dsc .social_icons a {
    display: inline-block;
}

.pluggable_dsc .social_icons i {
    display: inline-block;
    height: 28px;
    width: 28px;
    font-size: 13px;
    line-height: 28px;
    margin: 0 3px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
.template_review-box .create-edit-form .action_groups.l-auto > *:last-child {
    margin-left: 0;
}
.pluggable_dsc .social_icons i.fa-facebook {
    background: #375799 url(../../images/admin/facebook.png) no-repeat center center;
}
.pluggable_dsc .social_icons i.fa-twitter {
    background: #68aae0 url(../../images/admin/twitter.png) no-repeat center center;
}
.pluggable_dsc .social_icons i.fa-linkedin {
    background: #0073ab url(../../images/admin/linkedin.png) no-repeat center center;
}

.pluggable_dsc .social_icons i.fa-envelope {
    background: #d03126 url(../../images/admin/mail.png) no-repeat center center;
}
.pluggable_dsc .support_request a {
    color: #0073ab;
    padding-top: 10px;
    display: inline-block;
    text-decoration: none;
}
.pluggable_dsc .support_request a i {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../../images/admin/out-package.png) no-repeat center center;
}
.pluggable_details-header .pluggable_actions span {
    margin-right: 20px;
}
.description.show-less {
    max-height: 370px;
    overflow: hidden;
}
.tab_navigation,
.tab_nav-content {
    max-width: 1170px;
}

.tab_navigation ul {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #E1E2E2;
}

.tab_navigation ul li a {
    text-decoration: none;
    color: #707070;
    font-size: 16px;
    font-weight: 600;
    padding: 0 27px 10px;
    position: relative;
}

.tab_navigation li a:hover,
.tab_navigation li.active a {
    color: #1197C4;
    position: relative;
}

.tab_navigation ul li a:hover::after,
.tab_navigation ul li.active a::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -1px;
    background: #1197C4;
}

.screenshots-list-items a.list-images {
    max-width: 270px;
    position: relative;
    margin: 0 6px 10px;
}

/*.screenshots-list-items a.list-images + a.list-images {*/
/*margin-left: 15px;*/
/*}*/

.screenshots-list-items a.list-images img {
    max-width: 100%;
    object-fit: cover;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.screenshots-list-items a.list-images span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0.5);
}
.screenshots-list-items {
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.content-inner-title {
    font-size: 20px;
    padding: 0 0 10px;
    color: #404040;
    font-weight: 600;
}

.content-inner-subtitle {
    font-size: 18px;
    color: #404040;
    font-weight: 600;
    margin: 20px 0 10px;
}

.key-features-list {
    margin-bottom: 15px;
}

.key-features-list li {
    font-size: 16px;
    color: #515151;
    line-height: 30px;
    position: relative;
    margin-left: 20px;
}

.key-features-list li:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 13px;
    height: 9px;
    width: 9px;
    background: #9C9B9B;
    border-radius: 9px;
}

.description p {
    color: #515151;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.tab_nav-content .button-show-less {
    color: #1197C4;
    font-size: 16px;
    font-weight: 600;
}

/*pricing style*/

.pricing_box .pricing_item {
    background-color: #fff;
    padding: 16px;
    text-align: center;
    border-radius: 3px;
    margin: 0 10px 10px 10px;
    min-width: 186px;
    max-width: 262px;
}

.pricing_box.d-flex {
    justify-content: flex-start;
}

.pricing_box .pricing_item h2 {
    font-size: 18px;
    color: #404040;
    margin: 0;
    padding-bottom: 5px;
}

.pricing_box .pricing_item span {
    font-size: 16px;
    color: #404040;
}

.pricing_box .pricing_item p {
    font-size: 16px;
    color: #404040;
    line-height: 26px;
    margin: 0;
    padding-top: 15px;
}

.tab_nav-content .see-all-pricing {
    color: #1197C4;
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    display: inline-block;
}

/*end*/
.customer_review .write_review,
.customer_review .review_data {
    flex-basis: 628px;
    max-width: 628px;
    min-height: 290px;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 3px;
}

.data_header .review_info h2 {
    color: #404040;
    font-size: 18px;
    font-weight: 600;

}

.data_header .link {
    font-size: 14px;
    font-weight: 400;

}

.customer_review .write_review {
    margin-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.customer_review .write_review > .stars_group {
    margin: 15px auto;
    min-width: 300px;
}

.customer_review .write_review .stars_group i {
    margin: 0 10px;
}

.customer_review .write_review > a {
    display: block;
    min-width: 300px;
    margin: 0 auto;
    text-align: center;
}

.customer_review .write_review > a + a {
    color: #1197C4;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
}

.customer_review .review_bar {
    display: block;
    height: 8px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0 12px;
    background: #EEF4F4;
}

.customer_review .stars_group i {
    margin: 0 2px;
    font-size: 13px;
}

.customer_review .review_count {
    font-size: 14px;
    color: #707070;
}

.customer_review .data_body {
    margin-top: 20px;
    padding-top: 24px;
    border-top: 1px solid #EEEEEE;
}

.customer_review .rating_dsc + .rating_dsc {
    margin-top: 15px;
}
.template_details-block .user_reviews-comments {
    padding-left: 30px;
}
.user_reviews-comments {
    padding-top: 30px;
}

.comment_bar-header {
    border-bottom: 2px solid #E1E2E2;
    padding-bottom: 12px;
}
.comment_bar-header .btn-select:hover,
.comment_bar-header .btn-select {
    font-size: 15px;
    padding: 3px 8px;
    height: auto;
    background-color: #EEF4F4;
}

.comment_bar-header h2 {
    font-size: 18px;
    font-weight: 600;
    color: #707070;
    margin: 0;
    padding: 0;
}

.single_comment {
    margin: 15px 0 0;
}

.single_comment .user_img {
    flex: none;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    background-color: #9AA4AE;
}
.single_comment .user_img img {
    max-height: 100%;
}

.single_comment .user_data p {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E1E2E2;
    word-break: break-all;
}

.single_comment .name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 3px;
}

.single_comment .pluggable_rating em {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    margin: 0 5px;
}
.user_reviews-comments .link {
    margin-left: 68px;
    padding-top: 10px;
    display: block;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.f-wrap {
    flex-wrap: wrap;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*-----My Accounts-----*/

.overview-top-wrapper .kpi-items {
    display: flex;
    flex-wrap: wrap;
}

.overview-top-section .overview-top-wrapper {
    padding: 20px 5px;
}

.overview-top-section .overview-top-wrapper .section-title {
    color: #707070;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 12px 13px;
}

.overview-top-wrapper .kpi-items .single-kpi {
    background: #fff;
    border: 1px solid #E1E2E2;
    border-radius: 3px;
    padding: 30px 20px;
    flex-basis: calc(100% / 4 - 26px);
    margin: 0 12px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.overview-top-wrapper .kpi-items .single-kpi:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    border: none;
}

.single-kpi .data-holder h3 {
    color: #4A647D;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 2px;
}


.single-kpi .data-holder p {
    color: #707070;
    font-size: 16px;
    font-weight: 400;
}

.single-kpi .data-holder p .text-bold {
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 120px;
    display: inline-block;
    vertical-align: bottom;
}

.single-kpi .data-holder p .free {
    color: #1197C4;
}

.single-kpi .icon-holder {
    width: 50px;
    height: 50px;
    background: #CCE9F3;
    border-radius: 50%;
    position: relative;
}

.open-project .icon-holder {
    background: #F3F1FF;
}

.plugins .icon-holder {
    background: #FFF7E6;
}

.addons .icon-holder {
    background: #EBF9E9;
}

.emails .icon-holder {
    background: #FFE2E2;
}

.domains .icon-holder {
    background: #EBF9E9;
}

.ssl-certificates .icon-holder {
    background: #F3F1FF;
}

.template .icon-holder {
    background: #E5F3FE;
}

.icon-holder:before {
    content: '';
    position: absolute;
    height: 24px;
    width: 28px;
    top: 50%;
    left: 50%;
    background: url(../../images/admin/icon-sprites.png);
    transform: translate(-50%, -50%);
}

.open-tickets .icon-holder:before {
    background-position: -28px 30px;
}

.open-project .icon-holder:before {
    background-position: 62px 0;
}

.plugins .icon-holder:before {
    background-position: 34px -25px;
}

.addons .icon-holder:before {
    background-position: 62px 30px;
}

.emails .icon-holder:before {
    background-position: 0 -25px;
}

.domains .icon-holder:before {
    background-position: 91px 0;
}

.template .icon-holder:before {
    background-position: 33px 0;
}

.account-plan-payment-section {
    padding: 0 17px;
}

.account-plan-payment-section .account-plan-payment-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border: 1px solid #ECECEC;
    background: #fff;
    border-radius: 3px;
}

.account-plan-payment-wrapper .account-plan-payment {
    padding: 20px 30px 20px 0;
    flex-basis: calc(100% / 3 - 70px);
    margin: 0 35px 0 35px;
}

.account-plan-payment.current-plan {
    position: relative;
}

.account-plan-payment.current-plan:before {
    content: '';
    position: absolute;
    background: #E1E2E2;
    width: 1px;
    height: 315px;
    left: -50px;
    bottom: 60px;
}

.account-plan-payment.current-plan:after {
    content: '';
    position: absolute;
    background: #E1E2E2;
    width: 1px;
    height: 315px;
    right: -20px;
    bottom: 60px;
}

.account-plan-payment .section-inner-title {
    font-size: 16px;
    color: #4A647D;
    margin-bottom: 12px;
    font-weight: 600;
}
.account-plan-payment .section-inner-title > img {
    float: right;
    visibility: hidden;
}
.account-plan-payment:hover .section-inner-title > img {
    visibility: visible;
    cursor: pointer;
}
.account-plan-payment .account-details,
.account-plan-payment .plan-details,
.account-plan-payment .payment-details {
    border-top: 1px solid #E1E2E2;
    padding-top: 20px;
}

.account-plan-payment.payment-method .payment-details {
    padding-top: 50px;
}

.account-plan-payment .account-details .profile {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.account-plan-payment .account-details .profile .profile-image {
    margin-right: 10px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.account-details .profile .profile-name h5 {
    color: #1197C4;
    font-size: 20px;
    font-weight: 600;
}

.account-details .profile .profile-name p {
    font-size: 14px;
    color: #707070;
    /*font-weight: 600;*/
}

.additional-information .company-name,
.additional-information .phone,
.additional-information .location {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #070707;
    border-bottom: 1px solid #EDEDED;
    padding: 10px 0;
}

.additional-information .location {
    border-bottom: none;
    margin-bottom: 25px;
}

.additional-information .company-name span,
.additional-information .location span {
    margin-right: 15px;
}

.additional-information .phone span {
    margin-right: 10px;
}

.billing-address a {
    display: block;
    padding: 15px 20px;
    background: #EEF4F4;
    border-radius: 2px;
    text-decoration: none;
    font-size: 15px;
    color: #707070;
    font-weight: 600;
    position: relative;
}

.billing-address a:after {
    content: url(../../images/admin/arrow.png);
    position: absolute;
    top: 18px;
    right: 20px;
}

.billing-address a:hover {
    color: #1197C4;
}

.account-plan-payment .plan-details .gold-change-plan {
    background: #1197C4;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 85px;
    border-radius: 6px;
    position: relative;
    justify-content: space-between;
    margin-bottom: 20px;
    z-index: 0;
}

.account-plan-payment .plan-details .gold-change-plan:before {
    width: 100%;
    height: 100%;
    content: '';
    background: url(../../images/admin/plan-bg.png) no-repeat center bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.gold-change-plan .gold h3 {
    font-size: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.gold-change-plan .gold p {
    font-size: 13px;
    color: #fff;
}

.edit-change-plan .change-plan {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    padding-right: 20px;
}
.gold-change-plan .edit-change-plan {
    display: flex;
}
.plan-details .next-invoice,
.plan-details .last-payment {
    padding: 15px;
    border: 1px solid #ECECEC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 3px;
}

.next-invoice .invoice-and-due h4,
.last-payment .last-payment-and-invoice h4 {
    font-size: 15px;
    color: #404040;
    font-weight: 600;
    margin-bottom: 5px;
}

.next-invoice .invoice-and-due p,
.last-payment .last-payment-and-invoice p {
    font-size: 15px;
    color: #404040;
}
.invoice-single-item {
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #e1e2e2;
}
.invoice-single-item + .invoice-single-item {
    margin-top: 8px;
}
.last-payment .last-payment-and-invoice span {
    color: #9C9B9B;
    font-size: 14px;
    margin-top: 2px;
    display: inline-block;
}

.next-invoice .play-now-button {
    color: #1197C4;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.next-invoice .play-now-button:hover {
    text-decoration: underline;
}

.current-plan .view-all-invoice {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #707070;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.current-plan .view-all-invoice:hover {
    color: #1197C4;
    text-decoration: underline;
}

.payment-details .card-information {
    max-width: 420px;
    padding: 35px;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
form.visa-form.create-edit-form {
    padding: 0;
}
.card-information .logo-edit-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.visa-form .card-number-and-expiration {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.visa-form .card-number-and-expiration > .form-row {
    padding-bottom: 0;
}
.visa-form.create-edit-form > .form-row {
    padding: 0;
}
.visa-form.create-edit-form > .form-row.cardholder-name {
    padding-top: 20px;
}
.form-row.card-number {
    width: 65%;
    flex-basis: 65%;
    margin-right: 5%;
}

.form-row.expiration {
    width: 35%;
    flex-basis: 35%;
}

.card-information .visa-form input[type="text"]:focus{
    border-bottom-color: #1199c4;
    transition: all .4s;
}
.card-information .visa-form input[type="text"] {
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #E6E6E6;
    font-size: 16px;
    color: #333333;
    padding: 0;
    height: 20px !important;
    transition: all .4s;
}

.card-information .visa-form input:focus {
    outline: none;
}

.card-information .visa-form label {
    color: #666666;
    font-size: 13px;
}

/*-----Package list css-----*/

.package-list-wrapper .package-list {
    width:100%;
    max-width:1460px;
    margin:0 auto;
    position:relative;
}

.package-list-wrapper .subscription {
    background-color: #fff;
    padding: 30px;
}

.package-list-wrapper .section-title {
    color: #2E2F2F;
    font-size: 18px;
    font-weight: 600;
}


.package-list-wrapper .subscription .package-list {
    width:100%;
    max-width:1460px;
    margin:0 auto;
    position:relative;
}


.package-list-wrapper .subscription .package-list table {
    border-collapse:collapse;
    /*table-layout:fixed;*/
    /*width:100%;*/
}

.package-list-wrapper .subscription .package-list table th {
    background:#fff;
    /*display:none;*/
}

.package-list-wrapper .subscription .package-list table td {
    /*padding: 12px;*/
    /*empty-cells: show;*/
    /*font-size: 15px;*/
    /*font-weight: 600;*/
    /*color: #404040;*/
}

.package-list-wrapper .subscription .package-list table tr + tr {
    border-bottom:1px solid #F0F0F0;
}

.package-list-wrapper .subscription .package-list table tr:last-child {
    border-bottom:none;
}

.package-list-wrapper .subscription .package-list table td+td,
.package-list-wrapper .subscription .package-list table th+th {
    text-align:center;
}

.package-list-wrapper .subscription .package-list table .row {
    background:#fff;
    font-size: 15px;
    font-weight: 600;
    color: #9C9B9B;
    text-transform: uppercase;
}

.txt-l {
    font-size: 32px;
    font-weight: 600;
    color: #32485E;
}

.txt-top {
    position:relative;
    top:-9px;
    left:-2px;
}

.tick {
    font-size:18px;
    color:#707070;
}

.hide {
    border:0;
    background:none;
}

.th-bronze,
.th-platinum,
.th-gold,
.th-silver,
.th-content {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #404040;
}


.th-bronze > span,
.th-platinum > span,
.th-gold > span,
.th-silver > span,
.th-content > span,
.pack-info {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #707070;
    text-transform: capitalize;
    margin-top: 4px;
}

.pack-info {
    margin-bottom: 15px;
}

.pack-info a {
    display: block;
}

.pack-info .package-form-button,
.package-form-button {
    margin-top: 6px;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    display: block;
    background: #e9e9e9;
    border: none;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #bdbdbd;
    padding: 8px;
    cursor: default;
    pointer-events: none;
}

.package-form-button.view-all {
    border-bottom: 1px solid #1197C4;
}

.package-list-wrapper .subscription .package-list table td .tick-sign {
    position: relative;
}

.package-list-wrapper .subscription .package-list table td .tick-sign:after {
    content: "";
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M15.3727%203.29297C15.7633%203.68359%2015.7633%204.31797%2015.3727%204.70859L7.37266%2012.7086C6.98203%2013.0992%206.34766%2013.0992%205.95703%2012.7086L1.95703%208.70859C1.56641%208.31797%201.56641%207.68359%201.95703%207.29297C2.34766%206.90234%202.98203%206.90234%203.37266%207.29297L6.66641%2010.5836L13.9602%203.29297C14.3508%202.90234%2014.9852%202.90234%2015.3758%203.29297H15.3727Z%22%20fill%3D%22%23262626%22%2F%3E %3C%2Fsvg%3E");
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.package-list-wrapper .subscription .package-list table tr.border-none {
    border-bottom: none;
}

.package-list-wrapper .subscription .package-list table .highlited {
    background-color: rgba(208,240,253,.29);
}

.th-gold.checked.highlited.active {
    position: relative;
}

.th-gold.checked.highlited.active:after {
    content: url(../../images/admin/active.png);
    position: absolute;
    top: -10px;
    right: -10px;
}

.package-list-wrapper .subscription .package-list th {
    overflow: visible !important;
}

@media (min-width: 640px) {

    .package-list-wrapper .subscription .package-list table td,
    .package-list-wrapper .subscription .package-list table th {
        display:table-cell !important;
    }

    .package-list-wrapper .subscription .package-list table td,
    .package-list-wrapper .subscription .package-list table th {
        width: 330px;
        padding-right: 60px;
    }

    .package-list-wrapper .subscription .package-list table td+td,
    .package-list-wrapper .subscription .package-list table th+th {
        width: 200px;
        padding: 10px 30px;
    }

}
@media screen and (min-height: 600px) and (max-height: 690px) {
    .popup .log-summary {
        height: 36vh;
        max-height: 36vh;
    }
    .popup .log-summary .scrollable.vertical-scroll {
        max-height: 36vh;
    }
}

/*-----checkout page-----*/

.package-list-wrapper .subscription .checkout {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
}

.checkout .selected-plan {
    background: #E9F3F7;
    border: 1px solid #6FC0DB;
    border-radius: 3px;
    padding: 14px 20px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

.selected-plan .gold-plan p {
    color: #404040;
    font-size: 13px;
    font-weight: 600;
}

.selected-plan .gold-plan h3 {
    color: #1197C4;
    font-size: 16px;
    font-weight: 600;
}

.selected-plan .gold-plan h3 span {
    font-size: 14px;
    color: #707070;
    font-weight: 400;
}

.selected-plan .change-plan-button {
    color: #1197C4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.checkout .payment-and-purchase .purchase-summary {
    max-width: 300px;
    flex-basis: 300px;
    padding: 40px 20px;
    background: #FBFBFB;
}


.payment-and-purchase.d-flex {
    align-items: flex-start;
}

.checkout .payment-and-purchase .purchase-summary h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #404040;
}

.purchase-summary .summary p {
    padding: 6px 0 4px;
    border-bottom: 1px solid #E2E2E2;
    color: #707070;
    font-size: 15px;
}

.purchase-summary .summary p:last-child {
    border-bottom: none;
}

.purchase-summary .summary span {
    color: #000000;
    text-align: right;
    margin-right: 0;
}

.confirm-subscription:active,
.confirm-subscription:hover,
.confirm-subscription {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 12px 0;
    background: #1197C4;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
}

.payment-details-form input[type="text"],
.county-state .country select,
.county-state .state select {
    width: 100%;
    border: 1px solid #DFE5E8;
    padding: 8px;
    border-radius: 3px;
    margin-bottom: 10px;
    height: 40px;
}

.payment-details-form input:focus,
.county-state .country select:focus ,
.county-state .state select:focus {
    outline: none;
}


.source-form a {
    text-decoration: none;
    color: #A6A6A6;
    font-size: 13px;
}

.source-form {
    position: absolute;
    top: 0;
    right: 0;
}

.payment-details-form.f-auto label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

.payment-details-form .county-state .country,
.payment-details-form .county-state .state,
.payment-details-form .city-postal-code .city,
.payment-details-form .city-postal-code .postal-code {
    width: 50%;
}

.payment-details-form .county-state .country,
.payment-details-form .city-postal-code .city {
    margin-right: 10px;
}

.payment-details-form .county-state .state,
.payment-details-form .city-postal-code .postal-code {
    margin-left: 10px;
}
.payment-details-form.f-auto label.billing-details,
.billing-details {
    color: #4D4D4D;
    font-size: 17px;
    font-weight: 600;
    margin: 20px 0 20px 0;
}

.payment-details-form.f-auto > label.billing-details{
    margin-top: 0;
}
.enter-payment-details.save-info.form-row, .enter-payment-details.save-card.form-row {
    padding: 10px 0;
}
/*-----Payment Success-----*/

.content-header-part .cancel-button {
    background: #fff;
    padding: 5px 8px;
    text-decoration: none;
    color: #353535;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    font-size: 13px;
}

.content-header-part {
    justify-content: space-between;
    align-items: center;
}

.package-list-wrapper .subscription .payment-success {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 100px 0;
}

.payment-success img {
    margin-bottom: 25px;
}

.payment-success .congratulation-message {
    color: #32485E;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
}

.payment-success .congratulation-message .congratulatio {
    color: #48C17E;
    text-decoration: none;
}

.payment-success .congratulation-message span {
    text-decoration: underline;
}


/*-----Account Info-----*/

.dashboard-user-profile .basic-info {
    display: flex;
    margin-bottom: 30px;
}

.dashboard-user-profile .basic-info .profile-image {
    margin-right: 40px;
    position: relative;
}

.dashboard-user-profile .basic-info .profile-image .profile-image-hover {
    position: absolute;
    top: 0;
    display: none;
}

.dashboard-user-profile .basic-info .profile-image:hover .profile-image-hover{
    display: block;
}

.dashboard-user-profile .basic-info .profile-image:hover .fake-chooser-text {
    display: none;
}

.dashboard-user-profile .basic-info .profile-image img {
    height: 160px;
    border-radius: 50%;
    z-index: -1;
    width: 160px;
    object-fit: cover;
}

.profile-image .profile-image-hover .dropzone-wrapper .dropzone {
    background: rgba(64,64,64,.1) url(../../images/admin/camera.png) no-repeat center center;
    border: none;
    border-radius: 50%;
    box-sizing: content-box;
    cursor: pointer;
    height: 160px !important;
    width: 160px !important;
    position: relative;
    padding: 0;
    font-size: 0;
}

.edit-popup-form .basic-info .info .form-section-container {
    margin-left: 0 !important;
}

.edit-popup-form .basic-info .info {
    width: 100%;
}

.edit-popup-form .other-info .form-section-container {
    margin-left: 0;
}

.edit-popup-form .other-info .form-section-container h2 {
    color: #4D4D4D;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.table-view .body .content,
.table-view .body .content th {
    border: none !important;
}
.table-view .body .content td {
    border-left: none;
}

.screenshots-list-items {
    position: relative;
}
.template_details-block .template_details-body .image-left-scroller.scroll-navigator,
.screenshots-list-items .image-left-scroller.scroll-navigator {
    top: 50%;
    right: auto;
    left: 0;
    height: 45px;
    width: 50px;
    transform: translateY(-50%);
}
.template_details-block .template_details-body .image-right-scroller.scroll-navigator,
.screenshots-list-items .image-right-scroller.scroll-navigator {
    top: 50%;
    right: 0;
    left: auto;
    height: 45px;
    width: 50px;
    transform: translateY(-50%) rotate(180deg);
}

.screenshots-list-items .thumb-image a.list-images {
    max-width: 180px;
    position: relative;
    margin: 0 14px 10px;
    max-height: 120px;
    overflow: hidden;
    background: red;
}
.screenshots-list-items .thumb-image.product-thumb-width.product-thumb-height {
    white-space: nowrap;
    overflow: hidden;
}
.pluggable_details-body .pluggable_left .top-side-header {
    border-width: 0 0 2px 0;
    padding: 0;
}
.pluggable_details-body .pluggable_left .top-side-header .bmui-tab-header {
    background: transparent;
    border: none;
}
.pluggable_details-body .pluggable_left .top-side-header .bmui-tab-header.bmui-tab-active:before,
.pluggable_details-body .pluggable_left .top-side-header .bmui-tab-header:hover:before {
    height: 0;
}
.pluggable_details-body .pluggable_left .top-side-header .bmui-tab-header.bmui-tab-active:after,
.pluggable_details-body .pluggable_left .top-side-header .bmui-tab-header:hover:after {
    top: auto;
    bottom: -1px;
}
.pluggable_details-body .pluggable_left .top-side-header .bmui-tab-header .title {
    margin-left: 3px;
    margin-right: 3px;
    font-weight: 600;
}
.payment-details .card-information,
.account-plan-payment-wrapper .last-payment,
.account-plan-payment-wrapper .edit-icon {
    cursor: pointer;
}
.payment-details .logo-edit-icon .edit-icon.edit-info {
    background: url(../../images/admin/edit.png) no-repeat top right;
    display: block;
    height: 17px;
    width: 17px;
}
.payment-details .logo-edit-icon .submit-icon {
    background: url(../../images/admin/active.png) no-repeat top right;
    display: block;
    height: 30px;
    width: 30px;
}
.visa-crad-group-action .edit-cancel {
    display: flex;
    height: 26px;
    width: 26px;
    background-color: #FFE2E2;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    user-select: none;
}
.visa-crad-group-action * + * {
    margin-left: 7px;
}
.visa-crad-group-action .edit-cancel .wc-icon {
    fill: #F56460;
}
.account-plan-payment:hover .account-info.edit-icon {
    background: url(../../images/admin/edit.png) no-repeat center right;
}
.visa-card-logo {
    /*background: url(../../images/admin/visa.png) no-repeat center left;*/
    background: url(../../images/admin/visa_new.png) no-repeat center left;
    width: 53px;
    height: 23px;
    display: inline-block;
}

.mastercard-card-logo {
    /*background: url(../../images/admin/master_card.png) no-repeat center left;*/
    background: url(../../images/admin/master_card_new.png) no-repeat center left;
    width: 53px;
    height: 23px;
    display: inline-block;
}
.edit-icon.change-plan {
    background: url(../../images/admin/edit-2.png) no-repeat center right;
}
.pdf-link > .pdf-icon {
    background: url(../../images/admin/pdf.png) no-repeat center right;
    width: 20px;
    height: 23px;
    display: inline-block;
}
.my-account-invoice-popup .pdf-link > .pdf-icon {
    vertical-align: top;
    margin: 5px;
}
.my-account-invoice-popup .invoice-name {
    display: inline-block;
    width: calc(100% - 30px);
}
.additional-information .company-icon,
.additional-information .phone-icon,
.additional-information .location-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
}
.additional-information .company-icon {
    background: url(../../images/admin/company.png) no-repeat center center;
}
.additional-information .phone-icon {
    background: url(../../images/admin/phone.png) no-repeat center center;
}
.additional-information .location-icon {
    background: url(../../images/admin/location.png) no-repeat center center;
}
.card-information .form-row input.validation-error {
    border-bottom-color: #F56460 !important;
}
.app-tab-container .template-details .footer,
.app-tab-container #bmui-tab-ratingAndReview .footer {
    background : transparent;
}
.no-entry-block {
    background-color: #fafbfc;
    display: block;
    text-align: center;
    border-bottom: 1px solid #EAEFF0;
    border-top: 1px solid #EAEFF0;
    padding: 9px 5px 10px 20px;
    width: calc(100% - 30px);
    margin: 0 auto;
}
.dashlet-wrapper.ecommerce-disabled .webContentAndDesign {
    grid-column: span 3;
}
.dashlet-wrapper.ecommerce-disabled .dashlet-ribbon .icon {
    margin-top: 4%;
}

.my-account-invoice-popup  .invoice-column{
    width: 40%;
}

/*Left side navigation css*/
#workspace #navigation-left-side.left-sidebar {
    padding: 20px;
}
#workspace #navigation-left-side.left-sidebar li,
#workspace #navigation-left-side.left-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#workspace #navigation-left-side.left-sidebar .bottom-fixed-nav li a {
    margin-bottom: 6px;
}

/*navbar style*/
#workspace #navigation-left-side.left-sidebar .menu-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}
#workspace #navigation-left-side.left-sidebar .navigation-list {
    overflow: auto;
    min-height: 0;
    flex: 1 1 0;
    margin-left: 8px;
}

#workspace #navigation-left-side.left-sidebar {
    padding: 0;
    background-color: #222029;
    width: 290px !important;
    height: calc(100vh - 102px);
    left: 0;
    top: 51px;
    position: fixed;
    z-index: 2147483647;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#workspace #navigation-left-side.left-sidebar .nav-heading .nav-title {
    display: inline-block;
    margin-left: 15px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #B7C0CD;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item a {
    padding: 20px 12px;
    text-decoration: none;
    font-size: 16px;
    color: rgba(255,255,255,0.8);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    border-radius: 5px;
    transition: all 0.15s ease-in-out;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.dropdown a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    height: 10px;
    width: 10px;
    transform: translateY(-50%);
    background: url("../../images/admin/arrow-hover.png") no-repeat;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.dropdown.active > a:after,
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.dropdown a:hover:after{
    background: url("../../images/admin/arrow-hover.png") no-repeat;
}

#navigation-left-side .todo-nav-bar {
    padding: 20px;
}
#navigation-left-side .nav-lbl.item-space {
    padding: 26px 20px 10px;
}
#navigation-left-side .nav-lbl {
    color: rgba(127,142,164,.75);
    font-size: 13px;
    margin: 0;
    padding-bottom: 6px;
}
#navigation-left-side .todo-nav-bar .nav-lbl {
    padding-left: 0;
}
#navigation-left-side .nav-lbl {
    padding-left: 20px;
}
#navigation-left-side .todo-nav-bar .todo-groups span {
    display: flex;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: rgb(2,0,36);
}
#navigation-left-side .todo-nav-bar .todo-groups .todo-1 {
    background: linear-gradient(-180deg, rgba(105,87,218,1) 25%, rgba(87,161,218,1) 75%);
}
#navigation-left-side .todo-nav-bar .todo-groups .todo-2 {
    background: linear-gradient(-180deg, rgba(68,175,106,1) 25%, rgba(87,218,122,1) 75%);
}
#navigation-left-side .todo-nav-bar .todo-groups .todo-3 {
    background: linear-gradient(-180deg, rgba(218,87,87,1) 25%, rgba(198,30,248,1) 75%);
}
#navigation-left-side .todo-nav-bar .todo-groups .todo-4 {
    background: linear-gradient(-180deg, rgba(17,151,196,1) 25%, rgba(74,100,125,1) 75%);
}
.todo-nav-bar .todo-groups {
    justify-content: space-between;
}
.nav-item.dropdown.administration li.rule.nav-item.navigate {
    display: none;
}
.nav-item.dropdown.administration li.rate.nav-item.navigate {
    display: none;
}
.nav-item.dropdown.administration li.tax_rate.nav-item.navigate {
    display: none;
}
.nav-item.dropdown.administration li.tax_rule.nav-item.navigate {
    display: none;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item a i + i {
    font-size: 20px;
    color: #747474;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item a svg {
    color: #7F8EA4;
    margin-right: 14px;
    fill: #7F8EA4;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item a:hover svg {
    color: #fff;
    fill: #fff;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item a:hover {
    background: rgba(255,255,255, 0.050);
    color: #ffffff;
    transition: all 0.15s ease-in-out;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.active {
    background-color: rgba(255,255,255, 0.050);
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.active a > svg {
    fill: #fff;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.active a {
    color: #ffffff;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.active.dropdown.open > a {
    -webkit-box-shadow: inset 4px 0px 0px 0px rgba(17,151,196,1);
    -moz-box-shadow: inset 4px 0px 0px 0px rgba(17,151,196,1);
    box-shadow: inset 4px 0px 0px 0px rgba(17,151,196,1);
    border-radius: 0;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.active.dropdown.open > a:after {
    transform: translateY(-50%) rotate(-90deg);
}

#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.active a i + i {
    color: #ffffff;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.dropdown.open .sub-menu {
    display: block;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .sub-menu {
    display: none;
    background-color: #222029;
    position: relative;
    -webkit-box-shadow: inset 4px 0px 0px 0px rgba(17,151,196,1);
    -moz-box-shadow: inset 4px 0px 0px 0px rgba(17,151,196,1);
    box-shadow: inset 4px 0px 0px 0px rgba(17,151,196,1);
}

#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .sub-menu .nav-item a {
    padding-left: 50px;
    color: #B7C0CD;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .sub-menu .nav-item a:after{
    display: none;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .sub-menu .nav-item a:hover {
    color: #ffffff;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .sub-menu .nav-item.active {
    background-color: #222933;
}
#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .sub-menu .nav-item.active a {
    color: #ffffff;
}
#workspace #navigation-left-side .toggle {
    right: -24px;
    width: 24px;
    top: 50%;
    color: #fff;
    padding: 25px 2px;
    position: absolute;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #33323A;
    user-select: none;
}
#workspace #navigation-left-side .toggle:before {
    content: "";
    position: absolute;
    background: url("../../images/admin/toggle.png") no-repeat center center;
    height: 11px;
    width: 14px;
    transform: rotate(-180deg);
}
#workspace #navigation-left-side .toggle.open:before {
    background: url("../../images/admin/toggle.png") no-repeat center center;
    transform: rotate(360deg);
}
/*will remove*/
.wc-icon{
    height: 20px;
    width: 20px;
}
.wc-icon.medium{
    height: 24px;
    width: 24px;
}
.wc-icon.large{
    height: 32px;
    width: 32px;
}
.wc-icon {
    fill: #929291;
}
.wc-icon.brand {
    fill: #1198C5;
}
.wc-icon.white {
    fill: #fff;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
.dashlet-wrapper.ecommerce-disabled .webContentAndDesign {
    grid-column: span 3;
}
.dashlet-wrapper.ecommerce-disabled .dashlet-ribbon .icon {
    margin-top: 4%;
}

.my-account-invoice-popup  .invoice-column{
    width: 40%;
}

#navigation-left-side .scrollbar {
    background-color: #92989a6e;
    border: 1px solid #53565759;
    border-radius: 4px;
    z-index: 1;
    width: 7px;
}

#navigation-left-side .scrollbar-handle {
    background-color: #2e3234;
}

/*product-setting*/
#frmProductSetting .section-separator {
    margin: 78px 0px 78px;
}
.m-left-300,
.ml-300{
    margin-left: 300px;
    padding-bottom: 15px;
}
.ml-300 ~ .form-section-container.product-page-setting {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E1E3E3;
}

.ml-300 ~ .form-section-container.product-page-setting:last-child {
    border-bottom: 0;
}
.product-page-setting {
    display: flex;
}
#bmui-tab-productSettings .form-section {
    min-height: unset !important;
}
.product-page-setting .settings-app-view-table-wrapper {
    flex: 1;
    /*min-width: 400px;*/
    border: 1px solid #E1E3E3;
    border-top: 0;
}
.product-page-setting .settings-app-view-table-wrapper:nth-of-type(1)  {
    border-top-left-radius: 3px;
    border-right: 0;
}
.product-page-setting .settings-app-view-table-wrapper:nth-of-type(3)  {
    border-top-right-radius: 3px;
}
.product-page-setting .settings-app-view-table-wrapper:nth-of-type(1)  {
    margin-right: -1px;
}
.product-page-setting .settings-app-view-table-wrapper:nth-of-type(3)  {
    margin-left: -1px;
}
.product-page-setting .settings-app-view-table-header {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #E1E3E3;
    background-color:#F7F9F9;
}
.product-page-setting .settings-app-view-table-header .order-icon,
.product-page-setting .settings-app-view-table-header .cart-icon,
.product-page-setting .settings-app-view-table-header .dollar-icon{
    display: inline-block;
    height: 32px;
    width: 32px;
    position: relative;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #E1E3E3;
}
.product-page-setting .settings-app-view-table-header .order-icon:before,
.product-page-setting .settings-app-view-table-header .cart-icon:before,
.product-page-setting .settings-app-view-table-header .dollar-icon:before{
    position: relative;
    content: "";
    height: 32px;
    width: 32px;
    display: inline-block;
}
.product-page-setting .settings-app-view-table-header .dollar-icon:before {
    background: url(../../images/admin/shopping-cart.png) no-repeat center center;
}
.product-page-setting .settings-app-view-table-header .cart-icon:before {
    background: url(../../images/admin/check-out.png) no-repeat center center;
}
.product-page-setting .settings-app-view-table-header .order-icon:before {
    background: url(../../images/admin/order-confirmaiton.png) no-repeat center center;
}
.product-page-setting .settings-app-view-table-header label {
    margin: 0;
    padding-left: 12px;
}
.product-page-setting .settings-app-view-table-body{
    padding: 20px 20px 0 20px;
}
.product-page-setting .settings-app-view-table-body .double-input-row .form-row{
    width: 100%;
}
.product-page-setting .settings-app-view-table-body .double-input-row .form-row:nth-child(2) {
    margin-left: 0;
}
.product-page-setting .settings-app-view-table-body  .form-row + .form-row,
.product-page-setting .settings-app-view-table-body .double-input-row .form-row,
.product-page-setting .settings-app-view-table-body .nested-panel .form-row{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D3DBDF;
}

.product-page-setting .settings-app-view-table-body  .form-row + .form-row:last-child,
.product-page-setting .settings-app-view-table-body .nested-panel:last-child .form-row{
    border-bottom: 0;
    padding-bottom: 0;
}
.product-page-setting .settings-app-view-table-body .nested-panel .nested-content {
    padding: 0;
}
.product-page-setting .settings-app-view-table-body .nested-panel {
    padding-top: 0;
    border-top: none;
    position: relative;
}
.dashlet-header-part.header {
    padding: 5px;
    height: 45px;
    border-bottom: 1px solid #d7d7d7;
    background-color: #ffffff;
    box-shadow: 0 0 2px white inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}
.dashlet-item.label-bar.row-wcui-checkbox-right {
    background: none repeat scroll 0 0 #FAFDFD;
    border: 1px solid #E1E5E5;
    color: #777;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    padding: 0 14px 0 20px;
    position: relative;
}
.dashlet-item.label-bar.row-wcui-checkbox-right .new-dashboard-dashlet-title {
    margin-left: 5px;
}
.dashlet-list-wrapper.customer-profile-page-accordion-panel.scroll-item-wrapper {
    display: flex;
    justify-content: center;
}

.dashlet-item-left-panel {
    padding-right: 10px;
}
.dashboards-dashlet-configuration-popup .content {
    max-height: 100%;
}
.dashboards-dashlet-configuration-popup .title-bar {
    display: none;
}
.dashboards-dashlet-configuration-popup {
    border-radius: 3px;
}

.dashboards-dashlet-configuration-popup .content {
    padding: 0px;
    margin: 0px;
}

form.dashlet-popup-content-wrapper {
    padding: 50px;
}

.dashboards-dashlet-configuration-popup .search-panel.search-form.tool-group {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}

.dashboards-dashlet-configuration-popup .toolbar-right .timespan-selector-wrapper {
    position: absolute;
    margin: 0 0 0 -188px;
}
.quick-dashlet-timespan a.chosen-single,
.quick-dashlet-timespan .chosen-drop {
    text-align: left;
}
.quick-dashlet-timespan.chosen-container {
    width: 180px;
}
.dashboards-dashlet-configuration-popup  button.save-dashboard {
    margin-right: 10px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

button.dashboard-configure {
    background-color: #ffffff;
    color: #6e6a6a;
    border: 1px solid #e0e0e0;
}

button.dashboard-configure.create {
    margin-left: 10px;
}

button.dashboard-configure:hover {
    background: none;
    color: unset;
}

.dashboards-dashlet-configuration-popup span.close.close-popup {
    vertical-align: middle;
}

form.dashlet-popup-content-wrapper {
    padding: 34px;
    background: #e7e7e8;
}
.dashboard-create-popup{
    height: 803px;
}

.dashboards-dashlet-configuration-popup .top-panel.app-tab-container {
    padding: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8a1;
    /* @alternate */ background-color: white;
    padding-bottom: 5px;
    margin-bottom: 9px;
}

.dashboards-dashlet-configuration-popup .header {
    background-color: #ffffff !important;
    padding: 10px !important;
}
.dashlet-container {
    padding: 20px 15px;
}
.new-dashboard-container {
    padding: 0;
}
.dashlet-header-part.header .title {
    color: #757575;
    font-weight: 500;
    font-size: 16px;
}

icon.dashboard-configure.edit {
    background-image: url(../../images/admin/16-icon-sprit.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    float: right;
    margin-top: 8px;
    background-position: -96px 0;
    cursor: pointer;
}
.dashboard-configure.edit {
    padding: 5.4px;
}
.dashlet-item {
    min-width: 360px;
    width: 416px;
}
.new-dashlet-content-wrapper .content{
    width: 100%;
}
.new-dashlet-content-wrapper.kpi {
    display: flex;
    background-color: unset;
}
.new-dashlet-content-wrapper.kpi {
    padding: 5px;
    text-align: center;
}
.new-dashlet-content-wrapper.kpi {
    padding: 0;
    text-align: center;
    height: 99px;
}
.new-dashlet-content-wrapper.kpi {
    padding: 0 !important;
    margin-bottom: 10px;
}
.new-dashlet-content-wrapper .new-dashlet .header {
    background-color: #ffffff;
    border-bottom: 1px solid #efefef;
}
.new-dashlet-content-wrapper.kpi .header {
    padding: 0;
    text-align: center;
    background-color: #dde4e7;
    height: 99px;
}

.new-dashlet-content-wrapper.kpi .content {
    padding: 0 !important;
    margin-bottom: 10px;
    width: 97%;
}

.new-dashlet.chart {
    box-shadow: 0 3px white inset, 0 2px 3px rgba(0, 0, 0, 0.1);
    margin-right: 20px;
    margin-bottom: 20px;
}
.new-dashlet.chart .header {
    background-color: #ffffff;
    border-bottom: 2px solid #c5c5c538;
}
.dashboards-dashlet-configuration-popup .button-line {
    display: none;
}

.dashboards-dashlet-configuration-popup .search-panel .search-text {
    border: medium none;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 40px 5px 10px;
    width: 100%;
}

.dashboards-dashlet-configuration-popup .search-panel .icon-search {
    float: left;
    background-color: #ffffff;
    border: none;
}
.dashboards-dashlet-configuration-popup .toolbar.toolbar-right {
    font-size: unset;
    text-align: center;
    vertical-align: middle;
}

.dashboards-dashlet-configuration-popup .close.close-popup:before {
    content: "\e870";
    font-family: Linearicons-Free;
    display: block;
    color: #aaa;
    font-weight: normal;
    font-size: 18px;
    height: 100%;
    width: 100%;
}
.dashboards-dashlet-configuration-popup .search-panel .search-text:focus {
    border: none;
}
.dashboard-configure.edit .wc-icon {
    vertical-align: middle;
    fill: #b0b0b0
}
.dashboard-configure.edit .wc-icon:hover {
    fill: #1199c4;
}
.new-dashlet-wrapper {
    margin-right: 10px;
    margin-left: 10px;
}

.dashboards-dashlet-configuration-popup .row-wcui-checkbox-right .wcui-checkbox {
    margin-top: 14px;
}

.new-dashlet-content-wrapper .box-shadow-black {
    box-shadow: 0 3px #dde4e7 inset, 0 2px 3px rgba(0, 0, 0, 0.1);
    width: 35px;
    margin-bottom: 10px;
}

.new-dashlet-content-wrapper .box-shadow-black .icon {
    background-position: -96px 0;
    cursor: pointer;
    margin-top: 45px;
}

.dashlet-header-part.header .toolbar-item.reload {
    padding-bottom: 7px;
    padding-top: 7px;
    height: 32px;
}
.dashlet-header-part .toolbar.toolbar-right {
    margin-right: 20px;
}

.dashboards-dashlet-configuration-popup .vertical.scrollbar {
    display: none !important;
}
.chart-conditions-wrapper .interval-range{
    display: flex;
}
.advanced-analytics-chart-options button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside {
    position: absolute;
}
.chart-conditions-wrapper .update-ui.custom-date-field {
    padding-top: 10px;
    padding-bottom: 5px;
}
.chart-conditions-wrapper .segment-wrapper {
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    padding: 10px;
    margin-bottom: 5px;
}
.chart-conditions-wrapper .add-conditions {
    height: 50px;
    width: 100%;
    text-align: center;
}

.chart-conditions-wrapper .add-conditions-button:hover {
    cursor: pointer;
}

.chart-conditions-wrapper .add-conditions-button {
    color: #2196F3;
}
.chart-conditions-wrapper .segment-row {
    padding: 10px;
    display: flex;
}
.chart-conditions-wrapper .chart-conditions-wrapper span.add-conditions-button {
    display: block;
    padding-top: 20px;
}
.chart-conditions-wrapper span.close.remove.icon.remove-segment-row {
    height: 38px;
    width: 38px;
    text-align: center;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #949292;
    padding-top: 7px;
    border: 1px solid #cacaca;
    cursor: pointer;
    padding-left: 5px;
    margin-left: 5px;
}
.chart-conditions-wrapper .group-by-wrapper {
    padding: 10px;
    border: 1px solid #ececec;
    margin-bottom: 5px;
}

.chart-conditions-wrapper .interval-range-wrapper {
    padding: 10px;
    border: 1px solid #efefef;
    margin-bottom: 5px;
}
.chart-conditions-wrapper .group-by-row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.chart-conditions-wrapper .interval-range-wrapper .form-row {
    width: 50%;
    padding-left: 10px;
}
.chart-conditions-wrapper .interval-range-wrapper  select {
    width: 95%;
}
.chart-conditions-wrapper .segment-conditions {
    display: flex;
    width: 70%;
}

.chart-conditions-wrapper .selected-segment-condition select {
    width: 165px;
}

.chart-conditions-wrapper .selected-segment-value .medium.segment-condition-refer {
    width: 165px;
}

.chart-conditions-wrapper li.group-result {
    display: block !important;
    color: #a3a3a3;
    text-align: center;
    background-color: #f0f3f4;
    height: 30px;
    vertical-align: middle;
}
.chart-conditions-wrapper .vertical.scrollbar {
    right: 0 !important;
}

.chart-conditions-wrapper .segment-coumn {
    padding-right: 5px;
}
.chart-conditions-wrapper .group-by-row.form-row {
    padding: 10px;
}

.chart-conditions-wrapper input.large.datefield {
    width: 170px;
}
.chart-conditions-wrapper .segment-row.form-row {
    padding-top: 10px;
}
.chart-options-top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.chart-filter-apply {
    padding: 4px;
    border: 1px solid #00BCD4;
    width: 52px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background: #03A9F4;
    color: #ffffff;
    border-radius: 3px;
}

.chart-options-popup-close {
    font-family: monospace;
    font-size: 20px;
}
.group-by-wrapper.box-shadow {
    border: 1px solid #e0e0e0;
    padding: 10px;
}

.ecommerce-popup .alert.message {
    padding-bottom: 5px;
}
.ecommerce-popup .content {
    margin: 30px;
}
.store-credit-history .table-view {
    height: 100%;
}
.store-credit-history .content {
    height: 100%;
}

.order-export-popup .content {
    height: 80%;
    max-height: 100%;
}
.order-export-popup .form-row.left{
    width: 50%;
}
.order-export-popup .form-row.right{
    float: right;
    width: 50%;
    margin: -35px;
}
.order-export-popup .bmui-tab-body-container {
    padding-left: 20px;
}
.order-export-popup .form-row.bottom-mapping-save {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.order-export-popup .import-file-type-wrapper {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}
.order-export-popup .import-file-type-wrapper {
    position: absolute;
    bottom: -7%;
    left: 23%;
    transform: translateX(-50%);
}
.order-export-popup .import-file-type-wrapper .group-wrapper {
    display: flex;
}
.order-export-popup .import-file-type-wrapper .sidebar-group-body {
    padding-left: 10px;
}
.document-macro-search-popup .macro-dropdown-wrapper .each-macro {
    cursor: pointer;
}
.document-macro-search-popup .macro-dropdown-wrapper .each-macro:hover {
    background: #e3f2ff;
}
.rate-data-list
tr.new-rate-row > td {
    overflow: visible !important;
}
/*product select table product selection*/
.select-product-for-order table tr.selected {
    box-shadow: none;
}
.select-product-for-order table tr.selected .pName {
    box-shadow: inset 4px 0px 0px 0px #16aad8;
}

/*filter price range error message design*/
#workspace .app-tab-container .filter-block .price-range .errorlist {
    position: absolute;
    left: 264px;
    top: 36px;
    padding: 10px 20px 10px 10px;
}
.app-tab-container .filter-block .price-range {
    position: relative;
}
#workspace .app-tab-container .filter-block .price-range .errorlist .pointer {
    display: none;
}
#workspace .app-tab-container .filter-block .price-range .errorlist .close-btn {
    position: absolute;
    right: 5px;
    margin: 0;
    top: 5px;
}
/*category bulk edit*/
.category-bulk-edit-tab .bulk-editor-form .select-column {
    width: auto;
}
/*customer group select*/
.create-edit-form .customer-groups-selector .chosen-choices .search-field {
    float: none;
}
.chosen-container .vertical.scrollbar {
    right: 0px !important;
}
.popup.store-credit-adjustment-popup .chosen-container {
    margin-bottom: 20px;
}
.tool-icon.choose-product-fields {
    background-position: -192px 0;
}
.tool-icon.choose-category-fields {
    background-position: -192px 0;
}
.tool-icon.choose-customer-fields {
    background-position: -192px 0;
}
.selected-overwriteFields span.value {
    padding-right: 10px;
}
.bmui-tab.product-category-import-form, .bmui-tab.customer-import-form, .bmui-tab.shipping-rule-import-form {
    padding-top: 10px;
}

.bmui-tab-body-container.product-category-import-mapping-holder, .bmui-tab-body-container.customer-import-mapping-holder {
    padding-right: 15px;
    padding-left: 20px;
}

.bmui-tab.product-category-import-form .button-line {
    padding-left: 32px;
}

.bmui-tab.customer-import-form .button-line {
    padding-left: 32px;
}

/*create-profile-basic-css*/

.shipping-profile-create-panel,
.shipping-rule-create-panel{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E7E9;
    width: 100%;
    height: calc(100% - 49px);
    position: relative;
    display: block;
}
.shipping-profile-create-panel .create-profile-top-panel,
.shipping-rule-create-panel .create-profile-top-panel {
    height: 50px;
    text-align: left;
    padding: 10px;
    background: #dce8ec;
    display: flex;
}

.shipping-profile-create-panel span.back-to-profile,
.shipping-rule-create-panel span.back-to-rule {
    width: 37px;
    display: block;
    margin-right: 10px;
    font-size: 24px;
    cursor: pointer;
    font-weight: 600;
}

.delivery-type-selection-panel {
    display: flex;
}

/*Shipping Tab*/
#tab-shipping .right-panel .body {
    display: table;
    width: 100%;
}
#tab-shipping .right-panel .body .empty-profile {
    vertical-align: middle;
    display: table-cell;
}
#tab-shipping .shipping-icon {
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/shipping-logo.png);
    background-size: 114px 83px;
    background-repeat: no-repeat;
    background-position: center;
    height: 83px;
    margin: 0 0 8px;
}
#tab-shipping .empty-profile {
    text-align: center;
}
#tab-shipping .empty-profile p {
    color: rgba(33, 33, 33, 0.65);
    font-size: 18px;
    max-width: 520px;
    margin: auto auto 10px;
}
#tab-shipping .empty-profile .top-header:after{
    display: none;
}
#tab-shipping .empty-profile .content {
    padding-left: 0;
    padding-top: 55px;
}
#tab-shipping .empty-profile .content:before {
    left: 50%;
    transform: translateX(-50%);
}
#tab-shipping .empty-profile .create-profile-top {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.1);
    color: #1187AC;
    background: #ffffff;
    padding: 0 24px;
    height: 45px;
    /* @alternate */ color: rgba(17, 151, 196, 1);
    font-size: 16px;
}
#tab-shipping .empty-profile .create-profile-top .add-icon {
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/plus-color.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    height: 18px;
    width: 18px;
    display: inline-block;
    margin: 0 0 0 8px;
    position: relative;
    top: 1px;
}
#tab-shipping .empty-profile .create-profile-top:hover {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05), 0px 5px 4px rgba(0, 0, 0, 0.1);
}
#tab-shipping .multi-tab-shared-header .tool-group.toolbar-btn {
    background: #1196C4;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-size: 14px;
    padding: 0px 38px 0px 7px;
    border-radius: 2px;
    position: relative;
}
#tab-shipping .multi-tab-shared-header .tool-group.toolbar-btn::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 2px 2px 0;
    background-image: url(../../images/admin/plus.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
#tab-shipping .left-panel .left-panel-header {
    padding: 11px 21px;
    display: flex;
    flex-wrap: nowrap;
}
#tab-shipping .left-panel .left-panel-header .back-to-profile {
    display: inline-block;
    cursor: pointer;
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/back-shipping.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
    margin: 0 12px 0 0;
}
#tab-shipping .left-panel .left-panel-header form.search-form.tool-group {
    width: 100%;
    position: relative;
}
#tab-shipping .search-form .search-text {
    width: 100% !important;
    padding-right: 32px;
}
#tab-shipping .search-form .icon-search {
    border-left: 1px solid rgba(228, 228, 228, 1);
    position: absolute;
    z-index: 90;
    right: 0;
    top: 0;
    height: 100%;
}
#tab-shipping .blocklist-item:before {
    width: 3px;
}
#tab-shipping .shipping-rule-view-left-panel.explorer-items .blocklist-item .shipping-class-icon,
#tab-shipping .blocklist-item .default-icon {
    display: inline-block;
    color: rgba(33, 33, 33, 0.8);
    position: relative;
    z-index: 2;
    padding: 0 8px 2px 0;
    margin: 0 0 0 4px;
}
#tab-shipping .shipping-rule-view-left-panel.explorer-items .blocklist-item .shipping-class-icon {
    background: #84F3B9;
    border-radius: 2px;
    padding: 2px 8px 2px 8px;
}
#tab-shipping .blocklist-item .default-icon:before {
    content: "";
    background-image: url(../../images/admin/shipping-logo.png);
    background-size: 25px 18px;
    background-repeat: no-repeat;
    background-position: center;
    height: 18px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0 16px 0 0px;
}
#tab-shipping .blocklist-item .default-icon:after {
    content: "";
    background: #84F3B9;
    border-radius: 2px;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 32px);
}
#tab-shipping .create-profile-top-panel .back-to-profile,
#tab-shipping .create-profile-top-panel .back-to-rule {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
    background-image: url(../../images/admin/back.png);
    background-size: 17px 16px;
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    display: inline-block;
    margin: 6px 3px 0 0;
}
#tab-shipping .create-profile-top-panel .create-profile-title {
    font-size: 18px;
    line-height: 22px;
    margin: 4px 0 0;
}
#tab-shipping .left-panel-header .toolbar {
    display: block;
    flex: 1;
}
#tab-shipping .empty-left-panel-profile,
#tab-shipping .empty-left-panel-profile-rule {
    margin: 45px 0 0;
}
#tab-shipping .delivery-icon,
#tab-shipping .profile-rule-icon {
    background-image: url(../../images/admin/no-profile.png);
    background-size: 60px 44px;
    background-repeat: no-repeat;
    background-position: center;
    height: 44px;
    text-align: center;
    margin-bottom: 8px;
}
#tab-shipping .profile-rule-icon {
    background-image: url(../../images/admin/no-rule-created.png);
    background-size: 44px 44px;
}
#tab-shipping .empty-profile-text,
#tab-shipping .empty-rule-text {
    text-align: center;
}
#tab-shipping .navigation-buttons {
    background: #ffffff;
    border-top: 2px solid #35A6CB;
    padding: 12px 12px 7px;
    display: flex;
    justify-content: space-between;
}
#tab-shipping .left-panel {
    border: 1px solid #D8DBDC;
}
#tab-shipping .empty-bottom-panel-profile {}
#tab-shipping .empty-bottom-panel-profile .note-icon {
    background-image: url(../../images/admin/alert.png);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center;
    height: 21px;
    width: 21px;
    display: inline-block;
    margin-right: 9px;
}
#tab-shipping .empty-bottom-panel-profile .title {
    font-size: 14px;
    position: relative;
    top: -6px;
    /* @alternate */ font-size: 14px;
}
#tab-shipping .empty-bottom-panel-profile .link {
    color: #35A6CB;
    font-size: 14px;
    position: relative;
    top: -6px;
}
#tab-shipping .empty-bottom-panel-profile .navigate-icon {
    background-image: url(../../images/admin/learn-more.png);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;
    height: 12px;
    width: 12px;
    display: inline-block;
    position: relative;
    top: -4px;
    margin-left: 4px;
}
/*#tab-shipping .chosen-container {*/
/*    width: 100%;*/
/*}*/

#tab-shipping .profile-option,
#tab-shipping .rule-option {
    padding: 10px 10px;
    height: 40px;
    background: transparent;
    text-align: left;
    border: 1px solid rgba(211, 219, 223, 1);
}
#tab-shipping .rule-option {
    padding: 10px 10px;
    height: 40px;
    background: transparent;
    text-align: left;
    border: 1px solid rgba(211, 219, 223, 1);
    width: calc(50% - 27px);
}
#tab-shipping .wcui-radio {
    float: right;
    margin: 0;
    height: 20px;
    width: 20px;
    background-size: 20px;
}
#tab-shipping .profile-option .label,
#tab-shipping .rule-option .label {
    color: rgba(33, 33, 33, 0.8);
    font-size: 14px;
}
.shipping-create-profile-buttons {
    background: #F3F7FB;
    text-align: right;
    padding: 8px 15px;
    margin-top: auto;
    margin-bottom: 20px;
    margin-left: -30px;
}
#tab-shipping .form-section {
    height: 100%;
}
#tab-shipping .form-section-container {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: calc(100% - 71px);
}

#tab-shipping .rule-icon {
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/rule-icon.png);
    background-size: 90px 90px;
    background-repeat: no-repeat;
    background-position: center;
    height: 90px;
    margin: 0 0 8px;
}
#tab-shipping .empty-profile .create-rule-top {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.1);
    color: #1187AC;
    background: #ffffff;
    padding: 0 24px;
    height: 45px;
    /* @alternate */ color: rgba(17, 151, 196, 1);
    font-size: 16px;
}
#tab-shipping .empty-profile .create-rule-top .add-icon {
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/plus-color.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    height: 18px;
    width: 18px;
    display: inline-block;
    margin: 0 0 0 8px;
    position: relative;
    top: 1px;
}
#tab-shipping .title {
    color: #212121;
}
#tab-shipping .title .profile-name {
    color: #888888;
}
#tab-shipping .title .hiracy-separator {
    margin: 0 9px;
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/right-separate.png);
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: center;
    height: 10px;
    width: 6px;
}
#tab-shipping select.medium, textarea.medium,
#tab-shipping input.medium[type="text"],
#tab-shipping input.medium[type="password"],
#tab-shipping div.medium,
#tab-shipping select[multiple].medium {
    width: 100%;
}

#tab-shipping .create-rule-option {
    text-align: left;
    width: 100%;
}
#tab-shipping .create-rule-option-left {
    display: inline-block;
    width: calc(50% - 20px);
}
#tab-shipping .create-rule-option-right {
    display: inline-block;
    width: calc(50% - 20px);
    margin-left: 37px;
}
.shipping-create-rule-buttons {
    background: #F3F7FB;
    text-align: right;
    padding: 8px 15px;
    margin-top: auto;
    margin-bottom: 20px;
    margin-left: -30px;
    margin-right: -30px;
}

.shipping-rule-create-panel form.edit-popup-form.create-edit-form {
    height: -moz-calc(100% - 56px);
    /* @alternate */ height: -webkit-calc(100% - 56px);
    /* @alternate */ height: calc(100% - 56px);
    position: relative;
}
#tab-shipping .shipping-rule-create-panel form.edit-popup-form.create-edit-form {
    height: 100%;
}
#tab-shipping .navigation-buttons .chosen-container {
    flex: 1;
}
#tab-shipping .navigation-buttons .chosen-container .chosen-single {
    display: block;
    border: 0;
    box-shadow: none;
}
#tab-shipping .navigation-buttons .chosen-container .chosen-single .tooltipstered {
    margin-right: 8px;
    display: inline-block;
    width: auto;
}
#tab-shipping .navigation-buttons .chosen-container .chosen-single div b {}
#tab-shipping .navigation-buttons .toolbar {
    flex: 1;
}
#tab-shipping .rule-first-view {
    display: block;
}
#tab-shipping .rule-first-view .rule-top {
    margin: -50px -50px 30px;
}
.rule-top {
    background: #F3F7FB;
    padding: 8px 12px 2px;
    margin: 0 0 30px;
}
.rule-top .icon-top {
    color: transparent;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/rate.png);
    background-size: 34px 34px;
    background-repeat: no-repeat;
    background-position: center;
    height: 34px;
    width: 34px;
}
.rule-top .rule-name-title {
    display: inline-block;
    color: rgba(33, 33, 33, 1);
    font-size: 16px;
    margin-left: 13px;
    position: relative;
    top: -10px;
}
.rule-details .body .top-of-rate-section,
.rule-details .body .top-of-zone-section {
    padding: 0;
    margin: 0 0 17px;
    border: 0;
    overflow: hidden;
}
.rule-details .body .top-of-rate-section .rate-info,
.rule-details .body .top-of-zone-section .rate-info,
.rule-details .body .top-of-zone-section .add-zone {
    display: inline-block;
}
.rule-details .body .top-of-rate-section .add-rate,
.rule-details .body .top-of-zone-section .add-zone {
    display: inline-block;
    float: right;
    border-radius: 2px;
    font-size: 11px;
    padding: 5px 8px;
}
.rate-info .rate-name-method {
    color: #888888;
    font-size: 14px;
}
.rate-info .rate-name {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}
.rule-details .body .rate-section,
.rule-details .body .zone-section {
    margin: 0 0 36px;
}
.rate-table {
    background: #FAFAFA;
}
.rate-table .table-header {}
.rate-table .table-header th {
    background: #EEF4F4;
    color: #1197C4;
    font-size: 14px;
}
.rate-table .table-add-button td {
    background: #FAFAFA;
}
.rate-table .condition-details-icon,
.zone-table .zone-details-icon {
    color: transparent;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/shipping-cost-icon.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin: 0 0 0 7px;
}
.rate-table .condition-details-icon {
    position: absolute;
    right: 0;
    top: 3px;
}
.zone-table tr td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.zone-section .zone-table .zone-range {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    display: inline-block;
    max-width: 100%;
}
.zone-table .zone-details-icon {
    position: absolute;
    right: 0;
    top: 3px;
}
.add-rate-popup {
    padding: 0;
}
.add-rate-popup .top-actions {
    background: #F2F6F7;
    padding: 5px 15px;
}
.add-rate-popup .top-actions .search-form {
    display: inline-block;
    margin: 0;
    margin-right: 8px;
    width: calc(100% - 117px);
}
.add-rate-popup .top-actions .search-form .icon-search {
    border-left: 1px solid #E4E4E4;
    margin-left: -1px;
    width: 31px;
}
.add-rate-popup .top-actions .create-new-rate {
    display: inline-block;
    background: #1196C4;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-size: 14px;
    padding: 0px 46px 0px 7px;
    border-radius: 2px;
    position: relative;
}
.add-rate-popup .top-actions .create-new-rate::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 36px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 2px 2px 0;
    background-image: url(../../images/admin/asign-rate.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.add-rate-popup .body {
    padding: 0 15px;
    background: #ffffff;
}
.add-rate-popup .body table {
    border: 0;
}
.add-rate-popup .body table tr {
    border: 0;
    border-bottom: 1px solid #E4E4E4;
    background: transparent;
}
.add-rate-popup .body table td {
    border: 0;
    padding: 8px 0;
}
.add-rate-popup .body table td .rate-title {
    color: #212121;
    font-size: 16px;
}
.add-rate-popup .body table td .blocklist-subitem-summary-view {}
.add-rate-popup .body table td.select-column {
    text-align: right;
}
.add-rate-popup.popup .button-line {
    margin: 0;
    background: #F2F6F7;
    padding: 13px 7px;
}

.add-zone-popup {
    padding: 0;
}
.add-zone-popup .top-actions {
    background: #F2F6F7;
    padding: 5px 15px;
}
.add-zone-popup .top-actions .search-form {
    display: inline-block;
    margin: 0;
    margin-right: 8px;
    width: calc(100% - 114px);
}
.add-zone-popup .top-actions .search-form .icon-search {
    border-left: 1px solid #E4E4E4;
    margin-left: -1px;
}
.add-zone-popup .top-actions .create-zone {
    display: inline-block;
    background: #1196C4;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-size: 14px;
    padding: 0px 46px 0px 7px;
    border-radius: 2px;
    position: relative;
}
.add-zone-popup .top-actions .create-zone::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 36px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 2px 2px 0;
    background-image: url(../../images/admin/asign-rate.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.add-zone-popup .body {
    padding: 0 15px;
    background: #ffffff;
}
.add-zone-popup .body table {
    border: 0;
}
.add-zone-popup .body table tr {
    border: 0;
    border-bottom: 1px solid #E4E4E4;
    background: transparent;
}
.add-zone-popup .body table td {
    border: 0;
    padding: 8px 0;
}
.add-zone-popup .body table td .flag-icon {
    margin-right: 7px;
}
.add-zone-popup .body table td .title {
    color: #212121;
    font-size: 16px;
}
.add-zone-popup .body table td.select-column {
    text-align: right;
}
.add-zone-popup.popup .button-line {
    margin: 0;
    background: #F2F6F7;
    padding: 13px 7px;
}
.menu-item.rule .icon {
    background-image: url(../../images/admin/menu-rule.png);
    background-position: center;
    background-size: contain;
}
.menu-item.zone .icon {
    background-image: url(../../images/admin/menu-zone.png);
    background-position: center;
    background-size: contain;
}
.menu-item.rate .icon {
    background-image: url(../../images/admin/menu-rate.png);
    background-position: center;
    background-size: contain;
}
.menu-item.edit .icon {
    background-image: url(../../images/admin/menu-edit.png);
    background-position: center;
    background-size: contain;
}
.menu-item.copy_profile .icon {
    background-image: url(../../images/admin/menu-duplicate.png);
    background-position: center;
    background-size: contain;
}
.menu-item.manage_rule .icon {
    background-image: url(../../images/admin/menu-rule.png);
    background-position: center;
    background-size: contain;
}
.menu-item.manage_service .icon {
    background-image: url(../../images/admin/menu-rule.png);
    background-position: center;
    background-size: contain;
}

.menu-item.set_default .icon {
    background-image: url(../../images/admin/menu-default.png);
    background-position: center;
    background-size: contain;
}
.menu-item.delete .icon {
    background-image: url(../../images/admin/menu-remove.png);
    background-position: center !important;
    background-size: contain;
}
.menu-item.copy_rule .icon {
    background-image: url(../../images/admin/menu-duplicate.png);
    background-position: center !important;
    background-size: contain;
}
.menu-item.assign-rate-zone .icon {
    background-image: url(../../images/admin/assign-rate-zone.png);
    background-position: center !important;
    background-size: contain;
}
.toolbar .toolbar-item.switch-menu i {
    background-image: url(../../images/admin/menu-switch.png);
    background-position: center;
}
.toolbar .toolbar-item.reload i {
    background-image: url(../../images/admin/menu-refresh.png);
    background-position: center;
}
/*shipping tab icon*/
.tab-header.rule .icon {
    background-image: url(../../images/admin/shipping-rule-tab-icon.png);
}
.tab-header.rate .icon {
    background-image: url(../../images/admin/shipping-rat-tab-icon.png);
}
.shipping-rate-details,
.shipping-rule-details {
    padding: 0;
}
.shipping-rate-details::before,
.shipping-rate-details::after,
.shipping-rule-details::before,
.shipping-rule-details::after {
    display: none;
}
.shipping-rate-popup {}
.shipping-rate-popup .shipping-rate-header {
    background: #1197C4;
    padding: 13px 16px;
}
.shipping-rate-popup .shipping-popup-title {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
}
.shipping-rate-popup .tool-tip-close {
    background-image: url(../../images/admin/popup-close.png);
    background-position: center;
    right: 17px;
    top: 17px;
}
.shipping-rate-popup .shipping-rate-info {}
.shipping-rate-popup .rate-summary {
    background: #F2F6F7;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    padding: 17px;
    text-align: center;
}
.shipping-rate-popup .rate-method-header {
    display: block;
    color: #888888;
}
.shipping-rate-popup .rate-method-name {
    color: rgba(33, 33, 33, 0.8);
    font-size: 16px;
    font-weight: 600;
}
.shipping-rate-popup .rate-details {
    padding: 11px 16px;
}
.shipping-rate-popup .shipping-cost-title,
.shipping-rate-popup .handling-cost-title {
    font-weight: 600;
    font-size: 16px;
    color: rgba(33, 33, 33, 0.8);
    margin: 0 0 4px;
}
.shipping-rate-popup .shipping-const-details,
.shipping-rate-popup .handling-const-details {
    margin: 0 0 18px;
}
.shipping-rate-popup .shipping-cost-range,
.shipping-rate-popup .handling-cost-range {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F1F1F1;
    padding: 6px 0 6px;
}
.shipping-rate-popup .shipping-cost-range .condition,
.shipping-rate-popup .handling-cost-range .condition {}
.shipping-rate-popup .shipping-cost-range .condition .condition-title,
.shipping-rate-popup .handling-cost-range .condition .condition-title {
    display: block;
    color: #888888;
}
.shipping-rate-popup .shipping-cost-range .condition .condition-value,
.shipping-rate-popup .handling-cost-range .condition .condition-value {
    display: block;
    font-size: 16px;
    color: #212121;
}
.shipping-rate-popup .shipping-cost-range .cost,
.shipping-rate-popup .handling-cost-range .cost {
    text-align: right;
}
.shipping-rate-popup .shipping-cost-range .cost .cost-title,
.shipping-rate-popup .handling-cost-range .cost .cost-title {
    display: block;
}
.shipping-rate-popup .shipping-cost-range .cost .cost-value,
.shipping-rate-popup .handling-cost-range .cost .cost-value {
    display: block;
    font-size: 16px;
    color: #212121;
}

.shipping-zone-details {
    padding: 0;
}
.shipping-zone-details::before,
.shipping-zone-details::after {
    display: none;
}
.zone-details-popup .tool-tip-close {
    background-image: url(../../images/admin/popup-close.png);
    background-position: center;
    right: 17px;
    top: 17px;
}
.zone-details-popup .zone-header {
    background: #1197C4;
    padding: 13px 16px;
}
.zone-details-popup .shipping-popup-title {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
}
.zone-details-popup .zone-info {
    padding: 11px 16px;
}
.zone-details-popup .country-details {}
.zone-details-popup .country-title {
    color: #888888;
}
.zone-details-popup .county-name {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #212121;
    margin: 0 0 15px;
}
.zone-details-popup .state-details {
    border-bottom: 1px solid #F1F1F1;
    margin: 0 0 16px;
    padding: 0 0 6px;
}
.zone-details-popup .state-title {
    color: #888888;
}
.zone-details-popup .state-name {
    color: #212121;
    font-size: 16px;
}
.zone-details-popup .post-code-details {}
.zone-details-popup .post-code-title {}
.zone-details-popup .post-code {}

.all-method-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.all-method-item label {
    width: 100%;
}
.all-method-item .method-item {
    flex: 1;
    cursor: pointer;
    border: 1px solid #D3DBDF;
    border-right: 0;
    text-align: center;
    color: rgba(33, 33, 33, 0.6);
    font-size: 14px;
    padding: 9px 5px;
    display: flex;
    justify-content: center;
}
.all-method-item .method-item:last-child {
    border-right: 1px solid #D3DBDF;
}
.all-method-item .method-item.selected {
    border: 1px solid #35A6CB;
}
.all-method-item .method-item .method-title {
    display: inline-block;
}
.all-method-item .method-item.selected .method-title {
    color: #1197C4;
    font-weight: 600;
}
.all-method-item .method-item .selected-method-icon {
    background-image: url(../../images/admin/method-icon.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 18px;
    margin-left: 0px;
    height: 18px;
    width: 18px;
    display: none;
}
.all-method-item .method-item.selected .selected-method-icon {
    margin-left: 8px;
    display: inline-block;
}
.selected-method-title {
    background: #F5F8FF;
    box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.06);
    padding: 18px 16px;
    display: flex;
    margin: 0 0 15px;
}
.selected-method-title .selected-method-icon {
    background-image: url(../../images/admin/method-icon.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 18px;
    display: inline-block;
    width: 18px;
    margin-right: 17px;
}
.selected-method-title .method-title {
    font-size: 16px;
    line-height: 18px;
}
.selected-method-title .double-input-row {
    margin-left: auto;
}
.selected-method-title .double-input-row .form-row {
    padding: 0;
    width: auto;
}
.selected-method-title .double-input-row .form-row span {
    display: inline-block;
    margin: 0 0 0 4px;
}
.shipping-condition-create-table tr,
.shipping-condition-create-table tr:hover,
.shipping-condition-create-table tr:nth-child(2n) {
    background: transparent;
}
.shipping-condition-create-table th,
.shipping-condition-create-table th.actions-column {
    padding: 0 12px;
    border-bottom: 1px solid #F5F8FF;
    line-height: 0;
    vertical-align: middle;
}
.shipping-condition-create-table td {
    border-bottom: 1px solid #F5F8FF;
    padding: 16px 12px;
}
.shipping-condition-create-table td.form-row,
.shipping-condition-create-table td.actions-column,
#workspace .shipping-condition-create-table td.form-row.range {
    padding: 16px 12px;
}
.shipping-condition-create-table td.form-row .twice-input-row {
    padding: 0 15px 0 2px;
}
.shipping-condition-create-table td.form-row .twice-input-row .dolar {}
.shipping-condition-create-table td.form-row .twice-input-row input {
    width: calc(50% - 25px) !important;
}
.shipping-condition-create-table td .add-condition {
    color: transparent;
    height: 30px;
    width: 30px;
    overflow: hidden;
    background-image: url(../../images/admin/add-condition.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}
.shipping-condition-create-table td .action-navigator.edit {
    color: transparent;
    height: 30px;
    width: 30px;
    overflow: hidden;
    border-radius: 3px;
    background-color: #1196C4;
    background-image: url(../../images/admin/shipping-edit.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}
.shipping-condition-create-table td .action-navigator.delete {
    color: transparent;
    height: 30px;
    width: 30px;
    overflow: hidden;
    border-radius: 3px;
    background-color: #4A647D;
    background-image: url(../../images/admin/delete.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 14px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}

span.new-delivery-type-create {
    width: 10%;
    padding: 10px;
    text-align: center;
    background: #ffffff;
    color: #1198c5;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid #1198c5;
}
.form-row.create-rate-btn-row {
    text-align: right;
}

.delivery-type-selection-panel .chosen-result .actions {
    float: right;
}
.shipping-rate-details .vertical.scrollbar {
    right: 0px !important;
}
.shipping-rate-popup .shipping-rate-info .rate-details {
    height: 450px;
}
.shipping-zone-details .zone-info {
    height: 450px;
}
.add-rate-popup .body.rate-table {
    height: 250px;
}

.add-zone-popup .body.zone-table {
    height: 200px;
}
.note-for-input {
    display: flex;
    margin: 12px 0 0;
}
.note-for-input .note-icon {
    background-image: url(../../images/admin/alert.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    display: inline-block;
    height: 21px;
    width: 21px;
    margin-right: 21px;
}
.note-for-input .note-text {
    color: rgba(33, 33, 33, 0.8);
    font-size: 14px;
    display: inline-block;
}
.existing-rule-selection-panel .app-tab-content-container {
    padding: 0;
}
.existing-rule-selection-panel .header {
    background: #F5F8FF;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.13);
    border-bottom: 1px solid #f2f2f2;
    border-radius: 3px 3px 0px 0px;
    padding: 17px 16px;
    height: 60px;
    z-index: 99;
}
.existing-rule-selection-panel .header .left-header {
    overflow: hidden;
    display: inline-block;
}
.existing-rule-selection-panel .header .title {
    font-size: 16px;
    color: #000000;
}
.existing-rule-selection-panel .header .toolbar-right {}
.existing-rule-selection-panel .header .tool-group {
    margin: 0 0 0 5px;
}
.existing-rule-selection-panel .header .tool-group .chosen-container  {
    margin: 0;
}
.existing-rule-selection-panel .header .tool-group .chosen-single {
    border: 1px solid #E4E4E4;
    font-size: 14px;
    line-height: 22px;
}
.existing-rule-selection-panel .scrollable-table-header {
    border: 0 !important;
}
.existing-rule-selection-panel .scrollable-table-header tr {
    border: 0;
    background: transparent;
}
.existing-rule-selection-panel .scrollable-table-header tr th {
    border: 0;
}
.existing-rule-selection-panel .content {
    border: 0 !important;
}
.existing-rule-selection-panel .content tr,
.existing-rule-selection-panel .content tr:nth-child(2n) {
    background: transparent;
    border: 0;
}
.existing-rule-selection-panel .content tr td {
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
    color: rgba(33, 33, 33, 0.8);
}
.existing-rule-selection-panel .content .wcui-radio {
    float: left !important;
}
.shipping-rule-details .tool-icon.tool-tip-close {
    background-image: url(../../images/admin/pop_up_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px 10px;
    top: 17px;
    right: 17px;
}
.shipping-rule-details .content {
    padding: 9px 16px;
    height: 46px;
    background: #1197C4;
}
.shipping-rule-details .content .title {
    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
}
.shipping-rule-details .rule-info {}
.shipping-rule-details .rule-summary {
    background: #F2F6F7;
    padding: 17px;
    text-align: center;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.shipping-rule-details .rule-summary .rule-attr-name {
    font-size: 14px;
    line-height: 18px;
    color: #888888;
    display: block;
}
.shipping-rule-details .rule-summary .shipping-method {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(33, 33, 33, 0.8);
    display: block;
}
.shipping-rule-details .rule-detail {
    padding: 11px 16px;
    overflow-y: scroll;
    height: 280px;
}
.shipping-rule-details .rule-detail .shipping-cost-title,
.shipping-rule-details .rule-detail .handling-cost-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(33, 33, 33, 0.8);
}
.shipping-rule-details .rule-detail .shipping-cost,
.shipping-rule-details .rule-detail .handling-cost {
    margin: 0 0 10px;
}
.shipping-rule-details .shipping-cost-range,
.shipping-rule-details .handling-cost-range {
    border-bottom: 1px solid #F1F1F1;
    display: flex;
    padding: 6px 0;
}
.shipping-rule-details .shipping-cost-range .range-wrapper,
.shipping-rule-details .handling-cost-range .range-wrapper {
    flex: 1;
}
.shipping-rule-details .shipping-cost-range .range-wrapper .range-label,
.shipping-rule-details .handling-cost-range .range-wrapper .range-label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}
.shipping-rule-details .shipping-cost-range .range-wrapper .condition,
.shipping-rule-details .handling-cost-range .range-wrapper .condition {
    display: block;
}
.shipping-rule-details .shipping-cost-range .cost,
.shipping-rule-details .handling-cost-range .cost {
    flex: 1;
    text-align: right;
}
.shipping-rule-details .shipping-zone {
    border-bottom: 1px solid #F1F1F1;
    padding: 6px 0;
}
.shipping-rule-details .shipping-zone .label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}
.shipping-rule-details .shipping-zone .zone-count {
    display: block;
}
.delivery-cut-off-time,
.configure-delivery-days-panel-wrapper,
.holiday-options-panel-wrapper {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin: 0 0 8px;
}
.delivery-cut-off-time .configure-delivery-label,
.configure-delivery-days-panel-wrapper .configure-delivery-label,
.holiday-options-panel-wrapper .configure-delivery-label {
    width: 100%;
    background: #F5F8FF;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.13);
    border-radius: 3px 3px 0px 0px;
    padding: 20px 17px;
    height: auto;
}
.delivery-cut-off-time .configure-delivery-label label,
.configure-delivery-days-panel-wrapper .configure-delivery-label label,
.holiday-options-panel-wrapper .configure-delivery-label label {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: rgba(33, 33, 33, 0.8);
    margin: 0;
    padding: 0;
}
.delivery-cut-off-time .delivery-configure-wrapper,
.configure-delivery-days-panel-wrapper .delivery-configure-wrapper,
.holiday-options-panel-wrapper .delivery-configure-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 17px 16px;
    border: 0;
}
.delivery-cut-off-time .delivery-configure-wrapper .description-label,
.configure-delivery-days-panel-wrapper .delivery-configure-wrapper .description-label,
.holiday-options-panel-wrapper .delivery-configure-wrapper .description-label {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #888888;
    display: block;
    margin: 0 0 5px;
}
.delivery-cut-off-time .delivery-configure-wrapper .description-details,
.configure-delivery-days-panel-wrapper .delivery-configure-wrapper .description-details,
.holiday-options-panel-wrapper .delivery-configure-wrapper .description-details {
    font-size: 14px;
    line-height: 18px;
    color: rgba(33, 33, 33, 0.8);
    margin: 0 0 5px;
}
.delivery-cut-off-time .delivery-configure-wrapper .date-cut-of-hour {
    padding-right: 7.5px;
}
.delivery-cut-off-time .delivery-configure-wrapper .date-cut-of-min {
    padding-left: 7.5px;
}
.delivery-cut-off-time .delivery-configure-wrapper .date-cut-of-min .chosen-single,
.delivery-cut-off-time .delivery-configure-wrapper .date-cut-of-hour .chosen-single {
    height: 40px;
    line-height: 26px;
}
#tab-shipping .validation-fields-group {
    padding-left: 10px;
    padding-right: 10px;
}
#tab-shipping .delivery-days-warning,
#tab-shipping .holidays-warning {
    color: rgba(33, 33, 33, 0.8);
    font-size: 15px;
    font-weight: 400;
    padding-top: 8px;
}
#tab-shipping .delivery-days-warning:before,
#tab-shipping .holidays-warning:before {
    content: "";
    display: inline-block;
    background-image: url(../../images/admin/alert.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    height: 21px;
    width: 21px;
    position: relative;
    top: 5px;
    margin-right: 8px;
}
#tab-shipping .configure-delivery-days-panel-wrapper .delivery-day-select-row {
    padding: 0;
}
#tab-shipping .configure-delivery-days-panel-wrapper .accordion-panel {}
#tab-shipping .configure-delivery-days-panel-wrapper .accordion-panel .label-bar {
    background: transparent;
}
#tab-shipping .configure-delivery-days-panel-wrapper .accordion-panel .label-bar.expanded {
    background: #f3f0f0;
}
#tab-shipping .configure-delivery-days-panel-wrapper .accordion-panel .tool-icon {
    top: 11px;
}
#tab-shipping .delivery-cut-off-time .delivery-configure-wrapper .configure-delivery-description {}
#tab-shipping .configure-delivery-days-panel-wrapper .order-custom-delivery-holiday-table .form-row {
    padding: 0 0 2px;
}
#tab-shipping .configure-delivery-days-panel-wrapper .order-custom-delivery-holiday-table tr:hover {
    background: transparent;
}
#tab-shipping .configure-delivery-days-panel-wrapper .order-custom-delivery-holiday-table tr {
    height: auto;
}
#tab-shipping .configure-delivery-days-panel-wrapper .order-custom-delivery-holiday-table td {
    padding: 10px;
    height: auto;
}
#tab-shipping .configure-delivery-days-panel-wrapper .order-custom-delivery-holiday-table .chosen-single,
#tab-shipping .configure-delivery-days-panel-wrapper .order-custom-delivery-holiday-table .delivery-time-orderLimit-input {
    height: 40px !important;
    line-height: 24px;
}
#tab-shipping .order-custom-date-holiday-table .form-row {
    padding: 0;
}
#tab-shipping .order-custom-date-holiday-table tr:hover,
#tab-shipping .order-custom-date-holiday-table tr:nth-child(2n) {
    background: transparent;
}
#tab-shipping .header-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #888888
}
#tab-shipping .header-title .separator {
    margin: 0 9px;
    color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../../images/admin/right-separate.png);
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: center;
    height: 10px;
    width: 6px;
}
#tab-shipping .header-title .profile-name:last-child {
    color: #212121;
}
.create-profile-option-right {
    text-align: left;
    margin: 20px 0 0;
}
.create-profile-option-left {
    text-align: left;
}

.configure-delivery-days-panel-wrapper .form-row .chosen-container .chosen-results .active-result.result-selected {
    opacity: 1;
    background: #f5f8ff;
}
.popup .shipping-rule-details .rule-detail {
    height: 450px;
}

#tab-shipping .order-custom-field-create-form .form-section-container {
    overflow-y: hidden !important;
}

.floating-menu.ribbon-menu .menu-item.tax_rate {
    display: none;
}

.floating-menu.ribbon-menu .menu-item.tax_rule {
    display: none;
}
.form-section.last-row-of-form-product-settings {
    margin-bottom: 20px;
}
.renovate-url-alert-info {
    padding: 10px;
    border-left: 6px solid#ff5722;
    color: #ff5722;
    background: #ff57221f;
    margin-top: 10px;
    font-family: ui-sans-serif;
}
#tab-album .album-image-properties-editor-container{
    height: 100%;
}
.de-authorize {
    background: #e05d52;
}
.de-authorize:hover {
    background: #e64c3f;
}
.table-export .report-export{
    margin: 10px;
}
#tab-enterpriseReporting .toolbar-right .chosen-container.report-type {
    width: 195px;
}
.shipping-method-row {
    padding: 10px 15px 9px 0;
}
.product-category-import-mapping-holder .triple-input-row .form-row {
    width: calc(22% - 27px);
}
.menu-item.import-product-category-automation .icon {
    background-position: -256px 0;
}



.form-row.chosen-wrapper.variation-combination-selector-dropdown {
    width: 100%;
}

.variation-combination-selector-dropdown li.group-result{
    background: #2196f314;
    color: #03a9f4;
    font-size: 15px;
    text-align: center;
}

.shipping-rate-selection table.shipping-condition-table td {
    overflow: visible;
}
.form-row.chosen-wrapper.variation-combination-selector-dropdown .chosen-disabled {
    opacity: 1 !important;
}
.form-row.chosen-wrapper.variation-combination-selector-dropdown {
    opacity: 1;
    pointer-events: none;
}
.new-combination-selector-dropdown .form-row.chosen-wrapper.variation-combination-selector-dropdown {
    pointer-events: all;
}
/*Jahangir Add*/
.shipping-rate-selection table.shipping-condition-table td.range {
    vertical-align: top;
    padding-top: 42px;
}

.variation-combination-selector-dropdown.form-row.chosen-wrapper .select2-selection--multiple {
    background-color: #ffffff;
    border: 1px solid #d3dbdf;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: text;
    margin: 0;
    min-height: 40px;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.variation-combination-selector-dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}
.variation-combination-selector-dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 13px;
    margin: 5px 3px 0;
    background: none repeat scroll 0 0 #fafbfb;
    border: 1px solid #e1e5e5;
    border-radius: 2px;
    color: #999;
    padding: 0 10px;
    line-height: 25px;
}
.variation-combination-selector-dropdown.form-row.chosen-wrapper .select2-container--open .select2-selection--multiple {
    padding-top: 0px;
    border: 1px solid #1199C4;
    box-shadow : 0 0 5px rgba(0, 0, 0, 0.3);
}
span.select2-container--open .select2-dropdown--below {
    top: 5px;
    border-radius: 0;
    border: 1px solid #d1d5d5;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .10);
}
.variation-combination-selector-dropdown .select2-container {
    width: 100%!important;
}
.rate-condition-wrap .variation-combination-row-added {
    display: block;
    margin-top: 26px;
}
.toolbar-right .replace, .toolbar-right .replace-all {
    padding: 4px 12px;
    font-size: 13px;
}
.edit-popup.upload-clipart-popup .content {
    max-height: calc(100vh - 517px);
}
.authorized-account {
    margin-left: 25px;
}
.new-dashboard-container .dashlet-header-part.header {
    padding: 5px 15px;
}
.new-dashboard-container .dashlet-header-part .toolbar-right,
.new-dashboard-container .toolbar .tool-group,
.new-dashboard-container  button.dashboard-configure.create {
    margin: 0;
}
.new-dashboard-container .dashlet-header-part .toolbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.new-dashboard-container .dashlet-header-part .toolbar-right > * {
    margin-left: 5px!important;
}
.new-dashboard-container .dashlet-header-part .chosen-container-single .chosen-single {
    height: 34px;
    line-height: 27px;
}
.new-dashboard-container .chart-block.no-record-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.new-dashboard-container .chart-block.no-record-chart .no-record-text {
    font-size: 22px;
    color: #dcdcdc;
    text-shadow: 0 0 1px #444343;
    text-align: center;
}
.new-dashlet-content-wrapper .header {
    background-color: #F6F8F8;
    border-radius: 2px 2px 0 0;
    line-height: 40px;
    overflow: hidden;
    padding: 5px 15px;
}
.new-dashlet-content-wrapper .header .title {
    font-family: source_sans_prosemibold;
    font-size: 15px;
    line-height: 30px;
    color: #90999C;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}
.new-dashboard-container .dashlet-header-part .Zebra_DatePicker_Icon_Wrapper input {
    height: 34px;
}
.new-dashboard-container .dashlet-header-part .toolbar-btn.date-range-apply.save {
    height: 33px;
    line-height: 33px;
}
.new-dashboard-container .dashlet-header-part span.date-field-separator {
    float: none;
}
/* ------- manage application popup design ------------ */
.manage-application-permission.popup .content {
    max-height: calc(100vh - 417px);
    margin-bottom: 26px;
    position: relative;
}
.manage-application-permission .api-scope.edit-popup-form {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
}

.manage-application-permission .bmui-tab.left-side-header {
    height: 100%;
}

.manage-application-permission .left-side-header .bmui-tab-body-container {
    overflow-y: auto;
}

.manage-application-permission .form-row .label {
    width: 190px;
}
/* ------- manage application popup design ------------ */
.manage-application-permission.popup .content {
    max-height: calc(100vh - 417px);
    margin-bottom: 26px;
    position: relative;
}
.manage-application-permission .api-scope.edit-popup-form {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
}

.manage-application-permission .bmui-tab.left-side-header {
    height: 100%;
}

.manage-application-permission .left-side-header .bmui-tab-body-container {
    overflow-y: auto;
}

.manage-application-permission .form-row .label {
    width: 190px;
}

.manage-application-permission.popup .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.manage-application-permission.popup h3 {
    font-size: 17px;
    padding: 0px 0 2px;
    border-bottom: 1px #ececec solid;
    margin: 5px 0 10px;
    color: #1199C4;
    font-weight: 400;
}


.manage-application-permission.popup .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.manage-application-permission.popup h3 {
    font-size: 17px;
    padding: 0px 0 2px;
    border-bottom: 1px #ececec solid;
    margin: 5px 0 10px;
    color: #1199C4;
    font-weight: 400;
}

.radio-wrapper .customer-selection-toggle {
    padding-right: 5px;
}

#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .child-menu-wc-feature a {
    background: #5097ca24;
}

#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item .nav-item.has-child-menu-wc > a:after {
    display: unset;
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    height: 10px;
    width: 10px;
    transform: translateY(-50%);
    background: url(../../images/admin/arrow-hover.png) no-repeat;
}

#workspace #navigation-left-side.left-sidebar .navigation-list .nav-item.has-child-menu-wc.open > a:after {
    transform: translateY(-50%) rotate(-90deg);
}

li.nav-item.navigate.has-child-menu-wc.open a {
    background: #7979790d;
}

.edit-popup.image-focal-point-setup-popup {
    min-width: auto;
}
.menu-item.focus-point .icon {
    background-position: -448px -64px;
}



/* !HELPER TOOL GUI */
/*-----------------------------------------*/
.image-focal-point-setup-popup #Info {
    width:320px;
}
.image-focal-point-setup-popup #Info .helper-tool h1 {
    font-size:14px;
}
.image-focal-point-setup-popup #Info .helper-tool p {
    font-size: 0.825rem;
    padding:0;
    margin:0 0 1em;
}
.image-focal-point-setup-popup .helper-tool, .helper-tool * {
    box-sizing:border-box;
}
.image-focal-point-setup-popup .helper-tool {
    padding:12px;
    border:1px solid #fcfcfc;
}
.image-focal-point-setup-popup .helper-tool input {
    position:relative;
    width:100%;
}

/* !HELPER TOOL TARGETING SYSTEM */
.image-focal-point-setup-popup .focuspoint img {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}

/* !HELPER TOOL TARGETING SYSTEM */
.image-focal-point-setup-popup .helper-tool-target {
    position: relative;
    width: 300px;
    overflow: hidden;
    margin-bottom:1em;
}
.image-focal-point-setup-popup .helper-tool-target img {
    display: block;
    max-width: 100%;
    height:auto;
}
.image-focal-point-setup-popup .helper-tool-target img.target-overlay, .helper-tool-target img.reticle {
    position: absolute;
    top: 0;
    left: 0;
}
.image-focal-point-setup-popup .helper-tool-target img.target-overlay {
    cursor:pointer;
    opacity: 0.01;
}
.image-focal-point-setup-popup .helper-tool-target img.reticle {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    box-shadow: 0 0 0 500px rgba(22, 45, 61, 0.58);
    border-radius: 50%;
    border: 1px solid #fff;
    height: 40px;
    width: 40px;
}


.settings-box-style .cat-img-setting-holder.website-address-settings {
    border-width: 1px;
}

.cat-img-setting-holder.ssl-settings .uploader-input {
    display: block;
}
.commander-logo img.login-logo2 {
    max-width: 205px;
    max-height: 32px;
}
.https-panel.ssl-crt-key-panel .form-row .dropzone {
    width: 100%;
}
.https-panel.ssl-crt-key-panel .form-row ~ .form-row .dropzone-wrapper:before,
.https-panel.ssl-crt-key-panel .form-row .dropzone-wrapper:after {
    content: "";
    position: absolute;
}
.https-panel.ssl-crt-key-panel .form-row ~ .form-row .dropzone-wrapper:before {
    width: 38px;
    border-top: 1px dashed #D3DBDF;
    top: 51px;
    left: -38px;
}
.https-panel.ssl-crt-key-panel .form-row ~ .form-row .dropzone-wrapper:after {
    height: 18px;
    width: 18px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20fill%3D%22%23666666%22%2F%3E %3Cpath%20d%3D%22M5%209L8.5%2011.5L13%206%22%20stroke%3D%22white%22%2F%3E %3C%2Fsvg%3E");
    top: 42px;
    left: -29px;
}
.https-panel.ssl-crt-key-panel .form-row ~ .form-row .dropzone-wrapper.file-added:before {
    border-top: 1px dashed #1199C4;
}
.https-panel.ssl-crt-key-panel .form-row .dropzone-wrapper.file-added:after {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20fill%3D%22%2344C17F%22%2F%3E %3Cpath%20d%3D%22M5%209L8.5%2011.5L13%206%22%20stroke%3D%22white%22%2F%3E %3C%2Fsvg%3E");
}
.https-panel.ssl-crt-key-panel .uploader-input .success-icon {
    content: "";
    height: 18px;
    width: 18px;
    position: absolute;
    bottom: 37px;
    right: 12px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20fill%3D%22%2344C17F%22%2F%3E %3Cpath%20d%3D%22M5%209L8.5%2011.5L13%206%22%20stroke%3D%22white%22%2F%3E %3C%2Fsvg%3E");
}
.advanced-analytics-chart-options  .chart-options-popup-close {
    cursor: pointer;
    font-size: 12px;
    padding: 10px;
    padding-bottom: 3px;
    padding-top: 7px;
    background: #f0f3f4;
    margin-left: 2px;
    border-radius: 3px;
}

.form-row.delivery-time-orderLimitPerDay {
    padding: 15px;
}

.redirects-301-container tr.category-setting-header {
    display: table-row;
}

.redirects-301-container table.url-mappings.cat-img-setting-holder {
    border-width: 1px;
}

.form-section-container.with-container.seo-root-file-upload.cat-img-setting-holder .seo-upload-container {
    padding-bottom: 25px;
}

.form-section-container.with-container.seo-root-file-upload.cat-img-setting-holder {
    border-width: 1px;
}
.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .time-span-per-day .time-span-input-div {
    margin: 0;
    font-size: 0;
}
.select-available-weekdays-popup .time-span-input-div * {
    font-size: 14px;
}
.select-available-weekdays-popup .time-span-per-day {
    font-size: 0;
}
.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .time-span-per-day .time-span-input {
    width: calc(25% - 10px);
    margin: 5px;
}

.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .time-span-per-day label.time-span-label {
    width: 25%;
    padding: 0 5px;
    text-align: left;
    font-size: 14px;
}

.select-available-weekdays-popup .days-and-time-of-week .weekday-select-row .week-day-input-toggle {
    margin: 10px 0;
}

.select-available-weekdays .tool-icon.config {
    background-image: url("../../images/admin/16-icon-sprit.png");
    background-position: -112px -32px;
    margin-left: 8px;
}


.pass-code-gen-input {
    display: flex;
}

.pass-code-gen-input .auto-generate-button {
    padding-left: 10px;
    padding-right: 10px;
    background: #1199c4;
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: block;
    margin-right: 5px;
}

.status.locked {
    background-position: -17px 0px;
}

.categoryBanner span.widget-logo {
    background-position: -252px 0;
}

.floating-subscription-prop textarea.sidebar-input.subscription-popup-message {
    height: 80px;
}
.sale-on-sale-type-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sale-on-sale-type-wrapper input.medium {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.form-row .sale-on-sale-type-wrapper .chosen-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
    margin-left: 10px;
}

.form-row .sale-on-sale-type-wrapper .chosen-container-single .chosen-single {
    min-width: inherit;
    width: 65px;
    padding: 10px;
}

.form-row .sale-on-sale-type-wrapper .chosen-container-single .chosen-single span {
    margin: 0 5px 0 0;
}
#workspace .sale-on-sale-type-wrapper .errorlist.after {
    padding: 0;
    position: absolute;
    background: none;
    top: 68px;

    border: none;
    box-shadow: none;
    height: 17px;
}
.sale-on-sale-type-wrapper .errorlist.after .pointer,
.sale-on-sale-type-wrapper .errorlist.after .close-btn,
.sale-on-sale-type-wrapper .errorlist.after:after {
    display: none;
}

#workspace .sale-on-sale-type-wrapper .errorlist .message-text {
    color: #F56460;
}


.product-basic-create-edit .pass-code-gen-input,
.create-edit-form .pass-code-gen-input {
    display: block;
    position: relative;
    padding-right: 232px;
}

#workspace .product-basic-create-edit .pass-code-gen-input .errorlist.after,
#workspace .create-edit-form .pass-code-gen-input .errorlist.after {
    position: static;
    display: block;
    background: none;
    color: #f56460;
    padding: 0;
    box-shadow: none;
}

#workspace .product-basic-create-edit .pass-code-gen-input .errorlist.after span,
#workspace .product-basic-create-edit .pass-code-gen-input .errorlist.after:after,
#workspace .create-edit-form .pass-code-gen-input .errorlist.after span,
#workspace .create-edit-form .pass-code-gen-input .errorlist.after:after {
    display: none;
}


#workspace .product-basic-create-edit .pass-code-gen-input .pass-code,
#workspace .product-basic-create-edit .pass-code-gen-input .submit-button,
#workspace .create-edit-form .pass-code-gen-input .pass-code,
#workspace .create-edit-form .pass-code-gen-input .submit-button {
    position: absolute;
    top: 0;
}

#workspace .product-basic-create-edit .pass-code-gen-input .pass-code,
#workspace .create-edit-form .pass-code-gen-input .pass-code {
    right: 86px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 15px;
}
#workspace .product-basic-create-edit .pass-code-gen-input .pass-code:hover,
#workspace .create-edit-form .pass-code-gen-input .pass-code:hover {
    background-color: #1187ac;
}
#workspace .product-basic-create-edit .pass-code-gen-input .submit-button,
#workspace .create-edit-form .pass-code-gen-input .submit-button {
    right: 0;
    height: 40px;
}
.variation-list-view-panel-container.displayed-container button.assign-variation {
    height: 27px;
    line-height: 13px;
}
.variation-bulk-edit-tab.basic-table.table-view .select-column,
.variation-bulk-edit-tab.price-stock-table.table-view .select-column {
    width: 250px;
}
.variation-bulk-edit-tab.basic-table.table-view .active-status-column,
.variation-bulk-edit-tab.price-stock-table.table-view .active-status-column,
.variation-bulk-edit-tab.price-stock-table.table-view .sold-out-column {
    width: 150px;
}
.variation-bulk-edit-on-sale-price-row .errorlist.after {
    position: absolute;
    bottom: -6px;
    top: auto;
    padding: 0;
    color: #F56460;
    background: none;
    box-shadow: none;
    font-size: 13px;
}


#tab-page.app-tab-container.table-view table th.stores-column {

    text-align: center;

}


.multi-store-enabled span.connected-to-store {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%20clip-path%3D%22url%28%23clip0_84_1427%29%22%3E %3Cpath%20d%3D%22M12.4999%205.83301H14.9999C15.5471%205.83301%2016.0889%205.94078%2016.5944%206.15018C17.1%206.35957%2017.5593%206.66649%2017.9462%207.0534C18.3331%207.44031%2018.64%207.89964%2018.8494%208.40516C19.0588%208.91068%2019.1666%209.4525%2019.1666%209.99967C19.1666%2010.5468%2019.0588%2011.0887%2018.8494%2011.5942C18.64%2012.0997%2018.3331%2012.559%2017.9462%2012.946C17.5593%2013.3329%2017.1%2013.6398%2016.5944%2013.8492C16.0889%2014.0586%2015.5471%2014.1663%2014.9999%2014.1663H12.4999M7.49992%2014.1663H4.99992C4.45274%2014.1663%203.91093%2014.0586%203.4054%2013.8492C2.89988%2013.6398%202.44055%2013.3329%202.05364%2012.946C1.27224%2012.1646%200.833252%2011.1047%200.833252%209.99967C0.833252%208.89461%201.27224%207.8348%202.05364%207.0534C2.83504%206.27199%203.89485%205.83301%204.99992%205.83301H7.49992%22%20stroke%3D%22%231199C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M6.66675%2010H13.3334%22%20stroke%3D%22%231199C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fg%3E %3Cdefs%3E %3CclipPath%20id%3D%22clip0_84_1427%22%3E %3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.multi-store-enabled span.made-for-store {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M11.6666%201.66699H4.99992C4.55789%201.66699%204.13397%201.84259%203.82141%202.15515C3.50885%202.46771%203.33325%202.89163%203.33325%203.33366V16.667C3.33325%2017.109%203.50885%2017.5329%203.82141%2017.8455C4.13397%2018.1581%204.55789%2018.3337%204.99992%2018.3337H14.9999C15.4419%2018.3337%2015.8659%2018.1581%2016.1784%2017.8455C16.491%2017.5329%2016.6666%2017.109%2016.6666%2016.667V6.66699L11.6666%201.66699Z%22%20stroke%3D%22%2316AAD8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M11.6667%201.66699V6.66699H16.6667%22%20stroke%3D%22%2316AAD8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M7.5%2012.5H12.5%22%20stroke%3D%22%2316AAD8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.pages.table-view .tool-group.store-select .chosen-single .tooltipstered {
    min-width: 100px;
}

.menu-item.link-unlink-page-with-store .icon {
    background-position: -144px -64px;
}

.menu-item.link-page-with-store span.icon {
    background-position: -416px -32px;
}


#tab-page .store-name-identity-circle  li {
    display: block;
    height: 24px;
    width: 24px;
    border: 1px solid #ffffff;
    border-radius: 15px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    margin-left: -5px;
    font-size: 11px;
    border-style: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}
#tab-page .store-name-identity-circle {
    display: flex;
    justify-content: center;
}
#tab-page .store-name-identity-circle li {
    background: #1199C4;
}

#tab-page .store-name-identity-circle li:nth-child(2n){
    background: #6462DC;
}

#tab-page .store-name-identity-circle li:nth-child(3n){
    background: #247b27;
}
#tab-page .store-name-identity-circle li:nth-child(4n) {
    background: #f69729;
}
/* -----------------------------------------------------------------
    Multi store design
--------------------------------------------------------------------*/

.app-tab-container .multi-store-enabled ~ .toggle-table-row td {
    margin: 0;
    padding: 0;
}

.multi-store-enabled ~ .toggle-table-row .child-page-table {
    margin: 0;
    padding: 20px;
    border: none;
    background-color: #EBFAFF;
}

.multi-store-enabled ~ .toggle-table-row .child-page-table h2 {
    color: #5B5B5B;
    padding: 0 0 20px 0;
    font-weight: 600;
}

.multi-store-enabled ~ .toggle-table-row .child-page-table table {
    border-left: 1px solid #EAEFF0;
    border-right: 1px solid #EAEFF0;
}
.app-tab-container .multi-store-enabled ~ .toggle-table-row td.table-header {
    font-size: 15px;
    color: #16AAD8;
    background-color: #ffffff;
}
.app-tab-container .multi-store-enabled ~ .toggle-table-row td.actions-column {
    width: 80px;
}
.app-tab-container .multi-store-enabled ~ .toggle-table-row td.select-column {
    width: 70px;
}
.app-tab-container  .multi-store-enabled ~ .toggle-table-row .child-page-table td {
    padding: 10px;
}
.add-page-for-store.menu-item .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M9.33332%201.3335H3.99999C3.64637%201.3335%203.30723%201.47397%203.05718%201.72402C2.80713%201.97407%202.66666%202.31321%202.66666%202.66683V13.3335C2.66666%2013.6871%202.80713%2014.0263%203.05718%2014.2763C3.30723%2014.5264%203.64637%2014.6668%203.99999%2014.6668H12C12.3536%2014.6668%2012.6928%2014.5264%2012.9428%2014.2763C13.1928%2014.0263%2013.3333%2013.6871%2013.3333%2013.3335V5.3335L9.33332%201.3335Z%22%20stroke%3D%22%23939392%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M9.33334%201.3335V5.3335H13.3333%22%20stroke%3D%22%23939392%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M8%2012V8%22%20stroke%3D%22%23939392%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M6%2010H10%22%20stroke%3D%22%23939392%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E")
}
.link-unlink-page-with-store.menu-item .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%20clip-path%3D%22url%28%23clip0_84_1364%29%22%3E %3Cpath%20d%3D%22M7.75005%201.5V2.625H8.25005V1.5H7.75005ZM5.54705%201.9845L5.10955%202.203L5.57805%203.219L6.03105%203.0155L5.54705%201.9845ZM13.2501%202.094C12.8097%202.10556%2012.3795%202.22911%2012.0001%202.453L9.07805%204.1405C8.17055%204.669%207.70505%205.653%207.76555%206.6405L7.04705%207.047C6.58828%206.74635%206.04833%206.59365%205.50005%206.6095C5.06755%206.6305%204.56805%206.7785%204.23455%206.969L1.32805%208.656C0.0500511%209.4%20-0.378449%2011.04%200.360051%2012.3285C0.532728%2012.6339%200.764349%2012.9019%201.04146%2013.117C1.31858%2013.3321%201.63567%2013.49%201.97432%2013.5816C2.31297%2013.6731%202.66643%2013.6965%203.01418%2013.6503C3.36193%2013.6041%203.69704%2013.4893%204.00005%2013.3125L6.92205%2011.625C7.82455%2011.1%208.28905%2010.123%208.23455%209.1405L8.95305%208.7345C9.36825%209.00769%209.85139%209.15971%2010.3482%209.17349C10.845%209.18727%2011.3359%209.06226%2011.7656%208.8125L14.6721%207.125C15.9506%206.381%2016.3786%204.726%2015.6406%203.4375C15.4009%203.01823%2015.052%202.67181%2014.631%202.43514C14.2101%202.19846%2013.7328%202.08039%2013.2501%202.0935V2.094ZM13.2656%202.594C13.6596%202.58255%2014.0494%202.6782%2014.3934%202.87076C14.7374%203.06333%2015.0228%203.34559%2015.2191%203.6875C15.5102%204.19124%2015.5898%204.78986%2015.4404%205.35218C15.291%205.91451%2014.9248%206.39469%2014.4221%206.6875L11.5001%208.375C10.8641%208.745%2010.1626%208.673%209.54705%208.3905L10.2186%208C10.5556%208.046%2010.9136%208.015%2011.2346%207.828L14.0626%206.156C14.0676%206.1525%2014.0731%206.1435%2014.0781%206.141C14.8216%205.6975%2015.0991%204.746%2014.6721%204C14.2421%203.2495%2013.2701%203.014%2012.5156%203.453L9.67205%205.1095C9.34855%205.2975%209.12855%205.586%209.00005%205.9065L8.57805%206.1565L8.34405%206.2965C8.40455%205.6125%208.70355%204.951%209.34405%204.578L12.2341%202.8905C12.5475%202.70658%2012.9023%202.60461%2013.2656%202.594ZM3.56255%203.3275L3.21855%203.687L4.03105%204.4685L4.37505%204.0935L3.56255%203.3275ZM13.3906%203.734C13.5658%203.74034%2013.7365%203.791%2013.8868%203.88124C14.0371%203.97148%2014.1621%204.09835%2014.2501%204.25C14.5431%204.7615%2014.3571%205.411%2013.8281%205.719L11.0471%207.359C11.3071%206.9815%2011.3626%206.493%2011.1251%206.078C11.0162%205.88934%2010.8588%205.73329%2010.6693%205.62609C10.4797%205.5189%2010.2648%205.46448%2010.0471%205.4685L12.7656%203.8905C12.9641%203.7755%2013.1821%203.7245%2013.3906%203.7345V3.734ZM1.93755%205.984L1.81255%206.4685L2.89055%206.765L3.03155%206.2805L1.93755%205.984ZM9.96905%205.984C10.0631%205.9715%2010.1596%205.9775%2010.2501%205.9995C10.4311%206.043%2010.5906%206.1425%2010.6876%206.312C10.8816%206.651%2010.7621%207.096%2010.3906%207.312L10.0626%207.515C10.0626%207.515%208.51655%208.408%207.85955%208.7805L6.68755%209.468C6.59005%209.553%206.45955%209.608%206.34355%209.6715C5.97255%209.8875%205.53805%209.7755%205.34355%209.437C5.14955%209.0985%205.26955%208.653%205.64055%208.437C5.73905%208.347%205.87655%208.3075%205.98455%208.2495L6.75005%207.7965L7.15655%207.5465C7.17319%207.53779%207.18879%207.52722%207.20305%207.515L8.07805%207.015L8.14055%206.984L9.31255%206.312C9.33573%206.29972%209.35682%206.28386%209.37505%206.265L9.68755%206.0775C9.78055%206.0235%209.87455%205.9965%209.96905%205.984ZM5.51555%207.109C5.86155%207.0995%206.20555%207.2085%206.51555%207.359L6.42205%207.406L5.79705%207.781C5.45705%207.7325%205.08905%207.7805%204.76555%207.968L1.93755%209.625C1.18255%2010.064%200.898051%2011.015%201.32805%2011.7655C1.75805%2012.516%202.72955%2012.7675%203.48455%2012.328L6.32805%2010.672C6.64705%2010.4865%206.87055%2010.1905%207.00005%209.875C7.00205%209.8705%206.99805%209.864%207.00005%209.8595L7.31255%209.6875L7.67205%209.4845C7.61155%2010.1695%207.29705%2010.8145%206.65655%2011.1875L3.76505%2012.8905C2.71805%2013.5%201.38505%2013.1335%200.781051%2012.078C0.636903%2011.8299%200.543152%2011.5558%200.505174%2011.2714C0.467196%2010.987%200.485738%2010.6979%200.559737%2010.4206C0.633736%2010.1434%200.761736%209.8835%200.936396%209.65585C1.11106%209.4282%201.32894%209.23726%201.57755%209.094L4.50005%207.4065C4.80774%207.22266%205.15729%207.12043%205.51555%207.1095V7.109ZM4.96855%208.4215C4.72005%208.7975%204.67155%209.2765%204.90655%209.687C5.13655%2010.0885%205.57555%2010.3025%206.01555%2010.281L3.23505%2011.89C2.70605%2012.198%202.04355%2012.0265%201.75055%2011.515C1.45755%2011.004%201.64355%2010.354%202.17255%2010.0465L4.96855%208.4215ZM13.1101%209.015L12.9691%209.484L14.0631%209.7805L14.1881%209.2965L13.1101%209.015ZM11.9691%2011.312L11.6256%2011.687L12.4381%2012.4525L12.7821%2012.0775L11.9691%2011.312ZM10.4226%2012.562L9.96905%2012.765L10.4541%2013.781L10.8911%2013.5775L10.4226%2012.562ZM7.75005%2013.1565V14.2815H8.25005V13.1565H7.75005Z%22%20fill%3D%22%23595959%22%2F%3E %3C%2Fg%3E %3Cdefs%3E %3CclipPath%20id%3D%22clip0_84_1364%22%3E %3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3C%2Fsvg%3E");
    background-position: 0 0;
}
#bmui-tab-store .wc-tag {
    background: #1199C4;
}

#bmui-tab-store .wc-tag:after {
    border-right: 5px solid #1199C4;
}
#bmui-tab-store th.actions-column,
#bmui-tab-store td.actions-column {
    width: 110px;
}
#bmui-tab-store tr.default {
    background-color: #FFF9E2;
}

span.all-store-connected-info {
    padding: 10px;
    border-left: 6px solid#1197c4;
    color: #1199c4;
    background: #16aad81c;
    margin-top: 10px;
    font-family: ui-sans-serif;
    padding-top: 18px;
    font-size: 19px;
}

#tab-page .tool-group.store-select .chosen-result {
    text-transform: uppercase;
}
#tab-page .tool-group.store-select span {
    text-transform: uppercase;
}

.pass-code-gen-input.administration-pass-code-input-setting {
    width: 450px;
}

.pass-code-gen-input.administration-pass-code.administration-pass-code-input-setting input {
    text-transform: uppercase;
}

.form-row.half.code-number-only {
    margin-top: 3px;
}

/* ----------------- Advance checkout page -------------------------- */
#bmui-tab-AdvanceCheckoutPage .nested-panel.validation-error + .errorlist.after {
    top: auto;
    left: 300px;
    /* @alternate */ width: calc(100% - 300px);
    margin-top: 10px;
}
#bmui-tab-general .email-settings .accordion-item {
    padding: 30px;
}
#tab-my-account .overview-top-wrapper .kpi-items .single-kpi {
    background: #fff;
    border: 1px solid #E1E2E2;
    border-radius: 3px;
    padding: 30px 20px;
    flex-basis: calc(100% / 3 - 26px);
    margin: 0 12px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.menu-item.highlight-product .icon {
    background-position : -768px 0;
}

/* ----------------- Highlight Product -------------------------- */

.highlight-top-row-panel {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px #E6EAEA solid;
    align-items: center;
}

.highlight-top-row-panel .form-row {
    padding: 0;
    display: flex;
    align-items: center;
}

.highlight-top-row-panel label {
    font-size: 15px;
    color: #767676;
    padding-right: 10px;
}

.added-high-light-product-panel-area {
    height: calc(100vh - 325px);
    padding: 20px 0;
    overflow-y: auto;
}

.added-high-light-product-panel-area .empty-item-content-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.added-high-light-product-panel-area .empty-item-content-panel .empty-item-info {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #666666;
}

.added-high-light-product-panel-area .empty-item-content-panel .add-highlight-product-to-selected-category {
    display: block;
    width: 162px;
    height: 52px;
    font-size: 16px;
    line-height: 48px;
    color: #1199C4;
    font-weight: 600;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin: 20px auto 0;
    cursor: pointer;
}

.added-high-light-product-panel-area .empty-item-content-panel .add-highlight-product-to-selected-category:hover {
    box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.1);
}

.added-high-light-product-panel-area .empty-item-content-panel .add-highlight-product-to-selected-category .button-icon {
    height: 18px;
    width: 18px;
    display: inline-block;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%20clip-path%3D%22url%28%23clip0_8_435%29%22%3E %3Cpath%20d%3D%22M8%201.33333C11.676%201.33333%2014.6667%204.324%2014.6667%208C14.6667%2011.676%2011.676%2014.6667%208%2014.6667C4.324%2014.6667%201.33333%2011.676%201.33333%208C1.33333%204.324%204.324%201.33333%208%201.33333ZM8%200C3.582%200%200%203.582%200%208C0%2012.418%203.582%2016%208%2016C12.418%2016%2016%2012.418%2016%208C16%203.582%2012.418%200%208%200ZM12%208.66667H8.66667V12H7.33333V8.66667H4V7.33333H7.33333V4H8.66667V7.33333H12V8.66667Z%22%20fill%3D%22%231199C4%22%2F%3E %3C%2Fg%3E %3Cdefs%3E %3CclipPath%20id%3D%22clip0_8_435%22%3E %3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3C%2Fsvg%3E");
    background-size: 18px;
    vertical-align: text-top;
    margin-right: 6px;
}

.added-high-light-product-panel-area .empty-item-content-panel .empty-item-info:before {
    content: "";
    height: 60px;
    width: 60px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.445%2020.895L0%2014.35L21.7675%202.5L30.12%208.3625L38.145%202.5L60%2014.0975L52.465%2020.7975L52.5%2020.8175L60%2031.105L52.5%2035.19V45.495L30%2057.5L7.5%2045.495V35.2075L10%2036.5675V43.995L28.7525%2054V34.2775L22.5%2043.3625L0%2031.13L7.445%2020.895ZM31.2525%2034.31V53.9975L50%2043.995V36.5525L37.5%2043.3625L31.2525%2034.31ZM3.6975%2030.295L21.7175%2040.09L26.335%2033.38L8.2575%2024.025L3.6975%2030.295ZM33.67%2033.4125L38.28%2040.09L56.3%2030.2725L51.745%2024.0275L33.67%2033.4125ZM9.9775%2022.1L30.0025%2011.025L50%2022.1175L30.0725%2032.5L9.9775%2022.1ZM4.3375%2014.835L9.6025%2019.4625L27.5025%209.58L21.6%205.4375L4.3375%2014.835ZM32.52%209.705L50.21%2019.4575L55.65%2014.62L38.355%205.4425L32.52%209.705Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.4%22%2F%3E %3C%2Fsvg%3E");
    margin: 0 auto 15px;
}

.edit-popup-form.select-highlight-product-form {}
.edit-popup-form.select-highlight-product-form .filter-block-search-item {
    margin: 0 0 18px;
    border-bottom: none;
}

.edit-popup-form.select-highlight-product-form .search-text-item-with-show-hide {
    width: 400px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    margin: 0;
}

.edit-popup-form.select-highlight-product-form .left-right-selector-panel {
    padding: 0;
}

.edit-popup-form.select-highlight-product-form .multi-column.two-column {
    display: flex;
    justify-content: space-between;
}

.edit-popup-form.select-highlight-product-form .columns {
    width: calc(50% - 15px);
}

.edit-popup-form.select-highlight-product-form .columns .column-content {
    margin: 0;
}

.edit-popup-form.select-highlight-product-form col[style*="30"],
.edit-popup-form.select-highlight-product-form col[style*="20"] {
    width: 40px!important;
}

.edit-popup-form.select-highlight-product-form col[style*="70"],
.edit-popup-form.select-highlight-product-form col[style*="80"] {
    width: auto!important;
}

.edit-popup-form.select-highlight-product-form .actions-column {
    padding: 0;
    text-align: center;
}

.edit-popup-form.select-highlight-product-form .actions-column .wcui-checkbox {
    margin: 0;
}

.edit-popup-form.select-highlight-product-form .multi-column.two-column .table-view .body .content {
    border-bottom: 1px solid #E1E3E3 !important;
}

.added-high-light-product-panel-area ~ .bottom-row-panel {
    padding: 10px;
    background-color: #F0F3F4;
    text-align: center;
}

.added-high-light-product-panel-area ~ .bottom-row-panel.hide {
    display: none;
}

.highlight-product-sortable-item.grid-item .order {
    color: #fff;
    line-height: 25px;
    height: 24px;
    width: 24px;
    background: #1199C4;
    border-radius: 50%;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .15);
    position: absolute;
    top: -6px;
    left: -8px;
}

.high-light-product-panel-area-grid-view .remove-product-from-lis.menu-item.delete {
    background: #ffffff;
}

.high-light-product-panel-area-grid-view .remove-product-from-lis.menu-item.delete .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M12.2007%204.74414L4.20068%2012.7441%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M4.20068%204.74414L12.2007%2012.7441%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
    opacity: .8;
}

.remove-product-from-lis.menu-item.delete {
    color: #fff;
    line-height: 22px;
    height: 20px;
    width: 20px;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, .04);
    position: absolute;
    top: 4px;
    right: 5px;;
}

.remove-product-from-lis.menu-item.delete span.icon {
    left: 2px;
    position: absolute;
    top: 3px;
}

.highlight-product-sortable-item.grid-item {
    background-color: #ffffff;
    margin: 0 12px 20px 12px;
}

.highlight-product-sortable-item.grid-item:active {
    box-shadow: 0 0 10px 10px rgba(0,0,0, .05);
    border: 1px #ccc solid;
}

.highlight-product-sortable-item.grid-item .handle-to-sort {
    cursor: move;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.highlight-product-sortable-item.grid-item:active .handle-to-sort {
    border: none;
    box-shadow: none;
}
.highlight-product-sortable-item.grid-item .title {
    margin-top: 10px;
}


.form-row .add-highlight-product-to-selected-category {
    padding: 8px 16px;
    margin-left: 10px;
}

.add-highlight-product-to-selected-category .add-plus-icon:after {
    content: "";
    height: 16px;
    width: 16px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M8%201.33333C11.676%201.33333%2014.6667%204.324%2014.6667%208C14.6667%2011.676%2011.676%2014.6667%208%2014.6667C4.324%2014.6667%201.33333%2011.676%201.33333%208C1.33333%204.324%204.324%201.33333%208%201.33333ZM8%200C3.582%200%200%203.582%200%208C0%2012.418%203.582%2016%208%2016C12.418%2016%2016%2012.418%2016%208C16%203.582%2012.418%200%208%200ZM12%208.66667H8.66667V12H7.33333V8.66667H4V7.33333H7.33333V4H8.66667V7.33333H12V8.66667Z%22%20fill%3D%22white%22%2F%3E %3C%2Fsvg%3E");
    vertical-align: text-top;
    margin-right: 7px;
}

.menu-item.highlight-category .icon {
    background-position: -480px 0;
}

.scroll-item-wrapper.pending-order-col {
    padding : 20px;
}
.pending-order-col .bmui-stl-entry-container .bmui-stl-sub-container .name-column {
    color : #666666;
}
.pending-order-col .bmui-stl-entry-container div.bmui-stl-entry {
    background    : none repeat scroll 0 0 #F1F4F4;
    border-radius : 3px;
    cursor        : pointer;
    height        : 42px;
    margin        : 0;
    overflow      : hidden;
    border-bottom : 1px solid #E1E4E4;
}
.pending-order-col .bmui-stl-entry div, .table-like-tree-sortable > .navigation-table-header div {
    color: #000000;
    height: 42px;
    line-height: 16px;
    padding: 12px 20px 12px 30px;
}
.pending-order-col .action-column {
    float: right;
    text-align: center;
}
.pending-order-col .bmui-stl-entry-container {
    margin: 0 0 7px;
    padding: 0;
}
.scroll-item-wrapper.completed-order-col {
    padding : 20px;
}
.completed-order-col .bmui-stl-entry-container .bmui-stl-sub-container .name-column {
    color : #666666;
}
.completed-order-col .bmui-stl-entry-container div.bmui-stl-entry {
    background    : none repeat scroll 0 0 #F1F4F4;
    border-radius : 3px;
    cursor        : pointer;
    height        : 42px;
    margin        : 0;
    overflow      : hidden;
    border-bottom : 1px solid #E1E4E4;
}
.completed-order-col .bmui-stl-entry div, .table-like-tree-sortable > .navigation-table-header div {
    color: #000000;
    height: 42px;
    line-height: 16px;
    padding: 12px 20px 12px 30px;
}
.completed-order-col .action-column {
    float: right;
    text-align: center;
}
.completed-order-col .bmui-stl-entry-container {
    margin: 0 0 7px;
    padding: 0;
}
.scroll-item-wrapper.custom-order-col {
    padding : 20px;
}
.custom-order-col .bmui-stl-entry-container .bmui-stl-sub-container .name-column {
    color : #666666;
}
.custom-order-col .bmui-stl-entry-container div.bmui-stl-entry {
    background    : none repeat scroll 0 0 #F1F4F4;
    border-radius : 3px;
    cursor        : pointer;
    height        : 42px;
    margin        : 0;
    overflow      : hidden;
    border-bottom : 1px solid #E1E4E4;
}
.custom-order-col .bmui-stl-entry div, .table-like-tree-sortable > .navigation-table-header div {
    color: #000000;
    height: 42px;
    line-height: 16px;
    padding: 12px 20px 12px 30px;
}
.custom-order-col .action-column {
    float: right;
    text-align: center;
}
.custom-order-col .bmui-stl-entry-container {
    margin: 0 0 7px;
    padding: 0;
}

/*============================================================
// Manage Billing
=============================================================*/
.app-user-menu .menu-item.my-billing .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M8.75%204.25V13.25M6.5%2011.1365L7.15925%2011.6307C8.0375%2012.29%209.46175%2012.29%2010.3408%2011.6307C11.2198%2010.9715%2011.2198%209.9035%2010.3408%209.24425C9.902%208.91425%209.326%208.75%208.75%208.75C8.20625%208.75%207.6625%208.585%207.24775%208.25575C6.41825%207.5965%206.41825%206.5285%207.24775%205.86925C8.07725%205.21%209.42275%205.21%2010.2523%205.86925L10.5635%206.11675M15.5%208.75C15.5%209.63642%2015.3254%2010.5142%2014.9862%2011.3331C14.647%2012.1521%2014.1498%2012.8962%2013.523%2013.523C12.8962%2014.1498%2012.1521%2014.647%2011.3331%2014.9862C10.5142%2015.3254%209.63642%2015.5%208.75%2015.5C7.86358%2015.5%206.98583%2015.3254%206.16689%2014.9862C5.34794%2014.647%204.60382%2014.1498%203.97703%2013.523C3.35023%2012.8962%202.85303%2012.1521%202.51381%2011.3331C2.17459%2010.5142%202%209.63642%202%208.75C2%206.95979%202.71116%205.2429%203.97703%203.97703C5.2429%202.71116%206.95979%202%208.75%202C10.5402%202%2012.2571%202.71116%2013.523%203.97703C14.7888%205.2429%2015.5%206.95979%2015.5%208.75Z%22%20stroke%3D%22%23696969%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

/*-------------------------------------------------------------
// Layout
--------------------------------------------------------------*/
#tab-my-billing {
    /* padding: 0; */
}

#tab-my-billing .app-tab-content-container {
    height: 100%;
    /* border: none; */
    /* display: flex; */
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container {
    /* width: 272px; */
    /* float: none; */
    /* flex: 0 0 272px; */
    /* padding: 12px; */
    /* background: #032430; */
}

#tab-my-billing > .left-side-header > .bmui-tab-body-container {
    /* flex: 1 1 auto; */
    /* margin: 0; */
    /* padding: 15%; */
    /* display: flex; */
    justify-content: center;
    background: #F6F6F7;
    padding-top: 40px;
}
/* // Layout END */


/*------------------------------------------------------------
// Subscription Tab
-------------------------------------------------------------*/
#tab-my-billing #bmui-tab-subscription {
    /* padding: 0; */
}

.current-subscription-info-panel .subscription-panel-title .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    display: block;
    padding-bottom: 25px;
}

.subscription-notice-panel {
    background: #FFE5CC;
    border-radius: 4px;
    max-width: 768px;
    padding: 16px;
    margin-bottom: 16px;
}
.subscription-notice-panel .notice-title,
.subscription-notice-panel .notice-body {
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    text-align: left;
}
.sidebar-group-body.css-rule-select-wrapper {
    display: flex;
    align-items: center;
}
.sidebar-group-body.css-rule-select-wrapper .chosen-container {
    width: calc(100% - 24px) !important;
}
.content-editor .floating-css-panel .sidebar-group-body .chosen-container {
    width: 100%;
}
.content-editor .sidebar-group.title-tag .sidebar-group-body .chosen-container {
    width: 100%;
}
.content-editor .sidebar-group-body .chosen-container.full-width {
    width: 100%;
}
.subscription-notice-panel .notice-title {
    font-weight: 600;
    padding-bottom: 12px;
}
.subscription-notice-panel .notice-body {
    font-weight: 400;
    text-align: left;
}
.subscription-notice-panel .notice-body > span {
    display: block;
    padding-bottom: 16px;
}
.subscription-notice-panel .notice-body span.bold-text {
    font-weight: 600;
}
.subscription-notice-panel .notice-action {
    text-align: left;
}

.subscription-notice-panel .upgrade-trial-package-button {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    background: #FF9F40;
    border-radius: 3px;
    padding: 4px 8px;
    cursor: pointer;
    transition: all 300ms ease-out 0s;
}
.subscription-notice-panel .upgrade-trial-package-button:hover {
    color: #ffffff;
    background: #1199C4;
}

.subscription-notice-panel .undo-cancel-button {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    background: #FF9F40;
    border-radius: 3px;
    padding: 4px 8px;
    cursor: pointer;
    transition: all 300ms ease-out 0s;
}
.subscription-notice-panel .undo-cancel-button:hover {
    color: #ffffff;
    background: #1199C4;
}

.current-subscription-details-info {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
    padding: 16px;
    width: 768px;
    margin-bottom: 16px;
}

.current-subscription-details-info .package-name-image-status-row {
    display: flex;
    padding-bottom: 16px;
    text-align: left;
}

.current-subscription-details-info .package-name-image-status-row .package-image {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-right: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%223%22%20fill%3D%22%230F85AB%22%2F%3E %3Cpath%20opacity%3D%220.9%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M31.6535%2019.2741C30.0045%2022.1524%2029.3422%2023.6122%2028.4297%2023.6106C27.2456%2023.6081%2026.8287%2022.692%2026.7347%2016.4523C26.6923%2013.5671%2025.7064%2011.8971%2023.6961%2012.6708C22.1884%2013.2507%2020.9897%2016.4111%2020.2605%2018.0145C18.0719%2022.8264%2017.4758%2020.3032%2016.1149%2017.8128C9.86913%206.38543%204.64239%2010.9015%206.07307%2010.7804C7.66882%2010.6456%2011.6501%2012.8459%2014.6027%2022.3114C16.5201%2027.1725%2019.2842%2027.3945%2021.8207%2023.2635C22.782%2021.698%2025.0267%2017.2364%2024.9952%2019.7673C24.9638%2022.2981%2025.3181%2026.7036%2027.7832%2027.0422C29.6441%2027.2976%2030.6671%2025.5792%2032.1014%2021.3562C32.4443%2020.1873%2032.9835%2019.0853%2033.696%2018.0973C33.8946%2017.8172%2033.0975%2016.7558%2031.6535%2019.2741Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20opacity%3D%220.9%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M31.6535%2019.2741C30.0045%2022.1524%2029.3422%2023.6122%2028.4297%2023.6106C27.2456%2023.6081%2026.8287%2022.692%2026.7347%2016.4523C26.6923%2013.5671%2025.7064%2011.8971%2023.6961%2012.6708C22.1884%2013.2507%2020.9897%2016.4111%2020.2605%2018.0145C18.0719%2022.8264%2017.4758%2020.3032%2016.1149%2017.8128C9.86913%206.38543%204.64239%2010.9015%206.07307%2010.7804C7.66882%2010.6456%2011.6501%2012.8459%2014.6027%2022.3114C16.5201%2027.1725%2019.2842%2027.3945%2021.8207%2023.2635C22.782%2021.698%2025.0267%2017.2364%2024.9952%2019.7673C24.9638%2022.2981%2025.3181%2026.7036%2027.7832%2027.0422C29.6441%2027.2976%2030.6671%2025.5792%2032.1014%2021.3562C32.4443%2020.1873%2032.9835%2019.0853%2033.696%2018.0973C33.8946%2017.8172%2033.0975%2016.7558%2031.6535%2019.2741Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M21.8835%2028.6208C21.8836%2028.8936%2021.8028%2029.1602%2021.6514%2029.387C21.4999%2029.6138%2021.2846%2029.7907%2021.0326%2029.8951C20.7807%2029.9996%2020.5034%2030.027%2020.2359%2029.9738C19.9684%2029.9207%2019.7226%2029.7894%2019.5297%2029.5966C19.3368%2029.4038%2019.2054%2029.1581%2019.1521%2028.8906C19.0988%2028.6232%2019.126%2028.3459%2019.2303%2028.0939C19.3346%2027.8418%2019.5113%2027.6264%2019.738%2027.4748C19.9648%2027.3232%2020.2314%2027.2423%2020.5041%2027.2422C20.8698%2027.2422%2021.2206%2027.3874%2021.4792%2027.6459C21.7379%2027.9044%2021.8833%2028.2551%2021.8835%2028.6208Z%22%20fill%3D%22white%22%2F%3E %3Cpath%20d%3D%22M26.5217%2028.6208C26.5218%2028.8936%2026.441%2029.1602%2026.2895%2029.3871C26.138%2029.6139%2025.9227%2029.7907%2025.6707%2029.8952C25.4187%2029.9996%2025.1414%2030.027%2024.8739%2029.9738C24.6064%2029.9206%2024.3606%2029.7893%2024.1677%2029.5965C23.9748%2029.4036%2023.8434%2029.1579%2023.7902%2028.8904C23.737%2028.6229%2023.7642%2028.3456%2023.8686%2028.0936C23.973%2027.8416%2024.1497%2027.6262%2024.3765%2027.4746C24.6033%2027.3231%2024.8699%2027.2422%2025.1427%2027.2422C25.5084%2027.2422%2025.8591%2027.3874%2026.1177%2027.646C26.3763%2027.9045%2026.5216%2028.2551%2026.5217%2028.6208Z%22%20fill%3D%22white%22%2F%3E %3C%2Fsvg%3E")!important;
}

.current-subscription-details-info .package-details-row-header,
.current-subscription-details-info .package-details-row-body {
    display: flex;
    text-align: left;
}

.current-subscription-details-info .package-details-row-body-row,
.current-subscription-details-info .package-details-row-header-row {
    width: 33.333%;
    padding: 15px 0;
    border-top: 1px #F0F3F4  solid;
}

.current-subscription-details-info .package-name {
    font-weight: 600;
    line-height: 18px;
    color: #000000;
    padding-bottom: 3px;
}

.current-subscription-details-info .package-status {
    font-weight: 600;
    font-size: 12px;
    color: #006C47;
    background: #E8FFEF;
    border-radius: 3px;
    padding: 0 4px;
    display: inline-block;
}

.current-subscription-details-info .expiration-day-warning {
    color: #BA1A1A;
    background: #FFEDEA;
    border-radius: 3px;
    padding: 0px 4px;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
}

.current-subscription-details-info .package-details-row-body-row {
    line-height: 18px;
    color: #353535;

}

.current-subscription-details-info .package-details-row-header-row {
    line-height: 18px;
    color: #000000;
}

.plugin-subscriptions-panel {
    max-width: 768px;
}
.plugin-subscriptions-panel .plugin-subscription-header {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 0 0 12px;
    text-align: left;
}
.plugin-subscriptions-panel .current-subscription-details-info-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.plugin-subscriptions-panel .current-subscription-details-info-wrap .subscription-notice-panel {
    margin: 0 8px 16px;
}
.plugin-subscriptions-panel .current-subscription-details-info-wrap .current-subscription-details-info {
    margin: 0 8px 16px;
    max-width: calc(50% - 16px);
    min-width: calc(50% - 16px);
}
.plugin-subscriptions-panel .current-subscription-details-info-wrap .no-subscription-data {
    margin: 0 16px;
    width: 100%;
    max-width: 768px;
    text-align: center;
    padding: 20px 0;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
    background: #ffffff;
}
.plugin-subscriptions-panel .current-subscription-details-info {
    max-width: calc(50% - 16px);
    min-width: calc(50% - 16px);
    margin: 0 8px;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
    padding: 0;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-name-image-status-row {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-name-image-status-row .plugin-subscription-image {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-name-status-row {
    padding-left: 16px
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-name-status-row .plugin-subscription-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin: 0 0 4px;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-name-status-row .package-status {
    padding: 0px 4px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    background: #E8FFEF;
    color: #006C47;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-details-row {}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-details-row-header {
    border-top: 1px solid #F6F6F7;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-details-row-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #F6F6F7;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-details-row-header-row .label {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-transform: capitalize;
    color: #000000;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-details-row-header-row .value {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #353535;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-details-row-header-row .value .plugin-subscription-details-row-body-row {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #353535;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-action-panel-bottom {
    padding: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-action-panel-bottom .change-plan {
    display: inline-flex;
    border: 1px solid #1199C4;
    border-radius: 3px;
    padding: 7px 16px;
    color: #1199C4;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
}
/* Start Temp CSS due to designer not available */
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-action-panel-bottom .upgrade-plugin-plan {
    display: inline-flex;
    border: 1px solid #1199C4;
    border-radius: 3px;
    padding: 7px 16px;
    color: #1199C4;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-action-panel-bottom .upgrade-plugin-plan:hover {
    background: #1199C4;
    color: #ffffff;
}
/* End Temp CSS due to designer not available */
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-action-panel-bottom .cancel-subscription {
    color: #0F85AB;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-left: 16px;
    cursor: pointer;
}
.plugin-subscriptions-panel .current-subscription-details-info .plugin-subscription-action-panel-bottom .change-plan:hover {
    background: #1199C4;
    color: #ffffff;
}

.current-subscription-details-info .package-action-panel-bottom {
    border-top: 1px #F0F3F4  solid;
    display: flex;
    width: 100%;
    align-items: center;
    padding-top: 16px;
}

.current-subscription-details-info .package-action-panel-bottom > div {
    margin-right: 16px;
    cursor: pointer;
}

.current-subscription-details-info .package-action-panel-bottom .change-plan {
    font-family: 'Source Sans Pro';
    color: #1199C4;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    padding: 8px 16px;
    border: 1px solid #1199C4;
    border-radius: 3px;
    transition: all 300ms ease-out 0s;
}

.current-subscription-details-info .package-action-panel-bottom .change-plan:hover {
    color: #ffffff;
    border: 1px solid #1199C4;
    background-color: #1199C4;
}

.current-subscription-details-info .package-action-panel-bottom .cancel-subscription,
.current-subscription-details-info .package-action-panel-bottom .upgrade-existing-this-plan {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #0F85AB;
}
.current-subscription-details-info .package-action-panel-bottom .cancel-subscription:hover,
.current-subscription-details-info .package-action-panel-bottom .upgrade-existing-this-plan:hover {
    color: #222222;
    text-decoration: underline;
}

/* ----- package Price List -----*/
#tab-my-billing .package-section-info,
.wc-on-trial .package-section-info {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}

#tab-my-billing .package-section-info-title,
.wc-on-trial .package-section-info-title {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    text-align: center;
    color: #000000;
    margin: 0 0 4px;
}

#tab-my-billing .package-section-info-sub-title,  .wc-on-trial .package-section-info-sub-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #353535;
    margin: 0;
}
#tab-my-billing .duration-type-wrap,
.wc-on-trial .duration-type-wrap {
    margin: 0 0 16px;
}
#tab-my-billing .duration-type-selector,
.wc-on-trial .duration-type-selector {
    display: inline-flex;
    justify-content: flex-start;
    border: 1px solid #0F85AB;
    border-radius: 50px;
}
#tab-my-billing .duration-type-selector .duration-type-tab,
.wc-on-trial .duration-type-selector .duration-type-tab {
    padding: 8px 16px;
    position: relative;
    text-align: center;
    border-radius: 50px;
    transition: all 300ms ease-out 0s;
}
#tab-my-billing .duration-type-selector .duration-type-tab.selected,
.wc-on-trial .duration-type-selector .duration-type-tab.selected {
    background: none #0F85AB;
}
#tab-my-billing .duration-type-selector .wcui-radio,
.wc-on-trial .duration-type-selector .wcui-radio {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    border: none;
    background: none;
}

#tab-my-billing .duration-type-selector .label-text,
.wc-on-trial .duration-type-selector .label-text {
    font-size: 16px;
    font-weight: 400;
}

#tab-my-billing .duration-type-selector .duration-type-tab.selected .label-text,
.wc-on-trial .duration-type-selector .duration-type-tab.selected .label-text {
    color: #ffffff;
}
#tab-my-billing .package-list,
.wc-on-trial .package-list {
    max-width: 1140px;
}
#tab-my-billing .package-list table,
.wc-on-trial .package-list table {
    border: none;
}
#tab-my-billing .package-list table tr,
.wc-on-trial .package-list table tr {
    background: none;
}

#tab-my-billing .package-list table td,
.wc-on-trial .package-list table td {
    padding: 16px;
    border: 1px #F0F3F4 solid;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
}
#tab-my-billing .package-list table td.highlited,
.wc-on-trial .package-list table td.highlited {
    background: #F4FCFE;
}
#tab-my-billing .package-list table tr:first-child td:first-child,
.wc-on-trial .package-list table tr:first-child td:first-child {
    vertical-align: bottom;
    color: #5F5E5E;
}
#tab-my-billing .package-list table .package-name,
.wc-on-trial .package-list table .package-name {
    display: block;
    margin-top: 32px;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #262626;
}

#tab-my-billing .package-list table .top-basic-info,
.wc-on-trial .package-list table .top-basic-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #262626;
    display: block;
    height: 36px;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 29px;
}

#tab-my-billing .package-list table .package-price,
.wc-on-trial .package-list table .package-price {
    display: block;
}
#tab-my-billing .package-list table .package-price .txt-l,
.wc-on-trial .package-list table .package-price .txt-l {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    text-align: center;
    color: #262626;
}

#tab-my-billing .package-list table .package-bottom-action,
.wc-on-trial .package-list table .package-bottom-action {
    display: block;
    margin-top: 24px;
}

#tab-my-billing .package-list table .subscribe,
.wc-on-trial .package-list table .subscribe {
    display: block;
    background: #1199C4;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    padding: 8px;
    cursor: pointer;
    pointer-events: auto;
}
#tab-my-billing .package-list table .price-tax-info,
.wc-on-trial .package-list table .price-tax-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #5F5E5E;
}
#tab-my-billing .package-list .pricing_left_info,
.wc-on-trial .package-list .pricing_left_info {
    border: 1px solid #F0F3F4;
    min-width: 350px;
    max-width: 350px;
    padding: 0;
    margin: 0;
}
#tab-my-billing .package-list .pricing_left_info .blank,
.wc-on-trial .package-list .pricing_left_info .blank {
    height: 102px;
    font-size: 0;
}
#tab-my-billing .package-list .pricing_left_info .info,
.wc-on-trial .package-list .pricing_left_info .info {
    color: #5F5E5E;
    height: 71px;
    display: flex;
    align-items: flex-end;
    padding: 16px 16px;
}
#tab-my-billing .package-list .pricing_left_info .feature-name,
.wc-on-trial .package-list .pricing_left_info .feature-name {
    border-top: 1px solid #F0F3F4;
    padding: 16px;
}
#tab-my-billing .package-list .pricing_item_wrap,
.wc-on-trial .package-list .pricing_item_wrap {
    display: flex;
    min-width: calc(100% - 350px);
    max-width: calc(100% - 350px);
}
#tab-my-billing .package-list .pricing_item,
.wc-on-trial .package-list .pricing_item {
    border: 1px solid #F0F3F4;
    padding: 0;
    margin: 0;
    flex-grow: 1;
    align-self: stretch;
    min-width: unset;
    max-width: unset;
}
#tab-my-billing .package-list .pricing_item .pricing-info,
.wc-on-trial .package-list .pricing_item .pricing-info {
    padding: 32px 24px;
    color: #262626;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #F0F3F4;
}
#tab-my-billing .package-list .pricing_item .package-bottom-action,
.wc-on-trial .package-list .pricing_item .package-bottom-action {
    padding: 16px 16px;
    color: #262626;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #F0F3F4;
}
#tab-my-billing .package-list .pricing_item .package-bottom-action .subscribe,
.wc-on-trial .package-list .pricing_item .package-bottom-action .subscribe {
    padding: 10px 16px !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px !important;
    text-transform: capitalize;
    background: #139AC4;
    color: #ffffff !important;
    border-radius: 3px;
    width: 100%;
    display: block;
    cursor: pointer;
}
#tab-my-billing .package-list .pricing_item .feature-list .feature-info,
.wc-on-trial .package-list .pricing_item .feature-list .feature-info {
    padding: 16px 16px;
    color: #262626;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tab-my-billing .package-list .pricing_item .feature-list .feature-info .feature-icon-checked,
.wc-on-trial .package-list .pricing_item .feature-list .feature-info .feature-icon-checked {
    margin-right: 6px;
}
/* ----  package Price List END ----  */

/*----- Cancel Subscription Confirmation Popup ----*/
.confirm-popup.cancel-subscription-confirmation-popup {
    width: 516px!important;
    border-radius: 3px;
}

.confirm-popup.cancel-subscription-confirmation-popup .header-line {
    padding: 16px 42px 16px 24px;
    border-bottom: 1px solid #F6F6F7;
    line-height: normal;
    background: #ffffff;
    border-radius: 3px 3px 0 0;
}

.confirm-popup.cancel-subscription-confirmation-popup .header-line .title {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    text-transform: capitalize;
    color: #000000;
}
.confirm-popup.cancel-subscription-confirmation-popup .header-line .close {
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M4.5%2013.5L13.5%204.5M4.5%204.5L13.5%2013.5%22%20stroke%3D%22%23696969%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
    top: 19px;
    right: 24px;
}
.confirm-popup.cancel-subscription-confirmation-popup .body {
    paddding: 24px;
}
.confirm-popup.cancel-subscription-confirmation-popup .body .message {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #353535;
    text-align: left;
    max-width: inherit;
}

.confirm-popup.cancel-subscription-confirmation-popup .button-line {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #F0F3F4;
    padding: 16px 24px;
    background: none;
}
.confirm-popup.cancel-subscription-confirmation-popup .button-line .yes-button,
.confirm-popup.cancel-subscription-confirmation-popup .button-line .no-button {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    padding: 8px 16px;
    border-radius: 3px;
}

.confirm-popup.cancel-subscription-confirmation-popup .button-line .yes-button {
    color: #262626;
    background: #F6F6F7;
    margin-left: 12px;
}
.confirm-popup.cancel-subscription-confirmation-popup .button-line .yes-button:hover {
    color: #ffffff;
    background: #1199C4;
}
.confirm-popup.cancel-subscription-confirmation-popup .button-line .no-button {
    color: #ffffff;
    background: #1199C4;
}
/* ---- Cancel Subscription Confirmation Popup END ---- */

/* // Subscription Tab END */

/*------------------------------------------------------------
// Payment Method Tab
-------------------------------------------------------------*/
#bmui-tab-paymentMethod .payment-method-section-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    display: block;
    padding-bottom: 25px;
    text-align: left;
}
/*--- Payment Method card ----*/
#bmui-tab-paymentMethod .payment-method-card-ui {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
    width: 768px;
}

#bmui-tab-paymentMethod .payment-method-card-ui .card-info-row {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: #FFFFFF;
    border-bottom: 1px solid #F0F3F4;
}

#bmui-tab-paymentMethod .payment-method-card-ui .card-info-row:first-child {
    border-radius: 3px 3px 0 0;
}

#bmui-tab-paymentMethod .payment-method-card-ui .card-info-row-summary {
    flex: 1 1 auto;
    margin: 0 16px;
    text-align: left;
}
#bmui-tab-paymentMethod .payment-method-card-ui .card-info-row-summary .card-info-summary-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}
#bmui-tab-paymentMethod .payment-method-card-ui .card-info-row-summary .card-info-summary-sub-title {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #5F5E5E;
}
#bmui-tab-paymentMethod .payment-method-card-ui .card-list-bottom-action {
    padding: 16px;
}

#bmui-tab-paymentMethod .payment-method-card-ui .card-list-bottom-action .add-new-payment-method {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #1199C4;
    border: 1px solid #1199C4;
    border-radius: 3px;
    padding: 7px 16px;
    display: inline-block;
    cursor: pointer;
    transition: all 300ms ease-out 0s;
}

#bmui-tab-paymentMethod .payment-method-card-ui .card-list-bottom-action .add-new-payment-method:hover {
    color: #ffffff;
    border: 1px solid #1199C4;
    background-color: #1199C4;
}
#bmui-tab-paymentMethod .payment-method-section-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    display: block;
    padding-bottom: 25px;
    text-align: left;
}

#bmui-tab-paymentMethod .payment-method-card-ui .default-card {
    background: #F6F6F7;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: #353535;
    display: inline-block;
    padding: 2px 8px;
    transition: all 300ms ease-out 0s;
}
#bmui-tab-paymentMethod .payment-method-card-ui .floating-action-dropper {
    width: 38px;
    height: 38px;
    border: 1px solid #F0F3F4;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}
#bmui-tab-paymentMethod .payment-method-card-ui .floating-action-dropper:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 6px;
    left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.5%206C10.5%205.60218%2010.658%205.22064%2010.9393%204.93934C11.2206%204.65804%2011.6022%204.5%2012%204.5C12.3978%204.5%2012.7794%204.65804%2013.0607%204.93934C13.342%205.22064%2013.5%205.60218%2013.5%206C13.5%206.39782%2013.342%206.77936%2013.0607%207.06066C12.7794%207.34196%2012.3978%207.5%2012%207.5C11.6022%207.5%2011.2206%207.34196%2010.9393%207.06066C10.658%206.77936%2010.5%206.39782%2010.5%206ZM10.5%2012C10.5%2011.6022%2010.658%2011.2206%2010.9393%2010.9393C11.2206%2010.658%2011.6022%2010.5%2012%2010.5C12.3978%2010.5%2012.7794%2010.658%2013.0607%2010.9393C13.342%2011.2206%2013.5%2011.6022%2013.5%2012C13.5%2012.3978%2013.342%2012.7794%2013.0607%2013.0607C12.7794%2013.342%2012.3978%2013.5%2012%2013.5C11.6022%2013.5%2011.2206%2013.342%2010.9393%2013.0607C10.658%2012.7794%2010.5%2012.3978%2010.5%2012ZM10.5%2018C10.5%2017.6022%2010.658%2017.2206%2010.9393%2016.9393C11.2206%2016.658%2011.6022%2016.5%2012%2016.5C12.3978%2016.5%2012.7794%2016.658%2013.0607%2016.9393C13.342%2017.2206%2013.5%2017.6022%2013.5%2018C13.5%2018.3978%2013.342%2018.7794%2013.0607%2019.0607C12.7794%2019.342%2012.3978%2019.5%2012%2019.5C11.6022%2019.5%2011.2206%2019.342%2010.9393%2019.0607C10.658%2018.7794%2010.5%2018.3978%2010.5%2018Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E");
}

#bmui-tab-paymentMethod .payment-method-card-ui .floating-popup {
    width: auto;
}
#bmui-tab-paymentMethod .billing-info-card-ui .billing-info-details {
    padding: 16px;
    text-align: left;
}

#bmui-tab-paymentMethod .billing-info-card-ui .billing-info-row {
    display: flex;
    align-items: center;
}

#bmui-tab-paymentMethod .billing-info-card-ui .billing-info-logo {
    height: 40px;
    width: 40px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%223%22%20fill%3D%22%23F6F6F7%22%2F%3E %3Cpath%20d%3D%22M22.335%2018.75C22.335%2019.413%2022.0716%2020.0489%2021.6027%2020.5178C21.1339%2020.9866%2020.498%2021.25%2019.835%2021.25C19.1719%2021.25%2018.536%2020.9866%2018.0672%2020.5178C17.5984%2020.0489%2017.335%2019.413%2017.335%2018.75C17.335%2018.087%2017.5984%2017.4511%2018.0672%2016.9822C18.536%2016.5134%2019.1719%2016.25%2019.835%2016.25C20.498%2016.25%2021.1339%2016.5134%2021.6027%2016.9822C22.0716%2017.4511%2022.335%2018.087%2022.335%2018.75Z%22%20stroke%3D%22%23696969%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M26.085%2018.75C26.085%2024.7017%2019.835%2028.125%2019.835%2028.125C19.835%2028.125%2013.585%2024.7017%2013.585%2018.75C13.585%2017.0924%2014.2434%2015.5027%2015.4155%2014.3306C16.5876%2013.1585%2018.1774%2012.5%2019.835%2012.5C21.4926%2012.5%2023.0823%2013.1585%2024.2544%2014.3306C25.4265%2015.5027%2026.085%2017.0924%2026.085%2018.75Z%22%20stroke%3D%22%23696969%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
    font-size: 0;
    margin-right: 16px;
}
#bmui-tab-paymentMethod .billing-info-card-ui .billing-info-summary {
    flex: 1 1 auto;
}

#bmui-tab-paymentMethod .billing-info-card-ui .billing-info-summary-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 5px;
}

#bmui-tab-paymentMethod .billing-info-card-ui .billing-info-summary-sub-title {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #5F5E5E;
}

#bmui-tab-paymentMethod .billing-info-card-ui .floating-popup {
    width: auto;
}

#bmui-tab-paymentMethod .billing-info-card-ui .floating-action-dropper {
    width: 38px;
    height: 38px;
    border: 1px solid #F0F3F4;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}
#bmui-tab-paymentMethod .billing-info-card-ui .floating-action-dropper:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 6px;
    left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.5%206C10.5%205.60218%2010.658%205.22064%2010.9393%204.93934C11.2206%204.65804%2011.6022%204.5%2012%204.5C12.3978%204.5%2012.7794%204.65804%2013.0607%204.93934C13.342%205.22064%2013.5%205.60218%2013.5%206C13.5%206.39782%2013.342%206.77936%2013.0607%207.06066C12.7794%207.34196%2012.3978%207.5%2012%207.5C11.6022%207.5%2011.2206%207.34196%2010.9393%207.06066C10.658%206.77936%2010.5%206.39782%2010.5%206ZM10.5%2012C10.5%2011.6022%2010.658%2011.2206%2010.9393%2010.9393C11.2206%2010.658%2011.6022%2010.5%2012%2010.5C12.3978%2010.5%2012.7794%2010.658%2013.0607%2010.9393C13.342%2011.2206%2013.5%2011.6022%2013.5%2012C13.5%2012.3978%2013.342%2012.7794%2013.0607%2013.0607C12.7794%2013.342%2012.3978%2013.5%2012%2013.5C11.6022%2013.5%2011.2206%2013.342%2010.9393%2013.0607C10.658%2012.7794%2010.5%2012.3978%2010.5%2012ZM10.5%2018C10.5%2017.6022%2010.658%2017.2206%2010.9393%2016.9393C11.2206%2016.658%2011.6022%2016.5%2012%2016.5C12.3978%2016.5%2012.7794%2016.658%2013.0607%2016.9393C13.342%2017.2206%2013.5%2017.6022%2013.5%2018C13.5%2018.3978%2013.342%2018.7794%2013.0607%2019.0607C12.7794%2019.342%2012.3978%2019.5%2012%2019.5C11.6022%2019.5%2011.2206%2019.342%2010.9393%2019.0607C10.658%2018.7794%2010.5%2018.3978%2010.5%2018Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E");
}
/*Add a payment popup*/
.popup.add-payment-edit-popup {
    width: 416px!important;
    min-width: unset;
}

.popup.add-payment-edit-popup .title-bar {
    padding: 16px 16px 16px 24px;
    font-weight: 500;
    line-height: 26px;
}

.popup.add-payment-edit-popup .content {
    padding: 0;
    margin: 0;
    min-height: unset;
}
.popup.add-payment-edit-popup .content .body {
    padding: 40px 24px 24px;
}
.popup.add-payment-edit-popup .content .add-new-payment-method-popup {
    padding: 24px;
}

.popup.add-payment-edit-popup .dashboard-user-profile .basic-info {
    margin: 0;
}
.popup.add-payment-edit-popup .button-line {
    padding: 16px 24px;
    background: #FFFFFF;
    border-top: 1px solid #F0F3F4;
    display: flex;
    justify-content: flex-end;
}
.popup.add-payment-edit-popup .button-line button {
    margin: 0;
    font-size: 14px;
    padding: 6px 16px;
}

.popup.add-payment-edit-popup .button-line button ~ button {
    margin-left: 12px;
}

.popup.add-payment-edit-popup .button-line button.cancel-button {
    background: #F6F6F7;
    color: #262626;
}

.popup.add-payment-edit-popup .button-line button.cancel-button:hover {
    background: #1198C5;
    color: #ffffff;
}
.popup.add-payment-edit-popup form .form-row {
    padding: 0 0 25px 0;
}
.popup.add-payment-edit-popup form .form-row:last-child {
    padding: 0;
}
.popup.add-payment-edit-popup form .double-input-row {
    display: flex;
    margin: 0 -10px;
}
.popup.add-payment-edit-popup form .double-input-row .form-row{
    width: 50%;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.popup.add-payment-edit-popup form .double-input-row .form-row.state-selector-row.chosen-wrapper{
    width: 100%;
    /* padding-left: 0; */
    /* padding-right: 0; */
    max-width: 194px;
    min-width: 194px;
}
.popup.add-payment-edit-popup form .double-input-row .form-row:first-child input {
    border-radius: 3px 0 0 3px;
    /*height: 34px !important;*/
}
.popup.add-payment-edit-popup form .double-input-row .form-row:last-child input {
    border-radius: 0 3px 3px 0;
}


/*empty payment card*/

/* // Payment Method Tab END */
#bmui-tab-paymentMethod .payment-method-card-ui .empty-payment-card-box {
    padding: 24px;
    text-align: center;
}

#bmui-tab-paymentMethod .payment-method-card-ui .empty-payment-card-box .empty-card-logo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M50%20100C77.6142%20100%20100%2077.6142%20100%2050C100%2022.3858%2077.6142%200%2050%200C22.3858%200%200%2022.3858%200%2050C0%2077.6142%2022.3858%20100%2050%20100Z%22%20fill%3D%22%23F0F3F4%22%2F%3E %3Crect%20x%3D%2215.5693%22%20y%3D%2230.6367%22%20width%3D%2273.6257%22%20height%3D%2260.7097%22%20rx%3D%224.5%22%20fill%3D%22white%22%20stroke%3D%22%237C98B6%22%2F%3E %3Cpath%20d%3D%22M15.0693%2035.1367C15.0693%2032.3753%2017.3079%2030.1367%2020.0693%2030.1367H84.695C87.4565%2030.1367%2089.695%2032.3753%2089.695%2035.1367V36.5947H15.0693V35.1367Z%22%20fill%3D%22%237C98B6%22%2F%3E %3Crect%20x%3D%2225.1152%22%20y%3D%2241.6172%22%20width%3D%2235.1602%22%20height%3D%222.87022%22%20rx%3D%221.43511%22%20fill%3D%22%237C98B6%22%2F%3E %3Crect%20x%3D%2225.1152%22%20y%3D%2255.251%22%20width%3D%2232.29%22%20height%3D%222.15266%22%20rx%3D%221.07633%22%20fill%3D%22%23CED4DA%22%2F%3E %3Crect%20x%3D%2225.1152%22%20y%3D%2249.5107%22%20width%3D%2243.7708%22%20height%3D%222.15266%22%20rx%3D%221.07633%22%20fill%3D%22%23CED4DA%22%2F%3E %3Crect%20x%3D%2268.8857%22%20y%3D%2278.9307%22%20width%3D%2211.4809%22%20height%3D%223.58777%22%20rx%3D%221.79389%22%20fill%3D%22%237C98B6%22%2F%3E %3Crect%20x%3D%2261.71%22%20y%3D%2278.9307%22%20width%3D%225.74044%22%20height%3D%223.58777%22%20rx%3D%221.79389%22%20fill%3D%22%231199C4%22%2F%3E %3Crect%20x%3D%2273.1914%22%20y%3D%2255.1582%22%20width%3D%227.17555%22%20height%3D%222.15266%22%20rx%3D%221.07633%22%20fill%3D%22%23CED4DA%22%2F%3E %3Crect%20x%3D%2273.1914%22%20y%3D%2249.5107%22%20width%3D%227.17555%22%20height%3D%222.15266%22%20rx%3D%221.07633%22%20fill%3D%22%23CED4DA%22%2F%3E %3Ccircle%20cx%3D%2220.8101%22%20cy%3D%2233.8169%22%20r%3D%221.43511%22%20fill%3D%22white%22%2F%3E %3Ccircle%20cx%3D%2225.1148%22%20cy%3D%2233.8169%22%20r%3D%221.43511%22%20fill%3D%22white%22%2F%3E %3Ccircle%20cx%3D%2229.4205%22%20cy%3D%2233.8169%22%20r%3D%221.43511%22%20fill%3D%22white%22%2F%3E %3Crect%20x%3D%2225.6143%22%20y%3D%2264.3623%22%20width%3D%2228.4197%22%20height%3D%2219.8091%22%20rx%3D%223.5%22%20stroke%3D%22%237C98B6%22%2F%3E %3Crect%20x%3D%2225.832%22%20y%3D%2267.4502%22%20width%3D%2227.9846%22%20height%3D%225.02288%22%20fill%3D%22%237C98B6%22%2F%3E %3Crect%20x%3D%2243.0537%22%20y%3D%2275.3428%22%20width%3D%228.61066%22%20height%3D%226.45799%22%20rx%3D%223.229%22%20fill%3D%22%231199C4%22%2F%3E %3Crect%20x%3D%2227.2666%22%20y%3D%2279.6484%22%20width%3D%2212.916%22%20height%3D%222.15266%22%20rx%3D%221.07633%22%20fill%3D%22%23CED4DA%22%2F%3E %3Crect%20x%3D%2227.2666%22%20y%3D%2275.3428%22%20width%3D%2210.0458%22%20height%3D%222.15266%22%20rx%3D%221.07633%22%20fill%3D%22%23CED4DA%22%2F%3E %3C%2Fsvg%3E");
}

#bmui-tab-paymentMethod .payment-method-card-ui .empty-payment-card-box .empty-card-info {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #353535;
    margin: 24px 0;
}

#bmui-tab-paymentMethod .payment-method-card-ui .empty-payment-card-box .add-new-payment-method {
    padding: 7px 16px;
    border: 1px solid #1199C4;
    border-radius: 3px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #1199C4;
    cursor: pointer;
    transition: all 300ms ease-out 0s;
}
#bmui-tab-paymentMethod .payment-method-card-ui .empty-payment-card-box .add-new-payment-method:hover {
    background-color: #1199C4;
    border: 1px solid #1199C4;
    color: #ffffff;
}
/* // Manage Billing END */

/*------------------------------------------------------------
// Account email verification
-------------------------------------------------------------*/
.account-email-verification-notification {
    color: #000;
    background-color: #FFE5CC;
    position: relative;
    text-align: center;
    padding: 6px 20px;
    margin-left: 260px;
}
.account-email-verification-notification.collapsed-left-sidebar{
    margin-left: 60px;
}

.account-email-verification-notification .notification-email-verification-sent-button {
    display: inline-block;
    padding: 4px 8px;
    background: #FF9F40;
    border-radius: 3px;
    margin-left: 8px;
    cursor: pointer;
    user-select: none;
    transition: all 300ms ease-out 0s;
}
.account-email-verification-notification .notification-email-verification-sent-button:hover {
    background: #032430;
    color: #ffffff;
}

.account-email-verification-notification .notification-email-close-button {
    height: 18px;
    width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M4.5%2013.5L13.5%204.5M4.5%204.5L13.5%2013.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
    position: absolute;
    top: 11px;
    right: 15px;
    cursor: pointer;
    user-select: none;
}

/*------------------------------------------------------------
// Instance Package License Notification
-------------------------------------------------------------*/
.instance-package-license-status-notification {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4F3FB6;
    color: #ffffff;
    font-size: 14px;
    padding: 7px 20px;
}
.instance-package-license-upgrade-button {
    background: #0DC15C;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
    padding: 7px 16px;
    margin-left: 12px;
    cursor: pointer;
    user-select: none;
    transition: all 300ms ease-out 0s;
}
.instance-package-license-upgrade-button:hover {
    background: #FF9F40;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    color: #ffffff;
}

/*------------------------------------------------------------
// Billing Info
-------------------------------------------------------------*/






/*-------------------------------------------------------------
// Left Panel Tab Header
--------------------------------------------------------------*/
#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header {
    /* border: none; */
    /* background: none; */
    /* box-shadow: none; */
    /* padding: 10px 20px; */
    /* border-radius: 3px; */
}
#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header ~ .bmui-tab-header {
    /* margin-top: 8px; */
}

#tab-my-billing .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active,
#tab-my-billing .left-side-header > .bmui-tab-header-container .bmui-tab-header:hover {
    /* background: #004156; */
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.scubscription-tab:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgOC4zNzVWMTUuMjVDMTYuNSAxNS41ODE1IDE2LjM2ODMgMTUuODk5NSAxNi4xMzM5IDE2LjEzMzlDMTUuODk5NSAxNi4zNjgzIDE1LjU4MTUgMTYuNSAxNS4yNSAxNi41SDMuMzc1QzMuMDQzNDggMTYuNSAyLjcyNTU0IDE2LjM2ODMgMi40OTExMiAxNi4xMzM5QzIuMjU2NyAxNS44OTk1IDIuMTI1IDE1LjU4MTUgMi4xMjUgMTUuMjVWOC4zNzVNOSAzLjA2MjVDOSAyLjYyOTg1IDguODcxNzEgMi4yMDY5MiA4LjYzMTM0IDEuODQ3MTlDOC4zOTA5NyAxLjQ4NzQ2IDguMDQ5MzMgMS4yMDcwOCA3LjY0OTYyIDEuMDQxNTFDNy4yNDk5MSAwLjg3NTk0OCA2LjgxMDA3IDAuODMyNjI4IDYuMzg1NzQgMC45MTcwMzNDNS45NjE0MSAxLjAwMTQ0IDUuNTcxNjMgMS4yMDk3OCA1LjI2NTcgMS41MTU3QzQuOTU5NzggMS44MjE2MyA0Ljc1MTQ0IDIuMjExNDEgNC42NjcwMyAyLjYzNTc0QzQuNTgyNjMgMy4wNjAwNyA0LjYyNTk1IDMuNDk5OTEgNC43OTE1MSAzLjg5OTYyQzQuOTU3MDggNC4yOTkzMyA1LjIzNzQ2IDQuNjQwOTggNS41OTcxOSA0Ljg4MTM0QzUuOTU2OTIgNS4xMjE3MSA2LjM3OTg1IDUuMjUgNi44MTI1IDUuMjVIOU05IDMuMDYyNVY1LjI1TTkgMy4wNjI1QzkgMi42Mjk4NSA5LjEyODI5IDIuMjA2OTIgOS4zNjg2NiAxLjg0NzE5QzkuNjA5MDMgMS40ODc0NiA5Ljk1MDY3IDEuMjA3MDggMTAuMzUwNCAxLjA0MTUxQzEwLjc1MDEgMC44NzU5NDggMTEuMTg5OSAwLjgzMjYyOCAxMS42MTQzIDAuOTE3MDMzQzEyLjAzODYgMS4wMDE0NCAxMi40Mjg0IDEuMjA5NzggMTIuNzM0MyAxLjUxNTdDMTMuMDQwMiAxLjgyMTYzIDEzLjI0ODYgMi4yMTE0MSAxMy4zMzMgMi42MzU3NEMxMy40MTc0IDMuMDYwMDcgMTMuMzc0MSAzLjQ5OTkxIDEzLjIwODUgMy44OTk2MkMxMy4wNDI5IDQuMjk5MzMgMTIuNzYyNSA0LjY0MDk4IDEyLjQwMjggNC44ODEzNEMxMi4wNDMxIDUuMTIxNzEgMTEuNjIwMSA1LjI1IDExLjE4NzUgNS4yNUg5TTkgNS4yNVYxNi41TTEuODEyNSA4LjM3NUgxNi44MTI1QzE3LjMzIDguMzc1IDE3Ljc1IDcuOTU1IDE3Ljc1IDcuNDM3NVY2LjE4NzVDMTcuNzUgNS42NyAxNy4zMyA1LjI1IDE2LjgxMjUgNS4yNUgxLjgxMjVDMS4yOTUgNS4yNSAwLjg3NSA1LjY3IDAuODc1IDYuMTg3NVY3LjQzNzVDMC44NzUgNy45NTUgMS4yOTUgOC4zNzUgMS44MTI1IDguMzc1WiIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.scubscription-tab.bmui-tab-active:before,
#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.scubscription-tab:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgOC4zNzVWMTUuMjVDMTYuNSAxNS41ODE1IDE2LjM2ODMgMTUuODk5NSAxNi4xMzM5IDE2LjEzMzlDMTUuODk5NSAxNi4zNjgzIDE1LjU4MTUgMTYuNSAxNS4yNSAxNi41SDMuMzc1QzMuMDQzNDggMTYuNSAyLjcyNTU0IDE2LjM2ODMgMi40OTExMiAxNi4xMzM5QzIuMjU2NyAxNS44OTk1IDIuMTI1IDE1LjU4MTUgMi4xMjUgMTUuMjVWOC4zNzVNOSAzLjA2MjVDOSAyLjYyOTg1IDguODcxNzEgMi4yMDY5MiA4LjYzMTM0IDEuODQ3MTlDOC4zOTA5NyAxLjQ4NzQ2IDguMDQ5MzMgMS4yMDcwOCA3LjY0OTYyIDEuMDQxNTFDNy4yNDk5MSAwLjg3NTk0OCA2LjgxMDA3IDAuODMyNjI4IDYuMzg1NzQgMC45MTcwMzNDNS45NjE0MSAxLjAwMTQ0IDUuNTcxNjMgMS4yMDk3OCA1LjI2NTcgMS41MTU3QzQuOTU5NzggMS44MjE2MyA0Ljc1MTQ0IDIuMjExNDEgNC42NjcwMyAyLjYzNTc0QzQuNTgyNjMgMy4wNjAwNyA0LjYyNTk1IDMuNDk5OTEgNC43OTE1MSAzLjg5OTYyQzQuOTU3MDggNC4yOTkzMyA1LjIzNzQ2IDQuNjQwOTggNS41OTcxOSA0Ljg4MTM0QzUuOTU2OTIgNS4xMjE3MSA2LjM3OTg1IDUuMjUgNi44MTI1IDUuMjVIOU05IDMuMDYyNVY1LjI1TTkgMy4wNjI1QzkgMi42Mjk4NSA5LjEyODI5IDIuMjA2OTIgOS4zNjg2NiAxLjg0NzE5QzkuNjA5MDMgMS40ODc0NiA5Ljk1MDY3IDEuMjA3MDggMTAuMzUwNCAxLjA0MTUxQzEwLjc1MDEgMC44NzU5NDggMTEuMTg5OSAwLjgzMjYyOCAxMS42MTQzIDAuOTE3MDMzQzEyLjAzODYgMS4wMDE0NCAxMi40Mjg0IDEuMjA5NzggMTIuNzM0MyAxLjUxNTdDMTMuMDQwMiAxLjgyMTYzIDEzLjI0ODYgMi4yMTE0MSAxMy4zMzMgMi42MzU3NEMxMy40MTc0IDMuMDYwMDcgMTMuMzc0MSAzLjQ5OTkxIDEzLjIwODUgMy44OTk2MkMxMy4wNDI5IDQuMjk5MzMgMTIuNzYyNSA0LjY0MDk4IDEyLjQwMjggNC44ODEzNEMxMi4wNDMxIDUuMTIxNzEgMTEuNjIwMSA1LjI1IDExLjE4NzUgNS4yNUg5TTkgNS4yNVYxNi41TTEuODEyNSA4LjM3NUgxNi44MTI1QzE3LjMzIDguMzc1IDE3Ljc1IDcuOTU1IDE3Ljc1IDcuNDM3NVY2LjE4NzVDMTcuNzUgNS42NyAxNy4zMyA1LjI1IDE2LjgxMjUgNS4yNUgxLjgxMjVDMS4yOTUgNS4yNSAwLjg3NSA1LjY3IDAuODc1IDYuMTg3NVY3LjQzNzVDMC44NzUgNy45NTUgMS4yOTUgOC4zNzUgMS44MTI1IDguMzc1WiIgc3Ryb2tlPSIjMzdDRkZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.payment-method-tab:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODc1IDQuNUgxNy4xMjVNMy4zNzUgOC44NzVIOC4zNzVNMy4zNzUgMTAuNzVINS44NzVNMi43NSAxMy4yNUgxNS4yNUMxNS43NDczIDEzLjI1IDE2LjIyNDIgMTMuMDUyNSAxNi41NzU4IDEyLjcwMDhDMTYuOTI3NSAxMi4zNDkyIDE3LjEyNSAxMS44NzIzIDE3LjEyNSAxMS4zNzVWMi42MjVDMTcuMTI1IDIuMTI3NzIgMTYuOTI3NSAxLjY1MDgxIDE2LjU3NTggMS4yOTkxN0MxNi4yMjQyIDAuOTQ3NTQ0IDE1Ljc0NzMgMC43NSAxNS4yNSAwLjc1SDIuNzVDMi4yNTI3MiAwLjc1IDEuNzc1ODEgMC45NDc1NDQgMS40MjQxNyAxLjI5OTE3QzEuMDcyNTQgMS42NTA4MSAwLjg3NSAyLjEyNzcyIDAuODc1IDIuNjI1VjExLjM3NUMwLjg3NSAxMS44NzIzIDEuMDcyNTQgMTIuMzQ5MiAxLjQyNDE3IDEyLjcwMDhDMS43NzU4MSAxMy4wNTI1IDIuMjUyNzIgMTMuMjUgMi43NSAxMy4yNVoiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.payment-method-tab.bmui-tab-active:before,
#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.payment-method-tab:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODc1IDQuNUgxNy4xMjVNMy4zNzUgOC44NzVIOC4zNzVNMy4zNzUgMTAuNzVINS44NzVNMi43NSAxMy4yNUgxNS4yNUMxNS43NDczIDEzLjI1IDE2LjIyNDIgMTMuMDUyNSAxNi41NzU4IDEyLjcwMDhDMTYuOTI3NSAxMi4zNDkyIDE3LjEyNSAxMS44NzIzIDE3LjEyNSAxMS4zNzVWMi42MjVDMTcuMTI1IDIuMTI3NzIgMTYuOTI3NSAxLjY1MDgxIDE2LjU3NTggMS4yOTkxN0MxNi4yMjQyIDAuOTQ3NTQ0IDE1Ljc0NzMgMC43NSAxNS4yNSAwLjc1SDIuNzVDMi4yNTI3MiAwLjc1IDEuNzc1ODEgMC45NDc1NDQgMS40MjQxNyAxLjI5OTE3QzEuMDcyNTQgMS42NTA4MSAwLjg3NSAyLjEyNzcyIDAuODc1IDIuNjI1VjExLjM3NUMwLjg3NSAxMS44NzIzIDEuMDcyNTQgMTIuMzQ5MiAxLjQyNDE3IDEyLjcwMDhDMS43NzU4MSAxMy4wNTI1IDIuMjUyNzIgMTMuMjUgMi43NSAxMy4yNVoiIHN0cm9rZT0iIzM3Q0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.invoice-tab:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNiAxMC41MjQyQzMuNCAxMC41NDkyIDMuMiAxMC41NzU4IDMgMTAuNjA0Mk0zLjYgMTAuNTI0MkM2LjUyMTg4IDEwLjE1NzYgOS40NzgxMiAxMC4xNTc2IDEyLjQgMTAuNTI0Mk0zLjYgMTAuNTI0MkwzLjI4MzMzIDE0TTEyLjQgMTAuNTI0MkMxMi42IDEwLjU0OTIgMTIuOCAxMC41NzU4IDEzIDEwLjYwNDJNMTIuNCAxMC41MjQyTDEyLjcxNjcgMTRMMTIuOTA3NSAxNi4xMDI1QzEyLjkxOTMgMTYuMjMyMiAxMi45MDQgMTYuMzYzIDEyLjg2MjQgMTYuNDg2NEMxMi44MjA5IDE2LjYwOTkgMTIuNzU0MSAxNi43MjMzIDEyLjY2NjMgMTYuODE5NUMxMi41Nzg1IDE2LjkxNTcgMTIuNDcxNiAxNi45OTI2IDEyLjM1MjQgMTcuMDQ1MkMxMi4yMzMyIDE3LjA5NzggMTIuMTA0NCAxNy4xMjUgMTEuOTc0MiAxNy4xMjVINC4wMjU4M0MzLjQ3NDE3IDE3LjEyNSAzLjA0MjUgMTYuNjUxNyAzLjA5MjUgMTYuMTAyNUwzLjI4MzMzIDE0TTMuMjgzMzMgMTRIMi4zNzVDMS44Nzc3MiAxNCAxLjQwMDgxIDEzLjgwMjUgMS4wNDkxNyAxMy40NTA4QzAuNjk3NTQ0IDEzLjA5OTIgMC41IDEyLjYyMjMgMC41IDEyLjEyNVY2Ljg4QzAuNSA1Ljk3OTE3IDEuMTQgNS4yMDA4MyAyLjAzMDgzIDUuMDY3NUMyLjU2MDc5IDQuOTg4MjMgMy4wOTIyOSA0LjkxOTYgMy42MjUgNC44NjE2N00xMi43MTUgMTRIMTMuNjI0MkMxMy44NzA1IDE0LjAwMDEgMTQuMTE0NCAxMy45NTE3IDE0LjM0MiAxMy44NTc1QzE0LjU2OTUgMTMuNzYzMyAxNC43NzYzIDEzLjYyNTIgMTQuOTUwNSAxMy40NTExQzE1LjEyNDcgMTMuMjc3IDE1LjI2MjkgMTMuMDcwMyAxNS4zNTcyIDEyLjg0MjdDMTUuNDUxNSAxMi42MTUyIDE1LjUgMTIuMzcxMyAxNS41IDEyLjEyNVY2Ljg4QzE1LjUgNS45NzkxNyAxNC44NiA1LjIwMDgzIDEzLjk2OTIgNS4wNjc1QzEzLjQzOTIgNC45ODgyMyAxMi45MDc3IDQuOTE5NiAxMi4zNzUgNC44NjE2N00xMi4zNzUgNC44NjE2N0M5LjQ2NjkxIDQuNTQ1MjUgNi41MzMwOCA0LjU0NTI1IDMuNjI1IDQuODYxNjdNMTIuMzc1IDQuODYxNjdWMS44MTI1QzEyLjM3NSAxLjI5NSAxMS45NTUgMC44NzUgMTEuNDM3NSAwLjg3NUg0LjU2MjVDNC4wNDUgMC44NzUgMy42MjUgMS4yOTUgMy42MjUgMS44MTI1VjQuODYxNjdNMTMgNy43NUgxMy4wMDY3VjcuNzU2NjdIMTNWNy43NVpNMTAuNSA3Ljc1SDEwLjUwNjdWNy43NTY2N0gxMC41VjcuNzVaIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.invoice-tab.bmui-tab-active:before,
#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.invoice-tab:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNiAxMC41MjQyQzMuNCAxMC41NDkyIDMuMiAxMC41NzU4IDMgMTAuNjA0Mk0zLjYgMTAuNTI0MkM2LjUyMTg4IDEwLjE1NzYgOS40NzgxMiAxMC4xNTc2IDEyLjQgMTAuNTI0Mk0zLjYgMTAuNTI0MkwzLjI4MzMzIDE0TTEyLjQgMTAuNTI0MkMxMi42IDEwLjU0OTIgMTIuOCAxMC41NzU4IDEzIDEwLjYwNDJNMTIuNCAxMC41MjQyTDEyLjcxNjcgMTRMMTIuOTA3NSAxNi4xMDI1QzEyLjkxOTMgMTYuMjMyMiAxMi45MDQgMTYuMzYzIDEyLjg2MjQgMTYuNDg2NEMxMi44MjA5IDE2LjYwOTkgMTIuNzU0MSAxNi43MjMzIDEyLjY2NjMgMTYuODE5NUMxMi41Nzg1IDE2LjkxNTcgMTIuNDcxNiAxNi45OTI2IDEyLjM1MjQgMTcuMDQ1MkMxMi4yMzMyIDE3LjA5NzggMTIuMTA0NCAxNy4xMjUgMTEuOTc0MiAxNy4xMjVINC4wMjU4M0MzLjQ3NDE3IDE3LjEyNSAzLjA0MjUgMTYuNjUxNyAzLjA5MjUgMTYuMTAyNUwzLjI4MzMzIDE0TTMuMjgzMzMgMTRIMi4zNzVDMS44Nzc3MiAxNCAxLjQwMDgxIDEzLjgwMjUgMS4wNDkxNyAxMy40NTA4QzAuNjk3NTQ0IDEzLjA5OTIgMC41IDEyLjYyMjMgMC41IDEyLjEyNVY2Ljg4QzAuNSA1Ljk3OTE3IDEuMTQgNS4yMDA4MyAyLjAzMDgzIDUuMDY3NUMyLjU2MDc5IDQuOTg4MjMgMy4wOTIyOSA0LjkxOTYgMy42MjUgNC44NjE2N00xMi43MTUgMTRIMTMuNjI0MkMxMy44NzA1IDE0LjAwMDEgMTQuMTE0NCAxMy45NTE3IDE0LjM0MiAxMy44NTc1QzE0LjU2OTUgMTMuNzYzMyAxNC43NzYzIDEzLjYyNTIgMTQuOTUwNSAxMy40NTExQzE1LjEyNDcgMTMuMjc3IDE1LjI2MjkgMTMuMDcwMyAxNS4zNTcyIDEyLjg0MjdDMTUuNDUxNSAxMi42MTUyIDE1LjUgMTIuMzcxMyAxNS41IDEyLjEyNVY2Ljg4QzE1LjUgNS45NzkxNyAxNC44NiA1LjIwMDgzIDEzLjk2OTIgNS4wNjc1QzEzLjQzOTIgNC45ODgyMyAxMi45MDc3IDQuOTE5NiAxMi4zNzUgNC44NjE2N00xMi4zNzUgNC44NjE2N0M5LjQ2NjkxIDQuNTQ1MjUgNi41MzMwOCA0LjU0NTI1IDMuNjI1IDQuODYxNjdNMTIuMzc1IDQuODYxNjdWMS44MTI1QzEyLjM3NSAxLjI5NSAxMS45NTUgMC44NzUgMTEuNDM3NSAwLjg3NUg0LjU2MjVDNC4wNDUgMC44NzUgMy42MjUgMS4yOTUgMy42MjUgMS44MTI1VjQuODYxNjdNMTMgNy43NUgxMy4wMDY3VjcuNzU2NjdIMTNWNy43NVpNMTAuNSA3Ljc1SDEwLjUwNjdWNy43NTY2N0gxMC41VjcuNzVaIiBzdHJva2U9IiMzN0NGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header .title {
    /* display: inline-block; */
    /* line-height: 18px; */
    /* color: #FFFFFF; */
    /* vertical-align: middle; */
    /* margin: 0 0 0 10px; */
}

#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title,
#tab-my-billing > .left-side-header > .bmui-tab-header-container .bmui-tab-header:hover .title {
    /* color: #37CFFF; */
}
/* // Left Panel Tab Header END */

.actions-column .floating-action-dropper {
    display: inline-block;
    font-size: 1px;
    color: transparent;
    cursor: pointer;
    width: 15px;
    height: 15px;
    text-align: center;
}

.actions-column .floating-action-dropper:before {
    content: '\f142';
    color: #666;
    font-family: FontAwesome;
    font-size: 14px;
}


/*-------------------------------------------------------------
// Billing Card
--------------------------------------------------------------*/
#bmui-tab-paymentMethod .account-billing-info-section {
    margin-top: 16px;
}

#bmui-tab-paymentMethod .billing-info-card-ui {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
    width: 768px;
}

#bmui-tab-paymentMethod .billing-info-card-ui .billing-info-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #262626;
    padding: 16px;
    border-bottom: 1px solid #F0F3F4;
    text-align: left;
}


#bmui-tab-paymentMethod .billing-info-card-ui .empty-billing-info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
}

#bmui-tab-paymentMethod .billing-info-card-ui .empty-billing-info-logo {
    width: 83px;
    height: 65px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2284%22%20height%3D%2265%22%20viewBox%3D%220%200%2084%2065%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3Crect%20x%3D%220.5%22%20width%3D%2283%22%20height%3D%2265%22%20fill%3D%22url%28%23pattern0%29%22%2F%3E %3Cdefs%3E %3Cpattern%20id%3D%22pattern0%22%20patternContentUnits%3D%22objectBoundingBox%22%20width%3D%221%22%20height%3D%221%22%3E %3Cuse%20xlink%3Ahref%3D%22%23image0_511_32710%22%20transform%3D%22matrix%280.00607079%200%200%200.00775194%20-0.00387597%200%29%22%2F%3E %3C%2Fpattern%3E %3Cimage%20id%3D%22image0_511_32710%22%20width%3D%22166%22%20height%3D%22129%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAKYAAACBCAYAAABKIcH5AAAgAElEQVR4nO2dZ2BU1daG333O9Jn0kEYLVZAWEkRASkAIiKDYSALxkuhVLFexgFfUTxJRFKleO4gJCqQoRUFMAGlKEUNLlE5oEkJ6m0mmnLO%2FH5OZTDJnWjIpqM%2BvZMo5e5I1e6%2B91rvWJvgHm0REzZxFQUJ5xrD2RGba5bYeT1MYFDUzmqX0vyAkjBBCjI9SA%2BVpLkfI4pM71qe37QiFIW09gPZI2KS4SIbSZAISCgCUopyn%2FNgTOzecaOuxuULEhBlfgGEet%2FcaCnrhWNb6Xq01Jmf5xzAtCJsUE8pSUTKASKsnKT3B6cRjT%2BxNKW%2F9kbnOoEmxI0WU%2Fdn0O8OKwPMcRCIJKM%2BB4wz1L6Yo5w3SsOO711xpi7EKIWrrAbQHwiLjvRmJfgGh5AXTYzKpBJQC%2Fn5euH6jCCAkjJEaEgG8YOdSbU5YZLw3KzXMohT%2FNT2mUPnAs0MnsKwYFBRadQWqygpAeR56XS1A4M2ItCcA%2BLTh0BvAtvUA2pqIqJmzCEszCSHmWVImleCRKeOxaunr6ODng19P%2FAGdTg8CDAvpMfDkjYs5Z9pyzLaIiIqbRlh%2BDyGYBgoPQowzpVdAF0hlShCGAcMwEEsVUHkHgDAi1FSXGd9MIAvp3r%2Fzjbzc79v2Uxj52xpm2KS4yI7dB2wGIU8RAhkAeHooET6wL1YteQ1j7xoCAOjetSOu%2FHkDl65eB8%2FzoMCkwO79swrycgva9AM0ImxSXCQD%2FGj6LKZtDsOw8AnsKvgeiUwBSil0NdXGBwiCb1zMXdYqA3bA324pD5sUE8ryohWgmGb67ykVcnh5qJA490mED%2Bhj9Z4FLz2BM%2Bcv4fylayAE3gwhm8Mi4we3J3%2BT5ekKEAK5TIKeoSF45J7R%2BPjrraiFwu77ZEpP1FSVwKDXgVIib6XhOoRp6wG0FmGR8d7hUXELWCq6BIJpACCRiMEwDOb8Oxbfr10uaJQmUj9dBH9fbwAAAQllJfo9YZHx3q0zevuETYqLBCFhABDo74MvF8%2FFPZFDUVRaAYWnv9331lSXwaDXAQAIaHHLj9Y5%2FhaGGRE1cxYj1R8nBImmxxRyGe6bMBpHtq%2FFg5PHOnWd1UvfgJenyvgLIWGsxJDcHoyT5Wm86efhg%2FsCAL7atAtiqQIiscTue9XlReafORYft9AQXeYvHS4KmxQXyVIsgEX4x0OpQI9unZE090l0DApw%2BZqHsnMwb%2BEHqNUaZ5m2DiMZIwqGS4TAW6mQYe3SeejaMRD3Pv4mDCIvKL1sz5iaqjKU3bwMnjOAghqOZa0Xt%2BLQ7fKXnDHDJsWEhk%2BcmcxS7EGdUSrkMvh6e%2BKd%2Bc%2Fii6VvNMkoAWD4kIF47fnHoFLWuWOEhLXlss6IddMIgTcA%2BHl7omvHQOh0BhQWl9o1SgBQlxeCN8UzKdnW4oN1gb%2BcYYZHxS1geNFxAhIPACIRC0IInvrXQ9iR9jFGDBnY7HtMvvsuvD7ncSjkMuMDJuOcMCOs2Rd3EcIwswBAIZNixv1Gl%2BTdT1Oh9PKz%2Bz6OM6C2pqr%2Bd4ZrF7txE3%2BZpTwiKm4aJXSFKY0IACqlAqPuDMOCl5%2BEiHV%2FZCw75zReTlwBtaYGQOunLusyVZcAgGEY7E9fBqlEjFHRc%2BHZIRRShYfN91aWFqCy5DoozwOgN45mrQ9pjTE7yy0%2FY4ZNmBEWMTFuDwg2m4zSQ6lAn56hWLP8%2F7DwladbxCgBYMjAvpj79KPwVCkBoC6UxLTazMnwIvOmZ%2BjA3pBKxDiaex56A2fXKAGguuxmnVEC4On2Fh1oE7hl45hhkfHejFS%2FwrRkA8aMjYhl8cYLj%2BPuUUNbZRxTJ4yCt4cSr733CWpqtUbjBLMnfMKMF4%2Ft3JDSojcndBZAoJBLEXufcRn%2FaN33UHl3sPs2bY0alNYZJaX06M4N%2F27RcTaBW3LGjJgYN4eRGC5ZGqVYJMK%2FHpmCvZtWtZpRmhg1LBxfLPs%2FeHnUz5yEYZLDJ8yId%2FDWJhM2KS7SQv2EERH9AACnzl11GLtUV1hseoCLLTXG5nBLzZgmORqAUFPKzUOlRMTAPkh8eXb9TrkNuK1HV2xasxSTH50DbV0oiTBMcnjUzEG8Tpzk7nASy9N4U%2Bbq%2FvHDAADrt%2FwEsVQOkVhq973qivo4ugF4w53jche3xOZHSI6mUsjh5%2BuNpHmz0f%2B2Hm04OmuefvVdnPzjPHR6PQCAgl7mCUk4kblurzuubxm7VMilSH5%2FLrp3CcaUfy%2BAnvW0H7usLEHZzSvgea7dxS4taddLeYM0Yp1RSiUSSMRizH36UWz84v12Z5QA8Ol78xE15k4oFcYZnICEshR7wqNmrnBHvNMydunr7YHuXYJBKcXNohKHscvq8iLwPGf8pZ3FLi1pt4YZETVzVt2skAgAhBDIpBI8dO84HNz6JaZMGNXWQ7RL4tzZePU%2FsyAW13tLhJAXGKn%2BeHN37abYpUjEYsZ94wAAb3%2B0AUpPB7FLgw66WrXFA9yC5oyjJWl3S3nYpLjIOqWM%2BZ%2FnoVLi9l7dkDRvtllIcatQXlmF%2BDmJKCktR40pjQmAUiQe27EuydXrWcYuWZbBng1LIJdJMTpmHlT%2BXSGzF7ssyUdl6Y12G7u0pN1sfoTkaAqFDJ5KJZLmzUbEwL5tPMKm4e3pgS3Jy7Dq6034euN21NRqAQCEIDEiauY0jtIEVwLyDGWnmX6O6N8LcpkUJ05dRG1tLaTqUlQWXYFEKgcjlkPh6ddgI1RVVlgfu6TMWnd9xpagzWfMOkd%2BDoAXTH6TRCyG3mDAq%2F%2BZhYfuvbuNR%2Bg%2BLly%2BhmdefQ%2FlldXgTQYC4%2BzJ60QfOLNzD5848xIBCVXKpXh7bgJGDumPpP%2Btw%2BGTFzB27DgwDAu9XoeCgps4dvwoFJ7%2BUHoHQaupQnH%2BBWOYiFJ6dMf6duvGAW1smBFRM2dRgkTLNKJCLsPEyOF4fc5jbTm0FuXTtd%2Fi643bodfpQeseoxTlAFbaM9CwCTPCWIY5DhiTCT9nLAcATH7sDYwbfw88PT2t3pOTm4Mr14tQVVEGdWWJ8V4gx49lfR3eAh%2FNbbTJtyZsUlykMY1IUkxG6alSYuDtvbDh47f%2F0kYJAE%2FPehjbvlqBiEF94eNl9AkJgTchSGQkhkvhUXELhHbvLKkvlpt6950AgGN%2FXIBcoRQ0SgAYOGAgPOSM2SgBgKP8Yvd%2BIvfTqjU%2FYZHx3iG39fuUAVkJIBQA5DIZPJRyJM2bjecei4anh6o1h%2BQyW3fsx%2BxXFsHPxwu39RCupXEGuUyGKRNGoW%2FPUOScPg%2BtVg%2BO40AIZIQgkrD8U8E9B%2FQJ7NXvZMGF38sBILjHoGRCIFPKpXj16Rj4envgk%2FXboPQOhL%2B%2F7TBRfn4%2BSkpLjWlIHjXHd66f0eSBtxKttvkJj4pbABheICDeAMCyLCjl8dS%2FHsTMB%2B9prWE0i1XrNmPVuk3o1a0LIkcMccs17xjcD5u%2FXIp9h47h3Q%2BTodbUmHPuAIlnqSg%2BYmLcXvD8BdT54N6eKvToatxQZ%2B07gscff9LuPQoKbphTkJSQVLcMvIVpccOsl6PB7Ed6KBUYcccgJL78ZIM4X3ulqlqDpGWrsPfQUYQP6INlC16Eh8p%2BkZerjBkejjHDw5G19xA%2BTvkGVdVqVFVrTE9HgjGWF4tFrFmwsX3PEfTpfRvMnV8EqK6uQkVFBSgoAAJex77s1oG3EC1mFZZpRFK3x1IpFQgJ9EfS3Nno1b1LS93abVRVa7Bt18%2F4%2FOtNqFZrEDNtIuY%2BFWfz9RxHUVSiQ00thy6dFGCb4MFPjByOiZHDsedANr5M%2FQ55V69Dq9PDtE%2BlFJhytzE3vjHrALr1sB9GO3XqFCjlYfwf0O%2FaU2WnPdxumLa6WjAMgzfmPIbxo%2B909y3dwtmLV7Dv0DGcu3gFVWoNqqrVOJd3FQDQq1sXvPx0HIbYiaWWlulRUqYDpXU13dQ4QzWVsXcNwdi7hiD%2FZhFSN2dh0%2FY9kEhEuK1bJyjlMtwsLsOV64W4c%2BR4u9c5c%2BY0OM4UuyQtK8NzI24NF0VMjJtDKRJN8UgAEItFePThyXhm1iPuvJXbOHvxCpZ%2Fvh5Hc043eFylkCNyRAQiRwxB5IgIm%2B%2BvVnMoKtZCbzAGfpQKFgH%2BUojFxj%2BtgaMgAFi2%2BX%2FquUkrMHFUGMbfFY41GZn47Uw%2BwsPvsPn6%2FPzr2LlzB3Q6HUBpxdEd62%2BZtJlbZkxBOZpSgcED%2BiBp7pPwqFN4tze27tiPZZ%2BvR7Vag%2FABfTB1wigEB3WwOzOa0Op4FBZpUVNrnI3EYoJAfykUCmOgg1IKtYaDQc%2FDy8s9Ah4vTxWUdXVGm7MOYsy4KLuv%2F%2F2P341GCYCCnAiLjPf%2BWyzlDdKIZj9SDh8vT7w17ykM6NvT6WudvXgFx3LPYO%2FBowgO9Efk8Ai7M5WrnL14BbNfWYQn4x7AjAcmYeuO%2FUhavhoqhRxL33zB6XvxPFBUokVFpXGXyzCAn68EPhbGV1PLQaPhoFSwUCmt67r1eh5isesOaOSIIUjfugMKuRRSmQxeXl42X0spxZXL9S09CcEYVmooi4iK2wLQLUd3rP%2FrpSRNaUTLBgISsRiUUrw2JwFTJ4x2%2Blq2llIAdg0mdUsWpowf5dTu2GSU1WoNnpj5gHEDVmeUny953el4ZFmFHiWlOpiyiV6eInTwk4KpszGdnodabYBEzECptP7O19ZyUGs4eHmKIBI1Lbdx6lwe5i38H3r36Yc%2BfWzP7GfOnMHZM7%2BjtqYWIhGL0vLKBs9TinIQuoUnZK27dKLuxOUZ09hl17DS0o%2BUy6SYNmkMXn7qUZeuteyzdUjdkgWVQo4FLz2ByBFD4KFSIDvnNOYmrsDWnfsFDXPrjv1Y9tk69OrexeGyW1WtwexXFtVtRoDzeVexev1ml4xSo%2BFws1gLvZ7WfV4GAR2kkEqMxsVxFGqNAaCAp4fYyp%2FU63moNRxEIgJfH7Hd8I4jbu%2FdHcUlZZjSu7fd113Ou4BFrz6DsH69sf%2FwMWTuOYRdPx%2BBj5cHSsoqLOKkiI%2BImnkCwMr2NIs6%2FRcSlqMpcFuPULw1bzYC%2FH2dvmlVtQZz31qJozmn0atbF6xa8rrVzLf0s3U4d%2FEKVi153eq9U2e9iGq1Bnu%2B%2FdzujGk0yneQX1CEz5e8jpnPGqsInDVKvZ6isFgLtcYorBWLCDr4S6FS1ifM1BoDdDoeSoUIEknDWZDnKdRqA3hq3BQJzZKaGg56vclPZaCQ20%2FGZe45iHVbfsKo0bbb2lRUVGDf3l344asVVs%2FtOZCNbbt%2BxoEjJ8GyTF0oyggFvQxKUpwVlLQkDmfMsEkxoQxlFxAKc42JQi6DSilH0tzZuCOsn0s3NBnLubyrmDJ%2BJBLnzhZ8nYdS2OA2bM5EtVqDoAA%2Fs1HOeOZ1BAf6Y9mCF63uYzLK23p0hapOUe7IKHkeKCnVoazC%2BE8jxOhH%2BnrX%2B5G1Wg5qNQeFnIWPt7UfqdEYUKvloVSKzDOrCY6nKCnVobLKAAuREQCjz6pSiiCXMVDIRebdvYmN2%2FegW3f7nakvXDiHh2z0YzKFobQ6HdK%2B24GUtK2goKhW14CAhIIgkZUaEsMnzkzhCZfUVr3nbRqmWY7G18vRxCIR9AYDnnssGo9MtR8%2Fs8Wyz9c5NEpb5N8swur1mwHAvIQnLluFc3lXobIwZCGjBIwG6aFSICTQdnlrRaUBxSVamEJ%2Fnh4idPCTmJdn87LMCi%2FLWq3Rj5TJWPj6WBtsWbkx3tnYIE3wPFBZZUBlFQDoIBIRKOQs5DIGmppqXLj0J4YMG2P373T%2B3Dksmptg9zVSiQSzHpmCWY9MwZ4D2ViT%2Bh1uFpWirMLoixKQeIYXTQuPirOreGopBA3TKEfTW8nRxo8aijdfeqLJN9uwORPbdv5sDFg78EfP5V2xEgcnLVuNoAA%2FFBSWIDiwA7bu2I9tO41txk2zpy2jBGB3ltTUcCgs0kJX50fKpAwCO0gglRqXVp43hn94nkKltF6WDQYeajUHhiXw9hKDYYjV9YuKddDqrC3y8NFsdAoOQacQa0G5wUDNhvpd1m707GV%2Ftrx27Rp6d%2B%2FiktLfNItevPwnPvgiFblnLqCqWlPnhyKRkRheaG0DbfDXre9qUS9H81Ap0L9PD6z7aGGzjNK0%2B1Yp5II%2BpSVV1RoczTnTYOOz9%2BBRHM05jRkPTDI%2FlrR8NaaMH4nwAX0QHNgB2TmnMePZ13Eu7yoS5852amNjMFDkF9Tiz%2Fxa6PQUIhFBcKAUXTrJzUap0RhQXqGHREzg5SluYJSUUlRXG1Ct5qBQsvBQiRoYpV5Pcf2G8fqNjfLq9T%2BRtHwpfj1xHCFBQQ7HuvvAz%2BjVy%2F6mJ%2B%2FieTx0r3NtFRvTI7QT%2Fvf2PHz63nwM6NsTXnVKL0tJXkTUzFlNuriLiADhrhZymRQSsRhvvvQExgxvvqZ0%2BefrAQBLEx0LIDZszoRKKTcbVlW1Bss%2BX4cxw8PRu%2B6x1es3m2feZZ99jbQtWUir2%2BF%2F9v5rDnfrlNb5keVGsS4hgK%2BP0Y80rc6OluWaGg6aGg5KJQuVquHiw%2FEU5eV6lJTprd5nMBiQnJ6KC5cvIyE6Bn16Ws%2BCR44fw4HfjuDFJ58CAJy%2FlAexRAIvL9szocFgwKXLlxA1Zpjdz%2B6IPj1DkbxiAbJPnsJ7H61FUUkZ1Joa004%2BJWJiXDxHDAkt6X%2BKIqLiplEYkk1yNABgGQaPxdyHhJj73HKT7JzTOJpzGlPGj3RoMPk3i5C6JQsvz55pfuzzdZtQVaVG4suzcTbPeOKHSiHHssQX4KFS4OWnHkVwYAd4qBSYOmG0Q8OvrDKgqEQHjjMu2x4qEQL86%2F1Ig8HoRzKM8LKs1fHQqA2QSBn4%2BVobbEWlHkUlwn7kDz%2FtRNp3W5AQHYsnZlq7M3%2Fm5yM5Iw0qpbLB87sPHED3HvYTFufOncU94%2B5Cba3xCyP0ZXKFIYNux7erF2PvwaP47KuNyL9ZBE1NLQBEslR0KTwqrkkFdc4gokCyaXOjUiowLGIAkuY%2BCamkeR%2FKkm079gMAnnz0QYevTVq2GsEB%2FpgaZQzSZ%2BecRtqWLCx984UGBvf5ktfNmxgPlQKznbh2TS2HwqJ6P08qYRDQQQK5zCKNqOZg4CiUCtYqO2PgjOEfhgCeXmKwAn5kSanOnKa05PjvuUhOT8PQsMH4%2Bn%2FWjXs5jkNKRhrOXLyAhOmxuL1RnPKXI4cxa5b9Dc3lvAuY8dwTMHAUPt7u62Ng1AxEYN2mH%2FHRmnQwDAOdXt%2FkgjpnIBET4yhgrOZ7%2B9WnMCy8%2Bf0jGzNk0qNO78L3HjyK3j26ICSwA6qqNZjx7OuIGNDH5R28JQaDUY5WVW1MI7IsQQc%2FCTw96pdfy2VZJm0YS7TMeyuVIiuD1espSsqM4Z%2FG3CwqQnJ6KhiGQUJ0LDr4Wdd%2B%2F7j7J6zfvBHx02MwfpR11uzQ0Wxk7t%2BHyLHjbH7GsrJSHPxlPzZ98b5gvJTjgeISLTQ1HLp0lDdZVFJbq8WKVRuw52C2OZtEKcpBebc2ERMB9DuA3F9eWYXktG1uN8zsulSjs%2BW3lhuepGWrQCl1OaNkglKgtFyPUpMcDYCPjxh%2BPhKzH6nT8VBrDJBIhJdlR3lvU7xTaNn%2B6tsMHMvNQUJ0LAbdbh3vPXnqDySnpyJ8wECs%2B%2FATwc8glTD45beD6CHgh1py4fw5TJ86TtAoy8rrUql1kjwq8H5nkcmkmP98Au4Iux2vLvrIFEL0BmGSI6Li7ud0ogR37NwZTiuOB6UVAPDHmYtYvmp9c6%2FZgHMXjT5hcJD91niN2bpjP%2FYeOorEubObpBavqjbg0lUNSkqNRqlSsujWVQF%2FX6NRchxFZaUetVoOnh5iKBUNNy86PY%2Bych14jsLPVwKZrOEsWq3mkHdFg5Iya6Pc9fN%2BzPzP0%2Bjg64eVSW9bGWVhcTHe%2F%2BQj%2FLj7J8z%2Fzxz86%2BHpVuNnGIKgAClUKh3O511B586d7X7es%2BfOmt0fE2oNh0tXNUZ%2FlwJyOYOuneQQuUGCN370nTiyfS0G9O1pLqgDwTR3dBoBALbg8onawF6DDjNAvIHjcO36TXTrEoKunYKbe20AwMHsHBzLPYOXZ8dBKnHO7zl78Qqe%2F7%2BleGLmA7gvynlBCGDcSecXaFFeYcyqSMQEwUEy%2BPpIzJsYtdoATQ0HhUIEhbxheIfjKKrVBhj0FB4qsTlkVH99Hjdu1qKs3NogT507h%2Fc%2FNc4ib837L3p3t%2B6r9PXGb5D%2B%2FRY8NHkKHplyH1RKa0mgt5cYIcFSyGUsvtm2C2otRUjHTjY%2F85UrV%2BCtFJtP39DpeOTfrEVp3ZdGLCYIDpTB31fiFl2oCUIIpkaNBssyuH6jCJVV1SAg3gQkJqTHwLPNOUGOBYCCCzmXg3sO9CHAsFqtDidPn0fkiAi36Cir1Rrs2HcYw4cMtJtxMWFSAvXv0wNJLviVHEdRWKxDYbEOBo6CZYAAfymCAqRmn7C2lkNFpXE37aGyFluoNXUGKxdBoWhksDxFYVHd9Q0NF8Pyygp8%2BtVanDz1B56Km4XIEXdZZYR2H%2FgFby5djKFhg%2FH8408gOCDQ6jPI5Sw6h8jh6SECU%2Ff%2BN5d8jkFhEZDLbbdYPHH8KB59cCK6dgpBUYkOBYVaGAwUDAP4%2B0oQHCiDpJFfXFGpR3mFAWXletTU8uA4auVbO8vAvr0wZFBfbNq%2B26Tgl4EgJqTnwPIbF3N%2Bbco1G%2Fz1wqPiThCCQYAx07N%2F8%2BomDdSS%2FJtFuG%2FWSw7rZYB6owSl2PrVSqeWcErr5Wh1AiL4eIvh5yuBya70dXI0kZiBUsFaGY1l3lsuIKKwl0ZM%2F34L9h48iIToGAwdbB3vPX3%2BPFIy0tAzNBQJ0bEQiayTbWIRQWCA1ErA8cfZPLy2%2BDNMvtd22E6n0yIjPQ1b136C4kaSPH8%2FqVXdUbWaQ2Gx1urLBRj92aAAKaTSprcbeOylt3DqXB4MBqPwhYKmHMtabz%2BcIECD%2F1BdfnwvIRjEsgx8vDyQueGjJg%2FSxMtJK3A05wy2rl1h09gsjdJZOZqjsoYG6h6lyMq3ssx7K5XWBqup4cyzT2N%2B%2FvUwUjLSMHXCREybZF1%2BXFFViZT0NFRUVSJ%2Begy6CCzFDEPg5ytuIDK2JHHZFyjTcLhdYONkIjc3Bz4KGR59KBoAIJMxCLSQ5JnQankUFmsFQ1mN8fMRC24EnWXuWyvx24lT5kMTAOzltKIHXNkUNfiKGv3N2zMZShIohYzjgd%2FPXMCkscObPEgACO0cgm079mPfoaOIGjPcytdM3ZKFxGWrnDZKrY7HjYJ6P08sJggJlMHPwodSawxQqznI5SIoGy3LPE9Rreag0%2FNQKVnIZA2NUq83pilLBTY2F69cxopVn0FTW4PXnnsBA%2FpaRxu%2B2fo9Vq37GlMmRGHmgw%2FDS6BLhqeHCB1DZIIyNwNHUVVtQNLyT839iGxx6OABxN7%2FAPx8vRAUIEMHP0mDLyDHUxSX6HCzyNoFAYBaba3VLF5Ty6NazUGpEDXJJ40aMwwcx%2BHCpWumg7pCGZabFNg5Ir3g8olaZ64heNewCTPCWEL2ghAvmVSMkMAAZKx6z%2BUBWmIqZQgO9MfsuAcRHNgBR3NOY%2BvO%2FbhxsxhBAX5YtuBFh3K0xmUN%2Fr4SeHsJy9GElmWzHE3BWm1sTHK08grreKSmpgYpGWnILyhAfHQMeoZ2s3rNgd%2BOICU9DffcfTcevOdewc8gl7MI8JMILpeW8dJfTxzHV5uyMHqM7dhlcXExfjt8CF8ufxs%2BFqlUE46UTGnfbYa3pxcm2YiPMgwQFCBroD91hR93H8DSz9ahorLudF8XTpGz%2BXUInzAjnjBMMgBIJWKEdg7B%2Bo%2FfbtIATZy9eAXLPluHY7n1mzVTNeLLTz1q16dsXNbgXedDmcoa9HXqHlvLsmXeW2iWspdG3JL5I7buzEL89BiMutM6D5139QpS0tMQ4O%2BP%2BOgYqBTWm0YhkbEllvFSmYzFM%2FMXwyegE7p0sf1FPXzoIKLuCkPsAw2L0uy5IIDRDUlOT8X9E%2B%2FB%2FRMnCb7GkuYs7cdyz%2BDFBcug1tRNlE4ap9152nLmlErEuGNwP6xMan4jh7N1tdsAcFv3rnYNUqisIbCD1KwWN8vROAqlLTlaXd5bqWBdkqMdOXEcKempGDN8BKLvm2b1fK1Wi5T0NFzLv4746Bj06tbd6jUMQ%2BDjJYK3t3UKExCuEyqvqML9CXMxQyCXbsnatcnYlf6x%2BYS2xor7xly4dAnJGanoGBSMhOhYyGUyq9dUa9SCXyxPDxGCAuwfOmCLy9fyET8nEdUmn9MJ43ToQFgap4hl4e3lgcwNHzZpgK7gTFmDpoZDbS0nuCw7ynvb%2Byf%2BeeMGUtJToVQoEB8dCx%2BBasTvd2Rh848%2FID46FmOGCfvgnh4i%2BPlIrFToQMM6IaWyoS%2B3buN27D1yCncMta0SysvLg7a6GCuTXrKrZAKMbkhyeioKigqRMD0W3bsKz8KpWzZDq9MifnqM4PNKBYugQKngF8wRp8%2Fl4fGXF0KnN51dad84nbqDpXECQLcuHfHxoldcqvNxFmfKGrQ64ywjkzJQKKzDL%2Fby3qZ%2FolAaked5JKen4syF84iPjkW%2F3rdZXTv75Akkp6dh5NChiJ0mLByRy1n4%2BYht1u%2FYqxMCgAcen4ehw0bB19f23%2FenXVmYk%2FAQ%2BvfpZ9MFAYAtmduxdecOJETHYuRQ4S4o%2Bw8fQnJ6Gh645x7cF2V%2FaZdKGHTqKGuScZaVV2LGs2%2BgqKTM%2BIAd43S%2BGK2RccqkUqxIegl3hN3u8gBt4aiswbwsE%2BMs03hZtsx7N04xGq9vnFWEfK%2FMPbvx9cZvkBAdKyikyC8oQHJ6KmQyGRKiY%2BDr7WP1GoYhCPBvKA6xxNHGDACyT15A4vLPMFXAdTBRU1ODLZs3Yu3KFYIuCAD8er6kX0QAABlWSURBVPwYktNTMXbESETfd7%2Fga85fykNKRho6BYcgIToGMqn10l5eWQFvz4YrhlTCoGvnpp2pdO16AWKfed3hsdoumX3YhBlhDGFSTEF4X29PPDxlPJ6Me6BJgzRBKXD1eg20WuMfWSZjEOhfH%2Bg171YNwssyVydHA4FgiMOeHO3kqT%2BQkp6GsP79MeuRaIGxUaRkpOH3s2eQEB2L%2Frf1EfwMfj5im36ko3gpYDTawiIdPvlqPdR6A%2Fr372%2FjrwWcPHkC%2Fh4eiHvwYavnruVfR3J6GjxVKiRExwqGqtQaDVLS03CzuAjx02MEl%2FZdP%2B9HcnoqPntvCTxU1j1Lu3VRCLooznDu4hU8M9%2FY8hsQDsK7fGXLIDxg1HD279MDH73zSpMGCQA8BS7kqSESGeVoHhZq8Ma71cao1Qbo6uRojdNuHE9RVCwsRysqKUFyeip4nkd8dAyCOlifX561dw%2FWfpOO%2BOkxiBoTafU8YBSHdPCTCv6TLOuEbJXvmjrEmcaY8OLziImdCYkdPeymjd9g%2FrPPNyjHMHAcUtLTcC7vIhKiY9DXRgnG5h%2B344efdiI%2BOgYj77Be2v84dxYpGWno06MnEqJjwTDWY27OjGli78FsLFi6qv7k4kbG2eSMfkTUzBQQMgsAZDIJxKwIny6ejz49Qx29VRCtztg2xTThcBxFZZXeYVcLhYI1C30tsSdHW7fxWxw5cRwJ0TEY3H%2BA1fO5p08jOSMVA%2FvebnMjIJUw6OAvselH2tuYAXWp1PL6DnEAcOp8DjJ%2B2IExkbYPRLh58yZOHj%2BKd1%2Btr7ffvnsXUjdvQnx0DO4eKSx6OXzsKFLS0zBu5EhMn2q9tJdVVCAlPRVqjQbx02MEC%2BMAo8DEz1d4ZXCVDZsz8fnXG82hJMrzCSZNZ7OuHj5x5gsExFxV76FSICF6Kv71yJRmDRgwGqqIJYJdLarVBojFDFQCBmsvF7znwC9IzkhD9H334967J1g9X1xaipSMNOj0OiRMj0VwoLXQwlEa0RwvtbExM43RKpXaQYoXFywFz8rh4eEBkYhFSEgnq6zMwQO%2FYNigMNw9chRO%2FPE7UtLTEDFwEB59WLib3tXr15GSkQovD0%2FER8fAy8N6aU%2F%2Ffgv2HTqI%2BOhYDA0bLHgduZxFUAfhlQEwujx6A7VatRzxwepUpH6XZc6tcwRjT2Su29tssw%2BbMCOMYcgWAtIVMBax%2Bft648N3XkGnYOvlsakY04iGOm2ltR9pLxd85oJRSNG9aygSpsdALLY2qvWbN%2BLw0WzET49BxMBBgmOwN1s4ipcC9jvEVVWrEfPUfHQMDoCHQgYPDxV2%2FfwbevbojkGD74BCYYz1frlmNd57%2Ff%2BwbtO3AAXio2MQ6G%2Bt2jIYDEjJSMP5S3mInx6LvgJlv47y%2FYBtgYklpihIU3syzVv4AfYcyAZgVMPzjGGwW8R5YZHx3qxEv9K0tAPGrm%2FPxk9vcmOExqg1BohFjFV4xV4a0cBx%2BDjlS5RXVCB%2Begy6drIWUuw9eADJGWl45N6pmDJBuK2fvdnCUbwUcC6V%2Bu6HyQCnw6tPN3QdftjzKzZmHsJt%2FcNQUlKKc6dPQ6%2FXI356DMJsbJC2%2F7QLqd9tRvz0GNw90vpowwuXLyElPQ0hQUGInx4DhYCkztHKANRFQeqK8oSiIK7w6HNv4vT5S3W%2F0e%2Fc2rg1fMKMeELISlNIyctTBYYweOfVZzB0sGutZJzl2vUam4qZ0%2BfPo6KyAsMirBv5n714ASkZ6Qjt3BkJ02MENxuOZgt78VITVqlULzH8fSVovKd45tXFuGfMYEwZJxxrHPnIi5DJFBgycCAej50p%2BJoTv%2F%2BO5IxUDBkUhkcfsl7aTfn%2BGzdvIj46Bj26Cu8HPD1E6OAvselHNoiCKEXN9jcNHIeFK77Ajz8dAF%2FncLv9AKqwyHhvVqpPAYjZw1Yp5Rg5dDBmP%2FogOodY%2B23NobLKgMJiHXje%2BUqWozknsXXnDsRPj0ZoZ%2Bte8KY0oq38sKN4KeA4lWpCr6coKKzFwhUr8UT0eAwZKLybztqfjWVfbMTHi5ZYPXezqAgpGWkAARKmxyJA4GgVU6DdVr4fsC8wMWEvCtIUNmzOxIpVGyCVSFCr1dY9Sr9zew%2F2X96%2FXSaR4PvNv5WVf%2FLDn9Oqa6hXtboGmXsOYv%2FhY7jrjkF4afZMdPCzDlA3BU8PETw9RNBqjZsiTS2PmhrhXLGJoIAAJL48z%2Bb1bM0WljOFULtBwLlUKmDtglRWVcPL03bFQGFJBXqEWpdqmAre4qfHIKyf9dJ%2B5PgxJKenIXLEXVizbKXgtR0JTID6sJ1CwcJHoCjPVQ5m5%2BCt5auh0%2BtBKTUbJQU%2B4LXiRLfNmDQ7UaFl5OMJywxG3UxcUGqQffjD9WF7csvNXaDEYhHEIhGixgzDC0%2FENmiG5U6q1cZltqaGs5kdscTRbOFopnAmlWpCSI42583X8OnC%2F6BrR%2BsN4583ivDUGx9iRdIi82M%2F%2FbIfyelpmPnAQ7hnnHV4ybJxQkJ0jFX2BnAsMAEcN6N1lesFhVi4%2FAvkXb3eoJkspdjHM0g0NZFttmFmZDzCPtAr4k6eYccAEJSf5F5Ve3%2B0NT8y94rGvN0ViYzfzofuHYcHJ49Dj662i62ai15PUa0x9hdqPJuqlCxUSpHtNKKDeCngOJVqwp6SKWn5Yix%2BZRY6Blkvw1P%2F%2FSbmPT0HwYGBOHXuHFIy0tC7ew8kRMeAZRvNxByH5PQ0nM0Tbpxgwp7AxHgd2yKTprLkk6%2Fww08HUK3W1D9IaQWl9IXGNenNulvtb4tvg5hEEULsn%2BBex77ciqCPt%2BdP%2BrNE1yAHplIq0Ck4ADMfvAf3jBvRnCE5haaGg1jE2E2pOaoTMl3HXoe4%2BmvZl6PlXbmCJZ9%2BiA8WPI1%2BvRqmB19bmozbeg7E7b37IDk9DdVqNeKnR6NzSEer65gaJyTYCbQ7EpgAjkUmrrJp%2Bx4s%2FigFEonYfCw2AFCKJF4nWtksEYclNHupv17MT6Yg1gJEJ9hypDT0x99KwixnUADw8lBBXVODaRPHYPzoOzFkkPsEIs7iqE4IMHb2KCzWolptNDShVCpgv7EWYCxrSE5Pw5838uHn5YnTFy9gzJ0D8Xz8NPh5e%2BLFhZ9h4th7kJ3zO%2FYePGCz4M2ycYJQjTrgWGBiHI9jkYkrHMs9g7eWr0a1ugblxoafddDvOMK9YK8pl0uGeWlPoizYTzWW8PwdIKTZX6Xcq2rvtH3FYQdOVQzTcbSBG2A6bOCOsH54YPJY3DVkICRO1qU3Fb2BR1WVQbALMFDXIa5Mh7Iy2x3iTNhTxAPAd1mZ2JL5IxKiYzB62HAsXLkc3ioW0VMjsXbjTvh5e0BnkOC3kycxdUIUpk2abHWNwuJiJGekgvIUCdGxCOwgXB5tT2ACOCcycYXS8gosXLEGf5y92NiPPMkzeMGZwwicGkFiYiLzyjT5EBbMWBA0L3tvg4%2B25YcdOV%2FV58KNWisRpEQshoEzoEfXThh71x0YOrgfwvrZ7xPZFAwG3mbmQqhDXAc%2FCUQi55VMAPDbieNIzkjD6DuHIeb%2BelXWlh%2B3o7z8T7wz7zHEPPcONDUG9OjW3WYA%2FOuN3yD75AkkTI%2B1GWi3JzABnBOZuMona7%2FBhk1Z4DgOeoNZFFxBCRKPZa0XDgsI4NAwa46%2FG0qIaAohsH3usBvJvar23nakpM%2FB09VhJVV6q6CnRCyGVCqGp0oJX28vjB81FGOGh6OTm%2BOjJvR6ivybtWZJnlRqlOTJZM431gKA6wU3kJyeBoVcjoTpMfDxbtjnslqjwcLli8DzgE5P8dzj%2FxYseNt94Bckp6ci9v4HMPlu4ayaI4EJ4Fhk4io%2F7j6Idz5YA5FI1GBzYwz%2FiBJd7Wdk0zBpzrs%2BOiqaCEBYgNgKmIz09LWaUKGZ1IRELIZcJkVU5DBMGjsCg26334DKFUrL9Sgu0Ql2iAPsK%2BIBoyo%2BJSMNp86dQ0J0DPrZ0HNu%2FnE7vtn2Pe6bMAEx0x6yet7YOCEVPUO72Wyc4Ewa0RmRiSucOpeHt1Z8gZLScpRV1PuRxvCPIb6pzV2tDPOPjERJj17yMYQww0DQ%2FK%2BSG%2Flqd2GfY5eqQ09dre5TXUMFjwWTSiRgWQZ3j7wDD907Dv37OH86mxBG%2BZ0B3l7WfqRWy%2BN6Qa3NakSTKj5%2BegwmjBZu6O%2Bo4K1h44RYdOlovRsHHMvRnBGZuIKmphZvr1yDIyf%2BQLmlQYJe4QmJb%2B6hVg1GpznydmdGKokmINaS5XbGvtyKoINnK0KPX1T3aRx%2BMiGXSdExKAD3TxqDmPujmu3UN%2BbKtRqbwftPv0qBQi4XVMUDzhW8fbP1e%2Fz0y8%2BIj47BsHDhE%2BKckaPZU%2F83hZT0rfj8600ghECn15tuVEFBVh7bsS7R%2Frudw%2FxpKn9d5CeViZ9zx0Vbm4JSg%2Bzbg4V9cq%2BoQxuHoABjXbxWp8fUCaMQHz3VbZ3sCgq1Nn3K0vIywbogZwrefvntV6xNT7fbOMGpNKJJZGJD%2Fe8qew5k4%2B2Va0ApRWW12vz4gK6Kk%2F%2F3SNe1ISHsRnm%2FV682%2B0awMEzNySV3soCwKO8WwmSk%2B%2F%2BoCGs8kzIMgUwqRddOwZjz7xi3xEkLi3UorxCOUzbGUcGbqXFCoH8HzIqOFqzvdiQwAZwTmbjCpavXkbR8NfILihqEfzr5Sa48Ozkkc8wArwLzgxz%2Fu0RXs4MMS6wUupazmA2z7HiitwKKJ8GQlkletwGmzdOe3PJhjX1STw8lggP88fqcx3B77yblCcxotTwKCrV2c%2FJfpm0Ay7KCS7szjROMY3ZBjtbEvkOW8DyPt1euwd5DR1GtrgFft7tTyUnFfXf47%2F3PlBCbfdd5YL%2BsVL2fjE0UXlIc0GDklb8u8pPJRPc2NaPTnvlqd2Gfbb%2BVDGs8iyrkMvTt1Q2vz3kMXTo6PmvHHiWlOptZHqEyWAD4fkcmNv%2B43W7jhLaQo6VtycLSz9ZBLpOa04gSlmjvut3r8HP3djwc5Cty2ByLUlQaOOxSRczLcfX%2Bgl8pbc7SPpTSKAK4v6NBG7MvtyJow%2F7CYY19UblMiuFDBuLV%2F8yCr7ftc8AdodXyyC%2BoNdfz2KK%2BccKdiJ0mXP4sFhH4%2BTpIIzohMnGFw0dz8daKL1Bbq7XyI%2F8zNWTvgC5Kl%2FurE9A%2F9Rzdrgz%2Fb77z77FBRsYj7NTeEcMZwo6CDdXQrYyQ4gkwbpSi74%2FC848LV0c6A8dT3Cysz6U35lr%2BdWRs%2Fd5u4wRHcjTLo6ZtiUxc4cbNYry1YjUuXv6zgR%2Fp5yG%2B%2BfjEoMxpQ32be9gUBc%2BflDDMTjJontrRix1%2BGnpyiVJHMB4UYc68%2FlZDyEDFIhFYEYtFrz6D0cOafiqcraVdU1MjmGYEHMvRnDlq2lWWfrYO23bsR61OZ65WlLBE%2B%2FBd%2Fpn2%2FMgmomUo%2BfmXsurDY%2B34n04bWvWR94MkUkyhIC0nnGxDhCR5CpkU%2Ffr0wKfvzW%2FydZ0t%2FXAqjWjnqOmmsCVzL977MAVSqcSy%2By%2FGDvDe56wf2VQoaBkx0B3SiP%2BeFnre5RlQe3JJf0rIBEKFMy%2B3Ol%2FtLuzz5c6CaZZqJ0IIli94EaOGCddcO0Kr5XEtv1bQOJ2Ro2nr5GgyuXBvT1c58ftZJC1fjSq1pkHWpmew7Oy8hzplNsWPbCqE0MtaSrZ7DJpX2ODxplyM7kkU1XorRzIMhPum3OIUlBpkz68%2BH2M5e3qqlBg3cgjeeOHfTbqmSeRRU8NBb6AQiwg8PRz4kXXNaNk6ORrTTD%2ByrLwSC1euwe9nLjTwI1VyUvHMvZ22uMGPbDI8sF8%2BaN5u0%2B%2FN%2BqT0cKKnTiKPAsvY7gB1C%2FPut1eHZR0tjzTNnnKZFLd174r%2FvTPP3Cy1JeDratVtNaNtCh%2BnfIPULXVytLoelRKWaCdGeO%2Bd%2F3CXw82%2BgRvgtNo1iqFvXAPctJnR5C7rzPDcFALSMtqzNiT3qtp7YerVaabZk2UYMCyDD9%2Be1yIKe00Nh9q6WnV3yNGy9h7C2yuNcrQqi%2FDP0Ns8fn31gS57W9KPdBWDXve5csjrNwA377LVJ94dzBLReAI0%2F%2BSqdsa7314dtvVI2UTT795eHvjXI%2FfiXw8L57JdxVEzWlc5c%2BEykpavRklpueM0YjuAgh6WDXol0%2FS728M%2Ff2QkSrr3lI9iWMa6N8ktzr7ciqClW65PMwmYvTxVuHNwfyya%2F2yTr8nzxqNTbDWjdZXaWi0WrlyDX4%2F%2FjorKatC6zhYqOamIGxOU%2Ba9xAU0%2BRq8loIDawNOdqsGvNAhLtVhcsj0IjVuCglKD7JW1F6eZhMsyqQQD%2B%2FbEJ00MKRkrNolb5GhrM7bh06%2B%2BBcuw0OqMHXtNacR3Hu3aLH2k26HgKEsOXzxdva%2Ff9ERd46dbPGDe2qUZrcXsj89PMwXlCSHw8%2FFqlUMThNh36CgWrlwDnudRWdUwjZgU2y2zPfmRAMCBnpUTLpMMnF9m6zWtkslJTExkXrtfFUFZfizoX0e9ZGmcANAxqAO%2BS1neave%2FfC0fC1d8gT9vFKKkrML8eCc%2FyZUZYwP3tmX4RwhKUUypYZt88HyH42rVFOOlPYmyYC%2FZWMIwbin%2FbQ98tC0%2FbMP%2BInMDMYZh8OsPKW5XyzfmnQ%2FW4KdffnNZjtYmUNQQ8HsWbanJTkxMdNyvB22U%2B25uw4T2RmPj9FQpsTP9E7CNj751A%2Bnf78SST76CQi6Dpsa4QrsqR2s1KOUpRfaNcs3ubmMTXRpXm4oyak8s6w1wE51tMdOeaZzK9PHywI%2FrPzT3aGouvx77HQtXfIFana7N04jOQEDzxHpmOxkyt7hp729jMjIeYaf0iriTJcxoENJy6ZRWYF9uRdCCDVfiLfPs2ZlfN%2BuaBUUlWLj8C1y4fK2BH%2BlGOZpboUApwGfJBv33bHOu0%2BaGaYJmJyq0YuXdBAhHOxqXqzQ2zt7du2DDJ%2B806Vr%2F%2ByING7fvhk6nN3e1aEE5WnPRcjzdv%2B38b4enT%2F%2FGfoNSJ2h3BlB95P0giQSTKSHWrX5vESyNk2EIOgcHYuMa607Atvguax%2Fe%2FTAZUknry9GaAKXgj0v1NbvIkESN45c7R7szTBNVJ97rJybsBAJ4O351%2B8PSOKUSCUI7Bzs8VvvkqfN4a%2FlqVFarUdYojfh%2FsV22tDs%2FktKrOh22q4a%2B4vb0Zrs1TMAorzP4qUbwlB8JkOb3V25l9uVWBM3%2F%2BvJsAFAqZJgw%2Bk5B2Vx5ZRXeXrkGOafOtzs5mhCU0go9ITs9Bs37vaXu0a4N00TRL4s9PFWYAMIMwC0yZhOWoaTADn6Y8cAkzHyw%2FoTbVes246tvtoHnqbmrRXuTo5nhoWdY%2BouoRHOgqWW5znJL%2FZPVxxaHiEXsFEqp8Hly7RRLZZK%2FrzcWvPQEKqvVWPS%2FL8Gy7C2RRgRobmUV3dFh5H%2BrHL%2B2%2BdxShlkH0R17byDPkPGEMB5tPRhnsUxfduvcEeVVVVZ%2BZHuUoxFC8g0abrti2H%2F%2FbNX7tubN3AnN%2Flxcy5SPZhgyHIS4%2FVgYd1NQapA98fG5%2BMY9P9uvHI1WMzx2SQa%2FchKA84couYlb1jBNlB1P9FYQZRQIWr9hu4tYGme7laMRYqAGevjiBfV%2BITlaqw2jrW7sbmqy3%2BvCikVTKKj7TlZtIfblVgTd1lFZ3u78SEpPa6gmy2dwYpuHpf4yhgkAlIJoji%2BOYFlm7F%2BxvKOlICCFHK%2Ff7owcrbX4SxmmifPbn5N2DukaSUCHtreuyO0KQjUGjtujCJufTUjr%2B5H2%2BEsaponKXxf5iSXsJIZh3NeU%2Fa8ApTwlOHKjVLPXVTlaa%2FGXNkwTtb%2B92x1i9t6%2FgryuuRDQvNpaww%2Bed75W0tZjscffwjABgNJERp8jH0opibzV5XVNgVJaAhiyZGGvnWvrsTjD38YwTdCDy%2BVaheFuAiYchP4lyjvsQmktw5B9ogHqXwlxrqyhPfC3M0wTVSeXBEgJnUwpCW3rsbQQlALHpHr1T%2B6Uo7UWf1vDNKE9urgvFZEoAmLdQfUWhVB6VUvItsYd1G4l%2FvaGCQB79iSKhvkqhjPAqFtRXmeC8ignlOyQhs891dZjaS7%2FGKYFxu7JZAIoHYRb6m9DdTzH%2F3K4ovagvS69txK30B%2B%2F9VAfWxwiZsnkW6B7MgVFTmU1v6u15GitxT%2BGaQdtznsDKM9OIASebT2WxhBC8vUGbpsrJ0HcSvxjmA6g2Z%2BLa0XlIxnCjABg%2B1jb1hoP5asMPN2lCn81B20gR2st%2FjFMJ6GHEz11UsVEMKRf2wyAGnhCDsr0nj%2BTIbOdOyPwFuYfw3SRmuz3urAi0WRKaPOOUXMFilMaqt7RHuRorcU%2Fhtk0iPrk%2B4NZYFxLHqFNQAo5vWGbfIh7TrS9lfjHMJvB%2Be3PSTt37jqacHSYO%2BV1FFAzhOwWD5h7rL3J0VqLfwzTDdCcd31qKDuJBbE%2BfNylC4Gj4I5cy7%2B%2Bt9fkD7VuGt4tyT%2BG6UaM8jrR5KZ0T%2BZ5%2Frxex2W2dzlaa%2FGPYbqZxMRE5rVp8iEUzFgQCB8YaQGltAR67gfZHfPzWmN8twr%2FGGYLYZbXETJE8HlAzQD7JYPm%2FdraY7sV%2BMcwW5iSw4menlJZf55hgnmeygiYcgOPa005XP7vxP8DNgBqVTwVeLAAAAAASUVORK5CYII%3D%22%2F%3E %3C%2Fdefs%3E %3C%2Fsvg%3E");
}

#bmui-tab-paymentMethod .billing-info-card-ui .empty-billing-info {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #353535;
    padding: 24px 0;
}

#bmui-tab-paymentMethod .billing-info-card-ui .add-new-billing-address {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #1199C4;
    border: 1px solid #1199C4;
    border-radius: 3px;
    padding: 7px 16px;
    display: inline-block;
    cursor: pointer;
    transition: all 300ms ease-out 0s;
}
#bmui-tab-paymentMethod .billing-info-card-ui .add-new-billing-address:hover {
    color: #ffffff;
    border: 1px solid #1199C4;
    background-color: #1199C4;
}
/* // Billing Card END */

/*-------------------------------------------------------------
// Invoice Tab
--------------------------------------------------------------*/
#bmui-tab-invoice .invoice-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 24px;
    display: block;
}

#bmui-tab-invoice .my-account-invoice-popup .body {
    overflow-x: hidden;
    height: 100%;
}

#bmui-tab-invoice .table-view.my-account-invoice-popup {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, .25), 0px 0px 1px rgba(9, 30, 66, .60);
    border-radius: 3px;
    overflow: hidden;
    margin: 3px;
    position: relative;
    padding-bottom: 48px;
}
#bmui-tab-invoice .my-account-invoice-popup .footer {
    border-top: 1px solid #E8E8E8;
    padding: 0 15px 0;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#bmui-tab-invoice .my-account-invoice-popup tr {
    background: none;
}

#bmui-tab-invoice .my-account-invoice-popup th,
#bmui-tab-invoice .my-account-invoice-popup td {
    border: none;
    font-size: 14px;
    line-height: normal;
    padding: 16px;
    height: auto;
}

#bmui-tab-invoice .my-account-invoice-popup th {
    background: #F6F6F7;
    border-bottom: 2px solid #F0F3F4!important;
    color: #000000;
}

#bmui-tab-invoice .my-account-invoice-popup th:last-child {
    text-align: center;
}

#bmui-tab-invoice .my-account-invoice-popup td {
    color: #353535;
}

#bmui-tab-invoice .my-account-invoice-popup td:last-child {
    text-align: center;
}

#bmui-tab-invoice .my-account-invoice-popup td .pdf-download {
    cursor: pointer;
}

#bmui-tab-invoice .my-account-invoice-popup td .pdf-icon {
    margin: 0;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M2.5%2013.75V15.625C2.5%2016.1223%202.69754%2016.5992%203.04917%2016.9508C3.40081%2017.3025%203.87772%2017.5%204.375%2017.5H15.625C16.1223%2017.5%2016.5992%2017.3025%2016.9508%2016.9508C17.3025%2016.5992%2017.5%2016.1223%2017.5%2015.625V13.75M13.75%2010L10%2013.75M10%2013.75L6.25%2010M10%2013.75V2.5%22%20stroke%3D%22%23696969%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}
div#bmui-tab-invoice {
    padding-top: 0;
    height: 100%;
    max-height: 100%;
}
#bmui-tab-invoice .my-account-invoice-popup td .paid,
#bmui-tab-invoice .my-account-invoice-popup td .unpaid,
#bmui-tab-invoice .my-account-invoice-popup td .pay-now-button {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 2px 8px;
}

#bmui-tab-invoice .my-account-invoice-popup td .paid {
    background: #11B97F;
}

#bmui-tab-invoice .my-account-invoice-popup td .unpaid {
    background: #EE3939;
}
#bmui-tab-invoice .my-account-invoice-popup td .pay-now-button {
    padding: 4px 8px;
    border: 1px #1199C4 solid;
    font-size: 14px;
    line-height: 18px;
    color: #1199C4;
    margin-left: 20px;
    cursor: pointer;
}
#bmui-tab-invoice .my-account-invoice-popup td .pay-now-button:hover {
    border: 1px #1199C4 solid;
    background-color: #1199C4;
    color: #ffffff;
}
.my-account-invoice-popup .pagination {
    display: flex;
}
.my-account-invoice-popup .pagination span {
    height: 48px;
    min-width: 55px;
    font-weight: 400;
    font-size: 14px;
    color: #262626;
    text-align: center;
    line-height: 40px;
    border: none;
    position: relative;
}
.my-account-invoice-popup .pagination span.first,
.my-account-invoice-popup .pagination span.last {
    display: none;
}
.my-account-invoice-popup .pagination span:not(.next):not(.prev):after {
    content: "";
    background-color: #0F85AB;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.my-account-invoice-popup .pagination span:not(.next):not(.prev):hover:after,
.my-account-invoice-popup .pagination span.current:not(.next):not(.prev):after {
    opacity: 1;
}

.my-account-invoice-popup .pagination span:hover,
.my-account-invoice-popup .pagination span.current {
    color: #0F85AB;
}

.my-account-invoice-popup .pagination span.current {
    background-color: #F5F5F5;
}

.my-account-invoice-popup .pagination span.next-more {
    line-height: 33px;
    font-size: 20px;
}

.my-account-invoice-popup .pagination span.next,
.my-account-invoice-popup .pagination span.prev {
    font-size: 0;
    padding-top: 10px;
}

.my-account-invoice-popup .pagination span.next:after,
.my-account-invoice-popup .pagination span.prev:after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;

}

.my-account-invoice-popup .pagination span.next:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M9.5999%207.19995L14.3999%2012L9.5999%2016.8%22%20stroke%3D%22%235F5E5E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");

}

.my-account-invoice-popup .pagination span.next:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M9.5999%207.19995L14.3999%2012L9.5999%2016.8%22%20stroke%3D%22%230F85AB%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

.my-account-invoice-popup .pagination span.prev:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M14.4001%2016.8L9.6001%2012L14.4001%207.20005%22%20stroke%3D%22%235F5E5E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

.my-account-invoice-popup .pagination span.prev:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M14.8%2016.8L10%2012L14.8%207.20005%22%20stroke%3D%22%230F85AB%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

.my-account-invoice-popup .pagination span.disabled {
    opacity: .4;
    pointer-events: none;
}
#tab-my-billing #bmui-tab-invoice .invoice-panel {
    height: calc(100% - 80px);
}
/* // Invoice Table END */

/*----------------------------------------------------------
// Subscription
-----------------------------------------------------------*/
#tab-my-billing .checkout-panel-wrapper,
.wc-on-trial .checkout-panel-wrapper {
    display: flex;
    height: 100%;
    width: 1074px;
    margin: 0 auto;
}

#tab-my-billing .checkout-left-panel,
.wc-on-trial .checkout-left-panel {
    width: 634px;
    padding: 0 174px 0 0;
}

#tab-my-billing .checkout-right-panel,
.wc-on-trial .checkout-right-panel {
    width: 440px;
    padding: 0 0 0 40px;
    box-shadow: -4px -3px 8px rgba(0, 0, 0, 0.04);
}

#tab-my-billing .checkout-left-panel .selected-subscription-plan,
.wc-on-trial .checkout-left-panel .selected-subscription-plan {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #262626;
    margin: 32px 0 16px;
    display: block;
}

#tab-my-billing .checkout-left-panel .selected-plan-info-wrapper,
.wc-on-trial .checkout-left-panel .selected-plan-info-wrapper {
    border: 1px solid #CED4DA;
    border-radius: 3px;
    padding: 23px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#tab-my-billing .checkout-left-panel .selected-plan-info-wrapper .selected-plan-left,
.wc-on-trial .checkout-left-panel .selected-plan-info-wrapper .selected-plan-left {
    display: flex;
}

#tab-my-billing .checkout-left-panel .selected-plan-info-wrapper .selected-plan-left .selected-plan-icon,
.wc-on-trial .checkout-left-panel .selected-plan-info-wrapper .selected-plan-left .selected-plan-icon {
    margin-right: 8px;
}

#tab-my-billing .checkout-left-panel .selected-plan-info-wrapper .selected-plan-left,
.wc-on-trial .checkout-left-panel .selected-plan-info-wrapper .selected-plan-left {
    display: inline-flex;
    align-items: center;
}

#tab-my-billing .checkout-left-panel .selected-plan-info-wrapper .selected-plan-icon,
.wc-on-trial .checkout-left-panel .selected-plan-info-wrapper .selected-plan-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2223%22%20viewBox%3D%220%200%2022%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M10.9997%202.33398C9.18668%202.33398%207.4144%202.8716%205.90695%203.87885C4.3995%204.88609%203.22459%206.31773%202.53078%207.99272C1.83698%209.66771%201.65545%2011.5108%202.00915%2013.289C2.36284%2015.0671%203.23589%2016.7005%204.51787%2017.9825C5.79985%2019.2644%207.43319%2020.1375%209.21135%2020.4912C10.9895%2020.8449%2012.8326%2020.6634%2014.5076%2019.9695C16.1826%2019.2757%2017.6142%2018.1008%2018.6215%2016.5934C19.6287%2015.0859%2020.1663%2013.3136%2020.1663%2011.5007C20.1663%2010.2969%2019.9292%209.10487%2019.4686%207.99272C19.0079%206.88057%2018.3327%205.87004%2017.4815%205.01884C16.6303%204.16764%2015.6198%203.49242%2014.5076%203.03176C13.3955%202.57109%2012.2035%202.33398%2010.9997%202.33398ZM15.3172%209.40148L10.7338%2013.9848C10.6486%2014.0707%2010.5472%2014.1389%2010.4355%2014.1855C10.3238%2014.232%2010.204%2014.256%2010.083%2014.256C9.962%2014.256%209.84219%2014.232%209.73048%2014.1855C9.61878%2014.1389%209.51739%2014.0707%209.43218%2013.9848L7.59885%2012.1515C7.42623%2011.9789%207.32926%2011.7448%207.32926%2011.5007C7.32926%2011.2565%207.42623%2011.0224%207.59885%2010.8498C7.77146%2010.6772%208.00557%2010.5802%208.24968%2010.5802C8.49379%2010.5802%208.7279%2010.6772%208.90051%2010.8498L10.083%2012.0415L14.0155%208.09982C14.1881%207.92721%2014.4222%207.83023%2014.6663%207.83023C14.9105%207.83023%2015.1446%207.92721%2015.3172%208.09982C15.4898%208.27243%2015.5868%208.50654%2015.5868%208.75065C15.5868%208.99476%2015.4898%209.22887%2015.3172%209.40148Z%22%20fill%3D%22%230F85AB%22%2F%3E %3C%2Fsvg%3E");
}

#tab-my-billing .checkout-left-panel .selected-plan-info-wrapper .selected-plan-name,
.wc-on-trial .checkout-left-panel .selected-plan-info-wrapper .selected-plan-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

#tab-my-billing .checkout-left-panel .selected-plan-info-wrapper .selected-plan-right .selected-plan-pricing,
.wc-on-trial .checkout-left-panel .selected-plan-info-wrapper .selected-plan-right .selected-plan-pricing {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #353535;
}

#tab-my-billing .checkout-left-panel .payment-details-form,
.wc-on-trial .checkout-left-panel .payment-details-form {
    padding: 0 0 30px 0;
    width: 100%;
}

#tab-my-billing .checkout-left-panel .payment-details-form .billing-details-title,
.wc-on-trial .checkout-left-panel .payment-details-form .billing-details-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #262626;
    margin: 32px 0 24px;
    display: block;
}

#tab-my-billing .checkout-left-panel .payment-details-form .form-row,
.wc-on-trial .checkout-left-panel .payment-details-form .form-row {
    padding: 0 0 25px 0;
}

#tab-my-billing .checkout-left-panel .payment-details-form input[type="text"],
.wc-on-trial .checkout-left-panel .payment-details-form input[type="text"] {
    padding: 0px 8px 0px 12px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    border-radius: 3px;
    height: 40px!important;
    width: 100%;
    margin: 0;
}

#tab-my-billing .checkout-left-panel .payment-details-form input[type="text"][disabled],
.wc-on-trial .checkout-left-panel .payment-details-form input[type="text"][disabled] {
    background: #F7FAF9;
}

#tab-my-billing .checkout-left-panel .payment-details-form .billing-details,
.wc-on-trial .checkout-left-panel .payment-details-form .billing-details {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #262626;
    margin: 10px 0 24px;
    display: block;
}

#tab-my-billing .checkout-left-panel .payment-details-form .selected-card-title,
.wc-on-trial .checkout-left-panel .payment-details-form .selected-card-title,
#tab-my-billing .checkout-left-panel .payment-details-form label,
.wc-on-trial .checkout-left-panel .payment-details-form label {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin: 0;
    padding: 0 0 5px;
}

#tab-my-billing .checkout-left-panel .payment-details-form .form-row .email-address,
.wc-on-trial .checkout-left-panel .payment-details-form .form-row .email-address,
#tab-my-billing .checkout-left-panel .payment-details-form .form-row .phone-number,
.wc-on-trial .checkout-left-panel .payment-details-form .form-row .phone-number {
    display: block;
}

#tab-my-billing .checkout-left-panel .payment-details-form .confirm-subscription,
.wc-on-trial .checkout-left-panel .payment-details-form .confirm-subscription {
    padding: 7px 0;
    width: 220px;
    margin-top: 0;
    transition: all 300ms ease-out 0s;
}

#tab-my-billing .checkout-left-panel .payment-details-form .confirm-subscription:hover,
.wc-on-trial .checkout-left-panel .payment-details-form .confirm-subscription:hover {
    background: #0c80a7;
}

#tab-my-billing .checkout-right-panel .purchase-summary .order-summery-title,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summery-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #262626;
    margin: 32px 0 16px;
    display: block;
}
#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-header,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-header {
    display: flex;
    border-bottom: 2px solid #ededed;
}

#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-header-coumn.plan,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-header-coumn.plan,
#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-header-coumn.price,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-header-coumn.price {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
    padding-bottom: 10px;
}

#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-header-coumn.plan,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-header-coumn.plan {
    flex: 1 1 auto;
    text-align: left;
}

#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-header-coumn.price,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-header-coumn.price {
    width: 100px;
}

#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-body-row,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-body-row {
    display: flex;
}
#tab-my-billing .checkout-right-panel .order-summary-body,
.wc-on-trial .checkout-right-panel .order-summary-body {
    border-bottom: 2px solid #ededed;
    margin-bottom: 10px;
}
#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-body-column.plan,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-body-column.plan,
#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-body-column.price,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-body-column.price {
    padding-top: 10px;
    padding-bottom: 10px;
}

#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-body-column.plan,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-body-column.plan {
    text-align: left;
    padding-right: 10px;
    flex: 1 1 auto;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

#tab-my-billing .checkout-right-panel .purchase-summary .order-summary-body-column.price,
.wc-on-trial .checkout-right-panel .purchase-summary .order-summary-body-column.price {
    padding-left: 10px;
    width: 100px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
}
#tab-my-billing .checkout-right-panel .order-calculation-summary-body-row,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-row {
    display: flex;
    justify-content: flex-end;
}

#tab-my-billing .checkout-right-panel .order-calculation-summary-body-column.plan,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-column.plan,
#tab-my-billing .checkout-right-panel .order-calculation-summary-body-column.price,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-column.price {
    padding-top: 5px;
    padding-bottom: 5px;
}

#tab-my-billing .checkout-right-panel .order-calculation-summary-body-column.plan,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-column.plan {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #000000;
}

#tab-my-billing .checkout-right-panel .order-calculation-summary-body-column.price,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-column.price {
    width: 145px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #262626;
}

#tab-my-billing .checkout-right-panel .order-calculation-summary-body-row:last-child .order-calculation-summary-body-column.plan,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-row:last-child .order-calculation-summary-body-column.plan,
#tab-my-billing .checkout-right-panel .order-calculation-summary-body-row:last-child .order-calculation-summary-body-column.price,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-row:last-child .order-calculation-summary-body-column.price {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #262626;
    border-top: 2px solid #ededed;
    padding-top: 7px;
    margin-top: 7px;
}


#tab-my-billing .checkout-right-panel .order-calculation-summary-body-row:last-child .order-calculation-summary-body-column.plan,
.wc-on-trial .checkout-right-panel .order-calculation-summary-body-row:last-child .order-calculation-summary-body-column.plan {
    padding-left: 30px;
}

#tab-my-billing .checkout-right-panel .discount-coupon-panel,
.wc-on-trial .checkout-right-panel .discount-coupon-panel {
    margin-top: 15px;
}

#tab-my-billing .checkout-right-panel .discount-coupon-panel .coupon-info,
.wc-on-trial .checkout-right-panel .discount-coupon-panel .coupon-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    padding-bottom: 5px;
}

#tab-my-billing .checkout-right-panel .discount-coupon-panel .coupon-input-wrapper,
.wc-on-trial .checkout-right-panel .discount-coupon-panel .coupon-input-wrapper {
    position: relative;
}

#tab-my-billing .checkout-right-panel .discount-coupon-panel .medium.discount-coupon-code-input,
.wc-on-trial .checkout-right-panel .discount-coupon-panel .medium.discount-coupon-code-input {
    width: 100%;
    height: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #5F5E5E;
    padding: 4px 55px 4px 10px;
}

#tab-my-billing .checkout-right-panel .discount-coupon-panel .discount-coupon-apply-button,
.wc-on-trial .checkout-right-panel .discount-coupon-panel .discount-coupon-apply-button {
    color: #000000;
    height: 40px;
    line-height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    cursor: pointer;
}
.floating-panel-popup.payment-method-billing-cad-action-popup {
    width: 200px!important;
    min-width: 200px;
    padding: 15px;
}
.floating-panel-popup.payment-method-billing-cad-action-popup .action-item {
    cursor: pointer;
    padding: 3px 0;
}
.floating-panel-popup.payment-method-billing-cad-action-popup .action-item:hover {
    color: #1199C4;
}
#tab-my-billing .checkout-left-panel .payment-details-form .saved-cards .chosen-container .chosen-results .chosen-result,
.wc-on-trial .checkout-left-panel .payment-details-form .saved-cards .chosen-container .chosen-results .chosen-result {
    width: 100%;
    padding-left: 70px;
    background-position: left 10px center;
}
/* // Subscription END */

.app-user-menu .menu-item.my-sites .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%20clip-path%3D%22url%28%23clip0_807_423%29%22%3E %3Cpath%20d%3D%22M5.77756%2012.5V13.3205C5.7776%2013.6417%205.71437%2013.9596%205.59147%2014.2563C5.46858%2014.553%205.28844%2014.8226%205.06134%2015.0496L4.55534%2015.5556H11.8887L11.3827%2015.0496C11.1556%2014.8226%2010.9754%2014.553%2010.8525%2014.2563C10.7296%2013.9596%2010.6664%2013.6417%2010.6664%2013.3205V12.5M15.5553%202.72225V10.6667C15.5553%2011.1529%2015.3622%2011.6192%2015.0184%2011.9631C14.6746%2012.3069%2014.2082%2012.5%2013.722%2012.5H2.72201C2.23577%2012.5%201.76946%2012.3069%201.42564%2011.9631C1.08183%2011.6192%200.888672%2011.1529%200.888672%2010.6667V2.72225M15.5553%202.72225C15.5553%202.23602%2015.3622%201.7697%2015.0184%201.42589C14.6746%201.08207%2014.2082%200.888916%2013.722%200.888916H2.72201C2.23577%200.888916%201.76946%201.08207%201.42564%201.42589C1.08183%201.7697%200.888672%202.23602%200.888672%202.72225M15.5553%202.72225V8.22225C15.5553%208.70848%2015.3622%209.17479%2015.0184%209.51861C14.6746%209.86243%2014.2082%2010.0556%2013.722%2010.0556H2.72201C2.23577%2010.0556%201.76946%209.86243%201.42564%209.51861C1.08183%209.17479%200.888672%208.70848%200.888672%208.22225V2.72225%22%20stroke%3D%22%23696969%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fg%3E %3Cdefs%3E %3CclipPath%20id%3D%22clip0_807_423%22%3E %3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3C%2Fsvg%3E");
}
.tab-header.my-billing .icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M8.75%204.25V13.25M6.5%2011.1365L7.15925%2011.6307C8.0375%2012.29%209.46175%2012.29%2010.3408%2011.6307C11.2198%2010.9715%2011.2198%209.9035%2010.3408%209.24425C9.902%208.91425%209.326%208.75%208.75%208.75C8.20625%208.75%207.6625%208.585%207.24775%208.25575C6.41825%207.5965%206.41825%206.5285%207.24775%205.86925C8.07725%205.21%209.42275%205.21%2010.2523%205.86925L10.5635%206.11675M15.5%208.75C15.5%209.63642%2015.3254%2010.5142%2014.9862%2011.3331C14.647%2012.1521%2014.1498%2012.8962%2013.523%2013.523C12.8962%2014.1498%2012.1521%2014.647%2011.3331%2014.9862C10.5142%2015.3254%209.63642%2015.5%208.75%2015.5C7.86358%2015.5%206.98583%2015.3254%206.16689%2014.9862C5.34794%2014.647%204.60382%2014.1498%203.97703%2013.523C3.35023%2012.8962%202.85303%2012.1521%202.51381%2011.3331C2.17459%2010.5142%202%209.63642%202%208.75C2%206.95979%202.71116%205.2429%203.97703%203.97703C5.2429%202.71116%206.95979%202%208.75%202C10.5402%202%2012.2571%202.71116%2013.523%203.97703C14.7888%205.2429%2015.5%206.95979%2015.5%208.75Z%22%20stroke%3D%22%23696969%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

.confirm-popup.cancel-subscription-confirmation-popup span.cancel-alert-first-pera {
    margin-bottom: 10px;
    display: block;
}

.confirm-popup.cancel-subscription-confirmation-popup span.cancel-alert-second-pera {
    display: block;
    margin-bottom: 10px;
}

.confirm-popup.cancel-subscription-confirmation-popup span.note-cancel {
    background: #ffe5cc8a;
    display: block;
    padding: 12px;
}

/*#status-bar {*/
/*    display: none;*/
/*}*/
#bmui-tab-paymentMethod .payment-method-card-ui .unionpay-card-logo,
#bmui-tab-paymentMethod .payment-method-card-ui .jcb-card-logo,
#bmui-tab-paymentMethod .payment-method-card-ui .amex-card-logo,
#bmui-tab-paymentMethod .payment-method-card-ui .mastercard-card-logo,
#bmui-tab-paymentMethod .payment-method-card-ui .visa-card-logo {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


#bmui-tab-paymentMethod .payment-method-card-ui .unionpay-card-logo {
    background-image: url(../../images/admin/unionpay.png)
}
#bmui-tab-paymentMethod .payment-method-card-ui .jcb-card-logo {
    background-image: url(../../images/admin/jcb.png);
}
#bmui-tab-paymentMethod .payment-method-card-ui .amex-card-logo {
    background-image: url(../../images/admin/american_express.png);
}
.popup-mask.tool-tip-popup-mask {
    display: none !important;
}




.template-upload-panel {
    padding: 10%;
}

.button-line.install-template-from-local-button {
    text-align: center;
}


div#bmui-tab-paymentMethod {
    padding: 15%;
    padding-top: 0;
}

div#bmui-tab-subscription {
    padding: 15%;
    padding-top: 0;
}


/*New Dashboard*/
#workspace.advance-responsive-wc-new-nav-workspace{
    /* @alternate */   height           : -moz-calc(100% - 52px);
    /* @alternate */   height           : -webkit-calc(100% - 52px);
    height           : calc(100% - 52px);
}
#workspace.advance-responsive-wc-new-nav-workspace.wc-on-trial{
    /* @alternate */   height           : -moz-calc(100% - 95px);
    /* @alternate */   height           : -webkit-calc(100% - 95px);
    height           : calc(100% - 95px);
}
#workspace.advance-responsive-wc-new-nav-workspace .new-dashboard-container.app-tab-container{
    height: 100%;
}
#workspace.advance-responsive-wc-new-nav-workspace .new-dashboard-container.app-tab-container.account-email-is-not-verified{
    height: -moz-calc(100% - 46px);
    height: -webkit-calc(100% - 46px);
    height: calc(100% - 46px);
}

.update-v-admin{
    display: flex;
    justify-content: flex-end;
    padding: 5px 15px;
    color: #858585;
}
.sidebar.minimized.advance-responsive-wc-nav-bar .update-v-admin{
    display: flex;
    padding: 5px 11px;
    color: #858585;
    font-size: 12px;
    justify-content: center;
}
.sidebar.minimized.advance-responsive-wc-nav-bar .update-v-admin{
    /*display: none;*/
    opacity: 0;
    margin-bottom: -14px;
}

.administrator.admin-menu{
    display: flex;
    align-items: center;
    margin-top: 7px;
}
.admin-nav-thumb{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IiMwRjg1QUIiLz4KPHBhdGggZD0iTTE1Ljk5OTcgMTcuNjY2QzE4LjMwMDkgMTcuNjY2IDIwLjE2NjMgMTUuNDI3NCAyMC4xNjYzIDEyLjY2NkMyMC4xNjYzIDkuOTA0NTkgMTguMzAwOSA3LjY2NjAyIDE1Ljk5OTcgNy42NjYwMkMxMy42OTg1IDcuNjY2MDIgMTEuODMzIDkuOTA0NTkgMTEuODMzIDEyLjY2NkMxMS44MzMgMTUuNDI3NCAxMy42OTg1IDE3LjY2NiAxNS45OTk3IDE3LjY2NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNC4xNjY1IDIxLjkxNjlDMjMuNDE2NSAyMC40MTY5IDIxLjk5OTkgMTkuMTY2OSAyMC4xNjY1IDE4LjQxNjlDMTkuNjY2NSAxOC4yNTAzIDE5LjA4MzIgMTguMjUwMyAxOC42NjY1IDE4LjUwMDNDMTcuODMzMiAxOS4wMDAzIDE2Ljk5OTkgMTkuMjUwMyAxNS45OTk5IDE5LjI1MDNDMTQuOTk5OSAxOS4yNTAzIDE0LjE2NjUgMTkuMDAwMyAxMy4zMzMyIDE4LjUwMDNDMTIuOTE2NSAxOC4zMzM2IDEyLjMzMzIgMTguMjUwMyAxMS44MzMyIDE4LjUwMDNDOS45OTk4NiAxOS4yNTAzIDguNTgzMTkgMjAuNTAwMyA3LjgzMzE5IDIyLjAwMDNDNy4yNDk4NiAyMy4wODM2IDguMTY2NTIgMjQuMzMzNiA5LjQxNjUyIDI0LjMzMzZIMjIuNTgzMkMyMy44MzMyIDI0LjMzMzYgMjQuNzQ5OSAyMy4wODM2IDI0LjE2NjUgMjEuOTE2OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    height: 32px;
    width: 32px;
    display: inline-block;
    overflow: hidden;
    margin-right: 8px;
}
.menu-item.my-account{
    position: relative;
}
.menu-item.my-account:before{
    content:"";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTI1IDMuNUgyLjkzNzVDMi40ODk5NSAzLjUgMi4wNjA3MiAzLjY3Nzc5IDEuNzQ0MjYgMy45OTQyNkMxLjQyNzc5IDQuMzEwNzMgMS4yNSA0LjczOTk1IDEuMjUgNS4xODc1VjEzLjA2MjVDMS4yNSAxMy41MTAxIDEuNDI3NzkgMTMuOTM5MyAxLjc0NDI2IDE0LjI1NTdDMi4wNjA3MiAxNC41NzIyIDIuNDg5OTUgMTQuNzUgMi45Mzc1IDE0Ljc1SDEwLjgxMjVDMTEuMjYwMSAxNC43NSAxMS42ODkzIDE0LjU3MjIgMTIuMDA1NyAxNC4yNTU3QzEyLjMyMjIgMTMuOTM5MyAxMi41IDEzLjUxMDEgMTIuNSAxMy4wNjI1VjYuODc1TTQuNjI1IDExLjM3NUwxNC43NSAxLjI1TTE0Ljc1IDEuMjVIMTAuODEyNU0xNC43NSAxLjI1VjUuMTg3NSIgc3Ryb2tlPSIjNjk2OTY5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -3px;
}


.billing-details-popup .chosen-container .chosen-results{
    max-height: 90px !important;
}
.billing-details-popup .chosen-container .chosen-results input[type="text"]{
    height: 30px !important;
}
.billing-details-popup .chosen-container .chosen-search input[type="text"]{
    height: 30px !important;
}
.billing-details-popup .state-drop .chosen-container .chosen-results{
    max-height: 130px !important;
}
.billing-details-popup .form-row .chosen-container .chosen-results .chosen-result {
    height: 31px;
    padding: 7px 15px;
}


.cancel-button:active {
    /*padding: 5px 10.6px;*/
    margin-right: 0;
}
.edit-popup.verify-current-password-popup .cancel-button:active {
    padding: 6px 12px;
    margin-right: 0;
}
.template-thumb-view {
    min-height: 230px;
    max-height: 230px;
    overflow: hidden;
    position: relative;
}
#workspace .accordion-item.bmui-setting {
    padding: 25px;
}

#tab-template {}
#tab-template .header {
    padding: 8px 0;
}
#tab-template .template-count {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #262626;
    display: inline-block;
    height: 30px;
}
#tab-template .toolbar-right {}
#tab-template .toolbar-right .tool-group {}
#tab-template .toolbar-right .tool-group .toolbar-item {
    background: #FFFFFF;
    border: 1px solid #D1D5D8;
    border-radius: 3px;
    height: 30px;
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    line-height: 18px;
    color: #1199C4;
}
#tab-template .toolbar-right .tool-group .toolbar-item a {
    padding: 0 24px 0 0;
    display: block;
    background-image: url("../../images/admin/link-icon.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
}
#tab-template .app-tab-content-container {
    height: calc(100vh - 150px);
    overflow-y: auto;
}
#tab-template .active-template-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    margin: 0 0 10px;
}
#tab-template .current-template-section {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid rgba(3, 36, 48, 0.07);
    box-shadow: 0px 4px 4px rgba(3, 36, 48, 0.04);
    border-radius: 4px;
    margin: 0 0 40px;
}
#tab-template .current-template-section .template-thumb-view {
    max-width: 255px;
    min-height: 150px;
    max-height: 150px;
}
#tab-template .current-template-section .template-thumb-view img {
    height: 150px;
    object-fit: cover;
}
#tab-template .current-template-section .template-info-and-status {
    padding-left: 49px;
}
#tab-template .current-template-section .template-info-and-status .template-info {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0 0 18px;
}
#tab-template .current-template-section .template-info-and-status .template-info .template-name {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #032430;
    margin: 0 0 7px;
}
#tab-template .current-template-section .template-info-and-status .template-info .last-modified {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #5F5E5E;
    margin: 0;
}
#tab-template .current-template-section .template-info-and-status .template-status {
    display: flex;
    align-items: center;
}
#tab-template .current-template-section .template-info-and-status .template-status .template-status {
    background: #0DC15C;
    border-radius: 21px;
    height: 21px;
    padding: 2px 6px 3px;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
}
#tab-template .current-template-section .template-info-and-status .template-status .visit-wc-site {
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #1199C4;
    margin-left: 18px;
    background-image: url("../../images/admin/link-icon.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    padding-right: 20px;
    display: inline-block;
}
#tab-template .current-template-section .template-action-button {
    margin-left: auto;
    padding-right: 38px;
}
#tab-template .current-template-section .template-action-button .customise-wc-site-editor {
    display: block;
}
#tab-template .current-template-section .template-action-button .customise-wc-site-editor a {
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #1199C4;
    border-radius: 3px;
    padding: 6px 14px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #1199C4;
    margin-bottom: 12px;
    width: 140px;
    text-align: center;
    display: block;
}
#tab-template .current-template-section .template-action-button .manage-template {
    height: 36px;
    background: #F6F8F9;
    border: 1px solid #F6F8F9;
    border-radius: 4px;
    padding: 6px 14px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #1199C4;
    margin-bottom: 12px;
    width: 140px;
    text-align: center;
    cursor: pointer;
}
#tab-template .template_list-block {}
#tab-template .template_list-block .template-list-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    margin: 0 0 10px;
}
#tab-template .template_inner-wrapper {
    margin: 0 -10px;
    padding: 0 0 20px;
    height: auto !important;
}
#tab-template .template_single-item {
    flex-basis: calc(225% - 20px);
    max-width: calc(25% - 20px);
    max-height: inherit;
    margin: 0 10px 20px;
    border: 1px solid rgba(3, 36, 48, 0.07);
    border-radius: 3px;
    overflow: visible;
}
#tab-template .template_single-item .template_img-holder {
    min-height: 180px;
    max-height: 180px;
    text-align: center;
}
#tab-template .template_single-item .template_img-holder img {
    max-height: 180px;
    object-fit: cover;
    object-position: top;
}
#tab-template .template_single-item .template_content-block {
    display: block;
    padding: 0;
}
#tab-template .template_single-item .template_content-block .template-short-info {}
#tab-template .template_single-item .template_content-block .template-name-status {
    padding: 10px 12px;
    border-bottom: 1px solid #F0F3F4;
}
#tab-template .template_single-item .template_content-block .template-name-status .template-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #032430;
    margin: 0 0 5px;
}
#tab-template .template_single-item .template_content-block .template-name-status .template-status {
    display: inline-block;
    background: #F0F3F4;
    border-radius: 21px;
    padding: 2px 6px 3px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    margin-right: 5px;
}
#tab-template .template_single-item .template_content-block .template-actions-bar {
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-left {
    width: calc(100% - 38px);
}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-left .install,
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-left .paid-template {
    width: 100%;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    color: #1199C4 !important;
}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right {}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right .floating-popup {
    width: auto;
    position: relative;
}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right .floating-popup .floating-action-dropper {
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right .floating-popup .floating-action-dropper:active,
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right .floating-popup .floating-action-dropper:focus,
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right .floating-popup .floating-action-dropper:visited {
    background: #F0F3F4;
}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right .floating-popup .popup-body {
    position: absolute;
    right: 0;
    top: 100%;
    width: 150px;
    background: #FFFFFF;
    filter: drop-shadow(0px 8px 12px rgba(9, 30, 66, 0.15)) drop-shadow(0px 0px 1px rgba(9, 30, 66, 0.31));
}
#tab-template .template_single-item .template_content-block .template-actions-bar .template-action-right .floating-popup .popup-body .action-item {
    padding: 6px 12px;
    color: #353535;
    font-size: 14px;
    line-height: 18px;
}

.subscription-history-panel {
    width: 768px;
}
.subscription-info {
    margin: 20px 0 30px;
    text-align: left;
}
.subscription-info .subscription-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #1199C4;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.subscription-info .action-name {
    margin-right: 3px;
}
.subscription-info .action-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url("../../images/admin/link-icon-down.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    cursor: pointer;
    margin-left: 8px;
}
.subscription-info .action-icon.hide {
    transform: rotate(180deg);
}







#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header {
    border: none;
    background: none;
    box-shadow: none;
    padding: 10px 20px;
    border-radius: 3px;
}
#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header ~ .bmui-tab-header {
    margin-top: 8px;
}

#manage-billing-tab .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active,
#manage-billing-tab .left-side-header > .bmui-tab-header-container .bmui-tab-header:hover {
    background: #004156;
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.scubscription-tab:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M17.5%209.375V16.25C17.5%2016.5815%2017.3683%2016.8995%2017.1339%2017.1339C16.8995%2017.3683%2016.5815%2017.5%2016.25%2017.5H4.375C4.04348%2017.5%203.72554%2017.3683%203.49112%2017.1339C3.2567%2016.8995%203.125%2016.5815%203.125%2016.25V9.375M10%204.0625C10%203.62985%209.87171%203.20692%209.63134%202.84719C9.39097%202.48746%209.04933%202.20708%208.64962%202.04151C8.24991%201.87595%207.81007%201.83263%207.38574%201.91703C6.96141%202.00144%206.57163%202.20978%206.2657%202.5157C5.95978%202.82163%205.75144%203.21141%205.66703%203.63574C5.58263%204.06007%205.62595%204.49991%205.79151%204.89962C5.95708%205.29933%206.23746%205.64098%206.59719%205.88134C6.95692%206.12171%207.37985%206.25%207.8125%206.25H10M10%204.0625V6.25M10%204.0625C10%203.62985%2010.1283%203.20692%2010.3687%202.84719C10.609%202.48746%2010.9507%202.20708%2011.3504%202.04151C11.7501%201.87595%2012.1899%201.83263%2012.6143%201.91703C13.0386%202.00144%2013.4284%202.20978%2013.7343%202.5157C14.0402%202.82163%2014.2486%203.21141%2014.333%203.63574C14.4174%204.06007%2014.3741%204.49991%2014.2085%204.89962C14.0429%205.29933%2013.7625%205.64098%2013.4028%205.88134C13.0431%206.12171%2012.6201%206.25%2012.1875%206.25H10M10%206.25V17.5M2.8125%209.375H17.8125C18.33%209.375%2018.75%208.955%2018.75%208.4375V7.1875C18.75%206.67%2018.33%206.25%2017.8125%206.25H2.8125C2.295%206.25%201.875%206.67%201.875%207.1875V8.4375C1.875%208.955%202.295%209.375%202.8125%209.375Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.scubscription-tab.bmui-tab-active:before,
#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.scubscription-tab:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M17.5%209.375V16.25C17.5%2016.5815%2017.3683%2016.8995%2017.1339%2017.1339C16.8995%2017.3683%2016.5815%2017.5%2016.25%2017.5H4.375C4.04348%2017.5%203.72554%2017.3683%203.49112%2017.1339C3.2567%2016.8995%203.125%2016.5815%203.125%2016.25V9.375M10%204.0625C10%203.62985%209.87171%203.20692%209.63134%202.84719C9.39097%202.48746%209.04933%202.20708%208.64962%202.04151C8.24991%201.87595%207.81007%201.83263%207.38574%201.91703C6.96141%202.00144%206.57163%202.20978%206.2657%202.5157C5.95978%202.82163%205.75144%203.21141%205.66703%203.63574C5.58263%204.06007%205.62595%204.49991%205.79151%204.89962C5.95708%205.29933%206.23746%205.64098%206.59719%205.88134C6.95692%206.12171%207.37985%206.25%207.8125%206.25H10M10%204.0625V6.25M10%204.0625C10%203.62985%2010.1283%203.20692%2010.3687%202.84719C10.609%202.48746%2010.9507%202.20708%2011.3504%202.04151C11.7501%201.87595%2012.1899%201.83263%2012.6143%201.91703C13.0386%202.00144%2013.4284%202.20978%2013.7343%202.5157C14.0402%202.82163%2014.2486%203.21141%2014.333%203.63574C14.4174%204.06007%2014.3741%204.49991%2014.2085%204.89962C14.0429%205.29933%2013.7625%205.64098%2013.4028%205.88134C13.0431%206.12171%2012.6201%206.25%2012.1875%206.25H10M10%206.25V17.5M2.8125%209.375H17.8125C18.33%209.375%2018.75%208.955%2018.75%208.4375V7.1875C18.75%206.67%2018.33%206.25%2017.8125%206.25H2.8125C2.295%206.25%201.875%206.67%201.875%207.1875V8.4375C1.875%208.955%202.295%209.375%202.8125%209.375Z%22%20stroke%3D%22%2337CFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.payment-method-tab:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M1.875%207.5H18.125M4.375%2011.875H9.375M4.375%2013.75H6.875M3.75%2016.25H16.25C16.7473%2016.25%2017.2242%2016.0525%2017.5758%2015.7008C17.9275%2015.3492%2018.125%2014.8723%2018.125%2014.375V5.625C18.125%205.12772%2017.9275%204.65081%2017.5758%204.29917C17.2242%203.94754%2016.7473%203.75%2016.25%203.75H3.75C3.25272%203.75%202.77581%203.94754%202.42417%204.29917C2.07254%204.65081%201.875%205.12772%201.875%205.625V14.375C1.875%2014.8723%202.07254%2015.3492%202.42417%2015.7008C2.77581%2016.0525%203.25272%2016.25%203.75%2016.25Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.payment-method-tab.bmui-tab-active:before,
#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.payment-method-tab:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M1.875%207.5H18.125M4.375%2011.875H9.375M4.375%2013.75H6.875M3.75%2016.25H16.25C16.7473%2016.25%2017.2242%2016.0525%2017.5758%2015.7008C17.9275%2015.3492%2018.125%2014.8723%2018.125%2014.375V5.625C18.125%205.12772%2017.9275%204.65081%2017.5758%204.29917C17.2242%203.94754%2016.7473%203.75%2016.25%203.75H3.75C3.25272%203.75%202.77581%203.94754%202.42417%204.29917C2.07254%204.65081%201.875%205.12772%201.875%205.625V14.375C1.875%2014.8723%202.07254%2015.3492%202.42417%2015.7008C2.77581%2016.0525%203.25272%2016.25%203.75%2016.25Z%22%20stroke%3D%22%2337CFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}
#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.invoice-tab:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M5.6%2011.5242C5.4%2011.5492%205.2%2011.5758%205%2011.6042M5.6%2011.5242C8.52188%2011.1576%2011.4781%2011.1576%2014.4%2011.5242M5.6%2011.5242L5.28333%2015M14.4%2011.5242C14.6%2011.5492%2014.8%2011.5758%2015%2011.6042M14.4%2011.5242L14.7167%2015L14.9075%2017.1025C14.9193%2017.2322%2014.904%2017.363%2014.8624%2017.4864C14.8209%2017.6099%2014.7541%2017.7233%2014.6663%2017.8195C14.5785%2017.9157%2014.4716%2017.9926%2014.3524%2018.0452C14.2332%2018.0978%2014.1044%2018.125%2013.9742%2018.125H6.02583C5.47417%2018.125%205.0425%2017.6517%205.0925%2017.1025L5.28333%2015M5.28333%2015H4.375C3.87772%2015%203.40081%2014.8025%203.04917%2014.4508C2.69754%2014.0992%202.5%2013.6223%202.5%2013.125V7.88C2.5%206.97917%203.14%206.20083%204.03083%206.0675C4.56079%205.98823%205.09229%205.9196%205.625%205.86167M14.715%2015H15.6242C15.8705%2015.0001%2016.1144%2014.9517%2016.342%2014.8575C16.5695%2014.7633%2016.7763%2014.6252%2016.9505%2014.4511C17.1247%2014.277%2017.2629%2014.0703%2017.3572%2013.8427C17.4515%2013.6152%2017.5%2013.3713%2017.5%2013.125V7.88C17.5%206.97917%2016.86%206.20083%2015.9692%206.0675C15.4392%205.98823%2014.9077%205.9196%2014.375%205.86167M14.375%205.86167C11.4669%205.54525%208.53308%205.54525%205.625%205.86167M14.375%205.86167V2.8125C14.375%202.295%2013.955%201.875%2013.4375%201.875H6.5625C6.045%201.875%205.625%202.295%205.625%202.8125V5.86167M15%208.75H15.0067V8.75667H15V8.75ZM12.5%208.75H12.5067V8.75667H12.5V8.75Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.invoice-tab.bmui-tab-active:before,
#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.invoice-tab:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M5.6%2011.5242C5.4%2011.5492%205.2%2011.5758%205%2011.6042M5.6%2011.5242C8.52188%2011.1576%2011.4781%2011.1576%2014.4%2011.5242M5.6%2011.5242L5.28333%2015M14.4%2011.5242C14.6%2011.5492%2014.8%2011.5758%2015%2011.6042M14.4%2011.5242L14.7167%2015L14.9075%2017.1025C14.9193%2017.2322%2014.904%2017.363%2014.8624%2017.4864C14.8209%2017.6099%2014.7541%2017.7233%2014.6663%2017.8195C14.5785%2017.9157%2014.4716%2017.9926%2014.3524%2018.0452C14.2332%2018.0978%2014.1044%2018.125%2013.9742%2018.125H6.02583C5.47417%2018.125%205.0425%2017.6517%205.0925%2017.1025L5.28333%2015M5.28333%2015H4.375C3.87772%2015%203.40081%2014.8025%203.04917%2014.4508C2.69754%2014.0992%202.5%2013.6223%202.5%2013.125V7.88C2.5%206.97917%203.14%206.20083%204.03083%206.0675C4.56079%205.98823%205.09229%205.9196%205.625%205.86167M14.715%2015H15.6242C15.8705%2015.0001%2016.1144%2014.9517%2016.342%2014.8575C16.5695%2014.7633%2016.7763%2014.6252%2016.9505%2014.4511C17.1247%2014.277%2017.2629%2014.0703%2017.3572%2013.8427C17.4515%2013.6152%2017.5%2013.3713%2017.5%2013.125V7.88C17.5%206.97917%2016.86%206.20083%2015.9692%206.0675C15.4392%205.98823%2014.9077%205.9196%2014.375%205.86167M14.375%205.86167C11.4669%205.54525%208.53308%205.54525%205.625%205.86167M14.375%205.86167V2.8125C14.375%202.295%2013.955%201.875%2013.4375%201.875H6.5625C6.045%201.875%205.625%202.295%205.625%202.8125V5.86167M15%208.75H15.0067V8.75667H15V8.75ZM12.5%208.75H12.5067V8.75667H12.5V8.75Z%22%20stroke%3D%22%2337CFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E");
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header .title {
    display: inline-block;
    line-height: 18px;
    color: #FFFFFF;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title,
#manage-billing-tab > .left-side-header > .bmui-tab-header-container .bmui-tab-header:hover .title {
    color: #37CFFF;
}
#manage-billing-tab .package-section-info {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}

#manage-billing-tab .package-section-info-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #000000;
}

#manage-billing-tab .package-section-info-sub-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #353535;
    margin-top: 8px;
}
#manage-billing-tab .duration-type-selector {
    display: flex;
    justify-content: center;
    border: 1px #e8e8e8 solid;
    width: 236px;
    margin: 25px auto 0;
    border-radius: 5px;
    padding: 3px;
}

#manage-billing-tab .duration-type-selector .duration-type-tab {
    width: 50%;
    padding: 8px;
    position: relative;
    text-align: center;
    border-radius: 5px;
    transition: all 300ms ease-out 0s;
}
#manage-billing-tab .duration-type-selector .duration-type-tab.selected {
    background: none #d5f6ff;
}
#manage-billing-tab .duration-type-selector .wcui-radio {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin: 0;
    border: none;
    background: none;
}

#manage-billing-tab .duration-type-selector .label-text {
    font-size: 16px;
    font-weight: 600;
}

#manage-billing-tab .duration-type-selector .duration-type-tab.selected .label-text {
    color: #1199C4;
}
#manage-billing-tab .package-list {
    max-width: 1140px;
}
#manage-billing-tab .package-list table {
    border: none;
}
#manage-billing-tab .package-list table tr {
    background: none;
}

#manage-billing-tab .package-list table td {
    padding: 16px;
    border: 1px #F0F3F4 solid;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
}
#manage-billing-tab .package-list table tr:first-child td:first-child {
    vertical-align: bottom;
    color: #5F5E5E;
}
#manage-billing-tab .package-list table .package-name {
    display: block;
    margin-top: 32px;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #262626;
}

#manage-billing-tab .package-list table .top-basic-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #262626;
    display: block;
    height: 36px;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 29px;
}

#manage-billing-tab .package-list table .package-price {
    display: block;
}
#manage-billing-tab .package-list table .package-price .txt-l {
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    text-align: center;
    color: #262626;
}

#manage-billing-tab .package-list table .package-bottom-action {
    display: block;
    margin-top: 24px;
}

#manage-billing-tab .package-list table .subscribe {
    display: block;
    background: #1199C4;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    padding: 8px;
}

#manage-billing-tab {
    padding: 0;
}

#manage-billing-tab .app-tab-content-container {
    height: 100%;
    border: none;
    display: flex;
}

#manage-billing-tab > .left-side-header > .bmui-tab-header-container {
    width: 272px;
    float: none;
    flex: 0 0 272px;
    padding: 12px;
    background: #032430;
}

#manage-billing-tab > .left-side-header > .bmui-tab-body-container {
    flex: 1 1 auto;
    margin: 0;
    padding: 56px;
    display: flex;
    justify-content: center;
    background: #F6F6F7;
    padding-top: 40px;
}

#manage-billing-tab #bmui-tab-subscription {
    padding: 0;
}
div#manage-billing-tab {
    height: 100%;
}
div#manage-billing-tab .toolbar.toolbar-right {
    display: none;
}
#manage-billing-tab .div-mask {
     background-color: rgb(255 255 255);
 }

.template-view-menu.floating-panel-popup {
    min-width: 150px;
    width: auto !important;
    position: absolute;
    background-color: #FFFFFF;
    border: none;
    filter: drop-shadow(0px 8px 12px rgba(9, 30, 66, 0.15)) drop-shadow(0px 0px 1px rgba(9, 30, 66, 0.31));
    border-radius: 0px 0px 4px 4px;
    padding: 0;
}
.template-view-menu.floating-panel-popup::before,
.template-view-menu.floating-panel-popup::after {
    display: none;
}
.template-view-menu.floating-panel-popup .content {
    padding: 6px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #353535;
    cursor: pointer;
}

.edit-popup.template-confirm {
    max-width: 800px;
    min-width: 800px;
}
.edit-popup.template-confirm .title-bar {
    background: #1199C4;
    padding: 16px 24px;
}
.edit-popup.template-confirm .title-bar .title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    word-break: break-word;
    white-space: break-spaces;
}
.edit-popup.template-confirm .title-bar .close {
    background: url("../../images/admin/pop_up_close_gray.png") no-repeat center;
    filter: brightness(50);
}
.edit-popup.template-confirm .content {
    margin: 0;
    padding: 24px;
}
.edit-popup.template-confirm .content .warning-box {
    background-image: url("../../images/admin/error.png");
    background-position: 16px 16px;
    background-color: #FCF6ED;
    background-repeat: no-repeat;
    padding: 16px 16px 16px 44px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #353535;
    border: 1px solid #FFD9B3;
    margin: 0 0 4px;
}
.edit-popup.template-confirm div header {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
}
.edit-popup.template-confirm .content {
    margin: 12px 0 0;
    padding: 24px;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 3px;
}
.edit-popup.template-confirm .template-installation-button-line {
    padding: 16px;
    background: #F2F6F7;
    text-align: center;
}

.left-panel-template-preview {
    display: flex;
}

.left-panel-template-preview .change-color-section {
    display: flex;
}

.plugin-card-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
    width:100%;
}
.plugin_single-item.plugin-card {
    -ms-flex-preferred-size: calc(33.333% - 20px);
    flex-basis: calc(32.9% - 14px);
    max-width: calc(32.9% - 14px);
    padding: 0;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    box-shadow: none;
    max-height: unset;
    margin: 0 10px 20px;
}
.plugin_single-item.plugin-card .plugin-header {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.plugin_single-item.plugin-card .plugin-header .plugin-icon {}
.plugin_single-item.plugin-card .plugin-header .plugin-icon .plugin_logo-holder {}
.plugin_single-item.plugin-card .plugin-header .plugin-icon .plugin_logo-holder img {
    height: 48px;
    width: 48px;
}
.plugin_single-item.plugin-card .plugin-header .plugin-status {}
.plugin_single-item.plugin-card .plugin-header .plugin-status .install {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #1199C4;
    cursor: pointer;
}
.plugin_single-item.plugin-card .plugin-header .plugin-status .installed {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #696969;
    display: inline-flex;
    align-items: center;
    cursor:pointer;
}
.plugin_single-item.plugin-card .plugin-header .plugin-status .installed .icon-plugin-installed {
    display: inline-block;
    height: 13px;
    width: 13px;
    text-align: center;
    background: url(../../images/admin/in-package.png) no-repeat center center;
    margin-right: 5px;
}
.plugin_single-item.plugin-card .plugin-body {
    padding: 0 20px 20px;
}
.plugin_single-item.plugin-card .plugin-body .header {
    margin: 0 0 15px;
}
.plugin_single-item.plugin-card .plugin-body .header .plugin-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #032430;
}
.plugin_single-item.plugin-card .plugin-body .header .version {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    margin: 4px 0;
}
.plugin_single-item.plugin-card .plugin-body .header .plugin_rating {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.plugin_single-item.plugin-card .plugin-body .header .plugin_rating i {
    background: url(../../images/admin/star-green.png) no-repeat center center;
}
.plugin_single-item.plugin-card .plugin-body .header .plugin_rating label {
    margin: 0 0 0 4px;
    font-size: 13px;
    color: #262626;
}
.plugin_single-item.plugin-card .plugin-body .body-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}
.plugin_single-item.plugin-card .plugin-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid #EBEBEB;
    min-height: 62px;
}
.plugin_single-item.plugin-card .plugin-footer .plugin-category {
    display: inline-block;
    border: 1px solid #BDBDBD;
    border-radius: 34px;
    padding: 6px 12px;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    cursor:pointer;
}
.plugin_single-item.plugin-card .plugin-footer .plugin-pricing-details {}
.plugin_single-item.plugin-card .plugin-footer .plugin-pricing-details .free-plugin {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    cursor: pointer;
}
.plugin_single-item.plugin-card .plugin-footer .plugin-pricing-details .pricing {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    text-align: right;
}
.plugin_single-item.plugin-card .plugin-footer .plugin-pricing-details .pricing .billing-cycle {
    font-weight: 400;
    font-size: 12px;
    color: #828282;
}
.plugin_single-item.plugin-card .plugin-footer .plugin-pricing-details .pricing .trial-info {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
}

.pluggable-header-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header.pluggable-header-v2 .title {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #262626;
}
.header.pluggable-header-v2 .toolbar-right {}
.header.pluggable-header-v2 .search-form {
    height: 32px;
    border: 1px solid #D1D5D8;
    padding: 6px 0;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 182px;
}
.header.pluggable-header-v2 .search-form .search-text {
    border: none;
}
.header.pluggable-header-v2 .search-form .icon-search {
    border: none;
}
.header.pluggable-header-v2 .tool-group {
    margin-left: 8px;
    margin-right: 0;
    min-width: 182px;
    height: 32px;
    display: inline-flex;
}
.header.pluggable-header-v2 .tool-group .chosen-container {}
.header.pluggable-header-v2 .tool-group .chosen-container .chosen-single {
    background: #FFFFFF;
    border: 1px solid #D1D5D8;
    border-radius: 3px;
    height: 32px;
    width: 100%;
    padding: 6px 8px;
}
.header.pluggable-header-v2 .tool-group .visit-template-marketplace {
    padding: 0;
    height: 32px;
    width: 100%;
}
.header.pluggable-header-v2 .tool-group .visit-template-marketplace a {
    padding: 6px 30px 6px 12px;
    font-weight: 400;
    font-size: 14px;
    color: #1199C4;
    display: block;
    height: 32px;
    line-height: 18px;
    white-space: nowrap;
    background-image: url("../../images/admin/link-icon.png");
    background-repeat: no-repeat;
    background-position: 97% 7px;
}

.template-manage-preview-panel.embedded-edit-form-panel {
    padding: 0 0 0 260px !important;
}
.template-manage-preview-panel.embedded-edit-form-panel .top-panel {
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid #e6ebf1;
}
.template-manage-preview-panel.embedded-edit-form-panel .left-panel-template-preview {
    flex: 0 0 auto;
}
.template-manage-preview-panel.embedded-edit-form-panel .left-panel-template-preview .template-panel-close {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #0F85AB;
    display: inline-flex;
}
.template-manage-preview-panel.embedded-edit-form-panel .left-panel-template-preview .template-panel-close span {
    margin-right: 6px;
}
.template-manage-preview-panel.embedded-edit-form-panel .left-panel-template-preview .template-panel-bar {
    margin-left: 20px;
    margin-right: 20px;
}
.template-manage-preview-panel.embedded-edit-form-panel .left-panel-template-preview .template-panel-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}
.template-manage-preview-panel.embedded-edit-form-panel .center-panel-template-preview {
    flex: 0 0 auto !important;
    margin-right: auto !important;
    margin-left: auto;
}
.template-manage-preview-panel.embedded-edit-form-panel .center-panel-template-preview .layout-option-menu {
    align-items: center;
    justify-content: center;
}
.template-manage-preview-panel.embedded-edit-form-panel .center-panel-template-preview .layout-option-menu .layout-option-media-chooser {
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: auto;
    margin: 0 14px;
}
.template-manage-preview-panel.embedded-edit-form-panel .center-panel-template-preview .layout-option-menu .layout-option-media-chooser .icon {
    display: inline-flex;
}
.template-manage-preview-panel.embedded-edit-form-panel .center-panel-template-preview .layout-option-menu .layout-option-media-chooser.active .icon svg path {
    fill: #1199C4;
}
.template-manage-preview-panel.embedded-edit-form-panel .right-panel-template-preview {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}
.template-manage-preview-panel.embedded-edit-form-panel .right-panel-template-preview .change-color-section {
    display: inline-flex;
}
.template-manage-preview-panel.embedded-edit-form-panel .right-panel-template-preview .change-color-section .available-colors {
    display: inline-flex;
    align-items: center;
    margin-right: 24px;
}
.template-manage-preview-panel.embedded-edit-form-panel .right-panel-template-preview .change-color-section .available-colors .color {
    width: 24px;
    height: 24px;
    border-radius: 100px;
    margin-left: 5px;
}
.template-manage-preview-panel.embedded-edit-form-panel .right-panel-template-preview .change-color-section .available-colors .color::before {
    display: none;
}
.template-manage-preview-panel.embedded-edit-form-panel .right-panel-template-preview .change-color-section .available-colors .color::after {
    left: 6px;
    top: 6px;
}
.template-manage-preview-panel.embedded-edit-form-panel .right-panel-template-preview .template-live-preview-button-group {
    margin-left: 8px;
}

.template_list-block .template-view-more {
    max-width: 110px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #1199C4;
    background-image: url(../../images/admin/link-icon.png);
    background-repeat: no-repeat;
    background-position: 90% 6px;
    padding-right: 20px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 7px 15px 6px 16px;
    cursor: pointer;
}

.template-manage-preview-panel.embedded-edit-form-panel .template-preview-wrapper .template-preview-panel {
    width:calc(100% - 260px);
}
.template-manage-preview-panel.embedded-edit-form-panel .template-preview-wrapper .template-preview-panel.full .template-preview-iframe {
    width:100%;
    display: block;
    margin: 0 auto;
}
.wc-general-spinner-loader-box .configure-border-1 {
    font-size: 40px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: -0.5em 0 0 -0.5em;
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
    position: absolute;
    left: 50%;
    top: 50%;
}

.wc-spinner-loader-box {
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    z-index: 100;
}
/*plugin page start*/
.pluggable_details-panel{
    background-color:#fff;
}
.plugin-card-wrap .plugin-rating-box{
    display:flex;
}
.plugin-card-wrap .plugin-rating-box .plugin-review-rating-show{
    width:90px !important;
}
.plugin-card-wrap .plugin_single-item.plugin-card .plugin-body .header .plugin-rating-box .version {
    color: #262626;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    margin: 4px 0;
    margin-left:13px;
    border-left: 1px solid #d0d0d0;
    padding-left: 13px;
}
.pluggable_details-panel .pluggable_data-holder{
    display: flex;
    justify-content: space-between;
}
.pluggable_details-panel .plugin-left-side-info .plugin-title{
    color:#032430;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    padding-bottom:5px;
}
.pluggable_details-panel .plugin-left-side-info .plugin_rating{
    display:flex;
}
.pluggable_details-panel .plugin-left-side-info .agency-details{
    color: #353535;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.pluggable_details-panel .plugin-left-side-info .review-ratings{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height:25px;
    color: #262626;
}
.pluggable_details-panel .plugin-left-side-info .description{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #353535;
    margin-top: 2px;
    max-width: 350px;
}
.pluggable_details-panel .pluggable_details-header .pluggable_logo-holder .logo{
    width:69px;
    height:69px;
}
.pluggable_details-panel .plugin-details-view ul{
    padding-left: 28px;
    margin-top: 8px;
}

.pluggable_details-panel .plugin-details-view .plugin-header{
    font-weight: 700;
    font-size: 23px;
    line-height: 30px;
    color: #032430;
}
.pluggable_details-panel .plugin-details-view h1{
    font-size: 42px;
}

.pluggable_details-panel .plugin-details-view h2{
    font-size: 32px;
}

.pluggable_details-panel .plugin-details-view h3 {
    font-size: 28px;
}

.pluggable_details-panel .plugin-details-view h4 {
    font-size: 24px;
}

.pluggable_details-panel .plugin-details-view h5{
    font-size: 20px;
}

.pluggable_details-panel .plugin-details-view h6{
    font-size: 18px;
}

.pluggable_details-panel .plugin-details-view h1,
.pluggable_details-panel .plugin-details-view h2,
.pluggable_details-panel .plugin-details-view h3,
.pluggable_details-panel .plugin-details-view h4,
.pluggable_details-panel .plugin-details-view h5,
.pluggable_details-panel .plugin-details-view h6{
    color:#032430;
}
.pluggable_details-panel .pluggable_details-header{
    padding: 30px 30px 0 30px;
}
.pluggable_details-panel .plugin-review-rating-show{
    width: 88px !important;
}
.pluggable_details-panel .pluggable_details-body .pluggable_dsc{
    padding: 0px 10px 20px;
}
.pluggable_details-panel .plugin-details-view p{
    color:#000;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.pluggable_details-panel .pluggable_logo-holder{
    margin-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #EBEBEB;
}
.pluggable_details-panel .agency-basic-info{
    display:flex;
    border-bottom: 1px solid #F0F3F4;
    padding:20px 20px 18px 20px;
    margin-bottom: 18px;
}
.pluggable_details-panel .agency-basic-info .agency-static-label{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    font-family: 'Source Sans Pro';
}
.pluggable_details-panel .agency-basic-info .agency_name{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #032430;
}
.pluggable_details-panel .agency-basic-info .agency_logo{
    width:40px;
    height:40px;
    margin-right: 12px;
}
.pluggable_details-panel .agency-basic-info .agency_logo img{
    width:100%;
    height:100%;
}
.pluggable_details-panel .developer-profile{
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 5px;
    margin-bottom:45px;
}
.pluggable_details-panel .agency-contact-info a{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #032430;
    position: relative;
    padding-left: 22px;
}
.pluggable_details-panel .agency-contact-info .website-icon a:before{
    background-image: url("../../images/admin/website-icon.svg");
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    height: 16px;
    width: 16px;
}
.pluggable_details-panel .agency-contact-info .envelope-icon a:before{
    background-image: url("../../images/admin/plugin-message-icon.svg");
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    height: 16px;
    width: 16px;
}
.pluggable_details-panel .agency-contact-info .privacy-info a:before{
    background-image: url("../../images/admin/plugin-privacy-policy-icon.svg");
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    height: 14px;
    width: 14px;
}

.pluggable_details-panel .agency-contact-info{
    line-height:38px;
    padding: 0px 20px 20px 20px;
}
.pluggable_details-panel .developer-plugins .header{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding-bottom:20px;
}
.pluggable_details-panel .developer-plugins .plugin{
    display: flex;
    margin-bottom:20px;
}
.pluggable_details-panel .developer-plugins .plugin_rating{
    display:flex;
}
.pluggable_details-panel .developer-plugins .plugin .plugin-name{
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #032430;
}
.pluggable_details-panel .developer-plugins .plugin .developer-info{
    color: #5F5E5E;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 2px 0px;
}
.pluggable_details-panel .developer-plugins .plugin .developer-info .review-count,
.pluggable_details-panel .developer-plugins .plugin .developer-info .average-ratings{
    line-height:23px;
}
.pluggable_details-panel .developer-plugins .plugin .left-side{
    width:60px;
    height:60px;
    margin-right:12px;
}
.pluggable_details-panel .developer-plugins .plugin .left-side img{
    width:100%;
    height:100%;
}
.pluggable_details-panel .pluggable_details-body .pluggable_dsc {
    min-width: 344px;
    max-width: 344px;
    max-height: inherit;
}
.pluggable_details-panel .plugin-review-and-ratings .summary{
    display:flex;
    margin-bottom:24px;
    align-items: center;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .left-panel{
    margin-right:18px;
    text-align:center;
    width:165px;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .right-panel{
    width:100%;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .rating-bar-wrapper{
   background-color:#F0F3F4;
   width:100%;
   border-radius:3px;
   height:8px;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .rating-bar-wrapper .rating-bar{
  background-color:#00B090;
  border-radius:3px;
  height:100%;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .left-panel .plugin-review-rating-show {
    margin: 0 auto;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .left-panel .average-rating{
    font-weight: 600;
    font-size: 40px;
    line-height: 53px;
    color: #262626;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .left-panel .rating-summary{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color:#696969;
    margin-top: 8px;
    display: block;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .all-rating-block .rating-row{
    display:flex;
    align-items: center;
    margin-bottom:3px;
}
.pluggable_details-panel .plugin-review-and-ratings .summary .all-rating-block .rating-row .star-label{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    margin-right: 10px;
}
.pluggable_details-panel .review-list .review-header {
    display: flex;
    justify-content: space-between;
    padding:28px 0px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    align-items: center;
}
.pluggable_details-panel .review-list .review-header .write-review button {
    border: 1px solid #1199C4;
    border-radius: 3px;
    background:none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1199C4;
    padding: 7px 17px;
}
.pluggable_details-panel .review-list .review-header .review-sorting{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.pluggable_details-panel .plugin-review-and-ratings {
    border: 1px solid #F0F3F4;
    padding: 24px;
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.pluggable_details-panel .plugin-review-and-ratings .review-body{
    margin-top: 50px;
}
.pluggable_details-panel .plugin-review-and-ratings .review-body .review-details{
    margin-bottom:45px;
}
.pluggable_details-panel .plugin-review-and-ratings .review-body .reviewer-name{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
}
.pluggable_details-panel .plugin-review-and-ratings .review-body .review-title {
    margin: 11px 0px 5px 0px;
    color: #262626;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}
.pluggable_details-panel .plugin-review-and-ratings .review-content{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #262626;
    margin-bottom:8px;
}
.pluggable_details-panel .plugin-review-and-ratings .review-list .read-more{
    color: #0F85AB;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
.pluggable_details-panel .screenshots-list-items .thumb-image a.list-images {
    max-width: 100%;
    position: relative;
    margin: 0 0 0;
   /* max-height: 383px;*/
    max-height: initial;
    overflow: hidden;
    background: transparent;
    border-radius:5px;
}
.pluggable_details-panel .plugin-details-view {
    padding-top: 20px;
}
.pluggable_details-panel .scroll-navigator{
    top: 50%;
    right: auto;
    left: 0;
    height: 40px !important;
    width: 40px !important;
    transform: translateY(-50%);
    border-radius:50% !important;
    border-radius: 45.3333px;

}
.pluggable_details-panel .scroll-navigator:after {
    background-image: url(../../images/admin/slider-left-arrow.svg) !important;
    content: '';
    position: absolute;
    left:10px;
    top: 13px;
    height: 14px;
    width: 18px;
}
.pluggable_details-panel .image-left-scroller.scroll-navigator {
    left:-15px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
}
.pluggable_details-panel .image-right-scroller.scroll-navigator {
    right:-15px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
}
.pluggable_details-panel .pluggable_details-body .pluggable_left{
   margin-right:110px;
}
.pluggable_details-panel .plugin-right-side-info .install{
    padding: 10px 32px;
    font-size: 16px;
}
.pluggable_details-panel .pricing-content .title{
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 30px;
    color: #032430;
    margin-bottom:8px;
}
.pluggable_details-panel .pricing-content .sub-title{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item {
    background-color: #fff;
    padding:0px;
    text-align: center;
    border-radius: 3px;
    margin: 0 10px 10px 10px;
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 8px;
    min-width:256px;
    max-width:256px;
    min-height:292px;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item .pricing-info{
    background: linear-gradient(94.9deg, #0F85AB 20.15%, rgba(165, 104, 243, 0.85) 134.06%, #28A2C9 140.21%);
    padding:20px;
    text-align: center;
    color:#fff;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item .feature-list {
   padding:20px;
   text-align: left;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
}
.pluggable_details-panel .pricing-content .pricing_box .billing-cycle{
    font-weight:400;
    font-size:14px;
    color:#fff;
}
.pluggable_details-panel .pricing-content .pricing_item .pricing-info .regular-price span{
    color: #fff !important;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item .feature-list .feature-info {
    display:flex;
    align-items: center;
    margin-bottom:10px;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item .feature-list .feature-icon-checked{
    background-image: url("../../images/admin/price-icon-check.svg");
    width: 13px;
    height: 10px;
    margin-right: 10px;
}
.pluggable_details-panel .pricing-content{
    margin-top:35px;
}
.pluggable_details-panel .pricing-content .pricing_box{
    margin-top:20px;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item:first-child{
    margin-left:0;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item .pricing-info .plan-name{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.pluggable_details-panel .pricing-content .pricing_box .pricing_item .pricing-info .regular-price{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.pluggable_details-panel .plugin-review-and-ratings .no-review-yet{
   text-align:center;
    padding:50px 0px;
}
.pluggable_details-panel .plugin-review-and-ratings .no-review-yet .title{
    font-style: normal;
    font-weight: 600;
    color: #000000;
    font-size: 18px;
    line-height: 25px;
    padding-bottom:5px;
}
.pluggable_details-panel .plugin-review-and-ratings .no-review-yet .sub-title{
    font-style: normal;
    font-weight:400;
    color: #000000;
    font-size: 14px;
    padding-bottom: 10px;
}
.pluggable_details-panel .plugin-review-and-ratings .no-review-yet button.write-review{
    border: 1px solid #1199C4;
    border-radius: 3px;
    background-color:#fff;
    color: #1199C4;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    padding: 6px 17px;
}
/*plugin Page end*/

.wc-general-spinner-loader-box {
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    z-index: 100;
}
.pluggable_details-panel .pluggable_data-holder{
    display: flex;
    justify-content: space-between;
}
.pluggable_details-panel .plugin-left-side-info .plugin-title{
    color:#032430;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    padding-bottom:5px;
}
.pluggable_details-panel .plugin-left-side-info .plugin_rating{
    display:flex;
}
.pluggable_details-panel .plugin-left-side-info .agency-details{
    color: #353535;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.pluggable_details-panel .plugin-left-side-info .review-ratings{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #262626;
}
.pluggable_details-panel .plugin-left-side-info .description{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #353535;
    margin-top: 13px;
}
.pluggable_details-panel .plugin-details-view .plugin-header{
    font-weight: 700;
    font-size: 23px;
    line-height: 30px;
    color: #032430;
}
.pluggable_details-panel .plugin-details-view p{
    color:#000;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.pluggable_details-panel .pluggable_logo-holder{
    margin-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #EBEBEB;
}
.pluggable_details-panel .agency-basic-info{
   display:flex;
   border-bottom: 1px solid #F0F3F4;
   padding:20px 20px 18px 20px;
   margin-bottom: 18px;
}
.pluggable_details-panel .agency-basic-info .agency-static-label{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    font-family: 'Source Sans Pro';
}

.table-one-scroll  {
    overflow-x: auto;
}
.table-one-scroll.min-w-1575 .scrollable-table-header-wrapper {
    min-width: 1575px;
    overflow: hidden;
}
.table-one-scroll.min-w-1575 .scrollable-table-wrapper {
    min-width: 1575px;
    overflow: hidden;
}
.table-one-scroll.min-w-1370 .scrollable-table-header-wrapper {
    min-width: 1370px;
    overflow: hidden;
}
.table-one-scroll.min-w-1370 .scrollable-table-wrapper {
    min-width: 1370px;
    overflow: hidden;
}
#tab-orders .toggle-table-row td {
    vertical-align: text-top;
}
#tab-orders .embedded-order-details {
    background-color: #f0f5f5;
}
#tab-orders .order-details-container {
    border-left: 1px solid #eaeff0;
    display: flex;
    padding: 0 15px 15px;
    position: relative;
}
#tab-orders .order-details-container:first-child {
    padding: 15px 15px 0;
}
#tab-orders .order-details-container .address-details span {
    display: block;
    padding-bottom: 4px;
}
#tab-orders .order-details-container .address-details span {
    display: block;
    padding-bottom: 4px;
}
#tab-orders .order-details-container .address-details .details-row span,
#tab-orders .order-details-container .address-details .city,
#tab-orders .order-details-container .address-details .state,
#tab-orders .order-details-container .address-details .post-code {
    display: inline;
}
#tab-orders .order-details-container {
    border-left: 1px solid #eaeff0;
    display: flex;
    padding: 0 15px 15px;
    position: relative;
}
#tab-orders .toggle-table-row>td {
    padding: 0;
}
#tab-customer.app-tab-container.customers .left-right-selector-panel col.col-customer-name {
    width: 80%;
}
#tab-customer.app-tab-container.customers .left-right-selector-panel col.col-select {
    width: 20%;
}
.menu-item.clear-editor-cache .icon {
    background-position: -736px 0;
}

.widget-group-child {
    padding-left: 55px;
}
#bmui-tab-productTag .tag-value-wrapper .form-row.fixed-price-specify {
    margin-top: 36px;
    width: auto;
}

#bmui-tab-productTag .tag-value-wrapper .form-row.fixed-price-specify + .fixed-price-specify {
    margin-left: 30px;
}


/*added by developer*/

span.file-wrapper-swatch-image {
    display: flex;
}

.dropzone-wrapper.image-chooser-swatch-image {
    width: 50px;
    height: 50px;
}

.dropzone-wrapper.image-chooser-swatch-image .dropzone {
    width: 50px;
    height: 35px;
    padding: 5px;
}

.file-wrapper-swatch-image .image-preview img {
    width: 35px;
}

.swatch-image-flex-wrapper .dropzone-wrapper.image-chooser-swatch-image span.dropzone-text {
    display: none;
}

span.swatch-image-flex-wrapper {
    display: flex;
}

span.file-wrapper-swatch-image.file-wrapper {
    margin-left: 10px;
}

.file-wrapper-swatch-image .image-preview img {
    height: 50px;
    width: 50px;
}

#tab-variation .span.file-wrapper-swatch-image.file-wrapper .image-preview {
    margin-left: 12px;
}

button.Color.color-swatch-value-option-filter.variation-option.color-plate {
    height: 25px;
    width: 25px;
}

button.Color.color-swatch-value-option-filter.variation-option.color-plate img.color-swatch.selected-variation-value.image-view {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.content-tabs-container .app-tab-container.variations #bmui-tab-option td.option-image .swatch-image-flex-wrapper {
    align-items: center;
}
.content-tabs-container .app-tab-container.variations #bmui-tab-option td.option-image .swatch-image-flex-wrapper .sp-replacer {
    height: 31px;
    background-color: #ffffff;
    border: 1px #ccc solid;
    border-radius: 3px;
}
.content-tabs-container .app-tab-container.variations #bmui-tab-option td.option-image .file-wrapper-swatch-image {
    margin-right: 10px;
    align-items: center;
}
.content-tabs-container .app-tab-container.variations #bmui-tab-option td.option-image .file-wrapper-swatch-image .dropzone-wrapper {
    width: auto;
}
.content-tabs-container .app-tab-container.variations #bmui-tab-option td.option-image .file-wrapper-swatch-image .image-preview {
    width: 60px;
    height: 60px;
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    /* @alternate */ -webkit-box-pack: center;
    /* @alternate */ -ms-flex-pack: center;
    justify-content: center;
}
.content-tabs-container .app-tab-container.variations #bmui-tab-option td.option-image .file-wrapper-swatch-image .image-preview img {
    height: auto;
    width: auto;
    max-height: 50px;
    max-width: 50px;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container .representation .color.variation-type {
    height: 25px;
    width: 50px;
    border-radius: 3px;
    border: 1px #ccc solid;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container td.option-image .swatch-image-flex-wrapper {
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container td.option-image .swatch-image-flex-wrapper .file-wrapper-swatch-image {
    margin-left: 0;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container td.option-image .swatch-image-flex-wrapper .file-wrapper-swatch-image .image-preview {
    width: 60px;
    height: 60px;
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    /* @alternate */ -webkit-box-pack: center;
    /* @alternate */ -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container td.option-image .swatch-image-flex-wrapper .file-wrapper-swatch-image .image-preview img {
    height: auto;
    width: auto;
    max-height: 50px;
    max-width: 50px;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container .header-panel {
    overflow: hidden;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container .header-panel .title {
    font-size: 16px;
    font-weight: 600;
}
.app-tab-container.products #bmui-tab-variationswatch .variation-list-view-panel-container .variation-list-body .app-tab-content-container {
    padding: 0;
}
.app-tab-container.products #bmui-tab-variationswatch .color-swatch-panel-from-product-edit .no-content-wrapper {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-orient: vertical;
    /* @alternate */ -webkit-box-direction: normal;
    /* @alternate */ -ms-flex-direction: column;
    flex-direction: column;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    margin-top: 70px;
}
.app-tab-container.products #bmui-tab-variationswatch .color-swatch-panel-from-product-edit .no-content-wrapper svg {
    width: 100px;
    height: 100px;
}

.tab-header.tag-value .icon {
    background-position: -368px 0;
}

.menu-item.view-switch.tag-list .icon {
    background-position: -368px 0;
}

.menu-item.view-switch.tag-value-list .icon {
    background-position: -368px 0;
}

.tab-header.tag .icon {
    background-position: -368px 0;
}


.advance-responsive-wc-nav-bar .nav-sidebar .nav-item .unpin-button:hover {
    background-size: 22px;
}
.pluggable_details-panel .plugin-right-side-info .plugin-pin-unpin {
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPgoNPGxpbmUgeDE9IjgiIHkxPSI1NiIgeDI9IjI0IiB5Mj0iNDAiLz4KDTxwYXRoIGQ9Im01MiAyOCA0LTQtNC00LTgtOC00LTQtNCA0YTUuNjYgNS42NiAwIDAgMCAwIDhsLTggOGExMS4zMSAxMS4zMSAwIDAgMC0xNiAwbDIzLjk0IDI0LjEyTDM2IDUyYTExLjM2IDExLjM2IDAgMCAwIDAtMTZsOC04YTUuNjYgNS42NiAwIDAgMCA4IDB6Ii8+Cg08L2c+Cg08L3N2Zz4=") no-repeat center;
    margin-right: 5px;
    font-size: 0;
    background-size: 28px;
    cursor: pointer;
    opacity: .8;
}
.pluggable_details-panel .plugin-right-side-info .plugin-pin-unpin:hover {
    opacity: 1;
}
.pluggable_details-panel .plugin-right-side-info .plugin-pin-unpin.pinned {
    background: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjE1cHgiIGhlaWdodD0iMjE1cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMDAwMDAwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMC4wMDAyNDAwMDAwMDAwMDAwMDAwMyIgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4KDTxwYXRoIGQ9Ik0yMCAxNC4yNzRWMTVoLTd2N2wtLjUgMS0uNS0xdi02LjE3MkwxMy44MjggMTRoNS4xNjNjLS4wNTEtLjY1LS4zMzItLjg1Ni0xLjMzMy0xLjUxNUwxNi45MyAxMmgtMS4xbDEuMTYtMS4xNjEuOTI3LjYxOGMxLjMwMi44NjggMi4wODQgMS4yNTIgMi4wODQgMi44MTd6bTIuNC0xMC45NjZMMy4zMDcgMjIuMzk5bC0uNzA3LS43MDdMOS4yOTMgMTVINXYtLjcyNmMwLTEuNTY1Ljc4Mi0xLjk1IDIuMDg0LTIuODE3bDEuMTQ3LS43NjVMMTAgNGwtMS41MjItLjQzQTIuMDI5IDIuMDI5IDAgMCAxIDcgMS42MTlWMWgxMXYuNjE4YTIuMDI5IDIuMDI5IDAgMCAxLTEuNDc4IDEuOTUzTDE1IDRsMS4xMDcgNC4xODZMMjEuNjkyIDIuNnpNMTAuMTM3IDNoNC43MjRsMS4zODgtLjM5MkExLjAzMyAxLjAzMyAwIDAgMCAxNi45MjYgMkg4LjA3NGExLjAzMyAxLjAzMyAwIDAgMCAuNjc2LjYwOHptLS45NTQgOGg0LjEwOWwxLjk5NS0xLjk5NUwxMy45NjYgNGgtMi45MzF6bTEuMTA5IDNsMi0ySDguMDdsLS43My40ODVjLTEgLjY1OS0xLjI4Ljg2Ni0xLjMzMiAxLjUxNXoiLz4KDTxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4KDTwvZz4KDTwvc3ZnPg==") no-repeat center;
    background-size: 28px;
}

.advance-responsive-wc-nav-bar .nav-sidebar .nav-item .unpin-button {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: auto;
    background: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMTg0cHgiIGhlaWdodD0iMTg0cHgiIHZpZXdCb3g9Ii0yLjQgLTIuNCAyOC44MCAyOC44MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZmFmYWZhIiBzdHJva2U9IiNmYWZhZmEiIHN0cm9rZS13aWR0aD0iMC4wMDAyNDAwMDAwMDAwMDAwMDAwMyIgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZT0iI0NDQ0NDQyIgc3Ryb2tlLXdpZHRoPSIwLjA0OCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPgoNPHBhdGggZD0iTTIwIDE0LjI3NFYxNWgtN3Y3bC0uNSAxLS41LTF2LTYuMTcyTDEzLjgyOCAxNGg1LjE2M2MtLjA1MS0uNjUtLjMzMi0uODU2LTEuMzMzLTEuNTE1TDE2LjkzIDEyaC0xLjFsMS4xNi0xLjE2MS45MjcuNjE4YzEuMzAyLjg2OCAyLjA4NCAxLjI1MiAyLjA4NCAyLjgxN3ptMi40LTEwLjk2NkwzLjMwNyAyMi4zOTlsLS43MDctLjcwN0w5LjI5MyAxNUg1di0uNzI2YzAtMS41NjUuNzgyLTEuOTUgMi4wODQtMi44MTdsMS4xNDctLjc2NUwxMCA0bC0xLjUyMi0uNDNBMi4wMjkgMi4wMjkgMCAwIDEgNyAxLjYxOVYxaDExdi42MThhMi4wMjkgMi4wMjkgMCAwIDEtMS40NzggMS45NTNMMTUgNGwxLjEwNyA0LjE4NkwyMS42OTIgMi42ek0xMC4xMzcgM2g0LjcyNGwxLjM4OC0uMzkyQTEuMDMzIDEuMDMzIDAgMCAwIDE2LjkyNiAySDguMDc0YTEuMDMzIDEuMDMzIDAgMCAwIC42NzYuNjA4em0tLjk1NCA4aDQuMTA5bDEuOTk1LTEuOTk1TDEzLjk2NiA0aC0yLjkzMXptMS4xMDkgM2wyLTJIOC4wN2wtLjczLjQ4NWMtMSAuNjU5LTEuMjguODY2LTEuMzMyIDEuNTE1eiIvPgoNPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPgoNPC9nPgoNPC9zdmc+") no-repeat center;
    background-size: 18px;
    padding-top: 35px;
    fill: #fff;
}

.advance-responsive-wc-nav-bar .nav-sidebar .nav-item.plugin-pin-item .nav-link {
    padding-right: 5px;
}

.advance-responsive-wc-nav-bar span.plugin-name-pin-wrapper {
    display: flex;
}
.gallery-widget-second-view .left-right-selector-panel table tr td {
    border-bottom: 1px solid #E1E3E3;
}
span.page-type-tag {
    background: #48c37f;
    border-radius: 3px;
    padding-right: 6px;
    padding-left: 6px;
    color: #fff;
    border-color: #48c37f;
    display: inline-block;
    width: 70px;
    text-align: center;
}


#bmui-tab-convertImagePin .convert-image-block__title {
    color: #1199C4;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px;
}

#bmui-tab-convertImagePin .convert-image-block__container {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 45px;
    padding-bottom: 15px;
}

#bmui-tab-convertImagePin .convert-image-block__checkbox {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    gap: 0 5px;
}

.create-component-css-popup .chosen-container .chosen-results .group-result {
    background: #efefef;
    text-align: center;
    padding: 3px;
    list-style-type: none;
}
.menu-item.add-component-css-file .icon {
    background-position: -608px -32px;
}

.grid-item.file.css.component-autogen-page:before {
    height: 22px;
    content: 'AGP';
    width: 34px;
    background: #1197c4;
    color: #ffffff;
    position: absolute;
    top: 26px;
    right: 76px;
    font-weight: 600;
    border: 1px #1199c4;
    border-style: dotted;
}

.grid-item.file.css.component-page:before {
    height: 22px;
    content: 'P';
    width: 22px;
    background: #1197c4;
    color: #ffffff;
    position: absolute;
    top: 26px;
    right: 76px;
    font-weight: 600;
    border: 1px #1199c4;
    border-style: dotted;
}

.grid-item.file.css.component-widget:before {
    height: 22px;
    content: 'W';
    width: 22px;
    background: #1197c4;
    color: #ffffff;
    position: absolute;
    top: 26px;
    right: 76px;
    font-weight: 600;
    border: 1px #1199c4;
    border-style: dotted;
}


/*custom css for redactor*/
.arx-container {
    width: 100%;
}

.left-side-header .bmui-tab-body-container {
    overflow-y: scroll !important;
}

.left-side-header .bmui-tab-body-container ~ .scrollbar.vertical {
    display: none !important;
}

.embedded-edit-form-panel > .body{
    overflow-y: scroll !important;
}
.embedded-edit-form-panel > .body ~ .scrollbar.vertical {
    display: none !important;
}


.embedded-edit-form-panel > .body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff30;
    border-radius: 8px;
    background-color: #C5CBCB;
}
.embedded-edit-form-panel > .body::-webkit-scrollbar {
    width: 8px;
    background-color: #FFFFFF;
}
.embedded-edit-form-panel > .body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px #ffffff30;
    background-color: #FFFFFF;
    border: 1px solid #C5CBCB;
}


.left-side-header .bmui-tab-body-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff30;
    border-radius: 8px;
    background-color: #C5CBCB;
}
.left-side-header .bmui-tab-body-container::-webkit-scrollbar {
    width: 8px;
    background-color: #FFFFFF;
}
.left-side-header .bmui-tab-body-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px #ffffff30;
    background-color: #FFFFFF;
    border: 1px solid #C5CBCB;
}

.grid-item.album-image .image .video-logo {
    flex-direction: row;
    color: white;
    gap: 0;
    display: flex;
}

.grid-item.album-image .image .video-wrapper-logo {
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    padding: 3px;
    border-radius: 50%;
    position: absolute;
    background-color: rgba(50, 83, 106, .6);
    box-sizing: border-box;
}


.grid-item.album-image .image:hover .video-logo {
    color: #29292952;
}

.grid-item.album-image .image:hover .video-wrapper-logo {
    background-color: rgba(50, 83, 106, 0.35);
}

/*Api Playground Front Start*/
.playground-header-api-editor {}
.playground-header-api-editor .jse--output {
    margin: 0;
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    min-height: auto;
}
.playground-header-api-editor .jse--output .jse--row.jse--add {
    margin: 0;
}
.playground-header-api-editor .jse--output .jse--row.jse--add .jse--plus {
    margin: 0;
}
.playground-header-api-editor .jse--output .jse--row.jse--add input.jse--key,
.playground-header-api-editor .jse--output .jse--row.jse--add input.jse--value__new {
    font-weight: 400;
}
.playground-header-api-editor .jse--output .jse--row.jse--add input.jse--value__new {
    margin-left: 30px;
}
.playground-header-api-editor .jse--output .jse--row.jse--add input[type="checkbox"] {
    min-width: auto;
    position: unset;
    margin-left: 20px;
}
.playground-header-api-editor .jse--output .jse--row.jse--add input:focus {
    outline: none;
}
.playground-header-api-editor .jse--output .jse--row.jse--add .jse--typeof {
    min-width: 110px;
    display: inline-flex;
    margin-left: 10px;
    margin-right: 10px;
}
.playground-header-api-editor .jse--output .jse--row.jse--add .jse--save,
.playground-header-api-editor .jse--output .jse--row.jse--add .jse--cancel {
    padding: 0 14px;
    font-size: 14px;
    height: 40px;
    margin: 0 0 auto -5px;
}
.playground-header-api-editor .jse--output .jse--row.jse--add .jse--save {}
.playground-header-api-editor .jse--output .jse--row.jse--add .jse--cancel {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    color: #444444;
}
.playground-header-api-editor .jse--output .jse--row.jse--add .jse--cancel:hover {
    color: #1199C4;
}
.playground-header-api-editor .jse--output .jse--row.jse--add input[type="checkbox"] {
    outline: none;
}
.playground-header-api-editor .jse--output .jse--row {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    outline: none !important;
    background: transparent !important;
    margin: 0 0 15px;
}
.playground-header-api-editor .jse--output .jse--row input:focus {
    outline: none;
}
.playground-header-api-editor .jse--output .jse--row .jse--delete {
    position: unset;
    font-size: 14px;
}
/*Api Playground Front End*/
.wc-code-snippet-widget-config .code-input-box .code-area {
    resize: vertical !important;
}

/* --------------------------------------------------------------------------
// Code snippet design
---------------------------------------------------------------------------*/

.code-snippet-config-form .language-tab-option-container {
    width: 100%;
}
.code-snippet-config-form .language-tab-option-container .header-row,
.code-snippet-config-form .language-tab-option-container .tab-config-data-row,
.code-snippet-config-form .language-tab-option-container .option-item-wrapper {
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.code-snippet-config-form .language-tab-option-container .tab-label-header-container,
.code-snippet-config-form .language-tab-option-container .tab-label-input-container {
    width: calc(50% - 25px);
    padding: 10px;
}
.code-snippet-config-form .language-tab-option-container .language-header-container,
.code-snippet-config-form .language-tab-option-container .language-select-container {
    width: calc(50% - 25px);
    padding: 10px 20px;
}
.code-snippet-config-form .language-tab-option-container .action-column {
    width: 50px;
    display: flex;
    justify-content: center;
}
.code-snippet-config-form .language-tab-option-container .add-tab-row-btn {
    background: none repeat scroll 0 0 #118FB8;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0;
    position: relative;
    width: 50px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.code-snippet-config-form .language-tab-option-container .add-tab-row-btn:hover {
    background-color: #1187AC;
}
.code-snippet-config-form .language-tab-option-container .header-row {
    border-bottom: 1px solid #EAEFF0;
}
.code-snippet-config-form .language-tab-option-container .header-row .tab-label-header {
    font-size: 14px;
    color: #16aad8;
}
.code-snippet-config-form .language-tab-option-container .tab-config-data-row {
    border-bottom: 1px solid #EAEFF0;
    background-color: #fafbfc;
    color: #7E7E7E;
}
.code-snippet-config-form .language-tab-option-container .tab-config-data-row:nth-child(2n) {
    background-color: #ffffff;
}
.wc-code-snippet-widget-config .arx-editor-frame {
    height: 72px !important;
}