#container.mainnav-lg #navbar-container img.brand-icon,
#container.mainnav-sm #navbar-container .brand-title img,
#container.mainnav-in #navbar-container img.brand-icon {
    display: none;
}

#container.mainnav-sm #navbar-container img.brand-icon,
#container.mainnav-lg #navbar-container .brand-title img,
#container.mainnav-in #navbar-container .brand-title img {
    display: block;
}

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

.customer-input[readonly], div.field-customer-country > div > span.select2-container > span.selection > span.select2-selection {
    background: white;
    color: gray;
}

.customer-prepend-input {
    border: none
}

@media (min-width: 768px) {
    #navbar .brand-title {
        padding: 0 !important;
    }
}

div.check-collapse > div.cbx-sm {
    border: none;
}

.cls-header {
    background: none;
}

div#update-rma-item-table-container div.container-params button.bootstrap-touchspin-up,
div#update-rma-item-table-container div.container-params button.bootstrap-touchspin-down,
div#update-rma-item-table-container div.container-params-warehouse button.bootstrap-touchspin-up,
div#update-rma-item-table-container div.container-params-warehouse button.bootstrap-touchspin-down,
div#update-warranty-item-table-container div.container-params button.bootstrap-touchspin-up,
div#update-warranty-item-table-container div.container-params button.bootstrap-touchspin-down,
div#order-item-table div.container-params button.bootstrap-touchspin-up,
div#order-item-table div.container-params button.bootstrap-touchspin-down,
table#warranty-items div.container-params button.bootstrap-touchspin-up,
table#warranty-items div.container-params button.bootstrap-touchspin-down,
div#order-item-table-container div.container-params button.bootstrap-touchspin-up,
div#order-item-table-container div.container-params button.bootstrap-touchspin-down
{
    border-radius: 0 !important;
}

.bg-img {
    /*background-image: url("../img/background.jpg");*/
    background-color: rgba(0, 0, 0, 0.03);
}

.inline-block {
    display: inline-block;
}

body, #content-container, #navbar {
    background-color: #fff;
}

.mt-1 {
    margin-top: 1rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.ml-1 {
    margin-left: 1rem;
}

.mr-1 {
    margin-right: 1rem;
}

.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.underlined {
    text-decoration: underline;
}

.mar-no-top {
    margin-top: 0 !important;
}

.mar-no-right {
    margin-right: 0 !important;
}

.mar-no-bottom {
    margin-bottom: 0 !important;
}

.mar-no-left {
    margin-left: 0 !important;
}

.middle-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}

.cursor-pointer {
    cursor: pointer;
}

.border-none {
    border: 0;
}

.popover-content {
    padding: 10px 15px;
    word-break: break-all;
}

.label.label-minimal {
    color: #7a878e !important;
}

.auto-translate-label-badge {
    font-size: 0.6em !important;
    font-weight: bold !important;
    border-radius: 0.4em;
    margin-right: 0.6em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 1px solid;
}

.has-success .form-control,
.has-success .form-control:focus,
.has-success .cbx-active,
.has-success .cbx-active:focus {
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.cbx-disabled {
    background: #eee;
}

.dotted-underlined {
    border-bottom: 1px dotted grey !important;
    text-decoration: none;
    width: fit-content;
    cursor: pointer;
}

.public.cls-container {
    text-align: inherit;
}

.public .cls-content .cls-content-sm,
.public .cls-content .cls-content-lg {
    width: 100%;
    min-width: 270px;
    margin: 0 auto;
    position: relative;
    border: 0;
    box-shadow: none;
}

.list-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    margin: 8px 0;
    padding: 0 7px !important;
}

div.product-list-page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.product-list-page .container-product {
    padding: 10px;
}

.product-list-page .panel.panel-colorful.panel-product {
    height: 100%
}

@media (min-width: 768px) {
    .public .cls-content .cls-content-sm {
        width: 550px;
    }

    .public .cls-content .cls-content-lg {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .public .cls-content .cls-content-sm {
        width: 750px;
    }

    .public .cls-content .cls-content-lg {
        width: 950px;
    }
}

@media (min-width: 1200px) {
    .public .cls-content .cls-content-sm {
        width: 950px;
    }

    .public .cls-content .cls-content-lg {
        width: 1150px;
    }
}

#mainnav {
    border: 1px solid #ecf0f5;
}

#mainnav .brand > .brand-text {
    display: none !important;
}

.mainnav-in .brand-icon {
    margin-top: 0;
}

.main-container .brand-icon,
.main-container .brand-text img {
    max-height: 35px;
    margin-top: 11px;
    margin-left: 15px;
}

#container .brand-icon {
    height: initial;
    width: initial;
}

#container .cls-brand img.brand-icon {
    height: 60px;
}

@media (min-width: 768px) {
    #container.mainnav-sm .brand-icon {
        height: initial;
        width: initial;
    }
}

.select2-container--bootstrap .select2-selection--single {
    height: 33px;
}

.select2-container--bootstrap .select2-selection {
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: none;
    /*padding-right: 30px;*/
}

.select2-fit-content .select2-container--bootstrap .select2-selection--single {
    height: auto;
}

.select2-fit-content .select2-container .select2-selection--single .select2-selection__rendered {
    overflow: initial !important;
    text-overflow: initial !important;
    white-space: initial !important;
}

.select2-dropdown {
    z-index: 10000 !important;
}

.modal-open .select2-dropdown {
    z-index: 10000 !important;
}

.modal-full-width {
    width: 90%;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    z-index: 100000 !important;
}

.has-success .select2-container--bootstrap .select2-dropdown, .has-success .select2-container--bootstrap .select2-selection {
    border-color: #b0d683;
}

.has-success .select2-container--bootstrap.select2-container--focus .select2-selection, .has-success .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #67b168;
}

#dropdown-user .ic-user {
    height: 59px;
}

.btn {
    box-shadow: none !important;
}

.btn-kv {
    padding: 0;
}

.file-preview .fileinput-remove {
    top: 5px;
    right: 5px;
}

.field-avatar .kv-file-remove {
    display: none;
}

.select2-container--krajee .select2-selection__clear {
    top: 0;
}

.disabled-select {
    z-index: 10001;
    background-color: #000;
    opacity: 0.1;
    border-radius: 4px;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.panel-default .panel-heading {
    background-color: transparent;
    border-color: transparent;
}

.panel > .panel-heading > .panel-title {
    cursor: pointer !important;
}

.panel-body {
    padding: 15px 20px;
}

.panel-control {
    padding: 0 0 2px 20px;
}

.kv-expand-detail-loading {
    background-position: top 30px center;
}

.page-menu {
    height: 100%;
    position: relative;
    float: right;
    padding: 0;
    margin-top: -79px;
}

#page-content .page-menu .btn-group button {
    margin-left: 4px;
}

#page-content.page-content-no-breadcrumb {
    margin-top: -20px;
}

#page-content.page-content-no-breadcrumb > .page-menu {
    margin-top: -30px;
}

#page-content.page-content-no-breadcrumb > ul.breadcrumb {
    padding-left: 0;
    padding-bottom: 30px;
}

.kv-expanded-row > ul.breadcrumb {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 30px;
}

.kv-expand-detail-row > td:empty {
    border-top: 0 !important;
    padding: 0 !important;
}

fieldset {
    border: 1px solid #00000012;
    margin: 0 1em 2em;
    padding: 1em;
}

legend {
    width: auto;
    border-bottom: none;
    margin-bottom: 0;
    color: #7a878e;
    font-size: 1.3em;
}

/* Custom GridView
-------------------------------------------------- */
.kartik-sheet-style {
    background: #f9f9f9;
}

table.clickable tbody tr {
    cursor: pointer;
}

table.clickable tbody tr td.no-clickable {
    cursor: auto;
}

