*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  font-family: 'Montserrat', 'Kanit';
  margin: 0;
  overflow: overlay; }

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

.cursor-pointer {
  cursor: pointer; }

.absolute-100 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.object-fit-contain {
  object-fit: contain; }

.information-heading {
  font-family: FuturaPTDemi;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: normal; }

.details-paragraph, .action-paragraph {
  margin: 0;
  font-family: FuturaPTMedium;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.84px;
  color: #cecece; }
  .details-paragraph.error, .action-paragraph.error {
    color: red; }

.action-paragraph {
  color: #ef4c26; }

.details-info {
  font-family: FuturaPTBook;
  font-size: 18px;
  margin: 0; }
  .details-info.description {
    max-width: 698px; }

::-webkit-scrollbar {
  width: 10px;
  background: transparent; }

/* Track */
::-webkit-scrollbar-track {
  display: none; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  border-radius: 10px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #560099 !important; }

.tp-tag-purple.ant-tag {
  height: 32px !important;
  font-family: FuturaPTDemi;
  font-size: 14px; }

.ant-table {
  border-radius: 8px !important;
  border: solid 1px #e6e6e6 !important; }

.ant-table-thead > tr > th {
  font-family: FuturaPTBook;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.43 !important;
  letter-spacing: 0.84px !important;
  color: #808080 !important; }

.ant-table-tbody > tr > td {
  font-family: FuturaPTBook;
  font-size: 16px !important;
  color: #000000 !important; }

.ant-table-pagination.ant-pagination {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important; }

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 4px !important;
  border: solid 1px #e6e6e6 !important;
  background-color: #ffffff !important; }

.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #560099 !important;
  border-color: #560099 !important; }

.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed !important; }

.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25) !important;
  border-color: #d9d9d9 !important;
  cursor: not-allowed !important; }

.ant-pagination-item {
  font-family: FuturaPTDemi;
  font-size: 12px !important;
  color: #808080 !important;
  border-radius: 4px !important;
  border: solid 1px #e6e6e6 !important;
  background-color: #ffffff !important; }

.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  color: #ffffff !important; }

.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #560099 !important; }

.ant-pagination-item-active {
  font-weight: 500 !important;
  color: #ffffff !important;
  background: #560099 !important;
  border-color: #560099 !important;
  border-color: #560099 !important; }

.ant-pagination-item-link {
  display: flex;
  justify-content: center;
  align-items: center; }

.ant-table-pagination.ant-pagination {
  margin-top: 40px; }

@font-face {
  font-family: FuturaPTBold;
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/FuturaPTBold.otf") format("opentype"); }

@font-face {
  font-family: FuturaPTLight;
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/FuturaPTLight.otf") format("opentype"); }

@font-face {
  font-family: FuturaPTMedium;
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/FuturaPTMedium.otf") format("opentype"); }

@font-face {
  font-family: FuturaPTDemi;
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/FuturaPTDemi.otf") format("opentype"); }

@font-face {
  font-family: FuturaPTBook;
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/FuturaPTBook.otf") format("opentype"); }

.product-requests-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.products-request-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.ant-modal.add-item-modal {
  width: 90% !important; }

.ant-modal.add-item-modal .ant-input {
  width: 150px !important;
  margin: 0 10px 0 10px; }

.ant-modal.add-product {
  margin-top: 20px;
  width: 600px !important;
  text-align: center; }

.ant-modal.add-product .select-um,
.ant-modal.add-product .cant-unit {
  width: 150px !important;
  margin: 0 10px 0 10px; }

.ant-table-content .editable-row .ant-table-cell {
  padding: 5px !important;
  text-align: center; }

.ant-table-content .editable-row .ant-table-cell .editable-cell-value-wrap {
  font-family: FuturaPTDemi; }

.ant-table-content .editable-row .ant-table-cell .ant-form-item .ant-input {
  font-family: FuturaPTDemi;
  font-size: 16px !important;
  width: 80px !important; }

.invoice-totals-container {
  margin-top: 20px;
  justify-content: flex-end;
  text-align: right; }

.invoice-totals-container .invoice-totals .ant-input-disabled {
  margin: 0;
  width: 100px !important;
  font-family: FuturaPTDemi;
  color: rebeccapurple;
  font-size: 18px; }

.invoice-totals-container .invoice-totals.ant-input-group-wrapper {
  width: auto;
  margin: 10px; }

.add-product .product-info {
  margin-top: 20px; }

.add-product .product-name {
  width: 500px !important; }

.add-product .product-name-stock {
  margin-top: 20px;
  width: 500px !important; }

.add-product .product-info .select-um {
  width: 100px !important; }

.add-product .product-info .add-vat {
  width: 100px !important;
  margin: 0 10px 0 10px; }

.add-btn {
  width: 200px;
  margin: 10px 0 10px 0; }

.select-add {
  width: 300px !important; }

.ant-select {
  width: 300px !important;
  margin: 0 10px 0 10px;
  text-align: left; }

.invoice-header {
  text-align: center; }

.editable-cell {
  position: relative; }

.editable-cell-value-wrap {
  padding: 5px 12px;
  cursor: pointer; }

.editable-row:hover .editable-cell-value-wrap {
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }

[data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
  border: 1px solid #434343; }

.validate-email-container {
  height: 100vh;
  background-color: #f2f2f2; }

.email-container {
  width: 44rem;
  height: 39.4375rem;
  border-radius: 16px;
  background-color: #ffffff; }

.validate-text {
  font-family: FuturaPTBold;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: normal; }

.validate-description {
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.back-login-link {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #ef4c26; }

.validate-email-container {
  height: 100vh;
  background-color: #f2f2f2; }

.email-container {
  width: 44rem;
  height: 39.4375rem;
  border-radius: 16px;
  background-color: #ffffff; }

.validate-text {
  font-family: FuturaPTBold;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: normal; }

.validate-description {
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.back-login-link {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #ef4c26; }

/* Usage: @include mediaQuery('sm', 'down'|'up') {
 *  ...css-rules
 * }
 */
.home-container {
  height: 100vh;
  background-color: #f2f2f2; }

.tp-logo {
  height: 8rem;
  color: #2484FF; }
  @media only screen and (max-width: 767.98px) {
    .tp-logo {
      height: 6rem; } }
  @media only screen and (max-width: 575.98px) {
    .tp-logo {
      height: 4.5rem; } }

.app-badge {
  height: 50px; }

.google-badge {
  height: 76px; }

/* Usage: @include mediaQuery('sm', 'down'|'up') {
 *  ...css-rules
 * }
 */
.button-style {
  width: 13.75rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  background-color: #560099;
  border: 0;
  box-shadow: 0 18px 32px -18px grey;
  font-family: FuturaPTDemi;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 1.08px;
  text-align: center;
  color: #ffbdae;
  outline: none; }
  .button-style.secondary {
    background-color: transparent;
    color: #ef4c26;
    box-shadow: 0 0px 0px 0px grey;
    outline: none; }
  .button-style.disabled {
    color: #b3b3b3; }
  @media only screen and (max-width: 767.98px) {
    .button-style {
      width: 11rem;
      height: 3rem;
      font-size: 1rem; } }
  @media only screen and (max-width: 575.98px) {
    .button-style {
      width: 8rem;
      height: 2rem;
      font-size: 0.75rem; } }

.button-style:focus {
  outline: none; }

.input-checkbox {
  margin: 0; }

.checkbox-wrapper {
  font-family: futura-pt; }

.checkbox-wrapper input {
  display: none;
  position: relative;
  z-index: -9999; }

.checkbox-wrapper .square {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 2px !important;
  border: solid 1px #b3b3b3;
  background-color: #ffffff; }
  .checkbox-wrapper .square.error {
    border: solid 1px red; }

.checkbox-wrapper .rounded {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50% !important;
  border: solid 2px #b3b3b3;
  background-color: #ffffff; }
  .checkbox-wrapper .rounded.error {
    border: solid 1px red; }

.checkbox-wrapper input:checked ~ .rounded {
  background: #ef4c26 content-box;
  padding: 2px;
  border: solid 2px #ef4c26; }

.checkbox-wrapper input:checked ~ .square {
  background: #ef4c26 content-box;
  padding: 2px;
  border: solid 2px #ef4c26; }

.input-style {
  font-family: futura-pt;
  height: 3.5rem;
  font-size: 1.125rem;
  padding: 1rem;
  border-radius: 0.25rem;
  border: solid 1px #b3b3b3;
  background-color: #ffffff;
  outline: none; }
  .input-style.thick {
    border: solid 4px #b3b3b3; }
  .input-style.error {
    border: solid 1px red; }

.input-style:focus {
  border: solid 1px #560099;
  outline: none; }
  .input-style:focus.thick {
    border: solid 4px #560099; }

.forgot-password-container {
  height: 100vh;
  background-color: #f2f2f2; }

.password-container {
  width: 44rem;
  height: 39.4375rem;
  border-radius: 16px;
  background-color: #ffffff; }

.forgot-text {
  font-family: FuturaPTBold;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: normal; }

.forgot-description {
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.back-login-link {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #ef4c26; }

.login-main-container {
  height: 100vh;
  background-color: #f2f2f2; }

.login-container {
  width: 704px;
  height: 672px;
  border-radius: 16px;
  background-color: #ffffff; }

.login-text {
  font-family: FuturaPTBold;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: normal; }

.account-question,
.register-link {
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.forgot-link {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #ef4c26; }

.register-link, .forgot-link {
  color: #ef4c26; }

.verification-main-container {
  height: 100vh;
  background-color: #f2f2f2; }

.verification-container {
  width: 704px;
  height: 624px;
  border-radius: 16px;
  background-color: #ffffff; }

.phone-verification-text {
  font-family: FuturaPTBold;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: normal; }

.verification-description {
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.security-field {
  max-width: 56px;
  text-align: center; }

.forgot-password-container {
  height: 100vh;
  background-color: #f2f2f2; }

.password-container {
  width: 44rem;
  height: 39.4375rem;
  border-radius: 16px;
  background-color: #ffffff; }

.forgot-text {
  font-family: FuturaPTBold;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: normal; }

.forgot-description {
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.back-login-link {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #ef4c26; }

.option-container {
  width: 224px;
  height: 224px;
  border-radius: 4px;
  border: solid 1px #b3b3b3;
  background-color: #f2f2f2; }
  .option-container.selected {
    border: solid 1px #560099; }
  .option-container.error {
    border: solid 1px red; }

.user-account-logo {
  height: 6.125rem;
  width: 4.3125rem;
  background: url("/assets/register/client-notselected.svg") no-repeat; }
  .user-account-logo.selected {
    background: url("/assets/register/client-selected.svg") no-repeat; }

.brewery-account-logo {
  height: 6.07rem;
  width: 7.6875rem;
  background: url("/assets/register/barrel-unselected.svg") no-repeat; }
  .brewery-account-logo.selected {
    background: url("/assets/register/barrel-selected.svg") no-repeat; }

.user-option, .brewery-option, .account-type {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #808080; }
  .user-option.selected, .brewery-option.selected, .account-type.selected {
    color: #000000; }

.account-type {
  font-family: futura-pt;
  font-size: 16px;
  font-weight: 500;
  color: #b3b3b3; }

.agreement-container {
  width: 440px; }

.agreement-paragraph, .terms-of-use {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.terms-of-use {
  color: #ef4c26; }

.register-container {
  height: 100vh;
  background-color: #ffffff; }

.register-left-sidebar {
  width: 826px;
  background-image: linear-gradient(144deg, #f2f2f2, #ffffff 61%);
  border-right: 1px solid #f2f2f2; }

.register-title, .register-medium-title {
  font-family: FuturaPTBold;
  font-size: 2rem;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.register-medium-title {
  font-size: 2rem; }

.register-description, .account-login-question {
  max-width: 342px;
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.Dropdown-root {
  position: relative; }

.Dropdown-control {
  position: relative;
  overflow: hidden;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  transition: all 200ms ease; }

.Dropdown-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.Dropdown-arrow {
  border-color: #666666 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  content: ' ';
  display: block;
  height: 0;
  position: absolute;
  right: 1rem;
  top: 1.5rem;
  width: 0; }

.is-open .Dropdown-arrow {
  border-color: transparent transparent #560099;
  border-width: 0 7px 7px; }

.Dropdown-menu {
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Dropdown-menu .Dropdown-group > .Dropdown-title {
  padding: 8px 10px;
  color: #333333;
  font-weight: bold;
  text-transform: capitalize; }

.Dropdown-option {
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.8);
  cursor: pointer;
  display: block;
  padding: 8px 10px; }

.Dropdown-option:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

.Dropdown-option:hover {
  background-color: #f2f9fc;
  color: #333; }

.Dropdown-option.is-selected {
  background-color: #f2f9fc;
  color: #333; }

.Dropdown-noresults {
  box-sizing: border-box;
  color: #ccc;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.dropdown-main-container {
  height: 56px;
  border-radius: 4px;
  border: solid 1px #b3b3b3;
  background-color: #ffffff; }
  .dropdown-main-container.dark {
    border: solid 1px #560099;
    background-color: #560099; }
  .dropdown-main-container.error {
    border: solid 1px red; }

.is-open .dropdown-main-container {
  border: solid 1px #560099; }

.menu-container, .placeholder-container {
  font-family: futura-pt;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #666666; }

.menu-container {
  margin-top: 1px;
  border-radius: 4px; }

.sidebar-delimiter {
  width: 75%;
  height: 0;
  border: solid 1px #e6e6e6; }

.layout-container {
  height: 100vh;
  background-color: #ffffff; }

.layout-left-sidebar {
  border-right: 1px solid #f2f2f2; }

.sidebar-item-label {
  margin: 0;
  font-family: FuturaPTDemi;
  font-size: 18px;
  font-weight: 500;
  color: #808080;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .sidebar-item-label.active {
    color: #000000; }

.product-requests-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.products-request-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.filters-tab {
  max-width: 172px; }
  .filters-tab.active {
    border-radius: 8px;
    background-color: #ffece6; }

.filters-heading {
  font-family: FuturaPTDemi;
  font-size: 1.125rem;
  color: #ef4c26;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.delete-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f2f2f2; }

.small-product-id {
  white-space: nowrap;
  width: 65px;
  overflow: hidden;
  text-overflow: ellipsis; }

.product-details-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.product-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.status-title {
  font-family: FuturaPTBook;
  font-size: 12px;
  color: white; }

.status-container {
  border-radius: 35px;
  max-height: 2rem; }

.update-status-select > .ant-select-selector {
  padding: 0 24px !important;
  height: 56px !important;
  border-radius: 8px !important;
  background-color: #560099 !important; }

.ant-select-selection-item {
  display: flex;
  align-items: center;
  font-family: FuturaPTDemi;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 1.08px;
  color: #ffbdae; }

.ant-select-arrow {
  top: 49%;
  right: 22px;
  color: #ffbdae; }

.update-status-select > .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #560099 !important;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px white;
  box-shadow: 0 0 0 2px white; }

.add-product-select {
  outline: none !important;
  border-color: #560099 !important;
  border-right-width: 1px !important; }

.header-delimiter {
  width: 100%;
  height: 0;
  border: solid 1px #e6e6e6; }

.downloadable-media-container {
  border-radius: 4px;
  background-color: #f2f2f2; }

.downloadable-media-name {
  font-family: FuturaPTBook;
  font-size: 18px;
  line-height: 1.33;
  color: #666666; }

.ingredients-container {
  border-radius: 8px;
  background-color: rgba(242, 242, 242, 0.3); }

.social-media-link {
  font-family: FuturaPTDemi;
  max-width: 220px;
  font-size: 18px;
  line-height: 1.33;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ef4c26; }

.tp-header {
  font-family: FuturaPTBold;
  font-size: 2.5rem; }

.preview-header-delimiter {
  width: 100%;
  height: 0;
  border: solid 1px #e6e6e6; }

.list-item-container {
  font-family: FuturaPTDemi;
  margin: 25px 13px;
  width: 100%;
  background: white;
  box-shadow: 42px 42px 40px -30px #878787;
  border-radius: 1.5rem; }

.list-image-container {
  flex-shrink: 1;
  min-height: 230px;
  height: auto;
  max-height: 394px; }

.primary-image-file {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  height: 18rem;
  width: 20.62rem;
  object-fit: cover;
  object-position: top; }

.brewed-by-paragraph, .style-paragraph, .abv-paragraph, .ibu-paragraph {
  font-family: FuturaPTBook;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.78px;
  text-align: left;
  color: #a6a4b2; }

.dzu-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 152px;
  min-height: 120px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  transition: all .15s linear;
  border: 2px dotted #b3b3b3;
  border-radius: 4px;
  background-color: #f2f2f2; }

.dzu-dropzoneActive {
  background-color: #DEEBFF;
  border-color: #2484FF; }

.dzu-dropzoneDisabled {
  opacity: 0.5; }

.dzu-dropzoneDisabled *:hover {
  cursor: unset; }

.dzu-input {
  display: none; }

.dzu-inputLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #2484FF;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-inputLabelWithFiles {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  padding: 0 14px;
  min-height: 32px;
  background-color: #E6E6E6;
  color: #2484FF;
  border: none;
  font-family: 'Helvetica', sans-serif;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  margin-left: 3%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-previewContainer {
  padding: 40px 3%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-height: 60px;
  z-index: 1;
  border-bottom: 1px solid #ECECEC;
  box-sizing: border-box; }

.dzu-previewStatusContainer {
  display: flex;
  align-items: center; }

.dzu-previewFileName {
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333; }

.dzu-previewImage {
  width: auto;
  max-height: 40px;
  max-width: 140px;
  border-radius: 4px; }

.dzu-previewButton {
  background-size: 14px 14px;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
  opacity: 0.9;
  margin: 0 0 2px 10px; }

.dzu-submitButtonContainer {
  margin: 24px 0;
  z-index: 1; }

.dzu-submitButton {
  padding: 0 14px;
  min-height: 32px;
  background-color: #2484FF;
  border: none;
  border-radius: 4px;
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-submitButton:disabled {
  background-color: #E6E6E6;
  color: #333333;
  cursor: unset; }

.add-file-text, .drop-profile-image, .max-file-text {
  font-family: FuturaPTDemi;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #000000; }

.add-file-text {
  font-weight: 500;
  color: #ef4c26; }

.max-file-text {
  color: #b3b3b3; }

.account-profile-photo, .account-initials {
  width: 80px;
  height: 80px;
  border: solid 1px #e6e6e6;
  border-radius: 50%;
  object-fit: contain; }

.account-initials {
  font-family: FuturaPTDemi;
  font-size: 48px;
  color: #560099; }

.user-name-heading {
  font-family: FuturaPTDemi;
  font-size: 18px;
  margin: 0; }

.add-product-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.add-product-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.status-title {
  font-family: FuturaPTBook;
  font-size: 12px;
  color: white; }

.status-container {
  border-radius: 35px;
  max-height: 2rem; }

.header-delimiter {
  width: 100%;
  height: 0;
  border: solid 1px #e6e6e6; }

textarea.ant-input {
  font-family: futura-pt;
  font-size: 18px;
  border-radius: 4px !important;
  border: solid 1px #b3b3b3 !important;
  resize: none;
  color: #666666; }
  textarea.ant-input.error {
    border: solid 1px red !important; }

.add-product-select > .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #560099 !important;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px white;
  box-shadow: 0 0 0 2px white; }

.product-input-field.ant-input-affix-wrapper:hover {
  border: solid 1px #560099 !important;
  outline: none;
  box-shadow: none; }

.product-input-field.ant-input-affix-wrapper-focused {
  border: solid 1px #560099 !important;
  outline: none;
  box-shadow: none; }

.product-input-field.ant-input:hover {
  border: solid 1px #560099 !important;
  outline: none;
  box-shadow: none; }

.product-input-field.ant-input:focus {
  border: solid 1px #560099 !important;
  outline: none;
  box-shadow: none; }

.ant-input-affix-wrapper > .ant-input:hover {
  border: none;
  outline: none; }

.ant-input-affix-wrapper > .ant-input:focus {
  border: none;
  outline: none; }

.product-input-field.ant-input {
  font-family: futura-pt;
  font-size: 18px;
  height: 3.5rem;
  border-radius: 4px; }
  .product-input-field.ant-input.error {
    border: solid 1px red; }

.product-input-field.ant-input-affix-wrapper > .ant-input {
  font-family: futura-pt;
  font-size: 18px; }

.product-input-field.ant-input-affix-wrapper {
  height: 3.5rem;
  border-radius: 4px; }
  .product-input-field.ant-input-affix-wrapper.error {
    border: solid 1px red; }

.percent-suffix {
  margin: 0;
  text-align: center;
  color: #666666; }

.dropZoneEditableFile {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 136px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  transition: all .15s linear;
  border: 2px dotted #b3b3b3;
  border-radius: 4px;
  background-color: #f2f2f2; }

.radio-button > .ant-radio-checked > .ant-radio-inner {
  border-color: #ef4c26; }
  .radio-button > .ant-radio-checked > .ant-radio-inner.ant-radio-inner::after {
    background-color: #ef4c26; }

.radio-button > .ant-radio-wrapper:hover .ant-radio,
.radio-button > .ant-radio:hover .ant-radio-inner,
.radio-button > .ant-radio-input:focus + .ant-radio-inner {
  border-color: #ef4c26; }

.ingredients-container {
  border-radius: 8px;
  background-color: rgba(242, 242, 242, 0.3); }

.tp-tag-purple > .ant-tag {
  color: #560099; }

.close-icon {
  font-family: FuturaPTDemi;
  font-size: 12px;
  color: #560099; }

.tp-select.ant-select, .tp-select.ant-select > .ant-select-selector {
  height: 56px; }

.tp-select.ant-select > .ant-select-selector {
  font-family: futura-pt;
  font-size: 18px;
  border-radius: 4px;
  border: solid 1px #b3b3b3;
  background-color: #ffffff;
  padding-left: 10px; }

.ant-select-selector.error {
  border: solid 1px red !important; }

.tp-select.ant-select > .ant-select-selector:hover, .tp-select.ant-select > .ant-select-selector:focus {
  border: solid 1px #560099 !important;
  outline: none;
  box-shadow: none; }
  .tp-select.ant-select > .ant-select-selector:hover.error, .tp-select.ant-select > .ant-select-selector:focus.error {
    border: solid 1px red !important; }

.color-container {
  min-width: 176px; }

.glass-container {
  min-width: 140px; }

.color-ellipse, .glass-ellipse {
  width: 96px;
  height: 96px;
  border-radius: 50%; }

.glass-ellipse {
  background-color: #f2f2f2; }

.color-info, .color-description, .glass-info {
  font-family: FuturaPTDemi;
  font-size: 18px;
  line-height: 1.33; }

.color-description {
  font-family: FuturaPTBook;
  word-spacing: 5px; }

.product-requests-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.products-request-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.filters-tab {
  max-width: 172px; }
  .filters-tab.active {
    border-radius: 8px;
    background-color: #ffece6; }

.filters-heading {
  font-family: FuturaPTDemi;
  font-size: 1.125rem;
  color: #ef4c26;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.delete-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f2f2f2; }

.small-product-id {
  white-space: nowrap;
  width: 65px;
  overflow: hidden;
  text-overflow: ellipsis; }

.product-requests-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.products-request-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.product-requests-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.products-request-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.price-without-tva {
  font-size: 12px;
  color: gray; }

.add-btn {
  width: 200px;
  margin: 10px 0 10px 0; }

.ant-modal.add-item-modal {
  width: 80% !important; }

.ant-modal.add-item-modal .form-inputs .ant-input.product-sku,
.ant-modal.add-item-modal .form-inputs .ant-input.product-name,
.ant-modal.add-item-modal .form-inputs .ant-select.vending-type {
  width: 300px !important;
  margin: 10px; }

.ant-modal.add-item-modal .product-select {
  width: 620px !important;
  margin: 10px; }

.computed-values .ant-input {
  margin: 0 !important; }

.computed-values .ant-input-wrapper {
  width: 300px !important;
  margin: 10px !important; }

.calculated-column {
  justify-content: center; }

.calculated-column .item {
  text-align: center;
  margin: 10px; }

.product-requests-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.products-request-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.product-requests-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.products-request-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }

.ant-modal.add-supplier-modal {
  width: 700px !important; }

.add-supplier-modal .ant-input {
  width: 300px !important;
  margin: 10px; }

.ant-modal-body .ant-input.address {
  width: 620px !important; }

/* Usage: @include mediaQuery('sm', 'down'|'up') {
 *  ...css-rules
 * }
 */
.privacy-policy-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.privacy-policy-title, .policy-sub-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }
  @media only screen and (max-width: 767.98px) {
    .privacy-policy-title, .policy-sub-title {
      font-size: 2rem; } }
  @media only screen and (max-width: 575.98px) {
    .privacy-policy-title, .policy-sub-title {
      font-size: 1.25rem; } }

.policy-sub-title {
  font-size: 1.25rem; }
  @media only screen and (max-width: 767.98px) {
    .policy-sub-title {
      font-size: 1rem; } }
  @media only screen and (max-width: 575.98px) {
    .policy-sub-title {
      font-size: 0.75rem; } }

.policy-paragraph {
  font-family: FuturaPTBook;
  font-size: 18px;
  line-height: 1.33;
  color: #666666; }
  @media only screen and (max-width: 767.98px) {
    .policy-paragraph {
      font-size: 1rem; } }
  @media only screen and (max-width: 575.98px) {
    .policy-paragraph {
      font-size: 0.65rem; } }

.download-privacy {
  width: 13.75rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  background-color: #560099;
  border: 0;
  box-shadow: 0 18px 32px -18px grey;
  font-family: FuturaPTDemi;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 1.08px;
  text-align: center;
  color: #ffbdae;
  outline: none; }
  @media only screen and (max-width: 767.98px) {
    .download-privacy {
      width: 11rem;
      height: 3rem;
      font-size: 1rem; } }
  @media only screen and (max-width: 575.98px) {
    .download-privacy {
      width: 8rem;
      height: 2rem;
      font-size: 0.75rem; } }

.download-privacy:hover {
  color: #ffbdae;
  text-decoration: none; }

/* Usage: @include mediaQuery('sm', 'down'|'up') {
 *  ...css-rules
 * }
 */
.privacy-policy-main {
  height: calc(100% - 5rem);
  border-radius: 1rem;
  background-color: #ffffff; }

.privacy-policy-title, .policy-sub-title {
  font-family: FuturaPTBold;
  font-size: 3rem; }
  @media only screen and (max-width: 767.98px) {
    .privacy-policy-title, .policy-sub-title {
      font-size: 2rem; } }
  @media only screen and (max-width: 575.98px) {
    .privacy-policy-title, .policy-sub-title {
      font-size: 1.25rem; } }

.policy-sub-title {
  font-size: 1.25rem; }
  @media only screen and (max-width: 767.98px) {
    .policy-sub-title {
      font-size: 1rem; } }
  @media only screen and (max-width: 575.98px) {
    .policy-sub-title {
      font-size: 0.75rem; } }

.policy-paragraph {
  font-family: FuturaPTBook;
  font-size: 18px;
  line-height: 1.33;
  color: #666666; }
  @media only screen and (max-width: 767.98px) {
    .policy-paragraph {
      font-size: 1rem; } }
  @media only screen and (max-width: 575.98px) {
    .policy-paragraph {
      font-size: 0.65rem; } }

.download-privacy {
  width: 13.75rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  background-color: #560099;
  border: 0;
  box-shadow: 0 18px 32px -18px grey;
  font-family: FuturaPTDemi;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 1.08px;
  text-align: center;
  color: #ffbdae;
  outline: none; }
  @media only screen and (max-width: 767.98px) {
    .download-privacy {
      width: 11rem;
      height: 3rem;
      font-size: 1rem; } }
  @media only screen and (max-width: 575.98px) {
    .download-privacy {
      width: 8rem;
      height: 2rem;
      font-size: 0.75rem; } }

.download-privacy:hover {
  color: #ffbdae;
  text-decoration: none; }

.textarea-style {
  font-family: futura-pt;
  height: 3.5rem;
  font-size: 1.125rem;
  padding: 1rem;
  border-radius: 4px;
  border: solid 1px #b3b3b3;
  background-color: #ffffff;
  outline: none; }

.textarea-style:focus {
  border: solid 1px #560099;
  outline: none; }

.dzu-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 152px;
  min-height: 120px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  transition: all .15s linear;
  border: 2px dotted #b3b3b3;
  border-radius: 4px;
  background-color: #f2f2f2; }

.dzu-dropzoneActive {
  background-color: #DEEBFF;
  border-color: #2484FF; }

.dzu-dropzoneDisabled {
  opacity: 0.5; }

.dzu-dropzoneDisabled *:hover {
  cursor: unset; }

.dzu-input {
  display: none; }

.dzu-inputLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #2484FF;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-inputLabelWithFiles {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  padding: 0 14px;
  min-height: 32px;
  background-color: #E6E6E6;
  color: #2484FF;
  border: none;
  font-family: 'Helvetica', sans-serif;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  margin-left: 3%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-previewContainer {
  padding: 40px 3%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-height: 60px;
  z-index: 1;
  border-bottom: 1px solid #ECECEC;
  box-sizing: border-box; }

.dzu-previewStatusContainer {
  display: flex;
  align-items: center; }

.dzu-previewFileName {
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333; }

.dzu-previewImage {
  width: auto;
  max-height: 40px;
  max-width: 140px;
  border-radius: 4px; }

.dzu-previewButton {
  background-size: 14px 14px;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
  opacity: 0.9;
  margin: 0 0 2px 10px; }

.dzu-submitButtonContainer {
  margin: 24px 0;
  z-index: 1; }

.dzu-submitButton {
  padding: 0 14px;
  min-height: 32px;
  background-color: #2484FF;
  border: none;
  border-radius: 4px;
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.dzu-submitButton:disabled {
  background-color: #E6E6E6;
  color: #333333;
  cursor: unset; }

.welcome-title,
.company-info-title {
  font-family: FuturaPTBold;
  font-size: 3rem;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.company-info-title {
  font-size: 2rem; }

.s1-container {
  max-width: 952px; }

.s1-description,
.s2-description, .editable-file-explanation {
  font-family: futura-pt;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000; }

.s1-delimiter,
.s2-delimiter {
  height: 0;
  border: solid 1px #e6e6e6; }

.brewery-address {
  font-family: futura-pt;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.84px;
  text-align: left;
  color: #808080; }

.ro-field {
  max-width: 4.2rem; }

.prefix-input {
  min-width: 6.5rem; }

.security-field {
  max-width: 56px;
  text-align: center; }

.company-description-area {
  width: 464px;
  height: 388px !important; }

.upload-profile-image-text, .upload-editable-file-text {
  font-family: futura-pt;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.84px;
  text-align: left;
  color: #808080; }

.add-file-text, .drop-profile-image, .max-file-text {
  font-family: FuturaPTDemi;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #000000; }

.add-file-text {
  font-weight: 500;
  color: #ef4c26; }

.max-file-text {
  color: #b3b3b3; }

.dropZoneEditableFile {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 128px;
  min-height: 129px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  transition: all .15s linear;
  border: 2px dotted #b3b3b3;
  border-radius: 4px;
  background-color: #f2f2f2; }