:root {
    --color-primary-blue: #61B6E6;
    --color-primary-blue-dark: #299cdd;
    --color-primary-red: #CD544E;
    --color-primary-red-dark: #8F3030;
    --color-primary-orange: #DAA43A;
    --color-primary-orange-dark: #B86B10;
    --color-primary-green: #58CC9E;
    --color-primary-green-dark: #36AA7F;
    --color-primary-grey-1: #FCFCFC;
    --color-primary-grey-2: #EEEEEE;
    --color-primary-grey-3: #CCCCCC;
    --color-primary-grey-4: #828282;
    --color-primary-grey-5: #303030;
    --color-primary-grey-6: #222222;
    --color-secondary-green: #71DB7B;
    --color-alt-blue-0:     #B2DBF240;
    --color-alt-blue-1:     #B2DBF2;
    --color-alt-blue-2:     #A1D4EF;
    --color-alt-green-0:    #B6F0D675;
    --color-alt-green-1:    #B6F0D6;
    --color-alt-green-2:    #A1ECCB;
    --color-alt-yellow-1:   #F7F1A4;
    --color-alt-yellow-2:   #F7F18D;
    --color-alt-red-0:      #F8BAA875;
    --color-alt-red-1:      #F8BAA8;
    --color-alt-red-2:      #F7A895;

    --font-primary-regular:  'Lato', serif;
    --font-primary-bold: 'latobold', arial, helvetica, sans-serif;
    --font-icons: 'icons';

    --border-radius-tiny: 2px;
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 16px;
    --border-radius-xlarge: 32px;

    --boxshadow-primary: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    --boxshadow-sub: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
    --boxshadow-tirt: tbd;

    --transition-primary: 0.3s ease;
}

/*==================== Sidebar ====================*/

.side_bar {
    width: 130px;
    float: left;
    margin: 0 0 0 -130px;
    /* min-height: calc(100vh - 120px); */
    min-height: calc(100vh - 400px);
}

.content_wrapper_v2 {
    margin-left: 160px !important;
    line-height: normal !important;
}

.content_wrapper_v2 .side_bar {
    margin-left: -160px !important;
}

.content_wrapper_v2 .content_area {
    padding: 12px 0 0 0;
}

.content_wrapper_v2 .widget_box {
    margin-bottom: 19px;
    margin-right: 30px;
    color: var(--color-primary-grey-5);
    font-family: var(--font-primary-regular);
    font-size: 11px;
    letter-spacing: .08em;
    font-weight: normal;
    line-height: 1.7em;
}

.content_wrapper_v2 .widget_box span.info {
    width: 14px;
    height: 13px;
}

.content_wrapper_v2 .widget_box .title_bar {
    /* background: var(--color-primary-grey-1); */
    background: var(--color-primary-grey-2);
    /* border: 1px solid var(--color-primary-grey-3); */
    border: none;
    border-radius: 6px;
    color: var(--color-primary-grey-5);
    letter-spacing: 0.1em;
    font-size: 1.1em;
    margin: 0;
    padding: 6px 12px;
    margin-left: -12px;
    height: auto;
    text-shadow: none;
    font-family: var(--font-primary-regular);
    font-weight: normal;

    input[type="submit"] {
        background-color: var(--color-primary-blue);
        border: none;
        border-radius: 4px;
        padding: 4px 8px;
        color: #fff;
        letter-spacing: 0.04em;
        transition: background-color 0.3s ease;

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }
    }
}

.content_wrapper_v2 .widget_box .title_bar strong {
    display: inline-block;
    float: none;
    height: auto;
    letter-spacing: 0.1em;
}

.content_wrapper_v2 .widget_box .title_bar a {
    color: #FFF;
}

.content_wrapper_v2 .widget_box .title_bar img {
    float: left;
    margin: 0 7px 0 0;
}

.content_wrapper_v2 .widget_box .title_bar span {
    display: block;
    float: right;
}

.content_wrapper_v2 .widget_box .title_bar span img {
    margin: 4px 8px 0 0;
}

.content_wrapper_v2 .box_bg {
    background: transparent;
    padding: 20px 0 20px 0;
    border: none;
}

body[data-main-form-action="/merchant/configuration/digitalDeliverySave.do"] .content_wrapper_v2 .box_bg {
    background: transparent;
    padding: 20px 0 0 0;
    max-width: 520px;
}

body[data-main-form-action="/merchant/configuration/digitalDeliverySave.do"] .content_wrapper_v2 br {
    display: none;
}

body[data-main-form-action="/merchant/configuration/digitalDeliverySave.do"] .content_wrapper_v2 table {
    margin-top: 16px;
}

body[data-main-form-action="/merchant/configuration/digitalDeliverySave.do"] .content_wrapper_v2 table tbody tr td {
    padding-bottom: 16px;
    padding-right: 8px;
}

body[data-main-form-action="/merchant/configuration/digitalDeliverySave.do"] .content_wrapper_v2 table tbody tr td input[type="checkbox"] {
    opacity: 0.75;
}

body[data-main-form-action="/merchant/configuration/digitalDeliverySave.do"] input[value="Save"] {
    margin-bottom: 16px;
}

.content_wrapper_v2 .breadcrumbs a {
    color: var(--color-primary-blue);
    text-decoration: none;
}

.content_wrapper_v2 .return_link {
    margin-bottom: 10px;
    margin-top: 10px;
}

.content_wrapper_v2 .breadcrumbs a:hover {
    text-decoration: underline;
}

.content_wrapper_v2 span.info {
    position: relative;
    top: 0;
}

.content_wrapper_v2 span.info {
    color: inherit;
    height: inherit;
    cursor: pointer;
}

.content_wrapper_v2 .title_bar span.info {
    float: left !important;
}

.content_wrapper_v2 span.info_hl {}

.content_wrapper_v2 .title_bar span.info_hl {
    float: left !important;
}

.content_wrapper_v2 span.info_empty {
    background: url(/merchant/images/v2/icon_star.png) no-repeat center center !important;
}

.content_wrapper_v2 .title_bar span.info_empty {
    background: url(/merchant/images/v2/icon_star.png) no-repeat center center !important;
    float: left !important;
}

.content_wrapper_v2 .title_bar .btn {
    border-top: 1px solid #4b4b4b;
    border-left: 1px solid #4b4b4b;
    border-bottom: 1px solid #6f6f6f;
    border-right: 1px solid #6f6f6f;
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin: 5px 0 5px 5px;
    float: left;
    -webkit-box-shadow: inset 0 0 1px #000000;
    -moz-box-shadow: inset 0 0 1px #000000;
    box-shadow: inset 0 0 1px #000000;
}

.content_wrapper_v2 .title_bar .title_icon {
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin: 5px 0 5px 5px !important;
    float: left;
    cursor: pointer;
}

.content_wrapper_v2 .title_bar .title_link {
    color: #fff !important;
    text-shadow: 1px 1px 0 #333;
    padding: 0 5px;
    letter-spacing: .1em;
    font-size: 11px;
}

.content_wrapper_v2 .title_bar a:hover {
    text-decoration: none !important;
}

.content_wrapper_v2 .normalText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: var(--color-primary-grey-5);
    font-weight: normal;
}

.content_wrapper_v2 .normal-text-btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: var(--color-primary-grey-5);
    font-weight: normal;
    padding: 5px;
}

.content_wrapper_v2 .normalTextRedBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: #AA0000 !important;
    font-weight: bold !important;
}

.content_wrapper_v2 .normalTextRed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: #AA0000 !important;
}

.content_wrapper_v2 .red {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: #AA0000 !important;
}

.content_wrapper_v2 .normalTextBlueBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: blue;
    font-weight: bold;
}

.content_wrapper_v2 .normalTextBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: blue;
}

.content_wrapper_v2 .normalTextYellow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: yellow;
}

.content_wrapper_v2 .normalTextGreen {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: green;
}

.content_wrapper_v2 .boldText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    font-weight: bold;
}

.content_wrapper_v2 .columnHeaderText {
    font-weight: bold;
}

.content_wrapper_v2 .alt,
.content_wrapper_v2 .odd {
    background-color: var(--color-primary-grey-1);
}

.content_wrapper_v2 .ucTableStriping {
    padding-top: 0;
}

/*==================== Top Navigation ====================*/

.content_wrapper_v2 .minwidth {
    min-width: 100px;
    width: auto !important;
    width: 100px;
}
/* TODO (12/9/24) - need to look in the backend and see where this is being used */

.content_wrapper_v2 .top_nav {
    margin: 0 20px 20px 0;
    background: var(--color-primary-grey-5);
    font-size: 11px;
    color: #FFF;
    border: none;
    border-radius: 8px;
    text-shadow: none;
    white-space: nowrap;
}

.content_wrapper_v2 .top_nav img {
    float: left;
    margin: 6px 7px 0 0;
}

.content_wrapper_v2 .top_nav .first {
    line-height: 28px;
    font-size: 11px;
    color: #fff;
    float: left;
    /* display: block; */
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y;
    padding: 0 8px;
    display: inline;
}

.content_wrapper_v2 .top_nav .active {
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y #505050;
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y -webkit-gradient(linear, 0 0, 0 bottom, from(#3c3c3c), to(#505050));
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y -moz-linear-gradient(#3c3c3c, #505050);
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y linear-gradient(#3c3c3c, #505050);
}

.content_wrapper_v2 .top_nav a {
    line-height: 28px;
    color: #fff;
    float: left;
    /* display: block; */
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y;
    display: inline;
    padding: 0 8px;
    /* letter-spacing: 0.1em; */
}

.content_wrapper_v2 .table_nav {
    margin: 0 20px 20px 0;
    background: #666;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666), to(#555));
    background: -moz-linear-gradient(#666, #555);
    background: linear-gradient(#666, #555);
    height: 28px;
    font-size: 11px;
    color: #FFF;
    border: 1px solid #3c3c3c;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    text-shadow: 1px 1px 1px #333;
    white-space: nowrap;
}

.content_wrapper_v2 .table_nav img {
    float: left;
    margin: 6px 7px 0 0;
}

.content_wrapper_v2 .table_nav .first {
    line-height: 28px;
    font-size: 11px;
    color: #fff;
    float: left;
    /* display: block; */
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y;
    padding: 0 6px;
    display: inline;
}

.content_wrapper_v2 .table_nav .last {
    width: 30px;
}

.content_wrapper_v2 .table_nav .active {
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y #505050;
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y -webkit-gradient(linear, 0 0, 0 bottom, from(#3c3c3c), to(#505050));
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y -moz-linear-gradient(#3c3c3c, #505050);
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y linear-gradient(#3c3c3c, #505050);
}

.content_wrapper_v2 .table_nav a {
    line-height: 28px;
    color: #fff;
    float: left;
    /* display: block; */
    background: url(/merchant/images/v2/nav_divider.png) top right repeat-y;
    display: inline;
    padding: 0 6px;
    /* letter-spacing: 0.1em; */
}

.content_wrapper_v2 table {
    border-collapse: separate !important;
    border-spacing: 2px;
}

.content_wrapper_v2 .radius_3 {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.content_wrapper_v2 .radius_5 {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.content_wrapper_v2 .radius_10 {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.content_wrapper_v2 .gradient_orange {
    background: #d08937;
    background: -webkit-gradient(linear, left top, left bottom, from(#d08937), to(#a76e2d));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #d08937, #a76e2d);
    /* for firefox 3.6+ */
    background: linear-gradient(#d08937, #a76e2d);
}

.content_wrapper_v2 .gradient_green {
    background: #537c2a;
    background: -webkit-gradient(linear, left top, left bottom, from(#649733), to(#537c2a));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #649733, #537c2a);
    /* for firefox 3.6+ */
    background: linear-gradient(#649733, #537c2a);
}

.content_wrapper_v2 .gradient_red {
    background: #c93232;
    background: -webkit-gradient(linear, left top, left bottom, from(#c93232), to(#a72a2a));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #c93232, #a72a2a);
    /* for firefox 3.6+ */
    background: linear-gradient(#c93232, #a72a2a);
}

.content_wrapper_v2 .gradient_blue {
    background: #295179;
    background: -webkit-gradient(linear, left top, left bottom, from(#37699b), to(#295179));
    background: -moz-linear-gradient(top, #37699b, #295179);
    background: linear-gradient(#3c3c3c, #505050);
}

.content_wrapper_v2 .title_btn_green {
    color: #fff !important;
    background: inherit;
    border: 1px solid #537c2a;
    border-radius: 3px 3px 3px 3px;
}

.content_wrapper_v2 .title_btn_red {
    color: #fff !important;
    background: inherit;
    border: 1px solid #c93232;
    border-radius: 3px 3px 3px 3px;
}

.content_wrapper_v2 .title_btn_orange {
    color: #fff !important;
    background: inherit;
    border: 1px solid #d08937;
    border-radius: 3px 3px 3px 3px;
}

.content_wrapper_v2 .title_btn_blue {
    color: #fff !important;
    background: inherit;
    border: 1px solid #295179;
    border-radius: 3px 3px 3px 3px;
}

.content_wrapper_v2 .linky {
    cursor: pointer;
}

.content_wrapper_v2 .linky:hover {
    color: #ffff99;
}

.body_fullscreen {
    background-image: none !important;
}

.content_fullscreen {
    background-image: none !important;
}

body.solo::before,
body.solo::after,
body.body_fullscreen::before,
body.body_fullscreen::after,
body.content_fullscreen::before,
body.content_fullscreen::after {
    display: none;
}

.content_wrapper_fullscreen {
    margin-left: 20px !important;
}

/*==================== Content Area ====================*/

.content_wrapper_v2 .content_area {
    float: left;
    /*overflow: hidden;*/
    padding: 12px 0 0;
    width: 100%;
}

.content_wrapper_v2 .content_full {
    /*width:340px;*/
    width: 100%;
    float: left;
    margin-right: 0;
}

.content_wrapper_v2 .content_left {
    /*width:340px;*/
    width: 49%;
    float: left;
    margin-right: 0;
}

.content_wrapper_v2 .alert_content {
    margin: 5px;
    color: #333;
    font-size: 11px;
    line-height: 1.5em;
}

.content_wrapper_v2 .alert_success {
    margin-right: 20px;
    border: 1px solid #669933;
    background: #d0dac5;
    padding: 3px 5px;
    margin-bottom: 5px;
    border-radius: var(--border-radius-small);
}

.content_wrapper_v2 .alert_note {
    line-height: 16px;
    margin-right: 20px;
    border: 1px solid #3366ff;
    background: #99ffff url(/merchant/images/note_16x16.png) no-repeat 7px 50%;
    padding: 5px 5px 5px 30px;
    margin-bottom: 8px;
    border-radius: 8px;
}

.content_wrapper_v2 .warningText,
.alert_warn {
    line-height: 16px;
    margin-right: 20px;
    border: none;
    background: var(--color-primary-orange-dark);
    color: white;
    margin-bottom: 8px;
    padding: 16px 16px 16px 40px;
    border-radius: 8px;
    position: relative;
}

.content_wrapper_v2 .warningText::before,
.alert_warn::before {
    content: "\f1f7";
    display: block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: var(--font-icons);
    position: absolute;
    top: 16px;
    left: 16px;
}

.content_wrapper_v2 .errorText,
.alert_fail {
    margin-right: 20px;
    border: 1px solid var(--color-primary-red);
    background: #e4c5c6;
    margin-bottom: 5px;
    padding: 3px 5px;
    border-radius: var(--border-radius-small);
    position: relative;
}

.content_wrapper_v2 .field_error_span {
    background: transparent url("/merchant/images/v2/field_error.png") no-repeat scroll left center;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 3px;
}

.content_wrapper_v2 .field_warning_span {
    background: transparent url("/merchant/images/v2/field_warning.png") no-repeat scroll left center;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 3px;
}

.content_wrapper_v2 .notifications {
    margin-right: 30px;
}

.none {
    display: none;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    height: auto;
    font-size: 14px;
}

body {
    height: 100%;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
}

body.no-header {
    background: #fff;
}

tr {
    /*padding: 20px 0;*/
    padding: 0;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
    border: 0;
}

a::-moz-focus-inner {
    border: 0;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

a {
    text-decoration: none;
    color: var(--color-primary-blue);
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

/* ==========================================================================
   Animations
   ========================================================================== */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    /* background: #FFF url(../../images/v3/left-menu-background.png) repeat-y left top; */
    font-family: var(--font-primary-regular);
    font-size: 14px;
    color: var(--color-primary-grey-5);
    padding: 0;
    margin: 0;
    height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-smooth: always;
}

body:not(:is(.no-header, .body_fullscreen))::before {
    content: "";
    display: block;
    width: 130px;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: 0;
    background-color: var(--color-primary-grey-2);
    pointer-events: none;
}

body:not(:is(.no-header, .body_fullscreen))::after {
    content: "";
    display: block;
    width: 130px;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0) 95%, rgba(0,0,0,0.08) 100%);
    pointer-events: none;
}

p[style="color: red;"],
strong[style="color: red;"] {
    color: var(--color-primary-red) !important;
}

.strong,
strong {
    font-family: var(--font-primary-bold);;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-smooth: always;
}

pre {
    white-space: pre;
}

pre strong {
    font-family: monospace, serif;
}

table {
    font-size: 0.8em;
    font-size: 0.786rem;
}

table table {
    font-size: 1em;
}

.content_wrapper_v2 table {
    font-size: 1em;
}

#wrap {
    min-height: 100%;
    /*height: auto !important;*/
    /*height: 100%;*/
    /*margin: 0 auto -300px;*/
    /*margin: 0 auto 0;*/
    /*position: relative;*/
}

body.body_fullscreen #push {
    height: 20px;
}

#push {
    height: 300px;
}

/* ==========================================================================
   Universal Styles
   ========================================================================== */

.clr {
    clear: both;
}

.red {
    color: var(--color-primary-red) !important;
}

.green {
    color: #8dab00 !important;
}

.blue {
    color: var(--color-primary-blue) !important;
}

.orange {
    color: var(--color-primary-orange) !important;
}

.full {
    width: 100%;
}

.width_1000 {
    max-width: 1000px;
}

.width_800 {
    max-width: 800px;
}

.width_400 {
    max-width: 400px;
}

.width_390 {
    width: 390px;
    float: left;
    margin-bottom: 20px;
}

.padding_top_5 {
    padding-top: 5px;
}

.padding_top_10 {
    padding-top: 10px;
}

.padding_top_20 {
    padding-top: 20px;
}

.space_top_0 {
    margin-top: 0;
}

.space_top_5 {
    margin-top: 5px;
}

.space_top_10 {
    margin-top: 10px !important;
}

.space_top_20 {
    margin-top: 20px;
}

/* backport */

.space_top_30 {
    margin-top: 30px;
}

.space_bottom_0 {
    margin-bottom: 0 !important;
}

.space_bottom_5 {
    margin-bottom: 5px !important;
}

.space_bottom_10 {
    margin-bottom: 10px !important;
}

.space_bottom_20 {
    margin-bottom: 20px;
}

.space_bottom_30 {
    margin-bottom: 30px;
}

.space_left_10 {
    margin-left: 10px;
}

.space_left_20 {
    margin-left: 20px;
}

.space_right_0 {
    margin-right: 0;
}

.space_right_10 {
    margin-right: 10px;
}

.space_right_20 {
    margin-right: 20px;
}

.list_small_input {
    width: 20px;
    height: 20px;
    float: left;
}

.list_small_input .last {
    margin-bottom: 0;
}

.list_50 {
    width: 50px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_30 {
    width: 30px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

table .list_50 {
    margin-bottom: 0;
}

.div_table {
    white-space: nowrap;
}

.div_table .list_100,
.div_table .list_150 {
    float: none;
    display: inline-block;
}

.list_75 {
    width: 75px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_100 {
    width: 100px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_fullwidth {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

table .list_100,
table .list_fullwidth {
    margin-bottom: 0;
}

table .list_150 {
    font-size: 1em;
}

table .list_160 {
    margin-bottom: 0;
}

table .list_200 {
    font-size: 1em;
    margin-bottom: 0;
}

.full {
    width: 100%;
}

.minimum_width {
    width: auto !important;
}

.list_100.last,
.list_fullwidth.list {
    margin-bottom: 0;
}

.list_100 input {
    width: 88px;
}

.list_100 input.margin-bottom,
.list_fullwidth input.margin-bottom {
    margin-bottom: 10px;
}

.list_100 select,
.list_fullwidth select {
    width: 100%;
}

.list_100 textarea,
.list_fullwidth textarea {
    width: 88px;
}

.list_150 {
    width: 150px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_150 h4 {
    margin: 0;
    font-size: 14px;
}

.list_200 {
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_250 {
    width: 250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_160 {
    width: 160px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_300 {
    width: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_350 {
    width: 350px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_400 {
    width: 400px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_500 {
    width: 500px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_600 {
    width: 600px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_1000 {
    width: 1000px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.list_200.last {
    margin-bottom: 0;
}

.list_200 select {
    border: 1px solid var(--color-primary-grey-3);
    background: #F1F1F1;
    width: 198px;
    font-size: 1em;
}

.list_200 textarea {
    border: 1px solid var(--color-primary-grey-3);
    background: #F1F1F1;
    width: 188px;
}

.list_200 input[type="text"] {
    width: 188px;
}

.list_200 input[type="radio"] {
    margin-bottom: 10px;
}

.list_half {
    display: block;
    float: left;
    padding: 0;
    width: 46%;
    min-width: 300px;
    overflow: auto;
    margin-right: 20px;
    margin-bottom: 20px;
}

.list_half.menu {
    min-width: 550px !important;
}

.list_full {
    display: block;
    float: left;
    padding: 0;
    width: 100%;
    min-width: 300px;
    overflow: auto;
}

.list_100 span.info,
.list_fullwidth span.info,
.list_150 span.info,
.list_160 span.info,
.list_300 span.info,
.list_500 span.info {
    top: auto;
}

.list_third {
    display: block;
    width: 33%;
    float: left;
}

.list_third .list_content {
    margin-right: 20px;
}

.list_third .list_content.last {
    margin-right: 0;
}

ul.unstyled {
    margin: 0;
    padding: 0;
}

ul.unstyled > li {
    list-style: none;
}

.row {
    margin-bottom: 20px;
}

.title.row {
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-size: .9em;
    margin-bottom: 0;
}

.default_info {
    margin-bottom: 20px;
}

.currencyinput {
    border: 1px solid #bbb;
    background: #F1F1F1;
    background: white;
    letter-spacing: .08em;
    padding: 5px;
    width: 198px;
    border-radius: 4px;
}

.currencyinput input {
    border: 0 !important;
    padding: 0 5px !important;
    width: 70px;
}

table .btn {
    font-size: 1em;
}

input[type="submit"][value="Save"] {
    color: #fff;
    background-color: var(--color-primary-blue);
    border: none;
    padding: 6px 8px;
    letter-spacing: 0.08em;
    border-radius: var(--border-radius-small);
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
}

.btn {
    color: #fff;
    background-color: var(--color-primary-blue);
    border: none;
    padding: 5px;
    letter-spacing: 0.08em;
    border-radius: var(--border-radius-small);
    line-height: 1.5;
    cursor: pointer;
    font-weight: bold;
}

.btn.toggled {
    color: white !important;
    background: var(--color-primary-grey-4) !important;
}

.btn:disabled {
    color: #999 !important;
    background-color: #eee !important;
    cursor: default;
}

.btn.btn-ai {
    background-color: #6F4173;
    transition: all 0.3s ease;
}

.btn.btn-ai:hover {
    background-color: #623864;
}

.btn.btn-docs {
    background-color: transparent;
    color: var(--color-primary-blue);
    border: 1px solid var(--color-primary-blue);
    transition: all 0.3s ease;
}

.btn.btn-docs:hover {
    background-color: transparent;
    color: var(--color-primary-blue-dark);
    border: 1px solid var(--color-primary-blue-dark);
}

#uc-reports .tools-buttons .btn.btn-ai {
    background-color: #6F4173 !important;
}

.btn.delete {
    background: var(--color-primary-red);
}

.list_200 .btn {
    font-size: 1em;
}

.remove.btn {
    background: var(--color-primary-red);
}

td .btn {
    margin-right: 5px;
}

.btn.save_btn {
    width: 100%;
    padding: 8px 12px;
    background: #d7a02b;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.2em;
}

.btn.orange_btn {
    background: var(--color-primary-orange);
    font-weight: bold;
    transition: background var(--transition-primary);

    &:hover {
        background: var(--color-primary-orange-dark);
    }
}

.btn.help_btn {
    background: var(--color-primary-green) !important;
    transition: background var(--transition-primary);
}

.btn.green_btn {
    background: var(--color-primary-green);
    font-weight: bold;
}

.btn.help_btn:hover,
.btn.green_btn:hover {
    background: var(--color-primary-green-dark) !important;
}

.widget_box_content {
    padding: 20px;
}

/*
UltraList Styles
*/

.ultralist {
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 10px;
}

.ultralist li {
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    padding-top: 5px;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.ultralist .ultralistterm {
    display: inline-block;
    width: 100px;
    font-family: 'latobold';
}

.ultralist .ultralistdefinition,
.ultralist .ultralistentry {
    margin-right: 20px;
}

.ultralist .ultralistterm,
.ultralist .ultralistdefinition,
.ultralist .ultralistentry {
    display: inline-block;
}

.ultralist .ultralisticon.ultralistedit {
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
}

.ultralist .ultralisticon.ultralistdelete {
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
}

.ultralistadd.btn {
    display: inline-block;
    padding: 0 5px 0 5px;
}

.ultralist .ultralisticon {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 10px;
    border: none;
    float: right;
    cursor: pointer !important;
}

/*
Font Family Picker Styles
*/

.fontFamilyPicker {
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 10px;
}

.fontFamilyPicker li {
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    padding-top: 5px;
}

.fontFamilyPicker.grab li {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.fontFamilyPicker .fontFamilyPickerEntry {
    margin-right: 20px;
    display: inline-block;
}

.fontFamilyPicker .fontFamilyPickerIcon.fontFamilyPickerDelete {
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
}

.fontFamilyPickerAdd.btn {
    display: inline-block;
    padding: 0 5px 0 5px;
}

.fontFamilyPicker .fontFamilyPickerIcon {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 0;
    border: none;
    float: right;
    cursor: pointer !important;
}

.fontedit.btn {
    display: inline-block;
    padding: 0 5px 0 5px;
}

#fontFamilyPickerAddDialogDiv .fontSelection {
    width: 344px;
}

.fontSelectionDropDown .select2-results__option {
    padding: 0;
}

.fontSelectionDropDown .select2-results__option:hover {
    border: 1px solid blue;
}

.fontSelectionDropDown .select2-results__options li div {
    background: url("/js/jquery-font-family-picker/imgs/googleFontList.gif") !important;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
    height: 30px;
}

.select2-container {
    z-index: 200000;
}

.fontFamilyPicker li:first-child {
    padding-top: 0;
}

.fontFamilyPicker li:last-child {
    border-bottom: none;
}

/*
Video List Styles
*/

#videoListAddDialogDiv .embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-right: 0;
}

#videoListAddDialogDiv .embed iframe,
#videoListAddDialogDiv .embed-container object,
#videoListAddDialogDiv .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videolist {
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 10px;
}

.videolist li {
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    padding-top: 5px;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.videolist li:first-child {
    padding-top: 0;
}

.videolist li:last-child {
    border-bottom: none;
}

.videolisticon {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 0;
    border: none;
    float: right;
    cursor: pointer !important;
}

.videolisticon.videolistdelete {
    background: url(/merchant/images/v3/icons.png) no-repeat -160px -480px;
    margin-left: 10px;
    margin-bottom: 10px;
}

/* Mailing list styles */

.mailinglist {
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 10px;
}

.mailinglist li {
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    padding-top: 5px;
}

.mailinglist li:first-child {
    padding-top: 0;
}

.mailinglist li:last-child {
    border-bottom: none;
}

.mailinglisticon {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 0;
    border: none;
    float: right;
    cursor: pointer !important;
}

.mailinglisticon.mailinglistdelete {
    background: url(/merchant/images/v3/icons.png) no-repeat -160px -480px;
    margin-left: 10px;
    margin-bottom: 10px;
}

/*
Lightbox Styles
*/

.ultralightbox {
    display: none;
}

.ultralightbox-body {
    overflow: hidden;
}

#ultralightbox-overlay,
.ultralightbox-overlay {
    content: "";
    display: block;
    position: fixed;
    /* could also be absolute */
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.4);
}

.ultralightbox.ultralightbox-dynamic {
    /*padding: 20px;*/
}

.ultralightbox .ultralightbox-title {
    font-family: latobold, arial;
    font-size: 1.17em;
    font-weight: normal;
    padding-bottom: 7px;
    padding-top: 20px;
    padding-right: 20px;
}

.ultralightbox .ultralightbox-content-wrapper {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.ultralightbox .ultralightbox-title-wrapper {
    margin: 0 20px 20px 20px;
    /* border-bottom: 1px solid #bbb; */
    font-weight: bold;
    position: relative;
}

.ultralightbox .ultralightbox-close-icon {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    color: var(--color-primary-blue);
    cursor: pointer;
    line-height: 50px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ultralightbox .ultralightbox-close-icon::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1fa";
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.ultralightbox .ultralightbox-close-icon:hover::before {
    color: rgba(0, 0, 0, 0.75)
}

.ultralightbox .ultralightbox-close-icon span {
    display: none;
}

.ultralightbox-show {
    display: block !important;
    background-color: white;
    /* border: 1px solid #000; */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    top: 20px;
    left: 50%;
    margin: 0 auto;
    position: fixed;
    z-index: 1100;
    max-height: 90%;
    overflow-y: auto;
    border-radius: 10px;
}

/*
Report Status Styles
*/

.ultrareportstatus {
    display: none;
}

.ultrareportstatus-body {
    overflow: hidden;
}

#ultrareportstatus-overlay {
    content: "";
    display: block;
    position: fixed;
    /* could also be absolute */
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.90);
}

.ultrareportstatus.ultrareportstatus-dynamic {
    padding: 20px;
}

.ultrareportstatus .ultrareportstatus-title {
    font-family: var(--font-primary-regular);
    font-size: 1.17em;
    font-weight: normal;
    padding-bottom: 7px;
}

.ultrareportstatus .ultrareportstatus-title-wrapper {
    margin-bottom: 20px;
    border-bottom: 1px solid #bbb;
}

.ultrareportstatus .jobTitleWrapper {
    position: relative;
}

.ultrareportstatus .ultrareportstatus-background-icon {
    /* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); */
    color: var(--color-primary-blue);
    cursor: pointer;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 9999;

    span {
        color: transparent;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z" fill="%23828282"/></svg>');
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.ultrareportstatus-show {
    display: block !important;
    background-color: white;
    border: 1px solid #000;
    border-radius: 16px;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    position: fixed;
    z-index: 10000;
    max-height: 90%;
    overflow-y: auto;
    min-width: 420px;
}

.ultrareportstatus-show-top {
    top: 0;
    left: 50%;
    margin: 0 auto;
    position: fixed;
}

.ultrareportstatus .jobProgressPercentageBar .ui-progressbar-value {
    /* TODO: Something better than red */
    background: none repeat scroll 0 0 #ff0000;
}

/*
Generic Styling, for Desktops/Laptops
*/

.interior_content table.responsive {
    width: 100%;
    border-collapse: collapse;
}

/* Zebra striping */

.content_wrapper_v2 .responsive {
    border-collapse: collapse;
    border-spacing: 0;
}

.content_wrapper_v2 .responsive tr:nth-of-type(odd) td {
    background: var(--color-primary-grey-1);
}

.interior_content .responsive th {
    background: var(--color-primary-grey-2);
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.interior_content .responsive td,
.content_wrapper_v2 .responsive th {
    padding: 6px;
    text-align: left;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #cccccc70;
    padding: 12px 12px 12px 12px;
    font-family: var(--font-primary-regular);
    color: var(--color-primary-grey-4);
    /* border-collapse: collapse; */
    /* border-spacing: 0; */

    &[align="center"] {
        text-align: center;
    }
}

.responsive td {
    padding: 12px 12px 12px 12px;
    color: #888
}


.interior_content table.nonresponsive {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 8px;
}

.interior_content table.nonresponsive thead tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

.interior_content table.nonresponsive thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

.interior_content table.nonresponsive tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.interior_content table.nonresponsive tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

table.responsive.transactional-merchant-notes th,
table.responsive.transactional-merchant-notes td {
    font-size: 12px;
    color: #888;
    font-family: 'latoregular';
}

table.responsive.transactional-merchant-notes td {
    line-height: 22px;
}

table.responsive.transactional-merchant-notes {
    border-bottom: 1px solid #eee;
}

/* Zebra striping */

.interior_content .nonresponsive tr:nth-of-type(odd) {
    background: #f9f9f9;
}

.interior_content .nonresponsive th {
    background: var(--color-primary-grey-2);
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.interior_content .nonresponsive td,
.nonresponsive th {
    padding: 6px;
    /* border: 1px solid var(--color-primary-grey-3); */
    text-align: left;
}

.interior_content table.nonresponsive.nowrap td {
    white-space: nowrap;
}

.interior_content table.nostyle {
    width: 100%;
    border-collapse: collapse;
}

/* Zebra striping */

.interior_content .nostyle tr {
    background: none !important;
}

.interior_content .nostyle th {
    background: none !important;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.interior_content .nostyle td,
.nostyle th {
    padding: 0;
    border: none;
    text-align: left;
}

.interior_content table.nostyle.nowrap td {
    white-space: nowrap;
}

.full_divider {
    clear: both;
    border-bottom: 1px solid var(--color-primary-grey-3);
    margin: 20px 0;
}

.section_content .full_divider {
    border-bottom-style: dashed;
    margin: 20px 0;
}

.icon_link {
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -200px -480px;
    border: none !important;
}

.icon_view {
    width: 16px;
    height: 11px;
    background: url(../../images/v3/icons.png) no-repeat -457px -240px;
    border: none !important;
    text-indent: -9999px;
}

.icon_hide {
    width: 16px;
    height: 11px;
    background: url(../../images/v3/icons.png) no-repeat -457px -252px;
    border: none !important;
    text-indent: -9999px;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

@media only screen and (max-width: 1024px),
(min-device-width: 1024px) and (max-device-width: 1200px) {
    /* Force table to not be like tables anymore */
    table.responsive,
    .responsive thead,
    .responsive tbody,
    .responsive th,
    .responsive td,
    .responsive tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive tr {
        /*border: 1px solid #ccc;*/
        padding: 0;
        margin-bottom: 20px;
    }

    .responsive td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 6px 6px 6px 50% !important;
    }

    .responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 10%;
        text-align: left;
        padding-right: 10px;
        white-space: nowrap;
    }
}

/* Smartphones (portrait and landscape) ----------- */

/* @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        padding: 0;
        margin: 0;
        width: 320px;
    }
} */

/* iPads (portrait and landscape) ----------- */

/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 100vw;
    }
} */

/*==================== Header ====================*/

header,
.head {
    width: 100%;
    height: 100px;
    background: url(../../images/v3/head-background.png) repeat-x #333;
    position: relative;
    min-width: 768px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 100;
}

#header_extension {
    background: url(../../images/v3/head-background.png) repeat-x #333;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.logo {
    position: relative;
    width: 220px;
    z-index: 20;
}

.header_right {
    position: relative;
    width: 450px;
    box-sizing: border-box;
    z-index: 10;
}

.header_right .feedback {
    float: right;
    position: relative;
    background: var(--color-primary-blue);
    color: #fff;
    font-family: var(--font-primary-regular);
    font-size: 0.8em;
    font-size: 0.786rem;
    text-transform: uppercase;
    width: 140px;
    height: 30px;
    line-height: 30px;
    letter-spacing: .1em;
    text-align: center;
    margin-right: 10px;
    border-radius: 3px;
    cursor: pointer;
}

.header_right .feedback:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 10px;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: var(--color-primary-blue) transparent;
    display: block;
    width: 0;
}

.search_area {
    width: 200px;
    height: 30px;
    float: right;
}

/* -----------  Search ----------- */

.search_area input {
}

.search_block {
    height: 30px;
    position: relative;
}

.search_block::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1ae";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: #fff;
    position: absolute;
    top: 9px;
    right: 9px;
    pointer-events: none;
}

.search_bg {
    background: rgba(255, 255, 255, 0.2) !important;
    width: 150px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5) !important;
    border: 0 !important;
    padding: 0 0 0 10px !important;
    border-radius: var(--border-radius-small);
}

.search_btn {
    background: var(--color-primary-blue);
    background-position: 13px 7px;
    width: 30px;
    height: 30px;
    border: 0;
    cursor: pointer;
    float: right;
    border-radius: var(--border-radius-small);
    position: relative;
}

.search_hint {
    position: absolute;
    right: 199px;
    text-align: right;
    height: 28px;
    line-height: 26px;
    white-space: nowrap;
    /*border: 1px solid #404040;*/
    padding: 0 15px 0 10px;
    font-family: 'latolight_italic';
    letter-spacing: .08em;
    color: rgba(255, 255, 255, 0.6);
    /*color: var(--color-primary-grey-4);*/
}

.search_hint .arrow {
    display: none;
    /*display: block;*/
    background: url(../../images/v3/icons.png) no-repeat -33px -209px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: -4px;
    top: 10px;
}

.system_alert {
    display: none;
}

/* -----------  Search Results ----------- */

#ucresults {
    position: absolute;
    top: 65px;
    right: 30px;
    width: 1050px;
    z-index: 999;
    font-size: 0.8em;
    font-size: 0.786rem;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#ucresults .column {
    float: right;
    width: 348px;
    border: 1px solid #bbb;
    margin-right: -1px;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

#ucresults .column h2 {
    display: block;
    background: rgb(255, 255, 255);
    /* The Fallback */
    background: rgba(255, 255, 255, 1);
    line-height: initial;
    padding: 10px;
    border-bottom: 1px solid #BBB;
}

#ucresults .column dl {
    margin: 0;
}

#ucresults .column dl {
    background: rgb(241, 241, 241);
    /* The Fallback */
    background: rgba(241, 241, 241, .95);
    padding: 10px;
    line-height: initial;
    margin: 0;
}

#ucresults .column dl.hover {
    background: rgb(218, 236, 247);
    /* The Fallback */
    background: rgba(218, 236, 247, 1);
}

#ucresults .column dl.search_hierarchy_list {
    background: var(--color-primary-grey-4);
    color: #FFFFFF;
}

#ucresults .column dl.search_hierarchy_list.hover {
    background: rgb(218, 236, 247);
    /* The Fallback */
    background: rgba(218, 236, 247, 1);
    color: #FFFFFF;
}

#ucresults .column dl.search_hierarchy_list a {
    color: #FFFFFF;
}

#ucresults .column dl.search_hierarchy_list.hover a {
    color: var(--color-primary-blue);
}

@media only screen and (max-width: 768px) {
    .search_results {
        width: 600px;
    }

    .search_results .column {
        width: 198px;
    }

    #ucresults {
        width: 600px;
    }

    #ucresults .column {
        width: 198px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1160px) {
    .search_results {
        width: 750px;
    }

    .search_results .column {
        width: 248px;
    }

    #ucresults {
        width: 750px;
    }

    #ucresults .column {
        width: 248px;
    }
}

@media only screen and (min-width: 1160px) and (max-width: 1350px) {
    .search_results {
        width: 900px;
    }

    .search_results .column {
        width: 298px;
    }

    #ucresults {
        width: 900px;
    }

    #ucresults .column {
        width: 298px;
    }
}

.system_alert {
    display: none;
}

/*==================== Content Area & Sidebar Wrappers ====================*/

.content {
    width: 100%;
    min-height: 553px;
    min-height: 90%;
    background-color: var(--color-primary-grey-1);
}

body[data-main-form-action="/merchant/item/review/reviewTemplateEditSave.do"],
body[data-main-form-action="/merchant/item/review/reviewSettingsQuestionEditSave.do"],
body[data-main-form-action="/merchant/item/editor/autoOrderV3Save.do"],
body[data-main-form-action="/merchant/orderprocessing/sd/shippingDepartmentListSave.do"],
body[data-main-form-action="/merchant/orderprocessing/ar/accountsReceivableListSave2.do"],
body[data-main-form-action="/merchant/item/review/reviewTemplateEditSave.do"] {
    .content {
        background-color: var(--color-primary-grey-1);
    }

    p.return_link {
        margin-left: 30px;
    }
}

.content_wrapper {
    clear: both;
    margin-left: 130px;

    &::after {
        content: "";
        display: table;
        clear: both;
    }
}

/*==================== User Info ====================*/

.user_info {
    width: 130px;
    height: 150px;
    position: relative;
}

.old_ie .user_info .account_dialog {
    display: none;
}

.user_info .account_dialog {
    position: absolute;
    /*width: 270px;*/
    width: 0;
    height: 200px;
    background: #fff;
    border-radius: 10px;
    left: 120px;
    top: 38px;
    border: -1px solid #d9d9d9;
    z-index: 999;
    font-size: 0.8em;
    font-size: 0.786rem;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    /*-moz-transform-origin: 0% 100%;*/
    /*-ms-transform-origin: 0% 100%;*/
    /*-o-transform-origin: 0% 100%;*/
    /*transform-origin: 0% 100%;*/
    /*-webkit-transform: rotateY(-90deg);*/
    /*-moz-transform: rotateY(-90deg);*/
    /*-ms-transform: rotateY(-90deg);*/
    /*-o-transform: rotateY(-90deg);*/
    /*transform: rotateY(-90deg);*/
    /*-webkit-transition: -webkit-transform .15s linear;*/
    /*-moz-transition: -moz-transform .15s linear;*/
    /*-ms-transition: -ms-transform .15s linear;*/
    /*-o-transition: -o-transform .15s linear;*/
    /*transition: transform .15s linear;*/
    display: none;
}

.user_info .account_dialog.not_safari {
    /*-webkit-transform-origin: 0% 100%;*/
}

.user_info.activeMenu .account_dialog {
    display: block;
    width: 270px;
    /*-webkit-transform: rotateY(0deg);*/
    /*-moz-transform: rotateY(0deg);*/
    /*-ms-transform: rotateY(0deg);*/
    /*-o-transform: rotateY(0deg);*/
    /*transform: rotateY(0deg);*/
}

.user_info.activeMenu .user_merch_id .arrow {
    background: transparent;
    border: none;
}

.account_dialog .arrow {
    display: block;
    position: absolute;
    width: 12px;
    height: 24px;
    background: url(../../images/v3/menu-active.png) no-repeat right center;
    top: 87px;
    left: -12px;
}

.account_dialog .account_login {
    height: 40px;
    background: transparent;
    line-height: 40px;
    font-family: latobold, arial;
    letter-spacing: .1em;
    padding-left: 20px;
    color: #5b5b5b;
    border-bottom: none;
}

.account_dialog .account_login span {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
}

.user_info.activeMenu .account_dialog .account_login span {
    opacity: 1;
}

.account_dialog .account_info {
    position: relative;
    height: 40px;
    border-bottom: none;
    margin-top: 10px;
    line-height: 40px;
    font-family: latobold, arial;
    letter-spacing: .1em;
    padding-left: 20px;
    color: #5b5b5b;
}

.account_dialog .account_info a {
    opacity: 0;
    text-decoration: none;
    color: #5fb2ea;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
}

.user_info.activeMenu .account_dialog .account_info a {
    opacity: 1;
}

.icon_account {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../../images/v3/icons.png) no-repeat 0 -80px;
}

.icon_pref {
    display: block;
    position: absolute;
    top: 13px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../../images/v3/icons.png) no-repeat -40px -80px;
    background: none;
}

.icon_out {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../../images/v3/icons.png) no-repeat -80px -80px;
    background: none;
}

.icon_out::before,
.icon_pref::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1ff";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgb(95, 178, 234);
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.icon_pref::before {
    content: "\f1c2";
}

.user_info .user_img {
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(../../images/v3/user-img-default.jpg);
    z-index: 10;
    left: 15px;
    top: 15px;
    border-radius: 50%;
    background-position: center;
}

.user_info .user_merch_id {
    width: 130px;
    height: 23px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #666;
    font-family: var(--font-primary-regular);
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    padding-top: 5px;
    z-index: 11;
}

.user_info .user_merch_id .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -30px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-color: var(--color-primary-blue);
    border-radius: 50%;
    border: 2px solid #e6e7e6;
    transition: border 0.3s ease, background-color 0.3s ease;
}

.user_info .user_merch_id .arrow::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f22c";
    font-size: 8px;
    width: 8px;
    height: 8px;
    display: block;
    color: #fff;
    position: relative;
    pointer-events: none;
}

.user_info.activeMenu .user_merch_id .arrow {
    background-color: var(--color-primary-blue);
    border: 3px solid #e6e7e6;
}

/*==================== Navigation ====================*/

.nav {
    font-size: 11px;
}

.nav ul {
    padding: 0;
    margin: 0;
}

.nav ul li {
    list-style: none;
    background-color: transparent;
    display: block;
    position: relative;
    min-height: 40px;
    margin-top: 0;
    font-family: latobold, Arial;
    font-size: 12px;
    /* text-transform: uppercase; */
    line-height: 40px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.75);
    transition: color 0.3s ease;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    /* background: rgba(255,0,0,0.3); */
    transition: background-color 0.3s ease-in;
}

.nav ul li.activeMenu {
    background-color: rgba(255, 255, 255, 0.75);
}

.nav ul li div.nav_click_area {
    margin-left: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav ul li.activeMenu div.nav_click_area {
}

.nav ul li div.sub_menu div.nav_click_area {
    padding: 0 10px 10px 10px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav ul li div.nav_click_area.beta::before {
    content: "beta";
    position: absolute;
    font-size: 8px;
    bottom: 1px;
    left: 30px;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.75);
    color: #eaeaea;
    padding: 2px 4px;
    border-radius: 1px 4px 4px 4px;
}

.nav .nav_task_count {
    line-height: 17px;
    position: relative;
    display: block;
    border-radius: 8px;
    padding: 0 5px;
    font-weight: bold;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    color: white;
    background-color: var(--color-primary-grey-3);
}

.nav .nav_task_count.open {
    background-color: var(--color-primary-blue);
}

.nav ul li a {
    color: rgba(0, 0, 0, 0.75);
    transition: color 0.3s ease;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

.nav ul li.activeMenu a {
    color: rgba(0, 0, 0, 0.6);
}

.nav ul li.activeMenu li a:hover {
    color: rgb(106, 187, 235);
}

.nav ul li.hover {
    /* background: url(../../images/v3/shadow-right.png) repeat-y right top #f1f1f1 !important; */
    color: rgba(0, 0, 0, 0.6);
}

/* .nav ul li.active {
  background: url(../../images/v3/shadow-right.png) repeat-y right top #5c5c5c;
} */

.sub_arrow_right_wrapper {
    padding: 8px 10px 10px 10px;
    width: 8px;
    position: absolute;
    right: 4px;
    top: 8px;
}

.nav_head_support .sub_arrow_right_wrapper {
    top: 12px;
}

.nav ul li.activeMenu div.sub_menu .sub_arrow_right_wrapper {
    top: 0;
    padding-top: 6px;
    padding-bottom: 9px;
}

.nav ul li .sub_arrow_right {
    display: block;
    /* background: url(../../images/v3/icons.png) no-repeat 0 -218px; */
    width: 8px;
    height: 8px;
    position: relative;
}

.nav ul li .sub_arrow_right::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f155";
    font-size: 8px;
    width: 8px;
    height: 8px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    transition: color 0.3s ease;
}

.nav ul li.activeMenu > .sub_arrow_right_wrapper .sub_arrow_right::after {
    /*display: block;*/
    /* background: url(../../images/v3/icons.png) no-repeat -24px -218px; */
    /*width:8px;*/
    /*height:8px;*/
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 26px;*/
    color: rgba(0, 0, 0, 0.3);
}

.nav ul li .sub_arrow_right_white {
    display: block;
    background: url(../../images/v3/icons.png) no-repeat 0 -209px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 26px;
}

.nav ul li.activeMenu .sub_arrow_right_white {
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -24px -209px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 26px;
}

.nav ul li.nav_head_support {
    background: var(--color-primary-green);
    height: 50px;
    /* margin-top: 20px; */
    /*padding: 0 0 0 10px;*/
    font-family: latobold, Arial;
    color: #fff;
    text-transform: uppercase;
    line-height: 50px;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.004);
}

.nav ul li.support {
    background: var(--color-primary-green);
    list-style: none;
    height: auto;
    padding: 10px 0;
    line-height: 22px;
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--color-primary-grey-3);
    text-transform: none;
}

/* .nav ul  li.support a {
  color: #8dab00;
  padding: 0 0 0 20px;
  display: block;
  text-decoration: none;
  font-family: var(--font-primary-regular);
} */

.nav ul li .icon {
    display: block;
    width: 12px;
    height: 12px;
    position: relative;
}

/* .nav ul li.nav_head_support .icon {
    margin: 10px 5px 0 0;
} */

.nav ul li .icon::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f188";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.nav ul li.nav_head_support .icon::after {
    color: rgba(255, 255, 255, 0.8);
}

.nav ul li .nav_with_submenu > .icon {
    margin-top: 0;
}

.nav ul li .icon.admin::after {
    content: "\f137";
}

.nav ul li .icon.config::after {
    content: "\f160";
}

.nav ul li .icon.catalog::after {
    content: "\f160";
}

.nav ul li .icon.store::after {
    content: "\f150";
}

.nav ul li .icon.items::after {
    content: "\f1e5";
}

.nav ul li .icon.operations::after {
    content: "\f159";
}

.nav ul li .icon.advance::after {
    content: "\f15f";
}

.nav ul li .icon.support::after {
    content: "\f201";
}

.nav ul li .icon.conversations::after {
    content: "\f151";
}

.nav ul li .icon.tasks::after {
    content: "\f157";
}

/* .nav ul li .icon.admin {
  background: url(../../images/v3/icons.png) no-repeat 0 -40px;
} */

/* .nav ul li .icon.config {
  background: url(../../images/v3/icons.png) no-repeat -40px -40px;
} */

/* .nav ul li .icon.catalog {
  background: url(../../images/v3/icons.png) no-repeat -80px -40px;
} */

/* .nav ul li .icon.store {
  background: url(../../images/v3/icons.png) no-repeat -80px -40px;
} */

/* .nav ul li .icon.items {
  background: url(../../images/v3/icons.png) no-repeat -200px -40px;
}

.nav ul li .icon.operations {
  background: url(../../images/v3/icons.png) no-repeat -120px -40px;
}

.nav ul li .icon.advance {
  background: url(../../images/v3/icons.png) no-repeat -160px -40px;
} */

/* .nav ul li.hover .icon.admin {
  background: url(../../images/v3/icons.png) no-repeat 0 -40px;
}

.nav ul li.hover .icon.config {
  background: url(../../images/v3/icons.png) no-repeat -40px -60px;
}

.nav ul li.hover .icon.store {
  background: url(../../images/v3/icons.png) no-repeat -80px -60px;
}

.nav ul li.hover .icon.operations {
  background: url(../../images/v3/icons.png) no-repeat -120px -60px;
}

.nav ul li.hover .icon.advance {
  background: url(../../images/v3/icons.png) no-repeat -160px -60px;
} */

/* .nav ul li .icon.support {
  background: url(../../images/v3/icons.png) no-repeat -200px 0;
} */

.nav ul li .icon.feedback {
    background: url(../../images/v3/icons.png) no-repeat -280px -40px;
}

.nav ul li.hover .icon.feedback {
    background: url(../../images/v3/icons.png) no-repeat -280px -60px;
}

.old_ie .nav ul li .sub_menu {
    display: none;
}

.nav ul li .sub_menu {
    min-width: 180px;
    position: absolute;
    top: 0;
    left: 130px;
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(4px);
    z-index: 999;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    white-space: nowrap;
    display: none;
    padding-top: 10px;
    border-radius: 0 8px 8px 8px;
}

.nav ul li .sub_menu::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f14d";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 11px;
    left: -8px;
    pointer-events: none;
    transition: color 0.3s ease;
    /* text-shadow: 0 0 2px rgba(0,0,0,0.3); */
    display: none;
}

/* This is a hack for the nested menus issue */

.nav ul li .sub_menu .sub_menu {
    left: 180px;
}

.nav ul li .sub_menu ul {
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

.nav ul li .sub_menu ul li {
    background: none;
    list-style: none;
    height: auto;
    /*padding: 10px 0;*/
    line-height: 18px;
    font-size: 12px;
    letter-spacing: 1px;
    /* border-bottom: 1px solid var(--color-primary-grey-3); */
    text-transform: none;
    color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
    font-size: 10px;
}

.nav ul li .sub_menu.sub_menu_compact {
    max-width: calc(100vw - 150px);
    overflow-x: auto;
}

.nav ul li .sub_menu.sub_menu_compact ul li {
    min-height: 30px;
}

.nav ul li .sub_menu ul li:first-child {
    /*padding-top: 10px;*/
}

.nav ul li .sub_menu ul li:last-child {
    /*     padding-bottom: 10px; */
}

.nav ul li .sub_menu a {
    /*padding: 0 10px 0 10px;*/
    display: block;
    text-decoration: none;
    font-family: var(--font-primary-regular);
}

.nav ul li .sub_menu .nav_with_submenu > div a {
    padding: 0;
}

/* .nav_without_submenu.activeMenu {
  background: url(../../images/v3/shadow-right.png) repeat-y right top #f1f1f1 !important;
  color: var(--color-primary-grey-4);

  -webkit-transition: background .15s ease-in;
  -moz-transition: background .15s ease-in;
  -o-transition: background .15s ease-in;
  -ms-transition: background .15s ease-in;
  transition: background .15s ease-in;

  -webkit-transition: color .15s ease-in;
  -moz-transition: color .15s ease-in;
  -o-transition: color .15s ease-in;
  -ms-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

.nav_head_support.activeMenu {
  color: black !important;
}

.nav_feedback.activeMenu {
  background: url(../../images/v3/shadow-right.png) repeat-y right top #f1f1f1 !important;
  color: var(--color-primary-grey-4);

  -webkit-transition: background .15s ease-in;
  -moz-transition: background .15s ease-in;
  -o-transition: background .15s ease-in;
  -ms-transition: background .15s ease-in;
  transition: background .15s ease-in;

  -webkit-transition: color .15s ease-in;
  -moz-transition: color .15s ease-in;
  -o-transition: color .15s ease-in;
  -ms-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

.nav_with_submenu.activeMenu {
  background: url(../../images/v3/shadow-right.png) repeat-y right top #f1f1f1 !important;
  color: var(--color-primary-grey-4);

  -webkit-transition: background .15s ease-in;
  -moz-transition: background .15s ease-in;
  -o-transition: background .15s ease-in;
  -ms-transition: background .15s ease-in;
  transition: background .15s ease-in;

  -webkit-transition: color .15s ease-in;
  -moz-transition: color .15s ease-in;
  -o-transition: color .15s ease-in;
  -ms-transition: color .15s ease-in;
  transition: color .15s ease-in;
} */

/* .nav_without_submenu.activeMenu .icon.admin {
  background: url(../../images/v3/icons.png) no-repeat 0 -120px;
}

.nav_without_submenu.activeMenu .icon.config {
  background: url(../../images/v3/icons.png) no-repeat -40px -120px;
}

.nav_with_submenu.activeMenu .icon.store {
  background: url(../../images/v3/icons.png) no-repeat -80px -120px;
}

.nav_with_submenu.activeMenu .icon.operations {
  background: url(../../images/v3/icons.png) no-repeat -120px -120px;
}

.nav_with_submenu.activeMenu .icon.advance {
  background: url(../../images/v3/icons.png) no-repeat -160px -120px;
}

.nav_with_submenu.activeMenu .icon.feedback {
  background: url(../../images/v3/icons.png) no-repeat -280px -120px;
} */

.nav_with_submenu.activeMenu > .sub_menu {
    display: block !important;
    /*-webkit-transform: rotateY(0deg);*/
    /*-moz-transform: rotateY(0deg);*/
    /*-ms-transform: rotateY(0deg);*/
    /*-o-transform: rotateY(0deg);*/
    /*transform: rotateY(0deg);*/
}

.nav_with_submenu.activeMenu > .sub_menu ul {
    opacity: 1;
}

.nav ul li .sub_menu > ul li.nav_with_submenu {
    /*padding-left: 20px;*/
    padding-right: 20px;
}

.nav ul li .sub_menu > ul li.nav_with_submenu > span.sub_arrow_right {
    top: 18px;
}

.nav .ad {
    width: 130px;
    cursor: pointer;
}

.nav .ui_switch {
    height: 170px;
    background: url(../../images/v3/ad-switch-back.png);
}

/*==================== Content Area ====================*/

.content_area {
    float: left;
    /*overflow: hidden;*/
    padding: 0;
    width: 100%;
    min-width: 608px;
    background-color: var(--color-primary-grey-1);
    /* min-height: calc(100vh - 368px); */
}

/*==================== Menu ===========================*/

.advanced {
}

.advancedHide {
    display: none !important;
}

.basic {
}

.basicHide {
    display: none !important;
}

/*==================== Section Title Bar Area ====================*/

.section_title_bar_container {
    float: left;
    position: relative;
    width: 100%;
}

.section_title_bar {
    /*border-bottom: 1px solid var(--color-primary-grey-3);*/
    min-height: 59px;
    margin: 30px 30px 0 30px;
}

.section_title {
    float: left;
    position: relative;
    overflow: hidden;
    color: #303030;
    font-size: 24px;
    padding: 0;
    font-family: var(--font-primary-regular);
    margin: 0;
    z-index: 10;
    max-width: calc(100vw - 90px);
}

.section_title h1,
.content_area .section_title h1 {
    font-size: 1.25rem !important;
    font-family: var(--font-primary-regular) !important;
    color: var(--color-primary-grey-5) !important;
    /* background-color: white; */
    padding-right: 10px;
}

.content_area.v2 .section_title.section_title h1 {
    font-family: var(--font-primary-regular);
    font-size: 1.25rem;
}

.content_area.v2 .section_title .section_back {
    display: inline-block;
    padding: 2px 6px 2px 20px;
    background: #57a3cf;
    color: #fff;
    border-radius: var(--border-radius-small);
    cursor: pointer;
    font-size: 14px;
    position: relative;
    margin-bottom: 20px;
}

.content_area.v2 .section_title .section_back::before {
    position: absolute;
    left: 5px;
    top: 6px;
    font-size: 10px;
}

/*==================== Breadcrumbs ====================*/

.section_title_v2 .breadcrumbs {
    font-family: var(--font-primary-regular);
    text-transform: none;
    font-size: 11px;
}

.breadcrumbs {
    padding: 0;
    letter-spacing: .08em;
    /* text-transform: uppercase; */
    font-family: var(--font-primary-regular);
    font-size: 11px;
    margin: 0 0 20px;
}

.breadcrumbs .oi {
    font-size: 8px;
    padding-left: 5px;
    color: #ccc;
}

.breadcrumbs a {
    color: var(--color-primary-blue);
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs ul {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li {
    color: var(--color-primary-grey-3);
    display: inline;
    font-size: 14px;
    font-weight: normal;
}

/*==================== Screen Help ====================*/

body.body_fullscreen .screen_help {
    top: 30px;
}

.screen_help {
    position: absolute;
    top: 130px;
    right: 30px;
    background: var(--color-primary-green);
    color: #fff;
    font-weight: bold;
    font-family: var(--font-primary-regular);
    text-transform: uppercase;
    width: 190px;
    height: 28px;
    line-height: 28px;
    letter-spacing: .1em;
    font-size: 0.8em;
    font-size: 0.786rem;
    font-size: 11px;
    border-radius: var(--border-radius-small);
    transition: var(--transition-primary)
}

.screen_help:hover {
    background: var(--color-primary-green-dark);
}

.screen_help a {
    color: #fff;
}

.screen_help .screen_icon {
    float: left;
    margin: 9px 8px 0 8px;
    background: url(../../images/v3/icons.png) no-repeat -40px 0;
    background: none;
    width: 12px;
    height: 12px;
    text-align: center;
}

.screen_help .screen_icon::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1cf";
    display: block;
    height: 12px;
    width: 12px;
    font-size: 12px;
    color: #fff;
}

.help_icon {
    display: block;
    height: 12px;
    width: 12px;
    /* background: url(../../images/v3/icons.png) no-repeat 0 -360px; */
}

.help_icon::before {
    font-family: "icons" !important;
    content: "\f256";
    display: block;
    line-height: 1;
    width: 1em;
    text-align: center;
    box-sizing: content-box;
    font-size: 12px;
    color: var(--color-primary-green);
    rotate: 180deg;
}

body.body_fullscreen .onscreen_tour {
    top: 30px;
}

/* Overwrite Dashboard css */
.content {
    .widget_full {
        min-width: auto;
    }
}

.dashboard .widget .widget_title .widget_options {
    width: auto;
}

.dashboard .widget .widget_title .widget_options .widget_note {
    font-size: 9px;
    letter-spacing: 0.05em;
    background-color: var(--color-primary-grey-4);
    padding: 4px 6px;
    color: var(--color-primary-grey-1);
    border-radius: 8px;
}

.configure_widgets .widgets_icon {
    display:flex;
    align-items:center;
    justify-content:center;
    float: left;
    margin: 3px 10px 5px 3px;
    background: none !important;
    width: 30px;
    height: 20px;
}

.configure_widgets .widgets_icon::before {
    font-family: "icons" !important;
    content: "\f256";
    display: block;
    line-height: 1;
    width: 1em;
    text-align: center;
    box-sizing: content-box;
    font-size: 12px;
    color: white;
    rotate: 180deg;
}

body.body_fullscreen .dashboard.page_options {
    top: 30px;
}

.onscreen_tour {
    position: absolute;
    top: 130px;
    right: 240px;
    background: #8dab00;
    color: #fff;
    font-family: var(--font-primary-regular);
    text-transform: uppercase;
    width: 160px;
    height: 30px;
    line-height: 30px;
    letter-spacing: .1em;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.onscreen_tour a {
    color: #fff;
}

.onscreen_tour .screen_icon {
    float: left;
    margin: 5px 10px 5px 5px;
    background: url(../../images/v3/icons.png) no-repeat -240px 0;
    width: 22px;
    height: 20px;
}

/*==================== Notifications ====================*/

.note_intro {
    position: relative;
    background: #ECECEC;
    margin: 10px 0;
    min-height: 30px;
    border-radius: var(--border-radius-medium);
}

.note_intro .intro_img {
    display: table-cell;
    vertical-align: top;
    width: 250px;
    height: 250px;
}

.note_intro .intro_content {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
}

.note_intro .intro_content .intro_text {
    width: 50%;
    min-width: 300px;
    float: left;
}

.note_intro .intro_content .intro_text div {
    padding: 0 40px 20px 0;
}

.note_intro .intro_content .intro_text p {
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
}

.note_intro .intro_content .intro_form {
    width: 50%;
    min-width: 300px;
    float: left;
}

.note_intro .intro_content .intro_form input {
    margin: 10px 0 20px 0;
    border: 1px solid #bbb;
    background: #f1f1f1;
    color: #777;
    letter-spacing: .08em;
    padding: 5px;
    width: 80%;
}

.note_intro .intro_content .intro_form select {
    margin: 10px 0 20px 0;
    border: 1px solid #dadada;
    background: #f1f1f1;
    color: #777;
    letter-spacing: .08em;
    padding: 2px 4px;
    width: 80%;
}

.note_intro .intro_content .intro_form .btn {
    color: #fff;
    background: var(--color-primary-blue);
    border: none;
    padding: 5px;
    text-transform: uppercase;
    font-size: .9em;
    letter-spacing: 0.08em;
    border-radius: 3px;
    line-height: 1.5;
}

.dashboard .notifications {
    margin: 10px 0 0 0;
}

.notifications p {
    margin: 0 0 10px 0;
}

.note_error {
    /*display: none;*/
    position: relative;
    background: url(../../images/v3/alert-overlay.png) repeat-y top left var(--color-primary-red);
    padding: 10px 10px 10px 50px;
    margin: 0 0 10px;
    min-height: 30px;
    border-radius: var(--border-radius-medium);
}

.note_error p,
.interior_content .note_error p {
    color: #fff;
    letter-spacing: .1em;
    line-height: 14px;
}

.note_error pre {
    color: #fff;
    line-height: 14px;
}

.note_error a {
    color: #31090b;
}

.note_error h3 {
    font-family: var(--font-primary-regular);
    letter-spacing: .1em;
    color: #fff;
}

.note_error span {
    display: flex;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 14px;
    left: 9px;
}

.note_error span::after {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1fa";
    color: var(--color-primary-red);
    font-size: 12px;
    width: 12px;
    height: 12px;
    pointer-events: none;
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease;
}

.note_error a {
    color: #31090b;
}

.note_alert {
    /*display: none;*/
    position: relative;
    background-color: var(--color-alt-yellow-1);
    color: var(--color-primary-grey-5);
    padding: 10px 10px 10px 50px;
    margin: 0 0 10px;
    min-height: 30px;
    border-radius: var(--border-radius-medium);
    overflow: hidden;

    &::after {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0403 4.48731C11.0403 4.48733 11.0403 4.48734 11.0403 4.48736L3.07767 18.9518L3.07766 18.9518C2.95845 19.1683 2.97879 19.3856 3.12529 19.5876C3.28088 19.802 3.5938 20 4.0373 20H19.9627C20.4062 20 20.7191 19.802 20.8747 19.5875C21.0212 19.3856 21.0416 19.1683 20.9224 18.9518L12.9597 4.48736C12.9597 4.48734 12.9597 4.48733 12.9597 4.48732C12.8043 4.20525 12.4545 4 12 4C11.5455 4 11.1957 4.20525 11.0403 4.48731ZM12 2C13.0123 2 14.1292 2.46477 14.7117 3.52276L14.7117 3.5228L22.6744 17.9872L21.7984 18.4695L22.6744 17.9872C23.2011 18.944 23.0522 19.992 22.4936 20.7619C21.9442 21.5194 21.0163 22 19.9627 22H4.0373C2.98372 22 2.05585 21.5194 1.50639 20.7619C0.947854 19.992 0.798899 18.944 1.32561 17.9872C1.32561 17.9872 1.32561 17.9872 1.32562 17.9872L9.28827 3.52281L9.28829 3.52276C9.87078 2.46477 10.9877 2 12 2Z" fill="%23F7F1A4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 8C12.5523 8 13 8.44772 13 9V13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13V9C11 8.44772 11.4477 8 12 8Z" fill="%23F7F1A4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 16C12.5523 16 13 16.4477 13 17V17.0195C13 17.5718 12.5523 18.0195 12 18.0195C11.4477 18.0195 11 17.5718 11 17.0195V17C11 16.4477 11.4477 16 12 16Z" fill="%23F7F1A4"/></svg>');
        background-color: rgba(0, 0, 0, 0.1);
        background-repeat: no-repeat;
        background-position: center 6px;
        z-index: 1;
    }
}

.note_alert p,
.interior_content .note_alert p {
    color: var(--color-primary-grey-5);
    letter-spacing: .1em;
    line-height: 14px;
}

.note_alert a,
#uc-item-editor .notifications .note_alert a {
    color: var(--color-primary-grey-5);
}

.note_alert h3 {
    font-family: var(--font-primary-regular);
    letter-spacing: .1em;
    color: var(--color-primary-grey-5);
    margin-bottom: 5px !important;
}

#uc-item-editor div[class*="note_"].note_alert > span:first-child::before {
    content: "" !important;
}

.note_alert span {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(../../images/v3/icons.png) no-repeat -1240px -200px;
}

.note_confirm {
    /*display: none;*/
    position: relative;
    background: url(../../images/v3/alert-overlay.png) repeat-y top left #e3eb5e;
    padding: 10px 10px 10px 50px;
    margin: 0 0 10px;
    min-height: 30px;
}

.note_confirm p {
    color: #323232;
    letter-spacing: .1em;
    line-height: 14px;
}

.note_confirm h3 {
    font-family: var(--font-primary-regular);
    letter-spacing: .1em;
    color: #323232;
}

.note_confirm span {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(../../images/v3/icons.png) no-repeat -1280px -200px;
}

.note_info {
    /*display: none;*/
    position: relative;
    background: url(../../images/v3/alert-overlay.png) repeat-y top left #c9e9f6;
    padding: 10px 10px 10px 50px;
    margin: 0 0 10px;
    min-height: 30px;
}

.note_info p {
    color: #323232;
    letter-spacing: .1em;
    line-height: 14px;
}

.note_info a {
    color: #60889f;
}

.note_info h3 {
    font-family: var(--font-primary-regular);
    letter-spacing: .1em;
    color: #323232;
}

.note_info span {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(../../images/v3/icons.png) no-repeat -1320px -200px;
}

/*==================== Page Title Bar Area ====================*/

.page_title_bar_container {
    float: left;
    position: relative;
    width: 100%;
}

.page_title_bar {
    height: 50px;
    margin: -40px 30px 0 30px;
}

.page_title {
    position: relative;
    width: 500px;
    float: left;
    overflow: hidden;
    padding: 20px 0 0 0;
    margin: 0;
    font-family: var(--font-primary-regular);
    color: #666;
    font-size: 15px;
    height: 30px;
    display: none;
}

.page_title.sub_nav {
    padding: 20px 0 0 70px;
}

.page_title .add_kit,
.page_title .add_item {
    display: block;
    position: absolute;
    width: 80px;
    line-height: 25px;
    background: var(--color-primary-blue);
    color: #fff;
    text-align: right;
    margin-top: -5px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'latoregular', arial;
    font-size: 12px;
    letter-spacing: 0.1em;
    border-radius: 3px;
}

.page_title .add_kit {
    top: 21px;
    left: 250px;
}

.page_title .add_item {
    top: 21px;
    left: 160px;
}

.page_title_bar .quick_jump {
    position: absolute;
    top: -30px;
    right: 30px;
    width: 200px;
    z-index: 10;
}

.quick_jump .search_area {
    width: 200px;
    height: 30px;
    float: right;
}

.quick_jump .search_area input {
    /*-moz-border-radius: 2px 0 0 2px !important;
	-webkit-border-radius: 2px 0 0 2px !important;
	border-radius: 2px 0 0 2px !important;*/
}

.quickjump_btn {
    background: url(../../images/v3/icons.png) no-repeat var(--color-primary-blue);
    background-position: -349px -513px;
    width: 40px;
    height: 30px;
    border: 0;
    cursor: pointer;
    float: left;
}

.page_options {
    width: 250px;
    padding-left: 20px;
    height: 30px;
    position: relative;
    float: right;
    margin-top: 20px;
    line-height: 30px;
    letter-spacing: .1em;
    font-family: var(--font-primary-regular);
}

.dashboard.page_options {
    width: 248px;
    padding-left: 20px;
    height: 29px;
    position: absolute;
    top: 130px;
    right: 380px;
    line-height: 29px;
    letter-spacing: .1em;
    font-family: var(--font-primary-regular);
}

.page_options .view_options {
    background: #f1f1f1;
    position: relative;
    float: right;
    width: 198px;
    height: 29px;
    padding: 0;
    border-top: 1px solid var(--color-primary-grey-3);
    border-right: 1px solid var(--color-primary-grey-3);
    border-left: 1px solid var(--color-primary-grey-3);
}

.page_options .option_btn {
    float: right;
    width: 99px;
    height: 30px;
    line-height: 28px;
    font-family: var(--font-primary-regular);
    font-size: 0.8em;
    font-size: 0.786rem;
    letter-spacing: .2em;
    text-align: center;
    color: var(--color-primary-blue);
    cursor: pointer;
}

#viewAdvancedId {
    width: 98px;
    border-left: 1px solid var(--color-primary-grey-3);
}

.page_options .active {
    background: #fff !important;
    width: 99px;
    height: 30px;
    color: var(--color-primary-grey-4) !important;
}

.page_options .help_icon {
    position: absolute;
    top: 10px;
    left: 0;
}

.page_options .view_options .up_arrow_white {
    position: absolute;
    bottom: 0;
}

.up_arrow_white {
    display: none;
    width: 10px;
    height: 7px;
    background: url(../../images/v3/icons.png) no-repeat -81px -213px;
}

.wrapper-dropdown-1 {
    /* Size and position */
    position: relative;
    /* Enable absolute positioning for children and pseudo elements */
    width: 228px;
    /*padding: 10px;*/
    /*margin: 0 auto;*/
    padding-left: 10px;
    z-index: 999;
    /* Styles */
    background: none;
    color: var(--color-primary-blue);
    outline: none;
    cursor: pointer;
    /* Font settings */
    /*font-weight: bold;*/
    font-size: .9em;
    letter-spacing: 0;
}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent var(--color-primary-blue);
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    /* Size */
    right: 0;
    /* Size */
    /* Styles */
    background: #fff;
    font-weight: normal;
    /* Overwrites previous font-weight: bold; */
    padding: 0;
    margin: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
    border-bottom: 1px solid #bbb;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

/* Hover state */

.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #bbb transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
    background: #fff;
    background: linear-gradient(to right, #fff 0%, #fff 83%, #f1f1f1 83%, #f1f1f1 100%);
}

/*==================== General Elements ====================*/

h1 {
    color: var(--color-primary-grey-5);
    font-size: 1.01em;
    padding: 0;
    font-family: var(--font-primary-regular);
    margin: 0;
    font-weight: normal;
}

h2 {
    color: #666;
    font-size: 1em;
    line-height: normal;
    padding: 0;
    font-family: var(--font-primary-regular);
    margin: 0;
    font-weight: normal;
}

h3 {
    font-family: var(--font-primary-regular);
    font-size: 1.17em;
    margin: 0;
    font-weight: normal;
}

h4 {
    font-family: var(--font-primary-regular);
    font-size: 1em;
    font-weight: normal;
}

/*==================== Interior Page Elements ====================*/
.interior {
    margin: 0 30px 30px;
    border-top: 1px solid var(--color-primary-grey-3);
    border-bottom: 1px solid var(--color-primary-grey-3);
}

body[data-main-form-action="/merchant/orderprocessing/sd/shippingDepartmentListSave.do"] {
    .interior {
        border-top: 0;
        border-bottom: 0;
    }
}

.interior_full {
    clear: both;
}

.interior_title {
    background: #FFF;
    height: 60px;
    clear: both;
    position: relative;
    border-bottom: 1px solid var(--color-primary-grey-3);
    border-top: 1px solid var(--color-primary-grey-3);
}

.interior_title h3 {
    line-height: 60px;
    font-family: var(--font-primary-regular);
    font-weight: 400;
    letter-spacing: .1em;
    font-size: 15px;
    margin: 0;
    padding-left: 30px;
}

.interior_title .dash_icon {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
}

.interior_container {
    display: block;
    position: relative;
    min-height: calc(100vh - 368px);
}

.left_nav li a:focus {
    outline: none;
}

.interior_container .left_nav_sub_container {
    position: absolute;
    top: 0;
    left: 2px;
    width: 239px;
    height: 100%;
    overflow: hidden;
}

.interior_container .left_nav_sub_parent_icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    z-index: 100;
}

.interior_container .left_nav_sub_container.activeMenu {
    display: none;
}

.interior_container .left_nav_sub {
    position: absolute;
    top: 0;
    left: 50px;
    width: 189px;
    height: 100%;
    background: url(../../images/v3/light-grey.gif) right repeat-y #d9d9d9;
    border-left: 1px solid #BBB;
    overflow: hidden;
    z-index: 100;
    -webkit-transition: all .125s ease-in-out;
    -moz-transition: all .125s ease-in-out;
    -o-transition: all .125s ease-in-out;
    -ms-transition: all .125s ease-in-out;
    transition: all .125s ease-in-out;
}

.interior_container .left_nav_sub_parent_icons.activeMenu {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 239px !important;
}

.interior_container .left_nav_sub.activeMenu {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    left: 239px !important;
}

.interior_container .left_nav .left_nav_click_area {
}

.interior_container .left_nav .left_nav_sub ul li {
    display: table;
    position: relative;
    width: 187px;
    min-height: 60px;
    height: 60px;
    margin: 0;
    background: #d9d9d9;
    border-left: none;
    border-bottom: 1px solid #BBB;
    border-right: 1px solid #bbb;
    color: var(--color-primary-blue);
    font-family: var(--font-primary-regular);
    font-size: 14px;
}

.interior_container .left_nav .left_nav_sub ul li.active {
    background: #fff;
    border-right: 1px solid #fff;
}

.interior_container .left_nav {
    display: table-cell;
    table-layout: fixed;
    position: relative;
    vertical-align: top;
    width: 240px;
    background: url(../../images/v3/light-grey.gif) right repeat-y var(--color-primary-grey-2);
    overflow: hidden;
}

.interior_container .left_nav ul {
    display: table-cell;
    padding: 0;
    background: url(../../images/v3/light-grey.gif) right repeat-y var(--color-primary-grey-2);
}

.interior_container .left_nav ul li {
    display: block;
    position: relative;
    width: 239px;
    min-height: 40px;
    margin: 0;
    background: var(--color-primary-grey-2);
    border-bottom: 1px solid var(--color-primary-grey-3);
    color: var(--color-primary-blue);
    font-family: var(--font-primary-regular);
    font-size: 14px;
    /* overflow-x: hidden; */
    border-right: 1px solid var(--color-primary-grey-3);
    cursor: pointer;
    border-left: 1px solid var(--color-primary-grey-3);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.storefront.pageItemsRow {
    min-width: 680px;
}

.storefront .interior_container .left_nav ul li {
    min-height: 40px;
    box-sizing: content-box;
}

.storefront .website_preview {
    width: 1400px;
    height: 1040px;
    -webkit-transform: scale(0.285);
    transform: scale(0.285);
    pointer-events: none;
    border: none;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 20px;
}

.storefront .website_preview_container .website_preview_url {
    position: absolute;
    top: 4px;
    width: calc(100% - 34px);
    display: block;
    background-color: white;
    left: 30px;
    border: none;
    font-size: 8px;
    padding-left: 5px;
    box-sizing: border-box;
    border-radius: 3px;
}

.storefront .website_preview_container .website_preview_url::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f14d";
    display: block;
    color: rgb(140, 140, 140);
    pointer-events: none;
    width: 6px;
    height: 6px;
    font-size: 6px;
    position: absolute;
    top: 2px;
    left: -24px;
}

.storefront .website_preview_container .website_preview_url::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f14e";
    display: block;
    color: rgb(140, 140, 140);
    pointer-events: none;
    width: 6px;
    height: 6px;
    font-size: 6px;
    position: absolute;
    top: 2px;
    left: -16px;
}

.storefront .website_preview_container {
    overflow: hidden;
}

.storefront .website_preview_container .website_preview_url a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    display: block;
}

.storefront .website_preview_container {
    height: 330px;
    width: 400px;
    position: relative;
    box-sizing: border-box;
    background-color: var(--color-primary-grey-3);
    padding-top: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid var(--color-primary-grey-3);
    padding-bottom: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.storefront .website_preview_overlay {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 161px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.storefront .website_preview_overlay:hover {
    opacity: 1;
}

.storefront .website_preview_overlay .website_preview_overlay_text {
    color: white;
    font-size: 16px;
    line-height: 18px;
}

.template_theme_upgrade_check_wrapper .change_log_read_only .change_log_version_change_description {
    width: 550px;
}

.storefront .change_log_read_only .new_change_log,
.storefront .change_log_read_only .change_log_version_change_delete {
    display: none;
}

.storefront .change_log_version ul {
    list-style: none;
    padding-left: 0;
    display: none;
}

.storefront .change_log_version.open .change_log_version_header:before {
    display: block;
    float: left;
    content: "[-]";
    margin-right: 10px;
}

.storefront .change_log_version .change_log_version_header:before {
    display: block;
    float: left;
    content: "[+]";
    margin-right: 10px;
}

.storefront.template_theme_upgrade_check_wrapper .change_log_version.open .change_log_version_header:before {
    content: "";
    margin-right: 0;
}

.storefront.template_theme_upgrade_check_wrapper .change_log_version .change_log_version_header:before {
    content: "";
    margin-right: 0;
}

.storefront.template_theme_upgrade_check_wrapper .list_150:has(input[value="Duplicate and Upgrade"]),
.storefront.template_theme_upgrade_check_wrapper .list_100:has(.themeUpgradeCancelBtn) {
    width: auto;
    margin-bottom: 0;
    margin-right: 8px;
}

.storefront .change_log_version.open ul {
    display: block;
}

.storefront .change_log_version ul li {
    margin-bottom: 0;
}

.storefront .change_log_version_header {
    margin-bottom: 10px;
}

.storefront .change_log_version .list_300,
.storefront .change_log_version .list_100 {
    margin-bottom: 10px;
}

.storefront .change_log_version_change_category {
    background-color: #f3f3f3;
    border-right: 3px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    color: #333;
    display: inline-block;
    font-size: 11px;
    font-size: .6875rem;
    font-style: normal;
    line-height: 14px;
    padding: 4px 2px 4px 33px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    position: relative;
}

.storefront .change_log_version_change_category::before {
    content: "";
    display: block;
    position: absolute;
    text-shadow: none;
    left: 5px;
    font-size: 12px;
    font-family: 'ultracarticons';
}

.storefront .change_log_version_change_category_new {
    background-color: #ffedcf;
    border-color: #f90;
}

.storefront .change_log_version_change_category_new:before {
    content: "\e043";
    color: #f90;
}

.storefront .change_log_version_change_category_changed {
    background-color: #e9cfff;
    border-color: #8106e0;
}

.storefront .change_log_version_change_category_changed:before {
    content: "\e03f";
    color: #8106e0;
}

.storefront .change_log_version_change_category_important {
    background-color: #f8dfd8;
    border-color: #d85027;
}

.storefront .change_log_version_change_category_important:before {
    content: "\e042";
    color: #d85027;
}

.storefront .change_log_version_change_category_developer {
    background-color: #d8d8d8;
    border-color: var(--color-primary-grey-4);
}

.storefront .change_log_version_change_category_developer:before {
    content: "\e040";
    color: var(--color-primary-grey-4);
}

.storefront .change_log_version_change_category_fixed {
    background-color: #f0ffe1;
    border-color: #5ba622;
}

.storefront .change_log_version_change_category_fixed:before {
    content: "\e041";
    color: #5ba622;
}

.storefront .change_log_version_change_category_browser {
    background-color: #9bc7e3;
    border-color: #3d6c87;
}

.storefront .change_log_version_change_category_browser:before {
    content: "\e03e";
    color: #3d6c87;
}

.storefront .change_log_version_change_category_responsive {
    background-color: #f3f3f3;
    border-color: #c4c3c3;
}

.storefront .change_log_version_change_category_responsive:before {
    content: "\e044";
    color: #c4c3c3;
}

.storefront .urlDisplay {
    /*width: 600px;*/
    width: 400px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    background: #f4f4f4;
    border: 1px solid var(--color-primary-grey-3);
    height: 30px;
    padding: 4px 6px;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}

.storefront .urlDisplay span {
    color: var(--color-primary-grey-3);
}

.storefront .urlDisplay span.status {
    background: #999;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: var(--border-radius-small);
    margin-top: 5px;
    margin-right: 3px;
    float: right;
}

.storefront .urlDisplay span.status.correctDns {
    background: #99CC33;
}

.storefront .urlDisplay span.status.warningDns {
    background: orange;
}

.storefront .urlDisplay span.status.incorrectDns {
    background: #990000;
}

.interior_container .left_nav ul li.collapse {
    width: 50px;
    height: 60px;
    overflow-y: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.interior_container .left_nav ul .parent_nav {
    display: table;
    position: relative;
    width: 239px;
    margin: 0;
    border-bottom: 1px solid var(--color-primary-grey-3);
    color: #fff;
    background: #6a6a6a;
    font-family: var(--font-primary-regular);
    font-size: 14px;
}

.interior_container .left_nav ul .parent_nav a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0 20px 50px;
}

.interior_container .left_nav ul a {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.interior_container .left_nav .left_nav_sub ul a {
    padding: 20px 40px 20px 20px;
}

.left_nav ul .sales {
    line-height: 40px !important;
}

.left_nav ul li .help_icon {
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 25px;
    right: 20px;
    background: url(../../images/v3/icons.png) no-repeat 0 -360px;
}

.interior_container .left_nav ul .has_icon {
}

.interior_container .left_nav ul .sub {
    width: 230px;
    border-left: 10px solid #fff;
    border-bottom: none;
    background: #f3f3f3;
    height: auto !important;
    min-height: initial !important;
}

.interior_container .left_nav ul .post_sub {
    border-top: 1px solid #bbb;
}

.interior_container .left_nav ul .sub_divider {
    height: 1px;
    min-height: 1px !important;
    border-top: none;
    background-color: var(--color-primary-grey-3);
    border-bottom: none;
}

.interior_container .left_nav ul .parent {
    background: #eaeaea;
}

.interior_container .left_nav ul .active {
    color: var(--color-primary-grey-4);
    background: #fff;
    border-right: 1px solid #FFF;
}

.interior_container .left_nav ul .has_icon .active a {
    color: var(--color-primary-grey-4);
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 50px;
}

.left_nav ul li .summary {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    color: var(--color-primary-grey-4);
    font-size: 11px;
    letter-spacing: .1em;
}

.interior_container .left_nav ul .has_icon a {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px 10px 40px;
}

.storefront .interior_container .left_nav ul .has_icon a {
    padding: 10px 20px 10px 40px;
}

.nav-2020 #tabUpsellsId,
.nav-2020 #tabBlogId,
.storeFrontNav #tabCommunicationId,
.storeFrontNav .communication_folder,
.storefront #tabLocationsId {
    display: none;
}

.nav-2020 .storeFrontNav.content_folder_open #tabBlogId,
.nav-2020 .storeFrontNav.content_folder_open #tabLocationsId {
    display: block;
}

.storeFrontNav.supports_communication #tabCommunicationId,
.storeFrontNav.supports_communication .communication_folder,
.storeFrontNav.content_folder_open.supports_upsells #tabUpsellsId,
.nav-2020.supports_blog #tabBlogId,
.nav-2020.supports_paypal_contextual_messaging #tabAdvertisingId,
.nav-2020.supports_store_locator #tabLocationsId {
    display: block;
}

.storeFrontNav.supports_communication #tabEmailsId {
    display: none;
}

.nav-2020 .storeFrontNav.screen_recordings_folder_open .screen_recordings_folder,
.nav-2020 .storeFrontNav.content_folder_open .content_folder,
.nav-2020 .storeFrontNav.appearance_folder_open .appearance_folder {
    display: block;
}

.nav-2020 .storeFrontNav .screen_recordings_folder,
.nav-2020 .storeFrontNav .content_folder,
.nav-2020 .storeFrontNav .appearance_folder {
    display: none;
}

.uc-selectize-option .itemId {
}

.uc-selectize-option .description {
    font-size: 9px;
    padding: 0 0 5px 0;
    display: block;
    clear: both;
    color: #999;
    border-bottom: 1px solid #bbb;
}

.interior_container .left_nav ul a {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
}

.interior_container .nav_interior_content {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.interior_content {
    padding: 30px 0 30px 30px;

    &#contentCardinalCommerceId {
        padding: 30px 0 30px 0;
    }
}

.interior_content.table {
    padding: 0 0 30px 30px;
}

.interior_content.table .no_items {
    width: 100%;
    height: 320px;
    background: #f1f1f1;
    margin-top: 20px;
    padding-top: 10px;
}

.interior_content.table .no_items p {
    text-align: center;
    width: 420px;
    display: block;
    margin: 30px auto;
}

.interior_content.table .no_items .options {
    clear: both;
    margin: 0 auto;
    padding: 10px 10px 10px 0;
    top: 16px;
    right: 0;
    width: 270px;
    height: 125px;
    background: var(--color-primary-blue);
}

.no_items .options .add_item_btn,
.no_items .options .add_kit_btn {
    display: block;
    width: 125px;
    height: 125px;
    background: #fff;
    float: right;
    margin-left: 10px;
    text-align: center;
    text-transform: uppercase;
    font-family: latobold, Helvetica;
    letter-spacing: .08em;
    position: relative;
    opacity: 1;
}

.interior_content p {
    font-size: 0.8em;
    font-size: 0.786rem;
    line-height: 21px;
    color: var(--color-primary-grey-5);
    letter-spacing: .1em;
    margin-top: 0;
}

.interior_content ul {
    font-size: 0.8em;
    font-size: 0.786rem;
}

.interior_content code[class*=language-],
.interior_content pre[class*=language-] {
    text-shadow: none;
}

.interior_content .language-css .token.string,
.interior_content .style .token.string,
.interior_content .token.entity,
.interior_content .token.operator,
.interior_content .token.url {
    background: transparent;
}

.interior_content p.sub {
    font-size: .9em;
    line-height: 1.5em;
    color: var(--color-primary-grey-4);
}

.interior_content .intro {
    border-bottom: 1px solid var(--color-primary-grey-3);
    padding-bottom: 20px;
    margin-top: 0;
}

.interior_content .list_half {
    display: block;
    float: left;
    padding: 0;
    width: 40%;
    min-width: 300px;
    overflow: inherit;
}

.interior_content .list_review {
    display: block;
    float: left;
    padding: 0;
    overflow: inherit;
    margin: 0 10px 0 0;
}

.interior_content .list_review li {
    display: block;
    list-style: none;
    clear: both;
    margin-bottom: 0;
}

#filterForm .list_review input {
    box-sizing: border-box;
    width: 100%;
}

#filterForm .list_review select {
    border: 1px solid var(--color-primary-grey-3);
    background: #FFF;
    border-radius: var(--border-radius-small);
    font-size: 1em;
    height: 24px;
    padding: 2px 4px;
    width: 147px;
}

.interior_content .two_column {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.interior_content .three_column {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 825px) {
    .interior_content .two_column {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }

    .interior_content .three_column {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }
}

.interior_content .list_half li {
    display: block;
    list-style: none;
    line-height: 30px;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 10px;
    clear: both;
}

.interior_content .list_half li a {
    color: var(--color-primary-blue);
}

.interior_content .list_half li .help_icon {
    position: absolute;
    top: 10px;
    left: 0;
}

.interior_content ul li {
    font-size: 1em;
    margin-bottom: 15px;
}

.left_nav ul .active a {
    color: #999;
}

/*==================== New Menu Icons ====================*/
.left_nav ul li span[class*="config_icon"],
.left_nav ul .active span[class*="config_icon"] {
    display: block;
    height: 16px;
    width: 16px;
    background: none;
}

.left_nav ul li span[class*="affiliate_icon"]::before,
.left_nav ul li span[class*="config_icon"]::before,
.left_nav ul li span[class*="review_icon"]::before {
    font-family: "icons" !important;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    content: "\f160";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: var(--color-primary-blue);
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: none;
}

.left_nav ul .active span[class*="config_icon"]::before {
    color: rgb(183, 183, 183);
}

/* General Cog icon */
.left_nav ul li span.config_icon_general::before,
.left_nav ul li span.config_icon_office::before {
    content: "\f160";
}

/* Accounts / Users - People icon */
.left_nav ul li span.config_icon_users::before,
.left_nav ul li span.affiliate_icon_affiliates::before {
    content: "\f1c3";
}

/* Accounting - Clipboard */
.left_nav ul li span.affiliate_icon_reports::before,
.left_nav ul li span.config_icon_accounting::before {
    content: "\f159";
}

/* Call Centers - Headphones */
.left_nav ul li span.config_icon_call_centers::before {
    content: "\f195";
}

/* Channel Partners - Puzzle Piece */
.left_nav ul li span.config_icon_channel_partners::before {
    content: "\f1ce";
}

/* Checkout - Cart */
.left_nav ul li span.config_icon_checkout::before {
    content: "\f150";
}

/* Development - Code */
.left_nav ul li span.config_icon_development::before {
    content: "\f15f";
}

/* Order Management - Layers */
.left_nav ul li span.config_icon_orders::before {
    content: "\f1a2";
}

/* Email Notifications - Envelope */
.left_nav ul li span.config_icon_email::before {
    content: "\f17b";
}

/* External Integrations - Puzzle Piece */
.left_nav ul li span.config_icon_integrations::before {
    content: "\f1ce";
}

/* Items - Box */
.left_nav ul li span.config_icon_items::before {
    content: "\f142";
}

/* Review Templates - Layers */
.left_nav ul li span.review_icon_template_list::before {
    content: "\f1a2";
}

/* Unapproved Reviews - Alert Circle */
.left_nav ul li span.review_icon_unapproved::before {
    content: "\f256";
}

/* Comissions - Dollar */
.left_nav ul li span.affiliate_icon_commissions::before {
    content: "\f172";
}

/* Overview - Eye */
.left_nav ul li span.affiliate_icon_overview::before {
    content: "\f184";
}

/* Email Templates - Envelope */
.left_nav ul li span.affiliate_icon_email_templates::before {
    content: "\f17b";
}

/* Links - Link */
.left_nav ul li span.affiliate_icon_affiliate_links::before,
.left_nav ul li span.affiliate_icon_merchant_links::before {
    content: "\f1a5";
}

.left_nav ul li span.config_icon_general {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    /* background: url(../../images/v3/icons.png) no-repeat 0 -400px; */
}

.left_nav ul .active .config_icon_general {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    /* background: url(../../images/v3/icons.png) no-repeat 0 -440px; */
}

.left_nav ul li .config_icon_checkout {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -40px -400px;
}

.left_nav ul .active .config_icon_checkout {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -40px -440px;
}

.left_nav ul li .config_icon_look {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
}

.left_nav ul .active .config_icon_look {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -80px -440px;
}

.left_nav ul li .config_icon_office {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -120px -400px;
}

.left_nav ul .active .config_icon_office {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -120px -440px;
}

.left_nav ul li .config_icon_email {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -160px -400px;
}

.left_nav ul .active .config_icon_email {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -160px -440px;
}

.left_nav ul li .config_icon_integrations {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -200px -400px;
}

.left_nav ul .active .config_icon_integrations {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -200px -440px;
}

.left_nav ul li .config_icon_call_centers {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -320px -400px;
}

.left_nav ul .active .config_icon_call_centers {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -320px -440px;
}

.left_nav ul li .config_icon_channel_partners {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -360px -400px;
}

.left_nav ul .active .config_icon_channel_partners {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -360px -440px;
}

.left_nav ul li .config_icon_social_marketing {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -400px -400px;
}

.left_nav ul .active .config_icon_social_marketing {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -400px -440px;
}

.left_nav ul li .config_icon_items {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -160px -320px;
}

.left_nav ul .active .config_icon_items {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -160px -360px;
}

/*==================== Item Tools ====================*/
#item-tools-modal {
    header {
        padding: 32px 32px 0 32px;
        border-bottom: none;

        h2.header-text {
            font-size: 1.25em;
            font-weight: 700;
            color: var(--color-primary-grey-4);
        }
    }

    .close-button {
        top: 32px;
        right: 32px;
        z-index: 100;
    }

    section.item-tools-wrapper {
        padding: 32px;
        display: flex;
        flex-direction: column;
        gap: 16px;

        .tools-row {
            display: flex;
            gap: 16px;
            margin: 0;

            &::after {
                display: none;
            }

            .item-tool {
                margin: 0;
                float: none;
                border-radius: 8px;
                overflow: hidden;
                border: 1px solid var(--color-primary-grey-3);
                width: 100%;

                .card-icon-background {
                    background-color: transparent;
                }
            }
        }
    }
}



/*==================== Items ====================*/

/* form[action="/merchant/item/itemListSave.do"] {
    background-color: var(--color-primary-grey-1);
} */

.left_nav ul li .item_icon_configuration {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -240px -400px;
}

.left_nav ul .active .item_icon_configuration {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -240px -440px;
}

.left_nav ul li a .item_icon_tools {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -280px -400px;
}

.left_nav ul .active .item_icon_tools {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -280px -440px;
}

.item_title_bar_container {
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid var(--color-primary-grey-3);
    min-width: 660px;
}

.item_title_bar_container h3 {
    color: var(--color-primary-grey-4);
}

.folder_header {
    position: relative;
    /*width: 260px;*/
    float: left;
    overflow: hidden;
    padding: 0;
    /*margin: 0 10px;*/
    padding-left: 10px;
    line-height: 40px;
}

.folder_header h3 {
    display: inline;
}

.item_header {
    position: relative;
    width: 260px;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 20px;
    line-height: 40px;
}

.item_header h3 {
    display: inline;
}

.all_item_options {
    position: absolute;
    width: 256px;
    height: 20px;
    right: 0;
    top: 12px;
}

.all_item_options .add {
    display: block;
    position: relative;
    float: right;
    width: 40px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat 0 -582px;
    margin-right: 8px;
    z-index: 999;
}

.old_ie .all_item_options .add .options {
    display: none;
}

.all_item_options .add .options {
    position: absolute;
    padding: 10px 10px 10px 0;
    top: 16px;
    right: 0;
    width: 405px;
    height: 125px;
    background: var(--color-primary-blue);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: -webkit-transform .15s linear;
    -moz-transition: -moz-transform .15s linear;
    -ms-transition: -ms-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    transition: transform .15s linear;
}

.all_item_options .add.active .options {
    display: block;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.all_item_options .add.active .add_item_btn,
.all_item_options .add.active .add_kit_btn,
.all_item_options .add.active .add_folder_btn {
    opacity: 1;
}

.options .add_item_btn,
.options .add_kit_btn,
.options .add_folder_btn {
    display: block;
    width: 125px;
    height: 125px;
    background: #fff;
    float: right;
    margin-left: 10px;
    text-align: center;
    font-family: latobold, Helvetica;
    font-weight: normal;
    letter-spacing: .08em;
    font-size: 0.8em;
    font-size: 0.786rem;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    -o-transition: opacity .15s ease-out;
    -ms-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
}

.options .add_item_btn .icon,
.options .add_kit_btn .icon,
.options .add_folder_btn .icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 35px auto 20px auto;
}

.options .add_item_btn .icon {
    background: url(../../images/v3/icons.png) no-repeat -360px -480px;
}

.options .add_item_btn input {
    display: block;
    width: 125px;
    height: 125px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
}

.options .add_kit_btn input {
    display: block;
    width: 125px;
    height: 125px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
}

.options .add_folder_btn input {
    display: block;
    width: 125px;
    height: 125px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
}

.options .add_kit_btn .icon {
    background: url(../../images/v3/icons.png) no-repeat -400px -480px;
}

.options .add_folder_btn .icon {
    background: url(../../images/v3/icons.png) no-repeat -440px -480px;
}

.all_item_options .import {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -520px;
    margin-right: 8px;
    border: none;
}

.all_item_options .export {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -120px -520px;
    margin-right: 8px;
    border: none;
}

.all_item_options .store_wide {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -40px -560px;
    margin-right: 8px;
    border: none;
}

.all_item_options .barcode {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -80px -560px;
    margin-right: 8px;
    border: none;
}

.all_item_options .convert {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -80px -560px;
    margin-right: 8px;
    border: none;
}


.all_item_options .move {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -120px -560px;
    margin-right: 8px;
    border: none;
}

.all_item_options .copy {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -560px;
    margin-right: 8px;
    border: none;
}

.all_item_options .search {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -200px -560px;
    margin-right: 8px;
    border: none;
}

.all_item_options .tools {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -240px -560px;
    margin-right: 8px;
    border: none;
}

.all_item_options .delete {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
    margin-right: 0;
    border: none;
}

#itemTable {
    width: 100%;
}

#itemTable thead tr {
    padding: 0;
}

#itemTable thead .title th {
    text-align: left;
    height: 15px;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid var(--color-primary-grey-3);
}

#itemTable thead .title .checkbox {
    width: 5px;
}

#itemTable thead .title .item_id {
    width: 125px;
}

#itemTable thead .title .cost {
    width: 75px;
}

#itemTable thead .title .description {
}

#itemTable thead .title .actions {
    width: 85px;
    text-align: center;
}

/* #itemTable thead .title .ts_header span {
    display: block;
    width: 8px;
    height: 8px;
    float: right;
    background: url(../../images/v3/icons.png) no-repeat -24px -218px;
    margin-top: 5px;
}

#itemTable thead .title .ts_header.headerSortDown span {
    display: block;
    width: 8px;
    height: 8px;
    float: right;
    background: url(../../images/v3/icons.png) no-repeat -11px -218px;
    margin-top: 5px;
}

#itemTable thead .title .ts_header.headerSortUp span {
    display: block;
    width: 8px;
    height: 8px;
    float: right;
    background: url(../../images/v3/icons.png) no-repeat 0 -218px;
    margin-top: 5px;
} */

#itemTable tbody tr {
    border-bottom: 1px solid var(--color-primary-grey-3);
    transition: all 0.3s ease;
}

#itemTable tbody tr:hover {
    box-shadow: 0 0 16px rgba(0,0,0,0.25);
    z-index: 10;
    border-radius: 8px;
}

#itemTable tbody .checkbox {
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid var(--color-primary-grey-3);
}

#itemTable tbody .item_id {
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid var(--color-primary-grey-3);
    white-space: nowrap;
}

#itemTable tbody .item_id a {
    display: block;
    margin-right: 36px;
}

#itemTable .item_id .item {
    display: block;
    float: right;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -280px -480px;
}

#itemTable .item_id .kit {
    display: block;
    float: right;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -320px -480px;
}

.kit .hide-if-kit {
    display: none;
}

#itemTable tbody .cost {
    text-align: left;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid var(--color-primary-grey-3);
}

#itemTable tbody .cost .cost_currency {
    color: #888;
}

#itemTable tbody .cost .cost_value {
    float: right;
}

#itemTable tbody .description {
    padding: 0 10px;
    border-right: 1px solid var(--color-primary-grey-3);
    min-width: 300px;
}

#itemTable tbody .actions {
    padding: 10px;
    vertical-align: top;
}

#itemTable tbody .actions div {
    width: 84px;
    height: 16px;
}

#itemTable tbody .actions .icon {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 5px;
    border: none
}

#itemTable tbody .actions .icon.edit {
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
}

#itemTable tbody .actions .icon.link {
    background: url(../../images/v3/icons.png) no-repeat -200px -480px;
}

#itemTable tbody .actions .icon.history {
    background: url(../../images/v3/icons.png) no-repeat -240px -480px;
}

#itemTable tbody .actions .icon.delete {
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
    float: right;
}

#itemTable tbody p {
    font-size: 11px;
    margin-top: 10px;
    line-height: 15px;
}

#itemTable tbody tr.even {
    background: #f1f1f1;
}

.stripedTable tbody p {
    font-size: 11px;
    margin-top: 10px;
    line-height: 15px;
}

.stripedTable tbody tr.even {
    background: #f1f1f1;
}

/* ITEMS FOLDER NAVIGATION */

.folder_nav {
    display: table-cell;
    vertical-align: top;
    width: 220px;
    background: url(../../images/v3/light-grey.gif) right repeat-y #f1f1f1;
}

.folder_nav ul {
    display: table-cell;
    width: 220px;
    padding: 0;
}

.custom.folder_nav ul .folder a {
    padding: 10px 150px 10px 40px;
}

.folder_nav ul li {
    display: table;
    position: relative;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid var(--color-primary-grey-3);
    color: var(--color-primary-blue);
    font-family: var(--font-primary-regular);
    font-size: 14px;
}

.folder_nav ul li.custom {
    min-height: 55px;
}

.folder_nav ul a {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0 10px 10px;
}

.folder_nav ul .rootFolder a {
    font-size: 14px !important;
    padding-left: 10px !important;
}

.folder_nav ul .active a {
    color: var(--color-primary-grey-4);
}

.folder_nav ul .folder a {
    display: block;
    /*	width:80px; */
    font-size: 12px;
    padding: 10px 100px 10px 40px;
    white-space: nowrap;
}

.folder_nav ul .folder div {
    position: relative;
}

.folder_nav ul .active {
    border-right: 1px solid #fff;
    color: var(--color-primary-grey-4);
    background: #fff;
    /*padding: 10px 100px 10px 40px;*/
    white-space: nowrap;
}

.folder_nav ul li a .filing_icon {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat 0 -520px;
}

.folder_nav ul li a .folder_icon {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -80px -480px;
}

.folder_nav ul .child_1 a .folder_icon {
    left: 12px;
}

.folder_nav ul li .folder_options {
    position: absolute;
    /*width:64px;*/
    /*height:16px;*/
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.folder_nav ul li .folder_options .edit {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
    margin-right: 8px;
    border: none;
}

.folder_nav ul li.active .folder_options .edit {
    margin-right: 32px;
}

.folder_nav ul li .folder_options .custom_move {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -120px -560px;
    margin-right: 8px;
    border: none;
}

/*.folder_nav ul li .folder_options .delete{
	display: block;
	float:right;
	width:16px;
	height:16px;
	padding:0;
	background: url(../../images/v3/icons.png) no-repeat -160px -480px;
	margin-right:8px;
	border:none;
}*/

.folder_nav ul li .folder_options .add_sub {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -40px -480px;
    border: none;
}

.folder_nav ul li .folder_options .add_folder {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    /*background: url(../../images/v3/icons.png) no-repeat -120px -480px;*/
    margin-right: 0;
    border: none;
}

.folder_nav ul li .folder_options .custom_hh_remove {
    display: block;
    float: right;
    width: 32px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -200px -520px;
    margin-right: 8px;
    border: none;
}

.folder_nav ul li .folder_options .delete {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
    margin-right: 8px;
    border: none;
}

/*==================== Item Editor ====================*/

/*==================== Item Reviews ====================*/
#uc-item-editor #contentReviewsId.interior_content {
    .btn[value="Save"] {
        background-color: var(--color-primary-blue);

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }
    }

    .btn[name="newReview"] {
        background-color: var(--color-primary-green);
        text-transform: capitalize;

        &:hover {
            background-color: var(--color-primary-green-dark);
        }
    }

    select[name="reviewTemplate"],
    input[type="text"] {
        min-height: 32px;
        box-sizing: border-box;
        padding: 4px 8px;
        margin-bottom: 0;
    }

    table.responsive.minimum_width {
        width: 100% !important;
        margin-left: -12px;

        tr {
            th,
            td {
                background-color: transparent;
                font-family: var(--font-primary-regular);
                text-align: left;
                padding: 12px;
                color: var(--color-primary-grey-4);

                &:first-child {
                    border-radius: 4px 0 0 4px;
                }

                &:last-child {
                    border-radius: 0 4px 4px 0;
                }
            }

            th {
                opacity: 0.75;
            }

            td {
                background-color: transparent;
                transition: background-color 0.3s ease;

                &:last-child {
                    text-align: right;
                    width: 1%;
                }
            }


            &:hover {

                td {
                    background-color: white;
                }
            }
        }
    }
}

/*==================== New Item Editor 01-08-15 ====================*/

.storefront .interior_content.rest_item_editor input[type="text"] {
    line-height: 12px;
}

.storefront .interior_content.rest_item_editor select {
    height: 24px;
}

.item_editor.rest_item_editor .interior_content {
    padding: 0;
}

.item_editor .section_content {
    padding: 30px 0 0 30px;
}

.item_editor .full_divider {
    margin: 30px 0;
}

.item_editor .content_half {
    float: left;
    width: 50%;
}

.item_editor .content_third {
    float: left;
    width: 33%;
}

.item_editor .content_quarter {
    float: left;
    width: 25%;
    box-sizing: border-box;
}

.item_editor .content_half .left {
    padding-right: 10px;
}

.item_editor .content_half .right {
    padding-left: 10px;
}

.item_editor .content_quarter .left {
    padding-right: 10px;
}

.item_editor .content_quarter .right {
    padding-left: 10px;
}

.item_editor input.full,
.item_editor textarea.full {
    margin-bottom: 20px;
}

.item_editor input.full,
.item_editor textarea.full {
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.item_editor .list_200 .btn {
    font-size: 1em;
    width: 200px;
    margin-top: 10px;
}

.image_delete {
    background: var(--color-primary-red);
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.image_delete .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -868px -320px;
}

.image_add {
    background: #eaeaea;
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.image_add .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -753px -314px var(--color-primary-blue);
}

.image_edit {
    background: var(--color-primary-blue);
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    border: none;
}

.rest_item_editor .image_make_default {
    background: var(--color-primary-blue);
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    border: none;
}

.rest_item_editor .addAssignment,
.rest_item_editor .add_kit {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--color-primary-blue);
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 17px;
    cursor: pointer;
}

.rest_item_editor select {
    font-size: 0.786rem;
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid rgb(187, 187, 187);
    height: 32px;
    padding: 2px 4px;
}

.rest_item_editor .availablePagesForAssignment {
    width: 230px;
    margin-right: 10px;
}

.rest_item_editor .item_image,
#tabBlogPostEdit-container .item_image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 127px;
    height: 127px;
    overflow: hidden;
    float: left;
    border: 1px solid var(--color-primary-grey-3);
    background: var(--color-primary-grey-1);
    position: relative;
    border-radius: 8px;
}

.rest_item_editor .item_image_img,
#tabBlogPostEdit-container .item_image_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: var(--color-primary-grey-5);
}

.rest_item_editor .item_image .preview,
#tabBlogPostEdit-container .item_image .preview {
    display: none;
}

.rest_item_editor .item_image .code,
#tabBlogPostEdit-container .item_image .code {
    color: #999;
    font-size: 12px;
    text-align: center;
}

.rest_item_editor .item_image.hover .preview,
#tabBlogPostEdit-container .item_image.hover .preview {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.rest_item_editor .item_image .preview:after,
#tabBlogPostEdit-container .item_image .preview:after {
    color: #fff;
    font-size: 16px;
    display: block;
    position: absolute;
    font-family: var(--font-icons);
    content: "\f1ae";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rest_item_editor {
    .image_info {
        .image_delete {
            height: 26px;
            transition: background-color 0.3s ease;

            &:hover {
                background-color: var(--color-primary-red-dark);
            }

            .icon {
                height: 16px;
                width: 16px;
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.55228 9 6 9.44772 6 10V20C6 20.5523 6.44771 21 7 21H17C17.5523 21 18 20.5523 18 20V10C18 9.44772 18.4477 9 19 9C19.5523 9 20 9.44772 20 10V20C20 21.6569 18.6569 23 17 23H7C5.34315 23 4 21.6569 4 20V10C4 9.44772 4.44772 9 5 9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44771 3 9 3.44771 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 2.34315 8.34315 1 10 1H14C15.6569 1 17 2.34315 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.44771 14.5523 3 14 3H10Z" fill="white"/></svg>');
                background-size: 16px;
                background-repeat: no-repeat;
                background-position: center;

            }
        }

        .image_edit {
            height: 26px;
            line-height: 26px;
            padding: 0 8px;
            transition: background-color 0.3s ease;

            &:hover {
                background-color: var(--color-primary-blue-dark);
            }
        }
    }
}

.item_editor .image_info,
#tabBlogPostEdit-container .image_info {
    float: left;
    margin-left: 10px;
    font-size: 12px;
    max-width: 200px;
}

.rest_item_editor .image_info .btn,
#tabBlogPostEdit-container .image_info .btn {
    display: inline-block;
    height: 20px;
    padding-bottom: 0;
    padding-top: 0;
    width: auto !important;
    margin-top: 0 !important;
    line-height: 20px;
}

.item_editor .image_info ul,
#tabBlogPostEdit-container .image_info ul {
    margin: 0;
    padding: 0;
}

.item_editor .image_info ul li,
#tabBlogPostEdit-container .image_info ul li {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.item_editor .image_info ul li.file,
.item_editor .image_info ul li.url,
#tabBlogPostEdit-container .image_info ul li.file,
#tabBlogPostEdit-container .image_info ul li.url {
    word-break: break-all;
}

.show_cost_options {
    font-size: 12px;
    color: var(--color-primary-blue);
    /*margin-top: 33px;*/
    cursor: pointer;
}

.item_editor .section_content table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* Zebra striping */

.item_editor .section_content tr:nth-of-type(odd) {
    background: #f9f9f9;
}

.item_editor .section_content th {
    background: #fff;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.item_editor .section_content td,
.item_editor .section_content th {
    padding: 4px 6px;
    border: 1px solid var(--color-primary-grey-3);
    text-align: left;
    position: relative;
}

.item_editor .section_content table.nowrap td {
    white-space: nowrap;
}

.item_editor table.storefront_assignment {
    margin: 20px 0 20px 0;
}

.item_editor th.item_id {
    width: 105px;
}

.item_editor th.quantity {
    width: 55px;
}

.item_editor th.cost {
    width: 55px;
}

.item_editor th.description {
    width: 180px;
}

.item_editor th.inventory {
    width: 50px;
}

.item_editor th.warnings {
    width: 80px;
}

.item_editor th.trash {
    width: 10px;
}

.item_editor .storefront_assignment th.trash {
    width: 20px;
}

#uc-item-editor #item_storefront table.storefront_assignment {
    table-layout: auto;
    width: 100%;
}

#uc-item-editor #item_storefront table.storefront_assignment thead th:first-child,
#uc-item-editor #item_storefront table.storefront_assignment tbody td:first-child {
    min-width: 90px;
}

#uc-item-editor #item_storefront table.storefront_assignment tbody tr td:first-child a:last-child {
    word-break: break-all;
}

#uc-item-editor #item_storefront table.storefront_assignment .pageAssignmentEditButton::after {
    content: "\f1c2";
}

.item_editor th.assignment {
    width: 200px;
}

.item_editor table input.full,
.item_editor table textarea.full {
    margin-bottom: 0;
}

.sf_image,
.bp_image {
    clear: both;
    margin-bottom: 20px;
}

.item_editor .sticky_save {
    background: #f1f1f1;
    padding: 0;
}

.item_editor .sticky_save div.more_notice {
    display: none;
}

.item_editor .sticky_save.is_stuck {
    margin-top: 21px;
}

.item_editor .sticky_save.is_stuck div.more_notice {
    background-color: #bbb;
    background: rgba(187, 187, 187, 0.6);
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #555;
    display: block;
    height: 20px;
    margin-top: -21px;
    padding-left: 20px;
    position: relative;
    text-align: center;
    margin-right: -1px;
}

.item_editor .sticky_save .save_btn.btn.bottom {
    font-size: 11px;
    padding: 5px;
    margin: 20px;
}

.item_editor .no_orphan_note {
    display: none;
}

.item_editor .orphan {
    color: var(--color-primary-red) !important;
}

/*==================== New Item Editor 01-08-15 ====================*/

.item_editor table .btn {
    font-size: 1em;

    &[value="Make Default"] {
        width: 95px;
    }
}

.item_editor .btn {
    color: #fff;
    background-color: var(--color-primary-blue);
    font-weight: bold;
    border: none;
    padding: 5px;
    font-size: 0.8em;
    font-size: 0.786rem;
    letter-spacing: 0.08em;
    border-radius: var(--border-radius-small);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.3s ease;

    &:hover {
        background-color: var(--color-primary-blue-dark);
    }
}

.item_editor .select_box {
    border: 1px solid #BBB;
    background: none repeat scroll 0 0 #F1F1F1;
    color: #333;
    letter-spacing: 0.08em;
    padding: 5px;
    font-size: 0.786rem;
}

.item_editor .list_100 .btn,
.item_editor .list_fullwidth .btn {
    font-size: 1em;
}

.item_editor .list_200 .btn {
    font-size: 1em;
}

.item_editor .remove.btn {
    background-color: var(--color-primary-red);
    transition: background-color 0.3s ease;

    &:hover {
        background-color: var(--color-primary-red-dark);
    }
}

.item_editor td .btn {
    margin-right: 5px;
}

.item_editor .btn.save_btn {
    width: 100%;
    padding: 10px;
    background-color: var(--color-primary-blue);
    margin-bottom: 20px;
}

.item_editor .btn.orange_btn {
    background-color: var(--color-primary-orange);
}

.item_editor .btn.green_btn {
    background-color: var(--color-primary-green);
    font-weight: bold;
}

.item_editor .btn.toggled {
    color: white !important;
    background-color: var(--color-primary-grey-4) !important;
}

.item_editor .save_btn.bottom {
    margin-bottom: 30px;
    padding: 10px;
}

.item_editor .top_btn {
    padding: 10px;
    display: block;
    color: #fff;
    margin-bottom: 20px;
}

.item_editor .top_btn.upload {
    /*background: var(--color-primary-orange);*/
    margin-right: 5px;
}

.item_editor .top_btn.import {
    /*background: var(--color-primary-orange);*/
    margin-left: 5px;
}

.item_editor .top_btn.gallery {
    background: var(--color-primary-blue);
    margin-left: 10px;
}

.item_editor .media_item .btn {
    /*display: block;*/
    clear: both;
    margin-bottom: 10px;
    margin-right: 1px;
    border: none;
}

.item_editor .btn.edit {
    background: var(--color-primary-blue);
}

.item_editor .btn.delete {
    background: var(--color-primary-red);
}

.related_item .btn {
    margin-left: 10px;
}

.interior_content h3 {
    margin-bottom: 20px;
}

.item_editor .interior_content h3 {
    margin-bottom: 20px;
}

#editMultimediaPopup .template_multimedia_edit_wrapper {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

#editMultimediaPopup .template_multimedia_edit_wrapper > div {
    position: relative;
    border-bottom: none !important;
}

#editMultimediaPopup .template_multimedia_edit_wrapper .list_100:has(.btn) {
    margin-right: 0;
}

#editMultimediaPopup .template_multimedia_edit_wrapper .btn.saveMultimediaBtn {
    margin-right: 0;
    background-color: var(--color-primary-green);
    width: 100%;
}

#editMultimediaPopup .template_multimedia_edit_wrapper .btn.saveMultimediaBtn:hover {
    background-color: var(--color-primary-green-dark);
}

#editMultimediaPopup .template_multimedia_edit_wrapper {
    padding-top: 0;
}

#editMultimediaPopup .template_multimedia_edit_wrapper table td {
    padding-bottom: 10px;
    padding-right: 20px;
    position: relative;
}

#editMultimediaPopup .template_multimedia_edit_wrapper table td span.info {
    top: calc(50% - 5px);
    left: -15px;
    transform: translateY(-50%);
    /* These tooltips dont appear to be working anyway */
    display: none;
}

#editMultimediaPopup {
    width: 725px;
    height: 375px;
}

#editMultimediaPopup .btn {
    text-align: center;
}

.left_nav ul li .editor_icon_item {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -160px -320px;
}

.left_nav ul .active .editor_icon_item {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -160px -360px;
}

.left_nav ul li .editor_icon_multimedia {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -200px -320px;
}

.left_nav ul .active .editor_icon_multimedia {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -200px -360px;
}

.left_nav ul li .editor_icon_options {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -240px -320px;
}

.left_nav ul .active .editor_icon_options {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -240px -360px;
}

.left_nav ul li .editor_icon_digital {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -280px -320px;
}

.left_nav ul .active .editor_icon_digital {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -280px -360px;
}

.left_nav ul li .editor_icon_discounts {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -320px -320px;
}

.left_nav ul .active .editor_icon_discounts {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -320px -360px;
}

.left_nav ul li .editor_icon_reviews {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -1160px -480px;
}

.left_nav ul .active .editor_icon_reviews {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -1160px -520px;
}

.left_nav ul li .editor_icon_related {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -360px -320px;
}

.left_nav ul .active .editor_icon_related {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -360px -360px;
}

.left_nav ul li .editor_icon_amazon {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -400px -320px;
}

.left_nav ul .active .editor_icon_amazon {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -400px -360px;
}

.left_nav ul li .editor_icon_google {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -440px -320px;
}

.left_nav ul .active .editor_icon_google {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -440px -360px;
}

.left_nav ul li .editor_icon_ebay {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -320px;
}

.left_nav ul .active .editor_icon_ebay {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -360px;
}

.left_nav ul li .editor_icon_auto {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -320px;
}

.left_nav ul .active .editor_icon_auto {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -360px;
}

.left_nav ul li .editor_icon_shipping {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -320px;
}

.left_nav ul .active .editor_icon_shipping {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -360px;
}

.left_nav ul li .editor_icon_catalog {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -480px;
}

.left_nav ul .active .editor_icon_catalog {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -520px;
}

.left_nav ul li .editor_icon_other {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -480px;
}

.left_nav ul .active .editor_icon_other {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -520px;
}

.left_nav ul li .editor_icon_tax {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -560px;
}

.left_nav ul .active .editor_icon_tax {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -600px;
}

/* NEW icon styles */
.left_nav ul li .editor_icon_shipping,
.left_nav ul .active .editor_icon_shipping,
.left_nav ul li .editor_icon_other,
.left_nav ul .active .editor_icon_other,
.left_nav ul li .editor_icon_coupons,
.left_nav ul .active .editor_icon_coupons,
.left_nav ul li .editor_icon_tax,
.left_nav ul .active .editor_icon_tax,
.left_nav ul li .editor_icon_gift,
.left_nav ul .active .editor_icon_gift,
.left_nav ul li .editor_icon_items,
.left_nav ul .active .editor_icon_items,
.left_nav ul li .editor_icon_billing,
.left_nav ul .active .editor_icon_billing {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: none;
}

.left_nav ul li .editor_icon_shipping::before,
.left_nav ul li .editor_icon_other::before,
.left_nav ul li .editor_icon_coupons::before,
.left_nav ul li .editor_icon_tax::before,
.left_nav ul li .editor_icon_gift::before,
.left_nav ul li .editor_icon_items::before,
.left_nav ul li .editor_icon_billing::before {
    font-family: "icons" !important;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    content: "\f160";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: var(--color-primary-blue);
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: none;
}

.left_nav ul .active .editor_icon_shipping::before,
.left_nav ul .active .editor_icon_other::before,
.left_nav ul .active .editor_icon_coupons::before,
.left_nav ul .active .editor_icon_tax::before,
.left_nav ul .active .editor_icon_gift::before,
.left_nav ul .active .editor_icon_items::before,
.left_nav ul .active .editor_icon_billing::before {
    color: rgb(183, 183, 183);
}

/* Icon Plane */
.left_nav ul li .editor_icon_shipping::before {
    content: "\f22b";
}

/* Icon Credit Card */
.left_nav ul li .editor_icon_billing::before {
    content: "\f16a";
}

/* Icon Box */
.left_nav ul li .editor_icon_items::before {
    content: "\f142";
}

/* Icon Gift */
.left_nav ul li .editor_icon_gift::before {
    content: "\f21f";
}

/* Icon Dollar */
.left_nav ul li .editor_icon_tax::before {
    content: "\f172";
}

/* Icon Tag */
.left_nav ul li .editor_icon_coupons::before {
    content: "\f1e4";
}

/* Icon Other */
.left_nav ul li .editor_icon_other::before {
    content: "\f13f";
}

.item_options {
    margin: 20px 0;
}

.item_options .btn {
    margin-right: 10px;
    float: left;
}

.item_options .option_title {
    clear: both;
    font-size: 1.1em;
    margin-top: 30px;
    border-bottom: 1px solid #d9d9d9;
}

.item_options .option_title .name {
    margin-top: 20px;
    font-family: "latobold";
}

.item_options .option_title .order {
    margin-top: 20px;
    font-family: "latobold";
}

.item_options .name {
    width: 120px;
    float: left;
    margin-bottom: 20px;
    padding-right: 20px;
}

.item_options .name {
    width: 120px;
    float: left;
    margin-bottom: 20px;
    padding-right: 20px;
}

.item_options .order {
    width: 60px;
    float: left;
    margin-bottom: 20px;
}

.item_options .option {
    clear: both;
}

#contentDigitalDeliveryId .move_arrows {
    width: 16px;
    margin: 90px 20px 0 0;
    float: left;
}

#contentDigitalDeliveryId .move_arrows .arrow_left {
    display: block;
    height: 16px;
    width: 16px;
    clear: both;
    margin-top: 10px;
    /* background: url(../../images/v3/icons.png) no-repeat -33px -200px; */
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2127 2.19526C11.4731 2.45561 11.4731 2.87772 11.2127 3.13807L6.35081 8L11.2127 12.8619C11.4731 13.1223 11.4731 13.5444 11.2127 13.8047C10.9524 14.0651 10.5303 14.0651 10.2699 13.8047L4.9366 8.4714C4.67625 8.21106 4.67625 7.78895 4.9366 7.5286L10.2699 2.19526C10.5303 1.93491 10.9524 1.93491 11.2127 2.19526Z" fill="%23303030"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

#contentDigitalDeliveryId .move_arrows .arrow_right {
    display: block;
    height: 16px;
    width: 16px;
    /* background: url(../../images/v3/icons.png) no-repeat -24px -200px; */
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.9366 2.19526C5.19694 1.93491 5.61905 1.93491 5.8794 2.19526L11.2127 7.5286C11.4731 7.78895 11.4731 8.21106 11.2127 8.4714L5.8794 13.8047C5.61905 14.0651 5.19694 14.0651 4.9366 13.8047C4.67625 13.5444 4.67625 13.1223 4.9366 12.8619L9.79852 8L4.9366 3.13807C4.67625 2.87772 4.67625 2.45561 4.9366 2.19526Z" fill="%23303030"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;

}

#contentDigitalActivationId .activation_code {
    clear: both;
    margin-bottom: 20px;
}

body[data-main-form-action="/merchant/digitallibrary/editDigitalItemSave.do"] {
    .content_area {
        min-width: 0px;

        .box_bg {
            height: auto !important;
        }
    }

    #fileTableId {
        width: 100%;

        tr {
            td {
                padding-left: 8px;
                padding-right: 8px;

                &:first-child {
                    padding-left: 0;
                }

                &:nth-child(4),
                &:nth-child(5) {
                    text-align: center;
                    width: 20px;
                    white-space: nowrap;
                    overflow: hidden;
                    position: relative;
                }
            }
        }

        a {
            max-width: 600px;
            break-word: break-all;
            display: flex;
            gap: 8px;
            word-break: break-word;
            white-space: break-spaces;

            &::before {
                content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2C1.5 1.17157 2.17157 0.5 3 0.5H6.0858C6.48362 0.5 6.86514 0.658038 7.14644 0.939332L7.14645 0.939342L10.0606 3.85354C10.342 4.13486 10.5 4.51639 10.5 4.91422V10C10.5 10.8284 9.82844 11.5 9 11.5H3C2.17158 11.5 1.5 10.8284 1.5 10V2ZM3 1.5C2.72386 1.5 2.5 1.72386 2.5 2V10C2.5 10.2762 2.72385 10.5 3 10.5H9C9.27616 10.5 9.5 10.2762 9.5 10V4.91422C9.5 4.7816 9.44733 4.65443 9.35356 4.56067L9.35355 4.56066L6.43936 1.64646C6.43935 1.64645 6.43935 1.64645 6.43935 1.64645C6.34556 1.55267 6.21838 1.5 6.0858 1.5H3Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 0.75C6.77614 0.75 7 0.973858 7 1.25V4H9.5C9.77614 4 10 4.22386 10 4.5C10 4.77614 9.77614 5 9.5 5H6.5C6.22386 5 6 4.77614 6 4.5V1.25C6 0.973858 6.22386 0.75 6.5 0.75Z" fill="%23303030"/></svg>');
                display: block;
            }
        }

        input[type="button"] {
            width: 20px;
            height: 20px;
            border-radius: 4px;
            color: transparent !important;
            background-color: transparent;
            border: none;
            outline: none;
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: center;
            transition: background-color 0.3s ease;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);

            &[value="edit"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.70711 19.7071C8.31658 20.0976 7.68342 20.0976 7.29289 19.7071L4.29289 16.7071C3.90237 16.3166 3.90237 15.6834 4.29289 15.2929C4.68342 14.9024 5.31658 14.9024 5.70711 15.2929L8.70711 18.2929C9.09763 18.6834 9.09763 19.3166 8.70711 19.7071Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 9.70711C18.3166 10.0976 17.6834 10.0976 17.2929 9.70711L14.2929 6.70711C13.9024 6.31658 13.9024 5.68342 14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289L18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.528 4.47199C18.8987 3.84267 17.8783 3.84267 17.249 4.47199L17.249 4.472L5.13404 16.5869L4.37437 19.6256L7.41307 18.866L19.528 6.75104C20.1573 6.1217 20.1573 5.10133 19.528 4.47199ZM15.8348 3.05779C17.2451 1.6474 19.5319 1.6474 20.9422 3.0578C22.3526 4.46819 22.3526 6.75484 20.9422 8.16523L20.9422 8.16524L8.63143 20.476C8.50327 20.6042 8.34269 20.6951 8.16686 20.7391L3.24253 21.9701C2.90176 22.0553 2.54127 21.9555 2.29289 21.7071C2.04451 21.4587 1.94466 21.0982 2.02986 20.7575L3.26094 15.8331C3.30489 15.6573 3.39581 15.4967 3.52397 15.3686L15.8348 3.0578C15.8348 3.0578 15.8348 3.05779 15.8348 3.05779Z" fill="%2361B6E6"/></svg>');

                &:hover {
                    background-color: var(--color-alt-blue-1);
                }
            }

            &[value="delete"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.55228 9 6 9.44772 6 10V20C6 20.5523 6.44771 21 7 21H17C17.5523 21 18 20.5523 18 20V10C18 9.44772 18.4477 9 19 9C19.5523 9 20 9.44772 20 10V20C20 21.6569 18.6569 23 17 23H7C5.34315 23 4 21.6569 4 20V10C4 9.44772 4.44772 9 5 9Z" fill="%23CD544E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="%23CD544E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44771 3 9 3.44771 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 2.34315 8.34315 1 10 1H14C15.6569 1 17 2.34315 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.44771 14.5523 3 14 3H10Z" fill="%23CD544E"/></svg>');

                &:hover {
                    background-color: var(--color-alt-red-1);
                }
            }
        }
    }

    form[action="/merchant/digitallibrary/editDigitalItemSave.do"] {
        table {

            td:has(#file-input) {
                display: flex;
                align-items: center;
                gap: 8px;
                background-color: var(--color-alt-blue-1);
                color: var(--color-primary-grey-5);
                border-radius: 8px;
                padding: 8px;
                transition: background-color 0.3s ease;

                input[type="file"] {
                    cursor: pointer;
                    font-family: var(--font-primary-regular);

                    &::file-selector-button {
                        background-color: var(--color-primary-grey-5);
                        font-family: var(--font-primary-regular);
                        letter-spacing: 1px;
                        color: white;
                        padding: 0.6em 0.8em;
                        border: none;
                        border-radius: 4px;
                        margin-right: 4px;
                        cursor: pointer;
                        transition: background-color 0.3s ease;

                        &:hover {
                            background-color: var(--color-primary-blue-dark);
                        }
                    }
                }

                &:has(input[name="fileName"]):hover {
                    background-color: var(--color-alt-blue-2);
                }

                &::before {
                    content: '';
                    display: block;
                    width: 16px;
                    height: 16px;
                    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 2.34315 4.34315 1 6 1H12.1716C12.9672 1 13.7303 1.31608 14.2929 1.87866L14.2929 1.87868L20.1213 7.70708C20.6839 8.26972 21 9.03278 21 9.82843V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4ZM6 3C5.44771 3 5 3.44771 5 4V20C5 20.5523 5.44771 21 6 21H18C18.5523 21 19 20.5523 19 20V9.82843C19 9.5632 18.8947 9.30887 18.7071 9.12134L18.7071 9.12132L12.8787 3.29292C12.8787 3.29291 12.8787 3.2929 12.8787 3.2929C12.6911 3.10534 12.4368 3 12.1716 3H6Z" fill="%23222222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.5C13.5523 1.5 14 1.94772 14 2.5V8H19C19.5523 8 20 8.44772 20 9C20 9.55228 19.5523 10 19 10H13C12.4477 10 12 9.55228 12 9V2.5C12 1.94772 12.4477 1.5 13 1.5Z" fill="%23222222"/></svg>');
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }

            td:has(> input[type="checkbox"]) {
                position: relative;

                &::before {
                    content: '';
                    display: block;
                    position: relative;
                    width: 24px;
                    height: 16px;
                    background-color: var(--color-primary-grey-3);
                    border-radius: 12px;
                    float: left;
                    margin-right: 4px;
                    transition: background-color 0.3s ease;
                }

                &::after {
                    content: '';
                    position: absolute;
                    display: block;
                    width: 12px;
                    height: 12px;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 3px;
                    background-color: white;
                    border-radius: 6px;
                    transition: left 0.3s ease;
                }

                &:has(input[type="checkbox"]:checked) {
                    &::before {
                        background-color: var(--color-primary-green);
                    }

                    &::after {
                        left: 10px;
                    }
                }

                input[type="checkbox"] {
                    width: 24px;
                    height: 100%;
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 10;
                }
            }

            tr:has(#description-input) {
                td {
                    padding-top: 8px;

                    input[type="text"] {
                        box-sizing: border-box;
                        width: 100%;
                    }
                }
            }

            td[width="50%"] {
                vertical-align: top;

                table {
                    width: 100%;
                }

                .widget_box {
                    margin-bottom: 0;

                    br {
                        display: none;
                    }
                }
            }
        }

        input[type="submit"] {
            color: #fff;
            background-color: var(--color-primary-blue);
            border: none;
            padding: 6px 8px;
            letter-spacing: 0.08em;
            border-radius: var(--border-radius-small);
            line-height: 1;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s ease;

            &:hover {
                background-color: var(--color-primary-blue-dark);
            }
        }
    }
}

.item_editor {
    #contentRelatedItemsId {
        table.minimum_width {
            width: 100% !important;
            max-width: 515px;

            th,
            td {
                background: transparent;
                text-align: left;
                padding: 6px 12px 6px 12px;

                &:first-child {
                    padding: 6px 12px 6px 0;
                }

                &:last-child {
                    padding: 6px 0 6px 12px;
                    text-align: right;
                }
            }

        }

        .related_item {
            margin-bottom: 8px;
    clear: both;
            border-bottom: 1px solid var(--color-primary-grey-3);
            padding-bottom: 8px;
    margin-right: 20px;

            &.add {
    border-bottom: none;
}

            .btn {
                margin-left: 8px;
}

            .related_item_id {
                margin-bottom: 16px;
    width: 200px;
                font-family: 'latobold';
}

            .related_item_description {
    clear: both;
                color: var(--color-primary-grey-4);
    width: 200px;
}

            input[type="text"] {
                margin-top: 4px;
                margin-bottom: 16px
            }

            .add-related-btn {
                margin-top: 16px;
                background-color: var(--color-primary-green);
                padding: 4px 12px;

                &:hover {
                    background-color: var(--color-primary-green-dark);
                }
            }
        }

        .remove.btn {
            padding: 5px;
        }

        .advanced {
            .list_small_input {
                position: relative;
                width: 32px;
                cursor: pointer;

                input[type="checkbox"] {
                    position: absolute;
                    top: 0;
                    left: 0;
                    margin: 0;
                    opacity: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 10;
                    cursor: pointer;
                }

                &::before {
                    content: "";
                    display: block;
                    width: 24px;
                    height: 16px;
                    border-radius: 8px;
                    background-color: var(--color-primary-grey-3);
                    transition: background-color 0.3s ease;
                }

                &:after {
                    content: "";
                    display: block;
                    width: 12px;
                    height: 12px;
                    border-radius: 6px;
                    background-color: white;
                    position: absolute;
                    top: 2px;
                    left: 2px;
                    transition: left 0.3s ease;
                    pointer-events: none;
                }

                &:has(input[type="checkbox"]:checked) {
                    &::before {
                        background-color: var(--color-primary-green);
                    }

                    &::after {
                        left: 10px;
                    }
                }

                &:hover {
                    &::before {
                        background-color: var(--color-primary-green-dark);
                    }
                }
            }

            .list_200 {
                width: 100%;
                max-width: 240px;
                margin-right: 0;
            }
        }
    }
}

.autoorder.step select,
.autoorder.step input[type="text"] {
    background: white;
}

.autoorder.step .step_pause_fields {
    display: none;
}

.autoorder.step .step_type_pause .step_pause_fields {
    display: inline;
}

.autoorder.step .step_pause_until_fields {
    display: none;
}

.autoorder.step .step_type_pause_until .step_pause_until_fields {
    display: inline;
}

.autoorder.step .step_item_fields {
    display: none;
}

.autoorder.step .step_type_kit_only .step_item_fields,
.autoorder.step .step_type_item .step_item_fields {
    display: inline;
}

.autoorder.step {
    display: block;
    clear: both;
    margin-bottom: 20px;
}

.autoorder.step .step_number {
    display: block;
    width: 10px;
    height: 10px;
    font-family: 'latobold';
    color: #fff;
    background: #d9d9d9;
    z-index: 20;
    float: left;
    margin-top: -37px;
    margin-left: 7px;
}

.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 40px solid #d9d9d9;
    border-right: 40px solid transparent;
    z-index: 10;
    float: left;
    margin-top: -20px;
    margin-left: -20px;
}

.autoorder.step .step_content {
    padding: 20px;
    background: var(--color-primary-grey-2);
    display: table-cell;
    position: relative;
}

.autoorder.step .grandfather_content {
    padding: 20px;
    background: #eaeaea;
    border: 1px solid #d9d9d9;
}

.autoorder.step .step_content .top_label {
    padding-left: 0;
    min-height: 32px;
}

.autoorder.step .step_content .list_100 {
    min-height: 70px;
}

.autoorder.step .step_content .list_100.step_type {
    margin-left: -20px;
}

@media only screen and (max-width: 1024px),
(min-device-width: 1024px) and (max-device-width: 1200px) {
    /*--- Auto Order - example - Label the data ---*/
    .autoorder-example td:nth-of-type(1):before {
        content: "Order Number:";
    }

    .autoorder-example td:nth-of-type(2):before {
        content: "Date:";
    }

    .autoorder-example td:nth-of-type(3):before {
        content: "Item ID:";
    }

    .autoorder-example td:nth-of-type(4):before {
        content: "Comment:";
    }

    .autoorder-example td:nth-of-type(5):before {
        content: "";
    }

    /*--- Auto Order - Sample Order Schedule - Label the data ---*/
    .autoorder-sos td:nth-of-type(1):before {
        content: "Order Number:";
    }

    .autoorder-sos td:nth-of-type(2):before {
        content: "Date:";
    }

    .autoorder-sos td:nth-of-type(3):before {
        content: "Item ID:";
    }

    .autoorder-sos td:nth-of-type(4):before {
        content: "Comment:";
    }

    /*--- Shipping - Method Specific - Label the data ---*/
    .shipping-mso td:nth-of-type(1):before {
        content: "Shipping Method:";
    }

    .shipping-mso td:nth-of-type(2):before {
        content: "Invalid For:";
    }

    .shipping-mso td:nth-of-type(3):before {
        content: "Valid For:";
    }

    .shipping-mso td:nth-of-type(4):before {
        content: "Valid Only For:";
    }

    .shipping-mso td:nth-of-type(5):before {
        content: "Free Shipping Cost:";
    }

    .shipping-mso td:nth-of-type(6):before {
        content: "Relax Restrictions on Upsell:";
    }

    .shipping-mso td:nth-of-type(7):before {
        content: "Filter to if Available:";
    }

    .shipping-mso td:nth-of-type(8):before {
        content: "Fixed Shipping Cost:";
    }

    .shipping-mso td:nth-of-type(9):before {
        content: "Flat Fee Markup:";
    }

    .shipping-mso td:nth-of-type(10):before {
        content: "Per Item Fee Markup:";
    }

    .shipping-mso td:nth-of-type(11):before {
        content: "First Item Markup:";
    }

    .shipping-mso td:nth-of-type(12):before {
        content: "Each Additional Item Markup:";
    }

    .shipping-mso td:nth-of-type(13):before {
        content: "Percentage of Shipping Markup:";
    }

    .shipping-mso td:nth-of-type(14):before {
        content: "Percentage of Item Markup:";
    }

    .shipping-mso td:nth-of-type(15):before {
        content: "";
    }

    /*--- Shipping - Methods ---*/
    #methodsTableId td:nth-of-type(1):before {
        content: "Method:";
    }

    #methodsTableId td:nth-of-type(2):before {
        content: "Display Name:";
    }

    #methodsTableId td:nth-of-type(3):before {
        content: "Delivery Days:";
    }

    #methodsTableId td:nth-of-type(4):before {
        content: "Options:";
    }

    #methodsTableId td:nth-of-type(4):before {
        content: "Warning:";
    }

    #methodsTableId td {
        white-space: normal !important;
    }

    #methodsTableId td .btn {
        margin-bottom: 5px !important;
    }

    /*--- Shipping - Destination Markups - Label the data ---*/
    .shipping-dm td:nth-of-type(1):before {
        content: "Country:";
    }

    .shipping-dm td:nth-of-type(2):before {
        content: "State:";
    }

    .shipping-dm td:nth-of-type(3):before {
        content: "Postal Code:";
    }

    .shipping-dm td:nth-of-type(4):before {
        content: "Shipping Method:";
    }

    .shipping-dm td:nth-of-type(5):before {
        content: "Flat Fee:";
    }

    .shipping-dm td:nth-of-type(6):before {
        content: "Per Item:";
    }

    .shipping-dm td:nth-of-type(7):before {
        content: "";
    }

    /*--- Shipping - Destination Restrictions - Label the data ---*/
    .shipping-mr td:nth-of-type(1):before {
        content: "Country:";
    }

    .shipping-mr td:nth-of-type(2):before {
        content: "State:";
    }

    .shipping-mr td:nth-of-type(3):before {
        content: "Validity:";
    }

    .shipping-mr td:nth-of-type(4):before {
        content: "";
    }

    /*--- Other - Payment Method Restrictions - Label the data ---*/
    .other_pmr td:nth-of-type(1):before {
        content: "Payment Method:";
    }

    .other_pmr td:nth-of-type(2):before {
        content: "Invalid for:";
    }

    .other_pmr td:nth-of-type(3):before {
        content: "Valid for:";
    }

    .other_pmr td:nth-of-type(4):before {
        content: "Valid only for:";
    }

    /*--- Other - Tax Exemptions - Label the data ---*/
    .other_te td:nth-of-type(1):before {
        content: "Country:";
    }

    .other_te td:nth-of-type(2):before {
        content: "State (Optional):";
    }

    .other_te td:nth-of-type(3):before {
        content: "County (Optional):";
    }

    .other_te td:nth-of-type(4):before {
        content: "City (Optional):";
    }

    .other_te td:nth-of-type(5):before {
        content: "Postal Code (Optional):";
    }
}

/*==================== Configuration - Payments ====================*/

.left_nav ul li .payment_icon_methods {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -440px -400px;
}

.left_nav ul .active .payment_icon_methods {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -440px -440px;
}

.left_nav ul li .payment_icon_gateways {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -400px;
}

.left_nav ul .active .payment_icon_gateways {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -440px;
}

.left_nav ul li .payment_icon_options {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -400px;
}

.left_nav ul .active .payment_icon_options {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -440px;
}

.left_nav ul li .payment_icon_restrictions {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -400px;
}

.left_nav ul .active .payment_icon_restrictions {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -440px;
}

.left_nav ul li .payment_icon_tests {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -400px;
}

.left_nav ul .active .payment_icon_tests {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -440px;
}

.left_nav ul li .payment_icon_rotating {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -400px;
}

.left_nav ul .active .payment_icon_rotating {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -440px;
}

.left_nav ul li .payment_icon_cardinal {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -680px -400px;
}

.left_nav ul .active .payment_icon_cardinal {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -680px -440px;
}

.method-creditcard .restrictions-edit {
    width: 15%;
    min-width: 45px;
    float: left;
}

.method-creditcard .restrictions-text {
    width: 45%;
    float: left;
    clear: both;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.method-creditcard .restrictions-text p {
    line-height: 1.5em;
    margin-bottom: 0;
}

.method-creditcard input[type="checkbox"] {
    float: left;
    margin-right: 10px;
}

#contentCreditCardsId .icon_amex,
.sub .icon_amex {
    display: block;
    height: 34px;
    width: 56px;
    float: left;
    margin-right: 5px;
    background-size: 70px;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6955)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%23006FCF"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M249.079 45.2613H231.862L222.863 71.0859L213.473 45.2613H195.865V85.4722L177.866 45.2613H163.39L145.391 86.3451H157.911L161.433 78.1288H180.214L183.736 86.3451H207.212V57.7817L217.777 86.3451H227.558L238.123 57.7817V86.3451H249.079V92.6053H234.601L222.863 105.518L210.734 92.6053H161.042V133.689H210.343L222.472 120.386L234.601 133.689H249.079V138.775H231.862L222.472 128.602L213.081 138.775H154.782V91.8226H136L159.477 39H182.17L190.387 56.9991V39H218.559L223.254 52.695L227.95 39H249.079V45.2613ZM249.079 101.604L238.515 112.951L249.079 124.298V133.689L229.906 112.951L249.079 92.6053V101.604ZM195.865 133.689V123.907H172.389V117.647H195.474V108.256H172.389V101.996H195.865V92.6053L215.429 112.951L195.865 133.689ZM164.954 69.1287L170.433 55.8256L175.91 69.1287H164.954Z" fill="white"/></g><defs><filter id="filter0_dd_1319_6955" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6955"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6955" result="effect2_dropShadow_1319_6955"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6955" result="shape"/></filter></defs></svg>');
}

#contentCreditCardsId .icon_diners_club,
.sub .icon_dc {
    display: block;
    height: 34px;
    width: 56px;
    float: left;
    margin-right: 5px;
    background-size: 70px;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6957)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%23006699"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M75.9613 125.869C75.9613 128.293 77.6937 128.574 79.234 128.574C86.0318 128.574 88.261 123.448 88.261 118.759C88.261 112.879 84.4877 108.631 78.416 108.631C77.1254 108.631 76.531 108.722 75.9613 108.756V125.869ZM72.8801 111.112C72.8801 108.283 71.3999 108.47 69.9873 108.438V107.625C71.2116 107.682 72.4701 107.682 73.6982 107.682C75.0188 107.682 76.8132 107.625 79.142 107.625C87.2866 107.625 91.7235 113.063 91.7235 118.635C91.7235 121.749 89.901 129.582 78.764 129.582C77.1631 129.582 75.679 129.521 74.2026 129.521C72.7862 129.521 71.3999 129.554 69.9873 129.582V128.762C71.8699 128.574 72.7862 128.511 72.8801 126.373V111.112Z" fill="white"/><path d="M96.1948 110.361C95.3729 110.361 94.6507 109.605 94.6507 108.788C94.6507 108 95.4053 107.274 96.1948 107.274C97.0096 107.274 97.7375 107.936 97.7375 108.788C97.7375 109.637 97.0434 110.361 96.1948 110.361ZM92.8262 128.763H93.4245C94.3046 128.763 94.9329 128.763 94.9329 127.72V119.2C94.9329 117.815 94.4643 117.626 93.2963 117.001V116.497C94.777 116.053 96.5376 115.46 96.6653 115.361C96.8856 115.238 97.0715 115.206 97.2317 115.206C97.3876 115.206 97.4496 115.393 97.4496 115.645V127.72C97.4496 128.763 98.1456 128.763 99.0218 128.763H99.5582V129.583C98.4879 129.583 97.3876 129.521 96.2554 129.521C95.1226 129.521 93.9904 129.552 92.8262 129.583V128.763Z" fill="white"/><path d="M102.547 119.387C102.547 118.226 102.201 117.91 100.725 117.316V116.714C102.075 116.274 103.363 115.862 104.876 115.205C104.97 115.205 105.062 115.268 105.062 115.516V117.566C106.858 116.274 108.401 115.205 110.51 115.205C113.182 115.205 114.127 117.154 114.127 119.609V127.721C114.127 128.763 114.821 128.763 115.699 128.763H116.265V129.582C115.161 129.582 114.061 129.521 112.932 129.521C111.798 129.521 110.666 129.553 109.533 129.582V128.763H110.099C110.982 128.763 111.606 128.763 111.606 127.721V119.579C111.606 117.782 110.51 116.904 108.713 116.904C107.707 116.904 106.104 117.72 105.062 118.414V127.721C105.062 128.763 105.76 128.763 106.64 128.763H107.206V129.582C106.104 129.582 105 129.521 103.866 129.521C102.737 129.521 101.603 129.553 100.471 129.582V128.763H101.041C101.919 128.763 102.547 128.763 102.547 127.721V119.387Z" fill="white"/><path d="M124.228 119.891C125.011 119.891 125.103 119.483 125.103 119.107C125.103 117.499 124.129 116.21 122.368 116.21C120.451 116.21 119.129 117.625 118.751 119.891H124.228ZM118.659 120.901C118.593 121.183 118.593 121.654 118.659 122.724C118.843 125.715 120.765 128.168 123.28 128.168C125.011 128.168 126.369 127.221 127.529 126.059L127.97 126.499C126.521 128.418 124.731 130.052 122.152 130.052C117.146 130.052 116.142 125.209 116.142 123.196C116.142 117.03 120.293 115.206 122.492 115.206C125.042 115.206 127.783 116.808 127.811 120.141C127.811 120.335 127.811 120.521 127.783 120.711L127.495 120.901H118.659Z" fill="white"/><path d="M128.535 128.763H129.386C130.267 128.763 130.892 128.763 130.892 127.72V118.884C130.892 117.912 129.731 117.721 129.259 117.467V117.001C131.553 116.023 132.816 115.207 133.099 115.207C133.286 115.207 133.38 115.297 133.38 115.615V118.444H133.447C134.23 117.219 135.552 115.207 137.471 115.207C138.257 115.207 139.262 115.737 139.262 116.871C139.262 117.721 138.669 118.479 137.785 118.479C136.807 118.479 136.807 117.721 135.708 117.721C135.174 117.721 133.412 118.444 133.412 120.336V127.72C133.412 128.763 134.04 128.763 134.92 128.763H136.682V129.583C134.952 129.553 133.634 129.521 132.281 129.521C130.989 129.521 129.669 129.553 128.535 129.583V128.763Z" fill="white"/><path d="M140.645 125.209C141.057 127.284 142.316 129.048 144.612 129.048C146.466 129.048 147.155 127.914 147.155 126.814C147.155 123.103 140.303 124.293 140.303 119.232C140.303 117.467 141.719 115.206 145.18 115.206C146.185 115.206 147.537 115.488 148.764 116.117L148.986 119.326H148.263C147.949 117.345 146.844 116.209 144.832 116.209C143.572 116.209 142.379 116.935 142.379 118.287C142.379 121.971 149.676 120.836 149.676 125.775C149.676 127.85 148.009 130.053 144.268 130.053C143.004 130.053 141.527 129.614 140.427 128.987L140.081 125.367L140.645 125.209Z" fill="white"/><path d="M178.083 113.316H177.297C176.7 109.637 174.088 108.159 170.569 108.159C166.946 108.159 161.69 110.579 161.69 118.126C161.69 124.485 166.229 129.048 171.069 129.048C174.184 129.048 176.765 126.91 177.395 123.605L178.115 123.791L177.395 128.386C176.073 129.206 172.514 130.053 170.437 130.053C163.077 130.053 158.425 125.303 158.425 118.225C158.425 111.776 164.179 107.15 170.347 107.15C172.896 107.15 175.347 107.968 177.769 108.816L178.083 113.316Z" fill="white"/><path d="M179.215 128.763H179.815C180.697 128.763 181.327 128.763 181.327 127.72V110.207C181.327 108.159 180.855 108.095 179.659 107.75V107.246C180.916 106.837 182.238 106.275 182.9 105.892C183.244 105.704 183.498 105.544 183.591 105.544C183.782 105.544 183.842 105.734 183.842 105.988V127.72C183.842 128.763 184.537 128.763 185.417 128.763H185.951V129.583C184.886 129.583 183.782 129.521 182.646 129.521C181.517 129.521 180.385 129.553 179.215 129.583V128.763Z" fill="white"/><path d="M199.419 127.85C199.419 128.42 199.761 128.448 200.298 128.448C200.673 128.448 201.149 128.42 201.559 128.42V129.081C200.201 129.206 197.624 129.866 197.022 130.054L196.868 129.96V127.415C194.983 128.956 193.531 130.054 191.295 130.054C189.598 130.054 187.839 128.956 187.839 126.315V118.259C187.839 117.438 187.711 116.65 185.954 116.496V115.898C187.088 115.864 189.598 115.68 190.009 115.68C190.36 115.68 190.36 115.898 190.36 116.59V124.705C190.36 125.647 190.36 128.353 193.094 128.353C194.161 128.353 195.577 127.534 196.898 126.441V117.971C196.898 117.344 195.389 117 194.259 116.683V116.116C197.09 115.926 198.854 115.68 199.166 115.68C199.419 115.68 199.419 115.898 199.419 116.246V127.85Z" fill="white"/><path d="M205.676 126.027C205.676 127.223 206.809 129.235 208.919 129.235C212.288 129.235 213.702 125.93 213.702 123.129C213.702 119.735 211.122 116.904 208.668 116.904C207.498 116.904 206.526 117.66 205.676 118.386V126.027ZM205.676 117.468C206.934 116.401 208.637 115.207 210.366 115.207C214.014 115.207 216.217 118.386 216.217 121.811C216.217 125.93 213.198 130.054 208.695 130.054C206.366 130.054 205.143 129.299 204.323 128.955L203.381 129.675L202.723 129.331C202.999 127.477 203.159 125.648 203.159 123.732V110.207C203.159 108.159 202.689 108.093 201.493 107.749V107.245C202.755 106.837 204.071 106.275 204.733 105.891C205.078 105.704 205.33 105.545 205.428 105.545C205.616 105.545 205.676 105.734 205.676 105.988V117.468Z" fill="white"/><path d="M109.987 75.5547C109.987 59.5417 122.967 46.5617 138.981 46.5617C154.994 46.5617 167.974 59.5417 167.974 75.5547C167.974 91.5682 154.994 104.548 138.981 104.548C122.967 104.548 109.987 91.5682 109.987 75.5547Z" fill="%23006699"/><path d="M156.516 74.9836C156.503 67.558 151.863 61.2275 145.322 58.7194V91.2483C151.863 88.7364 156.503 82.4116 156.516 74.9836ZM132.847 91.2407V58.7213C126.314 61.2389 121.679 67.5618 121.662 74.9836C121.679 82.404 126.314 88.7288 132.847 91.2407ZM139.088 47.4899C123.904 47.4956 111.601 59.7996 111.6 74.9836C111.601 90.1662 123.904 102.468 139.088 102.47C154.272 102.468 166.578 90.1662 166.582 74.9836C166.578 59.7996 154.272 47.4956 139.088 47.4899ZM139.02 105.067C122.405 105.144 108.729 91.6845 108.729 75.2973C108.729 57.3897 122.405 45.0028 139.02 45.0061H146.809C163.227 45.0028 178.212 57.3821 178.212 75.2973C178.212 91.6769 163.227 105.067 146.809 105.067H139.02Z" fill="white"/></g><defs><filter id="filter0_dd_1319_6957" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6957"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6957" result="effect2_dropShadow_1319_6957"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6957" result="shape"/></filter></defs></svg>');
}

#contentCreditCardsId .icon_discover,
.sub .icon_discover {
    display: block;
    height: 34px;
    width: 56px;
    float: left;
    margin-right: 5px;
    background-size: 70px;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1217_4378)"><rect x="41" y="21.0002" width="208" height="134" rx="24" fill="url(%23paint0_linear_1217_4378)"/><rect x="40.5" y="20.5002" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M44 44C44 32.9543 52.9543 24 64 24H173C208.346 24 237 52.6538 237 88C237 123.346 208.346 152 173 152H64C52.9543 152 44 143.046 44 132V44Z" fill="white"/><path d="M106.846 88.0817C106.846 95.9509 113.026 102.051 120.975 102.051C123.224 102.051 125.147 101.608 127.521 100.492V94.3463C125.434 96.4331 123.585 97.2765 121.217 97.2765C115.958 97.2765 112.226 93.464 112.226 88.0427C112.226 82.9047 116.079 78.8501 120.975 78.8501C123.466 78.8501 125.352 79.7367 127.521 81.8603V75.7167C125.231 74.5555 123.345 74.0732 121.098 74.0732C113.188 74.0732 106.846 80.299 106.846 88.0817Z" fill="%23251F1F"/><path d="M93.4447 81.5813C93.4447 83.0258 94.3659 83.7913 97.4993 84.9504C103.44 87.1237 105.2 89.0483 105.2 93.3019C105.2 98.4831 101.392 102.09 95.9661 102.09C91.9937 102.09 89.1046 100.527 86.6978 96.9953L90.0712 93.7473C91.2736 96.072 93.2803 97.3175 95.7693 97.3175C98.1005 97.3175 99.824 95.7108 99.824 93.5419C99.824 92.4174 99.3006 91.4508 98.2583 90.7718C97.7329 90.4496 96.6927 89.9673 94.6492 89.2472C89.7447 87.4827 88.0623 85.5948 88.0623 81.9057C88.0623 77.5245 91.6758 74.2354 96.4116 74.2354C99.3461 74.2354 102.032 75.2388 104.279 77.2045L101.545 80.7812C100.185 79.2567 98.9006 78.6123 97.335 78.6123C95.0838 78.6123 93.4447 79.8946 93.4447 81.5813Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M62.7377 74.6788H55.0718V101.448H62.6966C66.7491 101.448 69.6792 100.492 72.2482 98.3577C75.3016 95.8298 77.1073 92.0196 77.1073 88.0817C77.1073 80.1822 71.2038 74.6788 62.7377 74.6788ZM68.8359 94.7897C67.1946 96.2688 65.0645 96.9154 61.6911 96.9154H60.2898V79.2156H61.6911C65.0645 79.2156 67.1102 79.8168 68.8359 81.3802C70.6437 82.987 71.7271 85.4781 71.7271 88.0428C71.7271 90.6118 70.6437 93.183 68.8359 94.7897Z" fill="%23251F1F"/><path d="M84.7322 74.6788H79.5098V101.448H84.7322V74.6788Z" fill="%23251F1F"/><path d="M161.783 74.6788L168.923 92.6575L176.155 74.6788H181.814L170.249 102.136H167.44L156.081 74.6788H161.783Z" fill="%23251F1F"/><path d="M184.175 101.448H198.984V96.9154H189.393V89.6906H198.629V85.1559H189.393V79.2156H198.984V74.6788H184.175V101.448Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M210.183 74.6788C216.206 74.6788 219.661 77.57 219.661 82.5804C219.661 86.6804 217.492 89.3705 213.559 90.1707L221.986 101.448H215.566L208.339 90.694H207.655V101.448H202.442V74.6788H210.183ZM207.655 87.0026H209.184C212.519 87.0026 214.285 85.5538 214.285 82.8637C214.285 80.2579 212.519 78.8934 209.264 78.8934H207.655V87.0026Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M223.822 76.0822C223.822 75.6108 223.495 75.3535 222.927 75.3535H222.17V77.7149H222.732V76.8002L223.392 77.7149H224.081L223.305 76.7418C223.636 76.651 223.822 76.4088 223.822 76.0822ZM222.827 76.4044H222.732V75.786H222.834C223.113 75.786 223.258 75.8876 223.258 76.0909C223.258 76.2985 223.11 76.4044 222.827 76.4044Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M220.983 76.5298C220.983 75.3858 221.895 74.4711 223.039 74.4711C224.155 74.4711 225.072 75.4031 225.072 76.5298C225.072 77.6629 224.155 78.5884 223.039 78.5884C221.904 78.5884 220.983 77.6715 220.983 76.5298ZM221.391 76.5319C221.391 77.4704 222.129 78.2208 223.03 78.2208C223.93 78.2208 224.661 77.4618 224.661 76.5319C224.661 75.6107 223.93 74.8409 223.03 74.8409C222.122 74.8409 221.391 75.5934 221.391 76.5319Z" fill="%23251F1F"/><g filter="url(%23filter1_i_1217_4378)"><path d="M143.348 102.261C135.524 102.261 129.179 95.9164 129.179 88.0926V88.0734C129.179 84.1807 130.755 80.6389 133.305 78.0894C133.305 78.0697 133.325 78.0697 133.325 78.0505C133.344 78.0505 133.344 78.0308 133.364 78.0308C135.913 75.4813 139.455 73.905 143.348 73.905H143.367C151.191 73.905 157.536 80.2496 157.536 88.0734V88.0926C157.536 91.9853 155.959 95.508 153.409 98.0771C153.409 98.0964 153.39 98.0964 153.39 98.1161C153.371 98.1161 153.371 98.1353 153.351 98.1353C150.782 100.685 147.26 102.261 143.367 102.261H143.348Z" fill="url(%23paint1_linear_1217_4378)"/></g></g><defs><filter id="filter0_dd_1217_4378" x="0" y="0.000244141" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1217_4378"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1217_4378" result="effect2_dropShadow_1217_4378"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1217_4378" result="shape"/></filter><filter id="filter1_i_1217_4378" x="129.179" y="73.905" width="29.3944" height="29.9129" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.03798" dy="1.55697"/><feGaussianBlur stdDeviation="1.03798"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_1217_4378"/></filter><linearGradient id="paint0_linear_1217_4378" x1="106.438" y1="21.0002" x2="186.634" y2="156.712" gradientUnits="userSpaceOnUse"><stop stop-color="%23E05026"/><stop offset="1" stop-color="%23F9A020"/></linearGradient><linearGradient id="paint1_linear_1217_4378" x1="135.926" y1="73.905" x2="159.226" y2="93.621" gradientUnits="userSpaceOnUse"><stop stop-color="%23EF3823"/><stop offset="0.489583" stop-color="%23F04D22"/><stop offset="1" stop-color="%23F7911D"/></linearGradient></defs></svg>');
}

#contentCreditCardsId .icon_jcb,
.sub .icon_jcb {
    display: block;
    height: 34px;
    width: 56px;
    float: left;
    margin-right: 5px;
    background-size: 70px;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6927)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%230165B0"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M195.488 112.422C195.488 121.234 188.313 128.41 179.5 128.41H92.5122V65.0885C92.5122 56.2764 99.6878 49.1008 108.5 49.1008H195.488V112.422Z" fill="white"/><path d="M173.018 54.4512C166.723 54.4512 161.562 59.5496 161.562 65.9069V77.8032H177.739C178.116 77.8032 178.557 77.8032 178.872 77.8662C182.522 78.055 185.229 79.9433 185.229 83.2164C185.229 85.7971 183.403 88.0001 180.004 88.4407V88.5666C183.718 88.8184 186.551 90.8955 186.551 94.1056C186.551 97.5675 183.403 99.8335 179.249 99.8335H161.499V123.123H178.305C184.599 123.123 189.761 118.024 189.761 111.667V54.4512H173.018Z" fill="url(%23paint0_linear_1319_6927)"/><path d="M167.164 96.1828H173.773C173.868 96.1828 174.025 96.167 174.183 96.1513C174.34 96.1356 174.497 96.1198 174.592 96.1198C175.851 95.8681 176.921 94.7351 176.921 93.1615C176.921 91.6508 175.851 90.5179 174.592 90.2031C174.403 90.1402 174.025 90.1402 173.773 90.1402H167.164V96.1828Z" fill="url(%23paint1_linear_1319_6927)"/><path d="M173.773 81.2652C175.032 81.454 176.102 82.4611 176.102 83.9718C176.102 85.4824 175.032 86.4895 173.773 86.6783C173.711 86.7413 173.333 86.7413 173.144 86.7413H167.164V81.2023H173.144C173.248 81.2023 173.39 81.2213 173.518 81.2385C173.622 81.2525 173.717 81.2652 173.773 81.2652Z" fill="url(%23paint2_linear_1319_6927)"/><path d="M109.696 54.4512C103.402 54.4512 98.2402 59.5496 98.2402 65.9069V94.1686C101.45 95.7421 104.786 96.7492 108.122 96.7492C112.088 96.7492 114.228 94.3574 114.228 91.0843V77.7403H124.047V91.0214C124.047 96.1828 120.837 100.4 109.948 100.4C103.339 100.4 98.1772 98.9523 98.1772 98.9523V123.06H114.983C121.278 123.06 126.439 117.961 126.439 111.604V54.4512H109.696Z" fill="url(%23paint3_linear_1319_6927)"/><path d="M141.357 54.4512C135.062 54.4512 129.901 59.5496 129.901 65.9069V80.8875C132.796 78.4327 137.832 76.8591 145.952 77.2367C150.295 77.4256 154.952 78.6215 154.952 78.6215V83.4682C152.624 82.2722 149.854 81.2022 146.266 80.9504C140.098 80.5098 136.384 83.5311 136.384 88.8184C136.384 94.1686 140.098 97.1899 146.266 96.6863C149.854 96.4345 152.624 95.3015 154.952 94.1686V99.0152C154.952 99.0152 150.358 100.211 145.952 100.4C137.832 100.778 132.796 99.204 129.901 96.7492V123.186H146.707C153.001 123.186 158.163 118.087 158.163 111.73V54.4512H141.357Z" fill="url(%23paint4_linear_1319_6927)"/></g><defs><filter id="filter0_dd_1319_6927" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6927"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6927" result="effect2_dropShadow_1319_6927"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6927" result="shape"/></filter><linearGradient id="paint0_linear_1319_6927" x1="161.551" y1="83.9639" x2="189.838" y2="83.9639" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940"/><stop offset="0.2285" stop-color="%2300873F"/><stop offset="0.7433" stop-color="%2340A737"/><stop offset="1" stop-color="%235CB531"/></linearGradient><linearGradient id="paint1_linear_1319_6927" x1="161.551" y1="83.9639" x2="189.838" y2="83.9639" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940"/><stop offset="0.2285" stop-color="%2300873F"/><stop offset="0.7433" stop-color="%2340A737"/><stop offset="1" stop-color="%235CB531"/></linearGradient><linearGradient id="paint2_linear_1319_6927" x1="161.551" y1="83.9639" x2="189.838" y2="83.9639" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940"/><stop offset="0.2285" stop-color="%2300873F"/><stop offset="0.7433" stop-color="%2340A737"/><stop offset="1" stop-color="%235CB531"/></linearGradient><linearGradient id="paint3_linear_1319_6927" x1="98.2269" y1="88.7594" x2="126.95" y2="88.7594" gradientUnits="userSpaceOnUse"><stop stop-color="%231F286F"/><stop offset="0.4751" stop-color="%23004E94"/><stop offset="0.8261" stop-color="%230066B1"/><stop offset="1" stop-color="%23006FBC"/></linearGradient><linearGradient id="paint4_linear_1319_6927" x1="129.738" y1="88.7594" x2="157.635" y2="88.7594" gradientUnits="userSpaceOnUse"><stop stop-color="%236C2C2F"/><stop offset="0.1735" stop-color="%23882730"/><stop offset="0.5731" stop-color="%23BE1833"/><stop offset="0.8585" stop-color="%23DC0436"/><stop offset="1" stop-color="%23E60039"/></linearGradient></defs></svg>');
}

#contentCreditCardsId .icon_mastercard,
.sub .icon_mc {
    display: block;
    height: 34px;
    width: 56px;
    float: left;
    margin-right: 5px;
    background-size: 70px;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6959)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%23000008"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M159.941 61.483H129.316V116.517H159.941V61.483Z" fill="%23FF5F00"/><path d="M131.261 89C131.256 83.6998 132.457 78.468 134.773 73.7006C137.089 68.9333 140.46 64.7553 144.629 61.483C139.466 57.4246 133.265 54.9007 126.735 54.1999C120.205 53.499 113.61 54.6495 107.703 57.5197C101.796 60.39 96.8161 64.8642 93.3319 70.4311C89.8477 75.9979 88 82.4327 88 89C88 95.5673 89.8477 102.002 93.3319 107.569C96.8161 113.136 101.796 117.61 107.703 120.48C113.61 123.351 120.205 124.501 126.735 123.8C133.265 123.099 139.466 120.575 144.629 116.517C140.46 113.245 137.089 109.067 134.773 104.299C132.457 99.532 131.256 94.3002 131.261 89Z" fill="%23EB001B"/><path d="M201.256 89C201.256 95.5672 199.409 102.002 195.925 107.569C192.441 113.136 187.461 117.61 181.554 120.48C175.647 123.35 169.052 124.501 162.523 123.8C155.993 123.099 149.792 120.575 144.629 116.517C148.795 113.241 152.162 109.063 154.478 104.296C156.794 99.5295 157.997 94.2993 157.997 89C157.997 83.7007 156.794 78.4705 154.478 73.7039C152.162 68.9373 148.795 64.7586 144.629 61.483C149.792 57.4246 155.993 54.9007 162.523 54.1999C169.052 53.499 175.647 54.6495 181.554 57.5198C187.461 60.3901 192.441 64.8643 195.925 70.4312C199.409 75.998 201.256 82.4328 201.256 89Z" fill="%23F79E1B"/><path d="M197.917 110.688V109.561H198.371V109.332H197.214V109.561H197.669V110.688H197.917ZM200.163 110.688V109.33H199.809L199.401 110.264L198.993 109.33H198.638V110.688H198.888V109.663L199.271 110.547H199.531L199.913 109.661V110.688H200.163Z" fill="%23F79E1B"/></g><defs><filter id="filter0_dd_1319_6959" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6959"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6959" result="effect2_dropShadow_1319_6959"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6959" result="shape"/></filter></defs></svg>');
}

#contentCreditCardsId .icon_visa,
.sub .icon_visa  {
    display: block;
    height: 34px;
    width: 56px;
    float: left;
    margin-right: 5px;
    background-size: 70px;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6921)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%231434CB"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M143.728 66.1627L134.027 111.514H122.295L131.998 66.1627H143.728ZM193.087 95.4462L199.264 78.4152L202.818 95.4462H193.087ZM206.177 111.514H217.028L207.559 66.1627H197.543C195.292 66.1627 193.393 67.4717 192.548 69.4899L174.947 111.514H187.267L189.713 104.742H204.764L206.177 111.514ZM175.558 96.7064C175.608 84.7367 159.005 84.0778 159.12 78.731C159.155 77.1018 160.706 75.3736 164.095 74.9301C165.779 74.7104 170.408 74.5425 175.664 76.9611L177.723 67.344C174.899 66.3191 171.266 65.333 166.748 65.333C155.153 65.333 146.991 71.498 146.922 80.3257C146.849 86.8539 152.748 90.4969 157.194 92.6672C161.764 94.8907 163.3 96.3146 163.28 98.3026C163.25 101.347 159.634 102.688 156.261 102.741C150.361 102.834 146.938 101.149 144.209 99.8772L142.083 109.814C144.824 111.073 149.883 112.167 155.133 112.223C167.455 112.223 175.518 106.134 175.558 96.7064ZM126.964 66.1627L107.957 111.514H95.5537L86.2007 75.3205C85.6323 73.0913 85.1385 72.276 83.4117 71.3358C80.594 69.8071 75.9362 68.3703 71.8381 67.4804L72.118 66.1627H92.08C94.6236 66.1627 96.913 67.8564 97.49 70.7861L102.431 97.0308L114.639 66.1627H126.964Z" fill="white"/></g><defs><filter id="filter0_dd_1319_6921" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6921"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6921" result="effect2_dropShadow_1319_6921"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6921" result="shape"/></filter></defs></svg>');
}
/* keeping this in case I F it up */
/* #contentCreditCardsId .icon_diners_club,
.sub .icon_dc {
    display: block;
    height: 14px;
    width: 21px;
    float: left;
    margin-right: 5px;
    background: url(../../images/v3/payment-creditcards.png) no-repeat -31px -2px;
}

#contentCreditCardsId .icon_discover,
.sub .icon_discover {
    display: block;
    height: 14px;
    width: 21px;
    float: left;
    margin-right: 5px;
    background: url(../../images/v3/payment-creditcards.png) no-repeat -62px -2px;
}

#contentCreditCardsId .icon_jcb,
.sub .icon_jcb {
    display: block;
    height: 14px;
    width: 21px;
    float: left;
    margin-right: 5px;
    background: url(../../images/v3/payment-creditcards.png) no-repeat -93px -2px;
}

#contentCreditCardsId .icon_mastercard,
.sub .icon_mc {
    display: block;
    height: 14px;
    width: 21px;
    float: left;
    margin-right: 5px;
    background: url(../../images/v3/payment-creditcards.png) no-repeat -124px -2px;
}

#contentCreditCardsId .icon_visa,
.sub .icon_visa {
    display: block;
    height: 14px;
    width: 21px;
    float: left;
    margin-right: 5px;
    background: url(../../images/v3/payment-creditcards.png) no-repeat -155px -2px;
} */

/*==================== Configuration - Shipping ====================*/

.left_nav ul li .shipping_icon_carriers,
.left_nav ul li .shipping_icon_checkout,
.left_nav ul li .shipping_icon_restrictions,
.left_nav ul li .shipping_icon_distribution,
.left_nav ul li .shipping_icon_methods,
.left_nav ul li .shipping_icon_packages,
.left_nav ul li .shipping_icon_tracking {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: none;
}
.left_nav ul li .shipping_icon_carriers::after,
.left_nav ul li .shipping_icon_checkout::after,
.left_nav ul li .shipping_icon_restrictions::after,
.left_nav ul li .shipping_icon_distribution::after,
.left_nav ul li .shipping_icon_methods::after,
.left_nav ul li .shipping_icon_packages::after,
.left_nav ul li .shipping_icon_tracking::after {
    font-family: "icons" !important;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    content: "\f22b";
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
    color: var(--color-primary-blue);
    position: relative;
    pointer-events: none;
}

.left_nav ul li.active .shipping_icon_carriers::after,
.left_nav ul li.active .shipping_icon_checkout::after,
.left_nav ul li.active .shipping_icon_restrictions::after,
.left_nav ul li.active .shipping_icon_distribution::after,
.left_nav ul li.active .shipping_icon_methods::after,
.left_nav ul li.active .shipping_icon_packages::after,
.left_nav ul li.active .shipping_icon_tracking::after {
    color: var(--color-primary-grey-4);
}

.left_nav ul li .shipping_icon_carriers::after {
    content: "\f1b0";
}

.left_nav ul li .shipping_icon_checkout::after {
    content: "\f150";
}

.left_nav ul li .shipping_icon_restrictions::after {
    content: "\f25f";
}

.left_nav ul li .shipping_icon_distribution::after {
    content: "\f22b";
}

.left_nav ul li .shipping_icon_methods::after {
    content: "\f1e7";
}

.left_nav ul li .shipping_icon_packages::after {
    content: "\f142";
}

.left_nav ul li .shipping_icon_tracking::after {
    content: "\f1a8";
}
.left_nav ul li .shipping_icon_tracking.oi[data-glyph="location"]::before {
    display: none;
}

/* .left_nav ul li .shipping_icon_distribution {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -320px;
    background: none;
}

.left_nav ul .active .shipping_icon_distribution {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -360px;
}

.left_nav ul li .shipping_icon_checkout {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -40px -400px;
}

.left_nav ul .active .shipping_icon_checkout {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -40px -440px;
}

.left_nav ul li .shipping_icon_methods {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -320px;
}

.left_nav ul .active .shipping_icon_methods {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -360px;
}

.left_nav ul li .shipping_icon_packages {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -320px;
}

.left_nav ul .active .shipping_icon_packages {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -360px;
}

#tabTracking .shipping_icon_tracking.oi {
    position: absolute;
    left: 11px;
    top: 12px;
} */

/* .left_nav ul li .shipping_icon_carriers {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -400px;
}

.left_nav ul .active .shipping_icon_carriers {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -440px;
}

.left_nav ul li .shipping_icon_restrictions {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -400px;
}

.left_nav ul .active .shipping_icon_restrictions {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -440px;
} */

.config-shipping-d .col_options {
    min-width: 200px;
}

@media only screen and (max-width: 1024px),
(min-device-width: 1024px) and (max-device-width: 1200px) {
    /*--- Configuration - Shipping - Dustribution Centers - Label the data ---*/
    .config-shipping-d td:nth-of-type(1):before {
        content: "Code:";
    }

    .config-shipping-d td:nth-of-type(2):before {
        content: "Name:";
    }

    .config-shipping-d td:nth-of-type(3):before {
        content: "Location:";
    }

    .config-shipping-d td:nth-of-type(4):before {
        content: "Default:";
    }

    .config-shipping-d td:nth-of-type(5):before {
        content: "Transmission:";
    }

    .config-shipping-d td:nth-of-type(6):before {
        content: "options:";
    }

    /*--- Configuration - Shipping - Methods - Label the data ---*/
    .config-shipping-m td:nth-of-type(1):before {
        content: "Method:";
    }

    .config-shipping-m td:nth-of-type(2):before {
        content: "Name:";
    }

    .config-shipping-m td:nth-of-type(3):before {
        content: "Default:";
    }

    .config-shipping-m td:nth-of-type(4):before {
        content: "Delivery Days:";
    }

    .config-shipping-m td:nth-of-type(5):before {
        content: "Disabled:";
    }

    .config-shipping-m td:nth-of-type(6):before {
        content: "options:";
    }

    /*--- Configuration - Shipping - Destination Restrictions - Label the data ---*/
    .config-shipping-dr td:nth-of-type(1):before {
        content: "Country:";
    }

    .config-shipping-dr td:nth-of-type(2):before {
        content: "State:";
    }

    .config-shipping-dr td:nth-of-type(3):before {
        content: "City:";
    }

    .config-shipping-dr td:nth-of-type(4):before {
        content: "Postal Code:";
    }

    .config-shipping-dr td:nth-of-type(5):before {
        content: "Validity:";
    }

    .config-shipping-dr td:nth-of-type(6):before {
        content: "Options:";
    }
}

/*==================== Configuration - Shipping - Distribution Center ====================*/

.distribution_centers table .list_100 {
    margin-bottom: 20px;
    font-size: 1.2em;
}

.distribution_centers table .list_160 {
    margin-bottom: 20px;
    font-size: 1.2em;
}

.distribution_centers table .list_200 {
    margin-bottom: 20px;
    font-size: 1.2em;
}

.distribution_center_options {
    width: 500px;
    float: left;
    margin-right: 20px;
}

.distribution_center_map {
    width: 300px;
    float: left;
    margin-right: 0;
}

.dc_tm_options {
    padding-top: 20px;
}

.distribution_centers .widget_box .list_100,
.distribution_centers .widget_box .list_150,
.distribution_centers .widget_box .list_200,
.distribution_centers .widget_box .list_300,
.distribution_centers .widget_box .list_500 {
    font-size: 1em;
}

.distribution_centers .widget_box .widget_title {
    margin-bottom: 0;
}

.distribution_centers .widget_box .widget_title .btn {
    margin-left: 10px;
    margin-top: -3px;
}

@media only screen and (max-width: 1024px),
(min-device-width: 1024px) and (max-device-width: 1200px) {
    /*--- Configuration - Shipping - Dustribution Centers - Transmission Mechanism ---*/
    .distribution-tm td:nth-of-type(1):before {
        content: "";
    }

    .distribution-tm td:nth-of-type(2):before {
        content: "Name:";
    }

    .distribution-tm td:nth-of-type(3):before {
        content: "Integration Type:";
    }

    .distribution-tm td:nth-of-type(4):before {
        content: "Supported Shipping Methods:";
    }

    /*--- Configuration - Shipping - Dustribution Centers - Prefrences ---*/
    .distribution-pref td:nth-of-type(1):before {
        content: "Preference:";
    }

    .distribution-pref td:nth-of-type(2):before {
        content: "Country:";
    }

    .distribution-pref td:nth-of-type(3):before {
        content: "State:";
    }

    .distribution-pref td:nth-of-type(4):before {
        content: "Postal Code:";
    }
}

/*--- Configuration - Shipping - Methods ---*/
#methodsTableId td:has(input[value="enable"]) input[value="make default"],
#methodsTableId td:has(input[value="disabled"]) input[value="make default"] {
    pointer-events: none;
    opacity: 0.5;
}

#methodsTableId td input[value="disable"],
#methodsTableId td input[value="enabled"] {
    background-color: var(--color-primary-green);
}

#methodsTableId td input[value="disabled"],
#methodsTableId td input[value="disable"],
#methodsTableId td input[value="enabled"] {
    width: 80px !important;
}

#methodsTableId td input.btn.toggled[value="default"] {
    background-color: var(--color-primary-green) !important;
}

#methodsTableId td input[value="delete"] {
    color: transparent;
    width: 26px;
    position: relative;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.55228 9 6 9.44772 6 10V20C6 20.5523 6.44771 21 7 21H17C17.5523 21 18 20.5523 18 20V10C18 9.44772 18.4477 9 19 9C19.5523 9 20 9.44772 20 10V20C20 21.6569 18.6569 23 17 23H7C5.34315 23 4 21.6569 4 20V10C4 9.44772 4.44772 9 5 9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44771 3 9 3.44771 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 2.34315 8.34315 1 10 1H14C15.6569 1 17 2.34315 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.44771 14.5523 3 14 3H10Z" fill="white"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

#methodsTableId td input[value="delete"]:hover {
    background-color: var(--color-primary-red-dark);
}

/* #methodsTableId td input[value="delete"]::before {
    content: "\f22d";
    display: block;
    width: 16px;
    height: 16px;
    font-family: var(--font-icons);
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: white;
} */

/*==================== Configuration - Custom Fields Values ====================*/
form[action="/merchant/configuration/customFieldsSave.do"] .widget_box {
    margin-right: 30px;
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    margin-right: 30px;
    margin-bottom: 64px;
}

@media only screen and (min-width: 768px) {
    form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (min-width: 1024px) {
    form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_wrapper {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 32px;
    }
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_wrapper .title_bar {
    padding: 6px 12px;
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_wrapper .widget_box {
    width: 100%;
    margin: 0;
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_wrapper .box_bg {
    padding: 0;
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_row {
    display: flex;
    gap: 8px;
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_row input[type="text"]{
    width: 100%;
    transition: border-color var(--transition-primary);
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_row:has(input[type="button"][value="delete"]:hover) input[type="text"] {
    border-color: var(--color-primary-red-dark);
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_row input[type="button"][value="delete"] {
    background-color: var(--color-primary-red);
    background-image: url('data:image/svg+xml,<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.57143 0.75C7.57143 0.3 7.31429 0 6.92857 0H3.07143C2.68571 0 2.42857 0.3 2.42857 0.75V2.25H1.14286C0.757143 2.25 0.5 2.55 0.5 3C0.5 3.45 0.757143 3.75 1.14286 3.75V10.5V11.25C1.14286 11.7 1.4 12 1.78571 12H8.21429C8.6 12 8.85714 11.7 8.85714 11.25V3.75C9.24286 3.75 9.5 3.45 9.5 3C9.5 2.55 9.24286 2.25 8.85714 2.25H7.57143V0.75ZM3.71429 1.5H6.28571V2.25H3.71429V1.5ZM7.57143 10.5H2.42857V3.75H7.57143V10.5Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    border-radius: var(--border-radius-small);
    color: transparent;
    transition: background-color var(--transition-primary);
    width: 32px;
}

form[action="/merchant/configuration/customFieldsSave.do"] .custom-field_row input[type="button"][value="delete"]:hover {
    background-color: var(--color-primary-red-dark);
}

/* Configuration - Free Promotional Items */
form[action="/merchant/configuration/freePromotionSave.do"] .alert_warn {
    max-width: 600px;
}


/*==================== Configuration - Order Properties  ====================*/
form[action="/merchant/configuration/orderPropertiesSave.do"] .widget_box {
    margin-right: 30px;
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    margin-right: 30px;
    margin-bottom: 64px;
}

@media only screen and (min-width: 768px) {
    form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (min-width: 1024px) {
    form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-wrapper {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 32px;
    }
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-wrapper .title_bar {
    padding: 6px 12px;
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-wrapper .widget_box {
    width: 100%;
    margin: 0;
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-wrapper .box_bg {
    padding: 0;
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-row {
    display: flex;
    gap: 8px;
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-row input[type="text"]{
    width: 100%;
    transition: border-color var(--transition-primary);
}


form[action="/merchant/configuration/orderPropertiesSave.do"] .title_bar:has(input[type="button"][value="delete"]:hover) input[type="text"],
form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-row:has(input[type="button"][value="delete"]:hover) input[type="text"] {
    border-color: var(--color-primary-red-dark);
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .title_bar input[type="button"][value="delete"],
form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-row input[type="button"][value="delete"] {
    background-color: var(--color-primary-red);
    background-image: url('data:image/svg+xml,<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.57143 0.75C7.57143 0.3 7.31429 0 6.92857 0H3.07143C2.68571 0 2.42857 0.3 2.42857 0.75V2.25H1.14286C0.757143 2.25 0.5 2.55 0.5 3C0.5 3.45 0.757143 3.75 1.14286 3.75V10.5V11.25C1.14286 11.7 1.4 12 1.78571 12H8.21429C8.6 12 8.85714 11.7 8.85714 11.25V3.75C9.24286 3.75 9.5 3.45 9.5 3C9.5 2.55 9.24286 2.25 8.85714 2.25H7.57143V0.75ZM3.71429 1.5H6.28571V2.25H3.71429V1.5ZM7.57143 10.5H2.42857V3.75H7.57143V10.5Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    border-radius: var(--border-radius-small);
    color: transparent;
    transition: background-color var(--transition-primary);
    width: 32px;
}

form[action="/merchant/configuration/orderPropertiesSave.do"] .title_bar input[type="button"][value="delete"]:hover,
form[action="/merchant/configuration/orderPropertiesSave.do"] .order-property-row input[type="button"][value="delete"]:hover {
    background-color: var(--color-primary-red-dark);
}

/* Configuration - Free Promotional Items */
form[action="/merchant/configuration/freePromotionSave.do"] .alert_warn {
    max-width: 600px;
}




/*==================== Screen Branding Themes ====================*/

.left_nav ul li .theme_icon_theme {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat 0 -400px;
}

.left_nav ul .active .theme_icon_theme {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat 0 -440px;
}

.left_nav ul li .theme_icon_graphics_library {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -480px;
}

.left_nav ul .active .theme_icon_graphics_library {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -600px -520px;
}

.left_nav ul li .theme_icon_screens {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -480px;
}

.left_nav ul .active .theme_icon_screens {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -560px -520px;
}

.left_nav ul li .theme_icon_conversion {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -480px;
}

.left_nav ul .active .theme_icon_conversion {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -640px -520px;
}

/*==================== Order Editor =======================================*/

/*.order_editor table td, .order_editor table th {*/

/*padding: initial;*/

/*}*/

.order_editor .list_110 {
    width: 110px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.order_editor input.full,
.order_editor textarea.full {
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.order_editor .space_right_0 {
    margin-right: 0 !important;
}

.order_editor .select_box {
    border: 1px solid var(--color-primary-grey-3);
    background: none repeat scroll 0 0 #F1F1F1;
    background-color: #fff;
    color: #333;
    letter-spacing: 0.08em;
    padding: 5px;
    font-size: 0.786rem;
    border-radius: var(--border-radius-small);
}

.order_editor .content_half {
    float: left;
    width: 50%;
}

.order_editor .sticky_save {
    background: #f1f1f1;
    padding: 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

.order_editor .recalculate_shipping,
.order_editor .update_shipping_address_option {
    margin-top: 25px;
    font-size: 11px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.order_editor .sticky_save div.more_notice {
    display: none;
}

.order_editor .sticky_save.is_stuck {
    margin-top: 21px;
}

.order_editor .sticky_save.is_stuck div.more_notice {
    background-color: #bbb;
    background: rgba(187, 187, 187, 0.6);
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #555;
    display: block;
    height: 20px;
    margin-top: -21px;
    padding-left: 20px;
    position: relative;
    text-align: center;
    margin-right: -1px;
}

.order_editor .sticky_save .save_btn.btn.bottom {
    font-size: 11px;
    padding: 5px;
    margin: 20px;
}

.order_editor .payment_method {
    list-style: none;
    padding-left: 0;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

.order_editor .payment_method li {
    margin-bottom: 2px;
}

/*==================== Order Management - Order Review ====================*/

.left_nav ul li .order_search {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -200px -560px;
}

.left_nav ul .active .order_search {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -200px -600px;
}

.left_nav ul li .order_search_results {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -560px;
}

.left_nav ul .active .order_search_results {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -520px -600px;
}

.left_nav ul li .order {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -560px;
}

.left_nav ul .active .order {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat -480px -600px;
}

.left_nav ul li .results_settings {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat 0 -400px;
}

.left_nav ul .active .results_settings {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    background: url(../../images/v3/icons.png) no-repeat 0 -440px;
}

body[data-main-form-action="/merchant/configuration/payment/v5/transactionGatewaysSave.do"] {
    #contentTransactionGatewaysId {
        table[summary="gateway list"] {
            div[id*="questionsFor"] {
                background-color: white;
                border-radius: 8px;
                padding: 16px;
                box-shadow: var(--boxshadow-sub);
                margin-right: -6px;
                margin-left: -6px;
                margin-bottom: 10px;

                table {
                    width: 100%;
                    font-family: var(--font-primary-regular);
                    color: var(--color-primary-grey-5);

                    input[type="submit"] {
                        border: none;
                        background-color: var(--color-primary-grey-5);
                        color: white;
                        border-radius: 4px;
                        padding: 4px 8px;
                        display: block;
                        margin-bottom: 4px;
                        margin-top: -6px;
                        width: 100%;

                        &:hover {
                            background-color: var(--color-primary-blue-dark);
                        }
                    }

                    a {
                        color: var(--color-primary-blue) !important;
                        font-wight: 400 !important;
                    }

                    input[type="text"],
                    select {
                        width: 100%;
                        box-sizing: border-box;
                    }

                    /* This caused issues with the large table structure on unrelated pages*/
                    /* td:has(span[class*="icon"]),
                    td:has(input[name*="supportECheck"]) {
                        display: flex;
                        align-items: center;
                        gap: 4px;
                    }

                    &[summary="gateway Stripe Connect options"] {
                        font-family: var(--font-primary-regular) !important;

                        a {
                            color: var(--color-primary-blue) !important;
                            font-wight: 400 !important;
                        }
                    } */
                }
            }
        }
    }
}

.interior_content .gateways tr:nth-of-type(odd) {
    /* background: #f9f9f9; */
    background-color: rgba(0,0,0,0.04)
}

.interior_content .gateways th {
    background: var(--color-primary-grey-1);
    color: var(--color-primary-grey-4);
    font-family: var(--font-primary-bold);
}

.interior_content .gateways td,
.gateways th {
    padding: 6px;
    border: none;
    text-align: left;
}

.interior_content .gateways td:has(span.issupported) {
    background-color: var(--color-alt-green-1);
}

.gateways .col1 {
    width: 12px;
}

.gateways .col2 {
    width: 472px;
}

.gateways .col3,
.gateways .col4,
.gateways .col5 {
    width: 100px;
}

.gateways .supported {
    text-align: center;
}

.gateways .supported .issupported {
    display: block;
    height: 14px;
    width: 19px;
    margin: 0 auto;
    /* background: url(../../images/v3/icons.png) no-repeat -1400px -200px; */
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.8191 5.29289C22.2096 5.68342 22.2096 6.31658 21.8191 6.70711L9.81911 18.7071C9.42858 19.0976 8.79542 19.0976 8.40489 18.7071L2.40489 12.7071C2.01437 12.3166 2.01437 11.6834 2.40489 11.2929C2.79542 10.9024 3.42858 10.9024 3.81911 11.2929L9.112 16.5858L20.4049 5.29289C20.7954 4.90237 21.4286 4.90237 21.8191 5.29289Z" fill="%2346BB8D"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.gateways .supported .notsupported {
    display: block;
    height: 14px;
    width: 14px;
    margin: 0 auto;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z" fill="%23CCCCCC"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.gateways .sub tr:nth-of-type(odd) {
    background: #fff;
}

.gateways .sub td,
.gateways .sub th {
    padding: 6px;
    border: none;
    text-align: left;
}

.interior_content .floatingHeader {
    position: fixed;
    top: 0;
    visibility: hidden;
    /*width: 850px !important;*/
    padding: 0;
}

@media only screen and (max-width: 1300px) {
    .interior_content table.gateways {
        border-collapse: collapse;
        width: 550px;
    }

    .gateways .col1 {
        width: 12px;
    }

    .gateways .col2 {
        width: 172px;
    }

    .gateways .col3,
    .gateways .col4,
    .gateways .col5 {
        width: 100px;
    }
}

@media only screen and (max-width: 1024px),
(min-device-width: 1024px) and (max-device-width: 1200px) {
    /*--- Payment Methods - Credit Cards - Label the data ---*/
    .method-creditcard td {
        min-height: 50px;
    }

    .method-creditcard td:before {
        white-space: pre;
    }

    .method-creditcard td:nth-of-type(1):before {
        content: "";
    }

    /* .method-creditcard td:nth-of-type(2):before {
        content: "Supported:";
    } */

    .method-creditcard td:has(input[name*="accountingCode"])::before {
        content: "Method Quickbooks code:";
    }

    .method-creditcard td:has(input[name*="depositToAccount"])::before {
        content: "Method Quickbooks deposit to account:";
    }

    .method-creditcard td:has(input[name*="surchargeAccountingCode"])::before {
        content: "Surcharge Quickbooks code:";
    }

    .method-creditcard td:has(input[name*="transactionFee"])::before {
        content: "Surcharge transaction fee:";
    }

    .method-creditcard td:has(input[name*="transactionPercentage"])::before {
        content: "Surcharge transaction percentage:";
    }

    .method-creditcard td:has(.restrictions-edit)::before {
        content: "Method restrictions:";
    }
}

/*==================== Store Fronts ====================*/

#sf_intro {
    padding: 0;
}

#sf_intro .intro_banner {
    height: 350px;
    background: url(../../images/v3/storefront/intro-banner.png) no-repeat left bottom #93d7f3;

    padding-right: 30px;
    margin-top: 32px;
    border-radius: 16px;
    box-shadow: var(--boxshadow-primary);
}

#sf_intro .intro_banner span {
    display: block;
    margin-left: 470px;
    padding-top: 50px;
}

#sf_intro .intro_banner span h2 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #FFF;
    margin-bottom: 10px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#sf_intro .intro_banner span p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
}

#sf_intro .intro_banner .sf_domain {
    color: #d35d5d;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#sf_intro h3 {
    margin-top: 20px;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#storeFrontSeoHelpDiv .lorem-ipsum,
.storefront .lorem-ipsum {
    background-color: yellow;
}

.storefront .interior_content input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}

.storefront .interior_content .minicolors-theme-default .minicolors-input {
    height: 30px;
}

/*==================== StoreFronts - Privacy and Tracking ====================*/

.storefront .interior_content #contentStoreFrontConversionTracking ul.etabs {
    border: none;
    padding: 0;
    margin-bottom: 32px;
}

.storefront .interior_content #contentStoreFrontConversionTracking ul.etabs li.tab {
    border: none;
}

.storefront .interior_content #contentStoreFrontConversionTracking ul.etabs li.tab a {
    border: none;
    border-radius: var(--border-radius-small);
    color: #fff;
    background-color: var(--color-primary-blue);
    transition: background-color var(--transition-primary);
}

.storefront .interior_content #contentStoreFrontConversionTracking ul.etabs li.tab a:hover {
    background-color: var(--color-primary-blue-dark);
}

.storefront .interior_content #contentStoreFrontConversionTracking ul.etabs li.tab a.active {
    color: var(--color-primary-grey-4);
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
}

.storefront .interior_content #contentStoreFrontConversionTracking {
    width: 850px;
}

.storefront .interior_content #contentStoreFrontConversionTracking input[type="text"] {
    width: auto;
}

.storefront .interior_content #contentStoreFrontConversionTracking .list_100,
.storefront .interior_content #contentStoreFrontConversionTracking .list_150,
.storefront .interior_content #contentStoreFrontConversionTracking .list_300,
.storefront .interior_content #contentStoreFrontConversionTracking .list_500 {
    margin-bottom: 16px;
}

.storefront .interior_content #contentStoreFrontConversionTracking #tabsCT-pixels {
    .list_100 {
        width: 160px;
    }

    .list_500 {
        width: 440px;
    }

    #facebookConversionPixelId,
    #facebookServerSideAccessToken {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 4px;
}

    .list_500:has(#facebookConversionPixelId),
    .list_500:has(#facebookServerSideAccessToken) {
        font-size: 0.8em;
        color: var(--color-primary-grey-4);
    }

    .list_500:has(#facebookOptInType) {
        display: flex;
        gap: 4px;
        align-items: center;
        white-space: nowrap;

        select {
            width: 100%;
        }
    }
}

/* FACEBOOK Tracking */
.storefront .interior_content #contentStoreFrontConversionTracking #tabsCT-google {
    .list_150:not(:first-child) {
    position: relative;
    box-sizing: border-box;

        .info {
    position: absolute;
    margin: 0;
            left: -16px;
            top: 2px;
        }
    }
}

.storefront .interior_content #contentStoreFrontConversionTracking #tabsCT-google  textarea,
.storefront .interior_content #contentStoreFrontConversionTracking #tabsCT-google  input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.storefront .interior_content #contentStoreFrontConversionTracking #tabsCT-google  .select_box {
    background-color: #fff;
    height: 30px;
}

.storefront .interior_content #contentStoreFrontConversionTracking #tabsCT-google #googleConversionFormat {
    width: 100%;
}

.storefront .interior_content #contentStoreFrontConversionTracking #affiliateNetworkPixelsTableId {
    box-shadow: var(--boxshadow-sub);
}

.storefront .interior_content #contentStoreFrontConversionTracking #affiliateNetworkPixelsTableId .list_50 {
    width: 32px;
    margin-right: 0;
}

.storefront .interior_content #contentStoreFrontConversionTracking .editAffiliateNetworkPixel,
.storefront .interior_content #contentStoreFrontConversionTracking .deleteAffiliateNetworkPixel {
    color: transparent;
    width: 32px;
    position: relative;
    box-sizing: border-box;
}

.storefront .interior_content #contentStoreFrontConversionTracking .editAffiliateNetworkPixel::after,
.storefront .interior_content #contentStoreFrontConversionTracking .deleteAffiliateNetworkPixel::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f22c";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.storefront .interior_content #contentStoreFrontConversionTracking .deleteAffiliateNetworkPixel::after {
    content: "\f22d";
}

.storefront #tabsCT-custom .CodeMirror {
    border-radius: 8px;
    border: 1px solid var(--color-primary-grey-3);
}

/*==================== StoreFronts - Search ====================*/

.storefront .interior_content #tabSearch-container ul.etabs {
    border: none;
    padding: 0;
    margin-bottom: 32px;
}

.storefront .interior_content #tabSearch-container ul.etabs li.tab {
    border: none;
}

.storefront .interior_content #tabSearch-container ul.etabs li.tab a {
    border: none;
    border-radius: var(--border-radius-small);
    color: #fff;
    background-color: var(--color-primary-blue);
    transition: background-color var(--transition-primary);
}

.storefront .interior_content #tabSearch-container ul.etabs li.tab a:hover {
    background-color: var(--color-primary-blue-dark);
}

.storefront .interior_content #tabSearch-container ul.etabs li.tab a.active {
    color: var(--color-primary-grey-4);
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
}

/*==================== StoreFronts - Privacy and Tracking - Shortcodes ====================*/

.storefront #tabsCT-usc .utm_short_codes {
    position: relative;
}

.storefront #tabsCT-usc .btn.js-new-utm-short-code {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px 8px;
}

.storefront #tabsCT-usc .dataTables_wrapper .dataTables_filter {
    margin-right: 55px;
}

.storefront #tabsCT-usc table.dataTable.no-footer {
    border-bottom: none;
}

.storefront #tabsCT-usc .usc_datatables.dataTable {
    float: left;
    margin-top: 16px;
    margin-bottom: 16px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
    border-bottom: none;
}

.usc_datatables.dataTable tbody tr td ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.usc_datatables.dataTable tbody tr td ul li {
    margin-bottom: 0;
}

.usc_datatables.dataTable tbody tr:nth-child(odd) {
    background-color: var(--color-primary-grey-1);
}

.storefront #tabsCT-usc table.dataTable thead tr th {
    border-bottom: 1px solid var(--color-primary-grey-3);
}

.storefront #tabsCT-usc table.dataTable thead tr th {
    text-align: left;
    padding: 8px 8px;
}

.storefront #tabsCT-usc table.dataTable thead tr th.sorting,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_asc,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_desc {
    background-image: none;
    position: relative;
}

.storefront #tabsCT-usc table.dataTable thead tr th.sorting::before,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting::after,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_asc::before,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_asc::after,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_desc::before,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_desc::after {
    content: "\f156";
    display: block;
    font-family: var(--font-icons);
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 8px;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    font-size: 8px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: calc(50% - 4px);
    right: 8px;
    transform: translateY(-50%);
    opacity: 0.4;
}

.storefront #tabsCT-usc table.dataTable thead tr th.sorting::after,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_asc::after,
.storefront #tabsCT-usc table.dataTable thead tr th.sorting_desc::after {
    content: "\f153";
    top: calc(50% + 4px);
}

.storefront #tabsCT-usc table.dataTable thead tr th.sorting_asc::after {
    opacity: 1;
}

.storefront #tabsCT-usc table.dataTable thead tr th.sorting_desc::before {
    opacity: 1;
}

.storefront #tabsCT-usc table.dataTable tbody tr td {
    border-bottom: 1px solid var(--color-primary-grey-3);
    border-right: 1px solid var(--color-primary-grey-3);
}

.storefront #tabsCT-usc table.dataTable tbody tr td:nth-child(3),
.storefront #tabsCT-usc table.dataTable tbody tr td:nth-child(4) {
    width: 160px;
}

.storefront #tabsCT-usc table.dataTable tbody tr:last-child td {
    border-bottom: none;
}

.storefront #tabsCT-usc table.dataTable tbody tr td:last-child {
    border-right: none;
}

.storefront #tabsCT-usc table.dataTable tbody tr td:last-child div {
    display: flex;
    gap: 8px;
}

.storefront #tabsCT-usc table.dataTable tbody tr td:last-child div button {
    margin: 0;
    width: 26px;
    height: 26px;
}

.storefront #tabsCT-usc .dataTables_filter input[type="search"] {
    border: 1px solid var(--color-primary-grey-3);
    border-radius: var(--border-radius-small);
    background: #fff;
    color: var(--color-primary-grey-5);
    letter-spacing: .08em;
    padding: 5px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

.storefront #tabsCT-usc {
    min-width: 820px;
}

.storefront #tabsCT-usc .intro {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 32px;
}

.storefront #tabsCT-usc .shortcode_list-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: var(--boxshadow-primary);
    border-radius: var(--border-radius-medium);
    box-sizing: border-box;
    margin-bottom: 32px;
    background-color: #fff;
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn {
    white-space: nowrap;
}

.storefront #tabsCT-usc .shortcode_list-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 16px 16px 16px 16px;
    box-sizing: border-box;
    gap: 16px;
    background-color: var(--color-primary-grey-2);
    border-bottom: 1px solid var(--color-primary-grey-3);
}

.storefront #tabsCT-usc .shortcode_list-labels {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    color: var(--color-primary-grey-4);
    font-weight: bold;
}

.storefront #tabsCT-usc .shortcode_list-col-shortcode {
    width: 180px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.storefront #tabsCT-usc .shortcode_list-col-description {
    width: 100%;
}

.storefront #tabsCT-usc .shortcode_list-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px 16px 8px 16px;
    box-sizing: border-box;
    gap: 16px;
}

.storefront #tabsCT-usc .shortcode_list-item {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    color: var(--color-primary-grey-5);
}

.storefront #tabsCT-usc .shortcode_item-actions {
    display: flex;
    gap: 8px;
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: background-color var(--transition-primary);
    min-width: 32px;
    box-sizing: border-box;
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1c2";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: #fff;
    position: relative;
    pointer-events: none;
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-delete::before {
    content: "\f22d";
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-add {
    background-color: var(--color-primary-green)
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-edit:hover {
    background-color: var(--color-primary-blue-dark);
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-delete:hover {
    background-color: var(--color-primary-red-dark);
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-edit,
.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-delete {
    gap: 0;
    text-indent: -999px;
    overflow: hidden;
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-edit::before,
.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-delete::before {
    text-indent: 0;
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-add:hover {
    background-color: var(--color-primary-green-dark)
}

.storefront #tabsCT-usc .shortcode_list-wrapper .btn.shortcode_action-add::before {
    content: "\f1c9"
}

.storefront #tabsCT-usc .shortcode_guide-wrapper {
    margin-bottom: 32px;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px;
}

.storefront #tabsCT-usc .shortcode_guide-structure {
    display: inline-flex;
    gap: 2px;
    align-items: center;
    padding: 8px 8px 8px 16px;
    border-radius: 8px;
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
    position: relative;
    margin-bottom: 16px;
}

.storefront #tabsCT-usc .shortcode_guide-shortcode {
    padding: 2px 4px;
    color: var(--color-primary-grey-5);
    background-color: #F2E478;
    border-radius: 4px;
}

.storefront #tabsCT-usc .shortcode_guide-utmprops {
    position: absolute;
    display: block;
    top: -6px;
    left: calc(100% - 16px);
    background-color: #fff;
    color: var(--color-primary-grey-4);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    padding: 4px 8px;
    white-space: nowrap;
    border-radius: 8px;
}

.utmShortcodeEditor {
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px;
    border: none;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    color: var(--color-primary-grey-4);
    max-height: 90vh;
    min-width: 640px;
    box-sizing: border-box;
}

.utmShortcodeEditor * {
    box-sizing: border-box;
}

.utmShortcodeEditor .utmShortcodeHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% + 32px);
    height: auto;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -16px;
    margin-bottom: 20px;
    padding: 16px;
    background-color: var(--color-primary-grey-1);
}

.utmShortcodeEditor .utmShortcodeContent.utmShortcodeParams {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--color-primary-grey-3);
    border-radius: var(--border-radius-small);
    background-color: var(--color-primary-grey-1);
    flex-direction: column;
}

.utmShortcodeEditor .utmShortcodeContent {
    width: 100%;
    display: flex;
    gap: 16px;
}

.utmShortcodeEditor .utmShortcodeContent .utmShortcodeList {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.utmShortcodeEditor .utmShortcodeContent .utmShortcodeInput {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
}

.utmShortcodeEditor .utmShortcodeContent .utmShortcodeInput span {
    white-space: nowrap;
    min-width: 100px;
}

.storefront .interior_content #contentStoreFrontConversionTracking .utmShortcodeEditor .utmShortcodeContent .utmShortcodeInput input[type=text] {
    width: 100%;
    flex-shrink: 1;
}

.storefront .interior_content #contentStoreFrontConversionTracking .utmShortcodeEditor .utmShortcodeContent .utmShortcodeInput input[type=text]::placeholder {
    color: var(--color-primary-grey-3);
}

.utmShortcodeEditor .utmShortcodeEditor .utmShortcodeFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -16px;
    margin-top: 12px;
    padding: 16px;
    background-color: var(--color-primary-grey-1);
}

.storefront .save_btn {
    /*background: none repeat scroll 0% 0% var(--color-primary-blue);*/
    padding: 5px;
    font-size: 1em;
    font-size: 1rem;
}

.storefront .select_box,
.template_anp_edit_wrapper .select_box {
    border: 1px solid var(--color-primary-grey-3);
    background: none repeat scroll 0 0 white;
    color: var(--color-primary-grey-5);
    letter-spacing: 0.08em;
    padding: 5px;
    font-size: 0.786rem;
    min-height: 28px;
}

.storefront .left_nav ul li .sf_icon {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
}

.storefront .left_nav ul li .sf_icon::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    /* content: "\f160"; */
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgb(183, 183, 183);
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: none;
}

.storefront .left_nav ul li .sf_icon_general {
    background: url(../../images/v3/icons.png) no-repeat 0 -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_general::before {
    content: "\f160";
}

.storefront .left_nav ul .active .sf_icon_general {
    background: url(../../images/v3/icons.png) no-repeat 0 -440px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_pages {
    background: url(../../images/v3/icons.png) no-repeat -720px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_pages::before {
    content: "\f145";
}

.storefront .left_nav ul .active .sf_icon_pages {
    background: url(../../images/v3/icons.png) no-repeat -720px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_appearance {
    background: url(../../images/v3/icons.png) no-repeat -360px -560px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_appearance::before {
    content: "\f146";
}

.storefront .left_nav ul .active .sf_icon_appearance {
    background: url(../../images/v3/icons.png) no-repeat -360px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_themes {
    background: url(../../images/v3/icons.png) no-repeat -800px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_themes::before {
    content: "\f185";
}

.storefront .left_nav ul .active .sf_icon_themes {
    background: url(../../images/v3/icons.png) no-repeat -800px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_templates {
    background: url(../../images/v3/icons.png) no-repeat -840px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_templates::before {
    content: "\f1a2";
}

.storefront .left_nav ul .active .sf_icon_templates {
    background: url(../../images/v3/icons.png) no-repeat -840px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_menus {
    background: url(../../images/v3/icons.png) no-repeat -880px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_menus::before {
    content: "\f1ba";
}

.storefront .left_nav ul .active .sf_icon_menus {
    background: url(../../images/v3/icons.png) no-repeat -880px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_email {
    background: url(../../images/v3/icons.png) no-repeat -1200px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_email::before {
    content: "\f17b";
}

.storefront .left_nav ul .active .sf_icon_email {
    background: url(../../images/v3/icons.png) no-repeat -1200px -440px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_language {
    background: url(../../images/v3/icons.png) no-repeat -1240px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_language::before {
    content: "\f18e";
}

.storefront .left_nav ul .active .sf_icon_language {
    background: url(../../images/v3/icons.png) no-repeat -1240px -440px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_files {
    background: url(../../images/v3/icons.png) no-repeat -920px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_files::before {
    content: "\f18a";
}

.storefront .left_nav ul .active .sf_icon_files {
    background: url(../../images/v3/icons.png) no-repeat -920px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_search {
    background: url(../../images/v3/icons.png) no-repeat -200px -560px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_search::before {
    content: "\f1ae";
}

.storefront .left_nav ul .active .sf_icon_search {
    background: url(../../images/v3/icons.png) no-repeat -200px -600px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_seo {
    background: url(../../images/v3/icons.png) no-repeat -440px -320px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_seo::before {
    content: "\f188";
}

.storefront .left_nav ul .active .sf_icon_seo {
    background: url(../../images/v3/icons.png) no-repeat -440px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_social {
    background: url(../../images/v3/icons.png) no-repeat -200px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_social::before {
    content: "\f118";
}

.storefront .left_nav ul .active .sf_icon_social {
    background: url(../../images/v3/icons.png) no-repeat -200px -440px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_locations {
    background: url(../../images/v3/icons.png) no-repeat -1040px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_locations::before {
    content: "\f1af";
}

.storefront .left_nav ul li .sf_icon_advertising {
    background: url(../../images/v3/icons.png) no-repeat -1280px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_advertising::before {
    content: "\f148";
}

.storefront .left_nav ul .active .sf_icon_advertising {
    background: url(../../images/v3/icons.png) no-repeat -1280px -440px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_conversion {
    background: url(../../images/v3/icons.png) no-repeat -760px -560px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_conversion::before {
    content: "\f184";
}

.storefront .left_nav ul .active .sf_icon_conversion {
    background: url(../../images/v3/icons.png) no-repeat -760px -600px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_advanced {
    background: url(../../images/v3/icons.png) no-repeat -960px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_advanced::before {
    content: "\f1f9";
}

.storefront .left_nav ul .active .sf_icon_advanced {
    background: url(../../images/v3/icons.png) no-repeat -960px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_logs {
    background: url(../../images/v3/icons.png) no-repeat -1000px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_logs::before {
    content: "\f1cd";
}

.storefront .left_nav ul .active .sf_icon_logs {
    background: url(../../images/v3/icons.png) no-repeat -1000px -360px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_blog {
    background: url(../../images/v3/icons.png) no-repeat -1080px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_blog::before {
    content: "\f17e";
}

.storefront .left_nav ul .active .sf_icon_blog {
    background: url(../../images/v3/icons.png) no-repeat -1080px -440px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_css {
    background: url(../../images/v3/icons.png) no-repeat -720px -480px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_css::before {
    content: "\f204";
}

.storefront .left_nav ul .active .sf_icon_css {
    background: url(../../images/v3/icons.png) no-repeat -720px -520px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_content {
    background: url(../../images/v3/icons.png) no-repeat -520px -480px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_content::before {
    content: "\f1a6";
}

.storefront .left_nav ul .active .sf_icon_content {
    background: url(../../images/v3/icons.png) no-repeat -520px -520px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_upsells {
    background: url(../../images/v3/icons.png) no-repeat -1320px -400px;
    background: none;
}

.storefront .left_nav ul li .sf_icon_upsells::before {
    content: "\f172";
}

.storefront .left_nav ul .active .sf_icon_upsells {
    background: url(../../images/v3/icons.png) no-repeat -1320px -440px;
    background: none;
}

.storefront .left_nav ul li > .sub_arrow_right_wrapper .sub_arrow_right {
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -24px -218px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.storefront .left_nav ul li > .sub_arrow_right_wrapper .sub_arrow_down {
    display: block;
    background: url(../../images/v3/icons.png) no-repeat 0 -218px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.storefront .left_nav ul li .sub_arrow_right_wrapper {
    padding: 10px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 5px;
}

.storefront span.info {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    top: auto;
    display: block;
    width: 10px;
    height: 10px;
}

.storefront .etabs .subTab {
    font-size: 10px;
}

.storefront .attributes_list span.info {
    float: none;
    display: inline-block;
    margin-left: 0;
    margin-top: 0;
}

.attributes_list .orphan {
    color: var(--color-primary-red) !important;
}

.storefront .attributes_list li.attribute_fullscreen {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
    padding: 20px 0 0 20px;
}

body.storefront_attribute_fullscreen {
    overflow: hidden;
}

.storefront .theme_attribute_tooltip_anchor {
    color: inherit;
    /* background: url(../../images/v3/icons.png) no-repeat 0 -360px; */
    position: relative;
    display: block;
    float: left;
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin-right: 5px;
    margin-top: 1px;
}

.storefront .theme_attribute_tooltip_anchor::before {
    font-family: "icons" !important;
    content: "\f256";
    display: block;
    line-height: 1;
    width: 1em;
    text-align: center;
    box-sizing: content-box;
    font-size: 12px;
    color: var(--color-primary-green);
    rotate: 180deg;
}

.storefront .attribute_section {
    border: 1px solid var(--color-primary-grey-3);
    border-radius: var(--border-radius-small);
    background-color: #fff;
}

.storefront .sf_page .attribute_section {
    margin-top: 0;
}

.storefront .sf_page_container.has_children > .sf_page > .sf_page_title > .actions > .btn.delete {
    background-color: var(--color-primary-grey-3) !important;
    cursor: not-allowed;
}

.storefront .attribute_section_name {
    background: var(--color-primary-grey-1);
    border: none;
    border-radius: 8px 8px 0 0;
    color: var(--color-primary-grey-4);
    font-size: 11px;
    height: 30px;
    padding: 10px 0 0 10px;
    text-shadow: none;
    font-family: var(--font-primary-regular);
    font-weight: normal;
}

.storefront .attribute_section_content {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid var(--color-primary-grey-3);
}

.storefront .sf_page_edit .attribute_section_content {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid var(--color-primary-grey-3);
}

.storefront .upsellOfferEdit .attribute_section {
    overflow: hidden;
    border: none;
    border-radius: 8px;
    box-shadow: var(--boxshadow-primary);
}

.storefront .upsellOfferEdit .attribute_section_name {
    font-size: 14px;
    font-family: var(--font-primary-bold);
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 0 0 8px;
    box-sizing: border-box;
}

.storefront .upsellOfferEdit .attribute_section_name .attribute_section_toggle::before {
    content: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31954 1.92085C4.54734 1.69305 4.91669 1.69305 5.14449 1.92085L9.81116 6.58752C10.039 6.81533 10.039 7.18467 9.81116 7.41248L5.14449 12.0791C4.91669 12.307 4.54734 12.307 4.31954 12.0791C4.09173 11.8513 4.09173 11.482 4.31954 11.2542L8.57372 7L4.31954 2.74581C4.09173 2.51801 4.09173 2.14866 4.31954 1.92085Z" fill="%23303030"/></svg>');
    transform: rotate(90deg);
    transition: all 0.3s ease;
}

.storefront .upsellOfferEdit .attribute_section_closed > .attribute_section_name > .attribute_section_toggle:before {
    content: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31954 1.92085C4.54734 1.69305 4.91669 1.69305 5.14449 1.92085L9.81116 6.58752C10.039 6.81533 10.039 7.18467 9.81116 7.41248L5.14449 12.0791C4.91669 12.307 4.54734 12.307 4.31954 12.0791C4.09173 11.8513 4.09173 11.482 4.31954 11.2542L8.57372 7L4.31954 2.74581C4.09173 2.51801 4.09173 2.14866 4.31954 1.92085Z" fill="%23303030"/></svg>');
    transform: rotate(0);
}

.storefront .attribute_section_content.attribute_section_content_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    color: var(--color-primary-grey-5);
    background-color: var(--color-primary-grey-1);
}

.storefront .upsellOfferEdit .attribute_section_content {
    border-top: 1px solid var(--color-primary-grey-2);
}

.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell {
    padding: 16px;
    border-radius: 8px;
    background-color: white;
    box-shadow: var(--boxshadow-sub);
}

.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_header {
    font-famly: var(--font-primary-bold);
    font-weight: bold;
    margin-bottom: 8px;
    letter-spacing: 0.04em;
}

.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_content {
   color: var(--color-primary-grey-5);
   font-weight: 400;
    display: flex;
   flex-direction: column;
    gap: 8px;
}

.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_content > div {
   color: var(--color-primary-grey-5);
   font-weight: 400;
}

.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_content div[data-trigger-payment-method],
.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_content div[data-trigger-shipping-method],
.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_content div:has( > input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: 4px;
}

.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_content div:has( > input[type="checkbox"]):not(:last-child) {
    margin-bottom: 8px;
}

.storefront .attribute_section_content.attribute_section_content_grid .attribute_section_content_cell .attribute_section_content_cell_content div > input[type="checkbox"] {
    margin-left: 0px !important;

}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemLogic,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionItemLogic {
    border: 1px solid var(--color-primary-grey-3);
    padding: 8px;
    height: auto;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemIdColumn,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionItemIdColumn {
    width: 100%;
    flex: 1 1 100%;
    align-items: stretch;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemIdColumn::after,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionItemIdColumn::after {
    background-color: var(--color-primary-grey-2);
    color: var(--color-primary-grey-4);
    padding: 2px 6px;
    border-radius: 4px;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemRemove,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionrItemRemove {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-alt-red-1);
    color: var(--color-primary-red-dark);
    border: none;
    border-radius: 4px;
    width: 24px;
    flex: 0;
    transition: all 0.3s ease;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemRemove:hover,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionrItemRemove:hover {
    background-color: var(--color-primary-red-dark);
    color: white;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemAddButton,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionItemAddButton {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-alt-green-1);
    color: var(--color-primary-green-dark);
    border: none;
    border-radius: 4px;
    width: 24px;
    flex: 0;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemAddButton:hover,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionItemAddButton:hover {
    background-color: var(--color-primary-green-dark);
    color: white;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemTotalWrapper,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionItemTotalWrapper {
    gap: 8px;
    align-items: center;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerTotalQuantityComparison,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionTotalQuantityComparison {
    max-width: 36px;
}

.storefront .attribute_section_content.attribute_section_content_grid .offerTriggerItemOperator,
.storefront .attribute_section_content.attribute_section_content_grid .offerSuppressionItemOperator {
    height: auto;
}

.storefront .offerSuppressionItem,
.storefront .offerTriggerItem {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.storefront .offerTriggerItemAddWrapper,
.storefront .offerSuppressionItemAddWrapper {
    display: flex;
    gap: 8px;
}




.storefront .offerSuppressionItemList .offerSuppressionItemTotalWrapper,
.storefront .offerSuppressionItemList[data-view='total'] .offerSuppressionItemOperatorColumn,
.storefront .offerSuppressionItemList[data-view='total'] .offerSuppressionItemComparisonColumn,
.storefront .offerSuppressionItemList[data-view='contains_any'] .offerSuppressionItemOperatorColumn,
.storefront .offerSuppressionItemList[data-view='contains_any'] .offerSuppressionItemComparisonColumn,
.storefront .offerSuppressionItemList[data-view='contains_all'] .offerSuppressionItemOperatorColumn,
.storefront .offerSuppressionItemList[data-view='contains_all'] .offerSuppressionItemComparisonColumn,
.storefront .offerTriggerItemList .offerTriggerItemTotalWrapper,
.storefront .offerTriggerItemList[data-view='total'] .offerTriggerItemOperatorColumn,
.storefront .offerTriggerItemList[data-view='total'] .offerTriggerItemComparisonColumn,
.storefront .offerTriggerItemList[data-view='contains_any'] .offerTriggerItemOperatorColumn,
.storefront .offerTriggerItemList[data-view='contains_any'] .offerTriggerItemComparisonColumn,
.storefront .offerTriggerItemList[data-view='contains_all'] .offerTriggerItemOperatorColumn,
.storefront .offerTriggerItemList[data-view='contains_all'] .offerTriggerItemComparisonColumn {
    display: none;
}

.storefront .offerSuppressionItemList[data-view='total'] .offerSuppressionItemTotalWrapper,
.storefront .offerTriggerItemList[data-view='total'] .offerTriggerItemTotalWrapper {
    display: flex;
}

.storefront .offerSuppressionItemList[data-view='contains_all'] .offerSuppressionItemIdColumn,
.storefront .offerSuppressionItemList[data-view='contains_any'] .offerSuppressionItemIdColumn,
.storefront .offerTriggerItemList[data-view='contains_all'] .offerTriggerItemIdColumn,
.storefront .offerTriggerItemList[data-view='contains_any'] .offerTriggerItemIdColumn {
    display: flex;
    gap: 8px;
}


.storefront .offerSuppressionItemList[data-view='contains_all'] .offerTriggerItem .offerSuppressionItemIdColumn::after,
.storefront .offerTriggerItemList[data-view='contains_all'] .offerTriggerItem .offerTriggerItemIdColumn::after {
    display: block;
    white-space: nowrap;
    content: "EXISTS AND";
}

.storefront .offerSuppressionItemList[data-view='contains_all'] .offerTriggerItem:last-child .offerSuppressionItemIdColumn::after,
.storefront .offerTriggerItemList[data-view='contains_all'] .offerTriggerItem:last-child .offerTriggerItemIdColumn::after {
    display: block;
    content: "EXISTS";
}

.storefront .offerSuppressionItemList[data-view='contains_any'] .offerTriggerItem .offerSuppressionItemIdColumn::after,
.storefront .offerTriggerItemList[data-view='contains_any'] .offerTriggerItem .offerTriggerItemIdColumn::after {
    display: block;
    white-space: nowrap;
    content: "EXISTS OR ";
}

.storefront .offerSuppressionItemList[data-view='contains_any'] .offerTriggerItem:last-child .offerSuppressionItemIdColumn::after,
.storefront .offerTriggerItemList[data-view='contains_any'] .offerTriggerItem:last-child .offerTriggerItemIdColumn::after {
    display: block;
    content: "EXISTS";
}

.storefront .attribute_section_no_border {
    border: none !important;
}

.storefront .attribute_section_no_border > .attribute_section_content {
    border: none !important;
}

.storefront .attribute_child_sections > .attribute_section {
    margin-right: 20px;
}

.storefront .attribute_section_toggle {
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    margin-right: 10px;
}

.storefront .attribute_section_toggle:before {
    display: block;
    float: left;
    content: "[-]";
}

.storefront .attribute_section_closed > .attribute_section_name > .attribute_section_toggle:before {
    display: block;
    float: left;
    content: "[+]";
}

.storefront .attribute_section_open > .attribute_section_content {
    display: block;
}
.storefront .attribute_section_open > .attribute_section_content.attribute_section_content_grid {
    display: grid;
}

.storefront .attribute_section_closed > .attribute_section_content {
    display: none;
}

.storefront .attribute_section_instructions {
    font-size: 11px;
}

.storefront .sf_page .attribute_section_instructions {
    padding-top: 20px;
}

.storefront .attributes_list li .attribute_fullscreen_toggle:before {
    font-family: 'ultracarticons';
    font-size: 16px;
    content: '\e02f';
    display: block;
    cursor: pointer;
    float: right;
}

.storefront .attributes_list li.attribute_fullscreen .attribute_fullscreen_toggle:before {
    content: '\e030';
}

.storefront .attributes_list li.attribute_fullscreen .attribute_name {
    left: 90px;
    margin-bottom: 5px;
    position: absolute;
    right: 0;
    top: 20px;
    width: auto;
}

.storefront .attributes_list li.attribute_fullscreen .attribute_value {
    bottom: 0;
    left: 90px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 45px;
    width: auto;
}

.storefront .attributes_list li.attribute_fullscreen .attribute_value > div.CodeMirror {
    bottom: 0;
    height: 100% !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
}

.storefront .attributes_list li.attribute_fullscreen .attribute_value > textarea {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.storefront .attributes_list div.attribute_type {
    float: left;
    font-size: 0.786rem;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 85px;
    position: relative;
    display: flex;
    align-items:center;
}

.storefront .attributes_list span.attribute_type {
    display: inline-block;
    min-width: 43px;
}

.storefront .attributes_list .orphan {
    color: var(--color-primary-red) !important;
}

.storefront .attributes_list .orphan textarea {
    border-color: var(--color-primary-red) !important;
}

.storefront .attributes_list .orphan input {
    border-color: var(--color-primary-red) !important;
}

.storefront .attributes_list .CodeMirror {
    border: 1px solid var(--color-primary-grey-3);
    font-size: 11px;
    border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
}

.storefront.page_title_bar_container {
    height: 20px;
}

.storefront .storefront_select {
    width: 229px;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 0.8em;
    font-size: 0.786rem;
    padding-left: 10px;
    height: 29px;
    /*position: absolute;*/
    line-height: 34px;
    letter-spacing: .1em;
    font-family: var(--font-primary-regular);
    clear: both;
    /*background: #F1F1F1;*/
    /*border-top: 1px solid var(--color-primary-grey-3);*/
    /*border-right: 1px solid var(--color-primary-grey-3);*/
    /*border-left: 1px solid var(--color-primary-grey-3);*/
    bottom: 0;
    left: 30px;
    border-radius: 5px 5px 0 0;
    box-sizing: content-box;
}

#storefront-list {
    width: 240px;
    height: 30px;
    background-color: transparent;
    box-sizing: border-box;
    background-color: white;
}

#new-storefront-button {
    box-sizing: border-box;
    /*position: absolute;*/
    /*left: 275px;*/
    /*bottom: 5px;*/
    border-radius: var(--border-radius-small);
    height: 25px;
    /*width: 130px;*/
    /*display: block;*/
    line-height: 1em;
    text-align: center;
    font-size: 12px;
}

.storefront .logo_info,
.storefront .theme_info {
    padding: 0;
    margin-top: 0;
}

/*========== StoreFronts - Themes ==========*/
.storefront #tabThemes-container ul.etabs {
    border: none;
    padding: 0;
    margin-bottom: 32px;
}

.storefront #tabThemes-container ul.etabs li.tab {
    border: none;
}

.storefront #tabThemes-container ul.etabs li.tab a {
    border: none;
    border-radius: var(--border-radius-small);
    color: #fff;
    background-color: var(--color-primary-blue);
    transition: background-color var(--transition-primary);
}

.storefront #tabThemes-container ul.etabs li.tab a:hover {
    background-color: var(--color-primary-blue-dark);
}

.storefront #tabThemes-container ul.etabs li.tab a.active {
    color: var(--color-primary-grey-4);
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
}

.storefront #tabThemes-container .sticky_save_container {
    padding-left: 20px;
    padding-right: 20px;
    width: 70%;
    box-sizing: border-box;
    float: left;
}

.storefront #tabThemes-container .sticky_save_preset_container {
    padding-left: 0;
    padding-right: 20px;
    width: 30%;
    box-sizing: border-box;
    float: left;
}

.storefront .sf_site_wide .sticky_save_preset_container .save_btn {
    background: var(--color-primary-blue);
}

.storefront #tabSearch-container {
    max-width: 800px;
    min-width: 800px;
}

.storefront #tabLanguages-container {
    max-width: 600px;
}

.storefront #contentUpsellOfferEditId .sticky_save,
.storefront #tabLanguages-container .sticky_save,
.storefront .uri_mappings .sticky_save,
.storefront #tabSearch-container .sticky_save,
.storefront #contentStoreFrontSocialId .sticky_save,
.storefront #contentStoreFrontConversionTracking .sticky_save,
.storefront #contentStoreFrontAdvertisingId .sticky_save,
.storefront .sf_site_wide .sticky_save,
.storefront .sf_theme_edit .sticky_save {
    background: #f1f1f1;
    padding: 0;
    border-top: 1px solid var(--color-primary-grey-3);
    border-bottom: 1px solid var(--color-primary-grey-3);
    border-right: 1px solid var(--color-primary-grey-3);
    border-left: 1px solid var(--color-primary-grey-3);
}

.storefront #contentUpsellOfferEditId .sticky_save div.more_notice,
.storefront #tabLanguages-container .sticky_save div.more_notice,
.storefront .uri_mappings .sticky_save div.more_notice,
.storefront #tabSearch-container .sticky_save div.more_notice,
.storefront #contentStoreFrontSocialId .sticky_save div.more_notice,
.storefront #contentStoreFrontConversionTracking .sticky_save div.more_notice,
.storefront #contentStoreFrontAdvertisingId .sticky_save div.more_notice,
.storefront .sf_site_wide .sticky_save div.more_notice,
.storefront .sf_theme_edit .sticky_save div.more_notice {
    display: none;
}

.storefront #contentUpsellOfferEditId .sticky_save.is_stuck,
.storefront #tabLanguages-container .sticky_save.is_stuck,
.storefront .uri_mappings .sticky_save.is_stuck,
.storefront #tabSearch-container .sticky_save.is_stuck,
.storefront #contentStoreFrontConversionTracking .sticky_save.is_stuck,
.storefront #contentStoreFrontAdvertisingId .sticky_save.is_stuck,
.storefront #contentStoreFrontSocialId .sticky_save.is_stuck,
.storefront .sf_site_wide .sticky_save.is_stuck,
.storefront .sf_theme_edit .sticky_save.is_stuck {
    margin-top: 21px;
}

.storefront #contentUpsellOfferEditId .sticky_save.is_stuck div.more_notice,
.storefront #tabLanguages-container .sticky_save.is_stuck div.more_notice,
.storefront .uri_mappings .sticky_save.is_stuck div.more_notice,
.storefront #tabSearch-container .sticky_save.is_stuck div.more_notice,
.storefront #contentStoreFrontConversionTracking .sticky_save.is_stuck div.more_notice,
.storefront #contentStoreFrontAdvertisingId .sticky_save.is_stuck div.more_notice,
.storefront #contentStoreFrontSocialId .sticky_save.is_stuck div.more_notice,
.storefront .sf_site_wide .sticky_save.is_stuck div.more_notice,
.storefront .sf_theme_edit .sticky_save.is_stuck div.more_notice {
    background-color: #bbb;
    background: rgba(187, 187, 187, 0.6);
    border-top: none;
    border-right: none;
    border-left: none;
    color: #fff;
    display: block;
    height: 30px;
    margin-top: -31px;
    padding-left: 20px;
    position: relative;
    text-align: center;
    margin-right: -1px;
    margin-left: -1px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 11px;
    line-height: 30px;
    font-weight: bold;
}

.storefront #contentUpsellOfferEditId .sticky_save .save_btn.btn.bottom,
.storefront #tabLanguages-container .sticky_save .save_btn.btn.bottom,
.storefront .uri_mappings .sticky_save .save_btn.btn.bottom,
.storefront #tabSearch-container .sticky_save .save_btn.btn.bottom,
.storefront #contentStoreFrontConversionTracking .sticky_save .save_btn.btn.bottom,
.storefront #contentStoreFrontAdvertisingId .sticky_save .save_btn.btn.bottom,
.storefront #contentStoreFrontSocialId .sticky_save .save_btn.btn.bottom,
.storefront .sf_site_wide .sticky_save .save_btn.btn.bottom,
.storefront .sf_theme_edit .sticky_save .save_btn.btn.bottom {
    font-size: 11px;
}

.storefront .uri_mappings tr.uri_mapping_invalid {
    background: rgba(255, 0, 0, 0.1) !important;
}

.storefront .uri_mappings div.uri_mapping_invalid {
    text-align: left;
    margin-left: 25px;
    margin-top: 10px;
    color: red;
    font-weight: bold;
}

.storefront .logo_info li,
.storefront .theme_info li {
    margin-bottom: .5em;
    list-style: none;
}

.storefront .list_100 input {
    width: 100px;
}

.storefront .list_200 .btn {
    font-size: 1em;
    width: 200px;
    margin-top: 10px;
    font-weight: normal;
}

.storefront .list_200 #changeStoreFrontUrl.btn {
    font-size: 0.75rem;
}

.storefront #unlockYourStoreDeveloper,
.storefront #unlockYourStore {
    box-sizing: border-box;
    text-align: center;
}

.storefront #lockYourStore {
    box-sizing: border-box;
    text-align: center;
}

.storefront .logo_image_container {
    background-color: #f1f1f1;
    border: 1px solid var(--color-primary-grey-3);
    width: 159px;
    height: 99px;
    border-radius: var(--border-radius-small);
}

.storefront .logo_image_container img {
    max-height: 74px;
    max-width: 74px;
    display: block;
    margin: 0 auto;
}

/* Multimedia dialog */

.multimedia_available_list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.multimedia_available_list .multimedia_available {
    cursor: default;
    display: inline;
    float: left;
    margin: 0 0 10px;
    height: 132px;
    width: 144px;
    padding: 10px 0 3px;
    text-align: center;
    position: relative;
}

.multimedia_available_list .multimedia_available.hover {
    background-color: #f0f0f0;
    border: medium none;
}

.multimedia_available_list .multimedia_available.selected {
    background-color: #69c;
    border: medium none;
}

.multimedia_available_list .multimedia_available .preview_container {
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
    height: 100px;
    width: 120px;
    margin-left: 10px;
}

.multimedia_available_list .multimedia_available .preview {
    max-height: 100px;
    max-width: 120px;
}

.multimedia_available_list .multimedia_available .preview_container span {
    font-size: 11px;
    display: block;
    margin: 40px auto;
}

.multimedia_available_list .multimedia_available .filename {
    font-family: var(--font-primary-regular);
    font-size: 11px;
    color: #555555;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    padding-bottom: 10px;
}

.multimedia_available_list .multimedia_available.selected .filename {
    color: #fff;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* StoreFronts General - URL */

.storefront .confirmed {
    color: #8cad00;
}

.storefront .unconfirmed {
    color: #990000;
}

#sslWizardContent {
    overflow-x: hidden;
}

#sslWizardContent .url_primary .btn_edit {
    display: inline-block;
    /*float: right;*/
    height: 20px;
    width: 16px;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
    margin-left: 5px;
    margin-top: 5px;
}

#sslWizardContent #urlPrimaryEditorPrefix {
    height: 25px;
    box-sizing: border-box;
}

#sslWizardContent #urlPrimaryEditorHostName {
    background: #eaeaea;
    height: 25px;
    box-sizing: border-box;
    margin-top: 0;
    padding-top: 0;
}

#sslWizardContent .url_primary_editor .btn {
    height: 25px;
    font-size: 11px;
}

#sslWizardContent .newSslDomainName {
    background: none repeat scroll 0 0 white;
    border: medium none;
    color: #000;
    display: inline-block;
    padding-left: 0;
    width: 300px;
}

#sslWizardContent .list_full {
    width: 100%;
    font-size: 1em;
    box-sizing: border-box;
}

#sslWizardContent .list_half {
    width: 50%;
    margin-right: 0;
    font-size: 1em;
    box-sizing: border-box;
    padding-right: 10px;
}

#sslWizardContent .list_third {
    width: 250px;
    text-align: center;
}

#sslWizardContent .list_half.last {
    padding-right: 0;
    padding-left: 10px;
}

#sslWizardContent .label,
#sslWizardContent .alt_label {
    margin-bottom: 10px;
    color: #666;
    font-size: 0.8em;
}

#sslWizardContent .list_half input,
#sslWizardContent .list_full input,
#sslWizardContent .list_half select {
    font-size: 0.8em;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
}

#sslWizardContent h4 {
    font-size: 1.1em;
    font-family: 'latolight';
}

#sslWizardContent .url_primary,
#sslWizardContent .url_alias {
    margin-bottom: 10px;
}

#sslWizardContent span.pending_url,
#sslWizardContent a.current_url {
    color: #999;
    margin-right: 5px;
    min-width: 225px;
    display: inline-block;
}

#sslWizardContent .url_alias .remove {
    font-size: 0.8em;
    color: var(--color-primary-red);
    display: inline-block;
    cursor: pointer;
}

#sslWizardContent .btn {
    margin-top: 0;
}

#sslWizardContent .url_status {
    font-family: 'latolight';
    font-size: 0.8em;
    margin-right: 10px;
    color: #fff;
    background: #999;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    width: 100px;
}

#sslWizardContent .country_us .state {
    width: 100px;
    float: left;
    margin-right: 20px;
}

#sslWizardContent .country_us .zip {
    width: 80px;
    float: left;
    margin-right: 20px;
}

#sslWizardContent .country_us .country {
    width: 165px;
    float: left;
}

#sslWizardContent .country_us .state,
#sslWizardContent .country_us .zip {
    margin-bottom: 0;
}

#sslWizardContent .country_us .state .label,
#sslWizardContent .country_us .state .select_state,
#sslWizardContent .country_us .zip .label {
    display: block;
}

#sslWizardContent .country_us .state .alt_label,
#sslWizardContent .country_us .state .select_alt_state,
#sslWizardContent .country_us .zip .alt_label {
    display: none;
}

#sslWizardContent .country_other .state {
    margin-bottom: 20px;
}

#sslWizardContent .country_other .zip {
    width: 185px;
    float: left;
    margin-right: 20px;
}

#sslWizardContent .country_other .country {
    width: 180px;
    float: left;
}

#sslWizardContent .country_other .state .label,
#sslWizardContent .country_other .state .select_state,
#sslWizardContent .country_other .zip .label {
    display: none;
}

#sslWizardContent .country_other .state .alt_label,
#sslWizardContent .country_other .state .select_alt_state,
#sslWizardContent .country_other .zip .alt_label {
    display: block;
}

#sslWizardContent .url_status.confirmed {
    background: #8cad00;
}

#sslWizardContent .url_status.pending {
    background: #666;
}

#sslWizardContent .hosting_options {
    min-width: 800px;
}

#sslWizardContent .current_domains {
    height: 26px;
}

#sslWizardContent .hosting_status.active {
    background: #fff;
    color: #555;
}

#sslWizardContent .change_domain {
    background: var(--color-primary-orange);
    width: 100%;
    box-sizing: border-box;
}

#sslWizardContent .domain {
    background: #fff;
    border: 1px solid #bbb;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

#sslWizardContent .domain .sub_domain {
    color: #999;
}

#sslWizardContent .hosting_status.active .full_divider {
    border-color: var(--color-primary-grey-3);
}

#sslWizardContent .hosting_status.active p {
    color: #555;
}

#sslWizardContent .hosting_status {
    border: none;
    padding: 20px;
    width: 210px;
    float: left;
    margin: 0 20px 20px 0;
    text-align: center;
    background: var(--color-primary-blue);
    color: #fff;
    cursor: pointer;
}

#sslWizardContent .hosting_status.host_checkout {
    margin-right: 0;
}

#sslWizardContent .hosting_status p {
    color: #fff;
}

#sslWizardContent .hosting_status .full_divider {
    border-color: #fff;
}

#sslWizardContent .hosting_status .type_icon {
    height: 96px;
    width: 90px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#sslWizardContent .hosting_status .type_icon:before {
    display: block;
    font-family: 'ultracarticons';
    text-align: center;
    line-height: 100px;
    font-size: 100px;
    color: #fff;
}

#sslWizardContent .hosting_status.active .type_icon:before {
    color: #555;
}

#sslWizardContent .hosting_status.host_website .type_icon:before {
    content: '\e02d';
}

#sslWizardContent .hosting_status.host_storefront .type_icon:before {
    content: '\e02e';
    font-size: 85px;
    line-height: 105px;
}

#sslWizardContent .hosting_status.host_checkout .type_icon:before {
    content: '\e02c';
    font-size: 78px;
    line-height: 105px;
}

#sslWizardContent .hosting_status h3 {
    margin-top: 0;
}

#sslWizardContent .proposed_url {
    font-weight: bold;
}

.template_host_name_check_wrapper .dns_check_host_name {
    color: #999;
    margin-bottom: 10px;
}

.template_host_name_check_wrapper .dns_check_domain_name {
    color: #999;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 10px;
}

.template_host_name_check_wrapper .dns_check_name_servers {
    margin-top: 10px;
}

.template_host_name_check_wrapper .dns_check_name_servers_title {
    color: #999;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 10px;
}

.template_host_name_check_wrapper .dns_check {
    clear: both;
}

.template_host_name_check_wrapper .dns_check_description {
    padding-top: 5px;
}

.template_host_name_check_wrapper .dns_check_description_outcome {
    width: 60px;
    float: left;
    margin-bottom: 10px;
    background: #eaeaea;
    padding: 5px;
    margin-right: 10px;
    text-align: left;
}

.template_host_name_check_wrapper .dns_check_description_outcome.dns_check_description_outcome_passed {
    color: green;
}

.template_host_name_check_wrapper .dns_check_description_outcome.dns_check_description_outcome_failed {
    color: red;
}

.storefront .logo_image_container.orphan {
    border-color: var(--color-primary-red) !important;
}

.storefront .btn.delete_multimedia {
    background: url(../../images/v3/icons.png) no-repeat -833px -314px var(--color-primary-red);
    height: 20px;
    width: 20px;
}

.storefront .sf_page_container_wrapper.ui-sortable > .sf_page_container {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.sf_page_container.root > .sf_page > .sf_page_title > .actions > .btn.delete {
    display: none;
}

.storefront .sf_page_container_wrapper.ui-sortable > .sf_page_container.ui-sortable-helper {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.storefront .sf_page_container_wrapper.ui-sortable > .sf_page_container .catalog-edit-section {
    cursor: auto;
}

.storefront .sf_page_container_wrapper.ui-sortable.ui-sortable-disabled > .sf_page_container {
    cursor: auto;
}

.sf_page_container > .sf_page > .sf_page_title .extension_html {
    display: none;
}

.sf_page_container.no_children.page_type_static > .sf_page > .sf_page_title .extension_html {
    display: inline;
}

.sf_page_container.no_children.page_type_static > .sf_page > .sf_page_title .extension_folder {
    display: none;
}

.storefront .sf_page_list .sf_page_container {
    margin-left: 10px;
    margin-top: 20px;
    padding: 0 0 0 20px;
    position: relative;
    border-left: 1px solid var(--color-primary-grey-3);
}

.sf_page_container.closed > .sf_page > .sf_page_container_wrapper > .sf_page_container,
.sf_page_container.closed > .sf_page > .sf_page_container {
    display: none;
}

.sf_page_container.root > .sf_page > .sf_page_title > .btn_expand_code,
.sf_page_container.no_children > .sf_page > .sf_page_title > .btn_expand_code {
    display: none;
    cursor: pointer;
}

.sf_page_container.indent1,
.sf_page_container.indent2,
.sf_page_container.indent3,
.sf_page_container.indent4,
.sf_page_container.indent5,
.sf_page_container.indent6,
.sf_page_container.indent7,
.sf_page_container.indent8,
.sf_page_container.indent9,
.sf_page_container.indent10 {
    border-left: 1px solid var(--color-primary-grey-3);
}

.sf_page_container.last {
    border-left: none !important;
}

/*.storefront .sf_page_list .sf_page_container.indent1{*/

/*margin:0 0 0 10px;*/

/*}*/

.storefront .sf_page_list .sf_page_container.indent2 {
    margin: 0 0 0 40px;
}

.storefront .sf_page_list .sf_page_container.indent3 {
    margin: 0 0 0 70px;
}

.storefront .sf_page_list .sf_page_container.indent4 {
    margin: 0 0 0 100px;
}

.storefront .sf_page_list .sf_page_container.indent5 {
    margin: 0 0 0 130px;
}

.storefront .sf_page_list .sf_page_container.indent6 {
    margin: 0 0 0 160px;
}

.storefront .sf_page_list .sf_page_container.indent7 {
    margin: 0 0 0 190px;
}

.storefront .sf_page_list .sf_page_container.indent8 {
    margin: 0 0 0 220px;
}

.storefront .sf_page_list .sf_page_container.indent9 {
    margin: 0 0 0 250px;
}

.storefront .sf_page_list .sf_page_container.indent10 {
    margin: 0 0 0 280px;
}

.storefront .sf_page_list .sf_page_container .line_up {
    width: 21px;
    height: 45px;
    position: absolute;
    left: -1px;
    top: -20px;
    border-left: 1px solid var(--color-primary-grey-3);
    border-bottom: 1px solid var(--color-primary-grey-3);
    border-radius: 0 0 0 10px;
}

.storefront .sf_page_list .sf_page_container.last > .line_up {
    left: 0;
    top: -20px;
}

.storefront .sf_page_list .sf_page_container.root {
    margin-top: 0;
    padding: 0;
    border-left: 0;
}

.storefront .sf_page_list .sf_page_container .sf_page {
    margin-bottom: 20px;
    position: relative;
    min-width: 540px;
}

.storefront .sf_page_list .sf_page_editing > .sf_page_title {
    background-color: white;
}

.storefront .sf_page_list .sf_page_editing > .catalog-edit-section .sf_page_wrap  {
    background-color: white;
    border-radius: 0 0 10px 10px;
}

.sf_page_list .sf_page_title .icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.sf_page_list .sf_page_title .pageHeaderEditFields {
    bottom: 0;
    left: 50px;
    position: absolute;
    right: 185px;
    top: 10px;
}

.sf_page_container.root > .sf_page > .sf_page_title .pageHeaderEditFields,
.sf_page_container.no_children > .sf_page > .sf_page_title .pageHeaderEditFields {
    left: 10px;
}

.sf_page_list .sf_page_title .pageHeaderEditFields .url {
    position: relative;
    top: -3px;
}

.sf_page_list .sf_page_title .pageHeaderEditFields .pageTitleDisplay {
    position: relative;
    top: -6px;
}

.sf_page_list .sf_page_container_inactive .sf_page_title .pageTitleDisplay::before {
    content: "INACTIVE";
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    background-color: var(--color-primary-grey-3);
    color: var(--color-primary-grey-4);
    padding: 4px 8px;
    border-radius: 6px;
}

.sf_page_list .sf_page_title .pageHeaderEditFields .pageTitleEdit {
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    max-width: 500px;
}

.sf_page_container.open > .sf_page > .sf_page_title > .btn_expand_code,
.sf_page_container.closed > .sf_page > .sf_page_title > .btn_expand_code {
    width: 16px;
    height: 16px;
    border-radius: var(--border-radius-small);
    cursor: pointer;
    float: left;
    margin-top: 0;
    margin-right: 10px;
    padding: 7px;
    background: var(--color-primary-blue);
    position: relative;
    transition: background-color 0.3s ease;
}

.sf_page_container.open > .sf_page > .sf_page_title > .btn_expand_code:hover,
.sf_page_container.closed > .sf_page > .sf_page_title > .btn_expand_code:hover {
    background-color: #72A3CB;
}

.sf_page_container.open > .sf_page > .sf_page_title > .btn_expand_code > span::before,
.sf_page_container.closed > .sf_page > .sf_page_title > .btn_expand_code > span::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: white;
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.sf_page_container.closed > .sf_page > .sf_page_title > .btn_expand_code > span::before {
    content: '\f227';
}

.sf_page_container.open > .sf_page > .sf_page_title > .btn_expand_code > span::before {
    content: '\f228';
}

/* .sf_page_container.closed>.sf_page>.sf_page_title>.btn_expand_code>span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -1040px -320px;
}

.sf_page_container.open>.sf_page>.sf_page_title>.btn_expand_code>span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -1040px -336px;
} */

.sf_page_list .sf_page_title .icon.dynamic {
    background: url(../../images/v3/icons.png) no-repeat -1040px -360px;
}

.sf_page_list .sf_page_title .icon.static {
    background: url(../../images/v3/icons.png) no-repeat -1080px -360px;
}

.sf_page_list .sf_page_title {
    border: 1px solid var(--color-primary-grey-3);
    color: var(--color-primary-grey-5);
    padding: 10px;
    /* background: #f4f4f4; */
    height: 30px;
    position: relative;
    line-height: 1em;
    border-radius: 10px;
    background-color: transparent;
    transition: background-color var(--transition-primary);
}

.sf_page_list .sf_page_title:hover {
    background-color: white;
}

.sf_page_list .sf_page_title .pageHeaderViewFields .url {
    padding-right: 200px;
}

.sf_page_list .sf_page_title .url {
    color: var(--color-primary-grey-3);
    font-size: .8em;
    display: block;
    white-space: nowrap;
}

.sf_page_list .sf_page_title .url .edit_code {
    /*cursor: pointer;*/
    /*margin: 0 3px;*/
    color: var(--color-primary-grey-4);
}

.sf_page_list .sf_page_title .url .btn_edit_code {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
    margin-left: 5px;
}

.sf_page_list .pageHeaderViewFields .pageTitleEdit,
.sf_page_list .pageHeaderViewFields .codeEdit {
    width: 200px !important;
}

.sf_page_list .pageHeaderEditFields {
    padding-bottom: 5px;
}

.sf_page_list .sf_page_title .url .btn_save_code {
    margin: 0 5px;
}

.sf_page_list .sf_page_title .url .btn_cancel_code {
    color: var(--color-primary-red);
}

.sf_page_list .sf_page_title .url .edit_code input {
    width: 120px;
    background: #fff;
    display: inline;
    height: auto;
    font-size: 9px;
    padding: 3px;
    border-radius: 3px;
}

.sf_page_list .sf_page_title .actions {
    width: 200px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.sf_page_list .sf_page_title .actions .btn {
    width: 20px;
    height: 20px;
    background-color: var(--color-primary-blue);
    border-radius: var(--border-radius-small);
    float: right;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
}

.sf_page_list .sf_page_title .actions .btn:hover {
    background-color: var(--color-primary-blue-dark);
}

.sf_page_list .sf_page_title .actions .btn.add_page {
    background-color: var(--color-primary-green);
}

.sf_page_list .sf_page_title .actions .btn.add_page:hover {
    background-color: var(--color-primary-green-dark);
}

.sf_page_list .sf_page_title .actions .btn.delete {
    background-color: var(--color-primary-red);
}

.sf_page_list .sf_page_title .actions .btn.delete:hover {
    background-color: var(--color-primary-red-dark);
}

.sf_page_list .sf_page_title .actions .btn::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: white;
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.sf_page_editing > .sf_page_title {
    border-radius: 5px 5px 0 0;
}

.sf_page_editing > .catalog-edit-section .etabs {
    border-left: 1px solid var(--color-primary-grey-3);
    border-right: 1px solid var(--color-primary-grey-3);
}

.storefront .actions .btn.delete::before {
    content: '\f1ee';
}

.storefront .actions .btn.preview::before {
    content: '\f183';
}

.storefront .actions .btn.edit::before {
    content: '\f1c2';
}

.storefront .actions .btn.duplicate::before {
    content: '\f20c';
}

.storefront .actions .btn.add_page::before {
    content: "\f1c9";
}

/* .storefront .actions .btn.delete {
    background: url(../../images/v3/icons.png) no-repeat -833px -314px var(--color-primary-red);
}*/

/* .storefront .actions .btn.preview {
    background: url(../../images/v3/icons.png) no-repeat -793px -314px #5ca2cc;
} */

/* .storefront .actions .btn.add_page {
    background: url(../../images/v3/icons.png) no-repeat -753px -314px #5ca2cc;
} */

.storefront .actions .btn.add_page.no_sub_page_support {
    display: none;
}

/*.storefront .actions .btn.edit {
    background: url(../../images/v3/icons.png) no-repeat -713px -314px #5ca2cc;
}*/

.storefront .actions .btn.sub {
    background: url(../../images/v3/icons.png) no-repeat -673px -314px var(--color-primary-blue);
}

.storefront .btn.edit {
    display: flex;
    gap: 4px;
    /* width: 20px;
    height: 20px; */
    border-radius: var(--border-radius-small);
    float: right;
    margin-left: 10px;
    cursor: pointer;
    /* background: url(../../images/v3/icons.png) no-repeat -713px -314px var(--color-primary-blue); */
}

.storefront .btn.edit::before {
    width: 16px;
    height: 16px;
    font-size: 13px;
    color: #fff;
    display: block;
    font-family: 'icons';
    content: '\f183';
}

.storefront .btn_inline.edit {
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 0;
    margin-top: 5px;
    cursor: pointer;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
}

/* Page Editor Tabs */
.sf_page_edit ul.etabs {
    border-bottom: none;
}

.sf_page_edit ul.etabs li,
.sf_page_edit .tab {
    border: 1px solid var(--color-primary-grey-3);
    border-radius: var(--border-radius-small);
    font-size: 11px;
}

.sf_page_edit .tab.active {
    border: 1px solid var(--color-primary-grey-3);
    background-color: #fff;
}

.sf_page_edit .tab a {
    /* color: var(--color-primary-blue); */
    color: var(--color-primary-grey-4);
    transition: color 0.3s ease;

}

.sf_page_edit .tab a:hover {
    color: var(--color-primary-blue);
    text-decoration: none;
    /* color: var(--color-primary-grey-4); */

}

.sf_page_edit {
    border-width: 0;
    border-style: solid;
    border-color: #bbb;
}

.sf_page_edit .helpSeoButton {
    text-align: center;
}

.sf_page_edit .attributes_list,
.sf_theme_edit .attributes_list,
.sf_site_wide .attributes_list {
    padding: 0;
    min-width: 650px;
    display: inline-block;
}

.storefront .sf_page_edit .attribute_section .redactor-box {
    margin-bottom: 0;
}

.sf_page_edit .storeFrontGroupTemplate,
.sf_page_edit .storeFrontReviewTemplate,
.sf_page_edit .storeFrontItemTemplate {
    width: 175px !important;
}

.sf_page_edit .btn_edit_group_template,
.sf_page_edit .btn_edit_review_template,
.sf_page_edit .btn_edit_item_template {
    /*display: inline-block;*/
    /* float: right;
    height: 20px;
    width: 16px;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
    margin-left: 5px;
    margin-top: 5px; */

    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: var(--border-radius-small);
    float: right;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
    margin-left: 5px;
    margin-top: 3px;
}

.sf_page_edit .btn_edit_group_template::before,
.sf_page_edit .btn_edit_review_template::before,
.sf_page_edit .btn_edit_item_template::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: var(--color-primary-blue);
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: '\f1c2';
    transition: color 0.3s ease;
}

.sf_page_edit .btn_edit_group_template:hover::before,
.sf_page_edit .btn_edit_review_template:hover::before,
.sf_page_edit .btn_edit_item_template:hover::before {
    color: #72A3CB;
}

.saveAdhocTemplateBtn,
.closeAdhocTemplateBtn {
    cursor: pointer;
}

.saveAdhocTemplateBtn.disabled {
    background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;
}

@media only screen and (min-width: 1800px) {
    .sf_page_edit .attributes_list,
    .sf_theme_edit .attributes_list,
    .sf_site_wide .attributes_list {
        /*-webkit-column-count: 2;*/
        /* Commented out because Chrome is causing issues now with CodeMirror in a two column wrap */
        /*-moz-column-count: 2;*/
        /*column-count: 2;*/
    }
}

.sf_page_edit .attributes_list li,
.sf_theme_edit .attributes_list li,
.sf_site_wide .attributes_list li {
    display: block;
    margin-bottom: 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

.sf_page_edit .attributes_list .storefrontwysiwyg-container ol li,
.sf_page_edit .attributes_list .storefrontwysiwyg-container ul li {
    display: list-item;
}

.attribute_type {
    color: #bbb;
}

.storefront .btn.delete_attribute {
    position: relative;
    /* background: url(../../images/v3/icons.png) no-repeat -833px -314px var(--color-primary-red); */
    background-color: var(--color-primary-red);
    margin-left: 15px;
    height: 20px;
    width: 20px;
    float: left;
    cursor: pointer;
    transition: background-color var(--transition-primary);
}

.storefront .btn.delete_attribute:hover {
    background-color: var(--color-primary-red-dark);
}

.storefront .btn.delete_attribute::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: white;
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: '\f1ee';
}

.sf_page_edit .row {
    margin: 0 10px 10px 10px;
    padding: 0;
}

.sf_page_edit .row h3 {
    font-size: 1em;
}

.sf_page_edit .settings {
}

.sf_page_edit .settings .row {
    border-bottom: none;
}

.sf_page_edit .settings .row > .list_350 {
    margin-bottom: 0;
}

.sf_page_edit .page_permissions {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 4px;
}

.sf_page_edit .page_permissions li {
    display: flex;
    gap: 4px;
    list-style: none;
    /*line-height: 30px;*/
    font-size: 10px;
    padding-left: 0;
    margin-bottom: 0;

    .list_small_input {
        float: none;
        width: auto;
        height: auto;
        position: relative;
        box-sizing: border-box;

        &::before {
            content: '';
            display: block;
            position: absolute;
            top: 2px;
            left: 2px;
            width: 8px;
            height: 8px;
            background-color: white;
            border-radius: 8px;
            pointer-events: none;
            transition: left 0.3s ease;
        }

        .list_small_input:has(input[type="checkbox"]:checked)&::before {
            left: 6px;
        }

        input[type="checkbox"] {
            border: none;
            appearance: none;
            background-color: var(--color-primary-grey-3);
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 16px;
            height: 12px;
            margin: 0;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.3s ease;

            &:checked {
                background-color: var(--color-primary-green);
            }
        }
    }

    /* div:nth-child(2) {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    } */

    .clr {
        display: none;
    }
}

.sf_page_edit .save {
    margin-top: -1px;
    border: 1px solid var(--color-primary-grey-3);
    background: white;
    border-radius: 0 0 10px 10px;
}

.sf_page_edit .sf_page_wrap {
    color: var(--color-primary-grey-4);
    font-family: var(--font-primary-regular);
}

div.sf_page_wrap > div.save > div.more_notice {
    display: none;
}

div.sf_page_wrap > div.save.is_stuck > div.more_notice {
    background-color: #bbb;
    background: rgba(187, 187, 187, 0.6);
    border-top: 1px solid #bbb;
    color: #555;
    display: block;
    height: 20px;
    margin-top: -21px;
    padding-left: 20px;
    position: relative;
    text-align: center;
}

.sf_page_edit .save .btn {
    text-align: center;
    background-color: var(--color-primary-blue);
    cursor: pointer;
    margin-top: 0;
    transition: background-color 0.3s ease;
}

.sf_page_edit .save .btn:hover {
    background-color: var(--color-primary-blue-dark);
}

.sf_page_edit .save .btn.remove {
    background-color: var(--color-primary-red);
}

.sf_page_edit .save .btn.remove:hover {
    background-color: var(--color-primary-red-dark);
}

.sf_page_edit .save .row {
    margin: 0 20px;
    padding: 20px 0 0 0;
    border: none;
    border-radius: 0 0 10px 10px;
}

.sf_page_edit .row input {
    width: 100%;
}

.sf_page_edit .row input[type="checkbox"] {
    width: auto;
}

.sf_page_edit .row input[type="number"] {
    width: 100px;
    background-color: #FFF;
    border: 1px solid #CCC;
    height: 25px;
    box-sizing: border-box;
    padding-left: 5px;
    border-radius: var(--border-radius-small);
}

.sf_page_edit .row select {
    width: 100%;
    background: #FFF;
    border: 1px solid #CCC;
    height: 25px;
    padding-top: 2px 4px;
    border-radius: var(--border-radius-small);
    color: var(--color-primary-grey-4);
}

.sf_page_edit .row input[type="text"],
.sf_page_edit .row input[type="number"],
.sf_page_edit .row input[type="checkbox"],
.sf_page_edit .text_area {
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: var(--border-radius-small);
    color: var(--color-primary-grey-4);
}


.sf_page_edit .orphan {
    color: var(--color-primary-red) !important;
}

.sf_page_edit .orphan textarea {
    border-color: var(--color-primary-red) !important;
}

.sf_page_edit .orphan input {
    border-color: var(--color-primary-red) !important;
}

.storefront .item_table_container {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #CCC;
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.storefront .assigned_items .item_table tbody.ui-sortable tr {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.storefront .assigned_items .item_table tbody.ui-sortable tr.ui-sortable-helper {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.storefront .assigned_items .item_table tbody.ui-sortable.ui-sortable-disabled tr {
    cursor: auto;
}

.storefront .item_table .item_id {
    width: 100px;
}

.storefront .item_table.responsive td,
.storefront .item_table.responsive th {
    border-left: none;
    border-top: none;
}

.storefront .publish_date,
.storefront .publish_time {
    position: relative;
}

.storefront .publish_date input,
.storefront .publish_time input {
    padding-left: 29px;
}

.storefront .publish_time input {
    width: 75px !important;
}

.storefront .picker_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 6px;
    cursor: pointer;
}

/* .storefront .publish_date .picker_icon {
    background: url(../../images/v3/icons.png) no-repeat -1120px -360px;
}

.storefront .publish_time .picker_icon {
    background: url(../../images/v3/icons.png) no-repeat -1160px -360px;
} */

.storefront .publish_date .picker_icon::before,
.storefront .publish_time .picker_icon::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: var(--color-primary-blue);
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: "\f14a";
    transition: color 0.3s ease;
}

.storefront .publish_time .picker_icon::before {
    content: "\f15a";
}

.storefront .sf_page_edit .edit_html {
    border-top: 1px solid #bbb;
    overflow: scroll;
}

.storefront .sf_page_edit .sub_container {
    border: 1px solid #bbb;
    margin-bottom: 20px;
}

.sub_container .title {
    padding: 10px;
    background: #f1f1f1;
}

.sub_container .title h3 {
    margin-bottom: 0;
    color: var(--color-primary-blue);
    cursor: pointer;
}

.sub_container.active .title h3 {
    color: #555;
    cursor: default;
}

.sub_container .sub_content {
    display: none;
    border-top: 1px solid #bbb;
}

.sub_container .sub_content .assigned_items_info {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #bbb;
}

.sub_container .sub_content .available_items_info {
    padding: 10px;
    display: block;
    border-top: 1px solid #bbb;
}

.sub_container.active .sub_content {
    display: block;
}

#adhocTemplateEditor .ultralightbox-title-wrapper {
    display: none;
}

#adhocTemplateEditor .CodeMirror {
    border: 1px solid #bbb;
}

body.adhoc_template_editor_fullscreen {
    overflow: hidden;
}

body.adhoc_template_editor_fullscreen #adhocTemplateEditor {
    bottom: 0;
    height: 100% !important;
    max-height: 100% !important;
    left: 0;
    margin-left: 0 !important;
    position: fixed;
    right: 0;
    top: 0;
    width: 100% !important;
}

#adhocTemplateEditor .btn {
    display: inline-block;
    float: right;
    height: 20px;
    margin-left: 20px;
    font-size: 11px;
}

#adhocTemplateEditor .velocityDocumentationBtn {
    width: 170px;
    text-align: center;
}

#adhocTemplateEditor .closeAdhocTemplateBtn,
#adhocTemplateEditor .saveAdhocTemplateBtn {
    width: 80px;
    text-align: center;
}

#adhocTemplateEditor .previousTemplateBtn {
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
    float: left;
    margin: 0 20px 0 0;
    display: none;
}

#adhocTemplateEditor .previousTemplateBtn:before {
    width: 16px;
    height: 16px;
    font-size: 13px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e00a';
}

#adhocTemplateEditor .toggleAdhocEditorFullscreenBtn {
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
    /*float: left;*/
}

#adhocTemplateEditor .toggleAdhocEditorFullscreenBtn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

body.adhoc_template_editor_fullscreen #adhocTemplateEditor .toggleAdhocEditorFullscreenBtn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

#adhocTemplateEditor .template_adhoc_edit_wrapper {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/* Item Multimedia Picker Styles */

#itemMultimediaPickerDialogDiv .imageManagerList ul {
    list-style: none;
    padding: 0;
}

#itemMultimediaPickerDialogDiv .imageManagerList ul li {
    width: 110px;
    height: 110px;
    float: left;
    border: 1px solid #bbb;
    margin: 5px;
    position: relative;
    cursor: pointer;
    text-align: center;
}

#itemMultimediaPickerDialogDiv .imageManagerList ul li img {
    max-width: 100px;
    max-height: 100px;
    padding: 5px 5px 0 5px;
}

#itemMultimediaPickerDialogDiv .imageManagerList ul li div {
    position: absolute;
    background-color: #999;
    background-color: rgba(153, 153, 153, 0.9);
    bottom: 0;
    font-size: 11px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px;
    color: white;
}

.itemMultimediaPickerSelected {
    width: 110px;
    height: 110px;
    /* border: 1px solid #bbb; */
    border: none;
    /*margin: 5px;*/
    position: relative;
    cursor: pointer;
    text-align: center;
}

.itemMultimediaPickerSelectedNone {
    height: 25px;
    border-radius: 4px;
    overflow: hidden;
}

.itemMultimediaPickerSelected img {
    max-width: 100px;
    max-height: 100px;
    padding: 5px 5px 0 5px;
}

.itemMultimediaPickerSelected div {
    position: absolute;
    background-color: #999;
    background-color: rgba(153, 153, 153, 0.9);
    bottom: 0;
    font-size: 11px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px;
    color: white;
}

/* Slider Editor Styles */

.storefront .storefrontslider_settings_display {
    float: left;
    margin-top: 5px;
    color: #bbb;
}

.storefront .storefrontslider_settings_display .settingValue {
    margin-right: 10px;
}

.storefront .storefrontsliderlist {
    padding: 0;
}

.storefront .storefrontsliderlist li {
    border-top: 1px solid #bbb;
    padding-top: 10px;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.storefront .storefrontsliderlist li.ui-sortable-helper {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.storefront .storefrontslidersettings.btn,
.storefront .storefrontslideradd.btn {
    display: inline-block;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: right;
    margin-left: 10px;
}

.storefront .storefrontslideradd.btn {
    width: 40px;
    text-align: center;
}

.storefront .storefrontslider_slideimage {
    display: inline-block;
    width: 100px;
    /*height: 100px;*/
    float: left;
}

.storefront .storefrontslider_slideimage img {
    max-width: 90px;
    max-height: 90px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #bbb;
}

.storefront .storefrontslider_slidedetails {
    display: inline-block;
    width: 340px;
    /*min-height: 100px;*/
    /*background-color: blue;*/
    float: left;
    overflow-x: hidden;
}

.storefront .storefrontslider_slidedetails .description {
    font-size: 11px;
}

.storefront .storefrontslider_slidedetails .link {
    font-size: 11px;
}

.storefront .storefrontslider_slidedetails .flags {
    font-size: 11px;
    color: #bbb;
}

.storefront .storefrontslider_slideactions {
    display: inline-block;
    width: 50px;
    /*min-height: 100px;*/
    /*background-color: orange;*/
    padding-left: 10px;
    float: right;
}

.storefront .storefrontslider_slideedit.btn,
.storefront .storefrontslider_slidedelete.btn.remove {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
}

#storefrontSliderDialogDiv .html_fullscreen_toggle:before {
    font-family: 'ultracarticons';
    font-size: 16px;
    content: '\e02f';
    display: block;
    cursor: pointer;
    float: right;
}

#storefrontSliderDialogDiv ul.jqtree-tree .jqtree-toggler {
    top: 15%;
}

#storefrontSliderDialogDiv ul.jqtree-tree .jqtree-element {
    border: none;
    background: none;
    margin: 0;
}

#storefrontSliderDialogDiv .CodeMirror {
    border: 1px solid #bbb;
}

#storefrontSliderDialogDiv #link_manager_tree {
    margin-top: 20px;
    margin-left: 15px;
}

#storefrontSliderDialogDiv.image_manager_open .ultralightbox-title,
#storefrontSliderDialogDiv.link_manager_open .ultralightbox-title {
    margin-left: 38px;
    margin-top: -8px;
    padding-bottom: 15px;
}

#storefrontSliderDialogDiv .link_manager_close,
#storefrontSliderDialogDiv .image_manager_close {
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
    position: absolute;
    top: 10px;
    left: 20px;
}

#storefrontSliderDialogDiv .link_manager_close:before,
#storefrontSliderDialogDiv .image_manager_close:before {
    width: 16px;
    height: 16px;
    font-size: 13px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e00a';
}

#storefrontSliderDialogDiv .imageManagerList ul {
    list-style: none;
    padding: 0;
}

#storefrontSliderDialogDiv .imageManagerList ul li {
    width: 125px;
    height: 125px;
    float: left;
    border: 1px solid #bbb;
    margin: 5px;
    position: relative;
    cursor: pointer;
}

#storefrontSliderDialogDiv .imageManagerList ul li img {
    max-width: 115px;
    max-height: 115px;
    padding: 5px 5px 0 5px;
}

#storefrontSliderDialogDiv .imageManagerList ul li.directory img {
    max-width: 75px;
    max-height: 75px;
    padding: 10px 5px 0 25px;
}

#storefrontSliderDialogDiv .imageManagerList ul li div {
    position: absolute;
    background-color: #999;
    background-color: rgba(153, 153, 153, 0.9);
    bottom: 0;
    font-size: 11px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px;
    color: white;
}

#storefrontSliderDialogDiv .slideImagePreview {
    cursor: pointer;
    min-height: 100px;
    min-width: 100px;
    /*max-height: 200px;*/
    /*max-width: 500px;*/
    box-sizing: border-box;
    border: 1px solid #bbb;
    display: inline-block;
}

#storefrontSliderDialogDiv .slideImagePreview img {
    cursor: pointer;
    min-height: 100px;
    min-width: 100px;
    max-height: 200px;
    max-width: 500px;
    /*box-sizing: border-box;*/
    /*border: 1px solid #bbb;*/
}

/* Page Collection Styles */

.storefront .storefrontpagecollectionlist {
    padding: 0;
}

.storefront ul.storefrontpagecollectionlist {
    list-style: none;
}

.storefront .storefrontpagecollectionlist li {
    border-top: 1px solid #bbb;
    padding-top: 10px;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.storefront .storefrontpagecollectionlist li.ui-sortable-helper {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.storefront .storefrontpagecollectionsettings.btn,
.storefront .storefrontpagecollectionadd.btn {
    display: inline-block;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: right;
    margin-left: 10px;
}

.storefront .storefrontpagecollectionadd.btn {
    width: 40px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -30px;
}

.storefront .storefrontpagecollection_pagedetails {
    display: inline-block;
    width: 340px;
    /*min-height: 100px;*/
    /*background-color: blue;*/
    float: left;
    overflow-x: hidden;
}

.storefront .storefrontpagecollection_pagedetails .description {
    font-size: 11px;
}

.storefront .storefrontpagecollection_pagedetails .link {
    font-size: 11px;
}

.storefront .storefrontpagecollection_pagedetails .flags {
    font-size: 11px;
    color: #bbb;
}

.storefront .storefrontpagecollection_pageactions {
    display: inline-block;
    width: 50px;
    /*min-height: 100px;*/
    /*background-color: orange;*/
    padding-left: 10px;
    float: right;
}

.storefront .storefrontpagecollection_pageedit.btn,
.storefront .storefrontpagecollection_pagedelete.btn.remove {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
}

/*========== StoreFronts - Blogs ==========*/

#tabBlogs-container .full_divider {
    margin: 32px 0;
}

/* Tabs Update */
#tabBlogs-container ul.etabs {
    border: none;
    padding: 0;
    margin-bottom: 32px;
}

#tabBlogs-container ul.etabs li.tab {
    border: none;
}

#tabBlogs-container ul.etabs li.tab a {
    border: none;
    border-radius: var(--border-radius-small);
    color: #fff;
    background-color: var(--color-primary-blue);
    transition: background-color var(--transition-primary);
}

#tabBlogs-container ul.etabs li.tab a:hover {
    background-color: var(--color-primary-blue-dark);
}

#tabBlogs-container ul.etabs li.tab a.active {
    color: var(--color-primary-grey-4);
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
}

.blogPostEditor ul.etabs {
    border: none;
    padding: 0;
    margin-bottom: 32px;
}

.blogPostEditor ul.etabs li.tab {
    border: none;
}

.blogPostEditor ul.etabs li.tab a {
    border: none;
    border-radius: var(--border-radius-small);
    color: #fff;
    background-color: var(--color-primary-blue);
    transition: background-color var(--transition-primary);
}

.blogPostEditor ul.etabs li.tab a:hover {
    background-color: var(--color-primary-blue-dark);
}

.blogPostEditor ul.etabs li.tab a.active {
    color: var(--color-primary-grey-4);
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
}

#tabBlogs-container table.blogPostsTable {
    box-shadow: var(--boxshadow-primary)
}

.saveBlogPostBtn,
.closeBlogPostBtn {
    cursor: pointer;
}

.saveBlogPostBtn.disabled {
    background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;
}

body.blogpost_editor_fullscreen {
    overflow: hidden;
}

body.blogpost_editor_fullscreen .blogPostEditor {
    bottom: 0;
    height: 100% !important;
    max-height: 100% !important;
    left: 0;
    margin-left: 0 !important;
    position: fixed;
    right: 0;
    top: 0;
    width: 100% !important;
    background-color: white;
    overflow: auto;
    z-index: 20;
    padding: 20px;
    box-sizing: border-box;
}

.blogPostEditor .blogPostTags {
    box-sizing: border-box;
    width: 100%;
}

.blogPostEditor .blogPostTitle,
.blogPostEditor .blogPostAuthor {
    box-sizing: border-box;
    width: 100%;
}

.blogPostEditor .btn {
    display: inline-block;
    float: right;
    height: 20px;
    margin-left: 20px;
    font-size: 11px;
}

.blogPostEditor .actions_bar_wrapper .btn {
    display: block;
    float: none;
    height: auto;
    margin-left: 0;
    font-size: inherit;
}

.blogPostEditor .left-btn {
    float: left !important;
    margin-left: 0 !important;
}

.blogPostEditor .closeBlogPostBtn,
.blogPostEditor .saveBlogPostBtn {
    width: 80px;
    text-align: center;
}

.blogPostEditor .toggleBlogPostEditorFullscreenBtn {
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
    /*float: left;*/
}

.blogPostEditor .toggleBlogPostEditorFullscreenBtn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

body.blogpost_editor_fullscreen .blogPostEditor .toggleBlogPostEditorFullscreenBtn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

.blogPostEditor .template_blogpost_edit_wrapper {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.blogPostEditor .attributes_list {
    padding: 0;
    min-width: 650px;
    display: inline-block;
}

@media only screen and (min-width: 1800px) {
    .blogPostEditor .attributes_list {
        /*-webkit-column-count: 2;*/
        -moz-column-count: 2;
        column-count: 2;
    }
}

.blogPostEditor .attributes_list li {
    display: block;
    margin-bottom: 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

.blogPostEditor .attributes_list .orphan {
    font-size: 11px;
}

.blogPostEditor .attributes_list .blogPageAttributeContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blogPostEditor .attributes_list .blogPageAttributeContainer.attribute_fullscreen {
    background-color: white;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
}

.blogPostEditor .attributes_list li.attribute_fullscreen .attribute_value {
    bottom: 20px;
    left: 20px;
    margin-top: 0;
    position: absolute;
    right: 20px;
    top: 45px;
    width: auto;
}

.blogPostEditor .actions_bar_wrapper {
    z-index: 100;
}

.template_blogpost_header {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

.template_blogpost_header .btn {
    margin: 0;
    transition: background-color var(--transition-primary);
}

.template_blogpost_header .btn:hover {
    background-color: var(--color-primary-blue-dark);
}

.template_blogpost_header .btn.orange_btn {
    background-color: var(--color-primary-green);
}

.template_blogpost_header .btn.orange_btn:hover {
    background-color: var(--color-primary-green-dark);
}

.template_blogpost_header .btn.closeBlogPostBtn {
    background-color: var(--color-primary-red);
}

.template_blogpost_header .btn.closeBlogPostBtn:hover {
    background-color: var(--color-primary-red-dark);
}

/*========== StoreFronts - File Manager ==========*/

#storeFrontFileManagerDiv .fileManagerList ul {
    list-style: none;
    padding: 0;
}

#storeFrontFileManagerDiv .fileManagerList ul li {
    padding: 10px;
    font-size: 11px;
    cursor: pointer;
}

#storeFrontFileManagerDiv .fileManagerList ul li img {
    margin-right: 10px;
}

#storeFrontFileManagerDiv .fileManagerList ul li:nth-of-type(odd) {
    background: #f9f9f9;
}

#storeFrontImageManagerDiv .imageManagerList ul {
    list-style: none;
    padding: 0;
}

#storeFrontImageManagerDiv .imageManagerList ul li {
    width: 125px;
    height: 125px;
    float: left;
    border: 1px solid #bbb;
    margin: 5px;
    position: relative;
    cursor: pointer;
}

#storeFrontImageManagerDiv .imageManagerList ul li img {
    max-width: 115px;
    max-height: 115px;
    padding: 5px 5px 0 5px;
}

#storeFrontImageManagerDiv .imageManagerList ul li.directory img {
    max-width: 75px;
    max-height: 75px;
    padding: 10px 5px 0 25px;
}

#storeFrontImageManagerDiv .imageManagerList ul li div {
    position: absolute;
    background-color: #999;
    background-color: rgba(153, 153, 153, 0.9);
    bottom: 0;
    font-size: 11px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px;
    color: white;
}

.storefront #blogListAndSettingsPane:has(#tabBlogs-container #tabsBlog-list.active) .actions_bar_wrapper {
    display: none
}

.storefront #tabsBlog-list {
    min-width: 610px;
}

#tabsBlog-list .blogPostEditLink {
    cursor: pointer;
    background: none;
    height: 16px;
    width: 16px;
    display: block;
}

#tabsBlog-list .blogPostEditLink::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1c2";
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
    color: var(--color-primary-blue);
    transition: color var(--transition-primary);
}

#tabsBlog-list .blogPostEditLink:hover::before {
    color: var(--color-primary-blue-dark);
}

#tabsBlog-list .blogPostEditLink:disabled::before {
    color: var(--color-primary-grey-3);
}

#tabsBlog-list .blogPostEditLink:disabled:hover::before {
    color: var(--color-primary-grey-3);
}

#tabsBlog-list .blogPostEditLink:disabled {
    background: none;
}

.blogPageAttributeContainer .no_orphan_note {
    display: none;
}

.blogPageAttributeContainer .orphan {
    color: var(--color-primary-red) !important;
}

.storefront #blogPostSearch {
    padding-right: 22px;
}

.storefront #blogPostSearchGo {
    position: absolute;
    margin-left: -38px;
    display: inline-block;
    right: 1px;
    top: 1px;
    height: 22px;
    width: 22px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4425_53786)"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.16675 2.00008C4.31328 2.00008 2.00008 4.31328 2.00008 7.16675C2.00008 10.0202 4.31328 12.3334 7.16675 12.3334C10.0202 12.3334 12.3334 10.0202 12.3334 7.16675C12.3334 4.31328 10.0202 2.00008 7.16675 2.00008ZM0.666748 7.16675C0.666748 3.5769 3.5769 0.666748 7.16675 0.666748C10.7566 0.666748 13.6667 3.5769 13.6667 7.16675C13.6667 8.72156 13.1208 10.1489 12.2103 11.2674L15.1382 14.1953C15.3985 14.4557 15.3985 14.8778 15.1382 15.1382C14.8778 15.3985 14.4557 15.3985 14.1953 15.1382L11.2674 12.2103C10.1489 13.1208 8.72156 13.6667 7.16675 13.6667C3.5769 13.6667 0.666748 10.7566 0.666748 7.16675Z" fill="%23828282"/></g><defs><clipPath id="clip0_4425_53786"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    border: none;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.storefront .blogPostsTopPaging {
    float: right;
    font-size: 11px;
}

.storefront .blogPostsBottomPaging {
    float: right;
    font-size: 11px;
}

.storefront .moveBlogPostsBtn {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    border: none;
    float: right;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75741C9.89949 1.41426 6.10051 1.41426 3.75736 3.75741C1.41421 6.10055 1.41421 9.89954 3.75736 12.2427C6.10051 14.5858 9.89949 14.5858 12.2426 12.2427C14.5858 9.89954 14.5858 6.10055 12.2426 3.75741ZM2.81455 2.8146C5.6784 -0.0492449 10.3216 -0.0492449 13.1854 2.8146C16.0493 5.67844 16.0493 10.3217 13.1854 13.1855C10.3216 16.0493 5.6784 16.0493 2.81455 13.1855C-0.049294 10.3217 -0.049294 5.67844 2.81455 2.8146Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.19526 11.138C7.93491 10.8776 7.93491 10.4555 8.19526 10.1952L10.3905 7.99992L8.19526 5.80466C7.93491 5.54431 7.93491 5.1222 8.19526 4.86185C8.45561 4.6015 8.87772 4.6015 9.13807 4.86185L11.8047 7.52851C12.0651 7.78886 12.0651 8.21097 11.8047 8.47132L9.13807 11.138C8.87772 11.3983 8.45561 11.3983 8.19526 11.138Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.00008C4 7.63189 4.29848 7.33341 4.66667 7.33341L11.3333 7.33341C11.7015 7.33341 12 7.63189 12 8.00008C12 8.36827 11.7015 8.66675 11.3333 8.66675L4.66667 8.66675C4.29848 8.66675 4 8.36827 4 8.00008Z" fill="%2361B6E6"/></svg>');
}

.storefront .moveBlogPostsBtn:disabled {
    /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75741C9.89949 1.41426 6.10051 1.41426 3.75736 3.75741C1.41421 6.10055 1.41421 9.89954 3.75736 12.2427C6.10051 14.5858 9.89949 14.5858 12.2426 12.2427C14.5858 9.89954 14.5858 6.10055 12.2426 3.75741ZM2.81455 2.8146C5.6784 -0.0492449 10.3216 -0.0492449 13.1854 2.8146C16.0493 5.67844 16.0493 10.3217 13.1854 13.1855C10.3216 16.0493 5.6784 16.0493 2.81455 13.1855C-0.049294 10.3217 -0.049294 5.67844 2.81455 2.8146Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.19526 11.138C7.93491 10.8776 7.93491 10.4555 8.19526 10.1952L10.3905 7.99992L8.19526 5.80466C7.93491 5.54431 7.93491 5.1222 8.19526 4.86185C8.45561 4.6015 8.87772 4.6015 9.13807 4.86185L11.8047 7.52851C12.0651 7.78886 12.0651 8.21097 11.8047 8.47132L9.13807 11.138C8.87772 11.3983 8.45561 11.3983 8.19526 11.138Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.00008C4 7.63189 4.29848 7.33341 4.66667 7.33341L11.3333 7.33341C11.7015 7.33341 12 7.63189 12 8.00008C12 8.36827 11.7015 8.66675 11.3333 8.66675L4.66667 8.66675C4.29848 8.66675 4 8.36827 4 8.00008Z" fill="%23828282"/></svg>');
}

.storefront .editBlogPostsBtn {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    border: none;
    float: right;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33325 13.9999C1.33325 13.6317 1.63173 13.3333 1.99992 13.3333H13.9999C14.3681 13.3333 14.6666 13.6317 14.6666 13.9999C14.6666 14.3681 14.3681 14.6666 13.9999 14.6666H1.99992C1.63173 14.6666 1.33325 14.3681 1.33325 13.9999Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1953 2.80496C10.9034 2.51304 10.4301 2.51304 10.1382 2.80496L10.1382 2.80497L3.60207 9.34107L3.24967 10.7507L4.65926 10.3983L11.1953 3.86217C11.4873 3.57023 11.4873 3.0969 11.1953 2.80496ZM9.19535 1.86217C10.008 1.04952 11.3256 1.04952 12.1382 1.86217C12.9508 2.67481 12.9508 3.99233 12.1382 4.80496L12.1382 4.80497L5.4715 11.4716C5.38606 11.5571 5.27901 11.6177 5.16179 11.647L2.49512 12.3137C2.26794 12.3705 2.02761 12.3039 1.86202 12.1383C1.69644 11.9727 1.62987 11.7324 1.68667 11.5052L2.35333 8.83854C2.38264 8.72132 2.44325 8.61427 2.52869 8.52883L9.19535 1.86217Z" fill="%2361B6E6"/></svg>')
}

.storefront .editBlogPostsBtn:disabled {
    /* background: url(../../images/v3/icons.png) no-repeat -80px -440px; */
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33325 13.9999C1.33325 13.6317 1.63173 13.3333 1.99992 13.3333H13.9999C14.3681 13.3333 14.6666 13.6317 14.6666 13.9999C14.6666 14.3681 14.3681 14.6666 13.9999 14.6666H1.99992C1.63173 14.6666 1.33325 14.3681 1.33325 13.9999Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1953 2.80496C10.9034 2.51304 10.4301 2.51304 10.1382 2.80496L10.1382 2.80497L3.60207 9.34107L3.24967 10.7507L4.65926 10.3983L11.1953 3.86217C11.4873 3.57023 11.4873 3.0969 11.1953 2.80496ZM9.19535 1.86217C10.008 1.04952 11.3256 1.04952 12.1382 1.86217C12.9508 2.67481 12.9508 3.99233 12.1382 4.80496L12.1382 4.80497L5.4715 11.4716C5.38606 11.5571 5.27901 11.6177 5.16179 11.647L2.49512 12.3137C2.26794 12.3705 2.02761 12.3039 1.86202 12.1383C1.69644 11.9727 1.62987 11.7324 1.68667 11.5052L2.35333 8.83854C2.38264 8.72132 2.44325 8.61427 2.52869 8.52883L9.19535 1.86217Z" fill="%23828282"/></svg>')
}

.storefront .deleteBlogPostsBtn {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    border: none;
    float: right;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33341 6C3.7016 6 4.00008 6.29848 4.00008 6.66667V13.3333C4.00008 13.7015 4.29855 14 4.66675 14H11.3334C11.7016 14 12.0001 13.7015 12.0001 13.3333V6.66667C12.0001 6.29848 12.2986 6 12.6667 6C13.0349 6 13.3334 6.29848 13.3334 6.66667V13.3333C13.3334 14.4379 12.438 15.3333 11.3334 15.3333H4.66675C3.56218 15.3333 2.66675 14.4379 2.66675 13.3333V6.66667C2.66675 6.29848 2.96522 6 3.33341 6Z" fill="%23CD544E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33325 3.99992C1.33325 3.63173 1.63173 3.33325 1.99992 3.33325H13.9999C14.3681 3.33325 14.6666 3.63173 14.6666 3.99992C14.6666 4.36811 14.3681 4.66659 13.9999 4.66659H1.99992C1.63173 4.66659 1.33325 4.36811 1.33325 3.99992Z" fill="%23CD544E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.66675 2.00008C6.29856 2.00008 6.00008 2.29856 6.00008 2.66675V4.00008C6.00008 4.36827 5.7016 4.66675 5.33341 4.66675C4.96522 4.66675 4.66675 4.36827 4.66675 4.00008V2.66675C4.66675 1.56218 5.56218 0.666748 6.66675 0.666748H9.33341C10.438 0.666748 11.3334 1.56218 11.3334 2.66675V4.00008C11.3334 4.36827 11.0349 4.66675 10.6667 4.66675C10.2986 4.66675 10.0001 4.36827 10.0001 4.00008V2.66675C10.0001 2.29855 9.70162 2.00008 9.33341 2.00008H6.66675Z" fill="%23CD544E"/></svg>')
}

.storefront .deleteBlogPostsBtn:disabled {
    /* background: url(../../images/v3/icons.png) no-repeat -800px -280px; */
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33341 6C3.7016 6 4.00008 6.29848 4.00008 6.66667V13.3333C4.00008 13.7015 4.29855 14 4.66675 14H11.3334C11.7016 14 12.0001 13.7015 12.0001 13.3333V6.66667C12.0001 6.29848 12.2986 6 12.6667 6C13.0349 6 13.3334 6.29848 13.3334 6.66667V13.3333C13.3334 14.4379 12.438 15.3333 11.3334 15.3333H4.66675C3.56218 15.3333 2.66675 14.4379 2.66675 13.3333V6.66667C2.66675 6.29848 2.96522 6 3.33341 6Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33325 3.99992C1.33325 3.63173 1.63173 3.33325 1.99992 3.33325H13.9999C14.3681 3.33325 14.6666 3.63173 14.6666 3.99992C14.6666 4.36811 14.3681 4.66659 13.9999 4.66659H1.99992C1.63173 4.66659 1.33325 4.36811 1.33325 3.99992Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.66675 2.00008C6.29856 2.00008 6.00008 2.29856 6.00008 2.66675V4.00008C6.00008 4.36827 5.7016 4.66675 5.33341 4.66675C4.96522 4.66675 4.66675 4.36827 4.66675 4.00008V2.66675C4.66675 1.56218 5.56218 0.666748 6.66675 0.666748H9.33341C10.438 0.666748 11.3334 1.56218 11.3334 2.66675V4.00008C11.3334 4.36827 11.0349 4.66675 10.6667 4.66675C10.2986 4.66675 10.0001 4.36827 10.0001 4.00008V2.66675C10.0001 2.29855 9.70162 2.00008 9.33341 2.00008H6.66675Z" fill="%23828282"/></svg>')
}

.storefront .addBlogPostBtn,
.storefront a[href*="/merchant/storefront/wordpressImportLoad.do"] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
}

.storefront .addBlogPostBtn::before,
.storefront a[href*="/merchant/storefront/wordpressImportLoad.do"]::before {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1c9";
    color: white;
    font-size: 12px;
    width: 12px;
    height: 12px;
    pointer-events: none;
    position: relative;
    /* top: 50%;
    left: 4px;
    transform: translateY(-50%); */
    cursor: pointer;
    transition: color 0.3s ease;
}

.storefront a[href*="/merchant/storefront/wordpressImportLoad.do"].btn {
    padding: 0;
}

.storefront a[href*="/merchant/storefront/wordpressImportLoad.do"]::before {
    content: "\f20b"
}



.storefront .blogPostsTable {
    margin-top: 10px;
    margin-bottom: 10px;
}

.storefront .blogPostsTable .unassigned_post {
    background: url(../../images/v3/icons.png) no-repeat -1240px -240px;
    height: 16px;
    width: 16px;
    display: block;
}

.storefront .blogPostsTableHeader {
    margin: 10px 0 0 0;
    display: block;
}

.storefront .blogPostsTableHeader .unassigned_post {
    background: url(../../images/v3/icons.png) no-repeat -1240px -240px;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
}

.storefront .blogPostsTable .select,
.storefront .blogPostsTable .edit {
    width: 10px;
    text-align: center;
}

.storefront .blogPostsTable .title {
    padding-left: 10px !important;
}

.storefront .blogPostsTable .tags {
    padding-left: 10px !important;
}

.storefront .blogPostsTable .author {
    padding-left: 10px !important;
}

.storefront .blogPostsTable .visibility {
    padding-left: 10px !important;
    width: 50px;
}

.storefront .blogPostsTable .created_date {
    padding-left: 10px !important;
    width: 70px;
}

.storefront .blogPostsTable .published_date {
    padding-left: 10px !important;
    width: 75px;
    white-space: nowrap;
}

.storefront .blogPostsTable .unassigned_warning {
    width: 10px;
    text-align: center;
}

.storefront .blogAuthorsTable .edit,
.storefront .blogAuthorsTable .select {
    width: 10px;
    text-align: center;
}

.storefront .blogAuthorsTable .author {
    padding-left: 10px !important;
}

.storefront .blogAuthorsTable .email {
    padding-left: 10px !important;
}

.storefront .blogAuthorsTable .numberOfPosts {
    width: 85px;
    text-align: right;
}

.storefront .blogAuthorsTable .blogAuthorEditLink {
    cursor: pointer;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
    height: 16px;
    width: 16px;
    display: block;
}

.storefront .blogAuthorsTable .blogAuthorEditLink:disabled {
    background: url(../../images/v3/icons.png) no-repeat -80px -440px;
}

.storefront .bulkActionsHeader {
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    display: inline-block;
    float: right;
}

.blogPostsTable td,
.blogPostsTable th {
    padding-left: 10px;
    padding-right: 10px;
}

.blogPostsTable th {
    background: #f1f1f1 none repeat scroll 0 0;
}

.blogAuthorsTable td,
.blogAuthorsTable th {
    padding-left: 10px;
    padding-right: 10px;
}

.blogAuthorsTable th {
    background: #f1f1f1 none repeat scroll 0 0;
}

.storefront .deleteBlogAuthorsBtn {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    border: none;
    float: right;
    background: url(../../images/v3/icons.png) no-repeat -840px -280px;
}

.storefront .deleteBlogAuthorsBtn:disabled {
    background: url(../../images/v3/icons.png) no-repeat -800px -280px;
}

.storefront .blogAuthorsBulkActionsHeader {
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    display: inline-block;
    float: right;
}

#blogPostBulkEditor .btn {
    font-size: 11px;
    text-align: center;
}

#blogAuthorEditor .closeBlogAuthorBtn,
#blogAuthorEditor .saveBlogAuthorBtn {
    text-align: center;
    font-size: 11px;
}

#affiliateNetworkPixelEditor .template_anp_edit_wrapper {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

#affiliateNetworkPixelContent {
    width: 775px;
    height: 640px;
}

#affiliateNetworkPixelContent .ultralightbox-title {
    padding-top: 0;
}

#affiliateNetworkPixelContent .btn {
    text-align: center;
}

#sslWizardContent .btn {
    text-align: center;
}

#contentImportFlags {
    padding: 20px;
}

#importFlagsPopup .ultralightbox-title-wrapper {
    display: none;
}

#emailOptionsPopup .ultralightbox-title-wrapper {
    display: none;
}

#contentEmailNotificationOptions {
    padding: 20px;
    width: 450px;
}

#contentEmailNotificationOptions .sticky_save .save_btn.btn.bottom {
    font-size: 11px;
    padding: 5px;
    margin: 20px;
}

/* Item Assignment */

.sf_page_edit .item_assignment {
    border-bottom: none;
    min-width: 620px;
    position: relative;
}

body.item_assignment_fullscreen {
    overflow: hidden;
}

.item_assignment_fullscreen_wrapper.item_assignment_fullscreen {
    background-color: white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    overflow: hidden;
}

.item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    padding: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.item_assignment_fullscreen_wrapper .manual_automatic_wrapper {
    /*-moz-column-count: 2; -moz-column-gap: 10px;*/
    /*-webkit-column-count: 2; -webkit-column-gap: 10px;*/
    /*column-count: 2; column-gap: 10px;*/
    padding-left: 0;
}

.item_assignment_fullscreen_wrapper .manual_automatic_wrapper li {
    display: block;
    page-break-inside: avoid;
    min-width: 500px;
    min-height: 250px;
    /*background-color: red;*/
    height: 100%;
    position: relative;
}

.item_assignment_fullscreen_wrapper.item_assignment_fullscreen .manual_automatic_wrapper {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: 40px;
    position: absolute;
    right: 0;
    top: 112px;
}

.item_assignment .manual,
.item_assignment .automatic {
    /*width: 50%;*/
    /*float: left;*/
    /*clear: both;*/
}

.item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .manual,
.item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .automatic {
    /*background-color: yellow;*/
    bottom: 0;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
}

.item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .assigned_items {
    /*background-color: orange;*/
    bottom: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 0;
}

.item_assignment .assigned_items {
    width: 50%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.item_assignment .assigned_items .full_divider {
    display: none;
}

.item_assignment .manual_right_margin,
.item_assignment .automatic_right_margin {
    margin-right: 20px;
    height: 100%;
    /*background-color: orange;*/
}

.item_assignment .assignment_type {
    height: 40px;
    position: relative;
    clear: both;
}

.item_assignment .toggleItemAssignmentFullScreenButton.btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
}

.item_assignment .toggleItemAssignmentFullScreenButton.btn span::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: white;
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: '\f229';
}

.item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .toggleItemAssignmentFullScreenButton.btn span::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: white;
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: '\f22a';
}

/* .item_assignment .toggleItemAssignmentFullScreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
} */

/* .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .toggleItemAssignmentFullScreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
} */

.item_assignment .manual,
.item_assignment .automatic {
    margin-bottom: 20px;
    width: 50%;
    float: left;
    position: relative;
}

.assignment_type .list_small_input {
    margin-right: 20px;
}

.item_assignment .automatic .condition {
    clear: both;
    margin-bottom: 10px;
}

.item_assignment .automatic .condition .condition_type {
    width: 200px;
    float: left;
    margin-right: 10px;
}

.item_assignment .automatic .condition .condition_input {
    width: 360px;
    float: left;
    margin-right: 10px;
}

.item_assignment .automatic .condition .condition_select {
    width: 360px;
    float: left;
    margin-right: 10px;
}

.item_assignment .automatic .condition .condition_input input {
    width: 110px;
    margin-right: 10px;
}

.item_assignment .automatic .condition .condition_input .condition_top_seller_input.condition-input-1 {
    width: 50px;
}

.item_assignment .automatic .condition .condition_input .condition_top_seller_input.condition-input-2 {
    width: 50px;
}

.item_assignment .automatic .condition .condition_select select {
    margin-right: 10px;
}

.item_assignment .automatic .condition .condition_input input.last {
    margin-right: 0;
}

.item_assignment .automatic .condition .condition_select select.last {
    margin-right: 0;
}

.item_assignment .automatic .condition .condition_input span {
    margin-right: 10px;
}

.item_assignment .automatic .condition .condition_remove {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -840px -280px transparent;
    cursor: pointer;
}

.item_assignment .automatic .btn {
    float: left;
    width: 300px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    background: var(--color-primary-orange);
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
}

.item_assignment .automatic .new_condition {
    width: 216px;
    background: var(--color-primary-blue);
    /* margin-left: 26px; */
}

.item_assignment .automatic .condition_function {
    display: block;
    background: #f9f9f9;
    border: 1px solid #bbb;
    padding: 10px;
    margin: 20px 0 10px 0;
    font-size: 11px;
    color: #999;
}

.item_assignment .automatic .condition_function input[type="radio"] {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 20px;
}

.item_assignment .automatic .condition .list_150,
.item_assignment .automatic .condition .list_100,
.item_assignment .automatic .condition .list_small_input,
.item_assignment .automatic .condition span {
    display: inline-block;
    margin-right: 20px;
    float: none;
}

.item_assignment .list_300.search {
    margin-bottom: 10px;
    margin-right: 10px;
}

.item_assignment .manual .search input {
    height: 30px;
    border-radius: 3px;
    padding-left: 10px;
}

.item_assignment .manual .search_btn {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    background: var(--color-primary-blue);
}

.item_assignment .manual .search_btn span::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: white;
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: '\f1ae';
}

/* .item_assignment .manual .search_btn span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -918px -318px var(--color-primary-blue);
} */

.item_assignment .manual .results {
    clear: both;
}

.item_assignment .item_table .itemid {
    width: 80px;
    white-space: nowrap;
}

.item_assignment .item_table .urlpart {
    width: 120px;
    white-space: nowrap;
}

.item_assignment .item_table .url-part-editable {
    cursor: pointer;
}

.item_assignment .item_table .mfrname {
    width: 120px;
    white-space: nowrap;
}

.item_assignment .item_table .price {
    width: 50px;
    text-align: right;
}

.item_assignment .item_table .span {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
}

.item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .items_table_container {
    position: absolute;
    max-height: none;
}

.item_assignment .items_table_container {
    min-height: 100px;
    max-height: 300px;
    overflow: auto;
    /*margin-bottom: 20px;*/
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    background: #fff;
    border-radius: var(--border-radius-small);
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    /*margin: 40px;*/
    /*position: absolute;*/
    right: 0;
    top: 40px;
}

.item_assignment .automatic .items_table_container,
.item_assignment .manual .items_table_container {
    right: 20px;
}

.assigned_items .no_item_info {
    display: none;
}

.items_table_container.no_items,
.assigned_items.no_assigned_items .items_table_container {
    border-left: 1px solid #bbb;
}

.manual .instructions,
.manual .no_results {
    background: #fff;
    display: block;
    text-align: center;
    padding: 20px;
    border: 1px solid #bbb;
    border-radius: var(--border-radius-small);
    height: 150px;
}

.manual .instructions h3,
.manual .no_results h3 {
    font-size: 18px;
    color: #999;
}

.manual .instructions p,
.manual .no_results p {
    font-size: 16px;
    color: #999;
}

.assigned_items.no_assigned_items .no_item_info {
    background: #f9f9f9;
    display: block;
    text-align: center;
    padding: 20px;
    border: 1px solid #bbb;
    height: 150px;
}

.assigned_items.no_assigned_items .no_item_info h3 {
    font-size: 18px;
    color: #999;
}

.assigned_items.no_assigned_items .no_item_info p {
    font-size: 16px;
    color: #999;
}

/*.items_table_container.no_items table.item_table,*/

.assigned_items.no_assigned_items .items_table_container {
    display: none;
}

.items_table_container table.item_table {
    width: 100%;
    border-collapse: collapse;
}

/* Zebra striping */

.items_table_container .item_table tr:nth-of-type(odd) {
    background: #f9f9f9;
}

.items_table_container .item_table th {
    background: #d9d9d9;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-top: none !important;
}

.items_table_container .item_table td,
.item_table th {
    padding: 5px;
    border-top: 1px solid var(--color-primary-grey-3);
    border-left: 1px solid var(--color-primary-grey-3);
    border-bottom: 1px solid var(--color-primary-grey-3);
    text-align: left;
}

.manual .items_table_container .item_table td {
    cursor: pointer;
}

.assigned_items .items_table_container .item_table td.remove {
    cursor: pointer;
}

.items_table_container .item_table tr td:first-child,
.item_table thead th {
    border-left: none !important;
}

.item_assignment .remove {
    display: none;
}

.item_assignment .manual,
.item_assignment.automatic_mode .manual {
    display: none;
}

.item_assignment.manual_mode .automatic {
    display: none;
}

.item_assignment.manual_mode .manual {
    /*background-color: yellow;*/
    display: block;
}

.item_assignment.manual_mode .remove {
    display: table-cell;
}

.item_assignment.manual_mode .item_table th.remove {
    width: 32px;
}

.item_assignment.manual_mode .item_table .remove span {
    display: block;
    text-align: center;
}

.item_assignment.manual_mode .item_table .remove {
}

/* .item_assignment.manual_mode .item_table .remove span {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(../../images/v3/icons.png) no-repeat -840px -280px transparent;
} */

.item_assignment.manual_mode .item_table .remove span::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: var(--color-primary-red);
    width: 12px;
    height: 12px;
    vertical-align: top;
    content: '\f1ee';
}

.items_table_container .item_table th.active {
    width: 32px;
}

.items_table_container .item_table tr.selected {
    background: #d2eafa;
}

.items_table_container .item_table tr.selected td {
    border-left: 1px solid #9cb9cd;
}

.items_table_container .item_table tr.selected .active span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -1080px -320px;
    margin: 0 auto;
}

@media only screen and (max-width: 1850px) {
    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen {
        overflow: auto;
    }

    .item_assignment_fullscreen_wrapper .manual_automatic_wrapper {
        /*-moz-column-count: 1; -moz-column-gap: 10px;*/
        /*-webkit-column-count: 1; -webkit-column-gap: 10px;*/
        /*column-count: 1; column-gap: 10px;*/
    }

    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .manual_automatic_wrapper {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        position: static;
    }

    .item_assignment_fullscreen_wrapper .manual_automatic_wrapper li {
        height: auto;
        min-height: 0;
        padding-bottom: 10px;
    }

    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment {
        position: static;
    }

    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .manual,
    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .automatic,
    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .assigned_items {
        position: static;
    }

    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .items_table_container {
        position: static;
        max-height: 242px;
    }

    .item_assignment_fullscreen_wrapper.item_assignment_fullscreen .item_assignment .assigned_items .items_table_container {
        max-height: none;
        min-height: 0;
    }

    .item_assignment .manual_right_margin,
    .item_assignment .automatic_right_margin {
        height: auto;
    }

    .item_assignment .items_table_container {
        position: static;
    }

    .item_assignment .manual,
    .item_assignment .automatic,
    .item_assignment .assigned_items {
        width: 100%;
        float: none;
        clear: both;
    }

    .item_assignment .assigned_items .full_divider {
        display: block;
    }

    .item_assignment .manual_right_margin,
    .item_assignment .automatic_right_margin {
        margin-right: 0;
    }

    .manual .instructions,
    .manual .no_results {
        height: auto;
    }

    .manual .instructions h3,
    .manual .no_results h3 {
        font-size: 16px;
    }

    .manual .instructions p,
    .manual .no_results p {
        font-size: 14px;
    }

    .assigned_items.no_assigned_items .no_item_info {
        height: auto;
    }

    .assigned_items.no_assigned_items .no_item_info h3 {
        font-size: 16px;
    }

    .assigned_items.no_assigned_items .no_item_info p {
        font-size: 14px;
    }

    .item_assignment .items_table_container {
        max-height: 242px;
        min-height: 242px;
    }
}

/* Blog Post Assignment */

.sf_page_edit .blog_post_assignment {
    border-bottom: none;
    min-width: 620px;
    position: relative;
}

body.blog_post_assignment_fullscreen {
    overflow: hidden;
}

.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen {
    background-color: white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    overflow: hidden;
}

.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    padding: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.blog_post_assignment_fullscreen_wrapper .manual_automatic_wrapper {
    /*-moz-column-count: 2; -moz-column-gap: 10px;*/
    /*-webkit-column-count: 2; -webkit-column-gap: 10px;*/
    /*column-count: 2; column-gap: 10px;*/
    padding-left: 0;
}

.blog_post_assignment_fullscreen_wrapper .manual_automatic_wrapper li {
    display: block;
    page-break-inside: avoid;
    min-width: 500px;
    min-height: 250px;
    /*background-color: red;*/
    height: 100%;
    position: relative;
}

.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .manual_automatic_wrapper {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: 40px;
    position: absolute;
    right: 0;
    top: 112px;
}

.blog_post_assignment .manual,
.blog_post_assignment .automatic {
    /*width: 50%;*/
    /*float: left;*/
    /*clear: both;*/
}

.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .manual,
.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .automatic {
    /*background-color: yellow;*/
    bottom: 0;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
}

.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .assigned_blog_posts {
    /*background-color: orange;*/
    bottom: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 0;
}

.blog_post_assignment .assigned_blog_posts {
    width: 50%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.blog_post_assignment .assigned_blog_posts .full_divider {
    display: none;
}

.blog_post_assignment .manual_right_margin,
.blog_post_assignment .automatic_right_margin {
    margin-right: 20px;
    height: 100%;
    /*background-color: orange;*/
}

.blog_post_assignment .blog_post_assignment_type {
    height: 60px;
    position: relative;
    clear: both;
}

.blog_post_assignment .toggleBlogPostAssignmentFullScreenButton.btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
}

.blog_post_assignment .toggleBlogPostAssignmentFullScreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .toggleBlogPostAssignmentFullScreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

.blog_post_assignment .manual,
.blog_post_assignment .automatic {
    margin-bottom: 20px;
    width: 50%;
    float: left;
    position: relative;
}

.assignment_type .list_small_input {
    margin-right: 20px;
}

.blog_post_assignment .automatic .condition {
    clear: both;
    margin-bottom: 10px;
}

.blog_post_assignment .automatic .condition .condition_type {
    width: 200px;
    float: left;
    margin-right: 10px;
}

.blog_post_assignment .automatic .condition .condition_input {
    width: 360px;
    float: left;
    margin-right: 10px;
}

.blog_post_assignment .automatic .condition .condition_select {
    width: 360px;
    float: left;
    margin-right: 10px;
}

.blog_post_assignment .automatic .condition .condition_input input {
    width: 110px;
    margin-right: 10px;
}

.blog_post_assignment .automatic .condition .condition_input .condition_top_seller_input.condition-input-1 {
    width: 50px;
}

.blog_post_assignment .automatic .condition .condition_input .condition_top_seller_input.condition-input-2 {
    width: 50px;
}

.blog_post_assignment .automatic .condition .condition_select select {
    margin-right: 10px;
}

.blog_post_assignment .automatic .condition .condition_input input.last {
    margin-right: 0;
}

.blog_post_assignment .automatic .condition .condition_select select.last {
    margin-right: 0;
}

.blog_post_assignment .automatic .condition .condition_input span {
    margin-right: 10px;
}

.blog_post_assignment .automatic .condition .condition_remove {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -840px -280px transparent;
    cursor: pointer;
}

.blog_post_assignment .automatic .btn {
    float: left;
    width: 300px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    background: var(--color-primary-orange);
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
}

.blog_post_assignment .automatic .new_condition {
    width: 216px;
    background: var(--color-primary-blue);
    /* margin-left: 26px; */
}

.blog_post_assignment .automatic .condition_function {
    display: block;
    background: #f9f9f9;
    border: 1px solid #bbb;
    padding: 10px;
    margin: 20px 0 10px 0;
    font-size: 11px;
    color: #999;
}

.blog_post_assignment .automatic .condition_function input[type="radio"] {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 20px;
}

.blog_post_assignment .automatic .condition .list_150,
.blog_post_assignment .automatic .condition .list_100,
.blog_post_assignment .automatic .condition .list_small_input,
.blog_post_assignment .automatic .condition span {
    display: inline-block;
    margin-right: 20px;
    float: none;
}

.blog_post_assignment .list_300.search {
    margin-bottom: 10px;
    margin-right: 10px;
}

.blog_post_assignment .manual .search input {
    height: 30px;
    border-radius: 3px;
    padding-left: 10px;
}

.blog_post_assignment .manual .search_blog_posts_btn {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    background: var(--color-primary-blue);
}

.blog_post_assignment .manual .search_blog_posts_btn span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -918px -318px var(--color-primary-blue);
}

.blog_post_assignment .manual .results {
    clear: both;
}

.blog_post_assignment .blog_post_table .itemid {
    width: 80px;
    white-space: nowrap;
}

.blog_post_assignment .blog_post_table .urlpart {
    width: 120px;
    white-space: nowrap;
}

.blog_post_assignment .blog_post_table .url-part-editable {
    cursor: pointer;
}

.blog_post_assignment .blog_post_table .mfrname {
    width: 120px;
    white-space: nowrap;
}

.blog_post_assignment .blog_post_table .price {
    width: 50px;
    text-align: right;
}

.blog_post_assignment .blog_post_table .span {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
}

.blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .blog_posts_table_container {
    position: absolute;
    max-height: none;
}

.blog_post_assignment .blog_posts_table_container {
    min-height: 100px;
    max-height: 300px;
    overflow: auto;
    /*margin-bottom: 20px;*/
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    background: #f9f9f9;
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    /*margin: 40px;*/
    /*position: absolute;*/
    right: 0;
    top: 40px;
}

.blog_post_assignment .automatic .blog_posts_table_container,
.blog_post_assignment .manual .blog_posts_table_container {
    right: 20px;
}

.assigned_blog_posts .no_blog_post_info {
    display: none;
}

.blog_posts_table_container.no_blog_posts,
.assigned_blog_posts.no_assigned_blog_posts .blog_posts_table_container {
    border-left: 1px solid #bbb;
}

.manual .instructions,
.manual .no_results {
    background: #f9f9f9;
    display: block;
    text-align: center;
    padding: 20px;
    border: 1px solid #bbb;
    height: 150px;
}

.manual .instructions h3,
.manual .no_results h3 {
    font-size: 18px;
    color: #999;
}

.manual .instructions p,
.manual .no_results p {
    font-size: 16px;
    color: #999;
}

.assigned_blog_posts.no_assigned_blog_posts .no_blog_post_info {
    background: #f9f9f9;
    display: block;
    text-align: center;
    padding: 20px;
    border: 1px solid #bbb;
    height: 150px;
}

.assigned_blog_posts.no_assigned_blog_posts .no_blog_post_info h3 {
    font-size: 18px;
    color: #999;
}

.assigned_blog_posts.no_assigned_blog_posts .no_blog_post_info p {
    font-size: 16px;
    color: #999;
}

/*.blog_posts_table_container.no_blog_posts table.blog_post_table,*/

.assigned_blog_posts.no_assigned_blog_posts .blog_posts_table_container {
    display: none;
}

.blog_posts_table_container table.blog_post_table {
    width: 100%;
    border-collapse: collapse;
}

/* Zebra striping */

.blog_posts_table_container .blog_post_table tr:nth-of-type(odd) {
    background: #f9f9f9;
}

.blog_posts_table_container .blog_post_table th {
    background: #d9d9d9;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-top: none !important;
}

.blog_posts_table_container .blog_post_table td,
.blog_post_table th {
    padding: 5px;
    border-top: 1px solid var(--color-primary-grey-3);
    border-left: 1px solid var(--color-primary-grey-3);
    border-bottom: 1px solid var(--color-primary-grey-3);
    text-align: left;
}

.manual .blog_posts_table_container .blog_post_table td {
    cursor: pointer;
}

.assigned_blog_posts .blog_posts_table_container .blog_post_table td.remove {
    cursor: pointer;
}

.blog_posts_table_container .blog_post_table tr td:first-child,
.blog_post_table thead th {
    border-left: none !important;
}

.blog_post_assignment .remove {
    display: none;
}

.blog_post_assignment .manual,
.blog_post_assignment.automatic_mode .manual {
    display: none;
}

.blog_post_assignment.all_mode .automatic,
.blog_post_assignment.manual_mode .automatic {
    display: none;
}

.blog_post_assignment.all_mode .assigned_blog_posts {
    display: none;
}

.blog_post_assignment.all_mode .hide_on_all_mode {
    display: none;
}

.blog_post_assignment .show_on_all_mode {
    display: none;
}

.blog_post_assignment.all_mode .show_on_all_mode {
    display: block;
}

.blog_post_assignment.manual_mode .manual {
    /*background-color: yellow;*/
    display: block;
}

.blog_post_assignment.manual_mode .remove {
    display: table-cell;
}

.blog_post_assignment.manual_mode .blog_post_table th.remove {
    width: 32px;
}

.blog_post_assignment.manual_mode .blog_post_table .remove {
}

.blog_post_assignment.manual_mode .blog_post_table .remove span {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(../../images/v3/icons.png) no-repeat -840px -280px transparent;
}

.blog_posts_table_container .blog_post_table th.active {
    width: 32px;
}

.blog_posts_table_container .blog_post_table tr.selected {
    background: #d2eafa;
}

.blog_posts_table_container .blog_post_table tr.selected td {
    border-left: 1px solid #9cb9cd;
}

.blog_posts_table_container .blog_post_table tr.selected .active span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/v3/icons.png) no-repeat -1080px -320px;
    margin: 0 auto;
}

@media only screen and (max-width: 1850px) {
    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen {
        overflow: auto;
    }

    .blog_post_assignment_fullscreen_wrapper .manual_automatic_wrapper {
        /*-moz-column-count: 1; -moz-column-gap: 10px;*/
        /*-webkit-column-count: 1; -webkit-column-gap: 10px;*/
        /*column-count: 1; column-gap: 10px;*/
    }

    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .manual_automatic_wrapper {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        position: static;
    }

    .blog_post_assignment_fullscreen_wrapper .manual_automatic_wrapper li {
        height: auto;
        min-height: 0;
        padding-bottom: 10px;
    }

    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment {
        position: static;
    }

    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .manual,
    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .automatic,
    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .assigned_blog_posts {
        position: static;
    }

    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .blog_posts_table_container {
        position: static;
        max-height: 242px;
    }

    .blog_post_assignment_fullscreen_wrapper.blog_post_assignment_fullscreen .blog_post_assignment .assigned_blog_posts .blog_posts_table_container {
        max-height: none;
        min-height: 0;
    }

    .blog_post_assignment .manual_right_margin,
    .blog_post_assignment .automatic_right_margin {
        height: auto;
    }

    .blog_post_assignment .blog_posts_table_container {
        position: static;
    }

    .blog_post_assignment .manual,
    .blog_post_assignment .automatic,
    .blog_post_assignment .assigned_blog_posts {
        width: 100%;
        float: none;
        clear: both;
    }

    .blog_post_assignment .assigned_blog_posts .full_divider {
        display: block;
    }

    .blog_post_assignment .manual_right_margin,
    .blog_post_assignment .automatic_right_margin {
        margin-right: 0;
    }

    .manual .instructions,
    .manual .no_results {
        height: auto;
    }

    .manual .instructions h3,
    .manual .no_results h3 {
        font-size: 16px;
    }

    .manual .instructions p,
    .manual .no_results p {
        font-size: 14px;
    }

    .assigned_blog_posts.no_assigned_blog_posts .no_blog_post_info {
        height: auto;
    }

    .assigned_blog_posts.no_assigned_blog_posts .no_blog_post_info h3 {
        font-size: 16px;
    }

    .assigned_blog_posts.no_assigned_blog_posts .no_blog_post_info p {
        font-size: 14px;
    }

    .blog_post_assignment .blog_posts_table_container {
        max-height: 242px;
        min-height: 242px;
    }
}

/* OLD Item Assignment */

#removeGroupItems,
#addFolderItems {
    margin: 10px;
}

.sub_container .item_explorer {
    border-top: 1px solid #bbb;
    background: #fff;
    overflow: scroll;
}

.sub_container .item_explorer .item_list {
    background: #f1f1f1;
    border-bottom: 1px solid #bbb;
}

.sub_container .item_explorer.active {
    border-bottom: 1px solid #bbb;
    background: #f1f1f1;
    border-top: none;
    height: 250px;
    overflow: scroll;
}

.sub_container .item_explorer .item_table td.number,
.item_table th.number {
    border-left: none;
}

.sub_container .item_explorer .item_table td.sku,
.item_table th.sku {
    border-right: none;
}

.sub_container .item_explorer table th.cbox,
.sub_container .item_explorer table td.cbox {
    width: 15px;
    text-align: center;
}

.sub_container .item_explorer table th.number,
.sub_container .item_explorer table td.number {
    width: 25px;
}

.sub_container .item_folder_list {
    position: relative;
    padding: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    width: 20%;
    float: left;
    box-sizing: border-box;
    display: block;
    background: #fff;
}

.sub_container .item_folder_list .sf_icon_folder {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(../../images/v3/icons.png) no-repeat -80px -480px;
}

.sub_container .directory {
    clear: both;
    padding: 10px 10px 10px 35px;
    border-bottom: 1px solid #bbb;
    background: #f1f1f1;
    color: var(--color-primary-blue);
    position: relative;
}

.sub_container .item_list {
    position: relative;
    height: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 80%;
    overflow: scroll;
}

/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */

.jstree-default li,
.jstree-default ins {
    background-image: url("../../images/v3/jstree-uc.png");
    background-repeat: no-repeat;
    background-color: transparent;
    margin-bottom: 0 !important;
}

.jstree-default li {
    background-position: -90px 0;
    background-repeat: repeat-y;
}

.jstree-default li.jstree-last {
    background: transparent;
}

.jstree-default .jstree-open > ins {
    background-position: -72px 0;
}

.jstree-default .jstree-closed > ins {
    background-position: -54px 0;
}

.jstree-default .jstree-leaf > ins {
    background-position: -36px 0;
}

.jstree-default .jstree-hovered {
    background: #dbeffc;
    border: 1px solid #dbeffc;
    padding: 0 2px 0 1px;
}

.jstree-default .jstree-clicked {
    background: #dbeffc;
    border: 1px solid #dbeffc;
    padding: 0 2px 0 1px;
}

.jstree-default a .jstree-icon {
    background-position: -56px -19px;
}

.jstree-default a.jstree-loading .jstree-icon {
    background: url("/js/jquery-jstree-images/classic/throbber.gif") center center no-repeat !important;
}

.jstree-default.jstree-focused {
    background: #ffffff;
}

.jstree-default .jstree-no-dots li,
.jstree-default .jstree-no-dots .jstree-leaf > ins {
    background: transparent;
}

.jstree-default .jstree-no-dots .jstree-open > ins {
    background-position: -18px 0;
}

.jstree-default .jstree-no-dots .jstree-closed > ins {
    background-position: 0 0;
}

.jstree-default .jstree-no-icons a .jstree-icon {
    display: none;
}

.jstree-default .jstree-search {
    font-style: italic;
}

.jstree-default .jstree-no-icons .jstree-checkbox {
    display: inline-block;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}

.jstree-default .jstree-checked > a > .jstree-checkbox {
    background-position: -38px -19px;
}

.jstree-default .jstree-unchecked > a > .jstree-checkbox {
    background-position: -2px -19px;
}

.jstree-default .jstree-undetermined > a > .jstree-checkbox {
    background-position: -20px -19px;
}

.jstree-default .jstree-checked > a > .jstree-checkbox:hover {
    background-position: -38px -37px;
}

.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover {
    background-position: -2px -37px;
}

.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover {
    background-position: -20px -37px;
}

#vakata-dragged.jstree-default ins {
    background: transparent !important;
}

#vakata-dragged.jstree-default .jstree-ok {
    background: url("../../images/v3/jstree-uc.png") -2px -53px no-repeat !important;
}

#vakata-dragged.jstree-default .jstree-invalid {
    background: url("../../images/v3/jstree-uc.png") -18px -53px no-repeat !important;
}

#jstree-marker.jstree-default {
    background: url("../../images/v3/jstree-uc.png") -41px -57px no-repeat !important;
    text-indent: -100px;
}

.jstree-default a.jstree-search {
    color: aqua;
}

.jstree-default .jstree-locked a {
    color: silver;
    cursor: default;
}

#vakata-contextmenu.jstree-default-context,
#vakata-contextmenu.jstree-default-context li ul {
    background: #f0f0f0;
    border: 1px solid #979797;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
}

#vakata-contextmenu.jstree-default-context li {
}

#vakata-contextmenu.jstree-default-context a {
    color: black;
}

#vakata-contextmenu.jstree-default-context a:hover,
#vakata-contextmenu.jstree-default-context .vakata-hover > a {
    padding: 0 5px;
    background: #e8eff7;
    border: 1px solid #aecff7;
    color: black;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a,
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover {
    color: silver;
    background: transparent;
    border: 0;
    padding: 1px 4px;
}

#vakata-contextmenu.jstree-default-context li.vakata-separator {
    background: white;
    border-top: 1px solid #e0e0e0;
    margin: 0;
}

#vakata-contextmenu.jstree-default-context li ul {
    margin-left: -4px;
}

/* IE6 BEGIN */

.jstree-default li,
.jstree-default ins,
#vakata-dragged.jstree-default .jstree-invalid,
#vakata-dragged.jstree-default .jstree-ok,
#jstree-marker.jstree-default {
    _background-image: url("d.gif");
}

.jstree-default .jstree-open ins {
    _background-position: -72px 0;
}

.jstree-default .jstree-closed ins {
    _background-position: -54px 0;
}

.jstree-default .jstree-leaf ins {
    _background-position: -36px 0;
}

.jstree-default a ins.jstree-icon {
    _background-position: -56px -19px;
}

#vakata-contextmenu.jstree-default-context ins {
    _display: none;
}

#vakata-contextmenu.jstree-default-context li {
    _zoom: 1;
}

.jstree-default .jstree-undetermined a .jstree-checkbox {
    _background-position: -20px -19px;
}

.jstree-default .jstree-checked a .jstree-checkbox {
    _background-position: -38px -19px;
}

.jstree-default .jstree-unchecked a .jstree-checkbox {
    _background-position: -2px -19px;
}

/* IE6 END */

/* Appearance */

.holder_content {
    display: block;
    background: #f9f9f9;
    border: 1px dashed #bbb;
    padding: 20px;
    text-align: center;
    max-width: 400px;
    /*margin: 0 auto;*/
    border-radius: 10px;
    left: 50%;
    margin-left: -200px;
    margin-top: -133px;
    position: absolute;
    top: 50%;
    width: 400px;
}

.holder_content .icon {
    width: 131px;
    height: 101px;
    display: block;
    margin: 0 auto 20px auto;
}

.holder_content .icon.menu {
    background: url(../../images/v3/storefront/storefront-sprite.png) no-repeat;
    background-position: -276px 0;
}

.holder_content .icon.templates {
    background: url(../../images/v3/storefront/storefront-sprite.png) no-repeat;
    background-position: -138px 0;
}

.holder_content .icon.email {
    width: 100px;
    height: 100px;
    background: url(../../images/v3/storefront/storefront-sprite.png) no-repeat;
    background-position: -325px -240px;
}

.holder_content p {
    max-width: 350px;
    margin: 0 auto;
}

#contentStoreFrontAppearanceId .list_third {
    min-width: 200px;
    margin-bottom: 20px;
    /*margin-right: 20px;*/
}

#contentStoreFrontAppearanceId .appearance_section {
    clear: both;
}

#contentStoreFrontAppearanceId .list_content {
    text-align: center;
    cursor: pointer;
    max-width: 800px;
}

#contentStoreFrontAppearanceId .list_content > span {
    display: block;
    padding: 20px;
    background: #f9f9f9;
    border: 1px dashed #bbb;
    color: var(--color-primary-blue);
    width: 180px;
    margin: 0 20px 20px 0;
    float: left;
    border-radius: 10px;
}

#contentStoreFrontAppearanceId .list_content span h3 {
    /*text-transform: uppercase;*/
}

#contentStoreFrontAppearanceId .list_content p {
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #999;
    margin-bottom: 40px;
}

#contentStoreFrontAppearanceId span .icon {
    background: url(../../images/v3/storefront/storefront-sprite.png) no-repeat;
    width: 131px;
    height: 101px;
    display: block;
    margin: 0 auto 20px auto;
}

#contentStoreFrontAppearanceId span .icon.themes {
    background-position: 0 0;
}

#contentStoreFrontAppearanceId span .icon.templates {
    background-position: -138px 0;
}

#contentStoreFrontAppearanceId span .icon.menus {
    background-position: -276px 0;
}

/* Themes */

.storefront .theme.current {
    width: 100%;
    height: auto;
}

.storefront .theme_status_valid {
    color: green;
}

.storefront .theme_status_invalid {
    color: red;
}

.storefront .theme.current .theme_preview {
    width: 250px;
    height: 250px;
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
}

.storefront .theme.current .theme_info {
    width: 500px;
    float: left;
    color: #5b5b5b;
    border: none;
}

.storefront .theme.current .theme_info span {
    display: inline;
    padding: 0;
    text-align: left;
}

.storefront .theme {
    width: 250px;
    /*height: 330px;*/
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--boxshadow-primary);
}

.storefront .theme .summary {
    width: 210px;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../images/v3/overlay-dark.png);
    background: url() rgba(0, 0, 0, 0.8);
    color: #FFF;
    padding: 20px;
    display: none;
}

.storefront .theme.upgrade .summary {
    width: 210px;
    height: 170px;
    position: absolute;
    top: 40px;
    left: 0;
    background: url(../../images/v3/overlay-dark.png);
    background: url() rgba(0, 0, 0, 0.8);
    color: #FFF;
    padding: 20px;
    display: none;
}

/*.storefront .theme.upgrade .theme_upgrade_available {*/

/*width: 210px;*/

/*height: 20px;*/

/*position: absolute;*/

/*top: 0px;*/

/*left: 0;*/

/*background: var(--color-primary-orange);*/

/*color: #fff;*/

/*cursor: pointer;*/

/*padding: 10px;*/

/*display: none;*/

/*}*/

.storefront .theme.upgrade .summary {
    width: 210px;
    height: 170px;
    position: absolute;
    top: 40px;
    left: 0;
    background: url(../../images/v3/overlay-dark.png);
    background: url() rgba(0, 0, 0, 0.8);
    color: #FFF;
    padding: 20px;
    display: none;
}

.storefront .theme.upgrade .theme_upgrade_available {
    width: 230px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-primary-orange);
    color: #fff;
    cursor: pointer;
    padding: 10px;
    text-align: center;
}

.storefront .theme_upgrade_available_summary {
    color: var(--color-primary-orange);
    cursor: pointer;
}

.storefront .theme:hover .summary {
    display: block !important;
}

.storefront .theme_gallery_container {
    display: block;
    float: left;
    width: calc(33.333333% - 20px);
    box-sizing: border-box;
    background: #eaeaea;
    border: 1px solid #bbb;
    border-radius: 10px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    position: relative;
}

.storefront .theme_gallery_container.featured {
    width: calc(50% - 20px);
}

.storefront .theme_gallery_container.visual_builder:after {
    content: "Visual Builder";
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    font-weight: 300;
    background: #efb230;
    border-radius: var(--border-radius-small);
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.storefront .theme_gallery_container.visual_builder.visual_builder_checkout:after {
    content: "Visual Builder Checkout";
}

.storefront .theme_gallery_container .theme_header {
    padding: 10px;
    border-bottom: 1px solid #bbb;
}

.storefront .theme_gallery_container .theme_header .theme_options {
    float: right;
    margin-top: -3px;
    margin-right: -3px;
}

.storefront .theme_gallery_container .theme_header .theme_options span {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    background: var(--color-primary-blue);
    border-radius: var(--border-radius-small);
    padding: 5px 8px;
    color: #fff;
    cursor: pointer;
}

.storefront .theme_gallery_container .theme_header .theme_options span:last-of-type {
    margin-right: 0;
}

.storefront .theme_gallery_container .theme_header .theme_options span.themeGalleryDetails {
    background: var(--color-primary-green);
    font-weight: bold;
}

.storefront .theme_gallery_container .theme_footer {
    display: none;
}

.storefront .theme_gallery_container .theme_image {
    position: relative;
    overflow: hidden;
    height: 350px;
    background-position: top center;
    background-size: cover;
    cursor: pointer;
}

.storefront .theme_gallery_container .theme_image:before {
    content: "";
    display: block;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background-color 0.3s ease-in-out;
}

.storefront .theme_gallery_container:hover .theme_image:before {
    background-color: rgba(0, 0, 0, 0.3);
}

.storefront .theme_gallery_container .theme_image:after {
    content: "Theme Details";
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    font-weight: 300;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    padding: 5px 8px;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.storefront .theme_gallery_container:hover .theme_image:after {
    opacity: 1;
}

.theme_gallery_container .theme_image .theme_release_status {
    width: 200px;
    background: #8CAD00;
    position: absolute;
    top: auto;
    bottom: 5px;
    left: -70px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    font-weight: bold;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.theme_gallery_container .theme_image .theme_alpha:before {
    content: "ALPHA";
    display: inline;
    font-size: 11px;
}

.theme_gallery_container .theme_image .theme_beta:before {
    content: "BETA";
    display: inline;
    font-size: 11px;
}

.storefront .theme_gallery_container .theme_image .theme_price {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 11px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding: 5px 8px;
    border-radius: var(--border-radius-small);
}

.storefront .theme_gallery_container.visual_builder .theme_image .theme_price {
    bottom: 45px;
}

.storefront .theme_gallery_container .theme_footer span {
    padding: 10px;
    display: inline-block;
    border-right: 1px solid #bbb;
    cursor: pointer;
}

#storeFrontThemeGalleryDetailDiv .ultralightbox-title-wrapper {
    padding: 20px 20px 0 20px;
}

#storeFrontThemeGalleryDetailDiv .ultralightbox-title {
    padding-bottom: 20px;
    line-height: 1em;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog {
    width: 830px;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    left: auto;
    border: none;
    box-sizing: border-box;
    padding: 0;
    min-height: 460px;
    position: relative;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_header {
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
    padding: 20px;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left {
    display: block;
    position: relative;
    float: left;
    margin-left: 20px;
    width: 300px;
    height: 400px;
    z-index: 10;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview {
    position: relative;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview ul li {
    display: block;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview_image {
    display: block;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    margin: 0 0 70px 0;
    width: 300px;
    height: 300px;
    cursor: pointer;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview_details {
    text-align: center;
    display: block;
    width: 300px;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview .arrow_left,
#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview .arrow_right {
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    cursor: pointer;
    top: 370px;
    left: 0;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview .arrow_left:before,
#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview .arrow_right:before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    /* content: "\f160"; */
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgb(183, 183, 183);
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: none;
    content: "\f154";
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview .arrow_right:before {
    content: "\f155";
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_left .theme_preview .arrow_right {
    left: auto;
    right: 0;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right {
    display: block;
    position: relative;
    float: left;
    margin: 0 20px 0 40px;
    width: 450px;
    z-index: 10;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_title {
    width: 50%;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: 'latolight';
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_price {
    width: 50%;
    display: block;
    float: left;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #555;
    text-align: left;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_details_info {
    clear: both;
    height: 235px;
    overflow-y: auto;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_summary {
    width: 50%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_summary p {
    color: #999;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_features {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_features .theme_features_title {
    color: #999;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_features ul {
    list-style: circle;
    padding-left: 10px;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_right .theme_features ul li {
    font-size: 11px;
    margin-bottom: 10px;
    color: #999;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_footer {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 20px 20px 0 360px;
    height: 125px;
    width: 450px;
    z-index: 0;
    background: #eaeaea;
    border-top: 1px solid #bbb;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .theme_details_footer p {
    color: #999;
    margin-bottom: 20px;
}

#storeFrontThemeGalleryDetailDiv .theme_details_dialog .btn {
    padding: 5px 8px;
}

.storefront_template_report_template div {
    margin-left: 20px;
}

.theme .summary span {
    display: block;
    padding-bottom: 10px;
    text-align: center;
}

.theme ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.theme ul li {
    margin: 0;
    padding: 0;
}

.theme .summary .buttons {
    width: 210px;
    height: 20px;
    position: absolute;
    bottom: 50px;
    left: 20px;
}

.theme_info .buttons span,
.theme .summary .buttons span {
    padding: 0;
}

.theme_info .button,
.theme .summary .button {
    /*height: 20px;*/
    display: block;
    float: left;
    margin-right: 10px;
    /*background: var(--color-primary-blue);*/
    text-align: center;
    /*border-radius: 3px;*/
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    padding: 5px;
    border-radius: var(--border-radius-small);
    background-color: var(--color-primary-blue);
    color: white;
    transition: background-color 0.2s ease-in-out;

    &:hover {
        background-color: var(--color-primary-blue-dark);
    }
}

.theme_info .button.info,
.theme .summary .button.info {
    width: 75px;
}

.theme_info .button.activate,
.theme .summary .button.activate {
    width: 65px;
}

.theme_info .button.activate,
.theme.active .summary .button.activate {
    background: var(--color-primary-grey-4);
    margin-bottom: 10px;
}

.theme_info .button.delete,
.theme .summary .button.delete {
    /*margin-top: 10px;*/
    background: var(--color-primary-red);
}

.theme .summary .button.delete .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -868px -320px;
}

.theme .summary .button.preview {
    width: 20px;
}

.theme .summary .button.download {
    clear: both;
    width: 20px;
    margin-top: 10px;
}

.theme .summary .button.duplicate {
    margin-top: 10px;
    width: 20px;
}

.theme .summary .button.pullrequest {
    margin-top: 10px;
    width: 20px;
}

.theme .summary .button.pullrequest .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -896px -320px;
}

.theme .summary .button.duplicate .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -880px -320px;
}

.theme .summary .button.preview .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -920px -320px;
}

.theme .summary .button.download .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -1120px -320px;
}

.theme .summary .button.delete {
    background: var(--color-primary-red);
}

.theme .summary .button.delete .icon {
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px;
    background: url(../../images/v3/icons.png) no-repeat -868px -320px;
}

.storefront .theme .theme_preview {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    width: 250px;
    height: 250px;
    background: url(/merchant/images/v3/storefront/theme-default-2x.png) no-repeat;
    background-size: 250px 250px;
}

.storefront .theme .theme_preview img {
    width: 250px;
    height: 250px;
}

.storefront .theme .theme_info {
    border: none;
}

.storefront .theme.active .theme_info {
    background: var(--color-primary-grey-1);
}

.storefront .theme .theme_info span {
    display: block;
    padding: 10px;
    text-align: center;
}

.storefront .theme span.theme_title {
    border-bottom: 1px solid var(--color-primary-grey-3);
}

.storefront .theme span.theme_path {
    border-bottom: 1px solid var(--color-primary-grey-3);
}

.storefront .theme span.theme_upgrade_available {
    border-top: none;
    background: var(--color-primary-orange);
    color: #fff;
    cursor: pointer;
}

.storefront .last {
    margin-right: 0 !important;
}

.storefront .menu_container {
    width: 478px;
    padding: 10px 10px 0 10px;
    border: none;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background: #F1F1F1;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
}

.storefront .menu_container.highlight {
    background-color: #FFFF84;
}

.storefront .menu_container .jqtree-element {
    width: auto;
    padding: 10px;
    background: #F9F9F9;
    margin-bottom: 10px;
    border-radius: 0;
    border-radius: 6px;
    border: none;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}

.storefront .menu_container a.jqtree-toggler {
    display: none;
}

.storefront .menu_container .menu_title {
    /* height: 40px; */
    /*line-height: 40px;*/
    /* changed this to 30 so the title would line up with the buttons better.  */
    /* line-height: 30px; */
    height: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.storefront .menu_container .menu_title .clr {
    display: none;
}

.storefront .menu_container .menu_title .menu_title_input .translated-text-input-container-globe {
    margin-top: 8px;
}

.storefront .menu_wrapper .menu_code {
    height: 40px;
    /*line-height: 40px;*/
    /* changed this to 30 so the title would line up with the buttons better.  */
    line-height: 30px;
    width: 500px;
}

.storefront .menu_wrapper .orphan_note {
    color: var(--color-primary-red) !important;
    font-style: italic;
}

.storefront .menu_wrapper .menu_title_title {
    display: inline-block;
    font-size: 11px;
    width: 65px;
}

.storefront .menu_wrapper .menu_title_input {
    display: inline-block;
    /* width: 370px; */
    width: 100%;
}

.storefront .menu_wrapper .menu_title_input input {
    background-color: white;
}

.storefront .menu_wrapper .no_orphan_note {
    display: none;
}

.storefront .menu_wrapper .menu_code .btn {
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
}

.storefront .menu_wrapper .menu_code .btn.delete_menu {
    background: url(../../images/v3/icons.png) no-repeat -833px -314px var(--color-primary-red);
    margin-right: 10px;
}

.storefront .menu_container .menu_title .btn {
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    order: 3;
}

.storefront .menu_container .menu_title .btn.add_menu_item {
    /* background: url(../../images/v3/icons.png) no-repeat -954px -315px var(--color-primary-blue); */
    background-color: var(--color-primary-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
}

.storefront .menu_container .menu_title .btn.add_menu_item_alt {
    background: url(../../images/v3/icons.png) no-repeat -960px -280px;
}

.storefront .menu_container .jqtree-element .btn {
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 0;
    float: right;
    cursor: pointer;
}

.storefront .menu_container .jqtree-element .btn.save {
    width: auto;
    height: auto;
    padding: 5px;
    border-radius: 0;
    float: left;
}

.storefront .menu_container .jqtree-element .btn.delete {
    /* background: url(../../images/v3/icons.png) no-repeat -840px -280px transparent; */
    margin-left: 10px;
}

.storefront .menu_container .jqtree-element .btn.menuItemEditButton {
    /* background: url(../../images/v3/icons.png) no-repeat -80px -400px transparent; */
    /*margin-left: 10px;  */
}

.storefront .menu_container .jqtree-element .btn.menuItemAddChildButton {
    /* background: url(../../images/v3/icons.png) no-repeat -960px -280px; */
    margin-left: 10px;
}

.storefront .menu_container .jqtree-element .btn.delete,
.storefront .menu_container .jqtree-element .btn.menuItemEditButton,
.storefront .menu_container .jqtree-element .btn.menuItemAddChildButton {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.storefront .menu_container .menu_title .btn.add_menu_item::before,
.storefront .menu_container .jqtree-element .btn.delete::before,
.storefront .menu_container .jqtree-element .btn.menuItemEditButton::before,
.storefront .menu_container .jqtree-element .btn.menuItemAddChildButton::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1ae";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    pointer-events: none;
    color: var(--color-primary-blue);
}

.storefront .menu_container .jqtree-element .btn.menuItemEditButton::before {
    content: "\f22c";
}

.storefront .menu_container .jqtree-element .btn.menuItemAddChildButton::before {
    content: "\f1c9";
}

.storefront .menu_container .jqtree-element .btn.delete::before {
    content: "\f22d";
    color: var(--color-primary-red);
}

.storefront .menu_container .menu_title .btn.add_menu_item::before {
    content: "\f1c9";
    color: #ffffff;
}

.storefront div.jqtree-element {
    color: #555;
}

.storefront .menu_container ul {
    margin: 0;
    padding: 0;
}

.storefront .menu_container ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.storefront .menu_container ul.jqtree-tree {
    width: 478px;
}

.storefront .menu_container ul li .jqtree-title {
    color: #555;
    list-style: none;
}

.storefront .menu_container ul.jqtree-tree ul.jqtree_common {
    margin-left: 20px;
    margin-right: 0;
}

.storefront .menu_container ul.jqtree-tree li.jqtree-folder .jqtree-title {
    margin-left: 0;
}

.storefront .menu_container li.jqtree_common .menu_item_title {
    padding: 10px;
}

.storefront .menu_container li.jqtree_common .menu_item_edit {
    margin-top: 10px;
    clear: both;
    padding: 10px;
    border-top: 1px solid #bbb;
}

.ERR_inner {
    margin: 0;
    position: absolute;
    top: 0;
    /* width: 15em; */
    font-size: 1.0em;
    text-align: center;
    padding: 2px 5px;
    border: none;
    background: #FEEFB3 url(/merchant/images/warning_16x16.png) no-repeat 7px 50%;
    border-radius: var(--border-radius-small);
    color: #000000;
    width: 100%;
    z-index: 1000;
}

#contentStoreFrontFilesId .views {
    width: 330px;
    float: left;
}

#contentStoreFrontFilesId .regular-results .search-results-only {
    visibility: hidden;
    display: none;
}

#contentStoreFrontFilesId .quick-search-results .search-results-only {
    visibility: hidden;
    display: none;
}

#contentStoreFrontFilesId .quick-search-results .quick-search-results-only {
    visibility: visible;
    display: table-cell;
}

#contentStoreFrontFilesId .views .label {
    display: block;
    float: left;
    width: 50px;
    height: 16px;
    padding: 0;
    margin-left: 8px;
}

#contentStoreFrontFilesId .views a {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    border: none;
}

#contentStoreFrontFilesId #fileUploadDialog {
    background-color: white;
    /*border: 1px solid #000;*/
    height: 380px;
    /*left: 50%;*/
    /*margin-left: -270px;*/
    padding: 20px;
    position: fixed;
    /*top: 200px;*/
    width: 550px;
    /*z-index: 1100;*/
}

#contentStoreFrontFilesId #fileUploadDialog .ultralightbox-title-wrapper {
    display: none;
}

#contentStoreFrontFilesId #fileUploadDialog.off_screen {
    left: -2000px !important;
}

#contentStoreFrontAdvancedId .incorrectDns {
    color: #993333;
}

#contentStoreFrontAdvancedId .correctDns {
    color: #8cad00;
}

/* Templates */

#contentStoreFrontTemplatesId .search_templates {
    padding-right: 50px;
    background: #FFFFFF;
    border-bottom: 1px solid var(--color-primary-grey-3);
    height: 30px;
    position: relative;
    border-radius: 10px 0 0 0;
}

#contentStoreFrontTemplatesId .search_results {
    display: none;
    background: #FFFFFF;
    border-bottom: 1px solid var(--color-primary-grey-3);
    height: 20px;
    position: relative;
    padding: 5px 50px 5px 10px;
    color: var(--color-primary-blue);
}

#contentStoreFrontTemplatesId .search_results .template_hide_results_btn {
    color: var(--color-primary-blue);
    letter-spacing: 0.08em;
    line-height: 1.5;
    cursor: pointer;
    height: 32px;
    width: 32px;
    position: absolute;
    top: -1px;
    right: -1px;
}

#contentStoreFrontTemplatesId .search_results .template_hide_results_btn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--color-primary-blue);
    display: block;
    font-family: 'ultracarticons';
    content: '\e024';
    text-align: center;
    line-height: 16px;
    left: 8px;
    position: relative;
    top: 8px;
}

#contentStoreFrontFilesId #directory-contents th {
    border: none;
    border-bottom: 1px solid #d9d9d9;
}

#contentStoreFrontFilesId #directory-contents thead .ts_header span {
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    background: url(../../images/v3/icons.png) no-repeat -24px -218px;
}

#contentStoreFrontFilesId #directory-contents thead .ts_header.headerSortDown span {
    /*display: block;*/
    /*width: 8px;*/
    /*height: 8px;*/
    /*float: right;*/
    background: url(../../images/v3/icons.png) no-repeat -11px -218px;
    /*margin-top:5px;*/
}

#contentStoreFrontFilesId #directory-contents thead .ts_header.headerSortUp span {
    /*display: block;*/
    /*width: 8px;*/
    /*height: 8px;*/
    /*float: right;*/
    background: url(../../images/v3/icons.png) no-repeat 0 -218px;
    /*margin-top:5px;*/
}

#contentStoreFrontFilesId #directory-contents tbody tr:nth-of-type(odd) {
    background: #f4f4f4;
}

#contentStoreFrontFilesId #directory-contents tbody tr.highlight {
    background-color: #FFFF84;
}

#contentStoreFrontFilesId #directory-contents tr.activeThemeDirectory {
    background-color: #b5ffc8 !important;
}

#contentStoreFrontFilesId #directory-contents tr.activeThemeDirectory .name-cell span {
}

#contentStoreFrontServerLogsId #chunking1 {
    float: right;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: right;
}

#contentStoreFrontServerLogsId .sf_log_options {
    border: 1px solid #d9d9d9;
    background: #f9f9f9;
    min-width: 700px;
    padding: 10px 0;
}

#contentStoreFrontServerLogsId .sf_log_options input[type="button"] {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    border: none;
    float: left;
    border-radius: 0;
}

#contentStoreFrontServerLogsId .sf_log_options #refreshButton2 {
    background: url(../../images/v3/icons.png) no-repeat -800px -600px;
}

#contentStoreFrontServerLogsId .sf_log_options #downloadButton2 {
    background: url(../../images/v3/icons.png) no-repeat -880px -600px;
}

#contentStoreFrontServerLogsId .sf_log_options #downloadButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -880px -640px !important;
}

#contentStoreFrontServerLogsId .sf_log_options #downloadAllButton2 {
    background: url(../../images/v3/icons.png) no-repeat -280px -320px;
}

#contentStoreFrontServerLogsId .sf_log_options #deleteButton2 {
    background: url(../../images/v3/icons.png) no-repeat -960px -600px;
}

#contentStoreFrontServerLogsId .sf_log_options #deleteButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -960px -640px !important;
}

#contentStoreFrontServerLogsId .sf_log_options #clearButton2 {
    background: url(../../images/v3/icons.png) no-repeat -840px -280px;
}

#contentStoreFrontServerLogsId #filterToggleImg {
    margin-top: 5px;
    margin-right: 10px;
}

#contentStoreFrontServerLogsId #filter-div .list_350 {
    margin-bottom: 0;
}

#contentStoreFrontServerLogsId #filter-div .filter_option_name {
    margin-bottom: 5px;
}

#contentStoreFrontServerLogsId #filter-div .filter_option_criteria {
    height: 30px;
    margin-bottom: 5px;
    margin-right: 20px;
}

#contentStoreFrontServerLogsId #log-files .sm.checkbox-cell,
#contentStoreFrontServerLogsId #log-files td.sm.view-cell,
#contentStoreFrontServerLogsId #log-files td.sm.status-cell,
#contentStoreFrontServerLogsId #log-files td.sm.test-cell,
#contentStoreFrontServerLogsId #log-files td.sm.err-cell {
    text-align: center;
}

#contentStoreFrontServerLogsId .commands {
    background-color: white;
    font-size: 11px;
}

#contentStoreFrontServerLogsId #chunking1 {
    float: right;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: right;
}

#contentStoreFrontServerLogsId #chunking2 {
    float: right;
    font-size: 11px;
    margin-top: 5px;
    text-align: right;
}

#contentStoreFrontTemplatesId .search_templates input {
    height: 30px;
    padding-left: 10px;
    border: none;
    background: transparent;
}

#contentStoreFrontTemplatesId .search_templates .template_search_btn {
    height: 32px;
    width: 32px;
    background: var(--color-primary-blue);
    position: absolute;
    top: -1px;
    right: -1px;
}

#contentStoreFrontTemplatesId .search_templates::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1ae";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgb(255, 255, 255);
    position: absolute;
    top: 9px;
    right: 9px;
    pointer-events: none;
}

#contentStoreFrontTemplatesId .template_explorer {
    border: 1px solid var(--color-primary-grey-3);
    background: white;
    /*margin-top: 20px;*/
    min-width: 1000px;
    border-radius: 10px;
}

#contentStoreFrontTemplatesId .template_explorer .template_editor_wrapper {
    border-radius: 0 10px 10px 0;
}

body.template_editor_fullscreen {
    overflow: hidden;
}

#contentStoreFrontTemplatesId .template_editor_fullscreen_wrapper.template_editor_fullscreen {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    padding: 40px;
}

#contentStoreFrontTemplatesId .template_editor_fullscreen_wrapper.template_editor_fullscreen .template_editor_wrapper {
    border: 1px solid #bbb;
}

#contentStoreFrontTemplatesId .template_info {
    padding: 10px;
    /*border-right: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    border-bottom: 1px solid var(--color-primary-grey-3);
    background: #f7f7f7;
    position: relative;
}

#contentStoreFrontTemplatesId #templateEditorIntro {
    width: 100%;
    height: 100%;
    text-align: center;
}

#contentStoreFrontTemplatesId .template_info .btn {
    padding: 7px;
}

#contentStoreFrontTemplatesId .template_info .btn.save {
    background: none repeat scroll 0 0 var(--color-primary-orange);
    width: 80px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
    display: none;
    /* it will be shown dynamically after a file is selected for the editor */
}

#contentStoreFrontTemplatesId .template_info .velocityDocumentationBtn {
    float: right;
    text-align: center;
    width: 170px;
    margin-left: 10px;
}

#contentStoreFrontTemplatesId .template_info .toggleTemplateEditorFullscreenButton.btn {
    float: right;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
}

#contentStoreFrontTemplatesId .template_info .toggleTemplateEditorFullscreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

#contentStoreFrontTemplatesId .template_editor_fullscreen_wrapper.template_editor_fullscreen .toggleTemplateEditorFullscreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

#contentStoreFrontTemplatesId .template_info .btn.save.disabled {
    background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;
    cursor: default;
}

#contentStoreFrontTemplatesId .template_info .toggleTemplateEditorFullscreenButton {
    width: 110px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
}

#contentStoreFrontTemplatesId .CodeMirror {
    /*border: 1px solid #bbb;*/
}

#contentStoreFrontTemplatesId .path {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 200px;
    overflow: visible;
    white-space: nowrap;
}

#contentStoreFrontTemplatesId .path span {
    color: #bbb;
}

#contentStoreFrontTemplatesId .path .icon_edit {
    height: 16px;
    width: 16px;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
}

#contentStoreFrontTemplatesId .info {
    line-height: 25px;
    text-align: right;
    float: right;
    /*width: 600px;*/
    font-size: 11px;
    color: #999;
    position: absolute;
    top: 7px;
    right: 7px;
}

@media only screen and (max-width: 1675px) {
    #contentStoreFrontTemplatesId .info .lastModified,
    #contentStoreFrontTemplatesId .info .fileSize {
        display: none;
    }
}

#contentStoreFrontTemplatesId .template_list {
    position: relative;
    background: var(--color-primary-grey-1);
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    border-right: 1px solid var(--color-primary-grey-2);
    width: 20%;
    box-sizing: border-box;
    display: block;
    border-radius: 10px 0 0 10px;
}

#contentStoreFrontTemplatesId .template_list .templates {
    /*margin-top: 10px;*/
}

#contentStoreFrontTemplatesId .template_list ul.templates li {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 45px;
    padding-right: 30px;
    line-height: 16px;
    position: relative;
    /*display: inline-block;*/
    min-width: 120px;
}

#contentStoreFrontTemplatesId .template_list ul.templates li:last-of-type {
    border-bottom: 1px solid var(--color-primary-grey-3);
}

#contentStoreFrontTemplatesId .template_list div.templates.noresults {
    font-size: 11px;
    margin: 10px;
    min-width: 120px;
    text-align: center;
}

#contentStoreFrontTemplatesId .template_list ul.templates li span.filename {
    white-space: nowrap;
}

#contentStoreFrontTemplatesId .template_list ul.templates li span.icon {
    display: block;
    height: 16px;
    width: 16px;
    background: url(../../images/v3/icons.png);
    background-repeat: no-repeat;
    background-position: -720px -560px;
    position: absolute;
    left: 20px;
    top: 10px;
}

#contentStoreFrontTemplatesId .template_list ul.templates li.css span.icon {
    background-position: -720px -480px;
}

#contentStoreFrontTemplatesId .template_list ul.templates li.html span.icon {
    background-position: -760px -480px;
}

#contentStoreFrontTemplatesId .template_list ul.templates li.json span.icon {
    background-position: -800px -480px;
}

#contentStoreFrontTemplatesId .template_list ul.templates li.js span.icon {
    background-position: -840px -480px;
}

#contentStoreFrontTemplatesId .template_list ul.templates li.vm span.icon {
    background-position: -880px -480px;
}

#contentStoreFrontTemplatesId .template_list li.template.vm {
    cursor: pointer;
}

#contentStoreFrontTemplatesId .template_list li.template.vm.active {
    background: #FFFFFF;
}

#contentStoreFrontTemplatesId .template_list li.template.vm:hover {
    color: var(--color-primary-blue);
}

#contentStoreFrontTemplatesId .template_list .sf_icon_folder {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 10px;
    left: 10px;
    /* background: url(../../images/v3/icons.png) no-repeat -80px -480px; */
}

#contentStoreFrontTemplatesId .template_list .sf_icon_folder::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f18a";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgb(183, 183, 183);
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: none;
}

#contentStoreFrontTemplatesId .template_list .directory.open .sf_icon_folder::before {
}

#contentStoreFrontTemplatesId .directory {
    clear: both;
    padding: 10px 10px 10px 35px;
    border-bottom: 1px solid var(--color-primary-grey-3);
    background: #f4f4f4;
    color: rgba(0, 0, 0, 0.75);
    position: relative;
    cursor: pointer;
}

#contentStoreFrontTemplatesId .edit_area {
    position: relative;
    height: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: 20px !important;
    width: 80%;
    border-bottom: 1px solid var(--color-primary-grey-3);
    border-right: 1px solid var(--color-primary-grey-3);
    border-top: 1px solid var(--color-primary-grey-3);
}

/* File Manager */

.persist-anchor th {
    padding: 0 !important;
}

.persist-placeholder th,
.persist-anchor th {
    margin: 0 !important;
    /*padding: 0 !important;*/
    height: 0 !important;
    border: none !important;
}

#contentStoreFrontFilesId .sf_file_options {
    border: 1px solid var(--color-primary-grey-3);
    background: #f4f4f4;
    /*margin-bottom: 20px;*/
    min-width: 700px;
    border-radius: 10px 10px 0 0;
}

#contentStoreFrontFilesId .sf_file_options_spacer {
    border-bottom: 0;
    background: #f4f4f4;
    margin-top: 0;
}

#contentStoreFrontFilesId .sf_file_options .row {
    clear: both;
    border-bottom: 1px solid var(--color-primary-grey-3);
    margin-bottom: 0;
}

#contentStoreFrontFilesId tr.persist-header {
    padding: 0;
}

#contentStoreFrontFilesId .sf_file_options .row.last {
    border-bottom: none;
}

#contentStoreFrontFilesId .sf_file_options #currentLocation,
#contentStoreFrontFilesId .sf_file_options #infoMessage {
    padding: 10px;
    display: inline-block;
}

#contentStoreFrontFilesId .sf_file_options #infoMessage {
    color: #999;
}

#contentStoreFrontFilesId .sf_file_options #infoMessage .clear_message {
    margin: 0 0 -3px 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId .sf_file_options .directory {
    padding: 10px;
}

#contentStoreFrontFilesId .views .search {
    background: url(../../images/v3/icons.png) no-repeat -1080px -480px;
}

#contentStoreFrontFilesId .views .search:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1080px -480px;
}

#contentStoreFrontFilesId .views .home {
    background: url(../../images/v3/icons.png) no-repeat -1120px -400px;
}

#contentStoreFrontFilesId .views .home:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1120px -440px;
}

#contentStoreFrontFilesId .views .star {
    background: url(../../images/v3/icons.png) no-repeat -1160px -480px;
}

#contentStoreFrontFilesId .views .recent {
    background: url(../../images/v3/icons.png) no-repeat -1120px -360px;
}

#contentStoreFrontFilesId .views .folders {
    background: url(../../images/v3/icons.png) no-repeat -80px -480px;
}

#contentStoreFrontFilesId .views .lang {
    background: url(../../images/v3/icons.png) no-repeat -1240px -400px;
}

#contentStoreFrontFilesId .views .css {
    background: url(../../images/v3/icons.png) no-repeat -720px -480px;
}

#contentStoreFrontFilesId .views .html {
    background: url(../../images/v3/icons.png) no-repeat -760px -480px;
}

#contentStoreFrontFilesId .views .json {
    background: url(../../images/v3/icons.png) no-repeat -800px -480px;
}

#contentStoreFrontFilesId .views .js {
    background: url(../../images/v3/icons.png) no-repeat -840px -480px;
}

#contentStoreFrontFilesId .views .velo {
    background: url(../../images/v3/icons.png) no-repeat -880px -480px;
}

#contentStoreFrontFilesId .views .img {
    background: url(../../images/v3/icons.png) no-repeat -920px -480px;
}

#contentStoreFrontFilesId .views .error {
    background: url(../../images/v3/icons.png) no-repeat -960px -480px;
}

/*#contentStoreFrontFilesId .jump_to{
	width: 400px;
	float: right;
}

#contentStoreFrontFilesId .jump_to .label{
	width: 150px;
	float: right;
}


#contentStoreFrontFilesId .jump_to #jumpToDirectoryOid{
	width: 250px;
	float: right;
}

#contentStoreFrontFilesId .file_options{
	height: 16px;
	padding: 10px 186px 10px 10px;
	margin-top: 10px;
	background: #f1f1f1;
	border-width: 1px 0;
	border-style: solid;
	border-color: #bbb;
	text-align:right;
	color: #999;
	position: relative;
  min-width: 600px;
}*/

#contentStoreFrontFilesId .file_options {
    width: 98px;
    float: left;
    padding: 10px 0 10px 10px;
    border-right: 1px solid var(--color-primary-grey-3);
}

#contentStoreFrontFilesId .selected_options {
    width: 196px;
    float: left;
    padding: 10px 0 10px 10px;
    border-right: 1px solid var(--color-primary-grey-3);
}

#contentStoreFrontFilesId .views {
    width: 410px;
    float: left;
    padding: 10px 0 10px 10px;
    border-right: 1px solid var(--color-primary-grey-3);
}

#contentStoreFrontFilesId .quickSearch {
    float: left;
    padding: 7px 23px 0 10px;
    border-right: 1px solid var(--color-primary-grey-3);
    height: 29px;
    width: 200px;
}

#contentStoreFrontFilesId .quickSearch input[type="text"] {
    background: transparent;
    border: none;
}

/*#contentStoreFrontFilesId tr.last {*/

/*border-bottom: 1px solid #bbb;*/

/*}*/

#contentStoreFrontFilesId .file_stats {
    border: 1px solid var(--color-primary-grey-3);
    height: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f4f4f4;
}

#contentStoreFrontFilesId #selected-files-size {
    float: right;
    font-size: 11px;
    padding-right: 20px;
}

#contentStoreFrontFilesId .file_options input[type="button"],
#contentStoreFrontFilesId .views input[type="button"],
#contentStoreFrontFilesId .selected_options input[type="button"] {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    border: none;
}

#contentStoreFrontFilesId .views #refreshButton {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1360px -480px;
}

#contentStoreFrontFilesId .views #refreshButton:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1360px -520px;
}

#contentStoreFrontFilesId .file_options #newFileButton {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1000px -480px;
}

#contentStoreFrontFilesId .file_options #newFileButton:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1000px -520px;
}

#contentStoreFrontFilesId .file_options #newFolderButton {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -120px -480px;
}

#contentStoreFrontFilesId .file_options #newFolderButton:disabled {
    background: url(../../images/v3/icons.png) no-repeat -120px -500px;
}

#contentStoreFrontFilesId .file_options #fileUploadButton {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1040px -480px;
}

#contentStoreFrontFilesId .file_options #fileUploadButton:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1040px -520px;
}

#contentStoreFrontFilesId .views #searchButton {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1080px -480px;
}

#contentStoreFrontFilesId .views #searchButton:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1080px -520px;
}

#contentStoreFrontFilesId .selected_options #downloadButton2 {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -280px -320px;
}

#contentStoreFrontFilesId .selected_options #downloadButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -280px -360px;
}

#contentStoreFrontFilesId .selected_options #copyButton2 {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1200px -480px;
}

#contentStoreFrontFilesId .selected_options #copyButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1200px -520px;
}

#contentStoreFrontFilesId .selected_options #moveButton2 {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1240px -480px;
}

#contentStoreFrontFilesId .selected_options #moveButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1240px -520px;
}

#contentStoreFrontFilesId .selected_options #renameButton2 {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1280px -480px;
}

#contentStoreFrontFilesId .selected_options #renameButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1280px -520px;
}

#contentStoreFrontFilesId .selected_options #compareButton2 {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -1320px -480px;
}

#contentStoreFrontFilesId .selected_options #compareButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -1320px -520px;
}

#contentStoreFrontFilesId .selected_options #deleteButton2 {
    float: left;
    background: url(../../images/v3/icons.png) no-repeat -840px -280px;
}

#contentStoreFrontFilesId .selected_options #deleteButton2:disabled {
    background: url(../../images/v3/icons.png) no-repeat -800px -280px;
}

#contentStoreFrontFilesId .selected_options #recycleBin {
    display: block;
    cursor: pointer;
}

#contentStoreFrontFilesId .selected_options #recycleBin:before {
    float: left;
    margin-left: 10px;
    font-size: 16px;
    color: var(--color-primary-blue);
    display: block;
    font-family: 'ultracarticons';
    content: '\e01a';
    text-align: center;
    line-height: 16px;
}

/*#contentStoreFrontFilesId .selected_options #recycleBin{*/

/*font-size: 16px;*/

/*color: var(--color-primary-blue);*/

/*display: block;*/

/*font-family: 'ultracarticons';*/

/*content: '\e01a';*/

/*text-align: center;*/

/*}*/

/*#contentStoreFrontFilesId .selected_options #recycleBin:disabled{*/

/*font-size: 16px;*/

/*color: #BBB;*/

/*display: block;*/

/*font-family: 'ultracarticons';*/

/*content: '\e01a';*/

/*text-align: center;*/

/*}*/

#contentStoreFrontFilesId #directory-contents {
    width: 100%;
    /*border-top: 1px solid #bbb;*/
}

#contentStoreFrontFilesId #directory-contents thead th {
    border-bottom: 1px solid var(--color-primary-grey-3);
    color: #888;
    padding: 10px;
    text-align: left;
}

#contentStoreFrontFilesId #directory-contents .checkbox-cell {
    width: 10px;
    padding-right: 0;
}

#contentStoreFrontFilesId #directory-contents .favorite {
    width: 16px;
    padding-right: 0;
}

#contentStoreFrontFilesId #directory-contents .icon-cell {
    width: 16px;
    padding-right: 0;
}

#contentStoreFrontFilesId #directory-contents thead th.favorite-cell {
    width: 16px;
    padding-right: 0;
}

#contentStoreFrontFilesId #directory-contents thead th.icon-cell {
    width: 16px;
}

#contentStoreFrontFilesId #directory-contents tbody td {
    padding: 10px;
    text-align: left;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.icon-language {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.icon-language:before {
    color: red;
}

#contentStoreFrontFilesId #directory-contents tbody td.favorite-yes .icon {
    background: url(../../images/v3/icons.png) no-repeat -1160px -520px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td.favorite-no .icon {
    background: url(../../images/v3/icons.png) no-repeat -1120px -520px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.return {
    background: url(../../images/v3/icons.png) no-repeat -1400px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.directory {
    background: url(../../images/v3/icons.png) no-repeat -80px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.css {
    background: url(../../images/v3/icons.png) no-repeat -720px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.html {
    background: url(../../images/v3/icons.png) no-repeat -760px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.json {
    background: url(../../images/v3/icons.png) no-repeat -800px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.js {
    background: url(../../images/v3/icons.png) no-repeat -840px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.velocity {
    background: url(../../images/v3/icons.png) no-repeat -880px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.img {
    background: url(../../images/v3/icons.png) no-repeat -920px -480px;
    cursor: pointer;
}

#contentStoreFrontFilesId #directory-contents tbody td .icon.error {
    background: url(../../images/v3/icons.png) no-repeat -880px -280px;
    cursor: pointer;
}

#contentStoreFrontFilesId #diagnostics {
    margin-top: 20px;
    display: none;
}

#contentStoreFrontFileEditorId {
    background: none repeat scroll 0 0 white;
    border: 1px solid var(--color-primary-grey-3);
    min-width: 1000px;
    border-radius: 10px;
}

#contentStoreFrontFileEditorId .template_editor_fullscreen_wrapper.template_editor_fullscreen {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    padding: 40px;
}

#contentStoreFrontFileEditorId .template_editor_fullscreen_wrapper .template_editor_wrapper {
    position: static;
    height: 500px;
    border-radius: 10px;
}

#contentStoreFrontFileEditorId .template_editor_fullscreen_wrapper.template_editor_fullscreen .template_editor_wrapper {
    border: 1px solid #bbb;
    bottom: 0;
    left: 0;
    margin: 40px;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
}

#contentStoreFrontFileEditorId .template_info .btn {
    padding: 7px;
}

#contentStoreFrontFileEditorId .template_info .toggleTemplateEditorFullscreenButton.btn {
    /*position: absolute;*/
    float: right;
    margin-left: 10px;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
}

#contentStoreFrontFileEditorId .template_info .toggleTemplateEditorFullscreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

#contentStoreFrontFileEditorId .template_editor_fullscreen_wrapper.template_editor_fullscreen .toggleTemplateEditorFullscreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

#contentStoreFrontFileEditorId .template_explorer {
    border: 1px solid var(--color-primary-grey-3);
    background: white;
    /*margin-top: 20px;*/
    min-width: 1000px;
    border-radius: 10px;
}

#contentStoreFrontFileEditorId .template_explorer .template_editor_wrapper {
    border-radius: 0 10px 10px 0;
}

#contentStoreFrontFileEditorId .template_info {
    padding: 10px;
    /*border-right: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    border-bottom: 1px solid var(--color-primary-grey-3);
    background: #f7f7f7;
    border-radius: 10px 10px 0 0;
}

#contentStoreFrontFileEditorId #mergeView #mergeEditorHeaders {
    position: relative;
    height: 20px;
    background-color: #f7f7f7;
}

#contentStoreFrontFileEditorId #mergeView #mergeEditorHeaders .mergeEditorHeader {
    width: 31%;
    padding-top: 2px;
    display: inline-block;
    float: left;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding-left: 33px;
    font-family: latobold, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

#contentStoreFrontFileEditorId #mergeView #mergeEditorHeaders .mergeEditorHeader.last {
    float: right
}

#contentStoreFrontFileEditorId #mergeView #mergeEditorHeaders .mergeEditorHeaderGap {
    width: 3.5%;
    padding-top: 2px;
    display: inline-block;
    float: left;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding-left: 33px;
    font-family: latobold, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

#contentStoreFrontFileEditorId #mergeView #mergeEditorHeaders #findNextMergeConflictLink {
    display: inline-block;
    cursor: pointer;
}

#contentStoreFrontFileEditorId .fileInfo {
    color: #999;
    font-size: 11px;
    line-height: 25px;
    text-align: right;
}

#contentStoreFrontFileEditorId #templateEditorIntro {
    width: 100%;
    height: 100%;
    text-align: center;
}

#contentStoreFrontFileEditorId #fileName {
    background-color: white;
}

#contentStoreFrontFileEditorId .template_info .btn.save {
    background: none repeat scroll 0 0 var(--color-primary-orange);
    width: 80px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
}

/*#contentStoreFrontFileEditorId .template_info .btn.save:disabled {*/

/*background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;*/

/*}*/

#contentStoreFrontFileEditorId #closeButton {
    float: right;
    margin-left: 10px;
}

#contentStoreFrontFileEditorId #velocityDocumentationButton {
    float: right;
    margin-left: 10px;
    margin-right: 5px;
    background: var(--color-primary-green);
    font-weight: bold;
    display: none;
}

#contentStoreFrontFileEditorId .CodeMirror {
    /*border: 1px solid #bbb;*/
    border-radius: 0 0 10px 10px;
}

#contentStoreFrontFileEditorId .path {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 200px;
    overflow: visible;
    white-space: nowrap;
}

#contentStoreFrontFileEditorId .path span {
    color: #bbb;
}

#contentStoreFrontFileDiffId {
    background: none repeat scroll 0 0 white;
    border: 1px solid #bbb;
    min-width: 1235px;
}

#contentStoreFrontFileDiffId .template_editor_fullscreen_wrapper.template_editor_fullscreen {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    padding: 40px;
}

#contentStoreFrontFileDiffId .template_editor_fullscreen_wrapper .template_editor_wrapper {
    position: static;
    height: 500px;
}

#contentStoreFrontFileDiffId .template_editor_fullscreen_wrapper.template_editor_fullscreen .template_editor_wrapper {
    border: 1px solid #bbb;
    bottom: 0;
    left: 0;
    margin: 40px;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
}

#contentStoreFrontFileDiffId .template_info .btn {
    padding: 7px;
}

#contentStoreFrontFileDiffId .template_info .toggleTemplateEditorFullscreenButton.btn {
    /*position: absolute;*/
    float: right;
    margin-left: 10px;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
}

#contentStoreFrontFileDiffId .template_info .toggleTemplateEditorFullscreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

#contentStoreFrontFileDiffId .template_editor_fullscreen_wrapper.template_editor_fullscreen .toggleTemplateEditorFullscreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

#contentStoreFrontFileDiffId .template_explorer {
    border: 1px solid var(--color-primary-grey-3);
    background: white;
    /*margin-top: 20px;*/
    min-width: 1000px;
}

#contentStoreFrontFileDiffId .template_explorer .template_editor_wrapper {
    border-radius: 0 10px 10px 0;
}

#contentStoreFrontFileDiffId .template_info {
    padding: 10px;
    /*border-right: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    border-bottom: 1px solid var(--color-primary-grey-3);
    background: #f7f7f7;
}

#contentStoreFrontFileDiffId .fileInfo {
    color: #999;
    font-size: 11px;
    line-height: 25px;
    text-align: right;
}

#contentStoreFrontFileDiffId .template_version {
    color: #999;
    font-size: 11px;
    background: #f7f7f7;
}

#contentStoreFrontFileDiffId .template_version .editorState {
    float: right;
    padding-right: 10px;
}

#contentStoreFrontFileDiffId .template_version .template_current_version {
    width: 47%;
    display: inline-block;
    float: left;
    padding: 10px 0 10px 0;
}

#contentStoreFrontFileDiffId .template_version .template_current_version .version {
    padding-left: 33px;
}

#contentStoreFrontFileDiffId .template_version .template_space_version {
    width: 6%;
    display: inline-block;
    float: left;
    padding: 10px 0 10px 0;
}

#contentStoreFrontFileDiffId .template_version .template_history_version {
    width: 47%;
    display: inline-block;
    float: left;
    padding: 10px 0 10px 0;
}

#contentStoreFrontFileDiffId .template_version .template_history_version .version {
    padding-left: 33px;
}

#contentStoreFrontFileDiffId #templateEditorIntro {
    width: 100%;
    height: 100%;
    text-align: center;
}

#contentStoreFrontFileDiffId #fileName {
    background-color: white;
}

#contentStoreFrontFileDiffId .template_info .btn.save {
    background: none repeat scroll 0 0 var(--color-primary-orange);
    width: 80px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
}

/*#contentStoreFrontFileDiffId .template_info .btn.save:disabled {*/

/*background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;*/

/*}*/

#contentStoreFrontFileDiffId #closeButton {
    float: right;
    margin-left: 10px;
}

#contentStoreFrontFileDiffId #velocityDocumentationButton {
    float: right;
    margin-left: 10px;
    margin-right: 5px;
    background: var(--color-primary-green);
    font-weight: bold;
    display: none;
}

#contentStoreFrontFileDiffId .CodeMirror {
    /*border: 1px solid #bbb;*/
}

#contentStoreFrontFileDiffId .path {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 200px;
    overflow: visible;
    white-space: nowrap;
}

#contentStoreFrontFileDiffId .path span {
    color: #bbb;
}

#contentStoreFrontFileCompareId {
    background: none repeat scroll 0 0 white;
    border: 1px solid #bbb;
    min-width: 1235px;
}

#contentStoreFrontFileCompareId .template_editor_fullscreen_wrapper.template_editor_fullscreen {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    padding: 40px;
}

#contentStoreFrontFileCompareId .template_editor_fullscreen_wrapper .template_editor_wrapper {
    position: static;
    height: 500px;
}

#contentStoreFrontFileCompareId .template_editor_fullscreen_wrapper.template_editor_fullscreen .template_editor_wrapper {
    border: 1px solid #bbb;
    bottom: 0;
    left: 0;
    margin: 40px;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
}

.template_editor_wrapper .line-error {
    background-color: #ffc8c8;
}

#contentStoreFrontFileCompareId .template_info .btn {
    padding: 7px;
}

#contentStoreFrontFileCompareId .template_info .toggleTemplateEditorFullscreenButton.btn {
    /*position: absolute;*/
    float: right;
    margin-left: 10px;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
}

#contentStoreFrontFileCompareId .template_info .toggleTemplateEditorFullscreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

#contentStoreFrontFileCompareId .template_editor_fullscreen_wrapper.template_editor_fullscreen .toggleTemplateEditorFullscreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

#contentStoreFrontFileCompareId .template_explorer {
    border: 1px solid var(--color-primary-grey-3);
    background: white;
    /*margin-top: 20px;*/
    min-width: 1000px;
}

#contentStoreFrontFileCompareId .template_explorer .template_editor_wrapper {
    border-radius: 0 10px 10px 0;
}

#contentStoreFrontFileCompareId .template_info {
    padding: 10px;
    /*border-right: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    border-bottom: 1px solid var(--color-primary-grey-3);
    background: #f7f7f7;
}

#contentStoreFrontFileCompareId .fileInfo {
    color: #999;
    font-size: 11px;
    line-height: 25px;
    text-align: right;
}

#contentStoreFrontFileCompareId .compare_header {
    color: #999;
    font-size: 11px;
    background: #f7f7f7;
}

#contentStoreFrontFileCompareId .compare_header .editorState {
    float: right;
    padding-right: 10px;
}

#contentStoreFrontFileCompareId .compare_header .compare_file1_header {
    width: 47%;
    display: inline-block;
    float: left;
    padding: 10px 0 10px 0;
}

#contentStoreFrontFileCompareId .compare_header .compare_file1_header .path {
    padding-left: 33px;
    color: #555555;
}

#contentStoreFrontFileCompareId .compare_header .compare_file1_header .fsFileSaveButton {
    float: right;
    margin-right: 10px;
}

#contentStoreFrontFileCompareId .compare_header .template_space_version {
    width: 6%;
    display: inline-block;
    float: left;
    padding: 10px 0 10px 0;
}

#contentStoreFrontFileCompareId .compare_header .compare_file2_header {
    width: 47%;
    display: inline-block;
    float: left;
    padding: 10px 0 10px 0;
}

#contentStoreFrontFileCompareId .compare_header .compare_file2_header .path {
    padding-left: 33px;
    color: #555555;
}

#contentStoreFrontFileCompareId .compare_header .compare_file2_header .fsFileSaveButton {
    float: right;
    margin-right: 10px;
}

#contentStoreFrontFileCompareId #templateEditorIntro {
    width: 100%;
    height: 100%;
    text-align: center;
}

#contentStoreFrontFileCompareId #fileName {
    background-color: white;
}

#contentStoreFrontFileCompareId .template_info .btn.save {
    background: none repeat scroll 0 0 var(--color-primary-orange);
    width: 80px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
}

/*#contentStoreFrontFileCompareId .template_info .btn.save:disabled {*/

/*background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;*/

/*}*/

#contentStoreFrontFileCompareId #closeButton {
    float: right;
    margin-left: 10px;
}

#contentStoreFrontFileCompareId #velocityDocumentationButton {
    float: right;
    margin-left: 10px;
    margin-right: 5px;
    background: var(--color-primary-green);
    font-weight: bold;
    display: none;
}

#contentStoreFrontFileCompareId .CodeMirror {
    /*border: 1px solid #bbb;*/
}

#contentStoreFrontFileCompareId .path {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 200px;
    overflow: visible;
    white-space: nowrap;
}

#contentStoreFrontFileCompareId .path span {
    color: #bbb;
}

/*==================== SEO ====================*/

#contentStoreFrontSEOId .helpSeoButton,
#contentStoreFrontSEOId .saveSeoButton {
    text-align: center;
}

.sf_page_list .search_example,
#storeFrontSeoHelpDiv .search_example,
#contentStoreFrontSEOId .search_example {
    width: 480px;
    float: left;
    background: #f9f9f9;
    border: 1px dashed #bbb;
    padding: 20px 20px 20px 100px;
    margin: 0 20px 20px 0;
    clear: both;
    position: relative;
}

.sf_page_list .search_example span,
#storeFrontSeoHelpDiv .search_example span,
#contentStoreFrontSEOId .search_example span {
    clear: both;
    display: block;
}

.sf_page_list .search_example span.label,
#storeFrontSeoHelpDiv .search_example span.label,
#contentStoreFrontSEOId .search_example span.label {
    display: block;
    position: absolute;
    left: 20px;
    top: 35px;
    font-size: 11px;
    color: #bbb;
}

.sf_page_list .search_example span.title,
#storeFrontSeoHelpDiv .search_example span.title,
#contentStoreFrontSEOId .search_example span.title {
    font-size: 16px;
    text-decoration: underline;
}

.sf_page_list .search_example span.url,
#storeFrontSeoHelpDiv .search_example span.url,
#contentStoreFrontSEOId .search_example span.url {
    font-size: 12px;
    color: #999;
}

.sf_page_list .search_example span.description,
#storeFrontSeoHelpDiv .search_example span.description,
#contentStoreFrontSEOId .search_example span.description {
    font-size: 14px;
}

.sf_page_list .search_example span.highlight,
#storeFrontSeoHelpDiv .search_example span.highlight,
#contentStoreFrontSEOId .search_example span.highlight {
    color: #3399cc;
}

/*==================== Advertising ====================*/

#contentStoreFrontAdvertisingId .helpSeoButton,
#contentStoreFrontAdvertisingId .saveSeoButton {
    text-align: center;
}

#contentStoreFrontAdvertisingId .cm_example {
    /*width:480px;*/
    float: left;
    background: #f9f9f9;
    border: 1px dashed #bbb;
    padding: 20px 20px 20px 20px;
    margin: 0 20px 20px 0;
    clear: both;
    position: relative;
}

#contentStoreFrontAdvertisingId .cm_example::after {
    display: block;
    content: "";
    clear: both;
}

#contentStoreFrontAdvertisingId .cm_example .sample {
    width: 190px;
    float: left;
    margin-right: 20px;
}

#contentStoreFrontAdvertisingId .pp-credit-active .cm_example .sample {
    width: 190px;
    float: left;
    margin-right: 20px;
}

#contentStoreFrontAdvertisingId .pp-credit-active .cm_example .sample.last {
    margin-right: 0;
}

#contentStoreFrontAdvertisingId .cm_example .list_100 {
    margin-left: 20px;
}

#contentStoreFrontAdvertisingId .cm_example .sample img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

#contentStoreFrontAdvertisingId .cm_example h4 {
    padding: 0 40px 0 40px;
    text-align: center;
    color: #999;
}

#contentStoreFrontAdvertisingId .cm_example span.label {
    display: block;
    position: absolute;
    left: 20px;
    top: 35px;
    font-size: 11px;
    color: #bbb;
}

#contentStoreFrontAdvertisingId .cm_example span.title {
    font-size: 16px;
    text-decoration: underline;
}

#contentStoreFrontAdvertisingId .cm_example span.url {
    font-size: 12px;
    color: #999;
}

#contentStoreFrontAdvertisingId .cm_example span.description {
    font-size: 14px;
}

#contentStoreFrontAdvertisingId .cm_example span.highlight {
    color: #3399cc;
}

#contentStoreFrontEmailsId .email_explorer {
    display: flex;
    flex-direction: row-reverse;
    border: 1px solid var(--color-primary-grey-3);
    background: white;
    /*margin-top: 20px;*/
    min-width: 1090px;
    height: calc(100vh - 260px);
    border-radius: 10px;
}

#contentStoreFrontEmailsId .email_explorer .email_editor_wrapper {
    border-radius: 0 10px 10px 0;
    height: 100% !important;
}

body.email_editor_fullscreen {
    overflow: hidden;
}

#contentStoreFrontEmailsId .options_container {
    background: none repeat scroll 0 0 #f4f4f4;
    border-bottom: 1px solid var(--color-primary-grey-3);
    clear: both;
    color: rgba(0, 0, 0, 0.75);
    cursor: pointer;
    padding: 10px 10px 10px 35px;
    position: relative;
    border-radius: 10px 0 0 0;
}

#contentStoreFrontEmailsId .options_container .sf_icon_delivery_options {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 12px;
    /* background: url(../../images/v3/icons.png) no-repeat 0 -400px; */
}

#contentStoreFrontEmailsId .options_container .sf_icon_delivery_options::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f160";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: none;
}

#contentStoreFrontEmailsId .email_list ul.emails li {
    line-height: 16px;
    margin-bottom: 0;
    min-width: 120px;
    padding: 10px 30px 10px 45px;
    position: relative;
    cursor: pointer;
}

#contentStoreFrontEmailsId .email_list ul.emails li span.icon {
    display: block;
    height: 16px;
    width: 16px;
    background: url(../../images/v3/icons.png);
    background-repeat: no-repeat;
    background-position: -720px -560px;
    position: absolute;
    left: 20px;
    top: 10px;
}

#contentStoreFrontEmailsId .email_list ul.emails li.vm span.icon {
    background-position: -880px -480px;
}

#contentStoreFrontEmailsId .email_editor_fullscreen_wrapper.email_editor_fullscreen {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    padding: 40px;
}

#contentStoreFrontEmailsId .email_editor_fullscreen_wrapper.email_editor_fullscreen .email_editor_wrapper {
    border: 1px solid var(--color-primary-grey-3);
}

#contentStoreFrontEmailsId .email_info {
    padding: 10px;
    /*border-right: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    border-bottom: 1px solid var(--color-primary-grey-3);
    background: #f4f4f4;
    position: relative;
    border-radius: 0 10px 0 0;
}

#contentStoreFrontEmailsId #emailEditorIntro {
    width: 100%;
    height: 100%;
    text-align: center;
}

#contentStoreFrontEmailsId .email_info .btn {
    padding: 7px;
}

#contentStoreFrontEmailsId .email_info .btn.save {
    background: none repeat scroll 0 0 #d7a02b;
    width: 80px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
    display: none;
    /* it will be shown dynamically after a file is selected for the editor */
}

#contentStoreFrontEmailsId .email_info .velocityDocumentationBtn {
    float: right;
    text-align: center;
    width: 170px;
    margin-left: 10px;
}

#contentStoreFrontEmailsId .email_info .previewEmailBtn {
    float: right;
    text-align: center;
    width: 100px;
    margin-left: 10px;
}

#contentStoreFrontEmailsId .email_info .previewEmailBtn.orange_btn {
    width: 110px;
}

#contentStoreFrontEmailsId .email_info .toggleEmailEditorFullscreenButton.btn {
    float: right;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
}

#contentStoreFrontEmailsId .email_info .toggleEmailEditorFullscreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

#contentStoreFrontEmailsId .email_editor_fullscreen_wrapper.email_editor_fullscreen .toggleEmailEditorFullscreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

#contentStoreFrontEmailsId .email_info .btn.save.disabled {
    background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;
    cursor: default;
}

#contentStoreFrontEmailsId .email_info .toggleEmailEditorFullscreenButton {
    width: 110px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
}

#contentStoreFrontEmailsId .CodeMirror {
    /*border: 1px solid #bbb;*/
}

#contentStoreFrontEmailsId .path {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 200px;
    overflow: visible;
    white-space: nowrap;
}

#contentStoreFrontEmailsId .path span {
    color: #bbb;
}

#contentStoreFrontEmailsId .path .icon_edit {
    height: 16px;
    width: 16px;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
}

#contentStoreFrontEmailsId .info {
    line-height: 25px;
    text-align: right;
    float: right;
    /*width: 600px;*/
    font-size: 11px;
    color: #999;
    position: absolute;
    top: 7px;
    right: 7px;
}

@media only screen and (max-width: 1800px) {
    #contentStoreFrontEmailsId .info .lastModified,
    #contentStoreFrontEmailsId .info .fileSize {
        display: none;
    }
}

#contentStoreFrontEmailsId .email_list {
    position: relative;
    background: #f4f4f4;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    border-right: 1px solid var(--color-primary-grey-3);
    width: 20%;
    height: auto !important;
    box-sizing: border-box;
    display: block;
    border-radius: 10px 0 0 10px;
}

#contentStoreFrontEmailsId .email_list .email {
    /*margin-top: 10px;*/
}

#contentStoreFrontEmailsId .email_list div.emails.noresults {
    font-size: 11px;
    margin: 10px;
    min-width: 120px;
    text-align: center;
}

#contentStoreFrontEmailsId .email_list ul.emails li span.filename {
    white-space: nowrap;
}

#contentStoreFrontEmailsId .email_list ul.emails li.css span.icon {
    background-position: -720px -480px;
}

#contentStoreFrontEmailsId .email_list ul.emails li.html span.icon {
    background-position: -760px -480px;
}

#contentStoreFrontEmailsId .email_list ul.emails li.json span.icon {
    background-position: -800px -480px;
}

#contentStoreFrontEmailsId .email_list ul.emails li.js span.icon {
    background-position: -840px -480px;
}

#contentStoreFrontEmailsId .email_list ul.emails li.vm span.icon {
    background-position: -880px -480px;
}

#contentStoreFrontEmailsId .email_list li.emails.vm {
    cursor: pointer;
}

#contentStoreFrontEmailsId .email_list li.emails.vm.active {
    background: #FFFFFF;
}

#contentStoreFrontEmailsId .email_list li.emails.vm:hover {
    color: var(--color-primary-blue);
}

#contentStoreFrontEmailsId .email_list .sf_icon_folder {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(../../images/v3/icons.png) no-repeat -80px -480px;
}

#contentStoreFrontEmailsId .edit_area {
    position: relative;
    height: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: 20px !important;
    width: 80%;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

/*==================== Infusionsoft ====================*/

.infusionsoft_editor select {
    font-size: 0.786rem;
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid rgb(187, 187, 187);
    padding: 2px 4px;
}

/*==================== Forms ====================*/

table input[type="text"] {
    font-size: 1em;
}

table input[type="password"] {
    font-size: 1em;
}

table textarea {
    font-size: 1em;
}

table select {
    font-size: 1em;
}

input[type="text"],
input[type="number"] {
    border: 1px solid var(--color-primary-grey-3);
    border-radius: var(--border-radius-small);
    background: #fff;
    color: #333;
    letter-spacing: .08em;
    padding: 5px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

textarea {
    border: 1px solid var(--color-primary-grey-3);
    border-radius: var(--border-radius-small);
    background: #fff;
    color: #333;
    letter-spacing: .08em;
    padding: 5px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

select {
    font-size: 0.786rem;
    /* background: none repeat scroll 0% 0% #f1f1f1; */
    /*border: none;*/
    height: 24px;
    padding: 2px 4px;
    box-sizing: border-box;
    font-size: 1em;
    border: 1px solid var(--color-primary-grey-3);
    border-radius: var(--border-radius-small);
    background: #fff;
    color: #333;
    letter-spacing: .08em;
}

input[type="password"] {
    border: 1px solid #bbb;
    background: #f1f1f1;
    color: #333;
    letter-spacing: .08em;
    padding: 5px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

select {
    font-size: 1em;
    font-size: 0.786rem;
}

.content_wrapper_v2 input[type="text"] {
    font-size: 1em;
}

.content_wrapper_v2 input[type="password"] {
    font-size: 1em;
}

.content_wrapper_v2 .text_area_long {
    min-height: 62px;
    border: 1px solid #bfbfbf;
    color: #333;
    padding: 0 0 0 5px;
    background: url(/merchant/images/v2/input_bg.png) repeat-x top #fff;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    /* line-height:22px; */
    width: 100%
}

.content_wrapper_v2 textarea {
    font-size: 1em;
}

.content_wrapper_v2 select {
    font-size: 1em;
}

.form_full {
    display: block;
    float: left;
    padding: 0;
    width: 100%;
    min-width: 600px;
}

.form_full li {
    display: block;
    clear: both;
    list-style: none;
    margin-bottom: 15px;
    width: 95%;
}

.form_half {
    display: block;
    float: left;
    padding: 0;
    width: 50%;
    min-width: 320px;
    overflow: auto;
}

.form_half li {
    display: block;
    clear: both;
    list-style: none;
    width: 90%;
    margin-bottom: 15px;
}

.left_label {
}

.top_label {
    margin: 0 0 10px 0;
    display: block;
    font-weight: normal;
    text-align: left;
    position: relative;
    font-size: .85em;
}

.checkbox_sub {
    margin: 0 0 5px 0;
    display: block;
    font-weight: normal;
    text-align: left;
    position: relative;
    padding-left: 165px;
    font-size: .85em;
}

.checkbox_sub .info {
    top: 3px;
}

.inline_label {
    margin: 0 10px 5px 0;
    display: block;
    font-weight: normal;
    text-align: left;
    position: relative;
    font-size: .85em;
    width: 140px;
    float: left;
}

.top_label span.info,
.inline_label span.info {
    height: 10px;
    width: 10px;
    top: 3px;
}

.item_editor span.info {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    top: auto;
    display: block;
    width: 10px;
    height: 10px;
}

.widget_box span.info {
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    top: auto;
    display: block;
    width: 10px;
    height: 10px;
}

span.required {
    font-size: .8em;
    letter-spacing: .08em;
    color: var(--color-primary-red);
    font-family: 'latobold';
    text-transform: uppercase;
}

.top_label span.note {
    font-size: .8em;
    letter-spacing: .08em;
    color: var(--color-primary-red);
    padding-left: 10px;
}

.top_label .info {
}

.text_field {
    border: 1px solid #dadada;
    background: #f1f1f1;
    color: #777;
    letter-spacing: .08em;
    line-height: 20px;
    padding: 5px;
}

.text_field.half {
    width: 118px;
}

.text_field.third {
    width: 75px;
}

.text_field.cost {
    width: 98px;
}

.text_field.gift {
    width: 98px;
    margin-left: 165px;
}

.text_field.taxable {
    width: 98px;
    margin-left: 165px;
}

.text_field.weight {
    width: 98px;
}

.text_field.third {
    width: 48px;
}

.text_field.date {
    width: 65px;
}

.text_area {
    border: 1px solid #bbb;
    background: #f1f1f1;
    color: #777;
    letter-spacing: .08em;
    padding: 5px;
}

.text_area.full {
    width: 100%;
    box-sizing: border-box;
}

.select_box.full {
    width: 100%;
}

.fieldWeight,
.fieldSale {
    width: 110px;
    float: left;
    margin-right: 10px;
}

.fieldHalf1 {
    width: 130px;
    float: left;
    margin-right: 10px;
}

.fieldHalf2 {
    width: 130px;
    float: left;
}

.fieldThird1 {
    width: 80px;
    float: left;
    margin-right: 10px;
}

.fieldThird2 {
    width: 80px;
    float: left;
    margin-right: 10px;
}

.fieldThird {
    width: 80px;
    float: left;
}

.fieldSaleStart {
    width: 70px;
    float: left;
    margin-right: 10px;
}

.fieldSaleEnd {
    width: 70px;
    float: left;
}

.fieldFourth1 {
    width: 60px;
    float: left;
    margin-right: 10px;
}

.fieldFourth2 {
    width: 60px;
    float: left;
    margin-right: 10px;
}

.fieldFourth3 {
    width: 60px;
    float: left;
    margin-right: 10px;
}

.form_half .dimensions {
    width: 20px;
    float: left;
}

.media_item {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.media_item p {
    font-size: 1em;
}

.media_item strong {
    color: #999;
}

.media_item .col_1 {
    width: 200px;
    border-right: 1px solid #d9d9d9;
    padding: 0 20px 0 0;
    display: table-cell;
}

.media_item .col_1 .image_holder {
    width: 200px;
    height: 200px;
    background: #d9d9d9;
    vertical-align: top;
}

.media_item .col_2 {
    width: 200px;
    padding: 0 20px;
    display: table-cell;
    vertical-align: top;
}

.media_item .col_3 {
    min-width: 300px;
    padding: 0 20px;
    display: table-cell;
    vertical-align: top;
}

.media_item .col_3 textarea {
    resize: none;
    border: none;
    background: #eaeaea;
    padding: 20px;
    color: #666;
    line-height: 1.5em;
    font-size: .86em;
    width: 100%;
    font-size: .7em;
}

/* Item Editor - Auto Order Editor */
#contentAutoOrderId .btn {
    display: inline;
    margin-right: 10px;
    text-overflow: unset;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId {
    max-width: 100%;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_item_fields .list_100:has(input[value*="Auto-Order-Item"]),
#uc-item-editor .interior .interior_content#contentAutoOrderId .step_item_fields .list_100:has(input[name*="itemId"]) {
    width: 200px;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_item_fields .list_100:has(input[name*="preshipmentNoticeDays"]) {
    width: 140px;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_type_kit_only .list_100:has(select[name*="schedule"]),
#uc-item-editor .interior .interior_content#contentAutoOrderId .step_item_fields .list_100:has(select[name*="schedule"]) {
    width: 160px;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_pause_fields .list_100:has(input[name*="pauseUntilDate"]) {
    width: 160px;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_pause_until_fields .list_100:has(input[name*="pauseUntilDayOfMonth"]),
#uc-item-editor .interior .interior_content#contentAutoOrderId .step_pause_until_fields .list_100:has(input[name*="pauseUntilMinimumDelayDays"]) {
    width: 160px;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_pause_until_fields .list_100:has(input[name*="pauseUntilMinimumDelayDays"]) input {
    margin-bottom: 2px;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_pause_until_fields .list_100:has(input[name*="pauseUntilMinimumDelayDays"]) {
    max-height: 82px;
    color: var(--color-primary-grey-4);
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_pause_fields .list_100:has(input[name*="pauseUntilDate"]) .top_label br {
    display: none;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_type_kit_only .list_100.advanced.arbitraryUnitCostCell,
#uc-item-editor .interior .interior_content#contentAutoOrderId .step_item_fields .list_100.advanced.arbitraryUnitCostCell {
    width: 120px;
}

#uc-item-editor .interior .interior_content#contentAutoOrderId .step_type_kit_only .list_100.advanced.arbitraryUnitCostCell input[type="text"],
#uc-item-editor .interior .interior_content#contentAutoOrderId .step_item_fields .list_100.advanced.arbitraryUnitCostCell input[type="text"] {
    width: 90px !important;
}

.autoorder.step .step_options .btn {
    width: 100px;
    text-align: right;
}

.autoorder.step .step_options input[name*="addBefore"].btn {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4049 7.29289C11.7954 6.90237 12.4286 6.90237 12.8191 7.29289L20.8191 15.2929C21.2096 15.6834 21.2096 16.3166 20.8191 16.7071C20.4286 17.0976 19.7954 17.0976 19.4049 16.7071L12.112 9.41421L4.81911 16.7071C4.42858 17.0976 3.79542 17.0976 3.40489 16.7071C3.01437 16.3166 3.01437 15.6834 3.40489 15.2929L11.4049 7.29289Z" fill="white"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.autoorder.step .step_options input[name*="addAfter"].btn {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.40489 7.29289C3.79542 6.90237 4.42858 6.90237 4.81911 7.29289L12.112 14.5858L19.4049 7.29289C19.7954 6.90237 20.4286 6.90237 20.8191 7.29289C21.2096 7.68342 21.2096 8.31658 20.8191 8.70711L12.8191 16.7071C12.4286 17.0976 11.7954 17.0976 11.4049 16.7071L3.40489 8.70711C3.01437 8.31658 3.01437 7.68342 3.40489 7.29289Z" fill="white"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.autoorder.step .step_options input[name*="delete"].btn {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.55228 9 6 9.44772 6 10V20C6 20.5523 6.44771 21 7 21H17C17.5523 21 18 20.5523 18 20V10C18 9.44772 18.4477 9 19 9C19.5523 9 20 9.44772 20 10V20C20 21.6569 18.6569 23 17 23H7C5.34315 23 4 21.6569 4 20V10C4 9.44772 4.44772 9 5 9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44771 3 9 3.44771 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 2.34315 8.34315 1 10 1H14C15.6569 1 17 2.34315 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.44771 14.5523 3 14 3H10Z" fill="white"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.autoorder.step .step_options .btn .has_icon {
}

.autoorder.step .step_options {
    float: left;
    width: 100px;
    padding: 20px 20px 20px 0;
    display: table-cell;
    position: relative;
}

#uc-item-editor #selectedAvailableItem option,
#uc-item-editor #unselectedAvailableItem option {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    font-size: 12px;
    word-break: break-word;
    white-space: break-spaces;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 4px;
    padding: 4px 8px;

    &::before {
        content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2C1.5 1.17157 2.17157 0.5 3 0.5H6.0858C6.48362 0.5 6.86514 0.658038 7.14644 0.939332L7.14645 0.939342L10.0606 3.85354C10.342 4.13486 10.5 4.51639 10.5 4.91422V10C10.5 10.8284 9.82844 11.5 9 11.5H3C2.17158 11.5 1.5 10.8284 1.5 10V2ZM3 1.5C2.72386 1.5 2.5 1.72386 2.5 2V10C2.5 10.2762 2.72385 10.5 3 10.5H9C9.27616 10.5 9.5 10.2762 9.5 10V4.91422C9.5 4.7816 9.44733 4.65443 9.35356 4.56067L9.35355 4.56066L6.43936 1.64646C6.43935 1.64645 6.43935 1.64645 6.43935 1.64645C6.34556 1.55267 6.21838 1.5 6.0858 1.5H3Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 0.75C6.77614 0.75 7 0.973858 7 1.25V4H9.5C9.77614 4 10 4.22386 10 4.5C10 4.77614 9.77614 5 9.5 5H6.5C6.22386 5 6 4.77614 6 4.5V1.25C6 0.973858 6.22386 0.75 6.5 0.75Z" fill="%23303030"/></svg>');
        display: block;
    }

    &:hover {
        background-color: var(--color-alt-blue-1);
    }
}

#uc-item-editor #selectedAvailableItem option:not(:last-child),
#uc-item-editor #unselectedAvailableItem option:not(:last-child) {
    margin-bottom: 8px;
}

#uc-item-editor #contentDigitalDeliveryId .activation_code:has(span[title="itemmgmt.itemeditor.digitaldelivery.retrievePaceIlok"]) {
    display: none;
}

body[data-main-form-action="/merchant/item/editor/autoOrderV3Save.do"] {
    .autoorder.step .grandfather_content {
        background-color: transparent;
        border: none;
        padding: 20px 0;

        table {
            th.columnHeaderText {
                text-align: left;
                padding: 12px;
            }
        }
    }
}

/*==================== Tooltips ====================*/

span.info {
    color: inherit;
    height: inherit;
    /* background: url(../../images/v3/icons.png) no-repeat 0 -360px; */
    position: absolute;
    top: 10px;
    left: 0;
    cursor: pointer;
}

span.info.inline.left {
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: -7px;
    background: url(../../images/v3/icons.png) no-repeat 0 -360px;
    position: relative;
    float: left;
    cursor: pointer;
}

.title_bar span.info {
    background: url(/merchant/images/v2/icon_info_white.png) no-repeat center center;
    background: none;
    /* float: left !important; */
}

span.info_hl {
    /* background: url(../../images/v3/icons.png) no-repeat 0 -360px; */
    /*background: url(/merchant/images/v2/icon_info_white_hl.png) no-repeat center center;*/
}

.title_bar span.info_hl {
    /* background: url(../../images/v3/icons.png) no-repeat 0 -360px; */
    /*background: url(/merchant/images/v2/icon_info_white_hl.png) no-repeat center center;*/
    float: left !important;
}

span.info_empty {
    background: url(/merchant/images/v2/icon_star.png) no-repeat center center !important;
}

.title_bar span.info_empty {
    background: url(/merchant/images/v2/icon_star.png) no-repeat center center !important;
    float: left !important;
}

.list_half span.info{
    color: inherit;
    display: block;
    height: 12px;
    width: 12px;
    position: relative;
    background: none;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

.left_nav ul li span.info {
    background: none;
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 15px;
    left: 210px;
    right: 20px;
}

.list_half span.info,
.left_nav ul li span.info {
    background-color: transparent;
}

span.info::before,
.list_half span.info::before,
.left_nav ul li span.info::before,
.order-items_form-wrapper .order-items_content .widget_box span.info::before {
    font-family: "icons" !important;
    content: "\f256";
    display: block;
    line-height: 1;
    width: 1em;
    text-align: center;
    box-sizing: content-box;
    font-size: 12px;
    color: var(--color-primary-green);
    rotate: 180deg;
}

.left_nav ul li.sub span.info {
    left: 200px;
}

.left_nav .collapsed {
    display: none !important;
}

/*==================== Tooltips ====================*/

#vtip {
    /*display: none;*/
    position: absolute;
    left: 5px;
    font-size: 12px;
    background-color: white;
    border: none;
    z-index: 109999;
    width: 350px;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

#vtip #vtipArrow {
    position: absolute;
    width: 12px;
    height: 8px;
    top: -8px;
    left: 8px;
    background: url(../../images/v3/icons.png) no-repeat -80px -212px;
}

#vtip_title {
    font-family: 'latobold';
    letter-spacing: 0.03em;
    font-weight: bold;
    padding: 10px 10px 8px 10px;
    color: #333;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 8px 8px 0 0;
}

.vtip_content {
    padding: 10px;
}

.vtip_content h1,
.vtip_content h2,
.vtip_content h3 {
    margin: 0 0 10px 0;
    line-height: normal;
}

.vtip_content p {
    margin-top: 0;
    color: #828282;
}

#vtipBackgroundPopup {
    display: none;
    position: fixed;
    _position: absolute;
    /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 50;
}

#vtipEditDiv {
    display: none;
    position: fixed;
    _position: absolute;
    /* hack for internet explorer 6*/
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 150000;
    font-size: 10pt;
}

#vtipEditDiv h1 {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px dotted #D3D3D3;
    background-color: #003366;
    color: white;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
    margin-top: 0;
}

#vtipEditArea {
    padding: 12px;
    text-align: left;
}

#vtipEditArea ul {
    text-align: left;
}

#vtipEditArea input {
    font-size: inherit;
}

#vtipEditArea select {
    font-size: inherit;
}

#vtipEditArea textarea {
    font-size: inherit;
}

/*==================== Footer ====================*/

.footer_wrapper {
}

.footer {
    background: #333 url(../../images/v3/footer-background.gif) left top;
    padding: 0;
    font-size: 0.8em;
    font-size: 0.786rem;
    /*position: fixed;*/
    /*bottom: 0;*/
    /*bottom: 0;*/
    /*position: fixed;*/
    /*width: 100%;*/
    clear: both;
    height: 300px;
    margin-top: -300px;
    position: relative;
    z-index: 1;
}

#footer_extension {
    background: #333 url(../../images/v3/footer-background.gif) left top;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.footer_left {
    display: none;
    width: 240px;
    height: 280px;
    background: var(--color-primary-blue);
    float: left;
    padding: 20px 0 0 30px;
    margin-right: 0;
}

.twitter {
    width: 220px;
    height: 40px;
    margin-left: -10px;
}

.twitter span a {
    color: #FFF;
}

.footer_left_bottom {
    padding: 10px 20px 10px 0;
    font-size: 10px;
    color: #FFF;
}

.footer_left_bottom p {
    padding: 0;
    margin: 0;
    line-height: 14px;
}

.footer_left_bottom p a {
    color: #FFF;
    text-decoration: none;
}

.footer_right {
    display: block;
    height: 300px;
    min-width: 620px;
    /* margin-left: 280px; */
}

.contact {
    width: 170px;
    margin: 20px 0 0 20px;
    float: left;
}

.contact .title {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    /*color: #c9e9f6;*/
    color: #999;
    line-height: 18px;
    letter-spacing: .1em;
    font-family: var(--font-primary-regular);
    border: none;
}

.contact p {
    display: block;
    color: #fff;
    padding: 10px 0;
}

.contact p span {
    float: left;
    width: 22px;
    height: 22px;
    margin: 0 8px 0 0;
}

.contact p .icon_phone {
    background: url(../../images/v3/icons.png) no-repeat -680px -200px;
}

.contact p .icon_email {
    background: url(../../images/v3/icons.png) no-repeat -720px -200px;
}

.contact p .icon_skype {
    background: url(../../images/v3/icons.png) no-repeat -760px -200px;
}

.contact p .icon_github {
    background: url(../../images/v3/icons.png) no-repeat -800px -200px;
}

.contact p a {
    color: #fff;
    text-decoration: none;
}

.footer_nav {
    width: 120px;
    float: left;
    margin: 20px 20px 0 0;
}

.footer_nav .title {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    line-height: 18px;
    letter-spacing: .1em;
    font-family: var(--font-primary-regular);
    border: none;
}

.footer_nav ul {
    padding: 0;
    margin: 0;
}

.footer_nav ul li {
    list-style: none;
    margin: 0 0 5px;
}

.footer_nav ul li a {
    color: #FFF;
    text-decoration: none;
}

.footer_nav .support .title {
    color: var(--color-primary-green);
}

.footer_nav ul .support a {
    color: var(--color-primary-green);
    text-decoration: none;
}

.footer_info {
    width: 120px;
    float: left;
    margin: 20px 20px 0 0;
}

.footer_info p {
    color: #999;
}

.footer_info .user_data {
    color: #666;
    font-family: courier, monospace;
}

/* ==========================================================================
   Forms
   ========================================================================== */

form {
    margin-bottom: 20px;
}

fieldset {
    margin-bottom: 20px;
}

/*input[type=text],input[type=password],input[type=email],textarea,select {*/

/*border: 1px solid #ccc;*/

/*padding: 6px 4px;*/

/*outline: none;*/

/*-moz-border-radius: 2px;*/

/*-webkit-border-radius: 2px;*/

/*border-radius: 2px;*/

/*font: 13px Arial, Helvetica, sans-serif;*/

/*color: #666;*/

/*margin: 0;*/

/*max-width: 100%;*/

/*display: block;*/

/*margin-bottom: 20px;*/

/*background: #f1f1f1;*/

/*height: 16px;*/

/*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);*/

/*box-shadow: inset 0 0 3px rgba(0,0,0,0.2);*/

/*}*/

/*select {*/

/*padding: 10px;*/

/*}*/

/*input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus {*/

/*border: 1px solid #aaa;*/

/*color: #444;*/

/*-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);*/

/*-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);*/

/*box-shadow: 0 0 3px rgba(0,0,0,.2);*/

/*}*/

/*textarea {*/

/*min-height: 60px;*/

/*}*/

/*label,legend {*/

/*display: block;*/

/*font-weight: 700;*/

/*font-size: 13px;*/

/*}*/

/*select {*/

/*width: 220px;*/

/*}*/

/*input[type=checkbox] {*/

/*display: inline;*/

/*}*/

/*label span,legend span {*/

/*font-weight: 400;*/

/*font-size: 13px;*/

/*color: #444;*/

/*}*/

/*
.uc-autocomplete {
  background: url(../../images/v3/icon-auto.png) no-repeat right center #f1f1f1 !important;
}
*/

.auto_complete_pref {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    width: 190px;
    margin: 20px 0 0;
    font-family: var(--font-primary-regular);
    text-align: left;
    float: left;
    padding-left: 30px;
}

.auto_complete_pref .auto_complete {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../../images/v3/icon-auto.png) no-repeat;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

.print-only {
    display: none;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .no-print,
    .no-print * {
        display: none !important;
    }

    .print-only {
        display: block;
    }

    span.print-only {
        display: inline-block;
    }

    .sticky_save.is_stuck {
        display: none !important;
    }

    /* BEGIN - Styles to give the print preview a toggle full-screen look */
    body {
        background-image: none !important;
    }

    .content_wrapper {
        background-image: none !important;
        margin-left: 20px !important;
    }

    .content {
        margin-left: 20px !important;
    }

    body #push {
        height: 20px !important;
    }

    body .screen_help {
        top: 30px !important;
    }

    body .onscreen_tour {
        top: 30px !important;
    }

    #header,
    #header_extension {
        display: none !important;
    }

    #footer {
        display: none !important;
    }

    #side_bar {
        display: none !important;
    }

    .screen_help {
        display: none !important;
    }

    .onscreen_tour {
        display: none !important;
    }

    .dashboard.page_options {
        display: none !important;
    }

    /* END - Styles to give the print preview a toggle full-screen look */
    a,
    a:visited {
        text-decoration: underline;
    }

    /*
	     * Don't show links for images, or javascript/internal links
	     */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: .5cm;
    }

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

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

/*==================== Code Mirror ====================*/
.CodeMirror-line-numbers {
    width: 2.2em;
    color: #aaa;
    background-color: #eee;
    text-align: right;
    padding-right: .3em;
    font-size: 10pt;
    font-family: monospace;
    padding-top: .4em;
    line-height: normal;
}

.CodeMirror-wrapping {
    border: 1px solid #d3d3d3;
}

/*==================== Apple Light Box ====================*/
.MB_window input[type="text"] {
    background: #ffffff;
}

.MB_window input[type="textarea"] {
    background: #ffffff;
}

.MB_window input[type="password"] {
    background: #ffffff;
}

#MB_overlay {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8000;
    border: 0;
    background-color: #000 !important;
    display: none;
}

#MB_overlay[id] {
    position: fixed;
}

.MB_windowwrapper {
    position: absolute;
    top: 0;
    width: 100%;
}

.MB_window {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    left: 0;
    margin-top: 64px;
    border: 0 solid;
    text-align: left;
    z-index: 9000;
}

.MB_window[id] {
    position: relative;
}

/* Color scheme */
.MB_window {
    background-color: transparent;
    color: var(--color-primary-grey-4);
    overflow: visible;
}

.MB_frame {
    position: relative;
    background-color: white;
    padding-bottom: 0;
    box-shadow: 0px 4px 32px 8px rgba(0, 0, 0, 0.25);
    /* border-radius: 0 0 8px 8px; */
    border-radius: 8px;
    overflow: hidden;
    transition: all var(--transition-primary);
}

/* .MB_windowwrapper[style*="top"]:not([style*="top: 0px;"]) .MB_frame {
    border-radius: 8px;
} */

.MB_content {
    background-color: white;
    border-top: none;
    position: relative;
    padding: 6px .75em;
    overflow: auto;

    &:has(.fraudWizardDiv) {
        padding: 0;

        .MB_contentActual {
            padding: 16px !important;
        }
    }
}

.MB_header {
    background-color: var(--color-primary-grey-1);
    margin: 0;
    padding: 16px;
    border-bottom: none;
    overflow: hidden;
    position: relative;

.MB_caption {
    font: bold 100% "Lucida Grande", Arial, sans-serif;
    text-shadow: none;
        color: var(--color-primary-grey-5) !important;
        padding: 0 !important;
    margin: 0;
    text-align: left;
        box-sizing: border-box;
    }
}

.MB_close {
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    padding: 2px 3px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    color: var(--color-primary-grey-5);
    background: transparent;
    transform: translateY(-50%);
    transition: color var(--transition-primary);

    span {
        display: none;
    }

    &::after {
        content: "\00D7";
        display: block;
        font-size: 24px;
        line-height: 24px;
    }
}

.MB_close:hover {
    background: transparent;
    color: var(--color-primary-blue);
}

/*==================== Ajax Please Wait ====================*/
.PW_outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3em;
    /* z-index: 9999; */
}

.PW_outer_hidden {
    position: fixed;
    top: -1000px;
    left: -1000px;
    width: 0;
    height: 0;
}

.PW_inner {
    margin: 0.4em auto;
    width: 15em;
    font-size: 1.2em;
    text-align: center;
    background-color: #555555;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#555555));
    background-image: -webkit-linear-gradient(top, #666666, #555555);
    background-image: -moz-linear-gradient(top, #666666, #555555);
    background-image: -o-linear-gradient(top, #666666, #555555);
    background-image: linear-gradient(to bottom, #666666, #555555);
    padding: 5px;
    border: 1px solid #3C3C3C;
    border-radius: var(--border-radius-small);
    color: #FFFFFF;
}

/*==================== Flash Message ====================*/
.FM_outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3em;
    z-index: 9999;
}

.FM_inner {
    margin: 0.4em auto;
    /* width:15em; */
    /* calling javascript should set this based on message */
    font-size: 1.2em;
    text-align: center;
    background-color: #555555;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#555555));
    background-image: -webkit-linear-gradient(top, #666666, #555555);
    background-image: -moz-linear-gradient(top, #666666, #555555);
    background-image: -o-linear-gradient(top, #666666, #555555);
    background-image: linear-gradient(to bottom, #666666, #555555);
    padding: 5px;
    border: 1px solid #3C3C3C;
    border-radius: var(--border-radius-small);
    color: #FFFFFF;
}

/*==================== "Tap to dismiss" Javascript ERROR Message ====================*/
.ERR_outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100px;
    z-index: 9980;
    /* this should make it slightly below the please wait */
}

.ERR_inner {
    display: block;
    margin: 0;
    font-size: 1.0em;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #bb3333;
    background: rgba(234, 95, 95, 0.9);
    border-radius: 0;
    color: #333;
    position: relative;
    min-height: 45px;
}

.ERR_list {
    text-align: left;
    margin: 5px;
}

.ERR_inner span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 25px;
    left: 20px;
    background: url(../../images/v3/icons.png) no-repeat -1320px -240px;
}

.ERR_inner em {
    padding: 3px 10px;
    color: #fff;
    background: #BB3333;
    bottom: 0;
    right: 50px;
    width: 180px;
    position: absolute;
    font-style: normal;
    display: block;
}

.ERR_list ul {
    padding: 0 0 0 40px;
}

.ERR_list ul li {
    list-style: none;
}

.ERR_inner {
    cursor: pointer;
}

.ERR_hidden {
    display: none !important;
}

.ERR_background {
    z-index: -5;
}

.ERR_foreground {
    z-index: 9995;
}

/*==================== "Tap to dismiss" Javascript WARN Message ====================*/
.WARN_outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100px;
    z-index: 9970;
    /* this should make it slightly below the please wait and error*/
}

.WARN_inner {
    display: block;
    margin: 0;
    font-size: 1.0em;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ce8e3a;
    background: rgba(221, 180, 127, 1);
    border-radius: 0;
    color: #333;
    position: relative;
    min-height: 45px;
}

.WARN_list {
    text-align: left;
    margin: 5px;

    a {
        color: var(--color-primary-orange-dark);
    }
}

.WARN_inner span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 25px;
    left: 20px;
    background: url(../../images/v3/icons.png) no-repeat -1240px -240px;
}

.WARN_inner em {
    padding: 3px 10px;
    color: #fff;
    background: #ce8e3a;
    bottom: 0;
    right: 50px;
    width: 180px;
    position: absolute;
    font-style: normal;
    display: block;
}

.WARN_inner em.suppress-forever {
    right: inherit !important;
    left: 50px;
    width: 240px;
}

.WARN_list ul {
    padding: 0 0 0 40px;
}

.WARN_list ul li {
    list-style: none;
}

.WARN_inner {
    cursor: pointer;
}

.WARN_hidden {
    display: none !important;
}

.WARN_background {
    z-index: -5;
}

.WARN_foreground {
    z-index: 9994;
}

/*==================== "Tap to dismiss" Javascript INFO Message ====================*/
.INFO_outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100px;
    z-index: 9980;
    /* this should make it slightly below the please wait */
}

.INFO_inner {
    display: block;
    margin: 0;
    font-size: 1.0em;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #7c9ab5;
    background: rgba(155, 196, 233, 1);
    border-radius: 0;
    color: #333;
    position: relative;
    min-height: 45px;
}

.INFO_inner span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 25px;
    left: 20px;
    background: url(../../images/v3/icons.png) no-repeat -1200px -240px;
}

.INFO_inner em {
    padding: 3px 10px;
    color: #fff;
    background: #7c9ab5;
    bottom: 0;
    right: 30px;
    width: 180px;
    position: absolute;
    font-style: normal;
}

.INFO_list {
    text-align: left;
    margin: 5px;
}

.INFO_list ul {
    padding: 0 0 0 40px;
}

.INFO_list ul li {
    list-style: none;
}

.INFO_inner {
    cursor: pointer;
}

.INFO_hidden {
    display: none !important;
}

.INFO_background {
    z-index: -5;
}

.INFO_foreground {
    z-index: 9995;
}

/********************* POPUP ************************/
#cboxContent .intro_title {
    padding: 10px;
    border-bottom: 1px solid #dadada;
    background: #f0f0f0;
    position: relative;
    height: 20px;
}

#cboxContent .close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 23px;
    height: 19px;
    background: url(../../images/v3/icons.png) no-repeat -112px -314px;
    cursor: pointer;
}

/******************** SWITCH ACCOUNT POPUP **********/
.switch_account_list .title {
    color: #666666;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    padding: 5px 0;
}

.switch_account_list .sal_row {
    padding: 5px 0;
}

.switch_account_list .sal_note {
    padding: 5px 0;
    color: #999;
}

.switch_account_list .sal_row .sal_merchant_id,
.switch_account_list .sal_row .sal_company,
.switch_account_list .sal_row .sal_website,
.switch_account_list .sal_row .sal_switch {
    border-bottom: 1px solid #D9D9D9;
    line-height: 30px;
    color: var(--color-primary-grey-4);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
}

.switch_account_list .sal_row .sal_switch input[type="button"] {
    color: #fff;
    background: var(--color-primary-blue);
    border: none;
    padding: 5px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-size: 0.786rem;
    letter-spacing: 0.08em;
    border-radius: 3px;
    line-height: 1.5;
}

/*//////////////////// START MEDIA QUERIES ////////////////////*/
@media (max-width: 784px) {
    .screen_help {
        right: auto;
        left: 539px;
    }

    .onscreen_tour {
        right: auto;
        left: 369px;
    }

    .dashboard.page_options {
        right: auto;
        left: 120px;
    }
}

/*//////////////////// END MEDIA QUERIES ////////////////////*/
/*****************************
/* Walkthrough
/*****************************/
.walkthrough-container {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    /*bottom: 0;*/
    left: 0;
    /*right: 0;*/
    z-index: 10001;
    text-align: center;
    /*overflow:hidden*/
}

.walkthrough-manual-overlay {
    z-index: 10000;
    background: url(../../images/v3/overlay-dark.png);
    display: block;
    position: absolute;
}

.walkthrough-bg {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    /*opacity: 0;*/
    position: absolute;
    top: 0;
    /*bottom: 0;*/
    left: 0;
    /*right: 0;*/
    z-index: 10000;
    background: url(../../images/v3/overlay-dark.png);
    /*background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);*/
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.walkthrough-slides {
    margin: 0 auto;
    clear: both;
}

.walkthrough-slide {
    /*display: none;*/
    margin: 80px auto 0 auto;
    background: #fff;
    border: 1px solid #dadada;
    /*position: absolute;*/
    /*top: -1000em;
		left: -1000em;*/
    font-family: 'latoregular', sans-serif;
    color: #333;
}

.walkthrough-slide * {
    margin: 0 auto;
    font-family: 'latoregular', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.walkthrough-slide.transition {
    display: block;
    -webkit-transition: top 0.3s, left 0.3s;
    -moz-transition: top 0.3s, left 0.3s;
    -ms-transition: top 0.3s, left 0.3s;
    -o-transition: top 0.3s, left 0.3s;
    transition: top 0.3s, left 0.3s;
}

.walkthrough-slide h1 {
    margin-bottom: 0.2em;
    font-size: 2.3em;
    font-family: 'latolight', arial;
    text-transform: none;
    font-weight: normal;
}

.walkthrough-slide h2 {
    margin-bottom: 0.2em;
    padding-bottom: 1em;
    font-size: 2.3em;
    font-family: 'latolight', arial;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #dadada;
}

.walkthrough-slide h3 {
    margin-bottom: 0.2em;
    padding-bottom: 1em;
    font-size: 1.5em;
    font-family: 'latolight', arial;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #dadada;
    text-align: left;
}

.walkthrough-slide p {
    margin: 1em auto;
    font-family: 'latoregular', sans-serif;
    font-size: 1em;
    line-height: 1.5;
    color: #666;
    text-align: left;
}

.walkthrough-slide ul {
    padding: 0;
}

.walkthrough-slide ul li {
    margin: 1em auto;
    font-family: 'latoregular', sans-serif;
    font-size: 1em;
    line-height: 1.5;
    color: #666;
    text-align: left;
    position: relative;
    list-style: none;
}

.walkthrough-slide ul li p {
    margin: 1em auto;
    font-family: 'latoregular', sans-serif;
    font-size: 1em;
    line-height: 1.5;
}

.walkthrough-slide ul li .circle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 7px;
    left: -20px;
}

.walkthrough-slide sub {
    font-family: 'latoregular', sans-serif;
    display: block;
    font-size: 0.625em;
}

.walkthrough-slide img {
    margin-bottom: 1.5em;
}

.walkthrough-slide a {
    font-weight: normal;
    /*color: white;*/
}

.walkthrough-slide .walkthrough-btns {
    font-weight: normal;
    color: white;
    padding-top: 1em;
    border-top: 1px solid #dadada;
}

.walkthrough-slide a.button {
    margin: 2.5em 1.0em 0;
    font-family: 'latoregular', sans-serif;
    font-size: 1.5em;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.walkthrough-slide a.button.alt {
    color: #999 !important;
}

.walkthrough-slide a.button:hover {
    /*background-color: #6c529f;*/
}

.walkthrough-slide a.button.alt:hover {
    /*background-color: #efefef;*/
}

.walkthrough-slide .bubble {
    background-color: #39265e;
    width: 35.875em;
    margin: 0 auto;
    padding: 2em 3.125em;
    box-sizing: border-box;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
}

/* SLIDES */
.walkthrough-slide.intro {
    width: 240px;
    padding: 40px;
}

.walkthrough-slide.intro p {
    text-align: center;
}

.walkthrough-slide.step1 {
    position: absolute;
    margin: 0;
    top: 70px;
    left: 150px;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.walkthrough-slide.step2 {
    position: absolute;
    margin: 0;
    top: 210px;
    left: 140px;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.walkthrough-slide.step3 {
    position: absolute;
    margin: 0;
    top: 170px;
    right: 30px;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.walkthrough-slide.step4 {
    position: absolute;
    margin: 0;
    top: 74px;
    right: 70px;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.walkthrough-slide.step5 {
    position: absolute;
    margin: 0;
    top: 74px;
    right: 240px;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.items .walkthrough-slide.step1 {
    position: absolute;
    margin: 0;
    top: 130px;
    left: 370px;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.items .walkthrough-slide.step1 ul li .add_folder {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -120px -480px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step1 ul li .edit {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step1 ul li .delete {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step1 ul li .add_sub {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -40px -480px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 {
    position: absolute;
    margin: 0;
    top: 80px;
    right: 240px;
    left: auto;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.items .walkthrough-slide.step2 ul li .add {
    width: 40px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat 0 -582px;
    position: absolute;
    top: 0;
    left: -30px;
}

.items .walkthrough-slide.step2 ul li .import {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -520px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 ul li .export {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -120px -520px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 ul li .store_wide {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -40px -560px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 ul li .barcode {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -80px -560px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 ul li .move {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -120px -560px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 ul li .copy {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -560px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 ul li .search {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -200px -560px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step2 ul li .delete {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step3 {
    position: absolute;
    margin: 0;
    top: 250px;
    right: auto;
    left: 570px;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.items .walkthrough-slide.step3 ul li .item {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -280px -560px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step3 ul li .kit {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -320px -560px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step4 {
    position: absolute;
    margin: 0;
    top: 250px;
    right: 150px;
    left: auto;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.items .walkthrough-slide.step4 ul li .edit {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step4 ul li .link {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -200px -480px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step4 ul li .history {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -240px -480px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step4 ul li .delete {
    width: 16px;
    height: 16px;
    padding: 0;
    background: url(../../images/v3/icons.png) no-repeat -160px -480px;
    position: absolute;
    top: 0;
    left: -25px;
}

.items .walkthrough-slide.step5 {
    position: absolute;
    margin: 0;
    top: 255px;
    right: 30px;
    left: auto;
    width: 240px;
    padding: 40px;
    z-index: 10003;
}

.walkthrough-bg-north,
.walkthrough-bg-east,
.walkthrough-bg-south,
.walkthrough-bg-west {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background: url(../../images/v3/overlay-dark.png);
    /*background-color: rgb(0,0,0);
	    background-color: rgba(0,0,0,0.8);*/
}

/*==================== Feedback Form ====================*/
body.feedback {
    background: #fff;
}

.feedback_container {
    width: 500px;
    padding: 20px;
}

.feedback h2 {
    border-bottom: 1px solid #DADADA;
    color: var(--color-primary-grey-5);
    font-family: 'latolight', arial;
    font-size: 2.9em;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-bottom: 1em;
    text-align: center;
}

.feedback p {
    margin-top: 5px;
    /*font-size:1.2em;*/
}

.feedback .top_label {
    font-size: 1.2em;
}

.feedback .text_field {
    margin-bottom: 10px;
    color: #B4B4B4;
    width: 488px;
}

.feedback textarea {
    width: 488px;
    margin-bottom: 20px;
}

.feedback .full_divider {
    margin: 10px 0;
}

.feedback .btn.cancel {
    background: #bd332b;
    margin-right: 0;
    width: 125px;
    float: right;
}

.feedback.switch {
    position: relative;
    width: 540px;
    padding: 30px;
    background: #fff;
}

.feedback.switch p {
    text-align: left;
}

.feedback.switch .third {
    width: 160px;
    float: left;
    margin-left: 30px;
}

.feedback.switch .third .btn {
    width: 150px;
    margin: 30px 0 0 0;
    display: block;
    text-align: center;
}

.dashed_line {
    width: 200%;
    height: 50px;
    position: absolute;
    top: -31px;
    left: 300px;
    border-top: 1px dashed #fff;
    border-left: 1px dashed #fff;
    z-index: 10000;
}

.float_above_cbox {
    z-index: 10000;
}

/*==================== Nestable - My Profile - Menu Settings ====================*/
.my_pref .form_full {
    display: block;
    float: left;
    padding: 0;
    width: 100%;
    min-width: initial;
}

.my_pref .form_full li {
    display: block;
    clear: both;
    list-style: none;
    margin-bottom: 15px;
    width: 95%;
}

.my_pref span.info {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    top: auto;
    display: block;
    width: 10px;
    height: 10px;
}

.my_pref .btn {
    color: #fff;
    background: var(--color-primary-blue);
    border: none;
    padding: 5px;
    font-size: 0.8em;
    font-size: 0.786rem;
    letter-spacing: 0.08em;
    border-radius: 3px;
    line-height: 1.5;
    display: block;
    text-align: center;
}

.my_pref .btn:hover {
    background: var(--color-primary-blue-dark);
}

.my_pref .remove.btn {
    background: var(--color-primary-red);
}

.my_pref .remove.btn:hover {
    background: var(--color-primary-red-dark);
}

.my_pref .list_100 {
    margin-bottom: 10px
}

.my_pref .list_150 {
    margin-bottom: 10px
}

.my_pref .list_250 {
    font-size: 1em;
}

.my_pref input[type="text"] {
    font-size: 1em;
}

.my_pref input[type="password"] {
    font-size: 1em;
}

.my_pref_email_notifications .list_250 {
    font-size: 0.8em;
    font-size: 0.786rem;
}

.my_pref .visible_btn {
    float: right;
    cursor: pointer;
    margin-top: 5px;
}

/*==================== Solo Info - login / ads / updates / etc ====================*/
body.solo {
    background: #ececec;
    background-image: none;
}

.solo .content_wrapper {
    margin-left: 0;
}

.solo .side_bar {
    display: none;
}

.solo .header_right {
    display: none;
}

.solo .footer {
    display: none;
}

.solo .widget_box .title_bar {
    position: relative;
    padding: 20px;
    text-align: center;
    /*border-top: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    /*border-right: 1px solid #bbb;*/
}

.solo .widget_box .title_bar span.info {
    color: inherit;
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
    background: url(../../images/v3/icons.png) no-repeat 0 -360px;
    cursor: pointer;
}

.solo .widget_box .title_bar strong {
    font-size: 2.3em;
    font-family: 'latolight', arial;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
}

.solo .full_form {
    width: 458px;
    padding: 20px;
    /*background: #fff;*/
    /*border-top: 1px solid #dadada;*/
    /*border-bottom: 1px solid #dadada;*/
    /*border-left: 1px solid #bbb;*/
    /*border-right: 1px solid #bbb;*/
}

.solo p {
    margin: 0;
}

.solo .full_form label {
    font-size: 1.2em;
    margin-top: 6px;
    display: block;
    text-align: right;
}

.solo .full_form .list_100 {
    margin-bottom: 0;
}

.solo .login_box .list_100 {
    height: 40px;
    padding-top: 4px;
    vertical-align: center;
}

.solo .full_form .form_row {
    height: 40px;
    margin-bottom: 20px;
    clear: both;
}

.solo .full_form .form_row.last {
    margin-bottom: 0;
}

.solo .full_form .form_row .input_container {
    position: relative;
}

.solo .full_form .form_row input[type="text"],
.solo .full_form .form_row input[type="password"] {
    width: 316px;
    padding: 10px;
    background: #fff;
    font-size: 1em;
    border: none;
    border-radius: var(--border-radius-small);
}

.solo .full_form label {
    font-size: 1.2em;
    margin-top: 6px;
    display: block;
}

.solo .full_form .form_row span {
    font-size: 0.8em;
    font-size: 0.786rem;
    position: absolute;
    top: 10px;
    right: 15px;
    text-align: right;
    width: 50px;
    color: #999;
}

.solo .options_footer {
    padding: 20px;
    /*border-bottom: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    /*border-right: 1px solid #bbb;*/
}

.solo .options_footer .remember_me .list_100,
.solo .options_footer .remember_me .list_small_input {
    margin: 8px 0 0 0;
    height: initial;
}

.solo .login_box .btn {
    width: 338px !important;
    float: right;
}

.solo .full_form form {
    margin: 0;
}

.solo .btn {
    color: #fff;
    background: var(--color-primary-blue) !important;
    border: none;
    padding: 5px;
    letter-spacing: 0.08em;
    border-radius: 3px;
    line-height: 1.5;
    height: 40px;
    font-size: 1em;
}

.solo .half_form {
    width: 219px;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #bbb;
    border-right: none;
    float: left;
}

.solo .half_form.right {
    padding-left: 0;
    border-left: none;
    border-right: 1px solid #bbb;
}

/*==================== V2 Style Overwrites ====================*/
.content_wrapper_v2 .content_area {
    padding: 30px 0 0;
    min-height: 513px;
}

.content_wrapper_v2 .sectionTitle {
    color: #303030;
    font-size: 1.25rem;
    padding: 0;
    font-family: var(--font-primary-regular);
    margin: 0;
}

.content_wrapper_v2 .breadcrumbs {
    margin-top: 8px;
    margin-bottom: 20px;
}

/* new styles from Jonathan 02/27/2014 */
.nav_interior_content .interior_content_inline_title {
    display: none;
    background: var(--color-primary-grey-4);
    border: none;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 11px;
    height: 30px;
    /*margin: 0 0 20px 0;*/
    padding: 10px 0 0 10px;
    text-shadow: none;
    font-family: var(--font-primary-regular);
    font-weight: normal;
}

.nav_interior_content .interior_content_inline_title strong {
    display: block;
    float: left;
    height: 28px;
    letter-spacing: 0.1em;
}

/* .interior_content .widget_title {
    background: var(--color-primary-grey-4);
    border: none;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 11px;
    height: 30px;
    margin: 0 0 20px 0;
    padding: 10px 0 0 10px;
    text-shadow: none;
    font-family: var(--font-primary-regular);
    font-weight: normal;
} */

.interior_content .widget_title {
    /* background: var(--color-primary-grey-1); */
    background: var(--color-primary-grey-2);
    /* border: 1px solid var(--color-primary-grey-3); */
    border: none;
    border-radius: 6px;
    color: var(--color-primary-grey-5);
    letter-spacing: 0.1em;
    font-size: 12px;
    padding: 6px 12px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: -12px;
    height: auto;
    min-height: 30px;
    text-shadow: none;
    font-family: var(--font-primary-regular);
    font-weight: normal;
    box-sizing: border-box;
}

/* .interior_content .widget_title strong {
    display: block;
    float: left;
    height: 28px;
    letter-spacing: 0.1em;
    font-size: 1.1em;
} */

.interior_content .widget_title strong {
    display: block;
    float: left;
    height: auto;
    letter-spacing: 0.1em;
    font-size: 12px;
}

.interior_content .widget_title span.info {
    /* background: url(../../images/v3/icons.png) no-repeat -40px -360px; */
}

.interior_content .widget_title::after {
    content: '';
    display: block;
    clear: both;
}

p.return_link {
    margin-left: 30px;
    clear: both;
    font-size: 0.786rem;
}

#slideShowContent {
    float: left;
}

#slideShowContainer {
    min-width: 850px;
}

/*============= HTML Order ========================================*/
div.order {
    width: auto !important;
}

div.shipping-method-FedEx {
    background: none !important;
}

div.shipping-method-USPS {
    background: none !important;
}

div.shipping-method-UPS,
div.shipping-method-Ground {
    background: none !important;
}

div.payment-Visa,
div.payment-Diners_Club,
div.payment-Discover,
div.payment-JCB,
div.payment-master,
div.payment-MasterCard,
div.payment-MC,
div.payment-AMEX,
div.payment-check,
div.payment-echeck,
div.payment-eCheck,
div.payment-PayPal,
div.payment-payPalCheckout,
div.payment-UCPayPalNotify,
div.payment-checkoutWithPayPal,
div.payment-CHECKOUT_PAYPAL {
    background: none !important;
}

div.status-Refunded.payment-status .field {
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

div.status-Processed.payment-status .field {
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.section-header {
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/*==================== Sortable Ordering Boxes ====================*/
.uc_ordering_list {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    width: 300px;
    color: inherit;
}

.uc_ordering_list li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    color: inherit;
    font-weight: normal;
}

.uc_ordering_list li span.ui-icon {
    /* position: absolute; */
    float: left;
    margin-left: -1.3em;
}

.uc_ordering_list li span.hideSpan {
    float: right;
    vertical-align: middle;
}

.uc_ordering_list.ui-sortable,
#colOrder_sortable,
#rowOrder_sortable {
    display: flex;
    flex-direction: column;
    gap: 8px;

    li {
        position: relative;
        padding: 8px !important;
        padding-left: 30px !important;
        margin: 0 !important;
        background-color: var(--color-primary-grey-2) !important;
        color: var(--color-primary-grey-4) !important;
        border-radius: 4px !important;
        background-image: none;
        width: 100%;
        box-sizing: border-box;


        .ui-icon.ui-icon-arrowthick-2-n-s {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 7C4 6.44772 4.44772 6 5 6H19C19.5523 6 20 6.44772 20 7C20 7.55228 19.5523 8 19 8H5C4.44772 8 4 7.55228 4 7Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 17C4 16.4477 4.44772 16 5 16H19C19.5523 16 20 16.4477 20 17C20 17.5523 19.5523 18 19 18H5C4.44772 18 4 17.5523 4 17Z" fill="%23828282"/></svg>');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 14px;
            opacity: 0.8;
            margin-left: 0 !important;
            position: absolute;
            left:  8px;
        }

        span.hideSpan {
            display: flex;
            align-items: center;
            color: transparent;

            label {
                display: flex;
                align-items: center;
                cursor: pointer;

                input[type="checkbox"] {
                    opacity: 0;
                    widht: 0;
                    height: 0;
                }

                &::after {
                    content: '';
                    display: block;
                    width: 16px;
                    height: 16px;
                    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C7.72912 18 4.54588 15.0915 2.82138 12.827C3.59094 11.4331 4.82138 9.71266 6.40383 8.34566C8.04068 6.93166 9.92594 6 12 6C14.074 6 15.9593 6.93166 17.5961 8.34566C19.1786 9.71266 20.409 11.4331 21.1786 12.827C19.4541 15.0915 16.2709 18 12 18ZM12 4C6.59183 4 2.67316 8.87469 0.976292 12.0333C0.657555 12.6266 0.712129 13.3446 1.11432 13.8848C2.94426 16.3428 6.68844 20 12 20C17.3115 20 21.0557 16.3428 22.8857 13.8848C23.2878 13.3446 23.3424 12.6266 23.0237 12.0333C21.3268 8.87469 17.4081 4 12 4ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z" fill="%2361B6E6"/></svg>');
                    background-size: 16px;
                    background-position: center;
                }

                &:has(input[type="checkbox"]:checked) {
                    &::after {
                        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.82138 12.827C4.54588 15.0915 7.72912 18 12 18C16.2709 18 19.4541 15.0915 21.1786 12.827C20.409 11.4331 19.1786 9.71266 17.5961 8.34566C15.9593 6.93166 14.074 6 12 6C9.92594 6 8.04068 6.93166 6.40383 8.34566C4.82138 9.71266 3.59094 11.4331 2.82138 12.827ZM0.976292 12.0333C2.67316 8.87469 6.59183 4 12 4C17.4081 4 21.3268 8.87469 23.0237 12.0333C23.3424 12.6266 23.2878 13.3446 22.8857 13.8848C21.0557 16.3428 17.3115 20 12 20C6.68844 20 2.94426 16.3428 1.11432 13.8848C0.712129 13.3446 0.657555 12.6266 0.976292 12.0333Z" fill="%237185B3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10ZM8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z" fill="%237185B3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.29289 1.29289C1.68342 0.902369 2.31658 0.902369 2.70711 1.29289L22.7071 21.2929C23.0976 21.6834 23.0976 22.3166 22.7071 22.7071C22.3166 23.0976 21.6834 23.0976 21.2929 22.7071L1.29289 2.70711C0.902369 2.31658 0.902369 1.68342 1.29289 1.29289Z" fill="%237185B3"/></svg>');
                    }
                }
            }
        }
    }
}

#dataSetGroupBy1,
#dataSetSortOrder {
    margin-top: 8px;
    margin-bottom: 8px;
}

.MB_contentActual:has(.orderMenuButton),
.MB_contentActual:has(#toolbarConfigForm),
.shippingDepartmentOptionsForm {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;

    .MB_footerActions {
        order: 3;
        /*background-color: var(--color-primary-grey-2);*/
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 16px;
        margin-bottom: -20px;
        margin-left: -22px;
        margin-right: -22px;

        .orderMenuButton {
            width: auto;
        }
    }

    .clr {
        display: none;
    }
}

input[value="Save Preferences"].orderMenuButton.btn {
    background-color: var(--color-primary-blue);
    transition: background-color 0.3s, color 0.3s;
    width: auto;
    display: flex;
    justify-content: center;

    &:hover {
        background-color: var(--color-primary-blue-dark);
    }
}

input[value="Cancel"].orderMenuButton {
    background-color: var(--color-primary-grey-2);
    color: var(--color-primary-grey-4);
    transition: background-color 0.3s, color 0.3s;
    width: auto;
    display: flex;
    justify-content: center;

    &:hover {
        background-color: var(--color-primary-grey-3) !important;
    }
}

/*==================== Your Preferences ======================*/
.content_area.my_pref .input_wrapper .input_icon {

}

/*==================== Your Preferences - JQTree ======================*/
ul.jqtree-tree {
    margin-left: 0;
    width: 300px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

ul.jqtree-tree .jqtree-title {
    color: #FFFFFF;
}

ul.jqtree-tree .jqtree-selected > div span.jqtree-title {
    color: var(--color-primary-grey-4);
}

ul.jqtree_common {
    margin-top: 0;
}

li.jqtree_common {
    margin-bottom: 0 !important;
}

div.jqtree-element {
    -moz-box-sizing: border-box;
    /*background: -moz-linear-gradient(center top, #FAFAFA 0%, #EEEEEE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: var(--color-primary-grey-4);
    border: 1px solid var(--color-primary-grey-3);
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    /*height: 20px;*/
    margin: 5px 0;
    padding: 3px 10px 5px;
    text-decoration: none;
}

ul.jqtree-tree .jqtree-element {
    padding-left: 10px;
}

.interior_content .list_half .jqtree-tree li {
    padding-left: 0;
    font-size: 1em;
    line-height: 1.4;
}

.interior_content .list_half li a.jqtree-toggler {
    color: #FFFFFF;
}

ul.jqtree-tree .jqtree-toggler {
    left: 0;
    /*padding-right: 10px;*/
    padding-top: 4px;
    position: relative;
    float: left;
    top: auto;
    color: #FFFFFF;
}

ul.jqtree-tree .jqtree-selected > div a.jqtree-toggler {
    color: var(--color-primary-grey-4);
}

ul.jqtree-tree .jqtree-toggler:hover {
    color: #FFFFFF;
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element,
ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background: #F1F1F1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    color: var(--color-primary-grey-4);
}

ul.jqtree-tree li.jqtree-folder .jqtree-title {
    margin-left: 10px;
}

.jqtree-element .icon_view {
    background: url(../../images/v3/icons.png) no-repeat -457px -240px;
    /*background: url(../../images/v3/icons.png) no-repeat -440px -240px;*/
}

.jqtree-element .icon_hide {
    background: url(../../images/v3/icons.png) no-repeat -457px -252px;
    /*background: url(../../images/v3/icons.png) no-repeat -440px -252px;*/
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element .icon_view {
    background: url(../../images/v3/icons.png) no-repeat -440px -240px;
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element .icon_hide {
    background: url(../../images/v3/icons.png) no-repeat -440px -252px;
}

.jqtree-element.support {
    background: none repeat scroll 0 0 #8DAB00;
}

/*======================= Item Assignment =============================*/
.ui-jqgrid .ui-jqgrid-pager {
    height: 38px;
}

/*====================== jQuery UI Fixes ==============================*/
#ui-datepicker-div {
    display: none;
    z-index: 20 !important;
}

/*====================== UC Support Doc Map ===========================*/
#ucDocMapEditId {
    padding-top: 20px;
    padding-left: 20px;
}

/*====================== Lightbox used by Amazon tab ==================*/
.lb_container {
    display: none;
    height: auto;
    left: 50%;
    margin-left: -250px;
    margin-top: -250px;
    position: fixed;
    top: 50%;
    width: auto;
    z-index: 100;
}

.lb_box {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 3px #000000;
    margin: 20px auto;
    min-width: 400px;
    position: relative;
}

.lb_content {
    color: #666;
    padding: 10px;
}

.lb_content p {
    font-size: 11px;
    line-height: 20px;
    margin: 20px 0;
    text-align: left;
}

.lb_content a {
    color: #235980;
    font-weight: bold;
}

.lb_content .tip_title {
    background: url("/merchant/images/v2/lb_tip_close.png") no-repeat scroll right center #646464;
    color: #fff;
    cursor: move;
    display: block;
    font-weight: bold;
    height: 40px;
    letter-spacing: 0.1em;
    line-height: 40px;
    margin-bottom: 20px;
    padding-left: 10px;
    text-align: left;
    text-shadow: 1px 1px 0 #2b2b2b;
}

.lb_content .error_title {
    background: url("/merchant/images/v2/lb_error_close.png") no-repeat scroll right center var(--color-primary-red);
    color: #fff;
    display: block;
    font-weight: bold;
    height: 40px;
    letter-spacing: 0.1em;
    line-height: 40px;
    margin-bottom: 20px;
    padding-left: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #2b2b2b;
}

.lb_placeholder {
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
}

/*=========================== JS Checkout API Call History Table ======================*/
#apiCallTable {
    width: 100%;
}

#apiCallTable thead tr {
    padding: 0;
}

#apiCallTable thead .title th {
    text-align: left;
    height: 15px;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid var(--color-primary-grey-3);
}

#apiCallTable thead .title .exception {
    width: 75px;
}

#apiCallTable thead .title .ts_header span {
    display: block;
    width: 8px;
    height: 8px;
    float: right;
    background: url(../../images/v3/icons.png) no-repeat -24px -218px;
    margin-top: 5px;
}

#apiCallTable thead .title .ts_header.headerSortDown span {
    display: block;
    width: 8px;
    height: 8px;
    float: right;
    background: url(../../images/v3/icons.png) no-repeat -11px -218px;
    margin-top: 5px;
}

#apiCallTable thead .title .ts_header.headerSortUp span {
    display: block;
    width: 8px;
    height: 8px;
    float: right;
    background: url(../../images/v3/icons.png) no-repeat 0 -218px;
    margin-top: 5px;
}

#apiCallTable tbody tr {
    border-bottom: 1px solid var(--color-primary-grey-3);
}

#apiCallTable tbody .elapsed_time {
    text-align: right;
    padding-right: 10px;
}

#apiCallTable tbody .has_exception {
    background-color: #FFCCCC !important;
}

#apiCallTable tbody .exception {
    text-align: center;
}

#apiCallTable tbody .actions {
    text-align: center;
}

#apiCallTable tbody p {
    font-size: 11px;
    margin-top: 10px;
    line-height: 15px;
}

#apiCallTable tbody td {
    white-space: nowrap;
}

#apiCallTable tbody tr.even {
    background: #f1f1f1;
}

/*===================== Tablesorter Filter 2.17.8 ============================*/
/* filter widget */
.tablesorter-default .tablesorter-filter-row td {
    /*background: #eee;*/
    background: var(--color-primary-grey-4);
    border-bottom: #ccc 1px solid;
    line-height: normal;
    text-align: center;
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}

/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
    display: none;
}

/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0;
    cursor: pointer;
}

.tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {
    /*height: 1px;*/
    height: 0;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* filters */
.tablesorter-default .tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px;
    /*padding: 4px;*/
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

th.tablesorter-header {
    cursor: pointer;
    position: relative;
    background-color: var(--color-primary-grey-1);
}

#itemTable th.tablesorter-header {
    background-color: transparent;
}

th.tablesorter-header .tablesorter-header-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-primary-regular);
    font-weight: 400;
}

th.tablesorter-header:not(.sorter-false) .tablesorter-header-inner::after {
    font-family: "icons" !important;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    content: "\f1bc";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    position: relative;
    top: unset;
    right: unset;
    transition: color 0.3s ease;
}

th.tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner::after {
    color: rgba(0, 0, 0, 0.5);
    content: "\f1de";
}

th.tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner::after {
    color: rgba(0, 0, 0, 0.5);
    content: "\f1df";
}

/*============ readmore.js ==============*/
.readmore-js-toggle {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*============ easytabs.js ==============*/
.interior_content ul.etabs li {
    margin-bottom: 0;
    margin-right: 5px;
}

.etabs {
    margin: 0;
    padding: 0;
}

ul.etabs {
    border-bottom: 1px solid var(--color-primary-grey-3);
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 0;
}

.sf_page_edit ul.etabs {
    padding-bottom: 16px;
}

.tab {
    display: inline-block;
    zoom: 1;
    background: var(--color-primary-grey-2);
    border: solid 1px var(--color-primary-grey-3);
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.tab a {
    font-size: 14px;
    line-height: 2em;
    display: block;
    padding: 0 10px;
    outline: none;
}

.tab a:hover {
    text-decoration: underline;
}

.tab.active {
    background: var(--color-primary-grey-1);
    padding-top: 1px;
    position: relative;
    top: 1px;
    border-color: var(--color-primary-grey-3);
}

.tab a.active {
    /*font-weight: bold;*/
}

.sf_page_edit .tab-container [id*='tabs'] {
    border-left: 1px solid var(--color-primary-grey-3);
    border-right: 1px solid var(--color-primary-grey-3);
    border-bottom: 1px solid var(--color-primary-grey-3);
}

.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
}

/* PAGE SPECIFIC INFO STYLES */
.tab-container {
    position: relative;
}

.tab-container .note {
    position: relative;
    width: 100%;
    text-align: center;
    background: #C9E9EF;
    color: #555;
    z-index: 10;
    box-sizing: border-box;
    padding: 10px;
}

.tab-container .note .type {
    font-weight: bold;
}

.tab-container .note.warning {
    background: #FEEFB3;
}

.tab-container .note.warning .type {
    color: #C1AB54;
}

.tab-container .note.error {
    background: var(--color-primary-red);
    color: #FFF;
}

/* JOB STATUS */
.jobStatusWrapper {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 50%;*/
    /*margin-left: -300px;*/
    width: 100%;
    max-width: 660px;
    border-radius: 16px;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    font-family: 'latoregular';
    color: #555;
    font-size: 16px;
    background: #fff;
    overflow: hidden;
}

.jobStatusWrapper .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    z-index: 9999;
    font-family: 'latolight';
    color: #bbb;
    font-size: 16px;
    text-align: center;
    border: 1px solid #bbb;
    line-height: 20px;
    cursor: pointer;
    padding: 0 0 1px 1px;
}

.jobStatusWrapper .jobTitle {
    font-family: var(--font-primary-regular);
    text-transform: capitalize;
    margin-bottom: 20px;
    padding: 20px 0;
    border-bottom: none;
    text-align: center;
    font-weight: 600;
}

.jobStatusWrapper.noTitle .jobTitle {
    display: none;
}

.jobStatusWrapper.noVisual .jobTitle {
    margin-bottom: 0;
    padding: 16px 20px 16px 20px;
    border-bottom: none;
    text-align: left;
    font-size: 14px;
}

.jobStatusWrapper.noVisual .jobProgressVisual {
    display: none;
}

.jobStatusWrapper .jobInfo {
    padding: 20px;
    background: var(--color-primary-grey-2);
    border-top: 1px solid #d9d9d9;
}

.jobStatusWrapper .jobDescription,
.jobStatusWrapper .jobStatus,
.jobStatusWrapper .jobProgressDescription {
    margin-bottom: 8px;
    font-size: 14px;
}

.jobStatusWrapper .jobDescription {
    font-size: 14px;
}

.jobStatusWrapper .jobProgressPercentage {
    height: 30px;
    background: var(--color-primary-grey-3);
    border-radius: 8px;
    overflow: hidden;
    padding: 4px;
    box-sizing: border-box;
}

.jobStatusWrapper.loop .jobProgressPercentage {
    height: 5px;
    background: url(../../images/v3/processing-bar.gif) no-repeat top left #bbb;
}

.jobStatusWrapper .jobProgressPercentageBar {
    width: 30%;
    background: var(--color-primary-grey-5);
    height: 22px;
    line-height: 20px;
    animation: processingPulse 2s ease-in-out infinite;
    border-radius: 6px;
    box-sizing: border-box;
    transition: width 0.3s ease;
}

@keyframes processingPulse {
    0% {
        background: var(--color-primary-grey-5);
    }
    50% {
        background: var(--color-primary-green-dark);
    }
    100% {
        background: var(--color-primary-grey-5);
    }
}

.jobStatusWrapper.loop .jobProgressPercentageBar {
    display: none;
}

.jobStatusWrapper .jobProgressContainer {
    padding: 2px;
}

.jobStatusWrapper .jobProgress {
    float: right;
    width: 40px;
    color: #fff;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: none;
    font-weight: 600;
    font-family: var(--font-primary-regular);
    font-size: 10px;
}

/* Change StoreFronts URL Dialog */
.storeFrontUrl {
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    font-family: 'latoregular';
    color: #555;
    /*font-size:16px;*/
    background: #fff;
    padding: 0 20px 20px 20px;
    max-height: 100%;
    width: 790px;
}

.storeFrontUrl > div:first-child {
    position: relative;
}

.storeFrontUrl .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    z-index: 9999;
    font-family: 'latolight';
    color: #bbb;
    font-size: 16px;
    text-align: center;
    border: 1px solid #bbb;
    line-height: 20px;
    cursor: pointer;
    padding: 0 0 1px 1px;
}

.storeFrontUrl h2 {
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #d9d9d9;
    text-align: left;
}

.storeFrontUrl .currentUrl {
    margin-bottom: 20px;
    padding: 0;
    border-bottom: 1px dashed #d9d9d9;
    text-align: left;
}

.storeFrontUrl .currentUrl .indicator {
    width: 10px;
    height: 10px;
    margin-top: 3px;
    border-radius: 10px;
    background-color: #d9d9d9;
    float: left;
    margin-right: 10px;
}

.storeFrontUrl .currentUrl.active .indicator {
    background-color: #99cc66;
}

.storeFrontUrl .currentUrl.error .indicator {
    background-color: var(--color-primary-red);
}

.storeFrontUrl .url_progress {
    /*padding:20px 10px 30px 10px;*/
}

.storeFrontUrl .progress_bubble {
    position: relative;
    width: 110px;
    height: 60px;
    float: left;
    text-align: center;
    background: url(../../images/v3/storefront/url-status.png) no-repeat;
    background-position: -110px 0;
    font-size: 11px;
    color: #bbb;
}

.storeFrontUrl .progress_bubble.current {
    background-position: -110px -60px;
}

.storeFrontUrl .progress_bubble.complete {
    background-position: -110px -120px;
}

.storeFrontUrl .progress_bubble.first {
    background-position: 0 0;
}

.storeFrontUrl .progress_bubble.first.current {
    background-position: 0 -60px;
}

.storeFrontUrl .progress_bubble.first.complete {
    background-position: 0 -120px;
    margin-left: 50px;
}

.storeFrontUrl .progress_bubble.last {
    background-position: -220px 0;
}

.storeFrontUrl .progress_bubble.last.current {
    background-position: -220px -60px;
}

.storeFrontUrl .progress_bubble.last.complete {
    background-position: -220px -120px;
}

.storeFrontUrl .progress_bubble span {
    display: block;
    width: 110px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.storeFrontUrl .progress_info {
    position: relative;
    background: #eaeaea;
    border: 1px solid #bbb;
    font-size: 11px;
    padding: 20px;
    margin-top: 20px;
    width: 617px;
    margin-left: 50px;
}

.storeFrontUrl .progress_info:after,
.storeFrontUrl .progress_info:before {
    bottom: 100%;
    left: 55px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.storeFrontUrl .progress_info::after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #eaeaea;
    border-width: 5px;
    margin-left: -5px;
}

.storeFrontUrl .progress_info::before {
    border-color: rgba(187, 187, 187, 0);
    border-bottom-color: #bbb;
    border-width: 6px;
    margin-left: -6px;
}

.storeFrontUrl .progress_info.step_2:after,
.storeFrontUrl .progress_info.step_2:before {
    left: 165px;
}

.storeFrontUrl .progress_info.step_3:after,
.storeFrontUrl .progress_info.step_3:before {
    left: 275px;
}

.storeFrontUrl .progress_info.step_4:after,
.storeFrontUrl .progress_info.step_4:before {
    left: 385px;
}

.storeFrontUrl .progress_info.step_5:after,
.storeFrontUrl .progress_info.step_5:before {
    left: 495px;
}

.storeFrontUrl .progress_info.step_6:after,
.storeFrontUrl .progress_info.step_6:before {
    left: 605px;
}

.storeFrontUrl .cancelDomainNameBtn {
    text-align: center;
    font-size: 12px;
    margin-left: 50px;
    margin-right: 54px;
}

/*========== StoreFronts - EMail Preview ==========*/
#emailPreviewDiv {
    background: #F1F1F1;
    border: 1px solid #bbb;
}

#emailPreviewIframe {
    border-left: 1px solid rgb(187, 187, 187);
    border-right: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0;
}

#emailPreviewIframe.full {
    border-left: none;
    border-right: none;
    border-top: 0;
    border-bottom: 0;
}

#storeFrontThemePreviewEmailDiv .btn {
    margin-left: 10px;
    float: right;
}

#storeFrontThemePreviewEmailDiv .sendEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e018';
    text-align: center;
    line-height: 16px;
}

#storeFrontThemePreviewEmailDiv .iphoneEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e01c';
    text-align: center;
    line-height: 16px;
}

#storeFrontThemePreviewEmailDiv .ipadEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e01b';
    text-align: center;
    line-height: 16px;
}

#storeFrontThemePreviewEmailDiv .fullEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e01d';
    text-align: center;
    line-height: 16px;
}

#storeFrontThemePreviewEmailDiv .refreshEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e008';
    text-align: center;
    line-height: 16px;
}

.merge_conflict:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--color-primary-blue);
    display: block;
    font-family: 'ultracarticons';
    content: '\e03d';
    text-align: center;
    line-height: 16px;
}

/* buttons */
/*==================== Icons ====================*/
.icon_btn {
    width: 26px;
    height: 26px;
    background: var(--color-primary-blue);
    border-radius: 3px;
    float: left;
    cursor: pointer;
    padding: 5px;
    box-sizing: border-box;
}

.merge_conflict:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--color-primary-blue);
    display: block;
    font-family: 'ultracarticons';
    content: '\e03d';
    text-align: center;
    line-height: 16px;
}

.icon_btn.merge_conflict:before {
    color: #fff;
}

.icon {
    width: 16px;
    height: 16px;
}

.re-icon.re-translations.redactor-btn-image,
.icon:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #333;
    display: block;
    font-family: 'ultracart-icons-2';
    text-align: center;
    line-height: 16px;
}

.sf_file_options .icon:before {
    color: var(--color-primary-blue);
}

.re-icon.re-translations.redactor-btn-image:hover:before {
    color: white;
}

.re-icon.re-translations.redactor-btn-image:before,
.icon-language:before {
    content: 'b';
}

.icon-beautify:before {
    content: 'c';
}

.icon-maximize:before {
    content: 'g';
}

.modeFullscreen .icon-maximize:before,
.icon-minimize:before {
    content: 'h';
}

/*==================== Solo Info - login / ads / updates / etc ====================*/
body.solo {
    background: #ececec;
    background-image: none;
}

.solo .content_wrapper {
    margin-left: 0;
}

.solo .side_bar {
    display: none;
}

.solo .header_right {
    display: none;
}

.solo .footer {
    display: none;
}

.solo .widget_box {
    margin: 40px auto 0 auto;
    width: 500px;
    /*background: #fff;*/
}

.solo .widget_box .title_bar span.info {
    color: inherit;
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
    background: url(../../images/v3/icons.png) no-repeat 0 -360px;
    cursor: pointer;
}

.solo .widget_box .title_bar strong {
    font-size: 2.3em;
    font-family: 'latolight', arial;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
}

.solo p {
    margin: 0;
}

.solo .full_form .list_100 {
    margin-bottom: 0;
}

.solo .login_box .list_100 {
    height: 40px;
    padding-top: 4px;
    vertical-align: center;
}

.solo .full_form .form_row {
    height: 40px;
    margin-bottom: 20px;
    clear: both;
}

.solo .full_form .form_row.last {
    margin-bottom: 0;
}

.solo .full_form .form_row .input_container {
    position: relative;
}

.solo .full_form label {
    font-size: 1.2em;
    margin-top: 6px;
    display: block;
}

.solo .full_form .form_row span {
    font-size: 0.8em;
    font-size: 0.786rem;
    position: absolute;
    top: 10px;
    right: 15px;
    text-align: right;
    width: 50px;
    color: #999;
}

.solo .options_footer .remember_me .list_100,
.solo .options_footer .remember_me .list_small_input {
    margin: 8px 0 0 0;
    height: initial;
}

.solo .full_form form {
    margin: 0;
}

.solo .btn {
    color: #fff;
    background: #73B4DC !important;
    border: none;
    padding: 5px;
    letter-spacing: 0.08em;
    border-radius: 3px;
    line-height: 1.5;
    height: 40px;
    font-size: 1em;
}

.solo .half_form {
    width: 219px;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #bbb;
    border-right: none;
    float: left;
}

.solo .half_form.right {
    padding-left: 0;
    border-left: none;
    border-right: 1px solid #bbb;
}

.solo .marketing_box {
    position: absolute;
    left: 50%;
    margin-left: -480px;
    top: 80px;
    width: 960px;
    background: #fff;
    margin-bottom: 80px;
}

.solo .marketing_box #ytplayer {
    width: 960px;
    height: 540px;
    background: #333;
}

.solo .marketing_box .intro h2 {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 10px;
    font-family: latoregular;
}

.solo .marketing_box .intro p {
    font-size: 18px;
    line-height: 26px;
    font-family: latolight;
}

.solo .marketing_box .section {
    margin-bottom: 40px;
}

.solo .marketing_box .section.last {
    margin-bottom: 0;
}

.solo .marketing_box .section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.solo .marketing_box .section ul li {
    margin: 0;
    padding: 0;
    clear: both;
    margin-bottom: 20px;
}

.solo .marketing_box .section ul li p {
    color: #555;
    font-size: 18px;
    line-height: 19px;
    font-family: 'latoregular';
}

.solo .marketing_box .section ul li p span {
    color: #999;
    font-size: 12px;
    font-family: 'latoregular';
}

.solo .marketing_box .half {
    width: 420px;
    margin-right: 40px;
    float: left;
}

.solo .marketing_box .half.last {
    margin-right: 0;
}

.solo .marketing_box .section.title {
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.solo .marketing_box .section .continue_btn {
    display: block;
    padding: 10px;
    background: #75acc1;
    color: white;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding: 10px;
    text-align: center;
    width: 100%;
}

/*========== Ad Styles - StoreFronts ==========*/
.solo .marketing_box .section .webinar_signup_btn {
    display: block;
    padding: 10px;
    background: #ED6F5F;
    color: white;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
}

.solo .marketing_box .section ul li p.webinar_developers {
    color: #75acc1;
}

#storefrontBetaLightbox h2 {
    color: #666;
    font-family: "latobold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/******** Redactor Fixes ***********/
#redactor-modal header {
    width: auto;
    height: auto;
    background: inherit;
    position: static;
    min-width: inherit;
}

.redactor-box {
    border: 1px solid var(--color-primary-grey-3);
}

.redactor-toolbar li a {
    padding: 6px 7px !important;
}

.redactor-editor {
    padding: 10px !important;
}

/************ StoreFront WYSIWYG Plugin ***********/
.storefrontwysiwyg-body {
    overflow: hidden;
}

.storefrontwysiwyg-container {
    position: relative;
}

.storefrontwysiwyg-container .storefrontwysiwyg-toolbar {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: #fff;
    border-top: 1px solid var(--color-primary-grey-3);
    border-left: 1px solid var(--color-primary-grey-3);
    border-right: 1px solid var(--color-primary-grey-3);
    border-bottom: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}

.storefrontwysiwyg-container .storefrontwysiwyg-toolbar a {
    display: inline-block;
    color: #333;
    line-height: 14px;
    padding: 6px 7px;
}

.storefrontwysiwyg-container .storefrontwysiwyg-redactor.re-icon.re-html {
    width: 16px;
    height: 16px;
    float: left;
}

.storefrontwysiwyg-container .storefrontwysiwyg-redactor.re-icon.re-html,
.storefrontwysiwyg-container .storefrontwysiwyg-toolbar a:hover {
    outline: none;
    background-color: var(--color-primary-blue);
    color: #fff;
}

.storefrontwysiwyg-container .storefrontwysiwyg-toolbar a:hover:before {
    color: #fff;
}

.storefrontwysiwyg-container .storefrontwysiwyg-translate,
.storefrontwysiwyg-container .storefrontwysiwyg-fullscreen {
    float: right;
}

.storefrontwysiwyg-container .CodeMirror {
    border: 1px solid #bbb;
    font-size: 11px;
    box-sizing: border-box;
}

.storefrontwysiwyg-container.modeRedactor .storefrontwysiwyg-toolbar {
    display: none;
}

.storefrontwysiwyg-container.modeFullscreen {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    background-color: blue !important;
    z-index: 200000;
}

.storefrontwysiwyg-container.modeFullscreen .storefrontwysiwyg-codemirror-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 27px;
    bottom: 0;
}

.storefrontwysiwyg-container.modeFullscreen .CodeMirror {
    width: 100% !important;
    height: 100% !important;
}

/************** Translated Text Editor *********************/
#translatedTextEditorDialogDiv {
    overflow-y: hidden;
}

#translatedTextEditorDialogDiv textarea.sourceText {
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    bottom: 45px;
}

#translatedTextEditorDialogDiv .source_buttons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

#translatedTextEditorDialogDiv .source_side {
    position: relative;
    float: left;
    min-width: 370px;
    box-sizing: border-box;
    width: 50%;
    padding-bottom: 46px;
    /* Compensates for the absolutely positioned source buttons */
}

#translatedTextEditorDialogDiv .target_side_wrapper {
    float: left;
    /*max-height: 600px;*/
    min-width: 390px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 30px;
    box-sizing: border-box;
    width: 50%;
}

#translatedTextEditorDialogDiv .target_side_wrapper2 {
    margin-right: 30px;
}

#translatedTextEditorDialogDiv .target_side {
    min-width: 370px;
    width: 100%;
}

#translatedTextEditorDialogDiv .translation_pending input[type="text"],
#translatedTextEditorDialogDiv .translation_pending textarea,
#translatedTextEditorDialogDiv .translation_pending .storefrontwysiwyg-container,
#translatedTextEditorDialogDiv .translation_pending .storefrontwysiwyg-toolbar,
#translatedTextEditorDialogDiv .translation_pending .storefrontwysiwyg-codemirror-wrapper,
#translatedTextEditorDialogDiv .translation_pending .storefrontwysiwyg-container .CodeMirror {
    border-color: var(--color-primary-orange);
}

#translatedTextEditorDialogDiv .source_language_name,
#translatedTextEditorDialogDiv .target_language_name {
    font-size: 11px;
}

#translatedTextEditorDialogDiv .source_side input[type="text"],
#translatedTextEditorDialogDiv .target_side input[type="text"],
#translatedTextEditorDialogDiv .source_side textarea,
#translatedTextEditorDialogDiv .target_side textarea {
    width: 100%;
}

.translated-text-input-container {
    position: relative;
    display: inline-block;
}

.translated-text-input-container input,
.translated-text-input-container textarea {
    padding-right: 20px;
}

.translated-text-input-container-globe {
    content: "0";
    display: block;
    height: 100%;
    max-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    margin-top: 4px;
    margin-right: 3px;
    cursor: pointer;
}

.translated-text-input-container-globe.icon.icon-language::before {
    color: #BBB;
}

.hideTranslatedTextIcon .storefrontwysiwyg-container .storefrontwysiwyg-translate,
.hideTranslatedTextIcon .translated-text-input-container-globe {
    display: none;
}

/*========== StoreFronts - EMail Preview ==========*/
#autoresponderPreviewEmailDiv .btn {
    margin-left: 10px;
    float: right;
}

#autoresponderPreviewEmailDiv .sendEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e018';
    text-align: center;
    line-height: 16px;
}

#autoresponderPreviewEmailDiv .iphoneEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e01c';
    text-align: center;
    line-height: 16px;
}

#autoresponderPreviewEmailDiv .ipadEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e01b';
    text-align: center;
    line-height: 16px;
}

#autoresponderPreviewEmailDiv .fullEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e01d';
    text-align: center;
    line-height: 16px;
}

#autoresponderPreviewEmailDiv .refreshEmailBtn:before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'ultracarticons';
    content: '\e008';
    text-align: center;
    line-height: 16px;
}

/*** StoreFront CSS Editor ***/
#contentStoreFrontCssId .css_explorer {
    border: 1px solid var(--color-primary-grey-3);
    background: white;
    /*margin-top: 20px;*/
    min-width: 1000px;
    border-radius: 10px;
}

#contentStoreFrontCssId .css_editor_wrapper {
    border-radius: 10px;
}

body.css_editor_fullscreen {
    overflow: hidden;
}

#contentStoreFrontCssId .css_editor_fullscreen_wrapper.css_editor_fullscreen {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    padding: 40px;
}

#contentStoreFrontCssId .css_editor_fullscreen_wrapper.css_editor_fullscreen .css_editor_wrapper {
    border: 1px solid var(--color-primary-grey-3);
}

#contentStoreFrontCssId .css_info {
    padding: 10px;
    /*border-right: 1px solid #bbb;*/
    /*border-left: 1px solid #bbb;*/
    border-bottom: 1px solid var(--color-primary-grey-3);
    background: #f4f4f4;
    position: relative;
    border-radius: 10px 10px 0 0;
}

#contentStoreFrontCssId #cssEditorIntro {
    width: 100%;
    height: 100%;
    text-align: center;
}

#contentStoreFrontCssId .css_info .btn {
    padding: 7px;
}

#contentStoreFrontCssId .css_info .btn.save {
    background: none repeat scroll 0 0 #d7a02b;
    font-weight: bold;
    width: 80px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
    display: none;
    /* it will be shown dynamically after a file is selected for the editor */
}

#contentStoreFrontCssId .css_info .toggleCssEditorFullscreenButton.btn {
    float: right;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    border-radius: 3px;
    cursor: pointer;
    background: var(--color-primary-blue);
}

#contentStoreFrontCssId .css_info .toggleCssEditorFullscreenButton.btn span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../../images/v3/icons.png) no-repeat -680px -640px var(--color-primary-blue);
}

#contentStoreFrontCssId .css_editor_fullscreen_wrapper.css_editor_fullscreen .toggleCssEditorFullscreenButton.btn span {
    background: url(../../images/v3/icons.png) no-repeat -720px -640px var(--color-primary-blue);
}

#contentStoreFrontCssId .css_info .btn.save.disabled {
    background: none repeat scroll 0 0 var(--color-primary-grey-4) !important;
    cursor: default;
}

#contentStoreFrontCssId .css_info .toggleCssEditorFullscreenButton {
    width: 110px;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
}

#contentStoreFrontCssId .CodeMirror {
    /*border: 1px solid #bbb;*/
}

#contentStoreFrontCssId .path {
    line-height: 25px;
    text-align: left;
    float: left;
    width: 200px;
    overflow: visible;
    white-space: nowrap;
}

#contentStoreFrontCssId .path span {
    color: #bbb;
}

#contentStoreFrontCssId .path .icon_edit {
    height: 16px;
    width: 16px;
    background: url(../../images/v3/icons.png) no-repeat -80px -400px;
}

#contentStoreFrontCssId .info {
    line-height: 25px;
    text-align: right;
    float: right;
    /*width: 600px;*/
    font-size: 11px;
    color: #999;
    position: absolute;
    top: 7px;
    right: 7px;
}

@media only screen and (max-width: 1675px) {
    #contentStoreFrontCssId .info .lastModified,
    #contentStoreFrontCssId .info .fileSize {
        display: none;
    }
}

#contentStoreFrontCssId .edit_area {
    position: relative;
    height: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: 20px !important;
    width: 80%;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

#unlockYourStoreDeveloper span,
#unlockYourStore span {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px 3px 0 0;
}

#unlockYourStoreDeveloper span::before,
#unlockYourStore span::before {
    display: block;
    width: 16px;
    height: 16px;
    font-family: "ultracart-icons-3";
    font-weight: normal;
    line-height: 16px;
    color: #fff;
    content: '\e98f';
}

#lockYourStore span {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px 3px 0 0;
}

#lockYourStore span::before {
    display: block;
    width: 16px;
    height: 16px;
    font-family: "ultracart-icons-3";
    font-weight: normal;
    line-height: 16px;
    color: #fff;
    content: '\e990';
}

/* New styles for the Account / Service Plan 10/25/17
===================================================*/
/* Backport */
.interior_container .interior_section:first-child {
    /*margin-top: 40px;*/
}

/* backport */
.account_cancel_feedback.interior,
.account_merchant_profile_settings.interior,
.account_regional_settings.interior,
.account_user_view.interior,
.account_payment_information.interior,
.account_billing_history.interior,
.account_service_plan.interior,
.account_settings.interior {
    border: none;
}

/* backport */
.account_settings .interior_container .interior_section {
    padding-top: 30px;
    padding-bottom: 30px;
    /*border-top: 1px solid #f1f1f1;*/
    min-width: 875px;
}

.account_settings .interior_container .interior_section::after {
    content: "";
    display: block;
    clear: both
}

.interior_container .interior_section h2 {
    font-family: var(--font-primary-regular);
    font-size: 1.17em;
    font-weight: normal;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.account_settings .interior_container .interior_section h3 {
    min-width: 160px;
    font-family: var(--font-primary-regular);
    font-size: 1em;
    display: block;
    float: left;
    color: #888;
}

.interior_container .interior_section .service_lvl h3 {
    min-width: auto;
    float: none;
}

.interior_container .interior_section a {
    color: #57a3cf;
}

.interior_container .interior_section .summary {
    width: 300px;
    float: left;
    margin-right: 40px;
}

.interior_container .interior_section .summary p {
    margin-top: 0;
    line-height: 1.5em;
    font-size: 0.9em;
    color: #888;
}

.account_settings .interior_container .interior_section > ul {
    display: block;
    float: left;
    margin: 0;
    list-style: none;
    border-left: 1px solid #f1f1f1;
    padding-left: 20px;
}

.account_service_plan .interior_container ul {
    float: none;
    border-left: none;
    padding-left: 0;
}

.interior_container .interior_section > ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.interior_container .interior_section .account_status {
    float: left;
}

.interior_container .interior_section ul li {
    margin-bottom: 20px;
}

.interior_container .interior_section ul li:last-of-type {
    margin-bottom: 0;
}

.interior_container .interior_section ul li span {
    color: #888;
}

.interior_container .interior_section ul li ul {
    margin-top: 0;
    display: block;
    float: left;
}

/* backport */
.interior_container .interior_section ul li ul li {
    margin-bottom: 10px;
    margin-left: 0;
}

.interior_container .interior_section ul li ul li:last-of-type {
    margin-bottom: 0;
}

.interior_container .interior_section a.oi::before {
    font-size: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.interior_container .interior_section a.account_user::before {
    margin-left: 0;
    margin-right: 5px;
}

/* backport */
.interior_container .interior_section .account_user {
    width: 140px;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interior_container .interior_section .account_button {
    padding: 2px 4px;
    background: #57a3cf;
    color: #fff;
    border-radius: var(--border-radius-small);
    margin-left: 5px;
    cursor: pointer;
}

.interior_container .interior_section .account_button.account_make_owner {
    background: rgba(49, 197, 154, 1);
}

.interior_container .interior_section .account_button.account_delete {
    background: rgba(232, 93, 93, 1);
}

.account_service_plan.interior {
    border-bottom: none;
}

.interior_container .interior_section a.account_group::before {
    margin-left: 0;
    margin-right: 5px;
}

/* backport */
.interior_container .interior_section .account_group {
    width: 140px;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interior_container .interior_section .account_button {
    padding: 2px 4px;
    background: #57a3cf;
    color: #fff;
    border-radius: var(--border-radius-small);
    margin-left: 5px;
    cursor: pointer;
}

/* backport */
.interior_container .interior_section .service_table_container .service_lvl {
    border-radius: 16px;
    width: calc(25% - 20px);
    min-width: 240px;
    margin-bottom: 20px;
    /*float: left;*/
    flex: 1;
    margin-right: 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    padding: 0;
    /*cursor: pointer;*/
    transition: box-shadow 0.3s ease, padding 0.3s ease, border-radius 0.3s ease, margin 0.3s ease;
}

.interior_container .interior_section .service_table_container .service_lvl:last-child {
    margin-right: 0;
}

/* backport */
/*.interior_container .interior_section .service_table_container .service_free {*/
/*display:none;*/
/*}*/
/* backport */
/*.interior_container .interior_section .service_table_container.level_free .service_free {*/
/*display:block;*/
/*}*/
/* backport */
/*.interior_container .interior_section .service_table_container.level_free .service_enterprise {*/
/*display:none;*/
/*}*/
.interior_container .interior_section .service_table_container .service_lvl:not(.active):not(.disabled):hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 10px 0 10px;
    /* margin: -10px 10px 0 -10px;
    border-radius: var(--border-radius-small); */
}

.interior_container .interior_section .service_table_container .service_lvl.disabled {
    background: rgba(0, 0, 0, 0.08);
    padding: 0 10px 0 10px;
}

.interior_container .interior_section .service_table_container .service_lvl.active {
    background: rgba(49, 197, 154, 0.2);
    color: rgba(49, 197, 154, 01);
    /*border: 1px solid rgba(49, 197, 154,0.6);*/
    padding: 0 10px 0 10px;
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled {
    background: rgba(232, 93, 93, 0.2);
    color: rgba(232, 93, 93, 01);
    /*border: 1px solid rgba(49, 197, 154,0.6);*/
    padding: 0 10px 0 10px;
}

.interior_container .interior_section .service_table_container .service_lvl .service_lvl_price {
    padding: 20px 10px;
    border: 1px solid #f1f1f1;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_price {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.interior_container .interior_section .service_table_container .service_lvl.disabled .service_lvl_price {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
    border: 1px solid rgba(49, 197, 154, 0);
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_price {
    background: rgba(49, 197, 154, 0.0);
    color: rgba(49, 197, 154, 01);
    border: 1px solid rgba(49, 197, 154, 0);
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_price {
    background: rgba(232, 93, 93, 0.0);
    color: rgba(232, 93, 93, 1);
    border: 1px solid rgba(49, 197, 154, 0);
}

.interior_container .interior_section .service_table_container .service_lvl .service_lvl_price.oi::before {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    z-index: 1;
    font-size: 10px;
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_price::before {
    display: block;
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_price::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(49, 197, 154, 01);
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_price::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(232, 93, 93, 1);
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_price .price .month,
.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_price h3 {
    color: rgba(49, 197, 154, 01);
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_price .price .month,
.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_price h3 {
    color: rgba(232, 93, 93, 1);
}

.interior_container .interior_section .service_table_container .service_lvl .service_lvl_price .price {
    display: block;
    font-size: 18px;
}

.interior_container .interior_section .service_table_container .service_lvl .service_lvl_price .price .month {
    font-size: 10px;
    color: #bbb;
}

.interior_container .interior_section .service_table_container .service_lvl .service_lvl_activate {
    content: "Activate";
    padding: 10px;
    background: rgba(49, 197, 154, 0.2);
    text-align: center;
    color: rgba(49, 197, 154, 01);
    border: 1px solid rgba(49, 197, 154, 0.6);
    margin-bottom: 20px;
    transition: border-radius 0.3s ease-in-out;
}

/* backport */
.interior_container .interior_section .service_table_container .service_lvl:not(.disabled):not(.active) .service_lvl_activate {
    cursor: pointer;
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_activate {
    content: "Active Plan";
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    color: rgba(49, 197, 154, 1);;
    border: 1px solid rgba(49, 197, 154, 0.6);
    margin-bottom: 20px;
    transition: border-radius 0.3s ease-in-out;
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_activate {
    content: "Active Plan";
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    color: rgba(232, 93, 93, 1);
    border: 1px solid rgba(232, 93, 93, 0.6);
    margin-bottom: 20px;
    transition: border-radius 0.3s ease-in-out;
}

.interior_container .interior_section .service_table_container .service_lvl .service_lvl_forced_upgrade {
    display: none;
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_forced_upgrade {
    position: relative;
    display: block;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    color: rgba(232, 93, 93, 1);
    border: 1px solid rgba(232, 93, 93, 0.6);
    margin-bottom: 10px;
    transition: border-radius 0.3s ease-in-out;
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_forced_upgrade span {
    display: block;
    position: absolute;
    top: 13px;
    left: 18px;
    font-size: 25px;
}

.interior_container .interior_section .service_table_container .service_lvl.disabled .service_lvl_activate {
    background: rgba(0, 0, 0, 0.08);
    color: #bbb;
    border: 1px solid #f1f1f1;
}

.interior_container .interior_section .service_table_container .service_lvl .service_lvl_info ul:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_info ul:not(:last-of-type) {
    border-color: rgba(49, 197, 154, 0.2);
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_info ul:not(:last-of-type) {
    border-color: rgba(232, 93, 93, 0.2);
}

/* backport */
.interior_container .interior_section .service_table_container .service_lvl .service_lvl_info ul li {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
    list-style: none;
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_info ul li {
    color: rgba(49, 197, 154, 1);
}

.interior_container .interior_section .service_table_container .service_lvl.active .service_lvl_info ul li a {
    color: rgba(49, 197, 154, 1);
    text-decoration: underline;
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_info ul li {
    color: rgba(232, 93, 93, 1);
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .service_lvl_info ul li a {
    color: rgba(232, 93, 93, 1);
    text-decoration: underline;
}

.interior_container .interior_section .service_table_container .service_lvl .value {
    display: block;
    background: rgba(0, 0, 0, 0.03);
    padding: 3px 3px 3px 3px;
    border-radius: var(--border-radius-small);
    margin-left: 7px;
    float: right;
    font-size: 11px;
    width: 35%;
    text-align: center;
    position: relative;
}

.interior_container .interior_section .service_table_container .service_lvl .value.has_tooltip {
    /*text-decoration: underline;*/
}

.interior_container .interior_section .service_table_container .service_lvl .value.has_tooltip > span:first-child {
    border-bottom: 1px dashed rgba(49, 197, 154, 1);
    transition: border-bottom 0.3s ease;
}

.interior_container .interior_section .service_table_container .service_lvl .value.has_tooltip:hover > span:first-child {
    border-bottom: 1px solid rgba(49, 197, 154, 1);
}

.interior_container .interior_section .service_table_container .service_lvl li.more_info {
    text-align: center;
}

.interior_container .interior_section .service_table_container .service_lvl.active .value {
    background: rgba(49, 197, 154, 0.08);
    color: rgba(49, 197, 154, 1);
}

.interior_container .interior_section .service_table_container .service_lvl.active.disabled .value {
    background: rgba(232, 93, 93, 0.08);
    color: rgba(232, 93, 93, 1);
}

.interior_container .interior_section .service_table_container .service_lvl .value.nope {
    background: rgba(232, 93, 93, 0.6);
    color: rgba(255, 255, 255, 1);
}

/*.interior_container .interior_section .service_table_container .service_lvl.disabled .reason {
  display: block;
}*/
.interior_container .interior_section .service_table_container .service_lvl .value .tooltip {
    position: absolute;
    z-index: 1;
    display: none;
    opacity: 0;
    padding: 10px;
    width: 100%;
    background: rgba(84, 84, 84, 0.8);
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background-clip: padding-box;
    box-sizing: border-box;
    transition: opacity 500ms ease-in-out;
}

.interior_container .interior_section .service_table_container .service_lvl .value .tooltip span {
    color: #fff;
}

.interior_container .interior_section .service_table_container .service_lvl .value .tooltip_bottom {
    bottom: auto;
    top: 30px;
    right: 0;
    text-align: center;
}

.interior_container .interior_section .service_table_container .service_lvl .value .tooltip_bottom::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(84, 84, 84, 0.8);
    position: absolute;
    left: calc(50% - 2px);
    /*right: calc(30% - 2px);*/
    top: -4px;
}

.interior_container .interior_section .service_table_container .service_lvl .value:hover .tooltip {
    display: block;
    opacity: 1;
}

.interior_container .interior_section .service_table_container::after {
    content: "";
    display: block;
    clear: both;
}

/* backport */
.interior_container .interior_section .service_table_container {
    /*border-bottom: 1px solid rgba(0,0,0,0.08);*/
    display: flex;
    gap: 16px;
}

.interior_container .interior_section .account_status {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.account_settings .interior_container .interior_section .account_status {
    margin-top: 0;
    padding: 20px;
    background-color: rgba(232, 93, 93, 0.0);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0;
    width: 300px;
    float: left;
    margin-right: 20px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.0);
    transition: background-color 0.3s ease, border 0.3s ease, border-radius 0.3s ease;
    cursor: pointer;
}

.account_settings .interior_container .interior_section .account_status h3 {
    display: block;
    margin-bottom: 20px;
    min-width: auto;
    float: none;
}

.account_settings .interior_container .interior_section .account_status p {
    font-size: 0.8em;
    line-height: 1.7em;
    margin: 0;
}

.account_settings .interior_container .interior_section .account_status.account_status_deactivate:hover {
    background: rgba(232, 93, 93, 0.1);
    border: 1px solid rgba(232, 93, 93, 0.6);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.account_settings .interior_container .interior_section .account_status.account_status_deactivate:hover p,
.account_settings .interior_container .interior_section .account_status.account_status_deactivate:hover h3 {
    color: rgba(232, 93, 93, 1);
}

.account_settings .interior_container .interior_section .account_status.account_status_reactivate:hover {
    background: rgba(49, 197, 154, 0.1);
    border: 1px solid rgba(49, 197, 154, 0.6);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.account_settings .interior_container .interior_section .account_status.account_status_reactivate:hover p,
.account_settings .interior_container .interior_section .account_status.account_status_reactivate:hover h3 {
    color: rgba(49, 197, 154, 1);
}

.account_settings .interior_container .interior_section .account_status.account_status_reactivate p .deactivate_days {
    color: rgba(232, 93, 93, 1);
}

.account_settings .interior_container .interior_section#users > ul > li:nth-child(2){
    margin-bottom: 32px;
}

.interior_container .interior_section .account_status ul.status_list li {
    clear: both;
    font-size: 12px;
    margin-bottom: 10px;
}

.interior_container .interior_section .account_status ul.status_list li::after {
    display: block;
    content: "";
    clear: both;
}

.interior_container .interior_section .account_status ul.status_list span.label {
    width: 100px;
    font-weight: bold;
    float: left;
}

.interior_container .interior_section .account_status ul.status_list span.value {
    width: 100px;
    float: left;
}

.interior_container .interior_section .account_status ul.status_list span.available {
    width: auto;
    float: left;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.03);
    padding: 2px 5px;
    border-radius: var(--border-radius-small);
}

.interior_container .interior_section .account_status ul.status_list span.available {
    width: auto;
    float: left;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.03);
    padding: 2px 5px;
    border-radius: var(--border-radius-small);
}

/* New styles for the Account Billing 10/30/17
===================================================*/
.account_billing_container .account_billing_terms,
.account_billing_container .account_billing_info {
    float: left;
    margin-top: 20px;
}

.account_billing_container input[type="text"] {
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    line-height: 40px;
    padding: 0 15px;
}

.account_billing_container select {
    font-size: 14px;
    height: 40px;
    padding: 10px;
    width: 100%;
    color: #777;
    border: 1px solid #ccc;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    background: #fff;
    box-sizing: border-box;
}

.account_billing_container .account_billing_info {
    width: 400px;
    float: left;
    margin-right: 20px;
}

.account_billing_container .billing_input_row {
    margin-bottom: 10px;
    clear: both;
}

.account_billing_container .billing_input_row::after {
    content: "";
    display: block;
    clear: both;
}

.account_billing_container .billing_label {
    width: 80px;
    line-height: 40px;
    height: 40px;
    margin-right: 20px;
    float: left;
}

.account_billing_container .billing_label.billing_cvv {
    line-height: 20px;
}

.account_billing_container .billing_input_row.billing_input_short a {
    font-size: 10px;
    display: block;
    clear: both;
}

.account_billing_container hr {
    border-top: 1px dashed #ccc;
    margin: 20px 0;
}

.account_billing_container .billing_input {
    width: 300px;
    float: left;
}

.account_billing_container .billing_input_short .billing_label {
    float: right;
    clear: none;
}

.account_billing_container .billing_input_short .billing_input {
    width: 150px;
    float: right;
}

.account_billing_container .billing_input_select {
    position: relative;
    overflow: hidden;
}

.account_billing_container .billing_input_select:before {
    background: #fff;
    position: absolute;
    height: 38px;
    width: 39px;
    right: 1px;
    bottom: 1px;
    text-align: center;
    border-left: 1px solid #ccc;
    border-radius: 0 10px 10px 0;
    line-height: 40px !important;
    box-sizing: border-box;
    border-top: 10px;
    pointer-events: none;
}

.account_billing_container iframe {
    color: #777;
    border: 1px solid #ccc;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    background: #fff;
    box-sizing: border-box;
}

.account_billing_container iframe pre {
    font-family: var(--font-primary-regular);
}

.account_billing_container .billing_label.billing_agree {
    width: 160px;
    float: left;
}

.account_billing_container .billing_input.billing_agree {
    width: 20px;
    height: 40px;
    line-height: 40px;
    float: left;
}

.account_billing_container .billing_input.billing_agree input[type="checkbox"] {
    border: 1px solid #ccc;
    box-shadow: none;
}

/* backport */
.account_edit input[type="button"],
.account_billing_container input[type="button"] {
    background: #57a3cf;
    width: calc(50% - 5px);
    border-radius: 10px;
    display: block;
    float: left;
}

/* backport */
.account_edit input[type="button"].remove,
.account_billing_container input[type="button"].remove {
    background: rgba(232, 93, 93, 1);
}

/*User Account styles*/
.account_permissions ul,
.account_notifications ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.account_permissions ul {
    column-count: 3;
}

.account_notifications ul::after,
.account_notifications ul li::after,
.account_notifications ul li ul::after {
    content: '';
    display: block;
    clear: both;
}

.account_notifications ul li {
    display: block;
    clear: both;
}

/* backport */
.account_edit input[type="button"].orange_btn {
    background: var(--color-primary-orange);
}

.account_notifications ul ul li {
    color: #999;
}

.account_user_view hr {
    border-top: 1px dashed #ccc;
    margin: 20px 0;
}

.account_user_view h4 {
    display: inline;
    font-size: 12px;
    font-family: latobold, arial, sans-serif;
}

/*Generic Table Styles*/
.content_area.v2 .interior_content table.nonresponsive {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.content_area.v2 .interior_content .nonresponsive tr:nth-of-type(odd) {
    background: transparent;
}

.content_area.v2 .interior_content .nonresponsive tr:nth-of-type(even) {
    background: #f1f1f1;
}

.content_area.v2 .interior_content .nonresponsive th {
    background: transparent;
    border: none;
}

.content_area.v2 .interior_content .nonresponsive td,
.content_area.v2 .interior_content .nonresponsive th {
    background: transparent;
    border: none;
}

.content_area.v2 .interior_content .nonresponsive td {
    padding: 10px;
}

.content_area.v2 .interior_content .nonresponsive th {
    padding: 10px;
}

/*Generic Form Field Styles*/
.account_edit input[type="text"] {
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    line-height: 40px;
    padding: 0 15px;
}

/* backport */
.account_edit .select_wrapper {
    position: relative;
    overflow: hidden;
    /*font-size: 14px;*/
    /*height: 40px;*/
    /*padding: 10px;*/
    /*width: 100%;*/
    /*color: #777;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 10px;*/
    /*border-top-left-radius: 10px;*/
    /*border-top-right-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
    /*border-bottom-left-radius: 10px;*/
    /*-webkit-appearance: none;*/
    /*-webkit-border-radius: 10px 10px 10px 10px;*/
    /*background: #fff;*/
    /*box-sizing: border-box;*/
}

.account_edit .select_wrapper:before {
    background: #fff;
    position: absolute;
    height: 38px;
    width: 39px;
    right: 1px;
    bottom: 1px;
    text-align: center;
    border-left: 1px solid #ccc;
    border-radius: 0 10px 10px 0;
    line-height: 40px !important;
    box-sizing: border-box;
    border-top: 10px;
    pointer-events: none;
}

/* backport */
.account_edit .select_wrapper select {
    font-size: 14px;
    height: 40px;
    padding: 10px;
    width: 100%;
    color: #777;
    border: 1px solid #ccc;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 10px 10px 10px 10px;
    background: #fff;
    box-sizing: border-box;
    padding-right: 50px;
}

#livechat-compact-container {
    right: 30px !important;
}

.popup_form .content_half {
    float: left;
    width: 50%;
}


.popup_form .content_half .left {
    padding-right: 10px;
}

.popup_form .content_half .right {
    padding-left: 10px;
}


#experimentNewUrlContent .ultralightbox-title-wrapper {
    width: auto;
    min-width: auto;
    height: auto;
    background: transparent;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}


#experimentNewUrlContent .input-row {
    box-sizing: border-box;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}


#experimentNewUrlContent .input-row::after {
    content: '';
    display: block;
    clear: both;
}


#experimentNewUrlContent .input-row.sub-row {
    margin-bottom: 10px;
}


#experimentNewUrlContent .input-row .col {
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}


#experimentNewUrlContent .input-row .col:first-child {
    padding-left: 0;
}


#experimentNewUrlContent .input-row .col:last-child {
    padding-right: 0;
}


#experimentNewUrlContent .input-row .col:first-child:last-child {
    padding-right: 0;
    padding-left: 0;
}


#experimentNewUrlContent .input-row .col-1-4 {
    width: 25%;
}


#experimentNewUrlContent .input-row .col-2-4 {
    width: 50%;
}


#experimentNewUrlContent .input-row .col-3-4 {
    width: 75%;

}


#experimentNewUrlContent .input-row .col-4-4 {
    width: 100%;
}


#experimentNewUrlContent .input-row label {
    margin-bottom: 5px;
    display: inline-block;
}


#experimentNewUrlContent input[type="text"] {
    width: 100%;
    clear: both;
    background: #fff;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}


#experimentNewUrlContent select {
    width: 100%;
    clear: both;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}


#experimentNewUrlContent textarea {
    width: 100%;
    clear: both;
    background: #fff;
    min-height: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}


#experimentNewUrlContent .ultralightbox-close-icon {
    font-size: 26px;
    transform: rotate(45deg);
    font-weight: bold;
    color: #555;
    right: 20px;
    top: 20px;
}


#experimentNewUrlContent .bottom-buttons {
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-right: -40px;
    margin-left: -40px;
}


#experimentNewUrlContent .bottom-buttons .btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
}


#experimentNewUrlContent .bottom-buttons .btn:first-child {
    margin-left: 0;
}

#experimentNewUrlContent .bottom-buttons .btn:last-child {
    margin-right: 0;
}

/* NEW 2020 Navigation structure */
/* 1. Add the following styles to the bottom of main.css for the back-end
 /* 2. Move #navPane right below #side_bar (to be come a sibling) */
/* 3. Add .nav-2020 class to the .content_wrapper div - This will isolate these styles to pages we're ready for */
/* 4. Hiding the New StoreFront button so we need "Add StoreFront" to show in the flyout menu in the main navigation (if available) - Could add this back in the general tab */
/* 5. The expand and collapse function doesnt work I suspect because we've changed the scope of the #navPane div in item #1 */
/* 6. The experiments nav item icon class needs to change from sf_icon_blog to sf_icon_experiments to apply the correct icon  */
/* 7. the communication subnav - sf_icon_campaigns, sf_icon_lists, sf_icon_flows, sf_icon_settings need to be added to the appropriate menu list item icons to apply the correct icon */
.content_wrapper.nav-2020 .storefront.content_area {
    width: 100%;
    /*padding-left: 200px;*/
    min-height: 1080px;
    box-sizing: border-box;
    position: relative;
    /*z-index: 1;*/
    background-color: var(--color-primary-grey-1);
}

/*.content_wrapper.nav-2020 .storefront.content_area::before {*/
/*    content: '';*/
/*    display: block;*/
/*    height: 100%;*/
/*    width: 200px;*/
/*    position: absolute;*/
/*    top:0;*/
/*    left: 0;*/
/*    background: #f4f4f4;*/
/*    border-right: 1px solid #cdcdcd;*/
/*}*/
.content_wrapper.nav-2020 .breadcrumbs ul li {
    font-size: 12px;
    opacity: 0.6;
    transition: opacity 0.3s ease-in;
}

.content_wrapper.nav-2020 .breadcrumbs ul li:hover {
    opacity: 0.9;
}

.content_wrapper.nav-2020 #navWrapper {
    display: flex;
    align-items: stretch;
    min-height: calc(100vh - 400px);
}

.content_wrapper.nav-2020 #navPane {
    width: auto;
    /*position: absolute;*/
    /*left: 130px;*/
    /*height: 100%;*/
    width: 200px;
    background: #f4f4f4;
    border-right: 1px solid #cdcdcd;
    z-index: 2;
}

.content_wrapper.nav-2020 #navPane ul {
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
}

.content_wrapper.nav-2020 #navPane ul {
    margin-top: 10px;
}

.content_wrapper.nav-2020 #navPane ul li.sub_divider {
    display: none;
    padding: 0;
}

.content_wrapper.nav-2020 #navPane ul li {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

.content_wrapper.nav-2020 #navPane ul li.sub {
    background-color: rgba(0, 0, 0, 0.04);
}

.content_wrapper.nav-2020 #navPane ul li.active {
    background: var(--color-primary-grey-1);
}

.content_wrapper.nav-2020 #navPane ul li a {
    color: rgba(0, 0, 0, 0.75);
    transition: color 0.3s ease;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.content_wrapper.nav-2020 #navPane ul li.sub a {
    color: rgba(0, 0, 0, 0.50);
}

.content_wrapper.nav-2020 .section_title_bar {
    min-height: 0;
}

.content_wrapper.nav-2020 .section_title_bar .breadcrumbs {
    margin: 0;
}

.content_wrapper.nav-2020 .interior_container .nav_interior_content {
    display: block;
}

.content_wrapper.nav-2020 .interior {
    border-top: none;
    border-bottom: none;
}

.content_wrapper.nav-2020 .storefront.page_title_bar_container {
    display: none;
}

.content_wrapper.nav-2020 .interior_content {
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 30px;
}

.nav-2020 .storeFrontNav.content_folder_open #tabBlogId,
.nav-2020 .storeFrontNav.content_folder_open #tabLocationsId {
    display: block;
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon::before,
.content_wrapper.nav-2020 #navPane ul li .sub_arrow_right::before,
.content_wrapper.nav-2020 #navPane ul li .sub_arrow_down::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 2px;
    right: 4px;
    pointer-events: none;
}

.content_wrapper.nav-2020 #navPane ul li .sub_arrow_right_wrapper {
    cursor: pointer;
}

.content_wrapper.nav-2020 #navPane ul li .sub_arrow_right::before {
    content: "\f1c9";
    font-size: 8px;
}

.content_wrapper.nav-2020 #navPane ul li .sub_arrow_down::before {
    content: "\f1bc";
    font-size: 8px;
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_general::before {
    content: "\f160";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_appearance::before {
    content: "\f146";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_content::before {
    content: "\f1a6";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_conversion::before {
    content: "\f184";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_advanced::before {
    content: "\f1f9";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_communication::before {
    content: "\f166";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_campaigns::before {
    content: "\f17b";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_flows::before {
    content: "\f13f";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_library::before {
    content: "\f143";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_lists::before {
    content: "\f1a7";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_settings::before {
    content: "\f160";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_recordings::before {
    content: "\f1f3";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_recordings_sessions::before {
    content: "\f1b2";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_recordings_segments::before {
    content: "\f20e";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_recordings_heatmaps::before {
    content: "\f187";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_files::before {
    content: "\f18a";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_logs::before {
    content: "\f1cd";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_themes::before {
    content: "\f185";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_templates::before {
    content: "\f1a2";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_css::before {
    content: "\f204";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_email::before,
.content_wrapper.nav-2020 #navPane ul li .sf_icon_transactional::before {
    content: "\f17b";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_customers::before {
    content: "\f1c3";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_pages::before {
    content: "\f145";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_advertising::before {
    content: "\f148";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_blog::before {
    content: "\f17e";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_experiments::before {
    content: "\f13b";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_menus::before {
    content: "\f1ba";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_search::before {
    content: "\f1ae";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_seo::before {
    content: "\f188";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_social::before {
    content: "\f118";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_locations::before {
    content: "\f1af";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_upsells::before {
    content: "\f172";
}

.content_wrapper.nav-2020 #navPane ul li .sf_icon_language::before {
    content: "\f18e";
}

.content_wrapper.nav-2020 #navPane:has(.storeFrontNav)::before {
        content: 'StoreFront';
        display: block;
        width: 100%;
        height: auto;
        background-color: transparent;
        padding: 16px 8px 8px 36px;
        box-sizing: border-box;
        color: var(--color-primary-grey-4);
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 8C2 7.44772 2.44772 7 3 7H21C21.5523 7 22 7.44772 22 8C22 8.55228 21.5523 9 21 9H3C2.44772 9 2 8.55228 2 8Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3C20 3.55228 19.5523 4 19 4H5C4.44772 4 4 3.55228 4 3Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.37139 2.07151C5.88417 2.27662 6.13359 2.85859 5.92848 3.37138L3.92847 8.37138C3.72336 8.88416 3.14139 9.13358 2.62861 8.92846C2.11582 8.72335 1.86641 8.14138 2.07152 7.6286L4.07152 2.6286C4.27664 2.11581 4.85861 1.8664 5.37139 2.07151Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.19612 2.01943C8.73768 2.12774 9.08889 2.65457 8.98058 3.19613L7.98058 8.19613C7.87227 8.73769 7.34544 9.0889 6.80388 8.98059C6.26232 8.87228 5.91111 8.34545 6.01942 7.80389L7.01942 2.80389C7.12773 2.26233 7.65456 1.91112 8.19612 2.01943Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C12.5523 2 13 2.44772 13 3L13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8L11 3C11 2.44772 11.4477 2 12 2Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 7C6.55228 7 7 7.44772 7 8L7 17C7 17.5523 6.55228 18 6 18C5.44772 18 5 17.5523 5 17L5 8C5 7.44772 5.44772 7 6 7Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 16C4.55228 16 5 16.4477 5 17L5 21C5 21.5523 4.55228 22 4 22C3.44772 22 3 21.5523 3 21L3 17C3 16.4477 3.44772 16 4 16Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 16C20.5523 16 21 16.4477 21 17V21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21V17C19 16.4477 19.4477 16 20 16Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 7C18.5523 7 19 7.44772 19 8V17C19 17.5523 18.5523 18 18 18C17.4477 18 17 17.5523 17 17V8C17 7.44772 17.4477 7 18 7Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14V17C15 17.5523 14.5523 18 14 18C13.4477 18 13 17.5523 13 17V14Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.6286 2.07152C19.1414 1.86641 19.7234 2.11583 19.9285 2.62861L21.9285 7.62861C22.1336 8.14139 21.8842 8.72336 21.3714 8.92848C20.8586 9.13359 20.2766 8.88418 20.0715 8.37139L18.0715 3.37139C17.8664 2.85861 18.1158 2.27664 18.6286 2.07152Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.8039 2.01942C16.3454 1.91111 16.8723 2.26232 16.9806 2.80388L17.9806 7.80388C18.0889 8.34544 17.7377 8.87227 17.1961 8.98058C16.6545 9.08889 16.1277 8.73768 16.0194 8.19612L15.0194 3.19612C14.9111 2.65456 15.2623 2.12773 15.8039 2.01942Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 17C2 16.4477 2.44772 16 3 16H21C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18H3C2.44772 18 2 17.5523 2 17Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 21C2 20.4477 2.44772 20 3 20H21C21.5523 20 22 20.4477 22 21C22 21.5523 21.5523 22 21 22H3C2.44772 22 2 21.5523 2 21Z" fill="%23828282"/></svg>');
        background-repeat: no-repeat;
        background-size: 14px;
        background-position: 10px 16px;
        font-family: var(--font-primary);
        letter-spacing: 0.03em;
        font-size: 12px;
        opacity: 0.75;
}

.content_wrapper #navPane:has(#tabItemId)::before {
        content: 'Item Editor';
        display: block;
        width: 100%;
        height: auto;
        background-color: transparent;
        padding: 16px 8px 8px 31px;
        box-sizing: border-box;
        color: var(--color-primary-grey-4);
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.70711 19.7071C8.31658 20.0976 7.68342 20.0976 7.29289 19.7071L4.29289 16.7071C3.90237 16.3166 3.90237 15.6834 4.29289 15.2929C4.68342 14.9024 5.31658 14.9024 5.70711 15.2929L8.70711 18.2929C9.09763 18.6834 9.09763 19.3166 8.70711 19.7071Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 9.70711C18.3166 10.0976 17.6834 10.0976 17.2929 9.70711L14.2929 6.70711C13.9024 6.31658 13.9024 5.68342 14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289L18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.528 4.47199C18.8987 3.84267 17.8783 3.84267 17.249 4.47199L17.249 4.472L5.13404 16.5869L4.37437 19.6256L7.41307 18.866L19.528 6.75104C20.1573 6.1217 20.1573 5.10133 19.528 4.47199ZM15.8348 3.05779C17.2451 1.6474 19.5319 1.6474 20.9422 3.0578C22.3526 4.46819 22.3526 6.75484 20.9422 8.16523L20.9422 8.16524L8.63143 20.476C8.50327 20.6042 8.34269 20.6951 8.16686 20.7391L3.24253 21.9701C2.90176 22.0553 2.54127 21.9555 2.29289 21.7071C2.04451 21.4587 1.94466 21.0982 2.02986 20.7575L3.26094 15.8331C3.30489 15.6573 3.39581 15.4967 3.52397 15.3686L15.8348 3.0578C15.8348 3.0578 15.8348 3.05779 15.8348 3.05779Z" fill="%23828282"/></svg>');
        background-repeat: no-repeat;
        background-size: 14px;
        background-position: 10px 16px;
        font-family: var(--font-primary);
        letter-spacing: 0.03em;
        font-size: 12px;
        opacity: 0.75;
}

.content_wrapper.nav-2020 #navPane ul {
    margin-top: 0;
}

.content_wrapper.nav-2020 #navWrapper #navPane.left_nav ul.storeFrontNav li a {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#experimentNewThemeContent .ultralightbox-title-wrapper {
    width: auto;
    min-width: auto;
    height: auto;
    background: transparent;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}


#experimentNewThemeContent .input-row {
    box-sizing: border-box;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}


#experimentNewThemeContent .input-row::after {
    content: '';
    display: block;
    clear: both;
}


#experimentNewThemeContent .input-row.sub-row {
    margin-bottom: 10px;
}


#experimentNewThemeContent .input-row .col {
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}


#experimentNewThemeContent .input-row .col:first-child {
    padding-left: 0;
}


#experimentNewThemeContent .input-row .col:last-child {
    padding-right: 0;
}


#experimentNewThemeContent .input-row .col:first-child:last-child {
    padding-right: 0;
    padding-left: 0;
}


#experimentNewThemeContent .input-row .col-1-4 {
    width: 25%;
}


#experimentNewThemeContent .input-row .col-2-4 {
    width: 50%;
}


#experimentNewThemeContent .input-row .col-3-4 {
    width: 75%;

}


#experimentNewThemeContent .input-row .col-4-4 {
    width: 100%;
}


#experimentNewThemeContent .input-row label {
    margin-bottom: 5px;
    display: inline-block;
}


#experimentNewThemeContent input[type="text"] {
    width: 100%;
    clear: both;
    background: #fff;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}


#experimentNewThemeContent select {
    width: 100%;
    clear: both;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}


#experimentNewThemeContent textarea {
    width: 100%;
    clear: both;
    background: #fff;
    min-height: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
}


#experimentNewThemeContent .ultralightbox-close-icon {
    font-size: 26px;
    transform: rotate(45deg);
    font-weight: bold;
    color: #555;
    right: 20px;
    top: 20px;
}


#experimentNewThemeContent .bottom-buttons {
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-right: -40px;
    margin-left: -40px;
}


#experimentNewThemeContent .bottom-buttons .btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
}


#experimentNewThemeContent .bottom-buttons .btn:first-child {
    margin-left: 0;
}

#experimentNewThemeContent .bottom-buttons .btn:last-child {
    margin-right: 0;
}

/* Item List UI Update 7/19/23 */
/* LAYOUT */
.onscreen_tour {
    border-radius: var(--border-radius-small);
    background-color: var(--color-primary-grey-6);
}

.tablesorter-default .tablesorter-filter-row.hideme td {
    padding: 4px;
    background-color: #d8e7f1;
}

.tablesorter-default .tablesorter-filter-row td {
    background-color: var(--color-primary-grey-6);
    transition: background-color 0.3s ease;
}

.item_title_bar_container {
    border-bottom: 1px solid var(--color-primary-grey-3);
}

.folder_nav {
    border: none;
    background: transparent;
    padding-bottom: 16px;
}

.folder_nav ul li {
    border: none;
}

.folder_nav ul li:not(:first-child) {
    background-color: var(--color-primary-grey-1);
}

.folder_nav ul li:nth-child(2) {
    padding-top: 4px;
    border-radius: 8px 8px 0 0;
}

.folder_nav ul li:last-child {
    padding-bottom: 4px;
    border-radius: 0 0 8px 8px;
}

.folder_nav ul li:nth-child(2):last-child {
    padding: 4px 0;
    border-radius: 8px;
}

.all_item_options {
    width: 300px;
}

.tablesorter-default .tablesorter-filter {
    border-radius: 4px;
    border: none;
    width: calc(100% - 8px);
}

#itemTable tbody {
    color: var(--color-primary-grey-5);
}

#itemTable tbody tr.even {
    background-color: #fff;
}

#itemTable tbody tr.even td {
    background-color: var(--color-primary-grey-1);
}

#itemTable tbody tr.even td:first-child {
    border-radius: 8px 0 0 8px;
}

#itemTable tbody tr.even td:last-child {
    border-radius: 0 8px 8px 0;
}

.tablesorter-default .tablesorter-filter-row td {
    border-bottom: none;
}

.tablesorter-default .tablesorter-filter-row td:first-child {
    border-radius: 8px 0 0 8px;
}

.tablesorter-default .tablesorter-filter-row td:last-child {
    border-radius: 0 8px 8px 0;
}

#itemTable input[type="checkbox"] {
    display: block;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    border: 1px solid var(--color-primary-grey-3);
    width: 12px;
    height: 12px;
    border-radius: 3px;
    cursor: pointer;
}

#itemTable input[type="checkbox"]:checked {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    -o-appearance: checkbox;
}

#itemTable thead .title th {
    color: var(--color-primary-grey-4);
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

#itemTable tbody tr {
    border-bottom: none;
}

#itemTable tbody .checkbox,
#itemTable tbody .item_id,
#itemTable tbody .cost,
#itemTable tbody .description {
    border-right: none;
    vertical-align: middle;
}

/* ICONS */
/* TODO: add '#itemTable tbody .actions .icon.delete::before' once it has been converted from an input */
/* TODO: add '.folder_nav ul li .folder_options .edit::before' once it has been converted from an input */
#itemTable .item_id .item::before,
#itemTable .item_id .kit::before,
#itemTable tbody .actions .icon.edit::before,
#itemTable tbody .actions .icon.link::before,
#itemTable tbody .actions .icon.history::before,
#itemTable tbody .actions button.icon.delete::before,
.folder_nav ul li a .folder_icon::before,
.folder_nav ul li.rootFolder .folder_options::before,
.folder_nav ul li .folder_options button.edit::before,
.folder_nav ul li .folder_options button.delete::before,
.folder_nav ul li .folder_options button.add_sub::before,
.all_item_options button.delete::before,
.all_item_options button.tools::before,
.all_item_options button.search::before,
.all_item_options button.copy::before,
.all_item_options button.move::before,
.all_item_options button.barcode::before,
.all_item_options button.convert::before,
.all_item_options button.store_wide::before,
.all_item_options button.export::before,
.all_item_options button.import::before,
.all_item_options .add::after,
.options .add_item_btn .icon::before,
.options .add_kit_btn .icon::before,
.options .add_folder_btn .icon::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f188";
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* TODO: add '#itemTable tbody .actions .icon.delete' once it has been converted from an input */
/* TODO: add '.folder_nav ul li .folder_options .edit' once it has been converted from an input */
#itemTable .item_id .item,
#itemTable .item_id .kit,
#itemTable tbody .actions .icon.edit,
#itemTable tbody .actions .icon.link,
#itemTable tbody .actions .icon.history,
#itemTable tbody .actions button.icon.delete,
.folder_nav ul li .folder_options button.edit,
.folder_nav ul li .folder_options button.delete,
.folder_nav ul li .folder_options button.add_sub,
.all_item_options button.delete,
.all_item_options button.tools,
.all_item_options button.search,
.all_item_options button.copy,
.all_item_options button.move,
.all_item_options button.barcode,
.all_item_options button.convert,
.all_item_options button.store_wide,
.all_item_options button.export,
.all_item_options button.import {
    background: none;
    position: relative;
}

.folder_nav ul li a .folder_icon {
    top: 9px;
}

.folder_nav ul li a .folder_icon,
.folder_nav ul li.rootFolder .folder_options {
    background: none;
}

/* icon and customization */
#itemTable .item_id .item::before {
    content: "\f142"; /* box */
}

#itemTable .item_id .kit::before {
    content: "\f262"; /* kit */
}

#itemTable tbody .actions .icon.edit::before {
    content: "\f1c2"; /* pencil */
    color: var(--color-primary-blue);
}

#itemTable tbody .actions .icon.link::before {
    content: "\f1a5"; /* link */
    color: var(--color-primary-blue);
}

#itemTable tbody .actions .icon.history::before {
    content: "\f15a"; /* clock */
    color: var(--color-primary-blue);
}

/* TODO: Update delete to button or element that can contain a pseudo element */
#itemTable tbody .actions button.icon.delete::before {
    content: "\f22d"; /* trash */
    color: var(--color-primary-red);
}

.folder_nav ul li a .folder_icon::before {
    content: "\f18a"; /* folder */
    color: var(--color-primary-blue);
}

.folder_nav ul li.rootFolder .folder_options input {
    background: none;
}

.folder_nav ul li.rootFolder .folder_options::before {
    content: "\f263"; /* add folder */
    color: var(--color-primary-blue);
    background: white;
}

/* TODO: Update folder_options elemets to buttons or element that can contain a pseudo element */
.folder_nav ul li .folder_options button.edit::before {
    content: "\f1c2"; /* pencil */
    color: var(--color-primary-blue);
}

.folder_nav ul li .folder_options button.delete::before {
    content: "\f22d"; /* trash */
    color: var(--color-primary-red);
}

.folder_nav ul li .folder_options button.add_sub::before {
    content: "\f264"; /* add subfolder */
    color: var(--color-primary-blue);
}

/* TODO: Update all_item_options elemets to buttons or element that can contain a pseudo element */
.all_item_options button.delete::before {
    content: "\f22d"; /* trash */
    color: var(--color-primary-red);
}

.all_item_options button.tools::before {
    content: "\f1f9"; /* wrench */
    color: var(--color-primary-blue);
}

.all_item_options button.search::before {
    content: "\f1ae"; /* magnifine glass */
    color: var(--color-primary-blue);
}

.all_item_options button.copy::before {
    content: "\f20c"; /* copy */
    color: var(--color-primary-blue);
}

.all_item_options button.move::before {
    content: "\f121"; /* move */
    color: var(--color-primary-blue);
}

.all_item_options button.barcode::before {
    content: "\f269"; /* barcode */
    color: var(--color-primary-blue);
}

.all_item_options button.convert::before {
    content: "\f262"; /* convert */
    color: var(--color-primary-blue);
}

.all_item_options button.store_wide::before {
    content: "\f26b"; /* add storefront */
    color: var(--color-primary-blue);
}

.all_item_options button.export::before {
    content: "\f16e"; /* data transfer upload */
    color: var(--color-primary-blue);
}

.all_item_options button.import::before {
    content: "\f16d"; /* data transfer download */
    color: var(--color-primary-blue);
}

/* Add Button */
.all_item_options .add {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    width: auto;
    background: none;
    content: "ADD";
    color: white;
    background-color: var(--color-primary-blue);
    padding: 4px;
    box-sizing: border-box;
    border-radius: 4px;
    transition: border-radius 0.2s ease;
}

.all_item_options .add.active {
    border-radius: 4px 4px 0 0;
}

.all_item_options .add::before {
    content: "ADD";
    font-weight: bold;
    display: block;
    font-size: 9px;
    line-height: 1;
    height: auto;
}

.all_item_options .add::after {
    position: relative;
    top: auto;
    left: auto;
    content: "\f1c9";
    color: #FFFFFF;
    transform: translate(0, 0);
    font-size: 12px;
    height: 12px;
    width: 12px;
}

.all_item_options .add .options {
    background: var(--color-primary-blue);
    color: var(--color-primary-blue);
    border-radius: 8px 0 8px 8px;
}

.all_item_options .add .options .add_item_btn,
.all_item_options .add .options .add_kit_btn,
.all_item_options .add .options .add_folder_btn {
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: all 0.2s ease;
}

.all_item_options .add .options .add_item_btn:hover,
.all_item_options .add .options .add_kit_btn:hover,
.all_item_options .add .options .add_folder_btn:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.all_item_options .add .options .add_item_btn .icon,
.all_item_options .add .options .add_kit_btn .icon,
.all_item_options .add .options .add_folder_btn .icon {
    position: relative;
    background: none;
}

.all_item_options .add .options .add_item_btn .icon::before,
.all_item_options .add .options .add_kit_btn .icon::before,
.all_item_options .add .options .add_folder_btn .icon::before {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: var(--color-primary-blue);
}

.all_item_options .add .options .add_item_btn .icon::before {
    content: "\f142"; /* box */
}

.all_item_options .add .options .add_kit_btn .icon::before {
    content: "\f262"; /* kit */
}

.all_item_options .add .options .add_folder_btn .icon::before {
    content: "\f263"; /* folder */
}

/* No Items */
.interior_content.table .no_items .options {
    background-color: var(--color-primary-blue);
    border-radius: 8px;
}

.no_items .options .add_item_btn,
.no_items .options .add_kit_btn {
    border-radius: 4px;
    position: relative;
    color: var(--color-primary-blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: all 0.2s ease;
}

.no_items .options .add_item_btn:hover,
.no_items .options .add_kit_btn:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.no_items .options .add_item_btn button,
.no_items .options .add_kit_btn button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.no_items .options .add_item_btn .icon,
.no_items .options .add_kit_btn .icon {
    background-image: none;
    margin: 0 0 8px 0;
}

.no_items .options .add_item_btn .icon::before,
.no_items .options .add_kit_btn .icon::before {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    font-size: 32px;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 1;
    color: var(--color-primary-blue);
}

.no_items .options .add_item_btn .icon::before {
    content: "\f142"; /* box */
}

.no_items .options .add_kit_btn .icon::before {
    content: "\f262"; /* kit */
}

/* Item Search */
form[action="./itemSearchLoad.do"] input[type="text"] {
    width: 100%;
}

form[action="./itemSearchLoad.do"] table tbody tr td {
    padding-bottom: 8px;
}

form[action="./itemSearchLoad.do"] table tbody tr:nth-child(4) td:last-child {
    display: flex;
    gap: 8px;
}

form[action="./itemSearchLoad.do"] table tbody tr:nth-child(4) td:last-child label {
    display: flex;
    gap: 4px;
    align-items: center;
}

form[action="./itemSearchLoad.do"] input[type="submit"] {
    background-color: var(--color-primary-blue);
    color: white;
    border-radius: var(--border-radius-small);
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    width: 132px;
    font-family: 'latobold', Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 16px;
}

#itemsTable a {
    color: var(--color-primary-blue);
}

#itemsTable td[align="right"] {
    opacity: 0.5;
}

#itemsTable tbody tr td {
    padding: 4px 6px;
}

#itemsTable tbody tr:nth-child(even) td {
    background-color: #f9f9f9
}

#itemsTable tbody tr:nth-child(even) td:first-child {
    border-radius: 5px 0 0 5px;
}

#itemsTable tbody tr:nth-child(even) td:last-child {
    border-radius: 0 5px 5px 0;
}

/* Item Search 2025 */
body[data-main-form-action="./itemSearchLoad.do"] {
    /*
    .search-criteria-table {display: none;}
    .search-criteria-table td.input-field { padding-right: 15px;} */
    .itemsearch-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 16px;
      max-width: 640px;
    }

    .itemsearch-wrapper,
    .itemsearch-wrapper * {
      box-sizing: border-box;
    }

    .itemsearch-wrapper .itemsearch-section {
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 8px;
    }

    .itemsearch-wrapper .itemsearch-section-contained {
      display: flex;
      flex-direction: column;
      padding: 16px;
      gap: 8px;
      background-color: #fff;
      box-shadow: var(--boxshadow-sub);
      border-radius: 8px;
    }

    .itemsearch-wrapper .itemsearch-section-display {
      display: flex;
      flex-direction: column;
      padding: 16px;
      gap: 8px;
      background-color: white;
      box-shadow: var(--boxshadow-sub);
      border-radius: 8px;
    }

    .itemsearch-wrapper .itemsearch-row {
      display: flex;
      gap: 16px;
    }

    .itemsearch-wrapper .itemsearch-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .itemsearch-wrapper .itemsearch-col > .itemsearch-input-wrap {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .itemsearch-wrapper .itemsearch-col label {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .itemsearch-wrapper .itemsearch-col label .info {
      margin: 0;
    }

    .itemsearch-wrapper .itemsearch-col input,
    .itemsearch-wrapper .itemsearch-col select {
      flex: 1;
    }

    .itemsearch-wrapper .itemsearch-col.itemsearch-actions {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
    }

    .itemsearch-wrapper .itemsearch-col.itemsearch-actions input[type="submit"] {
      margin-top: 8px;
      text-transform: none;
        flex: 0 0 auto;
        width: auto;
    }

    .itemsearch-wrapper .itemsearch-col.itemsearch-actions input[name="Download"] {
      background-color: var(--color-primary-grey-5);
      flex: 0 0 auto;
      width: auto;
    }

    .itemsearch-wrapper .itemsearch-folder-input {
      display: flex;
      gap: 8px;
    }

    .itemsearch-wrapper .itemsearch-folder-input .btn {
      background-color: var(--color-primary-grey-5);
      padding-left: 16px;
      padding-right: 16px;
    }

    .itemsearch-wrapper .itemsearch-folder-input .btn:hover {
      background-color: var(--color-primary-blue-dark);
    }

    .itemsearch-price-range {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .itemsearch-price-range input {
      text-align: right;
    }

    .itemsearch-primary,
    .itemsearch-advanced {
      display: flex;
      flex-direction: column;
      gap: 16px;
      flex: 1;
    }

    .itemsearch-primary {
      flex-direction: row;
    }

    .itemsearch-advanced {
      padding: 16px;
      background-color: white;
      box-shadow: var(--boxshadow-sub);
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    .itemsearch-advanced .itemsearch-advanced-label {
      font-weight: bold;
      display: flex;
      flex: 1;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
    }

    .itemsearch-advanced .itemsearch-advanced-label svg {
      transition: all 0.3s ease;
    }

    .itemsearch-advanced.active .itemsearch-advanced-label svg {
      transform: rotate(180deg);
    }

    .itemsearch-advanced:hover {
      box-shadow: var(--boxshadow-primary);
    }

    .itemsearch-advanced .itemsearch-section:not(:last-child) {
      position: relative;
      padding-bottom: 24px;
    }

    .itemsearch-advanced .itemsearch-section:not(:last-child)::after {
      content: '';
      width: calc(100% + 32px);
      height: 1px;
      background-color: var(--color-primary-grey-2);
      position: absolute;
      bottom: 0;
      left: -16px;
    }

    #itemsTable {
        width: 100%;
    }

    #itemsTable thead tr th {
        border-bottom: 1px solid var(--color-primary-grey-2);
    }

    #itemsTable thead tr th:not(:last-child),
    #itemsTable tbody tr td:not(:last-child) {
        padding-right: 16px;
    }

    #itemsTable thead tr th:first-child,
    #itemsTable tbody tr td:first-child {
        padding-right: 16px;
        width: 1%;
        min-width: 180px;
    }

    #itemsTable thead tr th:nth-child(2),
    #itemsTable tbody tr td:nth-child(2) {
        padding-right: 16px;
        width: 1%;
        min-width: 120px;
        }

    #itemsTable thead tr th:nth-child(2) .tablesorter-header-inner {
        justify-content: flex-end;
    }

    #itemsTable thead tr th:nth-child(3),
    #itemsTable tbody tr td:nth-child(3) {
        max-width: 320px;
        }

    #itemsTable tbody tr td a[href*="/merchant/item/"] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    #itemsTable tbody tr td:first-child a[href*="/merchant/item/"]::before {
        content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.5C1 3.22386 1.22386 3 1.5 3H10.5C10.7761 3 11 3.22386 11 3.5V9.5C11 10.3284 10.3284 11 9.5 11H2.5C1.67158 11 1 10.3284 1 9.5V3.5ZM2 4V9.5C2 9.77615 2.22385 10 2.5 10H9.5C9.77616 10 10 9.77616 10 9.5V4H2Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.88532 1.27288C7.15151 1.19941 7.42686 1.35564 7.50033 1.62183L7.98198 3.36696C7.99394 3.41029 8 3.45504 8 3.49999V6.49999C8 6.66071 7.92274 6.81163 7.79236 6.90561C7.66197 6.99958 7.49436 7.02515 7.34189 6.97433L6 6.52703L4.65811 6.97433C4.50564 7.02515 4.33803 6.99958 4.20764 6.90561C4.07726 6.81163 4 6.66071 4 6.49999V3.49999C4 3.45504 4.00606 3.41029 4.01802 3.36697L4.49965 1.62184C4.57312 1.35565 4.84847 1.19941 5.11466 1.27288C5.38085 1.34634 5.53708 1.62169 5.46362 1.88788L5 3.56772V5.80627L5.84189 5.52564C5.94452 5.49143 6.05548 5.49143 6.15811 5.52564L7 5.80627V3.56772L6.53637 1.88788C6.4629 1.62169 6.61913 1.34634 6.88532 1.27288Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.9373 3.74238C10.8492 3.90136 10.6818 4 10.5 4L1.5 4C1.31061 4 1.13748 3.893 1.05279 3.72361C0.96809 3.55422 0.986368 3.35151 1.1 3.2L2.45 1.4C2.63885 1.14819 2.93524 1 3.25 0.999999L8.97288 0.999999C9.31767 0.999999 9.63814 1.17762 9.82087 1.47L10.924 3.235C11.0203 3.38914 11.0254 3.58341 10.9373 3.74238ZM9.59788 3L8.97288 2L3.25 2L2.5 3L9.59788 3Z" fill="%2361B6E6"/></svg>');
        display: block;
        width: 12px;
        height: 12px;
    }

    #itemsTable tbody tr td a[href*="/merchant/item/"]::before {
        content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2.5C0.5 1.67157 1.17157 1 2 1H4.23241C4.56676 1 4.87899 1.1671 5.06446 1.4453L5.76759 2.5H10C10.8284 2.5 11.5 3.17158 11.5 4V9.5C11.5 10.3284 10.8284 11 10 11H2C1.17158 11 0.5 10.3284 0.5 9.5V2.5ZM2 2C1.72386 2 1.5 2.22386 1.5 2.5V9.5C1.5 9.77615 1.72385 10 2 10H10C10.2762 10 10.5 9.77616 10.5 9.5V4C10.5 3.72385 10.2762 3.5 10 3.5H5.5C5.33282 3.5 5.17671 3.41645 5.08397 3.27735L4.23241 2L2 2Z" fill="%2361B6E6"/></svg>');
        display: block;
        width: 12px;
        height: 12px;
    }

    .itemsearch-results-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 16px;
        margin-bottom: 0;
        border-bottom: 1px solid var(--color-primary-grey-2);
    }

    .itemsearch-results-nav {
        display: flex;
        gap: 16px;
    }
    .itemsearch-results-nav-pages {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .item-search-results-page-list {
        display: flex;
        gap: 4px;
        width: 100%;
        flex-wrap: wrap;
        max-width: 240px;
    }

    .itemsearch-results-nav-page {}
    .itemsearch-results-nav-page.active {}
    .itemsearch-results-nav-summary {
        color: var(--color-primary-grey-4);
    }
    .itemsearch-results-actions {
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .itemsearch-result-select {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    input[type="submit"].itemsearch-results-download {
        background-color: var(--color-primary-blue);
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 0;
        width: auto;
    }

    input[type="submit"].itemsearch-results-download:hover {
        background-color: var(--color-primary-blue-dark);
    }

    }
    .search-criteria-table {
        display: none;
    }
    .search-criteria-table td.input-field {
        padding-right: 15px;
    }
}

/* Dashboard Icons */
/*
Affiliate Management        "\f1c3"     people
Fraud Review                "\f215"     order-fraud-review
Statistics Basic            "\f24c"     chart-line
Statistics RTG              "\f24d"     chart-line-smooth
Accounts Recievable         "\f210"     order-ar
Find an Order               "\f1ae"     magnifying-glass
Shipping Department         "\f21a"     order-shipping
Quote Requests              "\f219"     order-quote-request
Getting Started             "\f188"     flag
Sales Summary               "\f214"     order-completed-orders
Preorder                    "\f218"     order-preorder
Integration Health Report   "\f1cd"     pulse
Order Entry                 "\f1c2"     pencil
Statistics (Affiliate)      "\f24e"     chart-scatter
*/
/* Dashboard Widget Config */
#colorbox .gridster .gs_w,
#colorbox .inactive_widgets .widgets .inactive {
    border-radius: 8px;
}

#colorbox .inactive_widgets .widgets .inactive {
    background: #828282;
}

#colorbox .gridster ul li .widget_container > span,
#colorbox .widgets > .inactive.ui-draggable > span {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#colorbox .gridster ul li .widget_container > span::before,
#colorbox .widgets > .inactive.ui-draggable > span::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f188";
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
    color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

#colorbox .widgets > .inactive.ui-draggable > span::before {
    color: rgba(255, 255, 255, 0.8);
}

/* Accounts Receivable */
#colorbox .gridster ul li .widget_container > span.accounts_receivable::before,
#colorbox .widgets > .inactive.ui-draggable > span.accounts_receivable::before {
    content: "\f210";
}

/* Affiliate Management */
#colorbox .gridster ul li .widget_container > span.affiliate_management::before,
#colorbox .widgets > .inactive.ui-draggable > span.affiliate_management::before {
    content: "\f1c3";
}

/* Fraud Review */
/* TODO: This element currently has accounts_receivable as the class and needs to be swapped out for fraud_review */
#colorbox .gridster ul li .widget_container > span.fraud_review::before,
#colorbox .widgets > .inactive.ui-draggable > span.fraud_review::before {
    content: "\f215";
}

/* Getting Started */
#colorbox .gridster ul li .widget_container > span.getting_started::before,
.widgets > .inactive.ui-draggable > span.getting_started::before {
    content: "\f188";
}

/* Integration Health Report */
#colorbox .gridster ul li .widget_container > span.heart::before,
#colorbox .widgets > .inactive.ui-draggable > span.heart::before {
    content: "\f1cd";
}

/* Order Entry */
#colorbox .gridster ul li .widget_container > span.launch::before,
#colorbox .widgets > .inactive.ui-draggable > span.launch::before {
    content: "\f1c2";
}

/* order Summary */
#colorbox .gridster ul li .widget_container > span.order_summary::before,
#colorbox .widgets > .inactive.ui-draggable > span.order_summary::before {
    content: "\f214";
}

/* Preorders */
#colorbox .gridster ul li .widget_container > span.preorders::before,
#colorbox .widgets > .inactive.ui-draggable > span.preorders::before {
    content: "\f218";
}

/* Quote Request */
#colorbox .gridster ul li .widget_container > span.quote_request::before,
#colorbox .widgets > .inactive.ui-draggable > span.quote_request::before {
    content: "\f219";
}

/* Sales Summary */
#colorbox .gridster ul li .widget_container > span.sales_summary::before,
#colorbox .widgets > .inactive.ui-draggable > span.sales_summary::before {
    content: "\f214";
}

/* Shipping Department */
#colorbox .gridster ul li .widget_container > span.shipping_department::before,
#colorbox .widgets > .inactive.ui-draggable > span.shipping_department::before {
    content: "\f21a";
}

/* Statistics Basic */
/* TODO: This element currently has sales_summary as the class and needs to be swapped out for statistics_basic */
#colorbox .gridster ul li .widget_container > span.statistics_basic::before,
#colorbox .widgets > .inactive.ui-draggable > span.statistics_basic::before {
    content: "\f24c";
}

/* Statistics RTG */
/* TODO: This element currently has sales_summary as the class and needs to be swapped out for statistics_rtg */
#colorbox .gridster ul li .widget_container > span.statistics_rtg::before,
#colorbox .widgets > .inactive.ui-draggable > span.statistics_rtg::before {
    content: "\f24d";
}

/* Statistics Affiliate */
/* TODO: This element currently has sales_summary as the class and needs to be swapped out for statistics_affiliate */
#colorbox .gridster ul li .widget_container > span.statistics_affiliate::before,
#colorbox .widgets > .inactive.ui-draggable > span.statistics_affiliate::before {
    content: "\f24e";
}

/* Find an Order */
#colorbox .gridster ul li .widget_container > span.find_order::before,
#colorbox .widgets > .inactive.ui-draggable > span.find_order::before {
    content: "\f1ae";
}

#colorbox .save_close {
    display: block;
    font-weight: bold;
    background: var(--color-primary-blue);
    color: #FFF;
    text-align: center;
    padding: 20px;
}


/* ITEM OPTIONS - Field table Customizations */
form[action="/merchant/item/editor/optionEditorSave.do"] table {
    border-collapse: collapse !important;
}

form[action="/merchant/item/editor/optionEditorSave.do"] table tr td {
    vertical-align: middle;
    line-height: 1em;
}

form[action="/merchant/item/editor/optionEditorSave.do"] table:not(.fieldTable) tr td:not(:first-child) {
    padding-left: 6px;
}

form[action="/merchant/item/editor/optionEditorSave.do"] table:not(.fieldTable) tr:not(:first-child) td {
    padding-top: 6px;
}

form[action="/merchant/item/editor/optionEditorSave.do"] table.fieldTable {
    width: 100%;
}

form[action="/merchant/item/editor/optionEditorSave.do"] table.fieldTable tr td {
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

form[action="/merchant/item/editor/optionEditorSave.do"] table.fieldTable tr td select {
    height: 25px;
}

form[action="/merchant/item/editor/optionEditorSave.do"] table.fieldTable tr td select:last-child {
    margin-left: 4px;
}

.dashboard-metric-table.unstriped {
    table-layout: fixed;
    width: 100%;
}

.dashboard-metric-table.unstriped tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

/*** Workflow Task ****/
#workflow_task_number_wrapper {
    margin-right: 15px;
    float: right;
}

/*** Report Pickup ****/
form[action="/merchant/report/reportPickupListSave.do"] input[type="submit"] {
    border: none;
    color: #fff;
    background-color: var(--color-primary-blue);
    padding: 8px 12px;
    letter-spacing: 0.08em;
    border-radius: var(--border-radius-small);
    font-weight: bold;
    font-size: 14px;
    transition: background-color var(--transition-primary);
}

form[action="/merchant/report/reportPickupListSave.do"] input[type="submit"]:hover {
    background-color: var(--color-primary-blue-dark);
}

form[action="/merchant/report/reportPickupListSave.do"] input[value*="delete"] {
    color: #fff !important;
    background-color: var(--color-primary-red);
}

form[action="/merchant/report/reportPickupListSave.do"] input[value*="delete"]:hover {
    background-color: var(--color-primary-red-dark);
}

form[action="/merchant/report/reportPickupListSave.do"] .title_bar input[type="submit"]:first-child {
    margin-left: 12px;
}

form[action="/merchant/report/reportPickupListSave.do"] table#reportPickTableId input[type="submit"] {
    padding: 4px 6px;
    letter-spacing: 0.08em;
    font-size: 12px;
}

form[action="/merchant/report/reportPickupListSave.do"] table#reportPickTableId {
    border-collapse: collapse !important;
    width: 100%;
}

form[action="/merchant/report/reportPickupListSave.do"] table#reportPickTableId tr td {
    vertical-align: middle;
    line-height: 1em;
}

form[action="/merchant/report/reportPickupListSave.do"] table#reportPickTableId tr:first-child td {
    font-weight: bold;
    padding-bottom: 8px;
}

form[action="/merchant/report/reportPickupListSave.do"] table#reportPickTableId tr td:first-child {
    padding-right: 8px;
}

form[action="/merchant/report/reportPickupListSave.do"] table#reportPickTableId tr:not(:first-child) td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

form[action="/merchant/report/reportPickupListSave.do"] a[href="/merchant/report/reportMenuLoad.do"] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--color-primary-blue);
    transition: color var(--transition-primary);
}

form[action="/merchant/report/reportPickupListSave.do"] a[href="/merchant/report/reportMenuLoad.do"]:hover {
    color: var(--color-primary-blue-dark);
}

form[action="/merchant/report/reportPickupListSave.do"] a[href="/merchant/report/reportMenuLoad.do"]::before {
    content: "\f120";
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: middle;
    display: inline-block;
    speak: none;
    line-height: 1;
}

/* Credit Card Settings Modal */
#contentCreditCardsId .method-creditcard thead tr th {
    background-color: transparent;
}

/* Auto Order Processing  */
form[action="/merchant/configuration/autoOrderNotificationSave.do"] input[name="Save"] {
    color: #fff;
    background-color: var(--color-primary-blue);
    border: none;
    padding: 5px;
    letter-spacing: 0.08em;
    border-radius: var(--border-radius-small);
    line-height: 1.5;
    cursor: pointer;
    font-weight: bold;
    position: sticky;
    bottom: 16px;
    min-width: 120px;
    transition: background-color var(--transition-primary);
}

form[action="/merchant/configuration/autoOrderNotificationSave.do"] input[name="Save"]:hover {
    background-color: var(--color-primary-blue-dark);
}


.workflow_task_number_near_screen_help {
    float: right;
    margin-right: 230px;
}

/* Orders - Shipping Department TODO: Remove this block because these have been moved on down to so they are actually applied to just the shipping Dept.

#ordersTable thead tr th,
#ordersTable tbody tr td {
    border: none;
}

#ordersTable thead tr th:first-child .tablesorter-header-inner {
    justify-content: center;
}

#ordersTable a[title="Open in New Window"] img {
    display: none;
}

#ordersTable a[title="Open in New Window"] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ordersTable a[title="Open in New Window"]::before {
    content: "\f183";
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: middle;
    display: block;
    speak: none;
    line-height: 1;
    color: var(--color-primary-blue);
    height: 16px;
    width: 16px;
    font-size: 16px;
    transition: color var(--transition-primary);
}

#ordersTable a[title="Open in New Window"]:hover::before {
    color: var(--color-primary-blue-dark);
}
*/

/* Account settings */
.account-info {
    padding-right: 30px;
}

.account-info form[action="/merchant/configuration/userEditSave.do"] > div:has(.section-half),
.account-info form[action="/merchant/configuration/groupEditSave.do"] > div:has(.section-half),
.account-info form[action="/merchant/configuration/userEditSave.do"] .permsAndNoticesRow,
.account-info form[action="/merchant/configuration/groupEditSave.do"] .permsAndNoticesRow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
    column-gap: 32px;

    div[style="clear: both;"] {
        display: none;
    }
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .conversationDepartmentsRow  {
    margin-top: 32px;
    margin-bottom: 32px;
}

@media (max-width: 800px) {
    .account-info form[action="/merchant/configuration/userEditSave.do"] > div:has(.section-half),
    .account-info form[action="/merchant/configuration/groupEditSave.do"] > div:has(.section-half),
    .account-info form[action="/merchant/configuration/userEditSave.do"] .permsAndNoticesRow,
    .account-info form[action="/merchant/configuration/groupEditSave.do"] .permsAndNoticesRow {
        display: block;
        float: none;

        > div.section-half,
        > .conversationDepartmentsRow {
            margin-bottom: 32px;
        }
    }
}

.account-info form[action="/merchant/configuration/userEditSave.do"] .permsAndNoticesRow,
.account-info form[action="/merchant/configuration/groupEditSave.do"] .permsAndNoticesRow {
    grid-column: span 2;
}

.account-info form[action="/merchant/configuration/userEditSave.do"] > div:has(.section-half) .section-half,
.account-info form[action="/merchant/configuration/groupEditSave.do"] > div:has(.section-half) .section-half,
.account-info form[action="/merchant/configuration/userEditSave.do"] .permsAndNoticesRow .section-half,
.account-info form[action="/merchant/configuration/groupEditSave.do"] .permsAndNoticesRow .section-half {
    float: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;


    fieldset {
        margin-bottom: 0;
        flex: 1 1 0;

        box-sizing: border-box;
    }
}

.account-info form[action="/merchant/configuration/userEditSave.do"] h3,
.account-info form[action="/merchant/configuration/groupEditSave.do"] h3 {
    font-weight: 400;
    color: var(--color-primary-grey-5);
    display: flex;
    align-items: center;
    gap: 8px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-contact) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-contact) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3334 14V12.6667C13.3334 11.9594 13.0524 11.2811 12.5523 10.781C12.0522 10.281 11.3739 10 10.6667 10H5.33335C4.62611 10 3.94783 10.281 3.44774 10.781C2.94764 11.2811 2.66669 11.9594 2.66669 12.6667V14" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.99998 7.33333C9.47274 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47274 2 7.99998 2C6.52722 2 5.33331 3.19391 5.33331 4.66667C5.33331 6.13943 6.52722 7.33333 7.99998 7.33333Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-otp) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-otp) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3334 5L12.6667 2.66666M14.0001 1.33333L12.6667 2.66666L14.0001 1.33333ZM7.59339 7.73999C7.93762 8.07964 8.21126 8.48402 8.39856 8.92986C8.58587 9.37569 8.68313 9.85417 8.68475 10.3377C8.68637 10.8213 8.59231 11.3004 8.408 11.7475C8.22369 12.1946 7.95277 12.6008 7.61082 12.9428C7.26888 13.2847 6.86268 13.5556 6.4156 13.7399C5.96852 13.9242 5.48939 14.0183 5.00582 14.0167C4.52224 14.0151 4.04376 13.9178 3.59792 13.7305C3.15209 13.5432 2.74771 13.2696 2.40806 12.9253C1.74015 12.2338 1.37057 11.3076 1.37892 10.3462C1.38728 9.3848 1.7729 8.46516 2.45273 7.78533C3.13256 7.1055 4.0522 6.71988 5.01359 6.71152C5.97498 6.70317 6.90119 7.07275 7.59273 7.74066L7.59339 7.73999ZM7.59339 7.73999L10.3334 5L7.59339 7.73999ZM10.3334 5L12.3334 7L14.6667 4.66666L12.6667 2.66666L10.3334 5Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-password) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-password) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6343_3721)"><path d="M12.6667 7.63889H3.33333C2.59695 7.63889 2 8.26071 2 9.02777V13.8889C2 14.6559 2.59695 15.2778 3.33333 15.2778H12.6667C13.403 15.2778 14 14.6559 14 13.8889V9.02777C14 8.26071 13.403 7.63889 12.6667 7.63889Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.66663 7.63889V4.86111C4.66663 3.94022 5.01782 3.05704 5.64294 2.40588C6.26806 1.75471 7.1159 1.38889 7.99996 1.38889C8.88401 1.38889 9.73186 1.75471 10.357 2.40588C10.9821 3.05704 11.3333 3.94022 11.3333 4.86111V7.63889" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_6343_3721"><rect width="16" height="16.6667" fill="white"/></clipPath></defs></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-ftp-password) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-ftp-password) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6666 12.6667C14.6666 13.0203 14.5262 13.3594 14.2761 13.6095C14.0261 13.8595 13.6869 14 13.3333 14H2.66665C2.31302 14 1.97389 13.8595 1.72384 13.6095C1.47379 13.3594 1.33331 13.0203 1.33331 12.6667V3.33333C1.33331 2.97971 1.47379 2.64057 1.72384 2.39052C1.97389 2.14048 2.31302 2 2.66665 2H5.99998L7.33331 4H13.3333C13.6869 4 14.0261 4.14048 14.2761 4.39052C14.5262 4.64057 14.6666 4.97971 14.6666 5.33333V12.6667Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-groups) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-groups) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6343_3281)"><path d="M15.3334 14V12.6667C15.3329 12.0758 15.1363 11.5018 14.7743 11.0349C14.4123 10.5679 13.9055 10.2344 13.3334 10.0867" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.3333 14V12.6667C11.3333 11.9594 11.0523 11.2811 10.5522 10.781C10.0521 10.281 9.37387 10 8.66663 10H3.33329C2.62605 10 1.94777 10.281 1.44767 10.781C0.947578 11.2811 0.666626 11.9594 0.666626 12.6667V14" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6666 2.08667C11.2402 2.23353 11.7487 2.56713 12.1117 3.03487C12.4748 3.50261 12.6719 4.07789 12.6719 4.67C12.6719 5.26211 12.4748 5.83739 12.1117 6.30513C11.7487 6.77286 11.2402 7.10647 10.6666 7.25333" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.00004 7.33333C7.4728 7.33333 8.66671 6.13943 8.66671 4.66667C8.66671 3.19391 7.4728 2 6.00004 2C4.52728 2 3.33337 3.19391 3.33337 4.66667C3.33337 6.13943 4.52728 7.33333 6.00004 7.33333Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_6343_3281"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-permissions) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-permissions) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 7.33332L8 9.33332L14.6667 2.66666" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 8V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H10.6667" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-notifications) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-notifications) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.66671 2.66667H13.3334C14.0667 2.66667 14.6667 3.26667 14.6667 4.00001V12C14.6667 12.7333 14.0667 13.3333 13.3334 13.3333H2.66671C1.93337 13.3333 1.33337 12.7333 1.33337 12V4.00001C1.33337 3.26667 1.93337 2.66667 2.66671 2.66667Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.6667 4L8.00004 8.66667L1.33337 4" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .conversationDepartmentsRow .section-half h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .conversationDepartmentsRow .section-half h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 7.66667C14.0023 8.54658 13.7967 9.41459 13.4 10.2C12.9296 11.1412 12.2065 11.9328 11.3116 12.4862C10.4168 13.0396 9.3855 13.3329 8.33333 13.3333C7.45342 13.3356 6.58541 13.1301 5.8 12.7333L2 14L3.26667 10.2C2.86995 9.41459 2.66437 8.54658 2.66667 7.66667C2.66707 6.61451 2.96041 5.58324 3.51381 4.68837C4.06722 3.7935 4.85884 3.07038 5.8 2.6C6.58541 2.20329 7.45342 1.99771 8.33333 2H8.66667C10.0562 2.07666 11.3687 2.66318 12.3528 3.64724C13.3368 4.63131 13.9233 5.94377 14 7.33334V7.66667Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:has(.fieldset-ultracart-phone) h3::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:has(.fieldset-ultracart-phone) h3::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6343_3281)"><path d="M15.3334 14V12.6667C15.3329 12.0758 15.1363 11.5018 14.7743 11.0349C14.4123 10.5679 13.9055 10.2344 13.3334 10.0867" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.3333 14V12.6667C11.3333 11.9594 11.0523 11.2811 10.5522 10.781C10.0521 10.281 9.37387 10 8.66663 10H3.33329C2.62605 10 1.94777 10.281 1.44767 10.781C0.947578 11.2811 0.666626 11.9594 0.666626 12.6667V14" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6666 2.08667C11.2402 2.23353 11.7487 2.56713 12.1117 3.03487C12.4748 3.50261 12.6719 4.07789 12.6719 4.67C12.6719 5.26211 12.4748 5.83739 12.1117 6.30513C11.7487 6.77286 11.2402 7.10647 10.6666 7.25333" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.00004 7.33333C7.4728 7.33333 8.66671 6.13943 8.66671 4.66667C8.66671 3.19391 7.4728 2 6.00004 2C4.52728 2 3.33337 3.19391 3.33337 4.66667C3.33337 6.13943 4.52728 7.33333 6.00004 7.33333Z" stroke="%23303030" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_6343_3281"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    display: block;
}

/* .account-info span.info {
    width: 8px;
    height: 8px;
    background: #51b35a;
    display: block;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    opacity: 0.6;
    transition: all 0.3s ease;
} */

.account-info form[action="/merchant/configuration/userEditSave.do"] span.info,
.account-info form[action="/merchant/configuration/groupEditSave.do"] span.info {
    position: absolute;
    left: -15px;
    top: 50%;
    width: 12px;
    height: 12px;
    background: none;
    transform: translateY(-50%);
}

.account-info form[action="/merchant/configuration/userEditSave.do"] .fieldset-permissions span.info {
    top: 1px;
    transform: none;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] span.info::after,
.account-info form[action="/merchant/configuration/userEditSave.do"] span.info::after {
    display: none;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions span.info,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions span.info {
    left: 2px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset input[type="text"],
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset input[type="text"],
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset input[type="password"],
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset input[type="password"] {
    width: 100%;
    max-width: 320px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] span:hover.info,
.account-info form[action="/merchant/configuration/userEditSave.do"] span:hover.info {
    opacity: 1;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half,
.account-info form[action="/merchant/configuration/userEditSave.do"] .section-half {
    position: relative;
    width: 100%;
    clear: both;
}

@media screen and (min-width: 1024px) {
    .account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half,
    .account-info form[action="/merchant/configuration/userEditSave.do"] .section-half {
        width: calc(50% - 15px);
        clear: none;
        float: left;

    }

    .account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:nth-child(odd),
    .account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:nth-child(odd) {
        margin-right: 15px;
        clear: both;
    }

    .account-info form[action="/merchant/configuration/groupEditSave.do"] .section-half:nth-child(even),
    .account-info form[action="/merchant/configuration/userEditSave.do"] .section-half:nth-child(even) {
        margin-left: 15px;
    }
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset {
    padding: 20px 32px 16px 32px;
    /* border: 1px solid #ccc; */
    border: none;
    background-color: white;
    box-shadow: var(--boxshadow-primary);
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset > p,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset > p {
    line-height: 1.7;
    color: var(--color-primary-grey-4);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset > p:first-child,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset > h4:first-child,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset > p:first-child,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset > h4:first-child {
    margin-top: 0;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset .row,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset .row {
    clear: both;
    margin-bottom: 16px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset .row:last-child,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset .row:last-child {
    margin-bottom: 4px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset .row::after,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset .row::after {
    content: "";
    display: block;
    clear: both;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset .columns,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset .columns {
    float: left;
    width: 200px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-linked .columns,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-linked .columns {
    height: auto;
    line-height: 15px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions .columns,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions .columns {
    height: auto;
    line-height: 15px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions .columns strong,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions .columns strong {
font: 'latoregular', Arial, Helvetica, sans-serif;
font-family: var(--font-primary-regular);
font-size: 14px;
font-weight: normal;
margin-bottom: 5px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions ul,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications ul,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions ul,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications ul {
list-style: none;
margin: 0;
padding: 0;
column-count: 2;
}

@media (max-width: 1300px) {
    .account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions ul,
    .account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications ul,
    .account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions ul,
    .account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications ul {
        column-count: 1;
    }
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions li:not(:first-of-type) .columns:only-child,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions li:not(:first-of-type) .columns:only-child {
   width: 100%;
   margin-top: 8px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions ul li,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications ul li,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions ul li,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications ul li {
    display: inline-block;
    width: 100%;
    clear: both;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
    margin-bottom: 4px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions ul li:has(>h4),
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications ul li:has(>h4),
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions ul li:has(>h4),
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications ul li:has(>h4) {
    display: block;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications .columns,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications .columns {
    height: 16px;
    line-height: 16px;
    margin-bottom: 0;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset .column-label,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset .column-label {
width: 120px;
color: var(--color-primary-grey-4);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset .column-value {
    display: flex;
    align-items: center;
    gap: 4px;
    width: calc(100% - 120px);
    font-size: 12px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-linked .column-label-company,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-linked .column-label-company {
width: calc(100% - 140px);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-contact .column-label,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-contact .column-label {
width: 100px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-contact .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-contact .column-value {
    width: calc(100% - 100px);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-otp,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-otp {
min-height: 140px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-otp .column-label,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-otp .column-label {
width: 160px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-otp .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-otp .column-value {
    width: calc(100% - 160px);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications li:first-of-type h4,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications li:first-of-type h4 {
margin-top: 0;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications h4,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications h4 {
margin-bottom: 5px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-ultracart-phone .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-ultracart-phone .column-value {
    width: calc(100% - 200px);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-linked .column-value,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-groups .column-value,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions .column-value,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-linked .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-groups .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions .column-value,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications .column-value {
width: 20px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions .column-value:has(strong) strong,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions .column-value:has(strong) strong {
    display:flex;
    flex-direction: column;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions .column-value:has(strong) strong small,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions .column-value:has(strong) strong small {
    margin-left: 0 !important;
    opacity: 0.4;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-linked .column-label,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-linked .column-label {
font-size: 12px;
height: auto;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-groups .column-label,
.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-notifications .column-label,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-groups .column-label,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-notifications .column-label {
width: calc(100% - 20px);
font-size: 12px;
height: auto;
color: var(--color-primary-grey-4);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions .column-label,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions .column-label {
width: calc(100% - 40px);
padding-left: 20px;
font-size: 12px;
color: var(--color-primary-grey-4);
}

.account-info .permsKey {
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-primary-red);
    border: 1px solid var(--color-primary-red);
    border-radius: var(--border-radius-medium);
    padding: 8px 16px;
    background-color: color-mix(in srgb, var(--color-primary-red) 20%, transparent);

    position: absolute;
    color: color-mix(in srgb, var(--color-primary-red) 60%, transparent);
    margin-top: 0;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    padding: 0;
}

.account-info .permsKey::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: var(--color-primary-red);
    margin-right: 4px;
    border-radius: 50%;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] fieldset.fieldset-permissions .column-label.negative::before,
.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions .column-label.negative::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--color-primary-red);
    margin-right: 4px;
    border-radius: 50%;
    position: absolute;
    left: -32px;
    top: 2px;
}

input[type="text"],
input[type="number"],
input[type="password"] {
border-radius: 5px;
background: #fff;
}

#permissionIpAddresses5 {
margin-bottom: 5px;
}

#permissionIpAddresses5 textarea {
background: #fff;
border-radius: 5px;
margin: 5px 0;
}

#permissionIpAddresses5 .note {
opacity: 0.5;
font-style: italic;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .sticky_save,
.account-info form[action="/merchant/configuration/userEditSave.do"] .sticky_save {
background: transparent;
padding: 0;
border-top: none;
border-bottom: none;
border-right: none;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .sticky_save .content_half,
.account-info form[action="/merchant/configuration/userEditSave.do"] .sticky_save .content_half {
background: rgba(255,255,255,0.6);
backdrop-filter: blur(4px);
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .sticky_save div.more_notice,
.account-info form[action="/merchant/configuration/userEditSave.do"] .sticky_save div.more_notice {
display: none;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .sticky_save.is_stuck,
.account-info form[action="/merchant/configuration/userEditSave.do"] .sticky_save.is_stuck {
margin-top: 21px;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .sticky_save.is_stuck div.more_notice,
.account-info form[action="/merchant/configuration/userEditSave.do"] .sticky_save.is_stuck div.more_notice {
height: 60px;
color: #fff;
border-top: none;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 90%);
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
height: 48px;
padding-bottom: 12px;
padding-left: 30px;
margin-top: -48px;
margin-left: -30px;
width: calc(100% + 40px);
backdrop-filter: blur(2px);
display: flex;
align-items: flex-end;
justify-content: flex-start;
border-right: none;
}

.account-info form[action="/merchant/configuration/groupEditSave.do"] .sticky_save .save_btn.btn.bottom,
.account-info form[action="/merchant/configuration/userEditSave.do"] .sticky_save .save_btn.btn.bottom {
    font-size: 11px;
    padding: 5px;
    margin: 20px 0;
    background: var(--color-primary-blue);
}

.account-info form[action="/merchant/configuration/userEditSave.do"] fieldset.fieldset-permissions.conversationDepartments {
    color: var(--color-primary-grey-5);

    ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 8px;

        li {
            display: flex;
            align-items: center;
            gap: 8px;
        }
    }

    .conversationAiSettings {
        padding: 8px 16px 8px 8px;
        margin-left: -8px;
        border-radius: 8px;
        background-color: var(--color-alt-blue-1);
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 15px;

        span {
            display: flex;
            align-items: center;
            gap: 4px;

            &::before {
                content: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.81539 4.97073C4.96513 4.56607 5.53748 4.56607 5.68722 4.97073L6.12064 6.14203C6.41879 6.94779 7.05408 7.58308 7.85984 7.88124L9.03114 8.31466C9.4358 8.46439 9.4358 9.03674 9.03114 9.18648L7.85984 9.6199C7.05408 9.91806 6.41879 10.5533 6.12063 11.3591L5.68722 12.5304C5.53748 12.9351 4.96513 12.9351 4.81539 12.5304L4.38197 11.3591C4.08381 10.5533 3.44852 9.91806 2.64276 9.6199L1.47147 9.18648C1.0668 9.03674 1.0668 8.46439 1.47147 8.31466L2.64276 7.88124C3.44852 7.58308 4.08381 6.94779 4.38197 6.14203L4.81539 4.97073Z" fill="%23303030"/><path d="M8.50221 1.34066C8.58777 1.10943 8.91483 1.10943 9.0004 1.34066L9.24806 2.00998C9.41844 2.47041 9.78146 2.83343 10.2419 3.00381L10.9112 3.25148C11.1424 3.33704 11.1424 3.6641 10.9112 3.74966L10.2419 3.99733C9.78146 4.16771 9.41844 4.53073 9.24806 4.99116L9.0004 5.66048C8.91483 5.89171 8.58777 5.89171 8.50221 5.66048L8.25454 4.99116C8.08416 4.53073 7.72114 4.16771 7.26071 3.99733L6.5914 3.74966C6.36016 3.6641 6.36016 3.33704 6.5914 3.25148L7.26071 3.00381C7.72114 2.83343 8.08416 2.47041 8.25454 2.00998L8.50221 1.34066Z" fill="%23303030"/><path d="M11.5421 5.92045C11.5849 5.80484 11.7484 5.80484 11.7912 5.92045L11.915 6.25511C12.0002 6.48533 12.1817 6.66684 12.412 6.75203L12.7466 6.87586C12.8622 6.91864 12.8622 7.08217 12.7466 7.12495L12.412 7.24879C12.1817 7.33398 12.0002 7.51549 11.915 7.7457L11.7912 8.08036C11.7484 8.19598 11.5849 8.19598 11.5421 8.08036L11.4183 7.7457C11.3331 7.51549 11.1516 7.33398 10.9214 7.24879L10.5867 7.12495C10.4711 7.08217 10.4711 6.91864 10.5867 6.87586L10.9214 6.75203C11.1516 6.66684 11.3331 6.48533 11.4183 6.25511L11.5421 5.92045Z" fill="%23303030"/></svg>');
                width: 14px;
                height: 14px;
                display: block;
            }
        }
    }
}

/* Item Editor */
#uc-item-editor .nav_interior_content {
    min-height: calc(100vh - 120px);
}

/* TODO: Add mobile styles */
/* @media only screen and (max-width: 1024px) { */
@media only screen and (max-width: 320px) {
    body {
        background-color: var(--color-primary-grey-1);
    }

    body::before,
    body::after {
        display: none;
    }

    header,
    .header {
        position: fixed;
        top: 0;
        min-width: unset;
        height: 60px;
        padding: 0 20px;
        z-index: 100;
    }

    #header_extension {
        min-width: unset !important;
    }

    .header .logo,
    .header .logo a img {
        width: 160px;
    }

    .footer,
    #push {
        display: none;
    }

    #wrap {
        padding-top: 60px;
    }

    .content_wrapper_v2 {
        margin-left: 0 !important;
    }

    /* TODO - add .mobile-menu-active to body to display */
    .side_bar {
        position: fixed;
        height: calc(100vh - 60px);
        top: 60px;
        left: -130px;
        background-color: var(--color-primary-grey-1);
        margin: 0;
        z-index: 10;
        transition: left var(--transition-primary);
    }

    .mobile-menu-active .side_bar {
        left: 0;
    }

    #uc-item-editor .interior_container .left_nav {
        position: fixed;
        height: calc(100vh - 60px);
        top: 60px;
        left: -180px;
        z-index: 5;
        transition: left var(--transition-primary);
    }

    /* TODO - add .mobile-menu-active to body to display */
    .mobile-menu-active #uc-item-editor .interior_container .left_nav {
        left: 130px;
    }

    .screen_help {
        display: none;
    }

    /* Mobile Dashboard */

    .dashboard {
        display: none;
    }

    /* Mobile Item Editor */

    #uc-item-editor.content_area, .content_wrapper_v3 {
        width: 100%;
        margin-left: 0;
    }

    #uc-item-editor .nav_interior_content,
    #uc-item-editor .interior_content.item_editor, #uc-item-editor .nav_interior_content.item_editor {
        position: relative;
        z-index: 1;
    }
}

@media only screen and (max-width: 768px) {
    .search_hint {
        display: none;
    }
}

/* AUTO ORDER SEARCH */

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] * {
    box-sizing: border-box;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table tr td:nth-child(1) {
    width: 154px;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table tr td:nth-child(2) {
    padding-left: 8px;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table input[type="text"],
form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table select,
form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table input[type="date"] {
    width: 100%;
    max-width: 200px;
    height: 32px;
    flex-shrink: 1;
    border: 1px solid var(--color-primary-grey-3);
    border-radius: 6px;
    background: white;
    color: var(--color-primary-grey-5);
    letter-spacing: .08em;
    padding: 5px;
    font-size: 0.8em;
    font-size: 0.786rem;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table td {
    position: relative;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table td:has(input.hasDatepicker) input {
    padding-left: 24px;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table td:has(input.hasDatepicker)::before {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    color: var(--color-primary-grey-4);
    width: 12px;
    height: 12px;
    vertical-align: top;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    content: '\f14a';
    transition: color 0.3s ease;
}

/* NOTE: We should probably add a class here. this is scoped to structure that may change */
form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table tr:last-child td:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 4px;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] table tr:last-child td:nth-child(2) input[type="radio"]:not(:first-child) {
    margin-left: 8px;
}

form[action="/merchant/orderprocessing/autoorder/searchSave.do"] .section_footer {
    box-sizing: border-box;
    position: sticky;
    width: calc(100% + 50px);
    bottom: 0;
    padding: 32px;
    background-color: rgba(0, 0, 0, 0.08);
    margin-left: -30px;
    backdrop-filter: blur(12px);
}

/* AUTO ORDER TABLE */

form[action="/merchant/orderprocessing/autoorder/searchResultsSave.do"] .widget_box {
    min-width: none !important;
}

.aos_options_header .hidden_inputs{
    opacity: 0;
    width: 0;
    height: 0;
}

/* Task Generation Settings */
form[action="/merchant/configuration/taskGenerationSave.do"] .list_25 > input[type="checkbox"],
form[action="/merchant/configuration/itemTaskGenerationSave.do"] .list_25 > input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

form[action="/merchant/configuration/taskGenerationSave.do"] .list_25:has(input[type="checkbox"]),
form[action="/merchant/configuration/itemTaskGenerationSave.do"] .list_25:has(input[type="checkbox"]) {
    background: var(--color-primary-grey-3);
    margin-right: 8px;
    position: relative;
    width: 32px;
    height: 18px;
    border-radius: 9px;
    cursor: pointer;
    transition: background-color var(--transition-primary);
}

form[action="/merchant/configuration/taskGenerationSave.do"] .list_25:has(input[type="checkbox"]:checked),
form[action="/merchant/configuration/itemTaskGenerationSave.do"] .list_25:has(input[type="checkbox"]:checked) {
    background-color: var(--color-primary-green);
}

form[action="/merchant/configuration/taskGenerationSave.do"] .list_25:has(input[type="checkbox"])::after,
form[action="/merchant/configuration/itemTaskGenerationSave.do"] .list_25:has(input[type="checkbox"])::after {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    background-color: white;
    pointer-events: none;
    transition: all var(--transition-primary);
}

form[action="/merchant/configuration/taskGenerationSave.do"] .list_25:has(input[type="checkbox"]):hover::after,
form[action="/merchant/configuration/itemTaskGenerationSave.do"] .list_25:has(input[type="checkbox"]):hover::after {
    box-shadow: var(--shadow-secondary);
}

form[action="/merchant/configuration/taskGenerationSave.do"] .list_25:has(input[type="checkbox"]:checked)::after,
form[action="/merchant/configuration/itemTaskGenerationSave.do"] .list_25:has(input[type="checkbox"]:checked)::after {
    left: 16px;
}

form[action="/merchant/configuration/taskGenerationSave.do"] input[type="submit"][value="Save"],
form[action="/merchant/configuration/itemTaskGenerationSave.do"] input[type="submit"][value="Save"] {
    background-color: var(--color-primary-blue);
    color: white;
    border-radius: var(--border-radius-small);
    border: none;
    outline: none;
    padding: 4px 8px;
    transition: background-color var(--transition-primary);
}

form[action="/merchant/configuration/taskGenerationSave.do"] input[type="submit"][value="Save"]:hover,
form[action="/merchant/configuration/itemTaskGenerationSave.do"] input[type="submit"][value="Save"]:hover {
    background-color: var(--color-primary-blue-dark);
}

/* StoreFronts - Upsells */

.upsell-container-wrapper {
    .upsell-container {
        box-shadow: var(--boxshadow-primary);

        &:only-child {
            .upsell-path__top-bar {
                .path-top-bar__section {
                    border-left: none;
                }
            }
        }

        .upsell-path__top-bar {
            .path-top-bar__section {
                border-left: 1px solid var(--color-primary-grey-2);

                &.path-top-bar__item-ids {
                    border-right: none;
                }
            }
        }
    }
    .offer-board__add-downsell__connector,
    .offer-board__downsell__connector {
        background-color: var(--color-primary-grey-2);
    }

}

.nav_interior_content .timepicker-inputs {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 0;
}

.nav_interior_content .timepicker-context {
    margin-top: 8px;
    display: flex;
    gap: 16px;
    font-size: 0.75rem;
}

.nav_interior_content .timepicker-context .timepicker-context-days {
    display: flex;
    gap: 4px;
    align-items: center;

    input[type="checkbox"] {
        accent-color: var(--color-primary-grey-3);
    }
}

.nav_interior_content .timepicker-context .timepicker-context-days input:not(:first-child) {
    margin-left: 4px;
}

.nav_interior_content .sticky-top-bar {
    transition: box-shadow var(--transition-primary);
}

.nav_interior_content .sticky-top-bar.is_stuck {
    width: calc(100% - 40px);
    border-radius: 0 0 5px 5px;
    border-bottom: none;
    padding: 10px;
    box-shadow: var(--boxshadow-primary);
}

.nav_interior_content .sticky-top-bar__view-date-range {
    background-color: var(--color-primary-blue);
}

.nav_interior_content .sticky-top-bar__hide-date-range {
    background-color: var(--color-primary-grey-5);
}

.nav_interior_content .sticky-top-bar__add-upsell-path {
    background-color: var(--color-primary-green);
    transition: background-color var(--transition-primary);
}

.nav_interior_content .sticky-top-bar__add-upsell-path:hover {
    background-color:var(--color-primary-green-dark);
}

.nav_interior_content  .offer-board__add-offer {
    border-radius: 16px;
    background-color:var(--color-primary-green);
    transition: background-color var(--transition-primary);
}

.nav_interior_content  .offer-board__add-offer:hover {
    background-color:var(--color-primary-green-dark);
}

.nav_interior_content  .upsell-path__variant-path-btn {
    border-radius: 0 0 8px 8px;
    background-color:var(--color-primary-green);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 19.5C1.89543 19.5 1 18.6046 1 17.5L1 13.5C1 12.3954 1.89543 11.5 3 11.5L7 11.5C8.10457 11.5 9 12.3954 9 13.5L9 17.5C9 18.6046 8.10457 19.5 7 19.5L3 19.5ZM3 13.5L3 17.5L7 17.5L7 13.5L3 13.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 16.5C12.4477 16.5 12 16.0523 12 15.5L12 8.5C12 7.39542 12.8954 6.5 14 6.5L18 6.5C18.5523 6.5 19 6.94771 19 7.5C19 8.05228 18.5523 8.5 18 8.5L14 8.5L14 15.5C14 16.0523 13.5523 16.5 13 16.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 7.5C19 8.05228 19.4477 8.5 20 8.5C20.5523 8.5 21 8.05228 21 7.5C21 6.94772 20.5523 6.5 20 6.5C19.4477 6.5 19 6.94772 19 7.5ZM20 10.5C18.3431 10.5 17 9.15685 17 7.5C17 5.84315 18.3431 4.5 20 4.5C21.6569 4.5 23 5.84315 23 7.5C23 9.15685 21.6569 10.5 20 10.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 15.5C19 16.0523 19.4477 16.5 20 16.5C20.5523 16.5 21 16.0523 21 15.5C21 14.9477 20.5523 14.5 20 14.5C19.4477 14.5 19 14.9477 19 15.5ZM20 18.5C18.3431 18.5 17 17.1569 17 15.5C17 13.8431 18.3431 12.5 20 12.5C21.6569 12.5 23 13.8431 23 15.5C23 17.1569 21.6569 18.5 20 18.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 15.5C7 14.9477 7.44772 14.5 8 14.5L18 14.5C18.5523 14.5 19 14.9477 19 15.5C19 16.0523 18.5523 16.5 18 16.5L8 16.5C7.44772 16.5 7 16.0523 7 15.5Z" fill="white"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 8px center;
    transition: background-color var(--transition-primary);
    width: auto;
    height: auto;
    border-radius: 8px;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    padding: 4px 8px 4px 32px;
}

.nav_interior_content  .upsell-path__variant-path-btn:hover {
    background-color:var(--color-primary-green-dark);
}

.nav_interior_content  .offer-board__add-offer span.oi {
    color: white;
}

.nav_interior_content .upsell-container {
    background-color: white;
    box-shadow: var(--boxshadow-primary);
}

.nav_interior_content .upsell-container.upsell-archive {
    background-color: var(--color-primary-grey-1);
    opacity: 0.8;
}
.nav_interior_content .upsell-container.upsell-archive .path-top-bar__section.path-top-bar__locations {
    background-color: transparent;
    display: flex;
    min-width: unset;
    flex: 1 1 auto;
    align-items: center;
    gap: 8px;
    width: auto;
}

.nav_interior_content .upsell-container.upsell-archive .path-top-bar__section.path-top-bar__locations::before {
    content: "archived";
    display: flex;
    line-height: 10px;
    padding: 8px;
    background-color: var(--color-primary-grey-2);
    color: var(--color-primary-grey-4);
    border-radius: 8px;
}

.nav_interior_content .upsell-container.upsell-archive .offer-board__nodes_wrapper {
    background-color: transparent;
}


.nav_interior_content .upsell-container.sticky-top-bar,
.nav_interior_content .upsell-container.upsell-view-select {
    background-color: var(--color-primary-grey-1);
    margin-bottom: 10px;
}

.nav_interior_content .upsell-container.sticky-top-bar {
    position: sticky !important;
    top: 0px;
    left: 0px;
    z-index: 15;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(4px);

    .timepicker-inputs {
        input {
            margin-left: 0;
        }
    }

    .sticky-top-bar__btn-group {
        display: flex;
        gap: 8px;

        .btn {
            margin-left: 0;
        }
    }
}

.nav_interior_content .upsell-container.upsell-view-select {
    box-shadow: none;
}

.nav_interior_content .offer-board__nodes_wrapper {
    background-color: white;
}

.nav_interior_content .offer-board__board-label {
    background-color: var(--color-primary-grey-1);
    color: var(--color-primary-grey-4);
    border-bottom-right-radius: 4px;
}

.nav_interior_content .path-top-bar__section.path-top-bar__locations {
    background-color: white;
    /* border-right: 1px solid var(--color-primary-grey-2); */
    border-right: none;
}

.nav_interior_content .offer-board__users-start,
.nav_interior_content .offer-board__end {
    border-radius: 8px;
    background-color: var(--color-primary-grey-2);
    color: var(--color-primary-grey-4);
}

.nav_interior_content .offer-board__ab-test-action-container,
.nav_interior_content .offer-board__offer-action-container {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: var(--color-primary-grey-1);
    color: var(--color-primary-grey-4);
}

.nav_interior_content .offer-board__action {
    color: var(--color-primary-grey-4);
}

.nav_interior_content .offer-board__action:hover {
    color: var(--color-primary-blue);
}

.nav_interior_content .offer-board__action-container {
    background-color: var(--color-primary-grey-1);
    color: var(--color-primary-grey-4);
}

.nav_interior_content .upsell-path-stats {
    background-color: white;
}

.nav_interior_content .offer-board {
    background-color: transparent;
    border-top: 1px solid var(--color-primary-grey-2);

    .offer-board__nodes {
        margin-top:32px;
        margin-bottom: 16px;

        &::before {
            border-top: 1px solid var(--color-primary-grey-2);
        }

        .offer-board__offer,
        .offer-board__downsell,
        .offer-board__ab-test {
            border: 1px solid var(--color-primary-grey-2);
            border-radius: 8px;
        }

        .offer-board__ab-test {
            background-color: var(--color-primary-grey-2);
        }

        .offer-board__add-downsell {
            background-color: var(--color-primary-green);
            text-transform: capitalize;
            font-weight: 600;
        }
    }
}

.nav_interior_content .upsell-view-select label select {
    margin-left: 8px;
    background-color: white;
    color: var(--color-primary-grey-4);
    border-radius: var(--border-radius-small);
    border-color: var(--color-primary-grey-3);
    min-width: 160px;
    padding: 2px 4px;
    height: 32px;
}

.nav_interior_content .toggle {
    position: relative;
    display: inline-block;
    background-color: var(--color-primary-grey-3);
    border-radius: 8px;
    height: 12px;
    width: 24px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
}

.nav_interior_content .offer-board__offer-toggle {
    position: absolute;
}

.nav_interior_content .path-top-bar__toggle {
    height: 12px;
    width: 24px;
    top: auto;
}

.nav_interior_content .toggle--active {
    background-color: var(--color-primary-green);
}

.nav_interior_content .toggle::after {
    content: "";
    position: absolute;
    background-color: #FFF;
    height: 8px;
    width: 8px;
    top: 2px;
    left: 2px;
    border-radius: 4px;
    transition: left 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.nav_interior_content .toggle--active::after {
    left: calc(100% - 10px);
    transform: none;
}

.upsell_path_edit_wrapper {

    .upsellPathName {
        width: 100%;
        box-sizing: border-box;
    }

    .selectize-input {
        border-radius: 4px;
        border: 1px solid var(--color-primary-grey-3);
    }

    .upsellTriggerItemIds {
        border-radius: 4px;
    }

    .btn {
        text-align: center;
    }

    .btn.orange_btn.savePathBtn {
        background-color: var(--color-primary-blue);
        transition: background-color var(--transition-primary);

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }
    }

    .btn.remove.closePathBtn {
        background-color: var(--color-primary-grey-4);
        transition: background-color var(--transition-primary);

        &:hover {
            background-color: var(--color-primary-grey-5);
        }
    }

    .list_100:has(.btn.orange_btn.savePathBtn) {
        margin-right: 8px;
    }

}

form#autoOrderEditFormId ul.etabs {
    border-bottom: none;
    padding-top: 10px;
    padding-left: 0;
    padding-bottom: 0;
    display: flex;
    gap: 8px;
}

form#autoOrderEditFormId .tab {
    display: block;
    zoom: 1;
    color: white;
    background: var(--color-primary-blue);
    border: none;
    border-bottom: none;
    border-radius: var(--border-radius-medium)
}

form#autoOrderEditFormId .tab a {
    color: white;
}

form#autoOrderEditFormId .tab.active {
    background: var(--color-primary-grey-1);
    padding-top: 0;
    position: relative;
    top: auto;
    border: 1px solid var(--color-primary-grey-3);
}

form#autoOrderEditFormId .tab.active a {
    color: var(--color-primary-grey-4)
}

form#autoOrderEditFormId .box_bg {
    background-color: transparent;
}

/* ORDER Undelete */
form[action="/merchant/orderprocessing/undeleteOrderSave.do"] input[type="submit"] {
    background-color: var(--color-primary-green);
    color: white;
    border-radius: var(--border-radius-small);
    border: none;
    outline: none;
    padding: 4px 8px;
    transition: background-color var(--transition-primary);
}

form[action="/merchant/orderprocessing/undeleteOrderSave.do"] input[type="submit"]:hover {
    background-color: var(--color-primary-green-dark);
}

.content_wrapper_v2 form[action="/merchant/orderprocessing/undeleteOrderSave.do"] .widget_box .title_bar strong,
form[action="/merchant/orderprocessing/undeleteOrderSave.do"] .title_bar br {
    display: none;
}

/* Quote Request */

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table td input[type="submit"] {
    padding-left: 20px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 4px;
    background-color: var(--color-primary-blue);
    color: white;
    border: none;
    letter-spacing: 0.12em;
    transition: background-color var(--transition-primary);
    margin-right: 4px;
}

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table td input[type="submit"]:hover {
    background-color: var(--color-primary-blue-dark);
}

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table td:has(input[type="submit"]) {
    position: relative;
}

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table td:has(input[type="submit"])::before {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1d2";
    color: white;
    font-size: 12px;
    width: 12px;
    height: 12px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
}

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table td:has(input[value="Print"])::before {
    content: "\f1cb";
}

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table td:has(>input[type="checkbox"]) {
    position: relative;
    padding: 1rem 0.5rem 1rem 1rem;
}

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table tr:first-child td:has(>input[type="checkbox"]) input[type="checkbox"] {
    margin-right: 4px;
    position: absolute;
    top: 0.5rem;
    left: 0;

}

form[action="/merchant/orderprocessing/qr/quoteRequestListSave.do"] table tr:not(:first-child) td:has(>input[type="checkbox"]) input[type="checkbox"] {
    margin-right: 4px;
    position: absolute;
    top: 0.1rem;
    left: 0;

}

/* Quote Request View */
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .title_bar input[value="Edit Customer"],
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .title_bar input[value="Edit Items"] {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 4px;
    background-color: var(--color-primary-blue);
    color: white;
    border: none;
    letter-spacing: 0.12em;
    transition: background-color var(--transition-primary);
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .title_bar input[value="Edit Customer"]:hover,
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .title_bar input[value="Edit Items"]:hover {
    background-color: var(--color-primary-blue-dark);
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[name="purchaseOrderNumber"] {
    width: 100%;
    box-sizing: border-box;
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box td:has(input[type="submit"]) {
    position: relative;
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box td:has(input[type="submit"])::before {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1d2";
    color: white;
    font-size: 12px;
    width: 12px;
    height: 12px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box td:has(input[value="send"])::before {
    content: "\f257";
}
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box td:has(input[value="convert"])::before {
    content: "\f157";
}
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box td:has(input[value="reject"])::before {
    content: "\f158";
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[value="send"],
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[value="convert"],
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[value="reject"] {
    padding-left: 20px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    background-color: var(--color-primary-green);
    color: white;
    border: none;
    letter-spacing: 0.12em;
    transition: background-color var(--transition-primary);
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[value="send"]:hover,
form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[value="convert"]:hover {
    background-color: var(--color-primary-green-dark);
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[value="reject"] {
    background-color: var(--color-primary-red);
    color: white !important;
}

form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] .widget_box input[value="reject"]:hover {
    background-color: var(--color-primary-red-dark);
}

/* Export Order Mapping */
.content_wrapper_v2 #fieldMapTableId .alt,
.content_wrapper_v2 #fieldMapTableId .odd {
    background-color: transparent;
}

.content_wrapper_v2 #fieldMapTableId td[valign="middle"],
.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] td[valign="middle"] {
    position: relative;
}

.content_wrapper_v2 #fieldMapTableId td[valign="middle"] img[src="/merchant/images/red_x_16x16.png"],
.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] td[valign="middle"] img[src="/merchant/images/green_plus_16x16.png"] {
    opacity: 0;
    cursor: pointer;
}

.content_wrapper_v2 #fieldMapTableId td[valign="middle"]:has(img[src="/merchant/images/red_x_16x16.png"])::before,
.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] td[valign="middle"]:has(img[src="/merchant/images/green_plus_16x16.png"])::before {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f22d";
    color: var(--color-primary-red);
    font-size: 16px;
    width: 16px;
    height: 16px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: color 0.3s ease;
}

.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] td[valign="middle"]:has(img[src="/merchant/images/green_plus_16x16.png"])::before {
    content: "\f1c9";
    color: var(--color-primary-green);
}

.content_wrapper_v2 #fieldMapTableId .errorText {
    margin-right: 20px;
    border: 1px solid var(--color-primary-red);
    background: var(--color-primary-red);
    color: white;
    margin-bottom: 5px;
    padding: 3px 5px;
    border-radius: var(--border-radius-small);
}

.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] input[name="addAllFields"] {
    border: none;
    padding: 4px 6px 4px 20px;
    background-color: transparent;
    color: white;
}

.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] span:has(input[name="addAllFields"]) {
    display: inline-block;
    position: relative;
    background-color: var(--color-primary-green);
    border-radius: 4px;
    margin-bottom: 16px;
    transition: background-color var(--transition-primary);
}

.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] span:has(input[name="addAllFields"]):hover {
    background-color: var(--color-primary-green-dark);
}

.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] span:has(input[name="addAllFields"])::before {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f1c9";
    color: white;
    font-size: 12px;
    width: 12px;
    height: 12px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: color 0.3s ease;
}

.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] input[type="submit"] {
    display: inline-block;
    position: relative;
    background-color: var(--color-primary-blue);
    color: white;
    border-radius: 4px;
    transition: background-color var(--transition-primary);
    border: none;
    padding: 4px 6px 4px 6px;
    transition: background-color var(--transition-primary);
}

.content_wrapper_v2 form[action="/merchant/configuration/exportOrderEditSave.do"] input[type="submit"]:hover {
    background-color: var(--color-primary-blue-dark);
}

.paymentMethods .method_section_credit_card .method_logo {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paymentMethods .method_section_credit_card .method_logo::before {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f16a";
    color: white;
    font-size: 40px;
    width: 40px;
    height: 40px;
    pointer-events: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

.paymentMethods .method_section_credit_card .method_logo img {
    display: none;
}

/* Configuration - CHeckout - Payments - Credit and Debit Cards Settings */
#contentCreditCardsId {
    font-size: 0.786rem;
    line-height: 18px;
    color: var(--color-primary-grey-5);
    letter-spacing: .05em;
    margin-top: 0;

    .list_160 {
        width: 200px;
    }

    .ultralightbox-title-wrapper {
        position: sticky;
        background-color: white;
        top: 0;
        z-index: 10;
    }

    table.method-creditcard {
        tr {
            display: table-row !important;

            th {
                white-space: normal;
                padding: 0 8px;
            }

            &:not(:has(th:nth-child(5))) {
                th {
                    br {
                        content: " ";
                        display: inline;
                        margin-right: 4px;
                    }
                }
            }
        }

        td {
            border-bottom: none;
            vertical-align: top;

            &[alt="AMEX"],
            &[alt="Diners Club"],
            &[alt="Discover"],
            &[alt="JCB"],
            &[alt="MasterCard"],
            &[alt="VISA"] {
                background-size: 80px;
                background-repeat: no-repeat;
                background-position: -10px 0px;
                height: 25px;
                width: 60px;

                img {
                    display: none;
                }
            }

            &[alt="AMEX"] {
                background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6955)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%23006FCF"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M249.079 45.2613H231.862L222.863 71.0859L213.473 45.2613H195.865V85.4722L177.866 45.2613H163.39L145.391 86.3451H157.911L161.433 78.1288H180.214L183.736 86.3451H207.212V57.7817L217.777 86.3451H227.558L238.123 57.7817V86.3451H249.079V92.6053H234.601L222.863 105.518L210.734 92.6053H161.042V133.689H210.343L222.472 120.386L234.601 133.689H249.079V138.775H231.862L222.472 128.602L213.081 138.775H154.782V91.8226H136L159.477 39H182.17L190.387 56.9991V39H218.559L223.254 52.695L227.95 39H249.079V45.2613ZM249.079 101.604L238.515 112.951L249.079 124.298V133.689L229.906 112.951L249.079 92.6053V101.604ZM195.865 133.689V123.907H172.389V117.647H195.474V108.256H172.389V101.996H195.865V92.6053L215.429 112.951L195.865 133.689ZM164.954 69.1287L170.433 55.8256L175.91 69.1287H164.954Z" fill="white"/></g><defs><filter id="filter0_dd_1319_6955" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6955"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6955" result="effect2_dropShadow_1319_6955"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6955" result="shape"/></filter></defs></svg>');
            }

            &[alt="Diners Club"] {
                background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6957)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%23006699"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M75.9613 125.869C75.9613 128.293 77.6937 128.574 79.234 128.574C86.0318 128.574 88.261 123.448 88.261 118.759C88.261 112.879 84.4877 108.631 78.416 108.631C77.1254 108.631 76.531 108.722 75.9613 108.756V125.869ZM72.8801 111.112C72.8801 108.283 71.3999 108.47 69.9873 108.438V107.625C71.2116 107.682 72.4701 107.682 73.6982 107.682C75.0188 107.682 76.8132 107.625 79.142 107.625C87.2866 107.625 91.7235 113.063 91.7235 118.635C91.7235 121.749 89.901 129.582 78.764 129.582C77.1631 129.582 75.679 129.521 74.2026 129.521C72.7862 129.521 71.3999 129.554 69.9873 129.582V128.762C71.8699 128.574 72.7862 128.511 72.8801 126.373V111.112Z" fill="white"/><path d="M96.1948 110.361C95.3729 110.361 94.6507 109.605 94.6507 108.788C94.6507 108 95.4053 107.274 96.1948 107.274C97.0096 107.274 97.7375 107.936 97.7375 108.788C97.7375 109.637 97.0434 110.361 96.1948 110.361ZM92.8262 128.763H93.4245C94.3046 128.763 94.9329 128.763 94.9329 127.72V119.2C94.9329 117.815 94.4643 117.626 93.2963 117.001V116.497C94.777 116.053 96.5376 115.46 96.6653 115.361C96.8856 115.238 97.0715 115.206 97.2317 115.206C97.3876 115.206 97.4496 115.393 97.4496 115.645V127.72C97.4496 128.763 98.1456 128.763 99.0218 128.763H99.5582V129.583C98.4879 129.583 97.3876 129.521 96.2554 129.521C95.1226 129.521 93.9904 129.552 92.8262 129.583V128.763Z" fill="white"/><path d="M102.547 119.387C102.547 118.226 102.201 117.91 100.725 117.316V116.714C102.075 116.274 103.363 115.862 104.876 115.205C104.97 115.205 105.062 115.268 105.062 115.516V117.566C106.858 116.274 108.401 115.205 110.51 115.205C113.182 115.205 114.127 117.154 114.127 119.609V127.721C114.127 128.763 114.821 128.763 115.699 128.763H116.265V129.582C115.161 129.582 114.061 129.521 112.932 129.521C111.798 129.521 110.666 129.553 109.533 129.582V128.763H110.099C110.982 128.763 111.606 128.763 111.606 127.721V119.579C111.606 117.782 110.51 116.904 108.713 116.904C107.707 116.904 106.104 117.72 105.062 118.414V127.721C105.062 128.763 105.76 128.763 106.64 128.763H107.206V129.582C106.104 129.582 105 129.521 103.866 129.521C102.737 129.521 101.603 129.553 100.471 129.582V128.763H101.041C101.919 128.763 102.547 128.763 102.547 127.721V119.387Z" fill="white"/><path d="M124.228 119.891C125.011 119.891 125.103 119.483 125.103 119.107C125.103 117.499 124.129 116.21 122.368 116.21C120.451 116.21 119.129 117.625 118.751 119.891H124.228ZM118.659 120.901C118.593 121.183 118.593 121.654 118.659 122.724C118.843 125.715 120.765 128.168 123.28 128.168C125.011 128.168 126.369 127.221 127.529 126.059L127.97 126.499C126.521 128.418 124.731 130.052 122.152 130.052C117.146 130.052 116.142 125.209 116.142 123.196C116.142 117.03 120.293 115.206 122.492 115.206C125.042 115.206 127.783 116.808 127.811 120.141C127.811 120.335 127.811 120.521 127.783 120.711L127.495 120.901H118.659Z" fill="white"/><path d="M128.535 128.763H129.386C130.267 128.763 130.892 128.763 130.892 127.72V118.884C130.892 117.912 129.731 117.721 129.259 117.467V117.001C131.553 116.023 132.816 115.207 133.099 115.207C133.286 115.207 133.38 115.297 133.38 115.615V118.444H133.447C134.23 117.219 135.552 115.207 137.471 115.207C138.257 115.207 139.262 115.737 139.262 116.871C139.262 117.721 138.669 118.479 137.785 118.479C136.807 118.479 136.807 117.721 135.708 117.721C135.174 117.721 133.412 118.444 133.412 120.336V127.72C133.412 128.763 134.04 128.763 134.92 128.763H136.682V129.583C134.952 129.553 133.634 129.521 132.281 129.521C130.989 129.521 129.669 129.553 128.535 129.583V128.763Z" fill="white"/><path d="M140.645 125.209C141.057 127.284 142.316 129.048 144.612 129.048C146.466 129.048 147.155 127.914 147.155 126.814C147.155 123.103 140.303 124.293 140.303 119.232C140.303 117.467 141.719 115.206 145.18 115.206C146.185 115.206 147.537 115.488 148.764 116.117L148.986 119.326H148.263C147.949 117.345 146.844 116.209 144.832 116.209C143.572 116.209 142.379 116.935 142.379 118.287C142.379 121.971 149.676 120.836 149.676 125.775C149.676 127.85 148.009 130.053 144.268 130.053C143.004 130.053 141.527 129.614 140.427 128.987L140.081 125.367L140.645 125.209Z" fill="white"/><path d="M178.083 113.316H177.297C176.7 109.637 174.088 108.159 170.569 108.159C166.946 108.159 161.69 110.579 161.69 118.126C161.69 124.485 166.229 129.048 171.069 129.048C174.184 129.048 176.765 126.91 177.395 123.605L178.115 123.791L177.395 128.386C176.073 129.206 172.514 130.053 170.437 130.053C163.077 130.053 158.425 125.303 158.425 118.225C158.425 111.776 164.179 107.15 170.347 107.15C172.896 107.15 175.347 107.968 177.769 108.816L178.083 113.316Z" fill="white"/><path d="M179.215 128.763H179.815C180.697 128.763 181.327 128.763 181.327 127.72V110.207C181.327 108.159 180.855 108.095 179.659 107.75V107.246C180.916 106.837 182.238 106.275 182.9 105.892C183.244 105.704 183.498 105.544 183.591 105.544C183.782 105.544 183.842 105.734 183.842 105.988V127.72C183.842 128.763 184.537 128.763 185.417 128.763H185.951V129.583C184.886 129.583 183.782 129.521 182.646 129.521C181.517 129.521 180.385 129.553 179.215 129.583V128.763Z" fill="white"/><path d="M199.419 127.85C199.419 128.42 199.761 128.448 200.298 128.448C200.673 128.448 201.149 128.42 201.559 128.42V129.081C200.201 129.206 197.624 129.866 197.022 130.054L196.868 129.96V127.415C194.983 128.956 193.531 130.054 191.295 130.054C189.598 130.054 187.839 128.956 187.839 126.315V118.259C187.839 117.438 187.711 116.65 185.954 116.496V115.898C187.088 115.864 189.598 115.68 190.009 115.68C190.36 115.68 190.36 115.898 190.36 116.59V124.705C190.36 125.647 190.36 128.353 193.094 128.353C194.161 128.353 195.577 127.534 196.898 126.441V117.971C196.898 117.344 195.389 117 194.259 116.683V116.116C197.09 115.926 198.854 115.68 199.166 115.68C199.419 115.68 199.419 115.898 199.419 116.246V127.85Z" fill="white"/><path d="M205.676 126.027C205.676 127.223 206.809 129.235 208.919 129.235C212.288 129.235 213.702 125.93 213.702 123.129C213.702 119.735 211.122 116.904 208.668 116.904C207.498 116.904 206.526 117.66 205.676 118.386V126.027ZM205.676 117.468C206.934 116.401 208.637 115.207 210.366 115.207C214.014 115.207 216.217 118.386 216.217 121.811C216.217 125.93 213.198 130.054 208.695 130.054C206.366 130.054 205.143 129.299 204.323 128.955L203.381 129.675L202.723 129.331C202.999 127.477 203.159 125.648 203.159 123.732V110.207C203.159 108.159 202.689 108.093 201.493 107.749V107.245C202.755 106.837 204.071 106.275 204.733 105.891C205.078 105.704 205.33 105.545 205.428 105.545C205.616 105.545 205.676 105.734 205.676 105.988V117.468Z" fill="white"/><path d="M109.987 75.5547C109.987 59.5417 122.967 46.5617 138.981 46.5617C154.994 46.5617 167.974 59.5417 167.974 75.5547C167.974 91.5682 154.994 104.548 138.981 104.548C122.967 104.548 109.987 91.5682 109.987 75.5547Z" fill="%23006699"/><path d="M156.516 74.9836C156.503 67.558 151.863 61.2275 145.322 58.7194V91.2483C151.863 88.7364 156.503 82.4116 156.516 74.9836ZM132.847 91.2407V58.7213C126.314 61.2389 121.679 67.5618 121.662 74.9836C121.679 82.404 126.314 88.7288 132.847 91.2407ZM139.088 47.4899C123.904 47.4956 111.601 59.7996 111.6 74.9836C111.601 90.1662 123.904 102.468 139.088 102.47C154.272 102.468 166.578 90.1662 166.582 74.9836C166.578 59.7996 154.272 47.4956 139.088 47.4899ZM139.02 105.067C122.405 105.144 108.729 91.6845 108.729 75.2973C108.729 57.3897 122.405 45.0028 139.02 45.0061H146.809C163.227 45.0028 178.212 57.3821 178.212 75.2973C178.212 91.6769 163.227 105.067 146.809 105.067H139.02Z" fill="white"/></g><defs><filter id="filter0_dd_1319_6957" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6957"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6957" result="effect2_dropShadow_1319_6957"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6957" result="shape"/></filter></defs></svg>');
            }

            &[alt="Discover"] {
                background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1217_4378)"><rect x="41" y="21.0002" width="208" height="134" rx="24" fill="url(%23paint0_linear_1217_4378)"/><rect x="40.5" y="20.5002" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M44 44C44 32.9543 52.9543 24 64 24H173C208.346 24 237 52.6538 237 88C237 123.346 208.346 152 173 152H64C52.9543 152 44 143.046 44 132V44Z" fill="white"/><path d="M106.846 88.0817C106.846 95.9509 113.026 102.051 120.975 102.051C123.224 102.051 125.147 101.608 127.521 100.492V94.3463C125.434 96.4331 123.585 97.2765 121.217 97.2765C115.958 97.2765 112.226 93.464 112.226 88.0427C112.226 82.9047 116.079 78.8501 120.975 78.8501C123.466 78.8501 125.352 79.7367 127.521 81.8603V75.7167C125.231 74.5555 123.345 74.0732 121.098 74.0732C113.188 74.0732 106.846 80.299 106.846 88.0817Z" fill="%23251F1F"/><path d="M93.4447 81.5813C93.4447 83.0258 94.3659 83.7913 97.4993 84.9504C103.44 87.1237 105.2 89.0483 105.2 93.3019C105.2 98.4831 101.392 102.09 95.9661 102.09C91.9937 102.09 89.1046 100.527 86.6978 96.9953L90.0712 93.7473C91.2736 96.072 93.2803 97.3175 95.7693 97.3175C98.1005 97.3175 99.824 95.7108 99.824 93.5419C99.824 92.4174 99.3006 91.4508 98.2583 90.7718C97.7329 90.4496 96.6927 89.9673 94.6492 89.2472C89.7447 87.4827 88.0623 85.5948 88.0623 81.9057C88.0623 77.5245 91.6758 74.2354 96.4116 74.2354C99.3461 74.2354 102.032 75.2388 104.279 77.2045L101.545 80.7812C100.185 79.2567 98.9006 78.6123 97.335 78.6123C95.0838 78.6123 93.4447 79.8946 93.4447 81.5813Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M62.7377 74.6788H55.0718V101.448H62.6966C66.7491 101.448 69.6792 100.492 72.2482 98.3577C75.3016 95.8298 77.1073 92.0196 77.1073 88.0817C77.1073 80.1822 71.2038 74.6788 62.7377 74.6788ZM68.8359 94.7897C67.1946 96.2688 65.0645 96.9154 61.6911 96.9154H60.2898V79.2156H61.6911C65.0645 79.2156 67.1102 79.8168 68.8359 81.3802C70.6437 82.987 71.7271 85.4781 71.7271 88.0428C71.7271 90.6118 70.6437 93.183 68.8359 94.7897Z" fill="%23251F1F"/><path d="M84.7322 74.6788H79.5098V101.448H84.7322V74.6788Z" fill="%23251F1F"/><path d="M161.783 74.6788L168.923 92.6575L176.155 74.6788H181.814L170.249 102.136H167.44L156.081 74.6788H161.783Z" fill="%23251F1F"/><path d="M184.175 101.448H198.984V96.9154H189.393V89.6906H198.629V85.1559H189.393V79.2156H198.984V74.6788H184.175V101.448Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M210.183 74.6788C216.206 74.6788 219.661 77.57 219.661 82.5804C219.661 86.6804 217.492 89.3705 213.559 90.1707L221.986 101.448H215.566L208.339 90.694H207.655V101.448H202.442V74.6788H210.183ZM207.655 87.0026H209.184C212.519 87.0026 214.285 85.5538 214.285 82.8637C214.285 80.2579 212.519 78.8934 209.264 78.8934H207.655V87.0026Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M223.822 76.0822C223.822 75.6108 223.495 75.3535 222.927 75.3535H222.17V77.7149H222.732V76.8002L223.392 77.7149H224.081L223.305 76.7418C223.636 76.651 223.822 76.4088 223.822 76.0822ZM222.827 76.4044H222.732V75.786H222.834C223.113 75.786 223.258 75.8876 223.258 76.0909C223.258 76.2985 223.11 76.4044 222.827 76.4044Z" fill="%23251F1F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M220.983 76.5298C220.983 75.3858 221.895 74.4711 223.039 74.4711C224.155 74.4711 225.072 75.4031 225.072 76.5298C225.072 77.6629 224.155 78.5884 223.039 78.5884C221.904 78.5884 220.983 77.6715 220.983 76.5298ZM221.391 76.5319C221.391 77.4704 222.129 78.2208 223.03 78.2208C223.93 78.2208 224.661 77.4618 224.661 76.5319C224.661 75.6107 223.93 74.8409 223.03 74.8409C222.122 74.8409 221.391 75.5934 221.391 76.5319Z" fill="%23251F1F"/><g filter="url(%23filter1_i_1217_4378)"><path d="M143.348 102.261C135.524 102.261 129.179 95.9164 129.179 88.0926V88.0734C129.179 84.1807 130.755 80.6389 133.305 78.0894C133.305 78.0697 133.325 78.0697 133.325 78.0505C133.344 78.0505 133.344 78.0308 133.364 78.0308C135.913 75.4813 139.455 73.905 143.348 73.905H143.367C151.191 73.905 157.536 80.2496 157.536 88.0734V88.0926C157.536 91.9853 155.959 95.508 153.409 98.0771C153.409 98.0964 153.39 98.0964 153.39 98.1161C153.371 98.1161 153.371 98.1353 153.351 98.1353C150.782 100.685 147.26 102.261 143.367 102.261H143.348Z" fill="url(%23paint1_linear_1217_4378)"/></g></g><defs><filter id="filter0_dd_1217_4378" x="0" y="0.000244141" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1217_4378"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1217_4378" result="effect2_dropShadow_1217_4378"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1217_4378" result="shape"/></filter><filter id="filter1_i_1217_4378" x="129.179" y="73.905" width="29.3944" height="29.9129" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.03798" dy="1.55697"/><feGaussianBlur stdDeviation="1.03798"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_1217_4378"/></filter><linearGradient id="paint0_linear_1217_4378" x1="106.438" y1="21.0002" x2="186.634" y2="156.712" gradientUnits="userSpaceOnUse"><stop stop-color="%23E05026"/><stop offset="1" stop-color="%23F9A020"/></linearGradient><linearGradient id="paint1_linear_1217_4378" x1="135.926" y1="73.905" x2="159.226" y2="93.621" gradientUnits="userSpaceOnUse"><stop stop-color="%23EF3823"/><stop offset="0.489583" stop-color="%23F04D22"/><stop offset="1" stop-color="%23F7911D"/></linearGradient></defs></svg>');
            }

            &[alt="JCB"] {
                background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6927)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%230165B0"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M195.488 112.422C195.488 121.234 188.313 128.41 179.5 128.41H92.5122V65.0885C92.5122 56.2764 99.6878 49.1008 108.5 49.1008H195.488V112.422Z" fill="white"/><path d="M173.018 54.4512C166.723 54.4512 161.562 59.5496 161.562 65.9069V77.8032H177.739C178.116 77.8032 178.557 77.8032 178.872 77.8662C182.522 78.055 185.229 79.9433 185.229 83.2164C185.229 85.7971 183.403 88.0001 180.004 88.4407V88.5666C183.718 88.8184 186.551 90.8955 186.551 94.1056C186.551 97.5675 183.403 99.8335 179.249 99.8335H161.499V123.123H178.305C184.599 123.123 189.761 118.024 189.761 111.667V54.4512H173.018Z" fill="url(%23paint0_linear_1319_6927)"/><path d="M167.164 96.1828H173.773C173.868 96.1828 174.025 96.167 174.183 96.1513C174.34 96.1356 174.497 96.1198 174.592 96.1198C175.851 95.8681 176.921 94.7351 176.921 93.1615C176.921 91.6508 175.851 90.5179 174.592 90.2031C174.403 90.1402 174.025 90.1402 173.773 90.1402H167.164V96.1828Z" fill="url(%23paint1_linear_1319_6927)"/><path d="M173.773 81.2652C175.032 81.454 176.102 82.4611 176.102 83.9718C176.102 85.4824 175.032 86.4895 173.773 86.6783C173.711 86.7413 173.333 86.7413 173.144 86.7413H167.164V81.2023H173.144C173.248 81.2023 173.39 81.2213 173.518 81.2385C173.622 81.2525 173.717 81.2652 173.773 81.2652Z" fill="url(%23paint2_linear_1319_6927)"/><path d="M109.696 54.4512C103.402 54.4512 98.2402 59.5496 98.2402 65.9069V94.1686C101.45 95.7421 104.786 96.7492 108.122 96.7492C112.088 96.7492 114.228 94.3574 114.228 91.0843V77.7403H124.047V91.0214C124.047 96.1828 120.837 100.4 109.948 100.4C103.339 100.4 98.1772 98.9523 98.1772 98.9523V123.06H114.983C121.278 123.06 126.439 117.961 126.439 111.604V54.4512H109.696Z" fill="url(%23paint3_linear_1319_6927)"/><path d="M141.357 54.4512C135.062 54.4512 129.901 59.5496 129.901 65.9069V80.8875C132.796 78.4327 137.832 76.8591 145.952 77.2367C150.295 77.4256 154.952 78.6215 154.952 78.6215V83.4682C152.624 82.2722 149.854 81.2022 146.266 80.9504C140.098 80.5098 136.384 83.5311 136.384 88.8184C136.384 94.1686 140.098 97.1899 146.266 96.6863C149.854 96.4345 152.624 95.3015 154.952 94.1686V99.0152C154.952 99.0152 150.358 100.211 145.952 100.4C137.832 100.778 132.796 99.204 129.901 96.7492V123.186H146.707C153.001 123.186 158.163 118.087 158.163 111.73V54.4512H141.357Z" fill="url(%23paint4_linear_1319_6927)"/></g><defs><filter id="filter0_dd_1319_6927" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6927"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6927" result="effect2_dropShadow_1319_6927"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6927" result="shape"/></filter><linearGradient id="paint0_linear_1319_6927" x1="161.551" y1="83.9639" x2="189.838" y2="83.9639" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940"/><stop offset="0.2285" stop-color="%2300873F"/><stop offset="0.7433" stop-color="%2340A737"/><stop offset="1" stop-color="%235CB531"/></linearGradient><linearGradient id="paint1_linear_1319_6927" x1="161.551" y1="83.9639" x2="189.838" y2="83.9639" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940"/><stop offset="0.2285" stop-color="%2300873F"/><stop offset="0.7433" stop-color="%2340A737"/><stop offset="1" stop-color="%235CB531"/></linearGradient><linearGradient id="paint2_linear_1319_6927" x1="161.551" y1="83.9639" x2="189.838" y2="83.9639" gradientUnits="userSpaceOnUse"><stop stop-color="%23007940"/><stop offset="0.2285" stop-color="%2300873F"/><stop offset="0.7433" stop-color="%2340A737"/><stop offset="1" stop-color="%235CB531"/></linearGradient><linearGradient id="paint3_linear_1319_6927" x1="98.2269" y1="88.7594" x2="126.95" y2="88.7594" gradientUnits="userSpaceOnUse"><stop stop-color="%231F286F"/><stop offset="0.4751" stop-color="%23004E94"/><stop offset="0.8261" stop-color="%230066B1"/><stop offset="1" stop-color="%23006FBC"/></linearGradient><linearGradient id="paint4_linear_1319_6927" x1="129.738" y1="88.7594" x2="157.635" y2="88.7594" gradientUnits="userSpaceOnUse"><stop stop-color="%236C2C2F"/><stop offset="0.1735" stop-color="%23882730"/><stop offset="0.5731" stop-color="%23BE1833"/><stop offset="0.8585" stop-color="%23DC0436"/><stop offset="1" stop-color="%23E60039"/></linearGradient></defs></svg>');
            }

            &[alt="MasterCard"] {
                background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6959)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%23000008"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M159.941 61.483H129.316V116.517H159.941V61.483Z" fill="%23FF5F00"/><path d="M131.261 89C131.256 83.6998 132.457 78.468 134.773 73.7006C137.089 68.9333 140.46 64.7553 144.629 61.483C139.466 57.4246 133.265 54.9007 126.735 54.1999C120.205 53.499 113.61 54.6495 107.703 57.5197C101.796 60.39 96.8161 64.8642 93.3319 70.4311C89.8477 75.9979 88 82.4327 88 89C88 95.5673 89.8477 102.002 93.3319 107.569C96.8161 113.136 101.796 117.61 107.703 120.48C113.61 123.351 120.205 124.501 126.735 123.8C133.265 123.099 139.466 120.575 144.629 116.517C140.46 113.245 137.089 109.067 134.773 104.299C132.457 99.532 131.256 94.3002 131.261 89Z" fill="%23EB001B"/><path d="M201.256 89C201.256 95.5672 199.409 102.002 195.925 107.569C192.441 113.136 187.461 117.61 181.554 120.48C175.647 123.35 169.052 124.501 162.523 123.8C155.993 123.099 149.792 120.575 144.629 116.517C148.795 113.241 152.162 109.063 154.478 104.296C156.794 99.5295 157.997 94.2993 157.997 89C157.997 83.7007 156.794 78.4705 154.478 73.7039C152.162 68.9373 148.795 64.7586 144.629 61.483C149.792 57.4246 155.993 54.9007 162.523 54.1999C169.052 53.499 175.647 54.6495 181.554 57.5198C187.461 60.3901 192.441 64.8643 195.925 70.4312C199.409 75.998 201.256 82.4328 201.256 89Z" fill="%23F79E1B"/><path d="M197.917 110.688V109.561H198.371V109.332H197.214V109.561H197.669V110.688H197.917ZM200.163 110.688V109.33H199.809L199.401 110.264L198.993 109.33H198.638V110.688H198.888V109.663L199.271 110.547H199.531L199.913 109.661V110.688H200.163Z" fill="%23F79E1B"/></g><defs><filter id="filter0_dd_1319_6959" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6959"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6959" result="effect2_dropShadow_1319_6959"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6959" result="shape"/></filter></defs></svg>');
            }

            &[alt="VISA"] {
                background-image: url('data:image/svg+xml,<svg width="290" height="216" viewBox="0 0 290 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_1319_6921)"><rect x="41" y="21" width="208" height="134" rx="24" fill="%231434CB"/><rect x="40.5" y="20.5" width="209" height="135" rx="24.5" stroke="%23D6DCE5"/><path d="M143.728 66.1627L134.027 111.514H122.295L131.998 66.1627H143.728ZM193.087 95.4462L199.264 78.4152L202.818 95.4462H193.087ZM206.177 111.514H217.028L207.559 66.1627H197.543C195.292 66.1627 193.393 67.4717 192.548 69.4899L174.947 111.514H187.267L189.713 104.742H204.764L206.177 111.514ZM175.558 96.7064C175.608 84.7367 159.005 84.0778 159.12 78.731C159.155 77.1018 160.706 75.3736 164.095 74.9301C165.779 74.7104 170.408 74.5425 175.664 76.9611L177.723 67.344C174.899 66.3191 171.266 65.333 166.748 65.333C155.153 65.333 146.991 71.498 146.922 80.3257C146.849 86.8539 152.748 90.4969 157.194 92.6672C161.764 94.8907 163.3 96.3146 163.28 98.3026C163.25 101.347 159.634 102.688 156.261 102.741C150.361 102.834 146.938 101.149 144.209 99.8772L142.083 109.814C144.824 111.073 149.883 112.167 155.133 112.223C167.455 112.223 175.518 106.134 175.558 96.7064ZM126.964 66.1627L107.957 111.514H95.5537L86.2007 75.3205C85.6323 73.0913 85.1385 72.276 83.4117 71.3358C80.594 69.8071 75.9362 68.3703 71.8381 67.4804L72.118 66.1627H92.08C94.6236 66.1627 96.913 67.8564 97.49 70.7861L102.431 97.0308L114.639 66.1627H126.964Z" fill="white"/></g><defs><filter id="filter0_dd_1319_6921" x="0" y="0" width="290" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="10"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1319_6921"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="20"/><feGaussianBlur stdDeviation="20"/><feColorMatrix type="matrix" values="0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0 0.717647 0 0 0 0.08 0"/><feBlend mode="normal" in2="effect1_dropShadow_1319_6921" result="effect2_dropShadow_1319_6921"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1319_6921" result="shape"/></filter></defs></svg>');
            }
        }

        input[type="text"] {
            width: 100%;
            box-sizing: border-box;
            text-align: right;

            tr {
                th {
                    text-align: left;
                }
            }
        }
    }

    .btn {
        display: inline-flex;
        align-items: center;
        height: 25px;
        box-sizing: border-box;
        border-radius: 4px;
        line-height: 1;
    }

    input[name="newTestCreditCard"] + table {
        width: 100% !important;

        thead {
            th {
                background-color: transparent;
                padding: 12px 12px 12px 12px;
                text-align: left;

                &:first-child {
                    padding: 12px 12px 12px 0;
                }
            }
        }

        tbody {
            tr {
                &:last-child {
                    td {
                        border-bottom: none;
                    }
                }

                td {
                    border-bottom: 1px solid var(--color-primary-grey-3);

                    &:first-child {
                        padding: 12px 12px 12px 0;
                        width: 130px;
                    }

                    &:nth-child(2) {
                        width: auto;
                    }

                    &:last-child {
                        text-align: right;
                    }
                }
            }
        }
    }

    table:not(.responsive) {
        td {
            padding-bottom: 16px;
            padding-right: 8px;
            vertical-align: center;
        }
    }
}

@media screen and (max-width: 1024px) {
    #contentCreditCardsId {
        table.method-creditcard {
            tr {
                display: block !important;
            }
        }

        input[name="newTestCreditCard"] + table {

            tbody {
                tr {
                    td {
                        border-bottom: none;

                        &:first-child {
                            padding: 12px;
                            width: auto;

                            &::before {
                                content: "Card Number"
                            }
                        }

                        &:nth-child(2) {
                            width: auto;

                            &::before {
                                content: "Description"
                            }
                        }

                        &:last-child {
                            text-align: left;
                        }
                    }
                }
            }
        }
    }
}

/* Auto Order Editor */
body[data-main-form-action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] {
form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] #tab-container {
        /* overflow-x: hidden; */
    width: 100%;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] ul.etabs {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] .interior_content {
    padding: 32px 0 0 0;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] div[style="float: left; width: 650px;"] {
    background-color: #fff;
    margin-bottom: 16px;
    margin-right: 16px;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 8px;
    box-shadow: var(--boxshadow-primary);
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] div[style="float: left; width: 650px;"] h3[style="margin-top: 20px;"] {
    margin-top: 0 !important;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] div[style="float: left; width: 650px;"] tr:not(:first-child) td {
    padding-top: 8px;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] div[style="color: red;"] {
    color: var(--color-primary-red) !important;
    margin-top: 4px;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] select[name="cardType"] {
    min-width: 127px;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] select[name="cardExpMonth"] {
    min-width: 56px;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] select[name="status"],
form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] select[name="cancelReason"] {
    min-width: 180px;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] div[style="float: left; width: 650px;"] .billing_address_overview td,
form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] div[style="float: left; width: 650px;"] .shipping_address_overview td {
    line-height: 1.7;
}

form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] .shipping_address_field td,
form[action="/merchant/orderprocessing/autoorder/autoOrderEditSave.do"] .billing_address_field td {
    padding-top: 4px;
}

    /* #contentAutoOrderId {
        display: flex !important;
        flex-direction: column;
        gap: 16px;

        > div {
            display: flex;
            gap: 32px;
            width: 100% !important;
            float: none;

            &[style="float: left; width: 650px;"],
            &[style="margin-top: 20px; margin-bottom: 40px; float: left;"] {
                flex-direction: column;
                margin: 0;
                float: none;
            }

            &[style="margin-top: 20px; margin-bottom: 40px; float: left;"] {
                margin-top: 16px !important;
                margin-bottom: 0 !important;

            &:empty {
                display: none;
            }

            #items-container {
                table {
                    width: 100% !important;
                }
            }

            div[style="float: left; width: 650px;"] {
                width: 100% !important;
                float: none !important;
                margin-bottom: 0;
                margin-right: 0;
            }
        }
    } */
}



#multimedia_plupload .plupload_wrapper {
    font: normal 11px var(--font-primary-regular);
}

#multimedia_plupload .plupload_wrapper .ui-widget-content {
    border: none;
    border-radius: 8px;
    overflow:hidden;
    background: var(--color-primary-grey-3);
}

#multimedia_plupload .plupload_wrapper .ui-state-default {
    border: none;
    background: var(--color-primary-grey-1);
    font-weight: bold;
    color: var(--color-primary-grey-5);
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button {
    background-color: var(--color-primary-blue);
    color: white;
    transition: background-color 0.3s ease;
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button:hover {
    background-color: var(--color-primary-blue-dark);
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button.plupload_start {
    background-color: var(--color-primary-green);
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button.plupload_start:hover {
    background-color: var(--color-primary-green-dark);
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button .ui-icon {
    background: none;
    text-indent: 0;
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button .ui-icon::before {
    display: block;
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    content: "\f1c5";
    width: 16px;
    height: 16px;
    pointer-events: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button .ui-icon.ui-icon-circle-plus::before {
    content: "\f1c9";
}

#multimedia_plupload .plupload_wrapper .ui-state-default.ui-button .ui-icon.ui-icon-circle-arrow-e::before {
    content: "\f15c";
}

#multimedia_plupload .plupload_wrapper .plupload_logo {
    background: none;
    top: 7px;
    left: 7px;
}

#multimedia_plupload .plupload_wrapper .plupload_logo::before {
    display: block;
    font-family: var(--font-icons) !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f198";
    color: var(--color-primary-grey-5);
    font-size: 32px;
    width: 32px;
    height: 32px;
    pointer-events: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

#multimedia_plupload .plupload_wrapper .plupload_header_content {
    padding: 0 140px 0 48px;
}

#multimedia_plupload .plupload_wrapper .ui-widget-header {
    border: none;
    background: var(--color-primary-grey-2);
    color: var(--color-primary-grey-5);
    font-weight: bold;
}

#multimedia_plupload .plupload_wrapper .ui-widget-header.plupload_header {
    border-bottom: 1px solid var(--color-primary-grey-3);
}

.miscContainer .miscField > input[type="text"] {
    width: 100%;
    border: none;
}

.miscContainer .miscField > input[type="button"] {
    margin: 2px;
}

#contentExperiments .no-experiments-info .exp-beaker {
    mix-blend-mode: multiply !important;
}

.widget_box.declined_payment .title_bar {
    margin-bottom: 20px;
}

.widget_box.declined_payment .box_bg {
    display: flex;
    gap: 32px;
    width: 100%;
    padding-top: 8px;
}

.widget_box.declined_payment .box_bg > div {
    width: 100%;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    border: 1px solid var(--color-primary-grey-3);
    padding: 16px;
    border-radius: var(--border-radius-medium);
    background-color: var(--color-primary-grey-1);
    transition: background-color var(--transition-primary);
}

.widget_box.declined_payment .box_bg > div:hover {
    background-color: white;
}

.widget_box.declined_payment .box_bg > div p {
    margin: 0;
}

.widget_box.declined_payment .box_bg > div .reject_reason {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
}

.widget_box.declined_payment select {
    width: 100%;
    box-sizing: border-box;
}

.widget_box.declined_payment input[type="submit"] {
    background-color: var(--color-primary-blue);
    color: white;
    border-radius: var(--border-radius-small);
    border: none;
    outline: none;
    padding: 8px 26px;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: background-color var(--transition-primary);
}

.widget_box.declined_payment input[type="submit"][name="authorize"] {
    background-color: var(--color-primary-green);
}

.widget_box.declined_payment input[type="submit"][name="reject"] {
    background-color: var(--color-primary-red);
}

/* Config > Item > Mix and Match Groups  */
form[action="/merchant/configuration/mixandmatch/mixAndMatchListSave.do"] .interior_content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    margin-bottom: 32px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchListSave.do"] .interior_content::before {
    content: "Mix and Match Groups";
    font-weight: bold;
    dislay: block;
    font-size: 16px;
    margin-top: 32px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchListSave.do"] div[style="width: 600px;"] {
    line-height: 1.7em;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchListSave.do"] .interior_content input[type="submit"] {
    max-width: 120px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchListSave.do"] .interior_content #groupListTableId {
    max-width: 600px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--boxshadow-sub);
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchListSave.do"] .interior_content #groupListTableId th {
    text-align: left;
    background-color: var(--color-primary-grey-1);
    padding: 12px;
}

.item_mix_match_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.item_mix_match_container .imm_group {
    display: flex;
    gap: 8px;
}

.item_mix_match_container .imm_label {
    width: 160px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.item_mix_match_container .imm_input {
    width: 100%;
    display:flex;
    align-items: center;
    gap: 8px;
}

.item_mix_match_container .imm_radio {
    display:flex;
    align-items: center;
    gap: 4px;
}

.item_mix_match_container .imm_checkbox {
    display: flex;
    align-items: center;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"],
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] {
    width: 100%;
    max-width: 600px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] {
    margin-top: 16px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] br,
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] br {
    display: none;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] tr td,
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] tr td {
    padding-bottom: 8px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] tr td:nth-child(1),
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] tr td:nth-child(2),
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] tr td:nth-child(1),
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] tr td:nth-child(2) {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] tr td:nth-child(3),
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] tr td:nth-child(4),
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] tr td:nth-child(3),
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] tr td:nth-child(4) {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] input,
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] input {
    width: 100%;
    box-sizing: border-box;
}

form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="discounts"] tr td:not(:last-child) input,
form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] table[summary="pricing tier discounts"] tr td:not(:last-child) input {
    width: calc(100% - 20px);
}


.content_wrapper_v2 form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] input[type=submit].normalText {
    background-color: var(--color-primary-blue);
    color: white;
    font-family: var(--font-primary-bold);
    border-radius: 4px;
    padding: 5px 6px 4px 6px;
    border: none;
    letter-spacing: .1em;
    transition: background-color 0.3s ease;
    font-size: 12px;
}

.content_wrapper_v2 form[action="/merchant/configuration/mixandmatch/mixAndMatchEditSave.do"] input[type=submit].normalText:hover {
    background-color: var(--color-primary-blue-dark);
}

/* Config > Item > Perishable Classes  */
form[action="/merchant/configuration/perishableclass/perishableClassListSave.do"] .interior_content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    margin-bottom: 32px;
}

form[action="/merchant/configuration/perishableclass/perishableClassListSave.do"] .interior_content::before {
    content: "Perishable Classes";
    font-weight: bold;
    dislay: block;
    font-size: 16px;
    margin-top: 32px;
}

form[action="/merchant/configuration/perishableclass/perishableClassListSave.do"] div[style="width: 600px;"] {
    line-height: 1.7em;
}

form[action="/merchant/configuration/perishableclass/perishableClassListSave.do"] .interior_content input[type="submit"] {
    max-width: 120px;
}

form[action="/merchant/configuration/perishableclass/perishableClassListSave.do"] .interior_content .responsive.minimum_width {
    max-width: 600px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--boxshadow-sub);
}

form[action="/merchant/configuration/perishableclass/perishableClassListSave.do"] .interior_content .responsive.minimum_width th {
    text-align: left;
    background-color: var(--color-primary-grey-1);
    padding: 12px;
}

form[action="/merchant/configuration/perishableclass/perishableClassListSave.do"] br,
form[action="/merchant/configuration/perishableclass/perishableClassEditSave.do"] br {
    display: none;
}

form[action="/merchant/configuration/perishableclass/perishableClassEditSave.do"] table td {
    padding-bottom: 8px;
    margin-bottom: 32px;
}

form[action="/merchant/configuration/perishableclass/perishableClassEditSave.do"] input[type=submit].normalText {
    background-color: var(--color-primary-blue);
    color: white;
    font-family: var(--font-primary-bold);
    border-radius: 4px;
    padding: 5px 6px 4px 6px;
    border: none;
    letter-spacing: .1em;
    transition: background-color 0.3s ease;
    font-size: 12px;
}

form[action="/merchant/configuration/perishableclass/perishableClassEditSave.do"] input[type=submit].normalText:hover {
    background-color: var(--color-primary-blue-dark);
}

form[action="/merchant/configuration/perishableclass/perishableClassEditSave.do"] a[href="/merchant/configuration/perishableclass/perishableClassListLoad.do"] {
    display: block;
    margin-top: 32px;
}

/* Config > Item > Pricing Tiers  */
form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] .interior_content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    margin-bottom: 32px;
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] .interior_content::before {
    content: "Pricing Tiers";
    font-weight: bold;
    dislay: block;
    font-size: 16px;
    margin-top: 32px;
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] div[style="width: 600px;"] {
    line-height: 1.7em;
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] .interior_content input[type="submit"] {
    max-width: 120px;
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] .interior_content .responsive.minimum_width {
    max-width: 600px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--boxshadow-sub);
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] .interior_content .responsive.minimum_width th {
    text-align: left;
    background-color: var(--color-primary-grey-1);
    padding: 12px;
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] .space_top_20 {
    max-width: 600px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--boxshadow-sub);
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] .space_top_20 .widget_title {
    background-color: var(--color-primary-green);
    color: white;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 0;
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 16px;
    margin: 0;
    font-size: 14px;
    color: var(--color-primary-grey-4);
    background-color: var(--color-alt-green-1);
    background-color: color-mix(in srgb, var(--color-alt-green-1) 20%, transparent);
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] ul li:last-child {
    margin-bottom: 0;
}

form[action="/merchant/configuration/pricingtier/pricingTierListSave.do"] br,
form[action="/merchant/configuration/pricingtier/pricingTierEditSave.do"] br {
    display: none;
}

form[action="/merchant/configuration/pricingtier/pricingTierEditSave.do"] table td {
    padding-bottom: 8px;
    margin-bottom: 32px;
}

form[action="/merchant/configuration/pricingtier/pricingTierEditSave.do"] table td:first-child {
    padding-right: 8px;
}

form[action="/merchant/configuration/pricingtier/pricingTierEditSave.do"] input[type=submit].normalText {
    background-color: var(--color-primary-blue);
    color: white;
    font-family: var(--font-primary-bold);
    border-radius: 4px;
    padding: 5px 6px 4px 6px;
    border: none;
    letter-spacing: .1em;
    transition: background-color 0.3s ease;
    font-size: 12px;
}

form[action="/merchant/configuration/pricingtier/pricingTierEditSave.do"] input[type=submit].normalText:hover {
    background-color: var(--color-primary-blue-dark);
}

form[action="/merchant/configuration/pricingtier/pricingTierEditSave.do"] a[href="/merchant/configuration/perishableclass/perishableClassListLoad.do"] {
    display: block;
    margin-top: 32px;
}

/* Config > Gift Certificates */
table[summary="gift certificate list"] thead th:nth-last-child(2),
table[summary="gift certificate list"] thead th:nth-last-child(1)  {
    overflow: hidden;
    text-indent: -999px;
    color: transparent;
}

table[summary="gift certificate list"] input[value="Edit"],
table[summary="gift certificate list"] input[value="Delete"]  {
    color: transparent;
    width: 26px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

table[summary="gift certificate list"] input[value="Edit"] {
    margin-left: 16px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.70711 19.7071C8.31658 20.0976 7.68342 20.0976 7.29289 19.7071L4.29289 16.7071C3.90237 16.3166 3.90237 15.6834 4.29289 15.2929C4.68342 14.9024 5.31658 14.9024 5.70711 15.2929L8.70711 18.2929C9.09763 18.6834 9.09763 19.3166 8.70711 19.7071Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 9.70711C18.3166 10.0976 17.6834 10.0976 17.2929 9.70711L14.2929 6.70711C13.9024 6.31658 13.9024 5.68342 14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289L18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.528 4.47199C18.8987 3.84267 17.8783 3.84267 17.249 4.47199L17.249 4.472L5.13404 16.5869L4.37437 19.6256L7.41307 18.866L19.528 6.75104C20.1573 6.1217 20.1573 5.10133 19.528 4.47199ZM15.8348 3.05779C17.2451 1.6474 19.5319 1.6474 20.9422 3.0578C22.3526 4.46819 22.3526 6.75484 20.9422 8.16523L20.9422 8.16524L8.63143 20.476C8.50327 20.6042 8.34269 20.6951 8.16686 20.7391L3.24253 21.9701C2.90176 22.0553 2.54127 21.9555 2.29289 21.7071C2.04451 21.4587 1.94466 21.0982 2.02986 20.7575L3.26094 15.8331C3.30489 15.6573 3.39581 15.4967 3.52397 15.3686L15.8348 3.0578C15.8348 3.0578 15.8348 3.05779 15.8348 3.05779Z" fill="white"/></svg>');
}

table[summary="gift certificate list"] input[value="Delete"] {
    background: var(--color-primary-red) url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.55228 9 6 9.44772 6 10V20C6 20.5523 6.44771 21 7 21H17C17.5523 21 18 20.5523 18 20V10C18 9.44772 18.4477 9 19 9C19.5523 9 20 9.44772 20 10V20C20 21.6569 18.6569 23 17 23H7C5.34315 23 4 21.6569 4 20V10C4 9.44772 4.44772 9 5 9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44771 3 9 3.44771 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 2.34315 8.34315 1 10 1H14C15.6569 1 17 2.34315 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.44771 14.5523 3 14 3H10Z" fill="white"/></svg>') no-repeat center center !important;
    background-size: 16px !important;
}

/* Config > Gift Certificates > New */
form[action="/merchant/giftcertificate/giftCertificateNewSave.do"] tr td {
    padding-bottom: 8px;
}

form[action="/merchant/giftcertificate/giftCertificateNewSave.do"] tr td:first-child {
    padding-right: 8px;
}

form[action="/merchant/giftcertificate/giftCertificateNewSave.do"] input[type="text"] {
    min-width: 80px;
}
form[action="/merchant/giftcertificate/giftCertificateNewSave.do"] input[name="email"] {
    width: 100%;
}

/* Actions Bar Wrapper  */
.actions_bar_wrapper {
    margin-bottom: 16px;
    bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 16px;
    background-color: #2b2b2bde;
    border-radius: 8px;
    backdrop-filter: blur(4px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    z-index: 100;
    clear: both;

    &.action_bar_sticky {
        position: sticky;
    }

    &.action_bar_push_left {
        margin-left: -14px;
        padding-left: 14px;
    }

    &.action_bar_push_right {
        margin-right: -14px;
        padding-right: 14px;
    }

    &.action_bar_offset_right {
        margin-right: 16px;
    }

    &.action_bar_offset_left {
        margin-left: 16px;
    }

    .primary_actions_group {
        display: flex;
        justify-content: flex-start;
        gap: 8px;

        .btn_options {
            align-items: stretch;
            overflow: hidden;

            input[type="submit"] {
                border-radius: 0;
            }
        }
    }

    .sub_actions_group {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
    }

    .action_bar_info {
        color: #fff;
    }

    /* Buttons */
    .save_btn.btn,
    input[type="submit"],
    input[value="Save"],
    input.save,
    .btn {
        border: none;
        background-color: var(--color-primary-blue);
        color: white;
        border-radius: var(--border-radius-small);
        padding: 8px 16px !important;
        transition: background-color var(--transition-primary);
        margin-bottom: 0;
        margin-right: 0;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.06em;
        line-height: 1em;

        &.remove {
            background-color: var(--color-primary-red);
        }

        &.positive {
            background-color: var(--color-primary-green);
        }
    }

    input[type="submit"]:hover,
    input[value="Save"]:hover,
    .btn:hover {
        background-color: var(--color-primary-blue-dark);

        &.remove {
            background-color: var(--color-primary-red-dark);
        }

        &.positive {
            background-color: var(--color-primary-green-dark);
        }
    }

    .action_checkbox {
        display: flex;
        align-items: center;
        gap: 4px;
        color: white;
    }
}

.content_wrapper_v2 table.newFraudRulesTable {
    border-collapse: collapse !important;
    border-spacing: 0;

    tr {
        background-color: transparent;
    }

    .sectionTitle {
        th {
            border-top: none;
            border-bottom: none;
            padding-left: 0;
            padding-bottom: 16px;
            font-size: 16px !important;
            color: var(--color-primary-grey-5);
        }

        &:not(:first-child) {
            th {
                padding-top: 32px;
            }
        }

        + tr {


            td {
                border-top: 1px solid var(--color-primary-grey-3);
            }
        }

        &:has(img) {
            img {
                display: none;
            }

            th::before {
                display: block;
                float: left;
                margin-right: 8px;
                font-family: var(--font-icons) !important;
                font-style: normal;
                font-weight: normal !important;
                speak: none;
                line-height: 1;
                vertical-align: baseline;
                -webkit-font-smoothing: antialiased;
                content: "\f25f";
                color: var(--color-primary-grey-5);
                font-size: 20px;
                width: 20px;
                height: 20px;
                pointer-events: none;
                position: relative;
                cursor: pointer;
                transition: color 0.3s ease;
            }
        }

        &:has(img[src="/merchant/images/green_check_16x16.png"]) th::before {
            content: "\f25f";
        }

        &:has(img[src="/merchant/images/credit_card_16x16.png"]) th::before {
            content: "\f210";
        }

        &:has(img[src="/merchant/images/ip_address_16x16.png"]) th::before {
            content: "\f18e";
        }

        &:has(img[src="/merchant/images/globe_16x16.png"]) th::before {
            content: "\f1af";
        }

        &:has(img[src="/merchant/images/person_16x16.png"]) th::before {
            /* affiliate */
            /* person */
            content: "\f1c4";
        }

        &:has(img[src="/merchant/images/person_16x16.png"]):nth-child(44) th::before {
            /* item */
            /* box */
            content: "\f142";
        }

        &:has(img[src="/merchant/images/person_16x16.png"]) th::before {
            /* order */
            /* content: "\f210"; */
            }

        &:has(img[src="/merchant/images/person_16x16.png"]) th::before {
            /* browser */
            /* content: "\f210"; */
        }
    }

    td {
        /* background-color: var(--color-primary-grey-2); */
        background-color: white;
        border-bottom: 1px solid var(--color-primary-grey-3);
        margin-bottom: 8px;
        padding-bottom: 8px;
        padding-top: 8px;

        input[type="button"] {
            margin-right: 0;
            transition: background-color 0.3s ease;
            color: white;

            &:hover {
                background-color: var(--color-primary-blue-dark)
            }
        }

        &:first-child {
            padding-left: 0;
        }

        &:last-child {
            padding-right: 0;
        }
    }

    .fraudRuleRow {

        td {
            font-size: 14px;
            color: var(--color-primary-grey-4);
            background-color: transparent;
            transition: background-color 0.3s ease;
            position: relative;

            input[type="text"],
            textarea,
            select {
                color: var(--color-primary-grey-4);
            }
        }

        td:first-child::before {
            content: '';
            display: block;
            width: 16px;
            height: 100%;
            position: absolute;
            top: -1px;
            right: 100%;
            background-color: var(--color-primary-grey-1);
            border-top: 1px solid var(--color-primary-grey-3);
            border-bottom: 1px solid var(--color-primary-grey-3);
            border-left: 1px solid var(--color-primary-grey-3);
            border-radius: 8px 0 0 8px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        td:last-child::before {
            content: '';
            display: block;
            width: 16px;
            height: 100%;
            position: absolute;
            top: -1px;
            left: 100%;
            background-color: var(--color-primary-grey-1);
            border-top: 1px solid var(--color-primary-grey-3);
            border-bottom: 1px solid var(--color-primary-grey-3);
            border-right: 1px solid var(--color-primary-grey-3);
            border-radius: 0 8px 8px 0;
            opacity: 0;
            transition: opacity 0.3s ease;
    }
        &:has(input[type="button"]:hover) td {
            background-color: var(--color-primary-grey-1);

            &:first-child::before,
            &:last-child::before {
                opacity: 1;
            }

        }
    }

    .alt {
        td {
            /* background-color: var(--color-primary-grey-1); */
        }
    }
}

.fraudWizardDiv {
    .fraudRuleWizardHeader.sectionTitle {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 16px !important;
        font-weight: bold;
    }

    .fraudRuleWizardNote {
        display: flex;
        gap: 8px;
        margin-bottom: 32px;
        align-items: center;

        input {
            width: 100%;
        }
    }

    .fraudWizardList {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 32px;
        max-height: 300px;
        overflow-y: scroll;

        > div {
            display: flex;
            gap: 8px;
        }
    }

    .fraudRuleWizardFiltersContainer {
        width: 100%;
        display: flex;
        gap: 32px;

        > div {
            flex: 1 1 100%;
            border: none;
            padding: 0;

            > strong {
                display: block;
            }

            textarea {
                width: 100%;
                height: 100px;
                box-sizing: border-box;
            }
        }

        .fraudRuleWizardItemFilter {
            padding-bottom: 16px;
        }
    }

    .fraudWizardButtons {
        display: flex;
        justify-content: center;
        gap: 4px;
        background-color: var(--color-primary-grey-1);
        margin-left: -16px;
        width: calc(100% + 32px);
        margin-bottom: -16px;
        padding: 16px;
        box-sizing: border-box;

        input[type="button"] {
            padding: 8px 16px;
            border: none;
            background-color: var(--color-primary-blue);
            color: white;
            border-radius: var(--border-radius-small);
            transition: background-color var(--transition-primary);
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 1px;
        }

        input[type="button"]:hover {
            background-color: var(--color-primary-blue-dark);
        }

        #fraudWizardCancelButton {
            background-color: var(--color-primary-grey-3);
        }

        #fraudWizardCancelButton:hover {
            background-color: var(--color-primary-grey-4);
        }
    }

    .fraudWizardStoreFrontList {
        display: flex;
        flex-direction: column;
        gap: 8px;
        max-height: 200px;
        overflow-y: auto;
        padding-bottom: 16px;

        .fraudWizardStoreFront {
            display: flex;
            gap: 8px;
            position: relative;

            input[type="checkbox"] {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                opacity: 0;
            }

            &::after {
                content: '';
                position: absolute;
                top: 4px;
                left: 2px;
                width: 12px;
                height: 12px;
                background-color: white;
                border-radius: 6px;
                transition: left 0.3s ease;
                z-index: 10;
            }

            &::before {
                content: "";
                display: block;
                width: 32px;
                min-height: 0;
                height: 16px;
                margin-top: 2px;
                background-color: var(--color-primary-grey-3);
                border: none;
                padding: 0;
                position: relative;
                border-radius: 8px;
                transition: background-color 0.3s ease;
            }

            &:has(input[type="checkbox"]:checked) {
                &::before {
                    background-color: var(--color-primary-green);
                }

                &::after {
                    left: 18px;
                }
            }
        }
    }
}


.modal_content {
    display: flex;
    flex-direction: column;
    gap: 16px;

    .btn,
    input[type="button"] {
        background-color: var(--color-primary-blue);
        border: none;
        color: white;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: background-color 0.3s ease;
        width: auto;
        min-width: 80px;
        min-height: 28px;
        flex: 0 1 auto;
        padding: 5px 8px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.1em;

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }

        &.btn_add {
            background-color: var(--color-primary-green);

            &:hover {
                background-color: var(--color-primary-green-dark);
            }
        }

        &.btn_remove {
            background-color: var(--color-primary-red);

            &:hover {
                background-color: var(--color-primary-red-dark);
            }
        }

        &.btn_secondary {
            background-color: var(--color-primary-grey-4);

            &:hover {
                background-color: var(--color-primary-grey-5);
            }
        }
    }
}

.modal_actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    padding: 16px;
    background-color: var(--color-primary-grey-2);
    border-radius: 0 0 8px 8px;
    margin-bottom: -16px;
    margin-left: -20.5px;
    margin-right: -20.5px;
}

.modal_error {
    width: 100%;
    border-radius: 8px;
    background-color: var(--color-alt-red-1);
    color: var(--color-primary-red);
    padding: 12px 16px;
}

.modal_section {
    display: flex;
    gap: 16px;
    width: 100%;

    * {
        box-sizing: border-box;
    }

    .modal_row {
        display: flex;
        width: 100%;
        gap: 16px;

        &:has(>.modal_col_min) {
            flex-wrap: wrap;
        }

        &:has(table.transactional-merchant-notes) {
            padding: 8px 16px 16px;
            background-color: var(--color-primary-grey-1);
            border-radius: 8px;
        }
    }

    .modal_col {
        display: flex;
        flex-direction: column;
        flex: 1 1 100%;
        gap: 16px;

        &.modal_col_min {
            flex: 1 1 400px;
            min-width: 400px;
        }
    }

    label {
        display: flex;
        /* flex-direction: column; */
        width: 100%;
        gap: 4px;

        > span {
            display: block;
            font-size: 12px;
            color: var(--color-primary-grey-4);
        }

        &.label_inline {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;

            > span {
                display: block;
                font-size: 12px;
                color: var(--color-primary-grey-4);
            }
        }

        &.label_auto {
            width: auto;

            span {
                white-space: nowrap;
            }
        }
    }
}

.btn_options {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background-color: var(--color-alt-blue-1);
    border-radius: 5px;

    label {
        span {
            color: var(--color-primary-grey-5);
        }

        .input_wrapper {
            &:has(input[type="checkbox"]) {
                background-color: var(--color-primary-grey-5);
            }

            &:has(input[type="checkbox"]:checked) {
                background-color: var(--color-primary-blue);
            }
        }
    }
}

.input_w_actions {
    display: flex;
    align-items: center;
    gap: 8px;

    input {
        font-size: 12px;
    }
}

form[action*="/merchant/orderprocessing/editor"] {
    .input_wrapper {
        display: flex;
        align-items: center;
        gap: 4px;
        width: 100%;
        min-height: 28px;
        border: 1px solid var(--color-primary-grey-3);
        border-radius: 5px;
        padding: 6px;
        font-size: 12px;
        line-height: 1;
        transition: border 0.3s ease;

        &.coupon_code {
            max-width: 160px;
        }

        &.content_col {
            flex-direction: column;
            align-items: flex-start;
        }

        &:has(input[type="checkbox"]) {
            width: 32px;
            min-height: 0;
            height: 16px;
            background-color: var(--color-primary-grey-3);
            border: none;
            padding: 0;
            position: relative;
            border-radius: 8px;
            transition: background-color 0.3s ease;

            &::after {
                content: '';
                position: absolute;
                top: 2px;
                left: 2px;
                width: 12px;
                height: 12px;
                background-color: white;
                border-radius: 6px;
                transition: left 0.3s ease;
            }
        }

        &:has(input[type="checkbox"]:checked) {
            background-color: var(--color-primary-green);
            border: none;

            &::after {
                left: 17px;
            }
        }

        &.static,
        &:has(input[type="text"][disabled="true"]) {
            background-color: var(--color-primary-grey-2);
            color: var(--color-primary-grey-5);

            input[type="text"] {
                background-color: transparent;
            }
        }

        &:has(input:focus, select:focus, textarea:focus) {
            border: 1px solid var(--color-primary-grey-4);
        }

        input,
        select,
        textarea {
            padding: 0;
            flex: 1 1 100%;
            border: none;
            background: transparent;
            font-size: 12px;
            color: var(--color-primary-grey-4);
            height: auto;

            &:focus-visible {
                outline: none;
            }
        }

        textarea {
            line-height: 1.5;
        }

        input[type="checkbox"] {
            visibility: hidden;
            position: absolute;
        }

        .selectize-control {
            width: 100%;

            .selectize-input {
                border: none;
                box-shadow: none;
                padding: 0;

                .selectize-control.multi .selectize-input [data-value] {
                    background-color: var(--color-primary-blue);
                    background-image: none;
                    border: none;
                    text-shadow: none;

                    &.active {
                        background-color: var(--color-primary-blue-dark);
                    }
                }
            }
        }

        &.max_w_half {
            max-width: calc(50% - 8px);
        }

        &.input_small {
            max-width: 80px;
        }
    }
}

/* .content_area.my_pref .my_pref_info .input_wrapper {
    display: block;
    width: auto;
    min-height: 0;
    border: none;
    border-raidus: 0;
    padding: inherit;
    font-size: inherit;
} */

/* Configuration */

body[data-main-form-action="/affiliate/program/overviewSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/editProgramSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/commissionsSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/emailTemplateListSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/emailTemplateListSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/affiliateLinkListSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/manageAffiliatesSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/linksSave.do"] .content_wrapper,
body[data-main-form-action="/affiliate/program/reportsSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shipping/distributionCenterEditSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/costSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/estimatedDeliverySave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/handlingChargeSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/insuranceSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/otherSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/packagesSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/restrictionsSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/taxCodesSave.do"] .content_wrapper,
.uc-reporting .content_wrapper,
.interior_content.new-menu-layout,
.content_wrapper.new-menu-layout {
    position: relative;
    background-color: var(--color-primary-grey-1);

    p.return_link {
        position: absolute;
        bottom: 0;
        margin-left: 16px;
    }

    form {
        margin-bottom: 0;
    }

    &::after {
        content: '';
        display: block;
        clear: both;
    }

    .page_title_bar_container {
        display: none;
    }

    .section_title_bar_container {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        padding-left: 180px;
        width: calc(100vw - 160px);
        box-sizing: border-box;

        .section_title_bar {
            pointer-events: all;
        }
    }

    .interior {
        position: relative;
        margin: 0;
        width: calc(100vw - 180px);
        border-top: none;
        border-bottom: none;

        * {
            box-sizing: border-box;
        }

        .interior_container {
            display: flex;
            background-color: var(--color-primary-grey-1);

            .left_nav {
                display: flex;
                flex-direction: column;
                flex: 0 0 180px;
                width: 180px;
                position: relative;
                background-color: var(--color-primary-grey-2);
                background-image: none;
                border: none;
                overflow: hidden;
                min-height: calc(100vh - 400px);

                &::before {
                    content: 'Configuration';
                    display: block;
                    width: 100%;
                    height: auto;
                    background-color: transparent;
                    padding: 16px 8px 8px 36px;
                    box-sizing: border-box;
                    color: var(--color-primary-grey-4);
                    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.82351 2.36754C9.09574 1.55086 9.86002 1 10.7209 1H13.2794C14.1402 1 14.9045 1.55086 15.1767 2.36754L15.5395 3.45577L16.5661 2.94257C17.336 2.55767 18.2659 2.70861 18.8746 3.31729L20.6837 5.12645C21.2924 5.73517 21.4434 6.66511 21.0584 7.43509L20.5454 8.46106L21.6328 8.82361C22.4494 9.09588 23.0002 9.86013 23.0002 10.7209V14.0002C23.0002 14.4307 22.7248 14.8128 22.3164 14.9489L20.5444 15.5395L21.0571 16.565C21.4421 17.335 21.2912 18.265 20.6825 18.8737L18.8734 20.6828C18.2646 21.2915 17.3347 21.4424 16.5647 21.0574L15.5392 20.5446L15.1766 21.6324C14.9044 22.4491 14.1401 23 13.2793 23H10.7208C9.85991 23 9.09564 22.4491 8.82341 21.6324L8.46083 20.5447L7.43562 21.0572C6.66566 21.4421 5.73578 21.2912 5.12709 20.6825L3.31794 18.8734C2.70922 18.2646 2.55831 17.3347 2.9433 16.5647L3.45598 15.5394L2.36772 15.1767C1.55095 14.9045 1 14.1402 1 13.2793V10.7209C1 9.86003 1.55088 9.09574 2.36759 8.82352L3.45604 8.46074L2.94317 7.43501C2.55819 6.66503 2.7091 5.73509 3.31782 5.12637L5.12689 3.31729C5.73565 2.70853 6.66568 2.55765 7.43568 2.94272L8.46088 3.45543L8.82351 2.36754ZM11.4416 3C11.0112 3 10.6291 3.27543 10.493 3.68377L9.9936 5.18181C9.80115 5.75917 9.14195 6.03219 8.59764 5.75998L7.1858 5.05392C6.8008 4.86138 6.33579 4.93682 6.03141 5.2412L5.24168 6.03093C4.93732 6.33529 4.86187 6.80026 5.05436 7.18525L5.76055 8.59762C6.0327 9.14193 5.75966 9.80109 5.18232 9.99352L3.68379 10.493C3.27544 10.6291 3 11.0112 3 11.4417V12.5585C3 12.9889 3.27547 13.3711 3.68386 13.5072L5.18223 14.0065C5.75961 14.1989 6.03269 14.8581 5.76052 15.4024L5.05448 16.8145C4.86199 17.1995 4.93744 17.6644 5.2418 17.9688L6.03168 18.7587C6.33603 19.063 6.80097 19.1385 7.18595 18.946L8.59776 18.2402C9.14206 17.9681 9.80117 18.2412 9.9936 18.8185L10.4929 20.3162C10.629 20.7245 11.0111 21 11.4415 21H12.5585C12.9889 21 13.3711 20.7245 13.5072 20.3162L14.0065 18.8183C14.1989 18.241 14.8581 17.9679 15.4024 18.2401L16.8145 18.9462C17.1995 19.1387 17.6645 19.0633 17.9688 18.7589L18.7586 17.9691C19.063 17.6648 19.1384 17.1998 18.9459 16.8148L18.2398 15.4026C17.9677 14.8582 18.2407 14.1991 18.8181 14.0066L20.3164 13.5073C20.7248 13.3712 21.0002 12.9891 21.0002 12.5586V11.4416C21.0002 11.0112 20.7248 10.6291 20.3165 10.493L18.8191 9.99372C18.2418 9.80125 17.9688 9.14213 18.2409 8.59785L18.9472 7.18533C19.1397 6.80034 19.0642 6.33537 18.7599 6.03101L17.97 5.24111C17.6656 4.93677 17.2007 4.8613 16.8157 5.05375L15.4025 5.76021C14.8582 6.03231 14.1991 5.75927 14.0067 5.18198L13.5073 3.68377C13.3712 3.27543 12.989 3 12.5586 3H11.4416Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10ZM8 12C8 9.79082 9.79082 8 12 8C14.2092 8 16 9.79082 16 12C16 14.2092 14.2092 16 12 16C9.79082 16 8 14.2092 8 12Z" fill="%23828282"/></svg>');
                    background-repeat: no-repeat;
                    background-size: 18px;
                    background-position: 10px 15px;
                    font-family: var(--font-primary);
                    letter-spacing: 0.03em;
                    font-size: 12px;
                }

                &::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 130px;
                    height: 100%;
                    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.08) 100%);
                    pointer-events: none;
                    z-index: 10;
                }

                ul {
                    margin: 0;
                    background: none;

                    li {
                        width: 180px;
                        border: none;
                        background-color: var(--color-primary-grey-2);

                        &.active {
                            background-color: var(--color-primary-grey-1);
                        }

                        a {
                            color: var(--color-primary-grey-5);
                            padding-left: 12px;
                            font-size: 12px;
                            display: flex;
                            align-items: center;
                            gap: 8px;

                            span[class*="affiliate_icon"],
                            span[class*="config_icon"],
                            span[class*="review_icon"],
                            span[class*="shipping_icon"] {
                                position: relative;
                                top: auto;
                                left: auto;

                                &::before,
                                &::after {
                                    position: relative;
                                    top: auto;
                                    right: auto;
                                    font-size: 16px;
                                    width: 16px;
                                    height: 16px;
                                    color: var(--color-primary-grey-4);
                                }
                            }
                        }

                        span.info {
                            background: none;
                            display: block;
                            height: 12px;
                            width: 12px;
                            position: absolute;
                            top: 50%;
                            left: auto;
                            right: 12px;
                            transform: translateY(-50%);
                        }

                        &.sub {
                            a {
                                padding-left: 40px;
                            }
                        }
                    }
                }
            }

            .nav_interior_content {
                padding-top: 80px;
            }
        }

        #contentEmailNotificationsId > div:not(:empty) {
            border-top: 1px solid var(--color-primary-grey-3);
            padding-top: 32px;

            ul {
                list-style: none;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
                padding-left: 0 !important;
                padding-right: 0 !important;

                li {
                    color: var(--color-primary-grey-4);
                }
            }

        }
    }

    form[action="/merchant/item/review/reviewSettingsSave.do"],
    form[action="/merchant/item/review/reviewTemplateListSave.do"],
    form[action="/merchant/item/review/unapprovedReviewListSave.do"] {
        color: var(--color-primary-grey-5);

        .interior_container .left_nav::before {
            content: 'Item Reviews';
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2755_9340)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C12.4332 0.999999 12.8172 1.27896 12.9511 1.69098L15.0872 8.26543H22C22.4332 8.26543 22.8172 8.54439 22.9511 8.95641C23.0849 9.36843 22.9383 9.8198 22.5878 10.0744L16.9953 14.1377L19.1314 20.7121C19.2652 21.1241 19.1186 21.5755 18.7681 21.8301C18.4176 22.0848 17.943 22.0848 17.5925 21.8301L12 17.767L6.40744 21.8301C6.05695 22.0848 5.58236 22.0848 5.23187 21.8301C4.88139 21.5755 4.73473 21.1241 4.8686 20.7121L7.00477 14.1377L1.41222 10.0744C1.06173 9.8198 0.915069 9.36844 1.04894 8.95641C1.18282 8.54439 1.56677 8.26543 2 8.26543H8.91278L11.0489 1.69098C11.1828 1.27896 11.5668 1 12 1ZM12 5.23606L10.5904 9.57445C10.4565 9.98647 10.0725 10.2654 9.63932 10.2654H5.07769L8.76812 12.9467C9.11861 13.2013 9.26527 13.6527 9.1314 14.0647L7.72176 18.4031L11.4122 15.7219C11.7627 15.4672 12.2373 15.4672 12.5878 15.7219L16.2782 18.4031L14.8686 14.0647C14.7348 13.6527 14.8814 13.2013 15.2319 12.9467L18.9223 10.2654H14.3607C13.9275 10.2654 13.5435 9.98647 13.4096 9.57445L12 5.23606Z" fill="%23828282"/></g><defs><clipPath id="clip0_2755_9340"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
        }

        select[name="ratingScale"] {
            margin-right: 4px;
        }

        table[summary="terms"] {
            width: 100%;
        }

        table[summary="recommend store"] {

            tr:has(input[type="checkbox"]):not(:last-child) td {
                padding-bottom: 8px;

                &::before,
                &:after {
                    top: calc(50% - 4px);
                }
            }

            td {
                vertical-align: middle;
                position: relative;

                &:has(input[type="checkbox"]) {
                    position: relative;
                    padding-left: 32px;

                    &::before {
                        content: '';
                        display: block;
                        width: 26px;
                        height: 16px;
                        position: absolute;
                        top: 50%;
                        left: 4px;
                        transform: translateY(-50%);
                        background-color: var(--color-primary-grey-3);
                        border-radius: 8px;
                        transition: background-color 0.3s ease;
                    }

                    &::after {
                        content: '';
                        display: block;
                        width: 12px;
                        height: 12px;
                        position: absolute;
                        top: 50%;
                        left: 6px;
                        transform: translateY(-50%);
                        background-color: white;
                        border-radius: 6px;
                        transition: left 0.3s ease;
                    }

                    &:has(input[type="checkbox"]:checked) {
                        &::before {
                            background-color: var(--color-primary-green);
                        }

                        &::after {
                            left: 16px;
                        }
                    }

                    input[type="checkbox"] {
                        opacity: 0;
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        z-index: 10;
                    }
                }
            }
        }

        textarea[name="termsAndConditions"] {
            width: 100%;
            margin-top: 4px;
        }

        table[summary="profile questions"] {
            width: 100% !important;

            thead {
                display: none;
            }

            tbody tr {
                td:first-child,
                td:last-child {
                    width: 1%;
                    white-space: nowrap;
                }
            }
        }
    }

    form[action="/merchant/configuration/shipping/shipperSpecificSave.do"] {
        .interior_container .left_nav::before {
            content: 'Shipping Config';
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 16C15.6716 16 15 16.6716 15 17.5C15 18.3284 15.6716 19 16.5 19C17.3284 19 18 18.3284 18 17.5C18 16.6716 17.3284 16 16.5 16ZM13 17.5C13 15.567 14.567 14 16.5 14C18.433 14 20 15.567 20 17.5C20 19.433 18.433 21 16.5 21C14.567 21 13 19.433 13 17.5Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 16C5.67157 16 5 16.6716 5 17.5C5 18.3284 5.67157 19 6.5 19C7.32843 19 8 18.3284 8 17.5C8 16.6716 7.32843 16 6.5 16ZM3 17.5C3 15.567 4.567 14 6.5 14C8.433 14 10 15.567 10 17.5C10 19.433 8.433 21 6.5 21C4.567 21 3 19.433 3 17.5Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 8C13 7.44772 13.4477 7 14 7H18C18.2422 7 18.4762 7.08792 18.6585 7.24742L21.6585 9.87242C21.8755 10.0623 22 10.3366 22 10.625V15C22 15.5523 21.5523 16 21 16H14C13.4477 16 13 15.5523 13 15V8ZM15 9V14H20V11.0788L17.6243 9H15Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 4.44772 2.44772 4 3 4H14C14.5523 4 15 4.44772 15 5V15C15 15.5523 14.5523 16 14 16H3C2.44772 16 2 15.5523 2 15V5ZM4 6V14H13V6H4Z" fill="%23828282"/></svg>');
        }

        .currencyinput {
            width: 100%;
            display: inline-block;
            margin-top: -6px;
        }
    }

    form[action="/affiliate/program/overviewSave.do"],
    form[action="/affiliate/program/editProgramSave.do"],
    form[action="/affiliate/program/commissionsSave.do"],
    form[action="/affiliate/program/emailTemplateListSave.do"],
    form[action="/affiliate/program/emailTemplateListSave.do"],
    form[action="/affiliate/program/affiliateLinkListSave.do"],
    form[action="/affiliate/program/manageAffiliatesSave.do"],
    form[action="/affiliate/program/linksSave.do"],
    form[action="/affiliate/program/reportsSave.do"] {
        .interior_container .left_nav::before {
            content: 'Affiliate Mgmt';
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 4C7.34315 4 6 5.34315 6 7C6 8.65685 7.34315 10 9 10C10.6569 10 12 8.65685 12 7C12 5.34315 10.6569 4 9 4ZM4 7C4 4.23858 6.23858 2 9 2C11.7614 2 14 4.23858 14 7C14 9.76142 11.7614 12 9 12C6.23858 12 4 9.76142 4 7Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 16C3.44771 16 3 16.4477 3 17V21C3 21.5523 2.55228 22 2 22C1.44772 22 1 21.5523 1 21V17C1 15.3431 2.34315 14 4 14H14C15.6569 14 17 15.3431 17 17V21C17 21.5523 16.5523 22 16 22C15.4477 22 15 21.5523 15 21V17C15 16.4477 14.5523 16 14 16H4Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0312 2.75195C15.1682 2.21693 15.713 1.89426 16.248 2.03125C17.3236 2.30663 18.2768 2.93213 18.9575 3.80914C19.6383 4.68615 20.0078 5.76479 20.0078 6.875C20.0078 7.98521 19.6383 9.06384 18.9575 9.94086C18.2768 10.8179 17.3236 11.4434 16.248 11.7187C15.713 11.8557 15.1682 11.5331 15.0312 10.998C14.8943 10.463 15.2169 9.91824 15.752 9.78125C16.3972 9.61603 16.9692 9.24073 17.3776 8.71452C17.7861 8.18831 18.0078 7.54113 18.0078 6.875C18.0078 6.20887 17.7861 5.56168 17.3776 5.03548C16.9692 4.50926 16.3972 4.13397 15.752 3.96875C15.2169 3.83176 14.8943 3.28698 15.0312 2.75195Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 15C18 14.4477 18.4477 14 19 14H20C21.6569 14 23 15.3431 23 17V21C23 21.5523 22.5523 22 22 22C21.4477 22 21 21.5523 21 21V17C21 16.4477 20.5523 16 20 16H19C18.4477 16 18 15.5523 18 15Z" fill="%23828282"/></svg>');
        }
    }
}

.uc-reporting .content_wrapper {
    .interior {
        .interior_container {

            .left_nav {

                &::before {
                    content: 'Reports' !important;
                    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7826_64346)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.89744 7.33333C7.58589 7.33333 7.33333 7.58589 7.33333 7.89744V13.4359C7.33333 13.7474 7.58589 14 7.89744 14H13.4359C13.7474 14 14 13.7474 14 13.4359V7.89744C14 7.58589 13.7474 7.33333 13.4359 7.33333H7.89744ZM6 7.89744C6 6.84951 6.84951 6 7.89744 6H13.4359C14.4838 6 15.3333 6.84951 15.3333 7.89744V13.4359C15.3333 14.4838 14.4838 15.3333 13.4359 15.3333H7.89744C6.84951 15.3333 6 14.4838 6 13.4359V7.89744Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25924 4.66683C4.93341 4.66683 4.66927 4.93097 4.66927 5.2568V10.9116C4.66927 11.1292 4.78666 11.3201 4.96473 11.4231C5.28344 11.6074 5.39235 12.0153 5.20799 12.334C5.02363 12.6527 4.61582 12.7616 4.29711 12.5772C3.72397 12.2457 3.33594 11.6244 3.33594 10.9116V5.2568C3.33594 4.19459 4.19703 3.3335 5.25924 3.3335H10.9141C11.6268 3.3335 12.2481 3.72152 12.5797 4.29467C12.764 4.61338 12.6551 5.02119 12.3364 5.20555C12.0177 5.38991 11.6099 5.281 11.4255 4.96229C11.3225 4.78422 11.1316 4.66683 10.9141 4.66683H5.25924Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58736 1.99984C2.26153 1.99984 1.9974 2.26397 1.9974 2.5898V8.24465C1.9974 8.4622 2.11478 8.65309 2.29286 8.7561C2.61157 8.94046 2.72048 9.34827 2.53612 9.66698C2.35176 9.98569 1.94394 10.0946 1.62523 9.91024C1.05209 9.57871 0.664062 8.95739 0.664062 8.24465V2.5898C0.664062 1.52759 1.52515 0.666504 2.58736 0.666504H8.24221C8.95495 0.666504 9.57626 1.05453 9.9078 1.62767C10.0922 1.94638 9.98325 2.3542 9.66454 2.53856C9.34583 2.72292 8.93802 2.61401 8.75366 2.2953C8.65065 2.11723 8.45975 1.99984 8.24221 1.99984H2.58736Z' fill='%23828282'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7826_64346'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
                }

                li {
                    a {
                        display: flex;
                        gap: 8px;
                        align-items: center;

                        span::before {
                            content: '';
                            font-family: "icons" !important;
                            font-weight: normal !important;
                            speak: none;
                            line-height: 1;
                            vertical-align: baseline;
                            -webkit-font-smoothing: antialiased;
                            content: "\f22b";
                            font-size: 16px;
                            width: 16px;
                            height: 16px;
                            display: block;
                            position: relative;
                            color: var(--color-primary-grey-4);
                        }

                        .report_icon_reports::before {
                            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7826_64349)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.89744 7.33333C7.58589 7.33333 7.33333 7.58589 7.33333 7.89744V13.4359C7.33333 13.7474 7.58589 14 7.89744 14H13.4359C13.7474 14 14 13.7474 14 13.4359V7.89744C14 7.58589 13.7474 7.33333 13.4359 7.33333H7.89744ZM6 7.89744C6 6.84951 6.84951 6 7.89744 6H13.4359C14.4838 6 15.3333 6.84951 15.3333 7.89744V13.4359C15.3333 14.4838 14.4838 15.3333 13.4359 15.3333H7.89744C6.84951 15.3333 6 14.4838 6 13.4359V7.89744Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25924 4.66683C4.93341 4.66683 4.66927 4.93097 4.66927 5.2568V10.9116C4.66927 11.1292 4.78666 11.3201 4.96473 11.4231C5.28344 11.6074 5.39235 12.0153 5.20799 12.334C5.02363 12.6527 4.61582 12.7616 4.29711 12.5772C3.72397 12.2457 3.33594 11.6244 3.33594 10.9116V5.2568C3.33594 4.19459 4.19703 3.3335 5.25924 3.3335H10.9141C11.6268 3.3335 12.2481 3.72152 12.5797 4.29467C12.764 4.61338 12.6551 5.02119 12.3364 5.20555C12.0177 5.38991 11.6099 5.281 11.4255 4.96229C11.3225 4.78422 11.1316 4.66683 10.9141 4.66683H5.25924Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58736 1.99984C2.26153 1.99984 1.9974 2.26397 1.9974 2.5898V8.24465C1.9974 8.4622 2.11478 8.65309 2.29286 8.7561C2.61157 8.94046 2.72048 9.34827 2.53612 9.66698C2.35176 9.98569 1.94394 10.0946 1.62523 9.91024C1.05209 9.57871 0.664062 8.95739 0.664062 8.24465V2.5898C0.664062 1.52759 1.52515 0.666504 2.58736 0.666504H8.24221C8.95495 0.666504 9.57626 1.05453 9.9078 1.62767C10.0922 1.94638 9.98325 2.3542 9.66454 2.53856C9.34583 2.72292 8.93802 2.61401 8.75366 2.2953C8.65065 2.11723 8.45975 1.99984 8.24221 1.99984H2.58736Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6641 9.33317C12.6641 9.70136 12.4153 9.99984 12.1085 9.99984L11.2196 9.99984C10.9128 9.99984 10.6641 9.70136 10.6641 9.33317C10.6641 8.96498 10.9128 8.6665 11.2196 8.6665L12.1085 8.6665C12.4153 8.6665 12.6641 8.96498 12.6641 9.33317Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6641 12.0002C12.6641 12.3684 12.4153 12.6668 12.1085 12.6668L11.2196 12.6668C10.9128 12.6668 10.6641 12.3684 10.6641 12.0002C10.6641 11.632 10.9128 11.3335 11.2196 11.3335L12.1085 11.3335C12.4153 11.3335 12.6641 11.632 12.6641 12.0002Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 9.33317C10 9.70136 9.70441 9.99984 9.33977 9.99984L9.3269 9.99984C8.96226 9.99984 8.66667 9.70136 8.66667 9.33317C8.66667 8.96498 8.96226 8.6665 9.3269 8.6665L9.33977 8.6665C9.70441 8.6665 10 8.96498 10 9.33317Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12.0002C10 12.3684 9.70441 12.6668 9.33977 12.6668L9.3269 12.6668C8.96226 12.6668 8.66667 12.3684 8.66667 12.0002C8.66667 11.632 8.96226 11.3335 9.3269 11.3335L9.33977 11.3335C9.70441 11.3335 10 11.632 10 12.0002Z' fill='%23828282'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7826_64349'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); /* Batch Update Icon */
                        }
                        .report_icon_ai_reports::before {
                            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50442 5.68035C5.67555 5.21788 6.32966 5.21788 6.50079 5.68035L6.99613 7.01898C7.33688 7.93984 8.06293 8.66589 8.98379 9.00664L10.3224 9.50198C10.7849 9.67311 10.7849 10.3272 10.3224 10.4984L8.98379 10.9937C8.06293 11.3344 7.33688 12.0605 6.99613 12.9813L6.50079 14.32C6.32966 14.7824 5.67555 14.7824 5.50442 14.32L5.00908 12.9813C4.66833 12.0605 3.94228 11.3344 3.02142 10.9937L1.68279 10.4984C1.22032 10.3272 1.22032 9.67311 1.68279 9.50198L3.02142 9.00664C3.94228 8.66589 4.66833 7.93984 5.00908 7.01898L5.50442 5.68035Z' fill='%23828282'/%3E%3Cpath d='M9.71793 1.5317C9.81571 1.26743 10.1895 1.26743 10.2873 1.5317L10.5703 2.29663C10.765 2.82284 11.1799 3.23772 11.7061 3.43244L12.4711 3.71548C12.7353 3.81327 12.7353 4.18705 12.4711 4.28484L11.7061 4.56789C11.1799 4.76261 10.765 5.17749 10.5703 5.7037L10.2873 6.46863C10.1895 6.7329 9.81571 6.7329 9.71793 6.46863L9.43488 5.7037C9.24016 5.17749 8.82528 4.76261 8.29907 4.56789L7.53414 4.28484C7.26987 4.18705 7.26987 3.81327 7.53414 3.71548L8.29907 3.43243C8.82528 3.23772 9.24016 2.82284 9.43488 2.29663L9.71793 1.5317Z' fill='%23828282'/%3E%3Cpath d='M13.191 6.76561C13.2399 6.63347 13.4268 6.63347 13.4757 6.76561L13.6172 7.14807C13.7146 7.41117 13.922 7.61862 14.1851 7.71597L14.5676 7.8575C14.6997 7.90639 14.6997 8.09328 14.5676 8.14218L14.1851 8.2837C13.922 8.38106 13.7146 8.5885 13.6172 8.8516L13.4757 9.23407C13.4268 9.3662 13.2399 9.3662 13.191 9.23407L13.0495 8.8516C12.9521 8.5885 12.7447 8.38106 12.4816 8.2837L12.0991 8.14218C11.967 8.09328 11.967 7.90639 12.0991 7.8575L12.4816 7.71597C12.7447 7.61862 12.9521 7.41117 13.0495 7.14807L13.191 6.76561Z' fill='%23828282'/%3E%3C/svg%3E%0A"); /* Clock Icon */
                        }
                        .report_icon_ai_dashboards::before {
                            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.0026 1.3335C2.37079 1.3335 2.66927 1.63197 2.66927 2.00016V14.0002C2.66927 14.3684 2.37079 14.6668 2.0026 14.6668C1.63441 14.6668 1.33594 14.3684 1.33594 14.0002V2.00016C1.33594 1.63197 1.63441 1.3335 2.0026 1.3335Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33594 14.0002C1.33594 13.632 1.63441 13.3335 2.0026 13.3335H14.0026C14.3708 13.3335 14.6693 13.632 14.6693 14.0002C14.6693 14.3684 14.3708 14.6668 14.0026 14.6668H2.0026C1.63441 14.6668 1.33594 14.3684 1.33594 14.0002Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 4C14.3682 4 14.6667 4.29848 14.6667 4.66667C14.6667 5.57278 14.4879 6.60507 14.0475 7.43693C13.5992 8.28368 12.8258 9 11.6667 9C10.6784 9 10.0437 8.6069 9.52989 8.2886C9.5003 8.27027 9.4711 8.25218 9.44227 8.23444C8.93604 7.92291 8.48132 7.66667 7.66667 7.66667C6.8765 7.66667 6.3241 7.98454 5.95 8.48333C5.55938 9.00417 5.33333 9.76756 5.33333 10.6667C5.33333 11.0349 5.03486 11.3333 4.66667 11.3333C4.29848 11.3333 4 11.0349 4 10.6667C4 9.56577 4.27396 8.49583 4.88333 7.68333C5.50924 6.8488 6.45683 6.33333 7.66667 6.33333C8.85202 6.33333 9.56396 6.74375 10.1411 7.09889C10.1567 7.10854 10.1723 7.1181 10.1876 7.12757C10.7149 7.45236 11.0628 7.66667 11.6667 7.66667C12.1742 7.66667 12.5674 7.38299 12.8691 6.81307C13.1787 6.22826 13.3333 5.42722 13.3333 4.66667C13.3333 4.29848 13.6318 4 14 4Z' fill='%23828282'/%3E%3C/svg%3E%0A");
                        }
                        .report_icon_scheduled_reports::before {
                            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.33594 0.666992C5.70413 0.666992 6.0026 0.965469 6.0026 1.33366V2.00033H10.0026V1.33366C10.0026 0.965469 10.3011 0.666992 10.6693 0.666992C11.0375 0.666992 11.3359 0.965469 11.3359 1.33366V2.00033H12.6693C13.7739 2.00033 14.6693 2.89576 14.6693 4.00033V6.00033C14.6693 6.36851 14.3708 6.66699 14.0026 6.66699H2.66927V13.3337C2.66927 13.7019 2.96774 14.0003 3.33594 14.0003H6.66927C7.03746 14.0003 7.33594 14.2988 7.33594 14.667C7.33594 15.0352 7.03746 15.3337 6.66927 15.3337H3.33594C2.23137 15.3337 1.33594 14.4383 1.33594 13.3337V4.00033C1.33594 2.89576 2.23137 2.00033 3.33594 2.00033H4.66927V1.33366C4.66927 0.965469 4.96775 0.666992 5.33594 0.666992ZM2.66927 5.33366H13.3359V4.00033C13.3359 3.63213 13.0375 3.33366 12.6693 3.33366H11.3359V4.00033C11.3359 4.36852 11.0375 4.66699 10.6693 4.66699C10.3011 4.66699 10.0026 4.36852 10.0026 4.00033V3.33366H6.0026V4.00033C6.0026 4.36852 5.70413 4.66699 5.33594 4.66699C4.96775 4.66699 4.66927 4.36852 4.66927 4.00033V3.33366H3.33594C2.96775 3.33366 2.66927 3.63214 2.66927 4.00033V5.33366ZM11.3359 8.66699C9.86319 8.66699 8.66927 9.86091 8.66927 11.3337C8.66927 12.8064 9.86319 14.0003 11.3359 14.0003C12.8087 14.0003 14.0026 12.8064 14.0026 11.3337C14.0026 9.86091 12.8087 8.66699 11.3359 8.66699ZM7.33594 11.3337C7.33594 9.12454 9.12681 7.33366 11.3359 7.33366C13.5451 7.33366 15.3359 9.12454 15.3359 11.3337C15.3359 13.5428 13.5451 15.3337 11.3359 15.3337C9.12681 15.3337 7.33594 13.5428 7.33594 11.3337ZM11.3359 9.50032C11.7041 9.50032 12.0026 9.7988 12.0026 10.167V11.0575L12.6407 11.6956C12.901 11.9559 12.901 12.378 12.6407 12.6384C12.3803 12.8987 11.9582 12.8987 11.6979 12.6384L10.8645 11.8051C10.7395 11.68 10.6693 11.5105 10.6693 11.3337V10.167C10.6693 9.7988 10.9677 9.50032 11.3359 9.50032Z' fill='%23828282'/%3E%3C/svg%3E%0A");
                        }
                        .report_icon_report_pickup::before {
                            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.90208 1.98661C4.14217 1.58145 4.57819 1.33301 5.04914 1.33301H10.9561C11.427 1.33301 11.863 1.58146 12.1031 1.98657L14.3898 8.5121C14.5728 8.82077 14.6693 9.173 14.6693 9.53174V12.6663C14.6693 13.7709 13.7739 14.6663 12.6693 14.6663H3.33594C2.23137 14.6663 1.33594 13.7709 1.33594 12.6663V9.53174C1.33594 9.17299 1.43243 8.82079 1.61536 8.51214M1.61536 8.51214L3.90208 1.98661ZM10.9561 2.66634H5.04914L2.76241 9.19188C2.70148 9.29468 2.66927 9.41211 2.66927 9.53174V12.6663C2.66927 13.0345 2.96774 13.333 3.33594 13.333H12.6693C13.0375 13.333 13.3359 13.0346 13.3359 12.6663V9.53174C13.3359 9.4121 13.3038 9.29471 13.2428 9.19191L10.9561 2.66634Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.36719 9.99967C1.36719 9.63148 1.66566 9.33301 2.03385 9.33301H5.63135C5.82178 9.33301 6.00312 9.41444 6.12963 9.55677L7.11591 10.6663H8.88755L9.87386 9.55676C10.0004 9.41444 10.1817 9.33301 10.3721 9.33301H13.9591C14.3273 9.33301 14.6258 9.63148 14.6258 9.99967C14.6258 10.3679 14.3273 10.6663 13.9591 10.6663H10.6715L9.6852 11.7759C9.55869 11.9182 9.37735 11.9997 9.18693 11.9997H6.81653C6.6261 11.9997 6.44476 11.9182 6.31825 11.7759L5.33197 10.6663H2.03385C1.66566 10.6663 1.36719 10.3679 1.36719 9.99967Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.33594 4.66667C5.33594 4.29848 5.63441 4 6.0026 4H10.0026C10.3708 4 10.6693 4.29848 10.6693 4.66667C10.6693 5.03486 10.3708 5.33333 10.0026 5.33333H6.0026C5.63441 5.33333 5.33594 5.03486 5.33594 4.66667Z' fill='%23828282'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.66406 7.33366C4.66406 6.96547 4.96254 6.66699 5.33073 6.66699H10.6641C11.0323 6.66699 11.3307 6.96547 11.3307 7.33366C11.3307 7.70185 11.0323 8.00033 10.6641 8.00033H5.33073C4.96254 8.00033 4.66406 7.70185 4.66406 7.33366Z' fill='%23828282'/%3E%3C/svg%3E%0A");
                        }
                    }
                }
            }

            .intro-container {
                p {
                    max-width: 800px;
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shipping/distributionCenterEditSave.do"] .content_wrapper {
    .interior {
        .interior_container {

            .left_nav {

                &::before {
                    content: 'Distribution Center';
                    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 21C19.8807 21 21 19.8807 21 18.5C21 17.1193 19.8807 16 18.5 16C17.1193 16 16 17.1193 16 18.5C16 19.8807 17.1193 21 18.5 21Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.5 21C6.88071 21 8 19.8807 8 18.5C8 17.1193 6.88071 16 5.5 16C4.11929 16 3 17.1193 3 18.5C3 19.8807 4.11929 21 5.5 21Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 8H20L23 11V16H16V8Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 3H1V16H16V3Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/costSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/estimatedDeliverySave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/handlingChargeSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/insuranceSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/otherSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/packagesSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/restrictionsSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/taxCodesSave.do"] .content_wrapper {
    .interior {
        .interior_container {
            letter-spacing: 0.03em;

            .left_nav {

                &::before {
                    content: 'Method Configuration';
                    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 21C19.8807 21 21 19.8807 21 18.5C21 17.1193 19.8807 16 18.5 16C17.1193 16 16 17.1193 16 18.5C16 19.8807 17.1193 21 18.5 21Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.5 21C6.88071 21 8 19.8807 8 18.5C8 17.1193 6.88071 16 5.5 16C4.11929 16 3 17.1193 3 18.5C3 19.8807 4.11929 21 5.5 21Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 8H20L23 11V16H16V8Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 3H1V16H16V3Z" stroke="%23828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                }
                li {
                    a {
                        display: flex;
                        gap: 8px;
                        align-items: center;

                        span::before {
                            content: '';
                            font-family: "icons" !important;
                            font-weight: normal !important;
                            speak: none;
                            line-height: 1;
                            vertical-align: baseline;
                            -webkit-font-smoothing: antialiased;
                            content: "\f22b";
                            font-size: 16px;
                            width: 16px;
                            height: 16px;
                            display: block;
                            position: relative;
                            color: var(--color-primary-grey-4);
                        }

                        .method_icon_cost::before {
                            content: "\f172"; /* Cost Icon */
                        }
                        .method_icon_estimated_delivery::before {
                            content: "\f15a"; /* Clock Icon */
                        }
                        .method_icon_handling_charge::before {
                            content: "\f149"; /* Calculator Icon */
                        }
                        .method_icon_insurance::before {
                            content: "\f1db"; /* Shield Icon */
                        }
                        .method_icon_other::before {
                            content: "\f21b"; /* Other Icon */
                        }
                        .method_icon_packages::before {
                            content: "\f142"; /* Box Icon */
                        }
                        .method_icon_restrictions::before {
                            content: "\f25f"; /* Hand Icon */
                        }
                        .method_icon_tax_codes::before {
                            content: "\f1c6"; /* Pie Icon */
                        }
                    }
                }

            }
        }
    }
}

/* Shipping Method Configration */
body[data-main-form-action="/merchant/configuration/shippingmethod/costSave.do"] .content_wrapper,
body[data-main-form-action="/merchant/configuration/shippingmethod/estimatedDeliverySave.do"] .content_wrapper {
    #contentDistributionCenterList {
        table {
            tbody {
                td {
                    padding-bottom: 8px;
                    padding-right: 8px;

                    &:has(> span.info:only-child) {
                        padding-right: 4px;

                        span.info {
                            margin-right: 0;
                        }
                    }

                    &:has(> input[type="radio"]:only-child) {
                        padding-bottom: 4px;
                        padding-right: 4px;
                    }

                    &.normalText {
                        display: inline flex;
                        align-items: center;
                        gap: 4px;
                    }

                    span.info {
                        margin-top: 0;
                        width: 12px;
                        height: 12px;
                    }
                }
            }

            &:nth-child(3) {
                tbody {
                    td {
                        &.normalText {
                            flex-direction: row-reverse;
                        }
                    }
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/costSave.do"] .content_wrapper {
     #contentDistributionCenterList {

        table tbody tr td table tbody tr {
            display: table-row;
        }

        table tbody tr td table td.normalText {
            display: table-cell;
            padding-bottom: 8px;
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/insuranceSave.do"] .content_wrapper {
    div.normalText br {
        display: none;
    }

    table {
        tbody {
            td {
                padding-bottom: 8px;
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/handlingChargeSave.do"] .content_wrapper {
    div.normalText br {
        display: none;
    }

    table {
        thead {
            th {
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0 8px 8px 8px;
                background-color: transparent;

                &:first-child {
                    padding: 0 8px 8px 0;
                }
            }
        }
        tbody {
            td {
                padding: 8px;

                &:first-child {
                    padding: 8px 8px 8px 0;
                }
            }
        }
    }

    #contentDistributionCenterList {
        > table:first-of-type {
            tbody {
                td {
                    padding-right: 8px;

                    input[type="text"]:not(:only-child) {
                        &:first-child {
                            margin-right: 8px;
                        }

                        &:last-child {
                            margin-left: 8px;
                        }
                    }
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/insuranceSave.do"] .content_wrapper {
    table {
        tbody {
            td {
                padding-bottom: 8px;
                padding-right: 8px;

                &:has(> span.info:only-child) {
                    padding-right: 4px;

                    span.info {
                        margin-right: 0;
                    }
                }

                &:has(> input[type="radio"]:only-child) {
                    padding-bottom: 4px;
                    padding-right: 4px;
                }

                table {
                    .normalText {
                        display: flex;
                        align-items: center;
                        gap: 4px;
                    }
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/otherSave.do"] .content_wrapper {
    div.normalText br {
        display: none;
    }

    table {
        thead {
            th {
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0 8px 8px 8px;
                background-color: transparent;

                &:first-child {
                    padding: 0 8px 8px 0;
                }
            }
        }
        tbody {
            td {
                padding: 8px;

                &:first-child {
                    padding: 8px 8px 8px 0;
                }
            }
        }
    }

    #contentDistributionCenterList {
        > table:first-of-type {
            tbody {
                td {
                    padding-right: 8px;

                    &:not(:first-child) {
                        display: inline-flex;
                        gap: 4px;
                        align-items: center;
                    }
                }

                .customTrackingUrlData {
                    flex-direction: column;
                    align-items: flex-start !important;
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/packagesSave.do"] .content_wrapper {
    div.normalText br {
        display: none;
    }

    table {
        min-width: 100%;

        thead {
            th {
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0 8px 8px 8px;
                background-color: transparent;

                &:first-child {
                    padding: 0 8px 8px 0;
                }
            }
        }
        tbody {
            td {
                padding: 8px;

                &:first-child {
                    padding: 8px 8px 8px 0;
                }
            }
        }
    }

    #contentDistributionCenterList {
        > #packageListTableId {
            th:first-child,
            td:first-child {
                width: 1%;
                white-space: nowrap;
                padding-right: 0;
            }

            tbody {
                td {

                    &:not(:first-child) {
                        gap: 4px;
                        align-items: center;
                    }
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/restrictionsSave.do"] .content_wrapper {
    div.normalText br {
        display: none;
    }

    table {

        thead {
            position: sticky;
            background-color: var(--color-primary-grey-1);
            top: 0;
            z-index: 1;

            th {
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 8px 8px 8px 8px;
                background-color: transparent;

                &:first-child {
                    padding: 8px 8px 8px 0;
                }
            }
        }
        tbody {
            td {
                padding: 8px;

                &:first-child {
                    padding: 8px 8px 8px 0;
                }
            }
        }

        &#destRestrictionTableId {
            min-width: 100%;

            thead {
                tr {
                    th:not(:first-child) {
                        text-align: center;
                        width: 1%;
                        min-width: 120px;
                        white-space: nowrap;
                    }
                }
            }

            tr {
                position: relative;

                td:only-child {
                    border-bottom: 0;
                }

                td:nth-child(5) {
                    position: absolute;
                    display: block;
                    border-bottom: none;
                    left: 140px;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }

        &:nth-of-type(2) {
            min-width: 100%;

            tr:not(:has(td[valign="top"])) {
                display: none;
            }

            textarea {
                width: 100%;
                margin-top: 8px;
                margin-bottom: 8px;
            }
        }

        &:nth-of-type(3) {
            min-width: 100%;

            td {
                display: flex;
                align-items: center;
                gap: 4px;
                font-weight: bold;
                color: var(--color-primary-grey-5);
                /* input[type="checkbox"] {
                    margin-right: 4px;
                    margin-bottom: 0;
                    display: inline-block;
                } */
            }
        }

        &:nth-of-type(4),
        &:nth-of-type(5),
        &:nth-of-type(9) {
            min-width: 100%;

            thead {
                tr {
                    th:not(:first-child) {
                        text-align: center;
                        width: 1%;
                        min-width: 120px;
                        white-space: nowrap;
                    }
                }
            }

            /* thead {
                tr {
                    display: flex;
                    align-items: center;
                    gap:8px;
                }
            }

            th {
                display: inline-flex;
                flex-direction: row-reverse;
                justify-content: center;
                align-items: center;
                flex-shrink: 0;

                &:first-child {
                    width: 100%;
                    flex: 1 1 100%;
                    flex-direction: row;
                    justify-content: flex-start;
                    text-align:left;
                }
            } */
        }

        &#itemRestrictionTableId {

            tbody {
                tr {
                    td {
                        border-bottom: 1px solid #cccccc70;

                        &:nth-child(2) {
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                        }

                        &[align="center"] {
                            text-align: center;
                            min-width: 90px;
                        }
                    }
                }
                tr:nth-of-type(odd) {
                    background-color: transparent;


                }
            }

        }
    }

    #contentDistributionCenterList {
        > table:first-of-type {
            tbody {
                td {
                    padding-right: 8px;

                    &:not(:first-child) {
                        gap: 4px;
                        align-items: center;
                    }
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/shippingmethod/taxCodesSave.do"] {
    #contentShippingMethodTaxCodes {

        input[type="submit"].save_btn:first-child {
            display: none;
        }

        .full_divider {
            display: none;
        }

        .section_content {
            padding: 0 0 32px 0;

            &:first-child {
                    border-top: 0;
            }

            h3 {
                background: var(--color-primary-grey-2);
                border: none;
                border-radius: 6px;
                color: var(--color-primary-grey-5);
                letter-spacing: 0.1em;
                font-size: 12px;
                padding: 6px 12px;
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 20px;
                margin-left: -12px;
                height: auto;
                min-height: 30px;
                text-shadow: none;
                font-family: var(--font-primary-regular);
                font-weight: normal;
                box-sizing: border-box;
            }
        }
    }
}

form[action="/merchant/item/review/reviewSettingsQuestionEditSave.do"] {

    br {
        display: none;
    }

    .box_bg {
        background-color: transparent;
        padding-bottom: 0;
    }

    input[name="question"] {
        width: 100%;
        box-sizing: border-box;
    }
    > table {
        tr:nth-child(2) {
            td:first-child {
                padding-top: 6px;
            }
        }
    }

    td {
        position: relative;
        padding-bottom: 8px;

        &:first-child {
            font-family: var(--font-primary-bold);
        }

        button, input, select, textarea {
            vertical-align: middle;
        }

        &:has(input[type="checkbox"]) {
            position: relative;
            padding-left: 32px;

            &::before {
                content: '';
                display: block;
                width: 26px;
                height: 16px;
                position: absolute;
                top: calc(50% - 4px);
                left: 0;
                transform: translateY(-50%);
                background-color: var(--color-primary-grey-3);
                border-radius: 8px;
                transition: background-color 0.3s ease;
            }

            &::after {
                content: '';
                display: block;
                width: 12px;
                height: 12px;
                position: absolute;
                top: calc(50% - 4px);
                left: 2px;
                transform: translateY(-50%);
                background-color: white;
                border-radius: 6px;
                transition: left 0.3s ease;
            }

            &:has(input[type="checkbox"]:checked) {
                &::before {
                    background-color: var(--color-primary-green);
                }

                &::after {
                    left: 12px;
                }
            }

            input[type="checkbox"] {
                opacity: 0;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 10;
            }
        }
    }

    #singleLineId {
        width: 100%;
        text-align: right;
    }
}
form[action="/merchant/item/review/reviewTemplateListSave.do"] {
    table {
        thead {
            th {
                padding: 12px;
                text-align: left;
            }
        }
    }
}

@media (max-width: 1024px) {
    form[action="/merchant/item/review/reviewTemplateListSave.do"] {
        table {
            tbody {
                td:nth-child(1)::before {
                    content: 'Template Name';
                    display: block;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }

                td:nth-child(2)::before {
                    content: 'Is Default';
                    display: block;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }

                td:nth-child(3)::before {
                    content: 'OID';
                    display: block;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/item/review/reviewTemplateEditSave.do"] {
    .content {
    .box_bg {
        display: flex;
        flex-direction: column;
        gap: 16px;
        background-color: transparent;

        br {
            display: none;
        }

        input[type="text"] {
            width: 100%;
        }

        table[summary="characteristics"],
        table[summary="name"] {
            width: 100%;
            max-width: 260px;

            tr {
                td {
                    padding-bottom: 8px;

                    &:first-child {
                        width: 1%;
                    }
                }
            }
        }
    }
}
}

body[data-main-form-action="/merchant/item/review/reviewTemplateEditSave.do"] {
    .content {
    input[type="submit"][value="approve selected"],
    input[type="submit"][value="approve"] {
        background-color: var(--color-primary-green);
        transition: background-color 0.3s ease;

        &:hover {
            background-color: var(--color-primary-green-dark);
        }
    }

    table {
        thead {
            tr {
                th {
                    text-align: left !important;
                    padding: 12px;
                    background-color: transparent;
                }
            }
        }
        tbody {
            tr {
                td {
                    text-align: left !important;
                }
            }
        }
    }
    }
}

@media (max-width: 1024px) {
    body[data-main-form-action="/merchant/item/review/reviewTemplateEditSave.do"] {
        .content {
        table {
            tbody {
                td:nth-child(2)::before {
                    content: 'Review';
                    display: block;
                    position: absolute;
                    top: 6px;
                }

                td:nth-child(3)::before {
                    content: 'Overall';
                    display: block;
                    position: absolute;
                    top: 6px;
                }

                td:nth-child(4)::before {
                    content: 'Submitted';
                    display: block;
                    position: absolute;
                    top: 6px;
                }
            }
        }
    }
}
}

/* Affiliates */
body[data-main-form-action="/affiliate/program/editProgramSave.do"],
body[data-main-form-action="/affiliate/program/commissionsSave.do"],
body[data-main-form-action="/affiliate/program/editAffiliateSave.do"] {
    table,
    table[summary="general options"],
    table[summary="signup options"],
    table[summary="multiple tier options"],
    table[summary="link and customer tracking options"],
    table[summary="payment options"],
    table[summary="automatic enrollment options"],
    table[summary="other options"] {
        tr:not(:last-child) {
            td {
                padding-bottom: 16px;
            }
        }

        tr {
            td:first-child {
                width: 200px;
                padding-right: 16px;
                position: relative;
                color: var(--color-primary-grey-5);

                .info {
                    position: absolute;
                    left: -16px;
                    top: 0;
                }
            }

            td:last-child {
                color: var(--color-primary-grey-4);

                input[type="text"] {
                    border-radius: var(--border-radius-small);
                }
            }
        }

        .input[name="name"] {
            width: 100%;
        }
    }

    table[summary="general options"] {
        input[type="text"] {
            width: 100%;
        }
    }

    table[summary="group settings"] {
        tr td:has(input[type="radio"]) {
            line-height: 20px;

            input[type="radio"] {
                display: inline-block;
                margin-right: 4px;
            }
        }
    }

    a[href="javascript:toggleEditor('dashboardNewsId');"],
    a[href="javascript:toggleEditor('commissionHtmlId0');"] {
        display: inline-block;
        margin-bottom: 8px;
    }
}

/* Order Editor */

#orderSlideShowContent .order-actions .order-action-recording,
#orderSlideShowContent .order-actions .order-action-shipping {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    text-indent: -9999px;
    overflow: hidden;
    background-color: var(--color-primary-blue);
    cursor: pointer;
    border-radius: 5px;
    pointer-events: all;
    transition: background-color 0.3s ease;
}

#orderSlideShowContent .order-actions .order-action-recording:hover,
#orderSlideShowContent .order-actions .order-action-shipping:hover {
    background-color: var(--color-primary-blue-dark);

}

#orderSlideShowContent .order-actions .order-action-recording::before,
#orderSlideShowContent .order-actions .order-action-shipping::before {
    font-size: 16px;
    height: 16px;
    width: 16px;
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu {
    border: 1px solid var(--color-primary-grey-2);
    border-radius: 8px;
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu li:first-of-type {
    border-radius: 8px 8px 0 0;
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu li:last-of-type {
    border-radius: 0 0 8px 8px;
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu > li {
    background-color: var(--color-primary-grey-2);
    color: var(--color-primary-grey-4);
    transition: all 0.3s ease;
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu > li:hover {
    background-color: white;
    color: var(--color-primary-grey-5);
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu  > li > ul {
    min-width: 180px;
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(4px);
    z-index: 999;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    white-space: nowrap;
    border-radius: 0 8px 8px 8px;
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu > li > ul > li {
    background-color: transparent;
    border-bottom: none;
}

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu > li > ul > li .orderMenuButton {
    background-color: transparent;
    color: var(--color-primary-grey-4);
    transition: color 0.3s ease;
    }

#orderSlideShowContentWrapper #orderSlideShowMenu #reviewOrderMenu > li > ul > li .orderMenuButton:hover {
    color: var(--color-primary-blue);
}

#reviewOrderMenu > li > ul > li > input[type=text] {
    color: var(--color-primary-grey-5);
    border: 1px solid var(--color-primary-grey-3);
    box-sizing: border-box;
}

#addItemsDialog {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--boxshadow-primary);

    &::backdrop {
        backdrop-filter: blur(1px);
        background: rgba(0, 0, 0, 0.25);
    }

    modal_section {
        overflow-y: auto;
    }

    .modal_col:last-child {
        text-align: right;
        max-width: 80px !important;
        flex: 0 0 80px !important;

        input {
            text-align: right;
            width: 100%;
        }
    }
    .modal_row:not(:last-child) {
        margin-bottom: -8px;
    }
}

.scroll_table_wrapper,
.ar_table_wrapper {
    width: 100%;
    overflow-x: auto;
    box-shadow: var(--boxshadow-primary);
    border: 8px solid #fff;
    border-radius: 16px;
    background-color: #fff;
    min-height: 600px;
    box-sizing: border-box;
}

body[data-main-form-action="/merchant/orderprocessing/ar/payment/processPaymentSave.do"],
body[data-main-form-action="/merchant/orderprocessing/util/refundOrderSave.do"],
body[data-main-form-action="/merchant/orderprocessing/sd/shippingDepartmentListSave.do"],
body[data-main-form-action="/merchant/orderprocessing/po/preorderedSave.do"],
body[data-main-form-action="/merchant/orderprocessing/qr/quoteRequestSave.do"],
body[data-main-form-action="./reviewOrdersLoad.do"],
.js-customer-profile-app {

    .interior {
        border-top: 0;
        border-bottom: 0;
    }

    #criteriaContainer {
        margin-top: 0 !important;
    }

    .section_titlebar_container {
        > .breadcrumbs {
            width: auto;
            background-color: var(--color-primary-grey-2);
            padding: 8px;
            border-radius: 8px;
        }
    }

    .os_footer-wrapper {
        padding: 16px;
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-bottom: 16px;
        border-radius: 8px;

        label.btn {
            background-color: var(--color-primary-blue);
            padding: 0 8px;

            &:hover {
                background-color: var(--color-primary-blue-dark);
            }

            &::before {
                width: 16px;
                height: 16px;
                font-size: 16px;
            }

            &.os_action-reset,
            &.os_action-clear {
                background-color: var(--color-primary-grey-3);
                color: var(--color-primary-grey-5);

                &:hover {
                    background-color: var(--color-primary-grey-4);
                    color: white;

                    input[type="button"] {
                        color: white;
                    }
                }

                input[type="button"] {
                    color: var(--color-primary-grey-5);
                }
            }

            input[type="button"] {
                padding-left: 0;
            }
        }
    }

    #transition_title {
        display: flex;
        align-items: center;
        padding-bottom: 0 !important;
    }

    .scroll_table_wrapper {
        /* max-width: calc(100vw - 200px); */
        /* max-height: calc(100vh - 360px); */
    }

    .content_wrapper_fullscreen {
        form[action="/merchant/orderprocessing/sd/shippingDepartmentListSave.do"] {
            .scroll_table_wrapper {
                max-width: calc(100vw - 270px);
                /* max-height: calc(100vh - 240px); */
            }

            & #ordersList {
                &.side_menu {
                    .scroll_table_wrapper {
                        max-width: calc(100vw - 280px);
                    }
                }
            }
        }
    }

    #ordersTable {
        border: none;
        border-spacing: 0;
        width: 100%;

        thead {
            position: sticky;
            top: 0;
            z-index: 20;

            th {
                padding: 8px;
                background-color: white;
                color: var(--color-primary-grey-4);
                border: none;

                &:first-child {
                    position: sticky;
                    left: 0;
                    z-index: 10;
                }

                &[aria-label*="Order ID"] {
                    position: sticky;
                    left: 2em;
                    z-index: 10;
                }
            }
        }

        tbody {
            tr {
                td {
                    color: var(--color-primary-grey-5);
                    background-color: white;
                    border: none;
                    box-sizing: border-box;
                    padding: 6px 8px;
                    cursor: pointer;
                    transition: background-color 0.3s ease, color 0.3s ease;

                    &:first-child {
                        position: sticky;
                        left: -1px;

                    }

                    &.orderId,
                    &:has(.orderReviewLink) {
                        position: sticky;
                        left: 2em;
                    }

                    /* &.highlight:hover {
                        background-color: var(--color-alt-blue-1);
                        color: var(--color-primary-grey-5);
                        border: none;
                    } */
                }

                &:nth-child(odd) {
                    background-color: #f9f9f9;

                    td {
                        background-color: #f9f9f9;
                    }
                }

                &.currentRecord {
                    background-color: var(--color-alt-green-1);
                    border: 1px solid var(--color-primary-green);
                    color: var(--color-primary-grey-5);

                    a {
                        color: var(--color-primary-grey-5);

                        &[title="Open in New Window"]::before,
                        &[title="Start Slide Show"]::before {
                            color: var(--color-primary-grey-5) !important;
                        }

                        &.orderReviewLink:visited {
                            color: var(--color-primary-grey-5) !important;
                        }
                    }

                    td {
                        background-color: var(--color-alt-green-1) !important;
                        color: var(--color-primary-grey-5) !important;
                        border: none;
                    }
                }
            }
        }

        a.orderReviewLink:visited {
            color: var(--color-primary-blue-dark);
        }

        a[title="Open in New Window"],
        a[title="Start Slide Show"] {
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center;

            &::before {
                content: "\f183";
                font-family: "icons" !important;
                font-style: normal;
                font-weight: normal !important;
                vertical-align: middle;
                display: block;
                speak: none;
                line-height: 1;
                color: var(--color-primary-blue);
                height: 16px;
                width: 16px;
                font-size: 16px;
                transition: color var(--transition-primary);
            }

            &:hover::before {
                color: var(--color-primary-blue-dark);
            }

            img {
                display: none;
            }
        }

        a[title="Start Slide Show"] {
            &::before {
                content: "\f180";
            }
        }
    }

    #statistics {
        color: var(--color-primary-grey-4);

        ul {
            list-style: none;
            padding: 0;
            margin-left: 0;
            margin-top: 8px;

            li {
                margin-bottom: 8px;
                display: flex;
                justify-content: space-between;
                padding-right: 16px;
                box-sizing: border-box;
            }

            .statLink {
                color: var(--color-primary-blue);
            }
        }
    }

    .interior_content > div {
        border: none !important;
    }

    #ordersList {
        margin-left: 0;

        > .space_bottom_20 {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-top: 20px;

        #masterCheckAllButton {
            display: none;
        }

        #masterUncheckAllButton {
            display: none;
        }

        .listButton {
            margin-bottom: 0;
        }

        #btnRefresh {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.37008 7.74974C8.60467 6.66007 10.224 6 12 6C14.8179 6 17.2478 7.66565 18.3575 10.0659C18.0003 9.92943 17.5807 10.0051 17.2929 10.2929C16.9024 10.6835 16.9024 11.3166 17.2929 11.7072L19.0858 13.5C19.4763 13.8906 20.1095 13.8906 20.5 13.5L22.2929 11.7072C22.6834 11.3166 22.6834 10.6835 22.2929 10.2929C21.9024 9.90242 21.2692 9.90242 20.8787 10.2929L20.6533 10.5183C19.5756 6.75438 16.1101 4 12 4C9.71818 4 7.63256 4.85048 6.04662 6.25026C5.63255 6.61573 5.59315 7.24766 5.95861 7.66173C6.32408 8.0758 6.95602 8.1152 7.37008 7.74974ZM3.00896 13.4053L2.91423 13.5C2.5237 13.8905 1.89054 13.8905 1.50002 13.5C1.10949 13.1095 1.10949 12.4763 1.50002 12.0858L3.29288 10.2929C3.68341 9.90237 4.31657 9.90237 4.7071 10.2929L6.5 12.0858C6.89052 12.4763 6.89052 13.1095 6.5 13.5C6.10948 13.8905 5.47631 13.8905 5.08579 13.5L5.01281 13.427C5.23349 17.0942 8.2774 20 12 20C14.5897 20 16.8523 18.5942 18.0641 16.4993C18.3407 16.0212 18.9524 15.8579 19.4305 16.1344C19.9085 16.4109 20.0719 17.0227 19.7953 17.5007C18.2407 20.1882 15.3325 22 12 22C7.16525 22 3.22089 18.1877 3.00896 13.4053Z" fill="white"/></svg>');
            color: transparent;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 20px;
            width: 32px;
        }

        label:has(input[type="checkbox"]) {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--color-primary-grey-4);
            position: relative;

            input[type="checkbox"] {
                visibility: hidden;
                position: absolute;
            }

            &::before {
                content: '';
                width: 32px;
                min-height: 0;
                height: 16px;
                background-color: var(--color-primary-grey-3);
                border: none;
                padding: 0;
                position: relative;
                border-radius: 8px;
                transition: background-color 0.3s ease;
            }

            &::after {
                content: '';
                position: absolute;
                top: 2px;
                left: 2px;
                width: 12px;
                height: 12px;
                background-color: white;
                border-radius: 6px;
                transition: left 0.3s ease;
            }

            &:has(input[type="checkbox"]:checked) {
                &::before {
                    background-color: var(--color-primary-green);
                }

                &::after {
                    left: 17px;
                }
            }
        }

        #itemFilterDiv {
            position: relative;
            margin-bottom: 0;
            margin-left: -7px;
            color: transparent;
            min-width: 170px;

            br {
                display: none;
            }

            label {
                text-indent: 0;
                position: absolute;
                z-index: 90;
                color: var(--color-primary-grey-4);
                width: 100%;
                top: -18px;
                left: 6px;
            }

            select {
                height: 26px;
                box-sizing: border-box;
                overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                width: 100%;
                max-width: 160px !important;

                option {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

        #ordersListActions {
            width: 100%;
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-top: -4px;
            margin-bottom: 8px;
            gap: 4px;
            color: var(--color-primary-grey-4);

            > div {
                display: flex;
                align-items: flex-start;
                gap: 4px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;

                br {
                    display: none;
                }
            }

            .listButton {
                width: auto;
                margin-bottom: 0;
            }

            #workflowSpacer,
            #importSpacerDiv,
            #printSpacer {
                display: none !important;
            }

            div > br:only-child {
                display: none;
            }
        }

        input[type="button"] {
            background-color: var(--color-primary-blue);
            transition: background-color 0.3s ease;

            &:hover {
                background-color: var(--color-primary-blue-dark);
            }

            &[value*="Print"],
            &[value*="Export"],
            &[value*="Import"],
            &[value*="Move"],
            &[value*="Ready"],
            &[value*="Picked Up"],
            &[value*="Mark Shipped"],
            &[value*="Change Shipping"],
            &[value*="Change Status"],
            &[value*="Void"] {
                padding-left: 26px;
                background-size: 16px;
                background-repeat: no-repeat;
                background-position: 4px 50%;
            }

            &[value*="Print"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 9C1 7.89544 1.89544 7 3 7H21C22.1046 7 23 7.89545 23 9V15C23 16.1046 22.1046 17 21 17H18C17.4477 17 17 16.5523 17 16C17 15.4477 17.4477 15 18 15H21V9H3V15H6C6.55228 15 7 15.4477 7 16C7 16.5523 6.55228 17 6 17H3C1.89545 17 1 16.1046 1 15V9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 12C5 11.4477 5.44772 11 6 11H18C18.5523 11 19 11.4477 19 12V20C19 21.1046 18.1046 22 17 22H7C5.89545 22 5 21.1046 5 20V12ZM7 13V20H17V13H7Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4C5 2.89544 5.89544 2 7 2H17C18.1046 2 19 2.89545 19 4V8C19 8.55228 18.5523 9 18 9H6C5.44772 9 5 8.55228 5 8V4ZM17 4H7V7H17V4Z" fill="white"/></svg>');
            }

            &[value*="Export"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C9.84918 3 7.98509 4.43075 7.28819 6.48082C7.27647 6.51531 7.26305 6.54874 7.24805 6.58105C7.11851 6.90087 6.82679 7.14489 6.46054 7.19661C4.53603 7.46842 3 9.20144 3 11.3576C3 12.7462 3.64031 13.9671 4.61524 14.7286C5.05048 15.0686 5.1277 15.6971 4.78772 16.1323C4.44773 16.5675 3.8193 16.6447 3.38406 16.3048C1.93049 15.1693 1 13.3702 1 11.3576C1 8.46212 2.93239 5.99243 5.58757 5.33163C6.6634 2.79855 9.11441 1 12 1C15.5995 1 18.5143 3.78882 18.9451 7.32987C21.2781 7.78799 23 9.9108 23 12.3974C23 14.2893 22.0103 15.9579 20.5154 16.8569C20.0421 17.1416 19.4277 16.9887 19.1431 16.5154C18.8584 16.0421 19.0113 15.4277 19.4846 15.1431C20.3809 14.6039 21 13.5843 21 12.3974C21 10.6157 19.6205 9.23846 18 9.23846C17.4477 9.23846 17 8.79074 17 8.23846C17 5.30824 14.725 3 12 3Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 17.2929C7.68342 16.9024 8.31658 16.9024 8.70711 17.2929L12 20.5858L15.2929 17.2929C15.6834 16.9024 16.3166 16.9024 16.7071 17.2929C17.0976 17.6834 17.0976 18.3166 16.7071 18.7071L12.7071 22.7071C12.3166 23.0976 11.6834 23.0976 11.2929 22.7071L7.29289 18.7071C6.90237 18.3166 6.90237 17.6834 7.29289 17.2929Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11C12.5523 11 13 11.4477 13 12V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V12C11 11.4477 11.4477 11 12 11Z" fill="white"/></svg>');
            }

            &[value*="Import"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C9.84918 3 7.98509 4.43075 7.28819 6.48082C7.27647 6.51531 7.26305 6.54874 7.24805 6.58105C7.11851 6.90087 6.82679 7.14489 6.46054 7.19661C4.53603 7.46842 3 9.20144 3 11.3576C3 12.7462 3.64031 13.9671 4.61524 14.7286C5.05048 15.0686 5.1277 15.6971 4.78772 16.1323C4.44773 16.5675 3.8193 16.6447 3.38406 16.3048C1.93049 15.1693 1 13.3702 1 11.3576C1 8.46212 2.93239 5.99243 5.58757 5.33163C6.6634 2.79855 9.11441 1 12 1C15.5995 1 18.5143 3.78882 18.9451 7.32987C21.2781 7.78799 23 9.9108 23 12.3974C23 14.2893 22.0103 15.9579 20.5154 16.8569C20.0421 17.1416 19.4277 16.9887 19.1431 16.5154C18.8584 16.0421 19.0113 15.4277 19.4846 15.1431C20.3809 14.6039 21 13.5843 21 12.3974C21 10.6157 19.6205 9.23846 18 9.23846C17.4477 9.23846 17 8.79074 17 8.23846C17 5.30824 14.725 3 12 3Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L12 13.4142L8.70711 16.7071C8.31658 17.0976 7.68342 17.0976 7.29289 16.7071C6.90237 16.3166 6.90237 15.6834 7.29289 15.2929L11.2929 11.2929C11.6834 10.9024 12.3166 10.9024 12.7071 11.2929L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 23C11.4477 23 11 22.5523 11 22L11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12L13 22C13 22.5523 12.5523 23 12 23Z" fill="white"/></svg>');
            }

            &[value*="Move"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2929 12.7071C14.9024 12.3166 14.9024 11.6834 15.2929 11.2929L18.5858 8L15.2929 4.70711C14.9024 4.31658 14.9024 3.68342 15.2929 3.29289C15.6834 2.90237 16.3166 2.90237 16.7071 3.29289L20.7071 7.29289C21.0976 7.68342 21.0976 8.31658 20.7071 8.70711L16.7071 12.7071C16.3166 13.0976 15.6834 13.0976 15.2929 12.7071Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 8C3 7.44772 3.44772 7 4 7L20 7C20.5523 7 21 7.44772 21 8C21 8.55228 20.5523 9 20 9L4 9C3.44772 9 3 8.55229 3 8Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.70711 11.2929C9.09763 11.6834 9.09763 12.3166 8.70711 12.7071L5.41422 16L8.70711 19.2929C9.09763 19.6834 9.09763 20.3166 8.70711 20.7071C8.31658 21.0976 7.68342 21.0976 7.2929 20.7071L3.2929 16.7071C2.90237 16.3166 2.90237 15.6834 3.2929 15.2929L7.29289 11.2929C7.68342 10.9024 8.31658 10.9024 8.70711 11.2929Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 16C21 16.5523 20.5523 17 20 17L4 17C3.44771 17 3 16.5523 3 16C3 15.4477 3.44771 15 4 15L20 15C20.5523 15 21 15.4477 21 16Z" fill="white"/></svg>');
            }

            &[value*="Ready"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 7C2 6.44772 2.44772 6 3 6H21C21.5523 6 22 6.44772 22 7V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V7ZM4 8V19C4 19.5523 4.44771 20 5 20H19C19.5523 20 20 19.5523 20 19V8H4Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.7706 2.54578C14.303 2.39885 14.8537 2.71131 15.0007 3.24369L15.964 6.73395C15.9879 6.82061 16 6.9101 16 7V13C16 13.3214 15.8455 13.6233 15.5847 13.8112C15.3239 13.9992 14.9887 14.0503 14.6838 13.9487L12 13.0541L9.31623 13.9487C9.01128 14.0503 8.67606 13.9992 8.41529 13.8112C8.15452 13.6233 8 13.3214 8 13V7C8 6.91011 8.01212 6.82062 8.03604 6.73396L8.99931 3.2437C9.14624 2.71132 9.69693 2.39885 10.2293 2.54578C10.7617 2.69271 11.0742 3.2434 10.9272 3.77579L10 7.13547V11.6126L11.6838 11.0513C11.889 10.9829 12.111 10.9829 12.3162 11.0513L14 11.6126V7.13547L13.0727 3.77579C12.9258 3.24341 13.2383 2.69272 13.7706 2.54578Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.8746 7.48477C21.6984 7.80272 21.3635 8 21 8L3 8C2.62123 8 2.27497 7.786 2.10557 7.44722C1.93618 7.10843 1.97274 6.70302 2.2 6.4L4.9 2.8C5.27771 2.29639 5.87048 2 6.5 2L17.9458 2C18.6353 2 19.2763 2.35524 19.6417 2.94L21.848 6.47C22.0407 6.77827 22.0509 7.16681 21.8746 7.48477ZM19.1958 6L17.9458 4L6.5 4L5 6L19.1958 6Z" fill="white"/></svg>');
            }

            &[value*="Picked Up"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6 9.36072L21 9.36072C21.5304 9.36072 22.0391 9.57143 22.4142 9.9465C22.7893 10.3216 23 10.8303 23 11.3607L23 13.4647C23.0003 13.7261 22.9493 13.985 22.85 14.2267L19.754 21.7407C19.6787 21.924 19.5507 22.0807 19.3862 22.1911C19.2217 22.3015 19.0281 22.3605 18.83 22.3607L2 22.3607C1.73478 22.3607 1.48043 22.2554 1.29289 22.0678C1.10535 21.8803 0.999998 21.6259 0.999998 21.3607L0.999999 11.3607C0.999999 11.0955 1.10536 10.8411 1.29289 10.6536C1.48043 10.4661 1.73478 10.3607 2 10.3607L5.482 10.3607C5.6421 10.3608 5.79986 10.3224 5.94203 10.2488C6.0842 10.1751 6.20662 10.0685 6.299 9.93772L11.752 2.21172C11.8209 2.11403 11.9226 2.04428 12.0385 2.01511C12.1545 1.98594 12.277 1.99928 12.384 2.05272L14.198 2.96072C14.7085 3.21588 15.1163 3.63803 15.3537 4.15703C15.5911 4.67603 15.6438 5.26064 15.503 5.81372L14.6 9.36072ZM7 11.9487L7 20.3607L18.16 20.3607L21 13.4647L21 11.3607L14.6 11.3607C14.2954 11.3607 13.9948 11.2911 13.7212 11.1572C13.4476 11.0233 13.2082 10.8287 13.0213 10.5882C12.8343 10.3477 12.7048 10.0677 12.6425 9.76954C12.5803 9.47137 12.5869 9.16292 12.662 8.86772L13.565 5.31972C13.5933 5.20904 13.5828 5.09203 13.5353 4.98815C13.4878 4.88426 13.4062 4.79977 13.304 4.74872L12.643 4.41872L7.933 11.0907C7.683 11.4447 7.363 11.7347 7 11.9487V11.9487ZM5 12.3607L3 12.3607L3 20.3607L5 20.3607L5 12.3607Z" fill="white"/></svg>');
            }

            &[value*="Mark Shipped"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.6472 7.91298C18.071 8.26714 18.1274 8.89779 17.7732 9.32157L11.9365 16.3057C11.7462 16.5334 11.4646 16.6649 11.1678 16.6645C10.8711 16.6641 10.5898 16.5319 10.4002 16.3037L7.20737 12.4624C6.85435 12.0377 6.91247 11.4072 7.3372 11.0541C7.76193 10.7011 8.39242 10.7592 8.74544 11.184L11.1713 14.1025L16.2386 8.03905C16.5928 7.61527 17.2234 7.55883 17.6472 7.91298Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z" fill="white"/></svg>');
            }

            &[value*="Change Shipping"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 5C12.5523 5 13 5.44772 13 6V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V6C11 5.44772 11.4477 5 12 5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.134 8.50002C11.4101 8.02172 12.0217 7.85785 12.5 8.13399L17.6962 11.134C18.1745 11.4101 18.3384 12.0217 18.0622 12.5C17.7861 12.9783 17.1745 13.1422 16.6962 12.866L11.5 9.86604C11.0217 9.5899 10.8578 8.97831 11.134 8.50002Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.866 8.50001C13.1422 8.97831 12.9783 9.5899 12.5 9.86604L7.30385 12.866C6.82555 13.1422 6.21396 12.9783 5.93782 12.5C5.66168 12.0217 5.82555 11.4101 6.30385 11.134L11.5 8.13399C11.9783 7.85785 12.5899 8.02172 12.866 8.50001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.8575 15.4855C13.1416 15.9591 12.9881 16.5733 12.5145 16.8575L10.0145 18.3575C9.54091 18.6416 8.92665 18.4881 8.64251 18.0145C8.35836 17.5409 8.51192 16.9267 8.9855 16.6425L11.4855 15.1425C11.9591 14.8584 12.5733 15.0119 12.8575 15.4855Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1425 15.4855C11.4267 15.0119 12.0409 14.8584 12.5145 15.1425L15.0145 16.6425C15.4881 16.9267 15.6416 17.5409 15.3575 18.0145C15.0733 18.4881 14.4591 18.6416 13.9855 18.3575L11.4855 16.8575C11.0119 16.5733 10.8584 15.9591 11.1425 15.4855Z" fill="white"/></svg>');
            }

            &[value*="Change Status"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.2929 8.70711C16.9024 8.31658 16.9024 7.68342 17.2929 7.29289L18.5858 6H6.55574C6.24891 6 6.00018 6.24873 6.00018 6.55556V11C6.00018 11.5523 5.55247 12 5.00018 12C4.4479 12 4.00018 11.5523 4.00018 11V6.55556C4.00018 5.14416 5.14434 4 6.55574 4H18.5858L17.2929 2.70711C16.9024 2.31658 16.9024 1.68342 17.2929 1.29289C17.6834 0.902369 18.3166 0.902368 18.7071 1.29289L21.7071 4.29289C21.8946 4.48043 22 4.73478 22 5C22 5.26522 21.8946 5.51957 21.7071 5.70711L18.7071 8.70711C18.3166 9.09763 17.6834 9.09763 17.2929 8.70711ZM19 12C19.5522 12 20 12.4477 20 13L20.0002 17.4444C20.0002 18.8558 18.856 20 17.4446 20H5.41421L6.70711 21.2929C7.09763 21.6834 7.09763 22.3166 6.70711 22.7071C6.31658 23.0976 5.68342 23.0976 5.29289 22.7071L2.29289 19.7071C2.10536 19.5196 2 19.2652 2 19C2 18.7348 2.10536 18.4804 2.29289 18.2929L5.29289 15.2929C5.68342 14.9024 6.31658 14.9024 6.70711 15.2929C7.09763 15.6834 7.09763 16.3166 6.70711 16.7071L5.41421 18H17.4446C17.7515 18 18.0002 17.7513 18.0002 17.4445L18 13C18 12.4478 18.4477 12 19 12Z" fill="white"/></svg>');
            }

            &[value*="Void"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 7.29289C7.68342 6.90237 8.31658 6.90237 8.70711 7.29289L12 10.5858L15.2929 7.29289C15.6834 6.90237 16.3166 6.90237 16.7071 7.29289C17.0976 7.68342 17.0976 8.31658 16.7071 8.70711L13.4142 12L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L12 13.4142L8.70711 16.7071C8.31658 17.0976 7.68342 17.0976 7.29289 16.7071C6.90237 16.3166 6.90237 15.6834 7.29289 15.2929L10.5858 12L7.29289 8.70711C6.90237 8.31658 6.90237 7.68342 7.29289 7.29289Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z" fill="white"/></svg>');
            }

            &[value*="Print"]:disabled,
            &[value*="Export"]:disabled,
            &[value*="Import"]:disabled,
            &[value*="Move"]:disabled,
            &[value*="Ready"]:disabled,
            &[value*="Picked Up"]:disabled,
            &[value*="Mark Shipped"]:disabled,
            &[value*="Change Shipping"]:disabled,
            &[value*="Change Status"]:disabled,
            &[value*="Void"] {
                background-color: var(--color-primary-grey-3) !important;
                color: #fff !important;
                padding-left: 26px;
                background-size: 16px;
                background-repeat: no-repeat;
                background-position: 4px 50%;
            }
        }

        &.side_menu {
            display: flex;
            flex-wrap: wrap;

            .space_bottom_20 {
                width: 100%;
            }

            #ordersListActions {
                flex-direction: column;
                max-width: 160px;

                > div {
                    flex-direction: column;
                }

                div,
                input {
                    width: 100%;
                    margin: 0;
                    text-align: left;
                }
            }

            .scroll_table_wrapper {
                max-width: calc(100vw - 400px);
                margin-left: 16px;
            }
        }
    }

    p.return_link {
        margin-left: 30px;
    }

    .interior_content {

        div[style="margin:5px 0;"] {
            display: none;
        }

        > .space_bottom_10 {
            display: flex;
            width: 100%;
            gap: 8px;

            #transition_title {
                display: flex;
                align-items: center;
                flex: 1 1 100%;
                gap: 8px;
                color: var(--color-primary-grey-4);

                a {
                    width: 100%;
                    color: var(--color-primary-grey-4);
                    text-decoration: none;
                    font-weight: bold;
                    height: auto;
                }

                .btn {
                    position: relative;
                    display: flex;
                    gap: 8px;
                    width: auto;
                    line-height: 1;
                    padding: 4px 8px;
                    font-weight: normal;
                }

                workflow-task-number {
                    position: relative;
                    right: auto;
                }
            }

            #helpButton,
            input[type="button"][value="Toggle Full Screen"] {
                float: none !important;
                margin-left: 0 !important;
            }

        }
    }

    /* Individual Order Styles */
    #orderSlideShowContainer,
    #slideShowContainer {

        min-width: 0;

        #slideShowMenu {
            width: 190px;
            background-color: var(--color-primary-grey-2);
            color: var(--color-primary-grey-4);
            margin-right: 16px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 16px;
            border-radius: 8px;

            br {
                display: none;
            }

            input[type="button"] {
                width: 100%;
                margin-bottom: 0;
                background-color: var(--color-primary-grey-2);
                color: var(--color-primary-grey-4);

                &:hover {
                    background-color: white;
                }
            }

            input.text_field_short {
                border: 1px solid var(--color-primary-grey-3);
                border-radius: 4px;
                color: var(--color-primary-grey-4);
                padding: 4px 6px;
            }

            input[name="trackingNumber"] {
                margin-bottom: 0 !important;
            }

            label:has(input[type="checkbox"]) {
                position: relative;
                cursor: pointer;

                &:first-of-type {
                    margin-top: 8px
                }

                &:last-of-type {
                    margin-bottom: 8px
                }

                &::before {
                    content: '';
                    display: block;
                    position: relative;
                    width: 24px;
                    height: 16px;
                    background-color: var(--color-primary-grey-3);
                    border-radius: 12px;
                    float: left;
                    margin-right: 4px;
                    transition: background-color 0.3s ease;
                }

                &::after {
                    content: '';
                    position: absolute;
                    display: block;
                    width: 12px;
                    height: 12px;
                    top: 8px;
                    transform: translateY(-50%);
                    left: 2px;
                    background-color: white;
                    border-radius: 6px;
                    transition: left 0.3s ease;
                }

                &:has(input[type="checkbox"]:checked) {
                    &::before {
                        background-color: var(--color-primary-green);
                    }

                    &::after {
                        left: 10px;
                    }
                }

                input[type="checkbox"] {
                    width: 24px;
                    height: 100%;
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 10;
                }
            }

            .orderMenuButton.btn.orange_btn.space_top_5 {
                background-color: var(--color-primary-blue);
                margin-top: 0;

                &:hover {
                    background-color: var(--color-primary-blue-dark);
                }
            }

            input#editTrackingNumbers {
                color: white;
                background-color: var(--color-primary-blue);
                padding: 6px 8px 4px 8px;
            }

            input[value*="Refresh"],
            input[value*="Print"],
            input[value*="Copy"],
            input[value*="Edit"],
            input[value*="Reject"],
            input[value*="Resend"] {
                padding: 6px 8px 4px 32px;
                background-size: 16px;
                background-repeat: no-repeat;
                background-position: 8px 50%;
                margin-left: -8px;
                width: calc(100% + 8px);
            }

            input[value*="Refresh"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.37008 7.74974C8.60467 6.66007 10.224 6 12 6C14.8179 6 17.2478 7.66565 18.3575 10.0659C18.0003 9.92943 17.5807 10.0051 17.2929 10.2929C16.9024 10.6835 16.9024 11.3166 17.2929 11.7072L19.0858 13.5C19.4763 13.8906 20.1095 13.8906 20.5 13.5L22.2929 11.7072C22.6834 11.3166 22.6834 10.6835 22.2929 10.2929C21.9024 9.90242 21.2692 9.90242 20.8787 10.2929L20.6533 10.5183C19.5756 6.75438 16.1101 4 12 4C9.71818 4 7.63256 4.85048 6.04662 6.25026C5.63255 6.61573 5.59315 7.24766 5.95861 7.66173C6.32408 8.0758 6.95602 8.1152 7.37008 7.74974ZM3.00896 13.4053L2.91423 13.5C2.5237 13.8905 1.89054 13.8905 1.50002 13.5C1.10949 13.1095 1.10949 12.4763 1.50002 12.0858L3.29288 10.2929C3.68341 9.90237 4.31657 9.90237 4.7071 10.2929L6.5 12.0858C6.89052 12.4763 6.89052 13.1095 6.5 13.5C6.10948 13.8905 5.47631 13.8905 5.08579 13.5L5.01281 13.427C5.23349 17.0942 8.2774 20 12 20C14.5897 20 16.8523 18.5942 18.0641 16.4993C18.3407 16.0212 18.9524 15.8579 19.4305 16.1344C19.9085 16.4109 20.0719 17.0227 19.7953 17.5007C18.2407 20.1882 15.3325 22 12 22C7.16525 22 3.22089 18.1877 3.00896 13.4053Z" fill="%23828282"/></svg>');
            }

            input[value*="Print"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 9C1 7.89544 1.89544 7 3 7H21C22.1046 7 23 7.89545 23 9V15C23 16.1046 22.1046 17 21 17H18C17.4477 17 17 16.5523 17 16C17 15.4477 17.4477 15 18 15H21V9H3V15H6C6.55228 15 7 15.4477 7 16C7 16.5523 6.55228 17 6 17H3C1.89545 17 1 16.1046 1 15V9Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 12C5 11.4477 5.44772 11 6 11H18C18.5523 11 19 11.4477 19 12V20C19 21.1046 18.1046 22 17 22H7C5.89545 22 5 21.1046 5 20V12ZM7 13V20H17V13H7Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4C5 2.89544 5.89544 2 7 2H17C18.1046 2 19 2.89545 19 4V8C19 8.55228 18.5523 9 18 9H6C5.44772 9 5 8.55228 5 8V4ZM17 4H7V7H17V4Z" fill="%23828282"/></svg>');
            }

            input[value*="Copy"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 10C10.4477 10 10 10.4477 10 11V20C10 20.5523 10.4477 21 11 21H20C20.5523 21 21 20.5523 21 20V11C21 10.4477 20.5523 10 20 10H11ZM8 11C8 9.34315 9.34315 8 11 8H20C21.6569 8 23 9.34315 23 11V20C23 21.6569 21.6569 23 20 23H11C9.34315 23 8 21.6569 8 20V11Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C3.44771 3 3 3.44771 3 4V13C3 13.5523 3.44771 14 4 14H5C5.55228 14 6 14.4477 6 15C6 15.5523 5.55228 16 5 16H4C2.34315 16 1 14.6569 1 13V4C1 2.34315 2.34315 1 4 1H13C14.6569 1 16 2.34315 16 4V5C16 5.55228 15.5523 6 15 6C14.4477 6 14 5.55228 14 5V4C14 3.44771 13.5523 3 13 3H4Z" fill="%23828282"/></svg>');
            }

            input[value*="Edit"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.70711 19.7071C8.31658 20.0976 7.68342 20.0976 7.29289 19.7071L4.29289 16.7071C3.90237 16.3166 3.90237 15.6834 4.29289 15.2929C4.68342 14.9024 5.31658 14.9024 5.70711 15.2929L8.70711 18.2929C9.09763 18.6834 9.09763 19.3166 8.70711 19.7071Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 9.70711C18.3166 10.0976 17.6834 10.0976 17.2929 9.70711L14.2929 6.70711C13.9024 6.31658 13.9024 5.68342 14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289L18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.528 4.47199C18.8987 3.84267 17.8783 3.84267 17.249 4.47199L17.249 4.472L5.13404 16.5869L4.37437 19.6256L7.41307 18.866L19.528 6.75104C20.1573 6.1217 20.1573 5.10133 19.528 4.47199ZM15.8348 3.05779C17.2451 1.6474 19.5319 1.6474 20.9422 3.0578C22.3526 4.46819 22.3526 6.75484 20.9422 8.16523L20.9422 8.16524L8.63143 20.476C8.50327 20.6042 8.34269 20.6951 8.16686 20.7391L3.24253 21.9701C2.90176 22.0553 2.54127 21.9555 2.29289 21.7071C2.04451 21.4587 1.94466 21.0982 2.02986 20.7575L3.26094 15.8331C3.30489 15.6573 3.39581 15.4967 3.52397 15.3686L15.8348 3.0578C15.8348 3.0578 15.8348 3.05779 15.8348 3.05779Z" fill="%23828282"/></svg>');
            }

            input[value*="Reject"] {
                color: var(--color-primary-red);
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.82843 4.82843C5.21896 4.4379 5.85212 4.4379 6.24264 4.82843L19.2426 17.8284C19.6332 18.2189 19.6332 18.8521 19.2426 19.2426C18.8521 19.6332 18.219 19.6332 17.8284 19.2426L4.82843 6.24264C4.43791 5.85211 4.43791 5.21895 4.82843 4.82843Z" fill="%23CD544E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.364 5.63604C14.8492 2.12132 9.15076 2.12132 5.63604 5.63604C2.12132 9.15076 2.12132 14.8492 5.63604 18.364C9.15076 21.8787 14.8492 21.8787 18.364 18.364C21.8787 14.8492 21.8787 9.15076 18.364 5.63604ZM4.22183 4.22183C8.51759 -0.0739416 15.4824 -0.0739416 19.7782 4.22183C24.0739 8.51759 24.0739 15.4824 19.7782 19.7782C15.4824 24.0739 8.51759 24.0739 4.22183 19.7782C-0.0739417 15.4824 -0.0739417 8.51759 4.22183 4.22183Z" fill="%23CD544E"/></svg>');
            }

            input[value*="Resend"] {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6ZM20 6H4V18H20V6Z" fill="%23828282"/><path d="M14.7071 11.2929L20.7071 17.2929C21.0976 17.6834 21.0976 18.3166 20.7071 18.7071C20.3166 19.0976 19.6834 19.0976 19.2929 18.7071L13.2929 12.7071H10.7071L4.70711 18.7071C4.31658 19.0976 3.68342 19.0976 3.29289 18.7071C2.90237 18.3166 2.90237 17.6834 3.29289 17.2929L9.29289 11.2929L12 12.5L14.7071 11.2929Z" fill="%23828282"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.27047 4.81606C3.6482 4.41315 4.28103 4.39274 4.68394 4.77047L12 11.6293L19.3161 4.77047C19.719 4.39274 20.3518 4.41315 20.7295 4.81606C21.1073 5.21897 21.0869 5.85181 20.6839 6.22954L12.6839 13.7295C12.2993 14.0902 11.7007 14.0902 11.3161 13.7295L3.31606 6.22954C2.91315 5.85181 2.89274 5.21897 3.27047 4.81606Z" fill="%23828282"/></svg>');
            }
        }

        #orderSlideShowContentWrapper:has(#orderSlideShowMenu) {
            padding-left: 180px;
        }

        .order-actions {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 8px;
            width: 120px;
            height: 32px;
            position: absolute;
            top: 20px;
            right: 20px;
            pointer-events: none;

            > div {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                margin-left: 0;
                text-indent: -9999px;
                overflow: hidden;
                background-color: var(--color-primary-blue);
                cursor: pointer;
                border-radius: 6px;
                pointer-events: all;
                transition: background-color 0.3s ease;

                &:hover {
                    background-color: var(--color-primary-blue-dark);
                }

                &::before {
                    display: block;
                    font-size: 16px;
                    width: 16px;
                    height: 16px;
                    color: #fff;
                    text-indent: 0;
                    text-align: center;
                    line-height: 16px;
                }
            }
        }

        #slideShowContent:has(img[title="Show Shipping and Billing in Google Maps"]) {
            img[title="Show Shipping and Billing in Google Maps"] {
                opacity: 0;
                width: 32px !important;
                height: 32px !important;
                top: 32px !important;
                right: 32px !important;
            }

            &::before {
                content: '';
                display: block;
                width: 32px;
                height: 32px;
                position: absolute;
                top: 32px;
                right: 32px;
                background-color: var(--color-primary-blue);
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.28513 15.9517C0.134649 10.1581 4.24816 1 12.0001 1C19.752 1 23.8655 10.1581 18.7151 15.9517L12.7475 22.6644C12.5577 22.8779 12.2857 23 12.0001 23C11.7145 23 11.4425 22.8779 11.2527 22.6644L5.28513 15.9517ZM12.0001 3C5.97342 3 2.77632 10.1195 6.77986 14.6229L12.0001 20.4949L17.2203 14.6229C21.2239 10.1195 18.0268 3 12.0001 3Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10C14 8.89543 13.1046 8 12 8ZM8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10Z" fill="white"/></svg>');
                background-size: 16px;
                background-repeat: no-repeat;
                background-position: center;
                cursor: pointer;
                border-radius: 6px;
                pointer-events: all;
                transition: background-color 0.3s ease;
            }
        }

        #slideShowContent:has(img[title="Show Shipping and Billing in Google Maps"]:hover) {
            &::before {
                background-color: var(--color-primary-blue-dark);
            }
        }
    }

    .js-order,
    .orderHtml,
    .orderContent,
        #slideShowContent,
        #orderSlideShowContent {
            padding: 32px;
            background-color: white;
            border: none;
            border-radius: 8px;
            position: relative;
            font-size: 0.786rem;
            display: inline-block;
            margin-left: 0;
            margin-bottom: 30px;
            box-shadow: var(--boxshadow-primary);
            width: 100%;
            max-width: 620px;

            * {
                box-sizing: border-box;
            }

            #orderSlideShowContentTrackingRecordingWrapper {
                margin-left: 20px !important;
            }

            .order,
            .orderViewOutterWrapper {
                width: 100% !important;
                min-width: 0;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;

                .order-actions {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100px;
                    height: 20px;
                    position: absolute;
                    top: 32px;
                    right: 32px;
                    pointer-events: none;

                    .order-action-recording,
                    .order-action-shipping {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 20px;
                        height: 20px;
                        margin-left: 10px;
                        text-indent: -9999px;
                        overflow: hidden;
                        background-color: #75c3ee;
                        cursor: pointer;
                        border-radius: 5px;
                        pointer-events: all;
                    }
                }

                div.payment-status,
                div.payment-date,
                div.refunded-info,
                div.refunded-reason,
                div.order-id,
                div.quote-request-date,
                div.quote-request-id,
                div.rebill-of-order-id,
                div.paypal-dispute,
                div.shipment-status,
                div.creation-date {
                    padding: 0 0 8px 0;
                    display: flex;
                }

                div.shipment-status .label,
                div.payment-status .label,
                div.payment-date .label,
                div.refunded-info .label,
                div.refunded-reason .label,
                div.payment-info-section .label,
                div.contact-section .label,
                div.misc-section .label,
                div.billto-section .label,
                div.rejected-order .label,
                div.shipto-section .label {
                    padding: 0;
                }

                div.misc-section .field,
                div.contact-section .field {
                    display: block;
                    min-width: 320px;
                    float: right;
                    clear: right;
                    padding-bottom: 1px;
                }

                div.misc-section .tax-county .field {
                    text-transform: lowercase;

                    &:first-letter {
                        text-transform: uppercase;
                    }
                }

                span.label {
                    text-align: left;
                    opacity: 0.65;
                }

                div.order-id .label {
                    padding-right: 5px;
                    display: block;
                    width: 100px;
                    float: left;
                }

                div.order-id .meta {
                    margin-left: 8px;
                    display: inline-block;
                    white-space: nowrap;
                    max-width: 240px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                div.order-section {
                    margin: 0;
                    padding: 0;
                }

                .customer-info {
                    display: flex;
                    width: 100%;
                    margin-bottom: 20px;

                    &::after {
                        content: '';
                        display: block;
                        clear: both;
                    }
                }

                .middle-info {
                    display: flex;
                    width: 100%;
                    margin-bottom: 20px;

                    .middle-section-left,
                    .middle-section-right {
                        max-width: 50%;
                        display: flex;
                        flex-direction: column;

                        span.field {
                            min-width: unset;
                        }

                        div.contact-section .field,
                        div.payment-info-section .field {
                            width: unset;
                        }

                        .label {
                            min-width: 100px;
                            display: inline-block;
                        }

                        .placed-by-user {
                            margin-bottom: 4px;
                        }

                    .customer-properties-section {
                        div[class*="custom-property"] {
                            padding-bottom: 8px;
                        }

                        .field {
                            display: flex;
                            flex-direction: column;
                            gap: 2px;

                            > div {
                                display: flex;
                                gap: 4px;
                                opacity: 0.65;

                                > span:first-child {
                                    display: block;
                                    max-width: 80px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }
                            }
                        }
                    }
                    }

                    &::after {
                     content: '';
                     display: block;
                     clear: both;
                    }
                }


                .billto-section,
                .shipto-section,
                .misc-section,
                .contact-section,
                .payment-info-section,
                .customer-properties-section,
                .advertising-source {
                    background: none;
                    padding: 0;
                    margin: 0;
                    width: 100%;

                    > div {
                        background: none;
                        padding-bottom: 4px;

                        &:not(.emptyField) {
                            display: flex;

                            &.fastlane-order {
                                gap: 4px;

                                &::before {
                                    content: '';
                                    display: block;
                                    width: 16px;
                                    height: 16px;
                                    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1678 4.30061C16.5844 3.82353 15.9002 3.46412 15.1586 3.24526C14.4171 3.02639 13.6345 2.95285 12.8606 3.02931H7.18082C6.98641 3.02735 6.79782 3.09065 6.64991 3.2075C6.50199 3.32435 6.40475 3.48685 6.37617 3.66496L4.00958 17.4739C3.99537 17.5383 3.99699 17.6049 4.01432 17.6686C4.03165 17.7324 4.06425 17.7917 4.10971 17.8423C4.15516 17.8928 4.21231 17.9332 4.27691 17.9605C4.34151 17.9878 4.41191 18.0012 4.4829 17.9999H8.03279L8.90843 12.849V13.0024C8.93701 12.8243 9.03424 12.6618 9.18216 12.5449C9.33007 12.4281 9.51867 12.3648 9.71307 12.3668H11.3697C12.911 12.5218 14.4565 12.1103 15.6736 11.2208C16.8907 10.3313 17.6822 9.03484 17.8778 7.61036V7.30349C18.0265 6.78679 18.0397 6.24464 17.9162 5.72227C17.7927 5.1999 17.5361 4.71246 17.1678 4.30061" fill="%23303030"/><path d="M18.4898 8.22847C18.3114 9.72627 17.5627 11.0908 16.4073 12.024C15.2518 12.9572 13.7834 13.3833 12.3229 13.2091H10.7645C10.5778 13.2014 10.395 13.2648 10.2511 13.3872C10.1073 13.5095 10.0126 13.6821 9.98524 13.8717L9.00566 20.5202C8.99613 20.5778 8.99865 20.6368 9.01307 20.6933C9.02749 20.7498 9.05346 20.8025 9.08927 20.8479C9.12507 20.8933 9.16989 20.9303 9.22073 20.9565C9.27157 20.9828 9.32728 20.9976 9.38414 21H12.2116C12.3672 20.9969 12.5168 20.9381 12.6347 20.8339C12.7526 20.7296 12.8313 20.5863 12.8572 20.4288V20.2689L13.3692 16.8875V16.7047C13.3952 16.5473 13.4738 16.404 13.5917 16.2997C13.7096 16.1954 13.8593 16.1367 14.0149 16.1336H14.4379C15.7051 16.2898 16.9815 15.9299 17.993 15.1311C19.0045 14.3323 19.6705 13.1583 19.8478 11.8612C20.0091 11.3097 20.0427 10.7272 19.9461 10.16C19.8495 9.59286 19.6253 9.05665 19.2913 8.59402C19.076 8.35069 18.8195 8.14943 18.5343 8V8.31986L18.4898 8.22847Z" fill="%23303030"/></svg>');
                                    background-size: 16px;
                                    background-repeat: no-repeat;
                                    background-position: center;
                                }
                            }
                        }

                        &::after {
                            content: '';
                            display: block;
                            clear: both;
                        }
                    }
                }

                .section-header {
                    color: var(--color-primary-grey-5);
                    text-align: left;
                    margin-top: 20px;
                    margin-bottom: 8px;
                    padding: 0;

                    &.gift-msg-header {
                        display: flex;
                        gap: 4px;

                        &::before {
                            content: '';
                            display: block;
                            width: 16px;
                            height: 16px;
                            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92486 23 12C23 18.0751 18.0751 23 12 23H3.10288C1.8137 23 1.12505 21.4812 1.97468 20.5115M1.97469 20.5115L3.41072 18.8725C1.90286 16.9901 1 14.5996 1 12M12 3C7.02943 3 3 7.02943 3 12C3 14.3972 3.93588 16.5736 5.46419 18.1874C5.81919 18.5622 5.83048 19.1457 5.49025 19.534L4.20576 21H12C16.9705 21 21 16.9705 21 12C21 7.02944 16.9705 3 12 3Z" fill="%23303030"/></svg>');
                            background-size: 16px;
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                    }

                    &.special-inst-header {
                        display: flex;
                        gap: 4px;

                        &::before {
                            content: '';
                            display: block;
                            width: 16px;
                            height: 16px;
                            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0403 4.48731C11.0403 4.48733 11.0403 4.48734 11.0403 4.48736L3.07767 18.9518L3.07766 18.9518C2.95845 19.1683 2.97879 19.3856 3.12529 19.5876C3.28088 19.802 3.5938 20 4.0373 20H19.9627C20.4062 20 20.7191 19.802 20.8747 19.5875C21.0212 19.3856 21.0416 19.1683 20.9224 18.9518L12.9597 4.48736C12.9597 4.48734 12.9597 4.48733 12.9597 4.48732C12.8043 4.20525 12.4545 4 12 4C11.5455 4 11.1957 4.20525 11.0403 4.48731ZM12 2C13.0123 2 14.1292 2.46477 14.7117 3.52276L14.7117 3.5228L22.6744 17.9872L21.7984 18.4695L22.6744 17.9872C23.2011 18.944 23.0522 19.992 22.4936 20.7619C21.9442 21.5194 21.0163 22 19.9627 22H4.0373C2.98372 22 2.05585 21.5194 1.50639 20.7619C0.947854 19.992 0.798899 18.944 1.32561 17.9872C1.32561 17.9872 1.32561 17.9872 1.32562 17.9872L9.28827 3.52281L9.28829 3.52276C9.87078 2.46477 10.9877 2 12 2Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 8C12.5523 8 13 8.44772 13 9V13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13V9C11 8.44772 11.4477 8 12 8Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 16C12.5523 16 13 16.4477 13 17V17.0195C13 17.5718 12.5523 18.0195 12 18.0195C11.4477 18.0195 11 17.5718 11 17.0195V17C11 16.4477 11.4477 16 12 16Z" fill="%23303030"/></svg>');
                            background-size: 16px;
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                    }
                }

                .customer-info div.billto-header,
                .customer-info div.shipto-header {
                    text-align: left;
                }

                div.contact-section span.contact-email-field.field {
                    display: flex;
                    gap: 8px;

                    a[title="Search for all orders with this email"] {
                        img {
                            display: none;
                        }

                        &::before {
                            content: "";
                            display: block;
                            width: 16px;
                            height: 16px;
                            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 3C6.46979 3 3 6.46979 3 10.75C3 15.0302 6.46979 18.5 10.75 18.5C15.0302 18.5 18.5 15.0302 18.5 10.75C18.5 6.46979 15.0302 3 10.75 3ZM1 10.75C1 5.36523 5.36523 1 10.75 1C16.1348 1 20.5 5.36523 20.5 10.75C20.5 13.0822 19.6811 15.2232 18.3153 16.901L22.7071 21.2929C23.0976 21.6834 23.0976 22.3166 22.7071 22.7071C22.3166 23.0976 21.6834 23.0976 21.2929 22.7071L16.901 18.3153C15.2232 19.6811 13.0822 20.5 10.75 20.5C5.36523 20.5 1 16.1348 1 10.75Z" fill="%2361B6E6"/></svg>');
                            background-size: 16px;
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                    }
                }

                div.paypal-dispute .field,
                div.status-Processed.payment-status .field,
                div.status-Refunded.payment-status .field {
                    background-color: var(--color-primary-green-dark);
                    color: white;
                    display: inline;
                    width: auto;
                    padding: 2px 4px;
                    border-radius: 4px;
                    letter-spacing: 1px;
                }

                div.paypal-dispute .field,
                div.status-Refunded.payment-status .field {
                    background-color: var(--color-primary-red-dark);
                }

                div.item-section {
                    background-color: var(--color-primary-grey-1);
                    border: 1px solid var(--color-primary-grey-2);
                    margin-top: 16px;
                    margin-bottom: 16px;
                    width: calc(100% + 32px);
                    margin-left: -16px;
                    margin-right: -16px;
                    padding: 16px;
                    border-radius: 4px;


                    .item-header {
                        margin-top: 0;
                        display: flex;
                        gap: 12px;

                        > span {
                            padding-bottom: 4px;
                            padding-right: 0;
                            float: none;
                            margin: 0;
                            width: auto;
                        }

                        .item-id-header {
                            flex: 0 0 240px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .item-qty-header {
                            flex: 1 1 auto;
                            text-align: right;
                        }
                        .item-description-header {
                            display: none;
                        }

                        .item-discount-header {
                            flex: 0 0 60px;
                            text-align: right;
                        }

                        .item-cost-header {
                            flex: 0 0 60px;
                            text-align: right;
                        }

                        .item-refund-header {
                            flex: 0 0 60px;
                            text-align: right;
                        }

                        .item-reason-header {
                            flex: 0 0 100px;
                            text-align: right;
                            display: none;
                        }
                    }

                    .order-item {
                        display: flex;
                        flex-wrap: wrap;
                        border-top: 1px solid var(--color-primary-grey-2);
                        gap: 12px;

                        &:not(:first-child) {
                            margin-top: 8px;
                        }

                        > span {
                            padding-top:4px;
                            padding-bottom: 4px;
                            padding-right: 0;
                            border-top: none;
                            float: none;
                            margin: 0;
                            width: auto;
                        }

                        .item-id {
                            flex: 0 0 240px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            order: 1;
                        }

                        .item-qty{
                            flex: 1 1 auto;
                            text-align: right;
                            order: 2;
                        }

                        .item-description{
                            flex: 1 1 100%;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            order: 6;
                            padding-top: 0;
                            font-weight: bold;
                            margin-top: -8px;
                            display: flex;
                            gap: 4px;

                            &::before {
                                content: '';
                                display: block;
                                width: 16px;
                                height: 16px;
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 7C2 6.44772 2.44772 6 3 6H21C21.5523 6 22 6.44772 22 7V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V7ZM4 8V19C4 19.5523 4.44771 20 5 20H19C19.5523 20 20 19.5523 20 19V8H4Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.7706 2.54578C14.303 2.39885 14.8537 2.71131 15.0007 3.24369L15.964 6.73395C15.9879 6.82061 16 6.9101 16 7V13C16 13.3214 15.8455 13.6233 15.5847 13.8112C15.3239 13.9992 14.9887 14.0503 14.6838 13.9487L12 13.0541L9.31623 13.9487C9.01128 14.0503 8.67606 13.9992 8.41529 13.8112C8.15452 13.6233 8 13.3214 8 13V7C8 6.9101 8.01212 6.82062 8.03604 6.73396L8.99931 3.2437C9.14624 2.71132 9.69693 2.39885 10.2293 2.54578C10.7617 2.69271 11.0742 3.2434 10.9272 3.77578L10 7.13546V11.6126L11.6838 11.0513C11.889 10.9829 12.111 10.9829 12.3162 11.0513L14 11.6126V7.13547L13.0727 3.77579C12.9258 3.24341 13.2383 2.69272 13.7706 2.54578Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.8746 7.48477C21.6984 7.80272 21.3635 8 21 8L3 8C2.62123 8 2.27497 7.786 2.10557 7.44722C1.93618 7.10843 1.97274 6.70302 2.2 6.4L4.9 2.8C5.27771 2.29639 5.87048 2 6.5 2L17.9458 2C18.6353 2 19.2763 2.35524 19.6417 2.94L21.848 6.47C22.0407 6.77827 22.0509 7.16681 21.8746 7.48477ZM19.1958 6L17.9458 4L6.5 4L5 6L19.1958 6Z" fill="%23303030"/></svg>');
                                background-size: 16px;
                                background-repeat: no-repeat;
                                background-position: center;
                            }
                        }

                        .item-discount{
                            flex: 0 0 60px;
                            text-align: right;
                            order: 3;
                        }

                        .item-cost{
                            flex: 0 0 60px;
                            text-align: right;
                            order: 4;
                        }

                        .item-refund{
                            flex: 0 0 60px;
                            text-align: right;
                            order: 5;
                        }

                        .item-reason {
                            display: flex;
                            gap: 4px;
                            padding-left: 8px;
                            margin-top: -4px;
                            flex: 1 1 100%;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            text-align: left;
                            order: 7;
                            color: var(--color-primary-grey-4);
                            border-left: 1px solid var(--color-primary-grey-2);

                            &::before {
                                content: 'Refund Reason:';
                                display: block;
                            }
                        }

                        div[class*="qualifier"] {
                            order: 8;
                            flex: 1 1 100%;
                            width: 100%;
                            flex-basis: 100%;
                            padding-left: 8px;
                            padding-bottom: 4px;
                            color: var(--color-primary-grey-4);
                            margin-top: -4px;
                            border-left: 1px solid var(--color-primary-grey-2);
                        }
                    }

                    &.yes-refund {
                        .order-item.no-refund {
                            &::after {
                                content: '';
                                flex: 0 0 60px;
                                display: block;
                                order: 5;
                            }
                        }

                    }
                }

            .utmInfoSessionHeader {
                padding-top: 20px;
                padding-bottom: 20px;
            }

            .utmInfo,
                .affiliateInfo,
                .browserInfo {
                    margin-top: 8px;
                    color: var(--color-primary-grey-4);

                    > div {
                        margin-bottom: 4px;
                    }

                .list_400 {
                    word-break: break-all;
                }
                }

                .item-header::after {
                    content: '';
                    display: none;
                    clear: both;
                }

                .summary-section {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    gap: 8px;

                    &.yes-refund,
                    &.yes-discount {
                        .subtotal-before-discount-field {
                            margin-right: 88px;
                        }
                    }

                    > div {
                        width: 100%;
                        display: flex;
                        gap: 8px;

                        &.total {
                            font-weight: bold;
                        }
                    }

                    .label {
                        flex: 1 1 auto;
                        width: auto;
                        margin: 0;
                        padding: 0;
                        float: none;
                    text-align: right;
                    }

                    .field {
                        float: none;
                        margin: 0;
                        padding: 0;
                        text-align: right;
                    }

                    .refund {
                        float: none;
                        margin: 0;
                        padding: 0;
                    }

                    .gift-wrap {
                        width: 100%;

                        &::before {
                            content: '';
                            display: block;
                            width: 16px;
                            height: 16px;
                            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 13C3 12.4477 3.44772 12 4 12H20C20.5523 12 21 12.4477 21 13V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V13ZM5 14V20C5 20.5523 5.44771 21 6 21H18C18.5523 21 19 20.5523 19 20V14H5Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1 9C1 8.44772 1.44772 8 2 8H22C22.5523 8 23 8.44772 23 9V13C23 13.5523 22.5523 14 22 14H2C1.44772 14 1 13.5523 1 13V9ZM3 10V12H21V10H3Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C12.5523 4 13 4.44772 13 5V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V5C11 4.44772 11.4477 4 12 4Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 5.5C4 3.01472 6.01472 1 8.5 1C10.9853 1 13 3.01472 13 5.5C13 6.05228 12.5523 6.5 12 6.5C11.4477 6.5 11 6.05228 11 5.5C11 4.11928 9.88072 3 8.5 3C7.11928 3 6 4.11928 6 5.5C6 6.88072 7.11928 8 8.5 8C9.05228 8 9.5 8.44772 9.5 9C9.5 9.55228 9.05228 10 8.5 10C6.01472 10 4 7.98528 4 5.5Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 5.5C11 3.01472 13.0147 1 15.5 1C17.9853 1 20 3.01472 20 5.5C20 7.98528 17.9853 10 15.5 10C14.9477 10 14.5 9.55228 14.5 9C14.5 8.44772 14.9477 8 15.5 8C16.8807 8 18 6.88072 18 5.5C18 4.11928 16.8807 3 15.5 3C14.1193 3 13 4.11928 13 5.5C13 6.05228 12.5523 6.5 12 6.5C11.4477 6.5 11 6.05228 11 5.5Z" fill="%23303030"/></svg>');
                            background-size: 16px;
                            background-repeat: no-repeat;
                            background-position: center;
                        }

                        .gift-wrap-title {
                            flex: 1 1 auto;
                        }

                        .gift-wrap-cost {
                            text-align: right;
                        }
                    }
                }

                div:has(>.transaction-merchant-note) {
                    display: flex;
                    flex-direction: column;
                    width: 100% !important;
                    padding-top: 8px !important;
                    border-top: 1px solid var(--color-primary-grey-2) !important;
                    gap: 8px;

                    .transaction-merchant-note {
                        margin-bottom: 0;
                        gap: 8px;
                        color: var(--color-primary-grey-4);

                        .transaction-merchant-note-note {
                            text-align: left;
                        }
                    }
                }
            }

            hr {
                display: none;
            }

            #merchantNotes {
                width: 100%;
                margin-top: 4px;
                margin-bottom: 4px;
            }

            input[value="Update Comments"].btn.orange_btn {
                background-color: var(--color-primary-blue);
                padding: 6px 8px 4px 32px;
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V15C22 16.6569 20.6569 18 19 18H8.41421L8.41421 18L8.41416 18.0001L4.56068 21.8535C3.61576 22.7985 2 22.1292 2 20.7929V5ZM5 4C4.44771 4 4 4.44771 4 5V19.5858L7.00001 16.5858L7.00006 16.5857C7.37504 16.2108 7.88369 16 8.41421 16H19C19.5523 16 20 15.5523 20 15V5C20 4.44771 19.5523 4 19 4H5ZM3.14712 20.4386C3.14689 20.4388 3.14665 20.4391 3.14642 20.4393L3.14645 20.4393L3.14712 20.4386Z" fill="white"/></svg>');
                background-size: 16px;
                background-repeat: no-repeat;
                background-position: 8px 50%;
            }
        }

    .fieldset .js-order {
        padding: 0;
        margin-bottom: 0;
        box-shadow: none;
    }
}

/* Refund Order / Items  */
body[data-main-form-action="/merchant/orderprocessing/util/refundOrderSave.do"] {
    table[summary="item details"],
    table[summary="refund details"] {
        color: var(--color-primary-grey-5);

        tr:not(:last-child) {
            td {
                padding-bottom: 8px;
            }
        }

        td:not(:last-child) {
            padding-right: 8px;
        }

        /* tr:first-child {
            td {
                font-family: var(--font-primary-regular);
                font-weight: normal;
                font-size: 11px;
                color: var(--color-primary-grey-4);
            }
        } */

        .itemRow.no-refund {
            td:has(select[name*="reasonCode"]) {
                position: relative;

                &::after {
                    content: "cannot refund item";
                    display: block;
                    font-family: var(--font-primary-regular);
                    font-size: 10px;
                    color: var(--color-primary-grey-5);
                    position: absolute;
                    top: 50%;
                    left: 8px;
                    transform: translateY(-50%);
                }
            }

            td,
            td.normalText {
                opacity: 0.5;

                select,
                input[type="text"],
                input[type="checkbox"] {
                    cursor: not-allowed;
                    pointer-events: none;
                }
            }
        }
    }

    .columnHeaderText {
        font-family: var(--font-primary-regular);
        font-weight: normal;
        font-size: 11px;
        color: var(--color-primary-grey-4);
        padding-bottom: 8px;
    }

    span.columnHeaderText {
        display: inline-block;
    }

    textarea[name*="merchantNotes"] {
        width: 100%;
    }

    select[name*="refundReason"],
    input[name*="rma"] {
        width: 100%;
        box-sizing: border-box;
    }
}

/* Quote Request */
body[data-main-form-action="/merchant/orderprocessing/qr/quoteRequestSave.do"] {
    /* Need a DOM Change before trying to re-orient the navigation items */
    /* form[action="/merchant/orderprocessing/qr/quoteRequestSave.do"] {
        .widget_box:nth-child(3) {
            display: flex;
            gap: 16px;
        }
    }  */
}


body[data-main-form-action="./reviewOrdersLoad.do"] {
    background-color: var(--color-primary-grey-1);

    input[type="button"] {
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        box-sizing: border-box;
        display: block;

        &[value="Return to Criteria"],
        &[value*="Display Settings"],
        &[value="Refresh"],
        &[value*="Print"],
        &[value*="Refund"],
        &[value*="New Window"],
        &[value="Download"],
        &[value="Export"],
        &[value="Delete Orders"] {
            padding-left: 26px;
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: 4px center;
        }

        &[value="Return to Criteria"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.4993 4.5C10.8898 4.89053 10.8898 5.52369 10.4993 5.91421L4.41348 12L10.4993 18.0858C10.8898 18.4763 10.8898 19.1095 10.4993 19.5C10.1087 19.8905 9.47558 19.8905 9.08505 19.5L2.29216 12.7071C1.90164 12.3166 1.90164 11.6834 2.29216 11.2929L9.08505 4.5C9.47558 4.10948 10.1087 4.10948 10.4993 4.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.9993 12C21.9993 12.5523 21.5516 13 20.9993 13L2.99927 13C2.44698 13 1.99927 12.5523 1.99927 12C1.99927 11.4477 2.44698 11 2.99927 11L20.9993 11C21.5516 11 21.9993 11.4477 21.9993 12Z" fill="white"/></svg>');
        }

        &[value*="Display Settings"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C7.72912 18 4.54588 15.0915 2.82138 12.827C3.59094 11.4331 4.82138 9.71266 6.40383 8.34566C8.04068 6.93166 9.92594 6 12 6C14.074 6 15.9593 6.93166 17.5961 8.34566C19.1786 9.71266 20.409 11.4331 21.1786 12.827C19.4541 15.0915 16.2709 18 12 18ZM12 4C6.59183 4 2.67316 8.87469 0.976292 12.0333C0.657555 12.6266 0.712129 13.3446 1.11432 13.8848C2.94426 16.3428 6.68844 20 12 20C17.3115 20 21.0557 16.3428 22.8857 13.8848C23.2878 13.3446 23.3424 12.6266 23.0237 12.0333C21.3268 8.87469 17.4081 4 12 4ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z" fill="white"/></svg>');
        }

        &[value="Refresh"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.37008 7.74974C8.60467 6.66007 10.224 6 12 6C14.8179 6 17.2478 7.66565 18.3575 10.0659C18.0003 9.92943 17.5807 10.0051 17.2929 10.2929C16.9024 10.6835 16.9024 11.3166 17.2929 11.7072L19.0858 13.5C19.4763 13.8906 20.1095 13.8906 20.5 13.5L22.2929 11.7072C22.6834 11.3166 22.6834 10.6835 22.2929 10.2929C21.9024 9.90242 21.2692 9.90242 20.8787 10.2929L20.6533 10.5183C19.5756 6.75438 16.1101 4 12 4C9.71818 4 7.63256 4.85048 6.04662 6.25026C5.63255 6.61573 5.59315 7.24766 5.95861 7.66173C6.32408 8.0758 6.95602 8.1152 7.37008 7.74974ZM3.00896 13.4053L2.91423 13.5C2.5237 13.8905 1.89054 13.8905 1.50002 13.5C1.10949 13.1095 1.10949 12.4763 1.50002 12.0858L3.29288 10.2929C3.68341 9.90237 4.31657 9.90237 4.7071 10.2929L6.5 12.0858C6.89052 12.4763 6.89052 13.1095 6.5 13.5C6.10948 13.8905 5.47631 13.8905 5.08579 13.5L5.01281 13.427C5.23349 17.0942 8.2774 20 12 20C14.5897 20 16.8523 18.5942 18.0641 16.4993C18.3407 16.0212 18.9524 15.8579 19.4305 16.1344C19.9085 16.4109 20.0719 17.0227 19.7953 17.5007C18.2407 20.1882 15.3325 22 12 22C7.16525 22 3.22089 18.1877 3.00896 13.4053Z" fill="white"/></svg>');
        }

        &[value*="Print"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 9C1 7.89544 1.89544 7 3 7H21C22.1046 7 23 7.89545 23 9V15C23 16.1046 22.1046 17 21 17H18C17.4477 17 17 16.5523 17 16C17 15.4477 17.4477 15 18 15H21V9H3V15H6C6.55228 15 7 15.4477 7 16C7 16.5523 6.55228 17 6 17H3C1.89545 17 1 16.1046 1 15V9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 12C5 11.4477 5.44772 11 6 11H18C18.5523 11 19 11.4477 19 12V20C19 21.1046 18.1046 22 17 22H7C5.89545 22 5 21.1046 5 20V12ZM7 13V20H17V13H7Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4C5 2.89544 5.89544 2 7 2H17C18.1046 2 19 2.89545 19 4V8C19 8.55228 18.5523 9 18 9H6C5.44772 9 5 8.55228 5 8V4ZM17 4H7V7H17V4Z" fill="white"/></svg>');
        }

        &[value*="Refund"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 3C17.0523 3 17.5 3.44772 17.5 4V5.4H21C21.5523 5.4 22 5.84772 22 6.4C22 6.95228 21.5523 7.4 21 7.4H17.5V11H18.375C20.4368 11 22 12.7631 22 14.8C22 16.8369 20.4368 18.6 18.375 18.6H17.5V20C17.5 20.5523 17.0523 21 16.5 21C15.9477 21 15.5 20.5523 15.5 20V18.6H12C11.4477 18.6 11 18.1523 11 17.6C11 17.0477 11.4477 16.6 12 16.6H15.5V13H14.625C12.5632 13 11 11.2369 11 9.2C11 7.16309 12.5632 5.4 14.625 5.4H15.5V4C15.5 3.44772 15.9477 3 16.5 3ZM15.5 7.4H14.625C13.7873 7.4 13 8.14411 13 9.2C13 10.2559 13.7873 11 14.625 11H15.5V7.4ZM17.5 13V16.6H18.375C19.2127 16.6 20 15.8559 20 14.8C20 13.7441 19.2127 13 18.375 13H17.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 12C10 12.5523 9.55228 13 9 13L4 13C3.44771 13 3 12.5523 3 12C3 11.4477 3.44771 11 4 11L9 11C9.55228 11 10 11.4477 10 12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 15.5C6.10947 15.8905 5.47631 15.8905 5.08579 15.5L2.29289 12.7071C1.90237 12.3166 1.90237 11.6834 2.29289 11.2929L5.08579 8.5C5.47631 8.10947 6.10948 8.10947 6.5 8.5C6.89052 8.89052 6.89052 9.52368 6.5 9.91421L4.41421 12L6.5 14.0858C6.89052 14.4763 6.89052 15.1095 6.5 15.5Z" fill="white"/></svg>');
        }

        &[value*="New Window"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 2C16 1.44772 16.4477 1 17 1H22C22.5523 1 23 1.44772 23 2V7C23 7.55228 22.5523 8 22 8C21.4477 8 21 7.55228 21 7V3H17C16.4477 3 16 2.55228 16 2Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4C4.44771 4 4 4.44771 4 5V19C4 19.5523 4.44771 20 5 20H19C19.5523 20 20 19.5523 20 19V13C20 12.4477 20.4477 12 21 12C21.5523 12 22 12.4477 22 13V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2H11C11.5523 2 12 2.44772 12 3C12 3.55228 11.5523 4 11 4H5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.2071 1.79289C22.5976 2.18342 22.5976 2.81658 22.2071 3.20711L13.7071 11.7071C13.3166 12.0976 12.6834 12.0976 12.2929 11.7071C11.9024 11.3166 11.9024 10.6834 12.2929 10.2929L20.7929 1.79289C21.1834 1.40237 21.8166 1.40237 22.2071 1.79289Z" fill="white"/></svg>');
        }

        &[value*="Download"],
        &[value*="Export"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C9.84918 3 7.98509 4.43075 7.28819 6.48082C7.27647 6.51531 7.26305 6.54874 7.24805 6.58105C7.11851 6.90087 6.82679 7.14489 6.46054 7.19661C4.53603 7.46842 3 9.20144 3 11.3576C3 12.7462 3.64031 13.9671 4.61524 14.7286C5.05048 15.0686 5.1277 15.6971 4.78772 16.1323C4.44773 16.5675 3.8193 16.6447 3.38406 16.3048C1.93049 15.1693 1 13.3702 1 11.3576C1 8.46212 2.93239 5.99243 5.58757 5.33163C6.6634 2.79855 9.11441 1 12 1C15.5995 1 18.5143 3.78882 18.9451 7.32987C21.2781 7.78799 23 9.9108 23 12.3974C23 14.2893 22.0103 15.9579 20.5154 16.8569C20.0421 17.1416 19.4277 16.9887 19.1431 16.5154C18.8584 16.0421 19.0113 15.4277 19.4846 15.1431C20.3809 14.6039 21 13.5843 21 12.3974C21 10.6157 19.6205 9.23846 18 9.23846C17.4477 9.23846 17 8.79074 17 8.23846C17 5.30824 14.725 3 12 3Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 17.2929C7.68342 16.9024 8.31658 16.9024 8.70711 17.2929L12 20.5858L15.2929 17.2929C15.6834 16.9024 16.3166 16.9024 16.7071 17.2929C17.0976 17.6834 17.0976 18.3166 16.7071 18.7071L12.7071 22.7071C12.3166 23.0976 11.6834 23.0976 11.2929 22.7071L7.29289 18.7071C6.90237 18.3166 6.90237 17.6834 7.29289 17.2929Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11C12.5523 11 13 11.4477 13 12V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V12C11 11.4477 11.4477 11 12 11Z" fill="white"/></svg>');
        }

        &[value="Delete Orders"] {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.55228 9 6 9.44772 6 10V20C6 20.5523 6.44771 21 7 21H17C17.5523 21 18 20.5523 18 20V10C18 9.44772 18.4477 9 19 9C19.5523 9 20 9.44772 20 10V20C20 21.6569 18.6569 23 17 23H7C5.34315 23 4 21.6569 4 20V10C4 9.44772 4.44772 9 5 9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44771 3 9 3.44771 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 2.34315 8.34315 1 10 1H14C15.6569 1 17 2.34315 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.44771 14.5523 3 14 3H10Z" fill="white"/></svg>');
        }
    }

    .interior_content {
        > br {
            display: none;
        }

        > span {
            display: inline-block;
            color: var(--color-primary-grey-4);
            padding: 4px 8px;
            background-color: var(--color-primary-grey-2);
            border-radius: 8px;
            margin-right: 4px;
            margin-bottom: 4px;
        }
    }

    form#reviewOrdersForm {
    }

    #orderSummary,
    em {
        color: var(--color-primary-grey-4);
    }

    #fullscreen {
        box-sizing: border-box;
        line-height: 1;
        cursor: pointer;
        transition: background-color 0.3s ease;
        padding: 4px;

        &:hover {
            backgorund-color: var(--color-primary-blue-dark);
        }

        .oi {
            font-size: 16px;
            display: block;
        }
    }

    #orderingDiv {
        table tbody tr:last-child {
            position: sticky;
            bottom: 0;
            background-color: var(--color-primary-grey-1);

            td {
                input[type="button"] {
                    float: left;
                    margin: 8px 8px 8px 0 !important;

                    &.orange_btn {
                        background-color: var(--color-primary-blue);

                        &:hover {
                            background-color: var(--color-primary-blue-dark);
                        }
                    }
                }
            }
        }
    }

    .ordersTableInfo {
        display: flex;
        gap: 8px;
        color: var(--color-primary-grey-4);
        margin-bottom: 8px;
    }

    th.tablesorter-header .tablesorter-header-inner {
        white-space: nowrap;

        br {
            display: none;
        }
    }
}

/* StoreFront Upsells */
.upsell-container-stats-active {
    .upsell-path {
        .offer-board__offer-stat-list:after {
            display: none;
        }

        .upsell-path-stats {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr);
            margin-bottom: 0;
            border-top: none;
            border-left: none;
            border-right: none;

            .upsell-path-stats__stat {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-end;
                gap: 4px;
                width: 100%;
                border-bottom: 1px solid var(--color-primary-grey-2);
                border-left: 1px solid var(--color-primary-grey-2);

                &:nth-last-child(2) {
                    border-radius: 0 0 0 8px;
                }

                br {
                    display: none;
                }
            }
        }

        .upsell-path-stats:hover .upsell-path-stats__stat_detailed,
        .offer-board__show_all_stats .upsell-path-stats__stat_detailed {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            gap: 4px;
            width: 100%;

            br {
                display: none;
            }
        }

        .offer-board__offer_show_all_stats .offer-board__offer-stat-list,
        .offer-board__offer_wrapper.safari-hover .offer-board__offer-stat-list,
        .offer-board__offer_wrapper:hover .offer-board__offer-stat-list  {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            margin-bottom: 0;

            .offer-board__offer-stat,
            .offer-board__offer-stat:nth-child(even) {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-end;
                gap: 4px;
                width: 100%;

                br {
                    display: none;
                }
            }
        }
    }
}

/* Autocomplete */
.ui-menu.ui-autocomplete {
    z-index: 1000000;
    background: var(--color-primary-grey-1);
    border: none;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.ui-menu.ui-autocomplete li.ui-menu-item {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.05em;
    white-space: nowrap;
    color: var(--color-primary-grey-4);
    cursor: pointer;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
    padding: 2px 4px;
    box-sizing: border-box;
    border-radius: 4px;
}

.ui-menu.ui-autocomplete li.ui-menu-item.ui-state-focus {
    background: none;
    border: none;
    background-color: var(--color-alt-blue-1);
}

.ui-menu.ui-autocomplete li.ui-menu-item:hover {
    background-color: var(--color-alt-blue-1);
    color: var(--color-primary-grey-5);
}

.ui-menu.ui-autocomplete li.ui-menu-item:last-child {
    margin-bottom: 0;
}


@media (max-width: 1024px) {
    #content #ordersListContainer #ordersList {
        flex-direction: column;

        #ordersListActions {
            max-width: none;
            flex-direction: row;

            > div {
                flex-direction: row;
            }

            div,
            input {
                width: auto;
            }
        }

        .scroll_table_wrapper {
            max-width: none;
            max-height: none;
            margin-left: 0;
        }
    }
}

#shippingConfigurationDiv {
    .title_bar {
        margin-bottom: 0 !important;
    }

    .shippingDepartmentOptionsFormOptionsGroup {
        display: flex;
        gap: 8px;
    }

    #toggle_persist_checks,
    #toggle_sidebar {
        position: relative;
        display: inline-flex;
        background-color: var(--color-primary-grey-2);
        padding: 4px;
        border-radius: 16px;
        align-items: center;
        gap: 8px;
        box-sizing: border-box;
        width: 100%;

        input[type="checkbox"] {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        span {}

        &::before {
            content: '';
            display: block;
            position: relative;
            width: 24px;
            height: 16px;
            background-color: var(--color-primary-grey-3);
            border-radius: 14px;
            transition: background-color 0.3s ease;
        }

        &::after {
            content: '';
            position: absolute;
            display: block;
            width: 12px;
            height: 12px;
            top: 50%;
            transform: translateY(-50%);
            left: 7px;
            background-color: white;
            border-radius: 6px;
            transition: left 0.3s ease;
        }

        &:has(input[type="checkbox"]:checked) {
            &::before {
                background-color: var(--color-primary-green);
            }

            &::after {
                left: 14px;
            }
        }
    }

    td label {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;

        input[type="checkbox"] {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        span {}

        &::before {
            content: '';
            display: block;
            position: relative;
            width: 24px;
            height: 16px;
            background-color: var(--color-primary-grey-3);
            border-radius: 12px;
            transition: background-color 0.3s ease;
        }

        &::after {
            content: '';
            position: absolute;
            display: block;
            width: 12px;
            height: 12px;
            top: 50%;
            transform: translateY(-50%);
            left: 2px;
            background-color: white;
            border-radius: 6px;
            transition: left 0.3s ease;
        }

        &:has(input[type="checkbox"]:checked) {
            &::before {
                background-color: var(--color-primary-green);
            }

            &::after {
                left: 10px;
            }
        }
    }
}

#importTrackingContainer {
    #importTrackingInput {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

form[action="/merchant/orderprocessing/ar/accountsReceivableListSave2.do"] {
    .ar_table_wrapper {
        padding: 0 !important;
        max-height: 100%;
    }

    .space_top_20 {
        margin-left: -8px;
    }

    .toolbar-wrapper {
        background: transparent !important;
    }
}

/* Generic styles for a dialog */
dialog {
    border: none;
    box shadow: var(--boxshadow-primary);
    color: var(--color-primary-grey-4);
    border-radius: 8px;

    &::backdrop {
        backdrop-filter: blur(1px);
        background: rgba(0, 0, 0, 0.25);
    }
}

/* Color Picker */
.sp-container.sp-light {
    background-color: var(--color-primary-grey-1);
    border: 1px solid var(--color-primary-grey-3);
    border-radius: 2px 16px 16px 16px;
    box-shadow: var(--boxshadow-primary);

    .sp-palette-container {
        border-right: 1px solid var(--color-primary-grey-3);

        .sp-thumb-el {
            border-radius: 12px;
            overflow: hidden;

            &.sp-thumb-active {
                border-color: var(--color-primary-grey-5);
            }
        }

        .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.8191 5.29289C22.2096 5.68342 22.2096 6.31658 21.8191 6.70711L9.81911 18.7071C9.42858 19.0976 8.79542 19.0976 8.40489 18.7071L2.40489 12.7071C2.01437 12.3166 2.01437 11.6834 2.40489 11.2929C2.79542 10.9024 3.42858 10.9024 3.81911 11.2929L9.112 16.5858L20.4049 5.29289C20.7954 4.90237 21.4286 4.90237 21.8191 5.29289Z" fill="%23303030"/></svg>');
            background-size: 12px;
        }

        .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.8191 5.29289C22.2096 5.68342 22.2096 6.31658 21.8191 6.70711L9.81911 18.7071C9.42858 19.0976 8.79542 19.0976 8.40489 18.7071L2.40489 12.7071C2.01437 12.3166 2.01437 11.6834 2.40489 11.2929C2.79542 10.9024 3.42858 10.9024 3.81911 11.2929L9.112 16.5858L20.4049 5.29289C20.7954 4.90237 21.4286 4.90237 21.8191 5.29289Z" fill="%23ffffff"/></svg>');
            background-size: 12px;
        }

    }

    .sp-picker-container {
        border-left: none;

        .sp-color, .sp-hue, .sp-clear {
            border: none;
            border-radius: 4px;

            .sp-slider {
                border-radius: 2px;
                border: none;
                box-shadow: 0 0 2px rgba(0, 0, 0, 0.65);
                height: 6px;
                opacity: 0.95;
            }
        }

        .sp-color {
            overflow: hidden;
        }

        .sp-button-container {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 4px;

            .sp-cancel {
                background-color: var(--color-primary-grey-2);
                color: var(--color-primary-grey-4) !important;
                border-radius: 4px;
                padding: 4px 8px;
                margin-right: 0;
                font-size: 12px;
                font-weight: bold;
                letter-spacing: 0.1em;
                cursor: pointer;
                transition: background-color 0.3s ease, color 0.3s ease;

                &:hover {
                    background-color: var(--color-primary-grey-3);
                }
            }

            button.sp-choose {
                background-color: var(--color-primary-blue);
                background-image: none;
                border: none;
                color: white;
                text-shadow: none;
                border-radius: 4px;
                padding: 4px 8px;
                margin-right: 0;
                font-size: 12px;
                font-weight: bold;
                letter-spacing: 0.1em;
                line-height: inherit;
                cursor: pointer;
                transition: background-color 0.3s ease;

                &:hover {
                    background-color: var(--color-primary-blue-dark);
                }
            }

            &::after {
                display: none;
            }
        }
    }
}

.order_item_full_view {
    label {
        > span {
            position: relative;

            span.info {
                display: flex;
                position: relative;
                top: auto;
                left: auto;
            }
        }
    }
}

/* StoreFronts - Privacy and Tracking - Affiliate Network Pixel */

#affiliateNetworkPixelContent {
    td {
        padding-bottom: 8px;
        color: var(--color-primary-grey-5);
    }

    td:has(span.info) {
        position: relative;
        padding-left: 16px;
        padding-top: 6px;
        vertical-align: top;

        span.info {
            top: 8px
        }
    }

    input[type="text"],
    select {
        width: 100%;
        box-sizing: border-box;
        max-width: 220px;
        color: var(--color-primary-grey-5);

        &#recordFireInCustomField,
        &#cookieLifetimeDays,
        &#recordNameInCustomField {
            max-width: 60px;
        }

        &#firePercentage {
            margin-bottom: 8px;
        }

        &#noFireAssignToAffiliateOid {
            margin-left: 4px;
        }
    }

    input[type="radio"] {
        margin-right: 4px;
    }

    .saveAffiliateNetworkPixelBtn.orange_btn {
        background-color: var(--color-primary-blue);

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }
    }
}

/* Establish Fraud Filter */

body[data-main-form-action="/merchant/orderprocessing/util/establishFraudFilterSave.do"] {
    td {
        padding: 12px 0;

        textarea,
        select {
            width: 100%;
            box-sizing: border-box;
        }
    }
    td:has(input[type="checkbox"]) {
        position: relative;

        &::before {
            content: '';
            display: block;
            position: relative;
            width: 24px;
            height: 16px;
            background-color: var(--color-primary-grey-3);
            border-radius: 12px;
            float: left;
            margin-right: 4px;
            transition: background-color 0.3s ease;
        }

        &::after {
            content: '';
            position: absolute;
            display: block;
            width: 12px;
            height: 12px;
            top: calc(50% - 2px);
            transform: translateY(-50%);
            left: 3px;
            background-color: white;
            border-radius: 6px;
            transition: left 0.3s ease;
        }

        &:has(input[type="checkbox"]:checked) {
            &::before {
                background-color: var(--color-primary-green);
            }

            &::after {
                left: 10px;
            }
        }

        input[type="checkbox"] {
            width: 24px;
            height: 100%;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
        }
    }
}

/* Plugin - Selectize Customization */

.selectize-control.multi .selectize-input {
    border: 1px solid var(--color-primary-grey-3);
    border-radius: 4px;

    div[data-value] {
        background-color: var(--color-primary-grey-5);
        color: #fff;
        border: none;

        &.active {
            background-color: var(--color-primary-grey-4);
            border: none;
        }
    }
}

.selectize-control.plugin-remove_button div[data-value] .remove {
    border-left: none;
}

.selectize-dropdown {
    border: 1px solid var(--color-primary-grey-3);
    margin-top: -4px;
    border-radius: 0 0 4px 4px;
    overflow: hidden;

    .selectize-dropdown-content {
        .uc-selectize-option .description {
            border-bottom: none;
        }
    }
}

/* Plugin - UI Date Picker */
#ui-datepicker-div.ui-widget-content {
    border: none;
    background: var(--color-primary-grey-1);
    color: var(--color-primary-grey-5);
    box-shadow: var(--boxshadow-primary);
    width: auto;

    .ui-widget-header {
        border: none;
        background: var(--color-primary-grey-2);
        color: var(--color-primary-grey-5);

        .ui-corner-all,
        .ui-corner-all {
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;


            &.ui-datepicker-prev {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8191 3.29289C17.2096 3.68342 17.2096 4.31658 16.8191 4.70711L9.52621 12L16.8191 19.2929C17.2096 19.6834 17.2096 20.3166 16.8191 20.7071C16.4286 21.0976 15.7954 21.0976 15.4049 20.7071L7.40489 12.7071C7.01437 12.3166 7.01437 11.6834 7.40489 11.2929L15.4049 3.29289C15.7954 2.90237 16.4286 2.90237 16.8191 3.29289Z" fill="%23303030"/></svg>');
            }
            &.ui-datepicker-next {
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.40489 3.29289C7.79542 2.90237 8.42858 2.90237 8.81911 3.29289L16.8191 11.2929C17.2096 11.6834 17.2096 12.3166 16.8191 12.7071L8.81911 20.7071C8.42858 21.0976 7.79542 21.0976 7.40489 20.7071C7.01437 20.3166 7.01437 19.6834 7.40489 19.2929L14.6978 12L7.40489 4.70711C7.01437 4.31658 7.01437 3.68342 7.40489 3.29289Z" fill="%23303030"/></svg>');
            }

            span {
                opacity: 0;
            }
        }
    }
    .ui-datepicker-calendar {
        margin: 0 0 0.2em;
        border-radius: 4px;
        overflow: hidden;

        tbody {

            td {
                padding: 0;

                a {
                    padding: 0.75em;
                    text-align: center;
                }
            }
        }

        .ui-state-default,
        .ui-widget-content .ui-state-default {
            border: none;
            background: var(--color-primary-grey-2);
            color: var(--color-primary-grey-5);
            transition: all 0.3s ease;

            &:hover {
                color: white;
                background: var(--color-primary-blue);
            }
        }

        .ui-datepicker-today {
            .ui-state-default,
            .ui-widget-content .ui-state-default {
                border: none;
                background: white;
                color: var(--color-primary-grey-5);
            }
        }
    }
}

/* Payment Methods */

body[data-main-form-action="/merchant/configuration/payment/v5/methodsSave.do"] {
    .content,
    .content_area {
        background-color: var(--color-primary-grey-1);
    }

    .checkbox_switch {
        width: 24px;
        height: 16px;

        input {
            &:checked {
                & + .checkbox_toggle {
                    background-color: var(--color-primary-green);

                    &::before {
                        transform: translateX(8px);
                    }
                }
            }
        }

        .checkbox_toggle {
            &::before {
                width: 12px;
                height: 12px;
                top: 2px;
                left: 2px;
                bottom: auto;
            }
        }
    }
}

/* Payment Methods - Rotating Transaction Gateways */

body[data-main-form-action="/merchant/configuration/payment/v5/rotatingTransactionGatewaysListSave.do"] {
    .interior {
        border-top: none;
        border-bottom: none;

        .interior_content {
            padding: 0;

            input[value="New UltraCart Payments"] {
                display: none;
            }
        }
    }

    p.return_link {
        margin-left: 0;
    }
}

body[data-main-form-action="/merchant/configuration/payment/rotatingTransactionGatewayEditSave.do"] {
    .content_wrapper_v2 .top_nav {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.8);
        position: sticky;
        top: 0;
        width: 100%;
        margin-left: -16px;
        z-index: 10;
        backdrop-filter: blur(4px);
    }

    .content_wrapper_v2 .top_nav a {
        line-height: 24px;
        color: white;
        /* display: block; */
        background-color: var(--color-primary-grey-5);
        background-image: none;
        border: none;
        padding: 0 8px;
        border-radius: 4px;
        /* letter-spacing: 0.1em; */
        font-family: var(--font-primary-bold);
        letter-spacing: 1px;
        transition: 0.3s background-color ease;

        &[href="#"] {
            background-color: var(--color-primary-grey-3);
            color: var(--color-primary-grey-5);
        }

        &:not([href="#"])&:hover {
            background-color: var(--color-primary-grey-4);
        }
    }

    * {
        box-sizing: border-box;
    }
}

/* Payment Methods - Transaction Gateway */
body[data-main-form-action="/merchant/configuration/payment/v5/transactionGatewaysSave.do"] {
    .interior {
        border-top: none;
        border-bottom: none;
    }

    .content_area {
        background-color: var(--color-primary-grey-1);

        .interior_content {
            padding: 0;
        }
    }

    table[summary="authorization model options"] {
        thead {
            th {
                background-color: transparent;
                font-family: var(--font-primary-regular);
                text-align: left;

                &:last-child {
                    text-align: right;
                }
            }
        }

        tbody {
            tr {
                td {
                    border-bottom: none;

                    &:first-child {
                        padding-left: 0;
                    }

                    &:last-child {
                        padding-right: 0;
                    }
                }
            }
        }
    }
}

/* Item Editor - Options */
body[data-main-form-action="/merchant/item/editor/optionsSave.do"] {
    #uc-item-editor .interior_content div input[type="text"],
    #uc-item-editor .interior_content div input[type="number"],
    #uc-item-editor .interior_content div input[type="email"],
    #uc-item-editor .interior_content div input[type="password"],
    #uc-item-editor .interior_content div select,
    #uc-item-editor .interior_content div textarea {
        min-height: 30px;
        padding: 6px 10px;
    }

    .variation-option-table {
        td {
            padding: 0 8px 8px 0;

            .btn {
                margin-right: 0;
            }
        }

        .icon.delete {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C5.55228 9 6 9.44772 6 10V20C6 20.5523 6.44771 21 7 21H17C17.5523 21 18 20.5523 18 20V10C18 9.44772 18.4477 9 19 9C19.5523 9 20 9.44772 20 10V20C20 21.6569 18.6569 23 17 23H7C5.34315 23 4 21.6569 4 20V10C4 9.44772 4.44772 9 5 9Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C9.44771 3 9 3.44771 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 2.34315 8.34315 1 10 1H14C15.6569 1 17 2.34315 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.44771 14.5523 3 14 3H10Z" fill="white"/></svg>');
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: center;
            background-color: var(--color-primary-red);

            &:hover {
                background-color: var(--color-primary-red-dark);
            }
        }
    }

    #variationAssignmentsSection {
        table {
            thead {
                th {
                    text-align: left;
                    padding-top: 12px;
                    padding-bottom: 0;
                    padding-left: 12px;
                    padding-right: 12px;
                    background-color: transparent;
                }
            }

            thead,
            tbody {
                th:first-child,
                td:first-child {
                    padding-left: 0;
                }

                th:last-child,
                td:last-child {
                    width: 1%;
                    padding-right: 0;
                }
            }
        }
    }

    .item_editor table {
        .btn {
            &.addAssignment {
                background-color: var(--color-primary-green);
                padding: 5px 10px;

                &:hover {
                    background-color: var(--color-primary-green-dark);
                }
            }

            &.orange_btn.assignmentSave {
                background-color: var(--color-primary-blue);
                padding: 5px 10px;

                &:hover {
                    background-color: var(--color-primary-blue-dark);
                }
            }
        }
    }
}

/* Dashboard Updates */

.dashboard_promo {
    display: block;
    clear: both;
    width: 100%;
    max-width: 800px;
    margin-bottom: 20px;

    img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .promo_desktop {
        display: block;
    }

    .promo_mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .dashboard_promo {
        max-width: 360px;

    .promo_mobile {
        display: block;
    }

    .promo_desktop {
        display: none;
    }
}
}

.promo_wrapper {
    min-width: 0;

    &:has(.dashboard_promo) {
        margin-top: 0;
    }
}

.dashboard {
    .widget {
        .widget_full,
        .widget_half {
            overflow: hidden;
            border-radius: 16px;
            background-color: var(--color-primary-grey-1);

            .widget_title {
                border-bottom: none;
                height: 60px;
                padding-left: 40px;
                display: flex;
                align-items: center;

                .dash_icon {
                    display: flex;
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    top: 50%;
                    left: 16px;
                    transform: translateY(-50%);
                    align-items: center;
                    justify-content: center;

                    &::after {
                        position: relative;
                        font-size: 14px;
                        width: 14px;
                        height: 14px;
                        top: auto;
                        right: auto;
                        color: var(--color-primary-grey-4);
                    }
                }

                h3 {
                    color: var(--color-primary-grey-4);
                    font-size: 14px;
                    font-weight: 600;
                    width: 100%;
                    order: 1;
                }

                .widget_options {
                    order: 2;
                    padding-right: 16px;
                    display: flex;
                    gap: 16px;

                    .close,
                    .refresh {
                        cursor: pointer;

                        &::after {
                            font-size: 14px;
                            width: 14px;
                            height: 14px;
                            color: var(--color-primary-grey-4);
                            transition: color 0.3s ease;
                        }

                        &:hover {
                            &::after {
                                color: var(--color-primary-grey-4);
                            }
                        }
                    }
                }
            }

            .standard .dashboard-statistics-affiliate,
            .standard .dashboard-statistics-basic,
            .standard .dashboard-statistics-rtg {
                background-color: var(--color-primary-grey-1);
            }
        }
    }

    .widget[widgetid="com.bpsinfo.ultracart.dashboard.v2.widgets.CheckListWidget"] {
        width: 100%;

        #gettingStartedContainer {
            background-color: var(--color-primary-grey-1);
            display: flex;
            align-items: stretch;
            width: 100%;
            max-width: 1860px;
            gap: 0;
            box-sizing: border-box;
            padding: 0 16px 16px 16px;

            * {
                box-sizing: border-box;
            }

            .wiz_menu_container {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                gap: 8px;
                flex: 0 0 220px;
                width: 220px;
                height: auto;
                background-color: var(--color-primary-grey-2);
                padding: 8px;
                border-radius: 8px;

                .wiz_menu_item {
                    display: flex;
                    padding: 8px;
                    cursor: pointer;
                    flex: 0;
                    gap: 8px;
                    border-radius: 4px;
                    border-bottom: 0;
                    border-right: 0;
                    transition: background-color 0.3s ease;
                    color: var(--color-primary-grey-5);

                    &:hover {
                        background-color: var(--color-primary-grey-1);
                    }

                    .wiz_menu_status {
                        width: 16px;
                        height: 16px;
                        border-radius: 4px;
                        background-color: transparent;
                        border: 2px solid var(--color-primary-grey-5);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: var(--color-primary-grey-5);
                        font-size: 8px;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 8px;
                    }
                    .wiz_menu_icon {
                        font-size: 16px;
                        margin-top: 0;
                        margin-bottom: 0;
                        height: 16px;
                        width: 16px;
                        color: var(--color-primary-grey-5);
                    }

                    .wiz_menu_title {
                        text-align: left;
                        font-size: 14px;
                        letter-spacing: 1px;
                        color: var(--color-primary-grey-5);
                        padding-right: 22px;

                        &::before {
                            display: none;
                        }
                    }

                    &.wiz_completed {
                        .wiz_menu_status {
                        }
                    }

                    &.active {
                        background-color: white;
                        box-shadow: var(--boxshadow-sub);

                        .wiz_menu_status {
                        }
                        .wiz_menu_icon {
                        }
                        .wiz_menu_title {
                        }
                    }

                    &::after {
                        display: none;
                    }
                }
            }

            .wiz_content_container {
                flex: 1;
                min-height: 0;

                .wiz_content_wrapper {
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                }

                .wiz_docs_wrapper {
                    padding: 0 16px 16px 32px;
                    display: flex;
                    align-items: stretch;
                    gap: 16px;

                    .wiz_docs_item {
                        width: 100%;
                        display: flex;
                        gap: 8px;
                        background-color: var(--color-primary-grey-1);
                        border: 1px solid var(--color-alt-blue-1);
                        color: var(--color-primary-blue);
                        padding: 12px;
                        border-radius: 8px;
                        cursor: pointer;
                        transition: background-color 0.3s ease, color 0.3s ease;

                        &:hover {
                            background-color: var(--color-alt-blue-2);
                            color: var(--color-primary-blue-dark);

                            span {
                                color: var(--color-primary-blue-dark);
                            }
                        }

                        &::after {
                            display: block;
                            content: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.09375 4C3.09375 2.34315 4.4369 1 6.09375 1H12.2654C13.061 1 13.824 1.31608 14.3866 1.87866L14.3867 1.87868L20.215 7.70708C20.7777 8.26972 21.0938 9.03278 21.0938 9.82843V20C21.0938 21.6569 19.7506 23 18.0938 23H6.09375C4.4369 23 3.09375 21.6569 3.09375 20V4ZM6.09375 3C5.54146 3 5.09375 3.44771 5.09375 4V20C5.09375 20.5523 5.54146 21 6.09375 21H18.0938C18.6461 21 19.0938 20.5523 19.0938 20V9.82843C19.0938 9.5632 18.9884 9.30887 18.8009 9.12134L18.8008 9.12132L12.9725 3.29292C12.9725 3.29291 12.9724 3.2929 12.9724 3.2929C12.7849 3.10534 12.5305 3 12.2654 3H6.09375Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0938 1.5C13.646 1.5 14.0938 1.94772 14.0938 2.5V8H19.0938C19.646 8 20.0938 8.44772 20.0938 9C20.0938 9.55228 19.646 10 19.0938 10H13.0938C12.5415 10 12.0938 9.55228 12.0938 9V2.5C12.0938 1.94772 12.5415 1.5 13.0938 1.5Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.09375 17C7.09375 16.4477 7.54147 16 8.09375 16H15.0938C15.646 16 16.0938 16.4477 16.0938 17C16.0938 17.5523 15.646 18 15.0938 18H8.09375C7.54147 18 7.09375 17.5523 7.09375 17Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.09375 13C7.09375 12.4477 7.54147 12 8.09375 12H15.0938C15.646 12 16.0938 12.4477 16.0938 13C16.0938 13.5523 15.646 14 15.0938 14H8.09375C7.54147 14 7.09375 13.5523 7.09375 13Z" fill="%2361B6E6"/></svg>');
                        }

                        span {
                            color: var(--color-primary-blue);
                            width: 100%;
                            display: block;
                            font-size: 16px;
                        }


                    }
                }

                .wiz_content {
                    padding: 0 16px 16px 32px;
                    width: 100%;
                    border-right: 0;
                    min-height: 0;

                    h2 {
                        color: var(--color-primary-grey-5);
                        margin-bottom: 16px;
                    }

                    p {
                        color: var(--color-primary-grey-5);
                        font-size: 16px;
                    }

                    .wiz_content_row {
                        display: flex;
                        align-items: stretch;
                        gap: 16px;

                        .col_half,
                        .col_third,
                        .col_two_third,
                        .col_fourth {
                            padding-right: 0;
                            padding-left: 0;

                            &:first-child,
                            &:last-child {
                                padding-right: 0;
                                padding-left: 0;
                            }
                        }
                    }

                    .wiz_skip {
                        top: 0px;
                        right: 0px;
                        background-color: var(--color-alt-green-1);
                        padding: 4px 12px;
                        border-radius: 8px;
                        color: var(--color-primary-green-dark);
                    }

                    .wiz_step_nav {
                        margin-top: 0;
                        display: flex;
                        gap: 16px;
                        margin-bottom: 16px;;

                        .wiz_step_section {
                            float: none;
                            display: flex;
                            border: none;
                            height: auto;
                            background: transparent;
                            width: auto;
                            margin-bottom: 0;

                            span {
                                display: flex;
                                align-items: center;
                                gap: 8px;
                                margin-top: 0;
                                box-shadow: var(--boxshadow-sub);
                                border: none;
                                width: auto;
                                border-radius: 8px;
                                padding: 8px 16px;
                                font-weight: 400;
                                cursor: pointer;
                            }

                            &.active,
                            &.complete {
                                &::before {
                                    display: none;
                                }
                                span {
                                    border: none;
                                    background-color: var(--color-primary-grey-5);
                                    color: white;

                                    &::before {
                                        position: relative;
                                        left: auto;
                                        top: auto;
                                    }
                                }
                            }

                            &.complete {
                                span {
                                    background-color: var(--color-primary-grey-5);
                                }
                            }

                            &:not(.complete) {
                                span {
                                    &::before {
                                        content: "";
                                        display: block;
                                        position: relative;
                                        width: 8px;
                                        height: 8px;
                                        border: 2px solid var(--color-primary-grey-5);
                                        border-radius: 4px;
                                    }
                                }
                            }

                            &.active {
                                &:not(.complete) {
                                    span {
                                        &::before {
                                            border: 2px solid white;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .wiz_content_row {
                        &::after {
                            display: none;
                        }
                    }

                    .wiz_content_steps {

                        .wiz_step_option_button {
                            display: flex;
                            flex-direction: column;
                            gap: 16px;
                            text-align: left;
                            border: none;
                            border-radius: 8px;
                            cursor: pointer;
                            height: 100%;
                            min-height: 150px;
                            padding: 16px;
                            position: relative;
                            box-shadow: var(--boxshadow-sub);
                            background-color: white;

                            &.active {
                                background-color: var(--color-primary-grey-5);

                                &.oi[data-glyph]::before {
                                    color: white;
                                }

                                p,
                                h4,
                                .wiz_step_icon {
                                    color: white;
                                }
                            }

                            .wiz_step_icon {
                                font-size: 32px;
                                display: flex;
                                align-items: center;
                                gap: 8px;

                                /* I think the dashboard has a different icon font ? */
                                /* &[data-glyph="browser"]::before {
                                    content: "\f269";
                                } */
                            }

                            h4 {
                                margin: 0;
                                font-size: 18px;
                                font-weight: 600;
                            }

                            p {
                                font-size: 16px;
                                margin: 0;
                            }
                        }
                    }

                    .wiz_form_container,
                    .wiz_item_form_container {

                        label {
                            background: transparent;
                            border-top: none;
                            border-left: none;
                            border-right: none;
                            padding: 0 0 8px 0;
                            border-radius: 0;
                            min-width: 0;
                            text-align: left;
                            color: var(--color-primary-grey-5);
                            letter-spacing: 1px;
                            font-weight: 600;
                            font-size: 14px;
                        }

                        input[type="text"],
                        select {
                            border-radius: 4px;
                            border: 1px solid var(--color-primary-grey-3);
                            color: var(--color-primary-grey-5);
                            height: 40px;
                            line-height: 40px;
                            padding: 0 12px;
                        }

                        .wiz_select {
                            &::before {
                                height: 38px;
                                line-height: 38px !important;
                                font-size: 12px;
                            }
                        }
                    }

                    .wiz_content_row {
                        flex-wrap: wrap;

                        .col_half,
                        .col_third {
                            flex: 1 1 0;
                            min-width: 220px;
                            max-width: 100%;
                            width: auto;
                            float: none;
                        }
                    }



                    /* Account Info */
                    .wiz_user_info,
                    .wiz_account_info {
                        border: none;
                        border-radius: 8px;
                        padding: 16px;
                        box-shadow: var(--boxshadow-sub);
                        background-color: white;

                        ul {
                            display: flex;
                            flex-direction: column;
                            gap: 8px;
                            margin-bottom: 16px;

                            li {
                                margin-bottom: 0;
                            }
                        }

                        button {
                            margin-bottom: 0;
                            margin-top: 0;
                        }
                    }

                    /* Setup Website */
                    /* NOTE: This has a shippign options class... but its for the site */
                    .wiz_shipping_options {

                        .col_half,
                        .col_third {
                            flex: 1 1 0;
                            min-width: 220px;
                            max-width: 100%;
                            width: auto;
                            float: none;
                        }

                        .wiz_step_icon[data-glyph="browser"]::after {
                            content: "Recommended";
                            display: block;
                            background-color: var(--color-alt-yellow-1);
                            color: var(--color-primary-grey-5);
                            font-size: 12px;
                            font-weight: 700;
                            letter-spacing: 1px;
                            padding: 4px 8px;
                            border-radius: 8px
                        }
                    }
                    /* StoreFront / Website */
                    .wiz_storefront_container {
                        display: flex;
                        gap: 32px;
                        flex-direction: column;

                        .wiz_form_container {
                            display: flex;
                            gap: 32px;
                            position: relative;
                            flex-wrap: wrap;

                            &::after {
                                display: none;
                            }

                            .wiz_storefront_inputs {
                                width: auto;
                            }

                            .wiz_logo {
                                border-radius: 8px;
                                height: auto;
                                width: auto;
                                min-width: 140px;
                                max-height: 140px;
                                aspect-ratio: 1; /* Force square shape */
                                flex: 0 0 auto;
                                margin-top: 0;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                overflow: hidden;

                                &::after {
                                    content: 'Upload Logo';
                                    width: 100%;
                                    height: 32px;
                                    position: absolute;
                                    bottom: 0;
                                    left: 0;
                                    border-radius: 0;
                                    text-align: center;
                                    color: white;
                                    background: var(--color-primary-grey-5);
                                    font-size: 10px;
                                    line-height: 32px;
                                }

                                img {
                                    max-width: 120px;
                                    max-height: 120px;
                                    margin-top: -32px;
                                }
                            }

                            .wiz_storefront_inputs {
                                display: flex;
                                flex-direction: column;
                                gap: 16px;
                                flex: 1 1 0;
                                min-width: 220px;
                                margin-left: 0;

                                &::after {
                                    display: none;
                                }

                                .wiz_checkout_only_url_section {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 0;
                                }


                                .wiz_content_row {
                                    margin-top: 0;

                                    &::after {
                                        display: none;
                                    }

                                    .wiz_content_col {
                                        width: 100%;
                                    }

                                    .wiz_storefront_url {

                                        input[type="text"] {
                                            padding-left: 67px;
                                            padding-right: 157px;
                                        }


                                        &::before,
                                        &::after {
                                            height: 40px;
                                            border-radius: 4px 0 0 4px;
                                            background-color: var(--color-primary-grey-1);
                                            line-height: 40px;
                                        }

                                        &::after {
                                            border-radius: 0 4px 4px 0;
                                        }
                                    }

                                    .wiz_checkout_type {
                                        height: 40px;
                                        line-height: 40px;

                                        .checkout_multi,
                                        .checkout_single {
                                            height: 40px;
                                            border-radius: 4px 0 0 4px;

                                            &.oi[data-glyph="check"]::before {
                                                top: 50%;
                                                transform: translateY(-50%);
                                            }

                                            &.active {
                                                background-color: var(--color-primary-grey-5);
                                                border-color: var(--color-primary-grey-5);
                                                color: white;
                                            }
                                        }

                                        .checkout_single {
                                            border-radius: 0 4px 4px 0;
                                        }
                                    }
                                }
                            }
                        }

                        .wiz_save_storefront {
                            padding-left: 170px;

                            .wiz_content_row {
                                margin-top: 0;

                                &::after {
                                    display: none;
                                }
                            }
                        }
                    }

                    /* Add Items */
                    .wiz_item_form_container {
                        display: flex;
                        flex-direction: column;
                        gap: 32px;

                        .wiz_items_container {
                            display: flex;
                            gap: 32px;
                            flex-direction: column;

                            .wiz_item {
                                display: flex;
                                gap: 32px;
                                position: realative;

                                &::after {
                                    display: none;
                                }

                                &:not(:first-child) {
                                    margin-top: 0;
                                    border-top: none;
                                    padding-top: 0;
                                }

                                .wiz_item_image {
                                    border-radius: 8px;
                                    width: 140px;
                                    height: 140px;
                                    flex: 0 0 140px;
                                    margin-top: 0;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    overflow: hidden;

                                    &::after {
                                        content: 'Upload Image';
                                        width: 100%;
                                        height: 32px;
                                        position: absolute;
                                        bottom: 0;
                                        left: 0;
                                        border-radius: 0;
                                        text-align: center;
                                        color: white;
                                        background: var(--color-primary-grey-5);
                                        font-size: 10px;
                                        line-height: 32px;
                                    }

                                    img {
                                        object-fit: cover;
                                        width: 100%;
                                        height: 100%;
                                        max-width: 100%;
                                        max-height: 100%;
                                        position: absolute;
                                    }
                                }

                                .wiz_item_remove {
                                    z-index: 10;
                                    background-color: var(--color-primary-grey-4);
                                    display: flex;
                                    align-items: canter;
                                    gap: 4px;
                                    cursor: pointer;
                                    transition: background-color 0.3s ease;
                                    top: -8px;

                                    &:hover {
                                        background-color: var(--color-primary-grey-5);
                                    }
                                }

                                .wiz_item_inputs {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 16px;
                                    flex: 1;
                                    min-width: 0;
                                    width: 100%;
                                    margin-left: 0;


                                    .wiz_content_row {
                                        margin-top: 0;

                                        &::after {
                                            display: none;
                                        }

                                        .wiz_item_price,
                                        .wiz_item_weight {

                                            input[type="text"] {
                                                padding-left: 56px;
                                            }


                                            &::before {
                                                width: 40px;
                                                height: 40px;
                                                border-radius: 4px 0 0 4px;
                                                background-color: var(--color-primary-grey-1);
                                                line-height: 40px;
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        .wiz_save_items {
                            padding-left: 190px;

                            .wiz_content_row {
                                margin-top: 0;

                                &::after {
                                    display: none;
                                }
                            }
                        }
                    }

                    .wiz_items_review {
                        .wiz_content_row {
                            flex-direction: row;
                            flex-wrap: wrap;

                            .col_half {
                                flex: 1 1 auto;
                                width: auto;
                                padding-bottom: 0;
                            }

                            .col_full {
                                flex: 0 0 100%;
                                width: 100%;
                            }

                            .wiz_item {
                                color: var(--color-primary-grey-5);
                                padding: 16px;
                                background: white;
                                border: none;
                                border-radius: 8px;
                                box-shadow: var(--boxshadow-sub);
                            }
                        }
                    }
                }

                .wiz_content_wrapper[data-step-name="Account Info"] {
                    .wiz_content_row {
                        .wiz_content_col {
                            max-width: 400px;
                        }
                    }
                }

                .wiz_items_clear {
                    p {
                        text-align: left;
                    }
                }

                /* Website / StoreFront */
                .wiz_storefront_lock {
                    background-color: var(--color-primary-grey-4);
                    transition: background-color 0.3s ease;

                    &:hover {
                        background-color: var(--color-primary-grey-5);
                    }
                }

                /* Shipping */
                .wiz_content_shipping {
                    .wiz_step_option_button {
                        .wiz_carrier_logo {
                            min-height: 80px;

                            svg path,
                            svg polygon {
                                fill: var(--color-primary-grey-5);
                            }
                        }

                        &.active {
                            .wiz_carrier_logo {
                                svg path,
                                svg polygon {
                                    fill: white;
                                }
                            }
                        }

                        .carrier_label {
                            width: 100%;
                            height: auto;
                            position: relative;
                            border: none;
                            bottom: auto;
                        }

                        &.active {
                            .wiz_carrier_logo {
                                color: white;
                            }
                        }
                    }

                    .wiz_shipping_methods {
                        .col_fourth.wiz_carrier {
                            margin-right: 0;
                            margin-bottom: 0;
                        }
                    }

                    .wiz_usps .wiz_carrier_logo {
                        padding-top: 20px;
                        margin-top: 0;
                    }

                    .wiz_ups .wiz_carrier_logo {
                        padding-top: 10px;
                        margin-top: 0;
                    }

                    .wiz_fedex .wiz_carrier_logo {
                        margin-top: 0;
                        padding-top: 30px;
                    }

                    .wiz_can_post .wiz_carrier_logo {
                        margin-top: 0;
                        padding-top: 20px;
                    }

                    .col_fourth.wiz_carrier {
                        margin-right: 16px;
                        margin-bottom: 16px;
                    }
                }

                /* Payments */
                .wiz_content_payment {
                    .wiz_payment_method {
                        background-color: white;
                        border-radius: 8px;
                        box-shadow: var(--boxshadow-sub);
                        border: none;

                        p {
                            color: var(--color-primary-grey-5);
                        }

                        .payment_method_header {
                            border-bottom: none;

                            h3 {
                                color: var(--color-primary-grey-5);
                            }
                        }
                    }

                    .wiz_step_1 {
                        .wiz_payment_method {
                            background-color: white;
                            border-radius: 8px;
                            box-shadow: var(--boxshadow-sub);
                            border: none;

                            p {
                                color: var(--color-primary-grey-5);
                            }

                            .payment_method_header {
                                display: none;
                            }

                            .wiz_content_col.col_half:first-child {
                                position: relative;
                                background-image: url('data:image/svg+xml,<svg width="595" height="159" viewBox="0 0 595 159" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M217.179 96.13C235.029 96.13 250.179 83.1 252.949 65.45C255.739 47.65 241.839 32.13 222.129 32.09H190.379C189.159 32.09 188.119 32.98 187.919 34.19L173.749 124.05C173.529 125.45 174.609 126.71 176.019 126.71H192.829C194.049 126.71 195.089 125.82 195.289 124.61L199.449 98.22C199.639 97.01 200.679 96.12 201.909 96.12H217.179V96.13ZM231.239 64.66C230.209 71.24 225.119 76.09 215.389 76.09H202.939L206.709 52.16H218.929C228.999 52.16 232.279 58.1 231.239 64.66Z" fill="%23003087"/><path d="M325.758 60.42H309.808C308.588 60.42 307.548 61.31 307.348 62.52L306.828 65.83C306.828 65.83 294.448 52.3 272.518 61.44C259.948 66.68 253.908 77.51 251.338 85.41C251.338 85.41 243.178 109.5 261.618 122.74C261.618 122.74 278.718 135.48 297.968 121.95L297.638 124.06C297.418 125.46 298.498 126.72 299.908 126.72H315.858C317.078 126.72 318.118 125.83 318.318 124.62L328.018 63.08C328.258 61.68 327.178 60.42 325.758 60.42ZM302.318 94.43C300.928 103.26 293.688 109.76 284.408 109.76C282.578 109.76 280.898 109.51 279.398 109.02C272.518 106.81 268.588 100.2 269.718 93.03C271.108 84.2 278.368 77.7 287.648 77.7C289.478 77.7 291.158 77.95 292.658 78.44C299.548 80.65 303.448 87.26 302.318 94.43Z" fill="%23003087"/><path d="M446.908 96.13C464.758 96.13 479.908 83.1 482.678 65.45C485.468 47.65 471.568 32.13 451.858 32.09H420.108C418.888 32.09 417.848 32.98 417.648 34.19L403.478 124.05C403.258 125.45 404.338 126.71 405.748 126.71H422.558C423.778 126.71 424.818 125.82 425.018 124.61L429.178 98.22C429.368 97.01 430.408 96.12 431.638 96.12H446.908V96.13ZM460.978 64.66C459.938 71.24 454.848 76.09 445.118 76.09H432.678L436.448 52.16H448.668C458.738 52.16 462.008 58.1 460.978 64.66Z" fill="%230070E0"/><path d="M555.498 60.42H539.538C538.318 60.42 537.278 61.31 537.078 62.52L536.558 65.83C536.558 65.83 524.178 52.3 502.248 61.44C489.678 66.68 483.638 77.51 481.068 85.41C481.068 85.41 472.908 109.5 491.348 122.74C491.348 122.74 508.448 135.48 527.698 121.95L527.368 124.06C527.148 125.46 528.228 126.72 529.638 126.72H545.588C546.808 126.72 547.848 125.83 548.048 124.62L557.758 63.08C557.988 61.68 556.908 60.42 555.498 60.42ZM532.058 94.43C530.668 103.26 523.428 109.76 514.148 109.76C512.318 109.76 510.638 109.51 509.138 109.02C502.258 106.81 498.328 100.2 499.458 93.03C500.848 84.2 508.108 77.7 517.388 77.7C519.218 77.7 520.898 77.95 522.398 78.44C529.278 80.65 533.188 87.26 532.058 94.43Z" fill="%230070E0"/><path d="M384.318 61.94L365.088 94.4L355.328 62.18C355.008 61.13 354.048 60.41 352.948 60.41H335.598C334.338 60.41 333.438 61.64 333.828 62.85L351.318 117.12L335.508 142.7C334.738 143.94 335.638 145.54 337.098 145.54H355.788C356.878 145.54 357.888 144.97 358.448 144.04L407.288 63.24C408.038 62 407.148 60.41 405.688 60.41H386.998C385.898 60.42 384.878 61 384.318 61.94Z" fill="%23003087"/><path d="M573.439 34.2L559.269 124.06C559.049 125.46 560.129 126.72 561.539 126.72H578.339C579.559 126.72 580.599 125.83 580.799 124.62L594.969 34.76C595.189 33.36 594.109 32.1 592.699 32.1H575.899C574.669 32.1 573.629 32.99 573.439 34.2Z" fill="%230070E0"/><path d="M126.108 73.14C122.508 93.69 105.738 109.23 83.748 109.23H69.778C66.928 109.22 64.058 111.87 63.588 114.77L57.468 153.59C57.118 155.8 56.078 156.53 53.848 156.53H31.388C29.118 156.53 28.578 155.77 28.938 153.53L31.478 126.7L4.508 125.31C2.238 125.31 1.388 124.05 1.738 121.81L20.138 5.15002C20.488 2.94002 21.868 1.99002 24.098 1.99002H70.758C93.218 1.99002 107.428 17.11 109.168 36.71C122.558 45.75 128.808 57.75 126.108 73.14Z" fill="%23001C64"/><path d="M38.3397 83.23L31.4897 126.7L27.1897 153.97C26.8397 156.21 28.5697 158.24 30.8397 158.24H54.5597C56.7997 158.24 58.6997 156.61 59.0497 154.4L65.2997 114.77C65.6497 112.56 67.5497 110.93 69.7897 110.93H83.7597C105.75 110.93 124.42 94.88 127.83 73.14C130.25 57.71 122.48 43.66 109.2 36.7C109.17 38.31 109.03 39.95 108.77 41.61C105.36 63.35 86.6997 79.4 64.6997 79.4H42.8297C40.5897 79.4 38.6897 81.02 38.3397 83.23Z" fill="%230070E0"/><path d="M31.4787 126.7H3.87873C1.60873 126.7 -0.121273 124.67 0.228727 122.43L18.8487 4.40003C19.1987 2.19003 21.0987 0.560028 23.3387 0.560028H70.7687C93.2287 0.560028 109.559 16.9 109.179 36.7C103.589 33.77 97.0287 32.09 89.8287 32.09H50.2887C48.0487 32.09 46.1487 33.72 45.7987 35.93L38.3387 83.23L31.4787 126.7Z" fill="%23003087"/></svg>');
                                background-size: 220px;
                                background-repeat: no-repeat;
                                padding-top: 80px;

                                &::before {
                                    content: "Recommended";
                                    display: block;
                                    background-color: var(--color-alt-yellow-1);
                                    color: var(--color-primary-grey-5);
                                    font-size: 12px;
                                    font-weight: 700;
                                    letter-spacing: 1px;
                                    padding: 4px 8px;
                                    border-radius: 8px;
                                    position: absolute;
                                    top: 20px;
                                    left: 240px;
                                    border: 2px solid var(--color-primary-grey-5);
                                }

                                > div {
                                    display: none;
                                }
                            }

                            .wiz_content_col.col_half:last-child {

                                input[value="Connect"] {
                                    width: 100% !important;
                                    max-width: 355px;
                                }

                                div.clr:nth-child(2) {
                                    overflow: hidden;
                                    position: relative;

                                    &::before {
                                        margin-top: 16px;
                                        content: '';
                                        display: block;
                                        width: 100%;
                                        max-width: 355px;
                                        height: 0;
                                        padding-bottom: calc(100% * 130/355);
                                        background-image: url('data:image/svg+xml,<svg width="356" height="130" viewBox="0 0 356 130" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect x="1.44531" y="0.5" width="51.5" height="35" rx="3.5" fill="white" stroke="%23D9D9D9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.4646 13.3994C14.1697 13.4589 14.8747 13.0426 15.3154 12.5147C15.7487 11.972 16.0352 11.2434 15.9617 10.5C15.3374 10.5297 14.5663 10.9163 14.1256 11.459C13.7217 11.9274 13.3765 12.6857 13.4646 13.3994ZM21.8519 22.975V11.3847H26.1484C28.3664 11.3847 29.9161 12.9311 29.9161 15.1912C29.9161 17.4512 28.337 19.0125 26.0896 19.0125H23.6293V22.975H21.8519ZM15.9543 13.5407C15.3332 13.5045 14.7664 13.7298 14.3086 13.9118C14.014 14.0289 13.7645 14.128 13.5747 14.128C13.3617 14.128 13.102 14.0236 12.8103 13.9063C12.4281 13.7526 11.9912 13.5769 11.533 13.5853C10.4827 13.6002 9.50594 14.2024 8.9698 15.1614C7.86814 17.0795 8.68337 19.9195 9.74831 21.4807C10.2698 22.2539 10.894 23.1014 11.7166 23.0717C12.0785 23.0578 12.3388 22.946 12.6082 22.8303C12.9184 22.6971 13.2406 22.5587 13.7437 22.5587C14.2293 22.5587 14.5374 22.6935 14.8332 22.8229C15.1144 22.9459 15.3845 23.064 15.7854 23.0568C16.6373 23.0419 17.1735 22.2836 17.6949 21.5104C18.2577 20.6806 18.505 19.8707 18.5425 19.7478L18.5469 19.7336C18.546 19.7327 18.539 19.7295 18.5268 19.7238L18.5268 19.7238C18.3387 19.6366 16.9008 18.9703 16.8871 17.1836C16.8732 15.6839 18.0275 14.924 18.2092 14.8044L18.2092 14.8044L18.2092 14.8044C18.2203 14.7971 18.2277 14.7922 18.2311 14.7897C17.4966 13.6894 16.3509 13.5704 15.9543 13.5407ZM33.1624 23.0642C34.2787 23.0642 35.3143 22.4917 35.7843 21.5847H35.821V22.975H37.4662V17.2058C37.4662 15.5331 36.1442 14.4551 34.1098 14.4551C32.2223 14.4551 30.8268 15.5479 30.7754 17.0497H32.3765C32.5087 16.336 33.1624 15.8676 34.0584 15.8676C35.1453 15.8676 35.7549 16.3806 35.7549 17.3248V17.9641L33.5369 18.098C31.4731 18.2243 30.3568 19.0793 30.3568 20.5662C30.3568 22.068 31.5099 23.0642 33.1624 23.0642ZM33.6397 21.6889C32.6922 21.6889 32.09 21.2279 32.09 20.5217C32.09 19.7931 32.6702 19.3693 33.7792 19.3024L35.7548 19.176V19.8302C35.7548 20.9157 34.8441 21.6889 33.6397 21.6889ZM42.923 23.4285C42.2106 25.4581 41.3954 26.1272 39.6621 26.1272C39.5299 26.1272 39.0892 26.1123 38.9864 26.0826V24.6923C39.0966 24.7072 39.3683 24.7221 39.5079 24.7221C40.2937 24.7221 40.7344 24.3875 41.0061 23.5177L41.1677 23.0047L38.1565 14.5666H40.0146L42.1078 21.4137H42.1445L44.2376 14.5666H46.0444L42.923 23.4285ZM23.6291 12.9013H25.6782C27.2205 12.9013 28.1019 13.734 28.1019 15.1986C28.1019 16.6631 27.2205 17.5032 25.6709 17.5032H23.6291V12.9013Z" fill="black"/><rect x="61.9453" y="0.5" width="51.5" height="35" rx="3.5" fill="white" stroke="%23D9D9D9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M86.2398 23.6371V19.1057H88.5785C89.5369 19.1057 90.3458 18.7846 91.0052 18.1512L91.1635 17.9907C92.368 16.6794 92.2889 14.6367 91.0052 13.4236C90.3634 12.7813 89.4842 12.4334 88.5785 12.4513H84.8242V23.6371H86.2398ZM86.24 17.732V13.825H88.6143C89.1243 13.825 89.608 14.0212 89.9685 14.378C90.7336 15.1273 90.7511 16.3762 90.0125 17.1522C89.6519 17.5358 89.1419 17.7499 88.6143 17.732H86.24ZM97.7666 16.5813C97.1599 16.0194 96.3334 15.7339 95.2872 15.7339C93.9419 15.7339 92.9308 16.2334 92.2626 17.2236L93.5111 18.0175C93.9683 17.3395 94.5926 17.0006 95.3839 17.0006C95.885 17.0006 96.3686 17.1879 96.7467 17.5269C97.116 17.848 97.327 18.3118 97.327 18.8024V19.1325C96.7818 18.8292 96.096 18.6686 95.252 18.6686C94.2672 18.6686 93.4759 18.9006 92.8868 19.3733C92.2978 19.8461 91.9988 20.4705 91.9988 21.2644C91.9812 21.9869 92.289 22.6738 92.8341 23.1376C93.388 23.6372 94.0914 23.8869 94.9179 23.8869C95.8938 23.8869 96.6675 23.4498 97.2566 22.5757H97.3182V23.6372H98.6722V18.9184C98.6722 17.9283 98.3733 17.1433 97.7666 16.5813ZM93.9246 22.2277C93.6344 22.0136 93.4585 21.6658 93.4585 21.2911C93.4585 20.8719 93.652 20.524 94.0301 20.2475C94.417 19.9709 94.9007 19.8282 95.4723 19.8282C96.2637 19.8193 96.8793 19.9977 97.319 20.3545C97.319 20.9611 97.0815 21.4874 96.6155 21.9334C96.1934 22.3615 95.6218 22.6024 95.0238 22.6024C94.6281 22.6113 94.2412 22.4775 93.9246 22.2277ZM101.714 27.0001L106.445 15.9837H104.906L102.717 21.4785H102.69L100.448 15.9837H98.9096L102.013 23.1466L100.255 27.0001H101.714Z" fill="%233C4043"/><path d="M81.3528 18.1244C81.3528 17.6873 81.3177 17.2502 81.2473 16.8221H75.2773V19.293H78.6976C78.5569 20.0869 78.0997 20.8005 77.4315 21.2465V22.8521H79.4713C80.667 21.7371 81.3528 20.0869 81.3528 18.1244Z" fill="%234285F4"/><path d="M75.2785 24.4042C76.9842 24.4042 78.4261 23.8333 79.4724 22.8521L77.4326 21.2464C76.8611 21.6389 76.1313 21.8619 75.2785 21.8619C73.6255 21.8619 72.2275 20.7291 71.7264 19.2126H69.625V20.8718C70.6977 23.0394 72.887 24.4042 75.2785 24.4042Z" fill="%2334A853"/><path d="M71.7263 19.2127C71.4625 18.4188 71.4625 17.5536 71.7263 16.7508V15.1005H69.6246C68.7189 16.9113 68.7189 19.0521 69.6246 20.8629L71.7263 19.2127Z" fill="%23FBBC04"/><path d="M75.2785 14.1015C76.1841 14.0836 77.0545 14.4315 77.7052 15.0648L79.5164 13.2273C78.3646 12.139 76.8523 11.5414 75.2785 11.5592C72.887 11.5592 70.6977 12.9329 69.625 15.1005L71.7264 16.7597C72.2275 15.2343 73.6255 14.1015 75.2785 14.1015Z" fill="%23EA4335"/><rect x="122.445" y="0.5" width="51.5" height="35" rx="3.5" fill="%231F72CD" stroke="%23D9D9D9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M131.967 12.75L127.195 23.6201H132.908L133.616 21.887H135.235L135.943 23.6201H142.23V22.2973L142.791 23.6201H146.043L146.603 22.2694V23.6201H159.68L161.27 21.932L162.759 23.6201L169.476 23.6341L164.689 18.2154L169.476 12.75H162.863L161.315 14.4069L159.873 12.75H145.648L144.426 15.5557L143.176 12.75H137.475V14.0278L136.841 12.75H131.967ZM151.494 14.2936H159.004L161.3 16.8474L163.671 14.2936H165.968L162.478 18.2139L165.968 22.089H163.567L161.27 19.5055L158.887 22.089H151.494V14.2936ZM153.349 17.3325V15.9086V15.9072H158.034L160.079 18.1844L157.944 20.474H153.349V18.9195H157.445V17.3325H153.349ZM133.072 14.2936H135.857L139.022 21.6647V14.2936H142.072L144.517 19.5786L146.77 14.2936H149.805V22.0936H147.958L147.943 15.9815L145.251 22.0936H143.599L140.891 15.9815V22.0936H137.092L136.372 20.3449H132.48L131.762 22.0921H129.726L133.072 14.2936ZM133.145 18.7284L134.427 15.6133L135.707 18.7284H133.145Z" fill="white"/><rect x="182.945" y="0.5" width="51.5" height="35" rx="3.5" fill="white" stroke="%23D9D9D9"/><path d="M204.945 34.5L233.445 25.875V31.5C233.445 33.1569 232.102 34.5 230.445 34.5H204.945Z" fill="%23FD6020"/><path fill-rule="evenodd" clip-rule="evenodd" d="M228.036 13.6663C229.604 13.6663 230.466 14.3916 230.466 15.7616C230.545 16.8093 229.839 17.6958 228.898 17.857L231.015 20.8388H229.369L227.565 17.9376H227.409V20.8388H226.076V13.6663H228.036ZM227.409 16.9705H227.801C228.663 16.9705 229.055 16.5675 229.055 15.8422C229.055 15.1975 228.663 14.7946 227.801 14.7946H227.409V16.9705ZM221.45 20.8388H225.214V19.63H222.783V17.6958H225.135V16.4869H222.783V14.8751H225.214V13.6663H221.45V20.8388ZM217.531 18.5017L215.727 13.6663H214.316L217.217 21H217.923L220.823 13.6663H219.412L217.531 18.5017ZM201.616 17.2928C201.616 19.3076 203.184 21 205.144 21C205.771 21 206.32 20.8388 206.869 20.5971V18.9852C206.477 19.4688 205.928 19.7911 205.301 19.7911C204.046 19.7911 203.027 18.8241 203.027 17.5346V17.3734C202.949 16.084 203.968 14.9557 205.222 14.8751C205.849 14.8751 206.477 15.1975 206.869 15.681V14.0692C206.398 13.7469 205.771 13.6663 205.222 13.6663C203.184 13.5051 201.616 15.1975 201.616 17.2928ZM199.186 16.4063C198.402 16.084 198.167 15.9228 198.167 15.5199C198.245 15.0363 198.637 14.6334 199.107 14.7139C199.499 14.7139 199.891 14.9557 200.205 15.2781L200.91 14.311C200.362 13.8275 199.656 13.5051 198.951 13.5051C197.853 13.4245 196.912 14.311 196.834 15.4393V15.5199C196.834 16.4869 197.226 17.0511 198.48 17.454C198.794 17.5346 199.107 17.6958 199.421 17.857C199.656 18.0182 199.813 18.2599 199.813 18.5823C199.813 19.1464 199.343 19.63 198.872 19.63H198.794C198.167 19.63 197.618 19.227 197.383 18.6629L196.52 19.5494C196.991 20.4359 197.931 20.9194 198.872 20.9194C200.126 21 201.146 20.0329 201.224 18.7435V18.5017C201.146 17.5346 200.754 17.0511 199.186 16.4063ZM194.639 20.8388H195.971V13.6663H194.639V20.8388ZM188.445 13.6663H190.405H190.797C192.679 13.7469 194.168 15.3587 194.09 17.2929C194.09 18.3405 193.62 19.3076 192.836 20.0329C192.13 20.5971 191.268 20.9194 190.405 20.8388H188.445V13.6663ZM190.17 19.63C190.797 19.7105 191.503 19.4688 191.973 19.0658C192.444 18.5823 192.679 17.9376 192.679 17.2122C192.679 16.5675 192.444 15.9228 191.973 15.4392C191.503 15.0363 190.797 14.7945 190.17 14.8751H189.778V19.63H190.17Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M210.866 13.5C208.906 13.5 207.26 15.1118 207.26 17.2072C207.26 19.2219 208.828 20.9143 210.866 20.9949C212.904 21.0755 214.472 19.3831 214.551 17.2877C214.472 15.1924 212.904 13.5 210.866 13.5V13.5Z" fill="%23FD6020"/><rect x="243.445" y="0.5" width="51.5" height="35" rx="5.5" fill="white" stroke="%23D9D9D9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M258.883 24.3874H255.703L253.318 15.2886C253.205 14.87 252.964 14.5 252.611 14.3256C251.728 13.8873 250.756 13.5386 249.695 13.3626V13.0123H254.819C255.526 13.0123 256.056 13.5386 256.145 14.1497L257.382 20.713L260.561 13.0123H263.653L258.883 24.3874ZM265.421 24.3874H262.417L264.891 13.0123H267.894L265.421 24.3874ZM271.78 16.1636C271.869 15.5509 272.399 15.2006 273.018 15.2006C273.99 15.1127 275.049 15.2886 275.933 15.7253L276.463 13.2762C275.58 12.9259 274.607 12.75 273.725 12.75C270.81 12.75 268.688 14.3256 268.688 16.5124C268.688 18.1759 270.191 19.0494 271.252 19.5756C272.399 20.1003 272.841 20.4506 272.753 20.9753C272.753 21.7624 271.869 22.1127 270.986 22.1127C269.926 22.1127 268.865 21.8503 267.894 21.4121L267.364 23.8627C268.425 24.2994 269.572 24.4753 270.633 24.4753C273.902 24.5618 275.933 22.9877 275.933 20.625C275.933 17.6497 271.78 17.4753 271.78 16.1636ZM286.445 24.3874L284.06 13.0123H281.499C280.968 13.0123 280.438 13.3626 280.261 13.8873L275.845 24.3874H278.937L279.554 22.7253H283.353L283.707 24.3874H286.445ZM281.941 16.0756L282.823 20.3627H280.35L281.941 16.0756Z" fill="%23172B85"/><rect x="303.945" y="0.5" width="51.5" height="35" rx="3.5" fill="white" stroke="%23D9D9D9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M330.07 25.7354C328.283 27.2778 325.964 28.209 323.431 28.209C317.778 28.209 313.195 23.5731 313.195 17.8545C313.195 12.1359 317.778 7.5 323.431 7.5C325.964 7.5 328.283 8.43113 330.07 9.97355C331.858 8.43113 334.176 7.5 336.71 7.5C342.363 7.5 346.945 12.1359 346.945 17.8545C346.945 23.5731 342.363 28.209 336.71 28.209C334.176 28.209 331.858 27.2778 330.07 25.7354Z" fill="%23ED0006"/><path fill-rule="evenodd" clip-rule="evenodd" d="M330.07 25.7354C332.271 23.8362 333.667 21.0102 333.667 17.8545C333.667 14.6988 332.271 11.8728 330.07 9.97355C331.858 8.43113 334.176 7.5 336.71 7.5C342.363 7.5 346.945 12.1359 346.945 17.8545C346.945 23.5731 342.363 28.209 336.71 28.209C334.176 28.209 331.858 27.2778 330.07 25.7354Z" fill="%23F9A000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M330.071 9.97357C332.272 11.8728 333.667 14.6988 333.667 17.8545C333.667 21.0102 332.272 23.8361 330.071 25.7354C327.87 23.8361 326.475 21.0102 326.475 17.8545C326.475 14.6988 327.87 11.8728 330.071 9.97357Z" fill="%23FF5E00"/><mask id="mask0_4533_25694" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="52" width="104" height="36"><rect x="0.945312" y="52" width="103" height="36" rx="4" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_4533_25694)"><path d="M-3.53516 43.9343H124.99V95.221H-3.53516V43.9343Z" fill="%23FED52F"/><path d="M27.378 71.9948C30.0651 71.9948 32.3457 70.0333 32.7626 67.3764C33.1826 64.6968 31.0902 62.3605 28.1231 62.3545H23.3436C23.16 62.3545 23.0034 62.4885 22.9733 62.6706L20.8402 76.1977C20.8071 76.4085 20.9697 76.5982 21.182 76.5982H23.7125C23.8961 76.5982 24.0527 76.4642 24.0828 76.282L24.709 72.3094C24.7376 72.1273 24.8942 71.9933 25.0793 71.9933H27.378V71.9948ZM29.4945 67.2574C29.3395 68.248 28.5732 68.9781 27.1085 68.9781H25.2344L25.8019 65.3757H27.6414C29.1573 65.3757 29.6511 66.2699 29.4945 67.2574Z" fill="%23003087"/><path d="M43.7217 66.6191H41.3206C41.137 66.6191 40.9804 66.7531 40.9503 66.9352L40.872 67.4335C40.872 67.4335 39.0084 65.3968 35.7072 66.7726C33.8149 67.5615 32.9057 69.1918 32.5188 70.381C32.5188 70.381 31.2905 74.0074 34.0663 76.0005C34.0663 76.0005 36.6405 77.9183 39.5383 75.8816L39.4886 76.1992C39.4555 76.4099 39.6181 76.5996 39.8303 76.5996H42.2314C42.415 76.5996 42.5716 76.4656 42.6017 76.2835L44.0619 67.0195C44.098 66.8088 43.9354 66.6191 43.7217 66.6191ZM40.1931 71.7388C39.9839 73.068 38.894 74.0465 37.497 74.0465C37.2216 74.0465 36.9687 74.0089 36.7429 73.9351C35.7072 73.6024 35.1156 72.6074 35.2857 71.5281C35.4949 70.1988 36.5878 69.2204 37.9848 69.2204C38.2602 69.2204 38.5131 69.258 38.739 69.3318C39.7761 69.6644 40.3632 70.6595 40.1931 71.7388Z" fill="%23003087"/><path d="M61.96 71.9948C64.6471 71.9948 66.9277 70.0333 67.3447 67.3764C67.7647 64.6968 65.6722 62.3605 62.7052 62.3545H57.9257C57.742 62.3545 57.5855 62.4885 57.5554 62.6706L55.4223 76.1977C55.3891 76.4085 55.5517 76.5982 55.764 76.5982H58.2945C58.4781 76.5982 58.6347 76.4642 58.6648 76.282L59.291 72.3094C59.3196 72.1273 59.4762 71.9933 59.6613 71.9933H61.96V71.9948ZM64.0781 67.2574C63.9215 68.248 63.1553 68.9781 61.6906 68.9781H59.8179L60.3854 65.3757H62.225C63.7409 65.3757 64.2331 66.2699 64.0781 67.2574Z" fill="%230070E0"/><path d="M78.3072 66.6191H75.9046C75.721 66.6191 75.5644 66.7531 75.5343 66.9352L75.456 67.4335C75.456 67.4335 73.5924 65.3968 70.2912 66.7726C68.3989 67.5615 67.4897 69.1918 67.1028 70.381C67.1028 70.381 65.8744 74.0074 68.6503 76.0005C68.6503 76.0005 71.2245 77.9183 74.1223 75.8816L74.0726 76.1992C74.0395 76.4099 74.2021 76.5996 74.4143 76.5996H76.8154C76.999 76.5996 77.1556 76.4656 77.1857 76.2835L78.6474 67.0195C78.682 66.8088 78.5194 66.6191 78.3072 66.6191ZM74.7786 71.7388C74.5694 73.068 73.4795 74.0465 72.0825 74.0465C71.807 74.0465 71.5541 74.0089 71.3283 73.9351C70.2927 73.6024 69.701 72.6074 69.8712 71.5281C70.0804 70.1988 71.1733 69.2204 72.5703 69.2204C72.8457 69.2204 73.0986 69.258 73.3244 69.3318C74.3601 69.6644 74.9487 70.6595 74.7786 71.7388Z" fill="%230070E0"/><path d="M52.5382 66.848L49.6434 71.7344L48.1742 66.8841C48.126 66.7261 47.9815 66.6177 47.8159 66.6177H45.2041C45.0144 66.6177 44.879 66.8028 44.9377 66.985L47.5705 75.1545L45.1906 79.0052C45.0747 79.1919 45.2101 79.4328 45.4299 79.4328H48.2434C48.4075 79.4328 48.5596 79.347 48.6439 79.207L55.996 67.0437C56.1089 66.857 55.9749 66.6177 55.7552 66.6177H52.9416C52.7761 66.6192 52.6225 66.7065 52.5382 66.848Z" fill="%23003087"/><path d="M81.0065 62.6721L78.8734 76.1992C78.8403 76.41 79.0029 76.5996 79.2151 76.5996H81.7441C81.9278 76.5996 82.0844 76.4657 82.1145 76.2835L84.2475 62.7564C84.2807 62.5456 84.1181 62.356 83.9058 62.356H81.3768C81.1917 62.356 81.0351 62.4899 81.0065 62.6721Z" fill="%230070E0"/></g><mask id="mask1_4533_25694" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="113" y="52" width="103" height="36"><rect x="113.945" y="52" width="102" height="36" rx="4" fill="%23D9D9D9"/></mask><g mask="url(%23mask1_4533_25694)"><path d="M109.465 43.9343H237.99V95.221H109.465V43.9343Z" fill="%23008CFF"/><path d="M143.144 64.2535C143.603 64.9852 143.809 65.7391 143.809 66.6911C143.809 69.7279 141.126 73.6733 138.947 76.4427H133.972L131.977 64.9183L136.333 64.5185L137.388 72.7189C138.373 71.1677 139.591 68.7301 139.591 67.0687C139.591 66.1588 139.429 65.5398 139.177 65.0297L143.144 64.2535Z" fill="white"/><path d="M148.789 69.3292C149.591 69.3292 151.609 68.9752 151.609 67.8672C151.609 67.3348 151.22 67.0699 150.761 67.0699C149.958 67.0687 148.904 67.9996 148.789 69.3292ZM148.697 71.523C148.697 72.876 149.476 73.4072 150.507 73.4072C151.631 73.4072 152.707 73.1422 154.107 72.4551L153.58 75.9116C152.595 76.3771 151.058 76.6878 149.567 76.6878C145.784 76.6878 144.43 74.4718 144.43 71.7012C144.43 68.111 146.632 64.2981 151.172 64.2981C153.672 64.2981 155.07 65.6511 155.07 67.5342C155.072 70.5709 151.036 71.5007 148.697 71.523Z" fill="white"/><path d="M167.646 66.9139C167.646 67.3571 167.577 67.9996 167.508 68.4206L166.201 76.3994H161.959L163.152 69.0854C163.175 68.8872 163.244 68.4874 163.244 68.2658C163.244 67.7335 162.9 67.601 162.487 67.601C161.937 67.601 161.386 67.8449 161.02 68.0219L159.668 76.3994H155.402L157.351 64.4529H161.043L161.09 65.4061C161.962 64.8527 163.109 64.2535 164.736 64.2535C166.888 64.2535 167.646 65.317 167.646 66.9139Z" fill="white"/><path d="M180.238 65.6054C181.453 64.7636 182.599 64.2981 184.182 64.2981C186.36 64.2981 187.118 65.3627 187.118 66.9585C187.118 67.4017 187.048 68.0442 186.979 68.4651L185.673 76.4439H181.431L182.646 68.9752C182.667 68.7758 182.715 68.532 182.715 68.3772C182.715 67.778 182.37 67.6456 181.956 67.6456C181.43 67.6456 180.903 67.8672 180.512 68.0665L179.16 76.4439H174.919L176.134 68.9752C176.155 68.7758 176.201 68.532 176.201 68.3772C176.201 67.778 175.857 67.6456 175.444 67.6456C174.893 67.6456 174.343 67.8894 173.977 68.0665L172.624 76.4439H168.359L170.308 64.4974H173.955L174.069 65.4952C174.918 64.8972 176.063 64.2981 177.6 64.2981C178.93 64.2981 179.801 64.8515 180.238 65.6054Z" fill="white"/><path d="M195.556 69.0854C195.556 68.1099 195.304 67.4451 194.548 67.4451C192.874 67.4451 192.529 70.3036 192.529 71.7669C192.529 72.876 192.851 73.5631 193.607 73.5631C195.19 73.5619 195.556 70.5475 195.556 69.0854ZM188.219 71.5898C188.219 67.8226 190.282 64.2981 195.029 64.2981C198.607 64.2981 199.914 66.3371 199.914 69.1522C199.914 72.876 197.873 76.7323 193.011 76.7323C189.412 76.7312 188.219 74.4483 188.219 71.5898Z" fill="white"/></g><mask id="mask2_4533_25694" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="225" y="52" width="131" height="36"><rect x="225.945" y="52" width="130" height="36" rx="4" fill="%23D9D9D9"/></mask><g mask="url(%23mask2_4533_25694)"><rect x="225.039" y="52" width="131.814" height="36" fill="url(%23pattern0_4533_25694)"/></g><path d="M170.677 119.974L168.552 123.56L167.473 120.002C167.439 119.886 167.331 119.806 167.211 119.806H165.296C165.157 119.806 165.057 119.943 165.099 120.076L167.031 126.069L165.283 128.893C165.199 129.03 165.296 129.207 165.458 129.207H167.523C167.644 129.207 167.753 129.145 167.815 129.042L173.208 120.118C173.293 119.982 173.193 119.807 173.031 119.807H170.967C170.851 119.805 170.74 119.867 170.678 119.972H170.677V119.974ZM140.158 129.701C139.968 129.701 139.867 129.614 139.867 129.469C139.867 129.425 139.881 129.367 139.91 129.308L140.842 127.082L138.091 119.893C138.047 119.777 138.018 119.719 138.018 119.632C138.018 119.487 138.134 119.443 138.323 119.443H139.312C139.502 119.443 139.633 119.544 139.691 119.72L141.015 123.607C141.262 124.334 141.437 124.829 141.625 125.44H141.655C141.903 124.727 142.034 124.305 142.295 123.563L143.649 119.72C143.722 119.532 143.852 119.443 144.041 119.443H144.929C145.119 119.443 145.25 119.501 145.25 119.647C145.25 119.705 145.221 119.778 145.177 119.879L141.364 129.441C141.291 129.615 141.174 129.702 140.985 129.702H140.155H140.158V129.701ZM134.39 127.255C133.08 127.255 132.236 126.673 131.8 126.004V126.746C131.8 126.964 131.683 127.081 131.465 127.081H130.751C130.533 127.081 130.416 126.964 130.416 126.746V117.009C130.416 116.791 130.533 116.674 130.751 116.674H131.566C131.784 116.674 131.901 116.791 131.901 117.009V118.915C131.901 119.439 131.901 119.876 131.887 120.414C132.323 119.788 133.167 119.207 134.376 119.207C136.544 119.207 137.942 120.923 137.942 123.238C137.942 125.553 136.485 127.255 134.39 127.255ZM134.1 126.047C135.526 126.047 136.356 124.941 136.356 123.252C136.356 121.564 135.512 120.444 134.086 120.444C132.661 120.444 131.816 121.623 131.816 123.252C131.816 124.882 132.661 126.047 134.102 126.047H134.1ZM152.217 123.747C154.19 123.747 155.863 122.308 156.167 120.36C156.475 118.395 154.938 116.681 152.764 116.675H149.256C149.123 116.675 149.007 116.775 148.986 116.909L147.421 126.833C147.396 126.989 147.514 127.126 147.673 127.126H149.531C149.664 127.126 149.78 127.026 149.801 126.892L150.261 123.978C150.283 123.845 150.397 123.745 150.531 123.745H152.217V123.747ZM153.769 120.269C153.653 120.997 153.093 121.531 152.018 121.531H150.644L151.06 118.887H152.41C153.523 118.887 153.884 119.543 153.769 120.268V120.269ZM164.207 119.805H162.446C162.313 119.805 162.197 119.905 162.176 120.038L162.117 120.406C162.117 120.406 160.75 118.913 158.329 119.92C156.942 120.498 156.273 121.696 155.991 122.567C155.991 122.567 155.089 125.229 157.125 126.691C157.125 126.691 159.013 128.097 161.141 126.604L161.104 126.837C161.079 126.994 161.197 127.13 161.356 127.13H163.116C163.25 127.13 163.365 127.03 163.386 126.897L164.46 120.1C164.485 119.944 164.367 119.805 164.208 119.805H164.207ZM161.619 123.559C161.467 124.533 160.667 125.25 159.641 125.25C159.438 125.25 159.252 125.222 159.086 125.17C158.328 124.924 157.893 124.196 158.017 123.403C158.169 122.429 158.971 121.711 159.998 121.711C160.201 121.711 160.388 121.739 160.553 121.793C161.315 122.039 161.744 122.769 161.619 123.56V123.559ZM177.587 123.747C179.56 123.747 181.233 122.308 181.537 120.36C181.845 118.395 180.308 116.681 178.134 116.675H174.629C174.496 116.675 174.382 116.775 174.359 116.909L172.794 126.833C172.769 126.989 172.887 127.126 173.046 127.126H174.904C175.037 127.126 175.153 127.026 175.174 126.892L175.634 123.978C175.656 123.845 175.77 123.745 175.904 123.745H177.586V123.747H177.587ZM179.143 120.269C179.028 120.997 178.468 121.531 177.393 121.531H176.018L176.435 118.887H177.784C178.894 118.887 179.257 119.543 179.143 120.268V120.269ZM189.581 119.805H187.821C187.687 119.805 187.572 119.905 187.551 120.038L187.492 120.406C187.492 120.406 186.124 118.913 183.704 119.92C182.316 120.498 181.648 121.696 181.365 122.567C181.365 122.567 180.463 125.229 182.501 126.691C182.501 126.691 184.389 128.097 186.517 126.604L186.479 126.837C186.453 126.994 186.573 127.13 186.73 127.13H188.491C188.624 127.13 188.74 127.03 188.761 126.897L189.833 120.1C189.858 119.944 189.737 119.805 189.581 119.805ZM186.994 123.559C186.84 124.533 186.041 125.25 185.015 125.25C184.814 125.25 184.627 125.222 184.462 125.17C183.704 124.924 183.268 124.196 183.393 123.403C183.545 122.429 184.348 121.711 185.374 121.711C185.577 121.711 185.762 121.739 185.927 121.793C186.685 122.039 187.119 122.769 186.995 123.56H186.994V123.559ZM191.562 116.907L189.998 126.832C189.972 126.988 190.092 127.124 190.25 127.124H192.107C192.241 127.124 192.356 127.025 192.377 126.891L193.942 116.967C193.967 116.81 193.849 116.674 193.69 116.674H191.833C191.699 116.674 191.584 116.774 191.562 116.907ZM0.966304 126.313L4.81757 104.678C4.8837 104.228 5.17357 104 5.62385 104H19.0758C19.5922 104 19.854 104.322 19.7541 104.806L19.2039 107.847C19.1377 108.269 18.8479 108.525 18.3976 108.525H9.44134L8.60129 113.217H16.7499C17.2663 113.217 17.528 113.539 17.4281 114.023L16.9117 116.997C16.8456 117.448 16.5557 117.676 16.1054 117.676H7.82316L6.27252 126.442C6.20639 126.892 5.91652 127.12 5.46625 127.12H1.64453C1.12812 127.12 0.866399 126.798 0.966304 126.314V126.313ZM16.847 122.917C16.847 118.714 21.3103 117.292 25.9974 116.741C26.5476 116.675 26.9697 116.647 29.0382 116.485C29.1043 116.063 29.1325 115.707 29.1325 115.351C29.1325 113.862 28.3262 113.022 26.6419 113.022C25.1855 113.022 24.2174 113.634 23.7629 114.835C23.6011 115.257 23.3408 115.451 22.9229 115.451H19.626C19.2039 115.451 18.914 115.257 18.914 114.901C18.914 114.801 18.9478 114.707 18.9802 114.611C20.0144 111.57 22.8933 109.63 27.1963 109.63C31.4992 109.63 33.8561 111.248 33.8561 115.161C33.8561 115.906 33.7619 116.846 33.5958 117.718L32.7234 122.437C32.5292 123.538 32.2394 125.216 32.2394 126.351C32.2394 126.935 31.9791 127.129 31.495 127.129H28.488C28.0377 127.129 27.776 126.901 27.776 126.484C27.776 126.096 27.8703 125.644 27.9378 125.222C26.7094 126.45 25.125 127.451 22.3122 127.451C18.983 127.451 16.8484 125.8 16.8484 122.926V122.916L16.847 122.917ZM28.6442 120.171L28.7722 119.587L27.8998 119.681C26.1536 119.875 22.3361 120.137 22.3361 122.428C22.3361 123.622 23.2085 124.206 24.5988 124.206C27.1836 124.206 28.1236 122.428 28.64 120.165L28.6442 120.169V120.171ZM34.374 123.272C34.2797 122.883 34.2121 122.594 34.2121 122.271C34.2121 121.721 34.502 121.559 34.9565 121.559H38.6755C39.1258 121.559 39.3537 121.787 39.4536 122.238C39.8096 123.5 40.8762 124.05 42.4606 124.05C44.273 124.05 45.2397 123.306 45.2397 122.337C45.2397 121.497 44.2674 121.109 42.6548 120.625L40.7482 120.041C38.0015 119.201 35.7346 118.229 35.7346 115.222C35.7346 111.569 39.1919 109.562 43.7552 109.562C47.3124 109.562 50.2251 110.501 51.0651 114.088C51.0989 114.249 51.1313 114.41 51.1313 114.604C51.1313 114.926 50.8414 115.054 50.3869 115.054H46.8621C46.4399 115.054 46.2176 114.86 46.022 114.438C45.6337 113.598 44.7599 113.082 43.371 113.082C41.7529 113.082 40.9466 113.698 40.9466 114.57C40.9466 115.443 41.7247 115.832 43.9536 116.511L45.2158 116.899C48.1285 117.805 50.5515 118.872 50.5515 121.59C50.5515 125.537 46.9943 127.604 42.1412 127.604C38.3899 127.604 35.1254 126.538 34.381 123.269H34.3711L34.374 123.272ZM52.6129 124.306C52.6129 123.694 52.7072 123.206 52.8071 122.655L54.3915 113.795H52.6467C52.1303 113.795 51.8686 113.473 51.9685 112.989L52.3569 110.82C52.423 110.398 52.7129 110.142 53.1631 110.142H55.0374L55.7156 106.229C55.7818 105.779 56.0716 105.551 56.5219 105.551H60.0791C60.5955 105.551 60.8572 105.873 60.7573 106.357L60.0791 110.142H62.3417C62.8595 110.142 63.1199 110.464 63.0199 110.953L62.6316 113.121C62.5655 113.543 62.2756 113.799 61.8253 113.799H59.4346L58.4004 119.587C58.2062 120.687 58.0444 121.527 58.0444 122.205C58.0444 123.272 58.4004 123.628 59.1448 123.628C59.4346 123.628 59.6949 123.594 59.8891 123.594C60.4055 123.594 60.5674 123.982 60.4731 124.466L60.1171 126.567C59.989 127.378 59.5008 127.506 58.3385 127.506C55.2977 127.506 52.6129 127.344 52.6129 124.305V124.306ZM61.9717 126.313L65.7906 104.678C65.8567 104.228 66.1466 104 66.5968 104H70.154C70.6718 104 70.9321 104.322 70.8322 104.806L66.9852 126.441C66.9191 126.891 66.6292 127.119 66.1789 127.119H62.6541C62.1363 127.119 61.876 126.797 61.9759 126.313H61.9717ZM69.3435 122.917C69.3435 118.714 73.8069 117.292 78.494 116.741C79.0441 116.675 79.4663 116.647 81.5347 116.485C81.6009 116.063 81.629 115.707 81.629 115.351C81.629 113.862 80.8227 113.022 79.1384 113.022C77.6821 113.022 76.7154 113.634 76.2595 114.835C76.0977 115.257 75.8373 115.451 75.4194 115.451H72.1226C71.7004 115.451 71.4106 115.257 71.4106 114.901C71.4106 114.801 71.4443 114.707 71.4767 114.611C72.5109 111.57 75.3899 109.63 79.6928 109.63C83.9958 109.63 86.3527 111.248 86.3527 115.161C86.3527 115.906 86.2584 116.846 86.091 117.718L85.2186 122.437C85.0244 123.538 84.7345 125.216 84.7345 126.351C84.7345 126.935 84.4742 127.129 83.9901 127.129H80.9817C80.5315 127.129 80.2712 126.901 80.2712 126.484C80.2712 126.096 80.3654 125.644 80.4316 125.222C79.2032 126.45 77.6187 127.451 74.8059 127.451C71.4753 127.451 69.3407 125.8 69.3407 122.926V122.916H69.3435V122.917ZM80.8551 120.171L80.9831 119.587L80.1107 119.681C78.3659 119.875 74.547 120.137 74.547 122.428C74.547 123.622 75.4194 124.206 76.8097 124.206C79.3945 124.206 80.3345 122.428 80.8509 120.165L80.8551 120.169V120.171ZM86.6524 126.313L89.3695 110.82C89.4357 110.364 89.7255 110.142 90.1758 110.142H93.505C94.0214 110.142 94.2494 110.464 94.1495 110.953L93.8892 112.471C94.7278 111.276 96.5402 109.752 99.5148 109.752C102.75 109.752 104.624 111.759 104.624 114.894C104.624 115.506 104.558 116.122 104.43 116.867L102.717 126.439C102.651 126.889 102.361 127.117 101.911 127.117H98.354C97.8375 127.117 97.5758 126.795 97.6757 126.311L98.9998 118.907C99.194 117.807 99.2601 116.967 99.2601 116.35C99.2601 114.605 98.6157 113.665 97.0313 113.665C94.929 113.665 93.6683 115.316 93.1181 118.419L91.6941 126.439C91.628 126.889 91.3381 127.117 90.8878 127.117H87.3306C86.8128 127.117 86.5525 126.795 86.6524 126.311V126.313ZM105.541 119.876C105.541 114.445 109.26 109.721 115.73 109.721C120.744 109.721 123.813 112.5 123.813 117.515C123.813 118.099 123.78 118.616 123.719 119.133C123.652 119.589 123.363 119.812 122.912 119.812H110.655C110.721 122.207 111.817 123.659 114.306 123.659C115.569 123.659 116.441 123.208 117.153 122.496C117.409 122.207 117.671 122.074 118.059 122.074H121.972C122.423 122.074 122.684 122.202 122.684 122.53C122.684 122.625 122.651 122.758 122.524 122.981C120.873 125.827 118.222 127.7 113.924 127.7C109.01 127.7 105.547 125.015 105.547 119.874L105.543 119.878H105.541V119.876ZM118.637 116.674C118.637 114.605 117.505 113.311 115.308 113.311C112.946 113.311 111.523 114.929 111.139 116.674H118.643H118.637Z" fill="black"/><defs><pattern id="pattern0_4533_25694" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_4533_25694" transform="matrix(0.00581089 0 0 0.0212766 -0.0258859 0)"/></pattern><image id="image0_4533_25694" width="181" height="47" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALUAAAAvCAYAAAClrouMAAAJbElEQVR42uxdCWwU1xn+Zvb0Xj4WH0C8dsIRtzQxCagQNwQqCEpDsSEoEc1BSxvRNo2pEFVJKjXKUZSgNmpBLU2UHqmL2gia1iRN0wpQseNSEsVSHcuFmBTHjsEH8bX2rr2zOzN9/4x3vesDbK+xZuF90tPMO3b85u33vvnmfztjQVVVaFCkbAy8/2217x/3IfjvAkAWwMFhWCiAZWEPMstOCu5VL8OcfjpaI2iklgOL1At7K1X/a5+FYIYgOPiYcRgeqiozbndCsJf4hcKXH4Ul58gwqRWn2nbghNq1b4Ug5vCR4khBcvshWIoCwsLKL0C01okItZaq3S8xQmfz0eFISQiCB2qo1gl/1U7Kixg8czeUbqrio8ORumAuQ+358xqo4TRRlf1uZkr4oHCkuFqbAKnRCyVsFRnFVT4kHNcGTKpuPzg4rjUnwoeAg5Oag4OTmoODk5qDIymYU6GTqipAsEiAbZBlJmpkAiLsdCIWts/nKie1wUGE/uD8IhyrKwRMyth1IkZ0T5qE5Te247YF51l9WCc3Bye1MRlNJknGb9+5GfuPFAGOyDgqDT1EaY/gK7d34IUHa5A/p50Tm3tqo4Ipc9iK1h4H4GYWxBkem1wspTGyM5vyx+p8PPLLdRgIunVV5+CkNqJShyQH6i+62HVFTawQRiVmq+EOo7o+GxVVywDLEP+GOamN2EMZnf1uNPVZ41b0GYFlptqhwbFJIiJLON6QwxSetRcmr9Y1tf0Ql9SNSXc+2IC/nuyd3dMe/tvUp2TR0hbCzw+1a4mT2iCkPt/hRThkjrtBZGTt7QS6WoHuC2NTbxNOnbPiPx1rmLr3Jd2FU3URlH6nOWVJ0XJRws7nO7TESW0EmGS0djN/LIk6mclmKDK7CZQm+LUsPckTRGfEi41Vz+Kd1vvZMaauskpDsZZ6Tt+CXdsytLIfHrg+SMFJfbXBbv6aPmV+OiKOkFihm0IVE/4GXFFh8/kQkDPw3fe3IxDysaaRaf35dLeIF/cUaPt9ASTYgfrGILb/4FyCTTn0xqVYfebn9fLRCk9tqJzqk8WV+kB1d207n2Bryh47G8v39Sta/4q+VB/r0+59zZpliQeVU6JjU9uZ6Pv1SWribNiOxnZXXCRD0FVancArk6eemw9H4ecgCgHmxeehun01+/z0bQh98eORqXjzOfzuaBAlxWZsXG3TbMq2Jy/G/Pfu7V5te+xU4pXixOnE+mQIfaU+rF2ZodVFQW3uLsmIndeGb56J2RKqy/WK+GlFL4rLziYQmyY0pfIfXURji8KVevqkVpiXtqGh3Z0Y+YiEmRorulpHE+WHgkBWDjyrNkG0OTSboihmfOSfz850YNqEfvbgJ7pqO4E7l7m1/Vf/oqvhgSdzUfOHJTh6sAgVz8/Tyl45rCtz2dosbftmVSg2MWhLJCRs25TcI3ST6cPDpdl4Ybcv9hlq8/jDedo+nRdNgq+WOfDuYf3ztKU8EXh/xdh7iCULzZol63mvmJN6ukrdE3ShscseF/lgWymkK7UynKjMZod46x1IX/8QLFl5UOWwfgg2MdwWRiJ1agsx0ct55sp6TbkIz+3MjdV/bXM2qituwiNlIw8rE4GiJCbcstgRU8k3/9mVsKVy31xbUsMzmT5cDtHzeqbcp9msqN2ifHx9PL61NSfW1qgw9oqiKKOtNx1ByRTnsVVYGHnN7nSd2CwvmK2wZGTD7MrUCK6SPdH2RFgtg1iZ/QEjv3va3SACPrFjPr68JiNWRoSly/Pvj3ai9r/96O6VxyXS1nu9TA07NMtBhItaDyJHsphsHyYKX0ZRuO7sZdtFr05a2/nGf/TP2KQ2hfFxZzrUkElfBiebYbHAtWgpTGkOxuk4S8KsRlSdowhLadh8Uw2KvP8CZNeUox+XA90wkXclLPaJuOM2u2YDRofNSEWpjCzHM+UhbUs2ZuMXvUkPz2T7cCXQZyaeOM6Ui34YXKkj+OiSByBSO3UfLaY5IYgi1LCE2NulxvEtEiP0zd5mPLX0V3F3nTMDUscomd74RUGCgo8mFF2qyaMSmcufa9LKvr4lI+lL+FT6cCWyLv2MM0GNeUjvakY+GDHPtXtG/DQjsehwaaQe+Q2qgEjEjnA4bTgxBWdlGwpqcWT10/B53mUqPbNqQ4sZUaxa5ontT7Q4s2V9os/dvC5r1vswOpJDkyoaf3/ixZaECA8dIxoeTEUYV6nZDZ4csqOxwzkSzmMeWrQ7GMnNw1ZDgJlZlAcK3oPbPASZzdFsWx9W5dahJPc4a8dIJHtnvGukanS5p9DWigca8PhD2Wi6EMJvXh9/kYdUNN3ZrEUU6HNTUcX4GHO8XaAIxmT7EK/KFMIjP0/+/qnH8vHWSb8WASlcW4+7ltvwYVNYOyZZpPioCVfqGVLqoGRHbRvzwjLrJt0sSmZGape+qki+V7FgeWYzDpZ8H/tW7sJPVnwPe27fg5K5lfqpyVfPDx7Zv0CzFR1dirbS2N0nofrQIo0M8YoYxaZ1+vsJiXyz3QdSZQr10SQgAvf65Vg5hfBIsSk+TVcSOhbl644WJUy+6DHT3SbDk1pQPn39sNq2635BzDTYdFPQN+DGo79ej+6ABWaWl1UBDTkbEHYxBVHCmt3YUXQMP16xm+Vd+tMvBnzTFJGLQoOEj48XJR3K45gosJDTKyysLDSu/VBEpg4BHC6vZIpMS+QSQnIGSv5+H1r6mbcevsYscLXrq4VyhmFPhUJuBFJVTujrPfpBv18SZZhYgjCEvsE56Ay5WZmi+2lzGDc4LrF2xo6dvvY3fcHlG1vyOOOue1IPK7Z+aZHRHPAhFLFpD9ZS7EMUI7jR3cLapBn6FGgJm4OTehz3P4SOwSyYoEAwhTVi56T1It/VzEjNXxLPkYqkludg7bwq1NzzP3pVvPbaBI/FD4+V7IeZf5McKUhqpswuSycWZ30SV2ZiKs1fQ8yRqqTWSMy6K3NV5rg8+KuMODipOTg4qTk4Zp3UqsyJzXFtkVqw5F2COsBHgiOloaohwF7cDtE6JMKx+C1o/xRU5iPDkcKsHoCQfu/bEMwhEZact4W8vX9S5RZM/PJnDg4D81npguC4pw2ekp9Rnt7lJQveTTugSFa1c28pVD8r4r8k40gFNtOTRCYI7q0fCjc8vQOijZSZ/jd5TJ1NCJ7ZqgbqSiG1+qb0ZkUOjlmHLMLs7RccxSfgvPVV5qVjD2b+X4ABABhQG/Vc/C8tAAAAAElFTkSuQmCC"/></defs></svg>');
                                        background-size: contain;
                                        background-repeat: no-repeat;
                                    }
                                }

                                div.clr:nth-child(4) {
                                    display: none;
                                }

                                img {
                                    display: none;
                                }
                            }
                        }
                    }

                    .wiz_step_2 {
                        .payment_method_content {
                            .wiz_content_row {
                                flex-direction: column;
                            }
                        }

                        .wiz_online_payment {
                            display: flex;
                            gap: 16px;

                            .wiz_payment_method {
                                width: 100%;
                                margin: 0;

                                .wiz_content_row {
                                    margin-top: 0;
                                }

                                .payment_method_logo {

                                }
                            }

                            .wiz_payment_method_amazon {
                                display: none;
                            }
                        }
                    }
                }

                /* Share */
                .wiz_content_share {
                    .wiz_content_row {
                        width: 100%;

                        .wiz_content_col {
                            flex: 1 1 auto;
                            width: auto;
                        }
                    }

                    .wiz_step_option_button {
                        border: none;
                        background-color: white;
                        box-shadow: var(--boxshadow-sub);
                        color: var(--color-primary-grey-5);
                        transition: background-color 0.3s ease;

                        &:hover {
                            background-color: var(--color-primary-grey-5);

                            .wiz_share_with h4,
                            .wiz_social_logo .oi {
                                color: white;
                            }
                        }

                        .wiz_social_logo {
                            font-size: 40px;
                        }



                        .oi[data-glyph="uc-social-circle-facebook"] {
                            &::before {
                                content: "\f113";
                            }
                        }

                        .oi[data-glyph="uc-social-circle-twitter"] {
                            &::before {
                                content: "\f118";
                            }
                        }

                        .oi[data-glyph="uc-social-circle-pinterest"] {
                            &::before {
                                content: "\f117";
                            }
                        }
                    }

                    .wiz_web_url {
                        border: 1px solid var(--color-primary-grey-3);
                        color: var(--color-primary-grey-5);
                        font-weight: 600;
                        font-family: var(--font-family-primary);
                        font-size: 16px;
                        letter-spacing: 1px;
                        height: 40px;
                        line-height: 40px;
                        padding: 0 15px;
                        border-radius: 8px;
                        background-color: rgba(0, 0, 0, 0.05);
                        cursor: pointer;

                        &::after {
                            content: "Copy URL";
                            display: block;
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            width: 180px;
                            height: 40px;
                            background: var(--color-primary-grey-5);
                            border: 1px solid var(--color-primary-grey-5);
                            border-radius: 0 10px 10px 0;
                            box-sizing: border-box;
                            text-align: center;
                            line-height: 40px;
                            color: rgba(255, 255, 255, 1);
                        }
                    }

                    .wiz_share_with {
                        width: 100%;
                        height: 30px;
                        position: absolute;
                        bottom: 20px;
                        left: 0;
                        border-top: none;

                        h4 {
                            font-family: var(--font-family-primary);
                            font-size: 16px;
                            letter-spacing: 1px;
                            font-weight: 600;
                        }
                    }
                }

                .wiz_graphic {
                    display: none;
                }
            }
        }
    }
}

/* Item Import - Step 1 */
body[data-main-form-action="/merchant/item/import/selectItemImportFileSave.do"] {
    table[summary="import options"] {
        margin-bottom: 16px;

        tr,
        td {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        td:first-child {
            font-family: var(--font-primary-bold);
            font-size: 14px;
        }

        td:has(input[name="csvFile"]) {
            background-color: var(--color-alt-blue-1);
            color: var(--color-primary-grey-5);
            border-radius: 8px;
            padding: 8px;
            transition: background-color 0.3s ease;

            input[type="file"] {
                cursor: pointer;
                font-family: var(--font-primary-regular);

                &::file-selector-button {
                    background-color: var(--color-primary-grey-5);
                    font-family: var(--font-primary-regular);
                    letter-spacing: 1px;
                    color: white;
                    padding: 0.6em 0.8em;
                    border: none;
                    border-radius: 4px;
                    margin-right: 4px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;

                    &:hover {
                        background-color: var(--color-primary-blue-dark);
                    }
                }
            }

            &:has(input[name="csvFile"]):hover {
                background-color: var(--color-alt-blue-2);
            }

            &::before {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 2.34315 4.34315 1 6 1H12.1716C12.9672 1 13.7303 1.31608 14.2929 1.87866L14.2929 1.87868L20.1213 7.70708C20.6839 8.26972 21 9.03278 21 9.82843V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4ZM6 3C5.44771 3 5 3.44771 5 4V20C5 20.5523 5.44771 21 6 21H18C18.5523 21 19 20.5523 19 20V9.82843C19 9.5632 18.8947 9.30887 18.7071 9.12134L18.7071 9.12132L12.8787 3.29292C12.8787 3.29291 12.8787 3.2929 12.8787 3.2929C12.6911 3.10534 12.4368 3 12.1716 3H6Z" fill="%23222222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.5C13.5523 1.5 14 1.94772 14 2.5V8H19C19.5523 8 20 8.44772 20 9C20 9.55228 19.5523 10 19 10H13C12.4477 10 12 9.55228 12 9V2.5C12 1.94772 12.4477 1.5 13 1.5Z" fill="%23222222"/></svg>');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }
        }
    }

    input[type="submit"] {
        background-color: var(--color-primary-blue);
        color: white;
        padding: 0.6em 0.8em;
        font-family: var(--font-primary-regular);
                    letter-spacing: 1px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s ease;

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }
    }
}

/* Item Import - Step 2 */
body[data-main-form-action="/merchant/item/import/assignItemImportColumnsSave.do"] {
    background-color: var(--color-primary-grey-1);

    .box_bg {
        background-color: var(--color-primary-grey-1);
    }

    #fixeddiv {
        position: fixed;
        min-height: 50px;
        top: 180px !important;
        right: 30px !important;
        background-color: white;
        box-shadow: var(--boxshadow-primary);
        border: none;
        z-index: 100;
        padding: 8px;
        border-radius: 8px;

        .box_bg {
            background-color: transparent;
        }

        .toprow {
            border-bottom: none;

            .lefttd {
                span[title="Move to Upper Left"] {
                    img {
                        display: none;
                    }

                    &::before {
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2127 2.19526C11.4731 2.45561 11.4731 2.87772 11.2127 3.13807L6.35081 8L11.2127 12.8619C11.4731 13.1223 11.4731 13.5444 11.2127 13.8047C10.9524 14.0651 10.5303 14.0651 10.2699 13.8047L4.9366 8.4714C4.67625 8.21106 4.67625 7.78895 4.9366 7.5286L10.2699 2.19526C10.5303 1.93491 10.9524 1.93491 11.2127 2.19526Z" fill="%23303030"/></svg>');
                        display: block;
                        width: 16px;
                        height: 16px;
                    }
                }
            }



            .righttd {
                .toggleOpen {
                    img {
                        display: none;
                    }

                    &::before {
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2127 2.19526C11.4731 2.45561 11.4731 2.87772 11.2127 3.13807L6.35081 8L11.2127 12.8619C11.4731 13.1223 11.4731 13.5444 11.2127 13.8047C10.9524 14.0651 10.5303 14.0651 10.2699 13.8047L4.9366 8.4714C4.67625 8.21106 4.67625 7.78895 4.9366 7.5286L10.2699 2.19526C10.5303 1.93491 10.9524 1.93491 11.2127 2.19526Z" fill="%23303030"/></svg>');
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        transform: rotate(270deg);
                    }
                }

                span[title="Hide Data List"] {
                    img {
                        display: none;
                    }

                    &::before {
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2127 2.19526C11.4731 2.45561 11.4731 2.87772 11.2127 3.13807L6.35081 8L11.2127 12.8619C11.4731 13.1223 11.4731 13.5444 11.2127 13.8047C10.9524 14.0651 10.5303 14.0651 10.2699 13.8047L4.9366 8.4714C4.67625 8.21106 4.67625 7.78895 4.9366 7.5286L10.2699 2.19526C10.5303 1.93491 10.9524 1.93491 11.2127 2.19526Z" fill="%23303030"/></svg>');
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        transform: rotate(90deg);
                    }
                }

                span[title="Move to Upper Right"] {
                    img {
                        display: none;
                    }

                    &::before {
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2127 2.19526C11.4731 2.45561 11.4731 2.87772 11.2127 3.13807L6.35081 8L11.2127 12.8619C11.4731 13.1223 11.4731 13.5444 11.2127 13.8047C10.9524 14.0651 10.5303 14.0651 10.2699 13.8047L4.9366 8.4714C4.67625 8.21106 4.67625 7.78895 4.9366 7.5286L10.2699 2.19526C10.5303 1.93491 10.9524 1.93491 11.2127 2.19526Z" fill="%23303030"/></svg>');
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        transform: rotate(180deg);
                    }
                }
            }
        }
    }

    table[summary="column assignments"] {
        tbody {
            tr.dataRow {
                &:hover {
                    td {
                        background-color: var(--color-primary-grey-2);
                    }
                }

                &.selectedRow {
                    background-color: var(--color-alt-green-1);
                    color: var(--color-primary-grey-5);
                    font-family: var(--font-primary-bold);
                }
            }

        }
        input[type="button"] {
            background-color: var(--color-primary-blue);
            color: white;
            padding: 0.6em 0.8em;
            font-family: var(--font-primary-regular);
            letter-spacing: 1px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            width: 100%;

            &:hover {
                background-color: var(--color-primary-blue-dark);
            }

            &.red {
                background-color: var(--color-primary-orange);
                color: white !important;
                transition: background-color 0.3s ease;

                &:hover {
                    background-color: var(--color-primary-orange-dark);
                }
            }
        }
    }
}

/* Item Export */
body[data-main-form-action="/merchant/item/export/itemExportSave.do"] {
    select[name="selectedFolders"] {
        width: 100%;
        border-radius: 8px;
        padding: 4px;

        option {
            display: flex;
            align-items: center;
            padding: 4px 8px;
            gap: 8px;
            border-radius: 4px;
            margin-bottom: 4px;

            &::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666687 3.33334C0.666687 2.22877 1.56212 1.33334 2.66669 1.33334H5.64323C6.08904 1.33334 6.50534 1.55614 6.75263 1.92706L7.69014 3.33334H13.3334C14.438 3.33334 15.3334 4.22877 15.3334 5.33334V12.6667C15.3334 13.7713 14.4379 14.6667 13.3334 14.6667H2.66669C1.56212 14.6667 0.666687 13.7713 0.666687 12.6667V3.33334ZM2.66669 2.66667C2.2985 2.66667 2.00002 2.96515 2.00002 3.33334V12.6667C2.00002 13.0349 2.29849 13.3333 2.66669 13.3333H13.3334C13.7016 13.3333 14 13.0349 14 12.6667V5.33334C14 4.96514 13.7016 4.66667 13.3334 4.66667H7.33335C7.11045 4.66667 6.9023 4.55527 6.77865 4.3698L5.64324 2.66667L2.66669 2.66667Z" fill="%23828282"/></svg>');
                display: block;
                width: 16px;
                height: 16px;
            }

            &:checked {
                background-color: var(--color-alt-blue-1);

                &::before {
                    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666687 3.33334C0.666687 2.22877 1.56212 1.33334 2.66669 1.33334H5.64323C6.08904 1.33334 6.50534 1.55614 6.75263 1.92706L7.69014 3.33334H13.3334C14.438 3.33334 15.3334 4.22877 15.3334 5.33334V12.6667C15.3334 13.7713 14.4379 14.6667 13.3334 14.6667H2.66669C1.56212 14.6667 0.666687 13.7713 0.666687 12.6667V3.33334ZM2.66669 2.66667C2.2985 2.66667 2.00002 2.96515 2.00002 3.33334V12.6667C2.00002 13.0349 2.29849 13.3333 2.66669 13.3333H13.3334C13.7016 13.3333 14 13.0349 14 12.6667V5.33334C14 4.96514 13.7016 4.66667 13.3334 4.66667H7.33335C7.11045 4.66667 6.9023 4.55527 6.77865 4.3698L5.64324 2.66667L2.66669 2.66667Z" fill="%23222222"/></svg>');
                }
            }
        }

    }

    table[summary="export options"] {
        tr {
            td{
                padding-bottom: 16px;

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

                &.columnHeaderText:has(> input[type="checkbox"]) {
                    position: relative;

                    &::before {
                        content: '';
                        display: block;
                        position: relative;
                        width: 24px;
                        height: 16px;
                        background-color: var(--color-primary-grey-3);
                        border-radius: 12px;
                        float: left;
                        margin-right: 4px;
                        transition: background-color 0.3s ease;
                    }

                    &::after {
                        content: '';
                        position: absolute;
                        display: block;
                        width: 12px;
                        height: 12px;
                        top: 4px;
                        left: 3px;
                        background-color: white;
                        border-radius: 6px;
                        transition: left 0.3s ease;
                    }

                    &:has(input[type="checkbox"]:checked) {
                        &::before {
                            background-color: var(--color-primary-green);
                        }

                        &::after {
                            left: 10px;
                        }
                    }

                    input[type="checkbox"] {
                        width: 24px;
                        height: 100%;
                        opacity: 0;
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 10;
                    }
                }
            }
        }
    }

    input[value="download"] {
        border: none;
        background-color: var(--color-primary-blue);
        color: white;
        padding: 0.6em 0.8em 0.6em 2.5em;
        font-family: var(--font-primary-regular);
        letter-spacing: 1px;
        border-radius: 4px;
        transition: background-color 0.3s ease;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C9.84918 3 7.98509 4.43075 7.28819 6.48082C7.27647 6.51531 7.26305 6.54874 7.24805 6.58105C7.11851 6.90087 6.82679 7.14489 6.46054 7.19661C4.53603 7.46842 3 9.20144 3 11.3576C3 12.7462 3.64031 13.9671 4.61524 14.7286C5.05048 15.0686 5.1277 15.6971 4.78772 16.1323C4.44773 16.5675 3.8193 16.6447 3.38406 16.3048C1.93049 15.1693 1 13.3702 1 11.3576C1 8.46212 2.93239 5.99243 5.58757 5.33163C6.6634 2.79855 9.11441 1 12 1C15.5995 1 18.5143 3.78882 18.9451 7.32987C21.2781 7.78799 23 9.9108 23 12.3974C23 14.2893 22.0103 15.9579 20.5154 16.8569C20.0421 17.1416 19.4277 16.9887 19.1431 16.5154C18.8584 16.0421 19.0113 15.4277 19.4846 15.1431C20.3809 14.6039 21 13.5843 21 12.3974C21 10.6157 19.6205 9.23846 18 9.23846C17.4477 9.23846 17 8.79074 17 8.23846C17 5.30824 14.725 3 12 3Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 17.2929C7.68342 16.9024 8.31658 16.9024 8.70711 17.2929L12 20.5858L15.2929 17.2929C15.6834 16.9024 16.3166 16.9024 16.7071 17.2929C17.0976 17.6834 17.0976 18.3166 16.7071 18.7071L12.7071 22.7071C12.3166 23.0976 11.6834 23.0976 11.2929 22.7071L7.29289 18.7071C6.90237 18.3166 6.90237 17.6834 7.29289 17.2929Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11C12.5523 11 13 11.4477 13 12V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V12C11 11.4477 11.4477 11 12 11Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: center left 6px;
        background-size: 16px;
        text-transform: capitalize;

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }
    }
}

/* Customer Import - Step 1 */
body[data-main-form-action="/merchant/customerprofile/import/step1Save.do"] {
    .interior_content {
        padding: 30px 0px;
    }

    table.import-settings-container {
        margin-top: 32px;

        tr,
        td {
            display: flex;
            align-items: center;
            gap: 8px;
            padding-bottom: 8px;
        }

        td:first-child {
            font-family: var(--font-primary-bold);
            font-size: 14px;
            min-width: 200px;
        }

        td:last-child {
            min-width: 240px;
            padding: 8px;
        }

        td:has(input[name="csvFile"]) {
            background-color: var(--color-alt-blue-1);
            color: var(--color-primary-grey-5);
            border-radius: 8px;
            padding: 8px;
            transition: background-color 0.3s ease;

            input[type="file"] {
                cursor: pointer;
                font-family: var(--font-primary-regular);

                &::file-selector-button {
                    background-color: var(--color-primary-grey-5);
                    font-family: var(--font-primary-regular);
                    letter-spacing: 1px;
                    color: white;
                    padding: 0.6em 0.8em;
                    border: none;
                    border-radius: 4px;
                    margin-right: 4px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;

                    &:hover {
                        background-color: var(--color-primary-blue-dark);
                    }
                }
            }

            &:has(input[name="csvFile"]):hover {
                background-color: var(--color-alt-blue-2);
            }

            &::before {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 2.34315 4.34315 1 6 1H12.1716C12.9672 1 13.7303 1.31608 14.2929 1.87866L14.2929 1.87868L20.1213 7.70708C20.6839 8.26972 21 9.03278 21 9.82843V20C21 21.6569 19.6569 23 18 23H6C4.34315 23 3 21.6569 3 20V4ZM6 3C5.44771 3 5 3.44771 5 4V20C5 20.5523 5.44771 21 6 21H18C18.5523 21 19 20.5523 19 20V9.82843C19 9.5632 18.8947 9.30887 18.7071 9.12134L18.7071 9.12132L12.8787 3.29292C12.8787 3.29291 12.8787 3.2929 12.8787 3.2929C12.6911 3.10534 12.4368 3 12.1716 3H6Z" fill="%23222222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 1.5C13.5523 1.5 14 1.94772 14 2.5V8H19C19.5523 8 20 8.44772 20 9C20 9.55228 19.5523 10 19 10H13C12.4477 10 12 9.55228 12 9V2.5C12 1.94772 12.4477 1.5 13 1.5Z" fill="%23222222"/></svg>');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }
        }
    }

    input[type="submit"] {
        background-color: var(--color-primary-blue);
        color: white;
        padding: 0.6em 0.8em;
        font-family: var(--font-primary-regular);
                    letter-spacing: 1px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s ease;

        &:hover {
            background-color: var(--color-primary-blue-dark);
        }
    }

    select {
        width: 100%;
    }
}

/* Customer Import - Step 2 */
body[data-main-form-action="/merchant/customerprofile/import/step2Save.do"] {
    .interior_container.item_editor.width_800 {
        width: 100%;
        max-width: 1200px;
    }

    .interior_content {
        padding: 30px 0px;
        line-height: 1.7em;
        color: var(--color-primary-grey-5);
        font-family: var(--font-primary-regular);

        > div > strong {
            display: block;
            margin-top: 16px;
            margin-bottom: 8px;
        }

        > p:first-of-type {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        table#sampleDataTable {
            thead td,
            tbody td {
                padding-left: 8px;
                padding-right: 8px;
                padding-top: 4px;
                padding-bottom: 4px;
            }

            tbody tr:nth-child(even) td {
                background-color: var(--color-primary-grey-2);

                &:first-child {
                    border-radius: 8px 0 0 8px;
                }
            }
        }
    }
}

body[data-main-form-action="/merchant/storefront/fileEditLoad.do"] {
    #upsellLanguagePickerDialog {
        padding: 16px;

        .dialog-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 16px;

            h2 {
                font-family: var(--font-primary-bold);
            }

            .close-button {
                cursor: pointer;
            }
        }

        .language-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
            max-height: 48vh;
            overflow-y: auto;
            margin-top: 20px;

            .language-variant {
                display: flex;
                align-items: center;
                gap: 16px;
                color: var(--color-primary-grey-5);
                background-color: transparent;
                transition: background-color 0.3s ease;
                padding: 4px;
                border-radius: 6px;

                &:hover {
                    background-color: var(--color-primary-grey-1);
                }

                .language-label {
                    display: flex;
                    align-items: center;
                    gap: 4px;
                    font-family: var(--font-primary-bold);
                    font-size: 14px;
                    flex: 0 0 80px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;

                    &::before {
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 1.99999C4.6863 1.99999 2.00001 4.68628 2.00001 7.99999C2.00001 11.3137 4.6863 14 8.00001 14C11.3137 14 14 11.3137 14 7.99999C14 4.68628 11.3137 1.99999 8.00001 1.99999ZM0.666672 7.99999C0.666672 3.9499 3.94992 0.666656 8.00001 0.666656C12.0501 0.666656 15.3333 3.9499 15.3333 7.99999C15.3333 12.0501 12.0501 15.3333 8.00001 15.3333C3.94992 15.3333 0.666672 12.0501 0.666672 7.99999Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33333 8.00001C1.33333 7.63182 1.63181 7.33334 1.99999 7.33334H14.6667C15.0349 7.33334 15.3333 7.63182 15.3333 8.00001C15.3333 8.3682 15.0349 8.66668 14.6667 8.66668H1.99999C1.63181 8.66668 1.33333 8.3682 1.33333 8.00001Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.53339 0.991625C7.79637 0.733928 8.21846 0.738207 8.47615 1.00118C10.2429 2.80413 11.3333 5.27528 11.3333 7.99978C11.3333 10.7243 10.2429 13.1954 8.47615 14.9983C8.21845 15.2613 7.79636 15.2656 7.53339 15.0079C7.27041 14.7502 7.26614 14.3281 7.52384 14.0651C9.05627 12.5013 10 10.3614 10 7.99978C10 5.63811 9.05627 3.49821 7.52384 1.93439C7.26614 1.67141 7.27042 1.24932 7.53339 0.991625Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.4666 0.991622C8.72958 1.24932 8.73386 1.67141 8.47617 1.93438C6.94375 3.49821 6.00001 5.63811 6.00001 7.99978C6.00001 10.3614 6.94375 12.5013 8.47616 14.0651C8.73386 14.3281 8.72958 14.7502 8.46661 15.0079C8.20364 15.2656 7.78155 15.2613 7.52385 14.9983C5.7571 13.1954 4.66667 10.7243 4.66667 7.99978C4.66667 5.27527 5.7571 2.80413 7.52384 1.00118C7.78154 0.738208 8.20363 0.733927 8.4666 0.991622Z" fill="%23303030"/></svg>');
                        display: block;
                        width: 16px;
                        height: 16px;
                    }

                }

                .language-info {
                    font-family: var(--font-primary-regular);
                    color: var(--color-primary-grey-4);
                    font-style: italic;
                    font-size: 14px;
                    flex: 1 1 100%;
                    width: 100%;
                }

                .language-edit {
                    font-family: var(--font-primary-bold);
                    color: white;
                    background-color: var(--color-primary-blue);
                    font-size: 12px;
                    flex: 0 0 auto;
                    width: auto;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                    padding: 2px 8px;
                    border-radius: 4px;
                    letter-spacing: 1px;

                    &:hover {
                        background-color: var(--color-primary-blue-dark);
                    }
                }
            }

        }
    }
}

/* POS Config */
body[data-main-form-action="/merchant/configuration/pointofsale/posLocationListSave.do"] {
    .interior_content {
        padding: 30px 0;

        input[value="new location"] {
            padding-left: 26px;
            background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6343_3703)"><path d="M14 6.66667C14 11.3333 8 15.3333 8 15.3333C8 15.3333 2 11.3333 2 6.66667C2 5.07537 2.63214 3.54925 3.75736 2.42403C4.88258 1.29881 6.4087 0.666672 8 0.666672C9.5913 0.666672 11.1174 1.29881 12.2426 2.42403C13.3679 3.54925 14 5.07537 14 6.66667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 8.66667C9.10457 8.66667 10 7.77124 10 6.66667C10 5.5621 9.10457 4.66667 8 4.66667C6.89543 4.66667 6 5.5621 6 6.66667C6 7.77124 6.89543 8.66667 8 8.66667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_6343_3703"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
            background-repeat: no-repeat;
            background-position: 6px center;
            background-size: 16px;
        }

        /* FIX THIS */
        /* table:has(thead:only-child) {
            thead {
                display: none;
            }

            &::after {
                content: "Add a new location to enable POS for your store.";
                font-family: var(--font-primary-regular);
                color: var(--color-primary-grey-4);
                font-size: 14px;
                display: block;
            }
        } */

        table {
            thead {
                th {
                    padding: 8px;
                    text-align: left;
                }
            }

            tbody {
                td {
                    padding: 8px;
                }
            }
        }
    }
}
body[data-main-form-action="/merchant/configuration/pointofsale/posLocationEditSave.do"] {
    .interior_content {
        padding: 30px 0;

        table {
            tr {
                td {
                    padding-bottom: 8px;
                    padding-right: 16px;
                }
            }
        }
    }
}

body[data-main-form-action="./merchantCategoryEditSave.do"] {
    .widget_box {
        max-width: 800px;

        .space_bottom_20 {
            color: var(--color-primary-grey-5);
            font-size: 14px;
            line-height: 1.75em;
        }

        form[action="./merchantCategoryEditSave.do"] {
            .actions_bar_wrapper {
                margin-top: 32px;
            }
        }
    }
}

body[data-main-form-action="/merchant/orderprocessing/editor/billingSave.do"] {
    .order-properties-table {
        thead {
            th {
                font-size: 12px;
                color: var(--color-primary-grey-3);
                text-align: left;
                padding: 12px;
                font-weight: normal;

                &:first-child {
                    padding-left: 0;
                }
            }
        }

        tbody {
            tr {
                td {
                    max-width: 220px;

                    &:first-child {
                        padding-left: 0;
                    }

                    strong {
                        display: block;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-family: var(--font-primary);
                    }

                    input,
                    select {
                        min-width: 160px;
                    }
                }
            }
        }
    }
}

.digital-delivery-reset .interior_content {
    padding: 30px 0 30px 0;
}

.digital-delivery-reset .interior_content p {
    margin-bottom: 32px;
}

.digital-delivery-reset pre {
    border: none !important;
    color: var(--color-primary-grey-5);
    padding: 20px !important;
    font-size: 0.75em !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), transparent);
    line-height: 1.7;
    margin-bottom: 32px;
}

.digital-delivery-report table {
    margin-top: 32px;
    color: var(--color-primary-grey-5);
}

.digital-delivery-report table tbody td {
    padding-bottom: 8px;
    padding-right: 16px;
}

.digital-delivery-report table tbody td.columnHeaderText {
    color: var(--color-primary-grey-4);
}

.digital-delivery-report br {
    display: none;
}

body[data-main-form-action="/merchant/configuration/loyaltySave.do"] {
    br {
        display: none;
    }

    input[type="text"],
    select {
        box-sizing: border-box;
        min-width: 140px;
    }

    .widget_box {
        table {
            td {
                padding-bottom: 8px;
            }

            &.minimum_width {
                width: 100% !important;
            }
        }
    }

    .widget_box:nth-child(2) {
        table {
            td[align="center"] {
                text-align: left;
            }
        }
    }
}

body[data-main-form-action="/merchant/configuration/loyaltyTransactionListSave.do"] {
    .interior {
        border-top: 0;
        border-bottom: 0;

        .interior_content {
            padding: 0;
        }
    }
}

body[data-main-form-action="/merchant/configuration/loyaltyCampaignSave.do"] {
    .list_100 {
        min-width: 200px;
    }

    textarea[name="newItems"] {
        height: 40px;
    }

    table {
        margin-top: 16px;
        margin-bottom: 16px;

        th,
        td {
            text-align: left;
            padding-right: 8px;

            &:last-child {
                padding-right: 0;
            }
        }
    }
}

#uc-reports {
    .intro-wrapper p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.7;
    }

    .reports-wrapper {
        width: 100%;
        max-width: calc(100vw - 200px);
        max-height: none;
        display: grid;
        flex-direction: column;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        overflow: visible;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        padding-bottom: 80px;

        .reports-container {
            margin-bottom: 0;
            margin-right: 0;
            margin-left: 0;
            box-shadow: var(--boxshadow-primary);

            /* &:has(a[href="/merchant/report/cohortCustomerReportLoad.do"]) {
                .reports-header::before {
                    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    display: block;
                    width: 24px;
                    height: 24px;
                }
            }

            &:has(a[href="/merchant/report/dataWarehouseReportLoad.do?dataWarehouseReportConfigOid=801"]) {
                .reports-header::before {
                    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 20V14H17" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 4V10H7" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.49 9C19.9828 7.56678 19.1209 6.2854 17.9845 5.27542C16.8482 4.26543 15.4745 3.55976 13.9917 3.22426C12.5089 2.88875 10.9652 2.93434 9.50481 3.35677C8.04437 3.77921 6.71475 4.56471 5.64 5.64L1 10M23 14L18.36 18.36C17.2853 19.4353 15.9556 20.2208 14.4952 20.6432C13.0348 21.0657 11.4911 21.1112 10.0083 20.7757C8.52547 20.4402 7.1518 19.7346 6.01547 18.7246C4.87913 17.7146 4.01717 16.4332 3.51 15" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    display: block;
                    width: 24px;
                    height: 24px;
                }
            }

            &:has(a[href="/merchant/report/couponReportLoad.do"]) {
                .reports-header::before {
                    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1V23" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 5H9.5C8.57174 5 7.6815 5.36875 7.02513 6.02513C6.36875 6.6815 6 7.57174 6 8.5C6 9.42826 6.36875 10.3185 7.02513 10.9749C7.6815 11.6313 8.57174 12 9.5 12H14.5C15.4283 12 16.3185 12.3687 16.9749 13.0251C17.6313 13.6815 18 14.5717 18 15.5C18 16.4283 17.6313 17.3185 16.9749 17.9749C16.3185 18.6313 15.4283 19 14.5 19H6" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    display: block;
                    width: 24px;
                    height: 24px;
                }
            } */

            .reports-header {
                border-bottom: 0;
                padding: 16px 32px 0 32px;
                display: flex;
                align-items: center;
                gap: 12px;
                color: var(--color-primary-grey-5);
            }

            .report-btn-list {
                padding: 12px 32px 20px 32px;
            }

            .report-edit,
            .report-delete {
                svg {
                    margin: 0;
                    max-width: 16px;
                    max-height: 16px;
                }
            }

            .report-edit {
                padding-right: 8px;
            }

            .report-btn {
                background-color: transparent;
                margin-left: -12px;
                margin-right: -12px;
                margin-bottom: 0;
                transition: background-color 0.3s ease;

                &:hover {
                    span {
                        color: var( --color-primary-blue-dark);
                    }
                }

                span {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    color: var(--color-primary-blue);
                    transition: color 0.3s ease;

                    &::before {
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.66663 1.33333H3.99996C3.64634 1.33333 3.3072 1.47381 3.05715 1.72386C2.8071 1.97391 2.66663 2.31304 2.66663 2.66667V13.3333C2.66663 13.687 2.8071 14.0261 3.05715 14.2761C3.3072 14.5262 3.64634 14.6667 3.99996 14.6667H12C12.3536 14.6667 12.6927 14.5262 12.9428 14.2761C13.1928 14.0261 13.3333 13.687 13.3333 13.3333V6L8.66663 1.33333Z" stroke="%2361B6E6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.66663 1.33333V6H13.3333" stroke="%2361B6E6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                        width: 16px;
                        height: 16px;
                        display: block;
                    }
                }

                .icon-fav-info {
                    margin-right: 4px;
                    opacity: 0.25;

                    path {
                        fill: var(--color-primary-blue);
                    }
                }

                &:has(.info) {
                    .icon-fav-info {
                        opacity: 1;
                    }
                }

                &.report-custom {
                    .icon-fav-info {
                        display: none;
                    }
                }
            }
        }
    }
}

#contentAuthorizedApplicationsId.interior_content,
#contentDeveloperApplicationsId.interior_content {
    padding: 0;

    div:first-child {
        p {
            font-size: 14px;
            line-height: 1.5;
            max-width: 1200px;
            color: var(--color-primary-grey-4);
        }
    }

    .developer-application-new:only-child {
        float: left;
    }
}

ul.etabs:has(.authorized-applications-tab) {
    border: none;
    padding: 0;
    margin-bottom: 16px;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

ul.etabs:has(.authorized-applications-tab) li.tab {
    border: none;
}

ul.etabs:has(.authorized-applications-tab) li.tab a {
    border: none;
    border-radius: var(--border-radius-small);
    color: #fff;
    background-color: var(--color-primary-blue);
    transition: background-color var(--transition-primary);
}

ul.etabs:has(.authorized-applications-tab) li.tab a:hover {
    background-color: var(--color-primary-blue-dark);
}

ul.etabs:has(.authorized-applications-tab) li.tab a.active {
    color: var(--color-primary-grey-4);
    background-color: white;
    border: 1px solid var(--color-primary-grey-3);
}

.authorized-application-list {
    li {
        border-radius: 4px;
        border: 1px solid var(--color-primary-grey-3);

        .application-icon:not(:has(img)) {
            width: 0px !important;
        }
    }
}

.log_filters {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;

    .log_filter_group {
        display: flex;
        gap: 8px;
        align-items: center;
        color: var(--color-primary-grey-4);

        .log_filter_label {
            min-width: 80px;
            display: flex;
            align-items: center;
            gap: 8px;

            &:has(.collapsableIcon) {
                background-color: var(--color-primary-grey-2);
                color: var(--color-primary-grey-4);
                padding: 4px;
                border-radius: 4px;
                justify-content: space-between;
                cursor: pointer;
                transition: background-color 0.3s ease;

                &:hover {
                    background-color: var(--color-primary-grey-3);
                }
            }
        }

        .log_filter_content {
            display: flex;
            gap: 4px;
            align-items: center;

            .filter-request-id,
            .filter-uri,
            .filter-request-dts-begin,
            .filter-request-dts-end,
            #filter-request-dts-end,
            .filter-status,
            .filter-method,
            .filter-duration  {
                height: auto;
                border: 1px solid var(--color-primary-grey-3);
                padding: 6px;
                border-radius: 4px;
                color: var(--color-primary-grey-5);
            }

            .filter-request-id,
            .filter-uri,
            .filter-status,
            .filter-method {
                min-width: 280px;
                box-sizing: border-box;
                font-size: 0.75rem;
            }
        }

        .log_filter_options {
            display: flex;
            gap: 8px;
            padding-left: 88px;

            .filter-button,
            .filter-clear-button {
                padding: 8px 16px;
                border: none;
                border-radius: 4px;
                color: white;
                background-color: var(--color-primary-grey-5);
                letter-spacing: 0.1em;
                transition: 0.3s ease;
            }

            .filter-clear-button:hover {
                background-color: var(--color-primary-grey-4);
            }

            .filter-button {
                background-color: var(--color-primary-blue);
            }

            .filter-button:hover {
                background-color: var(--color-primary-blue-dark);
            }
        }
    }
}

.collapsableWrapper .collapsableContent {
    display: none;
}

.collapsableWrapper.active {
    .collapsableContent {
        margin-top: 10px;
        display: block;
    }

    &.log_filters {
        .collapsableContent {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 16px;
        }
    }
}

.collapsableWrapper .sectionHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.collapsableWrapper .collapsableIcon::after {
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal !important;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f153";
    font-size: 12px;
    width: 12px;
    height: 12px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
}

.collapsableWrapper.active .collapsableIcon::after {
    content: "\f156";
}

#tabsAdvanced-pf {
    .payment_url_table {
        color: var(--color-primary-grey-4);

        thead tr th {
            border-bottom: 1px solid var(--color-primary-grey-2);
        }

        tbody tr td {
            border-bottom: 1px solid var(--color-primary-grey-3);
            border-right: 1px solid var(--color-primary-grey-3);
        }

        .pci_url_link,
        .pci_url_mode,
        .pci_url_blocked {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .pci_url_mode {
            display: none;
        }

        tr {
            &.mode_monitor {
                .pci_url_mode[data-mode="monitor"] {
                    display: flex;
                }

                .pci_url_blocked {
                    background-color: var(--color-primary-grey-3);
                    cursor: block;
                    pointer-events:none;
                }
            }

            &.mode_enforcement {
                .pci_url_mode[data-mode="enforcement"] {
                    display: flex;
                }
            }
        }

        .pci_url_link {
            color: var(--color-primary-blue);
            cursor: pointer;

            &::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8.66667V12.6667C12 13.0203 11.8595 13.3594 11.6095 13.6095C11.3594 13.8595 11.0203 14 10.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H7.33333" stroke="%2361B6E6" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 2H14V6" stroke="%2361B6E6" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.66797 9.33333L14.0013 2" stroke="%2361B6E6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                width: 16px;
                height: 16px;
                display: block;
            }
        }

        .pci_url_mode {
            width: 100%;
            gap: 8px;

            .mode_label {
                width: 100%;
                display: flex;
                align-items: center;
                gap: 4px;


            }

            &[data-mode="monitor"] {
                .mode_label::before {
                    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6654 8H11.9987L9.9987 14L5.9987 2L3.9987 8H1.33203" stroke="%23828282" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    width: 16px;
                    height: 16px;
                    display: block;
                }
            }

            &[data-mode="enforcement"] {
                .mode_label::before {
                    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.0013 14.6668C8.0013 14.6668 13.3346 12.0002 13.3346 8.00016V3.3335L8.0013 1.3335L2.66797 3.3335V8.00016C2.66797 12.0002 8.0013 14.6668 8.0013 14.6668Z" stroke="%23828282" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    width: 16px;
                    height: 16px;
                    display: block;
                }
            }

            .monitor_date {
                flex: 0 0 auto;
                width: auto;
                opacity: 0.75;
                font-size: 12px;
            }
        }

        .pci_url_blocked {
            background-color: var(--color-primary-orange);
            color: white;
            padding: 8px;
            border-radius: 4px;
            flex: 0 0 auto;
            width: auto;
            letter-spacing: 0.1em;
            transition: background-color 0.2s ease-in-out;
            cursor: pointer;
            font-size: 12px;
            line-height: 12px;

            &:hover {
                background-color: var(--color-primary-orange-dark)
            }

            &::before {
                content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6703_46465)"><path d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.46484 2.46484L9.53484 9.53484" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_6703_46465"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
                width: 12px;
                height: 12px;
                display: block;
            }
        }

        .pci_url_actions {
            display: flex;
            align-items: center;
            gap: 4px;

            .btn {
                background-color: var(--color-primary-blue);
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 4px;
                transition: background-color 0.2s ease-in-out;

                &:hover {
                    background-color: var(--color-primary-blue-dark);
                }
            }
        }
    }

    p {
        color: var(--color-primary-grey-4);
    }

    .pci_script_info {
        width: 100%;
        max-width: 800px;

        div {
            margin-bottom: 32px;
        }

        .docs_link {
            color: var(--color-primary-blue);
            display: flex;
            gap: 4px;
            cursor: pointer;

            &::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2.6665C2 1.56193 2.89543 0.666504 4 0.666504H8.1144C8.64482 0.666504 9.15351 0.877222 9.52859 1.25228L9.52861 1.25229L13.4142 5.13789C13.7893 5.51298 14 6.02169 14 6.55212V13.3332C14 14.4378 13.1046 15.3332 12 15.3332H4C2.89544 15.3332 2 14.4378 2 13.3332V2.6665ZM4 1.99984C3.63181 1.99984 3.33333 2.29831 3.33333 2.6665V13.3332C3.33333 13.7014 3.6318 13.9998 4 13.9998H12C12.3682 13.9998 12.6667 13.7014 12.6667 13.3332V6.55212C12.6667 6.3753 12.5964 6.20575 12.4714 6.08073L12.4714 6.08071L8.58581 2.19511C8.5858 2.19511 8.5858 2.19511 8.58579 2.1951C8.46074 2.07006 8.29117 1.99984 8.1144 1.99984H4Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.66667 1C9.03486 1 9.33333 1.29848 9.33333 1.66667V5.33333H12.6667C13.0349 5.33333 13.3333 5.63181 13.3333 6C13.3333 6.36819 13.0349 6.66667 12.6667 6.66667H8.66667C8.29848 6.66667 8 6.36819 8 6V1.66667C8 1.29848 8.29848 1 8.66667 1Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.66797 11.3332C4.66797 10.965 4.96645 10.6665 5.33464 10.6665H10.0013C10.3695 10.6665 10.668 10.965 10.668 11.3332C10.668 11.7014 10.3695 11.9998 10.0013 11.9998H5.33464C4.96645 11.9998 4.66797 11.7014 4.66797 11.3332Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.66797 8.66667C4.66797 8.29848 4.96645 8 5.33464 8H10.0013C10.3695 8 10.668 8.29848 10.668 8.66667C10.668 9.03486 10.3695 9.33333 10.0013 9.33333H5.33464C4.96645 9.33333 4.66797 9.03486 4.66797 8.66667Z" fill="%2361B6E6"/></svg>');
                width: 16px;
                height: 16px;
                display: block;
            }
        }
    }
}

.pciScriptDialog {
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px;
    border: none;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    color: var(--color-primary-grey-4);
    overflow: hidden;
    max-height: 90vh;
    max-width: 800px;
    z-index: 10;
    box-sizing: border-box;

    * {
        box-sizing: border-box;
    }

    .pciScriptDialogHeader {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% + 32px);
        height: auto;
        margin-left: -16px;
        margin-right: -16px;
        margin-top: -16px;
        margin-bottom: 20px;
        padding: 16px;
        background-color: var(--color-primary-grey-1);

        .title {
            display: flex;
            align-items: center;
            gap: 4px;
        }
    }

    .dialogContent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        overflow-y: auto;

        .urlMode {
            background-color: var(--color-primary-grey-5);
            color: white;
            padding: 8px;
            border-radius: 8px;
        }

        label {
            display: lock;
            margin-bottom: 8px;
        }

        .UrlDomainList {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 16px;

            .UrlDomain {
                display: flex;
                align-items: center;
                gap: 8px;
                background-color: white;
                color: var(--color-primary-grey-5);
                font-size: 12px;

                &:hover {
                    background-color: var(--color-primary-grey-2);
                }

                .urlDomainSettings {
                    width: 100%;
                    display: flex;
                    gap: 8px;
                    align-items: center;

                    input {
                        width: 100%;
                        padding: 8px;
                        border-radius: 4px;
                        border: 1px solid var(--color-primary-grey-3);
                        color: var(--color-primary-grey-5);
                    }

                    .type_checkbox {
                        position: relative;
                        display: flex;
                        gap: 4px;
                        flex: 0 0 auto;
                        margin: 0;
                        cursor: pointer;

                        &::before {
                            flex-shrink: 0;
                            content: "";
                            display: block;
                            width: 24px;
                            height: 16px;
                            border-radius: 8px;
                            background-color: var(--color-primary-grey-3);
                            transition: background-color 0.3s ease;
                        }

                        &::after {
                            content: "";
                            display: block;
                            width: 12px;
                            height: 12px;
                            border-radius: 6px;
                            background-color: white;
                            position: absolute;
                            top: 2px;
                            left: 2px;
                            transition: left 0.3s ease;
                        }

                        &:has(input[type="checkbox"]:checked) {
                            &::before {
                                background-color: var(--color-primary-green);
                            }

                            &::after {
                                left: 10px;
                            }
                        }

                        input[type="checkbox"] {
                            opacity: 0;
                            margin: 0;
                            padding: 0;
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            width: 8px;
                            height: 8px;
                            background-color: white;
                        }
                    }
                }
            }
        }
    }

    .urlPolicyContent {
        background-color: var(--color-primary-grey-2);
        max-height: 160px;
        overflow: auto;
        border-radius: 8px;
        border: 1px solid var(--color-primary-grey-2);
        padding: 4px 8px 16px 8px;
        font-size: 12px;
        line-height: 1.8em;
        position: relative;
    }
}

#preorderedTable thead tr th:first-child,
#preorderedTable tbody tr td:first-child {
    &::after {
        pointer-events: none;
    }
}

@media (max-width: 1300px) {
    #uc-reports {
        .reports-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}

/* BEOE */
.mainEntry .menu2.space_bottom_10 {
    border-bottom: none;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    width: calc(100% + 16px);
    background-color: var(--color-primary-grey-2);
    margin-left: -8px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 8px;
    box-sizing: border-box;
}

.menuButtons2 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 8px;
}

.menuButtons2 .menuButtonTemplate {
    float: none;
    margin-right: 0;
    margin-top: 0;
    display: flex;
    align-items:center;
    gap: 4px;

    &::before {
        content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2H9C9.26522 2 9.51957 2.10536 9.70711 2.29289C9.89464 2.48043 10 2.73478 10 3V10C10 10.2652 9.89464 10.5196 9.70711 10.7071C9.51957 10.8946 9.26522 11 9 11H3C2.73478 11 2.48043 10.8946 2.29289 10.7071C2.10536 10.5196 2 10.2652 2 10V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H4" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 1H4.5C4.22386 1 4 1.22386 4 1.5V2.5C4 2.77614 4.22386 3 4.5 3H7.5C7.77614 3 8 2.77614 8 2.5V1.5C8 1.22386 7.77614 1 7.5 1Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        width: 12px;
        height: 12px;
        display: block;
    }

    span {
        line-height: 1em;
        white-space: nowrap;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.menuButtons2 .menuButtonTemplate.sharedOrderTemplateButton {
    &::before {
        content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 10.5V9.5C11.4997 9.05686 11.3522 8.62638 11.0807 8.27616C10.8092 7.92593 10.4291 7.67578 10 7.565" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 10.5V9.5C8.5 8.96957 8.28929 8.46086 7.91421 8.08579C7.53914 7.71071 7.03043 7.5 6.5 7.5H2.5C1.96957 7.5 1.46086 7.71071 1.08579 8.08579C0.710714 8.46086 0.5 8.96957 0.5 9.5V10.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 1.565C8.43021 1.67515 8.81152 1.92535 9.08382 2.27616C9.35612 2.62696 9.50392 3.05842 9.50392 3.5025C9.50392 3.94659 9.35612 4.37804 9.08382 4.72885C8.81152 5.07965 8.43021 5.32985 8 5.44" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.5 5.5C5.60457 5.5 6.5 4.60457 6.5 3.5C6.5 2.39543 5.60457 1.5 4.5 1.5C3.39543 1.5 2.5 2.39543 2.5 3.5C2.5 4.60457 3.39543 5.5 4.5 5.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    }
}

/* StoreFronts Favicon */
.sf-primary-settings {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-bottom: 32px;
}

.sf-primary-settings .btn {
    font-size: 0.75rem;
    font-weight: normal;
    padding: 5px 10px;
}

.sf-primary-name {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 400px;
}

.sf-name-wrapper {
    display: flex;
    gap: 8px;
    width: 100%;
}

.sf-primary-branding {
    display: flex;
    gap: 16px;
}

.sf-primary-logo,
.sf-primary-favicon {
    display: flex;
    gap: 8px;
    width: 100%;
}

.sf-primary-favicon-wrapper,
.sf-primary-logo-wrapper {
    display: flex;
    flex-direction:column;
    gap: 8px;
    width: 100%;
}

.sf-primary-logo-wrapper {
    max-width: 280px;
}

.sf-primary-favicon-wrapper {
    max-width: 220px;
}

.sf-primary-favicon-display.logo_image_container,
.sf-primary-logo-display.logo_image_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}

.sf-primary-favicon-display.logo_image_container {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
}

.sf-primary-favicon-display.logo_image_container img {
    width: 100%;
    max-width: 16px;
}

.sf-primary-favicon-display::before {
    content: url('data:image/svg+xml,<svg width="80" height="60" viewBox="0 0 80 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28 0.5H80.5V60.5H-0.5V35.5H12C16.6944 35.5 20.5 31.6944 20.5 27V8C20.5 3.98724 23.6514 0.710536 27.6143 0.509766L28 0.5Z" stroke="%23CCCCCC"/></svg>');
    display: block;
    position: absolute;
    width: 82px;
    height: 61px;
    bottom: -1px;
    left: -1px;

}

.sf-primary-logo-actions {
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: flex-end;
}

.sf-primary-logo-actions .btn {
    margin-top: 4px;
}

/* Report Builder AI  */

body[data-main-form-action="/merchant/report/builderReportSave.do"] {
    height: auto;

    * {
        box-sizing: border-box;
    }

    .content {
        background-color: var(--color-primary-grey-1);
    }

    .intro-container p {
        font-weight: normal;
    }

    .intro-container h2 {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .intro-container h2::before {
        content: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.10598 6.35458C6.27711 5.8921 6.93122 5.8921 7.10235 6.35458L7.59769 7.6932C7.93844 8.61407 8.66449 9.34011 9.58535 9.68086L10.924 10.1762C11.3865 10.3473 11.3865 11.0014 10.924 11.1726L9.58535 11.6679C8.66449 12.0087 7.93844 12.7347 7.59769 13.6556L7.10235 14.9942C6.93122 15.4567 6.27711 15.4567 6.10598 14.9942L5.61064 13.6556C5.26989 12.7347 4.54385 12.0087 3.62298 11.6679L2.28435 11.1726C1.82188 11.0014 1.82188 10.3473 2.28436 10.1762L3.62298 9.68086C4.54385 9.34011 5.26989 8.61407 5.61064 7.6932L6.10598 6.35458Z" fill="%23303030"/><path d="M10.3195 2.20592C10.4173 1.94165 10.7911 1.94165 10.8888 2.20592L11.1719 2.97085C11.3666 3.49706 11.7815 3.91194 12.3077 4.10666L13.0726 4.38971C13.3369 4.4875 13.3369 4.86128 13.0726 4.95907L12.3077 5.24212C11.7815 5.43683 11.3666 5.85171 11.1719 6.37792L10.8888 7.14285C10.7911 7.40712 10.4173 7.40712 10.3195 7.14285L10.0364 6.37792C9.84172 5.85171 9.42684 5.43683 8.90063 5.24212L8.1357 4.95907C7.87143 4.86128 7.87143 4.4875 8.1357 4.38971L8.90063 4.10666C9.42684 3.91194 9.84172 3.49706 10.0364 2.97085L10.3195 2.20592Z" fill="%23303030"/><path d="M13.7926 7.44014C13.8415 7.308 14.0283 7.308 14.0772 7.44014L14.2188 7.8226C14.3161 8.0857 14.5236 8.29315 14.7867 8.3905L15.1691 8.53203C15.3013 8.58092 15.3013 8.76781 15.1691 8.81671L14.7867 8.95823C14.5236 9.05559 14.3161 9.26303 14.2188 9.52613L14.0772 9.9086C14.0283 10.0407 13.8415 10.0407 13.7926 9.9086L13.651 9.52613C13.5537 9.26303 13.3462 9.05559 13.0831 8.95823L12.7007 8.81671C12.5685 8.76781 12.5685 8.58092 12.7007 8.53203L13.0831 8.3905C13.3462 8.29315 13.5537 8.0857 13.651 7.8226L13.7926 7.44014Z" fill="%23303030"/></svg>');
        display: block;
    }

    form[action="/merchant/report/builderReportSave.do"] .intro-wrapper,
    form[action="/merchant/report/builderReportSave.do"] .intro-wrapper .intro-container,
    form[action="/merchant/report/builderReportSave.do"] .intro-wrapper .intro-container h2 {
        margin-bottom: -32px;
    }


    form[action="/merchant/report/builderReportSave.do"] .intro-wrapper + div {
        display: flex;
        justify-content: flex-end;
        padding-right: 32px;
        padding-bottom: 16px;
    }

    form[action="/merchant/report/builderReportSave.do"] #settings {
        display: inline-flex;
        gap: 4px;
        background-color: var(--color-primary-grey-5);
        color: white;
        padding: 8px 12px 8px 8px;
        border-radius: 8px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    form[action="/merchant/report/builderReportSave.do"] #settings:hover {
        background-color: var(--color-primary-blue);
    }

    form[action="/merchant/report/builderReportSave.do"] #settings::before {
        content: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_7508_48553)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.4813 2.25273C6.66278 1.70827 7.1723 1.34103 7.74621 1.34103H9.45186C10.0258 1.34103 10.5353 1.70827 10.7168 2.25273L10.9586 2.97821L11.643 2.63608C12.1563 2.37948 12.7762 2.48011 13.182 2.88589L14.3881 4.092C14.7939 4.49781 14.8945 5.11777 14.6379 5.63109L14.2959 6.31507L15.0208 6.55678C15.5652 6.73829 15.9324 7.24778 15.9324 7.82166V10.0079C15.9324 10.2948 15.7488 10.5496 15.4765 10.6403L14.2952 11.034L14.637 11.7177C14.8937 12.231 14.7931 12.851 14.3873 13.2568L13.1812 14.4629C12.7754 14.8687 12.1554 14.9693 11.6421 14.7126L10.9584 14.3708L10.7167 15.096C10.5352 15.6404 10.0257 16.0077 9.45179 16.0077H7.74614C7.17223 16.0077 6.66272 15.6404 6.48123 15.096L6.23951 14.3708L5.55604 14.7125C5.04273 14.9691 4.42281 14.8685 4.01702 14.4627L2.81092 13.2566C2.4051 12.8508 2.3045 12.2308 2.56116 11.7175L2.90294 11.0339L2.17744 10.7922C1.63292 10.6107 1.26562 10.1012 1.26562 9.52723V7.82164C1.26562 7.24772 1.63288 6.73819 2.17735 6.55672L2.90298 6.31486L2.56107 5.63104C2.30442 5.11772 2.40502 4.49776 2.81084 4.09195L4.01689 2.8859C4.42273 2.48005 5.04274 2.37947 5.55608 2.63618L6.23955 2.97799L6.4813 2.25273ZM8.22672 2.67437C7.93976 2.67437 7.685 2.85799 7.59426 3.13022L7.26136 4.12891C7.13306 4.51381 6.69359 4.69583 6.33072 4.51435L5.38949 4.04365C5.13283 3.91529 4.82282 3.96558 4.6199 4.1685L4.09341 4.69499C3.89051 4.89789 3.8402 5.20787 3.96853 5.46453L4.43932 6.40611C4.62076 6.76899 4.43873 7.20843 4.05384 7.33671L3.05482 7.66969C2.78259 7.76043 2.59896 8.0152 2.59896 8.30215V9.04668C2.59896 9.33365 2.78261 9.58843 3.05487 9.67915L4.05378 10.012C4.4387 10.1403 4.62075 10.5797 4.43931 10.9426L3.96861 11.884C3.84028 12.1407 3.89059 12.4507 4.09349 12.6536L4.62008 13.1802C4.82298 13.3831 5.13294 13.4334 5.38959 13.3051L6.3308 12.8345C6.69367 12.6531 7.13307 12.8351 7.26136 13.22L7.59419 14.2185C7.68493 14.4907 7.93969 14.6743 8.22665 14.6743H8.97129C9.25824 14.6743 9.513 14.4907 9.60374 14.2185L9.93661 13.2199C10.0649 12.835 10.5044 12.653 10.8672 12.8344L11.8086 13.3052C12.0653 13.4335 12.3753 13.3832 12.5782 13.1803L13.1047 12.6538C13.3076 12.4509 13.3579 12.1409 13.2296 11.8842L12.7588 10.9427C12.5774 10.5799 12.7594 10.1404 13.1443 10.0121L14.1432 9.67925C14.4155 9.58852 14.5991 9.33375 14.5991 9.04678V8.30213C14.5991 8.01519 14.4155 7.76045 14.1433 7.66969L13.145 7.33685C12.7601 7.20854 12.5781 6.76912 12.7596 6.40627L13.2304 5.46459C13.3587 5.20793 13.3084 4.89795 13.1055 4.69504L12.5789 4.16844C12.376 3.96555 12.0661 3.91524 11.8094 4.04354L10.8673 4.51451C10.5044 4.6959 10.065 4.51388 9.93675 4.12902L9.60381 3.13022C9.51307 2.85799 9.25831 2.67437 8.97136 2.67437H8.22672Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.60417 7.34105C7.86776 7.34105 7.27083 7.93798 7.27083 8.67439C7.27083 9.4108 7.86776 10.0077 8.60417 10.0077C9.34058 10.0077 9.9375 9.4108 9.9375 8.67439C9.9375 7.93798 9.34058 7.34105 8.60417 7.34105ZM5.9375 8.67439C5.9375 7.2016 7.13138 6.00772 8.60417 6.00772C10.077 6.00772 11.2708 7.2016 11.2708 8.67439C11.2708 10.1472 10.077 11.3411 8.60417 11.3411C7.13138 11.3411 5.9375 10.1472 5.9375 8.67439Z" fill="white"/></g><defs><clipPath id="clip0_7508_48553"><rect width="16" height="16" fill="white" transform="translate(0.601562 0.674377)"/></clipPath></defs></svg>');
        display: block;
    }

    dialog {
        width: 100%;
        max-width: 420px;
        box-shadow: var(--boxshadow-primary);
    }

    dialog .dialog-header {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 16px;
    }

    dialog .dialog-header .dialog-close::before {
        content: '×';
        display: block;
        font-size: 16px;
    }

    dialog .dialog-header h2 {
        font-weight: bold;
    }

    dialog #settingsForm {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 0;
    }

    dialog.settings-readonly #settingsForm::before {
        content: "Your user must have Edit Service Plan permissions in the user configuration to modify AI Budgets and Settings.";
        color: var(--color-primary-red);
        display: block;
        margin-bottom: 8px;
        background-color: var(--color-alt-red-0);
        padding: 9px 12px 12px 12px;
        border-radius: 8px;
    }

    dialog.settings-readonly #settingsForm {
        cursor: not-allowed;

        label {
            pointer-events: none;
            opacity: 0.5;
        }

        .dialog-options #saveSettings {
            opacity: 0.5;
            pointer-events: none;
            background-color: var(--color-primary-grey-4);
        }
    }

    dialog #settingsForm .setting-opt-in span,
    dialog #settingsForm .setting-novice-sql span {
        display: block;
    }

    dialog #settingsForm .toggle-switch {
        position: relative;
        width: 24px;
        height: 16px;
        background-color: var(--color-primary-grey-3);
        border-radius: 8px;
        transition: background-color 0.3s ease;
    }

    dialog #settingsForm .toggle-switch::before {
        content: "";
        display: block;
        background-color: white;;
        width: 12px;
        height: 12px;
        border-radius: 6px;
        position: absolute;
        left: 2px;
        top: 2px;
        transition: left 0.3s ease;
        box-shadow: 0 0 4px rgba(0,0,0,0.2)
    }

    dialog #settingsForm .toggle-switch input[type="checkbox"] {
        opacity: 0;
        positiion: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    dialog #settingsForm .toggle-switch:has(input[type="checkbox"]:checked) {
        background-color: var(--color-primary-green);
    }

    dialog #settingsForm .toggle-switch:has(input[type="checkbox"]:checked)::before {
        left: 10px;
    }

    dialog #settingsForm .setting-opt-in ,
    dialog #settingsForm .setting-novice-sql {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px;
        border: 1px solid var(--color-primary-grey-2);
        background-color: transparent;
        border-radius: 8px;
        transition: background-color 0.3s ease;
    }

    dialog #settingsForm .setting-opt-in:has(input[type="checkbox"]:checked),
    dialog #settingsForm .setting-novice-sql:has(input[type="checkbox"]:checked) {
        background-color: var(--color-alt-green-1);
    }

    dialog #settingsForm .setting-ai-budget {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px;
        border: 1px solid var(--color-primary-grey-2);
        border-radius: 8px;
    }

    dialog #settingsForm .setting-ai-budget input {
        max-width: 80px;
    }

    dialog #settingsForm .settings-input-group {
        display: flex;
        gap: 4px;
        align-items: center;
    }

    dialog #settingsForm .setting-info {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 8px;
        background-color: var(--color-primary-grey-2);
        border-radius: 8px;
        font-size: 12px;
    }

    dialog #settingsForm .setting-info {}

    dialog #settingsForm .dialog-options {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    dialog #settingsForm .dialog-options .btn {
        line-height: 1;
        font-weight: normal;
        padding: 6px 8px;
        transition: background-color 0.3s ease;
    }

    dialog #settingsForm .dialog-options .btn:hover {
        background-color: var(--color-primary-blue-dark);
    }

    dialog #settingsForm .dialog-options .btn#cancelSettings {
        background-color: var(--color-primary-grey-4);
        color: var(--color-primary-grey-1);
    }

    dialog #settingsForm .dialog-options .btn#cancelSettings:hover {
        background-color: var(--color-primary-grey-5);
    }

    .bq-report-builder .bq-ai-chat-wrapper {
        min-height: 480px;
    }

    .bq-report-builder {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        gap: 16px;
        margin-right: 32px;
        background-color: #fff;
        padding: 16px;
        border-radius: 16px;
        margin-bottom: 32px;
        box-shadow: var(--boxshadow-primary);
        overflow: hidden;
    }

    .bq-report-builder::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        background: linear-gradient(353deg,rgba(111, 65, 115, 1) 0%, rgba(111, 65, 115, 0) 100%);
    }

    .bq-ai-chat-wrapper {
        flex: 1 1 0;
        min-width: 320px;
        min-height: 320px;
        position: relative;
        z-index: 2;
    }

    .bq-report-results {
        position: relative;
        flex: 1 1 0;
        min-width: 320px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        z-index: 2;
    }

    .bq-report-row {
        width: 100%;
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        display: none;

        .bq-report-col {
            display: flex;
            flex-direction: column;
            flex: 1 1 0;
            min-width: 200px;
            gap: 6px;
            position: relative;

            > div:first-child {
                display: flex;
                align-items: flex-end;
                gap: 16px;

                label {
                    margin-bottom: 0;
                    width: 100%;
                }

                .bq-report-sql-copy {
                    background-color: var(--color-primary-grey-5);
                    color: white;
                    display: flex;
                    gap: 4px;
                    padding: 4px 6px 4px 4px;
                    line-height: 1;
                    border-radius: 4px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                }

                .bq-report-sql-copy:hover {
                    background-color: var(--color-primary-blue-dark);
                }

                .bq-report-sql-copy::before {
                    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.33333 6.66668C6.96514 6.66668 6.66667 6.96515 6.66667 7.33334V13.3333C6.66667 13.7015 6.96514 14 7.33333 14H13.3333C13.7015 14 14 13.7015 14 13.3333V7.33334C14 6.96515 13.7015 6.66668 13.3333 6.66668H7.33333ZM5.33333 7.33334C5.33333 6.22877 6.22876 5.33334 7.33333 5.33334H13.3333C14.4379 5.33334 15.3333 6.22877 15.3333 7.33334V13.3333C15.3333 14.4379 14.4379 15.3333 13.3333 15.3333H7.33333C6.22876 15.3333 5.33333 14.4379 5.33333 13.3333V7.33334Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.66667 1.99999C2.29848 1.99999 2 2.29847 2 2.66666V8.66666C2 9.03486 2.29847 9.33332 2.66667 9.33332H3.33333C3.70152 9.33332 4 9.6318 4 9.99999C4 10.3682 3.70152 10.6667 3.33333 10.6667H2.66667C1.5621 10.6667 0.666668 9.77125 0.666668 8.66666V2.66666C0.666668 1.56209 1.5621 0.666656 2.66667 0.666656H8.66667C9.77126 0.666656 10.6667 1.56209 10.6667 2.66666V3.33332C10.6667 3.70151 10.3682 3.99999 10 3.99999C9.63181 3.99999 9.33333 3.70151 9.33333 3.33332V2.66666C9.33333 2.29846 9.03487 1.99999 8.66667 1.99999H2.66667Z" fill="white"/></svg>');
                    display: block;
                    width: 16px;
                    height: 16px;
                }
            }

            .field_error_span {
                pointer-events: none;
                background: none;
                position: absolute;
                bottom: 6px;
                right: 6px;
            }

            .field_error_span::after {
                content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6343_4151)"><path d="M9.99996 18.3333C14.6023 18.3333 18.3333 14.6024 18.3333 9.99999C18.3333 5.39762 14.6023 1.66666 9.99996 1.66666C5.39759 1.66666 1.66663 5.39762 1.66663 9.99999C1.66663 14.6024 5.39759 18.3333 9.99996 18.3333Z" stroke="%23BB423F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 13.3333H10.0083" stroke="%23BB423F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 6.66666V9.99999" stroke="%23BB423F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_6343_4151"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
                display: block;
            }

            pre.language-sql {
                height: 420px;
                background-color: var(--color-primary-grey-1);
                border: 1px solid var(--color-primary-grey-3);
                border-radius: 8px;

                code {
                    mix-blend-mode: multiply;
                }
            }
        }
    }

    .bq-report-row:last-child {
        display: flex;
    }

    .bq-report-results label {
        color: var(--color-primary-grey-5);
        font-weight: 600;
        font-size: 12px;
        display: flex;
        gap: 4px;
        width: 100%;
        /* justify-content: start; */
    }

    .bq-report-results .bq-report-row #bq-ai-tokens {
        background-color: #6f417333;
    }

    .bq-report-results .bq-report-row #bq-ai-tokens {
        color: #6f4173;
    }

    .bq-report-results .bq-report-row #bq-ai-tokens .ai-token-cost-summary .ai-token-cost::before {
        content: "$";
    }

    .bq-report-results .bq-report-row #bq-ai-tokens .ai-token-count::before {
        content: "";
        width: 2px;
        height: 12px;
        border-radius: 2px;
        background-color: #6f417333;
        box-sizing: border-box;
        opacity: 1;
    }

    .bq-report-results .bq-report-row #bq-ai-tokens::after {
        display: none;
    }

    .bq-report-results .bq-report-row #bq-ai-tokens .ai-token-details::before {
        background-color: #6f417333;
        width: calc(100% + 16px);
        left: -8px;
    }

    .bq-report-results .bq-report-row .bq-ai-context {
        background-color: #6f417333;
        border-radius: 8px;
        align-items:center;
        flex-direction: row;
        padding-left: 8px;
        gap: 16px;
        color: #6f4173;
        box-sizing: border-box;
    }

    .bq-report-results .bq-report-row .bq-ai-context {
        background-color: #6f417333;
    }

    .bq-report-results .bq-report-row .bq-ai-context .bq-ai-context-fill {
        background-color: rgba(255,255,255,0.25);
        /* background-color: #6f4173 */
        box-sizing: border-box;
        height: 20px;
        border-radius: 4px;
        transition: width 0.4s ease;
        position:relative;
        box-sizing: border-box;
        box-shadow: 0 0 8px #6f417333;
    }

    .bq-report-results .bq-report-row .bq-ai-context .bq-ai-context-fill[style="width: 0;"] {
        display: none;
    }

    .bq-report-results .bq-report-row .bq-ai-context .bq-ai-context-text {
        color: #6f4173 !important;
        font-weight: 400;
        font-family: monospace;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding-right: 8px;
    }

    .bq-report-results .bq-report-row .bq-ai-context .bq-ai-context-text::after {
        content: "Context used";
        display: block;
        white-space: no-wrap;
        font-size: 12px;
    }

    .bq-report-results label .label-note {
        color: var(--color-primary-grey-4);
        font-weight: 400;
    }

    .bq-report-results label .label-options {
        margin-left: auto;
        margin-right: 4px;
        font-weight: 600;

        .option-copy-content {
            display: flex;
            gap: 4px;
            align-items: center;
        }

        .option-copy-content::before {
            content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 5C5.22386 5 5 5.22386 5 5.5V10C5 10.2761 5.22386 10.5 5.5 10.5H10C10.2761 10.5 10.5 10.2761 10.5 10V5.5C10.5 5.22386 10.2761 5 10 5H5.5ZM4 5.5C4 4.67157 4.67157 4 5.5 4H10C10.8284 4 11.5 4.67157 11.5 5.5V10C11.5 10.8284 10.8284 11.5 10 11.5H5.5C4.67157 11.5 4 10.8284 4 10V5.5Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 1.5C1.72386 1.5 1.5 1.72386 1.5 2V6.5C1.5 6.77615 1.72385 7 2 7H2.5C2.77614 7 3 7.22386 3 7.5C3 7.77614 2.77614 8 2.5 8H2C1.17158 8 0.5 7.32845 0.5 6.5V2C0.5 1.17157 1.17157 0.5 2 0.5H6.5C7.32845 0.5 8 1.17158 8 2V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V2C7 1.72385 6.77615 1.5 6.5 1.5H2Z" fill="%23303030"/></svg>');
            display: block;
        }
    }

    .bq-report-results input,
    .bq-report-results textarea {
        border: 1px solid var(--color-primary-grey-3);
        border-radius: 8px;
        padding: 8px;
        color: var(--color-primary-grey-5);
        letter-spacing: 1px;
    }

    .bq-report-results .sqlDebug textarea,
    .bq-report-results .bq-ai-sql,
    .bq-report-results .bq-ai-definition {
        font-family: monospace;
        font-size: 12px;
        line-height: 1.7em;
        color: var(--color-primary-grey-4);
        background-color: rgba(255,255,255, 0.65);
        mix-blend-mode: multiply;
    }

    .bq-report-results #bq-ai-parameters {
        background-color: var(--color-primary-grey-1);
        border: 1px solid var(--color-primary-grey-3);
        border-radius: 8px;
        padding: 0;

        table {
            width: 100%;
            border-collapse: collapse !important;
            width: 100%;
            border: none;
            border-radius: 9px;
            overflow: hidden;

            thead {
                th {
                    text-align: left;
                    padding: 4px 8px;
                    font-family: monospace;
                    font-size: 12px;
                    color: var(--color-primary-grey-4);
                    background-color: var(--color-primary-grey-2);
                    font-weight: 400;
                    letter-spacing: 0.025em;
                }
            }

            tbody {
                td {
                    text-align: left;
                    padding: 4px 8px;
                    font-family: monospace;
                    font-size: 12px;
                    color: var(--color-primary-grey-4);
                    font-weight: 400;
                    letter-spacing: 0.025em;
                }
            }
        }
    }

    .bq-report-results #bq-ai-tokens {
        display: flex;
        flex-direction: column;
        gap: 12px;
        background-color: var(--color-primary-grey-5);
        color: white;
        padding: 8px;
        border-radius: 8px;
        font-size: 14px;
        font-family: monospace;

        &::after {
            content: '';
            position: absolute;
            bottom: 16px;
            width: 30px;
            height: 1px;
            left: -30px;
            border-bottom: 1px solid var(--color-primary-grey-5);
            opacity: 0.25;
        }

        .ai-token-view-details {
            border: 1px solid #6f417333;
            display: block;
            border-radius: 4px;
            padding: 4px 8px;
            cursor: pointer;
            background-color: transparent;
            transition: background-color 0.2s ease;

            &:hover {
                background-color: rgba(255,255,255,0.15);
            }
        }

        .ai-token-cost-summary {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .ai-token-details {
            display: none;
            position: relative;
            grid-template-rows: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-gap: 8px;
            padding-top: 8px;
            padding-bottom: 4px;
            width: 100%;

            &::before {
                content: '';
                display: block;
                position: absolute;
                height: 1px;
                width: calc(100% + 32px);
                left: -16px;
                top: -4px;
                background-color: rgba(255,255,255,0.25);
            }

            &.active {
                display: grid;
            }
        }

        .ai-token-details-model {
            grid-column-start: span 2;
        }

        .ai-token-cost,
        .ai-token-count {
            display: flex;
            gap: 4px;
            align-items: center;
            font-size: 14px;

            span:first-child {
                opacity: 0.65;
            }

            .token-count {
                flex-grow: 1;
                text-align: end;
                margin-right: 10px;
            }
        }

        .ai-token-cost {
            &::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99998 0.666664C8.36817 0.666664 8.66665 0.965141 8.66665 1.33333V2.66666H12C12.3682 2.66666 12.6666 2.96514 12.6666 3.33333C12.6666 3.70152 12.3682 4 12 4H8.66665V7.33333H9.66665C11.3235 7.33333 12.6666 8.67647 12.6666 10.3333C12.6666 11.9902 11.3235 13.3333 9.66665 13.3333H8.66665V14.6667C8.66665 15.0349 8.36817 15.3333 7.99998 15.3333C7.63179 15.3333 7.33331 15.0349 7.33331 14.6667V13.3333H3.99998C3.63179 13.3333 3.33331 13.0349 3.33331 12.6667C3.33331 12.2985 3.63179 12 3.99998 12H7.33331V8.66666H6.33331C4.67646 8.66666 3.33331 7.32352 3.33331 5.66666C3.33331 4.00981 4.67646 2.66666 6.33331 2.66666H7.33331V1.33333C7.33331 0.965141 7.63179 0.666664 7.99998 0.666664ZM7.33331 4H6.33331C5.41284 4 4.66665 4.74619 4.66665 5.66666C4.66665 6.58714 5.41284 7.33333 6.33331 7.33333H7.33331V4ZM8.66665 8.66666V12H9.66665C10.5871 12 11.3333 11.2538 11.3333 10.3333C11.3333 9.41285 10.5871 8.66666 9.66665 8.66666H8.66665Z" fill="white"/></svg>');
                display: block;
                opacity: 0.65;
            }
        }

        .ai-token-count {
            &::before {
                content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.87466 7.09812C7.08857 6.52003 7.90622 6.52003 8.12013 7.09812L8.7393 8.7714C9.16524 9.92248 10.0728 10.83 11.2239 11.256L12.8972 11.8752C13.4753 12.0891 13.4753 12.9067 12.8972 13.1206L11.2239 13.7398C10.0728 14.1657 9.16524 15.0733 8.7393 16.2244L8.12013 17.8977C7.90622 18.4757 7.08857 18.4757 6.87466 17.8976L6.25549 16.2244C5.82955 15.0733 4.92199 14.1657 3.77091 13.7398L2.09763 13.1206C1.51954 12.9067 1.51954 12.0891 2.09763 11.8752L3.77091 11.256C4.922 10.83 5.82955 9.92248 6.25549 8.7714L6.87466 7.09812Z" fill="%23F0EBF0"/><path d="M12.1415 1.9123C12.2638 1.58197 12.731 1.58197 12.8532 1.9123L13.2071 2.86847C13.4504 3.52623 13.9691 4.04483 14.6268 4.28822L15.583 4.64204C15.9133 4.76427 15.9133 5.2315 15.583 5.35373L14.6268 5.70754C13.9691 5.95094 13.4504 6.46954 13.2071 7.1273L12.8532 8.08346C12.731 8.4138 12.2638 8.4138 12.1415 8.08346L11.7877 7.1273C11.5443 6.46954 11.0257 5.95094 10.368 5.70754L9.41182 5.35373C9.08148 5.2315 9.08148 4.76427 9.41182 4.64204L10.368 4.28822C11.0257 4.04483 11.5443 3.52623 11.7877 2.86846L12.1415 1.9123Z" fill="%23F0EBF0"/><path d="M16.4887 8.45518C16.5499 8.29001 16.7835 8.29001 16.8446 8.45518L17.0215 8.93326C17.1432 9.26214 17.4025 9.52144 17.7314 9.64314L18.2095 9.82004C18.3746 9.88116 18.3746 10.1148 18.2095 10.1759L17.7314 10.3528C17.4025 10.4745 17.1432 10.7338 17.0215 11.0627L16.8446 11.5408C16.7835 11.7059 16.5499 11.7059 16.4887 11.5408L16.3118 11.0627C16.1901 10.7338 15.9308 10.4745 15.602 10.3528L15.1239 10.1759C14.9587 10.1148 14.9587 9.88116 15.1239 9.82004L15.602 9.64314C15.9308 9.52144 16.1901 9.26214 16.3118 8.93326L16.4887 8.45518Z" fill="%23F0EBF0"/></svg>');
                display: block;
                opacity: 0.65;
            }
        }
    }

    .bq-report-actions {
        display: flex;
        gap: 8px;
        margin-bottom: 32px;


        input[type="button"],
        .btn {
            padding: 6px 12px;
            transition: background-color 0.3s ease;
            font-weight: 400;
            border: none;
            background-color: var(--color-primary-blue-dark);
            color: white;
            border-radius: 4px;

            &:disabled {
                color: var(--color-primary-grey-2);
                background-color: var(--color-primary-grey-3);

                &:hover {
                    background-color: var(--color-primary-grey-3);
                }
            }
        }

        input[type="button"]:hover,
        .btn:hover {
            background-color: var(--color-primary-blue-dark);
        }

        #saveBtn {
            background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5461 3.5286C14.8064 3.78895 14.8064 4.21106 14.5461 4.47141L6.54606 12.4714C6.28571 12.7318 5.8636 12.7318 5.60325 12.4714L1.60325 8.47141C1.3429 8.21106 1.3429 7.78895 1.60325 7.5286C1.8636 7.26825 2.28571 7.26825 2.54606 7.5286L6.07466 11.0572L13.6033 3.5286C13.8636 3.26825 14.2857 3.26825 14.5461 3.5286Z" fill="white"/></svg>');
            background-color: var(--color-primary-blue);
            background-repeat: no-repeat;
            background-position: 6px center;
            padding-left: 28px;
            letter-spacing: 0.07em;
        }

        #saveBtn:hover {
            background-color: var(--color-primary-blue-dark);
        }

        #resetBtn,
        input[value="Cancel"]:hover,
        .btn[value="Cancel"] {
            background-color: var(--color-primary-grey-4);
        }

        #resetBtn,
        .btn[value="Cancel"]:hover {
            background-color: var(--color-primary-grey-5);
        }
    }

    .sampleOutput {
        display: flex;
        flex-direction: column;
        gap: 8px;

        h1,
        label {
            color: var(--color-primary-grey-5);
            font-weight: 600;
            font-size: 12px;
        }
    }

    .sampleOutputTable {
        border: 1px solid var(--color-primary-grey-3);
        border-radius: 8px;
        max-width: 100%;
        max-height: 400px;
        box-sizing: border-box;
        overflow: auto;
    }

    .bq-sample-table {
        border-collapse: collapse !important;
        background-color: #fff;
        width: 100%;

        thead {
            position: sticky;
            top: 0;
            background: white;
            z-index: 2;
        }

        thead th,
        tbody td {
            font-family: monospace;
            border-top: none !important;
            border-left: none !important;
            border-right: 1px solid var(--color-primary-grey-2) !important;
            border-bottom: 1px solid var(--color-primary-grey-2) !important;
            text-align: left;
            padding: 4px 8px;
            font-size: 11px;
            transition: background-color 0.3s ease;
        }

        thead th {
            color: var(--color-primary-grey-4);
            background-color: var(--color-primary-grey-2);
            font-weight: 400;
            letter-spacing: 0.025em;
            padding: 8px;
        }

        thead th:last-child,
        tbody td:last-child {
            border-right: none !important;
        }

        tbody tr:last-child td {
            border-bottom: none !important;
        }

        tbody tr:nth-child(odd) td {
            background-color: var(--color-primary-grey-1);
        }

        tbody tr:hover td {
            background-color: var(--color-primary-grey-2);
        }
    }

    #bq-ai-parameters table,
    .bq-sample-table {
        tbody,
        thead {
            tr td[data-constant="INTEGER"],
            tr td[data-constant="FLOAT"],
            tr td[data-constant="NUMERIC"] {
                width: 1%;
            }

            tr td[data-constant="INTEGER"],
            tr td[data-constant="FLOAT"],
            tr td[data-constant="NUMERIC"] {
                text-align: right;
            }
        }
    }

    #chartIframe {
        box-shadow: var(--boxshadow-primary);
        border-radius: 16px;
        box-sizing: border-box;
        background-color: #fff;
        padding: 16px;
        width: calc(100% - 30px);
    }

    .bq-report-info {
        display: flex;
        flex-direction: column;
        gap: 16px;
        background-color: var(--color-primary-grey-1);
        padding: 16px;
        border-radius: 16px;
        box-shadow: var(--boxshadow-primary);
        margin-right: 32px;
        margin-bottom: 32px;
    }

    .bq-report-info .bq-report-info-filters {
        display: flex;
        gap: 8px;
    }

    .bq-report-info .bq-report-info-filters button {
        display: flex;
        align-items: center;
        gap: 4px;
        border: 1px solid var(--color-primary-grey-5);
        border-radius: 4px;
        padding: 4px 8px 4px 4px;
        background-color: var(--color-primary-grey-5);
        color: white;
        transition: all 0.3s ease;
    }

    .bq-report-info .bq-report-info-filters button:hover,
    .bq-report-info .bq-report-info-filters button.active {
        color: var(--color-primary-grey-5);
        background-color: white;
    }

    .bq-report-info .bq-report-info-filters button.disabled {
        opacity: 0.4;
        pointer-events: none;
    }

    .bq-report-info .bq-report-info-filters button::before {
        content: "";
        display: block;
    }

    .bq-report-info .bq-report-info-filters button.bq-report-info-sql::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.60156 6.67438V9.67438C2.60156 9.67474 2.60151 9.67685 2.60309 9.68202C2.60479 9.6876 2.60898 9.6986 2.6191 9.71509C2.64032 9.74966 2.6836 9.80164 2.76468 9.86554C2.92977 9.99564 3.19964 10.1347 3.5777 10.2607C4.32857 10.511 5.39771 10.6744 6.60156 10.6744C7.80542 10.6744 8.87455 10.511 9.62543 10.2607C10.0035 10.1347 10.2734 9.99564 10.4384 9.86554C10.5195 9.80164 10.5628 9.74966 10.584 9.71509C10.5941 9.6986 10.5983 9.6876 10.6 9.68202C10.6016 9.67685 10.6016 9.67474 10.6016 9.67438V6.67438H11.6016V9.67438C11.6016 10.1004 11.3421 10.4266 11.0574 10.651C10.7671 10.8798 10.3779 11.064 9.94166 11.2094C9.06386 11.502 7.88299 11.6744 6.60156 11.6744C5.32014 11.6744 4.13927 11.502 3.26147 11.2094C2.82518 11.064 2.43604 10.8798 2.14571 10.651C1.86101 10.4266 1.60156 10.1004 1.60156 9.67438V6.67438H2.60156Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.60156 3.67438V6.67438C2.60156 6.67474 2.60151 6.67685 2.60309 6.68202C2.60479 6.6876 2.60898 6.6986 2.6191 6.71509C2.64032 6.74966 2.6836 6.80164 2.76468 6.86554C2.92977 6.99564 3.19964 7.13468 3.5777 7.2607C4.32857 7.51099 5.39771 7.67438 6.60156 7.67438C7.80542 7.67438 8.87455 7.51099 9.62543 7.2607C10.0035 7.13468 10.2734 6.99564 10.4384 6.86554C10.5195 6.80164 10.5628 6.74966 10.584 6.71509C10.5941 6.6986 10.5983 6.6876 10.6 6.68202C10.6016 6.67685 10.6016 6.67474 10.6016 6.67438V3.67438H11.6016V6.67438C11.6016 7.10035 11.3421 7.42658 11.0574 7.65095C10.7671 7.87976 10.3779 8.06395 9.94166 8.20938C9.06386 8.50198 7.88299 8.67438 6.60156 8.67438C5.32014 8.67438 4.13927 8.50198 3.26147 8.20938C2.82518 8.06395 2.43604 7.87976 2.14571 7.65095C1.86101 7.42658 1.60156 7.10035 1.60156 6.67438V3.67438H2.60156Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.60156 3.67435L2.60156 3.67438L2.60156 3.67441C2.60156 3.67485 2.60155 3.67698 2.60309 3.68202C2.60479 3.6876 2.60898 3.6986 2.6191 3.71509C2.64032 3.74966 2.6836 3.80164 2.76468 3.86554C2.92977 3.99564 3.19964 4.13468 3.5777 4.2607C4.32857 4.51099 5.39771 4.67438 6.60156 4.67438C7.80542 4.67438 8.87455 4.51099 9.62543 4.2607C10.0035 4.13468 10.2734 3.99564 10.4384 3.86554C10.5195 3.80164 10.5628 3.74966 10.584 3.71509C10.5941 3.6986 10.5983 3.6876 10.6 3.68202C10.6016 3.67698 10.6016 3.67485 10.6016 3.67441V3.67438C10.6016 3.67401 10.6016 3.67191 10.6 3.66673C10.5983 3.66116 10.5941 3.65015 10.584 3.63366C10.5628 3.59909 10.5195 3.54711 10.4384 3.48322C10.2734 3.35311 10.0035 3.21408 9.62543 3.08806C8.87455 2.83777 7.80542 2.67438 6.60156 2.67438C5.39771 2.67438 4.32857 2.83777 3.5777 3.08806C3.19964 3.21408 2.92977 3.35311 2.76468 3.48322C2.6836 3.54711 2.64032 3.59909 2.6191 3.63366C2.60898 3.65015 2.60479 3.66116 2.60309 3.66673C2.60155 3.67177 2.60156 3.6739 2.60156 3.67435ZM3.26147 2.13938C4.13927 1.84678 5.32014 1.67438 6.60156 1.67438C7.88299 1.67438 9.06386 1.84678 9.94166 2.13938C10.3779 2.2848 10.7671 2.46899 11.0574 2.6978C11.3421 2.92217 11.6016 3.2484 11.6016 3.67438C11.6016 4.10035 11.3421 4.42658 11.0574 4.65095C10.7671 4.87976 10.3779 5.06395 9.94166 5.20938C9.06386 5.50198 7.88299 5.67438 6.60156 5.67438C5.32014 5.67438 4.13927 5.50198 3.26147 5.20938C2.82518 5.06395 2.43604 4.87976 2.14571 4.65095C1.86101 4.42658 1.60156 4.10035 1.60156 3.67438C1.60156 3.2484 1.86101 2.92217 2.14571 2.6978C2.43604 2.46899 2.82518 2.2848 3.26147 2.13938Z" fill="white"/><path d="M8.60156 5.17438L9.60156 4.92438V10.9244L8.60156 11.1744V5.17438Z" fill="white"/></svg>')
    }

    .bq-report-info .bq-report-info-filters button:hover.bq-report-info-sql::before,
    .bq-report-info .bq-report-info-filters button.active.bq-report-info-sql::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.60156 6.67438V9.67438C2.60156 9.67474 2.60151 9.67685 2.60309 9.68202C2.60479 9.6876 2.60898 9.6986 2.6191 9.71509C2.64032 9.74966 2.6836 9.80164 2.76468 9.86554C2.92977 9.99564 3.19964 10.1347 3.5777 10.2607C4.32857 10.511 5.39771 10.6744 6.60156 10.6744C7.80542 10.6744 8.87455 10.511 9.62543 10.2607C10.0035 10.1347 10.2734 9.99564 10.4384 9.86554C10.5195 9.80164 10.5628 9.74966 10.584 9.71509C10.5941 9.6986 10.5983 9.6876 10.6 9.68202C10.6016 9.67685 10.6016 9.67474 10.6016 9.67438V6.67438H11.6016V9.67438C11.6016 10.1004 11.3421 10.4266 11.0574 10.651C10.7671 10.8798 10.3779 11.064 9.94166 11.2094C9.06386 11.502 7.88299 11.6744 6.60156 11.6744C5.32014 11.6744 4.13927 11.502 3.26147 11.2094C2.82518 11.064 2.43604 10.8798 2.14571 10.651C1.86101 10.4266 1.60156 10.1004 1.60156 9.67438V6.67438H2.60156Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.60156 3.67438V6.67438C2.60156 6.67474 2.60151 6.67685 2.60309 6.68202C2.60479 6.6876 2.60898 6.6986 2.6191 6.71509C2.64032 6.74966 2.6836 6.80164 2.76468 6.86554C2.92977 6.99564 3.19964 7.13468 3.5777 7.2607C4.32857 7.51099 5.39771 7.67438 6.60156 7.67438C7.80542 7.67438 8.87455 7.51099 9.62543 7.2607C10.0035 7.13468 10.2734 6.99564 10.4384 6.86554C10.5195 6.80164 10.5628 6.74966 10.584 6.71509C10.5941 6.6986 10.5983 6.6876 10.6 6.68202C10.6016 6.67685 10.6016 6.67474 10.6016 6.67438V3.67438H11.6016V6.67438C11.6016 7.10035 11.3421 7.42658 11.0574 7.65095C10.7671 7.87976 10.3779 8.06395 9.94166 8.20938C9.06386 8.50198 7.88299 8.67438 6.60156 8.67438C5.32014 8.67438 4.13927 8.50198 3.26147 8.20938C2.82518 8.06395 2.43604 7.87976 2.14571 7.65095C1.86101 7.42658 1.60156 7.10035 1.60156 6.67438V3.67438H2.60156Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.60156 3.67435L2.60156 3.67438L2.60156 3.67441C2.60156 3.67485 2.60155 3.67698 2.60309 3.68202C2.60479 3.6876 2.60898 3.6986 2.6191 3.71509C2.64032 3.74966 2.6836 3.80164 2.76468 3.86554C2.92977 3.99564 3.19964 4.13468 3.5777 4.2607C4.32857 4.51099 5.39771 4.67438 6.60156 4.67438C7.80542 4.67438 8.87455 4.51099 9.62543 4.2607C10.0035 4.13468 10.2734 3.99564 10.4384 3.86554C10.5195 3.80164 10.5628 3.74966 10.584 3.71509C10.5941 3.6986 10.5983 3.6876 10.6 3.68202C10.6016 3.67698 10.6016 3.67485 10.6016 3.67441V3.67438C10.6016 3.67401 10.6016 3.67191 10.6 3.66673C10.5983 3.66116 10.5941 3.65015 10.584 3.63366C10.5628 3.59909 10.5195 3.54711 10.4384 3.48322C10.2734 3.35311 10.0035 3.21408 9.62543 3.08806C8.87455 2.83777 7.80542 2.67438 6.60156 2.67438C5.39771 2.67438 4.32857 2.83777 3.5777 3.08806C3.19964 3.21408 2.92977 3.35311 2.76468 3.48322C2.6836 3.54711 2.64032 3.59909 2.6191 3.63366C2.60898 3.65015 2.60479 3.66116 2.60309 3.66673C2.60155 3.67177 2.60156 3.6739 2.60156 3.67435ZM3.26147 2.13938C4.13927 1.84678 5.32014 1.67438 6.60156 1.67438C7.88299 1.67438 9.06386 1.84678 9.94166 2.13938C10.3779 2.2848 10.7671 2.46899 11.0574 2.6978C11.3421 2.92217 11.6016 3.2484 11.6016 3.67438C11.6016 4.10035 11.3421 4.42658 11.0574 4.65095C10.7671 4.87976 10.3779 5.06395 9.94166 5.20938C9.06386 5.50198 7.88299 5.67438 6.60156 5.67438C5.32014 5.67438 4.13927 5.50198 3.26147 5.20938C2.82518 5.06395 2.43604 4.87976 2.14571 4.65095C1.86101 4.42658 1.60156 4.10035 1.60156 3.67438C1.60156 3.2484 1.86101 2.92217 2.14571 2.6978C2.43604 2.46899 2.82518 2.2848 3.26147 2.13938Z" fill="%23303030"/><path d="M8.60156 5.17438L9.60156 4.92438V10.9244L8.60156 11.1744V5.17438Z" fill="%23303030"/></svg>')
    }

    .bq-report-info .bq-report-info-filters button.bq-report-info-sample::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 9.67438C1.60156 9.39824 1.83158 9.17438 2.11533 9.17438L3.08729 9.17438C3.37103 9.17438 3.60105 9.39824 3.60105 9.67438C3.60105 9.95052 3.37103 10.1744 3.08729 10.1744H2.11533C1.83158 10.1744 1.60156 9.95052 1.60156 9.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.10156 9.67438C5.10156 9.39824 5.33158 9.17438 5.61533 9.17438L6.58729 9.17438C6.87103 9.17438 7.10105 9.39824 7.10105 9.67438C7.10105 9.95052 6.87103 10.1744 6.58729 10.1744H5.61533C5.33158 10.1744 5.10156 9.95052 5.10156 9.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.60156 9.67438C8.60156 9.39824 8.7807 9.17438 9.00168 9.17438H11.2026C11.4236 9.17438 11.6027 9.39824 11.6027 9.67438C11.6027 9.95052 11.4236 10.1744 11.2026 10.1744H9.00168C8.7807 10.1744 8.60156 9.95052 8.60156 9.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 6.67438C1.60156 6.39824 1.83158 6.17438 2.11533 6.17438L3.08729 6.17438C3.37103 6.17438 3.60105 6.39824 3.60105 6.67438C3.60105 6.95052 3.37103 7.17438 3.08729 7.17438H2.11533C1.83158 7.17438 1.60156 6.95052 1.60156 6.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.10156 6.67438C5.10156 6.39824 5.33158 6.17438 5.61533 6.17438L6.58729 6.17438C6.87103 6.17438 7.10105 6.39824 7.10105 6.67438C7.10105 6.95052 6.87103 7.17438 6.58729 7.17438H5.61533C5.33158 7.17438 5.10156 6.95052 5.10156 6.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.60156 6.67438C8.60156 6.39824 8.7807 6.17438 9.00168 6.17438H11.2026C11.4236 6.17438 11.6027 6.39824 11.6027 6.67438C11.6027 6.95052 11.4236 7.17438 11.2026 7.17438H9.00168C8.7807 7.17438 8.60156 6.95052 8.60156 6.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 3.67438C1.60156 3.39824 1.83158 3.17438 2.11533 3.17438L3.08729 3.17438C3.37103 3.17438 3.60105 3.39824 3.60105 3.67438C3.60105 3.95052 3.37103 4.17438 3.08729 4.17438H2.11533C1.83158 4.17438 1.60156 3.95052 1.60156 3.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.10156 3.67438C5.10156 3.39824 5.33158 3.17438 5.61533 3.17438L6.58729 3.17438C6.87103 3.17438 7.10105 3.39824 7.10105 3.67438C7.10105 3.95052 6.87103 4.17438 6.58729 4.17438H5.61533C5.33158 4.17438 5.10156 3.95052 5.10156 3.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.60156 3.67438C8.60156 3.39824 8.7807 3.17438 9.00168 3.17438H11.2026C11.4236 3.17438 11.6027 3.39824 11.6027 3.67438C11.6027 3.95052 11.4236 4.17438 11.2026 4.17438H9.00168C8.7807 4.17438 8.60156 3.95052 8.60156 3.67438Z" fill="white"/></svg>');
    }

    .bq-report-info .bq-report-info-filters button:hover.bq-report-info-sample::before,
    .bq-report-info .bq-report-info-filters button.active.bq-report-info-sample::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 9.67438C1.60156 9.39824 1.83158 9.17438 2.11533 9.17438L3.08729 9.17438C3.37103 9.17438 3.60105 9.39824 3.60105 9.67438C3.60105 9.95052 3.37103 10.1744 3.08729 10.1744H2.11533C1.83158 10.1744 1.60156 9.95052 1.60156 9.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.10156 9.67438C5.10156 9.39824 5.33158 9.17438 5.61533 9.17438L6.58729 9.17438C6.87103 9.17438 7.10105 9.39824 7.10105 9.67438C7.10105 9.95052 6.87103 10.1744 6.58729 10.1744H5.61533C5.33158 10.1744 5.10156 9.95052 5.10156 9.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.60156 9.67438C8.60156 9.39824 8.7807 9.17438 9.00168 9.17438H11.2026C11.4236 9.17438 11.6027 9.39824 11.6027 9.67438C11.6027 9.95052 11.4236 10.1744 11.2026 10.1744H9.00168C8.7807 10.1744 8.60156 9.95052 8.60156 9.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 6.67438C1.60156 6.39824 1.83158 6.17438 2.11533 6.17438L3.08729 6.17438C3.37103 6.17438 3.60105 6.39824 3.60105 6.67438C3.60105 6.95052 3.37103 7.17438 3.08729 7.17438H2.11533C1.83158 7.17438 1.60156 6.95052 1.60156 6.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.10156 6.67438C5.10156 6.39824 5.33158 6.17438 5.61533 6.17438L6.58729 6.17438C6.87103 6.17438 7.10105 6.39824 7.10105 6.67438C7.10105 6.95052 6.87103 7.17438 6.58729 7.17438H5.61533C5.33158 7.17438 5.10156 6.95052 5.10156 6.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.60156 6.67438C8.60156 6.39824 8.7807 6.17438 9.00168 6.17438H11.2026C11.4236 6.17438 11.6027 6.39824 11.6027 6.67438C11.6027 6.95052 11.4236 7.17438 11.2026 7.17438H9.00168C8.7807 7.17438 8.60156 6.95052 8.60156 6.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 3.67438C1.60156 3.39824 1.83158 3.17438 2.11533 3.17438L3.08729 3.17438C3.37103 3.17438 3.60105 3.39824 3.60105 3.67438C3.60105 3.95052 3.37103 4.17438 3.08729 4.17438H2.11533C1.83158 4.17438 1.60156 3.95052 1.60156 3.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.10156 3.67438C5.10156 3.39824 5.33158 3.17438 5.61533 3.17438L6.58729 3.17438C6.87103 3.17438 7.10105 3.39824 7.10105 3.67438C7.10105 3.95052 6.87103 4.17438 6.58729 4.17438H5.61533C5.33158 4.17438 5.10156 3.95052 5.10156 3.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.60156 3.67438C8.60156 3.39824 8.7807 3.17438 9.00168 3.17438H11.2026C11.4236 3.17438 11.6027 3.39824 11.6027 3.67438C11.6027 3.95052 11.4236 4.17438 11.2026 4.17438H9.00168C8.7807 4.17438 8.60156 3.95052 8.60156 3.67438Z" fill="%23303030"/></svg>');
    }

    .bq-report-info .bq-report-info-filters button.bq-report-info-viz::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.10156 1.67438C2.3777 1.67438 2.60156 1.89824 2.60156 2.17438V11.1744C2.60156 11.4505 2.3777 11.6744 2.10156 11.6744C1.82542 11.6744 1.60156 11.4505 1.60156 11.1744V2.17438C1.60156 1.89824 1.82542 1.67438 2.10156 1.67438Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 11.1744C1.60156 10.8982 1.82542 10.6744 2.10156 10.6744H11.1016C11.3777 10.6744 11.6016 10.8982 11.6016 11.1744C11.6016 11.4505 11.3777 11.6744 11.1016 11.6744H2.10156C1.82542 11.6744 1.60156 11.4505 1.60156 11.1744Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4551 4.82082C11.6504 5.01609 11.6504 5.33267 11.4551 5.52793L8.83012 8.15293C8.63485 8.34819 8.31827 8.34819 8.12301 8.15293L6.72656 6.75648L4.45512 9.02793C4.25985 9.22319 3.94327 9.22319 3.74801 9.02793C3.55275 8.83267 3.55275 8.51609 3.74801 8.32082L6.37301 5.69582C6.56827 5.50056 6.88485 5.50056 7.08012 5.69582L8.47656 7.09227L10.748 4.82082C10.9433 4.62556 11.2599 4.62556 11.4551 4.82082Z" fill="white"/></svg>');
    }

    .bq-report-info .bq-report-info-filters button:hover.bq-report-info-viz::before,
    .bq-report-info .bq-report-info-filters button.active.bq-report-info-viz::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.10156 1.67438C2.3777 1.67438 2.60156 1.89824 2.60156 2.17438V11.1744C2.60156 11.4505 2.3777 11.6744 2.10156 11.6744C1.82542 11.6744 1.60156 11.4505 1.60156 11.1744V2.17438C1.60156 1.89824 1.82542 1.67438 2.10156 1.67438Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.60156 11.1744C1.60156 10.8982 1.82542 10.6744 2.10156 10.6744H11.1016C11.3777 10.6744 11.6016 10.8982 11.6016 11.1744C11.6016 11.4505 11.3777 11.6744 11.1016 11.6744H2.10156C1.82542 11.6744 1.60156 11.4505 1.60156 11.1744Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4551 4.82082C11.6504 5.01609 11.6504 5.33267 11.4551 5.52793L8.83012 8.15293C8.63485 8.34819 8.31827 8.34819 8.12301 8.15293L6.72656 6.75648L4.45512 9.02793C4.25985 9.22319 3.94327 9.22319 3.74801 9.02793C3.55275 8.83267 3.55275 8.51609 3.74801 8.32082L6.37301 5.69582C6.56827 5.50056 6.88485 5.50056 7.08012 5.69582L8.47656 7.09227L10.748 4.82082C10.9433 4.62556 11.2599 4.62556 11.4551 4.82082Z" fill="%23303030"/></svg>');
    }

    .bq-report-info .bq-report-info-filters button.bq-report-info-analysis::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.72792 4.93452C4.85627 4.58766 5.34686 4.58766 5.4752 4.93452L5.84671 5.93849C6.10227 6.62914 6.6468 7.17367 7.33745 7.42923L8.34142 7.80074C8.68828 7.92908 8.68828 8.41967 8.34142 8.54802L7.33745 8.91952C6.6468 9.17508 6.10227 9.71962 5.8467 10.4103L5.4752 11.4142C5.34685 11.7611 4.85627 11.7611 4.72792 11.4142L4.35642 10.4103C4.10086 9.71962 3.55632 9.17508 2.86567 8.91952L1.8617 8.54802C1.51485 8.41967 1.51485 7.92908 1.8617 7.80074L2.86567 7.42923C3.55632 7.17367 4.10086 6.62914 4.35642 5.93849L4.72792 4.93452Z" fill="white"/><path d="M7.88805 1.82303C7.9614 1.62483 8.24173 1.62483 8.31507 1.82303L8.52736 2.39673C8.67339 2.79138 8.98456 3.10255 9.37921 3.24858L9.95291 3.46087C10.1511 3.53421 10.1511 3.81454 9.95291 3.88789L9.37921 4.10017C8.98456 4.24621 8.67339 4.55737 8.52736 4.95203L8.31507 5.52573C8.24173 5.72393 7.9614 5.72393 7.88805 5.52573L7.67577 4.95203C7.52973 4.55737 7.21857 4.24621 6.82391 4.10017L6.25021 3.88789C6.05201 3.81454 6.05201 3.53421 6.25021 3.46087L6.82391 3.24858C7.21857 3.10255 7.52973 2.79138 7.67577 2.39673L7.88805 1.82303Z" fill="white"/><path d="M10.4948 5.7487C10.5315 5.6496 10.6716 5.6496 10.7083 5.7487L10.8145 6.03555C10.8875 6.23288 11.0431 6.38846 11.2404 6.46148L11.5272 6.56762C11.6263 6.60429 11.6263 6.74446 11.5272 6.78113L11.2404 6.88728C11.0431 6.96029 10.8875 7.11587 10.8145 7.3132L10.7083 7.60005C10.6716 7.69915 10.5315 7.69915 10.4948 7.60005L10.3887 7.3132C10.3156 7.11587 10.1601 6.96029 9.96274 6.88728L9.67589 6.78113C9.57679 6.74446 9.57679 6.60429 9.67589 6.56762L9.96274 6.46148C10.1601 6.38846 10.3156 6.23288 10.3887 6.03555L10.4948 5.7487Z" fill="white"/></svg>');
    }

    .bq-report-info .bq-report-info-filters button:hover.bq-report-info-analysis::before,
    .bq-report-info .bq-report-info-filters button.active.bq-report-info-analysis::before {
        content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.72792 4.93452C4.85627 4.58766 5.34686 4.58766 5.4752 4.93452L5.84671 5.93849C6.10227 6.62914 6.6468 7.17367 7.33745 7.42923L8.34142 7.80074C8.68828 7.92908 8.68828 8.41967 8.34142 8.54802L7.33745 8.91952C6.6468 9.17508 6.10227 9.71962 5.8467 10.4103L5.4752 11.4142C5.34685 11.7611 4.85627 11.7611 4.72792 11.4142L4.35642 10.4103C4.10086 9.71962 3.55632 9.17508 2.86567 8.91952L1.8617 8.54802C1.51485 8.41967 1.51485 7.92908 1.8617 7.80074L2.86567 7.42923C3.55632 7.17367 4.10086 6.62914 4.35642 5.93849L4.72792 4.93452Z" fill="%23303030"/><path d="M7.88805 1.82303C7.9614 1.62483 8.24173 1.62483 8.31507 1.82303L8.52736 2.39673C8.67339 2.79138 8.98456 3.10255 9.37921 3.24858L9.95291 3.46087C10.1511 3.53421 10.1511 3.81454 9.95291 3.88789L9.37921 4.10017C8.98456 4.24621 8.67339 4.55737 8.52736 4.95203L8.31507 5.52573C8.24173 5.72393 7.9614 5.72393 7.88805 5.52573L7.67577 4.95203C7.52973 4.55737 7.21857 4.24621 6.82391 4.10017L6.25021 3.88789C6.05201 3.81454 6.05201 3.53421 6.25021 3.46087L6.82391 3.24858C7.21857 3.10255 7.52973 2.79138 7.67577 2.39673L7.88805 1.82303Z" fill="%23303030"/><path d="M10.4948 5.7487C10.5315 5.6496 10.6716 5.6496 10.7083 5.7487L10.8145 6.03555C10.8875 6.23288 11.0431 6.38846 11.2404 6.46148L11.5272 6.56762C11.6263 6.60429 11.6263 6.74446 11.5272 6.78113L11.2404 6.88728C11.0431 6.96029 10.8875 7.11587 10.8145 7.3132L10.7083 7.60005C10.6716 7.69915 10.5315 7.69915 10.4948 7.60005L10.3887 7.3132C10.3156 7.11587 10.1601 6.96029 9.96274 6.88728L9.67589 6.78113C9.57679 6.74446 9.57679 6.60429 9.67589 6.56762L9.96274 6.46148C10.1601 6.38846 10.3156 6.23288 10.3887 6.03555L10.4948 5.7487Z" fill="%23303030"/></svg>');
    }

    .bq-report-info .bq-report-row {
        display: flex;
    }

    .sqlDebug:has(code.bq-ai-sql:empty) .bq-report-sql-copy {
        display: none;
    }

    .sqlDebug:has(code.bq-ai-sql:empty) label {
        display: none;
    }

    .sqlDebug:has(code.bq-ai-sql:empty) pre.language-sql {
        height: auto;
    }

    .sqlDebug code.bq-ai-sql:empty::before {
        content: "This area will display the generated SQL, sample data, visualization, and expert analysis prompt based on your query."
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis {
        font-family: monospace;
        padding: 16px;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis h1 {
        font-size: 1.25rem;
        margin-bottom: 16px;
        font-weight: 700;
        margin-top: 16px;
        font-family: monospace;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis .businessAnalysisPrompt h1 {
        font-weight: 400;
        margin-top: 0px;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis h2,
    .bq-report-info .bq-report-info-section_analysis .businessAnalysis h3 {
        color: var(--color-primary-grey-5);
        font-size: 1.125rem;
        margin-bottom: 8px;
        font-weight: 400;
        font-family: monospace;
        margin-top: 32px;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis h2,
    .bq-report-info .bq-report-info-section_analysis .businessAnalysis .businessAnalysisPrompt p:last-child {
        border-top: 1px dashed var(--color-primary-grey-3);
        padding-top: 16px;
        margin-top: 16px;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis h3 {
        color: var(--color-primary-grey-4);
        font-size: 1rem;
        margin-bottom: 8px;
        font-weight: 400;
        font-family: monospace;
        margin-top: 16px;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis p,
    .bq-report-info .bq-report-info-section_analysis .businessAnalysis ul li,
    .bq-report-info .bq-report-info-section_analysis .businessAnalysis ol li,
    .bq-report-info .bq-report-info-section_analysis .businessAnalysis strong {
        font-size: 0.875rem;
        font-weight: 400;
        font-family: monospace;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis p {
        line-height: 1.8em;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis strong {
        font-weight: 600;
    }

    .bq-report-info .bq-report-info-section_analysis .businessAnalysis ul li,
    .bq-report-info .bq-report-info-section_analysis .businessAnalysis ol li {
        margin-bottom: 16px;
    }

    .bq-report-info .bq-report-info-section_viz br {
        display: none;
    }

    .bq-report-info .bq-report-info-section_viz:not([style="display: none;"]):has(#chartIframeFull[style="display: none;"]) {
        display: flex !important;
        align-items: center;
        gap: 8px;
    }

    .bq-report-info .bq-report-info-section_viz:has(#chartIframeFull[style="display: none;"])::before {
        content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25272 8.52028C8.50941 7.82657 9.49059 7.82657 9.74728 8.52028L10.4903 10.5282C11.0014 11.9095 12.0905 12.9986 13.4718 13.5097L15.4797 14.2527C16.1734 14.5094 16.1734 15.4906 15.4797 15.7473L13.4718 16.4903C12.0905 17.0014 11.0014 18.0905 10.4903 19.4718L9.74728 21.4797C9.49058 22.1734 8.50941 22.1734 8.25272 21.4797L7.50971 19.4718C6.99859 18.0905 5.90952 17.0014 4.52822 16.4903L2.52028 15.7473C1.82657 15.4906 1.82657 14.5094 2.52028 14.2527L4.52822 13.5097C5.90952 12.9986 6.99859 11.9095 7.50971 10.5282L8.25272 8.52028Z" fill="%23828282"/><path d="M14.573 2.2973C14.7197 1.9009 15.2803 1.9009 15.427 2.2973L15.8516 3.4447C16.1437 4.23401 16.766 4.85634 17.5553 5.14841L18.7027 5.57298C19.0991 5.71967 19.0991 6.28033 18.7027 6.42702L17.5553 6.85159C16.766 7.14366 16.1437 7.76599 15.8516 8.5553L15.427 9.7027C15.2803 10.0991 14.7197 10.0991 14.573 9.7027L14.1484 8.5553C13.8563 7.76599 13.234 7.14366 12.4447 6.85159L11.2973 6.42702C10.9009 6.28033 10.9009 5.71967 11.2973 5.57298L12.4447 5.14841C13.234 4.85634 13.8563 4.23401 14.1484 3.4447L14.573 2.2973Z" fill="%23828282"/><path d="M19.7865 10.1487C19.8598 9.95045 20.1402 9.95045 20.2135 10.1487L20.4258 10.7223C20.5718 11.117 20.883 11.4282 21.2777 11.5742L21.8513 11.7865C22.0496 11.8598 22.0496 12.1402 21.8513 12.2135L21.2777 12.4258C20.883 12.5718 20.5718 12.883 20.4258 13.2777L20.2135 13.8513C20.1402 14.0496 19.8598 14.0496 19.7865 13.8513L19.5742 13.2777C19.4282 12.883 19.117 12.5718 18.7223 12.4258L18.1487 12.2135C17.9504 12.1402 17.9504 11.8598 18.1487 11.7865L18.7223 11.5742C19.117 11.4282 19.4282 11.117 19.5742 10.7223L19.7865 10.1487Z" fill="%23828282"/></svg>');
        display: block;
    }

    .bq-report-info .bq-report-info-section_viz:has(#chartIframeFull[style="display: none;"])::after {
        content:"Turn the current analysis into a chart—specify a chart type (pie, bar, line, map) and any breakdowns or timeframe, and it will render here.";
        line-height: 1.7em;
        display: block;
        color: var(--color-primary-grey-4);
    }

    #saveDialog {
        .save-dialog-row {
            display: flex;
            flex-direction: column;
            margin-bottom: 8px;
        }

        .save-dialog-row .save-dialog-col {
            margin-bottom: 8px;
            display: flex;
            flex-direction: column;
            gap: 2px;
            width: 100%;
        }

        .save-dialog-row .save-dialog-col label {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 4px;
            color: var(--color-primary-grey-5);
        }

        .save-dialog-row .save-dialog-col label .label-note {
            font-size: 0.75em;
            color: var(--color-primary-grey-4);
            opacity: 0.75;
            font-style: italic;
        }

        .save-dialog-actions {
            display: flex;
            gap: 8px;
        }

        .save-dialog-actions button {
            background-color: var(--color-primary-blue);
            color: white;
            letter-spacing: 0.075em;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            transition: all 0.3s ease;
        }

        .save-dialog-actions button:hover {
            background-color: var(--color-primary-blue-dark);

        }

        .save-dialog-actions button#dialogCancel {
            background-color: var(--color-primary-grey-3);
        }

        .save-dialog-actions button#dialogCancel:hover {
            background-color: var(--color-primary-grey-4);
        }
    }
}

div[class*="UcSyntaxHighlight"] {
    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none;
    }
}

.interior_content .authorized-application-container .authorized-application-log-list {

    .authorized-application-log-failure {
        background-color: var(--color-alt-red-1) !important;
        color: var(--color-primary-red-dark);
    }
}

.interior_content .authorized-application-list > li {
    border: none;
    box-shadow: var(--boxshadow-sub);
    background-color: #fff;

    .application-details {
        color: var(--color-primary-grey-5)
    }
}

.applicationEditor .authorized-application-editor .allowed_ip li,
.applicationEditor .authorized-application-editor .allowed_referrer li {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
}

body[data-main-form-action="/merchant/item/itemListSave.do"] {
    .content_area {
        background-color: #fff;
    }
}

/* Reporting */
.report-wrapper {
    display: none;
}
.report-wrapper.active {
    display: flex;
    gap: 32px;
}

.report-wrapper .resizer {
    background-color: transparent;
    position: relative;
    border-left: none;
}

.report-wrapper .resizer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, rgba(48,48,48,0) 0%,rgba(48,48,48,0.15) 35%,rgba(48,48,48,0.25) 50%,rgba(48,48,48,0.15) 65%, rgba(48,48,48,0) 100%);
    transform: translateX(-50%);
    transition: all 0.3s ease;
}

.report-wrapper .resizer:hover {
    background-color: transparent;
}

.report-wrapper .resizer:hover::after {
    width: 3px;
    background: linear-gradient(to bottom, rgba(48,48,48,0) 0%,rgba(48,48,48,0.15) 15%,rgba(48,48,48,0.45) 50%,rgba(48,48,48,0.25) 85%, rgba(48,48,48,0) 100%);
}

.report-wrapper:has(.report-chat:hover) .resizer::after {
    width: 1px;
    background: linear-gradient(to bottom, rgba(48,48,48,0) 0%,rgba(48,48,48,0.15) 15%,rgba(48,48,48,0.45) 50%,rgba(48,48,48,0.25) 85%, rgba(48,48,48,0) 100%);
}

.report-content {
    width: 100%;
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    container-type: inline-size;
}

.report-chat {
    position: relative;
    display: flex;
    width: 440px;
    flex: 0 0 440px;
    padding-right: 30px;
    box-sizing: border-box;
    max-width: calc(100vw - 720px);
}

.report-chat::after {
    content: "";
    width: 100%;
    height: calc(100% + 165px);
    background-image: linear-gradient(to right, #6f417300, #6f417350);
    position: absolute;
    top: -97px;
    bttom: 0;
    left: 0;
}

.report-chat .report-top-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    position: absolute;
    width: 320px;
    top: -66px;
    right: 228px;
    z-index: 10;
}

.report-chat .report-top-actions .btn,
.report-chat .report-top-actions #settings {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 28px;
    padding: 2px 8px  2px 6px;
    box-sizing: border-box;
    background-color: #6F4173;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.08em;
    color: white;
    transition: all 0.3s ease;
}

.report-chat .report-top-actions .btn:hover,
.report-chat .report-top-actions #settings:hover {
    background-color: #5E2D5E;
}


.report-chat .report-top-actions .btn:before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.50442 5.67773C5.67555 5.21525 6.32966 5.21525 6.50079 5.67773L6.99613 7.01635C7.33688 7.93722 8.06293 8.66326 8.98379 9.00402L10.3224 9.49935C10.7849 9.67048 10.7849 10.3246 10.3224 10.4957L8.98379 10.9911C8.06293 11.3318 7.33688 12.0579 6.99613 12.9787L6.50079 14.3174C6.32966 14.7798 5.67555 14.7798 5.50442 14.3174L5.00908 12.9787C4.66833 12.0579 3.94228 11.3318 3.02142 10.9911L1.68279 10.4957C1.22032 10.3246 1.22032 9.67048 1.68279 9.49935L3.02142 9.00401C3.94228 8.66326 4.66833 7.93722 5.00908 7.01635L5.50442 5.67773Z" fill="white"></path><path d="M9.71793 1.52907C9.81571 1.2648 10.1895 1.2648 10.2873 1.52907L10.5703 2.294C10.765 2.82021 11.1799 3.2351 11.7061 3.42981L12.4711 3.71286C12.7353 3.81065 12.7353 4.18443 12.4711 4.28222L11.7061 4.56527C11.1799 4.75998 10.765 5.17486 10.5703 5.70107L10.2873 6.466C10.1895 6.73027 9.81571 6.73027 9.71793 6.466L9.43488 5.70107C9.24016 5.17486 8.82528 4.75998 8.29907 4.56527L7.53414 4.28222C7.26987 4.18443 7.26987 3.81065 7.53414 3.71286L8.29907 3.42981C8.82528 3.2351 9.24016 2.82021 9.43488 2.294L9.71793 1.52907Z" fill="white"></path><path d="M13.191 6.76335C13.2399 6.63121 13.4268 6.63121 13.4757 6.76335L13.6172 7.14581C13.7146 7.40892 13.922 7.61636 14.1851 7.71372L14.5676 7.85524C14.6997 7.90413 14.6997 8.09102 14.5676 8.13992L14.1851 8.28144C13.922 8.3788 13.7146 8.58624 13.6172 8.84935L13.4757 9.23181C13.4268 9.36395 13.2399 9.36395 13.191 9.23181L13.0495 8.84935C12.9521 8.58624 12.7447 8.3788 12.4816 8.28144L12.0991 8.13992C11.967 8.09102 11.967 7.90413 12.0991 7.85524L12.4816 7.71371C12.7447 7.61636 12.9521 7.40892 13.0495 7.14581L13.191 6.76335Z" fill="white"></path></svg>');
    display: block;
    width: 16px;
    height: 16px;
}

.report-chat .report-top-actions #settings:before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2373_8323)"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.88234 1.57836C6.06383 1.0339 6.57335 0.666664 7.14726 0.666664H8.85291C9.42682 0.666664 9.93634 1.0339 10.1178 1.57836L10.3596 2.30384L11.044 1.96171C11.5574 1.70511 12.1773 1.80574 12.583 2.21152L13.7892 3.41763C14.195 3.82344 14.2956 4.4434 14.0389 4.95672L13.6969 5.64071L14.4219 5.88241C14.9663 6.06392 15.3335 6.57341 15.3335 7.14729V9.33348C15.3335 9.62045 15.1498 9.87522 14.8776 9.96595L13.6962 10.3597L14.0381 11.0434C14.2947 11.5567 14.1941 12.1766 13.7883 12.5824L12.5823 13.7885C12.1764 14.1943 11.5565 14.2949 11.0431 14.0383L10.3595 13.6964L10.1178 14.4216C9.93627 14.9661 9.42675 15.3333 8.85284 15.3333H7.14719C6.57328 15.3333 6.06376 14.9661 5.88228 14.4216L5.64056 13.6965L4.95709 14.0381C4.44378 14.2948 3.82386 14.1941 3.41806 13.7883L2.21196 12.5822C1.80615 12.1764 1.70554 11.5565 1.9622 11.0431L2.30399 10.3596L1.57849 10.1178C1.03397 9.93636 0.666672 9.42681 0.666672 8.85286V7.14727C0.666672 6.57335 1.03393 6.06382 1.5784 5.88235L2.30403 5.64049L1.96212 4.95667C1.70546 4.44335 1.80607 3.82339 2.21188 3.41758L3.41793 2.21153C3.82377 1.80568 4.44379 1.7051 4.95712 1.96181L5.64059 2.30362L5.88234 1.57836ZM7.62776 2C7.34081 2 7.08605 2.18362 6.99531 2.45585L6.66241 3.45454C6.53411 3.83944 6.09464 4.02146 5.73176 3.83998L4.79054 3.36928C4.53387 3.24092 4.22386 3.29121 4.02094 3.49413L3.49446 4.02062C3.29155 4.22352 3.24125 4.5335 3.36958 4.79016L3.84037 5.73174C4.02181 6.09462 3.83978 6.53406 3.45489 6.66234L2.45587 6.99532C2.18363 7.08606 2.00001 7.34083 2.00001 7.62779V8.37231C2.00001 8.65929 2.18365 8.91406 2.45591 9.00478L3.45483 9.33765C3.83974 9.46592 4.0218 9.90538 3.84035 10.2683L3.36966 11.2097C3.24133 11.4663 3.29163 11.7763 3.49454 11.9792L4.02113 12.5058C4.22402 12.7087 4.53398 12.759 4.79064 12.6307L5.73185 12.1602C6.09471 11.9787 6.53412 12.1608 6.66241 12.5456L6.99524 13.5441C7.08598 13.8164 7.34074 14 7.62769 14H8.37234C8.65929 14 8.91405 13.8164 9.00479 13.5441L9.33766 12.5455C9.46595 12.1606 9.9054 11.9786 10.2683 12.1601L11.2097 12.6308C11.4663 12.7591 11.7763 12.7088 11.9792 12.5059L12.5058 11.9794C12.7087 11.7765 12.759 11.4665 12.6306 11.2099L12.1599 10.2684C11.9784 9.90549 12.1605 9.46604 12.5454 9.33776L13.5443 9.00488C13.8165 8.91415 14.0001 8.65938 14.0001 8.37241V7.62776C14.0001 7.34082 13.8165 7.08608 13.5443 6.99532L12.546 6.66248C12.1612 6.53417 11.9792 6.09475 12.1606 5.7319L12.6315 4.79022C12.7598 4.53356 12.7095 4.22358 12.5066 4.02067L11.98 3.49407C11.7771 3.29118 11.4671 3.24087 11.2105 3.36917L10.2683 3.84014C9.90548 4.02154 9.46608 3.83951 9.33779 3.45465L9.00486 2.45585C8.91412 2.18362 8.65936 2 8.3724 2H7.62776Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 6.66667C7.26358 6.66667 6.66666 7.26359 6.66666 8C6.66666 8.73641 7.26358 9.33334 7.99999 9.33334C8.73641 9.33334 9.33333 8.73641 9.33333 8C9.33333 7.26359 8.73641 6.66667 7.99999 6.66667ZM5.33333 8C5.33333 6.52721 6.52721 5.33334 7.99999 5.33334C9.47278 5.33334 10.6667 6.52721 10.6667 8C10.6667 9.47279 9.47278 10.6667 7.99999 10.6667C6.52721 10.6667 5.33333 9.47279 5.33333 8Z" fill="white"/></g><defs><clipPath id="clip0_2373_8323"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    display: block;
    width: 16px;
    height: 16px;
}

.report-chat-content {
    width: 100%;
    position: relative;
    z-index: 10;
}

.report-chat .report-chat-content.report-ai-chat-wrapper {
    position: sticky;
    max-height: calc(100vh - 225px);
    min-height: calc(100vh - 225px);
    top: 0;
}

.report {
    display: none;
}
.report.active {
    display: block;
}
.reportTab.active {
    border-color: green;
}

@container (width < 700px) {
    .reportTab {
        width: 32px;
        box-sizing: border-box;
        overflow: hidden;
    }
}

.report-loading {
    display: none;
    background-color: var(--color-primary-grey-2);
    padding: 4px 16px 4px 8px;
    border-radius: 8px;
    color: var(--color-primary-grey-4);

}
.report-loading.active {
    display: inline-flex;
    gap: 4px;
}

.report-wrapper {

    .reportTabs {
        display: flex;
        gap: 8px;

        .reportTab {
            display: flex;
            gap: 8px;
            align-items: center;
            padding: 8px 12px 8px 8px;
            line-height: 1;
            background-color: var(--color-primary-grey-5);
            color: white;
            border: 1px solid var(--color-primary-grey-5);
            border-radius: 8px;
            cursor: pointer;
            transition: background-color .3s ease;
            letter-spacing: 0.025em;
            position: relative;

            &:hover {
                background-color: var(--color-primary-grey-4);
            }

            &.active {
                background-color: white;
                color: var(--color-primary-grey-5);
            }

            &::before {
                content: "";
                display: block;
                width: 16px;
                height: 16px;
            }

            &.r-visualization::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.00001 1.33334C2.3682 1.33334 2.66668 1.63182 2.66668 2.00001V14C2.66668 14.3682 2.3682 14.6667 2.00001 14.6667C1.63182 14.6667 1.33334 14.3682 1.33334 14V2.00001C1.33334 1.63182 1.63182 1.33334 2.00001 1.33334Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 14C1.33334 13.6318 1.63182 13.3333 2.00001 13.3333H14C14.3682 13.3333 14.6667 13.6318 14.6667 14C14.6667 14.3682 14.3682 14.6667 14 14.6667H2.00001C1.63182 14.6667 1.33334 14.3682 1.33334 14Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4714 5.52861C14.7318 5.78896 14.7318 6.21107 14.4714 6.47141L10.9714 9.97141C10.7111 10.2318 10.2889 10.2318 10.0286 9.97141L8.16667 8.10949L5.13807 11.1381C4.87772 11.3984 4.45561 11.3984 4.19526 11.1381C3.93491 10.8777 3.93491 10.4556 4.19526 10.1953L7.69526 6.69527C7.95561 6.43492 8.37772 6.43492 8.63807 6.69527L10.5 8.5572L13.5286 5.52861C13.7889 5.26826 14.2111 5.26826 14.4714 5.52861Z" fill="white"/></svg>');
            }
            &.r-visualization.active::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.00001 1.33334C2.3682 1.33334 2.66668 1.63182 2.66668 2.00001V14C2.66668 14.3682 2.3682 14.6667 2.00001 14.6667C1.63182 14.6667 1.33334 14.3682 1.33334 14V2.00001C1.33334 1.63182 1.63182 1.33334 2.00001 1.33334Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 14C1.33334 13.6318 1.63182 13.3333 2.00001 13.3333H14C14.3682 13.3333 14.6667 13.6318 14.6667 14C14.6667 14.3682 14.3682 14.6667 14 14.6667H2.00001C1.63182 14.6667 1.33334 14.3682 1.33334 14Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4714 5.52861C14.7318 5.78896 14.7318 6.21107 14.4714 6.47141L10.9714 9.97141C10.7111 10.2318 10.2889 10.2318 10.0286 9.97141L8.16667 8.10949L5.13807 11.1381C4.87772 11.3984 4.45561 11.3984 4.19526 11.1381C3.93491 10.8777 3.93491 10.4556 4.19526 10.1953L7.69526 6.69527C7.95561 6.43492 8.37772 6.43492 8.63807 6.69527L10.5 8.5572L13.5286 5.52861C13.7889 5.26826 14.2111 5.26826 14.4714 5.52861Z" fill="%23303030"/></svg>');
            }

            &.r-data::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33497 12C1.33497 11.6318 1.64166 11.3333 2.01999 11.3333L3.31594 11.3333C3.69426 11.3333 4.00096 11.6318 4.00096 12C4.00096 12.3682 3.69426 12.6667 3.31594 12.6667H2.01999C1.64166 12.6667 1.33497 12.3682 1.33497 12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00164 12C6.00164 11.6318 6.30833 11.3333 6.68666 11.3333L7.98261 11.3333C8.36093 11.3333 8.66762 11.6318 8.66762 12C8.66762 12.3682 8.36093 12.6667 7.98261 12.6667H6.68666C6.30833 12.6667 6.00164 12.3682 6.00164 12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6651 12C10.6651 11.6318 10.904 11.3333 11.1986 11.3333H14.1332C14.4278 11.3333 14.6667 11.6318 14.6667 12C14.6667 12.3682 14.4278 12.6667 14.1332 12.6667H11.1986C10.904 12.6667 10.6651 12.3682 10.6651 12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33497 8.00001C1.33497 7.63182 1.64166 7.33334 2.01999 7.33334L3.31594 7.33334C3.69426 7.33334 4.00096 7.63182 4.00096 8.00001C4.00096 8.3682 3.69426 8.66668 3.31594 8.66668H2.01999C1.64166 8.66668 1.33497 8.3682 1.33497 8.00001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00164 8.00001C6.00164 7.63182 6.30833 7.33334 6.68666 7.33334L7.98261 7.33334C8.36093 7.33334 8.66762 7.63182 8.66762 8.00001C8.66762 8.3682 8.36093 8.66668 7.98261 8.66668H6.68666C6.30833 8.66668 6.00164 8.3682 6.00164 8.00001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6651 8.00001C10.6651 7.63182 10.904 7.33334 11.1986 7.33334H14.1332C14.4278 7.33334 14.6667 7.63182 14.6667 8.00001C14.6667 8.3682 14.4278 8.66668 14.1332 8.66668H11.1986C10.904 8.66668 10.6651 8.3682 10.6651 8.00001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33497 4.00001C1.33497 3.63182 1.64166 3.33334 2.01999 3.33334L3.31594 3.33334C3.69426 3.33334 4.00096 3.63182 4.00096 4.00001C4.00096 4.3682 3.69426 4.66668 3.31594 4.66668H2.01999C1.64166 4.66668 1.33497 4.3682 1.33497 4.00001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00164 4.00001C6.00164 3.63182 6.30833 3.33334 6.68666 3.33334L7.98261 3.33334C8.36093 3.33334 8.66762 3.63182 8.66762 4.00001C8.66762 4.3682 8.36093 4.66668 7.98261 4.66668H6.68666C6.30833 4.66668 6.00164 4.3682 6.00164 4.00001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6651 4.00001C10.6651 3.63182 10.904 3.33334 11.1986 3.33334H14.1332C14.4278 3.33334 14.6667 3.63182 14.6667 4.00001C14.6667 4.3682 14.4278 4.66668 14.1332 4.66668H11.1986C10.904 4.66668 10.6651 4.3682 10.6651 4.00001Z" fill="white"/></svg>');
            }
            &.r-data.active::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33497 12C1.33497 11.6318 1.64166 11.3333 2.01999 11.3333L3.31594 11.3333C3.69426 11.3333 4.00096 11.6318 4.00096 12C4.00096 12.3682 3.69426 12.6667 3.31594 12.6667H2.01999C1.64166 12.6667 1.33497 12.3682 1.33497 12Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00164 12C6.00164 11.6318 6.30833 11.3333 6.68666 11.3333L7.98261 11.3333C8.36093 11.3333 8.66762 11.6318 8.66762 12C8.66762 12.3682 8.36093 12.6667 7.98261 12.6667H6.68666C6.30833 12.6667 6.00164 12.3682 6.00164 12Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6651 12C10.6651 11.6318 10.904 11.3333 11.1986 11.3333H14.1332C14.4278 11.3333 14.6667 11.6318 14.6667 12C14.6667 12.3682 14.4278 12.6667 14.1332 12.6667H11.1986C10.904 12.6667 10.6651 12.3682 10.6651 12Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33497 8.00001C1.33497 7.63182 1.64166 7.33334 2.01999 7.33334L3.31594 7.33334C3.69426 7.33334 4.00096 7.63182 4.00096 8.00001C4.00096 8.3682 3.69426 8.66668 3.31594 8.66668H2.01999C1.64166 8.66668 1.33497 8.3682 1.33497 8.00001Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00164 8.00001C6.00164 7.63182 6.30833 7.33334 6.68666 7.33334L7.98261 7.33334C8.36093 7.33334 8.66762 7.63182 8.66762 8.00001C8.66762 8.3682 8.36093 8.66668 7.98261 8.66668H6.68666C6.30833 8.66668 6.00164 8.3682 6.00164 8.00001Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6651 8.00001C10.6651 7.63182 10.904 7.33334 11.1986 7.33334H14.1332C14.4278 7.33334 14.6667 7.63182 14.6667 8.00001C14.6667 8.3682 14.4278 8.66668 14.1332 8.66668H11.1986C10.904 8.66668 10.6651 8.3682 10.6651 8.00001Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33497 4.00001C1.33497 3.63182 1.64166 3.33334 2.01999 3.33334L3.31594 3.33334C3.69426 3.33334 4.00096 3.63182 4.00096 4.00001C4.00096 4.3682 3.69426 4.66668 3.31594 4.66668H2.01999C1.64166 4.66668 1.33497 4.3682 1.33497 4.00001Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00164 4.00001C6.00164 3.63182 6.30833 3.33334 6.68666 3.33334L7.98261 3.33334C8.36093 3.33334 8.66762 3.63182 8.66762 4.00001C8.66762 4.3682 8.36093 4.66668 7.98261 4.66668H6.68666C6.30833 4.66668 6.00164 4.3682 6.00164 4.00001Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6651 4.00001C10.6651 3.63182 10.904 3.33334 11.1986 3.33334H14.1332C14.4278 3.33334 14.6667 3.63182 14.6667 4.00001C14.6667 4.3682 14.4278 4.66668 14.1332 4.66668H11.1986C10.904 4.66668 10.6651 4.3682 10.6651 4.00001Z" fill="%23303030"/></svg>');
            }

            &.r-sql::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.13807 4.86193C5.39842 5.12228 5.39842 5.54439 5.13807 5.80474L2.94281 8L5.13807 10.1953C5.39842 10.4556 5.39842 10.8777 5.13807 11.1381C4.87772 11.3984 4.45561 11.3984 4.19526 11.1381L1.5286 8.4714C1.26825 8.21105 1.26825 7.78894 1.5286 7.52859L4.19526 4.86193C4.45561 4.60158 4.87772 4.60158 5.13807 4.86193Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.8619 4.86193C11.1223 4.60158 11.5444 4.60158 11.8047 4.86193L14.4714 7.52859C14.7318 7.78894 14.7318 8.21105 14.4714 8.4714L11.8047 11.1381C11.5444 11.3984 11.1223 11.3984 10.8619 11.1381C10.6016 10.8777 10.6016 10.4556 10.8619 10.1953L13.0572 8L10.8619 5.80474C10.6016 5.54439 10.6016 5.12228 10.8619 4.86193Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.50588 2.02271C9.86153 2.11801 10.0726 2.48357 9.97729 2.83921L7.21655 13.1424C7.12126 13.4981 6.7557 13.7091 6.40006 13.6138C6.04441 13.5185 5.83336 13.153 5.92865 12.7973L8.68938 2.49412C8.78468 2.13847 9.15024 1.92742 9.50588 2.02271Z" fill="white"/></svg>');
            }
            &.r-sql.active::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.13807 4.86193C5.39842 5.12228 5.39842 5.54439 5.13807 5.80474L2.94281 8L5.13807 10.1953C5.39842 10.4556 5.39842 10.8777 5.13807 11.1381C4.87772 11.3984 4.45561 11.3984 4.19526 11.1381L1.5286 8.4714C1.26825 8.21105 1.26825 7.78894 1.5286 7.52859L4.19526 4.86193C4.45561 4.60158 4.87772 4.60158 5.13807 4.86193Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.8619 4.86193C11.1223 4.60158 11.5444 4.60158 11.8047 4.86193L14.4714 7.52859C14.7318 7.78894 14.7318 8.21105 14.4714 8.4714L11.8047 11.1381C11.5444 11.3984 11.1223 11.3984 10.8619 11.1381C10.6016 10.8777 10.6016 10.4556 10.8619 10.1953L13.0572 8L10.8619 5.80474C10.6016 5.54439 10.6016 5.12228 10.8619 4.86193Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.50588 2.02271C9.86153 2.11801 10.0726 2.48357 9.97729 2.83921L7.21655 13.1424C7.12126 13.4981 6.7557 13.7091 6.40006 13.6138C6.04441 13.5185 5.83336 13.153 5.92865 12.7973L8.68938 2.49412C8.78468 2.13847 9.15024 1.92742 9.50588 2.02271Z" fill="%23303030"/></svg>');
            }

            &.r-analysis,
            &.r-edit {
                border: 1px #6F4173;
                background-color: #6F4173;
            }

            &.r-analysis:hover,
            &.r-edit:hover {
                background-color: #5E2D5E;
            }

            &.r-analysis.active,
            &.r-edit.active {
                border: 1px solid #5E2D5E;
                background-color: white;
                color: #5E2D5E;
            }

            &.r-analysis::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.64864 11.9993H9.35131C9.43931 11.198 9.84797 10.5367 10.5113 9.81468C10.5866 9.73334 11.066 9.23668 11.1226 9.16601C11.5935 8.57776 11.8886 7.86849 11.9741 7.11986C12.0595 6.37123 11.9317 5.6137 11.6055 4.9345C11.2792 4.2553 10.7678 3.68206 10.13 3.28079C9.4923 2.87952 8.75418 2.66655 8.00069 2.66638C7.24721 2.66622 6.509 2.87889 5.87108 3.27988C5.23316 3.68088 4.72147 4.2539 4.39495 4.93296C4.06842 5.61202 3.94033 6.3695 4.02543 7.11816C4.11054 7.86683 4.40537 8.57623 4.87597 9.16468C4.93331 9.23601 5.41397 9.73334 5.48797 9.81401C6.15197 10.5367 6.56064 11.198 6.64864 11.9993ZM9.33331 13.3327H6.66664V13.9993H9.33331V13.3327ZM3.83597 9.99934C3.2081 9.21487 2.81461 8.26899 2.70082 7.27065C2.58703 6.27232 2.75757 5.26215 3.19281 4.3565C3.62804 3.45086 4.31026 2.68659 5.16088 2.15173C6.01149 1.61687 6.9959 1.33318 8.00069 1.33334C9.00549 1.3335 9.98981 1.61751 10.8402 2.15264C11.6907 2.68777 12.3727 3.45226 12.8076 4.35804C13.2426 5.26383 13.4128 6.27405 13.2987 7.27235C13.1846 8.27065 12.7908 9.21641 12.1626 10.0007C11.7493 10.5153 10.6666 11.3327 10.6666 12.3327V13.9993C10.6666 14.353 10.5262 14.6921 10.2761 14.9422C10.0261 15.1922 9.68693 15.3327 9.33331 15.3327H6.66664C6.31302 15.3327 5.97388 15.1922 5.72383 14.9422C5.47378 14.6921 5.33331 14.353 5.33331 13.9993V12.3327C5.33331 11.3327 4.24997 10.5153 3.83597 9.99934Z" fill="white"/><path d="M7.71532 4.1982C7.81311 3.93393 8.18689 3.93393 8.28468 4.1982L8.56773 4.96313C8.76245 5.48934 9.17733 5.90422 9.70354 6.09894L10.4685 6.38199C10.7327 6.47978 10.7327 6.85356 10.4685 6.95135L9.70354 7.23439C9.17733 7.42911 8.76245 7.84399 8.56773 8.3702L8.28468 9.13513C8.18689 9.3994 7.81311 9.3994 7.71532 9.13513L7.43227 8.3702C7.23756 7.84399 6.82268 7.42911 6.29647 7.23439L5.53154 6.95135C5.26727 6.85356 5.26727 6.47978 5.53154 6.38199L6.29647 6.09894C6.82268 5.90422 7.23756 5.48934 7.43227 4.96313L7.71532 4.1982Z" fill="white"/></svg>');
            }
            &.r-analysis.active::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.64864 11.9993H9.35131C9.43931 11.198 9.84797 10.5367 10.5113 9.81468C10.5866 9.73334 11.066 9.23668 11.1226 9.16601C11.5935 8.57776 11.8886 7.86849 11.9741 7.11986C12.0595 6.37123 11.9317 5.6137 11.6055 4.9345C11.2792 4.2553 10.7678 3.68206 10.13 3.28079C9.4923 2.87952 8.75418 2.66655 8.00069 2.66638C7.24721 2.66622 6.509 2.87889 5.87108 3.27988C5.23316 3.68088 4.72147 4.2539 4.39495 4.93296C4.06842 5.61202 3.94033 6.3695 4.02543 7.11816C4.11054 7.86683 4.40537 8.57623 4.87597 9.16468C4.93331 9.23601 5.41397 9.73334 5.48797 9.81401C6.15197 10.5367 6.56064 11.198 6.64864 11.9993ZM9.33331 13.3327H6.66664V13.9993H9.33331V13.3327ZM3.83597 9.99934C3.2081 9.21487 2.81461 8.26899 2.70082 7.27065C2.58703 6.27232 2.75757 5.26215 3.19281 4.3565C3.62804 3.45086 4.31026 2.68659 5.16088 2.15173C6.01149 1.61687 6.9959 1.33318 8.00069 1.33334C9.00549 1.3335 9.98981 1.61751 10.8402 2.15264C11.6907 2.68777 12.3727 3.45226 12.8076 4.35804C13.2426 5.26383 13.4128 6.27405 13.2987 7.27235C13.1846 8.27065 12.7908 9.21641 12.1626 10.0007C11.7493 10.5153 10.6666 11.3327 10.6666 12.3327V13.9993C10.6666 14.353 10.5262 14.6921 10.2761 14.9422C10.0261 15.1922 9.68693 15.3327 9.33331 15.3327H6.66664C6.31302 15.3327 5.97388 15.1922 5.72383 14.9422C5.47378 14.6921 5.33331 14.353 5.33331 13.9993V12.3327C5.33331 11.3327 4.24997 10.5153 3.83597 9.99934Z" fill="%235E2D5E"/><path d="M7.71532 4.1982C7.81311 3.93393 8.18689 3.93393 8.28468 4.1982L8.56773 4.96313C8.76245 5.48934 9.17733 5.90422 9.70354 6.09894L10.4685 6.38199C10.7327 6.47978 10.7327 6.85356 10.4685 6.95135L9.70354 7.23439C9.17733 7.42911 8.76245 7.84399 8.56773 8.3702L8.28468 9.13513C8.18689 9.3994 7.81311 9.3994 7.71532 9.13513L7.43227 8.3702C7.23756 7.84399 6.82268 7.42911 6.29647 7.23439L5.53154 6.95135C5.26727 6.85356 5.26727 6.47978 5.53154 6.38199L6.29647 6.09894C6.82268 5.90422 7.23756 5.48934 7.43227 4.96313L7.71532 4.1982Z" fill="%235E2D5E"/></svg>');
            }

            &.r-edit::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 14C1.33334 13.6318 1.63181 13.3333 2 13.3333H14C14.3682 13.3333 14.6667 13.6318 14.6667 14C14.6667 14.3682 14.3682 14.6667 14 14.6667H2C1.63181 14.6667 1.33334 14.3682 1.33334 14Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1952 2.80489C10.9033 2.51296 10.43 2.51296 10.1381 2.80489L10.1381 2.8049L3.60197 9.34099L3.24958 10.7506L4.65916 10.3982L11.1952 3.86209C11.4872 3.57016 11.4872 3.09683 11.1952 2.80489ZM9.19525 1.86209C10.0079 1.04945 11.3255 1.04945 12.1381 1.86209C12.9507 2.67473 12.9507 3.99225 12.1381 4.80489L12.1381 4.8049L5.4714 11.4716C5.38596 11.557 5.27891 11.6176 5.16169 11.6469L2.49502 12.3136C2.26784 12.3704 2.02751 12.3038 1.86193 12.1382C1.69634 11.9726 1.62977 11.7323 1.68657 11.5051L2.35323 8.83847C2.38254 8.72125 2.44315 8.61419 2.52859 8.52875L9.19525 1.86209Z" fill="white"/></svg>');
            }
        }
    }

    .report-content:has(.reports .report.r-analysis .analysis-loading.active) .reportTabs .reportTab.r-analysis::before {
        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 9.63546 2.65284 11.117 3.71446 12.1999C3.97221 12.4629 3.96801 12.8849 3.70509 13.1427C3.44217 13.4004 3.02008 13.3962 2.76233 13.1333C1.46628 11.8113 0.666016 9.9984 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 8.36815 15.0342 8.66663 14.666 8.66663C14.2978 8.66663 13.9993 8.36815 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996ZM13.8642 11.2415C14.167 11.4511 14.2425 11.8664 14.033 12.1691C12.7106 14.0796 10.5014 15.3333 7.99935 15.3333C7.63116 15.3333 7.33268 15.0348 7.33268 14.6666C7.33268 14.2984 7.63116 14 7.99935 14C10.0455 14 11.8526 12.9764 12.9367 11.4103C13.1462 11.1075 13.5615 11.032 13.8642 11.2415Z" fill="white"/></svg>');
        animation: spin 1s linear infinite;
        transform-origin: center;
    }

    .report-content:has(.reports .report.r-analysis .analysis-loading.active) .reportTabs .reportTab.r-analysis::after {
        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00065 4.66671C6.1597 4.66671 4.66732 6.15909 4.66732 8.00004C4.66732 8.68252 4.8717 9.31523 5.22247 9.84279C5.42633 10.1494 5.34304 10.5632 5.03643 10.7671C4.72983 10.9709 4.31602 10.8876 4.11216 10.581C3.62047 9.8415 3.33398 8.95322 3.33398 8.00004C3.33398 5.42271 5.42332 3.33337 8.00065 3.33337C8.36884 3.33337 8.66732 3.63185 8.66732 4.00004C8.66732 4.36823 8.36884 4.66671 8.00065 4.66671ZM10.1466 4.55889C10.3903 4.28284 10.8116 4.25657 11.0876 4.50021C12.0553 5.35434 12.6673 6.60614 12.6673 8.00004C12.6673 10.5774 10.578 12.6667 8.00065 12.6667C7.63246 12.6667 7.33398 12.3682 7.33398 12C7.33398 11.6319 7.63246 11.3334 8.00065 11.3334C9.8416 11.3334 11.334 9.84099 11.334 8.00004C11.334 7.00456 10.8984 6.11163 10.2053 5.49987C9.92927 5.25622 9.90301 4.83493 10.1466 4.55889Z" fill="white"/></svg>');
        animation: spin-reverse 2s linear infinite;
        width: 16px;
        height: 16px;
        transform-origin: center;
        position: absolute;
        left: 8px;
    }

    .report-content:has(.reports .report.r-analysis .analysis-loading.active) .reportTabs .reportTab.active.r-analysis::before {
        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 9.63546 2.65284 11.117 3.71446 12.1999C3.97221 12.4629 3.96801 12.8849 3.70509 13.1427C3.44217 13.4004 3.02008 13.3962 2.76233 13.1333C1.46628 11.8113 0.666016 9.9984 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 8.36815 15.0342 8.66663 14.666 8.66663C14.2978 8.66663 13.9993 8.36815 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996ZM13.8642 11.2415C14.167 11.4511 14.2425 11.8664 14.033 12.1691C12.7106 14.0796 10.5014 15.3333 7.99935 15.3333C7.63116 15.3333 7.33268 15.0348 7.33268 14.6666C7.33268 14.2984 7.63116 14 7.99935 14C10.0455 14 11.8526 12.9764 12.9367 11.4103C13.1462 11.1075 13.5615 11.032 13.8642 11.2415Z" fill="%235E2D5E"/></svg>');
        animation: spin 1s linear infinite;
        transform-origin: center;
    }

    .report-content:has(.reports .report.r-analysis .analysis-loading.active) .reportTabs .reportTab.active.r-analysis::after {
        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00065 4.66671C6.1597 4.66671 4.66732 6.15909 4.66732 8.00004C4.66732 8.68252 4.8717 9.31523 5.22247 9.84279C5.42633 10.1494 5.34304 10.5632 5.03643 10.7671C4.72983 10.9709 4.31602 10.8876 4.11216 10.581C3.62047 9.8415 3.33398 8.95322 3.33398 8.00004C3.33398 5.42271 5.42332 3.33337 8.00065 3.33337C8.36884 3.33337 8.66732 3.63185 8.66732 4.00004C8.66732 4.36823 8.36884 4.66671 8.00065 4.66671ZM10.1466 4.55889C10.3903 4.28284 10.8116 4.25657 11.0876 4.50021C12.0553 5.35434 12.6673 6.60614 12.6673 8.00004C12.6673 10.5774 10.578 12.6667 8.00065 12.6667C7.63246 12.6667 7.33398 12.3682 7.33398 12C7.33398 11.6319 7.63246 11.3334 8.00065 11.3334C9.8416 11.3334 11.334 9.84099 11.334 8.00004C11.334 7.00456 10.8984 6.11163 10.2053 5.49987C9.92927 5.25622 9.90301 4.83493 10.1466 4.55889Z" fill="%235E2D5E"/></svg>');
        animation: spin-reverse 2s linear infinite;
         width: 16px;
        height: 16px;
        transform-origin: center;
        position: absolute;
        left: 8px;
    }

    .reports {
        position: relative;
        box-shadow: var(--boxshadow-primary);
        border-radius: 16px;
        padding: 16px;
        width: 100%;
        box-sizing: border-box;

        .btnDownloadPng,
        .btnDownloadExcel {
            display: flex;
            gap: 8px;
            padding: 8px;
            line-height: 1;
            background-color: var(--color-primary-blue);
            color: white;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color .3s ease;
            letter-spacing: 0.025em;
            position: absolute;
            right: 0;
            top: -50px;

            &:hover {
                background-color: var(--color-primary-blue-dark)
            }

            &::before {
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 2C6.56614 2 5.32341 2.95383 4.85881 4.32055C4.851 4.34354 4.84205 4.36583 4.83205 4.38737C4.74569 4.60058 4.55121 4.76326 4.30704 4.79774C3.02404 4.97895 2.00002 6.1343 2.00002 7.57173C2.00002 8.49746 2.42689 9.31139 3.07685 9.81909C3.36701 10.0457 3.41849 10.4647 3.19183 10.7549C2.96518 11.045 2.54622 11.0965 2.25606 10.8698C1.28701 10.1129 0.666687 8.91347 0.666687 7.57173C0.666687 5.64141 1.95494 3.99495 3.72507 3.55442C4.44229 1.8657 6.07629 0.666668 8.00002 0.666668C10.3997 0.666668 12.3429 2.52588 12.6301 4.88658C14.1854 5.192 15.3334 6.6072 15.3334 8.26493C15.3334 9.52623 14.6735 10.6386 13.677 11.238C13.3614 11.4277 12.9518 11.3258 12.7621 11.0103C12.5723 10.6948 12.6742 10.2851 12.9897 10.0954C13.5873 9.73597 14 9.05617 14 8.26493C14 7.07714 13.0803 6.15897 12 6.15897C11.6318 6.15897 11.3334 5.8605 11.3334 5.49231C11.3334 3.53883 9.81671 2 8.00002 2Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.86195 11.5286C5.1223 11.2682 5.54441 11.2682 5.80476 11.5286L8.00002 13.7239L10.1953 11.5286C10.4556 11.2682 10.8777 11.2682 11.1381 11.5286C11.3984 11.7889 11.3984 12.2111 11.1381 12.4714L8.47142 15.1381C8.21108 15.3984 7.78897 15.3984 7.52862 15.1381L4.86195 12.4714C4.6016 12.2111 4.6016 11.7889 4.86195 11.5286Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99998 7.33334C8.36817 7.33334 8.66665 7.63181 8.66665 8V14.6667C8.66665 15.0349 8.36817 15.3333 7.99998 15.3333C7.63179 15.3333 7.33331 15.0349 7.33331 14.6667V8C7.33331 7.63181 7.63179 7.33334 7.99998 7.33334Z" fill="white"/></svg>');
                display: block;
            }
        }

        .r-data {
            .sampleOutput {
                border-radius: 8px;
                overflow: hidden;
                border: 1px solid var(--color-primary-grey-2);
            }

            .sampleOutputTable {
                max-height: 480px;
                overflow: auto;
            }

            .bq-sample-table {
                border-collapse: collapse !important;
                background-color: #fff;
                width: 100%;

                thead {
                    position: sticky;
                    top: 0;
                    background: white;
                    z-index: 2;
                }

                thead th,
                tbody td {
                    font-family: monospace;
                    border-top: none !important;
                    border-left: none !important;
                    border-right: 1px solid var(--color-primary-grey-2) !important;
                    border-bottom: 1px solid var(--color-primary-grey-2) !important;
                    text-align: left;
                    padding: 4px 8px;
                    font-size: 11px;
                    transition: background-color 0.3s ease;
                }

                thead th {
                    color: var(--color-primary-grey-4);
                    background-color: var(--color-primary-grey-2);
                    font-weight: 400;
                    letter-spacing: 0.025em;
                    padding: 8px;
                }

                thead th:last-child,
                tbody td:last-child {
                    border-right: none !important;
                }

                tbody tr:last-child td {
                    border-bottom: none !important;
                }

                tbody tr:nth-child(odd) td {
                    background-color: var(--color-primary-grey-1);
                }

                tbody tr:hover td {
                    background-color: var(--color-primary-grey-2);
                }

                tbody,
                thead {
                    tr td[data-constant="INTEGER"],
                    tr td[data-constant="FLOAT"],
                    tr td[data-constant="NUMERIC"] {
                        width: 1%;
                    }

                    tr td[data-constant="INTEGER"],
                    tr td[data-constant="FLOAT"],
                    tr td[data-constant="NUMERIC"] {
                        text-align: right;
                    }
                }
            }
        }

        .r-sql {

            label {
                display: block;
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 8px;
            }

            .sqlDebug {
                margin-bottom: 16px;

                > div:first-child {
                    display: flex;
                    align-items: center;
                    gap: 16px;

                    label {
                        margin-bottom: 0;
                        width: 100%;
                    }

                    .bq-report-sql-copy {
                        background-color: var(--color-primary-grey-5);
                        color: white;
                        display: flex;
                        gap: 4px;
                        padding: 4px 6px 4px 4px;
                        line-height: 1;
                        border-radius: 4px;
                        cursor: pointer;
                        transition: background-color 0.3s ease;
                    }

                    .bq-report-sql-copy:hover {
                        background-color: var(--color-primary-blue-dark);
                    }

                    .bq-report-sql-copy::before {
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.33333 6.66668C6.96514 6.66668 6.66667 6.96515 6.66667 7.33334V13.3333C6.66667 13.7015 6.96514 14 7.33333 14H13.3333C13.7015 14 14 13.7015 14 13.3333V7.33334C14 6.96515 13.7015 6.66668 13.3333 6.66668H7.33333ZM5.33333 7.33334C5.33333 6.22877 6.22876 5.33334 7.33333 5.33334H13.3333C14.4379 5.33334 15.3333 6.22877 15.3333 7.33334V13.3333C15.3333 14.4379 14.4379 15.3333 13.3333 15.3333H7.33333C6.22876 15.3333 5.33333 14.4379 5.33333 13.3333V7.33334Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.66667 1.99999C2.29848 1.99999 2 2.29847 2 2.66666V8.66666C2 9.03486 2.29847 9.33332 2.66667 9.33332H3.33333C3.70152 9.33332 4 9.6318 4 9.99999C4 10.3682 3.70152 10.6667 3.33333 10.6667H2.66667C1.5621 10.6667 0.666668 9.77125 0.666668 8.66666V2.66666C0.666668 1.56209 1.5621 0.666656 2.66667 0.666656H8.66667C9.77126 0.666656 10.6667 1.56209 10.6667 2.66666V3.33332C10.6667 3.70151 10.3682 3.99999 10 3.99999C9.63181 3.99999 9.33333 3.70151 9.33333 3.33332V2.66666C9.33333 2.29846 9.03487 1.99999 8.66667 1.99999H2.66667Z" fill="white"/></svg>');
                        display: block;
                        width: 16px;
                        height: 16px;
                    }
                }
            }

            pre {
                position: relative;
                display: block;
                height: 420px;
                background-color: var(--color-primary-grey-1);
                border: 1px solid var(--color-primary-grey-3);
                border-radius: 8px;
                box-sizing: border-box;
                overflow: auto;

                &::after {
                    content: '';
                    display: block;
                    width: 100%;
                    height: 32px;
                    background: linear-gradient(180deg,rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 1) 80%);
                    position: sticky;
                    bottom: -16px;
                    left: -16px;
                    z-index: 10;
                    box-sizing: border-box;
                    pointer-events: none;
                }
            }

            .bq-ai-sql {
                font-family: monospace;
                font-size: 12px;
                line-height: 2em;
                color: var(--color-primary-grey-4);
                mix-blend-mode: multiply;
                background-color: transparent;
                width: 100%;
                display: block;
            }

            #bq-ai-parameters {
                background-color: var(--color-primary-grey-1);
                border: 1px solid var(--color-primary-grey-2);
                border-radius: 8px;
                padding: 0;
                overflow: hidden;

                table {
                    width: 100%;
                    border-collapse: collapse !important;
                    width: 100%;
                    border: none;
                    border-color: var(--color-primary-grey-3);
                    border-radius: 9px;
                    overflow: hidden;

                    thead {
                        th {
                            text-align: left;
                            padding: 4px 8px;
                            font-family: monospace;
                            font-size: 12px;
                            color: var(--color-primary-grey-4);
                            background-color: var(--color-primary-grey-2);
                            font-weight: 400;
                            letter-spacing: 0.025em;
                        }
                    }

                    tbody {
                        td {
                            text-align: left;
                            padding: 4px 8px;
                            font-family: monospace;
                            font-size: 12px;
                            color: var(--color-primary-grey-4);
                            font-weight: 400;
                            letter-spacing: 0.025em;
                            border-bottom: 1px solid var(--color-primary-grey-2);
                            border-right: 1px solid var(--color-primary-grey-2);

                            &:last-child {
                                border-right: none;
                            }
                        }

                        tr:last-child td {
                            border-bottom: none;
                        }
                    }
                }
            }
        }
        .r-analysis {
            .analysis-loading {
                display: flex;
                gap: 8px;
            }

            .analysis-content,
            .report-container {
                max-width: 100%;
                margin: 0;
                padding: 0;
                background-color: transparent;
                box-shadow: none;
                color: var(--color-primary-grey-5);
                border-radius: 0;
                font-family: var(--font-primary-regular);
            }

            .report-container {
                /* padding: 8px; */
            }

            .report-container h1,
            .report-container h2 {
                border-bottom: none;
                padding-bottom: 0;
                margin-bottom: 16px;
                margin-top: 0;
                font-size: 16px;
                font-weight: 600;
                color: var(--color-primary-grey-5);
                font-family: var(--font-primary-regular);
            }

            .section-summary,
            .section-data,
            .section-insights,
            .section-actions {
                padding: 16px;
                background: var(--color-primary-grey-2);
                border-left: 4px solid var(--color-primary-grey-3);
                border-radius: 8px;
            }

             .section-summary {
                border-top: 1px solid var(--color-primary-grey-3);
                border-right: 1px solid var(--color-primary-grey-3);
                border-bottom: 1px solid var(--color-primary-grey-3);
                background: var(--color-primary-grey-1);
            }

            .section-summary p {
                line-height: 1.8;
            }

            .section-summary strong,
            .section-insights strong,
            .section-data strong,
            .section-actions strong {
                font-weight: 900;
                color: var(--color-primary-grey-5);
            }

            .section-summary strong.highlight-positive {
                display-inline-block;
                padding: 1px 4px;
                background-color: var(--color-alt-green-0);
                border-radius: 2px;
            }

            .section-summary strong.highlight-negative {
                display-inline-block;
                padding: 1px 4px;
                background-color: var(--color-alt-red-0);
                border-radius: 2px;
            }

            .section-insights {
                background-color: var(--color-alt-blue-0);
                border-left: 4px solid var(--color-alt-blue-2);
            }

            .section-actions {
                background-color: var(--color-alt-green-0);
                border-left: 4px solid var(--color-alt-green-2);
            }
        }
    }
}

#settingsDialog {
    color: var(--color-primary-grey-5);
}

#settingsDialog .dialog-header {
    display: flex;
    margin-bottom: 16px;
    font-weight: bold;
    justify-content: space-between;
}

#settingsDialog .dialog-header h2 {
    color: var(--color-primary-grey-5);
    font-weight: 600;
}

#settingsDialog .dialog-header .dialog-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#settingsDialog .dialog-header .dialog-close::before {
    content: '×';
    display: block;
    font-size: 16px;
}

#settingsDialog {
    width: 100%;
    max-width: 420px;
    box-shadow: var(--boxshadow-primary);
}

#settingsDialog .dialog-header {
    display: flex;
    align-items: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

#settingsDialog .dialog-header h2 {
    font-weight: bold;
}

#settingsDialog.settings-readonly #settingsForm::before {
    content: "Your user must have Edit Service Plan permissions in the user configuration to modify AI Budgets and Settings.";
    color: var(--color-primary-red);
    display: block;
    margin-bottom: 8px;
    background-color: var(--color-alt-red-0);
    padding: 9px 12px 12px 12px;
    border-radius: 8px;
}

#settingsDialog.settings-readonly #settingsForm {
    cursor: not-allowed;

    label {
        pointer-events: none;
        opacity: 0.5;
    }

    .dialog-options #saveSettings {
        opacity: 0.5;
        pointer-events: none;
        background-color: var(--color-primary-grey-4);
    }
}

#settingsDialog #settingsForm {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0;
}

#settingsDialog #settingsForm .setting-opt-in span,
#settingsDialog #settingsForm .setting-novice-sql span {
    display: block;
}

#settingsDialog #settingsForm .toggle-switch {
    position: relative;
    width: 24px;
    height: 16px;
    background-color: var(--color-primary-grey-3);
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

#settingsDialog #settingsForm .toggle-switch::before {
    content: "";
    display: block;
    background-color: white;;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: left 0.3s ease;
    box-shadow: 0 0 4px rgba(0,0,0,0.2)
}

#settingsDialog #settingsForm .toggle-switch input[type="checkbox"] {
    opacity: 0;
    positiion: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#settingsDialog #settingsForm .toggle-switch:has(input[type="checkbox"]:checked) {
    background-color: var(--color-primary-green);
}

#settingsDialog #settingsForm .toggle-switch:has(input[type="checkbox"]:checked)::before {
    left: 10px;
}

#settingsDialog #settingsForm .setting-opt-in ,
#settingsDialog #settingsForm .setting-novice-sql {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--color-primary-grey-2);
    background-color: transparent;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

#settingsDialog #settingsForm .setting-opt-in:has(input[type="checkbox"]:checked),
#settingsDialog #settingsForm .setting-novice-sql:has(input[type="checkbox"]:checked) {
    background-color: var(--color-alt-green-1);
}

#settingsDialog #settingsForm .setting-ai-budget {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--color-primary-grey-2);
    border-radius: 8px;
}

#settingsDialog #settingsForm .setting-ai-budget input {
    max-width: 80px;
}

#settingsDialog #settingsForm .settings-input-group {
    display: flex;
    gap: 4px;
    align-items: center;
}

#settingsDialog #settingsForm .setting-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background-color: var(--color-primary-grey-2);
    border-radius: 8px;
    font-size: 12px;
}

#settingsDialog #settingsForm .setting-info {}

#settingsDialog #settingsForm .dialog-options {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 8px;
}

#settingsDialog #settingsForm .dialog-options .btn {
    line-height: 1;
    font-weight: normal;
    padding: 6px 8px;
    transition: background-color 0.3s ease;
}

#settingsDialog #settingsForm .dialog-options .btn:hover {
    background-color: var(--color-primary-blue-dark);
}

#settingsDialog #settingsForm .dialog-options .btn#cancelSettings {
    background-color: var(--color-primary-grey-4);
    color: var(--color-primary-grey-1);
}

#settingsDialog #settingsForm .dialog-options .btn#cancelSettings:hover {
    background-color: var(--color-primary-grey-5);
}

#token-details-dialog .ai-token-cost-summary {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#token-details-dialog .ai-token-details {
    display: grid;
    position: relative;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    padding-top: 16px;
    width: 100%;
    color: var(--color-primary-grey-5);
    letter-spacing: 0.06em;
}

#token-details-dialog .ai-token-details:first-child {
    padding-top: 0;
}

#token-details-dialog .ai-token-details:not(:first-child)::before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: calc(100% + 32px);
    left: -16px;
    top: -4px;
    background-color: transparent;
}

#token-details-dialog .ai-token-details-model {
    grid-column-start: span 2;
    font-weight: 600;
}

#token-details-dialog .ai-token-count {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 14px;

    span:first-child {
        opacity: 1;
    }

    .token-count {
        flex-grow: 1;
        text-align: end;
        margin-right: 10px;
    }
}

#token-details-dialog .ai-token-count {
    &::before {
        content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.87466 7.09812C7.08857 6.52003 7.90622 6.52003 8.12013 7.09812L8.7393 8.7714C9.16524 9.92248 10.0728 10.83 11.2239 11.256L12.8972 11.8752C13.4753 12.0891 13.4753 12.9067 12.8972 13.1206L11.2239 13.7398C10.0728 14.1657 9.16524 15.0733 8.7393 16.2244L8.12013 17.8977C7.90622 18.4757 7.08857 18.4757 6.87466 17.8976L6.25549 16.2244C5.82955 15.0733 4.92199 14.1657 3.77091 13.7398L2.09763 13.1206C1.51954 12.9067 1.51954 12.0891 2.09763 11.8752L3.77091 11.256C4.922 10.83 5.82955 9.92248 6.25549 8.7714L6.87466 7.09812Z" fill="%23303030"/><path d="M12.1415 1.9123C12.2638 1.58197 12.731 1.58197 12.8532 1.9123L13.2071 2.86847C13.4504 3.52623 13.9691 4.04483 14.6268 4.28822L15.583 4.64204C15.9133 4.76427 15.9133 5.2315 15.583 5.35373L14.6268 5.70754C13.9691 5.95094 13.4504 6.46954 13.2071 7.1273L12.8532 8.08346C12.731 8.4138 12.2638 8.4138 12.1415 8.08346L11.7877 7.1273C11.5443 6.46954 11.0257 5.95094 10.368 5.70754L9.41182 5.35373C9.08148 5.2315 9.08148 4.76427 9.41182 4.64204L10.368 4.28822C11.0257 4.04483 11.5443 3.52623 11.7877 2.86846L12.1415 1.9123Z" fill="%23303030"/><path d="M16.4887 8.45518C16.5499 8.29001 16.7835 8.29001 16.8446 8.45518L17.0215 8.93326C17.1432 9.26214 17.4025 9.52144 17.7314 9.64314L18.2095 9.82004C18.3746 9.88116 18.3746 10.1148 18.2095 10.1759L17.7314 10.3528C17.4025 10.4745 17.1432 10.7338 17.0215 11.0627L16.8446 11.5408C16.7835 11.7059 16.5499 11.7059 16.4887 11.5408L16.3118 11.0627C16.1901 10.7338 15.9308 10.4745 15.602 10.3528L15.1239 10.1759C14.9587 10.1148 14.9587 9.88116 15.1239 9.82004L15.602 9.64314C15.9308 9.52144 16.1901 9.26214 16.3118 8.93326L16.4887 8.45518Z" fill="%23303030"/></svg>');
        display: block;
        opacity: .25;
    }
}

#token-details-dialog form[method="dialog"] {
    margin-top: 16px;
    margin-bottom: 0;
}

#token-details-dialog form[method="dialog"] button {
    line-height: 1;
    font-weight: normal;
    padding: 6px 8px;
    transition: background-color 0.3s ease;
    background-color: var(--color-primary-grey-4);
    color: var(--color-primary-grey-1);
    border: none;
    border-radius: 4px;
}

form[action="/merchant/report/builderReportListSave.do"] {

    .intro-container.intro-tools > h2 {
        display: none;
    }

    input[name="create"] {
        background-color: #6F4173;
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.50442 5.67773C5.67555 5.21525 6.32966 5.21525 6.50079 5.67773L6.99613 7.01635C7.33688 7.93722 8.06293 8.66326 8.98379 9.00402L10.3224 9.49935C10.7849 9.67048 10.7849 10.3246 10.3224 10.4957L8.98379 10.9911C8.06293 11.3318 7.33688 12.0579 6.99613 12.9787L6.50079 14.3174C6.32966 14.7798 5.67555 14.7798 5.50442 14.3174L5.00908 12.9787C4.66833 12.0579 3.94228 11.3318 3.02142 10.9911L1.68279 10.4957C1.22032 10.3246 1.22032 9.67048 1.68279 9.49935L3.02142 9.00401C3.94228 8.66326 4.66833 7.93722 5.00908 7.01635L5.50442 5.67773Z" fill="white"></path><path d="M9.71793 1.52907C9.81571 1.2648 10.1895 1.2648 10.2873 1.52907L10.5703 2.294C10.765 2.82021 11.1799 3.2351 11.7061 3.42981L12.4711 3.71286C12.7353 3.81065 12.7353 4.18443 12.4711 4.28222L11.7061 4.56527C11.1799 4.75998 10.765 5.17486 10.5703 5.70107L10.2873 6.466C10.1895 6.73027 9.81571 6.73027 9.71793 6.466L9.43488 5.70107C9.24016 5.17486 8.82528 4.75998 8.29907 4.56527L7.53414 4.28222C7.26987 4.18443 7.26987 3.81065 7.53414 3.71286L8.29907 3.42981C8.82528 3.2351 9.24016 2.82021 9.43488 2.294L9.71793 1.52907Z" fill="white"></path><path d="M13.191 6.76335C13.2399 6.63121 13.4268 6.63121 13.4757 6.76335L13.6172 7.14581C13.7146 7.40892 13.922 7.61636 14.1851 7.71372L14.5676 7.85524C14.6997 7.90413 14.6997 8.09102 14.5676 8.13992L14.1851 8.28144C13.922 8.3788 13.7146 8.58624 13.6172 8.84935L13.4757 9.23181C13.4268 9.36395 13.2399 9.36395 13.191 9.23181L13.0495 8.84935C12.9521 8.58624 12.7447 8.3788 12.4816 8.28144L12.0991 8.13992C11.967 8.09102 11.967 7.90413 12.0991 7.85524L12.4816 7.71371C12.7447 7.61636 12.9521 7.40892 13.0495 7.14581L13.191 6.76335Z" fill="white"></path></svg>');
        font-weight: normal;
        background-repeat: no-repeat;
        background-position: 4px center;
        padding-left: 24px;
        padding-right: 8px;
        transition: background-color 0.3s ease;

        &:hover {
            background-color: #5E2D5E;
        }
    }

    p {
        font-weight: normal;
    }

    .space_bottom_20 {
        display: flex;
        gap: 8px;
    }

    .report-table {
        box-shadow: var(--boxshadow-primary);
        width: 100%;
        max-width: 640px;
        padding: 16px;
        border-radius: 16px;
    }

    table {
        width: 100%;

        thead,
        tbody {
            th,
            td {
                text-align: left;
                padding: 0 8px 8px 8px;

                .btn {
                    margin: 0;
                    padding: 2px 6px;
                    font-weight: 400;
                }
            }

            th:first-child,
            td:first-child {
                padding: 0 8px 8px 0;
            }

            th:last-child,
            td:last-child {
                padding: 0 0 8px 8px;
                width: 1%;
            }

            .report-name {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%;
            }

            .report-actions {
                display: flex;
                gap: 8px;

                .btn {
                    background-color: #6F4173;
                    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.50442 5.67773C5.67555 5.21525 6.32966 5.21525 6.50079 5.67773L6.99613 7.01635C7.33688 7.93722 8.06293 8.66326 8.98379 9.00402L10.3224 9.49935C10.7849 9.67048 10.7849 10.3246 10.3224 10.4957L8.98379 10.9911C8.06293 11.3318 7.33688 12.0579 6.99613 12.9787L6.50079 14.3174C6.32966 14.7798 5.67555 14.7798 5.50442 14.3174L5.00908 12.9787C4.66833 12.0579 3.94228 11.3318 3.02142 10.9911L1.68279 10.4957C1.22032 10.3246 1.22032 9.67048 1.68279 9.49935L3.02142 9.00401C3.94228 8.66326 4.66833 7.93722 5.00908 7.01635L5.50442 5.67773Z" fill="white"></path><path d="M9.71793 1.52907C9.81571 1.2648 10.1895 1.2648 10.2873 1.52907L10.5703 2.294C10.765 2.82021 11.1799 3.2351 11.7061 3.42981L12.4711 3.71286C12.7353 3.81065 12.7353 4.18443 12.4711 4.28222L11.7061 4.56527C11.1799 4.75998 10.765 5.17486 10.5703 5.70107L10.2873 6.466C10.1895 6.73027 9.81571 6.73027 9.71793 6.466L9.43488 5.70107C9.24016 5.17486 8.82528 4.75998 8.29907 4.56527L7.53414 4.28222C7.26987 4.18443 7.26987 3.81065 7.53414 3.71286L8.29907 3.42981C8.82528 3.2351 9.24016 2.82021 9.43488 2.294L9.71793 1.52907Z" fill="white"></path><path d="M13.191 6.76335C13.2399 6.63121 13.4268 6.63121 13.4757 6.76335L13.6172 7.14581C13.7146 7.40892 13.922 7.61636 14.1851 7.71372L14.5676 7.85524C14.6997 7.90413 14.6997 8.09102 14.5676 8.13992L14.1851 8.28144C13.922 8.3788 13.7146 8.58624 13.6172 8.84935L13.4757 9.23181C13.4268 9.36395 13.2399 9.36395 13.191 9.23181L13.0495 8.84935C12.9521 8.58624 12.7447 8.3788 12.4816 8.28144L12.0991 8.13992C11.967 8.09102 11.967 7.90413 12.0991 7.85524L12.4816 7.71371C12.7447 7.61636 12.9521 7.40892 13.0495 7.14581L13.191 6.76335Z" fill="white"></path></svg>');
                    font-weight: normal;
                    background-repeat: no-repeat;
                    background-position: 4px center;
                    padding-left: 26px;
                    padding-right: 8px;
                    transition: background-color 0.3s ease;

                    &:hover {
                        background-color: #5E2D5E;
                    }
                }

                .btn.delete {
                    background-color: var(--color-primary-red);
                    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33332 6C3.70151 6 3.99999 6.29848 3.99999 6.66667V13.3333C3.99999 13.7015 4.29846 14 4.66666 14H11.3333C11.7015 14 12 13.7015 12 13.3333V6.66667C12 6.29848 12.2985 6 12.6667 6C13.0348 6 13.3333 6.29848 13.3333 6.66667V13.3333C13.3333 14.4379 12.4379 15.3333 11.3333 15.3333H4.66666C3.56209 15.3333 2.66666 14.4379 2.66666 13.3333V6.66667C2.66666 6.29848 2.96513 6 3.33332 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 4.00001C1.33334 3.63182 1.63182 3.33334 2.00001 3.33334H14C14.3682 3.33334 14.6667 3.63182 14.6667 4.00001C14.6667 4.3682 14.3682 4.66668 14 4.66668H2.00001C1.63182 4.66668 1.33334 4.3682 1.33334 4.00001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.66666 1.99999C6.29847 1.99999 5.99999 2.29847 5.99999 2.66666V3.99999C5.99999 4.36818 5.70151 4.66666 5.33332 4.66666C4.96513 4.66666 4.66666 4.36818 4.66666 3.99999V2.66666C4.66666 1.56209 5.56209 0.666656 6.66666 0.666656H9.33332C10.4379 0.666656 11.3333 1.56209 11.3333 2.66666V3.99999C11.3333 4.36818 11.0348 4.66666 10.6667 4.66666C10.2985 4.66666 9.99999 4.36818 9.99999 3.99999V2.66666C9.99999 2.29846 9.70153 1.99999 9.33332 1.99999H6.66666Z" fill="white"/></svg>');

                    &:hover {
                        background-color: var(--color-primary-red-dark);
                    }
                }

                .btn[value="View"] {
                    background-color: var(--color-primary-blue);
                    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 3.33333C2 2.59695 2.59695 2 3.33333 2H5.97191C6.3401 2 6.63857 2.29848 6.63857 2.66667C6.63857 3.03486 6.3401 3.33333 5.97191 3.33333L3.33333 3.33333V14H12.6667L12.6667 3.33333H10.2617C9.89354 3.33333 9.59506 3.03486 9.59506 2.66667C9.59506 2.29848 9.89354 2 10.2617 2H12.6667C13.403 2 14 2.59695 14 3.33333V14C14 14.7364 13.403 15.3333 12.6667 15.3333H3.33333C2.59695 15.3333 2 14.7364 2 14V3.33333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.37262 2C5.37262 1.26362 5.96957 0.666668 6.70595 0.666668H9.37262C10.109 0.666668 10.706 1.26362 10.706 2V3.33333C10.706 4.06971 10.109 4.66667 9.37262 4.66667H6.70595C5.96957 4.66667 5.37262 4.06971 5.37262 3.33333V2ZM9.37262 2H6.70595V3.33333H9.37262V2Z" fill="white"/></svg>');

                    &:hover {
                        background-color: var(--color-primary-blue-dark);
                    }
                }
            }

        }
    }
}

#contentExperiments .exp-stats-table-container tbody tr .exp-table-col-variant .exp-variant-title {
    width: calc(100% - 134px);
}

#contentExperiments .exp-stats-table-container tbody tr .exp-table-col-variant .exp-winner {
    display: flex;
    align-items: center;
    width: 60px;
    gap: 4px;
    border: 1px solid transparent;
    padding-left: 2px;
    background-color: var(--color-alt-blue-1);
    color: var(--color-primary-grey-5);
}

#contentExperiments .exp-stats-table-container tbody tr .exp-table-col-variant .exp-winner:hover {
    color: var(--color-primary-blue-dark);
}

#contentExperiments .exp-stats-table-container tbody tr .exp-table-col-variant .exp-winner::after {
    content: "Promote";
    font-size: 10px;
}

body[data-main-form-action="/merchant/report/dashboardListSave.do"] {
    .intro-wrapper {
        p {
            font-weight: normal;
        }
    }

    .btn {
        padding: 4px 12px;
    }

    .btn:hover {
        background-color: var(--color-primary-blue-dark);
    }

    .btn.delete:hover {
        background-color: var(--color-primary-red-dark);
    }

    .btn.btn-ai:hover {
    background-color: #623864;
    }

    .btn.btn-docs:hover {
        background-color: white;
        color: var(--color-primary-blue-dark);
        border: 1px solid var(--color-primary-blue-dark);
    }

    .btn[value="View"] {
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.00001 1.33334C2.3682 1.33334 2.66668 1.63182 2.66668 2.00001V14C2.66668 14.3682 2.3682 14.6667 2.00001 14.6667C1.63182 14.6667 1.33334 14.3682 1.33334 14V2.00001C1.33334 1.63182 1.63182 1.33334 2.00001 1.33334Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 14C1.33334 13.6318 1.63182 13.3333 2.00001 13.3333H14C14.3682 13.3333 14.6667 13.6318 14.6667 14C14.6667 14.3682 14.3682 14.6667 14 14.6667H2.00001C1.63182 14.6667 1.33334 14.3682 1.33334 14Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4714 5.52861C14.7318 5.78896 14.7318 6.21107 14.4714 6.47141L10.9714 9.97141C10.7111 10.2318 10.2889 10.2318 10.0286 9.97141L8.16667 8.10949L5.13807 11.1381C4.87772 11.3984 4.45561 11.3984 4.19526 11.1381C3.93491 10.8777 3.93491 10.4556 4.19526 10.1953L7.69526 6.69527C7.95561 6.43492 8.37772 6.43492 8.63807 6.69527L10.5 8.5572L13.5286 5.52861C13.7889 5.26826 14.2111 5.26826 14.4714 5.52861Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: 8px center;
        padding-left: 32px;
    }

    .btn[value="Edit"] {
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 14C1.33334 13.6318 1.63181 13.3333 2 13.3333H14C14.3682 13.3333 14.6667 13.6318 14.6667 14C14.6667 14.3682 14.3682 14.6667 14 14.6667H2C1.63181 14.6667 1.33334 14.3682 1.33334 14Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.1952 2.80489C10.9033 2.51296 10.43 2.51296 10.1381 2.80489L10.1381 2.8049L3.60197 9.34099L3.24958 10.7506L4.65916 10.3982L11.1952 3.86209C11.4872 3.57016 11.4872 3.09683 11.1952 2.80489ZM9.19525 1.86209C10.0079 1.04945 11.3255 1.04945 12.1381 1.86209C12.9507 2.67473 12.9507 3.99225 12.1381 4.80489L12.1381 4.8049L5.4714 11.4716C5.38596 11.557 5.27891 11.6176 5.16169 11.6469L2.49502 12.3136C2.26784 12.3704 2.02751 12.3038 1.86193 12.1382C1.69634 11.9726 1.62977 11.7323 1.68657 11.5051L2.35323 8.83847C2.38254 8.72125 2.44315 8.61419 2.52859 8.52875L9.19525 1.86209Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: 8px center;
        padding-left: 32px;
    }

    .btn[value="Delete"] {
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33332 6C3.70151 6 3.99999 6.29848 3.99999 6.66667V13.3333C3.99999 13.7015 4.29846 14 4.66666 14H11.3333C11.7015 14 12 13.7015 12 13.3333V6.66667C12 6.29848 12.2985 6 12.6667 6C13.0348 6 13.3333 6.29848 13.3333 6.66667V13.3333C13.3333 14.4379 12.4379 15.3333 11.3333 15.3333H4.66666C3.56209 15.3333 2.66666 14.4379 2.66666 13.3333V6.66667C2.66666 6.29848 2.96513 6 3.33332 6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 4.00001C1.33334 3.63182 1.63182 3.33334 2.00001 3.33334H14C14.3682 3.33334 14.6667 3.63182 14.6667 4.00001C14.6667 4.3682 14.3682 4.66668 14 4.66668H2.00001C1.63182 4.66668 1.33334 4.3682 1.33334 4.00001Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.66666 1.99999C6.29847 1.99999 5.99999 2.29847 5.99999 2.66666V3.99999C5.99999 4.36818 5.70151 4.66666 5.33332 4.66666C4.96513 4.66666 4.66666 4.36818 4.66666 3.99999V2.66666C4.66666 1.56209 5.56209 0.666656 6.66666 0.666656H9.33332C10.4379 0.666656 11.3333 1.56209 11.3333 2.66666V3.99999C11.3333 4.36818 11.0348 4.66666 10.6667 4.66666C10.2985 4.66666 9.99999 4.36818 9.99999 3.99999V2.66666C9.99999 2.29846 9.70153 1.99999 9.33332 1.99999H6.66666Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: 8px center;
        padding-left: 32px;
    }

    .report-table {
        padding: 16px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
        box-sizing: border-box;
        width: calc(100% - 30px);
        max-width: 640px;
        border-radius: 8px;
    }

    .report-table table {
        width: 100%;
    }

    .report-table thead {
        display: none;
    }

    .report-table tbody tr:not(:last-child) td {
        padding-bottom: 8px;
    }

    .report-table tbody tr td:last-child {
        width: 1%;
    }

    .report-table tbody tr td:first-child {
        width: auto;
        padding-right: 16px;
    }

    .report-table tbody tr td:first-child .report-name {
        width: 100%;
        max-width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .report-table tbody tr td:first-child .report-name {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .report-table tbody tr td:first-child .report-name::before {
        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 2.00001C4.6863 2.00001 2.00001 4.6863 2.00001 8.00001C2.00001 11.3137 4.6863 14 8.00001 14C11.3137 14 14 11.3137 14 8.00001C14 4.6863 11.3137 2.00001 8.00001 2.00001ZM0.666672 8.00001C0.666672 3.94992 3.94992 0.666672 8.00001 0.666672C12.0501 0.666672 15.3333 3.94992 15.3333 8.00001C15.3333 12.0501 12.0501 15.3333 8.00001 15.3333C3.94992 15.3333 0.666672 12.0501 0.666672 8.00001Z" fill="%23303030"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 0.666672C8.36818 0.666672 8.66666 0.965149 8.66666 1.33334V7.33334H14.6667C15.0349 7.33334 15.3333 7.63182 15.3333 8.00001C15.3333 8.3682 15.0349 8.66667 14.6667 8.66667H7.99999C7.63181 8.66667 7.33333 8.3682 7.33333 8.00001V1.33334C7.33333 0.965149 7.63181 0.666672 7.99999 0.666672Z" fill="%23303030"/></svg>');
        display: block;
    }

    .report-table tbody tr td .report-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }

    .report-table tbody tr td .report-actions .btn {
        margin-right: 0;
    }
}

.dashboards-marketing-wrapper {
    display: flex;
    gap: 32px;
}

.dashboards-marketing-wrapper .dashboards-marketing-graphic {
    max-width: 400px;
}

.dashboards-marketing-wrapper .dashboards-marketing-graphic svg {
    width: 100%;
    height: auto;

}

.dashboards-marketing-wrapper .dashboard-marketing-content ul {
    margin-top: 16px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.dashboards-marketing-wrapper .dashboard-marketing-content ul li {
    margin-bottom: 16px;
}

.dashboards-marketing-wrapper .dashboard-marketing-content a {
    display: inline-flex;
    align-items: center;
    padding-left: 6px;
    gap: 8px;
}

/* RESPONSIVE 768 > down */
@media (max-width: 768px) {
    body {
        width: 100vw;

        &:not(:is(.no-header, .body_fullscreen)) {
            &::before,
            &::after {
                display: none;
            }
        }

        &::before,
        &::after {
            display: none;
        }
    }

    header,
    .head {
        min-width: 100%;

        #header_extension {
            display: none;
        }

        .logo {
            width: auto;
            padding: 16px 16px 16px 0;
            transition: padding 0.3s ease;
            display: flex;
            align-items: center;

            &::before {
                display: block;
                content: '';
                display: block;
                width: 100px;
                height: 11px;
                background-image: url('data:image/svg+xml,<svg width="338" height="36" viewBox="0 0 338 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.826172" y="1.07526" width="34" height="6" rx="2" fill="white"/><rect x="0.826172" y="15.0753" width="34" height="6" rx="2" fill="white"/><rect x="0.826172" y="29.0753" width="34" height="6" rx="2" fill="white"/><path d="M54.8673 2.23286C54.8673 1.73907 55.2788 1.32758 55.7726 1.32758H58.9822C59.5172 1.32758 59.8875 1.73907 59.8875 2.23286V22.0256C59.8875 26.7989 62.9325 30.5435 67.8293 30.5435C72.7672 30.5435 75.8534 26.84 75.8534 22.1079V2.23286C75.8534 1.73907 76.2237 1.32758 76.7587 1.32758H79.9683C80.4621 1.32758 80.8736 1.73907 80.8736 2.23286V22.3548C80.8736 29.6382 75.3596 35.3168 67.7882 35.3168C60.2579 35.3168 54.8262 29.6382 54.8262 22.3548V2.23286H54.8673Z" fill="white"/><path d="M92.7207 2.23286C92.7207 1.73907 93.0911 1.32758 93.626 1.32758H96.7945C97.2883 1.32758 97.6998 1.73907 97.6998 2.23286V30.3789H110.703C111.238 30.3789 111.608 30.7904 111.608 31.2842V33.9177C111.608 34.4115 111.238 34.823 110.703 34.823H93.6671C93.1322 34.823 92.7619 34.4115 92.7619 33.9177V2.23286H92.7207Z" fill="white"/><path d="M122.188 5.81283H114.37C113.835 5.81283 113.465 5.40134 113.465 4.90755V2.23286C113.465 1.73907 113.835 1.32758 114.37 1.32758H134.945C135.48 1.32758 135.85 1.73907 135.85 2.23286V4.90755C135.85 5.40134 135.48 5.81283 134.945 5.81283H127.126V33.9177C127.126 34.4115 126.715 34.823 126.221 34.823H123.053C122.559 34.823 122.147 34.4115 122.147 33.9177V5.81283H122.188Z" fill="white"/><path d="M144.039 2.23286C144.039 1.73907 144.41 1.32758 144.945 1.32758H157.948C163.709 1.32758 168.4 5.89513 168.4 11.5737C168.4 15.9767 165.478 19.5978 161.322 21.2849L167.865 33.4651C168.194 34.0823 167.865 34.8641 167.042 34.8641H163.297C162.927 34.8641 162.639 34.6172 162.515 34.4526L156.137 21.7787H148.895V34C148.895 34.4938 148.483 34.9053 147.99 34.9053H144.862C144.327 34.9053 143.957 34.4938 143.957 34V2.23286H144.039ZM157.577 17.6226C160.705 17.6226 163.421 14.9891 163.421 11.6972C163.421 8.56983 160.705 6.01858 157.577 6.01858H149.06V17.6638H157.577V17.6226Z" fill="white"/><path d="M174.324 33.5885L189.014 1.36874C189.138 1.0807 189.59 0.833801 189.837 0.833801H190.331C190.578 0.833801 190.989 1.0807 191.154 1.36874L205.762 33.5885C206.05 34.2058 205.679 34.823 204.939 34.823H201.935C201.359 34.823 201.03 34.535 200.824 34.1235L197.861 27.5807H182.224C181.278 29.8028 180.249 31.9426 179.303 34.1235C179.179 34.4527 178.768 34.823 178.192 34.823H175.188C174.406 34.823 174.036 34.2058 174.324 33.5885ZM196.009 23.4247L190.125 10.3393H189.878L184.035 23.4658H196.009V23.4247Z" fill="white"/><path d="M228.144 0.833801C233 0.833801 236.456 2.47977 239.748 5.27791C240.16 5.64825 240.16 6.22434 239.789 6.63584L237.691 8.77559C237.361 9.18708 236.909 9.18708 236.497 8.77559C234.234 6.80043 231.189 5.56595 228.226 5.56595C221.396 5.56595 216.211 11.3268 216.211 18.0342C216.211 24.7415 221.437 30.4201 228.267 30.4201C231.765 30.4201 234.193 29.021 236.497 27.2516C236.909 26.9224 237.361 26.9635 237.649 27.2104L239.872 29.3502C240.242 29.6794 240.16 30.2966 239.83 30.6258C236.58 33.7943 232.465 35.2756 228.185 35.2756C218.597 35.2756 210.903 27.6631 210.903 18.0753C210.861 8.56985 218.556 0.833801 228.144 0.833801Z" fill="white"/><path d="M245.097 33.5885L259.788 1.36874C259.911 1.0807 260.364 0.833801 260.611 0.833801H261.104C261.351 0.833801 261.763 1.0807 261.927 1.36874L276.535 33.5885C276.823 34.2058 276.453 34.823 275.712 34.823H272.708C272.132 34.823 271.803 34.535 271.597 34.1235L268.635 27.5807H252.998C252.051 29.8028 251.023 31.9426 250.076 34.1235C249.953 34.4527 249.541 34.823 248.965 34.823H245.961C245.18 34.823 244.809 34.2058 245.097 33.5885ZM266.783 23.4247L260.899 10.3393H260.652L254.808 23.4658H266.783V23.4247Z" fill="white"/><path d="M284.271 2.23286C284.271 1.73907 284.642 1.32758 285.177 1.32758H298.18C303.941 1.32758 308.632 5.89513 308.632 11.5737C308.632 15.9767 305.71 19.5978 301.554 21.2849L308.097 33.4651C308.426 34.0823 308.097 34.8641 307.274 34.8641H303.529C303.159 34.8641 302.871 34.6172 302.747 34.4526L296.369 21.7787H289.127V34C289.127 34.4938 288.716 34.9053 288.222 34.9053H285.177C284.642 34.9053 284.271 34.4938 284.271 34V2.23286ZM297.81 17.6226C300.937 17.6226 303.653 14.9891 303.653 11.6972C303.653 8.56983 300.937 6.01858 297.81 6.01858H289.292V17.6638H297.81V17.6226Z" fill="white"/><path d="M323.651 5.81283H315.833C315.298 5.81283 314.928 5.40134 314.928 4.90755V2.23286C314.928 1.73907 315.298 1.32758 315.833 1.32758H336.408C336.943 1.32758 337.313 1.73907 337.313 2.23286V4.90755C337.313 5.40134 336.943 5.81283 336.408 5.81283H328.589V33.9177C328.589 34.4115 328.178 34.823 327.684 34.823H324.515C324.022 34.823 323.61 34.4115 323.61 33.9177V5.81283H323.651Z" fill="white"/></svg>');
                background-size: contain;
                background-repeat: no-repeat;
            }

            a {
                display: none;
            }
        }

        .header_right {
            width: auto;

            .search_area {
                width: 110px;

                .search_bg {
                    width: 70px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    padding: 0 8px !important;
                    box-sizing: border-box;
                }
            }
        }
    }

    /* NOTE: Dont set this because it impacts nested screens */
    /* .section_title_bar {
        margin: 0;
    } */

    .section_title_bar {
        margin: 16px 16px 0 16px
    }

    .section_title {
        max-width: calc(100vw - 90px);

        h1 {
            font-size: 1.25rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
    }

    .screen_help {
        width: 28px;
        overflow: hidden;
        color: transparent;
        top: 120px;
        right: 16px;
        left: auto;
        z-index: 100;

        .screen_icon {
            margin: 6px 6px 0 6px;
            width: 16px;
            height: 16px;

            &::before {
                height: 16px;
                width: 16px;
                font-size: 16px;
            }
        }

    }

    .breadcrumbs {
        ul {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            li {
                display: flex;
                align-items: center;

                a {
                    max-width: 100px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }

            }

        }
    }

    .actions_bar_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .interior {
        width: 100%;
        padding-left: 16px;
    }

    .content_wrapper_v2,
    .content_wrapper_v3,
    .content_wrapper {
        position: relative;
        margin-left: 0 !important;
        background-color: var(--color-primary-grey-1);

        .content_area {
            min-width: 100%;
            /* tooooo agressive need to find a better solution here */
            /* padding: 16px; */
            padding-left: 16px;
            box-sizing: border-box;

            .section_title_bar {
                margin: 16px 16px 0 0;
            }

            > .interior {
            width: calc(100vw - 30px) !important;
                margin: 0;
                padding-left: 0;

                .interior_content {
                    padding: 16px 0 16px 16px;

                    .list_half {
                        * {
                            box-sizing: border-box;
                        }

                        li {
                            padding-left: 0;
                        }

                        &.menu {
                            min-width: 100% !important;
                        }
                    }
                }

                .left_nav {
                    margin-left: -16px;
                }

            }

            .app.standard {
                margin-top: 0 !important;
                margin-right: 0 !important;
        }
    }

    .side_bar {
        position: fixed;
            left: -130px;
        top: 0;
        z-index: 999;
        background-color: var(--color-primary-grey-1);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0);
        transition: left 0.3s ease, box-shadow 0.3s ease;
        min-height: 100vh;
            margin-left: 0 !important;
        }
    }
    .footer {
        height: 100%;
        padding: 32px;

        #footer_extension {
            min-width: 100% !important;
        }

        .footer_right {
            display: flex;
            height: auto;
            min-width: 100%;
            flex-wrap: wrap;
            gap: 16px;

            .contact,
            .fooger_nav,
            .footer_info {
                width: 100%;
                margin: 0;
            }
        }
    }

    body.side_bar_active {
        header,
        .head {
            .logo {
                padding: 16px 16px 16px 120px;

                &::before {
                    background-image: url('data:image/svg+xml,<svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7.92578" y="2.85785" width="34" height="6" rx="2" transform="rotate(45 7.92578 2.85785)" fill="white"/><rect x="3.68359" y="26.8995" width="34" height="6" rx="2" transform="rotate(-45 3.68359 26.8995)" fill="white"/></svg>');
                }
            }
        }

        .side_bar {
            left: 0;
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
        }
    }

    /* Dashboard */
    #wrap {
        .dashboard.page_options {
            width: auto;
            right: auto;
            left: 20px;
            margin: 0;
            padding: 0;
        }

        .onscreen_tour {
            display: none;
        }
    }

    .content {

        .widget {
            min-width: 100%;
        }

        .widget_full {
            min-width: auto;
        }
    }

    .dashboard {
        margin: 0 !important;
        padding-right: 16px;
        max-width: 100vw;
        width: 100%;
        box-sizing: border-box;

        .widget_full,
        .widget_half {
            width: 100%;
            margin-left: 0;
        }

        .widget[widgetid="com.bpsinfo.ultracart.dashboard.v2.widgets.CheckListWidget"] {
            margin: 0;
            box-sizing: border-box;

            #gettingStartedContainer {
                flex-direction: column;
                gap: 32px;

                .wiz_menu_container {
                    flex: 0 0 auto;
                    width: 100%;
                    max-height: 120px;
                    overflow: auto;
                }

                .wiz_content_container {
                    /* account info */
                    .wiz_content_wrapper[data-step-name="Account Info"] {
                        .wiz_content_row {
                            .wiz_content_col {
                                max-width: none;
                            }
                        }
                    }

                    .wiz_content {
                        padding: 0;

                        .wiz_content_row {
                            .col_half {
                                width: 100%;
                                float: none;
                            }
                        }

                        /* Section Website */
                        .wiz_storefront_container {
                            .wiz_form_container {
                                flex-direction: column;

                                .wiz_storefront_inputs {
                                    width: auto;

                                    .wiz_content_row {
                                        flex-direction: column;
                                    }
                                }
                            }
                            .wiz_save_storefront {
                                padding-left: 0;
                            }
                        }
                    }
                }
            }
        }
    }



    /* Orders - Shipping - Shipping Dept Order List */
    body[data-main-form-action="./reviewOrdersLoad.do"],
    form[action="/merchant/orderprocessing/sd/shippingDepartmentListSave.do"] {
        .interior_content.item_editor {
            padding: 0 !important;
        }

        th[aria-label*="Order ID"],
        td.orderId {
            max-width: 80px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        td.orderId {
            direction: rtl;
        }
    }

    body[data-main-form-action="./reviewOrdersLoad.do"] {
        td:has(.orderReviewLink) {
            max-width: 80px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    /* Orders - Accounts Receivable */
    form[action="/merchant/orderprocessing/ar/accountsReceivableListSave2.do"] {
        .ar_table_wrapper {
            max-width: calc(100vw - 40px);
            box-sizing: border-box;
        }
    }

    /* Specific styles for the sidebar menu */
    body[data-main-form-action="/affiliate/program/overviewSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/editProgramSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/commissionsSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/emailTemplateListSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/emailTemplateListSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/affiliateLinkListSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/manageAffiliatesSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/linksSave.do"] .content_wrapper,
    body[data-main-form-action="/affiliate/program/reportsSave.do"] .content_wrapper,
    .interior_content.new-menu-layout,
    .content_wrapper.new-menu-layout {
        .section_title_bar_container {
            padding-left: 196px;

        }
    }

    body[data-main-form-action="./reviewOrdersLoad.do"] {

        .os_footer-wrapper {
            .os_footer-actions {
                flex-wrap: wrap;

                label.btn {
                    flex: 1 1 auto;
                }
            }
            .os_action-save {
                display: none;
            }
        }

        .content_wrapper_v2, .content_wrapper_v3, .content_wrapper {
            & .content_area {
                & > .interior {
                    .interior_content {
                        padding: 0;
                    }
                }
            }
        }

        .scroll_table_wrapper {
            max-width: calc(100vw - 32px)
        }

        #resultsContainer {
            > .space_bottom_20 {
                input[type="button"] {
                    width: calc(33% - 4px);
                    text-align: left;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
            }
        }
    }

    body[data-main-form-action="/merchant/configuration/payment/v5/methodsSave.do"] {
        .interior {
            margin: 0;
            padding: 0;
            max-width: calc(100vw - 32px);

            * {
                box-sizing: border-box;
            }

            .interior_container .nav_interior_content {
                display: block;
            }

            .method_info_new {
                flex-direction: column;
                gap: 32px;
            }

            .method_info_new_copy + div {
                flex-wrap: wrap;
            }
        }
    }

    #uc-reports {
        .reports-wrapper {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

/* Fix for Integration Log prism default */
.language-json .token.operator,
.language-elixir .token.operator {
    background: none;
}

.dashboards-marketing-wrapper {
    display: flex;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@keyframes spin2 {
  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}