table.clickable tbody tr td.no-clickable input[type="checkbox"] {
    cursor: pointer;
}

table.no-clickable tr {
    cursor: auto !important;
}

.kv-expand-detail-row {
    cursor: auto !important;
    box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.07);
}

.kv-expand-detail-row > td {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.kv-expand-detail-row:hover {
    background: transparent !important;
}

.kv-page-summary {
    border-top: 0 !important;
}

#page-content .custom-grid-view-table > .pager-top > ul.pagination {
    margin: 0;
    margin-left: 5px;
}

.grid-view .tool-top {
    margin: 0 5px 5px 0 !important;
    float: left;
}

.grid-view.tool-top:last-child {
    margin-right: 0 !important;
}

.custom-grid-view-select-all-msg {
    margin: 0;
    width: 100%;
    text-align: center;
    background-color: #d9edf7;
    padding: 10px;
}

.custom-grid-view-select-all-msg.danger {
    background-color: #f44336;
    color: #fff;
}

.custom-grid-view-select-all-msg-selector {
    cursor: pointer;
}

.custom-grid-view-tools ul > li {
    cursor: pointer;
}

.custom-grid-view-tools .select-on-check-all {
    width: 50px;
}

.custom-grid-view-tools > button,
.custom-grid-view-tools-select > button {
    height: 33px;
}

.custom-grid-view-tools button
.custom-grid-view-tools-select button {
    height: 33px;
}

.custom-grid-view-tools .cbx-container {
    margin-top: -5px;
}

.custom-grid-view-tools-select .cbx-xs {
    top: -2px;
}

.pagination-hidden > ul.pagination > li:not(.prev):not(.next) {
    display: none !important;
}

.pager-top .pagination {
    vertical-align: middle;
    padding-left: 0;
    margin: 0 0 5px 5px;
}

.pagination-view {
    display: inline !important;
}

table > tbody > tr.soften {
    opacity: 0.3;
}

table > tbody > tr.disabled {
    opacity: 0.6 !important;
}

table > tbody > tr.kv-expand-detail-row tr {
    opacity: 1;
}

.form-group {
    margin-bottom: 5px;
}

/* Bootstrap Touchspin
-------------------------------------------------- */
button.bootstrap-touchspin-up {
    padding-top: 8px !important;
    padding-bottom: 7px !important;
}

button.bootstrap-touchspin-down {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Custom grid view Tools
-------------------------------------------------- */
.extended-grid-view-tools {
    margin-bottom: 0;
    position: absolute;
}

.extended-grid-view-tools > .tool {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 2px;
}

.xl-extended-grid-view-tools {
    margin-bottom: 10px;
    margin-left: 0 !important;
    position: initial;
}

@media (max-width: 768px) {
    .sm-extended-grid-view-tools,
    .extended-grid-view-tools {
        margin-bottom: 10px;
        margin-left: 0 !important;
        position: initial;
    }

    .pager-top {
        margin: 0 !important;
    }

    .kv-grid-container {
        margin-top: 1rem;
    }

    .custom-grid-view-tools {
        margin: 0 !important;
    }

    .extended-grid-view-tools-select {
        display: inline-block;
        vertical-align: top;
        margin-left: 0 !important;
        position: relative !important;
    }

    .page-menu.rma-awaiting-acceptance {
        float: none;
        margin-top: -15px;
        margin-bottom: 15px;
    }

    #mainnav-container {
        z-index: 11000 !important;
    }
}

@media (min-width: 992px) {
    .md-extended-grid-view-tools {
        margin-bottom: 10px;
        margin-left: 0 !important;
        position: initial;
    }
}

@media (max-width: 1200px) {
    .lg-extended-grid-view-tools {
        margin-bottom: 10px;
        margin-left: 0 !important;
        position: initial;
    }
}

.avatar-thin {
    height: 1em;
    width: 1em;
}

.avatar-xs {
    height: 1em;
    width: 1em;
}

.avatar-md {
    height: 3em;
    width: 3em;
}

.environment-label {
    line-height: 59px;
    font-size: 1em;
}

.channel-logo {
    max-height: 30px;
    max-width: 125px;
}

.title-logo {
    max-height: 30px;
    max-width: 125px;
    margin-right: 15px;
}

.panel-overlay {
    z-index: 10;
}

/** global overlay at 35% of visible screen */
div#container > div.panel-overlay > .panel-overlay-content {
    position: fixed;
    top: 35%;
}

/* Breadcrumb
-------------------------------------------------- */
.breadcrumb li a:hover {
    color: inherit;
}

.dl-horizontal-colons dt::after {
    content: ':';
}

li.variation-choices {
    padding-left: 0;
    display: block;
}

.variation-choices ul {
    margin: 0.2em 0 0.6em 0;
}

ul.choices li {
    padding: 0.1em 0.1em 0.1em 0;
    margin-bottom: 0.2em;
}

ul.choices li > a {
    box-shadow: none !important;
    text-align: left;
}

ul.choices li > a.active {
    background-color: #4d627b14 !important;
    border: 1px solid #4d627b !important;
    color: #4d627b !important;
    font-weight: bold;
}

ul.choices li > a.variation.variation-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

ul.choices li > a.variation.checked {
    border: 1px solid #4d627b !important;
}

ul.choices li > a > div.price {
    text-align: right;
    font-weight: bold;
}

ul.choices li > a.active > div.price {
    color: #4d627b !important;
}

tfoot td {
    border-top: 2px solid rgba(0, 0, 0, 0.07) !important;
}

tfoot td {
    font-weight: bold;
}

h3.title {
    line-height: 1.3em;
}

h3.block-title {
    padding: 0 !important;
    font-weight: normal;
    font-size: 1.15em;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-underlined {
    padding-bottom: 0.6em;
    border-bottom: 1px solid #ddd;
}

.rc-handle:hover,
.rc-handle:active {
    border-left: 3px dotted #ccc;
}

div.container.table > .row {
    margin: 0 -15px;
}

div.container.table .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

table.table-key-multivalue td.key {
    white-space: nowrap;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    background-color: rgba(0, 0, 0, 0.03);
    padding-left: 1em;
    padding-right: 1em;
    word-break: break-all;
}

table.table-key-multivalue td.value {
    padding-left: 1em;
    padding-right: 1em;
    word-break: break-all;
}

table.table-key-multivalue td.key-total {
    white-space: nowrap;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    background-color: rgba(0, 0, 0, 0.06);
    padding-left: 1em;
    padding-right: 1em;
}

table.table-key-multivalue td.value-total {
    padding-left: 1em;
    padding-right: 1em;
    word-break: break-all;
    background-color: rgba(0, 0, 0, 0.06);
}

table.table-key-value td.key,
div.table-key-value div.key {
    /*white-space: nowrap;*/
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}

#product-channel-tabs table.table-key-value td.key,
#product-channel-tabs div.table-key-value div.key {
    /*white-space: nowrap;*/
    word-break: break-all;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}

table.table-key-value td.value,
div.table-key-value div.value {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    word-break: break-all;
}

div.table-key-value div.key,
div.table-key-value div.value {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding: 0.3em 1em;
    word-break: break-all;
}

div.table-key-value div.key-schedule {
    background: white !important;
    text-align: right !important;
}

.row.attribute-schedule,
.schedule-attributes {
    margin-bottom: 1em;
}

.schedule-attributes li {
    margin-bottom: 0.2em;
}

.schedule-attributes .schedule-date {
    margin: auto 0.6em;
}

span.schedule-value {
    display: block;
}

div.table-key-value div.key-schedule {
    background: white !important;
    text-align: right !important;
}

.row.attribute-schedule,
.schedule-attributes {
    margin-bottom: 1em;
}

.schedule-attributes li {
    margin-bottom: 0.2em;
}

.schedule-attributes .schedule-date {
    margin: auto 0.6em;
}

