@charset "UTF-8";
.upper-scroll > .scroll {
  transform: rotateX(180deg);
}

.upper-scroll > .scroll > .q-table {
  transform: rotateX(180deg);
}

.q-table {
  color: #35363A;
}
.q-table .q-tr.warnig td {
  background: #fef7f9;
  color: #f44336;
  font-weight: 700;
}
.q-table .q-tr.alerts td {
  background: #fef7f9;
  color: #ee7800;
  font-weight: 700;
}
.q-table th,
.q-table td {
  border-right: 1px solid #c1c1c1;
}
.q-table th {
  font-size: 16px;
  font-weight: 400;
}
.q-table td {
  font-size: 14px;
}
.q-table thead th {
  background-color: #e3e4e8;
}
.q-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.q-table tr:nth-child(even) td {
  background-color: #f2f2f2;
}
.q-table tr:nth-child(odd) td {
  background-color: white;
}
.q-table .tr-edit {
  width: 72px;
}
.q-table tr.sticky-header {
  position: sticky;
  z-index: 2;
  top: 0;
}

.q-table__middle.sticky-first-colum th:first-child,
.q-table__middle.sticky-first-colum td:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}

.q-table__spinnerLoading {
  min-height: 120px;
  border-radius: 4px;
}

.uplot table {
  background: rgba(61, 138, 184, 0.08);
  bottom: 0;
}
.uplot table > tbody > tr > th > .u-marker,
.uplot table > tr > th > .u-marker {
  border-width: 7px !important;
}
.uplot table > tbody > tr[class*=circle-] > th > .u-marker,
.uplot table > tr[class*=circle-] > th > .u-marker {
  border-radius: 50%;
}
.uplot table > tbody > tr[class*=outlined] > th > .u-marker,
.uplot table > tr[class*=outlined] > th > .u-marker {
  border-width: 2px !important;
}
.uplot .u-series {
  font-size: 12px;
  text-align: left;
  left: 0;
}
.uplot .u-series:first-child {
  font-size: 16px;
  width: 100%;
}
.uplot .u-series:first-child .u-marker {
  display: none;
}
.uplot .u-inline {
  text-align: left;
  padding: 8px 16px;
}
@media (min-width: 1023px) {
  .uplot .u-inline {
    padding: 16px 32px;
  }
}

.uplot-section .target {
  padding-bottom: 20px;
}

.tabel-styiky-right th:last-child,
.tabel-styiky-right td:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
}

.tabel-sticky-right-2 th:nth-last-child(2),
.tabel-sticky-right-2 td:nth-last-child(2) {
  position: sticky;
  right: 57px;
  z-index: 1;
}

.table-sticky-left th:first-child,
.table-sticky-left td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}

.text-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  letter-spacing: normal;
  color: #777;
}
.text-title .sub {
  font-size: 1.25rem;
}

