@charset "UTF-8";/*! 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;
}

.floatSumButton {
  bottom: 35% !important;
  right: 10px !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;
  background: none !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;
  /* Copilot */
  --bg-noInclude: 242, 185, 13;
}

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

.cardDefaultStore {
  background: var(--bg-modal);
  border: 1px solid var(--color-neutral-600);
  border-radius: 4px;
  padding: 30px 16px 16px;
}
.cardDefaultStore.withoutInputs {
  padding-top: 16px;
}
.cardDefaultStore.cardProducts {
  background: #daddf3;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5019607843);
}
.cardDefaultStore.cardMenu {
  background: #e6e7f0;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5019607843);
}
.cardDefaultStore.paddingCardSalesAndSimulation {
  padding: 0 4px !important;
}
.cardDefaultStore.paddingCardSalesAndSimulationMenu {
  margin-top: 28px;
  padding: 4px 4px 6px !important;
}
.cardDefaultStore label {
  font-size: 12px;
  font-family: "Lato";
  font-weight: 700;
  margin-bottom: 0;
}
.cardDefaultStore label.blue {
  color: #5062f0;
}

.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;
  /* Copilot */
  --bg-noInclude: 242, 185, 13;
}

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: var(--input-padding-left, 5px) !important;
  padding-right: var(--input-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;
}
.autocompleteSmall.multipleAutocomplete.Mui-expanded .MuiInputBase-root, .autocompleteSmall.multipleAutocomplete.Mui-focused .MuiInputBase-root {
  padding-top: 4px !important;
  z-index: 100000;
}
.autocompleteSmall.multipleAutocomplete .MuiInputBase-root.Mui-focused .MuiChip-root {
  margin: 3px 0 0 0 !important;
}