span.schedule-value {
    display: block;
}

table.table-key-value td.value {
    width: 100%;
}

table.table-key-value td.key,
div.table-key-value div.key {
    background-color: rgba(0, 0, 0, 0.03);
    padding-left: 1em;
    padding-right: 1em;
}

table.table-key-value tr.with-errors > td.value,
div.table-key-value div.with-errors > div.value {
    background-color: #f2dede !important;
}

table.table-key-value tr.with-warnings > td.value,
div.table-key-value div.with-warnings > div.value {
    background-color: #fcf8e3 !important;
}

table.table-key-value tr.with-errors div.field-errors ul,
table.table-key-value tr.with-warnings div.field-errors ul,
div.table-key-value div.with-errors div.field-errors ul,
div.table-key-value div.with-warnings div.field-errors ul {
    font-size: 10px !important;
    padding-left: 2em;
}

table.table-key-value tr.with-errors div.field-errors:first-child ul,
div.table-key-value div.with-errors > div.field-errors:first-child ul,
table.table-key-value tr.with-warnings div.field-errors:first-child ul,
div.table-key-value div.with-warnings > div.field-errors:first-child ul {
    margin-top: 0.5em !important;
}

table.table-key-value td.value h2,
div.table-key-value div.value h2 {
    font-size: 1.25em;
}

table.table-key-value td.value h3,
div.table-key-value div.value h3 {
    font-size: 1.2em;
}

table.table-key-value td.value h4,
div.table-key-value div.value h4 {
    font-size: 1.15em;
}

table.table-key-value td.value h5,
div.table-key-value div.value h5 {
    font-size: 1.1em;
}

table.table-key-value td.value h6,
div.table-key-value div.value h6 {
    font-size: 1.05em;
}

table.table-key-value td.key > .edited,
div.table-key-value div.key > .edited {
    font-size: 0.6em;
    margin-left: 0.3rem;
    font-style: italic;
}

table.table-key-value td.key > .flag,
div.table-key-value div.key > .flag {
    margin-right: 0.3rem;
}

table.table-key-value .row.disabled,
div.table-key-value .row.disabled {
    /*display: none !important;*/
}

table.table-key-value .row.disabled > div,
div.table-key-value .row.disabled > div {
    background: none !important;
}

.container-row-key-value {
    margin-top: 1rem !important;
}

.container-row-key-value-title {
    margin-bottom: 0.6rem;
    display: block;
    font-weight: bolder;
}

.product-channel-prices-container .price-tax-incl,
.product-channel-prices-container .price-tax-excl,
.product-channel-prices-container .old-price-tax-incl,
.product-channel-prices-container .old-price-tax-excl {
    margin-left: 1rem;
}

.product-channel-prices-container .price-tax-excl,
.product-channel-prices-container .old-price-tax-excl {
    font-size: 1.4rem;
}

.product-channel-prices-container .price-tax-incl .price {
    font-size: 2.5rem;
    font-weight: 600;
    color: #ff5722;
}

.product-channel-prices-container .old-price-tax-incl .price {
    font-size: 2rem;
    text-decoration: line-through;
}

.product-channel-prices-container .price-tax-incl .label-short-tax,
.product-channel-prices-container .old-price-tax-incl .label-short-tax {
    font-size: 1.3rem;
    margin-left: 0.8rem;
}

.product-channel-prices-container .price-tax-incl,
.product-channel-prices-container .price-tax-excl,
.product-channel-prices-container .old-price-tax-incl,
.product-channel-prices-container .old-price-tax-excl {
    display: inline-block;
}

#product-channel-update-form label {
    word-break: break-all;
}

#product-channel-update-form legend > i.fa,
.container-row-key-value-title > i.fa {
    margin: 0 1rem;
}

#product-channel-update-form label > .flag {
    margin-left: 0.3rem;
}

.container-row-key-value .container-row-key-value .container-row-key-value {
    margin-left: 1rem;
}

.select-code {
    margin-left: 0.4em;
    margin-right: 0.1em;
    opacity: 0.6;
}

.has-success > label {
    color: inherit !important;
    font-weight: inherit !important;
}

/* Tabs
--------------------------------------------------*/
.nav-tabs li.active a,
.nav-tabs li.active a:active,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:visited {
    background: rgb(247, 247, 247);
}

.tab-content-title {
    font-size: 1.2em;
}

/* Products
-------------------------------------------------- */
img.img-product {
    min-width: 40px;
}

#product-table-container tr.discontinued {
    background-color: #f2dede30;
}

#product-info .media-container {
    padding: 10px;
    margin-bottom: 10px;
}

#product-info .breadcrumb {
    padding: 0;
    font-size: 0.8em;
}

#product-info .title {
    margin: 0.8em 0 0 0;
}

.block {
    margin-top: 1em;
}

.product-stock {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 0.2em;
}

/** headings size relative to product scope section */
#product-descriptions + .tab-content h1 {
    font-size: 1.3em !important;
}

#product-descriptions + .tab-content h2 {
    font-size: 1.2em !important;
}

#product-descriptions + .tab-content h3 {
    font-size: 1.1em !important;
}

#product-descriptions + .tab-content h4 {
    font-size: 1em !important;
}

#product-descriptions + .tab-content h5 {
    font-size: 1em !important;
}

#product-descriptions + .tab-content h6 {
    font-size: 1em !important;
}

#product-videos-container,
#product-documents-container {
    padding-bottom: 30px;
    overflow: hidden;
}

#product-videos-container .video-container,
#product-documents-container .document {
    padding: 0.3em 0;
    margin-bottom: 0.3em;
}

#product-videos-container .video-container:not(:last-child),
#product-documents-container .row:not(:last-child) .document {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

#product-videos-container .video {
    border: 1px solid rgba(0, 0, 0, 0.07);
    margin: 0.3em;
    background-size: cover;
}

#product-videos-container .video > img {
    margin: 0 auto;
}

#product-videos-container .video span.play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-left: -26px;
    margin-top: -26px;
    font-size: 5em;
    color: red;
    background: white;
}

#product-videos-container span.title,
#product-documents-container span.title {
    color: #4d627b;
    display: block;
    font-weight: 600;
}

#product-videos-container p.description,
#product-documents-container p.description {
    font-size: 0.9em;
    margin-top: 0.3em;
}

#product-documents-container .document {
    padding: 0.3em 0.3em 1em 85px;
    min-height: 85px;
}

#product-documents-container .document > a {
    font-size: 5em;
    position: absolute;
    left: 20px;
    top: -10px;
}

#product-videos-container div.languages,
#product-documents-container div.languages {
    width: 100%;
    padding: 3px;
}

#product-videos-container span.lang,
#product-documents-container span.lang,
span.media-lang {
    display: block;
    padding: 5px;
    width: 32px;
    background: white;
    text-align: center;
    border: 1px solid #ddd;
    margin: 3px;
    line-height: 10px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
}

.media-player-slider-items span.media-lang {
    position: absolute;
    top: -6px;
    left: -6px;
}

.section {
    margin-bottom: 20px;
}

.estimated-value,
.value-not-set,
.key-not-set {
    font-size: 0.8em;
    font-style: italic;
}

.estimated-value {
    margin-left: 1em;
}

.value-not-set,
.key-not-set {
    text-align: center;
}

.key-not-set {
    width: 33%;
}

.icon-text-mar-rgt {
    margin-right: 0.3em;
}

.no-media-content {
    color: rgba(237, 237, 237, 0.8);
}

.no-media-content .fa-camera {
    color: rgb(222, 222, 222);
}

.deleted {
    text-decoration: line-through;
}

.input-group-addon > label {
    margin-bottom: 0;
}

.input-group-addon > label > input {
    margin-right: 0.3em;
}

.tinymce-form-group {
    margin: 6px -6px;
}