.text-discription {
  font-size: 0.95rem;
  color: #777;
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.text-decoration-none {
  text-decoration: none;
}

.fs-px-10 {
  font-size: 10px;
}
@media (max-width: 1023px) {
  .fs-px-10-md {
    font-size: 10px !important;
  }
}
.fs-px-12 {
  font-size: 12px;
}
@media (max-width: 1023px) {
  .fs-px-12-md {
    font-size: 12px !important;
  }
}
.fs-px-14 {
  font-size: 14px;
}
@media (max-width: 1023px) {
  .fs-px-14-md {
    font-size: 14px !important;
  }
}
.fs-px-16 {
  font-size: 16px;
}
@media (max-width: 1023px) {
  .fs-px-16-md {
    font-size: 16px !important;
  }
}
.fs-px-18 {
  font-size: 18px;
}
@media (max-width: 1023px) {
  .fs-px-18-md {
    font-size: 18px !important;
  }
}
.fs-px-20 {
  font-size: 20px;
}
@media (max-width: 1023px) {
  .fs-px-20-md {
    font-size: 20px !important;
  }
}
.fs-px-22 {
  font-size: 22px;
}
@media (max-width: 1023px) {
  .fs-px-22-md {
    font-size: 22px !important;
  }
}
.fs-px-24 {
  font-size: 24px;
}
@media (max-width: 1023px) {
  .fs-px-24-md {
    font-size: 24px !important;
  }
}
.fs-px-26 {
  font-size: 26px;
}
@media (max-width: 1023px) {
  .fs-px-26-md {
    font-size: 26px !important;
  }
}
.fs-px-28 {
  font-size: 28px;
}
@media (max-width: 1023px) {
  .fs-px-28-md {
    font-size: 28px !important;
  }
}
.fs-px-30 {
  font-size: 30px;
}
@media (max-width: 1023px) {
  .fs-px-30-md {
    font-size: 30px !important;
  }
}
.fs-px-32 {
  font-size: 32px;
}
@media (max-width: 1023px) {
  .fs-px-32-md {
    font-size: 32px !important;
  }
}

@media (min-width: 1400px) {
  .q-toolbar {
    height: 72px;
  }
}

.fet__icon-size {
  font-size: 16px !important;
}
@media (min-width: 1400px) {
  .fet__icon-size {
    font-size: 22px !important;
  }
}

aside .q-item {
  padding-top: 13px;
  padding-bottom: 13px;
}
aside .q-item.q-router-link--active {
  background-color: rgba(61, 138, 184, 0.2);
}

.text-opacity-secondary {
  color: #35363A8f !important;
}

.q-field__label {
  color: #35363A;
}

.q-toolbar .q-btn .q-icon {
  font-size: 14px;
}
@media (min-width: 1400px) {
  .q-toolbar .q-btn .q-icon {
    font-size: 20px;
  }
}

.text-link {
  color: blue;
  cursor: pointer;
}

.q-dialog .bg-btn-footer {
  background-color: rgba(239, 239, 239, 0.4);
  padding: 16px;
}
@media (min-width: 1023px) {
  .q-dialog .bg-btn-footer {
    padding: 16px 32px;
  }
}
.q-dialog__title {
  font-size: 24px;
  font-weight: 400;
}
.q-dialog .q-tree__node span {
  display: none;
}
.q-dialog .q-dialog__inner--minimized {
  padding: 24px 10px;
}
@media (min-width: 1023px) {
  .q-dialog .q-dialog__inner--minimized {
    padding: 24px;
  }
}

.border {
  border: 0.5px solid rgba(0, 0, 0, 0.12);
}
.border-1 {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.border-2 {
  border: 2px solid rgba(0, 0, 0, 0.12);
}
.border-top {
  border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.border-right {
  border-right: 0.5px solid rgba(0, 0, 0, 0.12);
}
.border-left {
  border-left: 0.5px solid rgba(0, 0, 0, 0.12);
}

.border-black {
  border-color: black;
}

.border-grey-7 {
  border-color: rgba(111, 111, 111, 0.435);
}

.border-grey-6 {
  border-color: #35363Acc;
}

.card-title-raius {
  border-radius: 0.3px 0 3px 0;
}

.q-field--outlined .q-field__control:before, .q-field--outlined .q-field__control:after {
  border-color: #3d8ab8;
}

.q-page {
  padding: 4px 0 20px;
  color: #35363A !important;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #ebf4f8;
}

.card {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 1023px) {
  .card {
    margin-left: 32px;
    margin-right: 32px;
  }
}
.card-md-direction {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .card-md-direction {
    flex-direction: row;
  }
}

.image-width {
  width: 480px;
  max-width: 100%;
  padding-bottom: 0;
}
@media (min-width: 1023px) {
  .image-width {
    padding-bottom: 16px;
  }
}

.height-80 {
  height: 80px;
}

.ma-px-10 {
  margin: 10px;
}
@media (max-width: 1023px) {
  .ma-px-10-md {
    margin: 10px !important;
  }
}

.my-px-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .my-px-10-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

.mx-px-10 {
  margin-right: 10px;
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .mx-px-10-md {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
}

.mt-px-10 {
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .mt-px-10-md {
    margin-top: 10px !important;
  }
}

.me-px-10 {
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .me-px-10-md {
    margin-right: 10px !important;
  }
}

.mb-px-10 {
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .mb-px-10-md {
    margin-bottom: 10px !important;
  }
}

.ms-px-10 {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .ms-px-10-md {
    margin-left: 10px;
  }
}

.pa-px-10 {
  padding: 10px;
}
@media (max-width: 1023px) {
  .pa-px-10-md {
    padding: 10px !important;
  }
}

.py-px-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 1023px) {
  .py-px-10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

.px-px-10 {
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 1023px) {
  .px-px-10-md {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

.pt-px-10 {
  padding-top: 10px;
}
@media (max-width: 1023px) {
  .pt-px-10-md {
    padding-top: 10px !important;
  }
}

.pe-px-10 {
  padding-right: 10px;
}
@media (max-width: 1023px) {
  .pe-px-10-md {
    padding-right: 10px !important;
  }
}

.pb-px-10 {
  padding-bottom: 10px;
}
@media (max-width: 1023px) {
  .pb-px-10-md {
    padding-bottom: 10px !important;
  }
}

.ps-px-10 {
  padding-left: 10px;
}
@media (max-width: 1023px) {
  .ps-px-10-md {
    padding-left: 10px !important;
  }
}

.ma-px-12 {
  margin: 12px;
}
@media (max-width: 1023px) {
  .ma-px-12-md {
    margin: 12px !important;
  }
}

.my-px-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .my-px-12-md {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

.mx-px-12 {
  margin-right: 12px;
  margin-left: 12px;
}
@media (max-width: 1023px) {
  .mx-px-12-md {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
}

.mt-px-12 {
  margin-top: 12px;
}
@media (max-width: 1023px) {
  .mt-px-12-md {
    margin-top: 12px !important;
  }
}

.me-px-12 {
  margin-right: 12px;
}
@media (max-width: 1023px) {
  .me-px-12-md {
    margin-right: 12px !important;
  }
}

.mb-px-12 {
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .mb-px-12-md {
    margin-bottom: 12px !important;
  }
}

.ms-px-12 {
  margin-left: 12px;
}
@media (max-width: 1023px) {
  .ms-px-12-md {
    margin-left: 12px;
  }
}

.pa-px-12 {
  padding: 12px;
}
@media (max-width: 1023px) {
  .pa-px-12-md {
    padding: 12px !important;
  }
}

.py-px-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 1023px) {
  .py-px-12-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

.px-px-12 {
  padding-right: 12px;
  padding-left: 12px;
}
@media (max-width: 1023px) {
  .px-px-12-md {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
}

.pt-px-12 {
  padding-top: 12px;
}
@media (max-width: 1023px) {
  .pt-px-12-md {
    padding-top: 12px !important;
  }
}

.pe-px-12 {
  padding-right: 12px;
}
@media (max-width: 1023px) {
  .pe-px-12-md {
    padding-right: 12px !important;
  }
}

.pb-px-12 {
  padding-bottom: 12px;
}
@media (max-width: 1023px) {
  .pb-px-12-md {
    padding-bottom: 12px !important;
  }
}

.ps-px-12 {
  padding-left: 12px;
}
@media (max-width: 1023px) {
  .ps-px-12-md {
    padding-left: 12px !important;
  }
}

.ma-px-14 {
  margin: 14px;
}
@media (max-width: 1023px) {
  .ma-px-14-md {
    margin: 14px !important;
  }
}

.my-px-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}
@media (max-width: 1023px) {
  .my-px-14-md {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
}

.mx-px-14 {
  margin-right: 14px;
  margin-left: 14px;
}
@media (max-width: 1023px) {
  .mx-px-14-md {
    margin-right: 14px !important;
    margin-left: 14px !important;
  }
}

.mt-px-14 {
  margin-top: 14px;
}
@media (max-width: 1023px) {
  .mt-px-14-md {
    margin-top: 14px !important;
  }
}

.me-px-14 {
  margin-right: 14px;
}
@media (max-width: 1023px) {
  .me-px-14-md {
    margin-right: 14px !important;
  }
}

.mb-px-14 {
  margin-bottom: 14px;
}
@media (max-width: 1023px) {
  .mb-px-14-md {
    margin-bottom: 14px !important;
  }
}

.ms-px-14 {
  margin-left: 14px;
}
@media (max-width: 1023px) {
  .ms-px-14-md {
    margin-left: 14px;
  }
}

.pa-px-14 {
  padding: 14px;
}
@media (max-width: 1023px) {
  .pa-px-14-md {
    padding: 14px !important;
  }
}

.py-px-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
@media (max-width: 1023px) {
  .py-px-14-md {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}

.px-px-14 {
  padding-right: 14px;
  padding-left: 14px;
}
@media (max-width: 1023px) {
  .px-px-14-md {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

.pt-px-14 {
  padding-top: 14px;
}
@media (max-width: 1023px) {
  .pt-px-14-md {
    padding-top: 14px !important;
  }
}

.pe-px-14 {
  padding-right: 14px;
}
@media (max-width: 1023px) {
  .pe-px-14-md {
    padding-right: 14px !important;
  }
}

.pb-px-14 {
  padding-bottom: 14px;
}
@media (max-width: 1023px) {
  .pb-px-14-md {
    padding-bottom: 14px !important;
  }
}

.ps-px-14 {
  padding-left: 14px;
}
@media (max-width: 1023px) {
  .ps-px-14-md {
    padding-left: 14px !important;
  }
}

.ma-px-16 {
  margin: 16px;
}
@media (max-width: 1023px) {
  .ma-px-16-md {
    margin: 16px !important;
  }
}

.my-px-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .my-px-16-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.mx-px-16 {
  margin-right: 16px;
  margin-left: 16px;
}
@media (max-width: 1023px) {
  .mx-px-16-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}

.mt-px-16 {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .mt-px-16-md {
    margin-top: 16px !important;
  }
}

.me-px-16 {
  margin-right: 16px;
}
@media (max-width: 1023px) {
  .me-px-16-md {
    margin-right: 16px !important;
  }
}

.mb-px-16 {
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .mb-px-16-md {
    margin-bottom: 16px !important;
  }
}

.ms-px-16 {
  margin-left: 16px;
}
@media (max-width: 1023px) {
  .ms-px-16-md {
    margin-left: 16px;
  }
}

.pa-px-16 {
  padding: 16px;
}
@media (max-width: 1023px) {
  .pa-px-16-md {
    padding: 16px !important;
  }
}

.py-px-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 1023px) {
  .py-px-16-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

.px-px-16 {
  padding-right: 16px;
  padding-left: 16px;
}
@media (max-width: 1023px) {
  .px-px-16-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

.pt-px-16 {
  padding-top: 16px;
}
@media (max-width: 1023px) {
  .pt-px-16-md {
    padding-top: 16px !important;
  }
}

.pe-px-16 {
  padding-right: 16px;
}
@media (max-width: 1023px) {
  .pe-px-16-md {
    padding-right: 16px !important;
  }
}

.pb-px-16 {
  padding-bottom: 16px;
}
@media (max-width: 1023px) {
  .pb-px-16-md {
    padding-bottom: 16px !important;
  }
}

.ps-px-16 {
  padding-left: 16px;
}
@media (max-width: 1023px) {
  .ps-px-16-md {
    padding-left: 16px !important;
  }
}

.ma-px-18 {
  margin: 18px;
}
@media (max-width: 1023px) {
  .ma-px-18-md {
    margin: 18px !important;
  }
}

.my-px-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}
@media (max-width: 1023px) {
  .my-px-18-md {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
}

.mx-px-18 {
  margin-right: 18px;
  margin-left: 18px;
}
@media (max-width: 1023px) {
  .mx-px-18-md {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }
}

.mt-px-18 {
  margin-top: 18px;
}
@media (max-width: 1023px) {
  .mt-px-18-md {
    margin-top: 18px !important;
  }
}

.me-px-18 {
  margin-right: 18px;
}
@media (max-width: 1023px) {
  .me-px-18-md {
    margin-right: 18px !important;
  }
}

.mb-px-18 {
  margin-bottom: 18px;
}
@media (max-width: 1023px) {
  .mb-px-18-md {
    margin-bottom: 18px !important;
  }
}

.ms-px-18 {
  margin-left: 18px;
}
@media (max-width: 1023px) {
  .ms-px-18-md {
    margin-left: 18px;
  }
}

.pa-px-18 {
  padding: 18px;
}
@media (max-width: 1023px) {
  .pa-px-18-md {
    padding: 18px !important;
  }
}

.py-px-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (max-width: 1023px) {
  .py-px-18-md {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

.px-px-18 {
  padding-right: 18px;
  padding-left: 18px;
}
@media (max-width: 1023px) {
  .px-px-18-md {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}

.pt-px-18 {
  padding-top: 18px;
}
@media (max-width: 1023px) {
  .pt-px-18-md {
    padding-top: 18px !important;
  }
}

.pe-px-18 {
  padding-right: 18px;
}
@media (max-width: 1023px) {
  .pe-px-18-md {
    padding-right: 18px !important;
  }
}

.pb-px-18 {
  padding-bottom: 18px;
}
@media (max-width: 1023px) {
  .pb-px-18-md {
    padding-bottom: 18px !important;
  }
}

.ps-px-18 {
  padding-left: 18px;
}
@media (max-width: 1023px) {
  .ps-px-18-md {
    padding-left: 18px !important;
  }
}

.ma-px-20 {
  margin: 20px;
}
@media (max-width: 1023px) {
  .ma-px-20-md {
    margin: 20px !important;
  }
}

.my-px-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .my-px-20-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

.mx-px-20 {
  margin-right: 20px;
  margin-left: 20px;
}
@media (max-width: 1023px) {
  .mx-px-20-md {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}

.mt-px-20 {
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .mt-px-20-md {
    margin-top: 20px !important;
  }
}

.me-px-20 {
  margin-right: 20px;
}
@media (max-width: 1023px) {
  .me-px-20-md {
    margin-right: 20px !important;
  }
}

.mb-px-20 {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .mb-px-20-md {
    margin-bottom: 20px !important;
  }
}

.ms-px-20 {
  margin-left: 20px;
}
@media (max-width: 1023px) {
  .ms-px-20-md {
    margin-left: 20px;
  }
}

.pa-px-20 {
  padding: 20px;
}
@media (max-width: 1023px) {
  .pa-px-20-md {
    padding: 20px !important;
  }
}

.py-px-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .py-px-20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.px-px-20 {
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 1023px) {
  .px-px-20-md {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}

.pt-px-20 {
  padding-top: 20px;
}
@media (max-width: 1023px) {
  .pt-px-20-md {
    padding-top: 20px !important;
  }
}

.pe-px-20 {
  padding-right: 20px;
}
@media (max-width: 1023px) {
  .pe-px-20-md {
    padding-right: 20px !important;
  }
}

.pb-px-20 {
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .pb-px-20-md {
    padding-bottom: 20px !important;
  }
}

.ps-px-20 {
  padding-left: 20px;
}
@media (max-width: 1023px) {
  .ps-px-20-md {
    padding-left: 20px !important;
  }
}

.ma-px-22 {
  margin: 22px;
}
@media (max-width: 1023px) {
  .ma-px-22-md {
    margin: 22px !important;
  }
}

.my-px-22 {
  margin-top: 22px;
  margin-bottom: 22px;
}
@media (max-width: 1023px) {
  .my-px-22-md {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }
}

.mx-px-22 {
  margin-right: 22px;
  margin-left: 22px;
}
@media (max-width: 1023px) {
  .mx-px-22-md {
    margin-right: 22px !important;
    margin-left: 22px !important;
  }
}

.mt-px-22 {
  margin-top: 22px;
}
@media (max-width: 1023px) {
  .mt-px-22-md {
    margin-top: 22px !important;
  }
}

.me-px-22 {
  margin-right: 22px;
}
@media (max-width: 1023px) {
  .me-px-22-md {
    margin-right: 22px !important;
  }
}

.mb-px-22 {
  margin-bottom: 22px;
}
@media (max-width: 1023px) {
  .mb-px-22-md {
    margin-bottom: 22px !important;
  }
}

.ms-px-22 {
  margin-left: 22px;
}
@media (max-width: 1023px) {
  .ms-px-22-md {
    margin-left: 22px;
  }
}

.pa-px-22 {
  padding: 22px;
}
@media (max-width: 1023px) {
  .pa-px-22-md {
    padding: 22px !important;
  }
}

.py-px-22 {
  padding-top: 22px;
  padding-bottom: 22px;
}
@media (max-width: 1023px) {
  .py-px-22-md {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
}

.px-px-22 {
  padding-right: 22px;
  padding-left: 22px;
}
@media (max-width: 1023px) {
  .px-px-22-md {
    padding-right: 22px !important;
    padding-left: 22px !important;
  }
}

.pt-px-22 {
  padding-top: 22px;
}
@media (max-width: 1023px) {
  .pt-px-22-md {
    padding-top: 22px !important;
  }
}

.pe-px-22 {
  padding-right: 22px;
}
@media (max-width: 1023px) {
  .pe-px-22-md {
    padding-right: 22px !important;
  }
}

.pb-px-22 {
  padding-bottom: 22px;
}
@media (max-width: 1023px) {
  .pb-px-22-md {
    padding-bottom: 22px !important;
  }
}

.ps-px-22 {
  padding-left: 22px;
}
@media (max-width: 1023px) {
  .ps-px-22-md {
    padding-left: 22px !important;
  }
}

.ma-px-24 {
  margin: 24px;
}
@media (max-width: 1023px) {
  .ma-px-24-md {
    margin: 24px !important;
  }
}

.my-px-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .my-px-24-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

.mx-px-24 {
  margin-right: 24px;
  margin-left: 24px;
}
@media (max-width: 1023px) {
  .mx-px-24-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}

.mt-px-24 {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .mt-px-24-md {
    margin-top: 24px !important;
  }
}

.me-px-24 {
  margin-right: 24px;
}
@media (max-width: 1023px) {
  .me-px-24-md {
    margin-right: 24px !important;
  }
}

.mb-px-24 {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .mb-px-24-md {
    margin-bottom: 24px !important;
  }
}

.ms-px-24 {
  margin-left: 24px;
}
@media (max-width: 1023px) {
  .ms-px-24-md {
    margin-left: 24px;
  }
}

.pa-px-24 {
  padding: 24px;
}
@media (max-width: 1023px) {
  .pa-px-24-md {
    padding: 24px !important;
  }
}

.py-px-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 1023px) {
  .py-px-24-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

.px-px-24 {
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 1023px) {
  .px-px-24-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

.pt-px-24 {
  padding-top: 24px;
}
@media (max-width: 1023px) {
  .pt-px-24-md {
    padding-top: 24px !important;
  }
}

.pe-px-24 {
  padding-right: 24px;
}
@media (max-width: 1023px) {
  .pe-px-24-md {
    padding-right: 24px !important;
  }
}

.pb-px-24 {
  padding-bottom: 24px;
}
@media (max-width: 1023px) {
  .pb-px-24-md {
    padding-bottom: 24px !important;
  }
}

.ps-px-24 {
  padding-left: 24px;
}
@media (max-width: 1023px) {
  .ps-px-24-md {
    padding-left: 24px !important;
  }
}

.ma-px-26 {
  margin: 26px;
}
@media (max-width: 1023px) {
  .ma-px-26-md {
    margin: 26px !important;
  }
}

.my-px-26 {
  margin-top: 26px;
  margin-bottom: 26px;
}
@media (max-width: 1023px) {
  .my-px-26-md {
    margin-top: 26px !important;
    margin-bottom: 26px !important;
  }
}

.mx-px-26 {
  margin-right: 26px;
  margin-left: 26px;
}
@media (max-width: 1023px) {
  .mx-px-26-md {
    margin-right: 26px !important;
    margin-left: 26px !important;
  }
}

.mt-px-26 {
  margin-top: 26px;
}
@media (max-width: 1023px) {
  .mt-px-26-md {
    margin-top: 26px !important;
  }
}

.me-px-26 {
  margin-right: 26px;
}
@media (max-width: 1023px) {
  .me-px-26-md {
    margin-right: 26px !important;
  }
}

.mb-px-26 {
  margin-bottom: 26px;
}
@media (max-width: 1023px) {
  .mb-px-26-md {
    margin-bottom: 26px !important;
  }
}

.ms-px-26 {
  margin-left: 26px;
}
@media (max-width: 1023px) {
  .ms-px-26-md {
    margin-left: 26px;
  }
}

.pa-px-26 {
  padding: 26px;
}
@media (max-width: 1023px) {
  .pa-px-26-md {
    padding: 26px !important;
  }
}

.py-px-26 {
  padding-top: 26px;
  padding-bottom: 26px;
}
@media (max-width: 1023px) {
  .py-px-26-md {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
}

.px-px-26 {
  padding-right: 26px;
  padding-left: 26px;
}
@media (max-width: 1023px) {
  .px-px-26-md {
    padding-right: 26px !important;
    padding-left: 26px !important;
  }
}

.pt-px-26 {
  padding-top: 26px;
}
@media (max-width: 1023px) {
  .pt-px-26-md {
    padding-top: 26px !important;
  }
}

.pe-px-26 {
  padding-right: 26px;
}
@media (max-width: 1023px) {
  .pe-px-26-md {
    padding-right: 26px !important;
  }
}

.pb-px-26 {
  padding-bottom: 26px;
}
@media (max-width: 1023px) {
  .pb-px-26-md {
    padding-bottom: 26px !important;
  }
}

.ps-px-26 {
  padding-left: 26px;
}
@media (max-width: 1023px) {
  .ps-px-26-md {
    padding-left: 26px !important;
  }
}

.ma-px-28 {
  margin: 28px;
}
@media (max-width: 1023px) {
  .ma-px-28-md {
    margin: 28px !important;
  }
}

.my-px-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}
@media (max-width: 1023px) {
  .my-px-28-md {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}

.mx-px-28 {
  margin-right: 28px;
  margin-left: 28px;
}
@media (max-width: 1023px) {
  .mx-px-28-md {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
}

.mt-px-28 {
  margin-top: 28px;
}
@media (max-width: 1023px) {
  .mt-px-28-md {
    margin-top: 28px !important;
  }
}

.me-px-28 {
  margin-right: 28px;
}
@media (max-width: 1023px) {
  .me-px-28-md {
    margin-right: 28px !important;
  }
}

.mb-px-28 {
  margin-bottom: 28px;
}
@media (max-width: 1023px) {
  .mb-px-28-md {
    margin-bottom: 28px !important;
  }
}

.ms-px-28 {
  margin-left: 28px;
}
@media (max-width: 1023px) {
  .ms-px-28-md {
    margin-left: 28px;
  }
}

.pa-px-28 {
  padding: 28px;
}
@media (max-width: 1023px) {
  .pa-px-28-md {
    padding: 28px !important;
  }
}

.py-px-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}
@media (max-width: 1023px) {
  .py-px-28-md {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

.px-px-28 {
  padding-right: 28px;
  padding-left: 28px;
}
@media (max-width: 1023px) {
  .px-px-28-md {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
}

.pt-px-28 {
  padding-top: 28px;
}
@media (max-width: 1023px) {
  .pt-px-28-md {
    padding-top: 28px !important;
  }
}

.pe-px-28 {
  padding-right: 28px;
}
@media (max-width: 1023px) {
  .pe-px-28-md {
    padding-right: 28px !important;
  }
}

.pb-px-28 {
  padding-bottom: 28px;
}
@media (max-width: 1023px) {
  .pb-px-28-md {
    padding-bottom: 28px !important;
  }
}

.ps-px-28 {
  padding-left: 28px;
}
@media (max-width: 1023px) {
  .ps-px-28-md {
    padding-left: 28px !important;
  }
}

.ma-px-30 {
  margin: 30px;
}
@media (max-width: 1023px) {
  .ma-px-30-md {
    margin: 30px !important;
  }
}

.my-px-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .my-px-30-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

.mx-px-30 {
  margin-right: 30px;
  margin-left: 30px;
}
@media (max-width: 1023px) {
  .mx-px-30-md {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
}

.mt-px-30 {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .mt-px-30-md {
    margin-top: 30px !important;
  }
}

.me-px-30 {
  margin-right: 30px;
}
@media (max-width: 1023px) {
  .me-px-30-md {
    margin-right: 30px !important;
  }
}

.mb-px-30 {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .mb-px-30-md {
    margin-bottom: 30px !important;
  }
}

.ms-px-30 {
  margin-left: 30px;
}
@media (max-width: 1023px) {
  .ms-px-30-md {
    margin-left: 30px;
  }
}

.pa-px-30 {
  padding: 30px;
}
@media (max-width: 1023px) {
  .pa-px-30-md {
    padding: 30px !important;
  }
}

.py-px-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 1023px) {
  .py-px-30-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.px-px-30 {
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1023px) {
  .px-px-30-md {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}

.pt-px-30 {
  padding-top: 30px;
}
@media (max-width: 1023px) {
  .pt-px-30-md {
    padding-top: 30px !important;
  }
}

.pe-px-30 {
  padding-right: 30px;
}
@media (max-width: 1023px) {
  .pe-px-30-md {
    padding-right: 30px !important;
  }
}

.pb-px-30 {
  padding-bottom: 30px;
}
@media (max-width: 1023px) {
  .pb-px-30-md {
    padding-bottom: 30px !important;
  }
}

.ps-px-30 {
  padding-left: 30px;
}
@media (max-width: 1023px) {
  .ps-px-30-md {
    padding-left: 30px !important;
  }
}

.ma-px-32 {
  margin: 32px;
}
@media (max-width: 1023px) {
  .ma-px-32-md {
    margin: 32px !important;
  }
}

.my-px-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .my-px-32-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

.mx-px-32 {
  margin-right: 32px;
  margin-left: 32px;
}
@media (max-width: 1023px) {
  .mx-px-32-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}

.mt-px-32 {
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .mt-px-32-md {
    margin-top: 32px !important;
  }
}

.me-px-32 {
  margin-right: 32px;
}
@media (max-width: 1023px) {
  .me-px-32-md {
    margin-right: 32px !important;
  }
}

.mb-px-32 {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .mb-px-32-md {
    margin-bottom: 32px !important;
  }
}

.ms-px-32 {
  margin-left: 32px;
}
@media (max-width: 1023px) {
  .ms-px-32-md {
    margin-left: 32px;
  }
}

.pa-px-32 {
  padding: 32px;
}
@media (max-width: 1023px) {
  .pa-px-32-md {
    padding: 32px !important;
  }
}

.py-px-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 1023px) {
  .py-px-32-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

.px-px-32 {
  padding-right: 32px;
  padding-left: 32px;
}
@media (max-width: 1023px) {
  .px-px-32-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}

.pt-px-32 {
  padding-top: 32px;
}
@media (max-width: 1023px) {
  .pt-px-32-md {
    padding-top: 32px !important;
  }
}

.pe-px-32 {
  padding-right: 32px;
}
@media (max-width: 1023px) {
  .pe-px-32-md {
    padding-right: 32px !important;
  }
}

.pb-px-32 {
  padding-bottom: 32px;
}
@media (max-width: 1023px) {
  .pb-px-32-md {
    padding-bottom: 32px !important;
  }
}

.ps-px-32 {
  padding-left: 32px;
}
@media (max-width: 1023px) {
  .ps-px-32-md {
    padding-left: 32px !important;
  }
}

.ma-px-34 {
  margin: 34px;
}
@media (max-width: 1023px) {
  .ma-px-34-md {
    margin: 34px !important;
  }
}

.my-px-34 {
  margin-top: 34px;
  margin-bottom: 34px;
}
@media (max-width: 1023px) {
  .my-px-34-md {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }
}

.mx-px-34 {
  margin-right: 34px;
  margin-left: 34px;
}
@media (max-width: 1023px) {
  .mx-px-34-md {
    margin-right: 34px !important;
    margin-left: 34px !important;
  }
}

.mt-px-34 {
  margin-top: 34px;
}
@media (max-width: 1023px) {
  .mt-px-34-md {
    margin-top: 34px !important;
  }
}

.me-px-34 {
  margin-right: 34px;
}
@media (max-width: 1023px) {
  .me-px-34-md {
    margin-right: 34px !important;
  }
}

.mb-px-34 {
  margin-bottom: 34px;
}
@media (max-width: 1023px) {
  .mb-px-34-md {
    margin-bottom: 34px !important;
  }
}

.ms-px-34 {
  margin-left: 34px;
}
@media (max-width: 1023px) {
  .ms-px-34-md {
    margin-left: 34px;
  }
}

.pa-px-34 {
  padding: 34px;
}
@media (max-width: 1023px) {
  .pa-px-34-md {
    padding: 34px !important;
  }
}

.py-px-34 {
  padding-top: 34px;
  padding-bottom: 34px;
}
@media (max-width: 1023px) {
  .py-px-34-md {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
}

.px-px-34 {
  padding-right: 34px;
  padding-left: 34px;
}
@media (max-width: 1023px) {
  .px-px-34-md {
    padding-right: 34px !important;
    padding-left: 34px !important;
  }
}

.pt-px-34 {
  padding-top: 34px;
}
@media (max-width: 1023px) {
  .pt-px-34-md {
    padding-top: 34px !important;
  }
}

.pe-px-34 {
  padding-right: 34px;
}
@media (max-width: 1023px) {
  .pe-px-34-md {
    padding-right: 34px !important;
  }
}

.pb-px-34 {
  padding-bottom: 34px;
}
@media (max-width: 1023px) {
  .pb-px-34-md {
    padding-bottom: 34px !important;
  }
}

.ps-px-34 {
  padding-left: 34px;
}
@media (max-width: 1023px) {
  .ps-px-34-md {
    padding-left: 34px !important;
  }
}

.ma-px-36 {
  margin: 36px;
}
@media (max-width: 1023px) {
  .ma-px-36-md {
    margin: 36px !important;
  }
}

.my-px-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (max-width: 1023px) {
  .my-px-36-md {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
}

.mx-px-36 {
  margin-right: 36px;
  margin-left: 36px;
}
@media (max-width: 1023px) {
  .mx-px-36-md {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
}

.mt-px-36 {
  margin-top: 36px;
}
@media (max-width: 1023px) {
  .mt-px-36-md {
    margin-top: 36px !important;
  }
}

.me-px-36 {
  margin-right: 36px;
}
@media (max-width: 1023px) {
  .me-px-36-md {
    margin-right: 36px !important;
  }
}

.mb-px-36 {
  margin-bottom: 36px;
}
@media (max-width: 1023px) {
  .mb-px-36-md {
    margin-bottom: 36px !important;
  }
}

.ms-px-36 {
  margin-left: 36px;
}
@media (max-width: 1023px) {
  .ms-px-36-md {
    margin-left: 36px;
  }
}

.pa-px-36 {
  padding: 36px;
}
@media (max-width: 1023px) {
  .pa-px-36-md {
    padding: 36px !important;
  }
}

.py-px-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}
@media (max-width: 1023px) {
  .py-px-36-md {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

.px-px-36 {
  padding-right: 36px;
  padding-left: 36px;
}
@media (max-width: 1023px) {
  .px-px-36-md {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
}

.pt-px-36 {
  padding-top: 36px;
}
@media (max-width: 1023px) {
  .pt-px-36-md {
    padding-top: 36px !important;
  }
}

.pe-px-36 {
  padding-right: 36px;
}
@media (max-width: 1023px) {
  .pe-px-36-md {
    padding-right: 36px !important;
  }
}

.pb-px-36 {
  padding-bottom: 36px;
}
@media (max-width: 1023px) {
  .pb-px-36-md {
    padding-bottom: 36px !important;
  }
}

.ps-px-36 {
  padding-left: 36px;
}
@media (max-width: 1023px) {
  .ps-px-36-md {
    padding-left: 36px !important;
  }
}

.ma-px-38 {
  margin: 38px;
}
@media (max-width: 1023px) {
  .ma-px-38-md {
    margin: 38px !important;
  }
}

.my-px-38 {
  margin-top: 38px;
  margin-bottom: 38px;
}
@media (max-width: 1023px) {
  .my-px-38-md {
    margin-top: 38px !important;
    margin-bottom: 38px !important;
  }
}

.mx-px-38 {
  margin-right: 38px;
  margin-left: 38px;
}
@media (max-width: 1023px) {
  .mx-px-38-md {
    margin-right: 38px !important;
    margin-left: 38px !important;
  }
}

.mt-px-38 {
  margin-top: 38px;
}
@media (max-width: 1023px) {
  .mt-px-38-md {
    margin-top: 38px !important;
  }
}

.me-px-38 {
  margin-right: 38px;
}
@media (max-width: 1023px) {
  .me-px-38-md {
    margin-right: 38px !important;
  }
}

.mb-px-38 {
  margin-bottom: 38px;
}
@media (max-width: 1023px) {
  .mb-px-38-md {
    margin-bottom: 38px !important;
  }
}

.ms-px-38 {
  margin-left: 38px;
}
@media (max-width: 1023px) {
  .ms-px-38-md {
    margin-left: 38px;
  }
}

.pa-px-38 {
  padding: 38px;
}
@media (max-width: 1023px) {
  .pa-px-38-md {
    padding: 38px !important;
  }
}

.py-px-38 {
  padding-top: 38px;
  padding-bottom: 38px;
}
@media (max-width: 1023px) {
  .py-px-38-md {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }
}

.px-px-38 {
  padding-right: 38px;
  padding-left: 38px;
}
@media (max-width: 1023px) {
  .px-px-38-md {
    padding-right: 38px !important;
    padding-left: 38px !important;
  }
}

.pt-px-38 {
  padding-top: 38px;
}
@media (max-width: 1023px) {
  .pt-px-38-md {
    padding-top: 38px !important;
  }
}

.pe-px-38 {
  padding-right: 38px;
}
@media (max-width: 1023px) {
  .pe-px-38-md {
    padding-right: 38px !important;
  }
}

.pb-px-38 {
  padding-bottom: 38px;
}
@media (max-width: 1023px) {
  .pb-px-38-md {
    padding-bottom: 38px !important;
  }
}

.ps-px-38 {
  padding-left: 38px;
}
@media (max-width: 1023px) {
  .ps-px-38-md {
    padding-left: 38px !important;
  }
}

.ma-px-40 {
  margin: 40px;
}
@media (max-width: 1023px) {
  .ma-px-40-md {
    margin: 40px !important;
  }
}

.my-px-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .my-px-40-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

.mx-px-40 {
  margin-right: 40px;
  margin-left: 40px;
}
@media (max-width: 1023px) {
  .mx-px-40-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}

.mt-px-40 {
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .mt-px-40-md {
    margin-top: 40px !important;
  }
}

.me-px-40 {
  margin-right: 40px;
}
@media (max-width: 1023px) {
  .me-px-40-md {
    margin-right: 40px !important;
  }
}

.mb-px-40 {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .mb-px-40-md {
    margin-bottom: 40px !important;
  }
}

.ms-px-40 {
  margin-left: 40px;
}
@media (max-width: 1023px) {
  .ms-px-40-md {
    margin-left: 40px;
  }
}

.pa-px-40 {
  padding: 40px;
}
@media (max-width: 1023px) {
  .pa-px-40-md {
    padding: 40px !important;
  }
}

.py-px-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 1023px) {
  .py-px-40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

.px-px-40 {
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 1023px) {
  .px-px-40-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}

.pt-px-40 {
  padding-top: 40px;
}
@media (max-width: 1023px) {
  .pt-px-40-md {
    padding-top: 40px !important;
  }
}

.pe-px-40 {
  padding-right: 40px;
}
@media (max-width: 1023px) {
  .pe-px-40-md {
    padding-right: 40px !important;
  }
}

.pb-px-40 {
  padding-bottom: 40px;
}
@media (max-width: 1023px) {
  .pb-px-40-md {
    padding-bottom: 40px !important;
  }
}

.ps-px-40 {
  padding-left: 40px;
}
@media (max-width: 1023px) {
  .ps-px-40-md {
    padding-left: 40px !important;
  }
}

.ma-px-42 {
  margin: 42px;
}
@media (max-width: 1023px) {
  .ma-px-42-md {
    margin: 42px !important;
  }
}

.my-px-42 {
  margin-top: 42px;
  margin-bottom: 42px;
}
@media (max-width: 1023px) {
  .my-px-42-md {
    margin-top: 42px !important;
    margin-bottom: 42px !important;
  }
}

.mx-px-42 {
  margin-right: 42px;
  margin-left: 42px;
}
@media (max-width: 1023px) {
  .mx-px-42-md {
    margin-right: 42px !important;
    margin-left: 42px !important;
  }
}

.mt-px-42 {
  margin-top: 42px;
}
@media (max-width: 1023px) {
  .mt-px-42-md {
    margin-top: 42px !important;
  }
}

.me-px-42 {
  margin-right: 42px;
}
@media (max-width: 1023px) {
  .me-px-42-md {
    margin-right: 42px !important;
  }
}

.mb-px-42 {
  margin-bottom: 42px;
}
@media (max-width: 1023px) {
  .mb-px-42-md {
    margin-bottom: 42px !important;
  }
}

.ms-px-42 {
  margin-left: 42px;
}
@media (max-width: 1023px) {
  .ms-px-42-md {
    margin-left: 42px;
  }
}

.pa-px-42 {
  padding: 42px;
}
@media (max-width: 1023px) {
  .pa-px-42-md {
    padding: 42px !important;
  }
}

.py-px-42 {
  padding-top: 42px;
  padding-bottom: 42px;
}
@media (max-width: 1023px) {
  .py-px-42-md {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
}

.px-px-42 {
  padding-right: 42px;
  padding-left: 42px;
}
@media (max-width: 1023px) {
  .px-px-42-md {
    padding-right: 42px !important;
    padding-left: 42px !important;
  }
}

.pt-px-42 {
  padding-top: 42px;
}
@media (max-width: 1023px) {
  .pt-px-42-md {
    padding-top: 42px !important;
  }
}

.pe-px-42 {
  padding-right: 42px;
}
@media (max-width: 1023px) {
  .pe-px-42-md {
    padding-right: 42px !important;
  }
}

.pb-px-42 {
  padding-bottom: 42px;
}
@media (max-width: 1023px) {
  .pb-px-42-md {
    padding-bottom: 42px !important;
  }
}

.ps-px-42 {
  padding-left: 42px;
}
@media (max-width: 1023px) {
  .ps-px-42-md {
    padding-left: 42px !important;
  }
}

.ma-px-44 {
  margin: 44px;
}
@media (max-width: 1023px) {
  .ma-px-44-md {
    margin: 44px !important;
  }
}

.my-px-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}
@media (max-width: 1023px) {
  .my-px-44-md {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
}

.mx-px-44 {
  margin-right: 44px;
  margin-left: 44px;
}
@media (max-width: 1023px) {
  .mx-px-44-md {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
}

.mt-px-44 {
  margin-top: 44px;
}
@media (max-width: 1023px) {
  .mt-px-44-md {
    margin-top: 44px !important;
  }
}

.me-px-44 {
  margin-right: 44px;
}
@media (max-width: 1023px) {
  .me-px-44-md {
    margin-right: 44px !important;
  }
}

.mb-px-44 {
  margin-bottom: 44px;
}
@media (max-width: 1023px) {
  .mb-px-44-md {
    margin-bottom: 44px !important;
  }
}

.ms-px-44 {
  margin-left: 44px;
}
@media (max-width: 1023px) {
  .ms-px-44-md {
    margin-left: 44px;
  }
}

.pa-px-44 {
  padding: 44px;
}
@media (max-width: 1023px) {
  .pa-px-44-md {
    padding: 44px !important;
  }
}

.py-px-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}
@media (max-width: 1023px) {
  .py-px-44-md {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}

.px-px-44 {
  padding-right: 44px;
  padding-left: 44px;
}
@media (max-width: 1023px) {
  .px-px-44-md {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
}

.pt-px-44 {
  padding-top: 44px;
}
@media (max-width: 1023px) {
  .pt-px-44-md {
    padding-top: 44px !important;
  }
}

.pe-px-44 {
  padding-right: 44px;
}
@media (max-width: 1023px) {
  .pe-px-44-md {
    padding-right: 44px !important;
  }
}

.pb-px-44 {
  padding-bottom: 44px;
}
@media (max-width: 1023px) {
  .pb-px-44-md {
    padding-bottom: 44px !important;
  }
}

.ps-px-44 {
  padding-left: 44px;
}
@media (max-width: 1023px) {
  .ps-px-44-md {
    padding-left: 44px !important;
  }
}

.ma-px-46 {
  margin: 46px;
}
@media (max-width: 1023px) {
  .ma-px-46-md {
    margin: 46px !important;
  }
}

.my-px-46 {
  margin-top: 46px;
  margin-bottom: 46px;
}
@media (max-width: 1023px) {
  .my-px-46-md {
    margin-top: 46px !important;
    margin-bottom: 46px !important;
  }
}

.mx-px-46 {
  margin-right: 46px;
  margin-left: 46px;
}
@media (max-width: 1023px) {
  .mx-px-46-md {
    margin-right: 46px !important;
    margin-left: 46px !important;
  }
}

.mt-px-46 {
  margin-top: 46px;
}
@media (max-width: 1023px) {
  .mt-px-46-md {
    margin-top: 46px !important;
  }
}

.me-px-46 {
  margin-right: 46px;
}
@media (max-width: 1023px) {
  .me-px-46-md {
    margin-right: 46px !important;
  }
}

.mb-px-46 {
  margin-bottom: 46px;
}
@media (max-width: 1023px) {
  .mb-px-46-md {
    margin-bottom: 46px !important;
  }
}

.ms-px-46 {
  margin-left: 46px;
}
@media (max-width: 1023px) {
  .ms-px-46-md {
    margin-left: 46px;
  }
}

.pa-px-46 {
  padding: 46px;
}
@media (max-width: 1023px) {
  .pa-px-46-md {
    padding: 46px !important;
  }
}

.py-px-46 {
  padding-top: 46px;
  padding-bottom: 46px;
}
@media (max-width: 1023px) {
  .py-px-46-md {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
}

.px-px-46 {
  padding-right: 46px;
  padding-left: 46px;
}
@media (max-width: 1023px) {
  .px-px-46-md {
    padding-right: 46px !important;
    padding-left: 46px !important;
  }
}

.pt-px-46 {
  padding-top: 46px;
}
@media (max-width: 1023px) {
  .pt-px-46-md {
    padding-top: 46px !important;
  }
}

.pe-px-46 {
  padding-right: 46px;
}
@media (max-width: 1023px) {
  .pe-px-46-md {
    padding-right: 46px !important;
  }
}

.pb-px-46 {
  padding-bottom: 46px;
}
@media (max-width: 1023px) {
  .pb-px-46-md {
    padding-bottom: 46px !important;
  }
}

.ps-px-46 {
  padding-left: 46px;
}
@media (max-width: 1023px) {
  .ps-px-46-md {
    padding-left: 46px !important;
  }
}

.ma-px-48 {
  margin: 48px;
}
@media (max-width: 1023px) {
  .ma-px-48-md {
    margin: 48px !important;
  }
}

.my-px-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .my-px-48-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}

.mx-px-48 {
  margin-right: 48px;
  margin-left: 48px;
}
@media (max-width: 1023px) {
  .mx-px-48-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}

.mt-px-48 {
  margin-top: 48px;
}
@media (max-width: 1023px) {
  .mt-px-48-md {
    margin-top: 48px !important;
  }
}

.me-px-48 {
  margin-right: 48px;
}
@media (max-width: 1023px) {
  .me-px-48-md {
    margin-right: 48px !important;
  }
}

.mb-px-48 {
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .mb-px-48-md {
    margin-bottom: 48px !important;
  }
}

.ms-px-48 {
  margin-left: 48px;
}
@media (max-width: 1023px) {
  .ms-px-48-md {
    margin-left: 48px;
  }
}

.pa-px-48 {
  padding: 48px;
}
@media (max-width: 1023px) {
  .pa-px-48-md {
    padding: 48px !important;
  }
}

.py-px-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 1023px) {
  .py-px-48-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

.px-px-48 {
  padding-right: 48px;
  padding-left: 48px;
}
@media (max-width: 1023px) {
  .px-px-48-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}

.pt-px-48 {
  padding-top: 48px;
}
@media (max-width: 1023px) {
  .pt-px-48-md {
    padding-top: 48px !important;
  }
}

.pe-px-48 {
  padding-right: 48px;
}
@media (max-width: 1023px) {
  .pe-px-48-md {
    padding-right: 48px !important;
  }
}

.pb-px-48 {
  padding-bottom: 48px;
}
@media (max-width: 1023px) {
  .pb-px-48-md {
    padding-bottom: 48px !important;
  }
}

.ps-px-48 {
  padding-left: 48px;
}
@media (max-width: 1023px) {
  .ps-px-48-md {
    padding-left: 48px !important;
  }
}

.ma-px-50 {
  margin: 50px;
}
@media (max-width: 1023px) {
  .ma-px-50-md {
    margin: 50px !important;
  }
}

.my-px-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .my-px-50-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

.mx-px-50 {
  margin-right: 50px;
  margin-left: 50px;
}
@media (max-width: 1023px) {
  .mx-px-50-md {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
}

.mt-px-50 {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  .mt-px-50-md {
    margin-top: 50px !important;
  }
}

.me-px-50 {
  margin-right: 50px;
}
@media (max-width: 1023px) {
  .me-px-50-md {
    margin-right: 50px !important;
  }
}

.mb-px-50 {
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .mb-px-50-md {
    margin-bottom: 50px !important;
  }
}

.ms-px-50 {
  margin-left: 50px;
}
@media (max-width: 1023px) {
  .ms-px-50-md {
    margin-left: 50px;
  }
}

.pa-px-50 {
  padding: 50px;
}
@media (max-width: 1023px) {
  .pa-px-50-md {
    padding: 50px !important;
  }
}

.py-px-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 1023px) {
  .py-px-50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

.px-px-50 {
  padding-right: 50px;
  padding-left: 50px;
}
@media (max-width: 1023px) {
  .px-px-50-md {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
}

.pt-px-50 {
  padding-top: 50px;
}
@media (max-width: 1023px) {
  .pt-px-50-md {
    padding-top: 50px !important;
  }
}

.pe-px-50 {
  padding-right: 50px;
}
@media (max-width: 1023px) {
  .pe-px-50-md {
    padding-right: 50px !important;
  }
}

.pb-px-50 {
  padding-bottom: 50px;
}
@media (max-width: 1023px) {
  .pb-px-50-md {
    padding-bottom: 50px !important;
  }
}

.ps-px-50 {
  padding-left: 50px;
}
@media (max-width: 1023px) {
  .ps-px-50-md {
    padding-left: 50px !important;
  }
}

.ma-px-52 {
  margin: 52px;
}
@media (max-width: 1023px) {
  .ma-px-52-md {
    margin: 52px !important;
  }
}

.my-px-52 {
  margin-top: 52px;
  margin-bottom: 52px;
}
@media (max-width: 1023px) {
  .my-px-52-md {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
}

.mx-px-52 {
  margin-right: 52px;
  margin-left: 52px;
}
@media (max-width: 1023px) {
  .mx-px-52-md {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
}

.mt-px-52 {
  margin-top: 52px;
}
@media (max-width: 1023px) {
  .mt-px-52-md {
    margin-top: 52px !important;
  }
}

.me-px-52 {
  margin-right: 52px;
}
@media (max-width: 1023px) {
  .me-px-52-md {
    margin-right: 52px !important;
  }
}

.mb-px-52 {
  margin-bottom: 52px;
}
@media (max-width: 1023px) {
  .mb-px-52-md {
    margin-bottom: 52px !important;
  }
}

.ms-px-52 {
  margin-left: 52px;
}
@media (max-width: 1023px) {
  .ms-px-52-md {
    margin-left: 52px;
  }
}

.pa-px-52 {
  padding: 52px;
}
@media (max-width: 1023px) {
  .pa-px-52-md {
    padding: 52px !important;
  }
}

.py-px-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}
@media (max-width: 1023px) {
  .py-px-52-md {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}

.px-px-52 {
  padding-right: 52px;
  padding-left: 52px;
}
@media (max-width: 1023px) {
  .px-px-52-md {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
}

.pt-px-52 {
  padding-top: 52px;
}
@media (max-width: 1023px) {
  .pt-px-52-md {
    padding-top: 52px !important;
  }
}

.pe-px-52 {
  padding-right: 52px;
}
@media (max-width: 1023px) {
  .pe-px-52-md {
    padding-right: 52px !important;
  }
}

.pb-px-52 {
  padding-bottom: 52px;
}
@media (max-width: 1023px) {
  .pb-px-52-md {
    padding-bottom: 52px !important;
  }
}

.ps-px-52 {
  padding-left: 52px;
}
@media (max-width: 1023px) {
  .ps-px-52-md {
    padding-left: 52px !important;
  }
}

.ma-px-54 {
  margin: 54px;
}
@media (max-width: 1023px) {
  .ma-px-54-md {
    margin: 54px !important;
  }
}

.my-px-54 {
  margin-top: 54px;
  margin-bottom: 54px;
}
@media (max-width: 1023px) {
  .my-px-54-md {
    margin-top: 54px !important;
    margin-bottom: 54px !important;
  }
}

.mx-px-54 {
  margin-right: 54px;
  margin-left: 54px;
}
@media (max-width: 1023px) {
  .mx-px-54-md {
    margin-right: 54px !important;
    margin-left: 54px !important;
  }
}

.mt-px-54 {
  margin-top: 54px;
}
@media (max-width: 1023px) {
  .mt-px-54-md {
    margin-top: 54px !important;
  }
}

.me-px-54 {
  margin-right: 54px;
}
@media (max-width: 1023px) {
  .me-px-54-md {
    margin-right: 54px !important;
  }
}

.mb-px-54 {
  margin-bottom: 54px;
}
@media (max-width: 1023px) {
  .mb-px-54-md {
    margin-bottom: 54px !important;
  }
}

.ms-px-54 {
  margin-left: 54px;
}
@media (max-width: 1023px) {
  .ms-px-54-md {
    margin-left: 54px;
  }
}

.pa-px-54 {
  padding: 54px;
}
@media (max-width: 1023px) {
  .pa-px-54-md {
    padding: 54px !important;
  }
}

.py-px-54 {
  padding-top: 54px;
  padding-bottom: 54px;
}
@media (max-width: 1023px) {
  .py-px-54-md {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }
}

.px-px-54 {
  padding-right: 54px;
  padding-left: 54px;
}
@media (max-width: 1023px) {
  .px-px-54-md {
    padding-right: 54px !important;
    padding-left: 54px !important;
  }
}

.pt-px-54 {
  padding-top: 54px;
}
@media (max-width: 1023px) {
  .pt-px-54-md {
    padding-top: 54px !important;
  }
}

.pe-px-54 {
  padding-right: 54px;
}
@media (max-width: 1023px) {
  .pe-px-54-md {
    padding-right: 54px !important;
  }
}

.pb-px-54 {
  padding-bottom: 54px;
}
@media (max-width: 1023px) {
  .pb-px-54-md {
    padding-bottom: 54px !important;
  }
}

.ps-px-54 {
  padding-left: 54px;
}
@media (max-width: 1023px) {
  .ps-px-54-md {
    padding-left: 54px !important;
  }
}

.ma-px-56 {
  margin: 56px;
}
@media (max-width: 1023px) {
  .ma-px-56-md {
    margin: 56px !important;
  }
}

.my-px-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .my-px-56-md {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
}

.mx-px-56 {
  margin-right: 56px;
  margin-left: 56px;
}
@media (max-width: 1023px) {
  .mx-px-56-md {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}

.mt-px-56 {
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .mt-px-56-md {
    margin-top: 56px !important;
  }
}

.me-px-56 {
  margin-right: 56px;
}
@media (max-width: 1023px) {
  .me-px-56-md {
    margin-right: 56px !important;
  }
}

.mb-px-56 {
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .mb-px-56-md {
    margin-bottom: 56px !important;
  }
}

.ms-px-56 {
  margin-left: 56px;
}
@media (max-width: 1023px) {
  .ms-px-56-md {
    margin-left: 56px;
  }
}

.pa-px-56 {
  padding: 56px;
}
@media (max-width: 1023px) {
  .pa-px-56-md {
    padding: 56px !important;
  }
}

.py-px-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}
@media (max-width: 1023px) {
  .py-px-56-md {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}

.px-px-56 {
  padding-right: 56px;
  padding-left: 56px;
}
@media (max-width: 1023px) {
  .px-px-56-md {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}

.pt-px-56 {
  padding-top: 56px;
}
@media (max-width: 1023px) {
  .pt-px-56-md {
    padding-top: 56px !important;
  }
}

.pe-px-56 {
  padding-right: 56px;
}
@media (max-width: 1023px) {
  .pe-px-56-md {
    padding-right: 56px !important;
  }
}

.pb-px-56 {
  padding-bottom: 56px;
}
@media (max-width: 1023px) {
  .pb-px-56-md {
    padding-bottom: 56px !important;
  }
}

.ps-px-56 {
  padding-left: 56px;
}
@media (max-width: 1023px) {
  .ps-px-56-md {
    padding-left: 56px !important;
  }
}

.ma-px-58 {
  margin: 58px;
}
@media (max-width: 1023px) {
  .ma-px-58-md {
    margin: 58px !important;
  }
}

.my-px-58 {
  margin-top: 58px;
  margin-bottom: 58px;
}
@media (max-width: 1023px) {
  .my-px-58-md {
    margin-top: 58px !important;
    margin-bottom: 58px !important;
  }
}

.mx-px-58 {
  margin-right: 58px;
  margin-left: 58px;
}
@media (max-width: 1023px) {
  .mx-px-58-md {
    margin-right: 58px !important;
    margin-left: 58px !important;
  }
}

.mt-px-58 {
  margin-top: 58px;
}
@media (max-width: 1023px) {
  .mt-px-58-md {
    margin-top: 58px !important;
  }
}

.me-px-58 {
  margin-right: 58px;
}
@media (max-width: 1023px) {
  .me-px-58-md {
    margin-right: 58px !important;
  }
}

.mb-px-58 {
  margin-bottom: 58px;
}
@media (max-width: 1023px) {
  .mb-px-58-md {
    margin-bottom: 58px !important;
  }
}

.ms-px-58 {
  margin-left: 58px;
}
@media (max-width: 1023px) {
  .ms-px-58-md {
    margin-left: 58px;
  }
}

.pa-px-58 {
  padding: 58px;
}
@media (max-width: 1023px) {
  .pa-px-58-md {
    padding: 58px !important;
  }
}

.py-px-58 {
  padding-top: 58px;
  padding-bottom: 58px;
}
@media (max-width: 1023px) {
  .py-px-58-md {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }
}

.px-px-58 {
  padding-right: 58px;
  padding-left: 58px;
}
@media (max-width: 1023px) {
  .px-px-58-md {
    padding-right: 58px !important;
    padding-left: 58px !important;
  }
}

.pt-px-58 {
  padding-top: 58px;
}
@media (max-width: 1023px) {
  .pt-px-58-md {
    padding-top: 58px !important;
  }
}

.pe-px-58 {
  padding-right: 58px;
}
@media (max-width: 1023px) {
  .pe-px-58-md {
    padding-right: 58px !important;
  }
}

.pb-px-58 {
  padding-bottom: 58px;
}
@media (max-width: 1023px) {
  .pb-px-58-md {
    padding-bottom: 58px !important;
  }
}

.ps-px-58 {
  padding-left: 58px;
}
@media (max-width: 1023px) {
  .ps-px-58-md {
    padding-left: 58px !important;
  }
}

.ma-px-60 {
  margin: 60px;
}
@media (max-width: 1023px) {
  .ma-px-60-md {
    margin: 60px !important;
  }
}

.my-px-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .my-px-60-md {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

.mx-px-60 {
  margin-right: 60px;
  margin-left: 60px;
}
@media (max-width: 1023px) {
  .mx-px-60-md {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
}

.mt-px-60 {
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .mt-px-60-md {
    margin-top: 60px !important;
  }
}

.me-px-60 {
  margin-right: 60px;
}
@media (max-width: 1023px) {
  .me-px-60-md {
    margin-right: 60px !important;
  }
}

.mb-px-60 {
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .mb-px-60-md {
    margin-bottom: 60px !important;
  }
}

.ms-px-60 {
  margin-left: 60px;
}
@media (max-width: 1023px) {
  .ms-px-60-md {
    margin-left: 60px;
  }
}

.pa-px-60 {
  padding: 60px;
}
@media (max-width: 1023px) {
  .pa-px-60-md {
    padding: 60px !important;
  }
}

.py-px-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1023px) {
  .py-px-60-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.px-px-60 {
  padding-right: 60px;
  padding-left: 60px;
}
@media (max-width: 1023px) {
  .px-px-60-md {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
}

.pt-px-60 {
  padding-top: 60px;
}
@media (max-width: 1023px) {
  .pt-px-60-md {
    padding-top: 60px !important;
  }
}

.pe-px-60 {
  padding-right: 60px;
}
@media (max-width: 1023px) {
  .pe-px-60-md {
    padding-right: 60px !important;
  }
}

.pb-px-60 {
  padding-bottom: 60px;
}
@media (max-width: 1023px) {
  .pb-px-60-md {
    padding-bottom: 60px !important;
  }
}

.ps-px-60 {
  padding-left: 60px;
}
@media (max-width: 1023px) {
  .ps-px-60-md {
    padding-left: 60px !important;
  }
}

.d-none-md {
  display: none;
}
@media (min-width: 1023px) {
  .d-none-md {
    display: inline-block;
  }
}

.x-md-8 {
  padding: 8px 0 !important;
}
@media (min-width: 1023px) {
  .x-md-8 {
    padding: 8px 16px !important;
  }
}

.breadcrumb {
  border-radius: 0;
  padding: 24px 0;
  margin-left: -16px !important;
  width: 425px;
}
.breadcrumb .q-item {
  font-size: 20px;
  padding: 18px 24px;
  margin-top: 8px;
  height: 56px;
}
.breadcrumb .q-item .q-item__section {
  padding-left: 16px;
  padding-right: 16px;
}
.breadcrumb .border {
  border-bottom: 1px solid #21212114;
  margin-left: 40px;
  margin-right: 24px;
}
.breadcrumb-site .q-item {
  height: 64px;
}

.q-textarea .q-field__native {
  resize: none;
}

.text-placeholder input::placeholder {
  color: rgba(0, 0, 0, 0.38) !important;
}

.q-btn {
  color: #35363A;
}

.q-select .q-field__native > span {
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
}

.q-field-custom-select__height > div > div {
  border-radius: 8px;
}
.q-field-custom-select__height > div > div:before, .q-field-custom-select__height > div > div:after {
  content: "";
  top: 2px !important;
  bottom: 2px !important;
  position: absolute;
  right: 0;
  left: 0;
  pointer-events: none;
}
.q-field-custom-select__height > div > div:before {
  border-color: #007BBB !important;
  border-radius: 8px;
}
.q-field-custom-select__height > div > div:after {
  border: 2px;
  border-radius: 8px !important;
}

/*---------------------------------
  quasar.sass の処理を上書き
---------------------------------*/
.q-tab {
  text-transform: none !important;
}

/*---------------------------------
  タイトル・ラベル
---------------------------------*/
.page-common__Title {
  font-size: 32px;
  font-weight: bold;
  color: #35363A;
  margin-bottom: 16px;
}

.page-common__subTitle1 {
  font-size: 30px;
  font-weight: bold;
}

.page-common__subTitle2 {
  font-size: 24px;
  font-weight: 500;
}

.page-common__searchTitle {
  font-size: 20px;
  font-weight: normal;
}

.page-common__optionTitleBule {
  font-size: 14px;
  color: var(--q-primary);
  font-weight: 500;
}

.page-common__itemTitle1 {
  font-size: 20px;
  font-weight: 500;
}

.page-common__itemTitle2 {
  font-size: 16px;
  font-weight: 500;
}

.page-common__itemTitle2_bold {
  font-size: 16px;
  font-weight: bold;
}

.page-common__itemTitle3 {
  font-size: 14px;
  font-weight: 500;
}

.page-common__itemTitle3_bold {
  font-size: 14px;
  font-weight: bold;
}

.page-common__itemlabel1 {
  font-size: 20px;
  font-weight: normal;
}

.page-common__itemlabel2 {
  font-size: 16px;
  font-weight: normal;
}

.page-common__itemlabel3 {
  font-size: 14px;
  font-weight: normal;
}

.page-common__groupTitle1 {
  color: var(--q-primary);
  font-size: 20px;
  font-weight: 500;
}

/*---------------------------------
  ボタン
---------------------------------*/
.page-common__btn_px20 {
  font-size: 20px;
  color: var(--q-primary);
  font-weight: 500;
  border-radius: 7px;
}

.page-common__btn_px14 {
  font-size: 14px;
  color: var(--q-primary);
  font-weight: 500;
  border-radius: 7px;
}
.page-common__btn_px14 .q-icon {
  padding-right: 4px;
}

.page-common__btnMbrReportDerail {
  font-size: 14px;
  color: var(--q-primary);
  font-weight: 500;
  border-radius: 7px;
}
.page-common__btnMbrReportDerail label {
  white-space: nowrap;
  padding-left: 6px;
}

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

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

.page-common__btnCancel {
  font-size: 20px;
}

.page-common__btnCancelSmall {
  font-size: 16px;
}

.page-common__btnRegister {
  font-size: 18px;
  color: var(--q-primary);
}

.page-common__btnEdit {
  font-size: 14px;
  color: var(--q-primary);
}

.page-common__btnDeleteIcon {
  font-size: 24px;
  color: var(--q-primary);
}

.page-common__btnDelete {
  font-size: 14px;
  color: var(--q-primary);
}

.page-common__btnAddItem {
  font-size: 14px;
  color: var(--q-primary);
  font-weight: normal;
}

.page-common__btnToggle {
  margin: 0 16px;
  box-shadow: none;
  border: 1px solid #007BBB;
  font-weight: bold;
}

/*---------------------------------
  ダイアログ
---------------------------------*/
.page-common__dialog {
  width: 100%;
  color: #35363A;
}
.page-common__dialog__section {
  padding: 32px;
}
.page-common__dialog .q-dialog__title {
  margin-bottom: 16px;
}
.page-common__dialog__cancel {
  font-size: 20px !important;
}
.page-common__dialog__submit {
  width: 160px !important;
  font-size: 20px !important;
}

.page-common__dialogZoomGraph {
  width: 100% !important;
  max-width: 100% !important;
  color: #35363A;
}
.page-common__dialogZoomGraph__title {
  font-size: 24px;
  font-weight: 500;
}
.page-common__dialogZoomGraph ::v-deep .u-legend {
  width: 100%;
  table-layout: fixed;
  display: block;
  overflow-y: scroll;
  height: 160px;
  border-collapse: collap;
}
.page-common__dialogZoomGraph ::v-deep .u-thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #F0F6F9;
}
.page-common__dialogZoomGraph__footer {
  justify-content: flex-end;
  padding: 8px;
}
.page-common__dialogZoomGraph__btnClose {
  padding: 0px 8px !important;
  color: var(--q-primary);
  font-weight: 500;
  border-radius: 7px;
  cursor: pointer;
}
.page-common__dialogZoomGraph__btnClose .q-icon {
  font-size: 24px;
}
.page-common__dialogZoomGraph__btnClose label {
  font-size: 20px;
  padding-left: 8px;
  cursor: pointer;
}

/*---------------------------------
  グラフ
---------------------------------*/
.page-common__graph__title {
  font-size: 24px;
  font-weight: normal;
}

.page-common__graph__btn_date_move {
  padding: 4px 8px;
  color: var(--q-primary);
  border-radius: 7px;
}

.page-common__graph__btnSetting {
  font-size: 20px;
}

.page-common__graph__btnSettingSmall {
  font-size: 20px;
}
.page-common__graph__btnSettingSmall i {
  font-size: 24px !important;
}

/*---------------------------------

---------------------------------*/
.text-received-bg {
  color: rgba(61, 138, 184, 0.08);
}

.page-auth {
  background: #6b7684;
  margin: 0;
  padding: 20px;
}
.page-auth__mainBox {
  max-width: 800px;
  width: 100%;
  margin: auto;
}
.page-auth__title {
  font-weight: 700;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 0;
  font-size: 28px;
}
@media (min-width: 1023px) {
  .page-auth__title {
    font-size: 32px;
  }
}
.page-auth__section {
  margin: 40px 0;
  padding: 0 96px;
}
@media (max-width: 599px) {
  .page-auth__section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-auth__section:last-child {
  margin-bottom: 48px;
}
.page-auth__inputField + .page-auth__inputField {
  margin-top: 8px;
  color: #35363A;
}
.page-auth__textBox p {
  font-size: 16px;
}
@media (min-width: 1023px) {
  .page-auth__textBox {
    margin-top: 20px;
    margin-bottom: 32px;
    text-align: center;
  }
  .page-auth__textBox p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0em;
  }
}
.page-auth__forgetBox {
  margin-top: 10px;
  margin-bottom: 22px;
  text-align: center;
}
.page-auth__forgetBtn {
  font-weight: 400;
  letter-spacing: 0em;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 1023px) {
  .page-auth__forgetBtn {
    font-size: 20px;
  }
}
.page-auth__actions {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/*---------------------------------
  管理画面 共通スタイル
---------------------------------*/
.page-adminIndex__refineSearch {
  margin-bottom: 20px;
}
.page-adminIndex__pagerFunctions {
  margin-bottom: 10px;
}
.page-adminIndex__pagerFunctions_numberLabel {
  margin-right: 10px;
}
.page-adminIndex__pagerFunctions_totalLabel {
  margin-left: 10px;
}
.page-adminIndex__tr-editMenu .q-list {
  min-width: 128px;
}
.page-adminIndex__editModal_mainCard {
  width: 100%;
  color: #35363A;
}
.page-adminIndex__editModal_mainCard_editor {
  max-width: 812px !important;
  width: 100%;
  color: #35363A;
}
.page-adminIndex__editModal_title {
  padding: 16px;
  font-size: 24px;
  font-weight: 400;
}
@media (min-width: 1023px) {
  .page-adminIndex__editModal_title {
    padding: 32px 32px 14px 32px;
  }
}
.page-adminIndex__editModal_mainSection {
  padding: 8px 16px 16px 16px;
  max-height: 65vh;
}
@media (min-width: 1023px) {
  .page-adminIndex__editModal_mainSection {
    padding: 14px 32px 32px 32px;
    max-height: 70vh;
  }
}
.page-adminIndex__editModal_mainSection_sp-column {
  flex-direction: column;
}
@media (min-width: 599px) {
  .page-adminIndex__editModal_mainSection_sp-column {
    flex-direction: row;
  }
}
.page-adminIndex__editModal_mainSection_sp-column > div + div,
.page-adminIndex__editModal_mainSection_sp-column > label + label {
  margin-top: 16px;
}
@media (min-width: 599px) {
  .page-adminIndex__editModal_mainSection_sp-column > div + div,
.page-adminIndex__editModal_mainSection_sp-column > label + label {
    margin-top: 0;
  }
}
.page-adminIndex__editModal_mainSection .q-field__native {
  color: #35363A;
}

/*---------------------------------
  管理画面 設備一覧
---------------------------------*/
/*---------------------------------
  管理画面 プラント一覧
---------------------------------*/
/*---------------------------------
  管理画面 プラント一覧
---------------------------------*/
/*---------------------------------
  履歴 共通スタイル
---------------------------------*/
.page-history__refineSearch {
  margin-bottom: 20px;
}
.page-history__mainCard {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1023px) {
  .page-history__mainCard {
    flex-direction: row;
  }
}
.page-history__pagerFunctions {
  margin-bottom: 10px;
}
.page-history__pagerFunctions_numberLabel {
  margin-right: 10px;
}
.page-history__pagerFunctions_totalLabel {
  margin-left: 10px;
}
.page-history__detailModal {
  max-width: 648px !important;
  width: 100%;
}
.page-history__detailModal_title {
  padding: 16px;
  font-size: 24px;
}
@media (min-width: 1023px) {
  .page-history__detailModal_title {
    padding: 32px 32px 14px 32px;
  }
}
.page-history__pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*---------------------------------
  警報履歴
---------------------------------*/
/*---------------------------------
  運転履歴
---------------------------------*/
/*---------------------------------
  シンプル記録
---------------------------------*/
.page-detail .p-md-16 {
  padding: 0;
}
@media (min-width: 1023px) {
  .page-detail .p-md-16 {
    padding: 16px;
  }
}
.page-detail .list {
  padding-top: 20px;
  padding-bottom: 16px;
}
@media (min-width: 1023px) {
  .page-detail .list {
    padding-top: 40px;
    padding-bottom: 32px;
  }
}

body {
  overscroll-behavior-y: none;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

/*# sourceMappingURL=app.ef05895e.css.map*/