.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;
  /* Copilot */
  --bg-noInclude: 242, 185, 13;
}

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;
  /* Copilot */
  --bg-noInclude: 242, 185, 13;
}

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;
  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;
}
.modalHeader {
  /* Responsividade */
}
@media only screen and (max-width: 480px) {
  .modalHeader h2,
  .modalHeader p,
  .modalHeader span,
  .modalHeader .w100 {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 480px) {
  .modalHeader #draggable-dialog-title-text {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 310px) {
  .modalHeader {
    padding: 8px 5px 8px 16px !important;
  }
}
@media only screen and (max-width: 480px) {
  .modalHeader Typography,
  .modalHeader .MuiTypography-root {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 310px) {
  .modalHeader Typography,
  .modalHeader .MuiTypography-root {
    font-size: 10px !important;
  }
}

.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.salesProjectionModal .modalContent table tbody td {
  padding: 0 !important;
}
.defaultModal .dialogActions {
  padding: 0;
}
.defaultModal.receiptFindKeyNoteDialog {
  width: 100%;
}
.defaultModal.receiptFindKeyNoteDialog .MuiDialog-container {
  align-items: flex-start;
  margin-top: 64%;
  width: 100%;
}
.defaultModal.receiptFindKeyNoteDialog .MuiModal-backdrop {
  background: linear-gradient(to bottom, transparent 130px, rgba(0, 0, 0, 0.5) 130px);
}
.defaultModal.receiptFindKeyNoteDialog .MuiPaper-root {
  margin: 0;
  max-width: 95%;
  width: 100%;
}
.defaultModal.countStorageLocationSelectorDialog .MuiDialog-container, .defaultModal.countsSelectorDialog .MuiDialog-container, .defaultModal.qrCodeCountDialog .MuiDialog-container, .defaultModal.addProductConfirmationDialog .MuiDialog-container {
  align-items: flex-start;
  margin-top: 86%;
  width: 95%;
}
.defaultModal.countStorageLocationSelectorDialog .MuiModal-backdrop, .defaultModal.countsSelectorDialog .MuiModal-backdrop, .defaultModal.qrCodeCountDialog .MuiModal-backdrop, .defaultModal.addProductConfirmationDialog .MuiModal-backdrop {
  background: linear-gradient(to bottom, transparent 176px, rgba(0, 0, 0, 0.5) 176px);
}
.defaultModal.countStorageLocationSelectorDialog .MuiPaper-root, .defaultModal.countsSelectorDialog .MuiPaper-root, .defaultModal.qrCodeCountDialog .MuiPaper-root, .defaultModal.addProductConfirmationDialog .MuiPaper-root {
  margin: 0;
  max-width: 95%;
  width: 100%;
}
.defaultModal.countsSelectorDialog .MuiDialog-container {
  margin-top: 53%;
}
.defaultModal.countsSelectorDialog .MuiModal-backdrop {
  background: linear-gradient(to bottom, transparent 106px, rgba(0, 0, 0, 0.5) 106px);
}
.defaultModal.qrCodeCountDialog .MuiDialog-container {
  margin-top: 88%;
}
.defaultModal.qrCodeCountDialog .MuiPaper-root {
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5019607843);
  border: solid 1px #fff;
}
.defaultModal.addProductConfirmationDialog .MuiDialog-container {
  margin-top: 64%;
}
.defaultModal.addProductConfirmationDialog .MuiModal-backdrop {
  background: linear-gradient(to bottom, transparent 106px, rgba(0, 0, 0, 0.5) 106px);
}
.defaultModal.dialogNoMargin .MuiPaper-root {
  margin: 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 .itemWithModal .MuiPaper-root {
  margin: 0;
}
.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 .multipleAutocomplete .MuiInputBase-root {
  padding: 0px 0px 0 !important;
}
.skuModalContainer .modalBox .multipleAutocomplete.Mui-focused .MuiChip-root:first-of-type {
  margin-top: 0 !important;
}
.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;
  position: relative;
  z-index: 2;
  background-color: var(--color-primary-500);
  border-radius: 8px;
  object-fit: contain;
  box-sizing: border-box;
}
.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-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 .colProduct {
  width: 35%;
}
.writeOffReleasesDialog .colQuantity {
  width: 12%;
}
.writeOffReleasesDialog .colUnit {
  width: 3%;
}
.writeOffReleasesDialog .colStatus {
  width: 23%;
}
.writeOffReleasesDialog .colType {
  width: 27%;
}
.writeOffReleasesDialog .colDelete {
  width: 2%;
}
.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 .colProduct {
    width: 34%;
  }
  .writeOffReleasesDialog .colQuantity {
    width: 30%;
  }
  .writeOffReleasesDialog .colUnit {
    width: 4%;
  }
  .writeOffReleasesDialog .colStatus {
    width: 0%;
  }
  .writeOffReleasesDialog .colType {
    width: 23%;
  }
  .writeOffReleasesDialog .colDelete {
    width: 0%;
  }
  .writeOffReleasesDialog .modalContent {
    padding: 8px !important;
  }
  .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: 2px !important;
    padding-left: 2px !important;
  }
  .writeOffReleasesDialog table td.quantityField .MuiInputBase-root {
    background: #fff;
  }
  .writeOffReleasesDialog table th.subtitle {
    font-size: 8px !important;
  }
  .writeOffReleasesDialog table td.description {
    font-size: 10px !important;
  }
  .writeOffReleasesDialog table tbody td span,
  .writeOffReleasesDialog table tbody td div {
    font-size: 10px !important;
  }
  .writeOffReleasesDialog table .MuiInputBase-input {
    font-size: 10px !important;
  }
  .writeOffReleasesDialog table .defaultStatusChip {
    width: 85%;
    height: 25px;
    line-height: 2;
  }
}
@media (max-width: 600px) {
  .writeOffReleasesDialog table {
    table-layout: fixed !important;
    width: 100%;
  }
  .writeOffReleasesDialog .MuiAutocomplete-root,
  .writeOffReleasesDialog .MuiTextField-root {
    min-width: 0 !important;
    width: 100%;
  }
  .writeOffReleasesDialog .colProduct {
    width: 20%;
  }
  .writeOffReleasesDialog .colQuantity {
    width: 5%;
  }
  .writeOffReleasesDialog .colUnit {
    width: 6%;
  }
  .writeOffReleasesDialog .colStatus {
    width: 18%;
  }
  .writeOffReleasesDialog .colType {
    width: 24%;
  }
  .writeOffReleasesDialog .colDelete {
    width: 6%;
  }
}
.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: 35rem !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: 210px;
  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 .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%;
  padding-left: 10px;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem .itemActions .textFieldSmall {
  width: 6rem;
}
.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: 10px;
  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: 10px;
}
.productionPopover .finishPopoverBox .popoverContent .defaultItem.recipePortionItem .labelItem, .productionPopover .finishPopoverBox .popoverContent .defaultItem.transformationItemsPortions .labelItem {
  width: 41%;
  margin-right: 40px;
}
@media only screen and (max-width: 1024px) {
  .productionPopover .finishPopoverBox .popoverContent .defaultItem.recipePortionItem .labelItem, .productionPopover .finishPopoverBox .popoverContent .defaultItem.transformationItemsPortions .labelItem {
    width: auto;
  }
}
.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;
}

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

