@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap&subset=latin-ext');

@font-face {
    font-family: 'shp';
    src: url('shp.ttf?keh8vo') format('truetype'), url('shp.woff?keh8vo') format('woff'), url('shp.svg?keh8vo#shp') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="shp-"], [class*=" shp-"] {
    font-family: 'shp' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shp-dashboard:before {
    content: "\e900"
}

.shp-orders:before {
    content: "\e901"
}

.shp-products:before {
    content: "\e902"
}

.shp-customer2:before {
    content: "\e903"
}

.shp-cashdesk:before {
    content: "\e904"
}

.shp-elements:before {
    content: "\e905"
}

.shp-marketing:before {
    content: "\e906"
}

.shp-connectionManager:before {
    content: "\e907"
}

.shp-statistics:before {
    content: "\e908"
}

.shp-settings:before {
    content: "\e909"
}

.shp-helpdesk:before {
    content: "\e90a"
}

.shp-sluchatka:before {
    content: "\e90b"
}

.shp-lupa:before {
    content: "\e90c"
}

.shp-prejit:before {
    content: "\e90d"
}

.shp-zvonek:before {
    content: "\e90e"
}

.shp-eye:before {
    content: "\e90f"
}

.shp-starOn:before {
    content: "\e910"
}

.shp-error:before {
    content: "\e911"
}

.shp-tip:before {
    content: "\e912"
}

.shp-newFile:before {
    content: "\e913"
}

.shp-print:before {
    content: "\e914"
}

.shp-remove:before {
    content: "\e915"
}

.shp-plus-large:before {
    content: "\e916"
}

.shp-positive:before {
    content: "\e917"
}

.shp-negative:before {
    content: "\e918"
}

.shp-dashboardSipka:before {
    content: "\e919"
}

.shp-facebook:before {
    content: "\e91a"
}

.shp-google:before {
    content: "\e91b"
}

.shp-twitter:before {
    content: "\e91c"
}

.shp-home2:before {
    content: "\e91d"
}

.shp-blog:before {
    content: "\e91e"
}

.shp-notifikace:before {
    content: "\e91f"
}

.shp-sipkaOdkaz:before {
    content: "\e920"
}

.shp-dashboardSipka2:before {
    content: "\e921"
}

.shp-starOff:before {
    content: "\e922"
}

.shp-starHalf:before {
    content: "\e923"
}

.shp-icon_item_visible:before {
    content: "\e924"
}

.shp-icon_item_hidden:before {
    content: "\e925"
}

.shp-disabled_icon:before {
    content: "\e926"
}

.shp-cashdeskCategory:before {
    content: "\e927"
}

.shp-opened_folder:before {
    content: "\e928"
}

.shp-icon_helpdesk:before {
    content: "\e929"
}

.shp-calendar:before {
    content: "\e92a"
}

.shp-icon_link:before {
    content: "\e92b"
}

.shp-icon_fullscreen:before {
    content: "\e92c"
}

.shp-ico_help:before {
    content: "\e92d"
}

.shp-cart:before {
    content: "\e92e"
}

.shp-point:before {
    content: "\e92f"
}

.shp-plus:before {
    content: "\e930"
}

.shp-update_icon:before {
    content: "\e931"
}

.shp-icon_split:before {
    content: "\e932"
}

.shp-icon_copy:before {
    content: "\e933"
}

.shp-icon_preview:before {
    content: "\e934"
}

.shp-arrow:before {
    content: "\e935"
}

.shp-bug_icon:before {
    content: "\e936"
}

.shp-attachmentIcon:before {
    content: "\e937"
}

.shp-wizard:before {
    content: "\e938"
}

.shp-accomplishItemIcon:before {
    content: "\e939"
}

.shp-spinner:before {
    content: "\e93a"
}

.shp-success:before {
    content: "\e93b"
}

.shp-cross:before {
    content: "\e93c"
}

.shp-move:before {
    content: "\e93d"
}

.shp-love_shoptet:before {
    content: "\e93e"
}

.shp-logo-white:before {
    content: "\e93f"
}

.shp-trash:before {
    content: "\e940"
}

.shp-minus:before {
    content: "\e941"
}

.shp-icon_pdf:before {
    content: "\e942"
}

.shp-srdicko:before {
    content: "\e943"
}

.shp-arrow2:before {
    content: "\e944"
}

.shp-menu:before {
    content: "\e945"
}

.shp-tap-button1:before {
    content: "\e946"
}

.shp-lock:before {
    content: "\e947"
}

.shp-lifebuoy:before {
    content: "\e948"
}

.shp-toggle:before {
    content: "\e949"
}

.shp-hollow-product:before {
    content: "\e94a"
}

.shp-home:before {
    content: "\e94b"
}

.shp-envelope:before {
    content: "\e94c"
}

.shp-key:before {
    content: "\e94d"
}

.shp-wheel:before {
    content: "\e94e"
}

.shp-group:before {
    content: "\e94f"
}

.shp-address:before {
    content: "\e950"
}

.shp-box-closed:before {
    content: "\e951"
}

.shp-box-opened:before {
    content: "\e952"
}

.shp-comment:before {
    content: "\e953"
}

.shp-customer:before {
    content: "\e954"
}

.shp-delivery:before {
    content: "\e955"
}

.shp-email:before {
    content: "\e956"
}

.shp-money:before {
    content: "\e957"
}

.shp-phone:before {
    content: "\e958"
}

.shp-profit:before {
    content: "\e959"
}

.shp-text:before {
    content: "\e95a"
}

.shp-document:before {
    content: "\e95b"
}

.shp-number:before {
    content: "\e95c"
}

.shp-alert:before, .shp-warning:before {
    content: "\e95d"
}

.shp-folder:before {
    content: "\e95e"
}

.shp-tree-item:before {
    content: "\e95f"
}

.shp-icon_pdf2:before {
    content: "\e960"
}

.shp-diskette:before {
    content: "\e961"
}

html, body, form, fieldset, label, legend, object {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%
}

fieldset {
    display: table-cell;
    min-width: 0
}

*::-ms-backdrop, fieldset {
    display: block
}

*, *:after, *:before {
    box-sizing: border-box
}

html, body {
    height: auto
}

    html.cart-visible {
        overflow: hidden
    }

body, code {
    font: 68.75%/1.4 "Open Sans", Tahoma, "Lucida Grande CE", lucida, sans-serif
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    padding: 0;
    line-height: normal
}

input, select, textarea {
    vertical-align: middle;
    font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif
}

a {
    color: #14b1ef;
    text-decoration: none
}

    a:hover {
        color: #8db71e;
        text-decoration: underline
    }

    a.black {
        color: #000 !important
    }

p {
    margin: 1em 0 1.5em 0
}

table {
    border-collapse: collapse
}

caption {
    padding-bottom: 0.1em;
    font-weight: 700;
    text-align: left
}

ul, ol {
    margin-top: 1em;
    margin-bottom: 1.2em
}

hr {
    height: 0;
    border: none;
    border-bottom: 1px solid #B6C2CC
}

img {
    border: 0
}

small {
    font-size: 90%
}

code {
    display: block;
    margin: 1.5em 0;
    padding: 1em;
    background: #fcfde6;
    border: dotted 1px #edc775;
    font-size: 100%;
    word-wrap: break-word
}

    code.inline-code {
        display: inline;
        margin: auto;
        padding: inherit;
        font-family: couriernew, courier, monospace
    }

.system-message-wrap
code {
    display: inline;
    margin: 0 3px;
    padding: 0 3px;
    font-weight: bold;
    font-family: couriernew, courier, monospace;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 1.05em
}

object, param {
    position: relative;
    z-index: 1
}

iframe {
    border: 1px solid #B6C2CC
}

body > iframe {
    border: 0;
    position: absolute
}

.nmt {
    margin-top: 0 !important
}

.nmb {
    margin-bottom: 0 !important
}

.nm {
    margin: 0 !important
}

.tal {
    text-align: left !important
}

.tac {
    text-align: center
}

    .tac
    table {
        text-align: left;
        margin-right: auto;
        margin-left: auto
    }

.ttn {
    text-transform: none !important
}

.tar {
    text-align: right !important
}

.taj {
    text-align: justify
}

.vat {
    vertical-align: top
}

.vam {
    vertical-align: middle
}

.vam-workaround {
    vertical-align: middle !important
}

.vab {
    vertical-align: bottom
}

.fl {
    float: left
}

.fr {
    float: right
}

.fli {
    float: left;
    margin: 0 1.3em 1em 0
}

.fri {
    float: right;
    margin: 0 0 1em 1.3em
}

.tari {
    text-align: right !important;
    padding-right: 1.2em !important
}

.tali {
    text-align: left !important;
    padding-left: 1.2em !important
}

.clear {
    clear: both !important;
    float: none !important;
    height: 0;
    font-size: 1px
}

.cleaner {
    width: 100%;
    overflow: hidden
}

.nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.invisible, .no-css {
    display: none
}

.inline {
    display: inline
}

.acronym {
    border-bottom: dashed 1px
}

.no-visibility {
    visibility: hidden
}

.no-border {
    border: none !important
}

.no-vertical-border {
    border-left: none !important;
    border-right: none !important
}

.no-bottom-border, .no-bottom-border:before {
    border-bottom: none !important
}

.no-left-border, .no-left-border:before {
    border-left: none !important
}

.no-right-border, .no-right-border:before {
    border-right: none !important
}

.small {
    font-size: 90%
}

.nsp {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.nvp {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.npt {
    padding-top: 0 !important
}

.npb {
    padding-bottom: 0 !important
}

.np {
    padding: 0 !important
}

.strong {
    font-weight: bold
}

.no-strong {
    font-weight: normal !important
}

.yellow-background {
    background-color: #f8f9c1 !important
}

.light-grey-background {
    background-color: #fefefe !important
}

.grey-background {
    background-color: #d4d4d4 !important
}

.orange-background {
    background-color: #fff0cf !important
}

.red-background {
    background-color: #dd8f9e !important
}

.green-background {
    background-color: #e6f1e1 !important
}

.blue {
    color: #0752c7
}

.green {
    color: #008609
}

.light-green {
    color: #439720
}

.red {
    color: #c20000 !important
}

.orange {
    color: darkorange
}

.yellow {
    color: #edc775 !important
}

.red
a {
    text-decoration: underline
}

    .red a:hover {
        text-decoration: none !important
    }

.grey {
    color: #777 !important
}

.transparent {
    background-color: transparent !important
}

.readonly {
    color: #909090
}

.img-vam
img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

.padding-em {
    padding: 1em
}

.no-bg {
    background: none !important
}

.decimal {
    list-style-type: decimal
}

.cursor-default {
    cursor: default
}

.img-border {
    border: solid 1px #ddd
}

.full-width {
    width: 100%
}

div.summary {
    padding-top: 20px;
    padding-bottom: 20px
}

.table-fixed {
    table-layout: fixed
}

.overflow-scroll {
    overflow: scroll
}

.shoptet-clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ""
}

.shoptet-clearfix {
    display: inline-block
}

* html .shoptet-clearfix {
    height: 1%
}

.shoptet-clearfix {
    display: block
}

.blind, .std-header.blind {
    position: absolute;
    left: -5000px;
    top: -5000px;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px
}

.display-inline-block {
    display: inline-block !important
}

.hidden-js {
    display: none !important
}

.visible-js {
    display: inline-block !important
}

.table-layout-fixed {
    table-layout: fixed !important
}

.element-disabled {
    opacity: 0.5 !important;
    cursor: default !important
}

.element-confirm-action, ul.element-confirm-action > li {
    opacity: 0.6
}

ul.element-confirm-action {
    opacity: 1
}

.float-left {
    float: left
}

.top-1em {
    margin-top: 1em !important
}

.top-1-half-em {
    margin-top: 1.5em !important
}

.top-2em {
    margin-top: 2em !important
}

.top-4em {
    margin-top: 4em !important
}

.top-none {
    margin-top: 0 !important
}

.bottom-1em {
    margin-bottom: 1em !important
}

.bottom-2em {
    margin-bottom: 2em !important
}

.bottom-4em {
    margin-bottom: 4em !important
}

.bottom-none {
    margin-bottom: 0 !important
}

.left-1em {
    margin-left: 1em !important
}

.left-2em {
    margin-left: 2em !important
}

.right-1em {
    margin-right: 1em !important
}

.negative-left-margin {
    margin-left: -4px
}

.font-12px {
    font-size: 0.8125rem !important
}

.font-14px {
    font-size: 0.875rem !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-wrap {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 400px
}

.text-overflow {
    display: inline-block;
    padding-right: 2px !important;
    overflow: hidden !important;
    max-width: 100%;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important
}

.text-one-row-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden !important;
    height: 2em;
    padding-right: 10px;
    line-height: 2;
    white-space: normal;
    word-break: break-all
}

    .text-one-row-wrap::after {
        position: absolute;
        z-index: 1;
        right: 0;
        top: .125em;
        content: "..."
    }

.text-one-row {
    position: relative
}

    .text-one-row:after {
        position: absolute;
        z-index: 20;
        right: -10px;
        bottom: 0;
        width: 10px;
        height: 1.25em;
        background-color: inherit;
        content: ""
    }

.important-header {
    font-size: 1.25em
}

.shout-out {
    font-weight: 400;
    color: #68afee;
    font-size: 3.2727em
}

    .shout-out
    a {
        font-weight: 400;
        color: #68afee;
        text-decoration: underline
    }

        .shout-out a:hover {
            text-decoration: none
        }

.css-border-box {
    box-sizing: border-box
}

#css .column-part-1 {
    width: 8.33333%
}

#css .column-part-2 {
    width: 16.66667%
}

#css .column-part-3 {
    width: 25%
}

#css .column-part-4 {
    width: 33.33333%
}

#css .column-part-5 {
    width: 41.66667%
}

#css .column-part-6 {
    width: 50%
}

#css .column-part-7 {
    width: 58.33333%
}

#css .column-part-8 {
    width: 66.66667%
}

#css .column-part-9 {
    width: 75%
}

#css .column-part-10 {
    width: 83.33333%
}

#css .column-part-11 {
    width: 91.66667%
}

#css .column-part-12 {
    width: 100%
}

.color-success {
    color: #94cb44
}

.color-error {
    color: #ef1414
}

.list-reset,
.list-reset-descending,
.list-reset-descending ul,
.list-reset-descending ol,
.list-reset-descending
dl {
    padding: 0;
    margin: 0
}

    .list-reset > li,
    .list-reset-descending
    li {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

    .list-reset > dt,
    .list-reset-descending
    dt {
        margin: 0
    }

    .list-reset > dd,
    .list-reset-descending
    dd {
        margin: 0
    }

.list-inline-block > li {
    display: inline-block
}

.list-table-cell {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .list-table-cell > li {
        display: table-cell;
        vertical-align: middle
    }

.list-columns-2 > li, .list-columns-3 > li, .list-columns-4 > li, .list-columns-5 > li {
    float: left
}

.list-columns-2 > dt {
    clear: both;
    float: left
}

.list-columns-2 > dd {
    float: right
}

.list-columns-2 > li, .list-columns-2 > dt, .list-columns-2 > dd {
    width: 50%
}

.list-columns-40-percent > li {
    width: 40%
}

.list-columns-3 > li {
    width: 33.3333%
}

.list-columns-4 > li {
    width: 25%
}

.list-columns-5 > li {
    width: 20%
}

.list-settings
dt {
    clear: left;
    float: left;
    width: 135px;
    padding-top: 0.25em;
    padding-right: 15px;
    padding-bottom: 0.75em;
    line-height: 1.4;
    text-align: right
}

.list-settings
dd {
    padding-top: 0.25em;
    margin-left: 135px
}

    .list-settings dd:after {
        visibility: hidden;
        clear: both;
        display: block;
        height: 0;
        content: ""
    }

    .list-settings dd:empty {
        min-height: 1.4em
    }

.list-content-switching {
    margin: 2em 0 2em 10%
}

    .list-content-switching > li > label {
        display: inline-block;
        min-height: 1.4545454545em;
        padding-top: .25em;
        padding-bottom: .25em;
        line-height: 1.4545454545;
        vertical-align: middle
    }

.list-reset.list-news
li {
    position: relative
}

.list-reset.list-news > li {
    padding-bottom: 2.5em;
    border-bottom: 1px solid #e9e9e9
}

    .list-reset.list-news > li:last-child {
        border-bottom: 0
    }

.list-news li > span {
    position: absolute;
    left: 0;
    top: -2em
}

.list-news li
li {
    padding-left: .8em;
    margin: 1em 0
}

.list-news {
    color: #757575
}

    .list-news
    h2 {
        margin-top: 1.5em
    }

.news-date {
    color: #000;
    font-weight: 700
}

.list-news
strong {
    color: #008609
}

.list-tiles > li {
    padding: 0 10px;
    margin-top: 2.5em;
    cursor: pointer
}

.design-tile-inner {
    margin: 0 auto
}

.design-tile-content {
    padding: 1.5em 17px;
    border: 1px solid #e7e7e7;
    border-top-style: none
}

.btn-combobox {
    position: relative;
    padding-left: 25px
}

    .btn-combobox:before {
        position: absolute;
        left: 7px;
        top: 50%;
        width: 0;
        height: 0;
        margin-top: -2px;
        border: 5px solid transparent;
        border-top-color: #fff;
        content: ""
    }

.design-input-choices {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-bottom: 0.5em;
    vertical-align: middle
}

    .design-input-choices
    input {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        opacity: 0
    }

    .design-input-choices .design-input-choices-content {
        position: absolute;
        left: 50%;
        width: 19px;
        height: 100%;
        margin-left: -10px;
        border: 1px solid #cfcfcf;
        cursor: pointer;
        background: #f2f2f2;
        background: -moz-linear-gradient(top, #f2f2f2 0%, #fff 100%);
        background: -webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%);
        background: -o-linear-gradient(top, #f2f2f2 0%, #fff 100%);
        background: -ms-linear-gradient(top, #f2f2f2 0%, #fff 100%);
        background: linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#ffffff", GradientType=0)
    }

.design-checkbox .design-input-choices-content {
    border-radius: 4px
}

.design-radio .design-input-choices-content {
    border-radius: 11px
}

.list-order-box:hover .design-input-choices input + .design-input-choices-content,
.design-input-choices input:checked + .design-input-choices-content {
    border-color: #94cb44;
    background: #94cb44
}

    .design-input-choices input:checked + .design-input-choices-content:before {
        position: absolute;
        left: 3px;
        top: 9px;
        width: 6px;
        height: 3px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        content: ""
    }

    .design-input-choices input:checked + .design-input-choices-content:after {
        position: absolute;
        left: 9px;
        top: 4px;
        width: 3px;
        height: 11px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        content: ""
    }

    .list-order-box:hover .design-input-choices input + .design-input-choices-content:before {
        position: absolute;
        left: 3px;
        top: 9px;
        width: 6px;
        height: 3px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        content: ""
    }

    .list-order-box:hover .design-input-choices input + .design-input-choices-content:after {
        position: absolute;
        left: 9px;
        top: 4px;
        width: 3px;
        height: 11px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        content: ""
    }

.design-radio input:checked + .ldesign-input-choices-content:before {
    border-radius: 11px
}

.design-textarea {
    width: 100%;
    height: 7.5em;
    line-height: 1.5
}

.field-required {
    position: relative
}

.design-table td > .field-required {
    margin-right: 10px;
    font-weight: 700
}

.field-required::before {
    position: absolute;
    top: 2px;
    right: -11px;
    font-size: .875rem;
    color: red;
    content: "*"
}

.design-table td > .field-required::before {
    top: -5px
}

.icon-css-wrap {
    position: relative;
    display: block
}

.icon-arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    width: 12px;
    height: 12px;
    -moz-transform: scale(.9999)
}

.icon-arrow-tiny {
    width: 6px;
    height: 8px
}

.icon-arrow::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    content: ""
}

.icon-arrow-tiny::before {
    border-width: 3px
}

.icon-arrow-medium::before {
    border-width: 4px
}

.icon-arrow-top {
    height: 6px;
    margin: -4px 0 0 -5px
}

    .icon-arrow-top::before {
        left: -1px;
        top: -6px
    }

.icon-arrow-right {
    width: 7px;
    margin: -6px 0 0 -3px
}

    .icon-arrow-right::before {
        left: 0
    }

.icon-arrow-tiny.icon-arrow-right {
    margin: -3px 0 0 -1px
}

.icon-arrow-bottom {
    height: 6px;
    margin: -3px 0 0 -5px
}

.icon-arrow-tiny.icon-arrow-bottom {
    margin: -1px 0 0 -3px
}

    .icon-arrow-tiny.icon-arrow-bottom::before {
        left: 0
    }

.icon-arrow-left {
    width: 7px;
    margin: -6px 0 0 -4px
}

    .icon-arrow-left::before {
        left: -6px
    }

.icon-arrow-top-v1::before {
    border-bottom-color: #000
}

.icon-arrow-right-v1::before {
    border-left-color: #000
}

.icon-arrow-bottom-v1::before {
    border-top-color: #000
}

.icon-arrow-left-v1::before {
    border-right-color: #000
}

.icon-arrow-top-v2::before {
    border-bottom-color: #139fd7
}

.icon-arrow-right-v2::before {
    border-left-color: #139fd7
}

.icon-arrow-bottom-v2::before {
    border-top-color: #139fd7
}

.icon-arrow-left-v2::before {
    border-right-color: #139fd7
}

.icon-arrow-top-v3::before {
    border-bottom-color: #94cb44
}

.icon-arrow-right-v3::before {
    border-left-color: #94cb44
}

.icon-arrow-bottom-v3::before {
    border-top-color: #94cb44
}

.icon-arrow-left-v3::before {
    border-right-color: #94cb44
}

.icon-arrow-top-v4::before {
    border-bottom-color: #fff
}

.icon-arrow-right-v4::before {
    border-left-color: #fff
}

.icon-arrow-bottom-v4::before {
    border-top-color: #fff
}

.icon-arrow-left-v4::before {
    border-right-color: #fff
}

.design-header {
    display: block;
    margin-top: 2em;
    margin-bottom: .5em;
    line-height: 1.25;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    color: #14b1ef
}

.header-reset {
    padding: 0;
    margin: 0;
    font-weight: inherit;
    font-size: inherit
}

.design-header > .header-reset {
    display: inline-block;
    vertical-align: middle;
    color: #14b1ef
}

h1 {
    clear: both;
    margin: 0 0 0.2em;
    color: #14b1ef;
    font-weight: 300;
    font-size: 3.2727em
}

.header-level-1 {
    padding: 0.125em 0;
    margin-top: 0;
    font-weight: 300;
    font-size: 3.2727em;
    letter-spacing: -1px
}

    .header-level-1 strong,
    #modal-in h1
    strong {
        color: #008609;
        font-weight: 300
    }

    .header-level-1
    strong {
        margin-left: 0.3em
    }

    .header-level-1
    select {
        font-size: 12px;
        font-family: Tahoma !important;
        text-transform: none
    }

#css .icon-page-header {
    position: relative;
    min-height: 34px;
    padding-left: 50px
}

.icon-page-header::before {
    content: '\e902';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
    font-family: 'shp';
    font-size: 36px;
    line-height: 1
}

#modal-in .icon-page-header::before {
    display: none
}

#modal-in .wizard .icon-page-header::before {
    display: block;
    content: '\e938'
}

h2 {
    margin: 1.5em 0 0.5em;
    font-weight: 300;
    font-size: 1.9531em
}

.h2-catalog {
    padding: 0.25em 10px;
    margin: 1.7em 0 1em;
    background-color: #f7f7f7;
    color: #14b1ef;
    font-weight: 300;
    font-size: 1.953em
}

    .h2-catalog.transparent {
        padding-left: 0
    }

.header-level-2 {
    font-size: 1.9531em
}

h3 {
    margin: 1.7em 0 0.5em;
    font-weight: 300
}

.h3-catalog {
    padding: 0.25em 10px;
    font-weight: 300
}

h3, .header-level-3 {
    margin-top: 1.5em;
    color: #000;
    font-size: 1.5625em
}

h4 {
    margin: 1.1em 0 0.5em;
    color: #14b1ef;
    font-weight: 300
}

.h4-catalog {
    padding: 0.25em 10px;
    font-weight: 300
}

h4, .header-level-4 {
    margin-top: 1em;
    font-size: 1.25em
}

h5 {
    margin: 1em 0 0.5em;
    color: #14b1ef;
    font-weight: 300
}

h5, .header-level-5 {
    margin-top: 1em;
    font-size: 1em
}

.header-background-v1 {
    padding: 0.25em 10px;
    background-color: #f7f7f7
}

.tab-content .header-background-v1 {
    padding-right: 20px;
    padding-left: 15px;
    margin-right: -20px;
    margin-left: -15px
}

.box > .std-header:first-child,
.header-level-1 + ul li:first-child > .design-header, .tabs + .design-header, .tabs + form > .content-padding > .design-header:first-child, .tabs + form > .content-header + .design-header, .ui-tabs-panel > .design-header:first-child, .ui-tabs-panel > p:first-child, .ui-tabs-panel > p:first-child > .design-header:first-child {
    margin-top: 0
}

.design-iframe-wrap
iframe {
    border: 0
}

    .design-iframe-wrap iframe.min-height-iframe {
        min-height: 900px
    }

.design-table-settings {
    border-top: 1px solid #f0f0f0
}

    .design-table-settings li,
    .design-table-settings dt,
    .design-table-settings
    dd {
        padding: 0.25em 10px;
        border: 1px solid #f0f0f0;
        border-top: 0
    }

    .design-table-settings
    dt {
        border-right: 0
    }

    .design-table-settings .btn-md {
        margin-left: .5em
    }

.design-settings-second-column {
    margin-left: 135px
}

.design-tooltip {
    cursor: help
}

.design-tooltip-content {
    display: inline-block;
    border-bottom: 1px dotted currentColor
}

.design-tooltip-v2 {
    position: relative;
    padding-left: 22px
}

    .design-tooltip-v2:before {
        position: absolute;
        left: 2px;
        top: 50%;
        width: 15px;
        height: 15px;
        margin-top: -8px;
        border: 1px solid #14b1ef;
        border-radius: 15px;
        color: #14b1ef;
        line-height: 15px;
        font-size: 0.6875rem;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        content: "i"
    }

.t-01 td,
.t-02 td,
.t-03 td,
.tab-content
td {
    color: #484848;
    padding: 1px 15px 5px 0
}

.element-admin-only {
    color: #a6a6a6;
    font-style: italic
}

.tab-content {
    position: relative;
    display: block;
    padding: 10px 20px 25px 15px;
    border-width: 0
}

.ui-tabs-panel {
    position: relative;
    display: block;
    padding: 18px 0 0;
    min-height: 252px
}

.tab-content-header {
    display: block;
    color: #a6a6a6;
    font-size: 12px
}

.std-tabs .active .tab-content-header,
.std-tabs a:hover .tab-content-header,
.std-tabs .ui-state-active .tab-content-header {
    color: #fff
}

#css .tab-content-main {
    display: block;
    line-height: 1.5rem;
    font-weight: 300;
    font-size: 20px
}

.tab-content-header + .tab-content-main {
    margin-top: .5rem
}

.tab-content-additional {
    display: block;
    margin-top: .25rem;
    line-height: 1rem
}

.tabs-content-outer::before {
    display: none
}

.tabs {
    margin-bottom: 1em
}

    .tabs > ul {
        position: relative;
        height: 37px;
        padding: 3px 0 0 0;
        margin: 0;
        overflow: visible;
        list-style: none;
        border-bottom: 1px solid #b7b7b7
    }

        .tabs > ul:after {
            content: '';
            display: table;
            clear: both
        }

        .tabs > ul > li {
            position: relative;
            float: left;
            white-space: nowrap;
            margin-right: -1px
        }

            .tabs > ul > li.active {
                z-index: 2
            }

            .tabs > ul > li > a {
                display: block;
                font-size: .75rem;
                border: 1px solid #b7b7b7;
                border-bottom: none;
                text-decoration: none;
                color: #484848;
                background-color: #f7f7f7;
                white-space: nowrap;
                height: 33px;
                padding: 8px 18px 0 18px
            }

            .tabs > ul > li.element-admin-only
            a {
                font-style: italic;
                color: #a6a6a6
            }

            .tabs > ul > li:not(.active):not(.ui-tabs-active) > a:hover {
                background-color: #14b1ef;
                color: #fff
            }

            .tabs > ul > li.active:before, .tabs > ul > li.ui-tabs-active:before {
                position: absolute;
                left: 0;
                top: -3px;
                height: 4px;
                width: 100%;
                background: #84b73b;
                content: ""
            }

            .tabs > ul > li.active > a, .tabs > ul > li.ui-tabs-active > a {
                height: 34px;
                background-color: #fff
            }

            .tabs > ul > li > .dropdown-list {
                top: 33px
            }

.native-hidden {
    display: none
}

.dropdown-list .native-hidden {
    display: block
}

