@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('../img/icons/shp.ttf') format('truetype'),
        url('../img/icons/shp.woff?keh8vo') format('woff'),
        url('../img/icons/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: 100%
}

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(../img/icons/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: 49% !important;
    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
}

.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;
}


.std-table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 0.6875rem;
    font-family: "Open Sans", Tahoma, sans-serif;
}

input[type="checkbox"],
input[type="radio"],
#filter-form input[type="checkbox"],
#filter-form input[type="radio"] {
    display: block;
    float: left;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="checkbox"]+label.std-control-label {
    border-radius: 3px;
    background-color: #fff;
    background-image: url("../img/icons/checkbox-default.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
}

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;
}

input[type="checkbox"]:checked+label.std-control-label {
    background-color: #3fa9e6;
    background-image: url("../img/icons/checkbox-checked.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
}

.std-table th,
.std-table td,
.overview-detail label,
.delivery-note-detail label,
.action-price-detail label {
    padding: 0.15625rem 0.5rem;
}

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

select {
    padding-right: 1.5rem;
    background-image: url("../img/icons/select-arrow.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) center;
}


/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:after,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:after,
[data-tooltip]:focus:after,
.tooltip:hover:after,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}


/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 12px;
    width: 200px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 0.6875rem;
    font-family: "Open Sans", Tahoma, sans-serif;
    line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    bottom: 100%;
    left: 50%;
}


/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: -80px;
}

[data-tooltip]:hover:after,
[data-tooltip]:focus:after,
.tooltip:hover:after,
.tooltip:focus:after,
.tooltip-top:hover:after,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
}

/* Left */
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:hover:after,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px);
}

/* Bottom */
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}


.tooltip-bottom:hover:after,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
}

/* Right */
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}


.tooltip-right:hover:after,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
}



/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}

.tooltip-icon::before {
    content: '\e90a';
    font-family: 'shp';
    font-weight: normal;
    font-size: 1.063rem;
    line-height: 1;
}

h2.std-header::before,
h2.std-header-line::before {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 52%;
    width: 100%;
    background-color: #e9e9e9;
}

form.oberonApiKomunikacia .text-right,
.synchTableWrapper .text-right {
    width: 50%;
}

.oberonApiKomunikacia .large-4{
    width: 50% !important;
}

.v2tableWrapper {
    width: 100%;
    overflow: auto hidden;
}

.checkbox-table {
    clear: both;
}

.v2table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}

.v2table th,
.v2table td {
    font-size: 0.6875rem;
    font-family: "Open Sans", Tahoma, sans-serif;
}

.v2table thead {
    border-bottom: 3px solid #14b1ef;
    background-color: #f0f0f0;
}

.v2table th {
    color: #0754c6;
}

.v2table td,
.v2table th {
    border: 1px solid #e7e7e7;
    padding: 8px;
    text-align: left;
    background-clip: padding-box;
}

.v2table td,
.v2table th {
    border: 1px solid #e7e7e7;
    padding: 8px;
    text-align: left;
    background-clip: padding-box;
}

.hidden{
    display: none !important;
}


#c1 .container{
    display: block;
}
#c1 .container .std-table{
    display: inline-block;
}

.oberonApiKomunikacia .tableRight td{
    text-align: right;
}