.tinymce-form-group textarea {
    visibility: hidden;
}

#page-content .mce-tinymce.mce-panel {
    border: 1px solid #f1f1f1 !important;
}

#page-content .mce-tinymce {
    box-shadow: none !important;
}

.tooltip-inner {
    max-width: 100%;
}

label .tooltip-inner {
    min-width: 200px;
    text-align: center !important;
}

.dot {
    display: inline-block;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    margin: 5px 0 0 0;
}

.dot.dot-sm {
    height: 7px;
    width: 7px;
}

.dot.dot-lg {
    height: 20px;
    width: 20px;
}

.d-inline {
    display: inline;
}

#mainnav-menu ul a, .menu-popover .sub-menu ul a {
    padding-left: 30px;
}

#mainnav-menu ul > li > a > .badge {
    position: absolute;
    right: 10px;
}

#container.mainnav-sm #mainnav-container .badge-resume {
    display: none;
}

#product-channel-tabs-container .tab-content {
    padding: 0 !important;
}

#panel-product-channels #product-channel-table .pager-top,
#panel-buyer-related #order-table .pager-top,
#panel-model-log #model_log-table .pager-top,
#panel-blocked-inventory #blocked-inventory-table .pager-top,
#panel-sales #sales-table .pager-top,
#panel-returns #returns-table .pager-top,
#panel-interaction #interaction-table .pager-top,
#panel-profit #profit-table .pager-top {
    display: none !important;
}

#panel-product-channels #product-channel-table .pager-bottom ul.pagination,
#panel-buyer-related #order-table .pager-bottom ul.pagination,
#panel-model-log #model_log-table .pager-bottom ul.pagination,
#panel-blocked-inventory #blocked-inventory-table .pager-bottom ul.pagination,
#panel-sales #sales-table .pager-bottom ul.pagination,
#panel-returns #returns-table .pager-bottom ul.pagination,
#panel-interaction #interaction-table .pager-bottom ul.pagination,
#panel-profit #profit-table .pager-bottom ul.pagination {
    margin-top: 0;
    margin-bottom: 0;
}

.product-pack #product-pack-table .pager-top,
.product-pack #product-pack-table .pager-bottom ul.pagination,
.product-pack #product-pack-table thead {
    display: none !important;
}

.tab-pane > p {
    margin-top: 1em;
}

.tab-pane > .table {
    margin-bottom: 0 !important;
}

.nav-tabs li a.has-error,
.nav-tabs li a.has-remote-error {
    background-color: #f2dede !important;
}

.nav-tabs li.active a.has-error,
.nav-tabs li.active a.has-remote-error {
    background-color: #ecc3c3 !important;
}

.nav-tabs li a.has-warning,
.nav-tabs li a.has-remote-warning {
    background-color: #fcf8e3 !important;
}

.nav-tabs li.active a.has-warning,
.nav-tabs li.active a.has-remote-warning {
    background-color: #fff3b6 !important;
}

#product-update-tabs-tab3,
#product-update-tabs-tab4,
#product-variations-container > div.tab-content,
#product-attributes-container > div.tab-content {
    margin: -10px;
}

#table-attrs .input-group,
#table-variation .input-group {
    margin-bottom: 0.2em !important;
}

#table-attrs .input-group-addon.language,
#table-variation .input-group-addon.language {
    min-width: 90px;
}

.vertical-align {
    vertical-align: middle !important;
}

#product-update-form .checkbox.not-enclosed,
#product-update-form .radio.not-enclosed,
#user-update-form .checkbox.not-enclosed,
#user-update-form .radio.not-enclosed {
    padding-left: 0;
}

#media-file-upload-btn .btn-file {
    float: right;
    top: -35px;
}

.media-file-upload .file-preview {
    border: none !important;
    padding: 0;
}

.media-file-upload .file-preview .preview-info {

}

.media-file-upload.documents .file-preview .preview-info {

}

.media-file-upload .file-preview .preview-info > .dimensions {
    margin-bottom: 6px;
}

.media-file-upload .file-drop-zone {
    border: none !important;
    padding: 0;
    margin: 0;
}

.media-file-upload .file-preview-frame {
    box-shadow: none !important;
    width: 280px;
    /*height: 220px;*/
    margin: 4px;
}

.media-file-upload.documents .file-preview-frame {
    width: 280px;
    /*height: 274px;*/
}

.krajee-default .file-thumb-progress {
    background: #ffffffc7;
    height: 100%;
    position: absolute;
    top: 0;
}

.media-file-upload textarea {
    resize: none;
}

.krajee-default .file-thumb-progress .progress {
    width: 90%;
    margin: 50% auto 0;
}

.file-preview-status {
    display: none;
}

.video-link {
    width: 280px;
    float: left;
    margin: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 6px;
}

.video-link input[type=text],
.video-link textarea,
.media-file-upload textarea {
    margin-top: 6px;
}

.video-link textarea,
.media-file-upload textarea {
    height: 8em;
}

.media-file-upload .krajee-default.file-preview-frame .kv-file-content,
.media-file-upload .file-drag-handle {
    width: 100%;
    margin: 0 auto;
}

.media-file-upload.documents .file-drag-handle {
    position: absolute;
    left: 0;
}

.media-file-upload .file-thumbnail-actions {
}

@media (max-width: 767px) {
    .file-preview-thumbnails {
        display: block;
    }
}

.media-file-upload .file-actions button.kv-file-remove,
.remove-video-link {
    font-size: 1.4em;
    background: red;
    color: white;
    z-index: 10;
}

.media-file-upload .file-actions a.kv-file-download {
    width: auto;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.4em;
    z-index: 10;
}

.media-file-upload .krajee-default .file-footer-buttons {
}

.media-file-upload .file-actions button.kv-file-remove {
    width: auto;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.media-file-upload .file-actions button.kv-file-zoom,
.media-file-upload .remove-video-link {
    font-size: 1.4em;
    z-index: 10;
}

.media-file-upload .file-actions button.kv-file-zoom {
    width: auto;
    padding: 5px 10px;
    position: absolute;
    top: -7px;
    left: -7px;
    display: none;
}

.media-file-upload .remove-video-link {
    position: absolute;
    top: 0;
    right: 0;
}

.media-file-upload .file-drag-handle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #ffffff;
    float: none;
    opacity: 0;
    height: 180px;
}

.media-file-upload .file-drag-handle:hover {
    opacity: 0.4;
}

.media-file-upload .file-drag-handle > i {
    display: none;
}

.media-file-upload .btn-file,
.media-file-upload .file-drop-zone-title {
    display: none;
}

.media-file-upload .kv-preview-thumb:not(.file-preview-error) .form-control {
    border-color: rgba(0, 0, 0, 0.07) !important;
}

.media-file-upload .kv-fileinput-error > ul {
    list-style: none;
}

.media-file-upload .preview-info {
    background: white;
}

.media-file-upload button.add-media {
    margin-left: 1em;
}

#product-media-youtube .fa-youtube-play {
    font-size: 4em;
    position: relative;
    top: 40px;
    z-index: 100;
}

#product-media-youtube .file-drag-handle {
    height: 130px;
}

.media-file-upload .file-preview-frame .custom-open-file {
    border: 1px solid;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    padding: 5px 10px;
    font-size: 1.4em;
}

.media-file-upload iframe button.ytp-button {
    position: absolute;
    top: 0;
    left: 0;
}

.media-file-upload .file-preview-image {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.form-group-type-product.auto-translatable-label > label {
    padding-top: 0;
    margin-bottom: 0;
}

.form-group-type-media.auto-translatable-label > .input-group-addon {
    padding: 0;
}

.form-group-type-media:not(.auto-translatable-label) > .input-group-addon {
    padding-left: 15px;
}

.btn-translatable-type-media > button {
    border: 0;
}

#form-changed-alert-message {
    padding-right: 250px;
}

