/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
.alert-error {
  color: #FFF;
  background: #f44336;
}

.snackBarError .alert-success {
  background: rgba(244, 67, 54, 0.8);
  color: #FFF;
  border: 1px solid rgb(229, 115, 115);
}

.snackBarWarning .alert-success {
  background: rgb(255, 226, 183);
  color: rgb(102, 60, 0);
  border: 1px solid rgb(255, 183, 77);
}

.dFlex {
  display: flex !important;
}

.justifyStart {
  justify-content: flex-start !important;
}

.justifyCenter {
  justify-content: center !important;
}

.justifyBetween {
  justify-content: space-between !important;
}

.justifyAround {
  justify-content: space-around !important;
}

.justifyEnd {
  justify-content: flex-end !important;
}

.verticalAlignBaseline {
  vertical-align: baseline !important;
}

.verticalAlignTop {
  vertical-align: top !important;
}

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

.alignSelfCenter {
  align-self: center;
}

.alignCenter {
  align-items: center !important;
}

.alignStart {
  align-items: flex-start !important;
}

.alignEnd {
  align-items: flex-end !important;
}

.alignBaseline {
  align-content: baseline !important;
}

.alignEnd {
  align-content: end !important;
}

.flexRow {
  flex-direction: row !important;
}

.flexColumn {
  flex-direction: column !important;
}

.flexWrap {
  flex-wrap: wrap !important;
}

/* Text Alignments */
.textAlignRight {
  text-align: right !important;
}

.childTextAlignRight input {
  text-align: right !important;
}
.childTextAlignRight label {
  margin-left: auto;
}

.textAlignCenter {
  text-align: center !important;
}

.textAlignLeft {
  text-align: left !important;
}

.labelAlignLeft {
  text-align: left !important;
}
.labelAlignLeft label {
  text-align: left !important;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 5px;
}

.boxDefaultContainer {
  border: 1px solid var(--color-chart-border);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--color-neutral-0);
}
.boxDefaultContainer .boxDefault .boxTitle {
  background-color: var(--color-primary-300);
  padding: 8px 12px;
}
.boxDefaultContainer .boxDefault .boxTitle h5 {
  font-size: 12px;
  font-weight: 700;
  font-family: "Lato";
  line-height: 16px;
  color: var(--color-neutral-600);
  text-transform: uppercase;
  margin: 0;
}
.boxDefaultContainer .boxDefault .boxContent {
  padding: 16px 12px 22px;
}
.boxDefaultContainer .boxDefault .boxContent svg {
  color: var(--theme-secondary);
}
.boxDefaultContainer .boxDefault .boxContent h6,
.boxDefaultContainer .boxDefault .boxContent label,
.boxDefaultContainer .boxDefault .boxContent span {
  color: #313347;
  font-size: 12px;
  font-family: "Lato";
}
.boxDefaultContainer .boxDefault .boxContent h6 {
  margin: 0;
}
.boxDefaultContainer .boxDefault .boxContent label {
  margin-bottom: 0;
}
.boxDefaultContainer .boxDefault .boxContent label .MuiButtonBase-root {
  padding: 0 5px;
}
.boxDefaultContainer .boxDefault .boxContent .textFieldSmall fieldset {
  border-bottom: solid 1px var(--color-neutral-600);
}

/* Float Button */
.floatButtonFirst,
.floatButtonSecond {
  position: fixed !important;
  right: 15px;
  background-color: rgba(var(--theme-primary-rgb), 0.6) !important;
}
.floatButtonFirst:hover,
.floatButtonSecond:hover {
  background-color: rgba(var(--theme-primary-rgb), 1) !important;
}
.floatButtonFirst:disabled,
.floatButtonSecond:disabled {
  background-color: rgba(143, 143, 145, 0.6) !important;
}

.inactiveButton {
  background-color: rgba(var(--theme-primary-rgb), 0.6) !important;
}

.activeButton {
  background-color: rgba(var(--theme-primary-rgb), 1) !important;
}

.floatButtonFirst {
  bottom: 50px !important;
  right: 35px !important;
}

.floatButtonSecond {
  bottom: 156px !important;
}

.uploadMultipleFilesButton {
  cursor: pointer;
}
.uploadMultipleFilesButton input,
.uploadMultipleFilesButton span,
.uploadMultipleFilesButton img {
  cursor: pointer !important;
}
.uploadMultipleFilesButton input::-webkit-file-upload-button,
.uploadMultipleFilesButton span::-webkit-file-upload-button,
.uploadMultipleFilesButton img::-webkit-file-upload-button {
  cursor: pointer !important;
}

.defaultButton {
  display: flex !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  line-height: normal !important;
  font-size: 16px !important;
  font-family: "Lato", sans-serif !important;
  text-transform: initial !important;
  letter-spacing: normal !important;
}

.defaultButtonFs12 {
  display: flex !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  line-height: normal !important;
  font-size: 12px !important;
  font-family: "Lato", sans-serif !important;
  text-transform: initial !important;
  letter-spacing: normal !important;
}

.errorButton {
  background: #f53d4c !important;
  color: #fff !important;
}
.errorButton:disabled {
  color: #9e9e9e !important;
  border: solid 1px #9e9e9e !important;
}

.submitButton {
  background: var(--theme-primary) !important;
  color: #fff !important;
  border: solid 1px var(--theme-primary) !important;
}
.submitButton:disabled {
  color: #9e9e9e !important;
  border: solid 1px #9e9e9e !important;
}

.customizedBackButton {
  font-weight: 700 !important;
  background: transparent !important;
  color: #313347 !important;
  border: solid 1px #313347 !important;
}
.customizedBackButton:disabled {
  color: #9e9e9e !important;
  border: solid 1px #9e9e9e !important;
}

.transparentSubmitButton {
  background: var(--theme-primary) !important;
  color: #fff !important;
  border: solid 1px var(--color-neutral-400) !important;
  font-weight: 700 !important;
}
.transparentSubmitButton:disabled {
  background: transparent !important;
  color: var(--color-neutral-400) !important;
}

.secondActionButton {
  border: 1px solid var(--theme-primary);
  background: #ffffff !important;
  color: var(--theme-primary) !important;
}
.secondActionButton:disabled {
  color: #9e9e9e !important;
  border: solid 1px #9e9e9e !important;
}

.disabledButton {
  transition: all 0.5s ease;
  background: rgb(210, 211, 215) !important;
  color: #9e9e9e !important;
  border: solid 1px #9e9e9e !important;
}

.disabledButtonNfce {
  transition: all 0.5s ease;
  background: var(--color-soft-orange) !important;
  color: var(--color-neutral-400) !important;
}

.disabledBtnPurchase {
  background: var(--color-neutral-200) !important;
  color: var(--color-neutral-400) !important;
  border: 1px solid var(--color-neutral-300) !important;
}

.backButton {
  background: transparent !important;
  color: #313347 !important;
  border: solid 1px #313347 !important;
}
.backButton:disabled {
  color: #9e9e9e !important;
  border: solid 1px #9e9e9e !important;
}

.backButtonProduction {
  background: transparent !important;
  color: var(--theme-primary) !important;
  border: solid 1px var(--theme-primary) !important;
}
.backButtonProduction:disabled {
  color: #9e9e9e !important;
  border: solid 1px #9e9e9e !important;
}

.rejectButtonOutline {
  color: #ff3900 !important;
  border: none !important;
  text-decoration: underline !important;
}

.sizeButtonMenu {
  max-width: 160px;
  height: 32px;
}
.sizeButtonMenu span {
  font-size: 12px;
}

.toggleDefault.small .MuiSwitch-root {
  width: 35px;
  height: 18px;
}
.toggleDefault.small .MuiSwitch-switchBase {
  top: 2.2px;
  left: 1px;
}
.toggleDefault.small .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(19px);
}
.toggleDefault.tagsListSwitch .MuiSwitch-root {
  padding: 0;
}
.toggleDefault.tagsListSwitch .MuiSwitch-root .MuiButtonBase-root {
  padding: 2px;
}
.toggleDefault .MuiSwitch-root {
  width: 55px;
  height: 40px;
}
.toggleDefault .MuiSwitch-switchBase {
  top: 6px;
  left: 5px;
  color: #fafafa;
}
.toggleDefault .MuiSwitch-thumb {
  width: 10px;
  height: 10px;
}
.toggleDefault .MuiSwitch-switchBase.Mui-checked {
  color: #fff;
}
.toggleDefault .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--theme-secondary) !important;
  opacity: 1;
}
.toggleDefault .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(17px);
}
.toggleDefault .MuiSwitch-track {
  background-color: #000 !important;
  opacity: 1;
  border-radius: 25px;
}
.toggleDefault .MuiFormControlLabel-label {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}
.toggleDefault.disableLeftPadding .MuiSwitch-root {
  margin-left: -12px;
}
.toggleDefault.disableVerticalPaddings .MuiSwitch-root {
  margin-top: -12px;
  margin-bottom: -12px;
}
.toggleDefault .MuiButtonBase-root:focus-visible {
  outline: 2px solid var(--color-secondary-500) !important;
  outline-offset: 2px !important;
}

.toggleDefaultOutline .MuiSwitch-root,
.toggleDefaultOutline .MuiSwitch-track,
.toggleDefaultOutline .MuiSwitch-thumb,
.toggleDefaultOutline .MuiSwitch-switchBase {
  transition: none !important;
}
.toggleDefaultOutline.small .MuiSwitch-root {
  width: 35px;
  height: 18px;
}
.toggleDefaultOutline.small .MuiSwitch-switchBase {
  top: 2.2px;
  left: 1px;
}
.toggleDefaultOutline.small .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(19px);
}
.toggleDefaultOutline.tagsListSwitch .MuiSwitch-root {
  padding: 0;
}
.toggleDefaultOutline.tagsListSwitch .MuiSwitch-root .MuiButtonBase-root {
  padding: 2px;
}
.toggleDefaultOutline .MuiSwitch-root {
  width: 55px;
  height: 40px;
}
.toggleDefaultOutline .MuiSwitch-switchBase {
  top: 6px;
  left: 5px;
  color: var(--color-neutral-0);
}
.toggleDefaultOutline .MuiSwitch-thumb {
  width: 10px;
  height: 10px;
  background-color: var(--color-neutral-0) !important;
}
.toggleDefaultOutline .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  background-color: var(--color-secondary-500) !important;
}
.toggleDefaultOutline .MuiSwitch-switchBase.Mui-checked {
  color: var(--color-neutral-0);
  transform: translateX(17px);
}
.toggleDefaultOutline .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--color-neutral-0) !important;
  opacity: 1 !important;
  outline: 1px solid var(--color-secondary-500) !important;
}
.toggleDefaultOutline .MuiSwitch-track {
  background-color: var(--color-neutral-600) !important;
  opacity: 1;
  border-radius: 25px;
  overflow: visible !important;
}
.toggleDefaultOutline .MuiFormControlLabel-label {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}
.toggleDefaultOutline.disableLeftPadding .MuiSwitch-root {
  margin-left: -12px;
}
.toggleDefaultOutline.disableVerticalPaddings .MuiSwitch-root {
  margin-top: -12px;
  margin-bottom: -12px;
}

.toggleDefaultSquares.small .MuiSwitch-root {
  width: 35px;
  height: 18px;
}
.toggleDefaultSquares.small .MuiSwitch-switchBase {
  top: 2.2px;
  left: 1px;
}
.toggleDefaultSquares.small .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(19px);
}
.toggleDefaultSquares.tagsListSwitch .MuiSwitch-root {
  padding: 0;
}
.toggleDefaultSquares.tagsListSwitch .MuiSwitch-root .MuiButtonBase-root {
  padding: 2px;
}
.toggleDefaultSquares.disableTopAndBottomPadding .MuiSwitch-root {
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}
.toggleDefaultSquares.disableTopAndBottomPadding .MuiSwitch-root .MuiButtonBase-root {
  padding-top: 0;
  padding-bottom: 0;
  top: 12%;
}
.toggleDefaultSquares .MuiSwitch-root {
  width: 53px;
  height: 44px;
}
.toggleDefaultSquares .MuiSwitch-switchBase {
  top: 12%;
  right: 14%;
  color: var(--color-neutral-0);
}
.toggleDefaultSquares .MuiSwitch-thumb {
  width: 15.6px;
  height: 15.6px;
}
.toggleDefaultSquares .MuiSwitch-colorSecondary.Mui-checked {
  color: var(--color-neutral-0);
}
.toggleDefaultSquares .MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track {
  background-color: var(--theme-primary) !important;
  opacity: 1;
}
.toggleDefaultSquares .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(8px);
}
.toggleDefaultSquares .MuiSwitch-track {
  background-color: var(--color-neutral-600) !important;
  opacity: 1;
  border-radius: 25px;
}
.toggleDefaultSquares .MuiFormControlLabel-label {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

.toggleDefaultSquaresProjection.small .MuiSwitch-root {
  width: 35px;
  height: 18px;
}
.toggleDefaultSquaresProjection.small .MuiSwitch-switchBase {
  top: 2.2px;
  left: 2px;
}
.toggleDefaultSquaresProjection.small .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(19px);
}
.toggleDefaultSquaresProjection.tagsListSwitch .MuiSwitch-root {
  padding: 0;
}
.toggleDefaultSquaresProjection.tagsListSwitch .MuiSwitch-root .MuiButtonBase-root {
  padding: 2px;
}
.toggleDefaultSquaresProjection .MuiSwitch-root {
  width: 52px;
  height: 44px;
}
.toggleDefaultSquaresProjection .MuiSwitch-switchBase {
  top: 12%;
  right: 14%;
  color: var(--color-neutral-0);
}
.toggleDefaultSquaresProjection .MuiSwitch-thumb {
  width: 15.6px;
  height: 15.6px;
}
.toggleDefaultSquaresProjection .MuiSwitch-colorSecondary.Mui-checked {
  color: var(--color-neutral-0);
}
.toggleDefaultSquaresProjection .MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track {
  background-color: var(--theme-primary) !important;
  opacity: 1;
}
.toggleDefaultSquaresProjection .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(8px);
}
.toggleDefaultSquaresProjection .MuiSwitch-track {
  background-color: var(--color-neutral-600) !important;
  opacity: 1;
  border-radius: 25px;
}
.toggleDefaultSquaresProjection .MuiFormControlLabel-label {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

.toggleDefaultProcess.small .MuiSwitch-root {
  width: 35px;
  height: 18px;
}
.toggleDefaultProcess.small .MuiSwitch-switchBase {
  top: 2.2px;
  left: 1px;
}
.toggleDefaultProcess.small .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(19px);
}
.toggleDefaultProcess.tagsListSwitch .MuiSwitch-root {
  padding: 0;
}
.toggleDefaultProcess.tagsListSwitch .MuiSwitch-root .MuiButtonBase-root {
  padding: 2px;
}
.toggleDefaultProcess.withWhiteBorder .MuiSwitch-track {
  border: solid 1px var(--color-neutral-0);
}
.toggleDefaultProcess.withWhiteBorder .MuiTypography-root {
  color: var(--color-neutral-0);
  font-weight: normal;
  margin-left: -3px;
}
.toggleDefaultProcess .MuiSwitch-root {
  width: 53px;
  height: 44px;
}
.toggleDefaultProcess .MuiSwitch-switchBase {
  top: 12%;
  right: 14%;
  color: var(--color-neutral-0);
}
.toggleDefaultProcess .MuiSwitch-thumb {
  width: 15.6px;
  height: 15.6px;
}
.toggleDefaultProcess .MuiSwitch-colorSecondary.Mui-checked {
  color: var(--color-neutral-0);
}
.toggleDefaultProcess .MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track {
  background-color: var(--theme-primary) !important;
  opacity: 1;
}
.toggleDefaultProcess .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(8px);
}
.toggleDefaultProcess .MuiSwitch-track {
  background-color: var(--color-neutral-600) !important;
  opacity: 1;
  border-radius: 25px;
}
.toggleDefaultProcess .MuiFormControlLabel-label {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

.toggleDefaultBlueContainer.small .MuiSwitch-root {
  width: 35px;
  height: 18px;
}
.toggleDefaultBlueContainer.small .MuiSwitch-switchBase {
  top: 2.2px;
  left: 1px;
}
.toggleDefaultBlueContainer.small .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(19px);
}
.toggleDefaultBlueContainer .MuiSwitch-root {
  width: 50px;
  height: 40px;
}
.toggleDefaultBlueContainer .MuiSwitch-switchBase {
  top: 6px;
  left: 5px;
  color: var(--color-neutral-0);
}
.toggleDefaultBlueContainer .MuiSwitch-thumb {
  width: 8px;
  height: 8px;
  margin-top: 1px;
  margin-left: 1px;
}
.toggleDefaultBlueContainer .MuiSwitch-colorSecondary.Mui-checked {
  color: var(--color-neutral-0);
}
.toggleDefaultBlueContainer .MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track {
  background-color: var(--theme-primary) !important;
  opacity: 1;
}
.toggleDefaultBlueContainer .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(12px);
}
.toggleDefaultBlueContainer .MuiSwitch-track {
  background-color: var(--theme-primary-light) !important;
  opacity: 1;
  border-radius: 25px;
}
.toggleDefaultBlueContainer .MuiFormControlLabel-label {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

.noStyle {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.buttonTag {
  height: 32px;
  font-size: 12px;
  border-radius: 8px;
  background: rgb(var(--theme-primary-rgb));
  color: var(--color-neutral-0);
  margin-left: 10px;
  cursor: pointer;
  border: none;
}

.radioDefault .MuiFormControlLabel-label {
  font-size: 13px;
  color: var(--theme-primary);
  font-weight: bold;
}
.radioDefault .MuiRadio-root.Mui-checked {
  color: #8d8d8d;
}

.overlay-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--theme-primary);
  border-top: 1px solid var(--color-neutral-0);
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  padding: 8px 0;
  z-index: 1000;
}
@media only screen and (min-width: 1000px) {
  .overlay-footer {
    display: none;
  }
}

.footer-button {
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #d0d3e2;
  font-size: 12px;
  cursor: pointer;
  transition: color 0.2s;
}

.footer-button-color-hover {
  color: var(--color-neutral-0);
}

.footer-img {
  height: 20px;
  display: flex;
  align-items: center;
}

.footer-button:hover {
  font-weight: bold;
}

.footer-label {
  margin-top: 4px;
}

.footer-label-distance {
  display: flex;
  align-items: flex-end;
}

.switchSmallSize .MuiFormControlLabel-root {
  align-items: center !important;
}
.switchSmallSize .MuiFormControlLabel-label {
  font-size: 10px !important;
  line-height: 12px !important;
  font-family: "Lato", sans-serif;
  font-weight: 400;
}
.switchSmallSize .MuiSwitch-root {
  width: 24px !important;
  height: 16px !important;
  padding: 0 !important;
}
.switchSmallSize .MuiSwitch-switchBase {
  top: 2px !important;
  left: 3px !important;
  padding: 0 !important;
  color: var(--color-secondary-500) !important;
}
.switchSmallSize .MuiSwitch-thumb {
  width: 12px !important;
  height: 12px !important;
  background-color: var(--color-secondary-500) !important;
  box-sizing: border-box !important;
}
.switchSmallSize .MuiSwitch-track {
  height: 16px !important;
  border-radius: 8px !important;
  background-color: var(--color-neutral-0) !important;
  border: 1px solid var(--color-secondary-500) !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}
.switchSmallSize .MuiSwitch-switchBase.Mui-checked {
  transform: translateX(7px) !important;
  color: var(--color-secondary-500) !important;
}
.switchSmallSize .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--color-neutral-0) !important;
  border: 1px solid var(--color-secondary-500) !important;
  opacity: 1 !important;
}

.floatButtonLabel {
  position: fixed !important;
  right: 15px;
  bottom: 86px !important;
}

:root {
  --color-primary-500: #ef6a2f;
  --color-primary-400: #f39971;
  --color-primary-350: #ef926b;
  --color-primary-300: #f3d1c2;
  --color-primary-200: #ffe7dd;
  --color-primary-600: #d44a0d;
  --color-primary-700: #9e3100;
  --color-primary-800: #702200;
  --color-primary-500-rgb: 239, 106, 47;
  --color-primary-300-rgb: 243, 209, 194;
  --color-primary-rgb: 239, 106, 47;
  --color-primary-soft: rgba(239, 106, 47, 0.8);
  --color-secondary-500: #2659b2;
  --color-secondary-450: #6386c7;
  --color-secondary-400: #799cd9;
  --color-secondary-300: #cbd9ef;
  --color-secondary-300-rgb: 203, 217, 239;
  --color-secondary-700: #032e79;
  --color-secondary-800: #031e4c;
  --color-secondary-500-rgb: 38, 89, 178;
  --color-secondary-500-70: rgba(38, 89, 178, 0.7);
  --color-neutral-600: #010311;
  --color-neutral-500: #454a67;
  --color-neutral-400: #9296ac;
  --color-neutral-300: #d0d3e2;
  --color-neutral-200: #f2f3f8;
  --color-neutral-0: #ffffff;
  --color-neutral-light: #f2f2f4;
  /* Table line colors */
  --table-line-light: #d2d3d7;
  --table-line-dark: #010311;
  --tableHead-primary: #eeeff5;
  --table-head-cost: #f76e79;
  --color-success-500: #08aa15;
  --color-error-500: #f53d4c;
  --color-info-500: #2659b2;
  --theme-primary: var(--color-primary-500);
  --theme-primary-light: var(--color-primary-400);
  --theme-primary-contrast: #ffffff;
  --theme-primary-rgb: 239, 106, 47;
  --theme-secondary: var(--color-secondary-500);
  --theme-secondary-light: var(--color-secondary-400);
  --theme-secondary-contrast: #ffffff;
  --theme-secondary-rgb: 38, 89, 178;
  --theme-third: var(--color-primary-300);
  --gradient-login-overlay: linear-gradient(to bottom, rgba(239, 106, 47, 0.3490196078), rgba(239, 106, 47, 0.3490196078));
  --gradient-header-cmv-config-modal: rgba(239, 106, 47, 0.8);
  --chip-bg-recipe: #d9eaf2;
  --chip-bg-menu: #daddf3;
  --chip-bg-transformation: #fff2cc;
  --color-background-soft: #f3f9fc;
  --color-background-softer: #fefbf3;
  --color-background-warm: #fbeab9;
  --color-bg-recipe: rgba(217, 234, 242, 0.4);
  --color-bg-transformation: #f9f4ea;
  --color-bg-image: #f9f3f2;
  /*General Status Colors*/
  --danger-border: #aa0816;
  --danger-color: #660008;
  --warning-border: #aa8208;
  --warning-color: #664c00;
  --info-border: #032e79;
  --info-color: #2659b2;
  /* Certificate colors */
  --certificate-expired-color: rgb(245, 61, 76);
  --certificate-expiring-color: rgb(242, 185, 13);
  /* Status colors */
  --bg-late: #fcf5e3;
  --bg-in-progress: #cbd9ef;
  --bg-received: #d2f9d6;
  --bg-partial-received: #d2f9d6;
  --bg-not-received: #F7D56E;
  --bg-returned: #F7D4D7;
  --bg-canceled: #ffffff;
  --bg-error: #e22121;
  --bg-returned-mobile: #aa0816;
  /* Status text colors */
  --text-late: #aa8208;
  --text-in-progress: #2659b2;
  --text-received: #006608;
  --text-partial-received: #006608;
  --text-not-received: #aa0816;
  --text-returned: #aa0816;
  --text-canceled: #aa0816;
  --color-not-received: #ffbf3e;
  --color-not-received-mob: #f53d4c;
  --color-difference-bg: rgb(255, 255, 255);
  --color-difference-border: rgb(170, 130, 8);
  --color-difference-text: rgb(170, 130, 8);
  --color-analysis-table-text: #5062f0;
  --color-blue-700: #070b24;
  --color-neutral-soft: #e2e8f2;
  --color-dark-orange: #ca7700;
  --color-soft-orange: #fde9e0;
  --color-soft-gray: #dee6f3;
  --color-light-blue: #d4def0;
  --text-blue: #5062f0;
  /* CMV Config Count Products */
  --error-red: #f53d4c;
  --warning-yellow: #aa8208;
  --success-green: #006608;
  /* CMV */
  --bg-theoretical-base-card: rgba(243, 209, 194, 0.4);
  --bg-performed-base-card: rgba(203, 217, 239, 0.6);
  --color-chart-legend: #($color-chart-legend);
  --color-chart-border: #010311;
  --count-warning: #aa8208;
  --count-success: #006608;
  --count-error: #f53d4c;
  --input-border-color: #333541;
  /* Titles */
  --color-title-secondary: #($black);
  --text-blue: #5062f0;
  --border-dark-blue: #004466;
  --input-color: #666770;
  --color-chart-legend: #1f2445;
  /* Modal */
  --bg-modal: #eeeff5;
  --bg-modal-sku: #f2e6e5;
  /* Parameters */
  --user-text-primary: #313347;
  /* Tooltip */
  --tooltip-bg: rgba(26, 26, 26, 0.8352941176);
  /* Count Analysis Table */
  --bg-thead-negative: rgba(247, 110, 121, 0.5);
  --bg-td-negative: rgba(247, 212, 215, 0.3);
  --bg-total-number: rgba(245, 61, 76, 0.6);
  --color-difference-positive-bg: rgba(247, 213, 110, 0.5);
  /* Production Status */
  --bg-include-status: #e6e7f0;
  /* Production Cards Mobile */
  --recipe-color-card: #1d8fc9;
  --transformation-color-card: #f2b90d;
  --recipe-type: #75c7f0;
  --productionCourtBackground: #eeeff5;
  --color-cards-receipt: #dee6f3;
  /* Purchases*/
  --bg-to-receive: #fff2cc;
  --text-to-receive: #aa8208;
  --bg-footer-modal: #e6e7f0;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
p.blue,
i.blue,
figcaption.blue,
a.blue,
span.blue,
li.blue,
label.blue,
strong.blue,
select.blue,
td.blue,
th.blue,
div.blue,
svg.blue {
  color: #ef6a2f;
}
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray,
p.gray,
i.gray,
figcaption.gray,
a.gray,
span.gray,
li.gray,
label.gray,
strong.gray,
select.gray,
td.gray,
th.gray,
div.gray,
svg.gray {
  color: #2659b2;
}
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success,
p.success,
i.success,
figcaption.success,
a.success,
span.success,
li.success,
label.success,
strong.success,
select.success,
td.success,
th.success,
div.success,
svg.success {
  color: #08aa15;
}
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger,
p.danger,
i.danger,
figcaption.danger,
a.danger,
span.danger,
li.danger,
label.danger,
strong.danger,
select.danger,
td.danger,
th.danger,
div.danger,
svg.danger {
  color: #660008;
}
h1.error,
h2.error,
h3.error,
h4.error,
h5.error,
h6.error,
p.error,
i.error,
figcaption.error,
a.error,
span.error,
li.error,
label.error,
strong.error,
select.error,
td.error,
th.error,
div.error,
svg.error {
  color: #f53d4c;
}
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
p.warning,
i.warning,
figcaption.warning,
a.warning,
span.warning,
li.warning,
label.warning,
strong.warning,
select.warning,
td.warning,
th.warning,
div.warning,
svg.warning {
  color: #664c00;
}
h1.info,
h2.info,
h3.info,
h4.info,
h5.info,
h6.info,
p.info,
i.info,
figcaption.info,
a.info,
span.info,
li.info,
label.info,
strong.info,
select.info,
td.info,
th.info,
div.info,
svg.info {
  color: #2659b2;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
p.dark,
i.dark,
figcaption.dark,
a.dark,
span.dark,
li.dark,
label.dark,
strong.dark,
select.dark,
td.dark,
th.dark,
div.dark,
svg.dark {
  color: #1b1e21;
}
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black,
i.black,
figcaption.black,
a.black,
span.black,
li.black,
label.black,
strong.black,
select.black,
td.black,
th.black,
div.black,
svg.black {
  color: #010311;
}
h1.default,
h2.default,
h3.default,
h4.default,
h5.default,
h6.default,
p.default,
i.default,
figcaption.default,
a.default,
span.default,
li.default,
label.default,
strong.default,
select.default,
td.default,
th.default,
div.default,
svg.default {
  color: #818182;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
i.white,
figcaption.white,
a.white,
span.white,
li.white,
label.white,
strong.white,
select.white,
td.white,
th.white,
div.white,
svg.white {
  color: #ffffff !important;
}
h1.lightGray,
h2.lightGray,
h3.lightGray,
h4.lightGray,
h5.lightGray,
h6.lightGray,
p.lightGray,
i.lightGray,
figcaption.lightGray,
a.lightGray,
span.lightGray,
li.lightGray,
label.lightGray,
strong.lightGray,
select.lightGray,
td.lightGray,
th.lightGray,
div.lightGray,
svg.lightGray {
  color: #eaeaea;
}
h1.disabledGray,
h2.disabledGray,
h3.disabledGray,
h4.disabledGray,
h5.disabledGray,
h6.disabledGray,
p.disabledGray,
i.disabledGray,
figcaption.disabledGray,
a.disabledGray,
span.disabledGray,
li.disabledGray,
label.disabledGray,
strong.disabledGray,
select.disabledGray,
td.disabledGray,
th.disabledGray,
div.disabledGray,
svg.disabledGray {
  color: #9296ac;
}
h1.materialBlue,
h2.materialBlue,
h3.materialBlue,
h4.materialBlue,
h5.materialBlue,
h6.materialBlue,
p.materialBlue,
i.materialBlue,
figcaption.materialBlue,
a.materialBlue,
span.materialBlue,
li.materialBlue,
label.materialBlue,
strong.materialBlue,
select.materialBlue,
td.materialBlue,
th.materialBlue,
div.materialBlue,
svg.materialBlue {
  color: #3f51b5 !important;
}
h1.navyBlue,
h2.navyBlue,
h3.navyBlue,
h4.navyBlue,
h5.navyBlue,
h6.navyBlue,
p.navyBlue,
i.navyBlue,
figcaption.navyBlue,
a.navyBlue,
span.navyBlue,
li.navyBlue,
label.navyBlue,
strong.navyBlue,
select.navyBlue,
td.navyBlue,
th.navyBlue,
div.navyBlue,
svg.navyBlue {
  color: #080b30;
}
h1.primaryColor,
h2.primaryColor,
h3.primaryColor,
h4.primaryColor,
h5.primaryColor,
h6.primaryColor,
p.primaryColor,
i.primaryColor,
figcaption.primaryColor,
a.primaryColor,
span.primaryColor,
li.primaryColor,
label.primaryColor,
strong.primaryColor,
select.primaryColor,
td.primaryColor,
th.primaryColor,
div.primaryColor,
svg.primaryColor {
  color: #ef6a2f !important;
}
h1.primaryColor td,
h2.primaryColor td,
h3.primaryColor td,
h4.primaryColor td,
h5.primaryColor td,
h6.primaryColor td,
p.primaryColor td,
i.primaryColor td,
figcaption.primaryColor td,
a.primaryColor td,
span.primaryColor td,
li.primaryColor td,
label.primaryColor td,
strong.primaryColor td,
select.primaryColor td,
td.primaryColor td,
th.primaryColor td,
div.primaryColor td,
svg.primaryColor td {
  color: #ef6a2f !important;
}
h1.secondaryColor,
h2.secondaryColor,
h3.secondaryColor,
h4.secondaryColor,
h5.secondaryColor,
h6.secondaryColor,
p.secondaryColor,
i.secondaryColor,
figcaption.secondaryColor,
a.secondaryColor,
span.secondaryColor,
li.secondaryColor,
label.secondaryColor,
strong.secondaryColor,
select.secondaryColor,
td.secondaryColor,
th.secondaryColor,
div.secondaryColor,
svg.secondaryColor {
  color: #2659b2 !important;
}
h1.secondaryColor td,
h2.secondaryColor td,
h3.secondaryColor td,
h4.secondaryColor td,
h5.secondaryColor td,
h6.secondaryColor td,
p.secondaryColor td,
i.secondaryColor td,
figcaption.secondaryColor td,
a.secondaryColor td,
span.secondaryColor td,
li.secondaryColor td,
label.secondaryColor td,
strong.secondaryColor td,
select.secondaryColor td,
td.secondaryColor td,
th.secondaryColor td,
div.secondaryColor td,
svg.secondaryColor td {
  color: #2659b2 !important;
}
h1.textBlue,
h2.textBlue,
h3.textBlue,
h4.textBlue,
h5.textBlue,
h6.textBlue,
p.textBlue,
i.textBlue,
figcaption.textBlue,
a.textBlue,
span.textBlue,
li.textBlue,
label.textBlue,
strong.textBlue,
select.textBlue,
td.textBlue,
th.textBlue,
div.textBlue,
svg.textBlue {
  color: #5062f0 !important;
}
h1.neutralColor,
h2.neutralColor,
h3.neutralColor,
h4.neutralColor,
h5.neutralColor,
h6.neutralColor,
p.neutralColor,
i.neutralColor,
figcaption.neutralColor,
a.neutralColor,
span.neutralColor,
li.neutralColor,
label.neutralColor,
strong.neutralColor,
select.neutralColor,
td.neutralColor,
th.neutralColor,
div.neutralColor,
svg.neutralColor {
  color: #9296ac;
}
h1.darkOrange,
h2.darkOrange,
h3.darkOrange,
h4.darkOrange,
h5.darkOrange,
h6.darkOrange,
p.darkOrange,
i.darkOrange,
figcaption.darkOrange,
a.darkOrange,
span.darkOrange,
li.darkOrange,
label.darkOrange,
strong.darkOrange,
select.darkOrange,
td.darkOrange,
th.darkOrange,
div.darkOrange,
svg.darkOrange {
  color: #ca7700;
}

.bgPrimary {
  background: #ef6a2f;
}

.bgSecondary {
  background: #2659b2;
}

.bgSuccess {
  background: #d4edda;
}

.bgDanger {
  background: #f8d7da;
}

.bgError {
  background: #e22121;
}

.bgWarning {
  background: #fff3cd;
}

.bgInfo {
  background: #d1ecf1;
}

.bgDark {
  background: #d6d8d9;
}

.bgDefault {
  background: #fefefe;
}

.bgNavyBlue {
  background: #080b30 !important;
}

.bgMainBlue {
  background: #030303;
}

.bgWhite {
  background: #fefefe !important;
}

.bgPrimary {
  background: #ef6a2f !important;
}

.bgPrimaryLighter {
  background: #f3d1c2 !important;
}

.bgPrimaryLightest {
  background: #ffe7dd !important;
}

.bgSoftWhite {
  background: #fefaf8 !important;
}

.noBg {
  background: transparent !important;
}

.textNeutralPrimary {
  color: #454a67;
}

.bgLightGray {
  background: #dee6f3;
}

.bgPurchaseOrder {
  background: #fce1d5 !important;
}

.fontBlack {
  color: #010311 !important;
}

.cardDefault {
  border-radius: 8px;
  padding: 30px 16px 16px;
  border: 1px solid var(--color-neutral-600);
}
.cardDefault .cardCustom {
  border-bottom: none;
}
.cardDefault.withoutInputs {
  padding-top: 16px;
}
.cardDefault label {
  font-size: 12px;
  font-family: "Lato";
  font-weight: 700;
  margin-bottom: 0;
}
.cardDefault label.blue {
  color: var(--theme-primary);
}
.cardDefault.widthImageBox {
  width: 100%;
}

.cardProduct {
  border-bottom: none;
  border-radius: 8px 8px 0px 0px;
}

.cardProductsImagePopover .MuiPaper-root {
  width: 14% !important;
  padding: 8px !important;
  left: 571px !important;
  top: 500px !important;
}
.cardProductsImagePopover .cropDataMediumBox {
  height: 100px;
}
.cardProductsImagePopover button {
  font-weight: 700;
  padding: 2px 10px !important;
  height: 25px;
}

.cardsSupplierSkus {
  border: 1px solid var(--color-neutral-600);
  border-radius: 8px;
  padding: 0px 10px 15px 10px;
  margin-bottom: 20px;
  background: var(--bg-modal);
}

.cardBlueTitleDefault {
  display: flex;
  flex-direction: column;
}
.cardBlueTitleDefault .cardHeader {
  display: flex;
  align-items: center;
  background: #313347;
  padding: 6px 12px;
}
.cardBlueTitleDefault .cardHeader p {
  color: #fff;
  font-family: "Lato";
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
}

.MuiCheckbox-root.Mui-disabled svg {
  color: #818182;
}

/* Manual Filter */
.filterClosed {
  max-height: 0;
  transition: all 0.2s;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0;
}
.filterClosed .MuiGrid-grid-xs-2 {
  flex-basis: 15%;
}

.filterOpened {
  max-height: 500px;
  transition: all 0.3s;
  margin-bottom: 16px;
}
.filterOpened .MuiGrid-grid-xs-2 {
  flex-basis: 15%;
}

.noMarginFilter .filterOpened {
  margin-bottom: 0;
}

/* Multiple Autocomplete Filter */
.multipleAutocompleteContainer .autocompleteSmall .MuiAutocomplete-inputRoot {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.multipleAutocompleteContainer .autocompleteSmall.optionsSelected .MuiAutocomplete-inputRoot {
  max-height: 40px;
  overflow-y: auto !important;
  overflow-x: hidden;
  align-items: flex-start;
}
.multipleAutocompleteContainer .autocompleteSmall .MuiAutocomplete-tag {
  float: left;
}
.multipleAutocompleteContainer .autocompleteSmall input {
  min-width: 40px;
}
.multipleAutocompleteContainer.multipleAutocomplete .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  transition: border-color 0.2s;
}
.multipleAutocompleteContainer.multipleAutocomplete.optionsSelected .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: transparent !important;
}
.multipleAutocompleteContainer.multipleAutocomplete.optionsSelected .MuiOutlinedInput-root.Mui-focused {
  box-shadow: none !important;
}
.multipleAutocompleteContainer.multipleAutocomplete.optionsSelected .MuiInputBase-root.Mui-focused::before, .multipleAutocompleteContainer.multipleAutocomplete.optionsSelected .MuiInputBase-root.Mui-focused::after {
  border-bottom: 0 !important;
}

.noBackgroundFilter #filtersBox {
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  width: 800px;
}

.noBackgroundFilterCmv.pageTitleAndFilterMainContainer {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
}

.noBackgroundFilterCmv.pageTitleAndFilterMainContainer #filtersBox {
  flex: 1;
}

.noBackgroundFilterCmv.pageTitleAndFilterMainContainer > div:last-child {
  margin-top: 0 !important;
  margin-left: 24px;
}

:root {
  --color-primary-500: #ef6a2f;
  --color-primary-400: #f39971;
  --color-primary-350: #ef926b;
  --color-primary-300: #f3d1c2;
  --color-primary-200: #ffe7dd;
  --color-primary-600: #d44a0d;
  --color-primary-700: #9e3100;
  --color-primary-800: #702200;
  --color-primary-500-rgb: 239, 106, 47;
  --color-primary-300-rgb: 243, 209, 194;
  --color-primary-rgb: 239, 106, 47;
  --color-primary-soft: rgba(239, 106, 47, 0.8);
  --color-secondary-500: #2659b2;
  --color-secondary-450: #6386c7;
  --color-secondary-400: #799cd9;
  --color-secondary-300: #cbd9ef;
  --color-secondary-300-rgb: 203, 217, 239;
  --color-secondary-700: #032e79;
  --color-secondary-800: #031e4c;
  --color-secondary-500-rgb: 38, 89, 178;
  --color-secondary-500-70: rgba(38, 89, 178, 0.7);
  --color-neutral-600: #010311;
  --color-neutral-500: #454a67;
  --color-neutral-400: #9296ac;
  --color-neutral-300: #d0d3e2;
  --color-neutral-200: #f2f3f8;
  --color-neutral-0: #ffffff;
  --color-neutral-light: #f2f2f4;
  /* Table line colors */
  --table-line-light: #d2d3d7;
  --table-line-dark: #010311;
  --tableHead-primary: #eeeff5;
  --table-head-cost: #f76e79;
  --color-success-500: #08aa15;
  --color-error-500: #f53d4c;
  --color-info-500: #2659b2;
  --theme-primary: var(--color-primary-500);
  --theme-primary-light: var(--color-primary-400);
  --theme-primary-contrast: #ffffff;
  --theme-primary-rgb: 239, 106, 47;
  --theme-secondary: var(--color-secondary-500);
  --theme-secondary-light: var(--color-secondary-400);
  --theme-secondary-contrast: #ffffff;
  --theme-secondary-rgb: 38, 89, 178;
  --theme-third: var(--color-primary-300);
  --gradient-login-overlay: linear-gradient(to bottom, rgba(239, 106, 47, 0.3490196078), rgba(239, 106, 47, 0.3490196078));
  --gradient-header-cmv-config-modal: rgba(239, 106, 47, 0.8);
  --chip-bg-recipe: #d9eaf2;
  --chip-bg-menu: #daddf3;
  --chip-bg-transformation: #fff2cc;
  --color-background-soft: #f3f9fc;
  --color-background-softer: #fefbf3;
  --color-background-warm: #fbeab9;
  --color-bg-recipe: rgba(217, 234, 242, 0.4);
  --color-bg-transformation: #f9f4ea;
  --color-bg-image: #f9f3f2;
  /*General Status Colors*/
  --danger-border: #aa0816;
  --danger-color: #660008;
  --warning-border: #aa8208;
  --warning-color: #664c00;
  --info-border: #032e79;
  --info-color: #2659b2;
  /* Certificate colors */
  --certificate-expired-color: rgb(245, 61, 76);
  --certificate-expiring-color: rgb(242, 185, 13);
  /* Status colors */
  --bg-late: #fcf5e3;
  --bg-in-progress: #cbd9ef;
  --bg-received: #d2f9d6;
  --bg-partial-received: #d2f9d6;
  --bg-not-received: #F7D56E;
  --bg-returned: #F7D4D7;
  --bg-canceled: #ffffff;
  --bg-error: #e22121;
  --bg-returned-mobile: #aa0816;
  /* Status text colors */
  --text-late: #aa8208;
  --text-in-progress: #2659b2;
  --text-received: #006608;
  --text-partial-received: #006608;
  --text-not-received: #aa0816;
  --text-returned: #aa0816;
  --text-canceled: #aa0816;
  --color-not-received: #ffbf3e;
  --color-not-received-mob: #f53d4c;
  --color-difference-bg: rgb(255, 255, 255);
  --color-difference-border: rgb(170, 130, 8);
  --color-difference-text: rgb(170, 130, 8);
  --color-analysis-table-text: #5062f0;
  --color-blue-700: #070b24;
  --color-neutral-soft: #e2e8f2;
  --color-dark-orange: #ca7700;
  --color-soft-orange: #fde9e0;
  --color-soft-gray: #dee6f3;
  --color-light-blue: #d4def0;
  --text-blue: #5062f0;
  /* CMV Config Count Products */
  --error-red: #f53d4c;
  --warning-yellow: #aa8208;
  --success-green: #006608;
  /* CMV */
  --bg-theoretical-base-card: rgba(243, 209, 194, 0.4);
  --bg-performed-base-card: rgba(203, 217, 239, 0.6);
  --color-chart-legend: #($color-chart-legend);
  --color-chart-border: #010311;
  --count-warning: #aa8208;
  --count-success: #006608;
  --count-error: #f53d4c;
  --input-border-color: #333541;
  /* Titles */
  --color-title-secondary: #($black);
  --text-blue: #5062f0;
  --border-dark-blue: #004466;
  --input-color: #666770;
  --color-chart-legend: #1f2445;
  /* Modal */
  --bg-modal: #eeeff5;
  --bg-modal-sku: #f2e6e5;
  /* Parameters */
  --user-text-primary: #313347;
  /* Tooltip */
  --tooltip-bg: rgba(26, 26, 26, 0.8352941176);
  /* Count Analysis Table */
  --bg-thead-negative: rgba(247, 110, 121, 0.5);
  --bg-td-negative: rgba(247, 212, 215, 0.3);
  --bg-total-number: rgba(245, 61, 76, 0.6);
  --color-difference-positive-bg: rgba(247, 213, 110, 0.5);
  /* Production Status */
  --bg-include-status: #e6e7f0;
  /* Production Cards Mobile */
  --recipe-color-card: #1d8fc9;
  --transformation-color-card: #f2b90d;
  --recipe-type: #75c7f0;
  --productionCourtBackground: #eeeff5;
  --color-cards-receipt: #dee6f3;
  /* Purchases*/
  --bg-to-receive: #fff2cc;
  --text-to-receive: #aa8208;
  --bg-footer-modal: #e6e7f0;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
p.blue,
i.blue,
figcaption.blue,
a.blue,
span.blue,
li.blue,
label.blue,
strong.blue,
select.blue,
td.blue,
th.blue,
div.blue,
svg.blue {
  color: #ef6a2f;
}
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray,
p.gray,
i.gray,
figcaption.gray,
a.gray,
span.gray,
li.gray,
label.gray,
strong.gray,
select.gray,
td.gray,
th.gray,
div.gray,
svg.gray {
  color: #2659b2;
}
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success,
p.success,
i.success,
figcaption.success,
a.success,
span.success,
li.success,
label.success,
strong.success,
select.success,
td.success,
th.success,
div.success,
svg.success {
  color: #08aa15;
}
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger,
p.danger,
i.danger,
figcaption.danger,
a.danger,
span.danger,
li.danger,
label.danger,
strong.danger,
select.danger,
td.danger,
th.danger,
div.danger,
svg.danger {
  color: #660008;
}
h1.error,
h2.error,
h3.error,
h4.error,
h5.error,
h6.error,
p.error,
i.error,
figcaption.error,
a.error,
span.error,
li.error,
label.error,
strong.error,
select.error,
td.error,
th.error,
div.error,
svg.error {
  color: #f53d4c;
}
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
p.warning,
i.warning,
figcaption.warning,
a.warning,
span.warning,
li.warning,
label.warning,
strong.warning,
select.warning,
td.warning,
th.warning,
div.warning,
svg.warning {
  color: #664c00;
}
h1.info,
h2.info,
h3.info,
h4.info,
h5.info,
h6.info,
p.info,
i.info,
figcaption.info,
a.info,
span.info,
li.info,
label.info,
strong.info,
select.info,
td.info,
th.info,
div.info,
svg.info {
  color: #2659b2;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
p.dark,
i.dark,
figcaption.dark,
a.dark,
span.dark,
li.dark,
label.dark,
strong.dark,
select.dark,
td.dark,
th.dark,
div.dark,
svg.dark {
  color: #1b1e21;
}
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black,
i.black,
figcaption.black,
a.black,
span.black,
li.black,
label.black,
strong.black,
select.black,
td.black,
th.black,
div.black,
svg.black {
  color: #010311;
}
h1.default,
h2.default,
h3.default,
h4.default,
h5.default,
h6.default,
p.default,
i.default,
figcaption.default,
a.default,
span.default,
li.default,
label.default,
strong.default,
select.default,
td.default,
th.default,
div.default,
svg.default {
  color: #818182;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
i.white,
figcaption.white,
a.white,
span.white,
li.white,
label.white,
strong.white,
select.white,
td.white,
th.white,
div.white,
svg.white {
  color: #ffffff !important;
}
h1.lightGray,
h2.lightGray,
h3.lightGray,
h4.lightGray,
h5.lightGray,
h6.lightGray,
p.lightGray,
i.lightGray,
figcaption.lightGray,
a.lightGray,
span.lightGray,
li.lightGray,
label.lightGray,
strong.lightGray,
select.lightGray,
td.lightGray,
th.lightGray,
div.lightGray,
svg.lightGray {
  color: #eaeaea;
}
h1.disabledGray,
h2.disabledGray,
h3.disabledGray,
h4.disabledGray,
h5.disabledGray,
h6.disabledGray,
p.disabledGray,
i.disabledGray,
figcaption.disabledGray,
a.disabledGray,
span.disabledGray,
li.disabledGray,
label.disabledGray,
strong.disabledGray,
select.disabledGray,
td.disabledGray,
th.disabledGray,
div.disabledGray,
svg.disabledGray {
  color: #9296ac;
}
h1.materialBlue,
h2.materialBlue,
h3.materialBlue,
h4.materialBlue,
h5.materialBlue,
h6.materialBlue,
p.materialBlue,
i.materialBlue,
figcaption.materialBlue,
a.materialBlue,
span.materialBlue,
li.materialBlue,
label.materialBlue,
strong.materialBlue,
select.materialBlue,
td.materialBlue,
th.materialBlue,
div.materialBlue,
svg.materialBlue {
  color: #3f51b5 !important;
}
h1.navyBlue,
h2.navyBlue,
h3.navyBlue,
h4.navyBlue,
h5.navyBlue,
h6.navyBlue,
p.navyBlue,
i.navyBlue,
figcaption.navyBlue,
a.navyBlue,
span.navyBlue,
li.navyBlue,
label.navyBlue,
strong.navyBlue,
select.navyBlue,
td.navyBlue,
th.navyBlue,
div.navyBlue,
svg.navyBlue {
  color: #080b30;
}
h1.primaryColor,
h2.primaryColor,
h3.primaryColor,
h4.primaryColor,
h5.primaryColor,
h6.primaryColor,
p.primaryColor,
i.primaryColor,
figcaption.primaryColor,
a.primaryColor,
span.primaryColor,
li.primaryColor,
label.primaryColor,
strong.primaryColor,
select.primaryColor,
td.primaryColor,
th.primaryColor,
div.primaryColor,
svg.primaryColor {
  color: #ef6a2f !important;
}
h1.primaryColor td,
h2.primaryColor td,
h3.primaryColor td,
h4.primaryColor td,
h5.primaryColor td,
h6.primaryColor td,
p.primaryColor td,
i.primaryColor td,
figcaption.primaryColor td,
a.primaryColor td,
span.primaryColor td,
li.primaryColor td,
label.primaryColor td,
strong.primaryColor td,
select.primaryColor td,
td.primaryColor td,
th.primaryColor td,
div.primaryColor td,
svg.primaryColor td {
  color: #ef6a2f !important;
}
h1.secondaryColor,
h2.secondaryColor,
h3.secondaryColor,
h4.secondaryColor,
h5.secondaryColor,
h6.secondaryColor,
p.secondaryColor,
i.secondaryColor,
figcaption.secondaryColor,
a.secondaryColor,
span.secondaryColor,
li.secondaryColor,
label.secondaryColor,
strong.secondaryColor,
select.secondaryColor,
td.secondaryColor,
th.secondaryColor,
div.secondaryColor,
svg.secondaryColor {
  color: #2659b2 !important;
}
h1.secondaryColor td,
h2.secondaryColor td,
h3.secondaryColor td,
h4.secondaryColor td,
h5.secondaryColor td,
h6.secondaryColor td,
p.secondaryColor td,
i.secondaryColor td,
figcaption.secondaryColor td,
a.secondaryColor td,
span.secondaryColor td,
li.secondaryColor td,
label.secondaryColor td,
strong.secondaryColor td,
select.secondaryColor td,
td.secondaryColor td,
th.secondaryColor td,
div.secondaryColor td,
svg.secondaryColor td {
  color: #2659b2 !important;
}
h1.textBlue,
h2.textBlue,
h3.textBlue,
h4.textBlue,
h5.textBlue,
h6.textBlue,
p.textBlue,
i.textBlue,
figcaption.textBlue,
a.textBlue,
span.textBlue,
li.textBlue,
label.textBlue,
strong.textBlue,
select.textBlue,
td.textBlue,
th.textBlue,
div.textBlue,
svg.textBlue {
  color: #5062f0 !important;
}
h1.neutralColor,
h2.neutralColor,
h3.neutralColor,
h4.neutralColor,
h5.neutralColor,
h6.neutralColor,
p.neutralColor,
i.neutralColor,
figcaption.neutralColor,
a.neutralColor,
span.neutralColor,
li.neutralColor,
label.neutralColor,
strong.neutralColor,
select.neutralColor,
td.neutralColor,
th.neutralColor,
div.neutralColor,
svg.neutralColor {
  color: #9296ac;
}
h1.darkOrange,
h2.darkOrange,
h3.darkOrange,
h4.darkOrange,
h5.darkOrange,
h6.darkOrange,
p.darkOrange,
i.darkOrange,
figcaption.darkOrange,
a.darkOrange,
span.darkOrange,
li.darkOrange,
label.darkOrange,
strong.darkOrange,
select.darkOrange,
td.darkOrange,
th.darkOrange,
div.darkOrange,
svg.darkOrange {
  color: #ca7700;
}

.bgPrimary {
  background: #ef6a2f;
}

.bgSecondary {
  background: #2659b2;
}

.bgSuccess {
  background: #d4edda;
}

.bgDanger {
  background: #f8d7da;
}

.bgError {
  background: #e22121;
}

.bgWarning {
  background: #fff3cd;
}

.bgInfo {
  background: #d1ecf1;
}

.bgDark {
  background: #d6d8d9;
}

.bgDefault {
  background: #fefefe;
}

.bgNavyBlue {
  background: #080b30 !important;
}

.bgMainBlue {
  background: #030303;
}

.bgWhite {
  background: #fefefe !important;
}

.bgPrimary {
  background: #ef6a2f !important;
}

.bgPrimaryLighter {
  background: #f3d1c2 !important;
}

.bgPrimaryLightest {
  background: #ffe7dd !important;
}

.bgSoftWhite {
  background: #fefaf8 !important;
}

.noBg {
  background: transparent !important;
}

.textNeutralPrimary {
  color: #454a67;
}

.bgLightGray {
  background: #dee6f3;
}

.bgPurchaseOrder {
  background: #fce1d5 !important;
}

.fontBlack {
  color: #010311 !important;
}

/* Inputs With Modal Options */
.itemWithModal .MuiAutocomplete-root {
  width: 90%;
}
.itemWithModal .MuiAutocomplete-root .MuiFormControl-root {
  width: 100% !important;
}
.itemWithModal .modalButton {
  padding: 5px 0 5px 10px;
}

.itemWithModalSecondary .MuiAutocomplete-root {
  width: 100%;
}
.itemWithModalSecondary .MuiAutocomplete-root .MuiFormControl-root {
  width: 100% !important;
}
.itemWithModalSecondary .modalButton {
  padding: 5px 0 5px 10px;
}

/* Input Without Legend */
.inputWithoutLegend fieldset {
  top: 0;
}
.inputWithoutLegend fieldset legend {
  display: none;
}

/* Custom Restaurant Multiple Select */
.restaurantsCustomSelect {
  display: flex;
  margin: 0 auto;
  width: 30%;
}
.restaurantsCustomSelect .MuiInputLabel-outlined {
  transform: translate(207%, -7px) scale(1) !important;
}
.restaurantsCustomSelect .MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(207%, -7px) scale(1) !important;
}
.restaurantsCustomSelect .MuiAutocomplete-inputRoot {
  padding: 10px 5px !important;
  border-radius: 100px;
  border-color: #3f51b5;
}
.restaurantsCustomSelect .MuiAutocomplete-inputRoot fieldset legend {
  text-align: center;
}

/* Filter Container */
.filterContainer {
  overflow: hidden;
}
.filterContainer .MuiExpansionPanelDetails-root .filterBox {
  max-width: calc(100% + 8px);
  flex-basis: calc(100% + 8px);
}
.filterContainer .MuiExpansionPanelDetails-root .textFieldSearchIcon {
  width: 13px;
  bottom: 22px;
  position: absolute;
}

.rangeFilter {
  width: 15%;
}
.rangeFilter input {
  padding-top: 5px;
}
.rangeFilter span {
  font-family: "Lato";
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  color: #313347;
  margin: 5px 10px 0;
}
.rangeFilter .inputBox div {
  width: 30%;
  margin-right: 0;
}
.rangeFilter .inputBox div div {
  width: 100%;
}
.rangeFilter .inputBox div .MuiInputAdornment-positionStart {
  display: none;
}

/* Fake Label */
.fakeLabel {
  font-family: "Lato";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: #00020f;
  margin-bottom: 0;
}

.backgroundWhiteInput div {
  background: #fff !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.backgroundWhiteInputNoPadding .MuiInputBase-root,
.backgroundWhiteInputNoPadding .MuiOutlinedInput-root {
  background-color: var(--color-neutral-0) !important;
}
.backgroundWhiteInputNoPadding input {
  background-color: transparent !important;
}

.noBorderLeft {
  border-left: none !important;
}

/* Autocomplete Small */
.autocompleteSmall input,
.autocompleteSmall label,
.autocompleteSmall textarea,
.autocompleteSmall .MuiBox-root,
.autocompleteSmallProducts input,
.autocompleteSmallProducts label,
.autocompleteSmallProducts textarea,
.autocompleteSmallProducts .MuiBox-root,
.textFieldSmall input,
.textFieldSmall label,
.textFieldSmall textarea,
.textFieldSmall .MuiBox-root,
.currencyTextFieldSmall input,
.currencyTextFieldSmall label,
.currencyTextFieldSmall textarea,
.currencyTextFieldSmall .MuiBox-root,
.treeAutocompleteField input,
.treeAutocompleteField label,
.treeAutocompleteField textarea,
.treeAutocompleteField .MuiBox-root,
.dateSmall input,
.dateSmall label,
.dateSmall textarea,
.dateSmall .MuiBox-root {
  font-size: 12px;
  font-family: "Lato";
}
.autocompleteSmall label,
.autocompleteSmallProducts label,
.textFieldSmall label,
.currencyTextFieldSmall label,
.treeAutocompleteField label,
.dateSmall label {
  max-width: 100%;
}
.autocompleteSmall.backgroundInput,
.autocompleteSmallProducts.backgroundInput,
.textFieldSmall.backgroundInput,
.currencyTextFieldSmall.backgroundInput,
.treeAutocompleteField.backgroundInput,
.dateSmall.backgroundInput {
  background: #fff;
}
.autocompleteSmall.backgroundInput .MuiInputBase-root,
.autocompleteSmallProducts.backgroundInput .MuiInputBase-root,
.textFieldSmall.backgroundInput .MuiInputBase-root,
.currencyTextFieldSmall.backgroundInput .MuiInputBase-root,
.treeAutocompleteField.backgroundInput .MuiInputBase-root,
.dateSmall.backgroundInput .MuiInputBase-root {
  max-height: fit-content;
  background: #fff;
  z-index: 9999;
}
.autocompleteSmall.backgroundInput .MuiAutocomplete-endAdornment,
.autocompleteSmallProducts.backgroundInput .MuiAutocomplete-endAdornment,
.textFieldSmall.backgroundInput .MuiAutocomplete-endAdornment,
.currencyTextFieldSmall.backgroundInput .MuiAutocomplete-endAdornment,
.treeAutocompleteField.backgroundInput .MuiAutocomplete-endAdornment,
.dateSmall.backgroundInput .MuiAutocomplete-endAdornment {
  width: 18%;
  display: flex;
  justify-content: flex-end;
}
.autocompleteSmall.backgroundInput .MuiAutocomplete-endAdornment button,
.autocompleteSmallProducts.backgroundInput .MuiAutocomplete-endAdornment button,
.textFieldSmall.backgroundInput .MuiAutocomplete-endAdornment button,
.currencyTextFieldSmall.backgroundInput .MuiAutocomplete-endAdornment button,
.treeAutocompleteField.backgroundInput .MuiAutocomplete-endAdornment button,
.dateSmall.backgroundInput .MuiAutocomplete-endAdornment button {
  display: flex !important;
  align-items: center;
}
.autocompleteSmall.backgroundInput.Mui-focused .MuiInputBase-root,
.autocompleteSmallProducts.backgroundInput.Mui-focused .MuiInputBase-root,
.textFieldSmall.backgroundInput.Mui-focused .MuiInputBase-root,
.currencyTextFieldSmall.backgroundInput.Mui-focused .MuiInputBase-root,
.treeAutocompleteField.backgroundInput.Mui-focused .MuiInputBase-root,
.dateSmall.backgroundInput.Mui-focused .MuiInputBase-root {
  max-height: auto;
}
.autocompleteSmall.backgroundInput.Mui-focused .MuiAutocomplete-popper,
.autocompleteSmallProducts.backgroundInput.Mui-focused .MuiAutocomplete-popper,
.textFieldSmall.backgroundInput.Mui-focused .MuiAutocomplete-popper,
.currencyTextFieldSmall.backgroundInput.Mui-focused .MuiAutocomplete-popper,
.treeAutocompleteField.backgroundInput.Mui-focused .MuiAutocomplete-popper,
.dateSmall.backgroundInput.Mui-focused .MuiAutocomplete-popper {
  background: #fff;
  z-index: 101;
}
.autocompleteSmall.backgroundInput .MuiInputBase-root,
.autocompleteSmallProducts.backgroundInput .MuiInputBase-root,
.textFieldSmall.backgroundInput .MuiInputBase-root,
.currencyTextFieldSmall.backgroundInput .MuiInputBase-root,
.treeAutocompleteField.backgroundInput .MuiInputBase-root,
.dateSmall.backgroundInput .MuiInputBase-root {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.autocompleteSmall.heightInput,
.autocompleteSmallProducts.heightInput,
.textFieldSmall.heightInput,
.currencyTextFieldSmall.heightInput,
.treeAutocompleteField.heightInput,
.dateSmall.heightInput {
  margin: 5px;
  height: 21px;
}
.autocompleteSmall.heightInput input,
.autocompleteSmallProducts.heightInput input,
.textFieldSmall.heightInput input,
.currencyTextFieldSmall.heightInput input,
.treeAutocompleteField.heightInput input,
.dateSmall.heightInput input {
  padding: 3px 0 0;
}
.autocompleteSmall input::placeholder, .autocompleteSmall input::-webkit-input-placeholder,
.autocompleteSmallProducts input::placeholder,
.autocompleteSmallProducts input::-webkit-input-placeholder,
.textFieldSmall input::placeholder,
.textFieldSmall input::-webkit-input-placeholder,
.currencyTextFieldSmall input::placeholder,
.currencyTextFieldSmall input::-webkit-input-placeholder,
.treeAutocompleteField input::placeholder,
.treeAutocompleteField input::-webkit-input-placeholder,
.dateSmall input::placeholder,
.dateSmall input::-webkit-input-placeholder {
  font-style: italic;
  color: var(--color-neutral-400) !important;
}
.autocompleteSmall label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder,
.autocompleteSmallProducts label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder,
.textFieldSmall label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder,
.currencyTextFieldSmall label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder,
.treeAutocompleteField label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder,
.dateSmall label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
  opacity: 1 !important;
}
.autocompleteSmall label,
.autocompleteSmallProducts label,
.textFieldSmall label,
.currencyTextFieldSmall label,
.treeAutocompleteField label,
.dateSmall label {
  transform: translate(0px, -15px) scale(1) !important;
  color: var(--color-neutral-500);
  font-weight: 700;
}
.autocompleteSmall fieldset,
.autocompleteSmallProducts fieldset,
.textFieldSmall fieldset,
.currencyTextFieldSmall fieldset,
.treeAutocompleteField fieldset,
.dateSmall fieldset {
  border: none;
  border-bottom: solid 1px #313347;
}
.autocompleteSmall.right label,
.autocompleteSmallProducts.right label,
.textFieldSmall.right label,
.currencyTextFieldSmall.right label,
.treeAutocompleteField.right label,
.dateSmall.right label {
  width: 100%;
}
.autocompleteSmall.right label,
.autocompleteSmall.right input,
.autocompleteSmallProducts.right label,
.autocompleteSmallProducts.right input,
.textFieldSmall.right label,
.textFieldSmall.right input,
.currencyTextFieldSmall.right label,
.currencyTextFieldSmall.right input,
.treeAutocompleteField.right label,
.treeAutocompleteField.right input,
.dateSmall.right label,
.dateSmall.right input {
  text-align: right;
}
.autocompleteSmall.autocompletePtChild0 .MuiInputBase-root,
.autocompleteSmallProducts.autocompletePtChild0 .MuiInputBase-root,
.textFieldSmall.autocompletePtChild0 .MuiInputBase-root,
.currencyTextFieldSmall.autocompletePtChild0 .MuiInputBase-root,
.treeAutocompleteField.autocompletePtChild0 .MuiInputBase-root,
.dateSmall.autocompletePtChild0 .MuiInputBase-root {
  padding-top: 0 !important;
}

.autocompleteCourtMobile input,
.autocompleteCourtMobile label,
.autocompleteCourtMobile textarea {
  font-size: 12px;
  font-family: "Lato";
}
.autocompleteCourtMobile input::placeholder, .autocompleteCourtMobile input::-webkit-input-placeholder {
  font-style: italic;
  color: var(--color-neutral-400) !important;
  opacity: 1 !important;
}
.autocompleteCourtMobile input {
  color: #fff;
  padding: 5px 0 0 0 !important;
}
.autocompleteCourtMobile .MuiAutocomplete-endAdornment {
  padding: 0 !important;
}
.autocompleteCourtMobile fieldset {
  border: none;
  border-bottom: solid 1px #fff !important;
  height: 30px;
  border-radius: 0;
}
.autocompleteCourtMobile.right input {
  text-align: right;
}
.autocompleteCourtMobile.autocompletePtChild0 .MuiInputBase-root {
  padding-top: 0 !important;
}
@media (max-width: 850px) {
  .autocompleteCourtMobile .MuiInputBase-root {
    padding: 0 65px 0 9px !important;
  }
}

.autocompleteSmall .MuiAutocomplete-inputRoot {
  border-radius: 0 !important;
  padding: 5px 65px 7px 0px;
  padding-left: 0 !important;
  flex-wrap: unset;
}
.autocompleteSmall .MuiAutocomplete-inputRoot.Mui-focused {
  flex-wrap: wrap;
}
.autocompleteSmall.singleLine .MuiAutocomplete-inputRoot {
  flex-wrap: nowrap;
}
.autocompleteSmall.singleLine .MuiAutocomplete-inputRoot.Mui-focused {
  flex-wrap: wrap;
}
.autocompleteSmall .MuiAutocomplete-tag {
  margin: 0 3px;
  background: rgba(var(--theme-primary-rgb), 0.25);
}
.autocompleteSmall .MuiAutocomplete-tag span {
  color: var(--theme-primary);
}
.autocompleteSmall .MuiChip-root,
.autocompleteSmall .MuiChip-label {
  font-size: 12px;
  height: 18px;
  display: flex;
  align-items: center;
  margin-top: 1px;
}
.autocompleteSmall input {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}
.autocompleteSmall.date .MuiInputBase-root {
  border-radius: 0;
}
.autocompleteSmall.date input {
  margin-bottom: 6px;
}
.autocompleteSmall.p0 .MuiAutocomplete-inputRoot {
  padding-right: 0px !important;
}
.autocompleteSmall.withoutLabel label {
  display: none !important;
}
.autocompleteSmall.withoutLabel label + .MuiInput-formControl {
  margin-top: 9px !important;
  margin-bottom: 7px !important;
}
.autocompleteSmall.multipleNoExpand .Mui-focused {
  height: 27px;
  overflow: hidden;
}
.autocompleteSmall.multipleNoExpand .Mui-focused .MuiAutocomplete-tag {
  margin-bottom: 5px !important;
  position: relative;
  z-index: 999;
  margin-top: 3px !important;
}
.autocompleteSmall.multipleNoExpand .Mui-focused .MuiAutocomplete-tag:first-of-type {
  margin-bottom: -3px !important;
  margin-top: 3px !important;
}
.autocompleteSmall.multipleNoExpand .Mui-focused input {
  position: absolute;
  top: 4px;
  width: 100%;
}
.autocompleteSmall.multipleNoExpand .Mui-focused input::placeholder, .autocompleteSmall.multipleNoExpand .Mui-focused input::-webkit-input-placeholder {
  opacity: 0 !important;
  color: #fff;
}

.MuiPopper-root.MuiAutocomplete-popper ul li {
  font-size: 12px;
}
.MuiPopper-root.MuiAutocomplete-popper ul li.Mui-focused, .MuiPopper-root.MuiAutocomplete-popper ul li:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

.autocompleteSmallProducts .MuiAutocomplete-inputRoot {
  border-radius: 0 !important;
  padding: 5px 65px 7px 0px;
  flex-wrap: unset;
}
.autocompleteSmallProducts .MuiAutocomplete-inputRoot.Mui-focused {
  flex-wrap: wrap;
}
.autocompleteSmallProducts .MuiAutocomplete-tag {
  margin: 0 3px;
  background: rgba(var(--theme-primary-rgb), 0.25);
}
.autocompleteSmallProducts .MuiAutocomplete-tag span {
  color: var(--theme-primary);
}
.autocompleteSmallProducts .MuiChip-root,
.autocompleteSmallProducts .MuiChip-label {
  font-size: 12px;
  height: 18px;
  display: flex;
  align-items: center;
  margin-top: 1px;
}
.autocompleteSmallProducts input {
  padding-left: 5px !important;
  padding-bottom: 5px !important;
}
.autocompleteSmallProducts.date .MuiInputBase-root {
  border-radius: 0;
}
.autocompleteSmallProducts.date input {
  margin-bottom: 6px;
}
.autocompleteSmallProducts.p0 .MuiAutocomplete-inputRoot {
  padding-right: 0px !important;
}
.autocompleteSmallProducts.withoutLabel label {
  display: none !important;
}
.autocompleteSmallProducts.withoutLabel label + .MuiInput-formControl {
  margin-top: 9px !important;
  margin-bottom: 7px !important;
}
.autocompleteSmallProducts.multipleNoExpand .Mui-focused {
  height: 27px;
  overflow: hidden;
}
.autocompleteSmallProducts.multipleNoExpand .Mui-focused .MuiAutocomplete-tag {
  margin-bottom: 5px !important;
  position: relative;
  z-index: 999;
  margin-top: 3px !important;
}
.autocompleteSmallProducts.multipleNoExpand .Mui-focused .MuiAutocomplete-tag:first-of-type {
  margin-bottom: -3px !important;
  margin-top: 3px !important;
}
.autocompleteSmallProducts.multipleNoExpand .Mui-focused input {
  position: absolute;
  top: 4px;
  width: 100%;
}
.autocompleteSmallProducts.multipleNoExpand .Mui-focused input::placeholder, .autocompleteSmallProducts.multipleNoExpand .Mui-focused input::-webkit-input-placeholder {
  opacity: 0 !important;
  color: #fff;
}

.verySmall {
  width: 70px !important;
}
.verySmall .MuiAutocomplete-inputRoot {
  border-radius: 0 !important;
  padding: 5px 30px 7px 0px !important;
  flex-wrap: unset;
}
.verySmall .MuiAutocomplete-inputRoot.Mui-focused {
  flex-wrap: wrap;
}
.verySmall .MuiAutocomplete-popupIndicator {
  padding: 2px;
  margin-right: -10px;
}
.verySmall .MuiAutocomplete-tag {
  margin: 0 3px;
  background: rgba(var(--theme-primary-rgb), 0.25);
}
.verySmall .MuiAutocomplete-tag span {
  color: var(--theme-primary);
}
.verySmall .MuiChip-root,
.verySmall .MuiChip-label {
  font-size: 12px;
  height: 18px;
  display: flex;
  align-items: center;
  margin-top: 1px;
}
.verySmall input {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}
.verySmall.date .MuiInputBase-root {
  border-radius: 0;
}
.verySmall.date input {
  margin-bottom: 6px;
}
.verySmall.p0 .MuiAutocomplete-inputRoot {
  padding-right: 0px !important;
}
.verySmall.withoutLabel label {
  display: none !important;
}
.verySmall.withoutLabel label + .MuiInput-formControl {
  margin-top: 9px !important;
  margin-bottom: 7px !important;
}
.verySmall.multipleNoExpand .Mui-focused {
  height: 27px;
  overflow: hidden;
}
.verySmall.multipleNoExpand .Mui-focused .MuiAutocomplete-tag {
  margin-bottom: 5px !important;
  position: relative;
  z-index: 999;
  margin-top: 3px !important;
}
.verySmall.multipleNoExpand .Mui-focused .MuiAutocomplete-tag:first-of-type {
  margin-bottom: -3px !important;
  margin-top: 3px !important;
}
.verySmall.multipleNoExpand .Mui-focused input {
  position: absolute;
  top: 4px;
  width: 100%;
}
.verySmall.multipleNoExpand .Mui-focused input::placeholder, .verySmall.multipleNoExpand .Mui-focused input::-webkit-input-placeholder {
  opacity: 0 !important;
  color: #fff;
}

/* Remove arrow down and up of inputs with type number */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.currencyTextFieldSmall .MuiInputBase-root {
  margin-top: 0;
}
.currencyTextFieldSmall .MuiInputAdornment-root {
  display: none;
}

.textFieldSmall.withSearchIcon input {
  padding-left: 20px;
}
.textFieldSmall.rightValue .MuiInputBase-formControl input {
  text-align: right;
  padding-right: 0;
}
.textFieldSmall.right .MuiInputBase-formControl input {
  text-align: right;
  padding-right: 0;
}
.textFieldSmall.disabledTextWithoutStyle input {
  color: #000;
}
.textFieldSmall.disabledTextWithoutStyle fieldset {
  border: none;
}
.textFieldSmall .MuiInputBase-formControl {
  padding-left: 0;
}
.textFieldSmall .MuiInputBase-formControl .MuiInputAdornment-marginDense {
  display: none;
}
.textFieldSmall .MuiInputBase-formControl input {
  text-align: left;
}
.textFieldSmall .MuiInputBase-formControl fieldset {
  padding-left: 0;
}
.textFieldSmall .MuiSelect-selectMenu {
  min-height: auto;
  padding-top: 8px !important;
  padding-left: 0;
  padding-bottom: 4px;
  font-size: 12px;
  font-family: "Lato";
}
.textFieldSmall .MuiSelect-selectMenu:focus {
  background: transparent;
}
.textFieldSmall .MuiInputBase-root {
  border-radius: 0 !important;
}
.textFieldSmall input {
  padding-bottom: 1px;
  padding-left: 0;
  margin-bottom: 5px;
}

.selectSmallBox label {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  font-family: "Lato";
  position: absolute;
  top: -18px;
}
.selectSmallBox .selectSmall {
  border: none !important;
  border-bottom: solid 1px !important;
  border-radius: 0 !important;
}
.selectSmallBox .selectSmall .MuiSelect-select {
  padding: 6px 20px 6px 0;
  font-size: 12px;
  font-family: "Lato";
}
.selectSmallBox .selectSmall .MuiSelect-select:focus {
  background: transparent !important;
}
.selectSmallBox .selectSmall.so-input-focus {
  border-color: #000 !important;
  background: transparent;
}
.selectSmallBox .selectSmall .so-treeSelect-result {
  padding-left: 0;
}
.selectSmallBox .selectSmall span {
  font-size: 12px;
  font-family: "Lato";
  margin-bottom: 8px;
}
.selectSmallBox .selectSmall:focus {
  border-color: #000 !important;
  box-shadow: none !important;
}
.selectSmallBox .selectSmall fieldset {
  display: none;
}

.checkBoxSmall {
  padding: 0 5px 3px 0 !important;
}
.checkBoxSmall svg {
  color: blue;
}

.dateSmall {
  width: 100%;
}
.dateSmall .MuiInputBase-root {
  border-radius: 0;
}
.dateSmall input {
  padding-left: 0;
}
.dateSmall .MuiInputBase-adornedEnd {
  border-radius: 0 !important;
  padding: 5px 0 7px 0px !important;
}
.dateSmall .MuiInputBase-adornedEnd input {
  padding: 5px 0 0 0;
}
.dateSmall .MuiInputBase-adornedEnd svg {
  width: 20px;
}
.dateSmall .MuiInputAdornment-positionEnd button {
  padding: 0;
}
.dateSmall.noBorder fieldset {
  border: none;
}
.dateSmall .MuiFormHelperText-root {
  display: none;
}

.MuiCheckbox-root svg {
  color: var(--color-secondary-500);
}

.MuiMenu-list li.MuiListItem-root {
  font-size: 12px;
  font-family: "Lato";
}

/* DatePicker */
.MuiPopover-root.initialDate .MuiPopover-paper {
  top: 180px !important;
  left: 138px !important;
}
.MuiPopover-root.finalDate .MuiPopover-paper {
  top: 180px !important;
  left: 283px !important;
}

.borderLeftGray {
  border-left: solid 1px #bfc0cb;
}

.productionCourtsSelect .MuiOutlinedInput-root {
  background-color: #fff;
  height: 35px;
  text-align: center;
  padding: 0 10px;
  z-index: 2000; /* acima do header 100 */
  position: relative;
}
.productionCourtsSelect .MuiOutlinedInput-root input {
  padding-top: 8px;
}

.productionCourtsSelect .MuiAutocomplete-popper {
  z-index: 9999 !important;
}

:root {
  --color-primary-500: #ef6a2f;
  --color-primary-400: #f39971;
  --color-primary-350: #ef926b;
  --color-primary-300: #f3d1c2;
  --color-primary-200: #ffe7dd;
  --color-primary-600: #d44a0d;
  --color-primary-700: #9e3100;
  --color-primary-800: #702200;
  --color-primary-500-rgb: 239, 106, 47;
  --color-primary-300-rgb: 243, 209, 194;
  --color-primary-rgb: 239, 106, 47;
  --color-primary-soft: rgba(239, 106, 47, 0.8);
  --color-secondary-500: #2659b2;
  --color-secondary-450: #6386c7;
  --color-secondary-400: #799cd9;
  --color-secondary-300: #cbd9ef;
  --color-secondary-300-rgb: 203, 217, 239;
  --color-secondary-700: #032e79;
  --color-secondary-800: #031e4c;
  --color-secondary-500-rgb: 38, 89, 178;
  --color-secondary-500-70: rgba(38, 89, 178, 0.7);
  --color-neutral-600: #010311;
  --color-neutral-500: #454a67;
  --color-neutral-400: #9296ac;
  --color-neutral-300: #d0d3e2;
  --color-neutral-200: #f2f3f8;
  --color-neutral-0: #ffffff;
  --color-neutral-light: #f2f2f4;
  /* Table line colors */
  --table-line-light: #d2d3d7;
  --table-line-dark: #010311;
  --tableHead-primary: #eeeff5;
  --table-head-cost: #f76e79;
  --color-success-500: #08aa15;
  --color-error-500: #f53d4c;
  --color-info-500: #2659b2;
  --theme-primary: var(--color-primary-500);
  --theme-primary-light: var(--color-primary-400);
  --theme-primary-contrast: #ffffff;
  --theme-primary-rgb: 239, 106, 47;
  --theme-secondary: var(--color-secondary-500);
  --theme-secondary-light: var(--color-secondary-400);
  --theme-secondary-contrast: #ffffff;
  --theme-secondary-rgb: 38, 89, 178;
  --theme-third: var(--color-primary-300);
  --gradient-login-overlay: linear-gradient(to bottom, rgba(239, 106, 47, 0.3490196078), rgba(239, 106, 47, 0.3490196078));
  --gradient-header-cmv-config-modal: rgba(239, 106, 47, 0.8);
  --chip-bg-recipe: #d9eaf2;
  --chip-bg-menu: #daddf3;
  --chip-bg-transformation: #fff2cc;
  --color-background-soft: #f3f9fc;
  --color-background-softer: #fefbf3;
  --color-background-warm: #fbeab9;
  --color-bg-recipe: rgba(217, 234, 242, 0.4);
  --color-bg-transformation: #f9f4ea;
  --color-bg-image: #f9f3f2;
  /*General Status Colors*/
  --danger-border: #aa0816;
  --danger-color: #660008;
  --warning-border: #aa8208;
  --warning-color: #664c00;
  --info-border: #032e79;
  --info-color: #2659b2;
  /* Certificate colors */
  --certificate-expired-color: rgb(245, 61, 76);
  --certificate-expiring-color: rgb(242, 185, 13);
  /* Status colors */
  --bg-late: #fcf5e3;
  --bg-in-progress: #cbd9ef;
  --bg-received: #d2f9d6;
  --bg-partial-received: #d2f9d6;
  --bg-not-received: #F7D56E;
  --bg-returned: #F7D4D7;
  --bg-canceled: #ffffff;
  --bg-error: #e22121;
  --bg-returned-mobile: #aa0816;
  /* Status text colors */
  --text-late: #aa8208;
  --text-in-progress: #2659b2;
  --text-received: #006608;
  --text-partial-received: #006608;
  --text-not-received: #aa0816;
  --text-returned: #aa0816;
  --text-canceled: #aa0816;
  --color-not-received: #ffbf3e;
  --color-not-received-mob: #f53d4c;
  --color-difference-bg: rgb(255, 255, 255);
  --color-difference-border: rgb(170, 130, 8);
  --color-difference-text: rgb(170, 130, 8);
  --color-analysis-table-text: #5062f0;
  --color-blue-700: #070b24;
  --color-neutral-soft: #e2e8f2;
  --color-dark-orange: #ca7700;
  --color-soft-orange: #fde9e0;
  --color-soft-gray: #dee6f3;
  --color-light-blue: #d4def0;
  --text-blue: #5062f0;
  /* CMV Config Count Products */
  --error-red: #f53d4c;
  --warning-yellow: #aa8208;
  --success-green: #006608;
  /* CMV */
  --bg-theoretical-base-card: rgba(243, 209, 194, 0.4);
  --bg-performed-base-card: rgba(203, 217, 239, 0.6);
  --color-chart-legend: #($color-chart-legend);
  --color-chart-border: #010311;
  --count-warning: #aa8208;
  --count-success: #006608;
  --count-error: #f53d4c;
  --input-border-color: #333541;
  /* Titles */
  --color-title-secondary: #($black);
  --text-blue: #5062f0;
  --border-dark-blue: #004466;
  --input-color: #666770;
  --color-chart-legend: #1f2445;
  /* Modal */
  --bg-modal: #eeeff5;
  --bg-modal-sku: #f2e6e5;
  /* Parameters */
  --user-text-primary: #313347;
  /* Tooltip */
  --tooltip-bg: rgba(26, 26, 26, 0.8352941176);
  /* Count Analysis Table */
  --bg-thead-negative: rgba(247, 110, 121, 0.5);
  --bg-td-negative: rgba(247, 212, 215, 0.3);
  --bg-total-number: rgba(245, 61, 76, 0.6);
  --color-difference-positive-bg: rgba(247, 213, 110, 0.5);
  /* Production Status */
  --bg-include-status: #e6e7f0;
  /* Production Cards Mobile */
  --recipe-color-card: #1d8fc9;
  --transformation-color-card: #f2b90d;
  --recipe-type: #75c7f0;
  --productionCourtBackground: #eeeff5;
  --color-cards-receipt: #dee6f3;
  /* Purchases*/
  --bg-to-receive: #fff2cc;
  --text-to-receive: #aa8208;
  --bg-footer-modal: #e6e7f0;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
p.blue,
i.blue,
figcaption.blue,
a.blue,
span.blue,
li.blue,
label.blue,
strong.blue,
select.blue,
td.blue,
th.blue,
div.blue,
svg.blue {
  color: #ef6a2f;
}
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray,
p.gray,
i.gray,
figcaption.gray,
a.gray,
span.gray,
li.gray,
label.gray,
strong.gray,
select.gray,
td.gray,
th.gray,
div.gray,
svg.gray {
  color: #2659b2;
}
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success,
p.success,
i.success,
figcaption.success,
a.success,
span.success,
li.success,
label.success,
strong.success,
select.success,
td.success,
th.success,
div.success,
svg.success {
  color: #08aa15;
}
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger,
p.danger,
i.danger,
figcaption.danger,
a.danger,
span.danger,
li.danger,
label.danger,
strong.danger,
select.danger,
td.danger,
th.danger,
div.danger,
svg.danger {
  color: #660008;
}
h1.error,
h2.error,
h3.error,
h4.error,
h5.error,
h6.error,
p.error,
i.error,
figcaption.error,
a.error,
span.error,
li.error,
label.error,
strong.error,
select.error,
td.error,
th.error,
div.error,
svg.error {
  color: #f53d4c;
}
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
p.warning,
i.warning,
figcaption.warning,
a.warning,
span.warning,
li.warning,
label.warning,
strong.warning,
select.warning,
td.warning,
th.warning,
div.warning,
svg.warning {
  color: #664c00;
}
h1.info,
h2.info,
h3.info,
h4.info,
h5.info,
h6.info,
p.info,
i.info,
figcaption.info,
a.info,
span.info,
li.info,
label.info,
strong.info,
select.info,
td.info,
th.info,
div.info,
svg.info {
  color: #2659b2;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
p.dark,
i.dark,
figcaption.dark,
a.dark,
span.dark,
li.dark,
label.dark,
strong.dark,
select.dark,
td.dark,
th.dark,
div.dark,
svg.dark {
  color: #1b1e21;
}
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black,
i.black,
figcaption.black,
a.black,
span.black,
li.black,
label.black,
strong.black,
select.black,
td.black,
th.black,
div.black,
svg.black {
  color: #010311;
}
h1.default,
h2.default,
h3.default,
h4.default,
h5.default,
h6.default,
p.default,
i.default,
figcaption.default,
a.default,
span.default,
li.default,
label.default,
strong.default,
select.default,
td.default,
th.default,
div.default,
svg.default {
  color: #818182;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
i.white,
figcaption.white,
a.white,
span.white,
li.white,
label.white,
strong.white,
select.white,
td.white,
th.white,
div.white,
svg.white {
  color: #ffffff !important;
}
h1.lightGray,
h2.lightGray,
h3.lightGray,
h4.lightGray,
h5.lightGray,
h6.lightGray,
p.lightGray,
i.lightGray,
figcaption.lightGray,
a.lightGray,
span.lightGray,
li.lightGray,
label.lightGray,
strong.lightGray,
select.lightGray,
td.lightGray,
th.lightGray,
div.lightGray,
svg.lightGray {
  color: #eaeaea;
}
h1.disabledGray,
h2.disabledGray,
h3.disabledGray,
h4.disabledGray,
h5.disabledGray,
h6.disabledGray,
p.disabledGray,
i.disabledGray,
figcaption.disabledGray,
a.disabledGray,
span.disabledGray,
li.disabledGray,
label.disabledGray,
strong.disabledGray,
select.disabledGray,
td.disabledGray,
th.disabledGray,
div.disabledGray,
svg.disabledGray {
  color: #9296ac;
}
h1.materialBlue,
h2.materialBlue,
h3.materialBlue,
h4.materialBlue,
h5.materialBlue,
h6.materialBlue,
p.materialBlue,
i.materialBlue,
figcaption.materialBlue,
a.materialBlue,
span.materialBlue,
li.materialBlue,
label.materialBlue,
strong.materialBlue,
select.materialBlue,
td.materialBlue,
th.materialBlue,
div.materialBlue,
svg.materialBlue {
  color: #3f51b5 !important;
}
h1.navyBlue,
h2.navyBlue,
h3.navyBlue,
h4.navyBlue,
h5.navyBlue,
h6.navyBlue,
p.navyBlue,
i.navyBlue,
figcaption.navyBlue,
a.navyBlue,
span.navyBlue,
li.navyBlue,
label.navyBlue,
strong.navyBlue,
select.navyBlue,
td.navyBlue,
th.navyBlue,
div.navyBlue,
svg.navyBlue {
  color: #080b30;
}
h1.primaryColor,
h2.primaryColor,
h3.primaryColor,
h4.primaryColor,
h5.primaryColor,
h6.primaryColor,
p.primaryColor,
i.primaryColor,
figcaption.primaryColor,
a.primaryColor,
span.primaryColor,
li.primaryColor,
label.primaryColor,
strong.primaryColor,
select.primaryColor,
td.primaryColor,
th.primaryColor,
div.primaryColor,
svg.primaryColor {
  color: #ef6a2f !important;
}
h1.primaryColor td,
h2.primaryColor td,
h3.primaryColor td,
h4.primaryColor td,
h5.primaryColor td,
h6.primaryColor td,
p.primaryColor td,
i.primaryColor td,
figcaption.primaryColor td,
a.primaryColor td,
span.primaryColor td,
li.primaryColor td,
label.primaryColor td,
strong.primaryColor td,
select.primaryColor td,
td.primaryColor td,
th.primaryColor td,
div.primaryColor td,
svg.primaryColor td {
  color: #ef6a2f !important;
}
h1.secondaryColor,
h2.secondaryColor,
h3.secondaryColor,
h4.secondaryColor,
h5.secondaryColor,
h6.secondaryColor,
p.secondaryColor,
i.secondaryColor,
figcaption.secondaryColor,
a.secondaryColor,
span.secondaryColor,
li.secondaryColor,
label.secondaryColor,
strong.secondaryColor,
select.secondaryColor,
td.secondaryColor,
th.secondaryColor,
div.secondaryColor,
svg.secondaryColor {
  color: #2659b2 !important;
}
h1.secondaryColor td,
h2.secondaryColor td,
h3.secondaryColor td,
h4.secondaryColor td,
h5.secondaryColor td,
h6.secondaryColor td,
p.secondaryColor td,
i.secondaryColor td,
figcaption.secondaryColor td,
a.secondaryColor td,
span.secondaryColor td,
li.secondaryColor td,
label.secondaryColor td,
strong.secondaryColor td,
select.secondaryColor td,
td.secondaryColor td,
th.secondaryColor td,
div.secondaryColor td,
svg.secondaryColor td {
  color: #2659b2 !important;
}
h1.textBlue,
h2.textBlue,
h3.textBlue,
h4.textBlue,
h5.textBlue,
h6.textBlue,
p.textBlue,
i.textBlue,
figcaption.textBlue,
a.textBlue,
span.textBlue,
li.textBlue,
label.textBlue,
strong.textBlue,
select.textBlue,
td.textBlue,
th.textBlue,
div.textBlue,
svg.textBlue {
  color: #5062f0 !important;
}
h1.neutralColor,
h2.neutralColor,
h3.neutralColor,
h4.neutralColor,
h5.neutralColor,
h6.neutralColor,
p.neutralColor,
i.neutralColor,
figcaption.neutralColor,
a.neutralColor,
span.neutralColor,
li.neutralColor,
label.neutralColor,
strong.neutralColor,
select.neutralColor,
td.neutralColor,
th.neutralColor,
div.neutralColor,
svg.neutralColor {
  color: #9296ac;
}
h1.darkOrange,
h2.darkOrange,
h3.darkOrange,
h4.darkOrange,
h5.darkOrange,
h6.darkOrange,
p.darkOrange,
i.darkOrange,
figcaption.darkOrange,
a.darkOrange,
span.darkOrange,
li.darkOrange,
label.darkOrange,
strong.darkOrange,
select.darkOrange,
td.darkOrange,
th.darkOrange,
div.darkOrange,
svg.darkOrange {
  color: #ca7700;
}

.bgPrimary {
  background: #ef6a2f;
}

.bgSecondary {
  background: #2659b2;
}

.bgSuccess {
  background: #d4edda;
}

.bgDanger {
  background: #f8d7da;
}

.bgError {
  background: #e22121;
}

.bgWarning {
  background: #fff3cd;
}

.bgInfo {
  background: #d1ecf1;
}

.bgDark {
  background: #d6d8d9;
}

.bgDefault {
  background: #fefefe;
}

.bgNavyBlue {
  background: #080b30 !important;
}

.bgMainBlue {
  background: #030303;
}

.bgWhite {
  background: #fefefe !important;
}

.bgPrimary {
  background: #ef6a2f !important;
}

.bgPrimaryLighter {
  background: #f3d1c2 !important;
}

.bgPrimaryLightest {
  background: #ffe7dd !important;
}

.bgSoftWhite {
  background: #fefaf8 !important;
}

.noBg {
  background: transparent !important;
}

.textNeutralPrimary {
  color: #454a67;
}

.bgLightGray {
  background: #dee6f3;
}

.bgPurchaseOrder {
  background: #fce1d5 !important;
}

.fontBlack {
  color: #010311 !important;
}

header {
  box-shadow: none !important;
  font-family: "Kodchasan", sans-serif !important;
}
header *,
header *::before,
header *::after {
  font-family: "Kodchasan", sans-serif !important;
}
header .header-logo-box {
  border: none !important;
}
header .MuiIconButton-edgeStart {
  display: none !important;
}

.headerRestaurantsBox.responsive {
  display: none;
}

.restaurantHeaderSelect .MuiMenu-paper {
  top: 2.875rem !important;
  width: 23%;
  border: 1px solid #010311;
  border-radius: 8px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5019607843);
  margin-left: -6px;
  max-width: 26% !important;
  min-width: 26% !important;
}
@media (max-width: 870px) {
  .restaurantHeaderSelect .MuiMenu-paper {
    margin-left: -13px;
    position: fixed !important;
    top: 46px !important;
    width: 98% !important;
    min-width: 98% !important;
    max-width: 98% !important;
  }
}
.restaurantHeaderSelect .MuiMenu-paper li {
  width: auto !important;
}
.restaurantHeaderSelect .MuiMenu-paper li.Mui-disabled {
  background: rgba(255, 231, 221, 0.3);
  color: var(--color-primary-500);
  opacity: 1;
  font-weight: bold;
}
.restaurantHeaderSelect .MuiMenu-list {
  padding: 0;
  font-family: "Kodchasan", sans-serif !important;
}
.restaurantHeaderSelect .MuiMenu-list *,
.restaurantHeaderSelect .MuiMenu-list *::before,
.restaurantHeaderSelect .MuiMenu-list *::after {
  font-family: "Kodchasan", sans-serif !important;
}
.restaurantHeaderSelect .MuiMenu-list li {
  font-family: "Kodchasan", sans-serif !important;
  overflow: hidden;
  font-size: 1rem;
  box-sizing: border-box;
  min-height: auto;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 6px;
  white-space: nowrap;
  letter-spacing: 0.00938em;
  padding-bottom: 6px;
}
.restaurantHeaderSelect .groupHeader,
.restaurantHeaderSelect .subGroupHeader {
  color: #ffffff;
  font-size: 1rem !important;
  padding-left: 14px;
}
.restaurantHeaderSelect .groupHeader {
  background: var(--color-neutral-500);
  font-weight: bold !important;
}
.restaurantHeaderSelect .subGroupHeader {
  background: var(--color-primary-300);
  color: var(--color-neutral-600);
  font-weight: bold !important;
}
.restaurantHeaderSelect .storeHeader {
  padding-left: 14px;
  padding-right: 0;
  border-bottom: solid 1px var(--color-neutral-300);
  font-size: 0.938rem !important;
}
.restaurantHeaderSelect .storeHeader:last-of-type {
  border-bottom: none;
}

@media only screen and (min-width: 320px) {
  .list-companies-text span,
  .groupHeader,
  .subGroupHeader {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 768px) {
  .list-companies-text span,
  .groupHeader,
  .subGroupHeader {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .list-companies-text span,
  .groupHeader,
  .subGroupHeader {
    font-size: 20px !important;
  }
}
.cropDataVerySmallBox {
  width: 35px;
  height: 26.25px;
  display: flex;
  justify-content: center;
  background: #d0d3e2;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
}

.cropDatatooltip {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  background: none;
}
.cropDatatooltip img {
  max-width: 266.67px;
  max-height: 200px;
  border-radius: 4px;
}

.cropDataSmallBox {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
}
.cropDataSmallBox.mr0 {
  margin-right: 0;
}
.cropDataSmallBox p {
  font-size: 12px;
  margin-bottom: 0;
  color: #000000;
  text-align: center;
}
.cropDataSmallBox img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.cropDataSmallBox.skuImgPreview {
  border: solid 1px #9296ac;
}
.cropDataSmallBox.largeSize {
  width: 380px;
  height: 380px;
}

.cropDataMediumBox {
  width: 100%;
  height: 195px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d0d3e2;
  border-radius: 4px;
  overflow: hidden;
}
.cropDataMediumBox.mr0 {
  margin-right: 0;
}
.cropDataMediumBox p {
  font-size: 12px;
  margin-bottom: 0;
  color: #000000;
  text-align: center;
}
.cropDataMediumBox img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.cropDataMediumBox.skuImgPreview {
  border: solid 1px #9296ac;
}
.cropDataMediumBox.largeSize {
  width: 380px;
  height: 380px;
}

.cropDataSmallBox {
  width: 100%;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.cropDataSmallBox.mr0 {
  margin-right: 0;
}
.cropDataSmallBox p {
  font-size: 12px;
  margin-bottom: 0;
  color: #000000;
  text-align: center;
}
.cropDataSmallBox img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.cropDataSmallBox.skuImgPreview {
  border: solid 1px #9296ac;
}
.cropDataSmallBox.largeSize {
  width: 380px;
  height: 380px;
}

.tooltipMultipleImages {
  background: white;
  width: 272px;
  height: 212px;
  border: 1px solid #9296ac;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mr0 {
  margin-right: 0;
}

.mainSkuImage {
  border: 1px solid #f2f3f8;
  border-radius: 4px;
  height: 196px;
  width: 196px;
  margin-left: 8px;
}
.mainSkuImage p {
  font-size: 12px;
  margin-bottom: 0;
  color: #000000;
  text-align: center;
}
.mainSkuImage img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.mainSkuImage.mediumSize {
  width: 196px;
  height: 196px;
}

.sideInfos {
  height: 196px;
  width: 59px;
  margin-left: 4px;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

.additionalImage {
  border: 1px solid #f2f3f8;
  border-radius: 4px;
  height: 56px;
  width: 56px;
  margin-bottom: 4px;
}
.additionalImage p {
  font-size: 12px;
  margin-bottom: 0;
  color: #000000;
  text-align: center;
}
.additionalImage img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.additionalImage.smallSize {
  width: 56px;
  height: 56px;
}

.infoSkus {
  border: 1px solid #9296ac;
  border-radius: 4px;
  background-color: #9296ac;
  width: 100%;
  height: 16px;
  text-align: center;
  font-size: 9px;
  font-weight: bold;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

:root {
  --color-primary-500: #ef6a2f;
  --color-primary-400: #f39971;
  --color-primary-350: #ef926b;
  --color-primary-300: #f3d1c2;
  --color-primary-200: #ffe7dd;
  --color-primary-600: #d44a0d;
  --color-primary-700: #9e3100;
  --color-primary-800: #702200;
  --color-primary-500-rgb: 239, 106, 47;
  --color-primary-300-rgb: 243, 209, 194;
  --color-primary-rgb: 239, 106, 47;
  --color-primary-soft: rgba(239, 106, 47, 0.8);
  --color-secondary-500: #2659b2;
  --color-secondary-450: #6386c7;
  --color-secondary-400: #799cd9;
  --color-secondary-300: #cbd9ef;
  --color-secondary-300-rgb: 203, 217, 239;
  --color-secondary-700: #032e79;
  --color-secondary-800: #031e4c;
  --color-secondary-500-rgb: 38, 89, 178;
  --color-secondary-500-70: rgba(38, 89, 178, 0.7);
  --color-neutral-600: #010311;
  --color-neutral-500: #454a67;
  --color-neutral-400: #9296ac;
  --color-neutral-300: #d0d3e2;
  --color-neutral-200: #f2f3f8;
  --color-neutral-0: #ffffff;
  --color-neutral-light: #f2f2f4;
  /* Table line colors */
  --table-line-light: #d2d3d7;
  --table-line-dark: #010311;
  --tableHead-primary: #eeeff5;
  --table-head-cost: #f76e79;
  --color-success-500: #08aa15;
  --color-error-500: #f53d4c;
  --color-info-500: #2659b2;
  --theme-primary: var(--color-primary-500);
  --theme-primary-light: var(--color-primary-400);
  --theme-primary-contrast: #ffffff;
  --theme-primary-rgb: 239, 106, 47;
  --theme-secondary: var(--color-secondary-500);
  --theme-secondary-light: var(--color-secondary-400);
  --theme-secondary-contrast: #ffffff;
  --theme-secondary-rgb: 38, 89, 178;
  --theme-third: var(--color-primary-300);
  --gradient-login-overlay: linear-gradient(to bottom, rgba(239, 106, 47, 0.3490196078), rgba(239, 106, 47, 0.3490196078));
  --gradient-header-cmv-config-modal: rgba(239, 106, 47, 0.8);
  --chip-bg-recipe: #d9eaf2;
  --chip-bg-menu: #daddf3;
  --chip-bg-transformation: #fff2cc;
  --color-background-soft: #f3f9fc;
  --color-background-softer: #fefbf3;
  --color-background-warm: #fbeab9;
  --color-bg-recipe: rgba(217, 234, 242, 0.4);
  --color-bg-transformation: #f9f4ea;
  --color-bg-image: #f9f3f2;
  /*General Status Colors*/
  --danger-border: #aa0816;
  --danger-color: #660008;
  --warning-border: #aa8208;
  --warning-color: #664c00;
  --info-border: #032e79;
  --info-color: #2659b2;
  /* Certificate colors */
  --certificate-expired-color: rgb(245, 61, 76);
  --certificate-expiring-color: rgb(242, 185, 13);
  /* Status colors */
  --bg-late: #fcf5e3;
  --bg-in-progress: #cbd9ef;
  --bg-received: #d2f9d6;
  --bg-partial-received: #d2f9d6;
  --bg-not-received: #F7D56E;
  --bg-returned: #F7D4D7;
  --bg-canceled: #ffffff;
  --bg-error: #e22121;
  --bg-returned-mobile: #aa0816;
  /* Status text colors */
  --text-late: #aa8208;
  --text-in-progress: #2659b2;
  --text-received: #006608;
  --text-partial-received: #006608;
  --text-not-received: #aa0816;
  --text-returned: #aa0816;
  --text-canceled: #aa0816;
  --color-not-received: #ffbf3e;
  --color-not-received-mob: #f53d4c;
  --color-difference-bg: rgb(255, 255, 255);
  --color-difference-border: rgb(170, 130, 8);
  --color-difference-text: rgb(170, 130, 8);
  --color-analysis-table-text: #5062f0;
  --color-blue-700: #070b24;
  --color-neutral-soft: #e2e8f2;
  --color-dark-orange: #ca7700;
  --color-soft-orange: #fde9e0;
  --color-soft-gray: #dee6f3;
  --color-light-blue: #d4def0;
  --text-blue: #5062f0;
  /* CMV Config Count Products */
  --error-red: #f53d4c;
  --warning-yellow: #aa8208;
  --success-green: #006608;
  /* CMV */
  --bg-theoretical-base-card: rgba(243, 209, 194, 0.4);
  --bg-performed-base-card: rgba(203, 217, 239, 0.6);
  --color-chart-legend: #($color-chart-legend);
  --color-chart-border: #010311;
  --count-warning: #aa8208;
  --count-success: #006608;
  --count-error: #f53d4c;
  --input-border-color: #333541;
  /* Titles */
  --color-title-secondary: #($black);
  --text-blue: #5062f0;
  --border-dark-blue: #004466;
  --input-color: #666770;
  --color-chart-legend: #1f2445;
  /* Modal */
  --bg-modal: #eeeff5;
  --bg-modal-sku: #f2e6e5;
  /* Parameters */
  --user-text-primary: #313347;
  /* Tooltip */
  --tooltip-bg: rgba(26, 26, 26, 0.8352941176);
  /* Count Analysis Table */
  --bg-thead-negative: rgba(247, 110, 121, 0.5);
  --bg-td-negative: rgba(247, 212, 215, 0.3);
  --bg-total-number: rgba(245, 61, 76, 0.6);
  --color-difference-positive-bg: rgba(247, 213, 110, 0.5);
  /* Production Status */
  --bg-include-status: #e6e7f0;
  /* Production Cards Mobile */
  --recipe-color-card: #1d8fc9;
  --transformation-color-card: #f2b90d;
  --recipe-type: #75c7f0;
  --productionCourtBackground: #eeeff5;
  --color-cards-receipt: #dee6f3;
  /* Purchases*/
  --bg-to-receive: #fff2cc;
  --text-to-receive: #aa8208;
  --bg-footer-modal: #e6e7f0;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
p.blue,
i.blue,
figcaption.blue,
a.blue,
span.blue,
li.blue,
label.blue,
strong.blue,
select.blue,
td.blue,
th.blue,
div.blue,
svg.blue {
  color: #ef6a2f;
}
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray,
p.gray,
i.gray,
figcaption.gray,
a.gray,
span.gray,
li.gray,
label.gray,
strong.gray,
select.gray,
td.gray,
th.gray,
div.gray,
svg.gray {
  color: #2659b2;
}
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success,
p.success,
i.success,
figcaption.success,
a.success,
span.success,
li.success,
label.success,
strong.success,
select.success,
td.success,
th.success,
div.success,
svg.success {
  color: #08aa15;
}
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger,
p.danger,
i.danger,
figcaption.danger,
a.danger,
span.danger,
li.danger,
label.danger,
strong.danger,
select.danger,
td.danger,
th.danger,
div.danger,
svg.danger {
  color: #660008;
}
h1.error,
h2.error,
h3.error,
h4.error,
h5.error,
h6.error,
p.error,
i.error,
figcaption.error,
a.error,
span.error,
li.error,
label.error,
strong.error,
select.error,
td.error,
th.error,
div.error,
svg.error {
  color: #f53d4c;
}
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
p.warning,
i.warning,
figcaption.warning,
a.warning,
span.warning,
li.warning,
label.warning,
strong.warning,
select.warning,
td.warning,
th.warning,
div.warning,
svg.warning {
  color: #664c00;
}
h1.info,
h2.info,
h3.info,
h4.info,
h5.info,
h6.info,
p.info,
i.info,
figcaption.info,
a.info,
span.info,
li.info,
label.info,
strong.info,
select.info,
td.info,
th.info,
div.info,
svg.info {
  color: #2659b2;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
p.dark,
i.dark,
figcaption.dark,
a.dark,
span.dark,
li.dark,
label.dark,
strong.dark,
select.dark,
td.dark,
th.dark,
div.dark,
svg.dark {
  color: #1b1e21;
}
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black,
i.black,
figcaption.black,
a.black,
span.black,
li.black,
label.black,
strong.black,
select.black,
td.black,
th.black,
div.black,
svg.black {
  color: #010311;
}
h1.default,
h2.default,
h3.default,
h4.default,
h5.default,
h6.default,
p.default,
i.default,
figcaption.default,
a.default,
span.default,
li.default,
label.default,
strong.default,
select.default,
td.default,
th.default,
div.default,
svg.default {
  color: #818182;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
i.white,
figcaption.white,
a.white,
span.white,
li.white,
label.white,
strong.white,
select.white,
td.white,
th.white,
div.white,
svg.white {
  color: #ffffff !important;
}
h1.lightGray,
h2.lightGray,
h3.lightGray,
h4.lightGray,
h5.lightGray,
h6.lightGray,
p.lightGray,
i.lightGray,
figcaption.lightGray,
a.lightGray,
span.lightGray,
li.lightGray,
label.lightGray,
strong.lightGray,
select.lightGray,
td.lightGray,
th.lightGray,
div.lightGray,
svg.lightGray {
  color: #eaeaea;
}
h1.disabledGray,
h2.disabledGray,
h3.disabledGray,
h4.disabledGray,
h5.disabledGray,
h6.disabledGray,
p.disabledGray,
i.disabledGray,
figcaption.disabledGray,
a.disabledGray,
span.disabledGray,
li.disabledGray,
label.disabledGray,
strong.disabledGray,
select.disabledGray,
td.disabledGray,
th.disabledGray,
div.disabledGray,
svg.disabledGray {
  color: #9296ac;
}
h1.materialBlue,
h2.materialBlue,
h3.materialBlue,
h4.materialBlue,
h5.materialBlue,
h6.materialBlue,
p.materialBlue,
i.materialBlue,
figcaption.materialBlue,
a.materialBlue,
span.materialBlue,
li.materialBlue,
label.materialBlue,
strong.materialBlue,
select.materialBlue,
td.materialBlue,
th.materialBlue,
div.materialBlue,
svg.materialBlue {
  color: #3f51b5 !important;
}
h1.navyBlue,
h2.navyBlue,
h3.navyBlue,
h4.navyBlue,
h5.navyBlue,
h6.navyBlue,
p.navyBlue,
i.navyBlue,
figcaption.navyBlue,
a.navyBlue,
span.navyBlue,
li.navyBlue,
label.navyBlue,
strong.navyBlue,
select.navyBlue,
td.navyBlue,
th.navyBlue,
div.navyBlue,
svg.navyBlue {
  color: #080b30;
}
h1.primaryColor,
h2.primaryColor,
h3.primaryColor,
h4.primaryColor,
h5.primaryColor,
h6.primaryColor,
p.primaryColor,
i.primaryColor,
figcaption.primaryColor,
a.primaryColor,
span.primaryColor,
li.primaryColor,
label.primaryColor,
strong.primaryColor,
select.primaryColor,
td.primaryColor,
th.primaryColor,
div.primaryColor,
svg.primaryColor {
  color: #ef6a2f !important;
}
h1.primaryColor td,
h2.primaryColor td,
h3.primaryColor td,
h4.primaryColor td,
h5.primaryColor td,
h6.primaryColor td,
p.primaryColor td,
i.primaryColor td,
figcaption.primaryColor td,
a.primaryColor td,
span.primaryColor td,
li.primaryColor td,
label.primaryColor td,
strong.primaryColor td,
select.primaryColor td,
td.primaryColor td,
th.primaryColor td,
div.primaryColor td,
svg.primaryColor td {
  color: #ef6a2f !important;
}
h1.secondaryColor,
h2.secondaryColor,
h3.secondaryColor,
h4.secondaryColor,
h5.secondaryColor,
h6.secondaryColor,
p.secondaryColor,
i.secondaryColor,
figcaption.secondaryColor,
a.secondaryColor,
span.secondaryColor,
li.secondaryColor,
label.secondaryColor,
strong.secondaryColor,
select.secondaryColor,
td.secondaryColor,
th.secondaryColor,
div.secondaryColor,
svg.secondaryColor {
  color: #2659b2 !important;
}
h1.secondaryColor td,
h2.secondaryColor td,
h3.secondaryColor td,
h4.secondaryColor td,
h5.secondaryColor td,
h6.secondaryColor td,
p.secondaryColor td,
i.secondaryColor td,
figcaption.secondaryColor td,
a.secondaryColor td,
span.secondaryColor td,
li.secondaryColor td,
label.secondaryColor td,
strong.secondaryColor td,
select.secondaryColor td,
td.secondaryColor td,
th.secondaryColor td,
div.secondaryColor td,
svg.secondaryColor td {
  color: #2659b2 !important;
}
h1.textBlue,
h2.textBlue,
h3.textBlue,
h4.textBlue,
h5.textBlue,
h6.textBlue,
p.textBlue,
i.textBlue,
figcaption.textBlue,
a.textBlue,
span.textBlue,
li.textBlue,
label.textBlue,
strong.textBlue,
select.textBlue,
td.textBlue,
th.textBlue,
div.textBlue,
svg.textBlue {
  color: #5062f0 !important;
}
h1.neutralColor,
h2.neutralColor,
h3.neutralColor,
h4.neutralColor,
h5.neutralColor,
h6.neutralColor,
p.neutralColor,
i.neutralColor,
figcaption.neutralColor,
a.neutralColor,
span.neutralColor,
li.neutralColor,
label.neutralColor,
strong.neutralColor,
select.neutralColor,
td.neutralColor,
th.neutralColor,
div.neutralColor,
svg.neutralColor {
  color: #9296ac;
}
h1.darkOrange,
h2.darkOrange,
h3.darkOrange,
h4.darkOrange,
h5.darkOrange,
h6.darkOrange,
p.darkOrange,
i.darkOrange,
figcaption.darkOrange,
a.darkOrange,
span.darkOrange,
li.darkOrange,
label.darkOrange,
strong.darkOrange,
select.darkOrange,
td.darkOrange,
th.darkOrange,
div.darkOrange,
svg.darkOrange {
  color: #ca7700;
}

.bgPrimary {
  background: #ef6a2f;
}

.bgSecondary {
  background: #2659b2;
}

.bgSuccess {
  background: #d4edda;
}

.bgDanger {
  background: #f8d7da;
}

.bgError {
  background: #e22121;
}

.bgWarning {
  background: #fff3cd;
}

.bgInfo {
  background: #d1ecf1;
}

.bgDark {
  background: #d6d8d9;
}

.bgDefault {
  background: #fefefe;
}

.bgNavyBlue {
  background: #080b30 !important;
}

.bgMainBlue {
  background: #030303;
}

.bgWhite {
  background: #fefefe !important;
}

.bgPrimary {
  background: #ef6a2f !important;
}

.bgPrimaryLighter {
  background: #f3d1c2 !important;
}

.bgPrimaryLightest {
  background: #ffe7dd !important;
}

.bgSoftWhite {
  background: #fefaf8 !important;
}

.noBg {
  background: transparent !important;
}

.textNeutralPrimary {
  color: #454a67;
}

.bgLightGray {
  background: #dee6f3;
}

.bgPurchaseOrder {
  background: #fce1d5 !important;
}

.fontBlack {
  color: #010311 !important;
}

.modalHeaderNewLayout {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px !important;
  width: 660px;
}
.modalHeaderNewLayout.navyBlue {
  background: #1f2445;
}
.modalHeaderNewLayout.darkBlue {
  background: #00094c;
}
.modalHeaderNewLayout h2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 21px;
  font-family: "Lato";
}
.modalHeaderNewLayout h2 button {
  top: -1px;
  right: -5px;
}
.modalHeaderNewLayout p {
  font-family: "Lato";
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.modalHeaderNewLayout button {
  padding: 0;
  top: 5px;
  right: 5px;
}
.modalHeaderNewLayout img {
  width: 35px;
}

/* Modal Header */
.modalHeader {
  display: flex;
  justify-content: space-between;
  background: var(--gradient-header-cmv-config-modal);
  padding: 12px 16px !important;
  font-weight: bold;
  cursor: move;
  border-radius: 4px 4px 0 0;
}
.modalHeader .qr-scanner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 20px;
}
.modalHeader .qr-scanner video {
  max-width: 100%;
  height: auto;
}
.modalHeader.navyBlue {
  background: #313347;
}
.modalHeader.lightBlue {
  background: var(--color-neutral-500);
}
.modalHeader.mainOrange {
  background: var(--theme-primary);
}
.modalHeader.lightestOrange {
  background: var(--color-primary-300);
}
.modalHeader.darkBlue {
  background: #00094c;
}
.modalHeader.transparent {
  background: transparent;
}
.modalHeader h2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 21px;
  font-family: "Lato";
}
.modalHeader h2 button {
  top: -1px;
  right: -5px;
}
.modalHeader p {
  font-family: "Lato";
  font-size: 16px;
  font-weight: 700;
  color: var(--color-neutral-0);
  text-transform: uppercase;
  line-height: 20px;
}
.modalHeader button {
  padding: 0;
  right: 5px;
}
.modalHeader img {
  width: 35px;
}

/* Modal Header */
.modalHeaderChangeUserMobile {
  display: flex;
  justify-content: space-between;
  background: var(--theme-primary);
  padding: 12px 16px !important;
}
.modalHeaderChangeUserMobile.navyBlue {
  background: #313347;
}
.modalHeaderChangeUserMobile.transparent {
  background: transparent;
}
.modalHeaderChangeUserMobile.darkBlue {
  background: #00094c;
}
.modalHeaderChangeUserMobile h2 {
  width: 100%;
  padding: 12px;
  height: 40px;
  font-family: "Lato";
  text-align: center;
}
.modalHeaderChangeUserMobile h2 button {
  top: -1px;
  right: -5px;
}
.modalHeaderChangeUserMobile p {
  font-family: "Lato";
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.modalHeaderChangeUserMobile button {
  padding: 0;
  top: 5px;
  right: 5px;
}
.modalHeaderChangeUserMobile img {
  width: 35px;
}

.modalHeaderSquares {
  display: flex;
  justify-content: space-between;
  background: var(--theme-primary);
  padding: 9px 15px 7px 11px !important;
}
.modalHeaderSquares.navyBlue {
  background: #313347;
}
.modalHeaderSquares.transparent {
  background: transparent;
}
.modalHeaderSquares.darkBlue {
  background: #00094c;
}
.modalHeaderSquares h2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 21px;
  font-family: "Lato";
}
.modalHeaderSquares h2 button {
  top: -1px;
  right: -5px;
}
.modalHeaderSquares p {
  font-family: "Lato";
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.modalHeaderSquares button {
  padding: 0;
  top: 5px;
  right: 5px;
}
.modalHeaderSquares img {
  width: 35px;
}

.modalHeaderProcess {
  display: flex;
  justify-content: space-between;
  background: var(--theme-primary);
  padding: 9px 15px 7px 11px !important;
}
.modalHeaderProcess.navyBlue {
  background: #313347;
}
.modalHeaderProcess.transparent {
  background: transparent;
}
.modalHeaderProcess.darkBlue {
  background: #00094c;
}
.modalHeaderProcess h2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 21px;
  font-family: "Lato";
}
.modalHeaderProcess h2 button {
  top: -1px;
  right: -5px;
}
.modalHeaderProcess p {
  font-family: "Lato";
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.modalHeaderProcess button {
  padding: 0;
  top: 5px;
  right: 5px;
}
.modalHeaderProcess img {
  width: 35px;
}

/* Default Modal */
.defaultModal {
  width: 80%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.defaultModal.fakePopover .MuiBackdrop-root {
  background: transparent;
}
.defaultModal.minWidth30 .MuiPaper-root {
  min-width: 30%;
}
.defaultModal.dialog100 .MuiPaper-root {
  width: 100%;
  max-width: 100%;
}
.defaultModal.dialog90 .MuiPaper-root {
  width: 90%;
  max-width: 90%;
}
.defaultModal.dialog80 .MuiPaper-root {
  width: 80%;
  max-width: 80%;
}
.defaultModal.dialog70 .MuiPaper-root {
  width: 70%;
  max-width: 70%;
}
.defaultModal.dialog60 .MuiPaper-root {
  width: 60%;
  max-width: 60%;
}
.defaultModal.dialog50 .MuiPaper-root {
  width: 50%;
  max-width: 50%;
}
.defaultModal.dialog35 .MuiPaper-root {
  width: 35%;
  max-width: 35%;
}
.defaultModal.dialog25 .MuiPaper-root {
  width: 25%;
  max-width: 25%;
}
.defaultModal .MuiDialog-container {
  width: 100%;
}
.defaultModal .MuiDialogContent-root {
  padding: 20px 16px;
}
.defaultModal .noBoxStyle {
  box-shadow: none !important;
  border: none !important;
}
.defaultModal .minHeight150px {
  min-height: 150px !important;
}
.defaultModal .modalContent {
  background: var(--bg-modal);
  padding: 16px;
  width: auto;
  height: auto;
  border: none;
  overflow-x: hidden;
}
.defaultModal .modalContent .primaryColor td {
  color: var(--theme-primary);
}
.defaultModal .modalContent:focus {
  outline: none;
}
.defaultModal .modalContent.onlyTable {
  background: #fff;
  padding: 0 0 8px 0;
}
.defaultModal .modalContent.onlyTable table {
  width: 100%;
  box-shadow: none;
  border: none;
}
.defaultModal .modalContent.onlyTable table svg {
  color: #313347;
}
.defaultModal .modalContent.onlyTable table thead .headerTitle {
  position: relative;
}
.defaultModal .modalContent.onlyTable table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-500);
  padding: 0px 16px;
  position: sticky;
  top: 0px;
  border-top: 1px solid var(--color-neutral-600);
}
.defaultModal .modalContent.onlyTable table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModal .modalContent.onlyTable table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModal .modalContent.onlyTable table thead th.titleLineBorder {
  padding: 0;
}
.defaultModal .modalContent.onlyTable table tbody td,
.defaultModal .modalContent.onlyTable table tbody tr {
  padding: 4px 16px;
}
.defaultModal .modalContent.onlyTable table td,
.defaultModal .modalContent.onlyTable table th {
  font-family: "Lato";
}
.defaultModal .modalContent.onlyTable table td.right,
.defaultModal .modalContent.onlyTable table th.right {
  text-align: right;
}
.defaultModal .modalContent.onlyTable table td.center,
.defaultModal .modalContent.onlyTable table th.center {
  text-align: center;
}
.defaultModal .modalContent.onlyTable table.noBorderRadiusTop thead th:first-of-type {
  border-top-left-radius: 0;
}
.defaultModal .modalContent.onlyTable table.noBorderRadiusTop thead th:last-of-type {
  border-top-right-radius: 0;
}
.defaultModal .modalContent.onlyTableProducts {
  background: #fff;
  padding: 0 0 8px 0;
}
.defaultModal .modalContent.onlyTableProducts table {
  width: 100%;
  box-shadow: rgba(4, 6, 26, 0.25) 0px 0px 8px;
  border: none;
}
.defaultModal .modalContent.onlyTableProducts table svg {
  color: #313347;
}
.defaultModal .modalContent.onlyTableProducts table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-500);
  padding: 8px 16px;
  position: sticky;
  top: 0px;
}
.defaultModal .modalContent.onlyTableProducts table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModal .modalContent.onlyTableProducts table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModal .modalContent.onlyTableProducts table thead th.titleLineBorder {
  padding: 0;
}
.defaultModal .modalContent.onlyTableProducts table tbody td,
.defaultModal .modalContent.onlyTableProducts table tbody tr {
  padding: 4px 16px;
}
.defaultModal .modalContent.onlyTableProducts table td,
.defaultModal .modalContent.onlyTableProducts table th {
  font-family: "Lato";
}
.defaultModal .modalContent.onlyTableProducts table td.right,
.defaultModal .modalContent.onlyTableProducts table th.right {
  text-align: right;
}
.defaultModal .modalContent.onlyTableProducts table td.center,
.defaultModal .modalContent.onlyTableProducts table th.center {
  text-align: center;
}
.defaultModal .modalContent.passwordDialog {
  background-color: var(--color-neutral-light);
}
.defaultModal .modalContent .passwordFieldsContainer {
  display: flex;
  background: var(--bg-modal);
  padding: 0px 12px 20px 10px;
  border: 1px solid var(--color-neutral-600);
  border-radius: 4px;
  margin-top: 10px;
}
.defaultModal .modalContent .modalSubtitle {
  background: #f6f6f8;
  color: var(--color-neutral-500);
  margin-bottom: 0;
  padding: 4px 16px;
  left: -16px;
  position: relative;
  width: calc(100% + 32px);
  font-weight: bold;
}
.defaultModal .modalContent .MuiContainer-root {
  padding: 0;
  margin: 0;
}
.defaultModal .modalContent .title {
  margin-bottom: 20px;
}
.defaultModal .modalContent table {
  border-radius: 4px;
  width: 100%;
}
.defaultModal .modalContent table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-500);
  padding: 0px 12px;
  position: sticky;
  top: -20px;
  font-size: 0.75rem;
}
.defaultModal .modalContent table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModal .modalContent table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModal .modalContent table thead th.titleLineBorder {
  padding: 0;
}
.defaultModal .modalContent table tbody td {
  padding: 0px 12px;
}
.defaultModal .modalContent table td.alignRight {
  display: flex;
  justify-content: flex-end;
}
.defaultModal .dialogActions {
  padding: 0;
}

.defaultModalSuppliers {
  width: 80%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.defaultModalSuppliers.fakePopover .MuiBackdrop-root {
  background: transparent;
}
.defaultModalSuppliers.minWidth30 .MuiPaper-root {
  min-width: 30%;
}
.defaultModalSuppliers.dialog100 .MuiPaper-root {
  width: 100%;
  max-width: 100%;
}
.defaultModalSuppliers.dialog90 .MuiPaper-root {
  width: 90%;
  max-width: 90%;
}
.defaultModalSuppliers.dialog80 .MuiPaper-root {
  width: 80%;
  max-width: 80%;
}
.defaultModalSuppliers.dialog70 .MuiPaper-root {
  width: 70%;
  max-width: 70%;
}
.defaultModalSuppliers.dialog60 .MuiPaper-root {
  width: 60%;
  max-width: 60%;
}
.defaultModalSuppliers.dialog50 .MuiPaper-root {
  width: 50%;
  max-width: 50%;
}
.defaultModalSuppliers.dialog35 .MuiPaper-root {
  width: 35%;
  max-width: 35%;
}
.defaultModalSuppliers.dialog25 .MuiPaper-root {
  width: 25%;
  max-width: 25%;
}
.defaultModalSuppliers .MuiDialog-container {
  width: 100%;
}
.defaultModalSuppliers .MuiDialogContent-root {
  padding: 20px 16px;
}
.defaultModalSuppliers .noBoxStyle {
  box-shadow: none !important;
  border: none !important;
}
.defaultModalSuppliers .minHeight150px {
  min-height: 150px !important;
}
.defaultModalSuppliers .modalContent {
  background: var(--bg-modal);
  padding: 16px;
  width: auto;
  height: auto;
  border: none;
  overflow-x: hidden;
}
.defaultModalSuppliers .modalContent .primaryColor td {
  color: var(--theme-primary);
}
.defaultModalSuppliers .modalContent:focus {
  outline: none;
}
.defaultModalSuppliers .modalContent.onlyTable {
  background: #fff;
  padding: 0 0 8px 0;
}
.defaultModalSuppliers .modalContent.onlyTable table {
  width: 100%;
  box-shadow: none;
  border: none;
}
.defaultModalSuppliers .modalContent.onlyTable table svg {
  color: #313347;
}
.defaultModalSuppliers .modalContent.onlyTable table thead .headerTitle {
  position: relative;
}
.defaultModalSuppliers .modalContent.onlyTable table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-500);
  padding: 0px 16px;
  position: sticky;
  top: 0px;
  border-top: 1px solid var(--color-neutral-600);
}
.defaultModalSuppliers .modalContent.onlyTable table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModalSuppliers .modalContent.onlyTable table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModalSuppliers .modalContent.onlyTable table thead th.titleLineBorder {
  padding: 0;
}
.defaultModalSuppliers .modalContent.onlyTable table tbody td,
.defaultModalSuppliers .modalContent.onlyTable table tbody tr {
  padding: 4px 16px;
}
.defaultModalSuppliers .modalContent.onlyTable table td,
.defaultModalSuppliers .modalContent.onlyTable table th {
  font-family: "Lato";
}
.defaultModalSuppliers .modalContent.onlyTable table td.right,
.defaultModalSuppliers .modalContent.onlyTable table th.right {
  text-align: right;
}
.defaultModalSuppliers .modalContent.onlyTable table td.center,
.defaultModalSuppliers .modalContent.onlyTable table th.center {
  text-align: center;
}
.defaultModalSuppliers .modalContent.onlyTableProducts {
  background: #fff;
  padding: 0 0 8px 0;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table {
  width: 100%;
  box-shadow: rgba(4, 6, 26, 0.25) 0px 0px 8px;
  border: none;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table svg {
  color: #313347;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-500);
  padding: 8px 16px;
  position: sticky;
  top: 0px;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table thead th.titleLineBorder {
  padding: 0;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table tbody td,
.defaultModalSuppliers .modalContent.onlyTableProducts table tbody tr {
  padding: 4px 16px;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table td,
.defaultModalSuppliers .modalContent.onlyTableProducts table th {
  font-family: "Lato";
}
.defaultModalSuppliers .modalContent.onlyTableProducts table td.right,
.defaultModalSuppliers .modalContent.onlyTableProducts table th.right {
  text-align: right;
}
.defaultModalSuppliers .modalContent.onlyTableProducts table td.center,
.defaultModalSuppliers .modalContent.onlyTableProducts table th.center {
  text-align: center;
}
.defaultModalSuppliers .modalContent .modalSubtitle {
  background: #f6f6f8;
  color: var(--color-neutral-500);
  margin-bottom: 0;
  padding: 4px 16px;
  left: -16px;
  position: relative;
  width: calc(100% + 32px);
  font-weight: bold;
}
.defaultModalSuppliers .modalContent .MuiContainer-root {
  padding: 0;
  margin: 0;
}
.defaultModalSuppliers .modalContent .title {
  margin-bottom: 20px;
}
.defaultModalSuppliers .modalContent table {
  border-radius: 8px;
  width: 100%;
}
.defaultModalSuppliers .modalContent table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-500);
  padding: 0px 12px;
  position: sticky;
  top: -20px;
  font-size: 0.75rem;
}
.defaultModalSuppliers .modalContent table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModalSuppliers .modalContent table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModalSuppliers .modalContent table thead th.titleLineBorder {
  padding: 0;
}
.defaultModalSuppliers .modalContent table tbody td {
  padding: 0px 12px;
}
.defaultModalSuppliers .modalContent table td.alignRight {
  display: flex;
  justify-content: flex-end;
}
.defaultModalSuppliers .dialogActions {
  padding: 0;
}

/* Store First Selector Dialog */
.storeFirstSelectorDialog p,
.storeFirstSelectorDialog span,
.storeFirstSelectorDialog li,
.storeFirstSelectorDialog div,
.storeFirstSelectorDialog button {
  font-family: "Kodchasan", sans-serif !important;
}
.storeFirstSelectorDialog h2 p {
  font-size: 0.875rem;
}
.storeFirstSelectorDialog span {
  font-weight: bold;
}
.storeFirstSelectorDialog .MuiPaper-root {
  width: 33%;
}
@media only screen and (max-width: 1024px) {
  .storeFirstSelectorDialog .MuiPaper-root {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .storeFirstSelectorDialog .MuiPaper-root {
    width: 90%;
  }
}
@media only screen and (max-width: 430px) {
  .storeFirstSelectorDialog {
    width: 100%;
  }
  .storeFirstSelectorDialog .MuiPaper-root {
    width: 100%;
  }
}
.storeFirstSelectorDialog .MuiList-root {
  margin-left: 0;
}
.storeFirstSelectorDialog .MuiList-root .MuiCollapse-vertical .MuiButtonBase-root {
  border-bottom: solid 1px var(--color-neutral-300);
  font-size: 0.938rem !important;
  padding-left: 16px !important;
}
.storeFirstSelectorDialog .MuiList-root .MuiCollapse-vertical .MuiButtonBase-root span {
  font-weight: normal;
  font-size: 0.938rem !important;
}
.storeFirstSelectorDialog .MuiList-root .MuiCollapse-vertical .MuiButtonBase-root .bold span {
  font-weight: bold;
}
.storeFirstSelectorDialog .MuiList-root .MuiCollapse-vertical .MuiButtonBase-root:last-of-type {
  border-bottom: none;
}

/*Modal change user*/
.defaultModalChangeUser {
  width: 80%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.defaultModalChangeUser.defaultWidth85 {
  width: 85%;
}
.defaultModalChangeUser.fakeDialogTitle .modalHeader {
  background: transparent;
}
.defaultModalChangeUser.fakeDialogTitle .modalHeader p {
  color: #0f1225;
  text-transform: initial;
}
.defaultModalChangeUser.fakePopover .MuiBackdrop-root {
  background: transparent;
}
.defaultModalChangeUser.miniModal .MuiDialog-paperWidthSm {
  max-width: 311px;
}
.defaultModalChangeUser.mobileModal .MuiDialog-paper {
  min-width: 304px;
  width: auto;
}
@media screen and (max-device-width: 458px) {
  .defaultModalChangeUser.smallModal .MuiDialog-paper {
    min-width: 304px;
    width: auto;
  }
}
.defaultModalChangeUser.smallModal .MuiDialog-paper {
  min-width: 450px;
  width: auto;
}
.defaultModalChangeUser.mediumModal.minWidth .MuiDialog-paper {
  min-width: 500px;
}
.defaultModalChangeUser.mediumModal .MuiDialog-paper {
  max-width: 710px;
  width: auto;
}
.defaultModalChangeUser.bigModal .MuiDialog-paper {
  max-width: 850px;
  width: auto;
}
.defaultModalChangeUser.bigModal-help .MuiDialog-paper {
  max-width: 50%;
  width: auto;
}
.defaultModalChangeUser.certificate-modal .MuiDialog-paper {
  max-width: 385px;
  width: auto;
}
.defaultModalChangeUser.largeModal {
  width: 95% !important;
}
.defaultModalChangeUser.largeModal .MuiPaper-root {
  margin: 0;
}
.defaultModalChangeUser.modal1085 {
  max-width: 1085px;
}
.defaultModalChangeUser.dialog100 .MuiPaper-root {
  width: 100%;
  max-width: 100%;
}
.defaultModalChangeUser .MuiDialog-container {
  width: 100%;
  height: 90%;
  display: flex;
  align-items: flex-start;
}
.defaultModalChangeUser .noBoxStyle {
  box-shadow: none !important;
  border: none !important;
}
.defaultModalChangeUser .minHeight150px {
  min-height: 150px !important;
}
.defaultModalChangeUser .modalContent {
  background: #f6f6f8;
  padding: 16px;
  width: 100%;
  height: auto;
  border: none;
  overflow-x: hidden;
}
.defaultModalChangeUser .modalContent .primaryColor td {
  color: var(--theme-primary);
}
.defaultModalChangeUser .modalContent:focus {
  outline: none;
}
.defaultModalChangeUser .modalContent.onlyTable {
  background: #fff;
  padding: 0 0 8px 0;
}
.defaultModalChangeUser .modalContent.onlyTable table {
  width: 100%;
  box-shadow: none;
  border: none;
}
.defaultModalChangeUser .modalContent.onlyTable table svg {
  color: #313347;
}
.defaultModalChangeUser .modalContent.onlyTable table thead th {
  background-color: var(--tableHead-primary);
  color: var(--color-neutral-500);
  padding: 8px 16px;
  position: sticky;
  top: 0px;
}
.defaultModalChangeUser .modalContent.onlyTable table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModalChangeUser .modalContent.onlyTable table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModalChangeUser .modalContent.onlyTable table thead th.titleLineBorder {
  padding: 0;
}
.defaultModalChangeUser .modalContent.onlyTable table tbody td,
.defaultModalChangeUser .modalContent.onlyTable table tbody tr {
  padding: 4px 16px;
}
.defaultModalChangeUser .modalContent.onlyTable table td,
.defaultModalChangeUser .modalContent.onlyTable table th {
  font-family: "Lato";
}
.defaultModalChangeUser .modalContent.onlyTable table td.right,
.defaultModalChangeUser .modalContent.onlyTable table th.right {
  text-align: right;
}
.defaultModalChangeUser .modalContent.onlyTable table td.center,
.defaultModalChangeUser .modalContent.onlyTable table th.center {
  text-align: center;
}
.defaultModalChangeUser .modalContent.onlyTableProducts {
  background: #fff;
  padding: 0 0 8px 0;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table {
  width: 100%;
  box-shadow: rgba(4, 6, 26, 0.25) 0px 0px 8px;
  border: none;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table svg {
  color: #313347;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-600);
  padding: 8px 16px;
  position: sticky;
  top: 0px;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table thead th.titleLineBorder {
  padding: 0;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table tbody td,
.defaultModalChangeUser .modalContent.onlyTableProducts table tbody tr {
  padding: 4px 16px;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table td,
.defaultModalChangeUser .modalContent.onlyTableProducts table th {
  font-family: "Lato";
}
.defaultModalChangeUser .modalContent.onlyTableProducts table td.right,
.defaultModalChangeUser .modalContent.onlyTableProducts table th.right {
  text-align: right;
}
.defaultModalChangeUser .modalContent.onlyTableProducts table td.center,
.defaultModalChangeUser .modalContent.onlyTableProducts table th.center {
  text-align: center;
}
.defaultModalChangeUser .modalContent .modalSubtitle {
  background: #f6f6f8;
  color: var(--color-neutral-500);
  margin-bottom: 0;
  padding: 4px 16px;
  left: -16px;
  position: relative;
  width: calc(100% + 32px);
  font-weight: bold;
}
.defaultModalChangeUser .modalContent .MuiContainer-root {
  padding: 0;
  margin: 0;
}
.defaultModalChangeUser .modalContent .title {
  margin-bottom: 20px;
}
.defaultModalChangeUser .modalContent table {
  border-radius: 4px;
  box-shadow: 0px 0px 8px rgba(4, 6, 26, 0.25);
  width: 100%;
}
.defaultModalChangeUser .modalContent table thead th {
  background: var(--tableHead-primary);
  color: var(--color-neutral-600);
  padding: 8px 12px;
  position: sticky;
  top: -20px;
  font-size: 0.75rem;
}
.defaultModalChangeUser .modalContent table thead th:first-of-type {
  border-top-left-radius: 4px;
}
.defaultModalChangeUser .modalContent table thead th:last-of-type {
  border-top-right-radius: 4px;
}
.defaultModalChangeUser .modalContent table thead th.titleLineBorder {
  padding: 0;
}
.defaultModalChangeUser .modalContent table tbody td {
  padding: 4px 12px;
}
.defaultModalChangeUser .modalContent table td.alignRight {
  display: flex;
  justify-content: flex-end;
}

/* Periodicity Register Dialog */
.periodicityRegisterDialog .MuiPaper-root {
  max-width: 730px;
}

/* Registers Modal */
.modalRegisterContainer {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalRegisterContainer .MuiPaper-root {
  width: 70%;
  max-width: 100%;
}
.modalRegisterContainer .MuiPaper-root .MuiPaper-root {
  width: 100%;
}
.modalRegisterContainer .modalContent .modalTitle {
  font-weight: bold;
  color: #ffffff;
  background: #3f51b5;
  min-height: 44px;
  padding: 0 24px !important;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.modalRegisterContainer.small {
  width: 50%;
}
.modalRegisterContainer.small .modalContent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.modalRegisterContainer.small .modalContent h4 {
  margin-bottom: 20px;
  font-weight: bold;
}
.modalRegisterContainer.small .modalActions {
  display: flex;
  justify-content: center;
}
.modalRegisterContainer.small .modalActions button:first-of-type {
  margin-right: 20px;
}

/* Confirmations Modal */
.modalConfirmationContainer.small {
  width: 50%;
}
.modalConfirmationContainer.small .modalContent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.modalConfirmationContainer.small .modalContent h4 {
  margin-bottom: 20px;
  font-weight: bold;
}
.modalConfirmationContainer.small .modalActions {
  display: flex;
  justify-content: center;
}
.modalConfirmationContainer.small .modalActions button:first-of-type {
  margin-right: 20px;
}

/* Product Table Dialog */
.productTableDialog {
  width: 100%;
}
.productTableDialog .input-search-sku-site {
  display: none;
}
.productTableDialog #categoryContainer {
  width: 12vw;
}
.productTableDialog #categoryContainer label {
  display: block;
  margin-bottom: 9px;
}
.productTableDialog #categoryBox {
  width: 100%;
}
.productTableDialog #categoryBox label {
  width: 100%;
  margin-bottom: 0;
}
.productTableDialog #categoryBox label input {
  width: 100%;
  border-bottom: 1px solid #000;
}
.productTableDialog .MuiPaper-root {
  width: 90%;
  max-width: 100%;
}
.productTableDialog .MuiAlert-root {
  width: 100%;
}
.productTableDialog table {
  margin-bottom: 60px;
}
.productTableDialog tbody tr.dividerBg {
  background: rgba(146, 150, 172, 0.2);
}
.productTableDialog .pagination {
  position: fixed;
  width: 99%;
  bottom: 0;
  background: #f6f6f8;
  padding: 10px 8px 10px 15px;
  margin: 0 0 0 -16px;
  z-index: 999;
}

/* Sku Modal */
.skuModalContainer .MuiPaper-root {
  width: 95%;
  height: 90%;
  margin: auto;
  background: #f6f6f8;
  border-radius: 4px;
  overflow: hidden;
}
.skuModalContainer .treeAutocompleteField {
  z-index: 2;
}
.skuModalContainer .treeAutocompleteField .MuiPaper-root {
  height: auto;
  width: auto;
  overflow: auto;
}
.skuModalContainer .MuiGrid-root {
  margin: 0;
}
.skuModalContainer #draggable-dialog-title {
  padding: 0;
}
.skuModalContainer .divider {
  border-top: 1px solid rgb(102, 103, 112);
  width: 100%;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 20px;
}
.skuModalContainer .MuiDialog-paperScrollPaper {
  overflow-x: hidden;
}
.skuModalContainer .modalContent {
  padding: 16px;
}
.skuModalContainer .productMainInfosContainer .customSpacing {
  height: 30.75px;
}
.skuModalContainer .modalContent,
.skuModalContainer .MuiDialogActions-root {
  background: #f6f6f8;
}
.skuModalContainer .modalBox {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.skuModalContainer .modalBox .MuiInputBase-root {
  padding: 6px 0px 0 !important;
}
.skuModalContainer .modalBox .MuiInputBase-root input,
.skuModalContainer .modalBox .MuiInputBase-root textarea {
  background: #fff;
  padding: 4px !important;
  margin: 0;
}
.skuModalContainer .modalBox .tagsListContainer .autocompleteSmall .MuiInputBase-root {
  background: #fff;
  margin-top: 6px;
  padding-top: 0 !important;
}
.skuModalContainer .modalBox .autocompleteSmall .MuiAutocomplete-endAdornment {
  top: 58%;
}
.skuModalContainer .modalBox .textFieldSmall .MuiIconButton-root {
  margin-right: 0;
  background: #fff;
  border-radius: 0;
}
.skuModalContainer .modalBox.inventoryInfosBox .autocompleteSmall .MuiChip-root, .skuModalContainer .modalBox.mepInfosBox .autocompleteSmall .MuiChip-root {
  width: 83%;
}
.skuModalContainer .modalBox.inventoryInfosBox .autocompleteSmall .MuiAutocomplete-endAdornment, .skuModalContainer .modalBox.mepInfosBox .autocompleteSmall .MuiAutocomplete-endAdornment {
  display: flex;
  width: 17%;
  justify-content: flex-end;
  top: 50%;
}
.skuModalContainer .modalBox.inventoryInfosBox .autocompleteSmall .MuiAutocomplete-endAdornment .MuiAutocomplete-clearIndicator, .skuModalContainer .modalBox.mepInfosBox .autocompleteSmall .MuiAutocomplete-endAdornment .MuiAutocomplete-clearIndicator {
  display: none;
}
.skuModalContainer .modalBox.inventoryInfosBox .autocompleteSmall .MuiAutocomplete-endAdornment .MuiAutocomplete-popupIndicator, .skuModalContainer .modalBox.mepInfosBox .autocompleteSmall .MuiAutocomplete-endAdornment .MuiAutocomplete-popupIndicator {
  width: 100%;
}
.skuModalContainer .modalBox.inventoryInfosBox .autocompleteSmall .MuiInputBase-root, .skuModalContainer .modalBox.mepInfosBox .autocompleteSmall .MuiInputBase-root {
  overflow: hidden;
  padding: 0px 3px !important;
  background: #fff;
  margin-top: 6px;
  display: flex;
  flex-wrap: nowrap;
}
.skuModalContainer .modalBox.inventoryInfosBox .autocompleteSmall .MuiInputBase-root.Mui-focused, .skuModalContainer .modalBox.mepInfosBox .autocompleteSmall .MuiInputBase-root.Mui-focused {
  flex-wrap: wrap;
}
.skuModalContainer .modalBox.mepInfosBox .itemWithModal .MuiAutocomplete-root {
  width: 100%;
}
.skuModalContainer .modalBox form {
  width: 100%;
}
.skuModalContainer .modalBox form .MuiButtonBase-root {
  padding: 5px 0 5px 12px;
}
.skuModalContainer .modalBox.boxShadowCustom {
  justify-content: flex-start;
  box-shadow: 0px 5px 5px 2px #ccc;
  border-radius: 0;
}
.skuModalContainer .modalBox.cardDefault {
  background: var(--color-neutral-soft);
}
.skuModalContainer .modalBox.cardDefault .autocompleteSmall .MuiInputBase-root {
  padding-right: 7px;
}
.skuModalContainer .modalBox.cardDefault.skuBlueBgInfos {
  background: #7583f0;
}
.skuModalContainer .modalBox.cardDefault.skuBlueBgInfos label {
  color: #fff;
}
.skuModalContainer .cardDefault.skuBlueBgInfos {
  background: rgba(var(--color-primary-rgb), 0.1);
}
.skuModalContainer .cardDefault.skuBlueBgInfos label {
  color: var(--color-neutral-500);
}
.skuModalContainer .cardDefault.skuBlueBgInfos .cropImageBox {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-image);
  border-radius: 2px;
  flex-wrap: nowrap;
}
.skuModalContainer .cardDefault.skuBlueBgInfos .cropImageBox .cropDataSmallBox {
  width: 145px;
  height: 145px;
  margin-top: 10px;
}
.skuModalContainer .cardDefault.skuBlueBgInfos .cropImageBox.adminCropImage .itemWithModal {
  flex-direction: column;
}
.skuModalContainer .cardDefault.skuBlueBgInfos .cropImageBox.adminCropImage .itemWithModal .cropDataSmallBox {
  margin-right: 0 !important;
}
.skuModalContainer .cardDefault.skuBlueBgInfos .priceInfos {
  position: absolute;
  top: -20px;
  width: -webkit-fill-available;
}
.skuModalContainer .cardDefault.skuBlueBgInfos .priceInfos .priceInfosValues {
  background: #fff;
  margin-top: 5px;
  padding: 4px;
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  color: rgb(31, 36, 69);
  font-weight: bold;
  border: 1px solid var(--color-neutral-600);
  border-radius: 4px;
}
.skuModalContainer .modalTitle {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 !important;
}
.skuModalContainer .modalTitle p {
  border-radius: 4px 4px 0px 0px;
  padding: 7px 0px;
  color: #1f2445;
  font-size: 14px;
}
.skuModalContainer .modalTitle p .title {
  color: var(--theme-primary);
  font-weight: bold;
  font-size: 14px !important;
  text-transform: uppercase;
}
.skuModalContainer .modalTitle .actionButton span {
  font-size: 12px;
  font-family: "Lato";
  padding: 0 12px;
}
.skuModalContainer .modalTitle .actionButton svg {
  color: #ffffff;
}
.skuModalContainer .modalTitle.smallTab p {
  min-width: 50px;
  border-radius: 4px 0px 0px 0px;
}
.skuModalContainer .modalTitle.smallTab .cardTab {
  display: flex;
  background: #0e1337;
  border-radius: 0px 4px 0px 0px;
  padding: 4.8px 16px;
}
.skuModalContainer .modalTitle.smallTab .cardTab p,
.skuModalContainer .modalTitle.smallTab .cardTab span {
  margin-bottom: 0;
  color: #d0d3e2;
  font-size: 12px;
  font-family: "Lato";
}
.skuModalContainer .modalTitle.smallTab .cardTab p {
  padding: 0 !important;
  background: transparent;
  border-radius: 0;
  text-transform: inherit;
}
.skuModalContainer .modalTitle.smallTab .cardTab span {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.skuModalContainer .modalTitle.smallTabSecondary p {
  border-radius: 4px 0px 0px 0px;
}
.skuModalContainer .modalTitle.smallTabSecondary .cardTab {
  display: flex;
  background: #0e1337;
  border-radius: 0px 4px 0px 0px;
  padding: 4.8px 16px;
}
.skuModalContainer .modalTitle.smallTabSecondary .cardTab p,
.skuModalContainer .modalTitle.smallTabSecondary .cardTab span {
  margin-bottom: 0;
  color: #d0d3e2;
  font-size: 12px;
  font-family: "Lato";
}
.skuModalContainer .modalTitle.smallTabSecondary .cardTab p {
  padding: 0 !important;
  background: transparent;
  border-radius: 0;
  text-transform: inherit;
}
.skuModalContainer .modalTitle.smallTabSecondary .cardTab span {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.skuModalContainer .skuProductContainer .MuiGrid-root {
  width: 100%;
  margin: 0;
}
.skuModalContainer .skuProductContainer .specificationField.MuiGrid-grid-xs-10 {
  max-width: 83%;
}
.skuModalContainer .associatedSkusBox {
  padding: 0 0 16px 10px;
}
.skuModalContainer .associatedSkusBox .skuTableWrapper {
  max-height: 200px;
  overflow-y: auto;
  border-radius: 8px;
}
.skuModalContainer .associatedSkusBox table {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #1f2445;
  border-collapse: separate;
  border-spacing: 0;
}
.skuModalContainer .associatedSkusBox table thead tr.headerTitle th {
  background-clip: padding-box;
}
.skuModalContainer .associatedSkusBox table thead tr.headerTitle th:first-child {
  border-top-left-radius: 8px;
}
.skuModalContainer .associatedSkusBox table thead tr.headerTitle th:last-child {
  border-top-right-radius: 8px;
}
.skuModalContainer .associatedSkusBox table thead th {
  font-size: 0.563rem !important;
  background: var(--tableHead-primary);
  position: sticky;
  top: 0;
  z-index: 2;
}
.skuModalContainer .associatedSkusBox table tbody tr.currentSkuLine {
  background: rgba(var(--color-primary-300-rgb), 0.7);
}
.skuModalContainer .associatedSkusBox table tbody .currentSkuLine td,
.skuModalContainer .associatedSkusBox table tbody .currentSkuLine td * {
  font-weight: bold;
}
.skuModalContainer .skuMainInfosContainer {
  background: var(--color-neutral-200);
}
.skuModalContainer .skuMainInfosContainer .checkBoxSmall img {
  background: white;
  border-radius: 5px;
}
.skuModalContainer .skuSuppliersContainer {
  background: rgba(var(--color-primary-rgb), 0.1) !important;
  border: 1px solid var(--color-neutral-600);
  border-radius: 0px 0px 8px 8px;
  margin-right: 20px;
  margin-left: 20px;
}
.skuModalContainer .skuSuppliersContainer .addPackageContainer .currencyTextFieldSmall .MuiInputBase-root {
  padding-top: 6px !important;
}
.skuModalContainer .skuSuppliersContainer.cardSupplier {
  background: var(--bg-modal-sku);
  margin-right: 20px;
  margin-left: 20px;
  border: 1px solid var(--color-neutral-600);
  border-radius: 0px 0px 8px 8px;
}
.skuModalContainer .skuSuppliersContainer.bgNormal {
  background: var(--color-neutral-200);
}
.skuModalContainer .skuSuppliersContainer table {
  border: 1px solid var(--color-primary-500);
}
.skuModalContainer .skuSuppliersContainer table td.tableBorderLeft {
  border-left: 1px solid var(--color-primary-500);
}
.skuModalContainer .skuSuppliersContainer table thead th {
  background: var(--color-primary-500);
  color: var(--color-neutral-0);
  border-bottom: none;
}
.skuModalContainer .skuSuppliersContainer table.supplierMode {
  border: 1px solid var(--color-neutral-600);
}
.skuModalContainer .skuSuppliersContainer table.supplierMode td.tableBorderLeft {
  border-left: 1px solid var(--color-neutral-300);
}
.skuModalContainer .skuSuppliersContainer table.supplierMode thead th {
  background: var(--bg-modal);
  color: var(--color-neutral-500);
}
.skuModalContainer .skuSuppliersContainer table tbody .MuiPopper-root {
  min-width: 7.5rem;
}
.skuModalContainer .skuSuppliersContainer table tbody .textFieldSmall .MuiInputBase-root,
.skuModalContainer .skuSuppliersContainer table tbody .autocompleteSmall .MuiInputBase-root,
.skuModalContainer .skuSuppliersContainer table tbody .currencyTextFieldSmall .MuiInputBase-root {
  padding-top: 3px !important;
}
.skuModalContainer .inputBox {
  margin-bottom: 10px;
  padding: 0 8px 0 0 !important;
}
.skuModalContainer .inputBox.p-0 {
  padding: 0 !important;
}
.skuModalContainer .textAreaBox {
  padding: 0 !important;
}
.skuModalContainer .itemWithModal {
  align-items: flex-start;
  display: flex;
}
.skuModalContainer .itemWithModal .MuiAutocomplete-root {
  width: 82%;
}
.skuModalContainer .itemWithModal .MuiAutocomplete-root .MuiFormControl-root {
  width: 100% !important;
}
.skuModalContainer .itemWithModal .MuiInputBase-root {
  z-index: 9;
}
.skuModalContainer .itemWithModal .modalButton {
  padding: 5px 0 5px 10px;
}
.skuModalContainer .itemWithModal .defaultButton:disabled {
  background: transparent !important;
  color: #313347 !important;
  border: solid 1px #313347 !important;
}
.skuModalContainer .itemWithModal .defaultButton:disabled span {
  color: #313347 !important;
}
.skuModalContainer .customSpacingAutocomplete .itemWithModal .MuiAutocomplete-root {
  width: 100%;
}
.skuModalContainer .addSkuButton {
  position: absolute !important;
  right: 20px;
  background-color: rgba(63, 81, 181, 0.6) !important;
}
.skuModalContainer .addSkuButton:hover {
  background-color: rgb(63, 81, 181) !important;
}
.skuModalContainer .addSkuButton svg {
  color: #ffffff;
}
.skuModalContainer .customSkuModalGridItem {
  flex-grow: 1 !important;
}
.skuModalContainer .productUseOnCardsCustomGrid {
  padding-right: 10px !important;
  max-width: 152px !important;
}
.skuModalContainer .productTakeInventoryCustomGrid {
  max-width: 161px !important;
}
.skuModalContainer .unifySkusCustomGrid {
  padding-right: 0 !important;
  max-width: 212px !important;
}
.skuModalContainer .skuUnitMeasurementsBox .MuiInputBase-root {
  padding-right: 0 !important;
}
.skuModalContainer .skuUnitMeasurementsBox .MuiInputBase-root .MuiAutocomplete-endAdornment {
  width: 100%;
  right: 0;
  display: flex;
  justify-content: flex-end;
}
.skuModalContainer .tagsManagerBox {
  border: solid 1px #1f2445;
  border-radius: 0px 4px 4px 0px;
}
.skuModalContainer .tagsManagerBox .headerSubtitle th {
  background: #d0d3e2 !important;
  color: #1f2445;
}
.skuModalContainer .tagsManagerBox tbody {
  background: #7583f0;
}
.skuModalContainer .tagsManagerBox tbody td {
  color: #fff;
}
.skuModalContainer .cropImageBox .defaultButton {
  background: var(--theme-primary);
  padding: 5px 10px !important;
  font-size: 12px !important;
}
.skuModalContainer .cropImageBox .defaultButton:hover {
  background: var(--theme-primary);
}
.skuModalContainer .cropImageBox .defaultButton span {
  color: #fff;
  font-size: 12px;
}
.skuModalContainer .cropImageBox .defaultButton.backButton span {
  color: #313347;
}

/* Google Search Dialog */
.googleSearchImageDialog .MuiPaper-root {
  width: 63.5%;
  max-width: 100%;
}
.googleSearchImageDialog .MuiSnackbar-root {
  width: 440px;
}
.googleSearchImageDialog .MuiAlert-root {
  width: 100%;
}
.googleSearchImageDialog .modalHeader a {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  margin-right: 30px;
  text-decoration: underline;
}
.googleSearchImageDialog .searchBox {
  margin-bottom: 15px;
}
.googleSearchImageDialog .searchBox img {
  width: 44px;
  height: 44px;
  cursor: pointer;
  z-index: 99999;
}
.googleSearchImageDialog .searchBox .textFieldSmall {
  margin: 1px 0 0 -20px;
  height: 42px;
  width: 400px;
}
.googleSearchImageDialog .searchBox .textFieldSmall .MuiInputBase-root {
  height: 100%;
}
.googleSearchImageDialog .searchBox .textFieldSmall input {
  height: 100%;
  width: 100%;
  padding: 0 0 0 30px;
  margin: 0;
  border: 1px solid var(--theme-primary);
  border-left: none;
  border-radius: 8px;
}
.googleSearchImageDialog .searchBox .textFieldSmall fieldset {
  border-bottom: none;
}
.googleSearchImageDialog .imageOptionsContainer {
  margin-bottom: -15px;
}
.googleSearchImageDialog .imageOptionsContainer .imageOptionBox {
  width: 176px;
  float: left;
  margin: 0 12px 12px 0;
}
.googleSearchImageDialog .imageOptionsContainer .imageOptionBox:last-of-type, .googleSearchImageDialog .imageOptionsContainer .imageOptionBox:nth-of-type(4n) {
  margin-right: 0;
}
.googleSearchImageDialog .imageOptionsContainer .imageBox {
  width: 100%;
  height: 176px;
  border: 1px solid #f2f3f8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.googleSearchImageDialog .imageOptionsContainer img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.googleSearchImageDialog .imageOptionsContainer .refLinkUrl {
  align-items: center;
  margin-bottom: 5px;
  width: 100%;
}
.googleSearchImageDialog .imageOptionsContainer .refLinkUrl span,
.googleSearchImageDialog .imageOptionsContainer .refLinkUrl a {
  font-size: 12px;
  width: 100%;
}
.googleSearchImageDialog .imageOptionsContainer .refLinkUrl span {
  margin: 2px 0;
}
.googleSearchImageDialog .imageOptionsContainer .refLinkUrl a {
  text-decoration: underline;
}
.googleSearchImageDialog .MuiLinearProgress-root {
  height: 10px;
}

/* Image Cropper Dialog */
.imageCropperDialog .MuiPaper-root {
  width: 80%;
  max-width: 100%;
}
.imageCropperDialog .imgCropBox {
  width: 580px;
}
.imageCropperDialog .imgPreviewBox p {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.imageCropperDialog .imgPreviewBox p td {
  font-size: 14px;
  text-align: center;
}
.imageCropperDialog .actionButtons {
  margin-top: 10px;
}
.imageCropperDialog .actionButtons .defaultButton {
  font-size: 12px !important;
  padding: 8px 10px !important;
}

/* Sku Comparator Modal */
.modalSkuComparator {
  width: 80%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalSkuComparator.large {
  width: 95%;
}
.modalSkuComparator.large .modalContent {
  height: 99%;
  overflow: auto;
}
.modalSkuComparator .modalContent {
  background: #fff;
  padding: 20px;
  width: 100%;
  height: auto;
  border: none;
}
.modalSkuComparator .modalContent:focus {
  outline: none;
}
.modalSkuComparator .modalContent .MuiContainer-root {
  padding: 0;
  margin: 0;
}

.skuComparatorContainer {
  max-width: 100% !important;
}
.skuComparatorContainer .skuContent {
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 82vh;
}
.skuComparatorContainer form {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  flex-wrap: wrap;
}
.skuComparatorContainer .skuBox {
  width: 49%;
  flex-direction: column;
}
.skuComparatorContainer .skuBox .skuSearchToolBar .Mui-focused label {
  display: none;
}
.skuComparatorContainer .skuBox .skuSearchToolBar label {
  padding-left: 40px;
  color: #ffffff;
}
.skuComparatorContainer .skuBox .skuSearchToolBar label.MuiInputLabel-shrink {
  transform: translate(14px, 12px) scale(1);
}
.skuComparatorContainer .skuBox .skuSearchToolBar legend {
  height: 8px;
}
.skuComparatorContainer .skuBox .skuSearchToolBar input {
  padding-left: 45px !important;
  color: #ffffff;
}
.skuComparatorContainer .skuBox .skuSearchToolBar button svg {
  color: #ffffff;
}
.skuComparatorContainer .skuBox .MuiTypography-h6 {
  font-size: 16px;
}
.skuComparatorContainer .skuBox .MuiAutocomplete-popper {
  width: 400px !important;
}
.skuComparatorContainer .skuBox .skuInfos {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px;
  min-height: 15%;
}
.skuComparatorContainer .skuBox .skuInfos li {
  margin-bottom: 24px;
}
.skuComparatorContainer .skuBox .skuInfos li:last-of-type {
  margin-bottom: 0;
}
.skuComparatorContainer .skuBox .skuInfos li.withTwoItems {
  display: flex;
  justify-content: space-between;
}
.skuComparatorContainer .skuBox .skuInfos li.withTwoItems .MuiFormControl-root {
  width: 49%;
}
.skuComparatorContainer .skuBox .skuInfos .listContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.skuComparatorContainer .skuBox .skuInfos .listContainer legend {
  width: auto;
  margin-right: 20px;
}
.skuComparatorContainer .skuBox .skuInfos .listContainer legend.Mui-focused {
  color: rgba(0, 0, 0, 0.54);
}
.skuComparatorContainer .skuBox .skuInfos .listContainer .listBox {
  width: 100%;
  display: flex;
  flex-wrap: unset;
  flex-direction: column;
}
.skuComparatorContainer .skuBox .skuInfos .listContainer .listBox label {
  margin-left: 0;
  margin-bottom: 0;
}
.skuComparatorContainer .skuBox .skuInfos .listContainer .listBox label svg {
  color: #ef6a2f;
}
.skuComparatorContainer .skuBox .skuInfos .listContainer .listBox .checkListItem .MuiListItemIcon-root {
  min-width: auto;
}
.skuComparatorContainer .skuBox .skuInfos .listContainer .listBox .checkListItem svg {
  color: #ef6a2f;
}
.skuComparatorContainer .footerActions {
  width: 100%;
  padding: 24px 0 0;
  display: flex;
  justify-content: center;
}
.skuComparatorContainer .footerActions button {
  margin-left: 20px;
}
.skuComparatorContainer .footerActions button:focus {
  outline: none;
}
.skuComparatorContainer .footerActions button:first-of-type {
  margin-left: 0;
}
.skuComparatorContainer .footerActions button.registerButton {
  background: rgba(21, 87, 36, 0.6);
  border: solid 1px rgba(21, 87, 36, 0.6);
}
.skuComparatorContainer .footerActions button.registerButton:hover {
  background: rgba(21, 87, 36, 0.8);
  border: solid 1px rgba(21, 87, 36, 0.8);
}
.skuComparatorContainer .footerActions button.rejectButton {
  background: rgba(114, 28, 36, 0.6);
  border: solid 1px rgba(114, 28, 36, 0.6);
}
.skuComparatorContainer .footerActions button.rejectButton:hover {
  background: rgba(114, 28, 36, 0.8);
  border: solid 1px rgba(114, 28, 36, 0.8);
}

/* Setup Modals */
.setupProductModal .MuiDialog-paper {
  max-width: 80%;
  width: 80%;
}
.setupProductModal.w-auto .MuiDialog-paper {
  width: auto;
}

/* Related Cards Modal */
.relatedCardsModal {
  z-index: 1299 !important;
}
.relatedCardsModal .MuiPaper-root {
  width: 80%;
  max-width: 80%;
}

/* DrillDown Modal */
.drillDownModal {
  z-index: 1399 !important;
}
.drillDownModal .MuiPaper-root {
  width: 60%;
  max-width: 60%;
}

/* Related Skus Modal */
.relatedSkusDialog {
  z-index: 1299 !important;
}

.productFormDialog .MuiPaper-root {
  width: 80%;
  max-width: 80%;
}

/* Select Restaurant Dialog */
.selectRestaurantDialog .MuiDialog-paper {
  max-width: 800px;
  width: 800px;
}
.selectRestaurantDialog h2 p {
  font-size: 16px;
}
.selectRestaurantDialog .MuiDialogContent-root {
  padding: 0;
}
.selectRestaurantDialog .MuiDialogContent-root li {
  padding: 8px 16px;
  font-size: 16px !important;
  font-family: "Lato";
  line-height: normal;
  width: 100% !important;
}
.selectRestaurantDialog .MuiDialogContent-root li.storeHeader {
  padding: 8px 30px;
}
.selectRestaurantDialog .subGroupHeader {
  background: var(--theme-primary);
  color: #fff;
}

/* Select User Dialog */
.selectUserDialog .MuiDialog-paper {
  max-width: 320px;
  width: 320px;
}
.selectUserDialog h2 p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.selectUserDialog .MuiDialogContent-root {
  padding: 0;
}
.selectUserDialog .MuiDialogContent-root li {
  padding: 8px 16px;
  font-size: 16px !important;
  font-family: "Lato";
  line-height: normal;
  width: 100% !important;
}
.selectUserDialog .MuiDialogContent-root li.storeHeader {
  padding: 8px 30px;
}
.selectUserDialog .subGroupHeader {
  background: #f2f3f8;
  color: var(--theme-primary);
  cursor: pointer;
  border-bottom: solid 1px;
}
.selectUserDialog .subGroupHeaderMobile {
  background: #f2f3f8;
  color: var(--theme-primary);
  cursor: pointer;
  border-bottom: solid 1px;
  height: 50px;
  display: flex;
  align-items: center;
}
.selectUserDialog .subSelectHeader {
  background: var(--theme-primary);
  color: #f2f3f8;
  padding-left: 8px;
}
.selectUserDialog .menuItem {
  font-family: "Lato";
  width: 250px;
  color: var(--theme-primary);
}
.selectUserDialog .menuItemMobile {
  font-family: "Lato";
  width: 250px;
  color: var(--theme-primary);
  height: 50px;
}

/* Action Plan Daily Schedule Dialog */
.actionPlanDialog .MuiDialog-paper {
  max-width: 430px;
  width: 430px;
}
.actionPlanDialog h2 p {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.actionPlanDialog .MuiDialogContent-root {
  padding: 0;
}
.actionPlanDialog .MuiDialogContent-root li {
  padding: 8px 16px;
  font-size: 16px !important;
  font-family: "Lato";
  line-height: normal;
  width: 100% !important;
}
.actionPlanDialog .defaultButton {
  display: flex !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  line-height: normal !important;
  font-size: 12px !important;
  font-family: "Lato" !important;
  text-transform: initial !important;
  letter-spacing: normal !important;
}
.actionPlanDialog .inputStyle div input {
  padding: 2px 0;
  font-size: 12px;
  height: 100px;
}
.actionPlanDialog .inputStyle div input::placeholder {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #b8bff5;
  position: absolute;
  left: 0px;
  top: 0px;
}
.actionPlanDialog .inputStyle div::before {
  border-bottom: 1px solid #333541 !important;
}
.actionPlanDialog .inputStyle div::after {
  border-bottom: 1px solid #333541 !important;
}

/* Select User Password Dialog */
.selectUserPasswordDialog .MuiDialog-paper {
  max-width: 180px;
  max-height: 117px;
  width: 180px;
  height: 117px;
}
.selectUserPasswordDialog h2 p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.selectUserPasswordDialog .MuiDialogContent-root {
  padding: 0;
}
.selectUserPasswordDialog .MuiDialogContent-root li {
  padding: 8px 16px;
  font-size: 16px !important;
  font-family: "Lato";
  line-height: normal;
  width: 100% !important;
}
.selectUserPasswordDialog .MuiDialogContent-root li.storeHeader {
  padding: 8px 30px;
}

/* Sku Restaurants Dialog */
.skuRestaurantsDialog .MuiDialog-paper {
  max-width: 650px !important;
}
.skuRestaurantsDialog .MuiDialog-paper .modalContent tr th,
.skuRestaurantsDialog .MuiDialog-paper .modalContent tr td {
  padding-right: 0 !important;
}
.skuRestaurantsDialog .MuiDialog-paper .modalContent tr th:last-of-type,
.skuRestaurantsDialog .MuiDialog-paper .modalContent tr td:last-of-type {
  padding-right: 16px !important;
}

@media only screen and (max-width: 480px) {
  .modalProducao .MuiDialog-paperFullWidth {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px !important;
  }
  .modalProducao .MuiDialog-paper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .modalProducao .MuiPaper-root {
    overflow: visible;
  }
  .modalProducao .MuiDialog-paperScrollPaper {
    margin: 12px 0px !important;
    max-height: calc(100% - 135px) !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.8));
  }
  .modalProducao .iconButtonFullContainer {
    height: 70px;
    border-radius: 12px;
    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.7490196078);
  }
  .modalProducao .iconButtonFullContainer .iconButtonFull img {
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.7490196078);
    border-radius: 30px;
    width: 50px;
    height: 50px;
  }
  .modalProducao .iconButtonFullContainer .finishedTimeCircle {
    width: 70px;
    height: 70px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5019607843);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    right: 0;
    position: absolute;
  }
  .modalProducao .iconButtonFullContainer .finishedTimeCircle span {
    font-size: 16px;
  }
  .modalProducao .iconButtonFullContainer .finishedTimeCircle.positiveTime {
    background: rgb(0, 102, 8);
  }
  .modalProducao .iconButtonFullContainer .finishedTimeCircle.positiveTime span {
    color: #fff;
  }
  .modalProducao .iconButtonFullContainer .finishedTimeCircle.noTime {
    background: rgb(247, 213, 110);
  }
  .modalProducao .iconButtonFullContainer .finishedTimeCircle.noTime span {
    color: rgb(14, 19, 55);
  }
  .modalProducao .MuiDialog-paperWidthSm {
    max-width: 735px;
    border: solid 2px #1f2445;
    border-bottom: none;
  }
  .modalProducao .MuiDialog-paperFullWidth {
    width: calc(100% - 0px) !important;
    margin: 0 !important;
    border-radius: 0 0 38px 38px;
  }
  .modalProducao .leftFakeBorder {
    position: absolute;
    left: -22px;
    top: -20px;
    height: calc(100% + 44px);
    width: calc(100% + 44px);
    box-shadow: inset 8px 4px 6px rgba(0, 0, 0, 0.5);
    border-radius: 32px;
  }
  .modalProducao .rightFakeBorder {
    position: absolute;
    right: 1px;
    top: 0px;
    height: 100%;
    width: 100%;
    border-radius: 14px;
    box-shadow: 5px 4px 7px 5px rgba(0, 0, 0, 0.5);
  }
  .delete-modal-mobile .MuiDialog-paper {
    margin: 12px;
  }
}
.delete-modal-mobile .MuiPaper-root {
  border: solid 2px #1f2445;
}

.sumeValuesProductionDialog input {
  font-size: 20px;
}

.discardHeader {
  height: 36px;
  padding: 0px 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.discart {
  max-width: 300px;
  padding: 12px 11px !important;
}
.discart > div:first-child {
  padding: 9px;
  border-radius: 4px;
  margin-bottom: 10px !important;
  padding-bottom: 16px;
  border: 1px solid var(--color-neutral-600);
}
.discart > div:first-child > div:first-child {
  padding-top: 13px;
  padding-bottom: 7px;
}
.discart .fixedInfo {
  position: relative;
}
.discart .fixedInfo .labelName {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 16px;
  position: absolute;
  top: -16px;
}
.discart .fixedInfo .labelName.big {
  top: -10px;
}
.discart .fixedInfo .productDescription {
  padding-top: 10px !important;
  max-height: 40px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: self-end;
}
.discart .datePicker div {
  margin-top: 0px !important;
  height: 26px;
}
.discart .datePicker label {
  position: absolute !important;
  top: -15px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 16px;
  transform: scale(1) !important;
}
.discart .datePicker input {
  padding-bottom: 0px !important;
}
.discart .datePicker button {
  padding: 0px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M5.55556 1C5.8317 1 6.05556 1.22386 6.05556 1.5V2.3H9.94444V1.5C9.94444 1.22386 10.1683 1 10.4444 1C10.7206 1 10.9444 1.22386 10.9444 1.5V2.3H12.2778C13.2575 2.3 14 3.1354 14 4.1V13.2C14 14.1646 13.2575 15 12.2778 15H3.72222C2.74245 15 2 14.1646 2 13.2V4.1C2 3.1354 2.74245 2.3 3.72222 2.3H5.05556V1.5C5.05556 1.22386 5.27941 1 5.55556 1ZM5.05556 3.3H3.72222C3.35196 3.3 3 3.62866 3 4.1V6.2H13V4.1C13 3.62866 12.648 3.3 12.2778 3.3H10.9444V4.1C10.9444 4.37614 10.7206 4.6 10.4444 4.6C10.1683 4.6 9.94444 4.37614 9.94444 4.1V3.3H6.05556V4.1C6.05556 4.37614 5.8317 4.6 5.55556 4.6C5.27941 4.6 5.05556 4.37614 5.05556 4.1V3.3ZM13 7.2H3V13.2C3 13.6713 3.35196 14 3.72222 14H12.2778C12.648 14 13 13.6713 13 13.2V7.2Z' fill='%23333541'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.discart .datePicker button > span {
  visibility: hidden;
}
.discart .labelTextAlignRight label {
  text-align: right;
  width: 100%;
}
.discart .labelTextAlignRight > div {
  height: 26px;
}

/* Manager Confirmation Dialog */
.confirmManagerValidationDialog .MuiDialog-container {
  width: 41%;
}
.confirmManagerValidationDialog .modalHeader {
  background: var(--theme-primary);
}
.confirmManagerValidationDialog h2 p {
  margin-bottom: 0;
}
.confirmManagerValidationDialog p {
  font-size: 14px;
  margin-bottom: 20px;
}
.confirmManagerValidationDialog .MuiFormControl-root {
  margin-bottom: 20px;
}
.confirmManagerValidationDialog .MuiFormControl-root .MuiInputBase-root {
  margin-top: 5px;
}
.confirmManagerValidationDialog .MuiFormControl-root:last-of-type {
  margin-bottom: 0;
}
.confirmManagerValidationDialog .MuiDialogActions-root {
  justify-content: flex-end !important;
  padding: 0 16px 16px;
}
.confirmManagerValidationDialog .MuiDialogActions-root .Mui-disabled {
  background: #d0d3e2 !important;
}
.confirmManagerValidationDialog .MuiDialogActions-root .Mui-disabled span {
  color: #a0a1a7;
}

.imageCropperDialog .MuiPaper-root {
  width: 80%;
  max-width: 100%;
}
.imageCropperDialog .imgCropBox {
  width: 580px;
}
.imageCropperDialog .imgPreviewBox p {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.imageCropperDialog .imgPreviewBox p td {
  font-size: 14px;
  text-align: center;
}
.imageCropperDialog .imgPreviewBox .img-preview {
  border: 1px solid black;
  border-radius: 5px;
}
.imageCropperDialog .actionButtons {
  margin-top: 10px;
}
.imageCropperDialog .actionButtons .defaultButton {
  font-size: 12px !important;
  padding: 8px 10px !important;
}
@media (max-width: 801px) {
  .imageCropperDialog {
    margin: auto;
    width: 96%;
  }
  .imageCropperDialog .MuiPaper-root {
    width: 100%;
    margin: 0;
  }
  .imageCropperDialog .cropper-container {
    width: 100% !important;
  }
  .imageCropperDialog .imgCropBox,
  .imageCropperDialog .imgPreviewBox {
    width: 50%;
  }
  .imageCropperDialog .imgPreviewBox .img-preview {
    display: flex;
    justify-content: center;
    width: auto !important;
  }
  .imageCropperDialog .actionButtons {
    padding: 0 10px;
  }
}

.findOnSefazDialog h2 {
  padding: 10px;
}

.writeOffReleasesDialog {
  width: 100%;
}
.writeOffReleasesDialog .input-search-sku-site {
  display: none;
}
.writeOffReleasesDialog .MuiBox-root {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.writeOffReleasesDialog .MuiPaper-root {
  max-width: 100%;
  width: 90%;
}
@media only screen and (max-width: 1024px) {
  .writeOffReleasesDialog .MuiPaper-root {
    width: 97%;
    margin: 0;
  }
}
.writeOffReleasesDialog .MuiAlert-root {
  width: 100%;
}
.writeOffReleasesDialog .pageTitleAndFilterSection {
  display: block !important;
}
.writeOffReleasesDialog .filterBtn {
  display: none;
}
.writeOffReleasesDialog table .MuiInputBase-root {
  padding-left: 0 !important;
}
.writeOffReleasesDialog table td.typeField .MuiInputBase-root {
  padding-top: 2px;
}
.writeOffReleasesDialog table .defaultStatusChip {
  border-radius: 12px;
  width: 50%;
  height: 22px;
  line-height: 1.8;
  transition: all 0.3s;
  border: solid 1px var(--color-neutral-400);
}
.writeOffReleasesDialog table .defaultStatusChip span {
  color: var(--color-neutral-400);
  font-weight: bold;
  font-size: 12px;
  width: 100%;
  text-align: center;
  display: block;
}
.writeOffReleasesDialog table .defaultStatusChip.discardChip, .writeOffReleasesDialog table .defaultStatusChip.consumeChip {
  cursor: pointer;
  user-select: none;
}
.writeOffReleasesDialog table .defaultStatusChip.discardChip {
  margin-right: 10px;
}
.writeOffReleasesDialog table .defaultStatusChip.discardChip.active {
  border: solid 1px #F2B90D;
}
.writeOffReleasesDialog table .defaultStatusChip.discardChip.active span {
  color: var(--warning-color);
}
.writeOffReleasesDialog table .defaultStatusChip.consumeChip.active {
  border: solid 1px #1d8fc9;
}
.writeOffReleasesDialog table .defaultStatusChip.consumeChip.active span {
  color: var(--border-dark-blue);
}
.writeOffReleasesDialog tbody tr.dividerBg {
  background: rgba(146, 150, 172, 0.2);
}
.writeOffReleasesDialog .actionButtons {
  position: fixed;
  width: 99%;
  bottom: 0;
  background: #f6f6f8;
  padding: 10px 8px 10px 15px;
  margin: 0 0 0 -16px;
  z-index: 999;
}

@media only screen and (max-width: 1024px) {
  .writeOffReleasesDialog table td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .writeOffReleasesDialog table td.divider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .writeOffReleasesDialog table td.quantityField {
    padding-right: 12px !important;
  }
  .writeOffReleasesDialog table td.quantityField .MuiInputBase-root {
    background: #fff;
  }
  .writeOffReleasesDialog table .defaultStatusChip {
    height: 25px;
    line-height: 2;
  }
}
.addNewProductionDialog {
  margin-top: 150px;
}
.addNewProductionDialog .MuiBackdrop-root {
  top: 46px !important;
  background-color: rgba(0, 0, 0, 0.8);
}
.addNewProductionDialog .MuiDialog-scrollPaper {
  align-items: flex-start;
}
.addNewProductionDialog .MuiDialog-paper {
  overflow: unset;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 29px;
  border-bottom-right-radius: 29px;
  margin: 0;
  max-width: 880px;
  width: 97%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.addNewProductionDialog #cardProductionDateMobile {
  margin-bottom: 0px;
  margin-top: -5px;
}
.addNewProductionDialog .addNewProductionContainer {
  display: flex;
  flex-direction: column;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.addNewProductionDialog .addNewProductionContainer .previewCardBox {
  border-radius: 0 0 38px 38px;
}
.addNewProductionDialog .addNewProductionContainer .addNewProductionActions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  background: #fff;
}
@media only screen and (min-width: 600px) {
  .addNewProductionDialog {
    margin-top: 190px !important;
  }
  .addNewProductionDialog .MuiBackdrop-root {
    top: 46px !important;
  }
}

.popoverCardInfo {
  padding: 8px 10px;
  background: rgba(var(--theme-primary-rgb), 0.2);
  border-bottom: 1px solid #454a67;
  width: 100%;
}
.popoverCardInfo span {
  margin-bottom: 5px;
}
.popoverCardInfo span:last-of-type {
  margin-bottom: 0;
}

.popoverCardActions {
  padding: 1px 5px 8px 10px;
}
.popoverCardActions .popoverCardValues span {
  display: block;
  margin-top: 3px;
}
.popoverCardActions .MuiFormControlLabel-root {
  margin-bottom: 0;
}
.popoverCardActions .MuiButtonBase-root {
  padding: 5px 3px 3px;
  margin-left: 5px;
}
.popoverCardActions .MuiButtonBase-root svg {
  color: var(--theme-primary);
  width: 16px;
}
.popoverCardActions .MuiButtonBase-root:first-of-type {
  margin-left: 0;
}

@media screen and (max-device-width: 1024px) {
  .productionPopover {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.productionPopover button {
  letter-spacing: 0;
}
.productionPopover button span {
  font-size: 16px;
}
.productionPopover .MuiPopover-paper {
  max-width: 30rem !important;
  width: 28rem !important;
  border: solid 2px #1f2445;
}
@media screen and (max-device-width: 1024px) {
  .productionPopover .MuiPopover-paper {
    position: relative;
    margin: 0 auto;
    left: auto !important;
    max-width: 35rem !important;
    width: 35rem !important;
    top: 22% !important;
  }
  .productionPopover .MuiPopover-paper .popupProductionProductsTable {
    padding-right: 0 !important;
  }
}
@media screen and (max-device-width: 768px) {
  .productionPopover .MuiPopover-paper input,
  .productionPopover .MuiPopover-paper span,
  .productionPopover .MuiPopover-paper p,
  .productionPopover .MuiPopover-paper td {
    font-size: 16px !important;
  }
}
@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .productionPopover #finishProductionDate {
    font-weight: bold;
  }
}
@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .productionPopover input {
    font-size: 20px !important;
    width: 100px;
  }
}
@media screen and (max-device-width: 768px) {
  .productionPopover input {
    width: 60px;
  }
}
@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .productionPopover .popupProductionProductsTable span {
    font-size: 20px !important;
  }
  .productionPopover .popupProductionProductsTable input {
    height: 35px;
  }
}
@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .productionPopover .quantityPopupBox span {
    font-size: 20px !important;
  }
  .productionPopover .quantityPopupBox input {
    font-weight: bold;
  }
}
.productionPopover .MuiPaper-root {
  padding: 0 !important;
}
.productionPopover .finishPopoverBox {
  display: flex;
  flex-direction: column;
}
.productionPopover .finishPopoverBox .popoverHeader {
  display: flex;
  align-items: center;
  background: var(--color-primary-400);
  border-bottom: solid 2px #1f2445;
  padding: 5px 10px;
}
.productionPopover .finishPopoverBox .popoverHeader .productionImageBox {
  width: 2.5rem;
}
.productionPopover .finishPopoverBox .popoverHeader .cardTitleBox {
  width: 72%;
  margin-left: 10px;
}
.productionPopover .finishPopoverBox .popoverHeader .cardTitleBox span {
  color: var(--color-neutral-600);
  font-size: 16px;
}
.productionPopover .finishPopoverBox .popoverHeader .cardTitleBox .productionDescription {
  color: #fff !important;
}
.productionPopover .finishPopoverBox .popoverHeader .cardTitleBox .productionDescription span {
  color: #fff !important;
  font-size: 16px !important;
}
.productionPopover .finishPopoverBox .popoverHeader .cardTitleBox .productionDescription td {
  font-size: 16px !important;
}
@media only screen and (max-width: 1024px) {
  .productionPopover .finishPopoverBox .popoverHeader .cardTitleBox {
    width: 73%;
  }
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .MuiInputBase-root {
  padding: 2px 0 !important;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .MuiInputBase-root input {
  padding: 0 !important;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox span {
  color: var(--color-neutral-600);
  font-weight: bold;
  margin-bottom: 3px;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .dateSmall {
  background: #fff;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .dateSmall input {
  font-size: 16px !important;
  margin-right: 5px;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .dateSmall .MuiIconButton-label {
  margin-bottom: 0;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .dateSmall .MuiInputAdornment-root {
  display: none;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .dateSmall img {
  margin-left: 5px;
  width: 15px;
}
.productionPopover .finishPopoverBox .popoverHeader .dateBox .dateSmall svg {
  display: none;
}
.productionPopover .finishPopoverBox .popoverContent {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 5px;
  min-height: 310px;
  max-height: 310px;
}
.productionPopover .finishPopoverBox .popoverContent::-webkit-scrollbar {
  width: 4.1px;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.disablePrintActions .itemInfosBox {
  width: 70%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.disablePrintActions .itemActions.transformationItemActions {
  width: 30%;
  justify-content: flex-end !important;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.disablePrintActions .itemActions.transformationItemActions .portionQuantityBox {
  width: 100%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.disablePrintActions .itemActions .portionQuantityBox {
  width: 100%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.invalidField .labelItem {
  color: #f53d4c;
  font-weight: bold;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.invalidField fieldset {
  border-bottom: solid 1px #f53d4c;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions {
  width: 48%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span .portionQuantityBox,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .portionQuantityBox {
  display: flex;
  align-items: center;
  width: 60%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span .portionQuantityBox .MuiFormControl-root,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .portionQuantityBox .MuiFormControl-root {
  width: 90%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span .portionQuantityBox .unit,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .portionQuantityBox .unit {
  width: 10%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span.transformationItemActions .portionQuantityBox,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions.transformationItemActions .portionQuantityBox {
  width: 50%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span.transformationItemActions .portionQuantityBox .MuiFormControl-root,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions.transformationItemActions .portionQuantityBox .MuiFormControl-root {
  width: 86%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span.transformationItemActions .portionQuantityBox .unit,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions.transformationItemActions .portionQuantityBox .unit {
  width: 14%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem span,
.productionPopover .finishPopoverBox .popoverContent .defaultItem td {
  margin-right: 20px;
  margin-bottom: 5px;
  font-size: 16px !important;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemInfosBox {
  width: 52%;
  margin-right: 20px;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemInfosBox .itemImageBox {
  width: 40px;
  margin-right: 10px;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemInfosBox .itemDescription {
  width: calc(100% - 50px);
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 48%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .textFieldSmall {
  width: 7.5rem;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .textFieldSmall fieldset,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .textFieldSmall .MuiOutlinedInput-adornedEnd {
  padding-right: 0;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .textFieldSmall fieldset span,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .textFieldSmall .MuiOutlinedInput-adornedEnd span {
  width: auto;
}
@media only screen and (max-width: 1024px) {
  .productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .textFieldSmall {
    width: 10.7rem;
  }
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .addOrRemoveItemBox,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .printerBox,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .hasOrNotPortionsBox {
  width: 2.5rem;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .addOrRemoveItemBox img,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .printerBox img,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .hasOrNotPortionsBox img {
  width: 100%;
  height: 100%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .addOrRemoveItemBox,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .hasOrNotPortionsBox {
  margin-left: 20px;
  position: relative;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .addOrRemoveItemBox .itemPortionsCount,
.productionPopover .finishPopoverBox .popoverContent .defaultItem .hasOrNotPortionsBox .itemPortionsCount {
  position: absolute;
  color: #fff;
  font-size: 10px !important;
  font-weight: bold;
  top: 0px;
  right: -5px;
  margin: 0;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .printerBox {
  margin-left: 20px;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.recipePortionItem .labelItem, .productionPopover .finishPopoverBox .popoverContent .defaultItem.transformationItemsPortions .labelItem {
  width: 41%;
  margin-right: 40px;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.recipePortionItem .itemActions, .productionPopover .finishPopoverBox .popoverContent .defaultItem.transformationItemsPortions .itemActions {
  display: flex;
  width: 59%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.recipePortionItem .itemActions .portionQuantityBox, .productionPopover .finishPopoverBox .popoverContent .defaultItem.transformationItemsPortions .itemActions .portionQuantityBox {
  width: 50%;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.recipePortionItem .itemActions .addOrRemoveItemBox, .productionPopover .finishPopoverBox .popoverContent .defaultItem.transformationItemsPortions .itemActions .addOrRemoveItemBox {
  display: flex;
  align-items: center;
}
.productionPopover .finishPopoverBox .keepProducingButton {
  border: solid 2px var(--theme-primary);
  background: var(--color-primary-200);
  color: var(--theme-primary);
  border-radius: 8px;
  width: calc(100% - 20px);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0px;
  margin: 5px 10px;
  padding: 20px 0;
}
.productionPopover .finishPopoverBox .totalInfosBox {
  margin: 15px 0 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productionPopover .finishPopoverBox .totalInfosBox span {
  font-size: 16px;
  min-width: 7.3rem;
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .productionPopover .finishPopoverBox .totalInfosBox span {
    min-width: 9.3rem;
  }
}
.productionPopover .finishPopoverBox .totalInfosBox .totalValue {
  background: var(--color-primary-300);
  font-weight: bold;
  margin-left: 20px;
  padding: 5px;
  display: flex;
  justify-content: flex-end;
}
.productionPopover .finishPopoverBox .productionPopupButton {
  font-size: 20px;
  border-radius: 8px;
  border-color: var(--theme-primary);
  color: var(--theme-primary);
  outline: 0;
  text-transform: initial;
}
.productionPopover#transformationItemPortionsPopover .finishPopoverBox .cardTitleBox {
  width: 85%;
}
@media only screen and (max-width: 1024px) {
  .productionPopover#transformationItemPortionsPopover .finishPopoverBox .cardTitleBox {
    width: 90%;
  }
}
.productionPopover#transformationItemPortionsPopover .finishPopoverBox .popoverContent {
  max-height: 300px;
  min-height: 300px;
}
.productionPopover#transformationItemPortionsPopover .finishPopoverBox .popoverContent .defaultItem .itemActions {
  justify-content: flex-end;
}
.productionPopover.chinaProductionPopover .finishPopoverBox .popoverHeader {
  background: rgba(225, 57, 46, 0.8509803922);
  border-bottom: solid 2px #010311;
}
.productionPopover.chinaProductionPopover .finishPopoverBox .popoverHeader .cardTitleBox span {
  color: #000000;
  font-weight: normal;
}
.productionPopover.chinaProductionPopover .finishPopoverBox .popoverHeader .cardTitleBox span.productionDescription {
  color: #fff;
  font-weight: bold;
}
.productionPopover.chinaProductionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .portionQuantityBox .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #e1392e;
}
.productionPopover.chinaProductionPopover .finishPopoverBox .keepProducingButton {
  border: solid 2px #010311;
  background: rgba(229, 173, 92, 0.4);
  color: #010311;
  font-weight: bold;
}
.productionPopover.chinaProductionPopover .finishPopoverBox .totalInfosBox .totalValue {
  background: rgba(225, 57, 46, 0.3019607843);
}
.productionPopover.chinaProductionPopover .finishPopoverBox #finishPopupButton,
.productionPopover.chinaProductionPopover .finishPopoverBox #finishPopupRecipeButton {
  background: #e1392e;
}
.productionPopover.chinaProductionPopover .finishPopoverBox .productionPopupButton {
  border-color: #e1392e;
  color: #e1392e;
}

.modalSupplier {
  background: var(--color-neutral-200);
}

.modalUser {
  background-color: var(--color-neutral-light);
}
.modalUser .modalUserContent {
  border: 1px solid var(--color-neutral-600);
  border-radius: 8px;
  background: var(--bg-modal);
  padding: 0px 20px 27px 20px;
}
.modalUser .MuiInputLabel-root {
  color: var(--color-neutral-500);
}
.modalUser label.MuiInputLabel-root.MuiInputLabel-shrink {
  transform: translate(0px, -20px) scale(1) !important;
}

.configSkuPopover .MuiPopover-paper {
  max-width: 730px !important;
  left: 38.8% !important;
  margin-top: -2px;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.6980392157);
}

/* Spacements */
.mAuto {
  margin: auto !important;
}

.mlAuto {
  margin-left: auto !important;
}

.mrAuto {
  margin-right: auto !important;
}

.m0 {
  margin: 0 !important;
}

.m5 {
  margin: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}

.mt0 {
  margin-top: 0 !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr12 {
  margin-right: 12px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr16 {
  margin-right: 16px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}

.ml0 {
  margin-left: 0 !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml16 {
  margin-left: 16px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}

.p0 {
  padding: 0 !important;
}
.p2 {
  padding: 2px !important;
}
.p4 {
  padding: 0 4px !important;
}
.p7 {
  padding: 0 7px !important;
}
.p8 {
  padding: 0 8px !important;
}
.p4all {
  padding: 4px !important;
}
.p10 {
  padding: 0 10px !important;
}
.p12 {
  padding: 0 12px !important;
}
.p16 {
  padding: 16px !important;
}
.p5h {
  padding: 0 5px !important;
}
.p16h {
  padding: 0 16px !important;
}
.p20h {
  padding: 0 20px !important;
}
.p20 {
  padding: 20px !important;
}
.p32h {
  padding: 0 32px !important;
}
.p {
  /* Table td/th */
}
.p12 {
  padding: 0 12px !important;
}

.ph16 {
  padding: 0 16px !important;
}

.pl0 {
  padding-left: 0 !important;
}
.pl3 {
  padding-left: 3px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl16 {
  padding-left: 16px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl24 {
  padding-left: 24px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl {
  /* Table td/th */
}
.pl12 {
  padding-left: 12px !important;
}

.childPr0 input {
  padding-right: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.pr16 {
  padding-right: 16px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr24 {
  padding-right: 24px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr {
  /* Table td/th */
}
.pr12 {
  padding-right: 12px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb12 {
  padding-bottom: 12px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}

.pt0 {
  padding-top: 0 !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.pt16 {
  padding-top: 16px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt26 {
  padding-top: 26px !important;
}
.pt30 {
  padding-top: 30px !important;
}

.MuiGrid-spacing-xs-2 > .MuiGrid-item.customSpacing {
  padding: 16px 0px 16px 16px !important;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item.customSpacingSecondary {
  padding: 16px 0px 16px 32px !important;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item.customSpacingAutocomplete {
  padding: 16px 16px 16px 16px !important;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item.pr16 {
  padding-right: 16px !important;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item.pb0 {
  padding-bottom: 0 !important;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item.pt0 {
  padding-top: 0 !important;
}

.defaultSnackbar {
  align-items: center !important;
  justify-content: center !important;
  left: auto !important;
  right: auto !important;
  margin: auto;
  justify-items: center;
  justify-self: center;
  width: auto;
}

.type-discard-table-wrapper {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}

.materialTableDefault .MuiTableCell-root {
  font-family: "Lato" !important;
}
.materialTableDefault .MuiTableSortLabel-root.MuiTableSortLabel-active {
  color: #f6f6f8;
}
.materialTableDefault .MuiTableSortLabel-root:hover,
.materialTableDefault .MuiTableSortLabel-root svg {
  color: #f6f6f8 !important;
}
.materialTableDefault.selfShadow {
  box-shadow: 0px 0px 8px rgba(4, 6, 26, 0.25);
}
.materialTableDefault.withoutBoxShadow table,
.materialTableDefault.withoutBoxShadow .MuiPaper-elevation2 {
  box-shadow: none;
}
.materialTableDefault.productTableModal .customAutocomplete .MuiFormControl-root {
  margin-right: -10px;
}
.materialTableDefault.productTableModal .customAutocomplete .MuiInputBase-root {
  padding: 0px 40px 5.4px 0 !important;
}
.materialTableDefault.productTableModal .customAutocomplete .MuiInputBase-root input {
  text-align: right;
}
.materialTableDefault.productTableModal.borderRight {
  border-right: 1px solid var(--tableHead-primary) !important;
}
.materialTableDefault .MuiToolbar-regular {
  min-height: 0;
}
.materialTableDefault .MuiToolbar-regular .MuiButtonBase-root {
  position: absolute;
  right: 0px;
  z-index: 99999;
  color: #fff;
  padding: 6px;
}
.materialTableDefault .MuiToolbar-regular .MuiButtonBase-root:focus {
  outline: none;
}
.materialTableDefault .MuiToolbar-regular .MuiButtonBase-root svg {
  color: #fff;
}
.materialTableDefault .MuiTableHead-root th {
  background: #313347;
  color: #fff;
}
.materialTableDefault table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 8px rgba(4, 6, 26, 0.25);
}
.materialTableDefault table.resultsTable {
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.materialTableDefault table tr td h6 {
  font-size: 14px;
  font-family: "Lato";
  font-weight: bold;
}
.materialTableDefault tbody tr td .MuiTableCell-alignRight,
.materialTableDefault tbody tr td .MuiTableCell-paddingNone {
  border: none;
  width: 100%;
  display: flex;
  padding-right: 8px;
}

/* General Tables */
table .headerTitle th {
  text-transform: uppercase;
}
table .headerTitle .orderButtons svg {
  width: 11px;
}
table th.orderWithoutMargin span {
  margin-right: 0 !important;
}
table.desktop {
  width: 100%;
  table-layout: auto;
  background: #fff;
  border-spacing: 0;
  border: solid 1px var(--color-neutral-600);
  border-collapse: separate;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-bottom: 0;
  display: table;
  font-family: "Lato";
  overflow: clip;
}
table.desktop.noTopBorderRadius {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
table.desktop.noBorder {
  border: none;
}
table.desktop.noBorderTop {
  border-top: none;
}
table.desktop .disabledButton:disabled {
  opacity: 0.2;
}
table.desktop tr {
  line-height: 30px;
  border: none;
}
table.desktop tr.hoverBackgroundOrange:hover {
  background-color: var(--color-primary-200);
}
table.desktop tr.hoverBackground:hover {
  background-color: rgba(255, 231, 221, 0.7) !important;
}
table.desktop tr.hoverBackground:hover td {
  background-color: inherit !important;
}
table.desktop tr.hoverBackgroundNoTransition {
  transition: "none";
}
table.desktop tr.hoverBackgroundNoTransition:hover {
  background-color: rgba(255, 231, 221, 0.7) !important;
}
table.desktop tr.hoverBackgroundNoTransition:hover td {
  background-color: inherit !important;
}
table.desktop tr.hoverBackgroundDarken {
  transition: none;
}
table.desktop tr.hoverBackgroundDarken:hover {
  background-color: #b1b9f8;
}
table.desktop tr.hoverBackgroundDarken:hover td {
  background-color: inherit !important;
}
table.desktop tr.hoverBackgroundWhite {
  transition: none;
}
table.desktop tr.hoverBackgroundWhite:hover {
  background-color: #fff;
}
table.desktop tr.hoverBackgroundWhite:hover td {
  background-color: inherit !important;
}
table.desktop tr.withoutHover:hover td,
table.desktop tr.withoutHover:hover th {
  background: transparent !important;
}
table.desktop tr :last-child td {
  border-bottom: 0;
}
table.desktop tr.disabledBackground {
  pointer-events: none;
  background: #fafafa;
  color: #e6e6e6;
}
table.desktop tr.headerSubtitle td {
  background: #f6f6f8 !important;
}
table.desktop tr.headerSubtitle :hover td {
  background-color: #f6f6f8 !important;
}
table.desktop .headerTitle {
  position: relative;
  overflow: hidden;
  background-color: var(--tableHead-primary);
}
table.desktop .headerTitle th {
  background-color: var(--tableHead-primary);
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  box-shadow: inset 0 -0.7px 0 var(--color-neutral-600);
}
table.desktop .headerTitle .blue-content {
  background-color: rgba(121, 156, 217, 0.6);
  border-right: 1px solid var(--color-neutral-600);
  color: var(--color-neutral-600);
}
table.desktop .headerTitle th,
table.desktop .headerTitle td {
  position: sticky;
  top: -0.625rem;
  z-index: 99;
  color: var(--color-neutral-500);
  box-shadow: inset 0 -0.7px 0 var(--color-neutral-600);
}
table.desktop .headerTitle th:first-of-type,
table.desktop .headerTitle td:first-of-type {
  overflow: hidden;
}
table.desktop .headerTitle th:last-of-type,
table.desktop .headerTitle td:last-of-type {
  overflow: hidden;
}
table.desktop .headerTitle th:first-of-type, table.desktop .headerTitle th:last-of-type,
table.desktop .headerTitle td:first-of-type,
table.desktop .headerTitle td:last-of-type {
  padding: 0 12px;
}
table.desktop .headerTitle.headerTitleGray {
  background-color: #313347;
}
table.desktop .headerTitle.headerTitleGray th {
  background-color: #313347;
}
table.desktop .headerTitle.noIndex th,
table.desktop .headerTitle.noIndex td {
  z-index: 0 !important;
}
table.desktop .headerSubtitle th,
table.desktop .headerSubtitle td {
  background: #f6f6f8;
  position: sticky;
  top: 20px;
  z-index: 999;
  color: #77798b;
  text-transform: uppercase;
}
table.desktop .headerSubtitle th:first-of-type, table.desktop .headerSubtitle th:last-of-type,
table.desktop .headerSubtitle td:first-of-type,
table.desktop .headerSubtitle td:last-of-type {
  padding: 0 12px;
}
table.desktop .headerSubtitle th .orderButtons .orderUp,
table.desktop .headerSubtitle td .orderButtons .orderUp {
  margin-bottom: 0;
}
table.desktop .headerSubtitle th .orderButtons svg,
table.desktop .headerSubtitle td .orderButtons svg {
  width: 8px;
}
table.desktop .headerSubtitle.subtitlePurchase th {
  color: var(--color-neutral-500);
}
table.desktop .headerSubtitle .itemColumn {
  width: 4.3%;
}
table.desktop .headerSubtitle .totalColumn {
  width: 4.7%;
}
table.desktop .headerSubtitle .cmvColumn {
  width: 4.5%;
}
table.desktop .headerSubtitle .actualColumn {
  width: 6%;
}
table.desktop .headerSubtitle .durationColumn {
  width: 7%;
}
table.desktop .headerSubtitle .priceColumn {
  width: 6%;
}
table.desktop .headerSubtitle .marginColumn {
  width: 6%;
}
table.desktop .headerSubtitle .curveColumn {
  width: 2%;
}
table.desktop .headerSubtitle .cardsLengthColumn {
  width: 3.7%;
}
table.desktop .headerSubtitle .deleteColumn {
  width: 2%;
}
@media only screen and (min-width: 1030px) and (max-width: 1400px) {
  table.desktop .headerSubtitle .itemColumn {
    width: 5%;
  }
  table.desktop .headerSubtitle .totalColumn {
    width: 5%;
  }
  table.desktop .headerSubtitle .cmvColumn {
    width: 5%;
  }
  table.desktop .headerSubtitle .durationColumn {
    width: 6%;
  }
}
@media only screen and (min-width: 1370px) and (max-width: 1605px) {
  table.desktop .headerSubtitle .itemColumn {
    width: 6%;
  }
  table.desktop .headerSubtitle .totalColumn {
    width: 6%;
  }
  table.desktop .headerSubtitle .cmvColumn {
    width: 6%;
  }
  table.desktop .headerSubtitle .actualColumn {
    width: 7.1%;
  }
  table.desktop .headerSubtitle .durationColumn {
    width: 6.45%;
  }
}
table.desktop.menuProductsTable td {
  height: 40px;
}
table.desktop .headerBorder th,
table.desktop .headerBorder td {
  position: sticky;
  top: 39px;
  z-index: 999;
}
table.desktop .titleLineBorder {
  border-bottom: 1px solid rgb(211, 211, 211);
}
table.desktop .titleLineBorderFine {
  border-bottom: 0px solid rgb(211, 211, 211);
}
table.desktop .bigTitle {
  font-family: "Lato";
  font-size: 16px;
  line-height: 60px;
}
table.desktop .title {
  font-family: "Lato";
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
}
table.desktop .subtitle {
  font-family: "Lato";
  font-size: 9px;
  font-weight: 700;
  text-align: left;
}
table.desktop .subtitleLarge {
  font-family: "Lato";
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
table.desktop .left {
  text-align: left;
}
table.desktop .center {
  text-align: center;
}
table.desktop .right {
  text-align: right;
}
table.desktop .description {
  font-family: "Lato";
  font-size: 12px;
  line-height: 30px;
}
table.desktop .fontColor {
  color: #000319;
}
table.desktop .thickBorderL {
  border-left: 2.4px solid var(--color-neutral-600);
}
table.desktop .borderL {
  border-left: 1px solid var(--color-neutral-300);
}
table.desktop .blackBorderL {
  border-left: 1px solid var(--color-neutral-600);
}
table.desktop .borderR {
  border-right: 1px solid var(--color-neutral-300);
}
table.desktop .blackBorderR {
  border-right: 1px solid var(--color-neutral-600);
}
table.desktop .blackBorderT {
  border-top: 1px solid var(--color-neutral-600);
}
table.desktop .blackBorderB {
  border-bottom: 1px solid var(--color-neutral-600);
}
table.desktop .borderB {
  border-bottom: 1px solid var(--color-neutral-300);
}
table.desktop .borderT {
  border-top: 1px solid var(--color-neutral-300);
}
table.desktop .orangeBorderR {
  border-right: 1px solid var(--color-primary-500);
}
table.desktop .orangeBorderL {
  border-left: 1px solid var(--color-primary-500);
}
table.desktop hr {
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: initial;
}
table.desktop tbody td,
table.desktop tbody span,
table.desktop tbody div {
  font-size: 0.75rem;
}
table.desktop tbody .actionButton button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
table.desktop .columnButtonChip {
  width: 21.49%;
}
@media only screen and (min-width: 1600px) {
  table.desktop .columnButtonChip {
    width: 21.56%;
  }
}
@media only screen and (min-width: 1750px) {
  table.desktop .columnButtonChip {
    width: 21.76%;
  }
}
@media only screen and (min-width: 1900px) {
  table.desktop .columnButtonChip {
    width: 21.5%;
  }
}
table.desktop .columnButtonChipItens {
  width: 21.49%;
}
@media only screen and (max-width: 1367px) {
  table.desktop .columnButtonChipItens {
    width: 21.45%;
  }
}
@media only screen and (min-width: 1600px) {
  table.desktop .columnButtonChipItens {
    width: 21.56%;
  }
}
@media only screen and (min-width: 1750px) {
  table.desktop .columnButtonChipItens {
    width: 21.76%;
  }
}
@media only screen and (min-width: 1900px) {
  table.desktop .columnButtonChipItens {
    width: 21.45%;
  }
}
table.desktop .columnProviderInd {
  width: 26%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .columnProviderInd {
    width: 26%;
  }
}
table.desktop .columnProviderItens {
  width: 26%;
}
@media only screen and (max-width: 1367px) {
  table.desktop .columnProviderItens {
    width: 26.04%;
  }
}
@media only screen and (min-width: 1900px) {
  table.desktop .columnProviderItens {
    width: 26.03%;
  }
}
table.desktop .columnChipItens {
  width: 26.3%;
}
@media only screen and (max-width: 1367px) {
  table.desktop .columnChipItens {
    width: 27.3%;
  }
}
@media only screen and (min-width: 1900px) {
  table.desktop .columnChipItens {
    width: 26.15%;
  }
}
table.desktop .columnDescriptionItens {
  width: 31.8%;
}
@media only screen and (max-width: 1367px) {
  table.desktop .columnDescriptionItens {
    width: 33%;
  }
}
@media only screen and (min-width: 1900px) {
  table.desktop .columnDescriptionItens {
    width: 31.63%;
  }
}
table.desktop .pedido-qtde {
  width: 5.6%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .pedido-qtde {
    width: 5.9%;
  }
}
table.desktop .pedido-un {
  width: 5.62%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .pedido-un {
    width: 5.9%;
  }
}
table.desktop .pedido-unit {
  width: 5.62%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .pedido-unit {
    width: 6%;
  }
}
table.desktop .pedido-total {
  width: 6.8%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .pedido-total {
    width: 7.1%;
  }
}
table.desktop .nota-qtde {
  width: 5.58%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .nota-qtde {
    width: 5.93%;
  }
}
table.desktop .nota-un {
  width: 5.67%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .nota-un {
    width: 5.9%;
  }
}
table.desktop .nota-unit {
  width: 5.6%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .nota-unit {
    width: 5.98%;
  }
}
table.desktop .nota-total {
  width: 6.8%;
}
@media only screen and (min-width: 1900px) {
  table.desktop .nota-total {
    width: 7.06%;
  }
}
table.desktop .totalOrder {
  width: 60.2%;
}
@media only screen and (max-width: 1367px) {
  table.desktop .totalOrder {
    width: 62.3%;
  }
}
@media only screen and (min-width: 1900px) {
  table.desktop .totalOrder {
    width: 57.06%;
  }
}
table.desktop.desktop.type-discard-table {
  overflow: hidden;
  border-radius: 8px !important;
}
table.desktop.desktop.type-discard-table table {
  width: 100%;
  table-layout: fixed;
}
table.desktop.desktop.type-discard-table .headerTitle th {
  box-sizing: border-box;
  left: 0;
  z-index: 99;
}
table.desktop.desktop.type-discard-table th:nth-child(2) {
  padding-left: 12px !important;
}
table.desktop.desktop.type-discard-table tbody td:nth-child(2) {
  padding-left: 12px !important;
  border-right: 1px solid var(--color-chart-border);
}
table.desktop.desktop.type-discard-table tbody td:first-child {
  border-right: 1px solid var(--color-neutral-300);
}
table.desktop.desktop.type-discard-table .headerTitle th:first-of-type {
  border-right: 1px solid var(--color-neutral-300) !important;
}
table.desktop.desktop.type-discard-table .headerTitle th:first-of-type {
  border-top-left-radius: 10px !important;
}
table.desktop.desktop.type-discard-table .headerTitle th:last-of-type {
  border-top-right-radius: 10px !important;
}
table .emptyTableLineInfo th {
  text-align: center;
  margin: 0.625rem;
  font-size: 0.75rem;
}
table .fixedBottom {
  position: sticky;
  bottom: 0;
}
table .orderButtons {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  margin: 0 0 2px 5px;
}
table .orderButtons button {
  background: none;
  border: 0;
  padding: 0;
  color: #9297ac;
  height: 5px;
  cursor: pointer;
}
table .orderButtons button svg {
  display: block;
}
table .orderButtons button.orderUp {
  margin-bottom: 2px;
}
table .orderButtons button.orderDown svg {
  transform: rotate(180deg);
}
table .orderButtons button.active svg path {
  fill: var(--theme-primary);
}
table table.desktop.cardsMainTable tbody tr.row-expanded > td {
  border-top: 1px solid var(--color-neutral-600) !important;
  border-bottom: 1px solid var(--color-neutral-600) !important;
}

table.desktop.cmvRedeTable tbody tr.groupRow td {
  border-top: 1px solid var(--color-neutral-600);
  border-bottom: 1px solid var(--color-neutral-600);
}
table.desktop.cmvRedeTable tbody tr.subgroupRow td {
  border-top: 1px solid var(--color-neutral-600);
  border-bottom: 1px solid var(--color-neutral-600);
}
table.desktop.cmvRedeTable tbody tr.childRow hr {
  display: none;
}
table.desktop.cmvRedeTable tbody tr.childRow td {
  border-bottom: 1px solid var(--color-neutral-300);
}
table.desktop.cmvRedeTable tbody tr.childRow:last-child td {
  border-bottom: none;
}

.pagination {
  font-family: "Lato" !important;
  margin: 8px 0 10px 0;
  display: flex;
  justify-content: flex-start;
}
.pagination .pagination .MuiTablePagination-caption {
  font-family: "Lato", sans-serif !important;
  font-size: 12px;
}
.pagination .MuiPagination-ul {
  border: 1px solid var(--color-chart-border);
  border-radius: 10px;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  height: 1.625rem;
  width: auto;
  background: var(--color-neutral-0);
  gap: 0 !important;
  overflow: hidden;
}
.pagination .MuiPagination-ul li {
  margin: 0;
  padding: 0;
  height: 100%;
}
.pagination .MuiPagination-ul li > button, .pagination .MuiPagination-ul li > .MuiPaginationItem-root {
  padding: 0;
  margin: 0;
  border-radius: 0;
  height: 100%;
  min-height: 18px;
  font-size: 10px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-neutral-0) !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 11px;
  border-right: 1px solid var(--color-chart-border) !important;
}
.pagination .MuiPagination-ul li > button.Mui-disabled, .pagination .MuiPagination-ul li > .MuiPaginationItem-root.Mui-disabled {
  border-right: 1px solid var(--color-chart-border) !important;
}
.pagination .MuiPagination-ul li > button svg, .pagination .MuiPagination-ul li > .MuiPaginationItem-root svg {
  color: var(--color-chart-border) !important;
  width: 12px;
  height: 12px;
}
.pagination .MuiPagination-ul li > button.Mui-selected, .pagination .MuiPagination-ul li > .MuiPaginationItem-root.Mui-selected {
  background: var(--theme-primary) !important;
  color: #fff !important;
  z-index: 1;
}
.pagination .MuiPagination-ul li:last-child > button, .pagination .MuiPagination-ul li:last-child > .MuiPaginationItem-root {
  border-right: none !important;
}
.pagination .MuiPaginationItem-root.Mui-disabled {
  opacity: 1 !important;
  border-top: none;
  border-bottom: none;
  border-left: var(--color-chart-border) !important;
}
.pagination .MuiPaginationItem-root.Mui-disabled svg {
  opacity: 0.38;
}

.fixedTable div div div div table {
  table-layout: fixed !important;
}

.itemsSizeOrdersPage {
  width: 100%;
  cursor: pointer;
  font-size: 13px;
}

@media only screen and (max-width: 1522px) {
  .totalSizeOrdersPage {
    width: 97px;
  }
}
@media only screen and (max-width: 1367px) {
  .totalSizeOrdersPage {
    width: 102px;
  }
}
@media only screen and (max-width: 1350px) {
  .totalSizeOrdersPage {
    width: 83px;
  }
}
@media only screen and (max-width: 1321px) {
  .totalSizeOrdersPage {
    width: 77px;
  }
}
@media only screen and (max-width: 1310px) {
  .totalSizeOrdersPage {
    width: 74px;
  }
}
@media only screen and (max-width: 1300px) {
  .totalSizeOrdersPage {
    width: 64px;
  }
}
.totalSizeOrdersPage {
  width: 170px;
}

@media only screen and (max-width: 1490px) {
  .skuDescriptionOrdersTable {
    width: 235px;
  }
}
@media only screen and (max-width: 1328) {
  .skuDescriptionOrdersTable {
    width: 224px;
  }
}
@media only screen and (max-width: 1350px) {
  .skuDescriptionOrdersTable {
    width: 205px;
  }
}
.skuDescriptionOrdersTable {
  width: 282px;
}

@media only screen and (max-width: 1367px) {
  .skuUnitaryOrdersTable {
    width: 76px;
  }
}
.skuUnitaryOrdersTable {
  width: 90px;
}

@media only screen and (max-width: 1522px) {
  .skuCostOrdersTable {
    width: 108px;
  }
}
@media only screen and (max-width: 1512px) {
  .skuCostOrdersTable {
    width: 91px;
  }
}
@media only screen and (max-width: 1367px) {
  .skuCostOrdersTable {
    width: 105px;
  }
}
@media only screen and (max-width: 1355px) {
  .skuCostOrdersTable {
    width: 80px !important;
  }
}
@media only screen and (max-width: 1341px) {
  .skuCostOrdersTable {
    width: 75px !important;
  }
}
@media only screen and (max-width: 1300px) {
  .skuCostOrdersTable {
    width: 70px;
  }
}
@media only screen and (max-width: 1281px) {
  .skuCostOrdersTable {
    width: 90px !important;
  }
}
.skuCostOrdersTable {
  width: 112px;
}

.radioDifInCount {
  display: flex;
  justify-content: center;
  align-items: center;
}
.radioDifInCount span span div svg {
  width: 19px;
}

.stripedTable tr:nth-child(4n-1) {
  background: rgba(146, 150, 172, 0.2);
}
.stripedTable tr td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.stripedTable tr:nth-child(2n) td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.spacedTable tr td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.spacedTable tr:nth-child(2n) td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.productionTable {
  z-index: 1000;
}
.productionTable .headerTitle th {
  font-size: 9px !important;
}
.productionTable .headerTitle th span img {
  width: 9px;
}
.productionTable .headerTitle th:first-of-type {
  border-top-left-radius: initial !important;
}
.productionTable .headerTitle th:last-of-type {
  border-top-right-radius: initial !important;
}
.productionTable .headerTitle td {
  background: #333541 !important;
}
.productionTable .headerTitle input::placeholder {
  color: #fff !important;
}
.productionTable tr:hover .tableColorHover {
  background: #fff !important;
}
.productionTable td {
  font-size: 12px !important;
}
.productionTable .defaultBox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.productionTable .defaultBox .upperLine,
.productionTable .defaultBox .bottomLine {
  width: 100%;
  min-height: 28px;
}
.productionTable .defaultBox .upperLine input,
.productionTable .defaultBox .bottomLine input {
  background: #fff;
}
.productionTable .defaultBox .upperLine {
  display: flex;
}
.productionTable .defaultBox .bottomLine {
  margin-top: 5px;
}
.productionTable .productionButtonStatus {
  display: flex;
  justify-content: flex-start;
  padding-left: 10px;
}
.productionTable .productionButtonStatus.removePaddingButton {
  padding-left: 0 !important;
  align-items: flex-start;
}
.productionTable .productionButtonStatus .finishedTimeCircle {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto 0 1px auto;
}
.productionTable .productionButtonStatus .finishedTimeCircle span {
  font-size: 10px;
}
.productionTable .productionButtonStatus .finishedTimeCircle.positiveTime {
  background: rgb(0, 102, 8);
}
.productionTable .productionButtonStatus .finishedTimeCircle.positiveTime span {
  color: #fff;
}
.productionTable .productionButtonStatus .finishedTimeCircle.noTime {
  background: rgb(247, 213, 110);
}
.productionTable .productionButtonStatus .finishedTimeCircle.noTime span {
  color: rgb(14, 19, 55);
}
.productionTable .MuiCollapse-container.expanded {
  height: auto !important;
}
.productionTable .dropDownTable th {
  color: #77798b;
}
.productionTable .dropDownTable tr {
  vertical-align: baseline;
}
.productionTable .dropDownTable tbody td input {
  background: #fff;
  height: 28px;
  padding: 0 3px 0 0;
}
.productionTable .dropDownTable tbody td .MuiInputBase-root .MuiInputAdornment-root {
  display: none;
}
.productionTable .dropDownTable tbody td .autocompletePtChild0 input {
  height: 26px;
}
.productionTable .dropDownTable tbody td .autocompleteSmall .MuiInputBase-root {
  background: #fff;
  padding: 0 0 0 8px !important;
}
.productionTable .dropDownTable tbody td .autocompleteSmall .MuiInputBase-root input {
  padding: 0;
}

.copilotTable input {
  background: #fff;
}
.copilotTable tbody .headerTitle th {
  top: 85px !important;
}
.copilotTable tbody .defaultLine td {
  height: 46px;
  vertical-align: middle;
}
.copilotTable tbody .defaultLine td td {
  vertical-align: middle;
  display: contents;
}
.copilotTable tbody .itemTransformationLine .copilotTableCollapse input {
  height: 29px;
}
.copilotTable tbody .itemProductionTableDescription .MuiInputBase-root {
  width: 100%;
}
.copilotTable tbody .itemProductionTableDescription .MuiInputBase-root input {
  height: 18px;
  padding: 5px 5px 5px;
}
.copilotTable tbody .itemProductionTableDescription .MuiInputAdornment-root {
  display: none;
}
.copilotTable tbody .widthTextField {
  width: 23%;
}
@media only screen and (min-width: 1600px) {
  .copilotTable tbody .widthTextField {
    width: 15.7%;
  }
}
.copilotTable .copilotWeekTagsBox {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(38, 89, 178);
  border-radius: 4px;
  background-color: #fff;
  padding: 3px;
}
.copilotTable .copilotWeekTagsBox .copilotWeekTag {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  width: 10px;
  height: 10px;
  margin-right: 2px;
}
.copilotTable .copilotWeekTagsBox .copilotWeekTag span {
  color: #000;
}
.copilotTable .copilotWeekTagsBox .copilotWeekTag.active {
  background: #f39971;
}
.copilotTable .copilotWeekTagsBox .copilotWeekTag:last-of-type {
  margin-right: 0;
}
.copilotTable .boxProduction {
  height: 22px;
  padding: 0 4px;
  border: 1px solid rgb(38, 89, 178);
  background-color: #fff;
  border-radius: 4px;
  font-size: 9px;
}

#cardsRelatedDialogContent .headerTitle th,
#cardsRelatedDialogContent .headerTitle td {
  box-shadow: none !important;
}

.purchaseTable .headerTitle th {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding-inline: 10px !important;
}
.purchaseTable .headerTitle .subtitle {
  font-size: 9px;
}
.purchaseTable tfoot {
  background: var(--bg-footer-modal);
}
.purchaseTable tfoot td {
  font-size: 12px;
  color: var(--color-neutral-500);
  font-weight: 700;
  padding-right: 10px;
  padding-left: 10px;
}

/* Quotation Manager - Dialog Option Valid Column */
.customValidTooltipDialogOption {
  padding: 2px 6px;
  border-radius: 4px;
  margin: -2px -6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

/* Indicators Values */
.indicatorValueTooltips {
  padding: 2px 6px;
  border-radius: 4px;
  margin: -2px -6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #d0d3e2;
  color: #000319 !important;
  font-weight: bold;
}

/* Consumed Entry and Exit Tooltip */
.consumedEntryBox p,
.consumedEntryBox span,
.consumedExitBox p,
.consumedExitBox span {
  color: #fff;
}
.consumedEntryBox span,
.consumedExitBox span {
  font-weight: bold;
}
.consumedEntryBox .consumedEntryTitle,
.consumedExitBox .consumedEntryTitle {
  color: #7583f0;
}
.consumedEntryBox .consumedExitTitle,
.consumedExitBox .consumedExitTitle {
  color: #f76e79;
}
.consumedEntryBox p,
.consumedExitBox p {
  margin-bottom: 1px;
}
.consumedEntryBox span,
.consumedExitBox span {
  margin-bottom: 2px;
  display: block;
}

.countsCircularProgressBar .MuiCircularProgress-root {
  padding: 8px;
  width: 25px !important;
  height: 25px !important;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
figcaption,
a,
span,
li,
label,
strong,
select,
td,
th,
div,
button {
  font-family: "Lato" !important;
}
h1.fontFamilyDefault,
h2.fontFamilyDefault,
h3.fontFamilyDefault,
h4.fontFamilyDefault,
h5.fontFamilyDefault,
h6.fontFamilyDefault,
p.fontFamilyDefault,
i.fontFamilyDefault,
figcaption.fontFamilyDefault,
a.fontFamilyDefault,
span.fontFamilyDefault,
li.fontFamilyDefault,
label.fontFamilyDefault,
strong.fontFamilyDefault,
select.fontFamilyDefault,
td.fontFamilyDefault,
th.fontFamilyDefault,
div.fontFamilyDefault,
button.fontFamilyDefault {
  font-family: "Lato";
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold,
p.bold,
i.bold,
figcaption.bold,
a.bold,
span.bold,
li.bold,
label.bold,
strong.bold,
select.bold,
td.bold,
th.bold,
div.bold,
button.bold {
  font-weight: 700;
}
h1.semiBold,
h2.semiBold,
h3.semiBold,
h4.semiBold,
h5.semiBold,
h6.semiBold,
p.semiBold,
i.semiBold,
figcaption.semiBold,
a.semiBold,
span.semiBold,
li.semiBold,
label.semiBold,
strong.semiBold,
select.semiBold,
td.semiBold,
th.semiBold,
div.semiBold,
button.semiBold {
  font-weight: 500;
}
h1.italic,
h2.italic,
h3.italic,
h4.italic,
h5.italic,
h6.italic,
p.italic,
i.italic,
figcaption.italic,
a.italic,
span.italic,
li.italic,
label.italic,
strong.italic,
select.italic,
td.italic,
th.italic,
div.italic,
button.italic {
  font-style: italic !important;
}
h1.withStroke,
h2.withStroke,
h3.withStroke,
h4.withStroke,
h5.withStroke,
h6.withStroke,
p.withStroke,
i.withStroke,
figcaption.withStroke,
a.withStroke,
span.withStroke,
li.withStroke,
label.withStroke,
strong.withStroke,
select.withStroke,
td.withStroke,
th.withStroke,
div.withStroke,
button.withStroke {
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 2px 0 #000, 0 -2px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 5px #000;
}
h1.fontWeightNormal,
h2.fontWeightNormal,
h3.fontWeightNormal,
h4.fontWeightNormal,
h5.fontWeightNormal,
h6.fontWeightNormal,
p.fontWeightNormal,
i.fontWeightNormal,
figcaption.fontWeightNormal,
a.fontWeightNormal,
span.fontWeightNormal,
li.fontWeightNormal,
label.fontWeightNormal,
strong.fontWeightNormal,
select.fontWeightNormal,
td.fontWeightNormal,
th.fontWeightNormal,
div.fontWeightNormal,
button.fontWeightNormal {
  font-weight: normal !important;
}
h1.link,
h2.link,
h3.link,
h4.link,
h5.link,
h6.link,
p.link,
i.link,
figcaption.link,
a.link,
span.link,
li.link,
label.link,
strong.link,
select.link,
td.link,
th.link,
div.link,
button.link {
  color: var(--text-blue);
  cursor: pointer;
}

.fontSizeDefault {
  font-size: 12px !important;
}

.fontSize9 {
  font-size: 9px !important;
}

.fontSize10 {
  font-size: 10px !important;
}

.fontSize11 {
  font-size: 11px !important;
}

.fontSize12 {
  font-size: 12px !important;
}

.fontSize14 {
  font-size: 14px !important;
}

.fontSize16 {
  font-size: 16px !important;
}

.fontSize20 {
  font-size: 20px !important;
}

.childInputFontSize16 input {
  font-size: 16px !important;
}

.childTdFontSize10 td {
  font-size: 10px !important;
}

.childTdFontSize11 td {
  font-size: 11px !important;
}

.childTdFontSize14 td {
  font-size: 14px !important;
}

.childTdFontSize16 td {
  font-size: 16px !important;
}

.childInputFontSize20 input {
  font-size: 20px !important;
}

.childTdFontSize18 td {
  font-size: 18px !important;
}

.childTdFontSize20 td {
  font-size: 20px !important;
}

.childTdFontSize22 td {
  font-size: 22px !important;
}

.lowerCaseText {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase !important;
}

.childBold h1,
.childBold h2,
.childBold h3,
.childBold h4,
.childBold h5,
.childBold h6,
.childBold p,
.childBold i,
.childBold figcaption,
.childBold a,
.childBold span,
.childBold li,
.childBold label,
.childBold strong,
.childBold select,
.childBold td,
.childBold th,
.childBold div {
  font-weight: bold;
}

p {
  margin-top: 0;
}

:root {
  --color-primary-500: #ef6a2f;
  --color-primary-400: #f39971;
  --color-primary-350: #ef926b;
  --color-primary-300: #f3d1c2;
  --color-primary-200: #ffe7dd;
  --color-primary-600: #d44a0d;
  --color-primary-700: #9e3100;
  --color-primary-800: #702200;
  --color-primary-500-rgb: 239, 106, 47;
  --color-primary-300-rgb: 243, 209, 194;
  --color-primary-rgb: 239, 106, 47;
  --color-primary-soft: rgba(239, 106, 47, 0.8);
  --color-secondary-500: #2659b2;
  --color-secondary-450: #6386c7;
  --color-secondary-400: #799cd9;
  --color-secondary-300: #cbd9ef;
  --color-secondary-300-rgb: 203, 217, 239;
  --color-secondary-700: #032e79;
  --color-secondary-800: #031e4c;
  --color-secondary-500-rgb: 38, 89, 178;
  --color-secondary-500-70: rgba(38, 89, 178, 0.7);
  --color-neutral-600: #010311;
  --color-neutral-500: #454a67;
  --color-neutral-400: #9296ac;
  --color-neutral-300: #d0d3e2;
  --color-neutral-200: #f2f3f8;
  --color-neutral-0: #ffffff;
  --color-neutral-light: #f2f2f4;
  /* Table line colors */
  --table-line-light: #d2d3d7;
  --table-line-dark: #010311;
  --tableHead-primary: #eeeff5;
  --table-head-cost: #f76e79;
  --color-success-500: #08aa15;
  --color-error-500: #f53d4c;
  --color-info-500: #2659b2;
  --theme-primary: var(--color-primary-500);
  --theme-primary-light: var(--color-primary-400);
  --theme-primary-contrast: #ffffff;
  --theme-primary-rgb: 239, 106, 47;
  --theme-secondary: var(--color-secondary-500);
  --theme-secondary-light: var(--color-secondary-400);
  --theme-secondary-contrast: #ffffff;
  --theme-secondary-rgb: 38, 89, 178;
  --theme-third: var(--color-primary-300);
  --gradient-login-overlay: linear-gradient(to bottom, rgba(239, 106, 47, 0.3490196078), rgba(239, 106, 47, 0.3490196078));
  --gradient-header-cmv-config-modal: rgba(239, 106, 47, 0.8);
  --chip-bg-recipe: #d9eaf2;
  --chip-bg-menu: #daddf3;
  --chip-bg-transformation: #fff2cc;
  --color-background-soft: #f3f9fc;
  --color-background-softer: #fefbf3;
  --color-background-warm: #fbeab9;
  --color-bg-recipe: rgba(217, 234, 242, 0.4);
  --color-bg-transformation: #f9f4ea;
  --color-bg-image: #f9f3f2;
  /*General Status Colors*/
  --danger-border: #aa0816;
  --danger-color: #660008;
  --warning-border: #aa8208;
  --warning-color: #664c00;
  --info-border: #032e79;
  --info-color: #2659b2;
  /* Certificate colors */
  --certificate-expired-color: rgb(245, 61, 76);
  --certificate-expiring-color: rgb(242, 185, 13);
  /* Status colors */
  --bg-late: #fcf5e3;
  --bg-in-progress: #cbd9ef;
  --bg-received: #d2f9d6;
  --bg-partial-received: #d2f9d6;
  --bg-not-received: #F7D56E;
  --bg-returned: #F7D4D7;
  --bg-canceled: #ffffff;
  --bg-error: #e22121;
  --bg-returned-mobile: #aa0816;
  /* Status text colors */
  --text-late: #aa8208;
  --text-in-progress: #2659b2;
  --text-received: #006608;
  --text-partial-received: #006608;
  --text-not-received: #aa0816;
  --text-returned: #aa0816;
  --text-canceled: #aa0816;
  --color-not-received: #ffbf3e;
  --color-not-received-mob: #f53d4c;
  --color-difference-bg: rgb(255, 255, 255);
  --color-difference-border: rgb(170, 130, 8);
  --color-difference-text: rgb(170, 130, 8);
  --color-analysis-table-text: #5062f0;
  --color-blue-700: #070b24;
  --color-neutral-soft: #e2e8f2;
  --color-dark-orange: #ca7700;
  --color-soft-orange: #fde9e0;
  --color-soft-gray: #dee6f3;
  --color-light-blue: #d4def0;
  --text-blue: #5062f0;
  /* CMV Config Count Products */
  --error-red: #f53d4c;
  --warning-yellow: #aa8208;
  --success-green: #006608;
  /* CMV */
  --bg-theoretical-base-card: rgba(243, 209, 194, 0.4);
  --bg-performed-base-card: rgba(203, 217, 239, 0.6);
  --color-chart-legend: #($color-chart-legend);
  --color-chart-border: #010311;
  --count-warning: #aa8208;
  --count-success: #006608;
  --count-error: #f53d4c;
  --input-border-color: #333541;
  /* Titles */
  --color-title-secondary: #($black);
  --text-blue: #5062f0;
  --border-dark-blue: #004466;
  --input-color: #666770;
  --color-chart-legend: #1f2445;
  /* Modal */
  --bg-modal: #eeeff5;
  --bg-modal-sku: #f2e6e5;
  /* Parameters */
  --user-text-primary: #313347;
  /* Tooltip */
  --tooltip-bg: rgba(26, 26, 26, 0.8352941176);
  /* Count Analysis Table */
  --bg-thead-negative: rgba(247, 110, 121, 0.5);
  --bg-td-negative: rgba(247, 212, 215, 0.3);
  --bg-total-number: rgba(245, 61, 76, 0.6);
  --color-difference-positive-bg: rgba(247, 213, 110, 0.5);
  /* Production Status */
  --bg-include-status: #e6e7f0;
  /* Production Cards Mobile */
  --recipe-color-card: #1d8fc9;
  --transformation-color-card: #f2b90d;
  --recipe-type: #75c7f0;
  --productionCourtBackground: #eeeff5;
  --color-cards-receipt: #dee6f3;
  /* Purchases*/
  --bg-to-receive: #fff2cc;
  --text-to-receive: #aa8208;
  --bg-footer-modal: #e6e7f0;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue,
p.blue,
i.blue,
figcaption.blue,
a.blue,
span.blue,
li.blue,
label.blue,
strong.blue,
select.blue,
td.blue,
th.blue,
div.blue,
svg.blue {
  color: #ef6a2f;
}
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray,
p.gray,
i.gray,
figcaption.gray,
a.gray,
span.gray,
li.gray,
label.gray,
strong.gray,
select.gray,
td.gray,
th.gray,
div.gray,
svg.gray {
  color: #2659b2;
}
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success,
p.success,
i.success,
figcaption.success,
a.success,
span.success,
li.success,
label.success,
strong.success,
select.success,
td.success,
th.success,
div.success,
svg.success {
  color: #08aa15;
}
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger,
p.danger,
i.danger,
figcaption.danger,
a.danger,
span.danger,
li.danger,
label.danger,
strong.danger,
select.danger,
td.danger,
th.danger,
div.danger,
svg.danger {
  color: #660008;
}
h1.error,
h2.error,
h3.error,
h4.error,
h5.error,
h6.error,
p.error,
i.error,
figcaption.error,
a.error,
span.error,
li.error,
label.error,
strong.error,
select.error,
td.error,
th.error,
div.error,
svg.error {
  color: #f53d4c;
}
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
p.warning,
i.warning,
figcaption.warning,
a.warning,
span.warning,
li.warning,
label.warning,
strong.warning,
select.warning,
td.warning,
th.warning,
div.warning,
svg.warning {
  color: #664c00;
}
h1.info,
h2.info,
h3.info,
h4.info,
h5.info,
h6.info,
p.info,
i.info,
figcaption.info,
a.info,
span.info,
li.info,
label.info,
strong.info,
select.info,
td.info,
th.info,
div.info,
svg.info {
  color: #2659b2;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
p.dark,
i.dark,
figcaption.dark,
a.dark,
span.dark,
li.dark,
label.dark,
strong.dark,
select.dark,
td.dark,
th.dark,
div.dark,
svg.dark {
  color: #1b1e21;
}
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black,
i.black,
figcaption.black,
a.black,
span.black,
li.black,
label.black,
strong.black,
select.black,
td.black,
th.black,
div.black,
svg.black {
  color: #010311;
}
h1.default,
h2.default,
h3.default,
h4.default,
h5.default,
h6.default,
p.default,
i.default,
figcaption.default,
a.default,
span.default,
li.default,
label.default,
strong.default,
select.default,
td.default,
th.default,
div.default,
svg.default {
  color: #818182;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
i.white,
figcaption.white,
a.white,
span.white,
li.white,
label.white,
strong.white,
select.white,
td.white,
th.white,
div.white,
svg.white {
  color: #ffffff !important;
}
h1.lightGray,
h2.lightGray,
h3.lightGray,
h4.lightGray,
h5.lightGray,
h6.lightGray,
p.lightGray,
i.lightGray,
figcaption.lightGray,
a.lightGray,
span.lightGray,
li.lightGray,
label.lightGray,
strong.lightGray,
select.lightGray,
td.lightGray,
th.lightGray,
div.lightGray,
svg.lightGray {
  color: #eaeaea;
}
h1.disabledGray,
h2.disabledGray,
h3.disabledGray,
h4.disabledGray,
h5.disabledGray,
h6.disabledGray,
p.disabledGray,
i.disabledGray,
figcaption.disabledGray,
a.disabledGray,
span.disabledGray,
li.disabledGray,
label.disabledGray,
strong.disabledGray,
select.disabledGray,
td.disabledGray,
th.disabledGray,
div.disabledGray,
svg.disabledGray {
  color: #9296ac;
}
h1.materialBlue,
h2.materialBlue,
h3.materialBlue,
h4.materialBlue,
h5.materialBlue,
h6.materialBlue,
p.materialBlue,
i.materialBlue,
figcaption.materialBlue,
a.materialBlue,
span.materialBlue,
li.materialBlue,
label.materialBlue,
strong.materialBlue,
select.materialBlue,
td.materialBlue,
th.materialBlue,
div.materialBlue,
svg.materialBlue {
  color: #3f51b5 !important;
}
h1.navyBlue,
h2.navyBlue,
h3.navyBlue,
h4.navyBlue,
h5.navyBlue,
h6.navyBlue,
p.navyBlue,
i.navyBlue,
figcaption.navyBlue,
a.navyBlue,
span.navyBlue,
li.navyBlue,
label.navyBlue,
strong.navyBlue,
select.navyBlue,
td.navyBlue,
th.navyBlue,
div.navyBlue,
svg.navyBlue {
  color: #080b30;
}
h1.primaryColor,
h2.primaryColor,
h3.primaryColor,
h4.primaryColor,
h5.primaryColor,
h6.primaryColor,
p.primaryColor,
i.primaryColor,
figcaption.primaryColor,
a.primaryColor,
span.primaryColor,
li.primaryColor,
label.primaryColor,
strong.primaryColor,
select.primaryColor,
td.primaryColor,
th.primaryColor,
div.primaryColor,
svg.primaryColor {
  color: #ef6a2f !important;
}
h1.primaryColor td,
h2.primaryColor td,
h3.primaryColor td,
h4.primaryColor td,
h5.primaryColor td,
h6.primaryColor td,
p.primaryColor td,
i.primaryColor td,
figcaption.primaryColor td,
a.primaryColor td,
span.primaryColor td,
li.primaryColor td,
label.primaryColor td,
strong.primaryColor td,
select.primaryColor td,
td.primaryColor td,
th.primaryColor td,
div.primaryColor td,
svg.primaryColor td {
  color: #ef6a2f !important;
}
h1.secondaryColor,
h2.secondaryColor,
h3.secondaryColor,
h4.secondaryColor,
h5.secondaryColor,
h6.secondaryColor,
p.secondaryColor,
i.secondaryColor,
figcaption.secondaryColor,
a.secondaryColor,
span.secondaryColor,
li.secondaryColor,
label.secondaryColor,
strong.secondaryColor,
select.secondaryColor,
td.secondaryColor,
th.secondaryColor,
div.secondaryColor,
svg.secondaryColor {
  color: #2659b2 !important;
}
h1.secondaryColor td,
h2.secondaryColor td,
h3.secondaryColor td,
h4.secondaryColor td,
h5.secondaryColor td,
h6.secondaryColor td,
p.secondaryColor td,
i.secondaryColor td,
figcaption.secondaryColor td,
a.secondaryColor td,
span.secondaryColor td,
li.secondaryColor td,
label.secondaryColor td,
strong.secondaryColor td,
select.secondaryColor td,
td.secondaryColor td,
th.secondaryColor td,
div.secondaryColor td,
svg.secondaryColor td {
  color: #2659b2 !important;
}
h1.textBlue,
h2.textBlue,
h3.textBlue,
h4.textBlue,
h5.textBlue,
h6.textBlue,
p.textBlue,
i.textBlue,
figcaption.textBlue,
a.textBlue,
span.textBlue,
li.textBlue,
label.textBlue,
strong.textBlue,
select.textBlue,
td.textBlue,
th.textBlue,
div.textBlue,
svg.textBlue {
  color: #5062f0 !important;
}
h1.neutralColor,
h2.neutralColor,
h3.neutralColor,
h4.neutralColor,
h5.neutralColor,
h6.neutralColor,
p.neutralColor,
i.neutralColor,
figcaption.neutralColor,
a.neutralColor,
span.neutralColor,
li.neutralColor,
label.neutralColor,
strong.neutralColor,
select.neutralColor,
td.neutralColor,
th.neutralColor,
div.neutralColor,
svg.neutralColor {
  color: #9296ac;
}
h1.darkOrange,
h2.darkOrange,
h3.darkOrange,
h4.darkOrange,
h5.darkOrange,
h6.darkOrange,
p.darkOrange,
i.darkOrange,
figcaption.darkOrange,
a.darkOrange,
span.darkOrange,
li.darkOrange,
label.darkOrange,
strong.darkOrange,
select.darkOrange,
td.darkOrange,
th.darkOrange,
div.darkOrange,
svg.darkOrange {
  color: #ca7700;
}

.bgPrimary {
  background: #ef6a2f;
}

.bgSecondary {
  background: #2659b2;
}

.bgSuccess {
  background: #d4edda;
}

.bgDanger {
  background: #f8d7da;
}

.bgError {
  background: #e22121;
}

.bgWarning {
  background: #fff3cd;
}

.bgInfo {
  background: #d1ecf1;
}

.bgDark {
  background: #d6d8d9;
}

.bgDefault {
  background: #fefefe;
}

.bgNavyBlue {
  background: #080b30 !important;
}

.bgMainBlue {
  background: #030303;
}

.bgWhite {
  background: #fefefe !important;
}

.bgPrimary {
  background: #ef6a2f !important;
}

.bgPrimaryLighter {
  background: #f3d1c2 !important;
}

.bgPrimaryLightest {
  background: #ffe7dd !important;
}

.bgSoftWhite {
  background: #fefaf8 !important;
}

.noBg {
  background: transparent !important;
}

.textNeutralPrimary {
  color: #454a67;
}

.bgLightGray {
  background: #dee6f3;
}

.bgPurchaseOrder {
  background: #fce1d5 !important;
}

.fontBlack {
  color: #010311 !important;
}.itemsPerPage {
  margin-left: 10px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 11px;
  color: var(--color-chart-border);
  display: flex;
  align-items: center;
}body,
.MuiTypography-body1 {
  font-family: "Lato", sans-serif !important;
  overflow: hidden;
}

html,
body {
  width: 100%;
}

html {
  position: fixed !important;
}

#root {
  width: 100%;
  height: 100vh;
}
#root .content-wrapper {
  height: 100vh;
}
#root .content-wrapper .main-content {
  height: 100vh;
}

.layoutContainer {
  margin-top: 55px;
}

.overflowHidden {
  overflow: hidden;
}

a {
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}

.linkHover {
  color: #000000;
  cursor: pointer;
  transition: color 0.3s;
}
.linkHover:hover {
  color: #1890ff;
}

h1.errorField,
h2.errorField,
h3.errorField,
h4.errorField,
h5.errorField,
h6.errorField,
p.errorField,
i.errorField,
figcaption.errorField,
a.errorField,
span.errorField,
li.errorField,
label.errorField,
strong.errorField,
select.errorField {
  color: red;
}

.errorField label,
.errorField span,
.errorField p {
  color: red !important;
}
.errorField .ant-select-selector,
.errorField fieldset {
  border-color: red !important;
}
.errorField.selectSmallBox .selectSmall {
  border-bottom: solid 1px red !important;
}
.errorField .MuiInput-underline:after,
.errorField .MuiInput-underline:before {
  border-bottom: solid 2px red !important;
}

*::-webkit-scrollbar-track {
  background-color: transparent;
  background: transparent !important;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  background: transparent !important;
}

*::-webkit-scrollbar-thumb {
  background-color: #aaa;
  background: #aaa !important;
}

/* Displays */
.dFlex {
  display: flex !important;
}

.dBlock {
  display: block !important;
}

.dNone {
  display: none !important;
}

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

.boxOutline {
  border: 1px solid var(--color-neutral-500) !important;
  border-radius: 7px;
}

/* Visibilities */
.visibilityHidden {
  visibility: hidden;
}

.visibilityVisible {
  visibility: visible;
}

/* Positions */
.pRelative {
  position: relative !important;
}

.pAbsolute {
  position: absolute !important;
}

.pSticky {
  position: sticky !important;
}

.pFixed {
  position: fixed !important;
}

/* Sizes */
.w100 {
  width: 100% !important;
}
.w95 {
  width: 95% !important;
}
.w90 {
  width: 90% !important;
}
.w80 {
  width: 80% !important;
}
.w70 {
  width: 70% !important;
}
.w60 {
  width: 60% !important;
}
.w50 {
  width: 50% !important;
}
.w40 {
  width: 40% !important;
}
.w30 {
  width: 30% !important;
}
.w25 {
  width: 25% !important;
}
.w20 {
  width: 20% !important;
}
.w10 {
  width: 10% !important;
}

.h0 {
  height: 0 !important;
}
.h100 {
  height: 100% !important;
}

.hAuto {
  height: auto !important;
}

.wAuto {
  width: auto !important;
}

.mW100 {
  max-width: 100% !important;
}

.mH80 {
  max-height: 80% !important;
}

.minHeightAuto {
  min-height: auto !important;
}
.minHeight0 {
  min-height: 0 !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.spanChildUppercase span {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase;
}

.lowercaseInput input {
  text-transform: lowercase;
}
.lowercaseInput input::placeholder {
  text-transform: initial;
}

.capitalize {
  text-transform: capitalize;
}

.initialTransform {
  text-transform: initial !important;
}

/* Borders */
.borderNone {
  border: none !important;
}

.noBorderRadiusLeft {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.noBorderRadiusRight {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.noBorderRadiusTop {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.noBorderRadiusBottom {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.noBorderRadiusAll {
  border-radius: 0px !important;
}

/* Autocomplete Multiple Tags */
.MuiAutocomplete-tagSizeSmall {
  margin: 0 !important;
}

.MuiAutocomplete-endAdornment {
  right: 0 !important;
}

/* Floats */
.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

/* Tooltips */
.MuiTooltip-popper .MuiTooltip-tooltip {
  background: var(--color-secondary-800) !important;
  font-family: "Lato", sans-serif !important;
  color: #fff !important;
  padding: 2px 6px;
  margin: 0;
  max-width: 500px !important;
}
.MuiTooltip-popper p,
.MuiTooltip-popper span {
  color: #fff;
}
.MuiTooltip-popper .MuiTooltip-arrow:before {
  border-color: transparent transparent #313347 transparent !important;
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementRight {
  padding: 0;
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementRight .MuiTooltip-arrow:before {
  border-color: transparent #9296ac !important;
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementLeft {
  padding: 0;
  max-width: 400px !important;
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementLeft .MuiTooltip-arrow:before {
  border-color: transparent transparent transparent #9296ac !important;
}

/* Cursor */
.cursorPointer {
  cursor: pointer !important;
}

.cursorAuto {
  cursor: auto !important;
}

.cursorMove {
  cursor: move !important;
}

.disableSelection {
  user-select: none !important;
}

#spreadsheetImport::-webkit-file-upload-button {
  margin-left: 20px;
}
#spreadsheetImport input {
  margin-left: 20px;
}

/* Material Clearable Icon */
.searchByTermMode .customClearIcon {
  visibility: hidden;
  cursor: pointer;
}
.searchByTermMode .MuiAutocomplete-clearIndicator {
  display: none !important;
}
.searchByTermMode .MuiInputBase-root:hover .customClearIcon {
  visibility: visible;
}

/* Pull To Refresh Bubbles */
.customPullToRefresh {
  overflow: visible !important;
}
.customPullToRefresh .lds-ellipsis div {
  background: var(--theme-primary);
}
.customPullToRefresh .ptr__pull-down--pull-more {
  display: none !important;
}
.customPullToRefresh .ptr__children {
  overflow: visible;
}

.customPullToRefreshSecondary {
  overflow: visible !important;
  min-height: 725px !important;
}
@media (max-width: 480px) {
  .customPullToRefreshSecondary {
    margin-bottom: 100px;
  }
}
.customPullToRefreshSecondary .lds-ellipsis div {
  background: var(--theme-primary);
}
.customPullToRefreshSecondary .ptr__pull-down--pull-more {
  display: none !important;
}
.customPullToRefreshSecondary .ptr__children {
  overflow: visible !important;
}

.lineNormal {
  line-height: normal !important;
}
.line25 {
  line-height: 25px !important;
}

/* Disable Link */
.disabledLink {
  pointer-events: none;
}

.estimatedEconomy {
  border: 1px solid black;
  border-radius: 8px;
  padding: 4px;
  gap: 4px;
  background-color: #d2f9d6;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.iconNix {
  background-color: var(--theme-primary);
  padding: 5px;
  border-radius: 10px;
}

.iconNixDisabled {
  background-color: #9296ac;
  padding: 5px;
  border-radius: 10px;
}

.valueEstimated {
  margin: 0;
  font-weight: 700;
  color: var(--theme-primary);
}

.valueEstimatedDisabled {
  margin: 0;
  font-weight: 700;
  color: #9296ac;
}

.disabledField {
  color: #9296ac;
}

.percentEstimated {
  height: 17px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid var(--theme-primary);
  border-radius: 8px;
  border-style: dashed;
  padding: 0 5px;
}
.percentEstimated p {
  margin: 0;
  font-weight: 700;
  color: var(--theme-primary);
}

.percentEstimatedDisabled {
  height: 17px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #9296ac;
  border-radius: 8px;
  border-style: dashed;
  padding: 0 5px;
}
.percentEstimatedDisabled p {
  margin: 0;
  font-weight: 700;
  color: #9296ac;
}

.MuiLinearProgress-bar {
  background-color: var(--theme-primary) !important;
}

img {
  vertical-align: middle;
  border-style: none;
}

.columnItens {
  width: 18%;
}
@media only screen and (min-width: 1030px) and (max-width: 1400px) {
  .columnItens {
    width: 16%;
  }
}
@media only screen and (min-width: 1606px) and (max-width: 2000px) {
  .columnItens {
    width: 17.97%;
  }
}

.columnQuantity {
  width: 6%;
}
@media only screen and (min-width: 1030px) and (max-width: 1400px) {
  .columnQuantity {
    width: 5%;
  }
}

.columnType {
  width: 6.5%;
}
@media only screen and (min-width: 1030px) and (max-width: 1400px) {
  .columnType {
    width: 6%;
  }
}
@media only screen and (min-width: 1606px) and (max-width: 2000px) {
  .columnType {
    width: 3.9%;
  }
}

.menuType {
  background-color: var(--chip-bg-menu);
  border-radius: 12px;
  width: 57px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px !important;
  font-weight: 700;
  border: 1px solid var(--color-neutral-600);
}

.recipeType {
  background-color: var(--chip-bg-recipe);
  border-radius: 12px;
  width: 57px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px !important;
  font-weight: 700;
  border: 1px solid var(--color-neutral-600);
}

.transfType {
  background-color: var(--chip-bg-transformation);
  border-radius: 12px;
  width: 57px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px !important;
  font-weight: 700;
  border: 1px solid var(--color-neutral-600);
}

.rootStyle {
  width: 100%;
  max-width: 360;
}

.cardsMainTable {
  width: calc(100vw - 65px);
}
@media only screen and (min-width: 2844px) {
  .cardsMainTable .columnItens {
    width: 17.8%;
  }
}
@media only screen and (min-width: 3200px) {
  .cardsMainTable .columnItens {
    width: 17.7%;
  }
}
@media only screen and (min-width: 3840px) {
  .cardsMainTable .columnItens {
    width: 17.6%;
  }
}
@media only screen and (min-width: 5110px) {
  .cardsMainTable .columnItens {
    width: 17.45%;
  }
}
.cardsMainTable .headerSubtitle .itemColumn {
  width: 4.3%;
}
.cardsMainTable .headerSubtitle .totalColumn {
  width: 4.7%;
}
.cardsMainTable .headerSubtitle .cmvColumn {
  width: 4.5%;
}
.cardsMainTable .headerSubtitle .actualColumn {
  width: 6%;
}
.cardsMainTable .headerSubtitle .durationColumn {
  width: 7%;
}
.cardsMainTable .headerSubtitle .priceColumn {
  width: 6%;
}
.cardsMainTable .headerSubtitle .marginColumn {
  width: 6%;
}
.cardsMainTable .headerSubtitle .curveColumn {
  width: 2%;
}
.cardsMainTable .headerSubtitle .cardsLengthColumn {
  width: 3.7%;
}
.cardsMainTable .headerSubtitle .deleteColumn {
  width: 2%;
}
@media only screen and (min-width: 1030px) and (max-width: 1400px) {
  .cardsMainTable .headerSubtitle .itemColumn {
    width: 5%;
  }
  .cardsMainTable .headerSubtitle .totalColumn {
    width: 5%;
  }
  .cardsMainTable .headerSubtitle .cmvColumn {
    width: 5%;
  }
  .cardsMainTable .headerSubtitle .durationColumn {
    width: 6%;
  }
}
@media only screen and (min-width: 1370px) and (max-width: 1605px) {
  .cardsMainTable .headerSubtitle .itemColumn {
    width: 6.9%;
  }
  .cardsMainTable .headerSubtitle .totalColumn {
    width: 6%;
  }
  .cardsMainTable .headerSubtitle .cmvColumn {
    width: 6%;
  }
  .cardsMainTable .headerSubtitle .actualColumn {
    width: 7.155%;
  }
  .cardsMainTable .headerSubtitle .durationColumn {
    width: 6.45%;
  }
}
.cardsMainTable .listTableContainer .listItems {
  width: 28.6%;
}
.cardsMainTable .listTableContainer .listItemsCollapse {
  width: 30.1%;
}
.cardsMainTable .listTableContainer .listQuantity {
  width: 10%;
}
.cardsMainTable .listTableContainer .listQuantityCollapse {
  width: 9.7%;
}
.cardsMainTable .listTableContainer .listConsumptionUnit {
  width: 5%;
}
.cardsMainTable .listTableContainer .listType {
  width: 11.15%;
}
.cardsMainTable .listTableContainer .listTypeCollapse {
  width: 10.5%;
}
.cardsMainTable .listTableContainer .listItem {
  width: 7.7%;
}
.cardsMainTable .listTableContainer .listItemCollapse {
  width: 7.5%;
}
.cardsMainTable .listTableContainer .listTotal {
  width: 7.7%;
}
.cardsMainTable .listTableContainer .listTotalCollapse {
  width: 7.5%;
}
.cardsMainTable .listTableContainer .listCmv {
  width: 7.7%;
}
.cardsMainTable .listTableContainer .listCmvCollapse {
  width: 7.55%;
}
@media only screen and (min-width: 1030px) and (max-width: 1400px) {
  .cardsMainTable .listTableContainer .listItems {
    width: 23.7%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 26.7%;
  }
  .cardsMainTable .listTableContainer .listQuantity {
    width: 8%;
  }
  .cardsMainTable .listTableContainer .listQuantityCollapse {
    width: 8%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 10%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 10%;
  }
  .cardsMainTable .listTableContainer .listItem {
    width: 8.4%;
  }
  .cardsMainTable .listTableContainer .listItemCollapse {
    width: 8.4%;
  }
  .cardsMainTable .listTableContainer .listTotal {
    width: 8.4%;
  }
  .cardsMainTable .listTableContainer .listTotalCollapse {
    width: 8.4%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 8.3%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 8.3%;
  }
  .cardsMainTable .listTableContainer .listActual {
    width: 10%;
  }
  .cardsMainTable .listTableContainer .listDuration {
    width: 10%;
  }
}
@media only screen and (min-width: 1370px) and (max-width: 1499px) {
  .cardsMainTable .listTableContainer .listItems {
    width: 23.4%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 26.1%;
  }
  .cardsMainTable .listTableContainer .listQuantity {
    width: 7.8%;
  }
  .cardsMainTable .listTableContainer .listQuantityCollapse {
    width: 7.8%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 9.5%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 9.8%;
  }
  .cardsMainTable .listTableContainer .listItem {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listItemCollapse {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listTotal {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listTotalCollapse {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 8.9%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 8.9%;
  }
  .cardsMainTable .listTableContainer .listActual {
    width: 10%;
  }
  .cardsMainTable .listTableContainer .listDuration {
    width: 10%;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1605px) {
  .cardsMainTable .listTableContainer .listItems {
    width: 23.6%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 26.1%;
  }
  .cardsMainTable .listTableContainer .listQuantity {
    width: 7.8%;
  }
  .cardsMainTable .listTableContainer .listQuantityCollapse {
    width: 7.8%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 9.8%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 9.9%;
  }
  .cardsMainTable .listTableContainer .listItem {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listItemCollapse {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listTotal {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listTotalCollapse {
    width: 8.7%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 9%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 9%;
  }
  .cardsMainTable .listTableContainer .listActual {
    width: 10%;
  }
  .cardsMainTable .listTableContainer .listDuration {
    width: 10%;
  }
}
@media only screen and (min-width: 1606px) and (max-width: 2000px) {
  .cardsMainTable .listTableContainer .listItems {
    width: 25.69%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 27.58%;
  }
  .cardsMainTable .listTableContainer .listQuantity {
    width: 8.45%;
  }
  .cardsMainTable .listTableContainer .listQuantityCollapse {
    width: 8.5%;
  }
  .cardsMainTable .listTableContainer .listConsumptionUnit {
    width: 5%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 6%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 6%;
  }
  .cardsMainTable .listTableContainer .listItem {
    width: 6.9%;
  }
  .cardsMainTable .listTableContainer .listItemCollapse {
    width: 6.9%;
  }
  .cardsMainTable .listTableContainer .listTotal {
    width: 6.9%;
  }
  .cardsMainTable .listTableContainer .listTotalCollapse {
    width: 6.9%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 7%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 7%;
  }
  .cardsMainTable .listTableContainer .listActual {
    width: 10%;
  }
  .cardsMainTable .listTableContainer .listDuration {
    width: 10%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1707px) {
  .cardsMainTable .listTableContainer .listQuantity {
    width: 8.9%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 10.5%;
  }
  .cardsMainTable .listTableContainer .listItem {
    width: 7.3%;
  }
  .cardsMainTable .listTableContainer .listActual {
    width: 10.3%;
  }
  .cardsMainTable .listTableContainer .listItemCollapse {
    width: 7%;
  }
  .cardsMainTable .listTableContainer .listQuantityCollapse {
    width: 8.5%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 10.5%;
  }
  .cardsMainTable .listTableContainer .listActualCollapse {
    width: 10%;
  }
}
@media (min-width: 1900px) and (max-width: 2050px) {
  .cardsMainTable .listTableContainer .listType {
    width: 10.5%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 10.5%;
  }
}
@media (min-width: 2048px) and (max-width: 2559px) {
  .cardsMainTable .listTableContainer .listType {
    width: 11.3%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 11%;
  }
}
@media (min-width: 1396px) and (max-width: 1500px) {
  .cardsMainTable .listTableContainer .listItems {
    width: 23%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 11%;
  }
  .cardsMainTable .listTableContainer .listItem {
    width: 12%;
  }
  .cardsMainTable .listTableContainer .listActual {
    width: 13%;
  }
  .cardsMainTable .listTableContainer .listItemCollapse {
    width: 11.7%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 8.5%;
  }
}
@media (min-width: 1200px) and (max-width: 1230px) {
  .cardsMainTable .listTableContainer .listItem {
    width: 9%;
  }
  .cardsMainTable .listTableContainer .listItems {
    width: 23%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 11.2%;
  }
  .cardsMainTable .listTableContainer .listActual {
    width: 11%;
  }
}
@media only screen and (min-width: 3071px) and (max-width: 3073px) {
  .cardsMainTable .listTableContainer .listType {
    width: 11.3%;
  }
  .cardsMainTable .listTableContainer .listItems {
    width: 28.9%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 7.49%;
  }
}
@media only screen and (min-width: 1606px) {
  .cardsMainTable .listTableContainer .listTableContainer .listQuantity {
    width: 8.7%;
  }
}
@media only screen and (min-width: 2560px) {
  .cardsMainTable .listTableContainer .listType {
    width: 11.5%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 7.5%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 29.7%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 11.45%;
  }
}
@media only screen and (min-width: 2844px) {
  .cardsMainTable .listTableContainer .listType {
    width: 11.6%;
  }
  .cardsMainTable .listTableContainer .listConsumptionUnit {
    width: 4.8%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 7.54%;
  }
  .cardsMainTable .listTableContainer .listTotalCollapse {
    width: 7.7%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 7.4%;
  }
}
@media only screen and (min-width: 3200px) {
  .cardsMainTable .listTableContainer .listType {
    width: 11.65%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 29.5%;
  }
  .cardsMainTable .listTableContainer .listTypeCollapse {
    width: 11.5%;
  }
  .cardsMainTable .listTableContainer .listQuantityCollapse {
    width: 9.8%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 7.4%;
  }
  .cardsMainTable .listTableContainer .listItemCollapse {
    width: 7.6%;
  }
  .cardsMainTable .listTableContainer .listTotalCollapse {
    width: 7.65%;
  }
}
@media only screen and (min-width: 3840px) {
  .cardsMainTable .listTableContainer .listConsumptionUnit {
    width: 4.9%;
  }
  .cardsMainTable .listTableContainer .listType {
    width: 11.6%;
  }
  .cardsMainTable .listTableContainer .listCmv {
    width: 7.42%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 29.4%;
  }
  .cardsMainTable .listTableContainer .listCmvCollapse {
    width: 7.35%;
  }
}
@media only screen and (min-width: 5110px) {
  .cardsMainTable .listTableContainer .listCmv {
    width: 7.45%;
  }
  .cardsMainTable .listTableContainer .listItemsCollapse {
    width: 29.2%;
  }
  .cardsMainTable .listTableContainer .listQuantityCollapse {
    width: 9.9%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1707px) {
  .cardsMainTable .cardsColumn {
    width: 258px !important;
  }
}
@media (min-width: 1396px) and (max-width: 1500px) {
  .cardsMainTable .cardsColumn {
    width: 220px;
  }
}
@media (min-width: 1200px) and (max-width: 1230px) {
  .cardsMainTable .cardsColumn {
    width: 200px !important;
  }
}
.cardsMainTable .menuType {
  background-color: var(--chip-bg-menu);
  border-radius: 12px;
  width: 57px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 700;
}
.cardsMainTable .recipeType {
  background-color: var(--chip-bg-recipe);
  border-radius: 12px;
  width: 57px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 700;
}
.cardsMainTable .transfType {
  background-color: var(--chip-bg-transformation);
  border-radius: 12px;
  width: 57px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 700;
}

.copilotTagsFilter {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  position: sticky;
  top: -8px;
  z-index: 1000 !important;
  background: #f5f5fa;
  border-radius: 10px 0 0 0;
}
.copilotTagsFilter .defaultTagFilter {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  width: 160px;
  border-radius: 4px;
  border: 1px solid #010311;
  margin-right: 8px;
  cursor: pointer;
}
.copilotTagsFilter .defaultTagFilter span {
  font-size: 12px;
  color: #0e1337;
  user-select: none;
}
.copilotTagsFilter .defaultTagFilter.active {
  border: none;
  background-color: #ef6a2f;
}
.copilotTagsFilter .defaultTagFilter.includedNoSchedule {
  background: rgba(var(--theme-primary-rgb), 0.45);
}
.copilotTagsFilter .defaultTagFilter.includedNoSchedule span {
  font-weight: bold;
  color: #f53d4c;
}
.copilotTagsFilter .defaultTagFilter.includedNoSchedule.active {
  border: 1px solid #ef6a2f;
  background-color: #ef6a2f;
}
.copilotTagsFilter .defaultTagFilter.includedNoSchedule.active span {
  font-weight: bold;
  color: #fff;
}
.copilotTagsFilter .defaultTagFilter.includedSchedule {
  background: rgba(var(--theme-primary-rgb), 0.2);
}
.copilotTagsFilter .defaultTagFilter.includedSchedule.active {
  border: 1px solid #ef6a2f;
  background-color: #ef6a2f;
}
.copilotTagsFilter .defaultTagFilter.includedSchedule.active span {
  font-weight: bold;
  color: #fff;
}
.copilotTagsFilter .defaultTagFilter.noIncludedSchedule {
  background: rgba(146, 150, 172, 0.4);
}
.copilotTagsFilter .defaultTagFilter.noIncludedSchedule span {
  font-weight: bold;
}
.copilotTagsFilter .defaultTagFilter.noIncludedSchedule.active {
  border: 1px solid #ef6a2f;
  background-color: #ef6a2f;
}
.copilotTagsFilter .defaultTagFilter.noIncludedSchedule.active span {
  font-weight: bold;
  color: #fff;
}
.copilotTagsFilter .defaultTagFilter.noIncludedNoSchedule {
  background: rgba(146, 150, 172, 0.2);
}
.copilotTagsFilter .defaultTagFilter.noIncludedNoSchedule.active {
  border: 1px solid #ef6a2f;
  background-color: #ef6a2f;
}
.copilotTagsFilter .defaultTagFilter.noIncludedNoSchedule.active span {
  font-weight: bold;
  color: #fff;
}
.copilotTagsFilter .defaultTagFilter:last-of-type {
  margin-right: 0;
}

.copilotHeader {
  border-radius: 4px 4px 0 0;
  padding: 5px 4px 0 0;
  background-color: #f5f5fa;
}
.copilotHeader .closeProgrammingButton {
  background: rgba(var(--theme-primary-rgb), 1);
  color: rgb(255, 255, 255);
  border-radius: 8px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-size: 12px;
  cursor: pointer;
}
.copilotHeader .closeProgrammingButton.disabled {
  background: rgb(210, 211, 215);
  color: rgb(102, 103, 112);
}
.copilotHeader .modalContent table tbody td {
  padding: 0;
}
.copilotHeader .modalContent table.dropDownTable {
  box-shadow: unset;
}

.itemPortionsCount {
  position: absolute;
  color: #fff;
  font-size: 10px !important;
  font-weight: bold;
  right: 77px;
  margin: 0;
  padding-top: 2px;
}

.invalidField .labelItem {
  color: #f53d4c;
  font-weight: bold;
}
.invalidField fieldset {
  border-bottom: solid 1px #f53d4c;
}/* kodchasan-thai-300-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/kodchasan-thai-300-normal-BF1qMi1I.woff2) format('woff2'), url(/assets/kodchasan-thai-300-normal-Biw4uXl6.woff) format('woff');
  unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;
}

/* kodchasan-vietnamese-300-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/kodchasan-vietnamese-300-normal-CpTe0hit.woff2) format('woff2'), url(/assets/kodchasan-vietnamese-300-normal-DJe89Dpz.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* kodchasan-latin-ext-300-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/kodchasan-latin-ext-300-normal-DMkdxF0g.woff2) format('woff2'), url(/assets/kodchasan-latin-ext-300-normal-RUMc9zUd.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* kodchasan-latin-300-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/kodchasan-latin-300-normal-CvUlYm-9.woff2) format('woff2'), url(/assets/kodchasan-latin-300-normal-BpyIowrf.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* kodchasan-thai-400-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-thai-400-normal-BrPq5Kz7.woff2) format('woff2'), url(/assets/kodchasan-thai-400-normal-DyZWycw1.woff) format('woff');
  unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;
}

/* kodchasan-vietnamese-400-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-vietnamese-400-normal-B6J86ABB.woff2) format('woff2'), url(/assets/kodchasan-vietnamese-400-normal-CffomZmw.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* kodchasan-latin-ext-400-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-latin-ext-400-normal-C81m4Mn-.woff2) format('woff2'), url(/assets/kodchasan-latin-ext-400-normal-BInwPGzw.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* kodchasan-latin-400-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-latin-400-normal-ZLkZYd2Q.woff2) format('woff2'), url(/assets/kodchasan-latin-400-normal-DMmpswDt.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* kodchasan-thai-400-italic */
@font-face {
  font-family: 'Kodchasan';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-thai-400-italic-Bor-UzlE.woff2) format('woff2'), url(/assets/kodchasan-thai-400-italic-BiSJcREX.woff) format('woff');
  unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;
}

/* kodchasan-vietnamese-400-italic */
@font-face {
  font-family: 'Kodchasan';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-vietnamese-400-italic-3j4X22PW.woff2) format('woff2'), url(/assets/kodchasan-vietnamese-400-italic-Bf0RzduX.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* kodchasan-latin-ext-400-italic */
@font-face {
  font-family: 'Kodchasan';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-latin-ext-400-italic--GIJIt1F.woff2) format('woff2'), url(/assets/kodchasan-latin-ext-400-italic-u89AZdHB.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* kodchasan-latin-400-italic */
@font-face {
  font-family: 'Kodchasan';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/kodchasan-latin-400-italic-3PMLSbsI.woff2) format('woff2'), url(/assets/kodchasan-latin-400-italic-CrWUEmxn.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* kodchasan-thai-500-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/kodchasan-thai-500-normal-CDRIYpGE.woff2) format('woff2'), url(/assets/kodchasan-thai-500-normal-BghNQfSg.woff) format('woff');
  unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;
}

/* kodchasan-vietnamese-500-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/kodchasan-vietnamese-500-normal-BFjqCwR-.woff2) format('woff2'), url(/assets/kodchasan-vietnamese-500-normal-CgiwEnCQ.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* kodchasan-latin-ext-500-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/kodchasan-latin-ext-500-normal-CSFfaERC.woff2) format('woff2'), url(/assets/kodchasan-latin-ext-500-normal-Cbdp5USG.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* kodchasan-latin-500-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/kodchasan-latin-500-normal-Bheb-qS4.woff2) format('woff2'), url(/assets/kodchasan-latin-500-normal-w7YnICdc.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* kodchasan-thai-700-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/kodchasan-thai-700-normal-B7ZibvMZ.woff2) format('woff2'), url(/assets/kodchasan-thai-700-normal-t0s1IdF3.woff) format('woff');
  unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;
}

/* kodchasan-vietnamese-700-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/kodchasan-vietnamese-700-normal-CYv_XZ_3.woff2) format('woff2'), url(/assets/kodchasan-vietnamese-700-normal-D8Ckab7_.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* kodchasan-latin-ext-700-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/kodchasan-latin-ext-700-normal-BVFVi71M.woff2) format('woff2'), url(/assets/kodchasan-latin-ext-700-normal-QUko3kJF.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* kodchasan-latin-700-normal */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/kodchasan-latin-700-normal-BYEX2bkL.woff2) format('woff2'), url(/assets/kodchasan-latin-700-normal-Dykfbgyu.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}._header_362zf_1 {
  font-family: "Kodchasan", sans-serif !important;
  height: 46px;
}
._header_362zf_1 *,
._header_362zf_1 *::before,
._header_362zf_1 *::after {
  font-family: "Kodchasan", sans-serif !important;
}
._header_362zf_1 {
  background: var(--theme-primary);
  padding: 0;
  min-height: auto;
  justify-content: center;
  align-items: center;
  z-index: 1201;
}
@media (max-width: 866px) {
  ._header_362zf_1 {
    justify-content: flex-start;
  }
}
._header_362zf_1._developmentHeader_362zf_23 {
  background: var(--theme-primary);
}
._header_362zf_1 ._headerLogoBox_362zf_26 {
  padding: 14px 20px 14px 13px;
  border-radius: 0px 30px 30px 0px;
  position: absolute;
  left: 0;
}
@media (max-width: 821px) {
  ._header_362zf_1 ._headerLogoBox_362zf_26 {
    padding: 13px 12px 13px 11px;
  }
}
._header_362zf_1 ._headerLogoBox_362zf_26 a {
  display: flex;
  align-items: center;
}
._header_362zf_1 ._headerRestaurantsBox_362zf_41 {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 0.5px solid #ffffff;
  padding: 0 5px 0 12px;
  height: 36px;
  width: 25%;
}
._header_362zf_1 ._headerRestaurantsBox_362zf_41 button {
  border-radius: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
  max-width: 100%;
}
._header_362zf_1 ._headerRestaurantsBox_362zf_41 button span {
  font-size: 1rem !important;
  text-align: left;
}
@media (max-width: 821px) {
  ._header_362zf_1 ._headerRestaurantsBox_362zf_41 button span {
    font-size: 15px;
  }
}
._header_362zf_1 ._headerRestaurantsBox_362zf_41 svg {
  color: #fff;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
@media (max-width: 430px) {
  ._header_362zf_1 ._headerRestaurantsBox_362zf_41 {
    width: 33%;
    margin-left: 20%;
  }
}
@media (min-width: 431px) and (max-width: 880px) {
  ._header_362zf_1 ._headerRestaurantsBox_362zf_41 {
    width: 65%;
    margin-right: 15%;
    margin-left: 11%;
  }
}
._header_362zf_1 ._headerRightInfos_362zf_85 {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  height: 100%;
}
._header_362zf_1 ._headerRightInfos_362zf_85 ._headerInfosBox_362zf_92 {
  margin-right: 24px;
}
._header_362zf_1 ._headerRightInfos_362zf_85 button {
  border: solid 0.5px #fff;
  border-radius: 8px;
  padding: 5px;
}
._header_362zf_1 ._headerRightInfos_362zf_85 button img {
  width: 25px;
}

._fakeBackdrop_362zf_104 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}._userSettingsPopover_xvl4c_1 .MuiPaper-root {
  top: 2.875rem !important;
  right: 0.625rem;
  border-radius: 0px 0px 8px 8px !important;
}
._userSettingsPopover_xvl4c_1 ._settings_xvl4c_6 {
  padding: 10px 12px;
  background-color: var(--color-primary-300);
  color: var(--color-neutral-600);
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
._userSettingsPopover_xvl4c_1 ._buttonSettings_xvl4c_15 {
  background-color: transparent;
  color: var(--color-neutral-600);
  border: none;
  font-size: 16px;
  line-height: 20px;
  margin: 4px 0px;
  cursor: pointer;
  font-family: "Kodchasan", sans-serif !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
._userSettingsPopover_xvl4c_1 ._buttonIcon_xvl4c_28 {
  flex-shrink: 0;
}

._userProfileImageBox_xvl4c_32 span {
  font-size: 1rem;
}
._userProfileImageBox_xvl4c_32 ._profileType_xvl4c_35 {
  font-size: 0.625rem;
}._mainLayoutContainer_z9eg8_1 {
  margin-top: 2.875rem;
  width: 100%;
  background: #f5f5fa;
}
._mainLayoutContainer_z9eg8_1 ._mainContent_z9eg8_6 {
  margin: 0;
  padding: 0.625rem 0.25rem 0 0.625rem;
  height: calc(100vh - 3.8rem);
  width: calc(100vw - 3.125rem);
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
}._sideBarWrapper_14oml_1 {
  font-family: "Kodchasan", sans-serif !important;
}
._sideBarWrapper_14oml_1 *,
._sideBarWrapper_14oml_1 *::before,
._sideBarWrapper_14oml_1 *::after {
  font-family: "Kodchasan", sans-serif !important;
}
._sideBarWrapper_14oml_1 {
  margin-top: 10px;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 44px;
  height: auto;
  background-color: transparent;
  position: relative;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._dropdownWrapper_14oml_21 {
  position: absolute;
  width: 174px;
  height: 100vh;
  left: 22px;
  background-color: transparent;
  z-index: 1499;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._dropdown_14oml_21 {
  position: relative;
  display: inline-block;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._dropdownContent_14oml_33 {
  border-radius: 0 8px 8px 8px !important;
  display: flex;
  left: 8px;
  position: absolute;
  background-color: white;
  border: 1px solid var(--color-secondary-500);
  box-shadow: 0px 2px 6px 2px rgba(1, 3, 17, 0.25);
  padding: 0;
  z-index: 1500;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 {
  width: 100%;
  margin-bottom: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-neutral-0);
  border: 1px solid var(--color-neutral-600);
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._defaultItem_14oml_58 {
  --sidebar-icon-color: var(--color-secondary-500);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  cursor: pointer;
  width: 100%;
  margin: 0;
  height: 44px;
  background-color: transparent;
  border: none;
  color: var(--sidebar-icon-color);
  transition: background-color 0.2s ease, color 0.2s ease;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._defaultItem_14oml_58:first-of-type:not(:last-of-type) {
  border-bottom: 1px solid var(--color-neutral-600);
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._defaultItem_14oml_58:last-of-type:not(:first-of-type) {
  border-top: 1px solid var(--color-neutral-600);
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._defaultItem_14oml_58:hover {
  background-color: var(--color-primary-500);
  --sidebar-icon-color: var(--color-neutral-0);
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._defaultItem_14oml_58 button {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  cursor: inherit;
  color: inherit;
  padding: 0;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._defaultItem_14oml_58 ._icon_14oml_44 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin: 0;
  color: var(--sidebar-icon-color);
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._defaultItem_14oml_58 ._icon_14oml_44 svg {
  width: 100%;
  height: 100%;
  display: block;
}
._sideBarWrapper_14oml_1 ._sideBar_14oml_1 ._iconsGroup_14oml_44 ._selectedIcon_14oml_109 {
  background-color: var(--color-primary-500);
  --sidebar-icon-color: var(--color-neutral-0);
}

._onHoverSideBar_14oml_114 {
  font-family: "Kodchasan", sans-serif !important;
}
._onHoverSideBar_14oml_114 *,
._onHoverSideBar_14oml_114 *::before,
._onHoverSideBar_14oml_114 *::after {
  font-family: "Kodchasan", sans-serif !important;
}
._onHoverSideBar_14oml_114 {
  box-shadow: none;
  background-color: white !important;
  width: 210px;
  border-radius: 0 8px 8px 8px !important;
  overflow: hidden;
  align-items: flex-start !important;
}
._onHoverSideBar_14oml_114._notifications_14oml_130 {
  width: 225px;
}
._onHoverSideBar_14oml_114 ._onHoverSideBarHeader_14oml_133 {
  width: auto;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 5px 0;
}
._onHoverSideBar_14oml_114 ._onHoverSideBarHeader_14oml_133 p {
  font-family: "Kodchasan", sans-serif !important;
}
._onHoverSideBar_14oml_114 ._onHoverSideBarHeader_14oml_133 ._hoverItemTitle_14oml_144 {
  background: var(--color-primary-500);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  text-transform: lowercase;
  padding: 4px 0 4px 8px;
  width: calc(100% - 8px);
  border-radius: 0 7px 0 0;
}
._onHoverSideBar_14oml_114 ._onHoverSideBarHeaderSingle_14oml_154 {
  background-color: var(--color-primary-500);
  padding: 0 0 0 8px;
}
._onHoverSideBar_14oml_114 ._onHoverSideBarHeaderSingle_14oml_154 ._hoverItemTitle_14oml_144 {
  background: transparent;
  width: 100%;
  padding: 8px 0;
}
._onHoverSideBar_14oml_114 ._topDivider_14oml_163 {
  border-top: solid 1px var(--color-secondary-500);
  padding: 13px 0 5px !important;
  margin: 13px 12px 0;
  width: calc(100% - 24px);
}
._onHoverSideBar_14oml_114 ._topDivider_14oml_163 + ._topDivider_14oml_163 {
  border-top: none;
  padding: 8px 12px !important;
  margin: 0;
  width: 100%;
}
._onHoverSideBar_14oml_114 ._firstTopDivider_14oml_175 {
  border-top: solid 1px var(--color-secondary-500);
  padding: 13px 0 5px !important;
  margin: 13px 12px 0;
}
._onHoverSideBar_14oml_114 ._hoverItemDefault_14oml_180 {
  color: var(--color-secondary-500);
  padding: 11px 12px 0;
  font-size: 1rem;
  display: block;
}
._onHoverSideBar_14oml_114 ._hoverItemDefault_14oml_180 svg {
  height: 18px;
  width: 18px;
}
._onHoverSideBar_14oml_114 ._hoverItemDefault_14oml_180:last-of-type {
  padding-bottom: 13px !important;
}
._onHoverSideBar_14oml_114 ._hoverItemDefault_14oml_180._activePage_14oml_193 {
  font-weight: 700;
}
._onHoverSideBar_14oml_114 ._hoverItemInactiveDefault_14oml_196 {
  color: var(--color-neutral-400);
  padding: 11px 12px 0;
  font-size: 1rem;
  display: block;
  pointer-events: none;
}
._onHoverSideBar_14oml_114 ._hoverItemInactiveDefault_14oml_196:last-of-type {
  padding-bottom: 12px !important;
}
._onHoverSideBar_14oml_114 ._withIcon_14oml_206 {
  border-top: none;
  margin: 6px 12px 0;
  padding: 11px 0 0 !important;
  width: calc(100% - 24px);
}
._onHoverSideBar_14oml_114 ._withIcon_14oml_206:first-of-type {
  margin-top: 0px;
}.restaurantClosureTable .bgGray {
  background-color: var(--color-neutral-300) !important;
  color: var(--color-neutral-600) !important;
}
.restaurantClosureTable .bBottom {
  border-bottom: 1px solid var(--color-neutral-600) !important;
}
.restaurantClosureTable .bRightNone {
  border-right: none !important;
}
.restaurantClosureTable .bRightLight {
  border-right: 1px solid var(--color-neutral-300) !important;
}
.restaurantClosureTable .bRight {
  border-right: 1px solid var(--color-neutral-600) !important;
}
.restaurantClosureTable .bLeft {
  border-left: 1px solid var(--color-neutral-600) !important;
}
.restaurantClosureTable .bTop {
  border-top: 1px solid var(--color-neutral-600) !important;
}.totalBar {
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 14px;
  background-color: #2659b2;
  margin: 10px 0px;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
}
.totalBar span.notes {
  margin-right: 90px;
}

.invoiceTable {
  border-collapse: collapse;
  border-spacing: 0;
  overflow: hidden;
}

.invoiceDialog.singleInvoiceDialog .invoiceTable thead th,
.invoiceDialog .invoiceTable thead th {
  padding: 4px 15px !important;
  line-height: 1.1 !important;
  height: 23px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.invoiceTable {
  min-width: 403px !important;
  margin: auto;
  background-color: var(--color-neutral-0);
  border-collapse: collapse;
  border-spacing: 0;
}
.invoiceTable thead th {
  background-color: var(--color-neutral-200) !important;
  font-family: "Lato", sans-serif;
  color: var(--color-neutral-500) !important;
  font-size: 9px !important;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  text-align: right;
  border-radius: 0 !important;
  line-height: 1.1 !important;
  height: 28px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoiceTable thead th.alignLeft {
  text-align: left;
}
.invoiceTable thead th:last-child {
  border-right: none;
}
.invoiceTable.borderTop thead th {
  border-top: 1px solid var(--color-neutral-600) !important;
}
.invoiceTable tbody tr td {
  border-bottom: 1px solid var(--color-neutral-600);
  height: 33px;
  font-size: 12px;
  text-align: right;
  padding: 0 12px;
}
.invoiceTable tbody tr td.alignLeft {
  text-align: left;
}
.invoiceTable tbody tr td:last-child {
  border-right: none;
}
.invoiceTable tbody tr td .invoiceLink {
  color: var(--theme-secondary);
  cursor: pointer;
}
.invoiceTable tbody tr:last-child {
  border-bottom: none;
}
.invoiceTable tbody tr:last-child td {
  border-bottom: none !important;
}

.filterWrapper {
  height: 72px;
  margin: 13px auto;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 12px;
  box-shadow: 0px 0px 8px 0px rgba(4, 6, 26, 0.25);
}
.filterWrapper div {
  margin-right: 0px !important;
}

.invoiceDialog .MuiPaper-root {
  width: 55%;
}
.invoiceDialog.singleInvoiceDialog .MuiPaper-root {
  width: 60%;
}
.invoiceDialog .MuiDialogContent-root {
  padding: 0px !important;
  margin: 15px;
  border: 1px solid var(--color-neutral-600);
  border-radius: 8px;
  background-color: var(--color-neutral-0);
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root {
  width: 100%;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar {
  padding: 2px 16px;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .leftInfos,
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .rightInfos {
  display: flex;
  align-items: center;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .leftInfos span,
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .rightInfos span {
  display: block;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .leftInfos {
  width: 26%;
  justify-content: space-between;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .leftInfos span:last-of-type {
  margin-right: 11%;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .rightInfos {
  width: 74%;
  justify-content: flex-end;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .rightInfos span {
  text-align: right;
  width: 17%;
  padding-right: 1.7%;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .rightInfos span:first-of-type {
  width: 14%;
  padding-right: 29.5%;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root .totalBar .rightInfos span:last-of-type {
  width: 14%;
  padding-right: 0;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root table thead th {
  padding: 8px 12px;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root table thead th:first-of-type {
  padding-left: 16px;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root table thead th:last-of-type {
  padding-right: 16px;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root table tbody td {
  padding: 0 12px;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root table tbody td:first-of-type {
  padding-left: 16px;
}
.invoiceDialog.invoiceDialogPerItem .MuiPaper-root table tbody td:last-of-type {
  padding-right: 16px;
}._loginPage_wmbrg_1 {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: var(--gradient-login-overlay), url("/assets/login-CarWoeJ7.svg");
  background-repeat: no-repeat;
  background-position: center 30%;
  background-size: cover;
}
._loginPage_wmbrg_1 ._formCredentialsBox_wmbrg_12 {
  width: 90%;
  max-width: 31.25rem;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-primary-500);
  border: 3px solid var(--color-neutral-0);
  border-radius: 1.25rem;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5019607843);
}
._loginPage_wmbrg_1 ._backgroundTitle_wmbrg_25 {
  width: 100%;
  height: 5.75rem;
  display: flex;
  justify-content: center;
  background-color: var(--theme-primary);
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}
._loginPage_wmbrg_1 ._logoTitle_wmbrg_34 {
  padding-top: 1.875rem;
}
._loginPage_wmbrg_1 ._logoTitle_wmbrg_34 svg {
  width: 7.5rem;
  height: 2.5rem;
}
._loginPage_wmbrg_1 ._divider_wmbrg_41 {
  width: 100%;
  height: 3px;
  background-color: var(--color-neutral-0);
}
._loginPage_wmbrg_1 ._defaultItem_wmbrg_46 {
  display: flex;
  flex-direction: column;
  padding: 6px 30px;
}
._loginPage_wmbrg_1 ._defaultItem_wmbrg_46:last-of-type {
  padding-top: 0;
}
._loginPage_wmbrg_1 ._defaultItem_wmbrg_46 span {
  padding-bottom: 0.2487rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-neutral-0);
}
._loginPage_wmbrg_1 ._defaultItem_wmbrg_46:first-of-type {
  margin-top: 22px;
}
._loginPage_wmbrg_1 ._gapItens_wmbrg_63 {
  gap: 0.2487rem;
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 {
  width: 100%;
  max-width: 246px;
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root {
  height: 30px;
  padding: 0 !important;
  background-color: var(--color-neutral-0);
  border-radius: 0 !important;
  border-bottom: 2px solid var(--color-neutral-0);
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border: none !important;
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root:hover, ._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root._Mui-focused_wmbrg_80 {
  border-bottom: 2px solid var(--color-neutral-0);
  border-radius: 0 !important;
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root input {
  height: 100%;
  padding-left: 0.125rem;
  color: var(--color-neutral-500);
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root input:-webkit-autofill, ._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root input:-webkit-autofill:hover, ._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root input:-webkit-autofill:focus, ._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-root input:-webkit-autofill:active {
  padding: 0 0 0 0.125rem !important;
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-input::placeholder {
  font-size: 12px !important;
  font-family: "Lato", sans-serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--color-neutral-400) !important;
  opacity: 1 !important;
  padding-left: 0.0625rem;
}
._loginPage_wmbrg_1 ._textFieldSmall_wmbrg_66 .MuiOutlinedInput-input {
  background-image: linear-gradient(var(--theme-primary), var(--theme-primary));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: 0 calc(2em + 5px);
}
._loginPage_wmbrg_1 ._submitButton_wmbrg_107 {
  width: 15.375rem;
  height: 2.75rem;
  margin: 20px 30px 33px !important;
  font-size: 0.875rem !important;
  background-color: var(--color-secondary-500) !important;
}
._loginPage_wmbrg_1 ._submitButton_wmbrg_107 .MuiCircularProgress-root {
  width: 17px !important;
  height: 17px !important;
  color: #fff;
}
._loginPage_wmbrg_1 ._buttonEnter_wmbrg_119 {
  width: 100%;
  padding: 0 11px 10px;
}
._loginPage_wmbrg_1 ._buttonEnter_wmbrg_119 button {
  padding: 4px 65px;
  border-radius: 10px;
}
._loginPage_wmbrg_1 ._buttonEnter_wmbrg_119 button span {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.2px;
}
._loginPage_wmbrg_1 ._inputStyle_wmbrg_133 div input {
  width: 100%;
  max-width: 15.375rem;
  box-sizing: border-box;
  height: 1.875rem;
  padding: 2px 0;
  font-size: 12px;
}
._loginPage_wmbrg_1 ._inputStyle_wmbrg_133 div input::placeholder {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #b8bff5;
}
._loginPage_wmbrg_1 ._inputStyle_wmbrg_133 div::before {
  border-bottom: 1px solid #8b97f2 !important;
}

@media (max-width: 768px) {
  ._loginPage_wmbrg_1 {
    background-position: center 50%;
  }
}
@media (max-width: 480px) {
  ._loginPage_wmbrg_1 {
    background-position: center 70%;
  }
}._menuDialog_1v8tm_1 .MuiPaper-root {
  width: 90%;
  max-width: 90%;
}
._menuDialog_1v8tm_1 .contentCard {
  background: var(--color-neutral-200);
  display: flex;
  flex-direction: column;
  height: 100%;
}
._menuDialog_1v8tm_1 .cardProducts {
  background: #eaebf2;
}
._menuDialog_1v8tm_1 .currencyTextFieldSmall .MuiInputBase-root {
  margin-top: 7px;
}
._menuDialog_1v8tm_1 .currencyTextFieldSmall .MuiInputBase-root:before {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.42);
}
._menuDialog_1v8tm_1 .treeAutocompleteField .MuiInputBase-root {
  padding-right: 12px !important;
}
._menuDialog_1v8tm_1 .treeAutocompleteField input {
  padding-top: 10px;
}
._menuDialog_1v8tm_1 .productsAlertTableLine {
  background-color: #f5d2d2;
  color: #7a0303;
}

._menuCardContainer_1v8tm_31 .autocompleteSmall,
._menuCardContainer_1v8tm_31 .textFieldSmall,
._menuCardContainer_1v8tm_31 .currencyTextFieldSmall {
  min-height: 31px;
  margin: 0;
}
._menuCardContainer_1v8tm_31 .autocompleteSmall label,
._menuCardContainer_1v8tm_31 .textFieldSmall label,
._menuCardContainer_1v8tm_31 .currencyTextFieldSmall label {
  top: -5px;
}
._menuCardContainer_1v8tm_31 .autocompleteSmall .MuiInputBase-root,
._menuCardContainer_1v8tm_31 .textFieldSmall .MuiInputBase-root,
._menuCardContainer_1v8tm_31 .currencyTextFieldSmall .MuiInputBase-root {
  min-height: 31px;
  height: 100%;
}
._menuCardContainer_1v8tm_31 .checkboxLabel .MuiTypography-root {
  font-size: 12.5px;
  font-weight: bold !important;
}

._groupBox_1v8tm_53 {
  border-radius: 4px;
  padding: 8px 8px 0 8px;
  margin: 0;
  max-width: calc(100% + 16px);
}

._groupBoxEnabled_1v8tm_60 {
  border: 1px solid rgba(117, 131, 240, 0.9);
}

._groupBoxDisabled_1v8tm_64 {
  border: 1px solid #010311;
}

._cardSectorTitleBox_1v8tm_68 {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  gap: 5px;
}

._cardSectorTitleBox_1v8tm_68 p {
  font-size: 1rem;
  margin: 0;
  text-transform: uppercase;
}

._productRightCard_1v8tm_81 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
._productRightCard_1v8tm_81 .MuiGrid-container:last-of-type ._MuiGrid-item_1v8tm_86 {
  border-bottom: none;
}
._productRightCard_1v8tm_81._spacingCard_1v8tm_89 {
  padding: 3px 12px !important;
}
._productRightCard_1v8tm_81 .MuiGrid-item {
  border-left: solid 1px #9296ac;
  border-bottom: solid 1px #9296ac;
  padding: 6px;
  display: flex;
  align-items: center;
}
._productRightCard_1v8tm_81 .MuiGrid-item label {
  margin-bottom: 0;
}
._productRightCard_1v8tm_81 .MuiGrid-item:first-of-type {
  border-left: none;
}
._productRightCard_1v8tm_81 .MuiGrid-item:first-of-type label {
  padding-left: 0;
}
._productRightCard_1v8tm_81 .textFieldSmall {
  height: 26px;
  margin: 0;
}
._productRightCard_1v8tm_81 .textFieldSmall label {
  top: -5px;
}
._productRightCard_1v8tm_81 .textFieldSmall .MuiInputBase-root {
  height: 100%;
}

._disabledButton_1v8tm_119 {
  background-color: #c7c7c7;
  color: #777;
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
  box-shadow: none;
}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
._productDialog_jewgz_1 .MuiPaper-root {
  width: 90%;
  max-width: 90%;
}
._productDialog_jewgz_1 .cardProducts {
  background: rgba(203, 217, 239, 0.4);
}
._productDialog_jewgz_1 .autocompleteSmall,
._productDialog_jewgz_1 .textFieldSmall,
._productDialog_jewgz_1 .currencyTextFieldSmall {
  height: 31px;
  margin: 0;
}
._productDialog_jewgz_1 .autocompleteSmall label,
._productDialog_jewgz_1 .textFieldSmall label,
._productDialog_jewgz_1 .currencyTextFieldSmall label {
  top: -5px;
}
._productDialog_jewgz_1 .autocompleteSmall .MuiInputBase-root,
._productDialog_jewgz_1 .textFieldSmall .MuiInputBase-root,
._productDialog_jewgz_1 .currencyTextFieldSmall .MuiInputBase-root {
  height: 100%;
  max-height: none;
}
._productDialog_jewgz_1 .currencyTextFieldSmall .MuiInputBase-root {
  margin-top: 7px;
}
._productDialog_jewgz_1 .currencyTextFieldSmall .MuiInputBase-root:before {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.42);
}
._productDialog_jewgz_1 .treeAutocompleteField .MuiInputBase-root {
  padding-right: 12px !important;
}
._productDialog_jewgz_1 .treeAutocompleteField input {
  padding-top: 10px;
}

._groupBox_jewgz_38 {
  border-radius: 4px;
  padding: 8px 8px 0 8px;
  margin: 0;
  max-width: calc(100% + 16px);
}

._groupBoxEnabled_jewgz_45 {
  border: 1px solid var(--color-secondary-500);
}

._groupBoxDisabled_jewgz_49 {
  border: 1px solid var(--color-neutral-600);
}

._cardSectorTitleBox_jewgz_53 {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  gap: 5px;
}

._cardSectorTitleBox_jewgz_53 p {
  font-size: 0.875rem;
  margin: 0;
  text-transform: uppercase;
}

._cardSectorTitleBox_jewgz_53 p:first-of-type {
  font-style: italic;
}

._productRightCard_jewgz_70 .MuiGrid-container:last-of-type ._MuiGrid-item_jewgz_70 {
  border-bottom: none;
}
._productRightCard_jewgz_70._spacingCard_jewgz_73 {
  padding: 3px 12px !important;
}
._productRightCard_jewgz_70 .MuiGrid-item {
  border-left: solid 1px #9296ac;
  border-bottom: solid 1px #9296ac;
  padding: 5px;
  display: flex;
  align-items: center;
}
._productRightCard_jewgz_70 .MuiGrid-item label {
  margin-bottom: 0;
}
._productRightCard_jewgz_70 .MuiGrid-item:first-of-type {
  border-left: none;
}
._productRightCard_jewgz_70 .MuiGrid-item:first-of-type label {
  padding-left: 0;
}
._productRightCard_jewgz_70 .textFieldSmall {
  height: 26px;
}
._productRightCard_jewgz_70 .textFieldSmall input {
  margin-bottom: 2px;
}._suppliersDialog_rv6sf_1 .radioDefault span {
  padding-top: 0;
  padding-bottom: 0;
}

._registeredAddressesTitle_rv6sf_6 {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-neutral-500);
  line-height: 1rem;
  margin: 0;
}

._tableCellDefault_rv6sf_14 {
  border-right: 1px solid var(--color-neutral-300);
  color: var(--color-neutral-600);
}

._tableLastCell_rv6sf_19 {
  border-right: 1px solid var(--color-neutral-600);
}.addTagContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: none !important;
}
.addTagContainer .addTagTable .headerSubtitle .subtitle {
  font-size: 9px;
}
.addTagContainer .createTagButton {
  border-radius: 8px;
  background: var(--color-neutral-0);
  border: 1px solid var(--theme-primary);
  padding: 0 6px 0 0 !important;
}
.addTagContainer .createTagButton p {
  font-size: 12px;
  color: var(--theme-primary);
  font-weight: bold;
}
.addTagContainer .createTagButton img {
  height: 10px;
  width: 10px;
}
.addTagContainer .submitButton,
.addTagContainer .disabledButton {
  font-size: 12px !important;
  padding: 6.5px 6px !important;
  margin-left: 5px;
}
.addTagContainer .disabledButton {
  background: var(--color-neutral-0) !important;
}.tagsListContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tagsListContainer .tagsListTable {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-neutral-600);
  border-collapse: separate;
  border-spacing: 0;
}
.tagsListContainer .tagsListTable tbody {
  display: block;
  max-height: 112px;
  overflow-y: auto;
  overflow-x: hidden;
}
.tagsListContainer .tagsListTable .headerSubtitle .subtitle {
  font-size: 9px;
}
.tagsListContainer tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tagsListContainer tbody {
  overflow: auto;
  display: block;
}
.tagsListContainer .three-dots {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}._skuDialog_eiyin_1 .MuiPaper-root {
  width: 90%;
  max-width: 90%;
}
._skuDialog_eiyin_1 .autocompleteSmall,
._skuDialog_eiyin_1 .textFieldSmall,
._skuDialog_eiyin_1 .currencyTextFieldSmall {
  height: 31px;
  margin: 0;
}
._skuDialog_eiyin_1 .autocompleteSmall label,
._skuDialog_eiyin_1 .textFieldSmall label,
._skuDialog_eiyin_1 .currencyTextFieldSmall label {
  top: -5px;
}
._skuDialog_eiyin_1 .autocompleteSmall .MuiInputBase-root,
._skuDialog_eiyin_1 .textFieldSmall .MuiInputBase-root,
._skuDialog_eiyin_1 .currencyTextFieldSmall .MuiInputBase-root {
  height: 100%;
}
._skuDialog_eiyin_1 .currencyTextFieldSmall .MuiInputBase-root {
  margin-top: 7px;
}
._skuDialog_eiyin_1 .currencyTextFieldSmall .MuiInputBase-root:before {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.42);
}
._skuDialog_eiyin_1 .treeAutocompleteField .MuiInputBase-root {
  padding-right: 12px !important;
}
._skuDialog_eiyin_1 .treeAutocompleteField input {
  padding-top: 10px;
}

._groupBox_eiyin_34 {
  border-radius: 4px;
  padding: 8px 8px 0 8px;
  margin: 0;
  max-width: calc(100% + 16px);
}

._groupBoxEnabled_eiyin_41 {
  border: 1px solid rgba(117, 131, 240, 0.9);
}

._groupBoxDisabled_eiyin_45 {
  border: 1px solid #010311;
}

._cardSectorTitleBox_eiyin_49 {
  display: flex;
  align-items: center;
  gap: 5px;
}

._cardSectorTitleBox_eiyin_49 p {
  font-size: 0.875rem;
  margin: 0;
  text-transform: uppercase;
}

._productRightCard_eiyin_61 .MuiGrid-container:last-of-type ._MuiGrid-item_eiyin_61 {
  border-bottom: none;
}
._productRightCard_eiyin_61._spacingCard_eiyin_64 {
  padding: 3px 12px !important;
}
._productRightCard_eiyin_61 .MuiGrid-item {
  border-left: solid 1px #9296ac;
  border-bottom: solid 1px #9296ac;
  padding: 5px;
  display: flex;
  align-items: center;
}
._productRightCard_eiyin_61 .MuiGrid-item label {
  margin-bottom: 0;
}
._productRightCard_eiyin_61 .MuiGrid-item:first-of-type {
  border-left: none;
}
._productRightCard_eiyin_61 .MuiGrid-item:first-of-type label {
  padding-left: 0;
}
._productRightCard_eiyin_61 .textFieldSmall {
  height: 26px;
}
._productRightCard_eiyin_61 .textFieldSmall input {
  margin-bottom: 2px;
}

table.desktop.skuTableSupplier {
  border: 1px solid var(--color-primary-500);
  border-radius: 12px 12px 8px 8px;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

table.desktop.skuTableSupplier thead tr.headerTitle {
  border-bottom: none;
}

table.desktop.skuTableSupplier thead tr.headerTitle th:first-child {
  border-top-left-radius: 11px;
}

table.desktop.skuTableSupplier thead tr.headerTitle th:last-child {
  border-top-right-radius: 11px;
}

table.desktop.skuTableSupplier tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

table.desktop.skuTableSupplier tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.selectedImageBorder {
  border: 2px solid var(--color-primary-400) !important;
  border-radius: 4px;
}._cardsDialog_18jhd_1 .modalHeader.primaryColor {
  background: var(--color-primary-soft);
}
._cardsDialog_18jhd_1 .disabledButton {
  background-color: var(--color-neutral-0) !important;
}
._cardsDialog_18jhd_1 .MuiPaper-root {
  width: 96%;
  max-width: 96%;
}
._cardsDialog_18jhd_1 .contentCard {
  display: flex;
  flex-direction: column;
}
._cardsDialog_18jhd_1 .isRecipe {
  background-color: var(--color-bg-recipe);
}
._cardsDialog_18jhd_1 .isTransformation {
  background-color: var(--color-bg-transformation);
}
._cardsDialog_18jhd_1 .currencyTextFieldSmall .MuiInputBase-root {
  margin-top: 7px;
}
._cardsDialog_18jhd_1 .currencyTextFieldSmall .MuiInputBase-root:before {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.42);
}
._cardsDialog_18jhd_1 .treeAutocompleteField .MuiInputBase-root {
  padding-right: 12px !important;
}
._cardsDialog_18jhd_1 .treeAutocompleteField input {
  padding-top: 10px;
}
._cardsDialog_18jhd_1 .recipeTableHeader th {
  background-color: var(--color-bg-recipe) !important;
  color: var(--color-neutral-500) !important;
  font-weight: 500 !important;
}
._cardsDialog_18jhd_1 .transformationTableHeader th {
  background-color: var(--color-bg-transformation) !important;
  color: var(--color-neutral-500) !important;
  font-weight: 500 !important;
}
._cardsDialog_18jhd_1 .defaultCardTypeButton {
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e6e7f0;
  border-radius: 12px;
  cursor: pointer;
  transition: all 400ms ease;
  height: 20px;
}
._cardsDialog_18jhd_1 .defaultCardTypeButton span {
  color: #9296ac;
  font-size: 12px;
}
._cardsDialog_18jhd_1 .defaultCardTypeButton span {
  color: #9296ac;
  font-size: 12px;
}
._cardsDialog_18jhd_1 .defaultCardTypeButton.active span {
  color: #010311;
  font-weight: bold;
}
._cardsDialog_18jhd_1 .defaultCardTypeButton.recipeButton {
  margin-left: 20px;
  border: 1px solid var(--color-neutral-300);
}
._cardsDialog_18jhd_1 .defaultCardTypeButton.recipeButton.active {
  background: #d9eaf2;
  border: 1px solid var(--color-neutral-600);
}
._cardsDialog_18jhd_1 .defaultCardTypeButton.transformationButton {
  margin-left: 10px;
  border: 1px solid var(--color-neutral-300);
}
._cardsDialog_18jhd_1 .defaultCardTypeButton.transformationButton.active {
  background: #fff2cc;
  border: 1px solid var(--color-neutral-600);
}
._cardsDialog_18jhd_1 .defaultCardTypeButton.disableSelection {
  user-select: none !important;
}
._cardsDialog_18jhd_1 .productionScheduleDaysContainer {
  background: #fff;
}
._cardsDialog_18jhd_1 .productionScheduleDaysTagsBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
._cardsDialog_18jhd_1 .productionScheduleDaysTagsBox .productionScheduleDay {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  cursor: pointer;
}
._cardsDialog_18jhd_1 .productionScheduleDaysTagsBox .productionScheduleDay span {
  color: #454a67;
  font-size: 12px;
}
._cardsDialog_18jhd_1 .productionScheduleDaysTagsBox .productionScheduleDay.active {
  background: var(--color-primary-500);
}
._cardsDialog_18jhd_1 .productionScheduleDaysTagsBox .productionScheduleDay.active span {
  color: var(--color-neutral-600);
}
._cardsDialog_18jhd_1 .productionScheduleDaysTagsBox .productionScheduleDay:last-of-type {
  margin-right: 0;
}

._cardsContent_18jhd_118 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._cardsContent_18jhd_118 .autocompleteSmall,
._cardsContent_18jhd_118 .textFieldSmall,
._cardsContent_18jhd_118 .currencyTextFieldSmall {
  min-height: 35px;
  margin: 0;
}
._cardsContent_18jhd_118 .autocompleteSmall label,
._cardsContent_18jhd_118 .textFieldSmall label,
._cardsContent_18jhd_118 .currencyTextFieldSmall label {
  top: -5px;
}
._cardsContent_18jhd_118 .autocompleteSmall .MuiInputBase-root,
._cardsContent_18jhd_118 .textFieldSmall .MuiInputBase-root,
._cardsContent_18jhd_118 .currencyTextFieldSmall .MuiInputBase-root {
  min-height: 35px;
  height: 100%;
}
._cardsContent_18jhd_118 .checkboxLabel .MuiTypography-root {
  font-size: 12px;
  font-weight: bold !important;
}

._internalProductsTable_18jhd_145 .textFieldSmall,
._internalProductsTable_18jhd_145 .currencyTextFieldSmall {
  min-height: 33px;
  margin: 0;
}
._internalProductsTable_18jhd_145 .textFieldSmall .MuiInputBase-root,
._internalProductsTable_18jhd_145 .currencyTextFieldSmall .MuiInputBase-root {
  min-height: 33px;
  height: 100%;
}
._internalProductsTable_18jhd_145 .autocompleteSmall {
  height: 27px;
}

._groupBox_18jhd_159 {
  border-radius: 4px;
  padding: 8px 8px 0 8px;
  margin: 0;
  max-width: calc(100% + 16px);
}

._groupBoxEnabled_18jhd_166 {
  border: 1px solid rgba(117, 131, 240, 0.9);
}

._groupBoxDisabled_18jhd_170 {
  border: 1px solid #010311;
}

._cardSectorTitleBox_18jhd_174 {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  gap: 5px;
}

._cardSectorTitleBox_18jhd_174 p {
  font-size: 1rem;
  margin: 0;
  text-transform: uppercase;
}

.productsTable {
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 8px !important;
}

/* bordas arredondadas nos cantos da tabela */
.productsTable thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}

.productsTable thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
}.linkMenuSales {
  border: 1px solid var(--theme-secondary);
  background: var(--theme-secondary);
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  padding: 3px 6px 4px;
  height: 16px;
}

.totalDiscardInfos,
.totalDifferenceInfos {
  background: var(--color-neutral-0);
  border: 1px solid var(--theme-secondary);
  border-radius: 0 0 4px 4px;
}

.modalHeaderCmv {
  display: flex;
  justify-content: space-between;
  background: var(--color-neutral-500);
  padding: 12px 16px !important;
  font-weight: bold;
  cursor: move;
  border-radius: 4px 4px 0 0;
  height: 20px;
}
.modalHeaderCmv p {
  font-family: "Lato";
  font-size: 16px;
  font-weight: 700;
  color: var(--color-neutral-0);
  text-transform: uppercase;
  line-height: 20px;
}

.noBorderRadius {
  border-top-right-radius: 0 !important;
  border-bottom: none !important;
}
.noBorderRadius tr {
  line-height: 40px !important;
}

.hoverRow td {
  transition: background-color 0.3s;
}.countVsCmvTable {
  border-spacing: 0;
  box-shadow: none !important;
  width: 100%;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.countVsCmvTable thead th {
  position: relative;
  padding: 2px 15px !important;
  line-height: 1.1 !important;
  height: 28px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 72px !important;
  z-index: 10;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: 1px solid var(--color-chart-border) !important;
}

.countVsCmvTable tbody tr:first-child td {
  border-top: none !important;
}

.countVsCmvTable thead th::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-chart-border);
}

.countVsCmvTable th:last-child,
.countVsCmvTable td:last-child {
  border-right: none !important;
}

.countVsCmvTable {
  min-width: 403px !important;
  border-collapse: collapse !important;
  border-spacing: 0;
}
.countVsCmvTable thead th {
  background-color: var(--tableHead-primary) !important;
  font-family: "Lato", sans-serif;
  color: var(--color-neutral-500) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  border-right: 1px solid var(--color-neutral-300) !important;
  text-align: right;
  line-height: 1.1 !important;
  height: 28px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.countVsCmvTable thead th.alignLeft {
  text-align: left;
  padding-left: 25px !important;
}
.countVsCmvTable thead th:last-child {
  border-right: none;
}
.countVsCmvTable tbody tr {
  border-bottom: 1px solid rgb(208, 211, 226);
}
.countVsCmvTable tbody tr:last-child {
  border-bottom: none;
}
.countVsCmvTable tbody tr td {
  border-bottom: 1px solid rgb(208, 211, 226);
  height: 33px;
  border-right: 1px solid rgb(208, 211, 226) !important;
  font-size: 12px;
  text-align: right;
  padding: 5px 12px;
}
.countVsCmvTable tbody tr td.alignLeft {
  text-align: left;
  padding-left: 25px !important;
}
.countVsCmvTable tbody tr td.linkText {
  text-align: right;
  color: var(--theme-secondary) !important;
  cursor: pointer;
  font-size: 12px !important;
}
.countVsCmvTable tbody tr td:last-child {
  border-right: none;
}.cmvDateFilter {
  width: 4.25rem !important;
  flex: 0 0 auto !important;
  margin-right: -14px !important;
}

.customLoadingProgress {
  background-color: #b0b0b0 !important;
  border-radius: 100px;
}
.customLoadingProgress .MuiLinearProgress-bar {
  background-color: #3f51b5 !important;
}

.CmvStorePage .cmvDateFilter label {
  margin-top: 2px;
  margin-left: -5px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  color: var(--color-neutral-500);
  transform: translateX(0px) translateY(0) scale(1);
}

.CmvStorePage .cmvDateFilter.Mui-focused label,
.CmvStorePage .cmvDateFilter.MuiInputLabel-shrink {
  transform: translateX(0px) translateY(-4px) scale(0.75);
}

.CmvStorePage .scoreboard-typography.MuiTypography-root.MuiTypography-body2 {
  color: var(--color-neutral-400) !important;
  font-size: 0.75rem;
  line-height: 16px;
  white-space: nowrap;
  height: 17px;
}

/* ALONGA OU ENCURA A LINHA DO SELECT DE DATA */
.CmvStorePage .cmvDateFilter .MuiOutlinedInput-root fieldset {
  margin-left: -4px;
  margin-right: 8px;
}

/* FOCUS */
.CmvStorePage .cmvDateFilter .MuiOutlinedInput-root.Mui-focused fieldset {
  margin-left: -4px;
  margin-right: 8px;
}

/* HOVER */
.CmvStorePage .cmvDateFilter .MuiOutlinedInput-root:hover fieldset {
  margin-left: -4px;
  margin-right: 8px;
}.performedCmvInfosDialog .MuiDialog-container {
  align-items: flex-start;
}
.performedCmvInfosDialog .cmvPerformedTabsBox {
  display: flex;
  padding-top: 10px;
  padding-left: 22px;
  background: var(--bg-modal);
  position: sticky;
  top: 0;
  z-index: 10000;
}
.performedCmvInfosDialog .cmvPerformedTabsBox .defaultTab {
  background: #fff;
  border: 1px solid var(--color-neutral-600);
  border-radius: 4px 4px 0 0;
  padding: 3px 10px;
  margin-right: 5px;
  min-width: 150px;
  cursor: pointer;
}
.performedCmvInfosDialog .cmvPerformedTabsBox .defaultTab span {
  color: var(--color-neutral-600);
  font-weight: bold;
  font-size: 12px;
}
.performedCmvInfosDialog .cmvPerformedTabsBox .defaultTab.active {
  background: var(--theme-primary);
  cursor: auto;
}
.performedCmvInfosDialog .cmvPerformedTabsBox .defaultTab.active span {
  color: #fff;
}
.performedCmvInfosDialog .cmvPerformedTabsBox .defaultTab:last-of-type {
  margin-right: 0;
}
.performedCmvInfosDialog table td {
  font-size: 12px;
}
.performedCmvInfosDialog table thead {
  position: sticky;
  top: 36px;
}.menuTableContainer {
  width: 100%;
  table-layout: auto;
  empty-cells: hide;
  background: #fff;
  border-spacing: 0;
  border: none;
  border-collapse: separate;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-bottom: 0;
  display: table;
  font-family: "Lato";
  overflow: clip;
}
.menuTableContainer tr {
  line-height: 30px;
  border: none;
}
.menuTableContainer tr.hoverBackgroundOrange {
  transition: "none";
}
.menuTableContainer tr.hoverBackgroundOrange:hover {
  background-color: var(--color-primary-200);
}
.menuTableContainer tr.hoverBackgroundOrange:hover td {
  background-color: inherit !important;
}
.menuTableContainer tr.hoverBackground:hover {
  background-color: rgb(230, 232, 255) !important;
}
.menuTableContainer tr.hoverBackground:hover td {
  background-color: inherit !important;
}
.menuTableContainer tr.hoverBackgroundNoTransition {
  transition: "none";
}
.menuTableContainer tr.hoverBackgroundNoTransition:hover {
  background-color: rgb(230, 232, 255) !important;
}
.menuTableContainer tr.hoverBackgroundNoTransition:hover td {
  background-color: inherit !important;
}
.menuTableContainer tr.hoverBackgroundDarken {
  transition: none;
}
.menuTableContainer tr.hoverBackgroundDarken:hover {
  background-color: #b1b9f8;
}
.menuTableContainer tr.hoverBackgroundDarken:hover td {
  background-color: inherit !important;
}
.menuTableContainer tr.hoverBackgroundWhite {
  transition: none;
}
.menuTableContainer tr.hoverBackgroundWhite:hover {
  background-color: #fff;
}
.menuTableContainer tr.hoverBackgroundWhite:hover td {
  background-color: inherit !important;
}
.menuTableContainer tr.withoutHover:hover td,
.menuTableContainer tr.withoutHover:hover th {
  background: transparent !important;
}
.menuTableContainer tr :last-child td {
  border-bottom: 0;
}
.menuTableContainer tr.disabledBackground {
  pointer-events: none;
  background: #fafafa;
  color: #e6e6e6;
}
.menuTableContainer .headerTitle {
  overflow: hidden;
  background: var(--tableHead-primary);
}
.menuTableContainer .headerTitle th {
  background: var(--tableHead-primary);
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: solid 1px var(--color-neutral-600);
}
.menuTableContainer .headerTitle th,
.menuTableContainer .headerTitle td {
  position: sticky;
  top: -0.625rem;
  z-index: 99;
  color: var(--color-neutral-500);
}
.menuTableContainer .headerTitle th:first-of-type,
.menuTableContainer .headerTitle td:first-of-type {
  overflow: hidden;
}
.menuTableContainer .headerTitle th:last-of-type,
.menuTableContainer .headerTitle td:last-of-type {
  overflow: hidden;
}
.menuTableContainer .headerTitle th:first-of-type, .menuTableContainer .headerTitle th:last-of-type,
.menuTableContainer .headerTitle td:first-of-type,
.menuTableContainer .headerTitle td:last-of-type {
  padding: 0 12px;
}
.menuTableContainer .headerSubtitle th,
.menuTableContainer .headerSubtitle td {
  background: #e6e7f0;
  position: sticky;
  top: 20px;
  z-index: 999;
  color: var(--color-neutral-500);
  text-transform: uppercase;
}
.menuTableContainer .headerSubtitle th:first-of-type, .menuTableContainer .headerSubtitle th:last-of-type,
.menuTableContainer .headerSubtitle td:first-of-type,
.menuTableContainer .headerSubtitle td:last-of-type {
  padding: 0 12px;
}
.menuTableContainer .title {
  font-family: "Lato";
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
}
.menuTableContainer .subtitle {
  font-family: "Lato";
  font-size: 9px;
  font-weight: bold;
  text-align: left;
}
.menuTableContainer .subtitleLarge {
  font-family: "Lato";
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.menuTableContainer .left {
  text-align: left;
}
.menuTableContainer .center {
  text-align: center;
}
.menuTableContainer .right {
  text-align: right;
}
.menuTableContainer .description {
  font-family: "Lato";
  font-size: 12px;
  line-height: 30px;
}
.menuTableContainer .fontColor {
  color: #000319;
}
.menuTableContainer .borderL {
  border-left: 1px solid var(--color-neutral-300);
}
.menuTableContainer .blackBorderL {
  border-left: 1px solid var(--color-neutral-600);
}
.menuTableContainer .borderR {
  border-right: 1px solid var(--color-neutral-300);
}
.menuTableContainer .blackBorderR {
  border-right: 1px solid var(--color-neutral-600);
}
.menuTableContainer .blackBorderB {
  border-bottom: 1px solid var(--color-neutral-600);
}
.menuTableContainer .borderB {
  border-bottom: 1px solid var(--color-neutral-300);
}
.menuTableContainer .borderT {
  border-top: 1px solid var(--color-neutral-300);
}
.menuTableContainer hr {
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: initial;
}
.menuTableContainer tbody td,
.menuTableContainer tbody span,
.menuTableContainer tbody div {
  font-size: 0.75rem;
  color: var(--color-neutral-600) !important;
}
.menuTableContainer tbody .actionButton button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}.completeNoteModal .receiveButton,
.completeNoteModal .returnedButton,
.completeNoteModal .notReceivedButton,
.completeNoteModal .newOrderButton {
  border-radius: 8px;
  text-transform: initial;
  font-weight: 700;
  height: 40px;
  line-height: 16px;
  box-shadow: none;
}
.completeNoteModal .receiveButton {
  background-color: var(--color-primary-500);
  color: var(--color-neutral-0);
}
.completeNoteModal .receiveButton:hover {
  background-color: var(--color-primary-500);
}
.completeNoteModal .returnedButton {
  border: 1px solid var(--bg-error);
  background-color: var(--bg-returned);
  color: var(--bg-error);
}
.completeNoteModal .returnedButton:hover {
  border: 1px solid var(--bg-error);
  background-color: var(--bg-returned);
}
.completeNoteModal .notReceivedButton {
  border: 1px solid var(--color-not-received);
  color: var(--color-not-received);
  background-color: var(--bg-late);
}
.completeNoteModal .notReceivedButton:hover {
  background-color: var(--bg-late);
}
.completeNoteModal .newOrderButton {
  border: 1px solid var(--color-neutral-600);
  color: var(--color-neutral-600);
  font-weight: 400;
}
.completeNoteModal label.MuiInputLabel-root {
  color: var(--color-neutral-500);
}
.completeNoteModal label.MuiInputLabel-root.MuiInputLabel-shrink {
  transform: translate(0px, -20px) scale(1) !important;
}.receivementsTableHeaderFilter {
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.receivementsTableHeaderFilter.insideFilters {
  padding-bottom: 11px;
  margin-left: -8px;
}
.receivementsTableHeaderFilter.outsideFilters .filterOrder {
  border-top-left-radius: 8px;
}
.receivementsTableHeaderFilter.outsideFilters .filterKey {
  width: 27.6%;
}
.receivementsTableHeaderFilter .receivementsFilterOrder {
  background: var(--color-primary-500);
  padding: 5px 10px;
}
.receivementsTableHeaderFilter .containerHeaderFilter {
  padding-bottom: 11px;
}
.receivementsTableHeaderFilter .filterOrder {
  width: 20%;
}
.receivementsTableHeaderFilter .filterKey {
  width: 28.1%;
  border-top-right-radius: 4px;
}
.receivementsTableHeaderFilter .orderLabel {
  margin: 5px 10px 5px 0px;
  font-size: 12px;
  line-height: normal;
  color: var(--color-neutral-0);
}
.receivementsTableHeaderFilter .orderKey {
  width: 120px;
}
.receivementsTableHeaderFilter .inputWrapper {
  position: relative;
  width: 100%;
}
.receivementsTableHeaderFilter .iconInside {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  pointer-events: none;
  z-index: 2;
}
.receivementsTableHeaderFilter .nfInput .MuiOutlinedInput-input {
  z-index: 1;
  height: 21px;
  padding: 0 6px !important;
  padding-left: 24px !important;
  font-size: 12px;
  background-color: var(--color-neutral-0);
  border: 1px solid var(--color-neutral-600);
  border-radius: 4px;
}
.receivementsTableHeaderFilter .receivementsTable colgroup col {
  box-sizing: border-box;
}

.receivementsTable tbody tr td,
.receivementsTable thead tr th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.receivementsTable .MuiCollapse-root table {
  table-layout: fixed !important;
  width: 100% !important;
}

.receivementsTable .expandedRow td {
  white-space: normal !important;
}

.receivementsTableHeaderFilter.outsideFilters + table.desktop {
  border-top-right-radius: 8px !important;
}.nfceImageImportDialog {
  width: 100%;
}
.nfceImageImportDialog .MuiPaper-root {
  margin: 10px;
}
.nfceImageImportDialog .modalHeader h2 p {
  width: 94%;
  text-align: left;
}
.nfceImageImportDialog .modalContent {
  padding: 14px !important;
  position: relative;
}
.nfceImageImportDialog .modalContent .fakeBackdrop {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 60px;
  width: 100%;
  height: calc(100% - 60px);
  z-index: 9;
  transition: all 400ms ease;
  border-radius: 4px;
}
.nfceImageImportDialog .modalContent.confirmValuesContent {
  padding: 5px !important;
  padding-top: 0 !important;
  padding-bottom: 15px !important;
  min-width: 368px;
}
.nfceImageImportDialog .invalidField {
  color: var(--color-error-500);
  font-weight: bold;
  text-decoration: underline;
}
.nfceImageImportDialog .imageContainer {
  max-width: 340px;
  box-shadow: 0px 0px 8px 0px rgba(4, 6, 26, 0.2509803922);
}
.nfceImageImportDialog .imageContainer .imageBox {
  width: 340px;
  height: 295px;
  background: rgba(146, 150, 172, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.nfceImageImportDialog .imageContainer .imageBox img,
.nfceImageImportDialog .imageContainer .imageBox .cropper-container {
  height: auto;
  width: auto !important;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  display: block;
}
.nfceImageImportDialog .imageContainer .cameraActions {
  padding: 10px;
}
.nfceImageImportDialog .imageContainer .cameraActions .switchCamIconBox,
.nfceImageImportDialog .imageContainer .cameraActions .camIconBox {
  cursor: pointer;
  border: solid 1px var(--color-neutral-400);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  transition: all 400ms ease;
}
.nfceImageImportDialog .imageContainer .cameraActions .switchCamIconBox svg,
.nfceImageImportDialog .imageContainer .cameraActions .camIconBox svg {
  width: 25px;
  height: 25px;
  display: block;
}
.nfceImageImportDialog .imageContainer .cameraActions .switchCamIconBox.active,
.nfceImageImportDialog .imageContainer .cameraActions .camIconBox.active {
  background: var(--theme-primary);
  border: solid 1px var(--theme-primary);
}
.nfceImageImportDialog .nfceConfirmValuesContainer {
  display: flex;
  flex-direction: column;
  padding: 5px;
  width: 100%;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceMainInfos {
  border: solid 1px var(--color-neutral-600);
  border-radius: 6px;
  padding: 5px;
  display: flex;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceMainInfos .nfceInfos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 5px;
  width: 100%;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceMainInfos .nfceInfos .firstLineInfos,
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceMainInfos .nfceInfos .secondLineInfos,
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceMainInfos .nfceInfos .thirdLineInfos {
  display: flex;
  justify-content: space-between;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceMainInfos .nfceInfos .firstLineInfos,
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceMainInfos .nfceInfos .secondLineInfos {
  border-bottom: solid 1px var(--color-neutral-400);
  padding-bottom: 1px;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos {
  box-shadow: 0px 1px 4px 1px rgba(1, 3, 17, 0.4509803922);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  max-height: 290px;
  overflow: auto;
  position: relative;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .itemsCountHeader {
  background: var(--color-neutral-600);
  padding: 1px 5px 2px;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .itemsCountHeader span {
  color: var(--color-neutral-0);
  font-weight: bold;
  font-size: 12px;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .itemsCountHeader span:last-of-type {
  font-size: 14px;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem {
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .itemStatus {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  margin-bottom: 5px;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem td {
  font-size: 10px !important;
  font-weight: bold !important;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem:nth-of-type(2n + 1) {
  background: rgba(var(--theme-primary-rgb), 0.1);
  border-top: solid 1px var(--color-neutral-500);
  border-bottom: solid 1px var(--color-neutral-500);
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .firstLineInfos,
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .secondLineInfos {
  display: flex;
  align-items: center;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .firstLineInfos {
  justify-content: space-between;
  margin-bottom: 5px;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .firstLineInfos span {
  font-size: 10px;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .secondLineInfos {
  margin-left: 1.063rem;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .secondLineInfos span {
  margin-left: 10px;
  font-size: 10px;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .secondLineInfos span:first-of-type {
  margin-left: 0;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .secondLineInfos span:last-of-type {
  margin-left: auto;
}
.nfceImageImportDialog .nfceConfirmValuesContainer .nfceItemsInfos .defaultItem .secondLineInfos span b {
  margin-left: 3px;
}
.nfceImageImportDialog .totalInfos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  padding: 0 5px;
}
.nfceImageImportDialog .totalInfos span {
  font-size: 10px;
}
.nfceImageImportDialog .totalInfos span:last-of-type {
  color: #0b1a8e;
}
.nfceImageImportDialog .totalInfos b {
  font-size: 12px;
  margin-left: 5px;
  color: var(--color-secondary-500);
}
.nfceImageImportDialog .confirmTotalInput {
  margin-top: 12px;
  background-color: var(--color-neutral-600);
  padding: 10px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 12px;
}
.nfceImageImportDialog .confirmTotalInput span {
  color: var(--color-neutral-0);
  font-size: 12px;
  white-space: nowrap;
}
.nfceImageImportDialog .confirmTotalInfosValue {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #1f2445;
  border-radius: 4px;
  padding: 3px;
  margin-top: 3px;
}
.nfceImageImportDialog .confirmTotalInfosValue span {
  color: var(--color-neutral-0);
  font-weight: bold;
  font-size: 10px;
  margin-right: 20px;
}
.nfceImageImportDialog .confirmTotalInfosValue .MuiFormControl-root {
  background: var(--color-neutral-0);
  width: 50%;
}
.nfceImageImportDialog .confirmTotalInfosValue .MuiFormControl-root input {
  height: 40px;
  font-size: 16px;
  padding-right: 2px;
}
.nfceImageImportDialog .error {
  font-weight: bold;
  font-size: 10px;
  margin-top: 3px;
}

.nfceUpdateHeaderDialog,
.nfceUpdateItemDialog {
  width: 100%;
}
.nfceUpdateHeaderDialog .invalidField,
.nfceUpdateItemDialog .invalidField {
  color: var(--color-error-500);
  font-weight: bold;
  width: 100%;
  text-align: right;
  margin-bottom: 5px;
}
.nfceUpdateHeaderDialog .MuiPaper-root,
.nfceUpdateItemDialog .MuiPaper-root {
  width: 75%;
  margin: 16px;
}
.nfceUpdateHeaderDialog .modalHeader,
.nfceUpdateItemDialog .modalHeader {
  background: var(--color-neutral-0);
  padding: 5px 8px !important;
}
.nfceUpdateHeaderDialog .modalHeader h2,
.nfceUpdateItemDialog .modalHeader h2 {
  color: var(--color-neutral-600);
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.nfceUpdateHeaderDialog .modalContent,
.nfceUpdateItemDialog .modalContent {
  padding: 0 8px;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine,
.nfceUpdateItemDialog .modalContent .defaultItemLine {
  width: 100%;
  background-color: var(--color-soft-gray);
  padding: 5px 5px 6px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine span,
.nfceUpdateItemDialog .modalContent .defaultItemLine span {
  color: var(--color-neutral-600);
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine .autocompleteSmall input,
.nfceUpdateItemDialog .modalContent .defaultItemLine .autocompleteSmall input {
  padding-right: 27px;
  padding-top: 0px;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine .autocompleteSmall .MuiAutocomplete-clearIndicator,
.nfceUpdateItemDialog .modalContent .defaultItemLine .autocompleteSmall .MuiAutocomplete-clearIndicator {
  display: none;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine .MuiFormControl-root,
.nfceUpdateHeaderDialog .modalContent .defaultItemLine input,
.nfceUpdateItemDialog .modalContent .defaultItemLine .MuiFormControl-root,
.nfceUpdateItemDialog .modalContent .defaultItemLine input {
  background: var(--color-neutral-0);
  width: 145px;
  text-align: right;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  height: 30.75px;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine .MuiInputBase-root,
.nfceUpdateItemDialog .modalContent .defaultItemLine .MuiInputBase-root {
  padding: 0 !important;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine .MuiInputBase-root #time-picker,
.nfceUpdateItemDialog .modalContent .defaultItemLine .MuiInputBase-root #time-picker {
  padding-right: 0;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine .MuiInputBase-root .MuiIconButton-label,
.nfceUpdateHeaderDialog .modalContent .defaultItemLine .MuiInputBase-root .MuiTouchRipple-root,
.nfceUpdateItemDialog .modalContent .defaultItemLine .MuiInputBase-root .MuiIconButton-label,
.nfceUpdateItemDialog .modalContent .defaultItemLine .MuiInputBase-root .MuiTouchRipple-root {
  margin-right: 2px !important;
}
.nfceUpdateHeaderDialog .modalContent .defaultItemLine input,
.nfceUpdateItemDialog .modalContent .defaultItemLine input {
  padding: 0 5px;
}
.nfceUpdateHeaderDialog .modalContent .editItemActionButtons,
.nfceUpdateItemDialog .modalContent .editItemActionButtons {
  display: flex;
  justify-content: end;
  gap: 10px;
  width: 100%;
  padding: 8px 0;
}
.nfceUpdateHeaderDialog .modalContent .editItemActionButtons button,
.nfceUpdateItemDialog .modalContent .editItemActionButtons button {
  width: 32%;
  margin-right: 5px;
}
.nfceUpdateHeaderDialog .modalContent .editItemActionButtons button:last-of-type,
.nfceUpdateItemDialog .modalContent .editItemActionButtons button:last-of-type {
  margin-right: 0px;
}

.nfceUpdateHeaderDialog .MuiDialog-container {
  align-items: flex-start;
  margin-top: 95%;
}

.nfceSnackbarAlert {
  width: 96% !important;
}._page_y4uvg_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 4rem;
  color: var(--color-neutral-600);
}

._header_y4uvg_9 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._lead_y4uvg_15 {
  max-width: 56rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-neutral-500);
}

._section_y4uvg_22 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-0);
  box-shadow: 0 8px 24px rgba(11, 15, 44, 0.04);
}

._sectionTitle_y4uvg_33 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.9rem;
  margin-top: 0;
  color: var(--color-neutral-600);
}

._sectionDescription_y4uvg_41 {
  max-width: 52rem;
  font-size: 0.95rem;
  line-height: 1.4rem;
  margin-bottom: 0;
  color: var(--color-neutral-400);
}

._tokenGrid_y4uvg_49 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

._tokenCard_y4uvg_55 {
  display: flex;
  flex-direction: column;
  border-radius: 0.875rem;
  border: 1px solid var(--color-neutral-300);
  overflow: hidden;
  background: var(--color-neutral-0);
}

._swatch_y4uvg_64 {
  height: 96px;
}

._tokenBody_y4uvg_68 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

._tokenLabel_y4uvg_75 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-neutral-600);
}

._tokenMeta_y4uvg_81 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: var(--color-neutral-500);
  word-break: break-word;
}

._tokenMeta_y4uvg_81 code {
  font-family: "Courier New", Courier, monospace;
  padding: 0.1rem 0.3rem;
  border-radius: 0.5rem;
  background: rgba(69, 74, 103, 0.08);
}

._tokenActions_y4uvg_97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  font-size: 0.75rem;
  color: var(--color-neutral-400);
}

._copyButton_y4uvg_106 {
  border: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-0);
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-neutral-600);
  cursor: pointer;
  transition: all 0.2s ease;
}

._copyButton_y4uvg_106:hover {
  border-color: var(--color-primary-400);
  color: var(--color-primary-500);
}

._copyButton_y4uvg_106:active {
  transform: scale(0.97);
}

._copySuccess_y4uvg_127 {
  color: var(--color-success-500);
}

._typographyGrid_y4uvg_131 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

._typographyCard_y4uvg_137 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
  border-radius: 1rem;
  border: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-0);
  box-shadow: 0 8px 16px rgba(7, 11, 41, 0.06);
}

._fontPreview_y4uvg_148 {
  padding: 1.4rem 1.1rem;
  border-radius: 0.875rem;
  border: 1px dashed rgba(69, 74, 103, 0.22);
  background: linear-gradient(135deg, rgba(239, 106, 47, 0.08), rgba(38, 89, 178, 0.08));
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--color-neutral-600);
}

._kodchasanPreview_y4uvg_158 {
  font-family: "Kodchasan", sans-serif !important;
  letter-spacing: 0.06rem;
}

._latoPreview_y4uvg_163 {
  font-family: "Lato", sans-serif !important;
}

._fontName_y4uvg_167 {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--color-neutral-600);
}

._fontMeta_y4uvg_173 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 0.9rem;
  color: var(--color-neutral-400);
}

._fontMeta_y4uvg_173 code {
  font-family: "Courier New", Courier, monospace;
  padding: 0.1rem 0.3rem;
  border-radius: 0.5rem;
  background: rgba(69, 74, 103, 0.08);
  color: var(--color-neutral-500);
}

._fontUsage_y4uvg_189 {
  margin: 0;
  padding-left: 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

._fontUsage_y4uvg_189 li {
  font-size: 0.9rem;
  color: var(--color-neutral-500);
}

._utilityGrid_y4uvg_202 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

._utilityCard_y4uvg_208 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.875rem;
  border: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-0);
}

._utilityTitle_y4uvg_218 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-neutral-600);
}

._utilityDescription_y4uvg_224 {
  font-size: 0.9rem;
  color: var(--color-neutral-400);
  line-height: 1.3rem;
}

._utilityPreview_y4uvg_230 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
  border-radius: 0.75rem;
  border: 1px dashed rgba(69, 74, 103, 0.2);
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--color-neutral-0);
}

._muted_y4uvg_242 {
  color: var(--color-neutral-400);
  font-size: 0.85rem;
}

._placeholderList_y4uvg_247 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

._placeholderCard_y4uvg_253 {
  padding: 1rem;
  border-radius: 0.875rem;
  border: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-0);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._placeholderTitle_y4uvg_263 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-neutral-600);
}

._placeholderDescription_y4uvg_269 {
  font-size: 0.9rem;
  color: var(--color-neutral-400);
  line-height: 1.35rem;
}

@media (max-width: 720px) {
  ._section_y4uvg_22 {
    padding: 1.25rem;
  }
  ._tokenGrid_y4uvg_49 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
  ._utilityGrid_y4uvg_202 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  ._typographyGrid_y4uvg_131 {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}@font-face{font-family:"revicons";fallback:fallback;src:url("/assets/revicons-DbTteTvA.woff") format('woff'),url("/assets/revicons-CBqxZnew.ttf") format('ttf'),url("/assets/revicons-BNIKeAUC.eot") format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}.receiptTag {
  width: 160px;
  height: 36px;
  padding: 2px;
  border-radius: 20px;
  border: 1.5px solid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.receiptTag.ORDERED .line1 {
  font-weight: 600;
}
.receiptTag.ORDERED {
  background-color: var(--color-primary-200);
  color: var(--color-primary-500);
  border-color: var(--color-primary-500);
}

.receiptTag.TO_RECEIVE {
  background-color: var(--bg-to-receive);
  color: var(--text-to-receive);
  border-color: var(--text-to-receive);
}

.receiptTag.RECEIVED {
  background-color: var(--bg-received);
  color: var(--text-received);
  border-color: var(--text-received);
}

.receiptTag.RETURNED {
  background-color: var(--bg-returned);
  color: var(--text-returned);
  border-color: var(--text-returned);
}

.receiptTag.NOT_RECEIVED {
  background-color: var(--bg-not-received);
  color: var(--text-not-received);
  border-color: var(--text-not-received);
}
.miseEnPlaceCourtOptionsDialog .MuiDialog-scrollPaper {
  align-items: flex-start;
  margin-top: 150px;
}
.miseEnPlaceCourtOptionsDialog .MuiPaper-root {
  max-width: 800px;
  width: 450px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7490196078);
  border-radius: 8px;
}
.miseEnPlaceCourtOptionsDialog .MuiDialogTitle-root {
  border-bottom: solid 1px var(--color-neutral-600);
}
.miseEnPlaceCourtOptionsDialog .MuiDialogTitle-root p,
.miseEnPlaceCourtOptionsDialog .MuiDialogTitle-root span {
  font-family: "Kodchasan", sans-serif !important;
  color: var(--color-neutral-600);
}
.miseEnPlaceCourtOptionsDialog .modalContent {
  padding: 0;
}
.miseEnPlaceCourtOptionsDialog .modalContent .courtOption {
  padding: 15px 20px;
  border-bottom: solid 1px var(--color-neutral-400);
}
.miseEnPlaceCourtOptionsDialog .modalContent .courtOption span {
  font-weight: 500;
  font-family: "Kodchasan", sans-serif !important;
  color: var(--color-neutral-500);
  text-transform: uppercase;
  font-size: 15px;
}
.miseEnPlaceCourtOptionsDialog .modalContent .courtOption.active {
  background: rgb(242, 243, 248);
}
.miseEnPlaceCourtOptionsDialog .modalContent .courtOption.active span {
  font-weight: 600;
  color: var(--color-neutral-600);
}.miseEnPlacePortionCardDialog .MuiPaper-root {
  width: 500px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7490196078);
  border-radius: 20px;
  height: 96%;
  margin: 15px;
  max-height: 800px;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.miseEnPlacePortionCardDialog .MuiDialogContent-root {
  padding: 0 !important;
}
.miseEnPlacePortionCardDialog .MuiDialog-scrollPaper {
  align-items: flex-start;
  margin-top: 200px;
}
.miseEnPlacePortionCardDialog .replacementPositionDivider {
  background: rgb(31, 36, 69);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.miseEnPlacePortionCardDialog .replacementPositionDivider span {
  color: #fff;
  font-size: 16px;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox {
  margin: 10px;
  padding: 10px;
  background: #1f2445;
  border-radius: 0 8px 8px 0;
  display: flex;
  align-items: center;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox .buttonPortionType {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 4px;
  padding: 10px 20px;
  width: 50%;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox .buttonPortionType span {
  color: #5062f0;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox .subtractValueIcon {
  margin-right: 5px;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox .addValueIcon {
  margin-left: 5px;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox img {
  width: 40px;
  height: 40px;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox .MuiFormControl-root,
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox input {
  background: #fff;
  height: 40px;
  padding: 0;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox .MuiFormControl-root {
  width: 40%;
}
.miseEnPlacePortionCardDialog .miseEnPlaceValueBox input {
  width: 100%;
  padding-right: 10px;
  font-size: 16px;
  font-family: "Lato";
  color: #010311;
}
.miseEnPlacePortionCardDialog .portionsInfos {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 10px;
  margin-block: 15px;
}
.miseEnPlacePortionCardDialog .portionsInfos span {
  color: #454a67;
  text-transform: uppercase;
  font-size: 16px;
}
.miseEnPlacePortionCardDialog .portionsInfos span:first-of-type {
  margin-bottom: 10px;
}
.miseEnPlacePortionCardDialog .actionButtons {
  display: flex;
  justify-content: flex-end;
  padding: 10px 10px 0 10px;
}
.miseEnPlacePortionCardDialog .actionButtons button {
  border-radius: 8px;
  font-size: 12px !important;
}
.miseEnPlacePortionCardDialog .actionButtons button:first-of-type {
  margin-right: 14px;
}
.miseEnPlacePortionCardDialog .consumePreviewTable {
  overflow: auto;
  margin-top: 10px;
  max-height: 200px;
}
.miseEnPlacePortionCardDialog .consumePreviewTable table {
  box-shadow: none;
}
.miseEnPlacePortionCardDialog .consumePreviewTable table td,
.miseEnPlacePortionCardDialog .consumePreviewTable table span {
  font-size: 12px;
  color: #9296ac;
}
.miseEnPlacePortionCardDialog .consumePreviewTable table td {
  text-align: right;
  padding-left: 0 !important;
  background: #fff;
}
.miseEnPlacePortionCardDialog .consumePreviewTable table tr:first-of-type td,
.miseEnPlacePortionCardDialog .consumePreviewTable table tr:first-of-type span {
  color: #454a67;
}
.miseEnPlacePortionCardDialog {
  /* POPOVER */
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .MuiPopover-paper {
  top: auto !important;
  left: 14px !important;
  bottom: -83px;
  width: 100%;
  max-width: calc(100% - 28px);
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .descriptionBox {
  background: rgba(80, 98, 240, 0.2);
  border-bottom: solid 1px #454a67;
  width: 100%;
  padding: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .descriptionBox td {
  color: #1f2445;
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover span {
  font-size: 12px;
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover span td {
  font-size: 16px !important;
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .actionAndInfosBox {
  padding: 10px;
  display: flex;
  width: 100%;
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .popoverCardInfo {
  margin: 11px 0 26px 10px;
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .buttonOptions {
  display: flex;
  flex-direction: column;
  width: 48%;
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .buttonOptions button {
  width: 100%;
  margin-bottom: 15px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.miseEnPlacePortionCardDialog .portionInputTypeControlPopover .buttonOptions button:last-of-type {
  margin-bottom: 0;
}