.dropdown-list {
    position: absolute;
    z-index: 10;
    top: 2.55rem;
    right: 0;
    display: none;
    overflow: auto;
    max-height: 252px;
    margin-top: -3px;
    border: 1px solid #b7b7b7
}

    .dropdown-list
    a {
        position: relative;
        display: block;
        padding: .75rem 18px;
        border-bottom: 1px solid #d9d9d9;
        background-color: #f7f7f7;
        color: #484848;
        line-height: 1.25;
        font-size: .75rem
    }

        .dropdown-list a:hover {
            text-decoration: none
        }

    .dropdown-list .active > a,
    .dropdown-list .ui-state-active > a {
        top: 0;
        margin-top: 0;
        margin-right: 0;
        border-right-style: none;
        background-color: #fff;
        color: #84b73b
    }

#css .dropdown-list a:hover {
    background-color: #14b1ef;
    color: #fff
}

.dropdown-item-last
a {
    border-bottom-style: none
}

.open-menu {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-size: 11px;
    text-align: left
}

    .open-menu > span a[class*="btn-"] {
        position: relative;
        padding-right: 16px
    }

        .open-menu > span a[class*="btn-"]::before {
            content: '';
            position: absolute;
            right: 5px;
            top: 50%;
            margin-top: -3px;
            border-top: 5px solid #fff;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent
        }

    .open-menu
    ul {
        z-index: 99999;
        position: absolute;
        left: 0;
        margin: 0;
        padding: 0;
        border: 1px solid #d8d8d8;
        border-top-color: #fff;
        background-color: #f9f9f9
    }

    .open-menu.right-aligned
    ul {
        left: auto;
        right: 0
    }

    .open-menu ul li:first-child {
        border-top: 1px solid #d8d8d8
    }

    .open-menu ul
    li {
        list-style-type: none;
        min-width: 130px;
        margin: 0;
        border-bottom: 1px dotted #d8d8d8;
        padding: 0
    }

        .open-menu ul
        li.last {
            border-bottom: none
        }

        .open-menu ul li > a,
        .open-menu ul li > span {
            display: block;
            width: 100%;
            line-height: 18px;
            padding: 3px 7px
        }

        .open-menu ul li
        span {
            color: #999
        }

        .open-menu ul li
        a {
            color: #000
        }

            .open-menu ul li a:hover {
                color: blue;
                text-decoration: none
            }

.mass-action, .mass-action-secondary, .list-reset.mass-action, .list-reset.mass-action-secondary {
    margin: 0 0 4px
}

.mass-action {
    float: left
}

.mass-action-secondary {
    padding-left: 4px
}

.mass-action-item {
    display: inline-block;
    height: 28px;
    margin-right: 5px;
    border: 1px solid #e7e7e7;
    line-height: 23px;
    background-color: #f0f0f0
}

    .mass-action-item
    label {
        margin-right: 4px
    }

        .mass-action-item label.std-control-label {
            margin: 2px
        }

.mass-action .function-box {
    visibility: hidden
}

    .mass-action .main-checkbox-in,
    .mass-action .function-box > a {
        margin: 0;
        height: 26px
    }

.mass-action-item
ul {
    position: absolute;
    border: solid 1px #d9d9d9;
    background-color: #eee;
    z-index: 2
}

.mass-action-item
li {
    position: relative;
    text-indent: 20px;
    list-style-type: none
}

.mass-action-item
input {
    position: relative;
    top: -1px
}

    .mass-action-item input[type="checkbox"] {
        margin: 0 5px
    }

.mass-action-item,
.mass-action-item
a {
    transition: background-color .1s linear
}

    .mass-action-item
    a {
        color: #000;
        display: inline-block;
        margin: 0;
        padding: 0 10px 0 20px;
        position: relative;
        text-indent: 0
    }

        .mass-action-item:hover,
        .mass-action-item a:hover {
            background-color: #e5e5e5
        }

        .mass-action-item a:hover {
            text-decoration: none
        }

.mass-action-item-trigger {
    position: relative;
    padding-right: 25px
}

.mass-action-submenu-header,
.mass-action-item ul
a {
    display: block;
    min-width: 70px;
    border-bottom: 1px solid #e1e4e5;
    background-color: #f0f0f0;
    white-space: nowrap
}

.mass-action-submenu-header {
    padding-right: 10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAL0lEQVR42p3OsQkAAAgDQfcfJDPZWThIRMFKULC47gkRAFRzSSSHCtIatNfC+SEAuCJ0y4rCz1oAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: right center
}

.mass-action-item ul a:hover {
    color: #0752c7
}

.mass-action-item ul
ul {
    top: 0;
    left: 100%
}

.mass-action-scrollable {
    height: auto;
    max-height: 300px;
    overflow-x: hidden
}

.checkbox-table {
    clear: both
}

.design-flag {
    position: absolute;
    right: 0;
    top: -0.66em;
    padding: .5em;
    background-color: #94cb44;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    white-space: nowrap
}

.flag-order-wrap {
    position: relative
}

.t-01 .flag-order-wrap {
    margin: -0.75em -1em;
    padding: .75em 1em
}

.flag-order::before {
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 100%;
    content: ""
}

.t-01 > tbody .flag-order::before {
    top: -2px;
    padding-top: 2px;
    padding-bottom: 2px
}

.flag-order-eshop::before {
    background-color: #a7def3
}

.flag-order-cashdesk::before {
    background-color: #94cb44
}

.flag-order-footnote span.flag-order {
    margin-left: 1.25em;
    padding-left: .75em
}

    .flag-order-footnote span.flag-order::before {
        top: -1px;
        border-top: .4545em solid transparent;
        border-bottom: .4545em solid transparent;
        background-clip: content-box
    }

#css .design-basic-formatting
p {
    margin: 1em 0
}

    #css .design-basic-formatting p:first-child {
        margin-top: 0
    }

    #css .design-basic-formatting p:last-child {
        margin-bottom: 0
    }

body {
    background-color: #f5f5f5;
    color: #000;
    text-align: center
}

.page-development {
    background-color: #f5d657
}

    .page-development .user-bar {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNqc0sEJADEIBMDVfwq4/otLGR4GEi4xB7p+9DOosAKg4VNm9uCnRKTPWRm0wQpasIoGZFD4MYt8mTLoujGDAsyiDVbQglU0zBm5bJKUQX6hMsj7K8AAE1E3SxO7iSYAAAAASUVORK5CYII=')
    }

body.logged-by-hash {
    overflow-y: scroll
}

#main {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    background-color: #fff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAABAQMAAAChcXOhAAAAA1BMVEX29vYACyOqAAAACklEQVQI12PACQAAGgABkLDMXQAAAABJRU5ErkJggg==');
    background-repeat: repeat-y;
    box-shadow: 0 0 5px 1px #d9d9d9;
    text-align: left
}

.layout-columns-wrap {
    overflow: hidden
}

.user-bar {
    position: relative
}

a.logo-service {
    z-index: 1;
    position: relative;
    float: left;
    width: 16.55%;
    min-width: 200px;
    height: 52px;
    vertical-align: middle;
    text-align: center
}

    a.logo-service .shoptet-icon {
        width: 126px;
        height: 52px
    }

        a.logo-service .shoptet-icon::before {
            content: '\e93f';
            left: 0;
            margin-top: -15px;
            font-size: 35px;
            line-height: 1;
            color: #fff
        }

.user-bar-content {
    position: relative;
    min-height: 52px
}

.user-menu ul,
.open-menu
ul {
    z-index: 3;
    display: none;
    min-width: 100%
}

.open-menu.hover
ul {
    display: block
}

#css .user-bar-section {
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

    #css .user-bar-section:last-child {
        float: right;
        border-right: 0
    }

.user-bar-section.user-bar-section-action {
    display: none
}

.user-bar-section-eshop > a {
    width: 160px
}

.user-bar-section-user > a {
    width: 202px
}

.user-bar-section-helpdesk > a {
    width: 119px
}

.icon-section-header {
    float: left;
    min-width: 52px;
    min-height: 52px;
    padding: 1em 20px 1em 50px;
    line-height: 2.7272;
    color: #fff
}

    .icon-section-header:hover {
        text-decoration: none;
        color: #fff
    }

    .icon-section-header::before {
        left: 16px
    }

.user-bar-section-superadmin .icon-section-header {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

.user-bar-section-cashdesk-cart, .user-bar-section-cashdesk-user {
    display: none
}

    .user-bar-section-eshop .icon-section-header,
    .user-bar-section-search .icon-section-header,
    .user-bar-section-notifications .icon-section-header,
    .user-bar-section-user .icon-section-header,
    .user-bar-section-helpdesk .icon-section-header,
    .user-bar-section-cashdesk-cart .icon-section-header,
    .user-bar-section-cashdesk-user .icon-section-header,
    .user-bar-section-action .icon-section-header {
        position: relative
    }

.user-bar-section-notifications .icon-section-header {
    padding-left: 35px
}

.user-bar-section-user .icon-section-header {
    padding-left: 52px;
    line-height: 11px;
    cursor: default
}

    .user-bar-section-eshop .icon-section-header::before,
    .user-bar-section-search .icon-section-header::before,
    .user-bar-section-notifications .icon-section-header::before,
    .user-bar-section-user .icon-section-header::before,
    .user-bar-section-helpdesk .icon-section-header::before,
    .user-bar-section-action .icon-section-header::before,
    .user-bar-section-cashdesk-user .icon-section-header::before,
    .user-bar-section-cashdesk-user .icon-section-header::after,
    .user-bar-section-cashdesk-cart .icon-section-header::before, .button-search-wrap::before {
        position: absolute;
        font-family: 'shp';
        line-height: 1
    }

    .user-bar-section-eshop .icon-section-header::before,
    .user-bar-section-search .icon-section-header::before,
    .user-bar-section-notifications .icon-section-header::before,
    .user-bar-section-user .icon-section-header::before,
    .user-bar-section-helpdesk .icon-section-header::before,
    .user-bar-section-cashdesk-user .icon-section-header::before,
    .user-bar-section-cashdesk-cart .icon-section-header::before,
    .user-bar-section-action .icon-section-header::before, .button-search-wrap::before {
        left: 13px;
        top: 50%;
        width: 28px;
        margin-top: -12px;
        font-size: 23px;
        text-align: center
    }

.user-bar-section-eshop .icon-section-header::before {
    content: '\e92e'
}

.user-bar-section-search .icon-section-header::before {
    content: '\e90c'
}

.user-bar-section-notifications .icon-section-header::before {
    content: '\e90e'
}

.user-bar-section-user .icon-section-header::before {
    content: '\e903'
}

.user-bar-section-helpdesk .icon-section-header::before {
    content: '\e948'
}

.user-bar-section-action .icon-section-header::before {
    content: '\e961'
}

.user-bar-section-cashdesk-cart .icon-section-header::before {
    content: '\e92e'
}

.user-bar-section-cashdesk-user .icon-section-header::before {
    content: '\e903'
}

.user-bar-section-cashdesk-user .icon-section-header::after {
    content: '\e916';
    top: 16px;
    right: 8px
}

.button-search-wrap::before {
    content: '\e90c';
    left: 5px;
    margin-top: -10px;
    font-size: 20px;
    text-indent: 0
}

.button-search-wrap {
    z-index: 100;
    position: absolute;
    right: 5px;
    top: 0;
    overflow: hidden;
    width: 30px;
    height: 28px;
    text-indent: -1000px;
    background-color: transparent;
    cursor: pointer
}

.form-search {
    padding: 13px 16px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-style: none
}

    .form-search
    p {
        margin: 0
    }

.search-query-wrap {
    position: relative
}

input[type="search"].search-query {
    width: 100%;
    min-width: 432px;
    padding-right: 30px;
    border-color: #fff
}

    input[type="search"].search-query:focus {
        border-color: #fff !important
    }

.user-bar-superadmin input[type="search"].search-query {
    min-width: 335px
}

.button-search {
    width: 100%;
    border: 0
}

    .button-search:focus {
        outline: none
    }

.add-ticket-whisperer
div#searchResults {
    width: 50%;
    margin: 0
}

.notifications-outer {
    position: relative
}

.notifications-count-content {
    position: absolute;
    top: 3px;
    right: 3px;
    min-width: 14px;
    padding: 1px 3px;
    border-radius: 2px;
    background-color: #e42c2c;
    color: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    line-height: 1.2728;
    font-weight: 700;
    text-align: center
}

.notifications-inner {
    position: absolute;
    z-index: 10100;
    left: 0;
    top: 52px;
    display: none;
    width: 260px;
    border: 1px solid #f5f5f5
}

    .notifications-inner
    .btn {
        display: block
    }

.notifications-visible .notifications-inner {
    display: block
}

.notifications-loading {
    padding-top: 2em;
    padding-bottom: 2em;
    text-align: center;
    background-color: #fff
}

.list-notifications
li {
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
    color: #bbb
}

.list-notifications
a {
    position: relative;
    display: block;
    padding: 5px 13px 5px 42px;
    color: #4c4c4c;
    text-transform: none
}

    .list-notifications a:hover {
        text-decoration: none
    }

.notification-title, .notification-subject {
    display: block;
    margin-bottom: 3px
}

.notification-title {
    font-weight: 700
}

.notification
time {
    display: inline-block;
    font-size: 90%;
    line-height: 20px;
    color: #bbb
}

.notification-new
time {
    color: #36a044
}

.list-notifications li a::before, .notification-icon::before {
    display: inline-block;
    font-family: 'shp';
    line-height: 1;
    text-align: center;
    vertical-align: middle
}

.list-notifications li a::before {
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    font-size: 24px
}

.notification-icon::before {
    width: 18px;
    font-size: 18px
}

.list-notifications li.order-notification a::before, .notification-icon.order-icon::before {
    content: '\e901'
}

.list-notifications li.variant-notification a::before, .notification-icon.variant-icon::before {
    content: '\e902'
}

.list-notifications li.aukroTransaction-notification a::before, .notification-icon.aukroTransaction-icon::before {
    content: '\e906'
}

.list-notifications li.customer-notification a::before, .notification-icon.customer-icon::before {
    content: '\e903'
}

.list-notifications li.discussion-notification a::before, .notification-icon.discussion-icon::before {
    content: '\e91f'
}

.list-notifications li.rating-notification a::before, .notification-icon.rating-icon::before {
    content: '\e923'
}

.list-notifications li.ticketResponse-notification a::before, .notification-icon.ticketResponse-icon::before {
    content: '\e948'
}

.list-notifications li.watchDog-notification a::before, .notification-icon.watchDog-icon::before {
    content: '\e902'
}

.star {
    display: inline-block
}

    .star::before {
        display: block;
        width: 14px;
        font-family: 'shp';
        font-size: 12px;
        line-height: 1;
        text-align: left;
        vertical-align: middle
    }

    .star.star-on::before {
        content: '\e910';
        color: #f7cb07
    }

    .star.star-off::before {
        content: '\e922';
        color: #7f7f7f
    }

.user-bar-fullname-wrap {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width: 140px;
    margin-bottom: 0;
    padding-right: 6px;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

    .user-bar-fullname-wrap
    strong {
        display: inline-block;
        width: 132px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left
    }

    .user-bar-fullname-wrap .icon-arrow {
        position: absolute;
        left: auto;
        right: 5px;
        top: 15px;
        display: inline-block
    }

li.user-bar-section-superadmin .shp-wheel {
    display: none
}

li.user-bar-section-superadmin .user-bar-fullname-wrap {
    width: 66px;
    padding-right: 0
}

.list-user-bar-navigation-wrap {
    position: relative
}

.list-user-bar-navigation {
    position: absolute;
    left: 0;
    top: 52px;
    width: 190px;
    padding: 1px;
    border: solid 1px #f5f5f5;
    background-color: #fff
}

    .list-user-bar-navigation
    li {
        border-top: 1px solid #f5f5f5
    }

        .list-user-bar-navigation li:first-child {
            border-style: none
        }

    .list-user-bar-navigation
    a {
        display: block;
        height: auto;
        padding: 5px 13px;
        color: #4c4c4c;
        line-height: normal;
        text-transform: none
    }

        .list-user-bar-navigation a:hover {
            text-decoration: none;
            background-color: #14b1ef;
            color: #fff
        }

#content {
    position: relative;
    width: 100%;
    min-height: 600px;
    padding-top: 1em
}

#content-in {
    position: relative;
    padding-top: 2px;
    margin-top: 8px
}

#footer {
    position: absolute;
    right: 23px;
    bottom: 15px;
    text-align: center;
    width: 79.5%;
    font-size: 100%
}

    #footer::before {
        content: '\e93e';
        display: inline-block;
        height: 16px;
        font-family: 'shp';
        font-size: 14px;
        line-height: 1;
        vertical-align: middle;
        color: #94cb44
    }

#system-version {
    display: inline-block;
    padding: 4px
}

    #system-version
    p {
        color: #808080;
        margin: 0
    }

#footer .cookie-handler {
    display: none
}

body#modal {
    background: none;
    color: #075176
}

#modal-in {
    max-width: 1025px;
    padding: 2em 2em 0;
    text-align: left
}

#video {
    width: 650px;
    height: 400px
}

#variant-image-selection {
    width: 981px
}

#modal-controller-name {
    position: absolute;
    text-align: left;
    padding-left: 20px;
    color: #888
}

.ta-big {
    width: 650px
}

#modal-in .ui-tabs-panel {
    background: none
}

.navigation-menu {
    border-top: 1px solid #e7e7e7;
    font-size: 11px
}

    .navigation-menu > li {
        position: relative;
        border-bottom: 1px solid #e7e7e7
    }

        .navigation-menu > li > a.navigation-menu-link-withsubmenu::after {
            content: '';
            position: absolute;
            right: 6px;
            top: 50%;
            display: none;
            width: 6px;
            height: 6px;
            margin-top: -5px;
            border-style: solid;
            border-width: 0 0 1px 1px;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            transition: all .2s
        }

        .navigation-menu > li > a.navigation-menu-link-withsubmenu.active::after {
            margin-top: -1px;
            -ms-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }

        .navigation-menu > li > a.navigation-menu-link-withsubmenu.active::after {
            border-color: #fff
        }

        .navigation-menu > li > a.navigation-menu-link-withsubmenu:hover::after,
        .main-menu-visible .navigation-menu > li > a.navigation-menu-link-withsubmenu::after {
            display: block
        }

    .navigation-menu .design-tree-level-2.navigation-submenu,
    .navigation-menu .design-tree-level-3.navigation-submenu {
        max-height: 0;
        overflow: hidden;
        border-bottom-style: none;
        transition: max-height .2s
    }

        .navigation-menu .design-tree-level-2.navigation-submenu.expanded,
        .navigation-menu .design-tree-level-3.navigation-submenu.expanded {
            max-height: 1000px;
            transition: max-height .4s
        }

        .navigation-menu .design-tree-level-2.navigation-submenu.expanded {
            border-bottom-style: solid
        }

        .navigation-menu .design-tree-level-3.navigation-submenu a::before {
            z-index: -1
        }

        .navigation-menu .design-tree-level-3.navigation-submenu.expanded a::before {
            z-index: 1
        }

    .navigation-menu
    a {
        display: block;
        padding: 0.5em 5px 0.5em 54px;
        background-color: #f6f6f6;
        color: #484848;
        line-height: 1.4;
        text-decoration: none;
        word-wrap: break-word
    }

        .navigation-menu a:hover {
            background-color: #ebebeb;
            text-decoration: none
        }

        .navigation-menu a:focus {
            outline: none
        }

#css .navigation-menu-link-inactivated {
    font-style: italic;
    background-color: #eee
}

    #css .navigation-menu-link-inactivated.active {
        opacity: 1
    }

.navigation-menu > li > a {
    position: relative;
    padding-top: 1.3637em;
    padding-bottom: 1.3637em;
    border-style: solid none;
    border-width: 1px;
    border-color: #f6f6f6;
    text-transform: uppercase
}

    .navigation-menu > li > a .icon-arrow {
        z-index: 99;
        left: 25px;
        top: auto;
        bottom: -6px;
        display: none
    }

    .navigation-menu > li > a::before {
        position: absolute;
        left: 10px;
        top: 50%;
        width: 26px;
        margin-top: -11px;
        font-family: 'shp';
        font-size: 22px;
        line-height: 1;
        text-align: center
    }

    .navigation-menu > li > a:hover::before {
        z-index: 111
    }

    .navigation-menu > li > a.active::before {
        color: #fff
    }

#css .navigation-menu > li > a.dashboard::before {
    content: '\e900'
}

#css .navigation-menu .active .icon-arrow {
    display: block
}

#css .navigation-menu .active.dashboard .icon-arrow {
    display: none
}

.navigation-menu > li > .child-link {
    z-index: 110;
    position: absolute;
    left: 0;
    top: 1px;
    display: block;
    width: 47px;
    height: 45px;
    cursor: pointer
}

.navigation-menu > li > a:hover + .child-link {
    background-color: #f6f6f6
}

.navigation-menu > li > .child-link:hover {
    background-color: rgba(0, 0, 0, .035)
}

.navigation-menu > li > a.active:hover + .child-link, .navigation-menu > li > a.active + .child-link:hover {
    background-color: transparent
}

.navigation-menu .design-tree-level-2 {
    border-bottom: 4px solid #94cb44
}

.design-tree-level-2 {
    position: relative
}

    .design-tree-level-2:before {
        position: absolute;
        z-index: 100;
        left: 26px;
        top: 0;
        width: 1px;
        height: 100%;
        content: "";
        background-image: -moz-linear-gradient(top, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(top, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
        background-image: -o-linear-gradient(top, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
        background-image: -ms-linear-gradient(top, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
        background-image: linear-gradient(top, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
        background-repeat: repeat-y;
        background-position: right 0;
        background-size: 1px 3px
    }

    .design-tree-level-2 > li > a {
        position: relative
    }

        .design-tree-level-2 > li > a::before {
            position: absolute;
            left: 28px;
            top: 50%;
            width: 14px;
            height: 1px;
            content: "";
            background-image: -moz-linear-gradient(to right, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
            background-image: -webkit-linear-gradient(to right, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
            background-image: -o-linear-gradient(to right, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
            background-image: -ms-linear-gradient(to right, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
            background-image: linear-gradient(to right, rgba(194, 194, 194, 1) 34%, rgba(255, 255, 255, 0) 0%);
            background-repeat: repeat-x;
            background-position: bottom;
            background-size: 3px 1px
        }

    .design-tree-level-2 > li:last-child > a::after {
        position: absolute;
        z-index: 100;
        left: 26px;
        bottom: 0;
        width: 3px;
        height: 50%;
        border-top: 1px solid transparent;
        background-color: #f6f6f6;
        background-clip: content-box;
        content: ""
    }

    .design-tree-level-2 > li:last-child > a.navigation-menu-link-inactivated::after {
        background-color: #eee
    }

    .design-tree-level-2 > li:last-child > a:hover::after {
        background-color: #ebebeb
    }

.design-tree-level-3 > li > a {
    padding-left: 72px
}

    .design-tree-level-3 > li > a::before {
        position: absolute;
        margin-top: -1px;
        margin-left: -1em;
        opacity: 0.75;
        content: '-'
    }

.design-tree-level-2 > li:last-child .design-tree-level-3
a {
    position: relative;
    z-index: 200
}

.navigation-submenu .icon-arrow {
    left: 43px
}

.navigation-submenu > li > .active {
    color: #14b1ef;
    font-weight: 700
}

a.icon-socials {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-decoration: none
}

    a.icon-socials:hover {
        text-decoration: none
    }

.icon-socials::before {
    font-family: 'shp';
    font-size: 32px;
    line-height: 1
}

.icon-socials-twitter::before {
    content: '\e91c'
}

.icon-socials-facebook::before {
    content: '\e91a'
}

.icon-socials-group::before {
    content: '\e94f'
}

.icon-socials-blog::before {
    content: '\e91e'
}

.icon-socials::focus {
    outline: none
}

.content-header-floating {
    position: fixed;
    z-index: 10300;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #988753;
    background-color: rgba(248, 249, 193, 0.85);
    text-align: center
}

body > .content-header {
    display: none
}

.content-buttons {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0;
    text-align: right;
    white-space: nowrap
}

.content-header-floating .content-buttons {
    position: relative;
    top: 0;
    right: 0;
    width: 1205px;
    max-width: 100%;
    padding-right: 23px;
    padding-left: 23px
}

.section-905 .content-buttons {
    z-index: 1;
    position: relative;
    top: 35px
}

.content-buttons input,
.content-buttons
img {
    margin: 0;
    padding: 0;
    border-style: none;
    vertical-align: 1px
}

.content-buttons
a {
    margin: 0 0 0 1px
}

.content-buttons .admin-divider {
    display: inline-block;
    width: 0;
    height: 25px;
    margin: 0 2px;
    border: 1px dotted #2fb9eb;
    vertical-align: middle
}

.content-header-floating
h3 {
    display: inline;
    margin-left: 20px
}

.content-header-floating
td {
    padding-right: 20px
}

.text-sized {
    width: 1em;
    height: 1em
}

.toggle-button
span {
    display: none
}

#breadcrumb-nav {
    margin: 0 0 4.5em 0;
    line-height: normal
}

    #breadcrumb-nav
    a {
        font-weight: bold
    }

    #breadcrumb-nav .controller-link {
        font-weight: normal;
        color: #000
    }

    #breadcrumb-nav .id-root
    span {
        display: none
    }

    #breadcrumb-nav a.id-root {
        text-decoration: none
    }

        #breadcrumb-nav a.id-root::before {
            content: '\e91d';
            font-family: 'shp';
            font-size: 16px;
            font-weight: normal;
            line-height: 1;
            text-align: center;
            vertical-align: text-top
        }

.panel-right {
    width: 740px;
    float: left
}

.design-table {
    width: 100%
}

.t-01 {
    margin: 1em 0
}

.ui-tabs-panel > .t-01:first-child {
    margin-top: 0
}

.t-01
th {
    padding: .75em 1em;
    border-width: 1px 1px 3px;
    border-style: solid;
    border-color: #ddd #ddd #14b1ef;
    background-color: #f0f0f0;
    text-align: center
}

    .t-01 th,
    .t-01 th
    a {
        color: #0752c7
    }

.t-01
td {
    padding: .75em 1em;
    border: 1px solid #e7e7e7;
    background-color: #fff
}

.t-01 .td-orange
td {
    border-bottom-color: #f2dc91;
    background-color: #ffefbb
}

.t-01
td.check {
    width: 25px
}

.t-01.no-border
td {
    border-style: none
}

.t-01 td
a {
    color: #0752c7
}

.t-01 .even
td {
    background-color: #f9f9f9
}

.t-01 .highlighted
td {
    background-color: #edf3fe
}

.t-01 .important td,
.t-01 .action-price
td {
    background-color: #ffdbdb
}

.t-01 tfoot
td {
    border-color: #ddd;
    background-color: #f5f5f5
}

.t-01 tr.hole-error
td {
    background-color: #ffe9e9
}

.t-01 td.for-input {
    padding: 2px;
    text-align: center
}

.t-01 td
input.input {
    margin: 0;
    padding: 3px;
    border: 1px solid #ececec
}

.t-01 strong,
.t-01
.strong {
    color: #0752c7
}

.t-01 .td-checkbox {
    text-align: center
}

    .t-01 .td-checkbox
    input {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        border-style: none
    }

.t-01 tbody td a
img {
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: middle
}

.t-01 tr
.blue {
    color: #0752c7
}

.t-01 tr
.green {
    color: #008609
}

.t-01 tr.hidden td,
.t-01 tr.hidden td a,
.t-01 tr.hidden strong,
.t-01 tr.hidden .blue,
.t-01 tr.hidden
.green {
    color: #aaa;
    font-style: italic
}

.t-01 td.ordering-column {
    background-color: #f5f5f5
}

.t-01 tr.selected-row
td {
    background: #fff0cf;
    border-color: #fff
}

.t-01 tr.real-bestseller
td {
    font-style: italic;
    color: #777
}

.t-01
object {
    vertical-align: middle
}

.t-01 .remove-line {
    cursor: pointer;
    border-width: 0
}

.t-01 td.red-bg {
    background-color: #ffd5d5
}

.t-02.t-detail {
    margin-top: 1.5em
}

.t-04 {
    font-size: 110%
}

    .t-04
    strong {
        font-size: 180%;
        font-weight: normal;
        margin-right: 0.3em;
        color: #008609
    }

.t-05 {
    border-collapse: collapse;
    background-color: #f7f7f7
}

    .t-05
    td {
        padding: 5px 8px;
        border: 1px solid #fff
    }

    .t-05.highlighted
    td {
        background-color: #ffdda8
    }

    .t-05.highlighted tr:hover
    td {
        background-color: #ffe3b9
    }

tr .hide-on-mouseout,
.buttons .hide-on-mouseout {
    visibility: hidden
}

tr:hover .hide-on-mouseout,
.buttons:hover .hide-on-mouseout {
    visibility: visible
}

#filter-toggle {
    float: right;
    display: inline-block;
    line-height: normal;
    border: 1px solid #e7e7e7
}

    #filter-toggle
    a {
        position: relative;
        color: #000;
        display: inline-block;
        margin: 0;
        padding: 6px 20px 5px;
        width: 110px;
        background-color: #f0f0f0
    }

        .mass-action-item-trigger::before,
        #filter-toggle a::before {
            content: '';
            position: absolute;
            left: 7px;
            top: 50%;
            margin-top: -1px;
            border-top: 3px solid #a6a6a6;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent
        }

        #filter-toggle a:hover {
            text-decoration: none;
            background-color: #e5e5e5
        }

#filter-form table,
#filter-form table .token-input-list {
    width: 100%
}

    #filter-form table ul.token-input-list li
    input {
        margin-top: 0
    }

#filter-form {
    clear: both
}