#form-changed-alert-actions {
    float: right;
    margin-right: -14px;
    margin-top: -7px;
}

.alert-success {
    background-color: #dff0d8 !important;
    color: #3c763d !important;
}

.alert-info {
    background-color: #d9edf7 !important;
    color: #31708f !important;
}

.alert-warning {
    background-color: #fcf8e3 !important;
    color: #8a6d3b !important;
}

.alert-danger {
    background-color: #f2dede !important;
    color: #a94442 !important;
}

.background-danger {
    background-color: #f2dede !important;
}

.text-danger {
    color: #a94442 !important;
}

.alert-success .close, .alert-success .alert-link {
    color: #3c763d !important;
}

.alert-info .close, .alert-info .alert-link {
    color: #31708f !important;
}

.alert-warning .close, .alert-warning .alert-link {
    color: #8a6d3b !important;
}

.alert-danger .close, .alert-danger .alert-link {
    color: #a94442 !important;
}

.panel-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}

.panel-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

.panel-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}

.panel-info {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}

.kv-expand-icon-cell:hover, .kv-expand-icon-cell:focus {
    background-color: #eee !important;
}

.lang-selector {
    width: fit-content !important;
    margin-left: auto;
    margin-bottom: 0.5em;
}

.translation-lang-selector .select2-container {
    min-width: 280px !important;
}

.tabs-x.tabs-left .tab-content > .active,
.tabs-x.tabs-left .pill-content > .active {
    display: inline-block;
    width: 100%;
}

img.flag {
    width: 24px;
    margin: -12px 0 -10px 0;
}

#select2-lang-selector-container img.flag,
#select2-lang-selector-results img.flag {
    margin-right: 0.5em;
}

.max-raw-column-width {
    max-width: 400px;
    overflow-wrap: break-word;
    white-space: normal !important;
}

.pretty-diff span,
.pretty-diff del,
.pretty-diff ins {
    display: inline;
    word-wrap: break-word;
    text-decoration: initial;
}

.scroll-top.in {
    z-index: 1000000;
}

.btn-top-right {
    position: absolute;
    top: 10px;
    right: 10px;
}

.media-lang-selector {
    margin-bottom: 6px;
}

.visibility-selector {
    margin-top: 0.6em;
}

.visibility-selector label {
    padding: 0.2em;
}

.visibility-selector label {
    opacity: 0.3;
}

.visibility-selector label.active {
    opacity: 1;
    box-shadow: none !important;
    background: #d9edf7;
}

.visibility-selector label > span {
    opacity: 0;
}

.visibility-selector label.active > span {
    opacity: 1;
}

.translation-form-group {
    margin-bottom: 1.4em;
}

.translation-form-group .help-block {
    display: none;
}

.translation-field {
    position: relative;
    top: -1em;
}

.form-group.no-label label {
    display: none;
}

.form-group.full-width > div {
    width: 100% !important;
}

.form-group.no-help-block .help-block {
    display: none;
}

.input-group-addon + textarea {
    margin-top: 0;
}

.tox-silver-sink {
    z-index: 10000 !important; /* TinyMce modal code */
}

.tox .tox-tbtn--select {
    width: 80px !important;
}

.tox .tox-button {
    font-size: 13px !important;
}

.hint-block {
    font-size: 0.8em;
}

.hint-block-title {
    display: none;
}

.hint-block-value {
    display: inline-block;
    margin-top: 0.4em;
}

.hint-block-value h1,
.hint-block-value h2,
.hint-block-value h3,
.hint-block-value h4,
.hint-block-value h5,
.hint-block-value h6 {
    margin-top: 0.9em;
    font-size: 0.9em;
}

.hint-block-text-area .hint-block-title,
.hint-block-text-area .hint-block-value {
    display: block;
}

.overwritten-toggle {
    text-align: left;
    cursor: pointer;
    margin-top: 4px;
}

a.overwritten-popover {
    margin-left: 0.6em;
    position: relative;
    top: 2px;

}

.btn-link,
.btn-transparent {
    border: 0 !important;
    background-color: transparent !important;
    color: #4d627b;
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus {
    color: #7a878e;
}

/* Youtube */
.video-youtube {
    text-align: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
}

.video-youtube .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-left: -18px;
    margin-top: -18px;
    font-size: 5em;
    color: red;
    background: white;
}

.video-youtube .play-button > i {
    margin: -1em;
    position: relative;
    top: -35px;
}

.video-youtube .play-button:hover {
    cursor: pointer;
}

img.youtube {
    margin: 0 auto;
}

/** Media **/
.sortable.grid {
    border: none;
}

.sortable li {
    border: 0;
    padding: 0;
}

.sortable li.sortable-placeholder {
    background: #e1edf7;
}

.sortable li.disabled {
    background: whitesmoke;
}

.sortable li[draggable="false"] {
    cursor: default !important;
}

.media-item {
    padding: 8px;
    border: 1px solid #ddd;
}

.media-item .img-responsive {
    max-height: 100%;
}

.media-item textarea {
    resize: none;
}

.media-item .form-group {
    margin: 0;
}

.media-item .select2-selection__rendered {
    font-size: 13px;
}

.media-item div:first-child,
.media-item .col-sm-6 div:first-child {
    margin-top: 0;
}

.media-item div:last-child,
.media-item .col-sm-6 div:last-child {
    margin-bottom: 0;
}

.media-actions,
.media-details {
    margin: 10px 0;
}

.media-info {
    text-align: left !important;
}

.media-info > div {
    margin: 5px 0;
}

.media-details,
.media-errors {
    text-align: center;
}

.media-actions {
    z-index: 10;
    position: relative;
    margin: -9px !important;
    text-align: right;
    height: 36px;
}

.media-actions .cbx-container .cbx {
    background: white;
}

.media-content {
    margin: -2em auto 0;
}

.media-details {
    height: 1.6em;
    overflow: hidden;
}

.media-lang-label {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #ddd;
    margin: 0.1em;
    padding: 0.2em 0.6em;
    display: inline-block;
}

#page-update-product-channel .media-details {
    height: 62px;
}

#page-update-product-channel .languages {
    height: 46px;
    overflow-y: auto;
}

#page-update-product-channel .media-lang-label {
    margin: 0.1em;
}

#page-update-product-channel legend {
    margin-bottom: 2rem;
    color: #4d627b;
    font-size: 1.4rem;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 5px;
    width: 100%;
}

#page-update-product-channel fieldset {
    margin: 0 0 2em;
    padding: 0;
    border: 0;
}

#page-update-product-channel .section-tab-title,
#config-general-form .section-tab-title {
    font-size: 1.2em;
}

#page-update-product-channel .section-tab-title small,
#config-general-form .section-tab-title small {
    font-size: 13px;
    font-weight: 300;
}

#media-sort-images .media-content,
#media-translate-images .media-content {
    width: 160px;
    height: 160px;
}

#media-sort-images > li {
    width: 280px;
    height: 278px;

}

#media-translate-images > li {
    width: 280px;
}

#media-sort-videos .media-content,
#media-translate-videos .media-content {
    width: 260px;
}

#media-sort-videos > li {
    width: 280px;
    height: 338px;
}

#media-translate-videos > li {
    width: 280px;
}

#media-sort-documents .media-content,
#media-translate-documents .media-content {
    width: 160px;
    height: 110px;
}

#media-sort-documents .media-content .document-icon,
#media-translate-documents .media-content .document-icon {
    font-size: 6em;
    padding: 30px 30px 0;
}

#media-sort-documents > li {
    width: 280px;
    height: 301px;
}

#media-translate-documents > li {
    width: 280px;
}

#media-translate-documents .list-inline-item,
#media-translate-videos .list-inline-item,
#media-translate-images .list-inline-item {
    margin: 4px;
    padding: 0;
}

