@font-face {
  font-family: "Heading Pro";
  src: url("/public/fonts/HeadingPro-Regular.ttf") format("ttf"), url("/public/fonts/HeadingPro-Regular.ttf") format("woff");
}

* {
  font-family: "Roboto";
}

.container {
  padding: 1rem !important;
}

.sidebar-wrapper {
  background-color: #f5f7fb;
}

.sidebar-wrapper .v-navigation-drawer__border {
  display: none;
}

.inner-select {
  width: 4.5rem;
}

.inner-select .v-input__slot {
  padding-right: 0 !important;
}

.heading-pro {
  font-family: "Heading Pro";
  font-weight: 400;
}

html {
  overflow-y: auto !important;
}

.v-size--x-large {
  height: 56px !important;
}

.grey-background {
  background: #eee !important;
}

.brown-background {
  background: #aba89f;
}

.breadcrumbs-wrapper {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  grid-gap: 1rem;
}

.v-application--wrap {
  min-height: 100dvh !important;
}

.small-alert-wrapper {
  padding: 5px !important;
}

.small-alert-wrapper i {
  margin-right: 12px;
  margin-top: 2px;
  padding-left: 4px;
}

.request-row.pending {
  background: linear-gradient(90deg, #ffc107 -10%, #eeeeee 21%, #eeeeee 100%) !important;
}

.request-row.preorder {
  background: linear-gradient(90deg, #2196f3 -10%, #eeeeee 21%, #eeeeee 100%) !important;
}

.request-row.rejected {
  background: linear-gradient(90deg, #ff4b22 -10%, #eeeeee 21%, #eeeeee 100%) !important;
}

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

.start-page .v-card {
  min-width: 200px;
  min-height: 200px;
  background-color: #ff5a00 !important;
}

.color-primary {
  color: #ff5a00;
}

.list--search {
  font-size: 14px;
  padding: 5px;
  padding-left: 0;
}

.list--search:focus {
  outline: none;
}

.page {
  min-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
}

.page .v-card {
  height: 100%;
}

.request-time-info {
  width: 185px;
}

.requests-list-filter {
  transition: 0.3s ease-in-out;
  background-color: white;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 5;
}

@media (max-width: 520px) {
  .page {
    min-height: calc(100vh - 88px);
  }

  .page .v-card {
    min-height: 100%;
    height: initial;
  }

  .request-time-info {
    width: unset;
  }

  .requests-list-filter {
    position: relative;
    box-shadow: unset !important;
  }
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-thumb {
  background: rgba(20, 16, 41, 0.6);
  border-radius: 0;
}

*::-webkit-scrollbar-track {
  background: rgba(20, 16, 41, 0.12);
}

.row-pointer tbody tr {
  cursor: pointer;
}

.no-td-border td {
  border: none !important;
}

.no-td-border .v-row-group__header:first-child th {
  border-top: none !important;
}

.v-row-group__header {
  background: #fff !important;
}

.v-row-group__header th {
  border-bottom: none !important;
  border-top: thin solid rgba(0, 0, 0, 0.12) !important;
}

header {
  z-index: 10 !important;
}

.v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense textarea {
  margin-bottom: 4px;
  line-height: 1.6;
}

.request--orders {
  border-radius: 4px;
  overflow: hidden;
}

.request--orders--order-row {
  transition: 0.3s ease-in-out;
  border-radius: 4px;
  padding-right: 5px;
}

.request--orders--order-row:hover {
  background: linear-gradient(270deg, #00000024, transparent);
}

@media (min-width: 1920px) {
  .request--orders {
    max-height: 50vh;
    overflow-y: auto;
  }
}

.v-btn:not(.v-btn--outlined).primary img {
  filter: invert(100%);
}

.img-icon {
  opacity: 0.5;
  width: 24px;
}

.v-btn--disabled img {
  opacity: 0.2;
}

.shipping-idicator {
  width: 15px;
  height: 15px;
  border: 1px solid #757575;
  border-radius: 2px;
}

.shipping-idicator.long {
  width: 30px;
}

.shipping-idicator.self {
  width: 32px;
}

.shipping-idicator.ready {
  background: #71ca0a;
}

.shipping-idicator.shipped {
  background: #71ca0a;
}

.shipping-idicator.delivered {
  background: #71ca0a;
}

.raw-materials-shipping-indicator {
  width: 15px;
  height: 15px;
  border: 1px solid #757575;
  border-radius: 2px;
}

.raw-materials-shipping-indicator.long {
  width: 30px;
}

.raw-materials-shipping-indicator.half {
  background: linear-gradient(135deg, transparent 50%, #eee 50%);
}

.raw-materials-shipping-indicator.half.long {
  background: linear-gradient(157deg, transparent 54%, #eee 50%);
}

.v-btn.input-height {
  height: 38px !important;
}

.v-btn.inactive::before {
  background-color: transparent;
}

.bottom-nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 5;
  background-color: white;
  height: 56px;
  display: flex;
  align-items: center;
}

.bottom-nav .v-btn {
  height: 100% !important;
}

.crossout {
  text-decoration: line-through;
  background-color: yellow;
}

.small-badge .v-badge__badge {
  min-width: 13px;
  width: 13px;
  height: 13px;
  font-size: 10px;
  padding: 2px 4px;
}

.v-time-picker-title__time .v-picker__title__btn,
.v-time-picker-title__time span {
  font-size: 56px !important;
  height: 56px !important;
}

.append-margin-10 .v-text-field--enclosed .v-input__append-inner {
  margin-top: 10px !important;
}

.v-data-table .v-text-field {
  border-radius: 0 !important;
}

.v-data-table.bordered td {
  border-right: thin solid rgba(0, 0, 0, 0.12);
}

.v-data-table.bordered td:last-child {
  border-right: none;
}

.stamps__templates .stamps__template {
  display: flex;
  justify-content: center;
}

.stamps__templates .stamps__template .stamps__templates__form {
  border: 2px solid #ff5a00;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

.stamps__templates .stamps__template .stamps__templates__form.active {
  background: #ff5a00;
}

.stamps__templates .stamps__template .stamps__templates__form.square {
  width: 100%;
  border-radius: 8px;
  aspect-ratio: 1/1;
}

.stamps__templates .stamps__template .stamps__templates__form.rectangle {
  width: 100%;
  border-radius: 8px;
  aspect-ratio: 1/1.5;
}

.stamps__templates .stamps__template .stamps__templates__form.ellipsis {
  width: 100%;
  border-radius: 100% !important;
  aspect-ratio: 1/1.5;
}

.stamps__templates .stamps__template .stamps__templates__form.circle {
  width: 100%;
  border-radius: 100% !important;
  aspect-ratio: 1/1;
}

.stamps__templates .stamps__template .stamps__templates__form.line {
  width: 2px;
  border-radius: 8px;
  height: 150px;
  aspect-ratio: 1/1;
}

.v-file-input .v-input__slot {
  cursor: pointer !important;
}

.calc-info__wrapper p {
  margin-bottom: 0 !important;
}

.calc-info__wrapper > .calc-info__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  align-items: center;
  margin-bottom: 0.25rem;
}

.calc-info__wrapper > .calc-info__row p {
  max-width: 20rem;
}

.calc-info__wrapper > .calc-info__row > div > p:last-of-type {
  font-size: 20px;
}

@media (max-width: 1400px) {
  .calc-info__wrapper > .calc-info__row.client-price {
    grid-template-columns: 1fr;
  }
}

.calc-info__wrapper hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.calc-info__wrapper h3 {
  margin-bottom: 0.25rem;
}

.client-price {
  display: flex;
  grid-gap: 1rem;
  align-items: baseline;
}

.client-price .client-price-input .v-input__slot {
  padding-left: 0 !important;
}

.client-price .client-price-input .v-input__slot .v-text-field__slot {
  color: #ff5b00 !important;
  font-size: 24px;
  font-weight: bold;
}

.client-price .client-price-input .v-input__slot .v-text-field__slot input {
  color: #ff5b00 !important;
}

.client-price .client-price-input .v-input__slot .v-text-field__slot input::-moz-placeholder {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0.5rem;
}

.client-price .client-price-input .v-input__slot .v-text-field__slot input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0.5rem;
}

.client-price .client-price-input .v-input__slot .v-text-field__slot input::placeholder {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0.5rem;
}

.best-result {
  display: flex;
  grid-gap: 0.5rem;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.other-result {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-column-gap: 0.5rem;
  align-items: center;
  padding: 0.5rem 1rem;
  transition: 0.3s;
  border-bottom: 1px solid #ededed;
}

.other-result > p:first-of-type {
  cursor: pointer;
  transition: 0.2s;
}

.other-result > p:first-of-type:hover {
  color: #ff5b00;
}

.other-result:last-of-type {
  border-bottom: 0;
}

.other-result.test-record {
  grid-template-columns: 1fr auto auto auto;
}

.other-result.test-record > div:first-of-type {
  grid-column-end: span 4;
}

.other-result:hover {
  background: #f5f5f5;
}

.other-result.selected {
  background: #f5f5f5;
}

.other-result.selected > p:first-of-type {
  color: #ff5b00;
}

.other-result > div:first-of-type {
  cursor: pointer;
  transition: 0.3s;
  grid-column-end: span 3;
  padding-bottom: 0.5rem;
}

.other-result > div:first-of-type:hover {
  color: black;
}

.other-result p {
  margin-bottom: 0 !important;
}

.detailed-info {
  margin-top: 1rem;
  overflow: auto;
  border-radius: 4px;
  background: #f9f9f9;
}

.detailed-info table {
  width: 100%;
  border-collapse: collapse;
}

.detailed-info table tr:nth-child(2n-1) {
  background: #eee;
}

.detailed-info table tr.section-total {
  background: #d3d3d3;
  font-weight: bold;
  border-bottom: 2px solid #a7a7a7;
}

.detailed-info table tr.section-total td {
  padding: 0.15rem 1rem;
}

.detailed-info table td,
.detailed-info table th {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0.3rem 1rem;
  text-align: start;
  font-size: 14px;
}

.detailed-info table td:nth-of-type(5),
.detailed-info table th:nth-of-type(5) {
  text-align: end;
}

.detailed-info table td:last-of-type,
.detailed-info table th:last-of-type {
  border-right: none;
  text-align: center;
}

.detailed-info table tr:last-of-type td {
  border-bottom: none;
}

.calendar-width__card__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
}

.calendar-width__card__wrapper .calendar-width__card {
  padding: 1rem;
  background: #f5f5f5;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.calendar-width__card__wrapper .calendar-width__card:hover {
  background: #e4e4e4;
}

.calendar-width__card__wrapper .calendar-width__card > span:first-of-type {
  font-weight: bold;
  font-size: 16px;
}

.calendar-width__card__wrapper .calendar-width__card.selected {
  background: #ff5a00;
  color: white;
}

.calendar_background_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  align-items: flex-start;
}

.calendar_background_wrapper.folders {
  grid-template-columns: repeat(2, 1fr);
}

.calendar_background_wrapper .calendar_background_type {
  cursor: pointer;
  padding: 0.5rem;
  transition: 0.3s;
  border-radius: 4px;
  color: #434343;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.calendar_background_wrapper .calendar_background_type p {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 14px;
  line-height: normal;
  text-align: center;
}

.calendar_background_wrapper .calendar_background_type img {
  filter: grayscale(1);
  width: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  transition: 0.2s;
  margin-inline: auto;
}

.calendar_background_wrapper .calendar_background_type:hover {
  border: 1px solid #ff5a00;
}

.calendar_background_wrapper .calendar_background_type.selected {
  border: 1px solid #ff5a00;
}

.calendar_background_wrapper .calendar_background_type.selected img {
  filter: grayscale(0);
}

.calendar_background_wrapper .calendar_background_type.selected p {
  color: #434343;
}

@media (max-width: 760px) {
  .calendar_background_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.block-param-wrapper-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}

@media (max-width: 760px) {
  .block-param-wrapper-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .block-param-wrapper-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.param-wrapper-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}

.param-wrapper {
  padding-bottom: 0 !important;
}

.param-wrapper > div {
  padding: 1rem;
  background: #eeeeee;
  border-radius: 4px;
}

.param-wrapper ul {
  list-style: none;
  padding-left: 0 !important;
}

.param-wrapper .param-header {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}

.param-wrapper .param-item {
  cursor: pointer;
  transition: 0.2s;
  padding: 0 0.75rem;
  border-radius: 2px;
}

.param-wrapper .param-item:first-letter {
  text-transform: uppercase;
}

.param-wrapper .param-item:hover {
  color: #ff5a00;
  background: #fd590014;
}

.param-wrapper .param-item.selected {
  color: #fff;
  background: #ff5a00;
}

.calc-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}

@media (max-width: 760px) {
  .calc-wrapper {
    grid-template-columns: 1fr;
  }
}

.stats-table-wrapper {
  width: 100%;
}

@media (max-width: 760px) {
  .stats-table-wrapper {
    overflow: auto;
  }
}

.stats-table-wrapper table {
  border-collapse: collapse;
  width: 100%;
}

.stats-table-wrapper table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 4;
  background: #fff;
}

.stats-table-wrapper td,
.stats-table-wrapper th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 4px 8px;
}

.stats-table-wrapper tr th,
.stats-table-wrapper tr td {
  text-align: end;
}

.stats-table-wrapper tr th:first-of-type,
.stats-table-wrapper tr td:first-of-type {
  text-align: start;
}

.stats-table-wrapper tr:nth-child(even) {
  background-color: #eeeeee;
}

.testing-page-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  align-items: flex-start;
}

