/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./assets/exxpim/styles.css ***!
  \****************************************************************************/
/* global */
/*
https://www.colourlovers.com/palette/56122/Sweet_Lolly
exxpozed red #aa3131
exxpozed grey #3a3a3a
*/

body {
    font-family: "Roboto", "Montserrat", "Nunito Sans", "Open Sans", sans-serif;
}

#exxpim-logo {
    width: 3rem;
}

.badge {
    --bs-badge-font-weight: 630;
    font-size: .7rem;
}

#table-product-index a {
    text-decoration: none;
}

#table-product-index .matrix-row,
#table-product-index .matrix-row:hover {
    background: white !important;
    box-shadow: none;
}

.matrix-container {
    max-width: 96vw;
    overflow: auto;
    padding: 1vw 4vw 1vw 0;
}

.max-w-500 {
    max-width: 500px;
}

.avatar-wrapper {
    background-color: #3a3a3a;
    border-radius: 0.375rem;
    display: grid;
    width: fit-content;
    justify-items: center;
}

.avatar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px;
}

.avatar-img {
    object-fit: cover;
    object-position: center center;
}

.noboba {
    border: none !important;
    background: none !important;
}

.avatar-border {
    border: 3px solid cornflowerblue;
}

.fs-07 {
    font-size: .7rem !important;
}

.fs-08 {
    font-size: .8rem !important;
}

.w-8r {
    width: 8rem !important;
    min-width: 8rem !important;
}

.mw-8r {
    min-width: 8rem !important;
}

.mw-4r {
    min-width: 4rem !important;
}

h2.variant-head {
    font-size: 1.5rem;
    border-radius: .375rem;
}

.price-euro {
    white-space: nowrap;
}

.price-euro::after {
    content: " €";
}

.form-switch .form-check-input {
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    height: 1.5em;
    width: 3em;
}

.exx-variant-sku {
    margin-top: 0.1rem;
    text-align: right;
    width: 100%;
}

/* i18nfield */
input[lang] {
    background: no-repeat 10px center;
    margin-bottom: .3rem;
    padding-left: 34px;
}

textarea[lang] {
    background: no-repeat 10px 10px;
    margin-bottom: .3rem;
    padding-left: 34px;
}

input[lang="de"], textarea[lang="de"] {
    background-image: url(9e015074ad1a0405e2b0.png);
    background-size: 1rem;
}

input[lang="en"], textarea[lang="en"] {
    background-image: url(5233f022a8dc343f8a06.png);
    background-size: 1rem;
}

#messages {
    position: absolute;
    top: 1rem;
    width: 50%;
    margin: 0 auto;
}

.remove-arrows::-webkit-inner-spin-button,
.remove-arrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.remove-arrows {
    -moz-appearance: textfield;
}

.text-exx-success {
    color: #6da539;
}

.text-exx-warning {
    color: #ffbc11;
}

.text-exx-secondary {
    color: #acacac;
}

.exx-btn-matrix {
    cursor: pointer;
}

#matrix-form td:hover,
#matrix-form tr:hover td:first-child {
    background-color: #fffcdd;
}

/* Brand Stock Switch */
#matrix-form .form-switch {
    display: flex;
    justify-content: center;
    align-items: center;
}

#matrix-form select[name='season'],
#matrix-form input[name='ean'] {
    font-size: .8rem;
}

#matrix-form th {
    max-width: 10rem;
}

#matrix-form th figure {
    margin: 0;
}

#matrix-form th .figure-caption {
    font-size: .75rem;
}

#matrix-form th {
    text-align: center;
}

/* markdownx */
.markdownx {
    display: flex;
    flex-wrap: wrap;
}

.markdownx-editor {
    width: 50%;
}

.markdownx-preview {
    width: 49%;
    padding: 1rem;
    background: #fcfcfc;
    margin-left: 1%;
    border-radius: .375rem;
    border: 1px solid #ced4da;
}

@media screen and (max-width: 768px) {
    .markdownx-editor {
        width: 100%;
    }

    .markdownx-preview {
        margin-left: 0;
        margin-top: 1rem;
        width: 100%;
    }
}

/* forms */
.form-label {
    background: #fff;
    border-left: 5px solid cornflowerblue;
    margin-top: .5rem;
    padding: .5rem;
    width: 100%;
}

/* Variants Gallery */
.gallery-container {
    max-width: 85%;
}

.img-container {
    width: 98px;
    height: 98px;
    overflow: hidden;
    padding: 4px;
    position: relative;
}

.gallery-container .del-button {
    position: absolute;
    right: .25rem;
    top: .25rem;
    padding: 3px;
    line-height: 0;
    font-size: .8rem;
}

.img-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: inherit;
}

.img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-container .exx-btn-img-gallery {
    display: none;
}

.img-container:hover .exx-btn-img-gallery {
    display: block;
}

.exx-btn-img-gallery {
    position: absolute;
    top: 3px;
    right: 3px;
    color: white;
    background: darkgrey;
    border-radius: 50%;
    border: none;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 0;
    padding: 0;
    display: block;
}

.exx-btn-del:hover {
    background: red;
}

.exx-btn-show {
    right: 1.6rem !important;
}

.exx-btn-show:hover {
    background: cornflowerblue;
}

/* jQuery UI */
.draggable {
    cursor: move;
}

.draggable-x {
    cursor: e-resize;
}

/* dropzone.dev */
.dropzone {
    background: white;
    border: 1px dashed #dee2e6;
    min-height: 0;
    padding: 0 1rem;
    border-radius: .5rem;
    max-width: 8rem;
    max-height: 5rem;
}

.dropzone .dz-message {
    margin: 1rem 0;
}

/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/exxpim/index.scss ***!
  \*************************************************************************************************************************************************************/
/* Selectize.dev */
/* Dropzone.js */
/* Bootstrap + jQuery */
/* Own */