#page-update-product-channel #media-sort-images > li {
    height: 314px;
}

#page-update-product-channel #media-sort-videos > li {
    height: 374px;
}

#page-update-product-channel #media-sort-documents > li {
    height: 338px;
}

input:read-only {
    cursor: not-allowed;
}

.media-item .lang-selector {
    width: 100% !important;
}

.media-item .lang-selector .select2-container .select2-selection {
    height: 66px;
    overflow-y: scroll;
}

.media-item .channel-selector .select2-container .select2-selection {
    height: 5em;
    overflow-y: scroll;
}

.media-item .tags-selector .select2-container .select2-selection {
    height: 5em;
    overflow-y: scroll;
}

.media-tags {
    margin-bottom: 1rem;
}

.media-tag-group {
    display: inline-flex;
    font-size: 0.9em;
}

.media-tags .media-tag-group-label {
    font-weight: 600;
    margin-right: 4px;
}

.media-tags .media-tag-label {
    color: #7a878e !important;
    padding: 0 2px;
    margin-right: 4px;
    display: inline-block;
    white-space: nowrap;
}

.select2-results__option i.select2-option-group {
    display: none;
}

.media-item li.select2-selection__choice,
.media-item li.select2-search--inline {
    min-height: fit-content !important;
    min-width: fit-content !important;
}

.media-item li.select2-search--inline,
.media-item .select2-search--inline .select2-search__field {
    min-width: 100% !important;
}

.media-item li.select2-selection__choice {
    font-size: 0.8em;
}

.media-item .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: white;
}

#product-channel-update-form ul.help-block-remote {
    list-style: none;
    padding-left: 0;
}

#product-channel-update-form .help-block-remote {
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
}

#product-channel-update-form .help-block-error {
    color: #f55a4e;
    font-weight: 700;
}

#product-channel-update-form .help-block-warning {
    color: #db9a00;
    font-weight: 700;
}

#product-channel-update-form .help-block-warning > li > small,
#product-channel-update-form .help-block-error > li > small {
    font-weight: initial;
}

#product-update-form #media-sort-images > li {
    height: 470px;
}

#product-update-form #media-sort-videos > li {
    height: 533px;
}

#product-update-form #media-sort-documents > li {
    height: 496px;
}

form#product-update-translation-form .help-block {
    display: none;
}

.inline-block-actions {
    display: inline-block;
    margin-bottom: -0.5em;
}

.inline-block-actions .inline-action {
    float: left;
}

.inline-action {
    margin-left: 0.6em;
}

select[readonly][data-krajee-select2] + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly][data-krajee-select2] + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly][data-krajee-select2] + .select2-container .select2-selection__arrow,
select[readonly][data-krajee-select2] + .select2-container .select2-selection__clear {
    display: none;
}

.field-avatar .file-preview-frame {
    overflow: hidden;
}

.multiple-package {
    margin-bottom: 0.5em;
}

.multiple-package .multiple-package-header {
    font-weight: normal;
}

button[data-panel="highlight"][aria-expanded="true"] {
    background-color: #ededed !important;
    border-color: rgba(0, 0, 0, 0.07) !important;
    color: #7a878e !important;
}

.chart {
    margin: 0 0 2em;
    border: 1px solid #ededed;
    min-height: 428px;
    height: 428px;
    border-radius: 4px;
    padding: 1em;
}

.chart-filter {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 2px;
}

.chart > p {
    text-align: center;
    margin: 0;
}

.text-hidden {
    visibility: hidden;
}

.font {
    font-weight: lighter;
}

.tools {
    margin-bottom: 5px;
    text-align: right;
}

.tools > .tool {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 2px;
}

td.simulator-product-link {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
    min-height: 33px;
    margin-bottom: 0;
}

.interaction-excerpt {
    margin-bottom: 0;
}

.interaction-excerpt .interaction-excerpt-title {
    font-weight: lighter;
}

.interaction-table div.panel {
    margin-bottom: 0;
}

.interaction-template-content {
    margin: 1em 1em;
}

div#interaction-template-container-content > div > div.col-sm-3 {
    width: 26%;
}

.simulator-add-product-container {
    margin-top: 30px;
}

.simulator-item-row {
    margin: 10px -10px;
}

#header-row-list {
    margin: 0 0 15px 0;
}

#header-row-list > div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    background: #f9f9f9;
    padding: 8px;
    line-height: 1.42857143;
    margin-bottom: 0;
}

#header-row-list > div > label {
    margin-bottom: 0;
    font-size: 1.05em;
    font-weight: 600;
    color: #4d627b;
}

.table-header .btn {
    border: 0;
    float: right;
    box-shadow: none !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
}

.table-header .btn-default {
    background-color: transparent;
    color: inherit;
}

#orders-panel small, #rmas-panel small {
    font-size: 0.7em;
}

.chart-filter-channel-group {
    min-width: 130px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
}

.chart-filter-button {
    position: absolute;
    right: 50px;
    top: 24px;
    z-index: 1;
    text-align: right;
}

.filter-group-container {
    min-width: 270px;
    background: #fff;
    padding: 0;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    z-index: 10000;
    right: 0;
}

.filter-button {
    text-align: right;
    position: relative;
}

.filter-button > button {
    color: #555555;
    padding: 6px 9px;
}

.filter-button > button > i {
    color: #555555;
    font-size: 15px;
}

.channel-group-checkbox {
    margin-top: 10px;
    text-align: left;
}

.subfilter-group-container {
    text-align: left;
    min-width: 200px;
    max-width: 550px;
    background: #fff;
    padding: 0;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 9px 7px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 23px;
}

.subfilter-group-container > div.panel-body, .subfilter-group-container > div.panel-footer {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.02);
}

.panel-body > .subfilter-group-container {
    right: 62px;
    top: 44px;
}

.btn-second-dropbox {
    float: right;
    margin-top: -5px;
}

.btn-reload-panel {
    float: none;
    cursor: hand;
    cursor: pointer;
}

.refresh-buttons-container {
    width: 100%;
    text-align: right;
}

li.select2-results__option > ul.select2-results__options--nested {
    margin-left: 15px;
}

.select2-results__group {
    font-size: 13px !important;
}

.select2-selection--single .select2-selection__rendered {
    padding-right: 10px !important;
}

.select2-selection--single .select2-selection__clear {
    right: -20px;
    top: -1px;
}

.sortable-media-items .select2-selection--multiple .select2-selection__clear {
    margin: 3px !important;
    position: absolute;
    right: 20px;
}

div.filter-button .select2-selection--multiple .select2-selection__clear {
    margin-right: 0;
}

div.filter-button .select2-container--bootstrap .select2-selection {
    padding-right: 5px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: none;
}

div.filter-button .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
    padding-top: 5px;
    margin-top: 0;
    margin-right: -15px;
    padding-bottom: 0;
}

div.filter-button .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    padding-right: 15px;
}

div.filter-button .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered input.select2-search__field {
    width: auto !important;
}

div.filter-button .select2-selection--multiple {
    padding: 0 15px 0 5px;
}

.graph-select-filter {
    min-width: 130px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ededed;
}

.graph-select-filter .select2-container {
    text-align: left;
}

.btn-filter-graph {
    padding: 0 6px !important;
    border: 0;
    color: #666666;
    font-size: 1.15em;
}

.btn-filter-graph i {
    color: #666;
}

.btn-filter-graph-pressed {
    background-color: #ededed !important;
}

table.inventories > tfoot {
    border-top: 2px solid #ddd;
}

table.inventories > tfoot > tr {
    /*background-color: rgba(0, 0, 0, 0.03) !important;*/
}

table.inventories > tfoot > tr > td {
    border-width: 1px !important;
}

.relative {
    position: relative;
}

