.md-button,
.icon-button,
.fab,
.chips-btn,
a.md-button,
a.icon-button,
a.fab,
a.chips-btn,
button.md-button,
button.icon-button,
button.fab,
button.chips-btn,
div.md-button,
div.icon-button,
div.fab,
div.chips-btn,
.md-button[type="button"],
.icon-button[type="button"],
.fab[type="button"],
.chips-btn[type="button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  background: none;
}
.md-button:after,
.icon-button:after,
.fab:after,
.chips-btn:after,
a.md-button:after,
a.icon-button:after,
a.fab:after,
a.chips-btn:after,
button.md-button:after,
button.icon-button:after,
button.fab:after,
button.chips-btn:after,
div.md-button:after,
div.icon-button:after,
div.fab:after,
div.chips-btn:after,
.md-button[type="button"]:after,
.icon-button[type="button"]:after,
.fab[type="button"]:after,
.chips-btn[type="button"]:after {
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.md-button:hover:after,
.icon-button:hover:after,
.fab:hover:after,
.chips-btn:hover:after,
a.md-button:hover:after,
a.icon-button:hover:after,
a.fab:hover:after,
a.chips-btn:hover:after,
button.md-button:hover:after,
button.icon-button:hover:after,
button.fab:hover:after,
button.chips-btn:hover:after,
div.md-button:hover:after,
div.icon-button:hover:after,
div.fab:hover:after,
div.chips-btn:hover:after,
.md-button[type="button"]:hover:after,
.icon-button[type="button"]:hover:after,
.fab[type="button"]:hover:after,
.chips-btn[type="button"]:hover:after {
  opacity: 0.08;
}
.md-button:focus:after,
.icon-button:focus:after,
.fab:focus:after,
.chips-btn:focus:after,
a.md-button:focus:after,
a.icon-button:focus:after,
a.fab:focus:after,
a.chips-btn:focus:after,
button.md-button:focus:after,
button.icon-button:focus:after,
button.fab:focus:after,
button.chips-btn:focus:after,
div.md-button:focus:after,
div.icon-button:focus:after,
div.fab:focus:after,
div.chips-btn:focus:after,
.md-button[type="button"]:focus:after,
.icon-button[type="button"]:focus:after,
.fab[type="button"]:focus:after,
.chips-btn[type="button"]:focus:after {
  opacity: 0.12;
}
.md-button .svg,
.icon-button .svg,
.fab .svg,
.chips-btn .svg,
a.md-button .svg,
a.icon-button .svg,
a.fab .svg,
a.chips-btn .svg,
button.md-button .svg,
button.icon-button .svg,
button.fab .svg,
button.chips-btn .svg,
div.md-button .svg,
div.icon-button .svg,
div.fab .svg,
div.chips-btn .svg,
.md-button[type="button"] .svg,
.icon-button[type="button"] .svg,
.fab[type="button"] .svg,
.chips-btn[type="button"] .svg {
  width: 18px !important;
  height: 18px !important;
}
.md-button,
.btn,
a.md-button,
a.btn,
button.md-button,
button.btn,
div.md-button,
div.btn,
.md-button[type="button"],
.btn[type="button"] {
  border: 1px solid transparent;
  border-radius: 40px;
  font-size: 14/16rem;
  line-height: 20/14;
  padding: 9px 13px;
}
.md-button.btn-wrap,
.btn.btn-wrap {
  white-space: normal;
}
.md-button:after,
a.md-button:after,
button.md-button:after,
div.md-button:after,
.md-button[type="button"]:after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 40px;
}
.md-button.md-button--extended,
a.md-button.md-button--extended,
button.md-button.md-button--extended,
div.md-button.md-button--extended,
.md-button[type="button"].md-button--extended {
  padding: 9px 13px 9px 9px;
}
.md-button.md-button--extended .svg,
a.md-button.md-button--extended .svg,
button.md-button.md-button--extended .svg,
div.md-button.md-button--extended .svg,
.md-button[type="button"].md-button--extended .svg {
  margin-right: 8px;
}
.md-button.md-button--extended.md-button--small,
a.md-button.md-button--extended.md-button--small,
button.md-button.md-button--extended.md-button--small,
div.md-button.md-button--extended.md-button--small,
.md-button[type="button"].md-button--extended.md-button--small {
  padding: 3px 13px 3px 9px;
}
.md-button.md-button--extended .new-next-tick,
a.md-button.md-button--extended .new-next-tick,
button.md-button.md-button--extended .new-next-tick,
div.md-button.md-button--extended .new-next-tick,
.md-button[type="button"].md-button--extended .new-next-tick {
  margin-left: 6px;
}
.md-button.md-button--middle,
a.md-button.md-button--middle,
button.md-button.md-button--middle,
div.md-button.md-button--middle,
.md-button[type="button"].md-button--middle {
  padding: 11px 19px;
}
.md-button.md-button--large,
a.md-button.md-button--large,
button.md-button.md-button--large,
div.md-button.md-button--large,
.md-button[type="button"].md-button--large {
  font-size: 1rem;
  line-height: 24/16;
  padding: 13px 24px;
}
.md-button.md-button--small,
a.md-button.md-button--small,
button.md-button.md-button--small,
div.md-button.md-button--small,
.md-button[type="button"].md-button--small {
  padding: 3px 9px;
}
.icon-button,
a.icon-button,
button.icon-button,
div.icon-button,
.icon-button[type="button"] {
  border: 1px solid transparent;
  border-radius: 50%;
  padding: 5px;
}
.icon-button:after,
a.icon-button:after,
button.icon-button:after,
div.icon-button:after,
.icon-button[type="button"]:after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50%;
}
.icon-button.icon-button--small,
a.icon-button.icon-button--small,
button.icon-button.icon-button--small,
div.icon-button.icon-button--small,
.icon-button[type="button"].icon-button--small {
  padding: 4px;
}
.icon-button.icon-button--small .svg,
a.icon-button.icon-button--small .svg,
button.icon-button.icon-button--small .svg,
div.icon-button.icon-button--small .svg,
.icon-button[type="button"].icon-button--small .svg {
  width: 16px !important;
  height: 16px !important;
}
.icon-button.icon-button--large,
a.icon-button.icon-button--large,
button.icon-button.icon-button--large,
div.icon-button.icon-button--large,
.icon-button[type="button"].icon-button--large {
  padding: 7px;
}
.icon-button.icon-button--large .svg,
a.icon-button.icon-button--large .svg,
button.icon-button.icon-button--large .svg,
div.icon-button.icon-button--large .svg,
.icon-button[type="button"].icon-button--large .svg {
  width: 24px !important;
  height: 24px !important;
}
.filled-button,
.primary-btn,
.btn-primary {
  color: var(--On-primary) !important;
  background-color: var(--Primary) !important;
  border-color: var(--Primary) !important;
}
.filled-button:after,
.primary-btn:after,
.btn-primary:after {
  background-color: var(--On-primary) !important;
}
.filled-button .svg,
.primary-btn .svg,
.btn-primary .svg {
  background-color: var(--On-primary) !important;
}
.filled-tonal-button {
  color: var(--On-secondary-container) !important;
  background-color: var(--Secondary-container) !important;
  border-color: var(--Secondary-container) !important;
}
.filled-tonal-button:after {
  background-color: var(--On-secondary-container) !important;
}
.filled-tonal-button .svg {
  background-color: var(--On-secondary-container) !important;
}
.standard-button,
.outline-button,
.btn-default {
  color: var(--On-surface-variant) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.standard-button:after,
.outline-button:after,
.btn-default:after {
  background-color: var(--On-surface-variant) !important;
}
.standard-button .svg,
.outline-button .svg,
.btn-default .svg {
  background-color: var(--On-surface-variant) !important;
}
.outline-button,
.btn-default {
  border-color: var(--Outline) !important;
}
.success-button,
.btn-success {
  color: var(--On-success) !important;
  background-color: var(--Success) !important;
  border-color: var(--Success) !important;
}
.success-button:after,
.btn-success:after {
  background-color: var(--On-success) !important;
}
.success-button .svg,
.btn-success .svg {
  background-color: var(--On-success) !important;
}
.fab,
a.fab,
button.fab,
div.fab,
.fab[type="button"] {
  border: 1px solid transparent;
  border: none;
  padding: 5px;
}
.fab,
a.fab,
button.fab,
div.fab,
.fab[type="button"],
.fab:after,
a.fab:after,
button.fab:after,
div.fab:after,
.fab[type="button"]:after,
.fab:before,
a.fab:before,
button.fab:before,
div.fab:before,
.fab[type="button"]:before {
  border-radius: 8px;
}
.fab:after,
a.fab:after,
button.fab:after,
div.fab:after,
.fab[type="button"]:after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}
.fab:before,
a.fab:before,
button.fab:before,
div.fab:before,
.fab[type="button"]:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--elevation-1);
}
.fab.fab-small,
a.fab.fab-small,
button.fab.fab-small,
div.fab.fab-small,
.fab[type="button"].fab-small {
  padding: 4px;
}
.fab.fab-small .svg,
a.fab.fab-small .svg,
button.fab.fab-small .svg,
div.fab.fab-small .svg,
.fab[type="button"].fab-small .svg {
  width: 16px !important;
  height: 16px !important;
}
.fab.fab-large,
a.fab.fab-large,
button.fab.fab-large,
div.fab.fab-large,
.fab[type="button"].fab-large {
  padding: 14px;
}
.fab.fab-large,
a.fab.fab-large,
button.fab.fab-large,
div.fab.fab-large,
.fab[type="button"].fab-large,
.fab.fab-large:after,
a.fab.fab-large:after,
button.fab.fab-large:after,
div.fab.fab-large:after,
.fab[type="button"].fab-large:after,
.fab.fab-large:before,
a.fab.fab-large:before,
button.fab.fab-large:before,
div.fab.fab-large:before,
.fab[type="button"].fab-large:before {
  border-radius: 16px;
}
.fab.fab-large .svg,
a.fab.fab-large .svg,
button.fab.fab-large .svg,
div.fab.fab-large .svg,
.fab[type="button"].fab-large .svg {
  width: 24px !important;
  height: 24px !important;
}
.fab.fab-extra-large,
a.fab.fab-extra-large,
button.fab.fab-extra-large,
div.fab.fab-extra-large,
.fab[type="button"].fab-extra-large {
  padding: 18px;
}
.fab.fab-extra-large,
a.fab.fab-extra-large,
button.fab.fab-extra-large,
div.fab.fab-extra-large,
.fab[type="button"].fab-extra-large,
.fab.fab-extra-large:after,
a.fab.fab-extra-large:after,
button.fab.fab-extra-large:after,
div.fab.fab-extra-large:after,
.fab[type="button"].fab-extra-large:after,
.fab.fab-extra-large:before,
a.fab.fab-extra-large:before,
button.fab.fab-extra-large:before,
div.fab.fab-extra-large:before,
.fab[type="button"].fab-extra-large:before {
  border-radius: 16px;
}
.fab.fab-extra-large .svg,
a.fab.fab-extra-large .svg,
button.fab.fab-extra-large .svg,
div.fab.fab-extra-large .svg,
.fab[type="button"].fab-extra-large .svg {
  width: 28px !important;
  height: 28px !important;
}
.fab-extended,
a.fab-extended,
button.fab-extended,
div.fab-extended,
.fab-extended[type="button"] {
  font-size: 14/16rem;
  line-height: 20/14;
  padding: 8px 12px 8px 8px;
}
.fab-extended .svg,
a.fab-extended .svg,
button.fab-extended .svg,
div.fab-extended .svg,
.fab-extended[type="button"] .svg {
  margin-right: 8px;
}
.fab-extended.fab-large,
a.fab-extended.fab-large,
button.fab-extended.fab-large,
div.fab-extended.fab-large,
.fab-extended[type="button"].fab-large {
  font-family: var(--Bold);
  padding: 14px 18px 14px 14px;
}
.fab-extended.fab-extra-large,
a.fab-extended.fab-extra-large,
button.fab-extended.fab-extra-large,
div.fab-extended.fab-extra-large,
.fab-extended[type="button"].fab-extra-large {
  font-family: var(--Bold);
  font-size: 1rem;
  line-height: 24/16;
  padding: 18px 22px 18px 18px;
}
.primary-button {
  background-color: var(--Primary-container) !important;
  border-color: var(--Primary-container) !important;
}
.primary-button:after {
  background-color: var(--On-primary-container) !important;
}
.primary-button .svg {
  background-color: var(--On-primary-container) !important;
}
.tertiary-button {
  background-color: var(--Tertiary-container) !important;
  border-color: var(--Tertiary-container) !important;
}
.tertiary-button:after {
  background-color: var(--On-tertiary-container) !important;
}
.tertiary-button .svg {
  background-color: var(--On-tertiary-container) !important;
}
.error-button,
.btn-danger {
  color: var(--On-error-container) !important;
  background-color: var(--Error-container) !important;
  border-color: var(--Error-container) !important;
}
.error-button:after,
.btn-danger:after {
  background-color: var(--On-error-container) !important;
}
.error-button .svg,
.btn-danger .svg {
  background-color: var(--On-error-container) !important;
}
div.multiple-input-list__btn {
  padding: 11px;
}
.pagination {
  display: flex;
  align-items: center;
}
.pagination > li > a,
.pagination > li > span {
  min-width: 24px;
  min-height: 24px;
  padding: 3px 6px;
  border-radius: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14/16rem;
  line-height: 18/14;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  border: none;
}
.pagination > li > a:after,
.pagination > li > span:after {
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 40px;
  background-color: var(--On-primary-container);
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: var(--On-primary-container);
  background-color: var(--Primary-container);
  border-color: var(--Primary-container);
}
.pagination > li > a:hover:after,
.pagination > li > span:hover:after {
  opacity: 0.08;
}
.pagination > li > a:focus:after,
.pagination > li > span:focus:after {
  opacity: 0.12;
}
.pagination > li:not(:last-child) {
  margin-right: 4px;
}
.pagination > li.active > a,
.pagination > li.active > span {
  min-width: 32px;
  min-height: 32px;
  padding: 5px 10px;
}
.pagination > li.active > a:after,
.pagination > li.active > span:after {
  background-color: var(--On-primary);
}
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
  background-color: var(--Primary);
  color: var(--On-primary);
  border-color: var(--Primary);
}
.pagination .prev a,
.pagination .next a,
.pagination .prev span,
.pagination .next span {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_2074_460' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='6' y='8' width='12' height='8'%3E%3Cpath d='M8.12502 9.00002L12.005 12.88L15.885 9.00002C16.275 8.61002 16.905 8.61002 17.295 9.00002C17.685 9.39002 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70502 10.41C6.51777 10.2232 6.41254 9.96954 6.41254 9.70502C6.41254 9.4405 6.51777 9.18685 6.70502 9.00002C7.09502 8.62002 7.73502 8.61002 8.12502 9.00002Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2074_460)'%3E%3Cpath d='M24 0H0V24H24V0Z' fill='%23596245'/%3E%3C/g%3E%3C/svg%3E");
  font-size: 0;
  background-image: var(--icon);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.pagination .prev a,
