:root {
    --sim-dark: #2a2a2e;
    /* --sim-main: #008db4;
    --sim-light-main: #dcf1f7; */
    --sim-light-grey: #ccc;
    --sim-readable-grey: #abaaaa;
    --sim-error: #e62525;
    --sim-pending: #ffcc00;
    --sim-light-bg: #f7f7f7;
    --sim-body-bg: #f1f1f1;
    --sim-approved: #189210;
    --sim-blue: #008db4;
    --sim-menu-bg-dark: #36363B;
    --sim-menu-text-dark: #fff;
    --sim-menu-bg-light: #fff;
    --sim-menu-text-light: #5d5d5d;

}

body {
    background-color: var(--sim-body-bg) !important;
    color: var(--sim-dark);
    font-size: 1rem;
}


label {
    margin-bottom: 0;
}

select {
    background-color: unset;
}

.frontendMain {
    background: var(--sim-menu-bg);
    background: radial-gradient(var(--sim-main) -70%, var(--sim-menu-bg) 70%);
    padding-top: 6rem !important;
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.whiteContainer {
    background-color: #fff;
    border-radius: 4px;
    padding: 15px 20px;
    border: solid 1px var(--sim-light-grey);
}

.mt-rem3 {
    margin-top: 3rem;
}


.smallerText {
    font-size: 0.75rem;
    font-weight: bold;
}

/* NAVBAR */

.navbarBackground {
    background-color: var(--sim-menu-bg) !important;
}

.navbarBackground .navbar-nav .nav-link {
    color: var(--sim-menu-text);
}

.navbarBackground .navbar-nav .nav-link:hover {
    color: var(--sim-menu-text);
}

.navbarBackground .navbar-toggler {
    position: relative;
    height: 25px;
}

.navbarBackground .navbar-toggler-icon, .navbarBackground .navbar-toggler-icon::after, .navbarBackground .navbar-toggler-icon::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.3rem;
    height: 0.2rem;
    background-color: var(--sim-menu-text);
}

.navbarBackground .navbar-toggler-icon {
    top: 50%;
    transform: translate(0, -50%);
}

.navbarBackground .navbar-toggler-icon::before {
    top: 7px;
}

.navbarBackground .navbar-toggler-icon::after {
    bottom: 7px;
}

/* TEXT STYLES */

h5 {
    font-size: 1.05rem;
}

.minorTitle {
    font-weight: 600;
    font-size: 1.1rem;
}

.smallerFont {
    font-size: 0.9rem;
}

.noWrap {
    white-space: nowrap;
}

.dashboardTitle {
    font-weight: bold;
    font-size: 1.6rem;
}

.textBlue {
    color: var(--sim-main) !important;
}

.textPositive {
    color: var(--sim-approved);
}

.textNegative {
    color: var(--sim-error);
}

.imageDescription {
    margin-top: 0.5rem;
    font-style: italic;
    font-size: 15px;
}

.dropdown-item:active {
    background: var(--sim-main);
}

.aLink {
    color: var(--sim-main);
    cursor: pointer;
}

.aLink:hover {
    text-decoration: underline;
}

.validationErrorMessage {
    color: red;
    font-weight: 600;
    font-size: 0.8rem;
}

/* SCROLLBAR */

body::-webkit-scrollbar {
    width: 0.5em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--sim-main);
    outline: 1px solid slategrey;
}

body::-webkit-scrollbar-track {
    background-color: var(--sim-menu-bg);
}

/* BUTTONS */

.buttonNoStyle {
    outline: none;
    background: transparent;
    border: none;
}

.buttonNoStyle:focus {
    outline: none;
    background: transparent;
    border: none;
    box-shadow: none;
}


.btn {
    padding: 9px 15px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
}

.btn-link, .btn-link:hover {
    color: var(--sim-main);
}

.close {
    font-size: 2rem;
}

.btn:hover {
    filter: brightness(85%);
}

.btn:disabled:hover {
    filter: unset;
}

.btn:focus {
    box-shadow: none;
}

.resetBtn {
    max-width: fit-content !important;
    margin-top: 0 !important;
}

.btn.smallBtn {
    height: 31px;
    padding: 0;
    width: 30px;
}