.profit-table-sumProfit-steps,
.profit-table-avgProfit-steps,
.profit-table-avgMargin-steps,
.profit-table-avgMarkup-steps,
.profit-table-avgCp-steps {
    display: none;
}

tbody .profit-table-sumProfit-steps p,
tbody .profit-table-avgProfit-steps p,
tbody .profit-table-avgMargin-steps p,
tbody .profit-table-avgMarkup-steps p,
tbody .profit-table-avgCp-steps p {
    white-space: nowrap;
    margin-bottom: 0;
    cursor: pointer;
}

button#show-profit-steps,
button#hide-profit-steps {
    margin-bottom: 5px;
}

#product-descriptions-container section h1 {
    font-size: 17px;
}

#product-descriptions-container section h2 {
    font-size: 16px;
}

#product-descriptions-container section h3 {
    font-size: 15px;
}

#product-descriptions-container section h4 {
    font-size: 14px;
}

#product-descriptions-container section h5 {
    font-size: 13px;
}

.section-tab-title {
    font-size: 1.8em;
    margin: 0 0 1.4em 0.2em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.4em;
}

#channel-tabs-container > div.tab-content {
    padding: 0 0 10px 0;
}

#channel-tabs-container > div.tab-content button.custom-grid-view-refresh-table {
    margin-left: 0;
}

#channel-tabs-container div.custom-grid-view-tools, #channel-tabs-container div.pagination-hidden {
    display: none;
}

.gridview-group-beforeheader {
    border-bottom: 1px solid #ddd !important;
    text-align: center;
}

.gridview-beforeheader-border-left {
    border-left: 1px solid #ddd !important;
}

.text-no-wrap {
    white-space: nowrap;
}

table.kv-grid-table div.empty {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#tab-orders-rma-filter span.select2-container--bootstrap span.select2-selection--single {
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
    padding-right: 30px !important;
    height: 33px !important;
    border-radius: 3px !important;
}

.table-overflow-y {
    overflow-y: auto;
    border: 0;
}

#report-custom-range-container {
    display: inline-block;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.highcharts-menu {
    border: 1px solid #ededed !important;
    box-shadow: none !important;
}

.highcharts-menu-item {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.highcharts-menu-item:hover {
    background-color: #337ab7 !important;
    color: #fff !important;
}

.filter-group-container .select2-container .select2-search--inline {
    width: auto !important;
    display: inline-block;
}

.widget-panel-arrow {
    margin-top: 1px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.widget-panel-arrow .text-danger {
    color: #ffaeae !important;
}

.widget-panel-arrow .text-success {
    color: #ccff7c !important;
}

.widget-panel-arrow span {
    font-size: 0.9em;
    display: block;
    margin-top: 2px;
}

#profits-panel .panel-body {
    padding: 10px 20px 40px;
    position: relative;
}

div.panel .panel-body > button.btn-filter-graph, #profits-panel .panel-body > button.btn-filter-graph {
    float: right;
    margin-right: 0;
    margin-top: -5px;
}

.tr-no-clickable {
    cursor: default !important;
}

.icon-refresh-panel, .icon-profit-panel {
    position: absolute;
    top: 5px;
    right: 15px;
    padding: 5px 10px;
    color: white;
}

.icon-profit-panel {
    right: 40px;
}

#panel-profit-filter-container {
    margin-right: 15px;
    margin-top: 17px;
}

#panel-profit-button {
    float: right;
    margin-right: 0;
    margin-top: -5px;
}

.panel-profit-body {
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#navbar {
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 9999;
}

.modal {
    z-index: 99999;
}

.select2-container--bootstrap.select2-container--open {
    z-index: 100000;
}

.daterangepicker.dropdown-menu {
    z-index: 10000 !important;
}

/*
Dashboard
 */
#dashboard-panel-widget .panel-primary .panel-body {
    padding: 10px 10px 40px;
}

div.table-resume > div.table-header {
    border: 1px solid #f2f2f2;
    background-color: #ecebeb;
}

#product-list-container .panel > .panel-heading > .panel-title {
    cursor: pointer !important;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: auto;
    max-height: 40px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: auto;
    white-space: inherit;
    font-weight: bold;
    text-transform: uppercase;
}

.product-list-global-container {
    min-height: 700px;
}

div.dashboard div.panel {
    background-color: #fff;
}

div.dashboard div.panel > div.panel-body {
}

div.gauge-chart-container {
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 1em;
    position: relative;
}

div.gauge-chart-container > div.chart {
    min-height: 200px;
    height: 200px;
    border: 0;
    margin: 0;
    padding: 0;
}

div.gauge-chart-container > div.gauge-info {
    position: absolute;
    bottom: 40px;
}

div.gauge-chart-container > div.chart text.highcharts-credits {
    display: none;
}

.channel-group-body {
    padding: 15px !important;
}

div.menu-dashboard span.select2-selection {
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: none;
}

div.menu-dashboard > div.page-fixedbar-content {
    padding-bottom: 0 !important;
}

div.menu-dashboard div.time-picker div.bootstrap-timepicker > input {
    z-index: 1;
    margin-left: 30px;
    position: absolute;
    width: 64px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

div.menu-dashboard div.time-picker div.bootstrap-timepicker > span.input-group-addon.picker {
    position: absolute;
    z-index: 10;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    height: 33px;
    padding-top: 9px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0 !important;
    border-right: 0;
}

div.menu-dashboard div.bootstrap-timepicker > span.input-group-addon.picker {
    min-width: 30px;
}

div.menu-dashboard div.time-picker div.bootstrap-timepicker-widget.dropdown-menu {
    margin-top: 10px;
    left: 0;
    min-width: 120px;
    width: 120px;
}

div.menu-dashboard div.time-picker.to-time-picker div.bootstrap-timepicker-widget.dropdown-menu {
    left: -25px;
}

div.menu-dashboard div.time-picker.to-time-picker div.bootstrap-timepicker-widget.dropdown-menu::before {
    left: 33px;
}

div.menu-dashboard div.time-picker.to-time-picker div.bootstrap-timepicker-widget.dropdown-menu::after {
    left: 33px;
}

div.menu-dashboard div.time-picker div.bootstrap-timepicker-widget.dropdown-menu::before {
    left: 10px;
}

div.menu-dashboard div.time-picker div.bootstrap-timepicker-widget.dropdown-menu::after {
    left: 10px;
}

div.menu-dashboard div.time-picker > div.bootstrap-timepicker {
    min-height: 33px;
}

div.gauges > .gauge.first {
    padding-left: 0 !important;
}

div.gauges > .gauge.last {
    padding-right: 0;
}

div.menu-dashboard div.datepicker td.disabled.day {
    color: #dadada !important;
}

div.menu-dashboard > .page-fixedbar-content > .nano {
    border-width: 0 1px 0 0;
}

.gauge-chart-container {
    min-height: 311px;
}

div#dashboard-container.dashboardnav-collapsed {
    width: 0;
}

div#dashboard-container.dashboardnav-expanded {
    width: 240px;
}

div#dashboard-container div.nano.has-scrollbar div#dashboard-container-customer {
    border-width: 0;
    border-right: 1px solid #ecf0f5 !important;
}

div#dashboard-container div.time-picker span.picker div#dashboard-container-customer {
    min-width: 30px;
}

div#dashboard-container-customer.dashboardnav-collapsed {
    width: 0;
}

div#dashboard-container-customer.dashboardnav-expanded {
    width: 240px;
}

a.dashboardnav-toggle:hover > i {
    color: #fff !important;
}

.chart-extra-height {
    height: 460px;
}

/*
 dashboard products
 */
.container-fluid.dashboard-products {
    padding: 0;
    min-height: 200px;
}

.dashboard-products .panel.panel-product {
    background: #f2f2f2;
    color: #323232;
}

.dashboard-products .panel.panel-product .resume-value {
    font-size: 1.2em;
}