.registerStoreDialog {
  width: 70%;
}
.registerStoreDialog .cardTitle {
  width: 180px;
  border-radius: 4px 4px 0px 0px;
  margin-top: 15px;
}
.registerStoreDialog .mainCardBox,
.registerStoreDialog .footerActions {
  background: #f2f2f4;
}
.registerStoreDialog .currencyTextFieldSmall .MuiInputBase-root {
  margin-top: 7px;
}

.createStoreStepTwo .modalContent,
.createStoreStepThree .modalContent,
.createStoreStepFour .modalContent {
  padding: 0 !important;
}
.createStoreStepTwo .modalContent .storeCloneStepViewBox,
.createStoreStepThree .modalContent .storeCloneStepViewBox,
.createStoreStepFour .modalContent .storeCloneStepViewBox {
  margin-bottom: 15px;
  width: 100%;
  justify-content: space-around;
  padding: 0;
}
.createStoreStepTwo .modalContent p,
.createStoreStepThree .modalContent p,
.createStoreStepFour .modalContent p {
  padding: 0 20px;
  margin-bottom: 10px;
}
.createStoreStepTwo .modalContent span,
.createStoreStepThree .modalContent span,
.createStoreStepFour .modalContent span {
  padding-left: 10px;
}
.createStoreStepTwo .defaultButton:first-of-type,
.createStoreStepThree .defaultButton:first-of-type,
.createStoreStepFour .defaultButton:first-of-type {
  margin-right: 0 !important;
}

.userFormDialog .MuiPaper-root {
  max-width: 1080px;
}
.userFormDialog .storeCloneStepViewBox {
  padding-right: 0;
}
.userFormDialog .autocompleteSmall .MuiInputBase-root {
  padding-left: 0;
}

.productTransferenceDialog {
  width: 100%;
}
.productTransferenceDialog .MuiPaper-root {
  max-width: 100%;
  width: 90%;
}
@media only screen and (max-width: 1024px) {
  .productTransferenceDialog .MuiPaper-root {
    width: 97%;
    margin: 0;
  }
}

.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;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb150 {
  margin-bottom: 150px !important;
}
.mb170 {
  margin-bottom: 170px !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;
}
.pt2 {
  padding-top: 2px !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 .center {
  text-align: left !important;
}
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.hoverBackground .tdBorderTopInset {
  position: relative;
}
table.desktop tr.hoverBackground .tdBorderTopInset::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  height: 1px;
  background: var(--color-neutral-300);
}
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: #799cd9;
  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;
  color: #fff;
}
table.desktop .headerTitle.headerTitleGray th {
  background-color: #313347;
  color: #fff;
}
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;
  width: 100%;
}
.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;
  text-align: center !important;
}
.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;
  /* Copilot */
  --bg-noInclude: 242, 185, 13;
}

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;
  line-height: 1.2;
}

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