.blueBtn {
    background-color: var(--sim-main);
    border: solid 2px var(--sim-main);
    color: #fff !important;
}

.whiteBtn {
    background-color: #fff;
    border: solid 2px var(--sim-main);
    color: var(--sim-main) !important;
}

.darkBtn {
    background-color: var(--sim-dark);
    border: solid 2px var(--sim-dark);
    color: #fff !important;
}

.yellowBtn {
    background-color: var(--sim-pending);
    border: solid 2px var(--sim-pending);
    color: #fff !important;
}

.darkWhiteBtn {
    color: var(--sim-dark);
    background-color: #fff !important;
    border: solid 2px var(--sim-dark);
}

.redBtn {
    background-color: #fff;
    border: solid 2px var(--sim-error);
    color: var(--sim-error) !important;
}

.toggleBtn[aria-expanded="false"] .iconOpened, .toggleBtn[aria-expanded="true"] .iconClosed {
    display: none;
}

.toggleBtn[aria-expanded="false"] .iconClosed, .toggleBtn[aria-expanded="true"] .iconOpened {
    display: initial;
}

.toggleBtn[aria-expanded="false"] .usersOpen {
    color: var(--sim-dark);
}

.toggleBtn[aria-expanded="true"] .usersOpen {
    color: var(--sim-main);
}

.pdfIcon {
    color: #ff0000;
}

.linkBtn {
    color: var(--sim-main);
    text-transform: unset;
    font-size: 0.9rem;
}

.signBtn, .iconBtn {
    padding: 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconBtn {
    font-size: 0.9rem;
}

.signBtn {
    font-size: 1.4rem;
}

.linkBtn:hover {
    text-decoration: underline;
}

.buttonNoStyle.saveBtn {
    color: var(--sim-main);
    font-size: 1.4rem;
    padding: 0.7rem;
}

.buttonNoStyle.saveBtn:hover {
    color: var(--sim-main);
}

.buttonNoStyle.deleteBtn {
    color: var(--sim-error);
    padding: 0.7rem;
}

.buttonNoStyle.deleteBtn:hover {
    color: var(--sim-error);
}

.addNewButton {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.addAllFixedBtn {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    font-size: 1rem;
    padding: 12px 20px;
    z-index: 1;
}

.smallerBtn {
    font-size: 0.7rem;
    padding: 7px 12px;
}

.companyTags .bankCheckLabel {
    text-transform: uppercase;
}

.companyTags, .bankCheckboxes {
    width: 60%;
}

.customTooltip {
    display: none;
}

.tooltipBtn:hover + .customTooltip {
    display: unset;
}

.customTooltip {
    position: absolute;
    text-transform: none;
    border: 1px solid var(--sim-main);
    font-size: 14px;
    color: var(--sim-main);
    background-color: #fff;
    padding: 5px;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    z-index: 99;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.58);
}

.productOrder .customTooltip {
    transform: unset;
    top: unset;
    bottom: 1px;
}

.productShopTooltip .customTooltip {
    right: unset;
    left: 37px;
}

.variationOrder .customTooltip {
    transform: unset;
    top: unset;
}

.mainPickBtn {
    border: 1px solid var(--sim-main);
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.9em;
    padding: 7px 9px;
    text-transform: none;
}

.mainPickBtn.isPicked {
    background: var(--sim-main);
    color: #fff;
}

/* EDIT PAGES */

.modal-dialog {
    margin-top: 12vh;
}

.editPageContainer {
    display: flex;
    flex-wrap: wrap;
    /* margin-right: 33px; */
}

.editPageContainer .firstColumn {
    width: 100%;
}

.editPageContainer .secondColumn {
    width: 100%;
}

.editPageContainer .headerText {
    font-size: 1rem;
    font-weight: bold;
}

.editPageContainer .statusText {
    font-weight: 600;
    flex-grow: 1;
}

.editPageContainer .statusOnlyText {
    font-weight: 600;
    line-height: 1;
    padding-left: 0.5rem;
    text-transform: capitalize;
}

.editPageContainer .statusName {
    line-height: 1;
}

.bottomLine {
    border-bottom: solid 1px var(--sim-light-grey);
}

.editPageContainer .publishDate {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
}

.editPageContainer .icon {
    width: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.6rem;
    opacity: 0.8;
}

.editPageContainer .mailRow {
    display: flex;
    align-items: center;
    height: 2rem;
}

.editPageContainer .statusSelect {
    border: none;
    outline: none;
    cursor: pointer;
}


.editPageContainer .titleInput {
    padding: 7px 10px;
    border: 1px solid #ccc;
    outline: none !important;
    font-size: 1.3rem;
    width: 100%;
}

.settingsButtons {
    border-top: solid 1px var(--sim-light-grey);
    margin-top: 1rem;
    padding-top: 0.7rem;
    display: flex;
    gap: 0.7rem;
    justify-content: space-between;
    flex-wrap: wrap;
}


.settingsFooter {
    border-top: solid 1px var(--sim-light-grey);
    padding-top: 0.7rem;
    margin-top: 1rem;
}

@media (min-width: 1205px) {
    .editPageContainer .firstColumn {
        width: 65%;
        padding-right: 13px;
    }

    .editPageContainer .secondColumn {
        width: 35%;
        padding-left: 13px;
    }
}

@media (min-width: 1616px) {
    .editPageContainer .firstColumn {
        width: 75%;
        padding-right: 13px;
    }

    .editPageContainer .secondColumn {
        width: 25%;
        padding-left: 13px;
    }
}

/* NAV CART */

.nav-item .navCart {
    height: 100%;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--sim-menu-bg) !important;
    color: var(--sim-menu-text) !important;

}