#filter {
    color: #757575;
    margin: 0.85em 0 0
}

    #filter > .std-table {
        margin-top: 0;
        margin-bottom: 0
    }

    #filter
    td {
        padding-left: 3px;
        padding-right: 3px;
        vertical-align: bottom
    }

        #filter td:first-child {
            padding-left: 0
        }

        #filter td:last-child {
            padding-right: 0
        }

    #filter tr:last-child
    td {
        padding-top: .85em
    }

    #filter
    td.tvam {
        vertical-align: middle
    }

    #filter
    td.tvat {
        vertical-align: top
    }

    #filter .next-row
    td {
        padding-top: 5px
    }

    #filter
    a {
        color: #747474;
        margin: 0 1px 0 0
    }

        #filter a:last-child {
            margin-right: 0
        }

    #filter
    strong {
        color: #0754c6;
        margin: 0 0.2em
    }

    #filter label,
    #filter select,
    #filter input,
    #filter
    textarea {
        display: block;
        width: 100%;
        margin: 0.2em 0 0 0
    }

    #filter input,
    #filter
    textarea {
        padding-right: 5px;
        padding-left: 5px
    }

        #filter input.date-pick {
            display: inline-block;
            width: calc(100% - 20px)
        }

    #filter .ui-datepicker-trigger {
        top: 6px
    }

.btn-md input:focus,
.btn-lg input:focus {
    background-color: transparent !important
}

.yellow {
    background-color: #fefce7 !important
}

.required-label
span.red {
    margin-left: 2px
}

.not-important {
    color: #969696;
    font-style: italic
}

tr.not-important
td {
    color: #969696;
    font-style: italic
}

.important {
    font-weight: bold
}

.product-code {
    font-weight: bold;
    color: #0752c7
}

    .product-code .show-tooltip {
        margin-left: 0
    }

.product-price {
    color: #008609
}

.shipping-methods-pagination
.pagination {
    margin-bottom: 1.2em
}

.pagination {
    line-height: normal;
    position: relative
}

    .pagination
    p {
        position: relative;
        padding: 0;
        margin: 0
    }

        .pagination p
        span {
            float: right
        }

    .pagination
    strong {
        color: #008609
    }

    .pagination a,
    .pagination span
    strong {
        vertical-align: middle
    }

    .pagination
    a {
        margin-right: 0.1em
    }

    .pagination span
    strong {
        font-size: 120%;
        margin: 0 0.1em;
        padding: 0 0.2em
    }

    .pagination .s-page {
        position: relative;
        top: -2px
    }

    .pagination
    form {
        z-index: 1;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

    .pagination input[type="text"] {
        height: 26px
    }

.template-header {
    clear: both
}

.template {
    float: left;
    padding: 10px 10px 5px 10px;
    text-align: center;
    border: solid 1px #fff;
    background: #fff;
    cursor: pointer
}

    .template,
    .template
    a {
        color: #666;
        cursor: pointer
    }

        .template
        img {
            margin-bottom: 2px;
            border: solid 1px #d2d2d2;
            cursor: pointer
        }

        .template
        input {
            margin: 0 !important;
            border: none;
            background: transparent;
            visibility: hidden;
            position: absolute
        }

        .template.individual-tpl
        input {
            visibility: visible;
            position: relative
        }

        .template
        a {
            text-decoration: underline
        }

            .template a:hover {
                text-decoration: none
            }

        .template.hide {
            display: none
        }

#deleteConfirmation {
    display: none;
    background-color: #14b1ef;
    opacity: 0.9;
    position: absolute;
    width: 400px;
    padding: 5px
}

    #deleteConfirmation
    .title {
        color: #fff;
        text-align: center
    }

.choose-color-variant {
    float: right;
    margin-top: 64px;
    width: 69%
}

.color-variant {
    display: inline-block;
    text-align: center;
    margin: 0 4px 10px 4px;
    float: left;
    position: relative
}

.choose-color-variant .color-variant:first-of-type {
    margin-left: 0
}

.choose-color-variant .color-variant:last-of-type {
    margin-right: 0
}

.color-variant .secondary-color {
    border-right: 55px solid;
    border-top: 55px solid transparent;
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 0;
    height: 0;
    overflow: hidden
}

.color-variant
label {
    display: block;
    width: 54px;
    height: 54px;
    border: 1px solid #d2d2d2;
    cursor: pointer
}

    .color-variant label.std-control-label {
        margin: 5px 0 0
    }

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff
}

.b-go {
    width: 32px !important;
    height: 23px !important
}

.b-filter {
    width: 77px !important;
    height: 23px !important
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    border: solid 1px #ddd;
    background-color: #eee;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        background-color: #3abff6
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        color: #fff;
        font-weight: bold;
        cursor: pointer
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 3px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 3px
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        color: #000
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next
    span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
        color: #fff;
        font-weight: bold
    }

        .ui-datepicker .ui-datepicker-title
        select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }

    .ui-datepicker
    table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker
    th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0
    }

    .ui-datepicker
    td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td span,
        .ui-datepicker td
        a {
            display: block;
            padding: .2em;
            text-align: right;
            color: #008609;
            background-color: #f6f6f6
        }

        .ui-datepicker td
        a {
            font-weight: bold;
            border: solid 1px #ccc;
            background-color: #f9f9f9
        }

            .ui-datepicker td a:hover {
                text-decoration: none;
                background-color: #f8f9c1;
                color: #000;
                border-color: #aaa
            }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane
        button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