.pagination .prev span {
  transform: rotate(90deg);
}
.pagination .next a,
.pagination .next span {
  transform: rotate(-90deg);
}
.loading-button {
  pointer-events: none;
}
body {
  --ck-color-base-background: var(--Surface);
  --ck-color-toolbar-background: var(--Surface);
  --ck-color-base-border: var(--Outline-variant);
  --ck-color-toolbar-border: var(--Outline-variant);
  --ck-color-button-on-hover-background: var(--Surface3);
  --ck-color-button-on-active-background: var(--Surface3);
  --ck-color-button-default-hover-background: var(--Surface3);
  --ck-color-button-default-active-background: var(--Surface3);
  --ck-color-button-on-background: var(--Surface3);
  --ck-color-split-button-hover-background: var(--Surface3);
  --ck-color-split-button-hover-border: var(--Outline-variant);
  --ck-color-dropdown-panel-background: var(--Surface);
  --ck-color-dropdown-panel-border: var(--Outline-variant);
  --ck-color-button-on-color: var(--On-surface);
  --ck-focus-outer-shadow: var(--elevation-1);
  --ck-focus-ring: 1px solid var(--Outline);
  --ck-border-radius: 12px;
  --ck-z-modal: calc(var(--ck-z-default) + 1031);
}
.ui-widget-content {
  --ck-color-base-background: var(--Surface3);
  --ck-color-toolbar-background: var(--Surface3);
  --ck-color-dropdown-panel-background: var(--Surface3);
  --ck-color-button-on-hover-background: var(--Error-container);
  --ck-color-button-on-active-background: var(--Error-container);
  --ck-color-button-default-hover-background: var(--Error-container);
  --ck-color-button-default-active-background: var(--Error-container);
  --ck-color-button-on-background: var(--Error-container);
  --ck-color-split-button-hover-background: var(--Error-container);
}
.ck.ck-content {
  max-height: 400px;
}
.dropdown-menu {
  border: none;
  background: var(--Surface2);
  box-shadow: var(--elevation-2);
  border-radius: 4px !important;
  padding: 8px 0;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: var(--Primary);
  color: var(--On-primary);
}
.dropdown-menu > li > a {
  padding: 10px 16px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: var(--Primary-12);
}
:root {
  --elevation-1: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  --elevation-2: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --elevation-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
  --elevation-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);
  --elevation-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);
  --table-elevation: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 6px 2px rgba(0, 0, 0, 0.05);
}
.elevation-1 {
  box-shadow: var(--elevation-1);
}
.elevation-2 {
  box-shadow: var(--elevation-2);
}
.elevation-3 {
  box-shadow: var(--elevation-3);
}
.elevation-4 {
  box-shadow: var(--elevation-4);
}
.elevation-5 {
  box-shadow: var(--elevation-5);
}
.table-elevation {
  box-shadow: var(--table-elevation);
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.flex-center:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.flex-column:not(.hidden) {
  display: flex !important;
  flex-direction: column !important;
}
.flex-wrap:not(.hidden) {
  display: flex !important;
  flex-wrap: wrap !important;
}
.flex-align-center:not(.hidden) {
  display: flex !important;
  align-items: center !important;
}
.flex-align-start:not(.hidden) {
  display: flex !important;
  align-items: flex-start !important;
}
.flex-align-end:not(.hidden) {
  display: flex !important;
  align-items: flex-end !important;
}
.flex-justify-center:not(.hidden) {
  display: flex !important;
  justify-content: center !important;
}
.flex-justify-between:not(.hidden) {
  display: flex !important;
  justify-content: space-between !important;
}
.flex-justify-end:not(.hidden) {
  display: flex !important;
  justify-content: flex-end !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-self-center {
  align-self: center !important;
}
.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.order-m1 {
  order: -1;
}
:root {
  --form-control: 40px;
  --form-control__small: 28px;
  --form-control__chips: 20px;
  --quantity-button: var(--form-control);
}
.has-success .control-label,
.has-success .form-label {
  color: var(--Success);
}
.has-success .form-control {
  border-color: var(--Success);
  box-shadow: none;
}
.has-success .form-control:hover,
.has-success .form-control:focus {
  border-color: var(--Success);
}
.has-success .form-control:focus {
  box-shadow: inset 0px 0px 0px 1px var(--Success);
}
.form-control.is-valid,
.form-select.is-valid {
  background-image: none;
  border-color: var(--Success);
}
.form-control.is-valid:hover,
.form-select.is-valid:hover,
.form-control.is-valid:focus,
.form-select.is-valid:focus {
  border-color: var(--Success);
}
.form-control.is-valid:focus,
.form-select.is-valid:focus {
  box-shadow: inset 0px 0px 0px 1px var(--Success);
}
.has-error .help-block,
.has-error .control-label,
.has-error .form-label {
  color: var(--Error);
}
.has-error .form-control {
  border-color: var(--Error);
  box-shadow: none;
}
.has-error .form-control:hover,
.has-error .form-control:focus {
  border-color: var(--Error);
}
.has-error .form-control:focus {
  box-shadow: inset 0px 0px 0px 1px var(--Error);
}
.form-control.is-error,
.form-select.is-error {
  border-color: var(--Error);
}
.form-control.is-error:hover,
.form-select.is-error:hover,
.form-control.is-error:focus,
.form-select.is-error:focus {
  border-color: var(--Error);
}
.form-control.is-error:focus,
.form-select.is-error:focus {
  box-shadow: inset 0px 0px 0px 1px var(--Error);
}
.form-control.is-invalid,
.form-select.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
  border-color: var(--Error);
}
.form-control.is-invalid:focus,
.form-select.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.was-validated .form-select:invalid:focus {
  box-shadow: inset 0px 0px 0px 1px var(--Error);
}
.form-control:hover,
.form-select:hover,
select:hover,
.form-control:focus,
.form-select:focus,
select:focus,
.form-control:hover ~ .quantity-nav .quantity-button,
.form-select:hover ~ .quantity-nav .quantity-button,
select:hover ~ .quantity-nav .quantity-button,
.form-control:focus ~ .quantity-nav .quantity-button,
.form-select:focus ~ .quantity-nav .quantity-button,
select:focus ~ .quantity-nav .quantity-button {
  border-color: var(--Primary);
}
.form-control:focus,
.form-select:focus,
select:focus {
  box-shadow: inset 0px 0px 0px 1px var(--Primary);
}
.form-control:focus ~ .quantity-nav .quantity-button,
.form-select:focus ~ .quantity-nav .quantity-button,
select:focus ~ .quantity-nav .quantity-button {
  box-shadow: inset 1px 0px 0px 0px var(--Primary);
}
.form-group-full {
  max-width: none;
}
textarea {
  resize: vertical;
}
textarea.form-control {
  height: auto;
}
@media (max-width: 599px) {
  .form-group-full-smobile {
    max-width: none;
  }
}
.form-control,
.form-select,
select {
  --Surface: var(--Surface);
  min-width: 140px;
  border-radius: 4px;
  background: var(--Surface);
  border: 1px solid var(--Outline);
  color: var(--On-surface);
  box-shadow: none;
  height: var(--form-control);
  padding: 8px 12px;
  font-size: 14/16rem;
  line-height: 1.5;
  position: relative;
  transition: 0.2s;
}
.form-control::-moz-placeholder {
  color: #BFC2CD;
  opacity: 1;
}
.form-control:placeholder,
.form-control::placeholder {
  color: #BFC2CD;
  opacity: 1;
}
.form-control[type="file"] {
  padding: 11px 17px;
}
.form-control.small-width {
  min-width: 80px;
}
.form-select,
select {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_2074_460' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='6' y='8' width='12' height='8'%3E%3Cpath d='M8.12502 9.00002L12.005 12.88L15.885 9.00002C16.275 8.61002 16.905 8.61002 17.295 9.00002C17.685 9.39002 17.685 10.02 17.295 10.41L12.705 15C12.315 15.39 11.685 15.39 11.295 15L6.70502 10.41C6.51777 10.2232 6.41254 9.96954 6.41254 9.70502C6.41254 9.4405 6.51777 9.18685 6.70502 9.00002C7.09502 8.62002 7.73502 8.61002 8.12502 9.00002Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2074_460)'%3E%3Cpath d='M24 0H0V24H24V0Z' fill='%23596245'/%3E%3C/g%3E%3C/svg%3E");
  --select-icon: 24px;
  --select-icon__padding: 8px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--icon) !important;
  background-repeat: no-repeat !important;
  background-position: right var(--select-icon__padding) center !important;
  background-size: var(--select-icon) !important;
  padding-right: calc(var(--select-icon) + var(--select-icon__padding)) !important;
}
.help-block,
.invalid-feedback,
.error-msg {
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 12/16rem;
  line-height: 1.5;
  color: var(--Error);
}
.control-label,
.form-label {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 12/16rem;
  line-height: 1;
  margin-bottom: 8px;
  font-weight: normal;
}
.form-group {
  position: relative;
}
.form-group > .control-label,
.form-group > .form-label {
  position: absolute;
  top: -6px;
  left: 8px;
  z-index: 1;
  background: var(--Background);
  padding: 0 4px;
  margin: 0;
}
.form-group > .control-label + .form-control,
.form-group > .form-label + .form-control {
  margin-top: 6px;
}
.form-group:not(:last-child) {
  margin-bottom: 16px;
}
.form-group:not(:last-child):first-child {
  margin-top: 8px;
}
.form-group .select2-container {
  width: 100% !important;
}
.form-group.primary-input {
  height: 44px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.form-group.primary-input .control-label,
.form-group.primary-input .form-label {
  font-size: 14/16rem;
  line-height: 1.5;
  margin-bottom: 4px;
  font-weight: normal;
  transition: 0.3s;
  color: var(--secondary-text-color);
}
.form-group.primary-input .control-label:not(.label-color-picker),
.form-group.primary-input .form-label:not(.label-color-picker) {
  position: absolute;
  left: 0;
  font-size: 1rem;
  line-height: 1.4;
  top: calc(50% - 8px);
  pointer-events: none;
}
.form-group.primary-input .help-block {
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.form-group.primary-input .form-control {
  box-shadow: none;
  padding: 0;
  height: 100%;
  width: 100%;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--primary-text-color);
  border: none;
  border-bottom: 1px solid var(--input-border-color);
  background: linear-gradient(transparent calc(100% - 1px), var(--link-color) 0);
  background-position: -100em 0px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.form-group.primary-input .form-control.input-color-picker {
  padding: 0;
  height: 20px;
}
.form-group.primary-input .form-control:focus,
.form-group.primary-input .form-control:valid {
  border-bottom: 0px;
  background-position: 0 0;
  background: linear-gradient(transparent calc(100% - 1px), var(--link-color) 0);
}
.form-group.primary-input .form-control:focus ~ .control-label,
.form-group.primary-input .form-control:valid ~ .control-label,
.form-group.primary-input .form-control:focus ~ .form-label,
.form-group.primary-input .form-control:valid ~ .form-label {
  top: 0;
  font-size: 14/16rem;
  line-height: 1.5;
  pointer-events: all;
  color: var(--secondary-text-color);
}
.form-group.primary-input .error {
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}
.form-group.primary-input .has-success .form-control {
  border-bottom: 0px;
  background: linear-gradient(transparent calc(100% - 1px), var(--link-color) 0);
}
.form-group.primary-input .has-success .form-control ~ .control-label,
.form-group.primary-input .has-success .form-control ~ .form-label {
  top: 0;
  font-size: 14/16rem;
  pointer-events: all;
  color: var(--secondary-text-color);
}
.form-group.primary-input .has-error .form-control {
  border-bottom: 0px;
  background: linear-gradient(transparent calc(100% - 1px), var(--Error) 0);
}
.form-group.primary-input .has-error .form-control ~ .control-label,
.form-group.primary-input .has-error .form-control ~ .form-label {
  color: transparent;
}
.form-group.primary-input .has-error .help-block {
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: calc(100% - 14px);
  font-size: 14/16rem;
  pointer-events: all;
  color: var(--Error);
  display: flex;
  align-items: center;
}
.form-group.primary-input .has-error .help-block:before {
  content: "";
  background: url("/images/warning-info.svg") no-repeat center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: flex;
  flex-shrink: 0;
  margin-right: 5px;
  right: 10px;
  top: 0;
}
.form-group.primary-input .has-error .error {
  pointer-events: all;
  opacity: 1;
  fill: var(--Error);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-group__small .form-control {
  height: var(--form-control__small);
}
.form-group__small .control-label,
.form-group__small .form-label {
  margin-bottom: 0;
}
.form-group__small:not(:last-child) {
  margin-bottom: 12px;
}
.form-group > .placeholder {
  position: absolute;
  font-weight: normal;
  height: var(--form-control);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  background: var(--Primary-12);
  border-radius: 4px;
}
.form-group > .placeholder + .form-control {
  padding-left: 36px;
}
.form-control__small,
.form-select__small {
  height: var(--form-control__small);
  padding-top: 3px;
  padding-bottom: 3px;
}
.form-control__chips,
.form-select__chips {
  height: var(--form-control__chips);
  padding: 4px;
}
.form-select__chips {
  min-height: var(--form-control__chips);
  padding: 0 4px;
  --select-icon: 20px;
  --select-icon__padding: 4px;
}
.input-search {
  background-image: url("/images/icons/search.svg");
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 40px;
}
.input-search:-webkit-autofill {
  padding-left: 12px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.input-number {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.input-number input {
  padding-right: calc(var(--quantity-button) + var(--quantity-button));
}
.input-string {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 14/16rem;
  font-family: var(--Regular);
}
.ui-widget.ui-widget-content {
  border-color: var(--Outline);
}
.ui-widget-content {
  --Surface: var(--Surface3);
  --Background: var(--Surface3);
  color: var(--On-surface);
  border: none;
  background: var(--Surface3);
  padding: 0;
  display: flex;
  flex-direction: column;
  margin: 8px;
  max-height: calc(100vh - 16px);
}
.ui-widget-content .ui-widget {
  --Surface: var(--Surface4);
  --Background: var(--Surface4);
  background: var(--Surface4);
}
.ui-widget-header {
  border: none;
  background: transparent;
  color: var(--On-background);
}
.ui-dialog {
  border-radius: 28px;
}
.ui-dialog .ui-dialog-content {
  overflow: auto;
  padding: 24px;
}
@media (max-width: 767px) {
  .ui-dialog .ui-dialog-content {
    padding: 16px;
  }
}
.ui-dialog .ui-dialog-content + .ui-dialog-footer {
  padding: 0 24px 24px;
}
@media (max-width: 767px) {
  .ui-dialog .ui-dialog-content + .ui-dialog-footer {
    padding: 0 16px 16px;
  }
}
.ui-dialog .ui-dialog-titlebar {
  display: flex;
  font-size: 1.714rem;
  font-family: var(--Bold);
  padding: 24px 24px 16px 24px;
}
@media (max-width: 767px) {
  .ui-dialog .ui-dialog-titlebar {
    padding: 16px 16px 12px 16px;
  }
}
.ui-dialog .ui-dialog-titlebar + .ui-dialog-content {
  padding: 0 24px 24px;
}
@media (max-width: 767px) {
  .ui-dialog .ui-dialog-titlebar + .ui-dialog-content {
    padding: 0 16px 16px;
  }
}
.ui-dialog .ui-dialog-titlebar-close {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.41 11.9991L19.7062 5.71303C19.8943 5.52485 20.0001 5.26961 20.0001 5.00347C20.0001 4.73733 19.8943 4.4821 19.7062 4.29391C19.518 4.10572 19.2627 4 18.9966 4C18.7305 4 18.4752 4.10572 18.287 4.29391L12.0009 10.59L5.7148 4.29391C5.52661 4.10572 5.27138 4 5.00524 4C4.7391 4 4.48386 4.10572 4.29568 4.29391C4.10749 4.4821 4.00177 4.73733 4.00177 5.00347C4.00177 5.26961 4.10749 5.52485 4.29568 5.71303L10.5918 11.9991L4.29568 18.2853C4.20201 18.3782 4.12766 18.4887 4.07692 18.6105C4.02618 18.7323 4.00006 18.8629 4.00006 18.9948C4.00006 19.1268 4.02618 19.2574 4.07692 19.3792C4.12766 19.5009 4.20201 19.6115 4.29568 19.7044C4.38858 19.7981 4.49911 19.8724 4.6209 19.9231C4.74268 19.9739 4.87331 20 5.00524 20C5.13717 20 5.26779 19.9739 5.38958 19.9231C5.51136 19.8724 5.62189 19.7981 5.7148 19.7044L12.0009 13.4083L18.287 19.7044C18.3799 19.7981 18.4905 19.8724 18.6123 19.9231C18.734 19.9739 18.8647 20 18.9966 20C19.1285 20 19.2591 19.9739 19.3809 19.9231C19.5027 19.8724 19.6132 19.7981 19.7062 19.7044C19.7998 19.6115 19.8742 19.5009 19.9249 19.3792C19.9756 19.2574 20.0018 19.1268 20.0018 18.9948C20.0018 18.8629 19.9756 18.7323 19.9249 18.6105C19.8742 18.4887 19.7998 18.3782 19.7062 18.2853L13.41 11.9991Z' fill='%231B1B1B'/%3E%3C/svg%3E");
  box-sizing: content-box;
  background: transparent var(--icon) center / 24px auto no-repeat;
  border-radius: 50%;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  margin: 0;
  margin-left: auto;
  padding: 0;
  border: none;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  opacity: 1;
  background-color: var(--RPopup-close-hover);
}
.ui-dialog .ui-dialog-titlebar-close:before {
  content: none;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  display: none;
}
.ui-widget-overlay {
  --modal-overlay-color: rgba(0, 0, 0, 0.8);
  background: var(--modal-overlay-color);
}
.RPopup {
  z-index: 10000;
  width: 100%;
  height: 101%;
  position: fixed;
  margin: 0;
}
.RPopup .screen {
  z-index: 1001;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  margin: 0;
  top: 0px;
  left: 0;
}
.RPopup .body {
  z-index: 1002;
  background-color: var(--Background);
  overflow: auto;
  position: relative;
  max-height: 80%;
  width: calc(100% - 32px);
  max-width: 800px;
  height: auto;
  padding: 48px;
  border-radius: 10px;
  box-shadow: none;
}
.modal-open .modal.display-flex,
.modal-open .modal.in {
  display: flex !important;
}
.modal-open .modal.in .modal-content-animate,
.modal-open .modal.show .modal-content-animate {
  transform: translate(0, 0px);
  opacity: 1;
}
.modal {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding: 30px 15px;
  display: none;
  background: rgba(0, 0, 0, 0.2);
}
.modal .modal-content-animate {
  transform: translate(0, -15px);
  opacity: 0;
  transition: var(--transition-modal);
}
.modal > .select2-container {
  position: fixed !important;
}
.modal-dialog {
  margin: auto;
}
hr.footer-modal {
  border: none;
  border-top: 1px solid #000;
  opacity: 0.4;
}
.modal-dialog.block-edit {
  width: 100%;
  max-width: 1200px;
}
.modal-dialog {
  max-width: 700px;
  width: 100%;
}
.modal-dialog.little {
  max-width: 350px;
}
.modal-dialog.thin {
  max-width: 440px;
}
.modal-dialog.big-width {
  max-width: 950px;
}
.modal-dialog.width-ad {
  max-width: 785px;
  width: 95%;
}
.modal-dialog.width-all {
  max-width: none;
  width: 100%;
}
.modal-dialog.with-space {
  margin-left: 15px;
  margin-right: 15px;
}
.modal-dialog.modal-dialog-centered {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.modal-dialog.modal-dialog-centered > .modal-content {
  width: 100%;
  pointer-events: auto;
}
.modal-content {
  border: none;
  border-radius: 0;
  background: var(--Surface3);
  color: var(--On-surface);
  box-shadow: none;
}
.modal-content.rounded {
  border-radius: 28px !important;
}
.modal-content.rounded .modal-header {
  border-radius: 28px;
}
.modal-content.scrollable-body {
  max-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal-content.scrollable-body > .modal-header {
  z-index: 1;
}
.modal-content.scrollable-body > .modal-body,
.modal-content.scrollable-body > .modal-content-animate {
  overflow: auto;
}
.modal-header {
  border: none;
  padding: 24px 24px 16px 24px;
  position: relative;
  font-size: 1.714rem;
}
@media (max-width: 767px) {
  .modal-header {
    padding: 16px 16px 12px 16px;
  }
}
.modal-header h4 {
  margin: 0;
  font-size: 18/16rem;
  font-family: var(--Bold);
  text-align: initial;
}
.modal-header .close-modal {
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.modal-header + .modal-body {
  padding: 0 24px 24px;
}
@media (max-width: 767px) {
  .modal-header + .modal-body {
    padding: 0 16px 16px;
  }
}
.modal-header .close {
  font-size: 32/16rem;
}
.modal-footer {
  border: none;
  margin: 0;
  padding: 24px;
}
@media (max-width: 767px) {
  .modal-footer {
    padding: 16px;
  }
}
.close-modal[type="button"] {
  z-index: 1;
  border: none;
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 12px;
  right: 12px;
  background-color: transparent;
  opacity: 0.5;
  transition: var(--transition-primary);
}
.close-modal[type="button"] .glyphicon {
  top: 0;
}
.close-modal[type="button"]:hover {
  background-color: var(--RPopup-close-hover);
  opacity: 1;
}
.modal-body {
  padding: 24px;
}
@media (max-width: 767px) {
  .modal-body {
    padding: 16px;
  }
}
.modal-body + .modal-footer {
  padding: 0 24px 24px;
}
@media (max-width: 767px) {
  .modal-body + .modal-footer {
    padding: 0 16px 16px;
  }
}
.VPopup-content {
  background-color: var(--Background) !important;
  color: var(--On-background);
}
.primary-navbar {
  background: var(--Surface2);
}
.primary-navbar .navbar-brand {
  color: var(--On-surface);
}
.primary-navbar .nav > li {
  margin-top: 6px;
}
.primary-navbar .nav > li > a {
  font-size: 14/16rem;
  padding: 9px 19px;
  color: var(--On-surface);
  border-radius: 40px;
}
.primary-navbar .nav > li > a:hover,
.primary-navbar .nav > li > a:focus {
  background-color: var(--Secondary-container);
  color: var(--On-secondary-container);
}
.primary-navbar .nav > li:not(:last-child) > a {
  margin-right: 2px;
}
.primary-navbar .nav > li.open > a {
  background-color: var(--Secondary-container);
  color: var(--On-secondary-container);
}
.select2-container--krajee-bs3.select2 .select2-selection {
  background-color: var(--Surface);
  border-color: var(--Outline);
}
.select2-container--krajee-bs3.select2.select2-container--open .select2-selection,
.select2-container--krajee-bs3.select2 .select2-selection:focus {
  box-shadow: inset 0px 0px 0px 1px var(--Primary);
  border-color: var(--Primary);
}
.select2-container--krajee-bs3.select2.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: var(--Primary);
}
.select2-container--krajee-bs3.select2 .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 10px;
  height: var(--form-control);
}
.select2-container--krajee-bs3.select2 .select2-selection--multiple .select2-selection__choice {
  color: var(--On-surface);
  background: var(--Surface);
  border: 1px solid var(--Outline);
  border-radius: 8px;
  margin: 7px 0 0 6px;
  padding: 0 8px 0 12px;
}
.select2-container--krajee-bs3.select2 .select2-selection--multiple .select2-selection__choice__display {
  vertical-align: sub;
}
.select2-container--krajee-bs3.select2 .select2-selection--multiple .select2-selection__choice__remove {
  font-family: var(--Regular);
  opacity: 1;
  text-shadow: none;
  font-size: 24px;
  margin: 0;
  color: var(--On-surface);
  padding: 0px 5px;
  margin: 1px -5px 1px 4px;
  font-weight: normal;
  border-radius: 50%;
  transition: 0.2s;
}
.select2-container--krajee-bs3.select2 .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 1;
  background: var(--Primary-12);
}
.select2-container--krajee-bs3.select2 .select2-selection--multiple .select2-selection__clear {
  font-family: var(--Regular);
  color: var(--On-surface);
  font-size: 28px;
  font-weight: normal;
  top: 3px;
  right: 3px;
  padding: 0px 10px;
  border-radius: 50%;
  opacity: 1;
  transition: 0.2s;
}
.select2-container--krajee-bs3.select2 .select2-selection--multiple .select2-selection__clear:hover {
  opacity: 1;
  background: var(--Primary-12);
}
.select2-container--krajee-bs3.select2-container .select2-dropdown {
  margin-top: 0px;
  box-shadow: var(--elevation-2);
  border: none;
  background: var(--Surface2);
  color: var(--On-surface);
  border-radius: 4px;
}
.select2-container--krajee-bs3.select2-container .select2-dropdown--above {
  margin-top: -8px;
}
.select2-container--krajee-bs3.select2-container .select2-results__options {
  margin: 8px 0;
}
.select2-container--krajee-bs3.select2-container .select2-results__option {
  font-size: 14/16rem;
  margin: 0;
  padding: 10px 12px;
}
.select2-container--krajee-bs3.select2-container .select2-results__option[aria-selected] {
  background-color: transparent;
  color: inherit;
}
.select2-container--krajee-bs3.select2-container .select2-results__option--highlighted[aria-selected] {
  background: var(--Primary-12);
  color: var(--On-surface);
}
.select2-container--krajee-bs3.select2-container .select2-results__option--selected[aria-selected] {
  background: var(--Primary);
  color: var(--On-primary);
}
.select2-container--krajee-bs3 .select2-results__option {
  margin: 1px;
}
.select2-container--krajee-bs3 .s2-togall-button {
  padding: 12px 12px 4px;
  color: var(--Inverse-primary);
}
.select2-container--krajee-bs3 .s2-togall-button:hover,
.select2-container--krajee-bs3 .s2-togall-button:focus {
  color: var(--Primary);
  outline: none;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mg-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.p-8 {
  padding-top: 8px !important;
  padding-right: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 8px !important;
}
.p-16 {
  padding-top: 16px !important;
  padding-right: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 16px !important;
}
.svg {
  display: inline-block;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.svg.block {
  display: block;
}
.svg.save {
  -webkit-mask-image: url("/images/admin/icons/save.svg");
          mask-image: url("/images/admin/icons/save.svg");
  width: 24px;
  height: 24px;
}
.svg.visibility-on {
  -webkit-mask-image: url("/images/admin/icons/visibility_on.svg");
          mask-image: url("/images/admin/icons/visibility_on.svg");
  width: 18px;
  height: 18px;
}
.svg.refresh {
  -webkit-mask-image: url("/images/admin/icons/refresh.svg");
          mask-image: url("/images/admin/icons/refresh.svg");
  width: 19px;
  height: 19px;
}
.svg.settings {
  -webkit-mask-image: url("/images/admin/icons/settings.svg");
          mask-image: url("/images/admin/icons/settings.svg");
  width: 22px;
  height: 22px;
}
.svg.edit {
  -webkit-mask-image: url("/images/admin/icons/edit.svg");
          mask-image: url("/images/admin/icons/edit.svg");
  width: 20px;
  height: 20px;
}
.svg.delete {
  -webkit-mask-image: url("/images/admin/icons/delete.svg");
          mask-image: url("/images/admin/icons/delete.svg");
  width: 20px;
  height: 20px;
}
.svg.chat {
  -webkit-mask-image: url("/images/admin/preview/chat.svg");
          mask-image: url("/images/admin/preview/chat.svg");
  width: 24px;
  height: 24px;
}
.svg.publish {
  -webkit-mask-image: url("/images/admin/icons/publish.svg");
          mask-image: url("/images/admin/icons/publish.svg");
  width: 24px;
  height: 24px;
}
@keyframes opacity-anim {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.action-links {
  display: flex;
}
.action-links > a {
  display: flex;
  padding: 8px;
}
.action-links > a:not(:last-child) {
  margin-right: 4px;
}
.action-links > a .svg {
  width: 20px;
  height: 20px;
  background-color: var(--Primary);
}
.action-links > a:hover {
  animation: 0.25s edit;
}
.action-links > a.action-delete .svg {
  background-color: var(--Error);
}
@keyframes edit {
  25% {
    transform: rotate(-12deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-12deg);
  }
}
.grid-view {
  overflow: auto;
}
.grid-view .summary {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 4px;
}
:root {
  --filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath fill='%23596245' d='m10 17-3.375-3.375 1.063-1.063L10 14.875l2.312-2.313 1.063 1.063ZM7.688 7.438 6.625 6.375 10 3l3.375 3.375-1.063 1.063L10 5.125Z'/%3E%3C/svg%3E");
  --filter-icon-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath fill='%23596245' d='M9.25 16V6.875l-4.188 4.187L4 10l6-6 6 6-1.062 1.062-4.188-4.187V16Z'/%3E%3C/svg%3E");
  --filter-icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath fill='%23596245' d='m10 16-6-6 1.062-1.062 4.188 4.187V4h1.5v9.125l4.188-4.187L16 10Z'/%3E%3C/svg%3E");
}
.table {
  font-size: 0.875rem;
  background-color: var(--Background);
}
.table td > .empty {
  padding: 24px 0;
  text-align: center;
  font-size: 20/16rem;
}
.table th {
  font-weight: normal;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-width: 0px;
  color: var(--On-surface);
  padding: 8px 4px;
  border-style: solid;
  border-color: var(--Outline-variant);
}
.table > thead > tr > th:first-child,
.table > tbody > tr > th:first-child,
.table > tfoot > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > td:first-child,
.table > tfoot > tr > td:first-child {
  padding-left: 12px;
}
.table > thead > tr > th:last-child,
.table > tbody > tr > th:last-child,
.table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child {
  padding-right: 12px;
}
.table > thead > tr > th,
.table > thead > tr > td {
  border-width: 0px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > thead > tr > th a,
.table > thead > tr > td a,
.table > thead > tr > th button,
.table > thead > tr > td button,
.table > thead > tr > th span,
.table > thead > tr > td span,
.table > thead > tr > th div,
.table > thead > tr > td div {
  color: var(--Tertiary);
}
.table > thead > tr > th > a:not(.open-dialog),
.table > thead > tr > td > a:not(.open-dialog) {
  position: relative;
  display: flex;
  align-items: center;
}
.table > thead > tr > th > a:not(.open-dialog):after,
.table > thead > tr > td > a:not(.open-dialog):after {
  --size: 16px;
  content: "";
  background-image: var(--filter-icon);
  background-size: var(--size);
  width: var(--size);
  height: var(--size);
  display: inline-flex;
  transition: background-image 0.25s;
}
.table > thead > tr > th > a:not(.open-dialog):hover:after,
.table > thead > tr > td > a:not(.open-dialog):hover:after {
  background-image: var(--filter-icon-down);
}
.table > thead > tr > th > a:not(.open-dialog):hover,
.table > thead > tr > td > a:not(.open-dialog):hover,
.table > thead > tr > th > a:not(.open-dialog):focus,
.table > thead > tr > td > a:not(.open-dialog):focus {
  text-decoration: none;
}
.table > thead > tr > th > a:not(.open-dialog).asc,
.table > thead > tr > td > a:not(.open-dialog).asc,
.table > thead > tr > th > a:not(.open-dialog).desc,
.table > thead > tr > td > a:not(.open-dialog).desc {
  font-family: var(--Bold);
}
.table > thead > tr > th > a:not(.open-dialog).asc:after,
.table > thead > tr > td > a:not(.open-dialog).asc:after {
  background-image: var(--filter-icon-down);
}
.table > thead > tr > th > a:not(.open-dialog).asc:hover:after,
.table > thead > tr > td > a:not(.open-dialog).asc:hover:after {
  background-image: var(--filter-icon-up);
}
.table > thead > tr > th > a:not(.open-dialog).desc:after,
.table > thead > tr > td > a:not(.open-dialog).desc:after {
  background-image: var(--filter-icon-up);
}
.table > thead > tr > th > a:not(.open-dialog).desc:hover:after,
.table > thead > tr > td > a:not(.open-dialog).desc:hover:after {
  background-image: var(--filter-icon);
}
.table > thead > tr:first-child > th:first-child,
.table > thead > tr:first-child > td:first-child {
  border-radius: 16px 0 0 0;
}
.table > thead > tr:first-child > th:last-child,
.table > thead > tr:first-child > td:last-child {
  border-radius: 0 16px 0 0;
}
.table > thead > tr:last-child > th,
.table > thead > tr:last-child > td {
  border-bottom-width: 1px;
}
.table > tbody:first-child > tr:first-child > th:last-child,
.table > tbody:first-child > tr:first-child > td:last-child {
  border-radius: 0 16px 0 0 ;
}
.table > tbody:first-child > tr:first-child > th:first-child,
.table > tbody:first-child > tr:first-child > td:first-child {
  border-radius: 16px 0 0 0;
}
.table > tbody:first-child > tr:first-child > th:first-child:last-child,
.table > tbody:first-child > tr:first-child > td:first-child:last-child {
  border-radius: 16px 16px 0 0;
}
.table > tbody:last-child > tr:last-child > th:first-child,
.table > tbody:last-child > tr:last-child > td:first-child {
  border-radius: 0px 0 0 16px;
}
.table > tbody:last-child > tr:last-child > th:last-child,
.table > tbody:last-child > tr:last-child > td:last-child {
  border-radius: 0 0 16px 0;
}
.table > tbody:last-child > tr:last-child > th:first-child:last-child,
.table > tbody:last-child > tr:last-child > td:first-child:last-child {
  border-radius: 0px 0 16px 16px;
}
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-width: 0px;
}
.table > tfoot > tr:first-child > th,
.table > tfoot > tr:first-child > td {
  border-top-width: 1px;
}
.table > tfoot > tr:first-child > th:first-child,
.table > tfoot > tr:first-child > td:first-child {
  border-radius: 0px 0 0 16px;
}
.table > tfoot > tr:first-child > th:last-child,
.table > tfoot > tr:first-child > td:last-child {
  border-radius: 0 0 16px 0;
}
.table.multiple-input-list > thead > tr > th {
  border-color: var(--border-color);
}
.table.multiple-input-list > thead > tr > th,
.table.multiple-input-list > thead > tr > td {
  background-color: var(--Surface);
}
.table .form-control,
.table .form-select,
.table select {
  min-width: auto;
}
.table-bordered {
  border-collapse: separate;
  border: none;
  border-spacing: 0px;
}
.table-bordered > tbody > tr:first-child > th,
.table-bordered > tbody > tr:first-child > td {
  border-top-width: 0px;
}
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
  border-top-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.table-striped > tbody > tr:nth-of-type(even),
.table-striped > thead > tr {
  background: var(--Surface1);
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--Surface2);
}
.multiple-th {
  white-space: nowrap;
}
.multiple-th > br {
  display: none;
}
.nav-tabs {
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
}
.nav-tabs > li {
  margin: 0;
  padding: 0px 16px;
  min-width: 108px;
  height: 48px;
}
.nav-tabs > li.active > a {
  background: transparent;
  border: none;
  color: var(--Primary);
  position: relative;
}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none;
  background-color: transparent;
  color: var(--Primary);
}
.nav-tabs > li.active > a:hover .icon,
.nav-tabs > li.active > a:focus .icon {
  background-color: var(--Primary);
}
.nav-tabs > li.active > a:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--Primary);
  border-radius: 3px 3px 0 0;
}
.nav-tabs > li:not(.nav-tabs > li.active) {
  cursor: pointer;
}
.nav-tabs > li:not(.nav-tabs > li.active):after {
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--Primary);
}
.nav-tabs > li:not(.nav-tabs > li.active):hover:after {
  opacity: 0.08;
}
.nav-tabs > li:not(.nav-tabs > li.active):hover > a {
  color: var(--Primary);
}
.nav-tabs > li:not(.nav-tabs > li.active):hover > a .icon {
  background-color: var(--Primary);
}
.nav-tabs > li > a {
  height: 100%;
  font-family: var(--Bold);
  border: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 24/16;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  text-decoration: none;
  background-color: var(--Surface);
  color: var(--On-surface);
}
.nav-tabs > li > a .icon {
  background-color: var(--On-surface);
  margin-right: 8px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: transparent;
}
.nav-tabs > li > a.active {
  color: var(--Primary);
}
.nav-tabs > li > a.active:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--Primary);
  border-radius: 3px 3px 0 0;
}
.nav-tabs > li.error {
  background-color: var(--Error-container);
}
.tab-content {
  width: 100%;
  border-top: 1px solid var(--Outline-variant);
  padding: 16px;
  background-color: var(--Surface);
}
.tabs {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.tabs-item {
  display: flex;
}
.tabs-link {
  background-color: var(--Surface);
  color: var(--On-surface);
  padding: 4px 16px;
  text-decoration: none;
  transition: background-color var(--transition-primary), color var(--transition-primary);
}
.tabs-link:hover {
  background-color: var(--Primary-container);
  color: var(--On-primary-container);
}
.tabs-link.changed {
  background-image: url("/images/icons/notification-important.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 16px;
  background-color: var(--Error);
  color: var(--On-error);
}
.tabs-link.active {
  background-color: var(--Primary);
  color: var(--On-primary);
}
:root {
  --Regular: 'OpenSans', sans-serif;
  --Bold: 'OpenSansBold', sans-serif;
  --Primary: #596245;
  --Primary-container: #DDE7C3;
  --Secondary: #5E5F56;
  --Secondary-container: #E3E3D8;
  --Tertiary: #55615E;
  --Tertiary-container: #D9E5E2;
  --Surface: #FFFCF8;
  --Surface-variant: #E4E2DD;
  --Background: #FFFCF8;
  --Error: #BA1A1A;
  --Error-container: #FFDAD6;
  --On-primary: #FFFFFF;
  --On-primary-container: #171E08;
  --On-secondary: #FFFFFF;
  --On-secondary-container: #1A1C15;
  --On-tertiary: #FFFFFF;
  --On-tertiary-container: #131E1C;
  --On-surface: #1C1C1A;
  --On-surface-variant: #474743;
  --On-error: #FFFFFF;
  --On-error-container: #410002;
  --On-background: #1C1C1A;
  --Outline: #787773;
  --Outline-variant: #CAC4D0;
  --Shadow: #000000;
  --Surface-tint: #6750A4;
  --Inverse-surface: #313033;
  --Inverse-on-surface: #F4EFF4;
  --Inverse-primary: #2563EB;
  --Striped: #fffbfb;
  --Success: #16A34A;
  --On-success: #FFF;
  --On-primary-08: rgba(255, 255, 255, 0.08);
  --On-primary-12: rgba(255, 255, 255, 0.12);
  --Primary-08: rgba(89, 98, 69, 0.08);
  --Primary-12: rgba(89, 98, 69, 0.12);
  --On-surface-08: rgba(229, 226, 223, 0.08);
  --On-surface-12: rgba(229, 226, 223, 0.12);
  --On-surface-variant-08: rgba(71, 71, 67, 0.08);
  --On-surface-variant-12: rgba(71, 71, 67, 0.12);
  --Surface1: linear-gradient(0deg, rgba(89, 98, 69, 0.05), rgba(89, 98, 69, 0.05)), #FFFCF8;
  --Surface2: linear-gradient(0deg, rgba(89, 98, 69, 0.08), rgba(89, 98, 69, 0.08)), #FFFCF8;
  --Surface3: linear-gradient(0deg, rgba(89, 98, 69, 0.11), rgba(89, 98, 69, 0.11)), #FFFCF8;
  --Surface4: linear-gradient(0deg, rgba(89, 98, 69, 0.14), rgba(89, 98, 69, 0.14)), #FFFCF8;
  --RPopup-close-hover: rgba(112, 117, 121, 0.08);
}
html,
body {
  font-size: unset;
  line-height: 1.28571429;
  font-family: var(--Regular);
  height: 100%;
}
.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
  background-color: var(--Background);
  color: var(--On-background);
  text-align: start;
}
.wrap > .content {
  padding: 70px 16px 20px;
}
@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
a {
  color: var(--Inverse-primary);
}
a:hover,
a:focus {
  color: var(--Primary);
  outline: none;
}
.new-feedback {
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
  padding-top: 2px;
  border-radius: 20px;
  font-size: 14/16rem;
  background-color: var(--Error);
}
.page-header {
  border: none;
  margin: 0 0 24px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: var(--On-surface);
}
.page-header > * {
  margin-top: 8px;
  margin-bottom: 8px;
}
.page-header > *:not(:last-child) {
  margin-right: 8px;
}
.panel {
  background-color: var(--Surface);
}
.card,
.panel-default {
  --Surface: var(--Surface1);
  --Background: var(--Surface1);
  color: var(--On-surface);
  box-shadow: var(--elevation-2);
  border-radius: 12px;
  background: var(--Surface1);
}
.card__body,
.panel-body {
  padding: 16px;
}
.card__header,
.panel-heading {
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
  border-bottom: 1px solid var(--Outline);
  padding: 16px;
  font-family: var(--Bold);
}
.card__header,
.panel-default > .panel-heading {
  background-color: transparent;
  border-color: var(--Outline-variant);
  color: var(--On-surface);
}
.input-group-addon {
  border-color: var(--Outline);
  border-radius: 40px 0 0 40px;
  background-color: transparent;
  color: var(--Primary);
}
.input-group .input-group-addon + .form-control {
  border-radius: 0 40px 40px 0;
}
.b-edit-form {
  padding-top: 0;
}
.b-edit-form .blog-editor {
  margin-top: 5px;
}
.container-fluid.popup-tabs {
  margin-left: unset;
  margin-right: unset;
}