.nav-item .navCartNo {
    font-weight: bold;
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* RADIO BTN */

.customRadioContainer {
    height: 1.5rem;
    min-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
}

.customRadioBox {
    border: solid 1px var(--sim-dark);
    padding: 5px 15px;
    color: var(--sim-dark);
    background-color: #fff;
    opacity: 0.4;
    border-radius: 4px;
    height: 100%;
    width: 100%;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
}

.customRadioContainer input[type="radio"] {
    display: none;
}

.customRadioContainer input[type="radio"] + label {
    cursor: pointer;
}

.customRadioContainer input[type="radio"]:checked + label {
    opacity: 1;
}


/* TABLE */

.simTableContainer {
    width: 100%;
    border-radius: 4px;
    border: solid 1px var(--sim-light-grey);
    /* min-width: 650px; */
}

.simTableContainer .tableHeader {
    font-weight: 600;
    text-transform: capitalize;
    background-color: var(--sim-light-bg);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.simTableContainer .tableContent {
    border-top: solid 1px var(--sim-light-grey);
    background: #fff;
    position: relative;
    /* font-size: 0.9rem; */
}

.simTableContainer .tableCell {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.simTableContainer .tableCell span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.simTableContainer .tableCell.hideLong span {
    white-space: nowrap;
}

.simTableContainer .tableCell span.noOverflow {
    overflow: unset;
    display: flex;
}


.mpl-shop-products.simTableContainer .tableContent {
    font-size: 0.9rem;
}

.mpl-shop-products.simTableContainer .tableCell {
    padding-right: 10px;
}

.tableActionsContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.tableActionsContainer .tableInputs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tableActionsContainer .searchInput {
    margin: 0.5rem;
    margin-left: 0;
}

.lastChild {
    margin-left: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.simTableContainer .tableCell.firstCellOne {
    margin-left: 1.8rem;
    overflow: unset;
}

/* Order products table*/
.editOrderProductsTable .tableCell {
    padding: 5px;
}

@media (max-width: 1550px) {
    .editOrderProductsTable .tableCell {
        font-size: 0.9rem;
        padding: 3px 5px;
    }
}

/* INPUT STYLING */

.nonResizableTA {
    resize: none;
}

.disabledStyle:disabled {
    background: var(--sim-light-grey);
}

.inputStyle {
    border-radius: 4px;
    border: 1px solid var(--sim-light-grey);
    outline: none;
    width: 16rem;
    padding: 3px 5px;
    max-width: 100%;
}

.inputStyle.noWidth {
    width: unset !important;
}

.inputStyle.greenInput {
    border-color: var(--sim-approved);
}

.inputStyle.validateInput:invalid {
    border-color: red;
}

.searchInput {
    background-image: url("/public/img/search.svg");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    padding: 6px 12px;
}

.inputContainer {
    padding: 0.6rem 0;
}

.inputContainer .inputGroup {
    margin: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inputContainer .noninputGroup {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    min-height: 33px;
}

.inputContainer .inputGroup label {
    margin-right: 0.5rem;
}

.inputContainer .inputGroup .inputStyle {
    width: 60%;
    margin-left: auto;
}

.inputContainer .inputGroup .inputStyle.smallerI {
    width: 6rem;
}

.inputContainer .textareaGroup {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 0.5rem 0;
}

.inputContainer .textareaGroup .inputStyle {
    flex-grow: unset;
    text-align: start;
    width: 100%;
    min-height: 33px;
}

.selectboxContainer {
    display: flex;
    flex-wrap: wrap;
}

.selectboxContainerItem {
    margin: 0.5rem;
    margin-left: 0;
    max-width: 100%;
    flex-wrap: wrap;
}

.selectboxContainer .inputStyle {
    background-color: #fff;
    display: flex;
    align-items: center;
    width: unset;
}

.selectboxContainer .selectLabel {
    opacity: 0.6;
}

.dateInputSales {
    line-height: 1;
    width: 130px;
}

.selectboxContainer select, .selectboxContainer .dateInputSales {
    flex-grow: 1;
    margin-left: 0.1rem;
    border: none !important;
    outline: none !important;
    background-color: #fff;
}


.inputStyle.percentInput, .inputStyle .percentInput {
    width: 2.7rem !important;
    text-align: center;
}

.inputStyle.priceInput {
    width: 5.5rem;
}

.inputGroup select.inputStyle:focus {
    outline: 1px solid var(--sim-light-grey);
}

/* Hide arrows in number input */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* Hide calendar in date input */
/* input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} */


/* FRONTEND */

.priceTaxFree {
    font-size: 0.7rem;
    font-weight: bold;
    font-style: italic;
}

/* ADD TO CART */


.cartBtn {
    height: 43px;
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cartBtn:hover {
    filter: brightness(110%);
}

@media (min-width: 600px) {
    .cartBtn {
        font-size: 1rem;
    }
}

/* ORDER STATUS COLOR */

.orderStatus.processing, .tableCell .processing, .orderStatus.shipped, .tableCell .shipped, .orderStatus.partially, .tableCell .partially, .tableCell .modified {
    color: var(--sim-blue);
}

.orderStatus.unpaid, .tableCell .unpaid, .tableCell .removed {
    color: var(--sim-error);
}

.orderStatus.new, .tableCell .new {
    color: var(--sim-pending);
}

.orderStatus.finished, .tableCell .finished, .orderStatus.paid, .tableCell .paid, .tableCell .bugfix {
    color: var(--sim-approved);
}

/* REGISTER STEPS */

.registerContainer {
    width: 100%;
    background: var(--sim-light-bg);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 9px 3px rgba(108, 117, 125, 0.3) !important;
}


.multiStepStatus {
    margin-top: 1rem;
    z-index: 5;
}

.registerContainer .inputBox {
    width: 100%;
    margin-top: 1.5rem;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0px 0px 9px 1px rgba(108, 117, 125, 0.3) !important;
    background: #fff;
}

.registerContainer .inputContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.registerContainer .btnContainer {
    margin: 0.4rem 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.inputComponent {
    position: relative;
    width: 70%;
}


.inputComponent .errorIcon {
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translate(0, -50%);
    color: var(--sim-error);
    font-size: 1.3rem;
    z-index: 20;
}

.inputComponent .errorMessage {
    display: none;
    position: absolute;
    right: 6px;
    transform: translate(110%, 0);
    top: 0.8rem;
    padding: 0.5rem;
    box-shadow: 0px 0px 3px 1px var(--sim-error);
    border-radius: 3px;
    background-color: #fff;
    max-width: 213px;
    color: var(--sim-error);
    font-size: 0.8rem;
    font-weight: bold;
}

.inputComponent .errorMessage:after {
    content: " ";
    border-right: 7px solid #e62525b3;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    position: absolute;
    top: 11px;
    left: -8px;
}

.inputComponent .errorIcon:hover + .errorMessage {
    display: block;
}

.inputComponent ul {
    padding-inline-start: 1.3rem !important;
    margin: 0;
}

.registerInput {
    margin: 1rem 0;
    border: none;
    outline: none;
    border-bottom: solid 1px var(--sim-light-grey);
    width: 100%;
}

.registerInputRow {
    margin: 1rem 0;
    width: 70%;
    display: flex;
    align-items: center;
}

.shippingAddressContainer {
    width: 70%;
    display: flex;
    margin-top: 1rem;
}

.shippingAddressList {
    display: block;
    width: 100%;
}

.shippingAddressList .shippingItem {
    margin-bottom: 1rem;
}

.shippingAddressList .shippingItem label {
    width: 100%;
    font-weight: bold;
}

.billingAddressContainer {
    width: 70%;
    margin: 1rem 0;
}

.billingAddressContainer .inputComponent, .shippingAddressContainer .inputComponent {
    width: 100%;
}

.registerInput.textArea {
    border: solid 1px var(--sim-light-grey);
    border-radius: 4px;
    padding: 5px;
}

.registerInput.fullWidth {
    width: 100%;
    margin: 0.6rem 0;
}

.registerInputRow .registerInput {
    width: 8rem;
    margin: 0;
    margin-left: 1rem;
    text-align: right;
}

.registerInputRow .inputComponent {
    width: unset;
}

.registerInputRow .errorIcon {
    right: -2.5rem;
}

.registerInputRow .errorMessage {
    right: -2.5rem;
    top: -0.1rem;
}

.textareaComponent .errorIcon {
    right: -1.5rem;
}

.textareaComponent .errorMessage {
    right: -1.2rem;
    top: -0.3rem;
}

.smallPlaceholderReg {
    position: absolute;
    font-size: 0.6rem;
    top: 3px;
    left: 0;
}

/* SIDEBAR */

/* Background of whole sidebar */
.v-sidebar-menu, .v-sidebar-menu .vsm--toggle-btn {
    background-color: var(--sim-menu-bg) !important;
}

.v-sidebar-menu .vsm--toggle-btn {
    color: var(--sim-menu-text);
}

/* Active submenu color */
/* Dark mode */
.customSidebarStyle-dark.v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1 {
    background-color: var(--sim-main) !important;
}

/* Light mode */
.customSidebarStyle-light.v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1 {
    background-color: var(--sim-light-bg) !important;
    font-weight: bold;
}

/* Text color */
.v-sidebar-menu .vsm--link {
    color: red;
/*var(--sim-menu-text);*/
}

/* Open submenu (light mode) */
.customSidebarStyle-light.v-sidebar-menu .vsm--dropdown .vsm--list {
    background-color: var(--sim-light-bg) !important;
}

/* Hover menu (light mode) */
.customSidebarStyle-light .vsm--link_hover {
    background: var(--sim-menu-bg) !important;
    filter: brightness(90%);
}

/* menu icon background */
.v-sidebar-menu .vsm--link_level-1 .vsm--icon, .v-sidebar-menu .vsm--item_open .vsm--link_level-1 .vsm--icon {
    background-color: unset !important;
}

.v-sidebar-menu .vsm--header {
    height: 60px !important;
    display: flex;
    align-items: center;
}

.v-sidebar-menu .vsm--title {
    white-space: break-spaces;
}

.v-sidebar-menu .fade-animation-leave-active, .v-sidebar-menu .fade-animation-enter-active {
    white-space: nowrap;
}

.v-sidebar-menu .vsm--link_level-1.vsm--link_exact-active, .v-sidebar-menu .vsm--link_level-1.vsm--link_active {
    -webkit-box-shadow: 3px 0px 0px 0px var(--sim-main) inset !important;
    box-shadow: 3px 0px 0px 0px var(--sim-main) inset !important;
}

.vsm--scroll-wrapper::-webkit-scrollbar {
    width: 0.3rem;
}

.vsm--scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--sim-main);
}

a[href="/user/shop/product-table"] span {
    color: #3490dc !important;
    /* Vaše CSS lastnosti tukaj */
}

/* MAIN CONTAINER */

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rowMargin {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.row.rowSpaceBetween {
    justify-content: space-between;
}

.container.full {
    max-width: none !important;
    position: relative;
}

.componentMargin {
    margin-top: 10px;
    margin-bottom: 30px;
}

.innerContainer {
    margin-right: 33px;
    display: flex;
    justify-content: center;
}

@media (max-width: 992px) {
    .innerContainer {
        margin-right: 7px;
    }
}

/* HEADER NAV */

.bg-dark {
    background-color: var(--sim-dark) !important;
}

.bg-black {
    background-color: #000 !important;
}

nav {
    z-index: 1999 !important;
    position: fixed !important;
    width: 100% !important;
}


/* BREADCRUMBS */

.breadcrumb {
    background-color: unset !important;
    z-index: 100000;
    margin-bottom: 0 !important;
    font-size: 0.9rem;
}

.breadcrumb-item.active {
    font-weight: 600;
}

.breadcrumb-item.linked {
    cursor: pointer;
}


/* TEXT EDITOR */

.ql-container {
    background-color: #fff !important;
}

.faqEditor .ql-container {
    height: 114px;
}

.faqEditor .ql-editor {
    min-height: unset !important;
}

.ql-editor {
    display: flex;
    flex-wrap: wrap;
}

.postEditor .ql-editor p {
    padding: 1rem 0.7rem !important;
    padding-top: 0 !important;
}

.ql-editor p {
    width: 100%;
}

.ql-editor img {
    width: 100%;
    max-width: 100% !important;
    height: auto;
}

.ql-direction svg, .ql-direction.ql-active svg {
    display: none !important;
}

.ql-direction {
    position: relative;
}

.ql-direction:after {
    content: '\f0db';
    font-family: 'FontAwesome';
    position: absolute;
    top: 1px !important;
    left: 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.ql-direction-rtl {
    direction: unset !important;
    width: 50% !important;
}

@media (min-width: 992px) {
    .vsm_expanded ~ .container.full {
        padding-left: 290px !important;
    }

    .vsm_collapsed ~ .container.full {
        padding-left: 100px !important;
    }
}


/* LOADER */

.loaderContainerCenter {
    position: absolute;
    top: 50vh;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.loaderParentCenter.loaderOverlay {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.65);
}

.loaderParentCenter {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--sim-main);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;

}

.loader.biggerLoader {
    border: 4px solid var(--sim-light-main);
    border-top: 4px solid var(--sim-main);
    width: 53px;
    height: 53px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* CAROUSEL */

.categoryPreviewContainer .VueCarousel-dot-container, .categoryPreviewContainer .VueCarousel-dot {
    margin-top: 0 !important;
}

.categoryPreviewContainer .VueCarousel-pagination {
    position: absolute !important;
    bottom: 0;
    left: 0;
}

.VueCarousel-dot:focus, .VueCarousel-navigation-button:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.productSlide {
    padding: 1rem 1rem;
}

/* SHOP ADMINISTRATION */

.productDataBox .settingsContent {
    padding: 0 !important;
    background: var(--sim-body-bg) !important;
}

.editOrderProductsTable .qDisplay.smaller, .shippingProductContainer .qDisplay.smaller {
    width: 2.5rem !important;
}

/* DATE-TIME-PICKER */

.date-time-picker.dateTimePicker .field-input {
    font-size: 1rem !important;
    height: 39px !important;
    min-height: 39px !important;
    background-image: url("/public/img/calendar.svg");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    padding: 6px 12px !important;
}

.date-time-picker.dateTimePicker .field-clear-button {
    margin-right: 29px;
}

/* MULTISELECT */

.multiselect__tag, .multiselect__option--highlight, .multiselect__option--highlight:after, .multiselect__tag-icon:hover {
    background: var(--sim-main) !important;
}

.multiselect__tag-icon, .multiselect__tag-icon:after {
    color: #fff !important;
}

.multiselect__option--selected.multiselect__option--highlight, .multiselect__option--selected.multiselect__option--highlight:after {
    background: var(--sim-dark) !important;
}

.multiselect__option--highlight::after {
    display: none !important;
}

.multiselect__option {
    width: 100% !important;
}

.multiselect__tags {
    border-radius: 4px !important;
    border: 1px solid var(--sim-light-grey) !important;
}

.editAttributeMultiselect .multiselect__content-wrapper {
    visibility: hidden !important;
}

/* Admin order product table */
.selectProductTableCell .multiselect__content-wrapper {
    overflow-x: hidden;
    width: fit-content;
    border-top: 1px solid #e8e8e8;
}

.multiselect__content-wrapper::-webkit-scrollbar {
    width: 0.5em;
}

.multiselect__content-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.multiselect__content-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--sim-main);
    outline: 1px solid slategrey;
}

.multiselect__content-wrapper::-webkit-scrollbar-track {
    background-color: var(--sim-light-bg);
}

/* tags in rows */
/* .multiselect__tags-wrap {
  display: flex!important;
  flex-direction: column!important;
}
.multiselect__tag {
  width: fit-content;
} */


/* CHARTS */

.apexchartsclientDashboardChart .apexcharts-legend-marker {
    cursor: default !important;
}

/* ORDERS AND OFFERS */
.orderDateInput {
    width: 190px;
}

.orderOfferPage .productsTotals {
    width: 24rem;
    max-width: 100%;
    background-color: #fff;
    border: 1px solid var(--sim-light-grey);
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.orderOfferPage .cartPrice {
    color: var(--sim-dark);
}

.orderOfferPage .shippingInput {
    width: 4rem;
    text-align: end;
    margin-right: 0.5rem;
}

.orderDataContainer .statusText {
    flex-grow: unset;
}

.orderDataContainer .inputStyle {
    flex-grow: 1;
}

.orderOfferPage .companyDataBox {
    background-color: unset;
    padding: unset;
}

.orderActions {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.orderProductsActions {
    padding: 0.5rem;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.orderOfferPage .topbordernone {
    border-top: none;
    padding-top: 0;
}

.orderOfferPage .moqRow {
    font-size: 0.8rem;
}

.orderOfferPage .paidApprove {
    color: var(--sim-approved);
}

.orderOfferPage .paidAlert {
    color: var(--sim-error);
}

.orderOfferPage .paymentInput {
    width: 5rem;
    margin-top: 0.7rem;
}

.orderOfferPage .paymentRow {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    cursor: default;
    padding-left: 10px;
    margin: 0.25rem 0;
}

.orderOfferPage .partialAlert {
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

.orderOfferPage .loaderParentCenter {
    margin: 2rem 0;
}

.orderOfferPage .cartTotalsRow {
    margin: 11px 15px;
}

.orderOfferPage .estimatedLoaderContainer {
    position: relative;
    width: 30px;
}

.orderOfferPage .estimatedLoader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

@media (min-width: 992px) {
    .orderOfferPage .modal-lg, .modal-xl {
        max-width: 1300px;
    }
}

@media (max-width: 799px) {
    .orderHeaderRow {
        flex-direction: column;
        align-items: flex-start;
    }

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

    .orderActions button {
        margin: 0;
        margin-top: 0.5rem;
        width: 100%;
    }
}

/* CART & CHECKOUT */

.cartContainer {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 9px 5px rgb(108 117 125 / 30%);
}

.cartContent {
    padding: 1.5rem 0.5rem;
}

.betweenBorder {
    border-bottom: solid 1px var(--sim-light-grey);
}

.productTableHeader {
    border-bottom: solid 1px var(--sim-light-grey);
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.productTableContent {
    padding-bottom: 0.5rem;
    border-bottom: solid 1px var(--sim-light-grey);
}

.cartTotalsRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 15px;
}

.cartPrice {
    color: var(--sim-main);
    white-space: nowrap;
    font-weight: bold;
}

.cartTotalsIntermediate {
    border-bottom: solid 1px var(--sim-light-grey);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.cartTotalsIntermediate .cartTotalsRow {
    font-weight: bold;
    font-size: 0.9rem;
}

.cartTotalsFinal {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: bold;
    font-size: 1.1rem;
}

.cartTotalsTitle {
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    font-weight: bold;
    font-size: 1.1rem;
}

.checkoutBtn {
    width: 100%;
    font-size: 1.1rem;
    margin-top: 1.1rem;
}

.cartCompanyLabel {
    font-size: 0.7rem;
    line-height: 1;
    font-weight: bold;
}

.companyDataCell {
    margin-top: 0.2rem;
}

.companyDataBox {
    width: 100%;
    font-size: 1rem;
    cursor: default;
    padding: 3px 5px;
    border-radius: 4px;
    background-color: var(--sim-body-bg);
}

.purchaseOrder .bankCheckRow {
    font-size: 0.8rem !important;
}

.variationOrder .quantityBox {
    height: 43px;
}

/* Table product tab */

.productTabTableContainer {
    display: flex;
    justify-content: space-between;
}

.productTabTableContainer table {
    border: 1px solid black;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 8px;
    text-align: start;
    height: fit-content;
    table-layout: fixed
}

.tablesContainer .productTabTableContainer table, .editTableWrapper {
    width: 48%;
}

.editTableWrapper .tableCol {
    display: flex;
    align-items: center;
}

.editTableWrapper .tableCol .inputStyle {
    width: 86% !important;
}

.tableBtnWrapper {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tableBoldBtn {
    opacity: 0.4;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 0;
}

.tableBoldBtn.active {
    opacity: 1;
}

.productTabTableContainer table td {
    padding: 4px 10px;
}

.productTabTableContainer table td.boldCol {
    font-weight: 800;
    color: var(--sim-main);
}

.productTabTableContainer table td, .productTabTableContainer table tr {
    border: 1px solid #AFA2A2;
    position: relative;
}

.productTabTableContainer table tbody {
    border: 6px solid var(--sim-main);
    border-left: 3px solid var(--sim-main);
    border-right: 3px solid var(--sim-main);
    border-collapse: collapse;
}


.editPageContainer .VueCarousel-inner {
    visibility: visible !important;
}

.productDescription p {
    margin-bottom: 0;
}

/* Transitions */

.fade-enter-active, .fade-leave-active {
    transition: opacity .25s;
    height: inherit !important;
}

.fade-enter, .fade-leave-to {
    opacity: 0;
}

@media (min-width: 1300px) {
    .cartContainer {
        max-width: 1200px;
    }

    .cartContent {
        padding: 1.5rem;
    }
}

@media (min-width: 992px) {
    .betweenBorder {
        border-right: solid 1px var(--sim-light-grey);
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .cartContent {
        padding: 1.2rem;
    }
}

/* mobile cart items */

.dontShowOnMobile {
    display: none;
}

@media (min-width: 768px) {
    .showOnMobile {
        display: none;
    }

    .dontShowOnMobile {
        display: block;
    }
}


/* Mobile custom table in ostalo */

@media (min-width: 800px) {
    .onlyMobile {
        display: none !important;
    }

    .simTableContainer .tableCell.firstCell {
        margin-left: 1.8rem;
        overflow: unset;
    }
}

@media (max-width: 592px) {
    .container {
        padding-right: 66px;
    }

    .container.loginContainer {
        padding-right: 15px;
    }
}

@media (max-width: 799px) {
    body {
        font-size: 0.9rem;
    }

    .onlyDesktop {
        display: none !important;
    }

    .customTableColumnResponsive {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .whiteContainer.noPaddingMobile {
        padding: 0 !important;
    }

    .mFulWidth {
        width: 100% !important;
        max-width: unset !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mMarginTop {
        margin-top: 0.5rem;
    }

    .mMarginBottom {
        margin-bottom: 0.5rem;
    }

    .btn {
        padding: 8px 10px;
    }

    .productsContainer {
        padding: 0 20px;
        margin: 20px 0;
    }

    .inputContainer .inputGroup, .inputContainer .noninputGroup {
        flex-direction: column;
        align-items: flex-start;
    }

    .inputContainer .inputGroup label, .textareaGroup label, .inputContainer .noninputGroup label {
        font-size: 0.6rem;
    }

    .inputContainer .inputGroup input, .inputContainer .inputGroup select {
        width: 100% !important;
    }

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

    .settingsButtons button, .inputContainer .inputGroup button, .variationGeneratorButtons button {
        width: 100% !important;
        margin: 0;
        margin-top: 0.5rem;
    }

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

    .fCartContainer {
        width: 90vw !important;
        left: 10vw !important;
    }

    .fCartModal.modal {
        width: 100% !important;
    }

    .companyTags, .bankCheckboxes {
        width: 100%;
    }
}

.cursor-pointer {
    cursor: pointer !important;
}
.v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1{
    background-color: var(--sim-main) !important;
}

.flex-center-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flex-center-start {
    display: flex;
    align-items: center;
}