: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: #000;
  --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;
}

.mainFooter {
    margin-top: 3rem;
    width: 100%;
    background: #fff;
    padding: 1rem;
    /* padding-bottom: 0.5rem; */
}

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

.mainFooterImages {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.mainFooterImgWrapper {
    padding: 1.2rem;
}

.mainFooterImg {
    height: auto;
    width: auto;
    max-width: 100%;
    min-width: 320px;
    object-fit: contain;
}

.mainFooterText {
    padding: 0.5rem;
    font-size: 0.9rem;
}

@media (max-width: 900px) {
    .mainFooter {
        padding-bottom: 1rem;
    }

    .mainFooterRow {
        flex-direction: column;
    }

    .mainFooterImages {
        flex-direction: column;
    }

    .mainFooterImgWrapper {
        padding: 0.6rem 0;
    }
}

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

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

#companyLogo {
  background: url("../img/png-background.jpg");
}

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

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

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

/* 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;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.settingsButtons button {
  margin-right: 0.5rem;
  margin-top: 0.7rem;
}

.settingsButtons button:last-child {
  margin-right: 0;
}

.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("../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%;
}

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

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

/* 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)!important;
}

/* 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: var(--sim-menu-text)!important;
}

/* 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%);
}

/* Sidebar 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: 65px !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);
}

/* 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;
  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: 240px!important;
  }
  .vsm_collapsed~.container.full {
    padding-left: 130px!important;
  }
}

@media (max-width: 991px) {
    .smFooterContainer {
        padding-left: 66px;
    }

    .smFooterContainer .mainFooterImages {
        padding-left: 40px;
    }
}


/* LOADER */

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

.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("../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: 992px;
  }
}

@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: 576px) {
  .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%;
  }
}