.ptr,
.ptr__children {
  overflow: visible !important;
}

.ptr__children {
  overflow: unset !important;
}

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

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.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);
  overflow: visible !important;
}
@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(--color-secondary-500-rgb), 0.4);
}
.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(--color-secondary-500-rgb), 0.1);
}
.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(var(--bg-noInclude), 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(var(--bg-noInclude), 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: 67px;
  margin: 0;
  padding-top: 2px;
}

.invalidField .labelItem {
  color: #f53d4c;
  font-weight: bold;
}
.invalidField fieldset {
  border-bottom: solid 1px #f53d4c;
}

.storeCloneStepViewBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #f2f3f8;
  border-radius: 4px;
  box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.2509803922);
  padding: 0px 8px 0px 10px;
}
.storeCloneStepViewBox span {
  font-size: 12px;
  margin-right: 10px;
}
.storeCloneStepViewBox .stepBox {
  display: flex;
  align-items: center;
  padding: 4px 6px;
}
.storeCloneStepViewBox .stepBox.active {
  background: var(--color-primary-300);
}/* 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_1ioob_1 {
  font-family: "Kodchasan", sans-serif !important;
  height: 46px;
}
._header_1ioob_1 *,
._header_1ioob_1 *::before,
._header_1ioob_1 *::after {
  font-family: "Kodchasan", sans-serif !important;
}
._header_1ioob_1 {
  background: var(--theme-primary);
  padding: 0;
  min-height: auto;
  justify-content: center;
  align-items: center;
  z-index: 1201;
}
@media (max-width: 866px) {
  ._header_1ioob_1 {
    justify-content: flex-start;
  }
}
._header_1ioob_1._developmentHeader_1ioob_23 {
  background: var(--theme-primary);
}
._header_1ioob_1._nonProductionHeader_1ioob_26 {
  background: #dc3545 !important;
}
._header_1ioob_1 ._headerLogoBox_1ioob_29 {
  padding: 14px 20px 14px 13px;
  border-radius: 0px 30px 30px 0px;
  position: absolute;
  left: 0;
}
@media (max-width: 821px) {
  ._header_1ioob_1 ._headerLogoBox_1ioob_29 {
    padding: 13px 12px 13px 11px;
  }
}
._header_1ioob_1 ._headerLogoBox_1ioob_29 a {
  display: flex;
  align-items: center;
}
._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 0.5px solid #ffffff;
  padding: 0 5px 0 12px;
  height: 36px;
  width: 25%;
}
._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 button {
  border-radius: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
  max-width: 100%;
}
._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 button span {
  font-size: 1rem !important;
  text-align: left;
}
@media (max-width: 821px) {
  ._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 button span {
    font-size: 15px;
  }
}
._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 svg {
  color: #fff;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
@media (max-width: 430px) {
  ._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 {
    width: 47%;
    margin-left: 19%;
  }
}
@media (min-width: 431px) and (max-width: 880px) {
  ._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 {
    width: 55%;
    margin-right: 15%;
    margin-left: 14%;
  }
}
@media (min-width: 768px) and (max-width: 880px) {
  ._header_1ioob_1 ._headerRestaurantsBox_1ioob_44 {
    width: 65%;
    margin-right: 15%;
    margin-left: 11%;
  }
}
._header_1ioob_1 ._headerRightInfos_1ioob_95 {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  height: 100%;
}
._header_1ioob_1 ._headerRightInfos_1ioob_95 ._headerInfosBox_1ioob_102 {
  margin-right: 24px;
}
._header_1ioob_1 ._headerRightInfos_1ioob_95 button {
  border: solid 0.5px #fff;
  border-radius: 8px;
  padding: 5px;
}
._header_1ioob_1 ._headerRightInfos_1ioob_95 button img {
  width: 25px;
}

._fakeBackdrop_1ioob_114 {
  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;
}
._loginPage_186j7_2 {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: var(--gradient-login-overlay), url("/assets/login-CarWoeJ7.svg");
  background-image: var(--gradient-login-overlay), url("/assets/login-desktop-DJLoYqx3.webp");
  background-repeat: no-repeat;
  background-position: center 30%;
  background-size: cover;
}
._loginPage_186j7_2._loginPageBackoffice_186j7_14 {
  background-color: #0f172a;
  background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.75) 100%), url("/assets/backoffice-login-COf-Xd7I.png");
  background-repeat: no-repeat;
  background-position: center center;
  /* cover: preenche toda a área mantendo proporção, sem bordas vazias ou borradas */
  background-size: cover;
}
._loginPage_186j7_2 ._formCredentialsBox_186j7_22 {
  width: 90%;
  max-width: 31.25rem;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  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_186j7_2 ._backgroundTitle_186j7_36 {
  width: 100%;
  min-height: 5.75rem;
  padding: 1.875rem 1rem 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-primary);
  border-radius: 1.25rem 1.25rem 0 0;
}
._loginPage_186j7_2 ._logoTitle_186j7_48 {
  display: flex;
  justify-content: center;
}
._loginPage_186j7_2 ._logoTitle_186j7_48 svg {
  width: 7.5rem;
  height: 2.5rem;
}
._loginPage_186j7_2 ._divider_186j7_56 {
  width: 100%;
  height: 3px;
  background-color: var(--color-neutral-0);
}
._loginPage_186j7_2 ._labelWhite_186j7_61 {
  color: #fff !important;
}
._loginPage_186j7_2 ._defaultItem_186j7_64 {
  display: flex;
  flex-direction: column;
  padding: 6px 30px;
}
._loginPage_186j7_2 ._defaultItem_186j7_64:last-of-type {
  padding-top: 0;
}
._loginPage_186j7_2 ._defaultItem_186j7_64 span {
  padding-bottom: 0.2487rem;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
}
._loginPage_186j7_2 ._defaultItem_186j7_64:first-of-type {
  margin-top: 22px;
}
._loginPage_186j7_2 ._gapItens_186j7_81 {
  gap: 0.2487rem;
}
._loginPage_186j7_2 ._textFieldSmall_186j7_84 {
  width: 100%;
  max-width: 246px;
}
._loginPage_186j7_2 ._textFieldSmall_186j7_84 .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_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border: none !important;
}
._loginPage_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root:hover, ._loginPage_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root._Mui-focused_186j7_98 {
  border-bottom: 2px solid var(--color-neutral-0);
  border-radius: 0 !important;
}
._loginPage_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root input {
  height: 100%;
  padding-left: 0.125rem;
  color: var(--color-neutral-500);
}
._loginPage_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root input:-webkit-autofill, ._loginPage_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root input:-webkit-autofill:hover, ._loginPage_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root input:-webkit-autofill:focus, ._loginPage_186j7_2 ._textFieldSmall_186j7_84 .MuiOutlinedInput-root input:-webkit-autofill:active {
  padding: 0 0 0 0.125rem !important;
}
._loginPage_186j7_2 ._textFieldSmall_186j7_84 .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_186j7_2 ._textFieldSmall_186j7_84 .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_186j7_2 ._submitButton_186j7_125 {
  width: 15.375rem;
  height: 2.75rem;
  margin: 20px 30px 33px !important;
  font-size: 0.875rem !important;
  background-color: var(--color-secondary-500) !important;
}
._loginPage_186j7_2 ._submitButton_186j7_125 .MuiCircularProgress-root {
  width: 17px !important;
  height: 17px !important;
  color: #fff;
}
._loginPage_186j7_2 ._buttonEnter_186j7_137 {
  width: 100%;
  padding: 0 11px 10px;
}
._loginPage_186j7_2 ._buttonEnter_186j7_137 button {
  padding: 4px 65px;
  border-radius: 10px;
}
._loginPage_186j7_2 ._buttonEnter_186j7_137 button span {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.2px;
}
._loginPage_186j7_2 ._inputStyle_186j7_151 div input {
  width: 100%;
  max-width: 15.375rem;
  box-sizing: border-box;
  height: 1.875rem;
  padding: 2px 0;
  font-size: 12px;
}
._loginPage_186j7_2 ._inputStyle_186j7_151 div input::placeholder {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #b8bff5;
}
._loginPage_186j7_2 ._inputStyle_186j7_151 div::before {
  border-bottom: 1px solid #8b97f2 !important;
}