.testing-page-wrapper .detailed-info table td,
.testing-page-wrapper .detailed-info table th {
  font-size: 11px !important;
  line-height: 1;
  padding: 0.3rem;
  width: unset !important;
}

.testing-page-wrapper .details-wrapper {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
}

.testing-page-wrapper .details-wrapper .detail-sheet {
  grid-template-columns: 1fr !important;
  grid-gap: 0.5rem !important;
}

.testing-page-wrapper .details-wrapper .v-card__title {
  padding: 0.25rem 0.5rem;
  font-size: 14px;
}

.testing-page-wrapper .details-wrapper .v-card__text {
  padding-inline: 0.25rem;
  padding-bottom: 0.25rem;
}

.testing-page-wrapper .details-wrapper .v-card__text .sheet-info p {
  padding: 0 0.5rem;
  font-size: 12px;
}

.graph-wrapper text {
  font-size: 3pt;
  color: rgba(0, 0, 0, 0.53);
}

.white-overlay.v-overlay--active .v-overlay__scrim {
  opacity: 1 !important;
}

.white-overlay .v-overlay__scrim {
  background-color: rgba(255, 255, 255, 0.43) !important;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  opacity: 0 !important;
}

.white-overlay .v-overlay__content {
  color: #000 !important;
}

.Vue-Toastification__toast {
  border-radius: 4px !important;
  padding: 1rem 2rem !important;
  box-shadow: 0px 16px 24px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent), 0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent);
  align-items: baseline;
}

.Vue-Toastification__toast.Vue-Toastification__toast--warning {
  background-color: #ff9600;
}

.Vue-Toastification__toast.Vue-Toastification__toast--success {
  background-color: #4caf50;
}

.Vue-Toastification__toast.Vue-Toastification__toast--error {
  background-color: #f44336;
}

.Vue-Toastification__toast.Vue-Toastification__toast--info {
  background-color: #03a9f4;
}

.section-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  align-items: flex-start;
}

@media (max-width: 1460px) {
  .section-wrapper {
    grid-template-columns: 1fr;
  }
}

.card-subheader {
  font-size: 14px;
  padding: 0.75rem 1rem;
  background-color: #eee;
  font-weight: 600;
  color: #494949;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
}

.card-subheader p {
  margin-bottom: 0 !important;
}

.card-section {
  display: grid;
  grid-gap: 1rem;
}