.ui-datepicker-cover {
    display: none;
    display /**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-datepicker-trigger {
    position: relative;
    left: 4px;
    top: 4px;
    cursor: pointer;
    width: 16px;
    height: 16px
}

    .ui-datepicker-trigger + input.date-pick {
        margin-left: 1em
    }

.js-toggle-visibility .ui-datepicker-trigger {
    margin-right: 0.5em
}

.ui-datepicker td a.ui-state-highlight {
    border-width: 2px;
    border-color: #3abff6
}

.ui-datepicker td a.ui-state-active {
    color: #3abff6
}

.graph {
    margin-bottom: 2em;
    text-align: center
}

.chosen-container {
    font-size: inherit !important
}

.chosen-container-single .chosen-single
div {
    width: 20px !important
}

    .chosen-container-single .chosen-single div
    b {
        background-image: url("/cms/img/_repo-shared/select.png") !important;
        background-repeat: no-repeat !important;
        background-position: right center !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important
    }

.chosen-container-single .chosen-single, .chosen-container-multi .chosen-single {
    border-radius: 0 !important;
    border: 1px solid #cfcfcf !important;
    background: none !important;
    box-shadow: none !important
}

.jquery-chosen-projects + .chosen-container .chosen-results {
    max-height: 12em !important
}

.s-40 {
    width: 40px
}

    .s-40
    input {
        width: 20px
    }

    .s-40 select, td.s-40 {
        width: 30px
    }

    .s-40
    img {
        vertical-align: middle
    }

.s-50 {
    width: 50px
}

    .s-50
    input {
        width: 30px
    }

    .s-50 select, td.s-50 {
        width: 40px
    }

.-v3 .s-50
input {
    width: 38px
}

.s-65 {
    width: 65px
}

    .s-65
    input {
        width: 45px
    }

    .s-65 select, td.s-65 {
        width: 55px
    }

.s-75 {
    width: 75px
}

    .s-75
    input {
        width: 55px
    }

    .s-75 select, td.s-75 {
        width: 65px
    }

.s-85 {
    width: 85px
}

    .s-85
    input {
        width: 65px
    }

    .s-85 select, td.s-85 {
        width: 75px
    }

.s-100 {
    width: 100px
}

    .s-100
    input {
        width: 80px
    }

    .s-100 select, td.s-100 {
        width: 90px
    }

.s-120 {
    width: 120px
}

    .s-120
    input {
        width: 100px
    }

    .s-120 select, td.s-120 {
        width: 110px
    }

.s-150 {
    width: 150px
}

    .s-150
    input {
        width: 130px
    }

    .s-150 select, td.s-150 {
        width: 140px
    }

.s-180 {
    width: 180px
}

    .s-180
    input {
        width: 160px
    }

    .s-180 select, td.s-180 {
        width: 170px
    }

.s-200,
.s-200 input[type="text"],
.s-200 input[type="password"],
.s-200
select {
    width: 200px
}

.s-250 {
    width: 250px
}

    .s-250
    input {
        width: 230px
    }

    .s-250 select, td.s-250 {
        width: 240px
    }

.s-280 {
    width: 280px
}

    .s-280
    input {
        width: 260px
    }

    .s-280 select, td.s-280 {
        width: 270px
    }

.s-300 {
    width: 300px
}

    .s-300
    input {
        width: 280px
    }

    .s-300 select, td.s-300 {
        width: 290px
    }

.s-400 {
    width: 400px
}

    .s-400
    input {
        width: 380px
    }

    .s-400 select, td.s-400 {
        width: 390px
    }

.s-500 {
    width: 500px
}

    .s-500
    input {
        width: 480px
    }

    .s-500 select, td.s-500 {
        width: 490px
    }

.h-30 {
    height: 30px
}

.h-50 {
    height: 50px
}

.i-title {
    font-size: 120%
}

.ta-big {
    width: 100%;
    height: 300px
}

.ta-middle {
    width: 100%;
    height: 200px
}

.ta-small {
    width: 100%;
    height: 60px
}

.ta-smaller {
    width: 100%;
    height: 45px
}

.textarea-input {
    height: 14px
}

.textarea-input-focused {
    height: 30px
}

.date-pick {
    width: 80px
}

    .date-pick.i-title {
        width: 100px
    }

.buttons-wrappper-right {
    float: right
}

.buttons-wrappper-left {
    float: left
}

.buttons-wrappper-right
a {
    margin: 0 0 0 1px;
    float: left
}

.buttons-wrappper-left
a {
    margin: 0 1px 0 0;
    float: left
}

.btn-md.no-disable:focus
img {
    position: relative;
    top: 0
}

.fake-submit {
    z-index: -1;
    position: absolute;
    width: 0 !important;
    height: 0 !important
}

.showItemDetail {
    display: none
}

.btn-reset {
    padding-left: 0px;
    padding-right: 0px
}

.system-message-wrap {
    position: relative;
    margin: 1rem 0;
    padding-left: 10px;
    border-style: solid;
    border-width: 2px 2px 2px 42px;
    line-height: 15px
}

    .system-message-wrap + .system-message-wrap {
        margin-top: -0.5em
    }

.upl-console .system-message-wrap + .system-message-wrap {
    margin-top: 1rem
}

.system-message-alert {
    border-color: #edc775;
    background-color: #fcfde6
}

.system-message-error {
    border-color: #c30f18;
    background-color: #ffe9e9
}

.system-message-success {
    border-color: #439720;
    background-color: #e6f1e1
}

.system-message-wrap::before {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    font-family: 'shp';
    font-size: 28px;
    line-height: 1;
    text-align: center;
    color: #fff
}

.system-message-alert::before {
    left: -30px;
    content: '\e912'
}

.system-message-error::before {
    left: -35px;
    content: '\e911'
}

.system-message-success::before {
    left: -35px;
    content: '\e93b'
}

.system-message-wrap::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left-style: solid;
    border-left-width: 6px
}

.system-message-alert::after {
    border-left-color: #edc775
}

.system-message-error::after {
    border-left-color: #c30f18
}

.system-message-success::after {
    border-left-color: #439720
}

.system-message-error
a {
    color: #c30f18
}

.system-message-outer {
    position: relative;
    width: 100%
}

.system-message-inner {
    display: table;
    width: 100%
}

.system-message-content {
    display: table-cell;
    padding: 7px 7px 7px 4px;
    word-break: break-all
}

.system-message-content-condensed {
    margin: -0.5rem 0
}

.system-message-content > .text-one-row-wrap {
    padding-top: 1px;
    margin-top: -0.5em;
    margin-bottom: -0.5em
}

.system-message-content
h2 {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 100%
}

.system-message-content > .text-one-row-wrap
h2 {
    display: inline-block
}

.system-message-content
p {
    margin: 0
}

.system-message-buttons {
    display: table-cell;
    padding-left: 10px;
    padding-right: 2px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap
}

    .system-message-buttons .btn-md {
        padding: 4px 8px 5px
    }

    .system-message-buttons + .system-message-buttons {
        padding-left: 0
    }

    .system-message-buttons
    a {
        margin-left: 2px;
        vertical-align: middle
    }

        .system-message-buttons a:first-child {
            margin-left: 0
        }

    .system-message-buttons
    .btn {
        border: 0;
        height: 25px;
        line-height: 17px
    }

.system-message-close {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #e42c2c;
    color: #fff !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    transition: background-color 300ms ease-out
}

    .system-message-close::before {
        content: '\00d7';
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -10px;
        margin-left: -9px;
        font-size: 18px;
        line-height: 1
    }

    .system-message-close:hover {
        text-decoration: none;
        background-color: #c30f18
    }

#content > .system-message-wrap:first-child {
    margin-top: .5rem
}

.tabs .ui-tabs-panel > .system-message-wrap:first-child, .tab-content > .system-message-wrap:first-child, .tabss + .system-message-wrap {
    margin-top: 0
}

.section-905 .header-level-1 + .system-message-wrap {
    margin-top: 0
}

.system-message-proforma-invoice {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%
}

    .system-message-proforma-invoice
    div {
        padding-right: 1em
    }

        .system-message-proforma-invoice div .show-tooltip {
            display: inline-block
        }

#notifier {
    position: fixed;
    z-index: 11000;
    bottom: 0;
    max-width: 1153px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px
}

.system-message-critical-wrap {
    position: fixed;
    width: 100%;
    bottom: 0;
    opacity: 0.8;
    text-align: left;
    margin-top: 1rem;
    line-height: 1.25;
    color: #fff
}

.system-message-critical-outer {
    width: 60%;
    margin: 0 auto;
    padding-top: 140px;
    padding-bottom: 140px
}

.system-message-critical {
    position: fixed;
    background-color: #c30f18;
    margin-bottom: 0;
    width: 100%;
    z-index: 110
}

    .system-message-critical
    h2 {
        font-size: 1.9531em;
        color: #fff;
        margin-bottom: 10px
    }

    .system-message-critical .system-message-content {
        font-size: 1rem
    }

        .system-message-critical .system-message-content
        a {
            font-weight: bold;
            color: #fff
        }

.admin-only,
.admin-only
a {
    color: #a6a6a6 !important
}

    .admin-only input,
    .admin-only select,
    .admin-only
    textarea {
        background: #eee !important;
        color: #777
    }

#trial-expired .btn-md:nth-child(2) {
    background-color: #f7a12b;
    text-shadow: 1px 1px #f1700f
}

    #trial-expired .btn-md:nth-child(2):hover {
        background: #f37e00;
        text-shadow: 1px 1px #e76700
    }

.connection-manager-module-list {
    list-style-type: none
}

#params-list .std-table {
    margin-top: 0
}

#tab-article .medium-button {
    margin-left: 5px
}

input.std-table-tooltip {
    display: inline-block;
    width: calc(100% - 26px) !important
}

.template-show
a {
    text-decoration: none
}

.template-show .btn-default {
    background-color: #a7c721
}

    .template-show .btn-default:hover {
        background-color: #7c9e1e
    }

.block-grid
li {
    display: inline-block;
    margin: 0 0 10px 0
}

#feedRemaining {
    vertical-align: middle
}

#t-order-contact
td {
    border: solid 1px #fff;
    padding: 0 0 5px 0
}

#discount-name.small-8 {
    width: 62%
}

.large-block-grid-4 li:nth-child(3) {
    text-align: center
}

.large-block-grid-4 li:nth-child(4) {
    text-align: right
}

.word-wrap {
    word-wrap: break-word
}

#ordersCountChart {
    margin-bottom: 30px
}

.banner-preview
img {
    max-width: 600px;
    width: 100%;
    height: auto
}

#banner.image {
    text-align: center
}

.incomplete-guide
img {
    position: absolute;
    left: 38px
}

    .incomplete-guide img.first-load {
        left: 18px;
        bottom: 92px
    }

#colorbox.wizard-modal #cboxContent, #colorbox.wizard-modal
#cboxLoadedContent {
    overflow: visible !important
}

#cboxLoadedContent {
    margin-bottom: 0 !important
}

    #cboxLoadedContent
    p {
        margin: 1em 0 0 0
    }

.colour-picker.js-toggle-visibility {
    display: inline-block
}

#tab-base-settings {
    padding: .75rem 0
}

.toplist-overview
label {
    display: block
}

    .toplist-overview label.std-control-label {
        margin: 2em auto
    }

.general-settings-tooltip {
    position: relative
}

    .general-settings-tooltip .shoptet-icon {
        position: inherit
    }

        .general-settings-tooltip .shoptet-icon:before {
            left: 50%
        }

.merchant-photo-delete {
    position: absolute;
    bottom: 50%;
    right: 4%
}

.general-settings-tooltip
img {
    max-width: 600px
}

select[name="http-code"] {
    margin-right: 2px
}

.section-424 h1.icon-page-header.std-header {
    display: none
}

.error-wrap {
    padding: 8rem 0;
    text-align: center
}

    .error-wrap
    p {
        font-size: 1.25rem;
        color: #bababa;
        margin: 1em 0
    }

    .error-wrap
    img {
        padding: 2rem 0
    }

.std-header span.show-tooltip {
    padding-bottom: 15px;
    padding-left: 5px;
    position: relative;
    bottom: 6px
}

.character-counter {
    text-align: right;
    margin-top: 6px;
    margin-bottom: 4px
}

.character-counter-warning {
    color: #c20000;
    font-weight: 700
}

#uploader-logo, #uploader-shipping-logo, #uploader-banner-file, #uploader-background, #uploader-billing-logo, #uploader-watermark, #uploader-stamp, #uploader-fb-image {
    display: inline-block
}

#uploader-image {
    display: inline-block
}

.std-table td.uploader-image {
    padding: 0
}

.uploader-image
td {
    vertical-align: top
}

.uploader-logo img,
.uploader-stamp img,
.uploader-watermark
img {
    max-width: 300px;
    height: auto
}

.tree-padding {
    position: relative
}

.tree {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .tree
    .dropzone {
        line-height: 4px;
        height: 4px
    }

    .tree
    ul {
        margin: 0 0 0 20px;
        padding: 0
    }

    .tree
    li {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

        .tree li span.node,
        .tree li span.node-closed,
        .tree li span.node-opened,
        .tree li span.node-last {
            position: relative;
            top: 3px;
            display: inline-block;
            vertical-align: top;
            width: 16px;
            height: 16px
        }

            .tree li span.node:before {
                font-family: 'shp';
                content: "\e95f";
                font-size: 7px;
                color: #D0D0D0;
                position: relative;
                left: 6px;
                top: -4px
            }

        .tree li span.node-closed {
            background-image: url("/cms/img/_repo-shared/tree.png");
            background-position: -56px -54px;
            cursor: pointer;
            top: 2px
        }

        .tree li span.node-opened {
            background-image: url("/cms/img/_repo-shared/tree.png");
            background-position: -75px -54px;
            cursor: pointer;
            top: 2px
        }

        .tree li span.node-last {
            background-image: url("/cms/img/_repo-shared/tree.png");
            background-position: -38px 0
        }

        .tree li span.ajax-loader {
            vertical-align: middle
        }

        .tree li span.ajax-loader-icon {
            background: url("/cms/img/_repo-shared/ajaxLoader.gif") no-repeat
        }

        .tree li
        dl {
            margin: 0
        }

        .tree li dt,
        .tree li
        dd {
            display: inline;
            padding: 0;
            margin: 0
        }

        .tree li
        dd {
            display: none
        }

            .tree li dd
            img {
                margin-left: 7px
            }

    .tree dd .add-item {
        margin: 0 0 0 10px;
        vertical-align: middle;
        position: relative
    }

    .tree li dl:hover
    dd {
        display: inline
    }

    .tree
    a {
        color: #353535
    }

        .tree a:hover {
            text-decoration: none
        }

        .tree a.tree-link {
            display: inline-block;
            vertical-align: top;
            font-size: 13px;
            height: 19px;
            padding: 2px 5px
        }

            .tree a.tree-link:hover {
                background: #f8f9c1
            }

    .tree
    .hidden {
        color: #969696;
        font-style: italic
    }

.container-header {
    cursor: pointer
}

    .container-header::after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 10px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        vertical-align: middle
    }

    .container-header.down::after {
        border-top: 5px solid #000
    }

    .container-header.up::after {
        border-bottom: 5px solid #000
    }

.field-pieces-wrap {
    position: relative;
    display: inline-block;
    max-width: 106px
}

    .field-pieces-wrap.disabled::before {
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .6)
    }

    .field-pieces-wrap
    a {
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-width: 1px;
        border-color: #d5d5d5;
        text-align: center;
        font-size: 18px;
        line-height: 18px;
        background-color: #f7f7f7
    }

        .field-pieces-wrap a.add-pcs {
            right: 0;
            top: 0;
            border-style: solid solid none
        }

        .field-pieces-wrap a.remove-pcs {
            right: 0;
            bottom: 0;
            border-style: solid
        }

        .field-pieces-wrap a:hover {
            border-color: #14b1ef;
            text-decoration: none;
            background-color: #14b1ef;
            color: #fff
        }

    .field-pieces-wrap
    .pcs {
        width: 100% !important;
        min-width: 74px;
        height: 41px;
        padding: 0 32px 0 4px;
        font-size: 14px;
        text-align: center
    }

.editor-wrapper {
    position: relative
}

.editor-click {
    width: 100%;
    position: relative;
    top: 0;
    cursor: text
}

    .editor-click.middle {
        min-height: 206px
    }

    .editor-click.big {
        min-height: 406px
    }

    .editor-click textarea[name="description"] {
        background: none;
        resize: none;
        display: none
    }

    .editor-click > span {
        z-index: 99;
        position: absolute;
        top: 1px;
        left: 1px;
        display: block;
        width: 99.9%;
        height: 31px;
        line-height: 30px;
        border-bottom: 1px solid #c4c4c4;
        cursor: pointer
    }

        .editor-click > span
        span {
            display: inline-block;
            padding: 0 1rem;
            background-color: #fcfcfc
        }

    .editor-click:hover > span
    span {
        background-color: #e6e6e6
    }

    .editor-click:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1000;
        display: block;
        width: 100%;
        height: 100%
    }

.preview-textarea {
    position: relative
}

    .preview-textarea > div {
        position: absolute
    }

    .preview-textarea
    textarea {
        display: none
    }

.preview-container {
    padding: 5% 2% 2%;
    width: 96%;
    border: 1px solid #b6c2cc
}

#variants-content {
    width: 450px
}

#modal-in #variants-content {
    width: auto
}

#css .field-select-multiple {
    padding-right: 5px;
    background-image: none
}

#variants-content .t-02 {
    margin-top: 10px
}

    #variants-content .t-02 .new-variant-value {
        clear: both;
        height: 32px;
        line-height: 32px
    }

#variants-content .move-top {
    position: relative;
    top: 5px;
    cursor: pointer
}

#variants-content .new-variant
input {
    margin-top: 1px;
    width: 150px
}

#variants-content .select-all,
#variants-content .deselect-all {
    margin-left: 5px;
    display: none;
    cursor: pointer;
    float: right;
    margin-bottom: 10px
}

#variants-content td:hover .select-all,
#variants-content td:hover .deselect-all {
    display: inline
}

.new-variation {
    height: 32px
}

    .new-variation .add-variation {
        position: relative;
        left: 5px;
        cursor: pointer;
        width: 20px;
        display: inline-block
    }

#modal-in .product-image-gallery {
    font-size: 0
}

.product-image-gallery > li {
    height: 140px;
    margin-top: 2em;
    text-align: center
}

.product-image-gallery .pi-image {
    max-width: 100%;
    min-height: 100px
}

.product-image-gallery .pi-image,
.product-image-gallery .pi-image-new {
    border: 1px solid #cacaca
}

    .product-image-gallery .pi-image:hover {
        border-color: #86c2ef;
        cursor: pointer
    }

.product-image-buttons-wrap {
    display: table;
    width: 100%;
    height: 3em;
    margin: 0 0.25em 1.25em
}

.product-image-buttons {
    display: table-cell;
    vertical-align: middle
}

    .product-image-buttons a.shoptet-icon {
        margin-right: 1ex;
        margin-left: 1ex;
        width: 26px
    }

.item-action-add::before, .shoptet-icon.item-action-add::before {
    content: '\e916'
}

.item-action-move::before, .shoptet-icon.item-action-move::before {
    content: '\e93d';
    margin-top: -9px;
    margin-left: -3px;
    font-size: 18px;
    cursor: move
}

.item-action-remove::before, .shoptet-icon.item-action-remove::before {
    content: '\e925'
}

.item-action-minus::before, .shoptet-icon.item-action-minus::before {
    content: '\e941'
}

.item-action-delete::before, .shoptet-icon.item-action-delete::before {
    content: '\e940'
}

.item-action-detail::before, .shoptet-icon.item-action-detail::before {
    content: '\e90c'
}

.item-action-preview::before, .shoptet-icon.item-action-preview::before {
    content: '\e90f'
}

.product-image-buttons a.shoptet-icon.item-action-delete::before {
    content: '\e915';
    color: #c20000
}

.product-image-buttons label.std-control-label {
    margin-right: 0;
    margin-top: 5px
}

.addons-gallery {
    display: flex;
    flex-wrap: wrap
}

    .addons-gallery
    li {
        display: inline-block;
        text-align: center;
        padding: 10px
    }

        .addons-gallery li
        img {
            border: 1px solid rgb(202, 202, 202);
            height: 140px
        }

        .addons-gallery li div.imageActions > div:not(.no-css) {
            display: inline-block
        }

.auction-image-gallery {
    margin: 3em 0 2em 0;
    padding: 0 10px
}

.auction-image {
    margin-top: 0.4em;
    float: left;
    width: 150px;
    height: 110px;
    text-align: center
}

    .auction-image
    img {
        border: solid 1px #cacaca;
        cursor: pointer
    }

        .auction-image img:hover {
            border-color: #86c2ef;
            cursor: pointer
        }

.order-customer-wrap .order-customer {
    width: 100%
}

.icon-wholesale {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    line-height: 14px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #14b1ef;
    border-radius: 50%
}

.ratings-wrap {
    position: relative
}

.order-customer-wrap .ratings-overview {
    z-index: 1;
    position: absolute;
    right: -381px;
    width: 370px;
    top: 50%;
    padding: 0.875rem;
    visibility: hidden;
    font-style: normal;
    transform: translateY(-50%);
    background-color: rgba(33, 33, 33, 0.9);
    color: #fff;
    transition: visibility 0s linear 0.1s
}

    .order-customer-wrap .ratings-overview.full {
        right: -251px;
        width: 240px
    }

    .order-customer-wrap .ratings-overview::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: -0.5rem;
        transform: translateY(-50%);
        border-bottom: 0.5rem solid transparent;
        border-right: 0.5rem solid rgba(33, 33, 33, 0.9);
        border-top: 0.5rem solid transparent
    }

.ratings-icon-wrap > li {
    font-size: 1rem
}

.ratings-wrap:hover .ratings-overview {
    visibility: visible
}

.ratings-overview
.ratings {
    float: left;
    width: 50%
}

    .ratings-overview
    .ratings.full {
        width: 100%
    }

    .ratings-overview .ratings .text-center {
        font-size: 1.6rem
    }

    .ratings-overview .ratings
    ul {
        margin-left: .5rem;
        padding-left: 1rem
    }

        .ratings-overview .ratings ul + ul {
            margin-left: .5rem
        }

    .ratings-overview .ratings.ratings-positive
    li {
        color: #94cb44
    }

    .ratings-overview .ratings.ratings-negative
    li {
        color: #f55
    }

        .ratings-overview .ratings.ratings-positive li span,
        .ratings-overview .ratings.ratings-negative li
        span {
            color: #fff
        }

.ratings-customer-detail {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

    .ratings-customer-detail
    ul {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .ratings-customer-detail
    li {
        list-style: none;
        position: relative;
        margin-bottom: 0.5rem;
        padding-right: 2rem;
        line-height: 1rem
    }

        .ratings-customer-detail li:last-of-type {
            margin-bottom: 0
        }

        .ratings-customer-detail li::before {
            content: "";
            display: inline-block;
            width: 0.4375rem;
            height: 0.4375rem;
            margin-left: -0.75rem;
            margin-right: 0.3125rem;
            border-radius: 50%
        }

.ratings-manually-added .shp-remove {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.6rem;
    border: 0;
    font-size: 1rem;
    background: none;
    cursor: pointer
}

    .ratings-manually-added .shp-remove::before {
        color: #e43030
    }

.ratings-manually-added:hover .shp-remove {
    visibility: visible
}

.ratings-icon-detail {
    position: relative;
    min-height: 2.25rem;
    padding-left: 3.5rem;
    padding-right: 0.75rem;
    padding-top: .7rem
}

    .ratings-icon-detail
    ul {
        padding-left: 0;
        margin: 0
    }

    .ratings-icon-detail::before {
        position: absolute;
        left: 0;
        top: 3px;
        font-family: 'shp';
        font-size: 2rem;
        line-height: 1
    }

.ratings-icon-detail {
    width: 50%
}

    .ratings-icon-detail.ratings-positive {
        float: left
    }

    .ratings-icon-detail.ratings-negative {
        float: right
    }

    .ratings-icon-detail.ratings-positive::before, .shp-positive::before {
        content: '\e917';
        color: #94cb44
    }

    .ratings-icon-detail.ratings-negative::before, .shp-negative::before {
        content: '\e918';
        color: #f55
    }

.ratings-positive li::before {
    background-color: #94cb44
}

.ratings-negative li::before {
    background-color: #f55
}

.ratings-remark .std-control-label {
    margin: .2rem auto .1rem
}

.ratings-remark .shp-positive,
.ratings-remark .shp-negative {
    display: block;
    font-size: 2rem;
    padding: 0 2px;
    cursor: pointer
}

.shipping-icons {
    float: right
}

.shipping-name {
    display: flex;
    align-items: center;
    float: left;
    padding-right: 1ex
}

.shipping-icon {
    font-size: 14px;
    line-height: 18px
}

    .shipping-icon.shipping-icon-completion {
        font-size: 18px;
        color: #edc775
    }

    .shipping-icon.shipping-icon-completed {
        color: #008609
    }

    .shipping-icon.shipping-icon-missing {
        font-size: 12px;
        color: #c20000
    }

    .shipping-icon.shipping-icon-balikobot {
        color: #14b1ef
    }

    .shipping-icon::before {
        content: '\e95a';
        font-family: 'shp';
        line-height: 0;
        vertical-align: middle
    }

    .shipping-icon.shipping-icon-completion::before {
        content: '\e952'
    }

    .shipping-icon.shipping-icon-completed::before {
        content: '\e951'
    }

    .shipping-icon.shipping-icon-missing::before {
        content: '\e911'
    }

    .shipping-icon.shipping-icon-balikobot::before {
        content: '\e951'
    }

.shp-alert, .shp-warning {
    display: block
}

    .shp-alert::before, .shp-warning::before {
        margin-right: 1ex;
        font-size: 1rem;
        line-height: 1
    }

    .shp-alert::before {
        color: #f55
    }

    .shp-warning::before {
        color: #edc775
    }

a.item-code {
    font-weight: bold
}

a.order-code {
    display: block
}

.per-page-value, .all-pages-value {
    display: none
}

    .per-page-value.visible, .all-pages-value.visible {
        display: inline
    }

#order-detail-thumb {
    position: absolute;
    border: 2px solid #999
}

#clone-parameter-line {
    cursor: pointer
}

.ico-next, .ico-prev {
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #14b3ef;
    border-radius: 50%
}

    .ico-next.inactive, .ico-prev.inactive {
        border-color: #aeaeae
    }

    .ico-prev:before, .ico-prev:after, .ico-next:before, .ico-next:after {
        position: absolute;
        content: '';
        width: 8px;
        height: 1px;
        overflow: hidden;
        background-color: #14b3ef
    }

    .ico-prev.inactive:before, .ico-prev.inactive:after, .ico-next.inactive:before, .ico-next.inactive:after {
        background-color: #aeaeae
    }

    .ico-prev:before, .ico-prev:after {
        left: 7px
    }

    .ico-next:before, .ico-next:after {
        left: 10px
    }

    .ico-prev:after {
        top: 9px;
        transform: rotate(-45deg)
    }

    .ico-prev:before {
        top: 15px;
        transform: rotate(45deg)
    }

    .ico-next:after {
        top: 9px;
        transform: rotate(45deg)
    }

    .ico-next:before {
        top: 15px;
        transform: rotate(-45deg)
    }

#completeOrderMessage .system-message-wrap {
    margin-top: 0
}

.std-table-listing-container {
    min-height: 470px
}

.std-table-listing .partially-completed-row td,
.std-table-listing .even.partially-completed-row
td {
    background-color: #fff0cf
}

.std-table-listing .fully-completed-row td,
.std-table-listing .even.fully-completed-row
td {
    background-color: #e6f1e1
}

#ei-box {
    position: absolute;
    z-index: 999999;
    display: inline;
    background-color: #fefaee;
    padding: 2px;
    border: 1px solid #aeaeae
}

    #ei-box table tr.yellow-background {
        background-color: #f8f9c1 !important
    }

    #ei-box table tr
    td {
        padding: 3px 10px 3px 3px;
        text-align: left;
        cursor: pointer
    }

#t-order-contact {
    margin-top: 1em;
    border-collapse: separate
}

    #t-order-contact.invoice-top-margin {
        margin-top: 2em
    }

    #t-order-contact
    h2 {
        margin: 0 0 0.5em 0
    }

    #t-order-contact
    h3 {
        margin-top: 0
    }

    #t-order-contact
    td {
        border: solid 1px #fff;
        padding: 0 0 5px 0
    }

    #t-order-contact h3,
    #t-order-contact
    p {
        padding: 0 15px
    }

    #t-order-contact td
    p {
        color: #484848
    }

    #t-order-contact td:hover {
        border-color: #e7e7e7
    }

        #t-order-contact td:hover
        h2 {
            border-top-color: #d9d9d9
        }

    #t-order-contact td .modify-button {
        display: none;
        cursor: pointer;
        z-index: 1;
        position: absolute;
        top: 5px;
        right: 5px
    }

    #t-order-contact #customer-contact,
    #t-order-contact #billing-address,
    #t-order-contact #shipping-address {
        position: relative;
        margin-bottom: 20px
    }

    #t-order-contact td:hover .modify-button {
        display: inline-block
    }

#mapylink {
    display: block;
    margin-bottom: -5px
}

#order-header {
    margin-top: 3em
}

    #order-header a:hover {
        text-decoration: none
    }

    #order-header h1,
    #order-header form,
    #order-header fieldset,
    #order-header
    select {
        display: inline
    }

    #order-header
    select {
        margin-left: 1.5em;
        padding: 3px 0;
        position: relative;
        top: -4px
    }

    #order-header #order-date {
        padding-left: 47px;
        margin: 0.4em 0 0.5em 0
    }

.total-price-left {
    float: left;
    text-align: left;
    color: #666
}

.total-price {
    float: right;
    text-align: right;
    color: #666
}

    .total-price big, .total-price-left
    big {
        font-size: 130%;
        font-weight: bold;
        color: #000
    }

#invoice-header {
    background-color: #f9f9f9;
    padding: 10px;
    margin-top: 1.5em
}

    #invoice-header > table > tbody > tr > td {
        padding-left: 10px
    }

    #invoice-header > table > tbody > tr + tr:last-child > td {
        padding-bottom: 0
    }

#category-nav {
    position: relative;
    margin: 20px 0;
    background-color: #f7f7f7;
    border: 1px solid #ddd
}

    #category-nav
    a {
        color: #0752c7
    }

    #category-nav .shp-folder {
        display: inline-block;
        vertical-align: top;
        padding-top: 5px;
        height: 29px;
        width: 25px
    }

    #category-nav
    .item {
        display: inline-block;
        vertical-align: top
    }

    #category-nav > .item > a, #category-nav > .item > span {
        display: inline-block;
        vertical-align: top;
        height: 29px
    }

    #category-nav > .item > a {
        padding: 7px 5px 0 5px
    }

    #category-nav > .item > span {
        padding-top: 7px;
        text-transform: uppercase
    }

    #category-nav .item
    .divider {
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    #category-nav .item
    .arrow {
        width: 20px;
        height: 29px;
        cursor: pointer;
        text-align: center
    }

    #category-nav .item > .arrow {
        margin-left: -3px;
        margin-right: -3px;
        position: relative
    }

    #category-nav .item li > .arrow {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 10
    }

    #category-nav .item .arrow::before {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: top;
        left: 0
    }

    #category-nav .item .arrow-right::before {
        top: 11px;
        border-left: 4px solid #000;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent
    }

    #category-nav .item .arrow-down::before {
        top: 13px;
        border-top: 4px solid #000;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    #category-nav > .item a:hover,
    #category-nav .item .divider:hover,
    #category-nav > .item a.is-active {
        text-decoration: none;
        background-color: #f0f0f0
    }

    #category-nav .item:nth-last-of-type(1) a {
        font-weight: bold
    }

    #category-nav ul li a::before,
    #category-nav .shp-folder::before {
        font-family: 'shp';
        font-size: 15px;
        line-height: 1;
        color: #14b1ef
    }

    #category-nav .shp-folder::before {
        position: relative;
        left: 8px;
        top: 2px;
        margin-right: 13px
    }

#suggestor {
    position: absolute;
    z-index: 999999;
    max-height: 320px;
    overflow: auto;
    border: 1px solid #cfcfcf;
    background-color: #fff
}

#category-nav .item > .divider
ul {
    position: absolute;
    z-index: 9999;
    margin: 0;
    padding: 0;
    display: none;
    background: #f7f7f7;
    border: 1px solid #ddd;
    top: 29px;
    left: 0;
    text-align: left
}

    #category-nav .item > .divider ul
    li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative
    }

        #category-nav .item > .divider ul li
        a {
            position: relative;
            color: #000;
            font-weight: normal;
            display: block;
            line-height: 29px;
            padding: 0 20px 0 28px;
            margin: 0 1px;
            overflow: auto;
            white-space: nowrap
        }

        #category-nav .item > .divider ul li:hover > a {
            text-decoration: none;
            background-color: #f0f0f0
        }

#category-nav ul li a::before {
    content: '\e95e';
    position: absolute;
    left: 5px;
    top: 6px
}

#category-nav .item > .divider ul li
ul {
    position: absolute;
    left: 100%;
    top: -1px;
    display: none
}

#category-nav .item > .divider ul li:hover > ul {
    display: block
}

.suggestor-table
th {
    background-color: #f0f0f0;
    padding: 3px;
    color: #0752c7
}

.suggestor-table tr:hover
td {
    cursor: pointer;
    background-color: #fff0cf !important
}

.suggestor-table
td {
    padding: 4px
}

.suggestor-table
.even {
    background-color: #f9f9f9
}

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.25)
}

.registration-circular {
    position: relative;
    left: 50px;
    top: 50%;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg)
}

#cboxLoadingGraphic .registration-circular {
    width: 80px;
    height: 80px
}

.registration-path {
    stroke-dasharray: 1, 1000;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #14b1ef
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 400;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -248
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 400;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -248
    }
}

#no-javascript {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #dedede;
    font-size: 120%
}

#no-javascript-in {
    width: 500px;
    margin: 50px auto;
    padding: 2em;
    background-color: #fff;
    text-align: left
}

    #no-javascript-in
    h1 {
        font-size: 150%;
        text-transform: none
    }

#send-password {
    margin-top: 100px
}

.editable-autocomplete-open-list {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px
}

.move-tr {
    cursor: move
}

.password-strength {
    margin-left: 0.5em;
    border: solid 1px;
    padding: 2px 5px;
    color: #fff
}

.short-pass {
    background-color: #c30f18
}

.password-strength.bad-pass {
    background-color: orange
}

.password-strength.good-pass {
    background-color: green
}

.password-strength.strong-pass {
    background-color: green
}

p.token-input-wrap {
    margin: 0 !important
}

.modal-tooltip .show-tooltip {
    position: relative;
    bottom: 10px
}

ul.token-input-list {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #fff;
    cursor: text
}

    ul.token-input-list
    li {
        display: table;
        width: 100%;
        background-color: #c5dde4;
        color: #000
    }

    ul.token-input-list.token-input-list-alternative
    li {
        background-color: #fff
    }

    ul.token-input-list.token-input-list-alternative
    li {
        border-bottom: 1px solid #eee
    }

        ul.token-input-list.token-input-list-alternative li:last-child {
            border-bottom: 0
        }

        ul.token-input-list.token-input-list-alternative li:hover {
            background-color: #f8f9c1
        }

    ul.token-input-list li.token-input-selected-token {
        background-color: #0752c7;
        color: #fff
    }

        ul.token-input-list li.token-input-selected-token
        span {
            color: #bbb
        }

    ul.token-input-list li
    input {
        padding: 3px 8px;
        border: 1px solid #cfcfcf;
        outline: 0;
        background-color: #fff
    }

        ul.token-input-list li input:focus {
            background-color: #fff !important;
            outline: 0
        }

#filter div.token-input-dropdown ul li > span,
#filter ul.token-input-list li > span {
    padding-top: 5px;
    padding-bottom: 6px
}

ul.token-input-list li > span,
div.token-input-dropdown ul li > span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

ul.token-input-list li > span,
div.token-input-dropdown ul li > span {
    padding: 8px 0
}

    ul.token-input-list li > span:first-of-type,
    div.token-input-dropdown ul li > span:first-of-type {
        padding-left: 3px
    }

    ul.token-input-list li > span:last-of-type,
    div.token-input-dropdown ul li > span:last-of-type {
        padding-right: 3px
    }

    ul.token-input-list li > span.code,
    div.token-input-dropdown ul li > span.code {
        width: 70px;
        text-align: left
    }

        div.token-input-dropdown ul li > span.code.small-1,
        ul.token-input-list li > span.code.small-1 {
            width: 6.25%
        }

    ul.token-input-list li > span.price,
    div.token-input-dropdown ul li > span.price {
        text-align: right;
        color: #008609
    }

    ul.token-input-list li > span.name,
    div.token-input-dropdown ul li > span.name {
        text-align: left
    }

span.token-input-delete-token {
    width: 15px;
    padding-right: 0;
    font-family: Verdana;
    font-weight: bold;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    color: #f05230;
    cursor: pointer
}

div.token-input-dropdown {
    max-height: 312px;
    overflow: auto;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #ccc;
    background-color: #fff;
    cursor: pointer
}

#filter div.token-input-dropdown {
    position: absolute;
    z-index: 9999;
    max-width: 176px
}

div.token-input-dropdown
p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777
}

div.token-input-dropdown
ul {
    margin: 0;
    padding: 0
}

    div.token-input-dropdown ul
    li {
        display: table;
        width: 100%;
        list-style-type: none
    }

        div.token-input-dropdown ul li.token-input-dropdown-item {
            background-color: #fafafa
        }

        div.token-input-dropdown ul li.token-input-dropdown-item2 {
            background-color: #fff
        }

        div.token-input-dropdown ul li
        em {
            font-weight: bold;
            font-style: normal
        }

        div.token-input-dropdown ul li.token-input-selected-dropdown-item {
            background-color: #fff0cf
        }

div.token-input-dropdown + .tooltip-icon {
    float: right;
    position: relative;
    top: -22px;
    bottom: auto;
    margin-bottom: -22px
}

#t-watermark
td {
    border: solid 1px #c0c0c0;
    width: 70px;
    height: 65px;
    text-align: center;
    padding: 0
}

#t-watermark
input {
    margin: 0
}

#table-list > div {
    background-color: #fff;
    border: solid 1px #f0f0f0;
    padding: 5px;
    cursor: pointer
}

    #table-list > div:hover {
        background-color: #f8f9c1
    }

    #table-list > div
    img {
        margin: 0 5px;
        vertical-align: middle
    }

    #table-list > div
    strong {
        color: #0752c7
    }

    #table-list > div.hidden
    strong {
        color: #aaa;
        font-style: italic
    }

    #table-list > div
    span {
        float: right;
        position: relative;
        top: 7px
    }

        #table-list > div span
        img {
            visibility: hidden
        }

    #table-list > div:hover
    img {
        visibility: visible
    }

    #table-list > div a
    img {
        visibility: visible
    }

    #table-list > div
    div {
        display: inline-block
    }

.t-layouts a
img {
    border: solid 2px #fff
}

.t-layouts a:hover img,
.t-layouts a.active
img {
    border-color: #6cc9ea
}

.t-layouts .product-listings {
    margin-top: 0.7em
}

    .t-layouts .product-listings
    img {
        margin: 0 2px
    }

#container-wrapper {
    width: 748px;
    border: 1px solid #aeaeae;
    margin: 10px auto
}

#container-header {
    background-color: #eee;
    height: 155px;
    border-bottom: 1px solid #aeaeae;
    margin-bottom: 5px;
    overflow: auto
}

#container-table {
    width: 100%
}

    #container-table
    td {
        vertical-align: top;
        text-align: center;
        padding: 0
    }

#container-left-panel {
    border: 1px solid #aeaeae;
    border-left: none
}

#container-right-panel {
    border: 1px solid #aeaeae;
    border-right: none
}

    #container-right-panel div.banner,
    #container-left-panel
    div.banner {
        background-color: #ddd;
        padding: 20px 0
    }

#container-left-panel, #container-right-panel {
    width: 190px;
    height: 100%;
    border-bottom: none;
    position: relative;
    padding-bottom: 50px
}

    #container-left-panel > div, #container-right-panel > div, #container-footer > div {
        cursor: move;
        position: relative;
        overflow: auto;
        border: 1px solid #aeaeae;
        margin: 4px;
        background-color: #eee;
        font-weight: bold;
        padding: 45px 0 45px 0
    }

    #container-right-panel .close-item,
    #container-left-panel .close-item,
    #container-footer .close-item {
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 5px
    }

.zone-footer {
    border-top: 1px solid #aeaeae;
    clear: both;
    background-color: #eee;
    overflow: hidden;
    min-height: 90px
}

#container-trash {
    overflow: auto;
    border: 1px dotted #aeaeae;
    width: 748px;
    min-height: 80px;
    margin: 0 auto
}

    #container-trash
    legend {
        margin-left: 1em;
        padding: 0 0.5em;
        font-weight: bold;
        font-size: 110%
    }

    #container-trash > div, #container-footer > div {
        width: 19%;
        height: 50px;
        float: left;
        padding: 20px 0;
        font-weight: bold;
        border: 1px solid #aeaeae;
        background-color: #efefef;
        cursor: pointer;
        min-height: 92px;
        margin: 3px 0 0 3px
    }

    #container-trash div.banner,
    #container-footer
    div.banner {
        background-color: #ddd
    }

    #container-trash > div .close-item {
        display: none
    }

span.widget-title {
    font-weight: normal;
    font-style: italic
}

#tab-customer-images, #tab-shoptet-images {
    width: 800px;
    height: 360px;
    overflow: auto
}

#header-part-wrapper {
    background: #fff;
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    height: 250px;
    position: relative;
    border: solid 1px #d9d9d9
}

    #header-part-wrapper > div {
        position: absolute;
        display: block
    }

#header-background-video
video {
    display: block;
    max-width: 100%;
    margin: 0 auto 1rem
}

#header-logo {
    left: 20px;
    top: 30px
}

#header-front-image, #header-logo {
    cursor: move;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat
}

    #header-front-image img,
    #header-logo
    img {
        display: block;
        margin: 0;
        padding: 0
    }

    #header-front-image:hover, #header-logo:hover {
        margin-top: -1px;
        margin-left: -1px;
        border: 1px dotted #888
    }

    #header-front-image .close-item,
    #header-logo .close-item {
        position: absolute;
        top: 5px;
        right: 5px;
        display: none
    }

    #header-front-image:hover .close-item,
    #header-logo:hover .close-item {
        display: block;
        cursor: pointer
    }

#tab-customer-images
.image {
    display: inline-block;
    text-align: center
}

.statistics-loader-icon {
    margin: 100px 0 20px 0
}

.product-code-js-icon {
    position: relative
}

    .product-code-js-icon .shoptet-icon.loader {
        width: 19px;
        height: 19px
    }

        .product-code-js-icon .shoptet-icon.loader::before {
            font-size: 19px
        }

    .product-code-js-icon .shoptet-icon {
        z-index: 1;
        position: absolute;
        left: 2px;
        top: -1px;
        background-color: #fff
    }

        .product-code-js-icon .shoptet-icon.invisible {
            display: none
        }

#article-section-groups {
    padding-left: 118px;
    margin: 0 !important
}

    #article-section-groups
    label {
        cursor: pointer
    }

#graph-container {
    padding: 50px 0 47px 0
}

.social-wrapper {
    display: block
}

#social {
    display: table;
    height: 115px;
    margin: auto;
    text-align: center
}

    #social .social-button {
        display: table-cell;
        vertical-align: bottom;
        margin-left: 5px;
        margin-right: 5px
    }

    #social .social-button-in {
        padding: 5px
    }

        #social .social-button-in
        span {
            vertical-align: baseline !important
        }

    #social .social-move-button
    span {
        width: 17px;
        height: 17px;
        display: inline-block;
        margin-top: 3px;
        cursor: move
    }

.social-button-in
iframe {
    border: 0
}

#module-descr {
    margin-top: 3em
}

    #module-descr
    p {
        margin-top: 0;
        padding-top: 0
    }

    #module-descr
    .description {
        width: 470px;
        padding-right: 2em;
        float: left
    }

    #module-descr
    .thumbs {
        width: 440px;
        float: left
    }

    #module-descr
    .thumb {
        border: solid 1px #c8c8c8;
        margin: 0 5px 10px 5px
    }

        #module-descr .thumb:hover {
            border-color: #999
        }

#t-module-descr {
    min-width: 300px;
    margin-bottom: 1.2em
}

    #t-module-descr
    td {
        background-color: #f5f5f5;
        border-bottom: solid 1px #fff;
        padding: 6px 10px
    }

.tree.facebook ul ul a.tree-link {
    color: red !important
}

.progress-bar {
    border: 1px solid #cfcfcf
}

    .progress-bar,
    .progress-bar
    img {
        height: 15px
    }

        .progress-bar
        span {
            overflow: hidden;
            display: inline-block
        }

.show-tooltip {
    width: 17px;
    height: 17px;
    margin-top: -0.5px;
    vertical-align: middle
}

.text-tooltip {
    border-bottom: 1px dotted #14b1ef;
    width: auto
}

.show-tooltip-wrap-v2 .show-tooltip {
    position: relative;
    top: 1em;
    float: right;
    margin-top: -15px
}

.input-select, .js-toggle-visibility-trigger {
    cursor: pointer
}

.tooltip .tooltip-content {
    padding: 0 15px 10px;
    display: inline-block
}

.tooltip-content a,
.tooltip-content a:hover {
    color: #14b1ef
}

.content-padding {
    padding-left: 12px
}

.multiple-checkbox {
    vertical-align: middle;
    display: inline-block;
    max-height: 226px;
    margin: 0;
    padding: 0;
    border: solid 1px #b6c2cc;
    overflow: auto
}

    .multiple-checkbox.multiple-checkbox-small {
        max-height: 114px
    }

    .multiple-checkbox.multiple-checkbox-large {
        max-height: 338px
    }

    .multiple-checkbox.multiple-checkbox-xlarge {
        max-height: 450px
    }

    .multiple-checkbox
    li {
        position: relative;
        display: block;
        min-height: 28px;
        list-style: none;
        padding: 0
    }

    .multiple-checkbox
    label {
        display: block;
        padding: 3px 3px 3px 32px;
        line-height: 22px;
        cursor: pointer;
        -moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .multiple-checkbox label.std-control-label {
            position: absolute;
            left: 5px;
            top: 3px;
            margin: 0;
            padding: 0
        }

    .multiple-checkbox input:checked + label + label {
        background-color: #f2fbff
    }

.toggle-whole-group
span {
    float: right;
    cursor: pointer;
    font-weight: normal;
    color: black
}

    .toggle-whole-group span:hover {
        text-decoration: underline
    }

.help-image {
    text-align: center;
    margin: 2em 0
}

    .help-image
    img {
        border: solid 1px #aaa
    }

    .help-image
    p {
        margin-top: 0.5em;
        font-style: italic
    }

.download-block {
    border: solid 1px #ccc;
    padding: .6em;
    color: #000;
    text-decoration: none
}

    .download-block
    img {
        margin-right: 1em
    }

    .download-block:hover {
        background-color: #f7f7f7
    }

.assigned-ticket, .unassigned-ticket, .closed-ticket, .answered-ticket, .canceled-ticket {
    font-style: normal !important;
    display: block;
    text-align: center;
    color: #fff !important;
    padding: 1px 4px 2px 4px;
    min-width: 90px
}

.assigned-ticket {
    background-color: #00a648
}

.unassigned-ticket {
    background-color: #777
}

.answered-ticket {
    background-color: #c30f18
}

.canceled-ticket {
    background-color: #bbb
}

.closed-ticket {
    background-color: #d27600
}

.ticket-table
.divider {
    height: 8px;
    padding: 0;
    border: 0
}

.ticket-attachment {
    text-decoration: none
}

    .ticket-attachment:hover {
        text-decoration: underline;
        color: #484848
    }

.ticket-overview
h3 {
    margin-top: 0;
    color: #14b1ef
}

.std-table-listing .ticket-support
th {
    background-color: #ffe9c9
}

.std-table-listing .ticket-support
td {
    background-color: #f7f7ed;
    color: #000
}

.std-table-listing .ticket-customer
th {
    background-color: #e9f0f2
}

.std-table-listing .ticket-customer
td {
    background-color: #f7fbfc;
    color: #000
}

img.ajax-loader {
    vertical-align: middle
}

#scheduler-console-output {
    max-height: 600px;
    overflow: auto
}

#description_shoptethelp,
#description_shoptethelp
img {
    width: 39px;
    cursor: pointer
}

#vendor-import-stock-settings
.box {
    float: left;
    width: 413px;
    margin-right: 20px;
    padding: 12px 20px 20px 20px
}

    #vendor-import-stock-settings
    .box.active {
        background-color: #fafafa
    }

    #vendor-import-stock-settings .box
    .title {
        margin-bottom: 10px
    }

        #vendor-import-stock-settings .box .title
        label {
            cursor: pointer
        }

#vendor-import-stock-settings
h4 {
    color: #333
}

#vendor-import-stock-settings
.parameter {
    margin-bottom: 10px
}

    #vendor-import-stock-settings .parameter td input[type="text"] {
        padding: 3px
    }

#popup-message {
    width: 500px
}

    #popup-message
    td {
        padding: 10px
    }

    #popup-message tr.even
    td {
        background-color: #f0f0f0
    }

.step-bar {
    max-width: 700px;
    margin: 0 auto !important
}

    .step-bar
    li {
        text-align: center;
        vertical-align: top
    }

        .step-bar li .step-box {
            width: 67px;
            height: 54px;
            padding-top: 12px;
            text-align: center;
            color: #cfcfcf;
            font-size: 200%;
            font-weight: bold;
            background-color: #fff;
            border: 1px solid #cfcfcf;
            margin: 0 auto
        }

        .step-bar li.active .step-box {
            color: #fff;
            background-color: #14b1ef;
            border-color: #14b1ef
        }

    .step-bar .shp-arrow2:before {
        position: relative;
        left: 53%;
        bottom: 60px;
        font-size: 19px;
        color: #000
    }

#description-cs_shoptethelp,
#description-cs_shoptethelp
.mceIcon {
    width: 39px
}

.mce-content-body {
    box-sizing: border-box
}

#browsers {
    margin: 20px
}

    #browsers .browser,
    #browsers
    .unknown {
        display: none
    }

        #browsers .browser
        .thumbnail {
            float: left;
            width: 70px;
            height: 64px;
            margin-right: 15px
        }

        #browsers .browser
        .title {
            display: inline-block;
            margin-top: 10px;
            font-size: 180%
        }

.vendor-import-add-information-parameter {
    margin-left: 162px
}

.cofidis-images {
    padding: 0 0 20px 0
}

    .cofidis-images
    .logo {
        float: right;
        margin: 8px 15px 0 0
    }

    .cofidis-images
    img {
        margin-left: 10px
    }

.cofidis-loan-table {
    width: 400px;
    margin: 0 0 25px 10px;
    border: 1px solid #f3f3f3;
    border-spacing: 1px;
    border-style: outset
}

    .cofidis-loan-table
    td {
        padding: 3px 5px;
        text-align: right
    }

        .cofidis-loan-table
        td.header {
            text-align: center
        }

    .cofidis-loan-table tr:nth-child(odd) {
        background-color: #efefef
    }

.cofidis-detail-information-box {
    display: none
}

#item-preview {
    z-index: 10299;
    position: absolute;
    width: 820px;
    min-height: 150px;
    padding: 1.5em;
    border: solid 1px #e0e0e0;
    text-align: left;
    background-color: #fff
}

    #item-preview.moved {
        right: 0;
        width: auto;
        max-width: 820px
    }

    #item-preview
    .loader {
        padding-top: 40px;
        text-align: center
    }

        #item-preview .loader
        img {
            display: inline-block;
            margin-bottom: 15px
        }

.preview-items {
    font-size: 0
}

    .preview-items + .preview-items {
        margin-top: 10px
    }

    .preview-items
    li {
        vertical-align: top;
        font-size: 11px;
        line-height: 24px
    }

.preview-item {
    position: relative;
    display: block;
    min-height: 15px;
    padding: 5px 15px 5px 32px
}

    .preview-item
    abbr {
        display: inline-block;
        min-width: 18px
    }

    .preview-item.preview-item-blank {
        padding-left: 0
    }

        .preview-item.preview-item-blank span::before {
            margin-right: 19px
        }

    .preview-item.negative {
        color: #c20000
    }

    .preview-item::before {
        content: '\e900';
        position: absolute;
        left: 0;
        top: 5px;
        font-family: 'shp';
        font-weight: normal;
        font-size: 18px;
        color: #000
    }

    .preview-item.preview-item-blank::before {
        content: ''
    }

    .preview-item.preview-item-completed::before {
        content: '\e952';
        font-size: 22px
    }

    .preview-item.preview-item-customer::before {
        content: '\e954'
    }

    .preview-item.preview-item-address::before {
        content: '\e950'
    }

    .preview-item.preview-item-email::before {
        content: '\e956'
    }

    .preview-item.preview-item-phone::before {
        content: '\e958'
    }

    .preview-item.preview-item-note::before {
        content: '\e953'
    }

    .preview-item.preview-item-shipping::before {
        content: '\e955'
    }

    .preview-item.preview-item-billing::before {
        content: '\e957';
        font-size: 22px
    }

    .preview-item.preview-item-profit::before {
        content: '\e959'
    }

    .preview-item.preview-item-status::before {
        content: '\e951';
        left: 3px
    }

    .preview-item.preview-item-documents::before {
        content: '\e95b'
    }

    .preview-item.preview-item-number::before {
        content: '\e95c';
        left: 3px
    }

.preview-item-customer, .preview-item-email {
    color: #14b1ef
}

.preview-item
.block {
    display: block
}

.address-item {
    display: block
}

    .address-item:empty {
        display: none
    }

.preview-price {
    font-size: 20px
}

#iplatba-order-detail {
    background-image: none;
    padding-left: 5px
}

    #iplatba-order-detail
    h3 {
        padding: 0 0 8px 6px;
        margin: 0;
        font-size: 120%
    }

    #iplatba-order-detail table
    th {
        width: 110px;
        text-align: right;
        padding-right: 10px
    }

    #iplatba-order-detail table td
    strong {
        color: #43484b
    }

    #iplatba-order-detail table td,
    #iplatba-order-detail table
    th {
        height: 20px
    }

.grey-filter {
    background-color: #efefef;
    border: solid 1px #dedede
}

    .grey-filter
    td {
        padding: 5px
    }

        .grey-filter td.left-padding {
            padding-left: 10px !important
        }

        .grey-filter td.right-padding {
            padding-right: 10px !important
        }

#payu-form .table-payu {
    font-weight: bold;
    border: none !important;
    width: 100% !important
}

    #payu-form .table-payu
    td {
        border: none !important
    }

    #payu-form .table-payu
    img {
        vertical-align: middle !important;
        margin-right: 2em;
        float: none
    }

    #payu-form .table-payu
    td.icon {
        width: 450px !important
    }

#payu-form
td.last {
    background: none;
    text-align: left
}

    #payu-form td.last
    img {
        display: none
    }

#payu-form
strong {
    font-size: 120%;
    font-weight: bold;
    color: #000 !important;
    display: block;
    margin-top: 1em
}

    #payu-form strong
    br {
        display: none
    }

#payu-form .hotspot,
#payu-form
.prechod {
    display: none
}

#important-search
h2 {
    margin: 3px 0 0
}

#important-search
p {
    margin: 3px 0 8px
}

.important-search-form {
    font-size: 150%
}

.warning-tooltip .tooltip-content-wrapper {
    background-color: #c20000 !important;
    font-weight: bold
}

.warning-tooltip .tooltip-header {
    background-color: #c20000 !important
}

.not-saved-warning {
    border-bottom: dashed 1px;
    color: #c20000 !important
}

.marked-to-remove {
    color: #c20000 !important;
    text-decoration: line-through
}

    .marked-to-remove .mark-to-remove {
        display: none
    }

.unmark-to-remove {
    line-height: 18px
}

.marked-to-remove
td {
    background-color: #f5f5f5
}

.hint-about-marked {
    display: none
}

input.mark-to-remove {
    cursor: pointer;
    border-width: 0
}

input.unmark-to-remove {
    cursor: pointer;
    border-width: 0
}

#options-with-all-values td:first-child {
    width: 150px
}

#options-with-all-values
td {
    padding: 5px
}

#options-with-all-values {
    border: 1px solid #FFF
}

    #options-with-all-values.has-extended-content {
        border: 1px dashed #f0f0f0
    }

#order-statuses td:first-child {
    width: 150px
}

#order-statuses
td {
    padding: 5px
}

table#orders-export-types thead
th {
    padding: 8px 0 0.5em
}

table#orders-export-types tbody tr:last-child
td {
    border-bottom: 1px dashed #f0f0f0;
    padding-bottom: 12px
}

.cursor-pointer {
    cursor: pointer
}

.rendered-button {
    position: relative;
    padding: 2px 0;
    cursor: pointer
}

    .rendered-button input.real-button {
        position: absolute;
        z-index: -1;
        left: 0;
        top: -4px;
        filter: alpha(opacity=0);
        opacity: 0;
        color: transparent;
        margin: 0;
        width: 1px;
        height: 1px
    }

    .rendered-button .button-content {
        z-index: 1;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background-image: none;
        padding-bottom: 3px
    }

.tracy-dump {
    text-align: left;
    padding: 1em 1em 0 1em;
    font-size: 1.25em
}

.tcp {
    width: 60px;
    border: 1px solid #e0e0e0
}

    .tcp
    td {
        padding: 1px
    }

.tcp-text {
    font-size: 16px;
    font-family: 'Open Sans';
    text-align: center
}

.tcp-primary, .tcp-primary-hover {
    width: 19px;
    height: 18px
}

.tcp-secondary {
    width: 36px;
    height: 36px;
    border-radius: 50px
}

.tcp-secondary-hover {
    width: 36px;
    height: 36px
}

.tooltip-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

    .tooltip-icon::before {
        content: '\e90a';
        font-family: 'shp';
        font-weight: normal;
        font-size: 17px;
        line-height: 1;
        color: #14b1ef
    }

.shoptet-icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
    font-size: 0;
    text-decoration: none
}

a.shoptet-icon {
    text-decoration: none
}

.shoptet-icon::before {
    content: '\e95a';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    margin-top: -8px;
    font-family: 'shp';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    line-height: 1;
    color: #14b1ef;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shoptet-icon.tiny {
    width: 12px;
    height: 12px;
    font-size: 12px
}

    .shoptet-icon.tiny::before {
        font-size: 12px;
        margin-top: -6px
    }

.shoptet-icon.preview-icon::before {
    content: '\e90f';
    font-size: 12px;
    margin-top: -6px
}

.shoptet-icon.move-item::before {
    content: '\e93d'
}

.shoptet-icon.move-item.mute-item {
    cursor: help
}

.shoptet-icon.folder-opened::before {
    content: '\e928'
}

.shoptet-icon.fullscreen::before {
    content: '\e92c'
}

.shoptet-icon.menu::before {
    content: '\e945'
}

.shoptet-icon.info-item::before {
    content: '\e90a'
}

.shoptet-icon.copy-item::before {
    content: '\e933'
}

.shoptet-icon.goto-item {
    width: 23px
}

td.np .shoptet-icon.goto-item {
    width: 69%;
    padding: 0.5rem
}

.shoptet-icon.goto-item::before {
    content: '\e935'
}

.shoptet-icon.split-item::before {
    content: '\e932'
}

.shoptet-icon.remark-item::before {
    content: '\e931';
    font-size: 14px;
    margin-top: -7px
}

.shoptet-icon.accomplish-item::before {
    content: '\e939';
    color: #008609
}

.shoptet-icon.export-item-to-pdf::before {
    content: '\e942';
    font-size: 18px
}

.shoptet-icon.search::before {
    content: '\e90c'
}

.shoptet-icon.update::before {
    content: '\e92d'
}

.shoptet-icon.question::before {
    content: '\e92d'
}

.shoptet-icon.lock::before {
    content: '\e947'
}

.shoptet-icon.folder::before {
    content: "\e957";
    font-size: 15px
}

.ticket-code .shoptet-icon.positive,
.ticket-code .shoptet-icon.negative,
.ticket-code .shoptet-icon.neutral {
    width: 12px;
    height: 12px
}

    .ticket-code .shoptet-icon.positive::before,
    .ticket-code .shoptet-icon.negative::before,
    .ticket-code .shoptet-icon.neutral::before {
        font-size: 12px
    }

.shoptet-icon.positive::before {
    content: '\e917';
    color: #008609
}

.shoptet-icon.negative::before, .shoptet-icon.neutral::before {
    content: '\e918'
}

.shoptet-icon.negative::before {
    color: red
}

.shoptet-icon.neutral::before {
    color: gray
}

.shoptet-icon.link::before {
    content: '\e92b';
    font-size: 9px;
    color: #484848
}

.shoptet-icon.attachment::before {
    content: '\e937'
}

.shoptet-icon.bug-icon::before {
    content: '\e936'
}

.shoptet-icon.bug-icon.bug-resolved::before, .shoptet-icon.bug-icon.bug-released::before {
    color: gray
}

.shoptet-icon.bug-icon.bug-open::before {
    color: #008609
}

.shoptet-icon.bug-icon.bug-wontfix::before, .shoptet-icon.bug-icon.bug-invalid::before, .shoptet-icon.bug-icon.bug-duplicate::before, .shoptet-icon.bug-icon.bug-spite::before, .shoptet-icon.bug-icon.bug-worksforme::before {
    color: #c20000
}

.shoptet-icon.delete-item::before, .shoptet-icon.mark-to-remove::before, .shoptet-icon.ajax-remove-item::before, .shoptet-icon.remove-item::before, .shoptet-icon.delete-item-big::before, .shoptet-icon.remove-line::before {
    content: '\e915';
    color: #f00
}

.shoptet-icon.close-item::before {
    content: '\e93c';
    color: #f00
}

.shoptet-icon.shoptet-icon.delete-item-big, .shoptet-icon.shoptet-icon.remove-line {
    width: 19px;
    height: 19px
}

.shoptet-icon.delete-item-big::before, .shoptet-icon.remove-line::before {
    font-size: 19px
}

.shoptet-icon.add-home-item::before {
    content: '\e91d'
}

.shoptet-icon.print-item::before {
    content: '\e914';
    font-size: 14px;
    margin-top: -7px
}

.shoptet-icon.add-item::before {
    content: '\e916'
}

.shoptet-icon.reply-item::before {
    content: '\e935'
}

.shoptet-icon.scp-connect::before {
    content: '\e935'
}

.shoptet-icon.set-default-item, .shoptet-icon.toggle-visibility, .shoptet-icon.loader, .shoptet-icon.bool-property, .shoptet-icon.enable-property, .shoptet-icon.disable-property, .shoptet-icon.disabled-item, .shoptet-icon.toggle-attention {
    width: 19px;
    height: 19px
}

    .shoptet-icon.set-default-item::before, .shoptet-icon.toggle-visibility.item-visible::before, .shoptet-icon.bool-property.disabled::before, .shoptet-icon.bool-property.invalid::before, .shoptet-icon.enable-property::before {
        content: '\e925';
        font-size: 19px;
        color: #b1b1b1
    }

    .shoptet-icon.set-default-item[rel="1"]::before, .shoptet-icon.toggle-visibility::before, .shoptet-icon.bool-property.enabled::before, .shoptet-icon.disable-property::before {
        content: '\e924';
        font-size: 19px;
        color: #94cb44
    }

    .shoptet-icon.toggle-attention::before {
        content: '\e911';
        font-size: 19px;
        color: #b1b1b1
    }

    .shoptet-icon.toggle-attention.attention-invisible::before {
        color: #c20000
    }

.shoptet-icon.warning::before {
    content: '\e911';
    color: #c20000
}

.shoptet-icon.disabled-item::before {
    font-size: 19px
}

.shoptet-icon.loader::before {
    content: '\e93a' !important;
    color: #b1b1b1 !important;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.shoptet-icon.invoice::before {
    font-size: 18px;
    content: '\e960'
}

.shoptet-icon.create-invoice::before {
    color: #b1b1b1 !important
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.shoptet-icon.disabled-item::before {
    content: '\e926' !important;
    color: #b1b1b1 !important
}

.shoptet-icon.mute-item::before {
    color: #b1b1b1 !important
}

.job-list-run-here {
    background: transparent url("/cms/img/_repo-shared/run_single.png") no-repeat scroll 0 0;
    width: 21px;
    height: 19px;
    display: inline-block;
    overflow: hidden;
    text-indent: 999em;
    vertical-align: middle;
    padding: 0;
    font-size: 0
}

.job-list-run-all {
    background: transparent url("/cms/img/_repo-shared/run_all.png") no-repeat scroll 0 0;
    width: 21px;
    height: 19px;
    display: inline-block;
    overflow: hidden;
    text-indent: 999em;
    vertical-align: middle;
    padding: 0;
    font-size: 0
}

.btn-md.help-anchor {
    position: relative;
    padding-right: 35px;
    margin-left: 15px
}

    .btn-md.help-anchor::before {
        content: '\e90a';
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -11px;
        font-family: 'shp';
        font-size: 22px;
        line-height: 1
    }

#cboxClose {
    width: 14px;
    height: 14px;
    border: 0 !important;
    background: transparent url("/cms/img/_repo-shared/cancel.svg") 50% 50% no-repeat !important;
    background-size: 14px 14px !important
}

canvas#chart {
    margin: 50px auto
}

div#legend {
    margin-bottom: 40px
}

ul.legend > li {
    list-style: none inside;
    position: relative;
    display: inline-block;
    margin-right: 20px
}

    ul.legend > li > span {
        position: absolute;
        display: block;
        height: 10px;
        width: 10px;
        top: 4px;
        left: -15px
    }

.system-messages-login-wrap {
    position: relative
}

.system-messages-login {
    position: absolute;
    z-index: 1000;
    top: 110px;
    width: 100%;
    color: #000
}

    .system-messages-login .system-message-close {
        display: none
    }

.tabs-dashboard .ui-tabs-panel {
    padding: 0;
    background-image: none
}

.tabs-dashboard > ul::before {
    display: none
}

.tabs-dashboard > ul > li a,
.tabs-dashboard .active a,
.tabs-dashboard .ui-state-active
a {
    line-height: inherit
}

.tabs-dashboard.std-tabs > ul > li > a {
    margin-top: 12.6px;
    padding-left: 5px;
    padding-right: 5px
}

.tabs-dashboard.std-tabs > ul > li.ui-state-active > a {
    top: 1px;
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 17px
}

.chart {
    max-width: 100%;
    height: auto !important
}

.tabs-dashboard .tabs-content-outer {
    border: 1px solid #b7b7b7;
    border-top-style: none;
    text-align: center
}

    .tabs-dashboard .tabs-content-outer > ul .std-header {
        margin-top: .75em
    }

.tabs-dashboard .tabs-content-inner {
    display: table;
    width: 100%;
    padding: 1em 0 0
}

.list-statistics-outer {
    width: 100%;
    margin-top: 1em;
    background-color: #f6f6f6
}

    .list-statistics-outer.list-reset > li {
        position: relative;
        float: left;
        padding: 1.25em 0 1.5em;
        text-align: center;
        vertical-align: middle
    }

    .list-statistics-outer.list-reset:not(.div-by-3) > li {
        width: 25%
    }

    .list-statistics-outer.list-reset.div-by-3 > li {
        width: 33.33333%
    }

    .list-statistics-outer.list-reset.rem-1 > li.rem {
        width: 100%
    }

    .list-statistics-outer.list-reset.rem-2 > li.rem {
        width: 50%
    }

    .list-statistics-outer.list-reset.rem-3 > li.rem {
        width: 33.33333%
    }

    .list-statistics-outer.list-reset:not(.div-by-3) > li:nth-child(4n+1) {
        clear: both
    }

    .list-statistics-outer.list-reset.div-by-3 > li:nth-child(3n+1) {
        clear: both
    }

    .list-statistics-outer > li::before {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        padding: 7px 0 7px;
        background-color: #e9e9e9;
        background-clip: content-box;
        content: ''
    }

    .list-statistics-outer > li:last-child::before {
        display: none
    }

    .list-statistics-outer > li > a {
        display: block;
        text-decoration: none
    }

    .list-statistics-outer
    h3 {
        margin: 0 0 0.5em;
        font-size: 12px
    }

.list-statistics-inner {
    display: table;
    width: 100%
}

.list-statistics-content {
    display: table-cell;
    vertical-align: middle
}

    .list-statistics-content > li {
        display: inline-block;
        text-align: center;
        vertical-align: middle
    }

#css .statistics-number-v1 {
    font-weight: 300;
    font-size: 20px;
    text-align: right;
    vertical-align: middle
}

.statistics-number-v2 {
    display: block;
    color: #4f4f4f;
    font-weight: 700;
    font-size: 12px
}

.statistics-number-v3 {
    color: #010101;
    font-size: 10px
}

#css .icon-arrow-statistics {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-left: 15px;
    vertical-align: middle
}

.icon-arrow-statistics::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    font-family: 'shp';
    font-size: 14px;
    line-height: 1;
    text-align: center
}

.icon-arrow-statistics-increase::before {
    content: '\e921';
    color: #94cb44
}

.icon-arrow-statistics-decrease::before {
    content: '\e919';
    color: #d62525
}

.list-statistics-content .show-tooltip {
    margin-left: 0
}

#graph-index {
    line-height: normal
}

    #graph-index
    ul {
        margin: 1em 0;
        padding: 0;
        list-style: none
    }

    #graph-index
    li {
        width: 100%;
        margin: 0 0 1em 0;
        line-height: 1.6
    }

.connection-manager-tabs {
    margin-top: 2em
}

.module-wrap {
    text-align: left
}

.list-modules .design-tile-inner {
    position: relative;
    max-width: 272px
}

.module-banner-wrap {
    position: relative;
    background: #e7e7e7
}

    .module-banner-wrap::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #e7e7e7;
        border-bottom-style: none;
        opacity: 0.4;
        content: ""
    }

    .module-banner-wrap
    img {
        float: left;
        max-width: 100%
    }

.list-modules.list-columns-3 .module-banner-wrap {
    min-height: 92px
}

.list-modules.list-columns-4 .module-banner-wrap {
    min-height: 74px
}

#css .module-header-wrap > h3 {
    font-size: 3.2727em;
    font-weight: 300;
    letter-spacing: -1px;
    margin-top: 0;
    padding: 0.125em 0;
    line-height: 1;
    margin-bottom: 0
}

#css .list-modules .module-header-wrap > h3 {
    color: #000;
    font-weight: 700;
    font-size: 12px;
    margin-top: 0
}

.module-banner-wrap + .module-header-wrap {
    clear: both
}

.module-header-wrap {
    padding-bottom: 0;
    border-bottom: 0
}

.list-modules .module-wrap .design-header {
    color: #000;
    font-weight: 700;
    font-size: 12px
}

.list-modules .module-description-wrap .design-tile-content {
    padding-top: .125em
}

.module-wrap
p {
    margin: 0
}

.list-modules .module-description-wrap {
    position: relative
}

.module-description-short-wrap {
    line-height: 1.5
}

.module-description-short-default {
    display: inline-block;
    min-height: 3em
}

.module-description-short-hover {
    display: none
}

.list-modules > li:hover .module-description-short-hover {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background-color: #fff
}

.module-preview-wrap,
.btn.module-button,
.module-description-long-wrap,
.module-status,
.module-activation-price-wrap,
.overlay-module-preview .module-banner-wrap,
.overlay-module-preview .design-flag,
.overlay-module-preview .design-flag-switcher,
.overlay-module-preview .module-description-short-wrap,
.module-wrap .module-preview-full-size {
    display: none
}

.overlay-module-preview .design-tile-content {
    padding-bottom: 0;
    border-style: none
}

.overlay-module-preview .module-preview-wrap {
    float: right;
    display: block;
    width: 305px;
    padding-bottom: 1px;
    background-color: #fff
}

.overlay-module-preview .module-preview:first-child {
    margin-bottom: 1em
}

.overlay-module-preview .module-preview-default {
    float: right;
    max-width: 100%;
    max-height: 207px;
    width: auto;
    height: auto
}

.overlay-module-preview .module-button-wrap {
    position: relative;
    bottom: 13px
}

.overlay-module-preview .module-button {
    position: absolute;
    left: 17px;
    bottom: 0;
    display: block;
    font-weight: 700
}

.overlay-module-preview .module-description-wrap {
    min-height: 3.7273em;
    padding-bottom: 2.5em
}

.overlay-module-preview .module-wrap-button-visible .module-description-wrap {
    padding-bottom: 6.75em
}

.overlay-module-preview .module-wrap-inactive .module-description-wrap {
    padding-bottom: 7.5em
}

.overlay-module-preview .module-description-long-wrap {
    display: block;
    text-align: left
}

.overlay-module-preview .module-activation-price-wrap {
    display: block
}

    .overlay-module-preview .module-activation-price-wrap
    form {
        border-top: 1px solid #e9e9e9
    }

.overlay-module-preview .module-wrap-inactive .module-activation-price-wrap {
    font-size: 1em
}

.overlay-module-preview .module-activation-price {
    font-weight: 700;
    font-size: 2.7273em
}

.module-preview {
    position: relative;
    display: block;
    cursor: pointer
}

    .module-preview:hover {
        outline: 1px solid rgba(231, 231, 231, 0.4)
    }

.module-preview-effect .module-preview-full-size {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    display: block;
    width: auto;
    height: auto;
    max-width: 125%;
    max-height: 125%
}

.module-preview-default {
    vertical-align: middle
}

.full-size-copy {
    max-width: 100%
}

.order-shoptet-content {
    position: relative
}

.order-shoptet-additional-services, .std-header.order-shoptet-additional-services {
    display: none
}

.order-shoptet-user-contact .information-bubble {
    display: block;
    margin-left: 0;
    padding-left: 0
}

.list-order {
    text-align: center
}

    .list-order > li {
        margin-top: 10px
    }

.list-order-box {
    padding-bottom: 1em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    border: 1px solid #ccc;
    font-size: 0.8125rem;
    cursor: pointer
}

.list-order > li:first-child .list-order-box {
    margin-left: 0
}

.list-order-box-event {
    border-color: #94cb44;
    background-color: #f8ffef
}

.list-order-box-active {
    border-color: #14b1ef
}

.list-order-box-disabled {
    border-color: rgba(256, 0, 0, 0.6)
}

.list-order-box-event.list-order-box-disabled {
    background-color: rgba(255, 240, 240, 0.6)
}

.list-order-box-content {
    padding-right: 10px;
    padding-left: 10px
}

.list-order-tariff[class*="block-grid-"] {
    display: flex;
    align-items: stretch
}

.list-order-tariff .list-order-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    height: 100%
}

    .list-order-tariff .list-order-box .design-radio {
        align-self: flex-end
    }

.list-order-box
label {
    display: block;
    padding: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer
}

.list-order-box-active label,
.list-order-box:hover
label {
    background-color: #14b1ef;
    color: #fff
}

.list-order-box-active.list-order-box-disabled
label {
    background-color: #dd2e2e
}

.list-order-box
dl {
    width: 100%
}

.list-order-box
dd {
    display: block;
    padding: 0.25em;
    line-height: 1.5
}

    .list-order-box dd strong
    span {
        display: none
    }

        .list-order-box dd strong
        span.active {
            display: inline
        }

.list-order-box .design-input-choices {
    margin-top: 1em
}

.box-order-shoptet-tariff .list-order-box .design-input-choices {
    margin-top: 2em
}

.list-order > li {
    padding-left: 10px
}

    .list-order > li:first-child, .list-order.list-columns-3 > li:nth-child(3n+1) {
        padding-left: 0
    }

.list-order-box-input-message {
    display: none
}

.list-order-box-module-included .list-order-box-input-message {
    display: inline-block;
    margin-top: 1em;
    margin-bottom: .5em;
    margin-left: .5em;
    font-weight: 700;
    vertical-align: middle;
    color: #439720
}

.list-order-box-module-included,
.list-order-box-module-included label,
.list-order-box-module-included .design-input-choices .design-input-choices-content {
    cursor: default
}

.form-field-note {
    clear: both;
    display: block;
    padding: 0.25em 0;
    color: #898989
}

.form-field-message-error {
    color: #d01111
}

.form-field-message-error-different {
    position: absolute;
    margin-top: 0.875em;
    margin-left: 28px
}

#list-order-tariff-system-messages + p {
    margin: 1em 0;
    font-size: 0.8125rem
}

.box-order-shoptet-left {
    float: left
}

.ares-loader-wrap {
    position: relative
}

.ares-loader {
    position: absolute !important
}

.list-order-box-disabled .order-shoptet-tariff-exceeded-value {
    color: #f00
}

.list-order-box-disabled .design-input-choices input:checked + .design-input-choices-content,
.list-order-box.list-order-box-disabled:hover .design-input-choices input:checked + .design-input-choices-content {
    border-color: #dd2e2e;
    background: #dd2e2e
}

.list-order-tariff-system-message .list-order-tariff-increase {
    display: none
}

    .list-order-tariff-system-message .list-order-tariff-increase:last-child {
        display: block;
        margin-top: 1em
    }

.order-shoptet-note-content {
    margin-bottom: 10px
}

.order-shoptet-summary-tariff-discount {
    color: #008609
}

.list-order-box .context-menu-trigger-module-name,
.list-order-box .context-menu-trigger-module-description,
.list-order-box .context-menu-trigger-module-banner {
    display: none
}

.context-menu-trigger-content {
    border-bottom: 1px dashed #ccc
}

.context-menu-trigger:hover .context-menu-trigger-content {
    border-bottom-color: transparent
}

.context-menu-trigger {
    background-color: none;
    color: #000;
    transition: all 0s ease-in-out 0.1s
}

    .context-menu-trigger:hover {
        background-color: #14b1ef;
        color: #fff
    }

    .context-menu-trigger .context-menu {
        position: absolute;
        z-index: 9999;
        visibility: hidden;
        width: 400px;
        padding: 0.5em 12px;
        border: 3px solid #ccc;
        background-color: #fbfbfb;
        color: #000;
        text-align: left;
        transition: visibility 0s ease-in-out 0.1s
    }

.list-order-box-event .context-menu {
    border-color: #94cb44
}

.context-menu-trigger:hover .context-menu {
    visibility: visible
}

.list-order-tariff .context-menu {
    margin-top: 3px;
    margin-left: -1px
}

.list-order-tariff .context-menu-at-right {
    margin-left: -23.375%
}

.list-order-tariff .context-menu
li {
    overflow: hidden;
    margin: 1px 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.context-menu > .std-header:first-child {
    margin-top: 0
}

.unique-module-banner {
    float: right;
    padding: 1rem 0 1rem 1rem
}

    .unique-module-banner
    img {
        max-width: 100%
    }

.more-unique-modules-wrapper {
    clear: right;
    text-align: center
}

.box-order-shoptet-right-wrap {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    padding-left: 20px
}

.box-order-shoptet-right-sticky-js {
    position: fixed
}

.order-shoptet-tariff-introduction-inner {
    float: right;
    width: 60%;
    margin-bottom: 0.5em;
    padding-left: 0.5em
}

.order-shoptet-tariff-introduction-content {
    padding: 1em 20px;
    margin: 0;
    border: 1px solid #94cb44;
    background-color: #f8ffef;
    line-height: 1.6;
    font-size: .75rem;
    text-align: center
}

    .order-shoptet-tariff-introduction-content
    strong {
        font-size: 1rem
    }

.order-shoptet-tariff-introduction-highlight {
    border-color: red;
    background-color: #ffff80
}

.order-shoptet-tariff-introduction-note {
    display: inline-block;
    margin-top: 0.25em;
    font-size: 0.75rem
}

.box.box-order-shoptet-contact {
    padding: 15px 10px
}

.box.box-order-shoptet-contact, .box.box-order-shoptet-summary {
    font-size: 0.8125rem
}

.box.image-profile-wrap {
    position: relative;
    padding-left: 114px;
    min-height: 139px
}

.image-profile {
    position: absolute;
    left: 10px;
    top: 15px;
    margin: 0 !important
}

    .image-profile
    img {
        width: 94px;
        height: 109px
    }

.order-shoptet-contact-introduction {
    color: #14b1ef
}

.order-shoptet-user-contact, .order-shoptet-user-assortment, .order-shoptet-note-content, .order-shoptet-finished {
    font-size: 0.8125rem
}

.order-shoptet-finished {
    text-align: center !important
}

.order-shoptet-finished-inner {
    display: inline-block !important;
    text-align: left !important
}

.order-shoptet-user-contact select,
.order-shoptet-user-contact input[type="text"],
.order-shoptet-user-assortment select,
.order-shoptet-user-assortment input[type="text"] {
    height: 30px
}

.box-order-shoptet-summary .std-header {
    margin-top: 1em;
    margin-bottom: 0.25em;
    line-height: 1;
    font-weight: 100
}

.list-summary-payment {
    line-height: 1.5
}

    .list-summary-payment
    dd {
        text-align: right
    }

.list-summary-payment-order.list-reset {
    margin-top: 1.5em
}

.list-summary-payment-order dt,
.list-summary-payment-order
dd {
    padding-top: 0.25em;
    padding-bottom: 0.25em
}

.order-shoptet-summary-discount {
    color: #e41f1f
}

.order-shoptet-summary-tariff-frequency-wrap {
    margin-top: 0
}

#css .order-shoptet-summary-charge-preview {
    width: auto;
    padding-top: 0;
    line-height: 1;
    font-weight: 700;
    font-size: 1.5rem;
    white-space: nowrap
}

#css .order-shoptet-summary-charge-label {
    margin-top: 6px;
    font-weight: 400;
    font-size: 1.0625rem
}

.order-shoptet-license-terms-wrap {
    margin-top: 2em
}

.box-order-shoptet-summary .btn-lg {
    width: 100%;
    font-weight: 700;
    font-size: .875rem
}

.box-order-shoptet-summary input[type="checkbox"] {
    margin-top: .12rem
}

.form-tariff-choice .order-shoptet-tariff-introduction-outer {
    display: none !important
}

.connection-manager-tabs .tabs-content-outer .std-header {
    margin-top: 0.75em
}

.connection-manager-tabs .list-tiles > li {
    margin: 2.5em 0;
    padding: 0 0.25rem
}

.recent-orders {
    margin-left: -7px;
    margin-right: -7px
}

    .recent-orders > a {
        display: table;
        width: 100%;
        padding-top: .5em;
        padding-bottom: .5em;
        border-bottom: 1px solid #f1f1f1;
        line-height: 1.4;
        text-decoration: none;
        color: #aaa
    }

        .recent-orders > a:first-child {
            border-top: 1px solid #f1f1f1
        }

        .recent-orders > a > span {
            display: table-cell;
            width: 33.333333%
        }

            .recent-orders > a > span:first-child {
                padding-left: 7px
            }

            .recent-orders > a > span:last-child {
                padding-right: 2em;
                text-align: right
            }

            .recent-orders > a > span > strong, .recent-orders > a > span > span {
                display: block
            }

                .recent-orders > a > span > span.paid::before, .recent-orders > a > span > span.unpaid::before {
                    margin-right: -15px;
                    margin-top: -5px
                }

                .recent-orders > a > span > span.paid, .recent-orders > a > span > span.unpaid {
                    line-height: 0
                }

            .recent-orders > a > span > strong {
                font-size: 14px;
                color: #000
            }

.toggle-menu {
    display: none
}

.visible-sm {
    display: none
}

.table-holder.wide {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-holder.wide input,
    .table-holder.wide
    select {
        min-width: 45px
    }

@media only screen and (min-width: 1024px) {
    .table-holder.wide.image-zoom-visible {
        overflow: visible
    }
}

#main-outer {
    display: table
}

.one-column
#main {
    background: #fff
}

.one-column #main-outer {
    display: block
}

#main-in {
    display: table-cell;
    max-width: 1025px;
    width: 83.45%;
    padding-right: 23px;
    padding-left: 23px;
    padding-bottom: 65px;
    background-color: #fff
}

.one-column #main-in {
    display: block;
    width: auto;
    max-width: none
}

.layout-column-left {
    display: table-cell;
    width: 16.55%;
    min-width: 200px;
    padding-bottom: 1em;
    vertical-align: top;
    background-color: #f6f6f6
}

.rating-buttons {
    line-height: 31px
}

    .rating-buttons
    a {
        position: relative;
        display: inline-block;
        height: 32px;
        min-width: 85px;
        margin-top: 1em;
        padding-left: 50px;
        padding-right: 10px;
        border-style: solid;
        border-width: 1px;
        border-radius: 5px;
        line-height: 30px;
        text-decoration: none
    }

        .rating-buttons a:focus {
            outline: 0
        }

        .rating-buttons
        a.ok {
            border-color: #94cb44;
            color: #94cb44
        }

            .rating-buttons a.ok:hover {
                border-color: #9fd948;
                color: #9fd948
            }

        .rating-buttons
        a.ko {
            border-color: #c20000;
            color: #c20000
        }

            .rating-buttons a.ko:hover {
                border-color: #db0000;
                color: #db0000
            }

        .rating-buttons a::before {
            position: absolute;
            left: 10px;
            top: 50%;
            display: inline-block;
            margin-top: -15px;
            font-family: 'shp';
            font-size: 24px
        }

        .rating-buttons a.ok::before {
            content: '\e917'
        }

        .rating-buttons a.ko::before {
            content: '\e918'
        }

.helpdesk-dashboard {
    text-align: center
}

    .helpdesk-dashboard
    h2 {
        margin-bottom: .75em
    }

    .helpdesk-dashboard > div, .helpdesk-dashboard > form {
        padding-bottom: 3em
    }

    .helpdesk-dashboard > form {
        padding-top: 1em
    }

    .helpdesk-dashboard > div:last-child {
        padding-bottom: 0
    }

    .helpdesk-dashboard > div + div, .helpdesk-dashboard > form + div {
        padding-top: 3em
    }

    .helpdesk-dashboard > form input[type="text"] {
        width: 295px
    }

.help-button
p {
    margin-bottom: 2em
}

.help-button .btn-lg {
    padding-left: 100px;
    padding-right: 100px
}

.helpdesk-topics::before, .helpdesk-topics::after {
    content: '';
    display: table
}

.helpdesk-topics::after {
    clear: both
}

.helpdesk-topics {
    width: 66.666666%;
    margin-left: auto;
    margin-right: auto
}

    .helpdesk-topics > div {
        width: 50%;
        float: left;
        text-align: left;
        font-size: 13px
    }

        .helpdesk-topics > div
        a {
            display: block
        }

        .helpdesk-topics > div
        ul {
            padding-left: 0
        }

            .helpdesk-topics > div ul
            li {
                list-style: none;
                line-height: 1.8
            }

        .helpdesk-topics > div li + li {
            margin-top: .5em
        }

.helpdesk-phone {
    font-size: 16px;
    color: #b1b1b1
}

.info-boxes {
    text-align: center
}

a.info-box {
    vertical-align: top;
    display: inline-block;
    width: 33.333333%;
    padding: 3em 1em;
    border: 1px solid #cfcfcf;
    font-size: 13px;
    text-decoration: none;
    color: #666
}

    a.info-box:hover {
        text-decoration: none;
        color: #8db71e
    }

.info-boxes a.info-box {
    margin-left: 1ex;
    margin-right: 1ex
}

.info-box
strong {
    display: block;
    margin-bottom: 1.5em;
    font-size: 1.5em;
    font-weight: 300;
    color: #14b1ef
}

a.info-box:hover
strong {
    color: #8db71e
}

.info-box strong
span {
    vertical-align: middle;
    margin-right: 1ex
}

.stocking-search .cashdesk-products-listing
.product {
    position: relative
}

    .stocking-search .cashdesk-products-listing .product
    div {
        position: static
    }

.product .stocking-product-name {
    margin-bottom: 0
}

[data-zoomed-image] {
    position: relative
}

    [data-zoomed-image] .zoomed-image {
        z-index: 1;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0;
        border: 1px solid #e7e7e7;
        opacity: 0;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

@media only screen and (max-width: 1023px) {
    .table-holder [data-zoomed-image] .zoomed-image {
        height: 150px;
        bottom: -15px
    }
}

[data-zoomed-image] .zoomed-image.zoomed-image-xs {
    height: 85px
}

[data-zoomed-image] .zoomed-image.zoomed-image-down {
    top: -15px;
    bottom: initial
}

[data-zoomed-image] .zoomed-image.zoomed-image-active {
    opacity: 1
}

@media only screen and (min-width: 1384px) {
    #main {
        width: 1366px
    }
}

.mergeorder-wrapper {
    position: relative
}

    .mergeorder-wrapper .mergeorder-loader {
        display: none;
        position: absolute;
        top: 3px;
        left: 137px
    }

.name-outer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-visibility {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    cursor: help
}

.product-visibility-0 {
    background-color: #aaa
}

.product-visibility-1 {
    display: none
}

.product-visibility-2 {
    background-color: #c20000
}

.product-visibility-3 {
    background-color: #edd82c
}

.product-visibility-4 {
    background-color: #f7a12b
}

.product-visibility-5 {
    background-color: #a7c721
}

.product-visibility-6 {
    background-color: #14b1ef
}

.module-descr-wrap {
    display: none
}

    .module-descr-wrap.visible {
        display: table-row
    }

.module-descr-inner {
    background-color: white;
    border-bottom: 1px solid #f2f2f2
}

.module-descr {
    padding-left: 10px;
    padding-right: 10px
}

    .module-descr
    * {
        box-sizing: border-box
    }

.module-descr-text {
    width: 100%
}

    .module-descr-text
    img {
        max-width: 100%;
        height: auto
    }

.module-descr-about {
    float: right;
    padding-left: 20px;
    max-width: 30%
}

.module-descr-logo {
    margin-bottom: 10px
}

    .module-descr-logo
    img {
        max-width: 100%;
        height: auto
    }

.module-descr-row {
    display: flex;
    padding: 5px 10px
}

.module-descr-label {
    width: 100px
}

.module-descr-val {
    flex: 1 1 auto
}

.module-descr-text
h2 {
    font-size: 210%;
    margin: 0;
    padding: 1em 0 0.5em
}

.module-descr-benefits {
    color: #1d89b2;
    background-color: #d3effa;
    border-color: #8cd5f1;
    padding: 0 1.25em .75em;
    max-width: 70%;
    margin-bottom: 2em
}

    .module-descr-benefits
    h2 {
        padding: 0.5em 0
    }

.module-descr-preview-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 1em
}

.module-descr-preview {
    margin-bottom: 2%;
    margin-right: 2%;
    border: 1px solid #f2f2f2;
    width: 32%;
    flex-basis: 32%;
    display: flex;
    align-items: center
}

    .module-descr-preview:nth-child(3n) {
        margin-right: 0
    }

    .module-descr-preview
    img {
        width: 100%;
        height: auto
    }

.chevron::before {
    border-style: solid;
    border-width: 0.1em 0.1em 0 0;
    color: #535353;
    content: "";
    display: inline-block;
    height: 0.3em;
    left: 0;
    margin-right: 0.5em;
    position: relative;
    top: -0.15em;
    transform: rotate(-45deg);
    width: 0.3em
}

.chevron.to-right::before {
    left: 0;
    transform: rotate(45deg)
}

.chevron.to-bottom::before {
    top: -0.25em;
    transform: rotate(135deg)
}

.disabled-select {
    display: none
}

.enabled-select {
    display: block
}

.mce-fullscreen {
    z-index: 9999 !important
}

.rating-comment {
    width: calc(100% - 30px);
    display: inline-block;
    float: left
}

    .rating-comment
    div {
        display: inline
    }

.rating-logo {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-left: 5px
}

    .rating-logo
    img {
        width: 25px;
        height: 25px
    }

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.46875rem
}

    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
        content: " ";
        display: table
    }

    [class*="block-grid-"]:after {
        clear: both
    }

    [class*="block-grid-"] > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.46875rem 0.9375em
    }

        [class*="block-grid-"] > li.noDisplay {
            display: none
        }

.higher-block-grid > li {
    padding-bottom: 1.875rem
}

@media only screen {
    .small-block-grid-1 > li {
        list-style: none;
        width: 100%
    }

        .small-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

        .small-block-grid-1 > li:nth-last-of-type(-n+1) {
            padding-bottom: 0
        }

    .small-block-grid-2 > li {
        list-style: none;
        width: 50%
    }

        .small-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

        .small-block-grid-2 > li:nth-last-of-type(-n+2) {
            padding-bottom: 0
        }

    .small-block-grid-3 > li {
        list-style: none;
        width: 33.33333%
    }

        .small-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

        .small-block-grid-3 > li:nth-last-of-type(-n+3) {
            padding-bottom: 0
        }

    .small-block-grid-4 > li {
        list-style: none;
        width: 25%
    }

        .small-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

        .small-block-grid-4 > li:nth-last-of-type(-n+4) {
            padding-bottom: 0
        }

    .small-block-grid-5 > li {
        list-style: none;
        width: 20%
    }

        .small-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

        .small-block-grid-5 > li:nth-last-of-type(-n+5) {
            padding-bottom: 0
        }

    .small-block-grid-6 > li {
        list-style: none;
        width: 16.66666%
    }

        .small-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

        .small-block-grid-6 > li:nth-last-of-type(-n+6) {
            padding-bottom: 0
        }

    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
        display: table
    }

    thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
        display: table-row !important
    }

    th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
        display: table-cell !important
    }
}

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }

    .medium-block-grid-1 > li {
        list-style: none;
        width: 100%
    }

        .medium-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

        .medium-block-grid-1 > li:nth-last-of-type(-n+1) {
            padding-bottom: 0
        }

    .medium-block-grid-2 > li {
        list-style: none;
        width: 50%
    }

        .medium-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

        .medium-block-grid-2 > li:nth-last-of-type(-n+2) {
            padding-bottom: 0
        }

    .medium-block-grid-3 > li {
        list-style: none;
        width: 33.33333%
    }

        .medium-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

        .medium-block-grid-3 > li:nth-last-of-type(-n+3) {
            padding-bottom: 0
        }

    .medium-block-grid-4 > li {
        list-style: none;
        width: 25%
    }

        .medium-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

        .medium-block-grid-4 > li:nth-last-of-type(-n+4) {
            padding-bottom: 0
        }

    .medium-block-grid-5 > li {
        list-style: none;
        width: 20%
    }

        .medium-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

        .medium-block-grid-5 > li:nth-last-of-type(-n+5) {
            padding-bottom: 0
        }

    .medium-block-grid-6 > li {
        list-style: none;
        width: 16.66666%
    }

        .medium-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

        .medium-block-grid-6 > li:nth-last-of-type(-n+6) {
            padding-bottom: 0
        }
}

@media only screen and (min-width: 40.063em) {
    .medium-text-left {
        text-align: left !important
    }

    .medium-text-right {
        text-align: right !important
    }

    .medium-text-center {
        text-align: center !important
    }

    .medium-text-justify {
        text-align: justify !important
    }

    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
        display: inherit !important
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
        display: table
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
        display: table-row !important
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
        display: table-cell !important
    }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 64.063em) {
    .large-text-left {
        text-align: left !important
    }

    .large-text-right {
        text-align: right !important
    }

    .large-text-center {
        text-align: center !important
    }

    .large-text-justify {
        text-align: justify !important
    }

    .large-block-grid-1 > li {
        list-style: none;
        width: 100%
    }

        .large-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

        .large-block-grid-1 > li:nth-last-of-type(-n+1) {
            padding-bottom: 0
        }

    .large-block-grid-2 > li {
        list-style: none;
        width: 50%
    }

        .large-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

        .large-block-grid-2 > li:nth-last-of-type(-n+2) {
            padding-bottom: 0
        }

    .large-block-grid-3 > li {
        list-style: none;
        width: 33.33333%
    }

        .large-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

        .large-block-grid-3 > li:nth-last-of-type(-n+3) {
            padding-bottom: 0
        }

    .large-block-grid-4 > li {
        list-style: none;
        width: 25%
    }

        .large-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

        .large-block-grid-4 > li:nth-last-of-type(-n+4) {
            padding-bottom: 0
        }

    .large-block-grid-5 > li {
        list-style: none;
        width: 20%
    }

        .large-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

        .large-block-grid-5 > li:nth-last-of-type(-n+5) {
            padding-bottom: 0
        }

    .large-block-grid-6 > li {
        list-style: none;
        width: 16.66666%
    }

        .large-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

        .large-block-grid-6 > li:nth-last-of-type(-n+6) {
            padding-bottom: 0
        }

    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
        display: inherit !important
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
        display: table
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
        display: table-row !important
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
        display: table-cell !important
    }
}

body#login {
    background-color: #fff
}

    body#login
    #main {
        width: 100%;
        min-height: auto;
        height: 100%;
        background: #fff;
        box-shadow: none
    }

    body#login #l-logo {
        min-height: 114px
    }

        body#login #l-logo
        img {
            max-width: 240px;
            max-height: 69px;
            width: auto;
            height: auto;
            margin-bottom: 42px
        }

    body#login #loginform,
    body#login .four-back {
        height: 100%;
        position: relative;
        text-align: center;
        vertical-align: top
    }

        body#login #loginform::before,
        body#login .four-back::before {
            content: "";
            display: inline-block;
            height: 100%;
            margin-right: -0.25em;
            vertical-align: middle
        }

        body#login #loginform .l-email,
        body#login .l-pass,
        body#login .l-button {
            margin: 10px 0
        }

        body#login #loginform
        label {
            position: relative;
            display: block;
            border: 1px solid #ccc
        }

            body#login #loginform label::before {
                position: absolute;
                left: 19px;
                top: 50%;
                font-family: 'shp';
                line-height: 1;
                color: #ccc;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            body#login #loginform label.l-email::before {
                content: '\e94c';
                margin-top: -16px;
                font-size: 32px
            }

            body#login #loginform label.l-pass::before {
                content: '\e94d';
                margin-top: -17px;
                font-size: 34px
            }

            body#login #loginform label:hover {
                border: 1px solid #14b1ef
            }

        body#login #loginform .l-email input,
        body#login #loginform .l-pass
        input {
            border: none;
            width: 100%;
            height: 42px;
            margin: 0;
            padding-left: 71px;
            padding-right: 12px;
            background-color: transparent;
            outline: none;
            font-size: 120%
        }

        body#login #loginform .l-button
        a {
            width: 100%
        }

    body#login .login-wrap {
        text-align: center;
        width: 345px;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

    body#login .forgot-pass {
        padding: 25px
    }

    body#login .btn-action {
        padding: 13px 26px
    }

    body#login .system-messages-login {
        top: 63px
    }

    body#login .four-back {
        box-shadow: inset 0 0 0 10000px rgba(2, 0, 0, 0.45);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        height: 100%;
        position: fixed
    }

.four-back-background-1 {
    background-image: url("/cms/img/_repo-shared/login_photos/01.jpg")
}

.four-back-background-2 {
    background-image: url("/cms/img/_repo-shared/login_photos/02.jpg")
}

.four-back-background-3 {
    background-image: url("/cms/img/_repo-shared/login_photos/03.jpg")
}

.four-back-background-4 {
    background-image: url("/cms/img/_repo-shared/login_photos/04.jpg")
}

.four-back-background-5 {
    background-image: url("/cms/img/_repo-shared/login_photos/05.jpg")
}

.four-back-background-6 {
    background-image: url("/cms/img/_repo-shared/login_photos/06.jpg")
}

.four-back-background-7 {
    background-image: url("/cms/img/_repo-shared/login_photos/07.jpg")
}

.four-back-background-8 {
    background-image: url("/cms/img/_repo-shared/login_photos/08.jpg")
}

.four-back-background-9 {
    background-image: url("/cms/img/_repo-shared/login_photos/09.jpg")
}

.four-back-background-10 {
    background-image: url("/cms/img/_repo-shared/login_photos/10.jpg")
}

.four-back-background-11 {
    background-image: url("/cms/img/_repo-shared/login_photos/11.jpg")
}

.four-back-background-12 {
    background-image: url("/cms/img/_repo-shared/login_photos/12.jpg")
}

.four-back-background-13 {
    background-image: url("/cms/img/_repo-shared/login_photos/13.jpg")
}

.four-back-background-14 {
    background-image: url("/cms/img/_repo-shared/login_photos/14.jpg")
}

.four-back-background-15 {
    background-image: url("/cms/img/_repo-shared/login_photos/15.jpg")
}

.four-back-background-16 {
    background-image: url("/cms/img/_repo-shared/login_photos/16.jpg")
}

body#login li:before {
    content: "";
    vertical-align: middle;
    position: absolute;
    width: 7px;
    height: 7px;
    top: 5px;
    left: 0px;
    background-color: #fff;
    border-radius: 100%
}

body#login .four-back-container {
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
    vertical-align: middle;
    display: inline-block
}

body#login .four-back
h3 {
    font-size: 200%;
    margin: 0 auto;
    margin-bottom: 15px
}

body#login .four-back p,
body#login .four-back-container
ul {
    font-size: 110%;
    margin-top: 0;
    margin-bottom: 10px
}

body#login .four-back-container
ul {
    margin-left: 15px;
    padding-left: 0
}

body#login .four-back-container
li {
    list-style-type: none;
    padding-left: 20px;
    position: relative
}

body#login .four-back
* {
    color: #fff
}

body#login .four-back
a {
    text-decoration: underline
}

    body#login .four-back a:hover {
        text-decoration: none;
        color: #14b1ef
    }

body#login .mini-shoptet {
    width: 77px;
    height: 22px
}

body#login .mini-position {
    text-align: center;
    position: relative;
    top: 200px
}

body#login .error-notices .system-message-wrap {
    margin-top: 0.5rem
}

body#login input:-webkit-autofill,
body#login input:-webkit-autofill:hover,
body#login input:-webkit-autofill:focus,
body#login input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s
}

body#login
.columns {
    display: inline-block
}

body#login
.six {
    width: 60%
}

body#login
.four {
    width: 40%
}

@media (max-width: 1100px) {
    body#login
    .six {
        width: 100%
    }

    body#login
    .four {
        display: none
    }
}

@media (max-width: 736px) {
    body#login .mini-position {
        top: 0
    }
}

@media (max-width: 667px) {
    body#login .mini-position {
        top: 0
    }
}

@media (max-width: 360px) {
    body#login .mini-position {
        top: 30%
    }
}

@media (max-width: 320px) {
    body#login .login-wrap {
        width: 94%
    }

    body#login .mini-position {
        top: 20%
    }
}

.navigation-menu > li > a.active {
    border-color: #94cb44;
    background-color: #94cb44;
    color: #fff
}

.navigation-menu > li > a::before {
    color: #94cb44
}

.navigation-menu > li > a.navigation-menu-link-withsubmenu::after {
    border-color: #94cb44
}

.menu-visible .toggle-menu::before {
    background-color: #94cb44
}

@media only screen and (max-width: 1023px) {
    .content-buttons > a, .content-buttons > span, .content-buttons > div {
        border-bottom: 1px solid #48c2f3
    }
}

#css .navigation-menu > li > a.page-122::before {
    content: '\e901'
}

#css .navigation-menu > li > a.page-154::before {
    content: '\e902'
}

#css .navigation-menu > li > a.page-921::before {
    content: '\e903'
}

#css .navigation-menu > li > a.page-905::before {
    content: '\e904'
}

#css .navigation-menu > li > a.page-189::before {
    content: '\e905'
}

#css .navigation-menu > li > a.page-190::before {
    content: '\e906'
}

#css .navigation-menu > li > a.page-606::before {
    content: '\e907'
}

#css .navigation-menu > li > a.page-243::before {
    content: '\e908'
}

#css .navigation-menu > li > a.page-11::before {
    content: '\e909'
}

#css .navigation-menu > li > a.page-303::before {
    content: '\e90a'
}

.action-menu-visible .user-bar-section-action .icon-section-header,
.main-menu-visible .toggle-menu,
.login-visible .user-bar-section-cashdesk-user .icon-section-header,
.user-menu-visible .user-bar-section-user .icon-section-header,
.superadmin-menu-visible .user-bar-section-superadmin .icon-section-header,
.search-visible .user-bar-section-search .icon-section-header,
.notifications-visible .user-bar-section-notifications .icon-section-header,
.cart-visible .user-bar-section-cashdesk-cart .icon-section-header, .icon-section-header:hover {
    background-color: rgba(0, 0, 0, .05) !important
}

.section-122 .icon-page-header::before {
    content: '\e901'
}

.section-921 .icon-page-header::before {
    content: '\e903';
    margin-top: -16px;
    font-size: 32px
}

.section-189 .icon-page-header::before {
    content: '\e905'
}

.section-190 .icon-page-header::before {
    content: '\e906';
    margin-top: -16px;
    font-size: 32px
}

.section-606 .icon-page-header::before {
    content: '\e907'
}

.section-243 .icon-page-header::before {
    content: '\e908'
}

.section-11 .icon-page-header::before {
    content: '\e909'
}

.section-303 .icon-page-header::before {
    content: '\e90a'
}

.wizard-overview .icon-page-header::before,
.wizard-steps .icon-page-header::before {
}

.stocking-wrap {
    margin: 0 auto
}

.stocking-search {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.stock-item {
    padding: 0.5rem;
    border: 1px solid #e9e9e9;
    border-top-width: 0;
    box-sizing: border-box
}

    .stock-item:first-of-type {
        border-top-width: 1px
    }

    .stock-item .js-toggle-visibility-trigger {
        cursor: pointer
    }

.icon-lh-fix {
    font-size: 0
}

.stock-item .icon-visibility-before::before {
    background-position: 30% center
}

.stock-item .expanded-js .icon-visibility-before::before {
    background-position: 100% center
}

.stock-item-name {
    font-size: 1.5em;
    height: 28px !important;
    padding: 0 !important;
    font-weight: bold
}

.stock-item-inner {
    margin-top: 1.125rem;
    margin-bottom: 0.625rem
}

.stocking-hint {
    z-index: 1;
    display: none;
    position: absolute;
    top: 200px;
    right: 0;
    left: 0;
    padding-top: 58px;
    font-size: 19px;
    text-align: center;
    color: #afafaf
}

    .stocking-hint::before {
        content: '\e921';
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 45px;
        height: 45px;
        margin-left: -22px;
        font-family: 'shp';
        font-size: 45px
    }

.button-search-wrap::before {
    color: #14b1ef
}

.box-helpdesk-contact::before {
    color: #14b1ef
}

a.icon-socials:hover {
    color: #139fd7
}

.list-notifications li a::before, .notification-icon::before {
    color: #14b1ef
}

.list-notifications a:hover .notification-title {
    color: #14b1ef
}

input#preventEmail {
    display: none
}

img.prevent-email {
    vertical-align: top
}

.watermark-preview
img {
    max-width: 200px;
    border: 1px dotted #d2d2d2
}

.watermark-preview, .watermark-preview:hover {
    font-weight: 300;
    color: #d2d2d2
}

    .watermark-preview
    span {
        display: flex;
        justify-content: center
    }

ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    border: 1px solid #b6c2cc;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff
}

    ul.token-input-list-facebook input:focus {
        background-color: #fff !important
    }

ul.token-input-list-facebook {
    list-style-type: none
}

    ul.token-input-list-facebook li
    input {
        border: 0;
        width: 100px;
        padding: 3px 8px;
        background-color: white;
        margin: 2px 0
    }

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #E7E7E7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left
}

    li.token-input-token-facebook
    p {
        display: inline;
        padding: 0;
        margin: 0
    }

    li.token-input-token-facebook
    span {
        color: #a6b3cf;
        margin-left: 5px;
        font-weight: bold;
        cursor: pointer
    }

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff
}

li.token-input-input-token-facebook {
    float: left
}

div.token-input-dropdown-facebook {
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1
}

    div.token-input-dropdown-facebook
    p {
        margin: 0;
        padding: 5px;
        font-weight: bold;
        color: #777
    }

    div.token-input-dropdown-facebook
    ul {
        margin: 0;
        padding: 0
    }

        div.token-input-dropdown-facebook ul
        li {
            background-color: #fff;
            padding: 3px
        }

            div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
                background-color: #fff
            }

            div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
                background-color: #fff
            }

            div.token-input-dropdown-facebook ul li
            em {
                font-weight: bold;
                font-style: none
            }

            div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
                background-color: #3b5998;
                color: #fff
            }

.information-bubble-wrap {
    position: relative;
    display: inline
}

.information-bubble {
    display: inline-block;
    padding-top: .25em;
    padding-bottom: .25em;
    padding-left: .5em;
    border-style: none !important;
    font-weight: 700;
    color: #d01111;
    cursor: pointer
}

.system-message-info {
    color: #3498db
}

.system-message-warning {
    color: #e8b23f
}

.error-field, input.error-field:focus {
    border-color: #d01111 !important
}

.warning-field, input.warning-field:focus {
    border-color: #edc775 !important
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box
}

#cboxLoadingGraphic .registration-circular {
    position: relative;
    left: 50px;
    top: 50%;
    display: block;
    margin: 0 auto;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    width: 80px;
    height: 80px
}

.registration-path {
    stroke-dasharray: 1, 1000;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #14b1ef
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 400;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -248
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 400;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 400;
        stroke-dashoffset: -248
    }
}

#cboxOverlay {
    background: #000
}

#colorbox {
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) no-repeat -101px 0
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) no-repeat -130px 0
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) no-repeat -101px -29px
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) no-repeat -130px -29px
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) left top repeat-y
}

#cboxMiddleRight {
    width: 21px;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) right top repeat-y
}

#cboxTopCenter {
    height: 21px;
    background: url(/cms/libs/jquery-colorbox/images/border.png) 0 0 repeat-x
}

#cboxBottomCenter {
    height: 21px;
    background: url(/cms/libs/jquery-colorbox/images/border.png) 0 -29px repeat-x
}

#cboxContent {
    background: #fff;
    overflow: hidden
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom: 28px
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

    #cboxPrevious:hover {
        background-position: -75px -25px
    }

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/cms/libs/jquery-colorbox/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

    #cboxNext:hover {
        background-position: -50px -25px
    }

#cboxLoadingOverlay {
    background: url(/cms/libs/jquery-colorbox/images/loading_background.png) no-repeat center center
}

#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/cms/img/closeIcon.gif) center center no-repeat;
    width: 19px;
    height: 19px;
    text-indent: -9999px;
    padding: 3px;
    border: solid 2px #fff
}

    #cboxClose:hover {
        border: 2px solid #b5dfec
    }

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE
#cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

.cboxIE6
#cboxTopLeft {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderTopLeft.png)
}

.cboxIE6
#cboxTopCenter {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderTopCenter.png)
}

.cboxIE6
#cboxTopRight {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderTopRight.png)
}

.cboxIE6
#cboxBottomLeft {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderBottomLeft.png)
}

.cboxIE6
#cboxBottomCenter {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderBottomCenter.png)
}

.cboxIE6
#cboxBottomRight {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderBottomRight.png)
}

.cboxIE6
#cboxMiddleLeft {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderMiddleLeft.png)
}

.cboxIE6
#cboxMiddleRight {
    background: url(/cms/libs/jquery-colorbox/images/ie6/borderMiddleRight.png)
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6
#cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+this.src+",sizingMethod='scale')")
}

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999
}

    .ac_results
    ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .ac_results
    li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        font: menu;
        font-size: 12px;
        line-height: 16px;
        overflow: hidden;
        text-align: left
    }

.ac_loading {
    background: white url('/cms/libs/jquery-autocomplete/indicator.gif') right center no-repeat
}

.ac_odd {
    background-color: #eee
}

.ac_over {
    background-color: #0A246A;
    color: white
}

.colour-picker
img {
    vertical-align: middle
}

.colour-picker
input {
    margin-right: 5px
}

#jquery-colour-picker {
    background: #fafafa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    width: 180px;
    padding: 10px 5px 5px 10px;
    border: 1px solid #666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    z-index: 999999
}

    #jquery-colour-picker
    h2 {
        margin: 0 0 5px 0;
        font-size: 14px
    }

    #jquery-colour-picker
    ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        + zoom: 1
    }

        #jquery-colour-picker ul:after {
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
            clear: both
        }

        #jquery-colour-picker ul
        li {
            float: left;
            margin: 0 5px 5px 0
        }

            #jquery-colour-picker ul li
            a {
                display: block;
                width: 13px;
                height: 13px;
                text-decoration: none;
                text-indent: -100000px;
                outline: 0;
                border: 1px solid #aaa
            }

                #jquery-colour-picker ul li a:hover {
                    border-color: #000
                }

.tooltip {
    cursor: help;
    width: 209px;
    text-align: center;
    position: relative;
    z-index: 10000;
    color: #fff
}

    .tooltip.left {
        text-align: left
    }

    .tooltip.right {
        text-align: right
    }

    .tooltip .tooltip-header {
        background-color: #333;
        height: 10px;
        overflow: hidden
    }

    .tooltip .tooltip-footer {
        background: url(/cms/libs/jquery-tooltip/footer_bg.png) top center no-repeat;
        height: 11px;
        overflow: hidden
    }

    .tooltip .tooltip-content-wrapper {
        background-color: #333
    }

    .tooltip .tooltip-content {
        width: 100%;
        padding: 0 15px 10px;
        box-sizing: border-box;
        word-wrap: break-word
    }

        .tooltip .tooltip-content
        ul {
            padding-left: 10px;
            margin-left: 10px
        }

        .tooltip .tooltip-content
        p {
            margin: 0;
            padding: 0
        }

@media (min-width: 1024px) {
    .tooltip.wide {
        width: auto;
        max-width: 768px;
        min-width: 209px
    }
}

.ps-container {
    overflow: hidden !important
}

    .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block
    }

    .ps-container.ps-in-scrolling {
        pointer-events: none
    }

        .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
            background-color: #eee;
            opacity: 0.9
        }

            .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
                background-color: #999
            }

        .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
            background-color: #eee;
            opacity: 0.9
        }

            .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #999
            }

    .ps-container > .ps-scrollbar-x-rail {
        display: none;
        position: absolute;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transition: background-color .2s linear, opacity .2s linear;
        -moz-transition: background-color .2s linear, opacity .2s linear;
        -o-transition: background-color .2s linear, opacity .2s linear;
        transition: background-color .2s linear, opacity .2s linear;
        bottom: 3px;
        height: 8px
    }

        .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
            position: absolute;
            background-color: #aaa;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: background-color .2s linear;
            -moz-transition: background-color .2s linear;
            -o-transition: background-color .2s linear;
            transition: background-color .2s linear;
            bottom: 0;
            height: 8px
        }

    .ps-container > .ps-scrollbar-y-rail {
        display: none;
        position: absolute;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transition: background-color .2s linear, opacity .2s linear;
        -moz-transition: background-color .2s linear, opacity .2s linear;
        -o-transition: background-color .2s linear, opacity .2s linear;
        transition: background-color .2s linear, opacity .2s linear;
        right: 3px;
        width: 8px
    }

        .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            position: absolute;
            background-color: #aaa;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: background-color .2s linear;
            -moz-transition: background-color .2s linear;
            -o-transition: background-color .2s linear;
            transition: background-color .2s linear;
            right: 0;
            width: 8px
        }

    .ps-container:hover.ps-in-scrolling {
        pointer-events: none
    }

        .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
            background-color: #eee;
            opacity: 0.9
        }

            .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
                background-color: #999
            }

        .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
            background-color: #eee;
            opacity: 0.9
        }

            .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #999
            }

    .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
        opacity: 0.6
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover {
            background-color: #eee;
            opacity: 0.9
        }

            .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
                background-color: #999
            }

        .ps-container:hover > .ps-scrollbar-y-rail:hover {
            background-color: #eee;
            opacity: 0.9
        }

            .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
                background-color: #999
            }

/*
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0
    }

    .chosen-container
    a {
        cursor: pointer
    }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single
span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect
span {
    margin-right: 38px
}

.chosen-container-single .chosen-single
abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('/cms/libs/jquery-chosen/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single
div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

    .chosen-container-single .chosen-single div
    b {
        display: block;
        width: 100%;
        height: 100%;
        background: url('/cms/libs/jquery-chosen/chosen-sprite.png') no-repeat 0px 2px
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

    .chosen-container-single .chosen-search input[type="text"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        background: white url('/cms/libs/jquery-chosen/chosen-sprite.png') no-repeat 100% -20px;
        background: url('/cms/libs/jquery-chosen/chosen-sprite.png') no-repeat 100% -20px;
        font-size: 1em;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

    .chosen-container .chosen-results
    li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        -webkit-touch-callout: none
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default
        }

        .chosen-container .chosen-results
        li.highlighted {
            background-color: #3875d7;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
            background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
            background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
            background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
            background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
            color: #fff
        }

        .chosen-container .chosen-results li.no-results {
            display: list-item;
            background: #f4f4f4
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: bold;
            cursor: default
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px
        }

        .chosen-container .chosen-results li
        em {
            font-style: normal;
            text-decoration: underline
        }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

    .chosen-container-multi .chosen-choices
    li {
        float: left;
        list-style: none
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 5px;
                height: 15px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                color: #666;
                font-size: 100%;
                font-family: sans-serif;
                line-height: normal;
                border-radius: 0
            }

            .chosen-container-multi .chosen-choices li.search-field
            .default {
                color: #999
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 0 3px 5px;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            border-radius: 3px;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-clip: padding-box;
            box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            color: #333;
            line-height: 13px;
            cursor: default
        }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url('/cms/libs/jquery-chosen/chosen-sprite.png') -42px 1px no-repeat;
                font-size: 1px
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
            background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            color: #666
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset
}

    .chosen-container-active.chosen-with-drop .chosen-single
    div {
        border-left: none;
        background: transparent
    }

        .chosen-container-active.chosen-with-drop .chosen-single div
        b {
            background-position: -18px 2px
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #111 !important
    }

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default
}

    .chosen-disabled .chosen-single {
        cursor: default
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default
    }

.chosen-rtl {
    text-align: right
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0
    }

        .chosen-rtl .chosen-single
        span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl
        }

    .chosen-rtl .chosen-single-with-deselect
    span {
        margin-left: 38px
    }

    .chosen-rtl .chosen-single
    div {
        right: auto;
        left: 3px
    }

    .chosen-rtl .chosen-single
    abbr {
        right: auto;
        left: 26px
    }

    .chosen-rtl .chosen-choices
    li {
        float: right
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search,
    .chosen-rtl .chosen-drop {
        left: 9999px
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single
    div {
        border-right: none
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: white url('/cms/libs/jquery-chosen/chosen-sprite.png') no-repeat -30px -20px;
        background: url('/cms/libs/jquery-chosen/chosen-sprite.png') no-repeat -30px -20px;
        direction: rtl
    }

    .chosen-rtl.chosen-container-single .chosen-single div
    b {
        background-position: 6px 2px
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div
    b {
        background-position: -12px 2px
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up
    span {
        background-image: url('/cms/libs/jquery-chosen/chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

div#searchResults {
    width: 400px;
    max-height: 342px;
    overflow-y: scroll;
    margin: 0 auto;
    box-sizing: border-box;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

#searchResults ul,
#searchResults ul
li {
    margin: 0;
    padding: 0
}

#searchResults
ul {
    list-style-type: none
}

    #searchResults ul
    li {
        border-bottom: 1px solid #cfcfcf
    }

        #searchResults ul li
        div {
            text-align: left
        }

            #searchResults ul li div
            a {
                display: block;
                padding: 1.25em 1em
            }

        #searchResults ul
        li.highlight {
            background-color: #f5f5f5
        }

.list-reset, .list-reset > li {
    padding: 0;
    margin: 0
}

    .list-reset > li {
        list-style-type: none
    }

#filter-form input[type="checkbox"] {
    margin-right: 10px;
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    width: auto
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-upper-case {
    text-transform: uppercase
}

.margin-top {
    margin-top: 3em !important
}

.pre {
    white-space: pre
}

.prevent-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.break-word {
    word-break: break-word
}

.valign-top-block, .valign-middle-block {
    display: table
}

    .valign-top-block > .columns, .valign-middle-block > .columns {
        display: inline-block;
        padding: 0;
        vertical-align: middle
    }

    .valign-top-block > .columns {
        vertical-align: top
    }

    .valign-top-block > .columns, .valign-top-block > [class*="column"] + [class*="column"]:last-child, .valign-middle-block > .columns, .valign-middle-block > [class*="column"] + [class*="column"]:last-child {
        float: none
    }

.valign-top-inline > * {
    vertical-align: top
}

.valign-middle-inline > * {
    vertical-align: middle
}

@media (min-width: 640px) {
    .std-modal-200 {
        min-width: 12.5rem
    }

    .std-modal-300 {
        min-width: 18.5rem
    }

    .std-modal-400 {
        min-width: 25rem
    }

    .std-modal-500, .std-modal-600, .std-modal-700, .std-modal-800, .std-modal-900 {
        min-width: 31.25rem
    }
}

@media (min-width: 1024px) {
    .std-modal-600 {
        min-width: 37.5rem
    }

    .std-modal-700 {
        min-width: 43.75rem
    }

    .std-modal-800 {
        min-width: 50rem
    }

    .std-modal-900 {
        min-width: 56.25rem
    }
}

@media (max-width: 639px) {
    #modal-in
    h1 {
        font-size: 2.3em
    }

    .std-modal .std-table:not(.std-table-checkbox, .no-css) tr,
    .std-modal .std-table:not(.std-table-checkbox, .no-css) td {
        display: block
    }

    .std-modal .std-table
    tr {
        margin-bottom: .5em
    }

    .std-modal .std-table td.text-right {
        padding-bottom: 0;
        text-align: left !important
    }

        .std-modal .std-table td.text-right
        p {
            text-align: right
        }
}

.table-cell-grid {
    display: table;
    width: 100%
}

    .table-cell-grid > div {
        display: table-cell;
        width: 33.3333%
    }

.multi-add {
    display: flex;
    align-items: flex-end
}

.multi-add-inputs {
    display: flex;
    flex-direction: column
}

.multi-add-icon {
    padding: 5px 0 5px 5px
}

.list-inline {
    margin: 0;
    padding: 0
}

    .list-inline > li {
        display: inline-block;
        list-style: none
    }

@media only screen {
    .small-min {
        width: 2.4375rem
    }

    .small-1 {
        width: 6.25%
    }

    .small-2 {
        width: 12.5%
    }

    .small-3 {
        width: 18.75%
    }

    .small-4 {
        width: 25%
    }

    .small-5 {
        width: 31.25%
    }

    .small-6 {
        width: 37.5%
    }

    .small-7 {
        width: 43.75%
    }

    .small-8 {
        width: 50%
    }

    .small-9 {
        width: 56.25%
    }

    .small-10 {
        width: 62.5%
    }

    .small-11 {
        width: 68.75%
    }

    .small-12 {
        width: 75%
    }

    .small-13 {
        width: 81.25%
    }

    .small-14 {
        width: 87.5%
    }

    .small-15 {
        width: 93.75%
    }

    .small-16 {
        width: 100%
    }

    .small-offset-1 {
        margin-left: 6.25%
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-1 {
        width: 6.25%
    }

    .medium-2 {
        width: 12.5%
    }

    .medium-3 {
        width: 18.75%
    }

    .medium-4 {
        width: 25%
    }

    .medium-5 {
        width: 31.25%
    }

    .medium-6 {
        width: 37.5%
    }

    .medium-7 {
        width: 43.75%
    }

    .medium-8 {
        width: 50%
    }

    .medium-9 {
        width: 56.25%
    }

    .medium-10 {
        width: 62.5%
    }

    .medium-11 {
        width: 68.75%
    }

    .medium-12 {
        width: 75%
    }

    .medium-13 {
        width: 81.25%
    }

    .medium-14 {
        width: 87.5%
    }

    .medium-15 {
        width: 93.75%
    }

    .medium-16 {
        width: 100%
    }
}

@media only screen and (min-width: 64.063em) {
    .large-1 {
        width: 6.25%
    }

    .large-2 {
        width: 12.5%
    }

    .large-3 {
        width: 18.75%
    }

    .large-4 {
        width: 25%
    }

    .large-5 {
        width: 31.25%
    }

    .large-6 {
        width: 37.5%
    }

    .large-7 {
        width: 43.75%
    }

    .large-8 {
        width: 50%
    }

    .large-9 {
        width: 56.25%
    }

    .large-10 {
        width: 62.5%
    }

    .large-11 {
        width: 68.75%
    }

    .large-12 {
        width: 75%
    }

    .large-13 {
        width: 81.25%
    }

    .large-14 {
        width: 87.5%
    }

    .large-15 {
        width: 93.75%
    }

    .large-16 {
        width: 100%
    }
}

.std-header {
    display: block;
    margin-top: 2em;
    margin-bottom: .5em;
    line-height: 1.25;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    color: #14b1ef;
    position: relative
}

    .std-header
    span {
        position: relative;
        display: inline-block;
        padding-right: 0.9375rem;
        background-color: #fff
    }

    .std-header.text-overflow {
        display: inline-block;
        padding-right: 2px !important;
        overflow: hidden !important;
        max-width: 100%;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important
    }

    .std-header.std-header-bg {
        padding: .25em 10px;
        background-color: #f7f7f7
    }

h1 {
    font-size: 3.2727em
}

h2 {
    font-size: 1.9531em
}

h3 {
    font-size: 1.5625em
}

h4 {
    font-size: 1.25em
}

h5 {
    font-size: 1em
}

h2.std-header:not(:first-of-type)::before, h2.std-header-line::before {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 52%;
    width: 100%;
    background-color: #e9e9e9
}

h2.std-header.std-header-bg::before, h2.std-header.std-header-none::before {
    display: none
}

h1.std-header {
    font-weight: 300;
    letter-spacing: -1px;
    margin-top: 0;
    padding: 0.125em 0;
    line-height: 1.25
}

    h1.std-header strong,
    #modal-in h1.std-header
    strong {
        color: #008609;
        font-weight: 300;
        margin-left: 0.3em
    }

h3.std-header {
    color: #000
}

.std-table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    margin-top: 1em;
    margin-bottom: 1em
}

    .std-table th,
    .std-table td,
    .overview-detail label,
    .delivery-note-detail
    label {
        padding: 0.15625rem 0.5rem
    }

.overview-detail
li {
    white-space: nowrap
}

ul.action-price-detail {
    list-style: none;
    margin: 0 0 10px;
    padding: 0
}

.overview-detail label,
.delivery-note-detail label,
.action-price-detail
label {
    vertical-align: middle
}

.delivery-note-detail
label {
    width: 50%;
    display: inline-block;
    text-align: right
}

.action-price-detail label.action-price-label {
    display: inline-block;
    width: 16.3%;
    padding: 0.15625rem 0.5rem;
    text-align: right
}

.std-table .std-table-link
td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.std-table input[type="file"] {
    border: 1px solid #cfcfcf;
    padding: .5em 5px;
    background-color: #fff
}

.std-table-fixed {
    table-layout: fixed
}

.std-table-no-border
td {
    border-style: none
}

.std-table-listing input[type="text"]:not([class*=small-]),
.std-table-listing input[type="email"]:not([class*=small-]),
.std-table-listing select:not([class*=small-]) {
    width: 100%
}

.std-table-listing input[type="text"].date-pick {
    display: inline-block;
    width: calc(100% - 20px)
}

.std-table-listing
td {
    color: #484848;
    padding: 1px 15px 5px 0
}

.std-table-listing .flag-order-wrap {
    margin: -0.75em -1em;
    padding: .875em 1em
}

.std-table-listing > tbody .flag-order::before {
    padding-bottom: 2px
}

.std-table-listing
th {
    padding: .75em 1em;
    border-width: 1px 1px 3px;
    border-style: solid;
    border-color: #ddd #ddd #14b1ef;
    background-color: #f0f0f0;
    text-align: center
}

    .std-table-listing th.text-left {
        text-align: left
    }

.std-table-listing .stats-border
th {
    border-bottom: 1px solid #ddd
}

.std-table-listing th,
.std-table-listing th
a {
    color: #0752c7
}

.std-table .table-content-upper > td {
    padding-bottom: 0
}

.std-table .table-content-lower > td {
    padding-top: 0
}

th
span.sorting {
    position: relative;
    top: 3px;
    float: right;
    margin-left: .5em;
    line-height: .3
}

th.sorting-small {
    white-space: nowrap
}

    th.sorting-small > * {
        white-space: nowrap;
        display: inline-block
    }

    th.sorting-small
    span.sorting {
        float: none;
        top: 0
    }

th span.sorting
a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 6px;
    height: 3px
}

    th span.sorting a::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top-color: #999;
        border-bottom-color: #999;
        line-height: 0
    }

    th span.sorting a:hover {
        text-decoration: none
    }

    th span.sorting a.asc::before {
        border-bottom-style: solid;
        border-bottom-width: 3px
    }

    th span.sorting a.desc::before {
        border-top-style: solid;
        border-top-width: 3px
    }

    th span.sorting a:hover::before,
    th span.sorting a.active::before {
        border-top-color: #f00;
        border-bottom-color: #f00
    }

.std-table-listing
td {
    padding: .75em 1em;
    border: 1px solid #e7e7e7;
    background-color: #fff
}

.std-table-listing .td-orange
td {
    border-bottom-color: #f2dc91;
    background-color: #ffefbb
}

.std-table-listing td
a {
    color: #0752c7
}

.std-table-listing .even
td {
    background-color: #f9f9f9
}

.std-table-listing .highlighted
td {
    background-color: #edf3fe
}

.std-table-listing .important td,
.std-table-listing .action-price
td {
    background-color: #ffdbdb
}

.std-table-listing tfoot
td {
    border-color: #ddd;
    background-color: #f5f5f5
}

.std-table-listing tr.hole-error
td {
    background-color: #ffe9e9
}

.std-table-listing
strong {
    color: #0752c7
}

    .std-table-listing
    strong.green {
        color: #008609
    }

    .std-table-listing
    strong.black {
        color: #000
    }

    .std-table-listing
    strong.yellow {
        color: #edc775
    }

    .std-table-listing strong.red,
    .std-table-listing span.red
    strong {
        color: #c20000
    }

.std-table-listing tr
.blue {
    color: #0752c7
}

.std-table-listing tr
.green {
    color: #008609
}

.std-table-listing .action-price
td {
    background-color: #ffdbdb
}

.std-table-listing tfoot
td {
    border-color: #ddd;
    background-color: #f5f5f5
}

.std-table-listing tr.hole-error
td {
    background-color: #ffe9e9
}

.std-table-listing tr
.blue {
    color: #0752c7
}

.std-table-listing tr
.green {
    color: #008609
}

.std-table-listing tr.hidden td,
.std-table-listing tr.hidden td a,
.std-table-listing tr.hidden strong,
.std-table-listing tr.hidden .blue,
.std-table-listing tr.hidden
.green {
    color: #aaa;
    font-style: italic
}

.std-table-listing tr.attention
td {
    font-weight: bold
}

.std-table-listing tr.selected-row
td {
    background: #fff0cf;
    border-color: #fff
}

.std-table-listing td.paid::after,
.std-table-listing td.unpaid::after,
span.paid::before,
span.unpaid::before,
.std-table-listing .package-tracking-color::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.std-table-listing td.paid::after,
.std-table-listing td.unpaid::after,
.std-table-listing .package-tracking-color::after {
    float: right;
    margin-left: .5em;
    margin-top: 4px
}

span.paid::before, span.unpaid::before {
    margin-right: .5em
}

.std-table-listing td.paid::after, span.paid::before {
    background-color: #94cb44
}

.std-table-listing td.unpaid::after, span.unpaid::before {
    background-color: #a6a6a6
}

span.payment-status {
    display: inline-block;
    padding-left: 2em
}

span.paid, span.unpaid {
    padding-left: .5em
}

.package-tracking-color.tracking-delivered::after {
    background-color: #94cb44
}

.package-tracking-color.tracking-refused::after, .package-tracking-color.tracking-canceled::after {
    background-color: #c20000
}

.package-tracking-color.tracking-returned::after {
    background-color: #a6a6a6
}

.package-tracking-color.tracking-created::after {
    background-color: #f7a12b
}

.package-tracking-color.tracking-deliver::after {
    background-color: #14b1ef
}

.std-table-listing tr.real-bestseller
td {
    font-style: italic;
    color: #777
}

.std-table-listing
object {
    vertical-align: middle
}

.std-table-listing .remove-line {
    cursor: pointer;
    border-width: 0
}

.std-table-listing td.red-bg {
    background-color: #ffd5d5
}

.std-table-listing tbody td a
img {
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: middle
}

#item-preview .std-table-listing td.td-image {
    padding: 2px
}

#filter {
    padding-bottom: 28px
}

.std-filter {
    position: relative;
    min-height: 28px
}

.std-mass-action-wrap.absolute {
    position: absolute;
    left: 0;
    bottom: -4px
}

.std-filter::after {
    content: '';
    clear: both;
    display: table
}

.std-perex {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    line-height: 1.2rem;
    background-color: #f2fbff;
    color: #00a1e1
}

.std-perex-blank {
    background-color: transparent;
    color: #000;
    padding-left: 0;
    padding-right: 0
}

.std-perex > div:first-child {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem
}

.std-perex
a {
    font-weight: bold
}

.std-perex code, p
code {
    display: inline;
    padding: 0em 0.2em 0em 0.2em;
    color: #4e4e4e
}

.std-perex.std-perex-condensed > div:first-child {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.std-perex.std-perex-condensed
h2 {
    margin-top: .75em
}

    .std-perex.std-perex-condensed h2:first-child {
        margin-top: 0
    }

.std-perex.std-perex-condensed
p {
    margin-bottom: .5em
}

.std-perex.std-perex-larger p,
.std-perex.std-perex-larger
li {
    font-size: 0.8125rem
}

p
em {
    color: #008609
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], textarea, select {
    padding: 0.3125rem;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0))
}

    input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
        outline: 0;
        border-color: #86c2ef !important;
        box-shadow: 0 0 2px #14b1ef;
        background-color: #fefce7 !important
    }

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select {
    height: 26px;
    line-height: 1
}

    input[type="text"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="password"].input-lg, input[type="search"].input-lg, input[type="number"].input-lg, select.input-lg {
        height: 50px;
        padding: 5px 18px
    }

    input[type="text"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, select:disabled {
        cursor: text;
        background-color: #efefef
    }

input::-webkit-input-placeholder {
    color: #555
}

input:-moz-placeholder {
    color: #555
}

input::-moz-placeholder {
    color: #555
}

input:-ms-input-placeholder {
    color: #555
}

textarea {
    line-height: 1.5
}

select {
    padding-right: 1.5rem;
    background-image: url("/cms/img/_repo-shared/select-arrow.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    select[multiple] {
        height: auto
    }

    select::-ms-expand {
        display: none
    }

label.std-control-label,
#filter-form label.std-control-label {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    margin: 2px 0.25rem 2px 0;
    border: 1px solid #cfcfcf;
    cursor: pointer
}

    #filter-form label.std-control-label + label {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

.std-table-listing label.std-control-label {
    margin: 0
}

input[type="checkbox"] + label.std-control-label {
    border-radius: 3px;
    background-color: #fff;
    background-image: url("/cms/img/_repo-shared/checkbox-default.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center
}

input[type="radio"] + label.std-control-label {
    border-radius: 50%
}

input[type="checkbox"]:checked + label.std-control-label,
input[type="radio"]:checked + label.std-control-label,
#filter-form input[type="checkbox"]:checked + label.std-control-label,
#filter-form input[type="radio"]:checked + label.std-control-label {
    border-color: #14b1ef
}

input[type="checkbox"]:checked + label.std-control-label {
    background-color: #3fa9e6;
    background-image: url("/cms/img/_repo-shared/checkbox-checked.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center
}

input[type="checkbox"]:disabled + label.std-control-label, input[type="radio"]:disabled + label.std-control-label {
    border-color: #efefef;
    cursor: default
}

input[type="checkbox"]:disabled + label.std-control-label {
    background-image: url("/cms/img/_repo-shared/checkbox-disabled.svg")
}

input[type="radio"]:checked + label.std-control-label:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    background-color: #14b1ef;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

input[type="checkbox"]:checked:disabled + label.std-control-label, input[type="radio"]:checked:disabled + label.std-control-label {
    border-color: #a7a7a7
}

input[type="checkbox"]:checked:disabled + label.std-control-label {
    background-image: url("/cms/img/_repo-shared/checkbox-checked.svg");
    background-color: #a7a7a7
}

input[type="radio"]:checked:disabled + label.std-control-label:before {
    background-color: #9d9d9d
}

input[type="checkbox"][data-label-adjusted="true"],
input[type="radio"][data-label-adjusted="true"],
#filter-form input[type="checkbox"][data-label-adjusted="true"],
#filter-form input[type="radio"][data-label-adjusted="true"] {
    display: block;
    float: left;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type="radio"] {
    border-radius: 50%
}

    input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="checkbox"]:focus, input[type="radio"]:focus {
        border-color: #14b1ef
    }

        input[type="checkbox"]:focus + label.std-control-label, input[type="radio"]:focus + label.std-control-label {
            box-shadow: 0 0 2px #14b1ef
        }

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type="file"].std-fileinput {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 1
}

.std-fileinput-button {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

div.validation {
    padding: .5ex 0 1ex
}

    div.validation.validation-success {
        color: #439720
    }

input.validation-success {
    border-color: #439720
}

div.validation.validation-alert {
    color: #dba634
}

input.validation-alert {
    border-color: #dba634
}

div.validation.validation-error {
    color: #c30f18
}

input.validation-error {
    border-color: #c30f18
}

.btn {
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 300ms ease-out;
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

    .btn:hover {
        text-decoration: none
    }

.btn-md {
    padding: 4px 8px
}

.btn-lg {
    padding: 16px 32px
}

.btn-min {
    min-width: 52px;
    margin: 2px
}

.btn-fullsize {
    padding-left: 0;
    padding-right: 0
}

.content-buttons .btn-md {
    padding-top: 7px;
    padding-bottom: 7px
}

.btn-md.btn-combobox, .btn-lg.btn-combobox {
    padding-left: 25px
}

.btn-default, .btn-action {
    color: #fff !important
}

.btn-default {
    background-color: #14b1ef
}

.btn-action {
    background-color: #94cb44
}

.btn-muted {
    border-color: #e8e8e8;
    background-color: #fff;
    color: #000 !important
}

.btn-text {
    text-transform: none
}

.btn-default:hover, .btn-action:hover, .btn-muted:hover {
    color: #fff
}

.btn-default:hover, .btn-muted:hover {
    background-color: #139fd7
}

.btn-muted:hover {
    background-color: #139fd7;
    color: #fff !important
}

.btn-action:hover {
    background-color: #7c9e1e
}

.btn-muted:hover {
    color: #000
}

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

    .btn.disabled:focus, .btn.btn-disabled:focus, .btn:disabled:focus {
        outline: none
    }

.btn.btn-disabled {
    pointer-events: none
}

.ui-tabs-panel > h2:first-child {
    margin-top: 0
}

.ui-tabs-panel {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

.std-tabs {
    margin-bottom: 1em
}

    .std-tabs > ul {
        position: relative;
        padding: 0;
        margin: 0;
        overflow: visible
    }

        .std-tabs > ul::after {
            content: '';
            display: table;
            clear: both
        }

        .std-tabs > ul::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0;
            border-top: 1px solid #ababab
        }

        .std-tabs > ul > li {
            position: relative;
            float: left;
            list-style: none;
            white-space: nowrap
        }

            .std-tabs > ul > li > a {
                float: left;
                padding: .75rem 3.125rem;
                margin-top: .5rem;
                border: 1px solid #b7b7b7;
                border-left-style: none;
                background-color: #fff;
                color: #484848;
                line-height: 1;
                font-size: .75rem;
                text-align: center;
                white-space: nowrap;
                width: 100%
            }

.connection-manager-tabs > ul > li > a {
    padding: .75rem 0
}

.std-tabs > ul > li:first-child > a {
    border-left-style: solid
}

.std-tabs > ul > li > a:hover {
    text-decoration: none
}

.std-tabs .element-admin-only a,
.std-tabs > ul > li
a.inactive {
    color: #a6a6a6;
    font-style: italic
}

    .std-tabs .element-admin-only a:hover,
    .std-tabs > ul > li a.inactive:hover {
        color: #fff
    }

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.std-tabs .ui-state-active > a,
.std-tabs .active > a {
    position: relative;
    top: 1px;
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom-style: none;
    border-right-style: solid;
    border-color: #14b1ef;
    background-color: #14b1ef;
    color: #fff
}

.std-tabs .dropdown-handler .ui-state-active > a,
.std-tabs .dropdown-handler .active > a {
    border-right-style: none
}

.std-tabs .ui-state-active > a::after,
.std-tabs .active > a::after {
    z-index: 1;
    position: absolute;
    content: "";
    left: 50%;
    top: 100%;
    margin-left: -7px;
    border: 7px solid rgba(20, 177, 239, 0);
    border-top-color: #14b1ef
}

.std-tabs > ul > li > a:focus {
    outline: none
}

.std-tabs .ui-state-active + li > a,
.std-tabs .active + li > a {
    border-left-style: none
}

.std-tabs-unfilled > .ui-tabs-nav
a {
    padding: .625rem 18px;
    background-color: #f7f7f7
}

.std-tabs-unfilled > .ui-tabs-nav .ui-state-active
a {
    background-color: #fff;
    border-color: #b7b7b7;
    color: #484848
}

    .std-tabs-unfilled > .ui-tabs-nav .ui-state-active a::after {
        margin: 0 -1px;
        border-width: 0;
        left: 0;
        top: -1px;
        width: calc(100% + 2px);
        height: .25rem;
        background-color: #84b73b
    }

.std-tabs-unfilled > .ui-tabs-nav .dropdown-handler .ui-state-active
a {
    top: 0;
    border-bottom-style: solid;
    color: #84b73b
}

    .std-tabs-unfilled > .ui-tabs-nav .dropdown-handler .ui-state-active a::after {
        display: none
    }

.std-tabs-unfilled > .ui-tabs-nav .ui-state-active > a {
    padding-top: .75rem;
    padding-bottom: .75rem;
    margin-top: .25rem
}

.std-tabs-unfilled > .ui-tabs-nav .dropdown-list .ui-state-active > a {
    margin-top: 0;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.std-tabs > ul > li > a:hover {
    border-color: #14b1ef;
    background-color: #14b1ef;
    color: #fff
}

.std-nothing-found {
    font-size: 1.25rem;
    color: #bababa;
    text-align: center;
    padding-top: 8rem;
    padding-bottom: 8rem
}

.box {
    position: relative;
    margin-top: 1em;
    padding: 15px;
    border-style: solid
}

    .box:first-child {
        margin-top: 0
    }

.box-default, .box-transparent {
    border-width: 1px
}

.box-default {
    border-color: #e9e9e9;
    background-color: #fff
}

.box-transparent {
    border-color: transparent;
    background-color: transparent
}

.box-variant-1 {
    border-width: 2px;
    border-color: #14b1ef;
    background-color: #f2fbff
}

.box-variant-2, .box-variant-3 {
    border-width: 0
}

.box-variant-2 {
    background-color: #f3fbfb
}

.box-variant-3 {
    background-color: #f5f8fa
}

.box > p:last-child {
    margin-bottom: 0
}

.box
h3 {
    margin-top: 0;
    font-size: 1em;
    font-weight: 400
}

.box-news
h3 {
    position: relative;
    font-weight: 700
}

.box-news
p {
    margin-top: 0
}

.box-list
h3 {
    position: relative;
    padding-bottom: .5em
}

    .box-list h3::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 1px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        background-color: #e9e9e9;
        background-clip: padding-box
    }

    .box-list h3:last-of-type {
        padding-bottom: 0
    }

        .box-list h3:last-of-type::before {
            display: none
        }

.box-news .news-sign {
    float: right;
    margin-left: .5em;
    padding: .5em 3px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #94cb44;
    color: #fff
}

.box-news .news-date {
    margin-top: 2em;
    margin-bottom: 0;
    font-weight: inherit
}

.box-news .list-news
a {
    color: #757575
}

.box-news .list-news h3
a {
    color: #000
}

.box-news .list-news li
li {
    padding-left: 0;
    margin-bottom: 0
}

.box-helpdesk-contact::before {
    content: '\e90b';
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: 'shp';
    font-size: 34px;
    line-height: 1
}

.box-helpdesk-contact ul + p {
    margin-top: 2em
}

.box-helpdesk-contact ul li:first-child {
    margin-top: 2em;
    margin-bottom: .5em
}

.box-helpdesk-contact ul li:last-child {
    font-size: 18px
}

.std-table-link .tooltip-icon {
    vertical-align: top
}

.icon-visibility-before::before, .icon-visibility-after::after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 8px;
    vertical-align: middle;
    background-image: url("/cms/img/_repo-shared/select.png");
    background-repeat: no-repeat;
    padding-right: 1rem;
    background-position: right center;
    margin-left: 15px
}

.expanded-js .icon-visibility-before::before,
.expanded-js .icon-visibility-after::after, .expanded-js.icon-visibility-before::before, .expanded-js.icon-visibility-after::after {
    background-position: 30% center;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.disabled-row td, div.disabled-section {
    position: relative
}

    .disabled-row td::before, div.disabled-section::before {
        content: '';
        z-index: 2;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .85)
    }

    div.disabled-section.with-annotation {
        min-height: 300px
    }

.disabled-annotation, .unsupported {
    color: #999
}

.disabled-annotation {
    z-index: 3;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    font-size: 13px;
    text-align: center
}

    .disabled-annotation
    div {
        margin-bottom: .6em;
        font-size: 24px
    }

    .disabled-annotation + h2 {
        margin-top: 0
    }

#suggestor.suggestor-wrap {
    position: static;
    border: 0
}

.suggestor-single {
    display: flex;
    margin: 1px 0;
    padding: 10px 4px;
    border: 1px solid #d1d1d1;
    cursor: pointer
}

.suggestor-wrap .suggestor-single:nth-child(even) {
    background-color: #f8f8f8
}

.suggestor-single
span {
    flex: 1 1 0;
    padding: 4px
}

.moxie-shim, .moxie-shim
input {
    cursor: pointer
}

.ability-documentation-item pre.tracy-dump {
    margin: 0;
    padding: 0;
    background: none
}

    .ability-documentation-item pre.tracy-dump
    small {
        display: none
    }

.ability-documentation-item {
    padding: 1ex;
    border-bottom: 1px solid #e9e9e9
}

    .ability-documentation-item
    h4 {
        margin: 0
    }

.ability-value {
    padding-top: 1ex
}

.found-in-key {
    background: lightcyan
}

.found-in-description {
    background: lightgoldenrodyellow
}

.found-in-key.found-in-description {
    background-color: lightgreen
}

@media only screen and (max-width: 1224px) {
    html {
        -webkit-text-size-adjust: 100%;
    }

    #main {
        width: 100%;
    }

    .user-bar-section-eshop > a,
    .user-bar-section-user > a,
    .user-bar-section-helpdesk > a {
        width: auto;
    }

    .icon-section-header,
    .user-bar-section-notifications .icon-section-header {
        padding-left: 10px;
    }

    .icon-section-header {
        min-width: 52px;
    }

        .icon-section-header::before {
            left: 50% !important;
            margin-left: -14px;
        }

    .user-bar-section-user .icon-section-header::before {
        left: 12px !important;
        margin-left: 0;
    }

    .user-bar-section-superadmin .icon-section-header {
        padding-right: 15px;
        text-allign: center;
    }

    li.user-bar-section-superadmin .shp-wheel {
        display: inline-block;
        position: static;
        width: 23px;
        height: 28px;
        font-size: 23px;
        line-height: 26px;
    }

    li.user-bar-section-superadmin .user-bar-fullname-wrap {
        width: auto;
        padding-right: 0;
    }

    .user-bar-fullname-wrap .icon-arrow {
        display: none;
    }

    #css .user-bar-section:last-child {
        float: left;
    }

    input[type="search"].search-query,
    .user-bar-superadmin input[type="search"].search-query {
        min-width: 160px;
    }

    .overview-detail label,
    .delivery-note-detail label {
        display: block;
        padding: 0.15625rem 0;
        text-align: left;
    }

        .overview-detail label.prevent-email-label {
            display: inline-block;
            padding: 0.15625rem 0.25rem;
        }

    ul.overview-detail,
    ul.delivery-note-detail,
    ul.action-price-detail {
        padding-left: 19px;
    }

    .action-price-content {
        display: block;
        padding-top: 10px;
    }

    .action-price-detail label.action-price-label {
        width: auto;
        padding-left: 0;
        text-align: left;
    }

    .large-block-grid-4 li:nth-child(3),
    .large-block-grid-4 li:nth-child(4) {
        text-align: left;
    }

    #order-header #order-date {
        padding-left: 0;
    }

    .add-ticket-whisperer div#searchResults {
        width: 87.5%;
    }
}

@media only screen and (min-width: 1025px) {
    .user-menu:hover ul {
        display: block;
    }

    .list-order-tariff li[class^="tariff-free"] {
        align-self: flex-start;
    }
}

@media only screen and (min-width: 1384px) {
    a.logo-service {
        width: 16.55%;
    }

    input[type="search"].search-query {
        min-width: 566px;
    }

    .user-bar-superadmin input[type="search"].search-query {
        min-width: 469px;
    }

    #item-preview.moved {
        width: 820px;
        right: auto;
    }
}

@media only screen and (max-width: 1023px) {
    .field-pieces-wrap {
        max-width: none;
    }

        .field-pieces-wrap .pcs {
            height: 64px;
        }

        .field-pieces-wrap a {
            width: 32px;
            height: 31px;
            font-size: 24px;
            line-height: 30px;
        }

    tr .hide-on-mouseout,
    .buttons .hide-on-mouseout {
        visibility: visible;
    }

    html.action-menu-visible > body,
    html.main-menu-visible > body,
    html.user-menu-visible > body,
    html.superadmin-menu-visible > body,
    html.login-visible > body,
    html.cart-visible > body,
    html.search-visible > body,
    html.notifications-visible > body {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }

    #main {
        padding-top: 52px;
        padding-bottom: 6em;
        background-image: none;
    }

    #main-outer {
        display: block;
    }

    .menu-overlay {
        display: none;
    }

    #footer {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    html.action-menu-visible .menu-overlay,
    html.main-menu-visible .menu-overlay,
    html.user-menu-visible .menu-overlay,
    html.superadmin-menu-visible .menu-overlay,
    html.login-visible .menu-overlay,
    html.cart-visible .menu-overlay,
    html.search-visible .menu-overlay,
    html.notifications-visible .menu-overlay {
        z-index: 999;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        background-color: rgba(0, 0, 0, .13);
    }

    a.logo-service {
        min-width: 0;
    }

    .user-bar {
        z-index: 1001;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
    }

    .user-bar-section-user .icon-section-header {
        padding-left: 10px;
    }

        .user-bar-section-user .icon-section-header .hidden-xs {
            display: none;
        }

    .icon-section-header:hover {
        background-color: transparent !important;
    }

    .scrolled-down .user-bar {
        opacity: 0;
    }

    a.toggle-menu {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 52px;
        height: 52px;
        text-decoration: none;
    }

    .toggle-menu span {
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
    }

    .toggle-menu::before {
        content: '\e945';
        display: block;
        width: 100%;
        height: 100%;
        font-family: 'shp';
        font-size: 28px;
        line-height: 52px;
        text-align: center;
        color: #fff !important;
    }

    .main-menu-visible .toggle-menu::before {
        content: '\e93c';
    }

    #content {
        padding-top: 0;
    }

    #main-in {
        display: block;
        width: 100%;
        padding: 0 7px;
    }

    #breadcrumb-nav {
        margin-bottom: 1.5em;
    }

    .layout-column-left {
        z-index: 1003;
        position: fixed;
        right: 0;
        top: 52px;
        bottom: 0;
        display: none;
        padding-bottom: 0;
        overflow: auto;
        background-color: transparent;
        box-shadow: -1px 1px 0 rgba(0, 0, 0, .15);
    }

    .main-menu-visible .layout-column-left {
        display: block;
    }

    .layout-column-left .box {
        display: none;
    }

    .main-menu-visible .navigation-menu a:not(.active):hover {
        background-color: #f6f6f6;
    }

    .navigation-menu {
        border-top: 0;
    }

        .navigation-menu a {
            padding-top: 1em;
            padding-bottom: 1em;
            margin-top: -1px;
        }

        .navigation-menu > li > a.navigation-menu-link-withsubmenu::after {
            right: 18px;
        }

    .text-one-row-wrap {
        height: auto;
        line-height: inherit;
    }

    #breadcrumb-nav {
        padding-top: 1em;
    }

    .content-buttons {
        position: static;
        padding: 0;
    }

    body > .content-header {
        display: block;
    }

    .content-buttons a,
    .content-buttons > span,
    .content-buttons > div {
        display: block;
    }

    .content-buttons a, .btn-md.help-anchor {
        margin-left: 0;
        padding-right: 35px !important;
    }

    .content-buttons .btn-md {
        padding-top: 11px;
        padding-bottom: 11px;
        text-align: left;
    }

    .content-header {
        z-index: 1000;
        position: fixed;
        left: 0;
        top: 52px;
        bottom: 0;
        display: none !important;
        width: 100%;
        height: auto;
        overflow: auto;
        border: 0;
        background: none;
    }

    .action-menu-visible .content-header {
        display: block !important;
    }

    .content-header-floating .content-buttons {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .user-bar-section-user ul,
    .user-bar-section-superadmin ul {
        display: none;
        position: fixed;
        z-index: 1000;
        width: 100%;
    }

    .user-menu-visible .user-bar-section-user ul,
    .superadmin-menu-visible .user-bar-section-superadmin ul {
        display: block;
    }

    .open-menu ul {
        z-index: 1;
        position: relative;
        display: none;
        border-top-style: none;
        border-bottom-style: none;
    }

    .open-menu.standalone ul {
        position: absolute;
        border-top-style: solid;
        border-bottom-style: solid;
    }

    .open-menu.action-submenu-visible ul {
        display: block;
    }

    .open-menu ul li a,
    .user-menu ul li a {
        width: auto;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    #t1 .open-menu ul {
        border: 1px solid #d8d8d8;
        border-top-color: #fff;
    }

    .tabs-dashboard.std-tabs > ul > li.ui-state-active > a {
        margin-top: .75rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .table-holder {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-holder > table {
            overflow: hidden;
            table-layout: auto !important;
        }

        .table-holder .ticket-table th,
        .table-holder .ticket-table td {
            white-space: normal;
        }

    .user-bar-content > ul > li.user-bar-section-notifications,
    .user-bar-content > ul > li.user-bar-section-user,
    .user-bar-content > ul > li.user-bar-section-action.visible {
        display: block;
    }

    .template {
        float: none;
    }

    .choose-color-variant {
        float: none;
        width: auto;
        margin-top: 1em;
        text-align: center;
    }

        .choose-color-variant > .color-variant {
            float: none;
            margin: 0 5px 11px;
        }

            .choose-color-variant > .color-variant input[type="radio"] {
                margin: .5rem .25rem;
            }

    .system-message-critical-outer {
        width: 96%;
    }

    #recipient {
        right: 7px;
    }

    #cashdesk-tools {
        top: 2px;
    }

    #content-in.fullscreen #cashdesk-tools {
        top: 7px;
    }

    #footer .cookie-handler {
        display: block;
    }

    .list-order-box {
        margin-right: 0;
    }

    .list-order-frequency .list-order-box label {
        min-height: 56px;
    }

    .notifications-outer {
        position: static;
    }

    .notifications-inner {
        position: fixed;
        bottom: 0;
        width: 100%;
        overflow: auto;
    }

    .eet3 img {
        width: 100%;
        height: auto;
    }

    .order-shoptet-tariff-introduction-inner {
        width: 100%;
        padding-right: 0;
    }

    .step-bar .shp-arrow2:before {
        left: 55%;
    }

    .open-menu ul {
        overflow-y: scroll;
        max-height: 143px;
    }

    .tabs-dashboard.std-tabs > ul > li > a,
    .tabs-dashboard.std-tabs > ul > li.ui-state-active > a {
        margin-top: 0;
        top: 0;
    }

    .system-message-wrap {
        margin: .5em 0;
    }

        .system-message-wrap + .system-message-wrap {
            margin-top: -0.25em;
        }

    #content-in {
        padding-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1224px) {
    .visible-sm {
        display: block !important;
    }

    .hidden-sm {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .visible-xs {
        display: none !important;
    }

    .user-bar-content > ul > li.user-bar-section-search {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    .hidden-xs {
        display: none !important;
    }

    #content {
        min-height: 0;
    }

    .layout-column-left {
        width: 100%;
    }

    .user-bar-content {
        position: static;
        float: right;
        padding-right: 52px;
    }

    .form-search {
        position: absolute;
        left: 0;
        bottom: -67px;
        display: none;
        width: 100%;
        padding: 0 21px 21px;
        background-color: #14b1ef;
    }

    .button-search-wrap {
        top: 9px;
    }

    .search-visible .form-search {
        display: block;
    }

    .form-search input[type="search"] {
        min-width: 0;
        height: 46px;
        font-size: 14px;
    }

    .form-search .btn {
        display: block;
    }

    .user-bar-content > ul > li {
        display: none;
    }

        .user-bar-content > ul > li.user-bar-section-cashdesk-cart,
        .user-bar-content > ul > li.user-bar-section-cashdesk-user,
        .user-bar-content > ul > li.user-bar-section-search,
        .user-bar-content > ul > li.user-bar-section-helpdesk {
            display: block;
        }

    #css .user-bar-section {
        border-right: 0;
    }

        #css .user-bar-section > a:hover,
        #css .user-bar-section > a:active {
            background-color: transparent;
            color: #fff;
        }

        #css .user-bar-section > a:focus {
            outline: 0;
        }

    .tab-content-header {
        color: #27cef3;
    }

    .tabs-dashboard {
        margin-top: -1px;
        margin-left: -8px;
        margin-right: -8px;
    }

        .tabs-dashboard + h2 {
            margin-top: 0;
        }

        .tabs-dashboard.std-tabs > ul {
            text-transform: uppercase;
        }

            .tabs-dashboard.std-tabs > ul::before {
                display: none;
            }

            .tabs-dashboard.std-tabs > ul > li > a {
                margin-top: 0;
                border-color: #f1f1f1;
            }

                .tabs-dashboard.std-tabs > ul > li.ui-state-active > a,
                .tabs-dashboard.std-tabs > ul > li > a:hover {
                    background-color: #94cb44;
                }

                    .tabs-dashboard.std-tabs > ul > li.ui-state-active > a::after {
                        border-top-color: #94cb44;
                    }

        .tabs-dashboard .tab-content-main,
        .tabs-dashboard .tab-content-additional,
        .tabs-dashboard h2 {
            display: none !important;
        }

        .tabs-dashboard .tabs-content-outer {
            border-color: #f1f1f1;
            border-bottom: 0;
        }

    .list-statistics-outer {
        display: block;
        margin-top: 0 !important;
        background-color: #fff;
    }

        .list-statistics-outer::after {
            content: '';
            display: table;
            clear: both;
        }

        .list-statistics-outer.list-reset > li {
            min-height: 87px;
        }

        .list-statistics-outer.list-reset.div-by-3 > li,
        .list-statistics-outer.list-reset.rem-1 > li.rem,
        .list-statistics-outer.list-reset.rem-2 > li.rem,
        .list-statistics-outer.list-reset.rem-3 > li.rem,
        .list-statistics-outer.list-reset:not(.div-by-3) > li {
            width: 49.5%;
            border-bottom: 1px solid #f1f1f1;
            height: 120px;
        }

            .list-statistics-outer.list-reset.rem-1 > li.rem:last-child,
            .list-statistics-outer.list-reset.rem-3 > li.rem:last-child {
                width: 100%;
                border-right: 0;
            }

            .list-statistics-outer.list-reset:not(.div-by-3) > li:nth-child(4n+1),
            .list-statistics-outer.list-reset.div-by-3 > li:nth-child(3n+1) {
                clear: none;
            }

            .list-statistics-outer > li:nth-child(odd),
            .list-statistics-outer.list-reset:not(.div-by-3) > li:nth-child(odd) {
                clear: both;
                border-right: 1px solid #f1f1f1;
            }

        .list-statistics-outer > li::before {
            display: none;
        }

    #css .icon-arrow-statistics {
        margin-left: 0;
        padding-left: 26px;
        line-height: 1;
    }

    .icon-arrow-statistics::before {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        font-size: 20px;
    }

    #css .statistics-number-v1 {
        display: block;
        margin-bottom: 1ex;
        text-align: center;
        font-weight: 700;
    }

    .statistics-number-v2,
    .statistics-number-v3 {
        color: #aaa;
    }

    #category-nav .item > .divider {
        position: static;
    }

    #category-nav ul li a:before {
        left: 7px;
    }

    #category-nav .item > .divider ul {
        left: -1px;
        width: calc(100% + 2px);
    }

        #category-nav .item > .divider ul li ul {
            display: block;
            position: relative;
            left: 0;
            border: none;
            width: 100%;
            padding-left: 10px;
        }

    .items-found {
        margin-bottom: 1em;
    }

    .pagination {
        margin-bottom: 1em;
    }

        .pagination form {
            position: static;
            margin-bottom: 1em;
        }

        .pagination p {
            text-align: center;
        }

            .pagination p span {
                float: none;
                display: block;
                margin-bottom: 1em;
            }

        .pagination input[type="text"] {
            height: 36px;
        }

        .pagination .btn-md {
            padding-top: 9px;
            padding-bottom: 9px;
        }

    #filter td {
        float: left;
        display: block;
        width: 33.333333%;
    }

        #filter td[colspan="6"],
        #filter td[colspan="2"] {
            clear: both;
            width: 100%;
        }

    .system-message-critical-outer .system-message-content,
    .system-message-critical-outer .system-message-buttons {
        display: block;
        padding: 0;
    }

    .system-message-critical-outer .system-message-buttons {
        padding-top: 5px;
    }

    #customer-contact,
    #billing-address,
    #shipping-address {
        display: block;
    }

    #t-order-contact h2 {
        left: 0;
    }

    .delivery-note-detail label {
        display: block;
        padding: 0.15625rem 0;
    }

    .action-price-price {
        display: block;
        padding-bottom: 10px;
    }

    h1.std-header strong,
    #modal-in h1.std-header strong {
        margin-left: 0;
    }

    #content-in {
        margin-top: 0;
    }

    .section-905 {
        padding-top: 0;
    }

    .stocking-hint {
        top: auto;
    }

    .ticket-overview > tbody > tr > td {
        display: block;
    }

    a.logo-service {
        margin-left: 10px;
        margin-right: 5px;
        width: 126px;
    }

    div#searchResults {
        width: 70%;
        max-height: 190px;
    }

    .helpdesk-dashboard > form input[type="text"],
    #helpSearch .btn {
        width: 70%;
    }

    #helpSearch .btn {
        margin-top: 5px;
    }

    #helpSearch .std-table td {
        padding: 0;
    }

    #container-wrapper,
    #container-trash {
        width: 100%;
    }

    #container-trash {
        margin: 0 auto;
        padding: 0;
    }

        #container-trash > div {
            width: 32%;
            min-height: 95px;
        }

    .gopay-logos img {
        width: 100%;
    }

    .module-descr-about {
        display: none;
    }

    .module-descr-benefits {
        max-width: 100%;
    }

    .editor-click.clicked {
        display: none;
    }

    .preview-textarea > div {
        position: relative;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .layout-column-left {
        width: 100%;
    }
}

@media only screen and (max-width: 640px) {
    .std-tabs.std-tabs-view,
    .std-table-view {
        max-width: 96vw;
    }

    .checkbox-input-mobile {
        margin: 0.3125rem 0 0 1.250rem;
    }

    .small-top-1em {
        margin-top: 1em;
    }

    #css .connection-manager-tabs .tab-content-main {
        font-size: 12px;
        line-height: normal;
    }

    .connection-manager-tabs .tab-content-additional {
        font-size: 9px;
    }

    #settings-product-action-price .ui-datepicker-trigger + input.date-pick {
        margin-left: 1.8em;
    }

    div#searchResults {
        width: 100%;
    }

    .helpdesk-dashboard > form input[type="text"],
    #helpSearch .btn {
        width: 100%;
    }

    .order-shoptet-tariff-introduction-inner {
        width: 100%;
    }

    .context-menu-trigger:hover .context-menu {
        position: relative;
    }

    .add-ticket-whisperer div#searchResults {
        width: 75%;
    }

    .step-bar .shp-arrow2:before {
        left: 0;
        bottom: 0;
        top: 9px;
        display: inline-block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .list-order-frequency .list-order-box label {
        min-height: 0;
    }

    .box-order-shoptet-left {
        float: none;
    }

    .box-order-shoptet-right-wrap {
        position: static;
        padding-left: 0;
    }

    .box-order-shoptet-right-sticky-js {
        position: static;
    }

    .list-order-tariff[class*="block-grid-"] {
    }

    .list-order-tariff .context-menu,
    .list-order-tariff .context-menu-at-right {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .chart,
    #chart-legend,
    #legend-turnoverAndProfitChart {
        display: none;
    }

    .module-preview {
        display: none;
    }

    .help-button .btn-lg {
        display: block;
        width: 100%;
        padding-left: 32px;
        padding-right: 32px;
    }

    .helpdesk-topics {
        width: 100%;
    }

        .helpdesk-topics > div {
            float: none;
            width: 100%;
            text-align: center;
        }

    .info-boxes a.info-box {
        margin-left: 0;
        margin-right: 0;
    }

    a.info-box {
        display: block;
        width: 100%;
    }

    .info-box + .info-box {
        margin-top: .5em;
    }

    a.logo-service {
        width: 32px;
    }

        a.logo-service .shoptet-icon {
            width: 32px;
            overflow: hidden;
        }

    .user-bar-content {
        float: right;
    }

    .icon-section-header {
        min-width: 47px;
    }

    .button-search-wrap::before {
        width: 0;
    }
}
/* Necessary styles to fit Shoptet admin  */
.shoptet-external-iframe-body {
    background-color: #fff;
}

.shoptet-external-iframe-content {
    padding: 0 23px;
    text-align: left;
    background-color: #fff;
}