.dashboard-products .panel.panel-product .resume-value .table-resume {
    font-size: 0.8em;
    margin-top: 5px;
}

.dashboard-products .panel.panel-product .table-resume {
    font-size: 0.9em;
    margin-top: 5px;
}

.dashboard-products .panel-product > .panel-heading {
    background-color: #e7e7e7;
    height: 60px;
    position: relative;
}

.dashboard-products .panel-heading h3 {
    color: #0b141e;
    font-weight: bold;
    text-transform: uppercase;
}

.dashboard-products .panel-heading ul.nav-tabs > li.active {
    color: #fff;
    font-weight: bold;
}

.dashboard-products .panel-product .panel-control .nav-tabs > .active > a {
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.7) !important;
}

.dashboard-products .chart-compact {
    height: 200px;
    min-height: 200px;
    border: 0 solid #2c2c2c;
    padding: 0;
}

.dashboard-products .resume-value {
    display: block;
}

.dashboard-products .resume-compared-value {
    font-size: 13px;
    margin-left: 0px;
    display: block;
}

.dashboard-products .resume-compared-value > span.text-compared {
    margin-left: 10px;
}

#custom-range-container .form-control,
#custom-range-compare-container .form-control {
    padding: 6px 8px;
}

#custom-range-container .form-control .range-value,
#custom-range-compare-container .form-control .range-value {
    font-size: 12px;
}

#product-list-resume i.fa {
    font-size: 22px !important;
    width: 30px;
    text-align: center;
}

#product-list-resume p.text-value {
    font-size: 20px;
}

#product-list-resume .media-body .resume-compared-value {
    margin-left: 0;
}

#product-list-resume .media-body .resume-compared-value i {
    font-size: 13px !important;
    width: auto;
    margin-right: 4px;
}

#product-list-resume .media-body .resume-compared-value p.text-compared {
    font-size: 15px;
    margin-top: 3px;
}

.text-dotted-underline {
    border-bottom: 1px #999 dotted;
}

.panel-product .panel-body .img {
    min-height: 200px;
}

.panel-product .panel-body .no-media-content {
    text-align: center;
    min-height: 200px;
}

.panel-product .panel-body .no-media-content span.fa-stack {
    font-size: 90px;
}

.img-xs, .img-75 {
    max-width: 75px;
    max-height: 75px;
}

.img-sm, .img-150 {
    max-width: 150px;
    max-height: 150px;
}

.img-md, .img-300 {
    max-width: 300px;
    max-height: 300px;
}

.img-md, .img-500 {
    max-width: 500px;
    max-height: 500px;
}

.img-lg, .img-1000 {
    max-width: 1000px;
    max-height: 1000px;
}

@media (max-width: 1400px) {
    #product-list-resume .panel .col-lg-2 {
        width: 33.33333333%;
    }
}

@media (max-width: 950px) {
    #product-list-resume .panel .col-lg-2 {
        width: 50%;
    }
}

@media (max-width: 768px) {
    div#dashboard-container div.nano.has-scrollbar div#dashboard-container-customer {
        border-right: 0 !important;
    }

    ul.navbar-top-links > li.tgl-dashboard-btn {
        left: 30px;
    }

    div#dashboard-container.dashboardnav-expanded {
        width: auto;
    }

    div#dashboard-container.dashboardnav-collapsed {
        display: none;
    }

    div#dashboard-container-customer.dashboardnav-expanded {
        width: auto;
    }

    div#dashboard-container-customer.dashboardnav-collapsed {
        display: none;
    }

    div.menu-dashboard div.page-fixedbar-content > .nano {
        border-style: none;
    }

    div.menu-dashboard div.nano-content > div.pad-all {
        padding: 0;
    }

    div.menu-dashboard .datepicker.datepicker-inline {
        width: auto;
        margin-top: 0;
    }

    div.menu-dashboard .datepicker table {
        width: -webkit-fill-available;
    }

    div.menu-dashboard > div.page-fixedbar-content {
        margin-top: 10px;
    }

    div.menu-dashboard div.time-picker.from-time-picker {
        width: 50%;
        float: left;
    }

    div.menu-dashboard div.time-picker.to-time-picker {
        width: 50%;
        float: right;
    }

    div.menu-dashboard input#from-time, div.menu-dashboard input#to-time {
        text-align: left;
        padding-left: 45px;
    }

    div.menu-dashboard div.bootstrap-timepicker > span.input-group-addon {
        min-width: 30px;
        padding: 6px 0;
    }

    div.menu-dashboard div.time-picker div.bootstrap-timepicker > input {
        width: 100%;
        margin-left: 0;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        text-align: right;
    }

    div.menu-dashboard div.time-picker div.bootstrap-timepicker > span.input-group-addon.picker {
        border-right: 1px solid rgba(0, 0, 0, 0.07);
        min-width: 34px;
    }

    div.menu-dashboard div.time-picker div.bootstrap-timepicker-widget.dropdown-menu {
        margin-top: 10px;
        left: 0;
        width: 90%;
    }

    div.menu-dashboard div.time-picker div.bootstrap-timepicker-widget.dropdown-menu::before, div.menu-dashboard div.time-picker div.bootstrap-timepicker-widget.dropdown-menu::after {
        left: 10px;
    }

    div.gauges > .gauge {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 25px;
    }

    div.gauges > .gauge.last {
        margin-bottom: 5px;
    }
}

.media-player-sm .media-player-no-content {
    font-size: 30px;
}

.framework {
    min-height: 20px;
    padding: 18px;
    border-color: #e2e8f0;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
}

.framework label {
    font-size: 15px;
}

.input-no-radius-left, .input-no-radius-left .select2-container--bootstrap .select2-selection, .input-no-radius-left input {
    border-radius: 0 4px 4px 0;
}

.input-no-radius-right, .input-no-radius-right .select2-container--bootstrap .select2-selection, .input-no-radius-right input {
    border-radius: 4px 0 0 4px;
}

#config-general-form .select2-container--bootstrap .select2-selection--single, #config-general-form input:not(.select2-search__field) {
    min-height: 34px;
}

.pad-right-none {
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .config-rol {
        margin-left: -26px;
    }
}

#app-log-table pre {
    all: unset !important;
    white-space: pre-line !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#order-validate-config-payload tbody tr td {
    border: none !important;
}

.field-ordervalidationconfig-enabled .checkbox {
    padding-left: 0;
}

#order-validation-config-update-params, #order-validation-config-create-params {
    padding: 0 !important;
}

#order-validation-config-params-buttons {
    text-align: right;
}

.field-ordervalidationconfig-enabled .col-sm-6 .checkbox {
    padding-left: 0px;
}

@media (min-width: 768px) {
    #page-content-container {
        margin: 18px 25px 0px 250px;
    }

    #page-content-customer-collapse {
        margin-left: 40px;
    }

    #customer-container {
        width: 240px;
    }

    #page-head-container, .content-for-customer > div.boxed > div#content-container > div#page-alert {
        margin-left: 240px;
    }

    .page-fixedbar #page-head, .page-fixedbar #page-content {
        margin-left: 240px;
    }

    #page-head-customer, .content-for-customer-collapse > div.boxed > div#content-container > div#page-alert {
        margin-left: 30px;
    }

}

.padding-side {
    padding: 0 1em;
}

.advanced-search-panel .search-group .search-row:first-child {
    margin-top: 0;
}

.grid-config-columns-list {
    min-height: 100px;
    max-height: 65vh;
    overflow-y: auto;
}

#container.mainnav-sm #mainnav .mainnav-widget .show-small {
    display: block;
}
#container.mainnav-sm #mainnav .mainnav-widget .hide-small {
    display: none;
}
#container.mainnav-lg #mainnav .mainnav-widget .show-large {
    display: block;
}
#container.mainnav-lg #mainnav .mainnav-widget .hide-large {
    display: none;
}