@media (max-width: 768px) {
  ._loginPage_186j7_2 {
    background-position: center 50%;
  }
}
@media (max-width: 480px) {
  ._loginPage_186j7_2:not(._loginPageBackoffice_186j7_14) {
    background-image: var(--gradient-login-overlay), url("/assets/login-CarWoeJ7.svg");
    background-image: var(--gradient-login-overlay), url("/assets/login-mobile-B_biyI8s.webp");
    background-position: center 70%;
  }
}.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;
}._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;
}.eanImageImportDialog {
  width: 100%;
}
.eanImageImportDialog .MuiPaper-root {
  margin: 10px;
}
.eanImageImportDialog .modalHeader h2 p {
  width: 94%;
  text-align: left;
}
.eanImageImportDialog .modalContent {
  padding: 14px !important;
  position: relative;
}
.eanImageImportDialog .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;
}
.eanImageImportDialog .modalContent.confirmValuesContent {
  padding: 5px !important;
  padding-top: 0 !important;
  padding-bottom: 15px !important;
  min-width: 368px;
}
.eanImageImportDialog .invalidField {
  color: var(--color-error-500);
  font-weight: bold;
  text-decoration: underline;
}
.eanImageImportDialog .imageContainer {
  max-width: 340px;
  box-shadow: 0px 0px 8px 0px rgba(4, 6, 26, 0.2509803922);
}
.eanImageImportDialog .imageContainer .imageBox {
  width: 340px;
  height: 295px;
  background: rgba(146, 150, 172, 0.7);
  overflow: hidden;
  position: relative;
}
.eanImageImportDialog .imageContainer .imageBox img,
.eanImageImportDialog .imageContainer .imageBox .cropper-container {
  height: auto;
  width: auto !important;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  display: block;
}
.eanImageImportDialog .imageContainer .cameraActions {
  padding: 10px;
}
.eanImageImportDialog .imageContainer .cameraActions .switchCamIconBox,
.eanImageImportDialog .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;
}
.eanImageImportDialog .imageContainer .cameraActions .switchCamIconBox svg,
.eanImageImportDialog .imageContainer .cameraActions .camIconBox svg {
  width: 25px;
  height: 25px;
  display: block;
}
.eanImageImportDialog .imageContainer .cameraActions .switchCamIconBox.active,
.eanImageImportDialog .imageContainer .cameraActions .camIconBox.active {
  background: var(--theme-primary);
  border: solid 1px var(--theme-primary);
}
.eanImageImportDialog .eanConfirmValuesContainer {
  display: flex;
  flex-direction: column;
  padding: 5px;
  width: 100%;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanMainInfos {
  border: solid 1px var(--color-neutral-600);
  border-radius: 6px;
  padding: 5px;
  display: flex;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanMainInfos .eanInfos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 5px;
  width: 100%;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanMainInfos .eanInfos .firstLineInfos,
.eanImageImportDialog .eanConfirmValuesContainer .eanMainInfos .eanInfos .secondLineInfos,
.eanImageImportDialog .eanConfirmValuesContainer .eanMainInfos .eanInfos .thirdLineInfos {
  display: flex;
  justify-content: space-between;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanMainInfos .eanInfos .firstLineInfos,
.eanImageImportDialog .eanConfirmValuesContainer .eanMainInfos .eanInfos .secondLineInfos {
  border-bottom: solid 1px var(--color-neutral-400);
  padding-bottom: 1px;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos {
  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;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .itemsCountHeader {
  background: var(--color-neutral-600);
  padding: 1px 5px 2px;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .itemsCountHeader span {
  color: var(--color-neutral-0);
  font-weight: bold;
  font-size: 12px;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .itemsCountHeader span:last-of-type {
  font-size: 14px;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem {
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .itemStatus {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  margin-bottom: 5px;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem td {
  font-size: 10px !important;
  font-weight: bold !important;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .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);
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .firstLineInfos,
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .secondLineInfos {
  display: flex;
  align-items: center;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .firstLineInfos {
  justify-content: space-between;
  margin-bottom: 5px;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .firstLineInfos span {
  font-size: 10px;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .secondLineInfos {
  margin-left: 1.063rem;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .secondLineInfos span {
  margin-left: 10px;
  font-size: 10px;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .secondLineInfos span:first-of-type {
  margin-left: 0;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .secondLineInfos span:last-of-type {
  margin-left: auto;
}
.eanImageImportDialog .eanConfirmValuesContainer .eanItemsInfos .defaultItem .secondLineInfos span b {
  margin-left: 3px;
}
.eanImageImportDialog .totalInfos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  padding: 0 5px;
}
.eanImageImportDialog .totalInfos span {
  font-size: 10px;
}
.eanImageImportDialog .totalInfos span:last-of-type {
  color: #0b1a8e;
}
.eanImageImportDialog .totalInfos b {
  font-size: 12px;
  margin-left: 5px;
  color: var(--color-secondary-500);
}
.eanImageImportDialog .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;
}
.eanImageImportDialog .confirmTotalInput span {
  color: var(--color-neutral-0);
  font-size: 12px;
  white-space: nowrap;
}
.eanImageImportDialog .confirmTotalInfosValue {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #1f2445;
  border-radius: 4px;
  padding: 3px;
  margin-top: 3px;
}
.eanImageImportDialog .confirmTotalInfosValue span {
  color: var(--color-neutral-0);
  font-weight: bold;
  font-size: 10px;
  margin-right: 20px;
}
.eanImageImportDialog .confirmTotalInfosValue .MuiFormControl-root {
  background: var(--color-neutral-0);
  width: 50%;
}
.eanImageImportDialog .confirmTotalInfosValue .MuiFormControl-root input {
  height: 40px;
  font-size: 16px;
  padding-right: 2px;
}
.eanImageImportDialog .error {
  font-weight: bold;
  font-size: 10px;
  margin-top: 3px;
}

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

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

.eanSnackbarAlert {
  width: 96% !important;
}

#ean-barcode-reader {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#ean-barcode-reader video,
#ean-barcode-reader canvas {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}.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: #313347;
  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;
}

.statCardHeader {
  height: 100%;
  border: 1px solid black;
  border-bottom: none;
  border-top-left-radius: 8px;
  overflow: hidden;
  padding: 9px 8px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: var(--color-chart-border);
  text-align: right;
  margin-left: -2px;
}
.statCardHeader.is-empty {
  margin-left: -6px;
}
@media (max-width: 768px) {
  .statCardHeader.is-empty {
    margin-left: -6px;
  }
}
@media (max-width: 1919px) {
  .statCardHeader.is-empty {
    margin-left: -11px;
  }
}
@media (min-width: 1920px) {
  .statCardHeader.is-empty {
    margin-left: -10px;
  }
}.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: 180px;
  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,
.receiptTag.ORDER {
  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;
}